* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
}
html,body{
    overflow-x:hidden;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none !important;
}
.bold {
    font-weight: bold;
}
.loader {
    display: none;
    position: absolute;
    left: 20px;
    top: 9px;
}
.bounce {
    -moz-animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;
    animation: bounce 5s infinite;
    position: absolute;
    left: 10%;
    bottom: 0;
    cursor: pointer;
}
.bounce i{
    font-size: 30px;
}
.gm-style .gm-style-iw-c{
    padding: 20px!important;
}
.gm-style .gm-style-iw-d{
    overflow: hidden!important;
    font-weight: bold;
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.ltr{
    direction: ltr;
}
#signup .header-busine {
    display: none;
}
#busines .header-signup {
    display: none;
}
.not-margin,.box-form .box.not-margin, .box-form .form-group.not-margin {
    margin: 0;
}
/* menu */
.menu-container{
    display: none;
    width: 50%;
    flex-direction:row-reverse;
}
header#headersitebama ul.menu-mobile{
    display: none;
    position: absolute;
    height: auto;
    top: 85px;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 0 20px 0 ;
}
header#headersitebama ul.menu-mobile li{
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}
header#headersitebama ul.menu-mobile li a{
    color: #fff;
    font-size: 20px;
}
.bar-mobile{
    cursor: pointer;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
/* tooltip */
.tooltip{
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.tooltip:hover .tooltiptext{
    visibility: visible;
}
.tooltip i{
    color: #000;
    font-size: 30px;
    cursor: pointer;
}
.tooltiptext{
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    width:128px;
    height: 100px;
    position: absolute;
    top:-50px;
    right:35px;
    border-radius: 25px;
    font-size: 15px;
    color: var(--primary-color);
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2100;
    line-height: 1.2;
}
.tooltiptext:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 15px solid transparent;
    bottom: 20px;
    right:-10px;
}
body{
    direction: rtl;
    font-family: 'Heebo regular', sans-serif;
}
.owl-carousel .owl-item img{
    width: auto;
    display: block;
    margin: 0 auto;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    color: inherit;
}
.reverse{
    flex-direction: row-reverse;
}
:root{
    --primary-color: #003366;
    --background-none: none;
    --border-none:none;
    --flex :flex;
    --none :none;
    --block :block;
    --color-purple:#6666cc;
    --color-pink:#d853ab;
    --color-blue-white:#00cccc;
    --color-blue:#0099cc;
    --color-blue-black:#01435a;
}
header#headersitebama{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    height: 85px;
    position: sticky;
    top:0;
    z-index: 999;

}
header#headersitebama  ul li{
    position: relative;
}
header#headersitebama  ul li.selected:after{
    content: '';
    border-bottom: 4px solid #fff;
    width: 100%;
    position: absolute;
    right: 0;
    top: 26px;
}
header#headersitebama .container{
    display: var(--flex);
    align-items: center;
    height: 85px;
}
header#headersitebama .container ul{
    display: var(--flex);
    color: #fff;
}
header#headersitebama .container nav{
    justify-content: center;
    width: 100%;
    display: var(--flex);
}
header#headersitebama .container nav ul li{
    margin-left: 25px;
}
header#headersitebama .container nav ul li a{
    color: #fff;
    font-size: 18px;
}
.no-flex{
    display: block;
}
.flex{
    display: var(--flex);

}
.none{
    display: var(--none);
}
.block{
    display: var(--block);
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.static{
    position: static;
}
.width-100{
    width: 100%;
}
iframe{
    border-radius: 25px;

}
.faq{
    direction: rtl;
    margin-top: 20px;
}
.faq h2{
    font-size: 30px;
    margin-bottom: 20px;
}
.faq .embed-responsive {
    max-width: 400px;
}
.col-25{
    width: 25%;
}
.col-30{
    width: 30%;
}
.col-35{
    width: 35%;
}
.col-40{
    width: 40%;
}
.col-50{
    width: 50%;
}
.col-70{
    width: 70%;
}
.display-block{
    display: block;
}
.grid,#block-1-facebook,#block-1-instgram,#block-1-youtube, #block-1-tiktok {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
#block-1-card-search-results {
    display: block;
}
.social a.load-facebook, .social a.load-instgram, .social a.load-tiktok, .social a.load-youtube
{
    color: #999999;
    font-size: 24px;
}
.facebook-posts,.instgram-posts, .youtube-videos, .mobile,
.instgram-posts-mobile, .facebook-posts-mobile, .youtube-videos-mobile, .tiktok-posts, .tiktok-posts-mobile, .csr-bama
{
    display: none;
}
.text-center{
    text-align: center;
}
.slick-slide img{
    display: inline-block;
}
.responsive, .img-fluid,.img-responsive{
    max-width: 100%;
    height: auto;
}
.header{
    border-bottom:1px solid rgb(234, 232, 232);
    position: sticky;
    top: 0;
    height: 72px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    z-index: 999;
}
.sprite{
    background-image: url("../images/sprite.png");
    height: 31px;
}
.sprite-black{
    background-image: url("../images/sprite-black.png");
    height: 31px;
}
.sprite-icon{
    width: 31px;
    height: 31px;
}
.sprite-black-box i:before,.icon-gradient:before{
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.icon-gradient{
    font-size: 30px;
    margin-left: 10px;
}
.link-animate a{
    margin-left: 40px;
    font-size: 30px;
    line-height: 30px;
}
.home-white,.home-black {
    background-position: 33px 0;
}
.facebook-white,.facebook-black{
    background-position:85px 0;
}
.instagram-white,.instagram-black{
    background-position:141px 0;
}
.tiktok-white,.tiktok-black{
    background-position:141px 0;
}
.youtube-white,.youtube-black{
    background-position:211px 0;
}
.pinterest-white,.pinterest-black{
    background-position:271px 0;
}
.review-white,.review-black{
    background-position:341px 0;
}
.map-white,.map-black{
    background-position:408px 0;
}
.header .row{
    align-items: center;
}
.row,.box{
    display: flex;
}
.box{
    width: 50%;
}
.container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.container-fluid {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.fullname{
    margin-right: 20px;
}
h1{
    color:#006666;
    font-size:20px;
    padding-left: 10px;
}
.fullname span{
    color: #006666;
    font-size: 15px;
    line-height:2em;
    font-weight: normal;
}
.adress{
    color:#99cccc;
    font-size: 16px;
}
.icons{
    justify-content: end;
}
.container-scroll{
    overflow: hidden!important;
    width: 100%;
    height:630px;
}
.scroll-view{
    border: none !important;
    box-sizing: content-box !important;
    left: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
    height: 673px;
    margin: 0 0 0 -19px;
}

.body-phone{
    background-image: url(../images/phone2.png);
    height: 673px;
    background-size: contain;
    background-repeat: no-repeat;
    align-items: start;
    width: 345px;
    overflow: hidden;
    z-index: 1;
}
.up-call{
    position: absolute;
    z-index: 1;
}
.icons-grid,.sortable {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    text-align: center;
    margin-left: 15px;
    padding-bottom: 50px;
}
.sortable{
    margin-left: 0;
}
.sortable .button-card .text-card  {
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
}
.body-content{
    padding-top: 35px;
    text-align: center;
}
.body-phone .body-content{
    padding: 35px 6px 0;
}
.box-phone{
    margin:10px 15px 0 15px;
}
.body-container{
    background: #f6f8f9;
    padding: 20px 0;

}
.container-person{
    width: 100%;
    position: absolute;
    right: 0;
    top:12%;
    text-align: center;
    z-index: 0;
}
.person-big,.slim{
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.person-big img{
    width: 100%;
}
#uploadImg label{
    text-align: center;
    display: block;
}
.slim img{
    width: 200px;
    height: 200px;
}
.person-edit{
    position: relative;
    width: 200px;
    margin: 0 auto;
}
.person-edit .edit_button_card{
    top: 18px;
}
h2{
    font-size: 24px;
    color: #006666;
}
h3{
    font-size: 20px;
    color: #006666;
    font-weight: normal;
}
.box-phone h3{
    max-width: 250px;
    margin: 0 auto;
    width: 100%;
}
.number-star{
    color: #ffcc00;
    font-size: 30px;
    font-weight: 600;
    display: block;
}
.star-icon {
    color: #ffcc00;
}
.review-number{
    color: #006666;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
}
#facebook .pricture-post{
    height: auto;
    margin-bottom: 12px;
}
.pricture-post{
    height: auto;
    margin-bottom: 12px;
    position: relative;
}
#tiktok .pricture-post{
    height: auto;
    margin-bottom: 12px;
}
.link-card{
    width: 58px;
    height:43px;
    border-radius: 50%;
    border:1px solid #006666;
    margin: 0 auto;
    text-align: center;
    padding-top:15px;
    display: inline-block;
}
.link-card{
    width: 58px;
    height:58px;
    text-align: center;
    padding-top:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle i {
    font-size: 25px;
    color: #336699;
}
a.link-button{
    color: #336699;
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.icons-list-item .circle{
    display: block;
}
.box-right{
    width: 40%;
    position: relative;
}
.box-left{
    width:60%;
}
#rating{
    font-size: 18px;
    font-family: 'Heebo', sans-serif;
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    vertical-align: super;
    margin-right: 20px;
}
.row .box-left#scouts{
    display: flex;
    flex-direction: row-reverse;
    color:#006666;
    font-size: 15px;
    line-height: 2em;
}
.body-container .container{
    display: flex;
}
.row .box-right,.row .box-left{
    width: 50%;
}
#busines .row .box-right {
    padding-top: 0;
    text-align: left;
}
#busines .row .box-right img {
    margin-left: -70px;
}
#bama-b2c .row .box-right {
    padding-top: 0;
    text-align: left;
}
#bama-b2c .row .box-right img {
    margin-left: -70px;
}
.row .box-right.contact{
    width: 40%;
    padding-left: 10%;
    border-left: 1px solid #cccccc;
}
.padding-50{
    padding-top: 15px;
}
.title{
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    margin-bottom: 10px;
}
.text{
    font-size: 17px;
    color: #006666;

}
#contact input{
    width: calc(100% - 30px);
    border:1px solid rgb(225, 225, 225);
    border-radius: 24px;
    height: 26px;
    padding:10px 30px 10px 0;
    color: #006666;
    font-size: 17px;
    margin-bottom: 19px;
}
#contact textarea{
    width: calc(100% - 30px);
    border:1px solid rgb(225, 225, 225);
    border-radius: 24px;
    padding:10px 30px 10px 0;
    color: #006666;
    font-size: 17px;
    resize: none;
    height: 30px;
    margin-bottom: 10px;
}
::-webkit-input-placeholder { /* Edge */
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
::placeholder {
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
.form-control::-webkit-input-placeholder { /* Edge */
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
.form-control::placeholder {
    color: #01435a;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
button[type=submit],.btn-gredient {
    border-radius: 21px;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    width: 100%;
    color: #fff;
    font-size: 24px;
    border: 0;
    height:42px;
    cursor: pointer;
    font-family: 'Heebo', sans-serif;
    font-weight: normal;
}
#updateuser button[type=submit]
,#updatebuy  button[type=submit]
,#updatecangeurl  button[type=submit]
{
    max-width: 250px;
    display: block;
    margin: 5px auto;
}
#newsletter button[type=submit],#forgotpassword-submit{
    background: #0287ca;
}
#newsletter button[type=submit]{
    margin: 20px 0;
}
#forgotpassword-submit{
    margin-bottom: 0;
    height: 47px;
    width: 50%;
    margin-right: 5%;
    font-size: 16px;
}
.forgotpassword{
    display: none;
}
#login .alert-success {
    color: #f00;
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
}
#login .error-result {
    color: #f00;
    font-weight: bold;
}
.btn-gredient{
    width: auto;
    padding: 7px 20px;
    text-decoration: none;
}
#quote{
    color: #006666;
    font-size: 22px;
    font-weight: 300;
    max-width: 300px;
    width: 100%;
    margin: 42px auto 0 auto;
}
.box-social{
    padding: 90px 0;
}
.box-shadow{
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    padding:30px 20px;
}
#map,#google{
    text-align: center;
    padding: 60px 0;
}
.img-person{
    width:54px ;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
}
.border{
    border-bottom: 1px solid #cccccc ;
}
.follow{
    display: flex;
    flex-direction: row-reverse;
    font-size: 18px;
    font-weight: 300;
    line-height: 2em;
    width: 50%;
    padding-left: 5%;
    position: relative;
}
.follow sub{
    margin-left: 10px;
    position: absolute;
    left: 20px;
}
.follow i{
    transform: rotate(180deg);
}
.title-social {
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    border-top-left-radius: 65px;
    border-top-right-radius: 65px;
    height: 40px;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    padding: 20px 80px 20px 0;
    text-align: right;
    display: flex;
}
.title-social h6{
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    line-height: 1em;
    width: 50%;
}
.social{
    text-align: center;
}
.social svg {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10001;
    display: inline-block;
    vertical-align: middle;
    right: 0;
    left: 50%;
}
.social svg {
    filter: drop-shadow(1px 1px 10px hsl(206.5, 70.7%, 8%));
    transition: all 250ms ease-in-out;
}
body:hover .social svg {
    filter: drop-shadow(1px 1px 10px hsl(206.5, 0%, 10%));
    transform: scale(1.2);
}
#facebook .social img{
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 250px;
    width: 300px;
    border-radius: 5px;
}
.social img{
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 250px;
    width: 300px;
    border-radius: 5px;
}
#tiktok .social img{
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 250px;
    width: 300px;
}
.img-container {
    display: inline-block;
    position: relative;
}
.insiconpt {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100001;
}
.insiconpt .fa {
    color: white;
    font-size: 18px;
    font-weight: 500;
}
.ins-post-link.insiconpt {
    right: auto;
    left: 14px;
    top: 14px;
}
.icon-pvideo.insiconpt {
    left: auto;
    right: 14px;
    top: 14px;
}
.social .post,.video{
    margin-bottom: 20px;
    text-decoration: none;
    background: #f6f8f9;
    border-radius: 15px;
    padding: 0;
}
.ytv-box {
    width: 100%;
    max-width: 100%;
}
.ytv-box-wrapper {
    position: relative;
    padding-bottom: 56.15%;
    height: 0;
    overflow: hidden;
}
.ytv-box-wrapper > iframe {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    border: 0;
}
.v-title {
    margin-top: 12px;
}
.social a{
    color: #000;
    text-decoration: none;
}
.social p {
    max-width: 250px;
    text-align: center;
    margin: 0 auto !important;
    overflow: hidden;
    line-height: 1.15;
}
.map-google{
    border-radius: 25px;
}
.slider{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.slick-prev:before,
.slick-next:before {
    color: #003366;
}
.slick-prev, .slick-next{
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.slick-prev{
    right: 46%;
    left:inherit;
    top: 105%;
    z-index: 9999;
}
.slick-next {
    left: 46%;
    right:inherit;
    top: 105%;
    z-index: 9999;
}
.slick-slide {
    transition: all ease-in-out .3s;
}
.slick-prev:before, .slick-next:before{
    font-size: 50px;
}
.review{
    border-radius: 60px;
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    background: #fff;
    position: relative;
    margin-left: 70px;
    padding: 30px 0;
    margin-bottom: 30px;
    height: 360px;
}
.google .owl-carousel .owl-stage-outer {
    height: 32vw;
}
.google .owl-carousel .owl-dots.disabled, .google .owl-carousel .owl-nav.disabled {
    display: block;
}
#google .review:before{
    content: '';
    background-image: url("../images/google.png");
    width: 27px;
    height: 28px;
    position: absolute;
    top:40px;
    right: 30px;
}
.slider-review .review h2{
    color: var(--primary-color);
    font-size: 16px;
    margin: 10px 0 8px;
    padding: 0 12px;
    line-height: 1.3;
    font-weight: 300;
}
.review .img-review {
    height: 128px;
    width: 128px;
    border-radius: 100%;
}
.review p {
    color: var(--primary-color);
    font-size: 18px;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.3;
    font-weight: 300;
}
.rating {
    color: #ffcc00;
}
footer{
    text-align: center;
    color: #003366;
    padding-bottom: 20px;
}
#busines footer{
    text-align: right;
}
#busines footer h4{
    font-size: 20px;
    margin-bottom: 30px;
}
#busines footer .row .col-25:nth-child(4) h4{
    margin-bottom: 0;
}
#busines footer p{
    font-size: 18px;
    margin-bottom: 20px;
}
#busines footer .menu a{
    color: var(--primary-color);
    font-size: 16px;
}
#busines footer .container{
    padding-top: 50px;
}
#busines footer .col-25{
    justify-content: start;
}
footer .box{
    width: 25%;
    height: 12px;
}
.box-header .box{
    width: 25%;
    height: 6px;
}
footer .box:nth-child(1), .box-header .box:nth-child(1) {
    background: #cc6699;
}
footer .box:nth-child(2),
.box-header .box:nth-child(2)
{
    background: #7253d8;
}
footer .box:nth-child(3),
.box-header .box:nth-child(3)
{
    background: #038ed6;
}
footer .box:nth-child(4),
.box-header .box:nth-child(4)
{
    background: #0abdd0;
}
footer h5{
    font-size: 26px;
    padding-top: 20px;
}
footer p{
    font-size: 22px;
}
.header-sticky{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
}
.header-sticky h1,
.header-sticky .fullname span,
.header-sticky .adress
{
    color: #fff;
}
.header-sticky .sprite-black-box i:before{
    -webkit-text-fill-color: #fff;
}
.site {
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    max-width: 343px;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    border-radius: 25px;
    display: block;
    text-decoration: none;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
}
.site:hover {
    color: #fff;
}
.site  img{
    margin-right: 15px;
    vertical-align: text-top;
}
.row-social{
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
    text-align:center;
}
.row-social a{
    color: #003366;
    margin-left: 15px;
    font-size: 16px;
}
.copyright{
    margin-top: 10px;
    font-size: 21px;
    color: #003366;
}
.msg-two{
    display: none;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    height: 252px;
}
.embed-responsive iframe{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 252px;
    border: 0;
}
#busines .embed-responsive {
    position: relative;
    display: block;
    width: auto;
    padding: 0;
    overflow: hidden;
    height: 600px;
}
#busines .embed-responsive iframe{
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 600px;
    border: 0;
}
#busines .mfp-content {
    text-align: center;
}
#busines button.mfp-close {
    background: #333;
    font-size: 40px;
    font-family: 'Heebo', sans-serif;
    color: #fff;
}
#busines .mfp-close-btn-in .mfp-close {
    color: #fff;
}
#bama-b2c .embed-responsive iframe{
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 600px;
    border: 0;
}
#bama-b2c .mfp-content {
    text-align: center;
}
#bama-b2c button.mfp-close {
    background: #333;
    font-size: 40px;
    font-family: 'Heebo', sans-serif;
    color: #fff;
}
#bama-b2c .mfp-close-btn-in .mfp-close {
    color: #fff;
}
#bama-b2c i.down-arrow, #busines i.down-arrow{
    position: absolute;
    left: 20px;
    top:12px;
    font-size: 20px;
}
.title-social .down-arrow{
    top:5px;
}
.rotate{
    transform: rotate(180deg);
}
/* busines */
#about-top{
    text-align: center;
    margin-top: 35px;
}
#about-top p{
    max-width: 750px;
    margin: 0 auto;
    font-size: 18px;
    color: var(--primary-color);
}
.slider-header{
    position: relative;
    background: #f4f4f4;
    height: 470px;
    padding: 70px 0 92px 0;
}
.slider-header .row{
    max-width: 1200px;
    width: 100%;
}
.slider-header .container{
    position: relative;
    display: flex;
    padding: 0;
}
.slider-header#other-slider .container{
    display: block;
}
.hp-header-tb {
    padding: 4px 0;
    text-align: center;
}
.hp-header-tb a {
    display: inline-block;
    position: relative;
}
.hp-header-tb-box {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    z-index: 100001;
    bottom: auto;
    top: 12px;
    left: auto;
    right: 36px;
}
.hp-header-tb-box .fa {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-left: 8px;
}
#busines .hp-header-text ul {
    margin: 0;
    padding: 0;
}
#busines .hp-header-text ul li {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    font-family: 'Heebo regular', sans-serif;
    margin-bottom: 4px;
    display: block;
    text-align: center;
}
#busines .hp-header-text h2.title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3;
    font-family: 'Heebo medium', sans-serif;
    margin-bottom: 6px;
}
#busines .title.second {
    font-size: 25px;
}
#busines .hp-header-text p {
    text-align: center;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;
}
#busines .hp-header-text p b {
    font-weight: bold;
}
#busines .hp-header-text ul {
    margin: 0;
    padding: 0;
}
#busines .hp-header-text ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    font-family: 'Heebo regular', sans-serif;
    margin-bottom: 6px;
    display: block;
    text-align: center;
}
.formleadpro input ,#detail-busines input,
.register-form input ,#newsletter input,
.login-form input,
.box-form input,.box-form select,
.checkbox-inline,
.packages-box
{
    display: block;
    width: 92%;
    height: 45px;
    padding: 0 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 25px;
}
.register-form input,
.login-form input,
.box-form  input,
.box-form select,
.checkbox-inline,
.packages-box
{
    width: 45%;
    margin-left: 5%;
    border-color: #01435a;
}
.packages-box{
    width:50%;
    margin-left: 2%;
}
.box-form  input,
.box-form select,
.checkbox-inline
{
    width:100%;
    margin-left: 0;
}
.box-form .box  {
    position: relative;
    margin-left: 5%;
    width:45%;
}
.box-form .box.changeurl{
    width:70%;
    margin-left: 0;
}
#updateuser{
    max-width: 540px;
    margin: 0 auto;
    width: 100%;
}
.register-form input:nth-child(n+2),
.login-form input:nth-child(n+2),
#MailForgotPassword,
.box-form .box:nth-child(n+2),
.packages-box:nth-child(n+2)
{
    margin-left: 0;
}
label.error{
    color:red;
    position: absolute;
    top: 40px;
    right: 9px;
    font-weight: 600;
    font-size: 12px;
}
.error-result.profe {
    color:red;
    position: absolute;
    top: 40px;
    right: 9px;
    font-weight: 600;
    font-size: 12px;
}
.checkbox-inline{
    cursor: pointer;
}
.box-form  input#takanon,
.box-form .package-chackbox
{
    width:20px;
    height:20px;
    margin-left: 5px;
}
.packages-box{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3161c1;
    color: #fff;
    margin: 0 0 5px 0;
    width: auto;
}
.checkbox-inline{
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkbox-inline a{
    color:#000;
    text-decoration: underline;
}
.form-group{
    margin-bottom: 20px;
}
#registration-facebook .fa ,#registration-gogole .fa{
    margin-left: 10px;
}
#registration-gogole{
    border-radius: 21px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border: 0;
    height: 30px;
    background: #ea4335;
    padding: 10px 15px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-left: 5%;
    line-height: 32px;
}
#registration-facebook {
    background: #4267b2;
    border-radius: 21px;
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border: 0;
    height: 30px;
    padding: 10px 15px;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
}
@media only screen and (max-width: 600px) {
    #registration-facebook {
        font-size: 13px;
        line-height: 32px;
    }
    #registration-gogole {
        font-size: 13px;
        line-height: 32px;
    }
}
#busines .box-header .box ,.bama .box-header .box {
    height: 12px;
}
#register,.box-form {
    border-radius: 25px;
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.15);

}
#busines #register {
    border-radius: 0;
    box-shadow: none;

}
#busines .register-form {
    border-radius: 25px;
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.15);
    max-width: 420px;
    padding: 12px 50px;
    background-color: #fff;
}
.slider-header#other-slider .box-form {
    margin: 2% 0 4% 0;
    padding: 15px 30px;
}
.slider-header  .box-left{
    position: relative;
}
.open-login {
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    padding: 6px 20px;
}
.open-login span{
    margin-left: 0;
}
.open-login i{
    margin-left: 8px;
    font-size: 18px;
}
#forgotpassword{
    text-align: center;
    display: block;
    color: #000;
}
.register-form ,.login-form{
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}
.register-form .form-group,
.login-form .form-group,
.box-form   .form-group
{
    display: flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}
.register-form .form-group
{
    margin-top: 0;
    margin-bottom: 10px;
}
.register-form h2,.box-form h2{
    font-size: 38px;
    font-weight: normal;
    margin: 10px 0 0 10px;
}
#busines .title{
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
    background: rgb(0,204,204);
    background: linear-gradient(90deg, rgba(0,204,204,1) 0%, rgba(0,153,204,1) 23%, rgba(102,102,204,1) 54%, rgba(204,102,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    line-height: 1.3;
}
#bama-b2c .title{
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
    background: rgb(0,204,204);
    background: linear-gradient(90deg, rgba(0,204,204,1) 0%, rgba(0,153,204,1) 23%, rgba(102,102,204,1) 54%, rgba(204,102,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    line-height: 1.3;
}
#busines .busines .title, #bama-b2c .busines .title, .tab-busines .title {
    line-height: 1.3;
}
.slider-busines{
    margin-top: 67px;
}
.slider-review  .owl-prev span, .slider-review  .owl-next span {
    position: static;
    line-height: 1em;
}
.slider-review.owl-theme .owl-nav [class*=owl-] {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background: #fff;
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
}
.google .slider-review.owl-theme .owl-nav [class*=owl-] {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background: #fff;
    box-shadow: 0 0 19.4px 0.6px rgba(24, 27, 24, 0.15);
}
.item-picture{
    position: relative;
}
.circle-picture{
    position: absolute;
    background-image: url("../images/b2b/circle.png");
    width: 73px;
    height: 73px;
    bottom: -33px;
    right: 40%;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-contact{
    text-align: center;
    margin-top: 40px;
}
.tab-busines{
    margin-top: 40px;
}
#busines .box-shadow{
    padding:50px 50px ;
    margin-top: 50px;
}
#bama-b2c .box-shadow{
    padding:50px 50px ;
    margin-top: 50px;
}
.tab-busines .tab{
    display: flex;
    justify-content: center;
}
.tab-busines .tab  .tablinks{
    color:var(--primary-color) ;
    border: var(--border-none);
    background: var(--background-none);
    margin-left: 40px;
    cursor: pointer;
    position: relative;
    font-size: 17px;
}
.tab-busines .tab  .tablinks .border-title{
    height: 9px;
    width:100%;
    content: '';
    position: absolute;
    top:20px;
    right:0;
}
.tab-busines .tab  .tablinks:nth-child(1) .border-title{
    background-color:var(--color-purple) ;
}
.tab-busines .tab  .tablinks:nth-child(2) .border-title{
    background-color:var(--color-pink) ;
}
.tab-busines .tab  .tablinks:nth-child(3) .border-title{
    background-color:var(--color-blue-white) ;
}
.tab-busines .tab  .tablinks:nth-child(4) .border-title{
    background-color:var(--color-blue) ;
}
.tab-busines .tab  .tablinks:nth-child(5) .border-title{
    background-color:var(--color-blue-black);
}
.tabcontent{
    display: var(--none);
    padding-top: 30px;
}
.tabcontent img{
    display: block;
    margin: 0 auto;
}
.tabcontent p{
    color:var(--primary-color) ;
    font-size: 18px;
}
.tabcontent h3{
    font-size: 45px;
    line-height: 1em;
    margin-bottom:10px;
    font-weight: bold;
    font-family: 'Heebo', sans-serif;
}
.tabcontent.flex{
    display: var(--flex)
}
.tabcontent .col-30{
    margin-top: 100px;
}
.tabcontent button{
    color: #fff;
    border-radius: 25px;
    border: var(--border-none);
    max-width:200px ;
    width: 100%;
    height: 50px;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}
.tabcontent .tab-link{
    color: #fff;
    border-radius: 25px;
    border: var(--border-none);
    max-width: 180px;
    height: 45px;
    font-size: 16px;
    margin-top: 20px;
    display: block;
    text-align: center;
    line-height: 45px;
}
#tab-one h3{
    color: var(--color-purple);
}
#tab-one button{
    background-color: var(--color-purple);
}
#tab-one .tab-link{
    background-color: var(--color-purple);
}
#tab-two h3{
    color: var(--color-pink);
}
#tab-two button{
    background-color: var(--color-pink);
}
#tab-two .tab-link{
    background-color: var(--color-pink);
}
#tab-three h3{
    color: var(--color-blue-white);
}
#tab-three button{
    background-color: var(--color-blue-white);
}
#tab-three .tab-link{
    background-color: var(--color-blue-white);
}
#tab-four h3{
    color: var(--color-blue);
}
#tab-four button{
    background-color: var(--color-blue);
}
#tab-four .tab-link{
    background-color: var(--color-blue);
}
#tab-five h3{
    color: var(--color-blue-black);
}
#tab-five button{
    background-color: var(--color-blue-black);
}
#tab-five .tab-link{
    background-color: var(--color-blue-black);
}
.busines{
    padding: 100px 0;
}
.busines h4,.tab-busines p{
    color: var(--primary-color);
    font-size: 24px;
    text-align: center;
    font-weight: 300;
}
.tab-busines .tabcontent  p{
    text-align: right;
    font-size: 18px;
}
.tab-busines .col-35{
    margin-top: 5vw;
}
.busines h5{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    font-family: 'Heebo', sans-serif;
}
.busines span{
    color: var(--primary-color);
    font-size: 18px;
}
.busines .owl-stage span{
    font-family: 'Heebo regular', sans-serif;
}
.busines .item{
    text-align: center;
}
.owl-prev span{
    position: absolute;
    right:-35px;
    font-size: 50px;
    top: 30%;
}
.owl-next span{
    position: absolute;
    left:-35px;
    font-size: 50px;
    top: 30%;
}
.google{
    text-align: center;
    color: var(--primary-color);
}
.google .title ,.google .title-big {
    width: 100%;
    text-align: center;
}
.google .title-big {
    z-index: 10;
    color: #cccccc;
    font-size: 120px;
    opacity: 0.3;
}
#busines .google .title-google{
    top: 36px;
    z-index: 11;
    line-height: 0.8em;
    position: relative;
    font-size: 65px;
}
#busines .google h5{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}
#bama-b2c .google .title-google{
    top: 36px;
    z-index: 11;
    line-height: 0.8em;
    position: relative;
    font-size: 65px;
}
#bama-b2c .google h5{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}
.google-img{
    position: absolute;
    right:30px;
    top:40px;
}
.google .review {
    margin: 0 auto;
}
.google .owl-carousel.owl-rtl .owl-item {
    margin: 0 25px !important;
}
.owl-carousel .owl-item img.img-review{
    margin-top: 20px;
}
#busines .google .title-small{
    margin-top: 100px;
    line-height: 0.8em;
}
#bama-b2c .google .title-small{
    margin-top: 100px;
    line-height: 0.8em;
}
.about{
    padding: 50px 0;
}
.about p ,.about-line p{
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 300;
}
/* detail-busines */
.details{
    padding: 50px 0 50px 0;
    background: #f6f8f9;
}
#detail-busines .row{
    align-items: baseline;
}
#detail-busines .row .box-left,#detail-busines .row .box-right{
    display:var(--flex);
    align-items: baseline;
}
#detail-busines .title{
    font-size: 26px;
    margin-bottom: 0;
}
#detail-busines .box-row{
    width: 21.25%;
    margin-left: 5%;
    margin-top: 5%;
}
#detail-busines .box-row:last-child{
    margin-left: 0;
}
.title-link{
    font-size: 18px;
    color: var(--primary-color);
    margin-left: 10px;
}
.line-row{
    display: var(--flex);
    margin-top: 27px;
}
.line-row .title-social-box{
    width: 50%;
    align-items: center;
    display: var(--flex);
    font-size: 22px;
    color: var(--primary-color);
}
.login-social-box{
    width: 50%;
    color: #66cc66;
    display: var(--flex);
    font-size: 17px;
    align-items: center;
    gap: 5px;
}
#detail-busines .row .box-right.no-flex,
#detail-busines .row .box-left.no-flex {
    display: block;
    margin-top: 80px;
    margin-left: 5%;
}
#detail-busines .row .box-left.no-flex{
    margin-left: 0;
}
.center{
    justify-content: center;
}
button[type=submit].btn-save{
    background: #ff3333;
    width: 150px;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
}
.pac-target-input:not(:-webkit-autofill){
    z-index: 1;
}
.packages{
    padding: 50px 0;
}
.price{
    width: 25%;
    background: #fff;
    border-radius: 25px;
    margin: 20px 0 0 5%;
    text-align: center;
    box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    -webkit-box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    -moz-box-shadow: 0 0 31.04px 0.96px rgba(24, 27, 24, 0.07);
    padding: 0 0 25px 0;
}
.name-price{
    height: 100px;
    background: #003333;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.name-price span{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    font-family: 'Heebo', sans-serif;
}
.sum-price{
    font-size: 36px;
    color: var(--primary-color);
    font-weight: bold;
    padding: 40px 0 0 0;
    line-height: 0.8em;
    font-family: 'Heebo', sans-serif;
}
.sum-price span{
    display: block;
    font-size: 18px;
}
.btn-price{
    padding:30px 25px 0 25px;
}
.price .btn-gredient ,.btn-gredient.url-bama{
    width: auto;
    display: block;
    font-size: 18px;
    height: auto;
}
.price .btn-gredient:hover ,.btn-gredient.url-bama:hover {
    color: #fff;
}
/*switch */
.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height:40px;
    background: #dadada;
    border-radius: 25px;
    margin-bottom: 35px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider-switch{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #53646b;
    -webkit-transition: .4s;
    transition: .4s;
    left: initial;
    width: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-switch:before {
    content: "הסתר";
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    color: #fff;
    position: absolute;
    right: 30%;
    width: 100%;
}
input:checked + .slider-switch {
    background-color: #2196F3;
    left: -15px;
    width: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    right: inherit;
}
input:checked + .slider-switch:before {
    content: "הצג";
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    right: inherit;
}
/* Rounded sliders */
.slider-switch.round {
    border-radius:25px;
}
.slider-switch.round:before {
    border-radius: 50%;
}
.instgram-link {
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #d6249f 0%, #285AEB 5%, #FD5947 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.facebook-link{
    background:  #1877f2;
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
}
.tiktok-link {
    background: #010101;
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.youtube-link {
    background: #ff0000;
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
}
.setting-link{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    z-index: 9999;
}
.share-social i{
    margin-right: 10px;
}
.instgram-link i{
    margin-left: 10px;
}
.tiktok-link i{
    margin-left: 10px;
}
.youtube-link i{
    margin-left: 10px;
}
.picture{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
}
#detail-busines .map{
    height:430px;
    width: 100%;
    padding: 0;
}
#detail-busines .about{
    height: 260px;
    width: 95%;
    border-radius: 25px;
    border: 1px solid #ced4da;
    resize: none;
    padding: 20px 20px;
    font-size: 16px;
    font-family: 'Heebo regular', sans-serif;
}
#detail-busines .pricefree{
    font-size: 20px;
    color: #01435a
}
#detail-busines .pricefree p{
    font-size: 36px;
    color: #01435a
}
#detail-busines .pricefree ul li i{
    color: #01435a;
    font-size: 20px;
    margin-left: 10px;
}
#detail-busines .pricefree ul li.free {
    margin-top: 15px;
}
#detail-busines .pricefree ul li.free a{
    text-decoration: underline;
    color: #01435a;
}
#busines .packages .row {
    align-items: baseline;
}
#busines .packages .row .box-left, #busines .packages .row .box-right {
    display: var(--flex);
    align-items: baseline;
}
#busines .packages .box-center {
    text-align: center;
    width: 100%;
}
#busines .packages .title {
    text-align: center;
    font-size: 45px;
    margin-bottom: 12px;
}
#busines .packages .name-price .title {
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
}
#busines .pricefree{
    font-size: 20px;
    color: var(--primary-color);
}
#busines .pricefree p{
    font-size: 36px;
    color: var(--primary-color);
}
#busines .pricefree ul li i{
    color: var(--primary-color);
    font-size: 20px;
    margin-left: 10px;
}
#busines .pricefree ul li.free {
    margin-top: 15px;
}
#busines .pricefree ul li.free a{
    text-decoration: underline;
    color: #01435a;
}
#bama-b2c .packages .row {
    align-items: baseline;
}
#bama-b2c .packages .row .box-left, #bama-b2c .packages .row .box-right {
    display: var(--flex);
    align-items: baseline;
}
#bama-b2c .packages .box-center {
    text-align: center;
    width: 100%;
}
#bama-b2c .packages .title {
    text-align: center;
    font-size: 45px;
    margin-bottom: 12px;
}
#bama-b2c .packages .name-price .title {
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
}
#bama-b2c .pricefree{
    font-size: 20px;
    color: var(--primary-color);
}
#bama-b2c .pricefree p{
    font-size: 36px;
    color: var(--primary-color);
    line-height: 1.1;
}
#bama-b2c .pricefree ul li i{
    color: var(--primary-color);
    font-size: 20px;
    margin-left: 10px;
}
#bama-b2c .pricefree ul li.free {
    margin-top: 15px;
}
#bama-b2c .pricefree ul li.free a{
    text-decoration: underline;
    color: #01435a;
}
#bama-b2c .pricefree{
    font-size: 20px;
    color: var(--primary-color);
}
#bama-b2c .pricefree p{
    font-size: 36px;
    color: var(--primary-color);
}
#bama-b2c .pricefree ul li i{
    color: var(--primary-color);
    font-size: 20px;
    margin-right: 10px;
}
#bama-b2c .pricefree ul li.free {
    margin-top: 15px;
}
#bama-b2c .pricefree ul li.free a{
    text-decoration: underline;
    color: #01435a;
}
#detail-busines .phone{
    padding: 60px 0;
}
#detail-busines .body-phone{
    margin: 40px auto 0 auto;
}
/* edit button*/
.button-card{
    position: relative;
}
.slogen{
    position: relative;
}
.container-slogen{
    display: none;
    position: relative;
}
.close-editor{
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    border: 0;
    color: #fff;
    font-size: 30px;
    z-index: 1111;
    border-bottom-left-radius: 15px;
    padding: 0 15px;
    cursor: pointer;
}
.edit_button_card {
    position: absolute;
    top: -4px;
    right: 13px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    background: #53646b;
    width: 22px;
    height: 18px;
    text-align: center;
    padding-top: 5px;
    font-size: 15px;
    z-index: 10001;
}
.modal{
    position: fixed;
    background-color: rgba(0,0, 0, 0.8);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
}

.modal .modal-dialog{
    background: #fff;
    position: absolute;
    max-width: 750px;
    top: 3%;
    right: 21%;
    border-radius: 25px;
    padding: 20px;
    width: 100%;
}
.modal#addButtoncard .modal-dialog{
    right: initial;
    left: 0;
    width: 200px;
    padding: 15px 0;
}
.modal#addButtoncard .modal-dialog .modal-header{
    margin-top: 30px;
    text-align: center;
}
.modal#addButtoncard .modal-dialog .modal-body{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    gap: 10px;
}
.link-button-icon{
    cursor: pointer;
}
.link-button-icon i{
    display: block;
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
}
.modal .close ,#login .close{
    position: absolute;
    top:20px;
    left:20px;
    background: #000;
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0.5% 0 0 0;
    cursor: pointer;
}
.modal-title{
    text-align: center;
    font-size: 30px;
    font-weight: normal;
}
.panel-title a{
    color: #000;
    font-weight: normal;
}
.button-flex{
    display: flex;
}
.button-flex .removebuttoncard{
    background: #ff3333;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
}
.button-flex .removebuttoncard ,.button-flex button[type='submit']{
    width: 50%;
    margin-left: 2%;
}
.button-flex .editbuttoncardrow{
    background: #ff3333;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    text-align: center;
    color: #fff;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
}
.button-flex .editbuttoncardrow ,.button-flex button[type='submit']{
    width: 50%;
    margin-left: 2%;
}
#detail-busines input.iconButton{
    padding-right: 60px;
}
.icon-position{
    position: absolute;
    right: 20px;
}
.iconpicker-container{
    position: relative;
    justify-content: center;
    align-items: center;
}
.iconpicker-popover{
    width: 100% !important;
    left:0 !important;
}
#detail-busines .add-button{
    display: flex;
    flex-direction: row-reverse;
    margin-left: 15px;
    position: relative;
}
#detail-busines .link-add-button{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    position: absolute;
    bottom: -29px;
    width: 50px;
    height: 45px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    padding-top: 5px;
    border-radius: 0 25px 0 25px;
}
.share-social{
    display: flex;
    justify-content: center;
    gap: 30px;
}
body .how-it-works{
    display: none;
}
.mobile{
    display: none;
}
.floating_btn{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-size: 20px;
    border: 0;
    padding: 10px ;
    position: fixed;
    top:40%;
    right: 0;
    max-width: 80px;
    width: 100%;
    text-align: center;
    z-index: 9999;
}
.connection{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.connection .box-connection{
    flex-basis: 50%;
    border-left: 1px solid #fff;
    text-align: center;
}
.connection .box-connection a {
    color: #fff;
    font-size: 18px;
}
.connection .box-connection i{
    font-size: 30px;
}
.connection .fa-whatsapp{
    padding-right: 15px;
}
.phone_in_header{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    width: 22%;
    color: #fff;
}
.share{
    position: fixed;
    bottom:0;
    left: 0;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    width: 100%;
    padding:  0;
    height:50px;
    display: none;
    z-index:99999 ;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
#shareModal .modal-body{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    display: flex;
}
#wtsppFormModal .modal-body{
    background-image: none;
    display: block;
}
#wtsppFormModal .btn{
    color: #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
}
#wtsppFormModal .form-group input {
    width: 95%;
    height: 50px;
    font-size: 20px;
}
#wtsppFormModal .modal-body {
    padding-top: 60px;
}
.share div{
    flex-basis: 25%;
    border-left: 1px solid #fff;
}
.share a,.share span{
    color: #fff;
    text-align: center;
    font-size: 20px;
    display: block;

}
.share span{
    font-size: 12px;
}
.share a{
    padding: 10px 0;
    cursor: pointer;
}
.share i{
    display: block;
}
#shareModal i{
    font-size: 40px;
}
.viewshare{
    display: flex;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    padding: 10px;
    flex-wrap: wrap;
    font-weight: bold;
    color: #fff;
    border-radius: 25px;
}
.viewshare a{
    color: #fff;
}
.viewshare .logo{
    margin-right: 5%;
}
.form-box .form-group label{
    display: block;
    color: #006666;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.form-box .form-group{
    width: 100%;
    margin: 10px 0 10px 0;
}
.form-group input{
    width: 100%;
    height: 40px;
    padding: 0 10px ;
    border-radius:25px;
    border: 1px solid #01435a;
}
.form-box  button{
    max-width: 250px;
    width: 100%;
    margin: 20px auto;
    display: block;
}
.admin.bama .row.page-content {
    display: block;
}
.admin.bama .row.page-content h1 {
    font-size: 35px;
}
.admin.bama .row.page-content > .btn {
    font-size: 25px;
}
.admin.bama .row.page-content table thead tr th {
    text-align: right;
}
.box-form.add-bama {
    padding: 30px 6px;
}
.box-form.add-bama .form-group input {
    font-size: 16px;
}
.box-form.add-bama .form-group select {
    font-size: 16px;
    color: #495057;
}
.box-form.add-bama .form-group textarea {
    font-size: 16px;
    color: #495057;
}
.box-form.add-bama .form-group select option {
    font-size: 16px;
    color: #495057;
}
.box-form.add-bama .checkbox-inline {
    font-size: 16px;
}
.box-form.add-bama .checkbox-inline input[type=checkbox] {
    position: absolute;
    right: 30px;
    top: 6px;
    margin-right: auto;
    margin-left: auto;
}
.box-form.add-bama .checkbox input[type=checkbox]::-webkit-input-placeholder, .box-form.add-bama .check,
.box-form.add-bama .form-group input::-webkit-input-placeholder { /* Edge */
    color: #495057;
}
.box-form.add-bama .form-group input:-ms-input-placeholder { /* Internet Explorer */
    color: #495057;
}
.box-form.add-bama .form-group input::placeholder {
    color: #495057;
}
.box-form.add-bama .select2-search--inline textarea {
    font-size: 16px;
    color: #495057;
}
.box-form.add-bama textarea::-webkit-input-placeholder { /* Edge */
    font-size: 16px;
    color: #495057;
    font-family: 'Heebo', sans-serif;
}
.box-form.add-bama textarea:-ms-input-placeholder { /* Internet Explorer */
    font-size: 16px;
    color: #495057;
    font-family: 'Heebo', sans-serif;
}
.box-form.add-bama textarea::placeholder {
    font-size: 16px;
    color: #495057;
    font-family: 'Heebo', sans-serif;
}
.box-form.add-bama .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
}
.box-form.add-bama .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 16px;
    margin: 0 auto;
    max-width: none;
    display: block;
    width: auto;
}
.admin.bama .select2-results__option--selectable {
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
}
@media (max-width: 500px) {
    .box-form.add-bama .form-group {
        flex-direction: column;
        margin: 0;
    }
    .box-form.add-bama .box input {
        width: 100%;
        margin-left: 0;
    }
    .box-form.add-bama .box {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        display: inline-block;
    }
    .box-form.add-bama .box input {
        margin-bottom: 20px;
    }
    .box-form.add-bama .select2-container {
        margin-bottom: 20px;
    }
}
#signup .menu-container {
    display: none;
}
.leftfield{
    text-align: left;
    direction: ltr;
}
.align-items{
    align-items: center;
}
.box-form .form-group.otherprofessions{
    display: none;
}
#comment {
    font-family: sans-serif;
}
.select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #01435a transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    height: 0;
    left: 12px;
    margin-left: -4px;
    margin-top: -3px;
    top: 50%;
    width: 0;
    cursor: pointer
}
.select2-container--open .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: transparent transparent #01435a transparent;
    border-width: 0 6px 7px 6px;
    height: 0;
    left: 12px;
    margin-left: -4px;
    margin-top: -3px;
    top: 50%;
    width: 0;
    cursor: pointer;
}
@keyframes float {
    0% {
        transform: translatey(0); }
    50% {
        transform: translatey(20px); }
    100% {
        transform: translatey(0); }
}
@media (max-width: 1230px) {
    #detail-busines .box-row{
        width: 45%;
    }
}
.lang-switch.show-dsktp {
    display: block;
    margin: 6px 5px 0 0;
}
.lang-switch.show-mobile {
    display: none;
}
@media (max-width: 1100px) {
    #updatecangeurl{
        max-width: 400px;
        margin: 0 auto;
    }
    .changeurl{
        text-align: center;
    }
    #forgotpassword-submit{
        font-size: 14px;
        line-height: 16px;
    }
    .modal .modal-dialog{
        right:15%;
        max-width: 400px;
        padding: 30px 20px;
    }
    .menu-container{
        display: flex;
    }
    .lang-switch.show-dsktp {
        display: none;
    }
    .lang-switch.show-mobile {
        display: block;
        margin: 6px 12px 0 12px;
    }
    .modal .close, #login .close{
        top:5px;
    }
    #logo{
        width: 50%;
    }
    #newsletter{
        width: 70%;
        display: block;
        margin: 20px auto;
    }
    #newsletter button[type=submit]{
        margin-top: 20px;
    }
    #busines footer .col-25{
        width:50%;
        text-align: center;
        float: right;
    }
    #busines .title, #busines .google .title-google, #bama-b2c .title, #bama-b2c .google .title-google {
        font-size: 30px;
    }
    .google .title-big{
        font-size: 50px
    }
    .busines{
        padding: 30px 0;
    }
    .tabcontent h3{
        font-size: 30px;
        text-align: center;
    }
    .tabcontent img{
        width: 100%;
        height: auto;
    }
    .tabcontent button{
        display: block;
        margin: 20px auto;
    }
    .tabcontent .tab-link{
        display: block;
        margin: 20px auto;
    }
    .tab-busines p{
        font-size: 20px;
    }
    .col-35,.col-70{
        width: 100%;
    }
    #busines .box-shadow, #bama-b2c .box-shadow {
        padding: 0 15px;
        margin-top: 10px;
    }
    .tab-busines .tab .tablinks .border-title{
        display: none;
    }
    .tab-busines .tab .tablinks.tab-one{
        background-color: var(--color-purple);
    }
    .tab-busines .tab .tablinks.tab-two{
        background-color: var(--color-pink);
    }
    .tab-busines .tab .tablinks.tab-three{
        background-color: var(--color-blue-white);
    }
    .tab-busines .tab .tablinks.tab-four{
        background-color: var(--color-blue);
    }
    .tab-busines .tab .tablinks.tab-five{
        background-color: var(--color-blue-black);
    }
    .tab-busines .tab{
        flex-direction: column;
    }
    .tab-busines .tab .tablinks{
        margin-left: 0;
        color: #fff;
        height: 45px;
        font-size: 20px;
        border-bottom: 1px solid #fff;
    }
    /* busines */
    .slider-header{
        padding: 0;
    }
    #about-top{
        padding: 0 15px ;
        margin-top: 20px;
    }
    #busines .row,.slider-header .container {
        display: block;
    }
    #signup .slider-header .row{
        flex-direction: column-reverse;
    }
    #busines .row.box-header, #busines .row.footer, #signup .row.box-header {
        display:flex;
    }
    .person{
        height:120px;
        width:auto;
        display: block;
        margin:0 auto 0 auto;
    }
    #register,.slider-header#other-slider .box-form {
        width:100%;
        margin:0;
        padding: 20px 0;
    }
    /* owl*/
    .slider-header #register .modal-dialog{
        margin: 0;
    }
    .slider-header{
        height: auto;
    }
    #busines header#headersitebama .container nav{
        display: none;
    }
    .owl-next span, .owl-prev span{
        display: none;
    }
    #bama-b2c #inspiration .owl-next span{
        display: block;
        left: 0;
    }
    #bama-b2c #inspiration .owl-prev span{
        display: block;
        right: 0;
    }
    .google .owl-next span, .google .owl-prev span{
        display: block;
    }
    .span.PIN_1645358938985_embed_grid{
        max-width: 1100px!important;
        width: 100% !important;
    }
    .body-container .container{
        display: block;
        padding: 0;
    }
    .row-flex div{
        width: 100%;
    }
    .row-flex{
        flex-wrap: wrap;
    }
    .box-right,.box-left,.row .box-right.contact,
    .row .box-right, .row .box-left,
    .slider-header#other-slider .box-form
    {   width: 100%;
        margin: 0 0;
    }
    .title.title-about{
        background: none;
        background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        color: #fff;
        font-weight: 300;
        font-size: 20px;
        padding: 10px 0 10px 0;
        -webkit-text-fill-color:#fff;
        margin:20px 0 ;
        text-align: center;
        cursor: pointer;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        position: relative;
    }
    .contact{
        text-align: center;
    }
    #contact{
        max-width: 500px;
        margin: 0 auto;
        padding: 0 15px;
    }
    body button[type=submit]{
        width: 80%;
    }
    .body-phone{
        margin: 0 auto;
    }
    .row-dasktop{
        display: none;
    }
    .text{
        text-align: center
    }
    .row .box-right.contact{
        padding-left: 0;
    }
}
@media (max-width: 1000px) {
    .contact{
        order: 1;
    }
    .body-container{
        padding: 0;
    }
    .link-animate a{
        width: auto;
        text-align: center;
        margin-left: 0;
        padding: 0 3px;
        font-size: 22px;
        line-height: 22px;
		margin-left: 8px;
    }
    .box-desktop .img-person {
        width: 30px;
        height: 30px;
    }
    .box-desktop .fullname {
        margin-right: 5px;
    }
    .box-desktop .fullname h1 {
        font-size: 15px;
    }
    .box-desktop .fullname .adress {
        font-size: 14px;
		display: none;
    }
    .box{
        width: 100%;
    }
    .desktop {
        display: block;
    }
    #instagram,#facebook,#youtube,#pinterest,#tiktok{
        padding: 10px 0;
    }
    .grid, #block-1-facebook, #block-1-instgram, #block-1-youtube, #block-1-tiktok {
        grid-template-columns: repeat(1,1fr);
    }
    .tabcontent.flex{
        display: block;
    }
    .title-social{
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        padding: 0;
        cursor: pointer;
        position: relative;
        display: block;
    }
    .title-social h6{
        font-size: 20px;
        text-align: center;
        width: 100%;
        line-height:2em
    }
    .review{
        height: 380px;
        margin-left: 0;
    }
    .google .owl-carousel .owl-stage-outer {
        height: 460px;
    }
    footer h5{
        padding: 0;
    }
    .padding-50{
        padding-top: 10px;
    }
    #map, #google{
        padding: 10px;
    }
    .box-social{
        padding: 0;
    }
    .slick-next,.slick-prev{
        display: none!important;
    }
}
@media (max-width: 850px) {
    #detail-busines .row{
        flex-wrap: wrap;
        width: 100%;
        overflow: hidden;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .connection  .link-footer{
        margin-left: 20px;
        display: inline-block;
    }
    .phone_in_header{
        display: none;
    }
    #detail-busines .floating_btn{
        bottom: 0 ;
        top: unset;
        width: 100%;
        max-width: 100%;
    }
    .bamacleint .title{
        background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        height: 40px;
        color: #fff;
        font-weight: 300;
        text-align: center;
        cursor: pointer;
        -webkit-background-clip:unset;
        -webkit-text-fill-color:unset;
        display: block;
        font-size: 20px;
        line-height: 2em;
    }
    .load-about{
        text-align: center;
        cursor: pointer;
        margin-top: 10px;
    }
    .row-social{
        margin-bottom: 20px;
    }
    .row-flex div.about-line{
        text-align: center;
        padding: 0 15px ;
        width:auto;
    }
    .text{
        padding: 0 15px ;
    }
    .about-line{
        display: none;
    }
    .about-line.start-about{
        display: block;
    }
    .sortable{
        padding-bottom: 0;
    }
    .scroll-view{
        height: auto;
    }
    .body-phone{
        width: 100%;
        height: auto;
        background: none;
    }
    .header-phone{
        background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        height:200px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
    }
    .container-person{
        top:5%;
    }
    .box-phone{
        margin: 0;
    }
    .connection.mobile{
        display: flex;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }
    .mobile.about-mobile {
        width:auto;
        height:120px;
        display:block;
        padding:0 15px 12px;
        overflow:hidden;
    }
    #mobile-load-more {
        text-align: center;
        font-size: 18px;
        color: #336699;
        font-weight: 600;
        margin-top: 12px;
        display: block;
    }
    #mobile-load-less {
        text-align: center;
        font-size: 18px;
        color: #336699;
        font-weight: 600;
        margin-top: 12px;
        display: none;
    }
    .header{
        height: 40px;
    }
    .box-desktop{
        /*display: none;*/
    }
    .buttons{
        display:grid !important;
        grid-template-columns:auto auto !important;
        justify-content:unset !important;
    }
    .form-group.buttons a{
        width:78% !important;
    }
    .mobile_grid {
        display: grid !important;
        grid-template-columns: auto auto;.
    }
    .img_mobile2{
        width:130px !important;
    }
    .responsive_form{
        grid-template-columns:auto auto !important;
        display:grid !important;
        padding-right:10px;
    }
    li.busines-site{
        display: none;
    }
    .price{
        width: 45%;
    }
    #busines footer .col-25{
        width: 100%;
    }
    #busines footer h4{
        background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
        width: 100%;
        text-align: center;
        color: #fff;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        padding: 10px 0;
        margin-bottom: 0;
        cursor: pointer;
        position: relative;
    }
    #busines footer .col-25{
        margin-bottom: 20px;
    }
    #busines footer .menu{
        display: none;
    }
    .share{
        display: flex;
    }
    .line-row .title-social-box{
        width: 100%;
    }
    .container-scroll{
        height: auto;
    }
    #bama-b2c #owl-carousel1 .owl-prev {
        margin: 0 !important;
    }
    #bama-b2c #owl-carousel1 .owl-next {
        margin: 0 !important;
    }
}
@media (max-width: 500px) {
    #detail-busines .link-add-button{
        bottom: 10px;
    }
    #detail-busines .title{
        font-size: 20px;
    }
    .col-25{
        width: 50%;
    }
    #detail-busines .box-row,.price{
        width: 100%;
    }
    .register-form .form-group,
    .box-form .form-group{
        flex-direction: column;
        margin: 8px 0;
    }
    .register-form .form-group.buttons{
        margin-top :10px;
        flex-direction: row;
    }
    .register-form input,
    .box-form .box input
    {
        margin-left: 0;
        margin-bottom:15px;
    }
    .form-group.header-register{
        margin-bottom: 20px;
    }
    .register-form input, .box-form input, .box-form select, .checkbox-inline, .packages-box
    {
        width: 78%;
        margin-left: 0;
    }
    .login-form input
    {
        margin-left: 4%;
    }
    .packages-box{
        margin-bottom: 10px;
    }
    #signup .box-form select{
        width: 100%;
        margin-bottom: 15px;
    }
    .checkbox-inline{
        width: 100%;
    }
    .box-form .box  .checkbox-inline input{
        margin-bottom: 0;
    }
    .box-form .box,.box-form .box.changeurl{
        margin: 0 auto;
        width: 95%;
        padding: 0 2.5%;
    }
    .box-form .box.changeurl{
        margin: 10px auto;
    }
    .box.ltr{
        display: none;
    }
    .box-form .box input{
        width: 95%;
        margin-left: 0;
    }
    .container{
        padding: 0 15px;
    }
    #busines footer .col-25{
        width: 100%;
    }
    #logo{
        margin-left:5%;
    }
    .menu-container{
        width: 10%;
    }
    .open-login{
        width: 55%;
        margin-left:3%;
        padding: 6px 10px;
    }
    #logo img{
        width: 100%;
        height: auto;
    }
    .modal .modal-dialog{
        right: 2%;
        max-width:85%;
    }
}
@media (max-width: 400px) {
    .register-form .form-group.buttons,  .login-form .form-group.buttons
    {
        flex-direction: column;
    }
    .register-form .form-group.buttons a#registration-gogole,   .register-form .form-group.buttons a,
    .login-form .form-group.buttons a#registration-gogole,   .login-form .form-group.buttons a
    {
        max-width: 80%;
        margin: 10px auto;
    }
}
.gm-fullscreen-control,.gmnoprint{
    display: none!important;
}
#pac-input{
    left:unset!important;
    top:10px!important;
}
#myBtnBB {
    cursor: pointer;
}
html {
    scroll-behavior: smooth;
}
#updatebuy .is_coupon {
    font-size: 22px;
    font-weight: 500;
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wu-fi {
    display: block;
    position: fixed;
    top: auto;
    bottom: 8px;
    right: auto;
    left: 10px;
    z-index: 1001;
}
.slider-header {
    padding: 15px 0 84px 0;
}
#signup .slider-header {
    padding: 5px 0 120px 0;
}
#couponcalculation {
    background-color: rgba(216,83,171,1);
    width: 100%;
    color: #fff;
    font-size: 24px;
    border: 0;
    height: 42px;
    cursor: pointer;
    font-family: 'Heebo', sans-serif;
    font-weight: normal;
}
.bamacleint nagishli#NagishLiTag > #NagishLiBar {
    z-index: 100001 !important;
}
.bamacleint nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip {
    display: block;
    color: white !important;
    cursor: pointer !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 10px !important;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    border-bottom-right-radius: 15px !important;
}
.bamacleint nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
    background: url(/nagishli/gfx/sprite.png) no-repeat 0 0 !important;
    width: 50px !important;
    height: 57px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.bamacleint nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiTitle {
    display: none !important;
}
#busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    z-index: 100001 !important;
}
#busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip {
    display: block;
    color: white !important;
    cursor: pointer !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 10px !important;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    border-bottom-right-radius: 15px !important;
}
#busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
    background: url(/nagishli/gfx/sprite.png) no-repeat 0 0 !important;
    width: 50px !important;
    height: 57px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
#busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    display: none !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    z-index: 100001 !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip {
    display: block;
    color: white !important;
    cursor: pointer !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 10px !important;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    border-bottom-right-radius: 15px !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
    background: url(/nagishli/gfx/sprite.png) no-repeat 0 0 !important;
    width: 50px !important;
    height: 57px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    display: none !important;
}
@media (max-width: 768px) {
    .wu-fi {
        display: none;
    }
    #busines .packages, #bama-b2c .packages {
        margin-bottom: 35px;
    }
    .bamacleint nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        background: url(/nagishli/gfx/sprite2.png) no-repeat 0 0 !important;
    }
    #busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        background: url(/nagishli/gfx/sprite2.png) no-repeat 0 0 !important;
    }
    #bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        background: url(/nagishli/gfx/sprite2.png) no-repeat 0 0 !important;
    }
    .bamacleint nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        margin-right: 0 !important;
    }
    #busines nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        margin-right: 0 !important;
    }
    #bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        margin-right: 0 !important;
    }
    #detail-busines .about {
        width: 81%;
    }
}
.blsc a {
    color: #fff;
}
#bama-b2c .remove_side_scroll{
    margin-left: 0;
    margin-right: 0;
}
#bama-b2c .logintext{
    text-align: right;
    padding-right: 6px;
    color: black;
    font-size: 18px;
    padding-top: 0;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .logintext{
        font-size:13px;
    }
}
#bama-b2c .adresstext{
    color:black;
    text-align: right;
    padding-right: 0;
}
#bama-b2c ul.header_menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
#bama-b2c li a {
    display: block;
    color: #003366;
    padding: 6px 6px;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #bama-b2c .navbar{
        margin-top: 0 !important;
    }
}
/* navabr css  */
@media only screen and (max-width: 992px) {
    #bama-b2c .nav-link a{
        text-align:right;
    }
}
/* navabr css end */
#bama-b2c .second_ul li a{
    color:#01435a;
    font-size: 18px;
}
#bama-b2c .second_ul li a:hover{color:grey;}
#bama-b2c li a:hover {
    color: #003366;
}
#bama-b2c .header {
    background-image: url("../images/upperbanner2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    width: 100%;
}
#bama-b2c.b2c-main .header {
    height: 550px;
}
#bama-b2c .header .header-wrap-top > .row>* {
    flex-shrink: unset;
    width: auto;
    max-width: none;
}
#bama-b2c .nav{
    background-color:transparent !important;
}
#bama-b2c .header_part2_first_text{
    text-align: center;
    font-size: 34px;
    color: #003366;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 107px;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .header_part2_first_text{
        font-size: 25px;
        margin-top: 30px;
        margin-bottom: 6px;
        line-height: 1.3;
        font-weight: 600;
    }
}
#bama-b2c .header_part2_second_text{
    text-align: center;
    font-size: 22px;
    color: #003366;
    font-weight: 300;
    margin-top: 2px;
    word-spacing: -1px;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .header_part2_second_text{
        font-size: 20px;
        margin-bottom: 6px;
        line-height: 1.3;
        font-weight: 300;
    }
}
#bama-b2c #form1{
    text-align: center;
}
#bama-b2c #search-card{
    border-radius: 35px;
    border: 1px solid #f2f2f2;
    padding: 0 32px;
    background: #fff;
    font-family: 'Heebo regular', sans-serif;
}
#bama-b2c .form-control{
    border-radius: 0 !important;
}
#bama-b2c .select2-container--default.select2-container--focus .select2-selection--multiple textarea {
    font-family: 'Heebo regular', sans-serif;
}
#bama-b2c option{
    text-align: right;
}
#bama-b2c select{
    -webkit-appearance: none;
    border:0;
    text-align:right;
    background-color: transparent;
    padding-top: 12px;
    direction: rtl;
}
#bama-b2c select:focus {
    outline:none;
}
#bama-b2c .business_select{
    padding-right: 10px;
}
@media only screen and (max-width: 800px) {
    #bama-b2c select{
        text-align: end !important;
    }
}
#bama-b2c .myButton{
    background:url(../images/Rectangle20.png) no-repeat;
    cursor:pointer;
    border:none;
    width:100px;
    height:35px;
    margin-top: 8px;
    margin-left: 6px;
}
#bama-b2c .owl-carousel .owl-nav.disabled{
    display: block !important;
}
#bama-b2c .btn-pretty{
    border-radius: 35px;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    width: 55%;
    color: #fff;
    font-size: 20px;
    border: 0;
    height: 52px;
    cursor: pointer;
    font-weight: normal;
    margin-top: 1px;
    text-decoration: none;
    line-height: 52px;
    padding: 12px 50px;
}
#bama-b2c .owl-dots{
    display:none;
}
.card-header:first-child {
    border-radius: 0;
}
#bama-b2c .card-header {
    padding: 12px;
    margin-bottom: 22px;
    background-color: #fff;
    border-bottom: none;
}
#bama-b2c .pagination-cards .pagination li a.page-link {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
}
#bama-b2c .pagination-cards .pagination li a.page-link:hover {
    font-weight: 600;
}
#bama-b2c .pagination-cards .pagination .page-item.active .page-link {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
}
#bama-b2c .pagination-cards .pagination .page-item svg {
    display: none;
}
#bama-b2c .pagination-cards .pagination .page-link:focus {
    z-index: 3;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none;
}
#bama-b2c .pagination-cards .text-muted {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
}
#bama-b2c .b2c-sr {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
}
.load-cards-search-results-box {
    text-align: center;
    margin: 25px 0;
}
.load-cards-search-results {
    color: #999999;
    font-size: 24px;
    text-decoration: none;
}
#bama-b2c .the-cards.csr h2 {
    font-size: 45px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 0;
    background: rgb(0, 204, 204);
    background: linear-gradient(180deg, rgba(0, 204, 204, 1) 0%, rgba(0, 153, 204, 1) 23%, rgba(102, 102, 204, 1) 54%, rgba(204, 102, 153, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#owl-carousel1 .owl-item {
    text-align: center;
}
#owl-carousel1 .owl-item a {
    font-size: 16px;
    font-weight: 400;
    color: #003366;
    text-decoration: none;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .card_box{
        margin-bottom: 0 !important;
    }
}
#bama-b2c .icons_row i{
    font-size:26px;
    padding-top: 13px;
}
#bama-b2c .fa-star{
    color:#f6c802;
}
#bama-b2c .colorful_border{
    border-bottom: 3px solid black;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
}
#bama-b2c .vertical-menu a {
    display: block;
    text-decoration: none;
    text-align:right;
    font-size:16px;
    color:#326779;
}
#bama-b2c .vertical-menu a:hover {
    background-color: #ccc;
}
#bama-b2c .vertical-menu a.active {
    color: black;
}
#bama-b2c .footer{
    background-color:#f6f6f6;
}
#bama-b2c .box{
    height:7px;
    width:25%;
}
#bama-b2c .box:nth-child(1) {
    background: #cc6699;
}
#bama-b2c .box:nth-child(2) {
    background: #7253d8;
}
#bama-b2c .box:nth-child(3) {
    background: #038ed6;
}
#bama-b2c .box:nth-child(4) {
    background: #0abdd0;
}
#bama-b2c h3{
    text-align:right;
    font-size: 20px;
    font-weight: 600;
    color:#01435a;
}
#bama-b2c #footer_form input[type=text], #bama-b2c #footer_form input[type=submit]{
    width:100%;
    border-radius: 35px;
    margin-bottom:10px;
    height:40px;
}
#bama-b2c #footer_form input[type=text]{
    text-align: right;
    border:1px solid transparent;
    background-color:#f6f6f6;
    font-size:16px;
}
#bama-b2c #footer_form input[type=submit]{
    margin-top:10px;
    height:45px;
    background-color: #0287ca;
    border:0;
    color:white;
    font-size:16px;
}
#bama-b2c #footer_form input[type=submit]:active{
    border:0;
}
#bama-b2c .vertical-menu p{
    text-align: right;
}
#bama-b2c ::placeholder {
    font-size:16px;
    padding-right: 8px;
}
#bama-b2c i{
    font-size:16px;
}
#bama-b2c .w-auto{
    color:#01435a;
}
#bama-b2c .vertical-menu .row{
    margin-bottom: 18px;
}
#bama-b2c .rights{
    margin-bottom: 35px;
    margin-top: 35px;
    text-align: right;
    color:#01435a;
    font-size: 17px;
}
#bama-b2c .heading{
    font-weight: 500;
    font-size: 45px;
    background: -webkit-linear-gradient(#0abdd0 0%, #038ed6 23%,#7253d8 54%,#d853ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .heading{
        font-size:30px;
    }
}
#bama-b2c .header_menu li{
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
}
#bama-b2c .fa-user{
    font-size: 16px;
    padding-top: 0;
    color: #003366;
}
#bama-b2c .header_search{
    margin-top: 12px;
    margin-bottom: 58px;
}
#bama-b2c .image_column img {
    border-radius: 25px;
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 370px;
    width: 200px;
    max-width: 100%;
}
#bama-b2c .sociale-images img {
    border-radius: 25px;
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 178px;
    width: 200px;
    max-width: 100%;
}
#bama-b2c .h2_box{
    color:#0f4d63;
    font-size:24px;
    font-weight: 600;
    margin-bottom: -3px;
}
#bama-b2c .sub_title_box{
    font-size: 18px;
    color: #0f4d63;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.3;
}
#bama-b2c .rating_number{
    font-size:24px;
    color:#f6c802;
    font-weight: 600;
    margin-bottom: -2px;
}
#bama-b2c .rating_text{
    color:#3f7182;
    font-size: 16px;
    font-weight: 400;
}
#bama-b2c .fa-map-marker-alt{
    font-size:14px;
    color:#0f4d63;
}
#bama-b2c .adresstext{
    font-size:16px;
    color:#0f4d63;
}
#bama-b2c .rating_text {
    margin-top: 4px;
}
#bama-b2c .address_row{
    margin-top: 9px;
}
#bama-b2c .middle_column{
    margin-top: 46px;
}
#bama-b2c .lower_column_picture{
    margin-top:13px;
}
#bama-b2c .border_line{
    border-bottom:1px solid #0f4d63;
    margin: auto;
    width: 71%;
}
#bama-b2c .row_for_card_boxes .card_box:nth-child(odd){
    background-color: white;
}
#bama-b2c .row_for_card_boxes .card_box:nth-child(even){
    background-color: #f3f3f3;
}
#bama-b2c .card_box{
    margin-top: -8px;
    padding-top: 35px;
    margin-bottom: 30px;
}
#bama-b2c .input_of_searchbar_1{
    margin-top: 12px;
    border:0;
    background-color: transparent;
    text-align: center;
}
#bama-b2c .input_of_searchbar_2{
    margin-top: 12px;
    border:0;
    background-color: transparent;
}
#bama-b2c .column_of_input2{
    margin-left: -10px;
}
#bama-b2c input:focus{
    outline: none;
}
#bama-b2c .input_of_searchbar_1::placeholder{
    color:#0000 !important;
    font-size:16px !important;
}
#bama-b2c .search_bar_row{
    margin-bottom: 74px;
    margin-top: 10px;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .search_bar_row{
        margin-bottom: 30px !important;
    }
}
@media only screen and (max-width: 800px) {
    #bama-b2c .footer_row{
        padding-top: 0 !important;
    }
}
#bama-b2c .footer_row{
    padding-top: 50px;
}
@media only screen and (max-width: 992px) {
    #bama-b2c .image_column{
        display: flex;
        justify-content: center;
    }
}
@media only screen and (max-width: 800px) {
    #bama-b2c .rights{
        margin: 55px 0 75px !important;
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 992px) {
    #bama-b2c .upper_column_picture{
        margin-top:13px;
    }
}
#bama-b2c .mobile_picture_display{
    margin-top: -64px;
    height: 64px;
    background-image: -webkit-linear-gradient( 0deg, rgba(10,189,208,0.5) 0%, rgba(3,142,214,0.5) 23%, rgb(114,83,216) 54%, rgba(216,83,171,0.5) 100%);
}
#bama-b2c .mobile_picture_inside_row_display{
    color:white;
    padding-top:5px;
}
#bama-b2c .heading_column{
    padding-top: 52px;
}
@media only screen and (max-width: 800px) {
    #bama-b2c .heading_column{
        padding-top: 0;
    }
}
#bama-b2c #owl-carousel1 .nav-button {
    position: absolute;
    top: -5px !important;
    cursor: pointer;
    z-index: 101;
}
#bama-b2c #owl-carousel1 .owl-prev {
    right: auto;
    left: -35px;
}
#bama-b2c #owl-carousel1 .owl-next {
    left: auto;
    right: -35px;
}
#bama-b2c #owl-carousel1 .nav-button.owl-prev{
    border: 1px solid #333;
    border-radius: 100%;
    width: 33px;
    background-color: #b658ac;
    color: white;
    line-height: 32px;
}
#bama-b2c #owl-carousel1 .nav-button.owl-next {
    border: 1px solid #333;
    border-radius: 100%;
    width: 33px;
    background-color: #b658ac !important;
    color: white;
    line-height: 32px;
}
#bama-b2c  #input_of_searchbar_2::placeholder{
    color:black;
}
/* spinning icon animation */
#bama-b2c .dot {
    position: absolute;
    left: 86%;
    top: 18%;
    --a:  url("../images/instagram.png");
    --b:  url("../images/pininterest.png");
    --c:  url("../images/facebook.png");
    --d:  url("../images/tiktok.png");
    font-size: 2.25rem;
    margin: 1em auto;
    color: darkblue;
    width: 5em;
    height: 2.5em;
    background-image: var(--a), var(--b), var(--c);
    background-size: 1em 1em;
    background-repeat: no-repeat;
    animation: m 4.5s infinite;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    z-index: 100001 !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip {
    display: inline-block;
    color: white !important;
    cursor: pointer !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 10px !important;
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%) !important;
    border-bottom-right-radius: 15px !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
    background: url(/nagishli/gfx/sprite.png) no-repeat 0 0 !important;
    width: 50px !important;
    height: 57px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
#bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open > #NagishLiMove {
    display: none !important;
}
#bama-b2c  .pause{
    animation-play-state: paused !important;
}
#the-logos .hp-logos {
    margin: 4px 0 60px 0;
}
#the-logos .owl-prev span {
    top: 10%;
}
#the-logos .owl-next span {
    top: 10%;
}
#faq {
    padding: 50px 0;
}
#faq .faq-content {
    max-width: 700px;
    margin: 0 auto;
}
#faq .accordion {
    background-color: transparent;
    color: #003333;
    cursor: pointer;
    padding: 18px 18px 6px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 19px;
    font-weight: 500;
    transition: 0.5s;
    font-family: 'Heebo', sans-serif;
    text-align: right;
}
#faq .accordion.active {
    background: rgb(0,204,204);
    background: linear-gradient(90deg, rgba(0,204,204,1) 0%, rgba(0,153,204,1) 23%, rgba(102,102,204,1) 54%, rgba(204,102,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}
#faq .active, #faq .accordion:hover {
    background-color: transparent;
}
#faq .accordion:after {
    content: '\002B';
    color: #003333;
    font-weight: 900;
    float: right;
    margin-left: 10px;
    font-size: 20px;
}
#faq .active:after {
    content: "\2212";
    color: #cc66cc;
    font-weight: 900;
    float: right;
    margin-left: 10px;
    font-size: 20px;
}
#faq .panel {
    padding: 0 38px 30px 12px;
    display: none;
    background-color: white;
    overflow: hidden;
}
#faq .panel p, #faq .panel a, #faq .panel span {
    color: #003366;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    transition: 0.5s;
}
#updatebuy .form-group.packages {
    margin: 0 0 5px 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-around;
}
.google-static-map {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    overflow: hidden;
    border-radius: 25px;
}
.google-static-map img {
    max-width: 100%;
}
.colors-reset {
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    width: 150px;
    background: #ff3333;
    cursor: pointer;
    border: none;
    font-size: 22px;
}
.display-none {
    display: none;
}
.d-none {
    display: none;
}
#bama-b2c .cpcf .media {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
}
#bama-b2c .cpcf .media-body {
    -ms-flex: 1;
    flex: 1;
}
#bama-b2c .cpcf .media a {
    font-weight: 400;
    font-size: 20px;
    color: #0f4d63;
    text-decoration: none;
    padding-right: 10px;
}
#bama-b2c .cpcf .media a:hover {
    font-weight: 600;
}
#bama-b2c .cpcf .media .mx-3 {
    margin-left: 1rem !important;
}
#bama-b2c .cpcf .media svg:not(:root).svg-inline--fa {
    overflow: visible;
}
#bama-b2c .cpcf .media .svg-inline--fa.fa-w-16 {
    width: 24px;
}
#bama-b2c .cpcf .media .icon {
    color: #770DDB;
    background: linear-gradient(45deg, rgba(0,204,204,1) 0%, rgba(0,153,204,1) 23%, rgba(102,102,204,1) 54%, rgba(204,102,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#bama-b2c .cpcf form input {
    height: 45px;
    padding: 0 10px;
    border-radius: 25px !important;
    border: 1px solid #01435a;
    font-size: 16px;
    font-weight: 400;
}
#bama-b2c .cpcf form input[type="checkbox"] {
    height: 20px;
    padding: 0 10px;
    border-radius: 2px !important;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 400;
}
#bama-b2c .cpcf form label.form-check-label {
    font-weight: 400;
    font-size: 18px;
    color: #0f4d63;
    text-decoration: none;
}
#bama-b2c .cpcf form .form-check .form-check-input {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
#bama-b2c .cpcf form textarea {
    height: 80px;
    padding: 10px 10px;
    border-radius: 25px !important;
    border: 1px solid #01435a;
    font-size: 16px;
    font-weight: 400;
}
#bama-b2c .cpcf label.error {
    top: 45px;
    left: auto;
    right: 20px;
    font-weight: 500;
    font-size: 14px;
}
#bama-b2c .cpcf form button[type="submit"] {
    border-radius: 25px;
    background-image: -moz-linear-gradient( 0deg, rgb(10, 189, 208) 0%, rgb(3, 142, 214) 23%, rgb(114, 83, 216) 54%, rgb(216, 83, 171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10, 189, 208) 0%, rgb(3, 142, 214) 23%, rgb(114, 83, 216) 54%, rgb(216, 83, 171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10, 189, 208) 0%, rgb(3, 142, 214) 23%, rgb(114, 83, 216) 54%, rgb(216, 83, 171) 100%);
    width: 100%;
    color: #fff;
    font-size: 24px;
    border: 0;
    height: 42px;
    cursor: pointer;
    font-weight: normal;
}
#myBtnBBb2c.floating_btn {
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-size: 18px;
    border: 0;
    padding: 10px;
    position: fixed;
    top: 40%;
    right: 0;
    max-width: 90px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    text-decoration: none;
    cursor: pointer;
}
#bama-b2c .connection.mobile i {
    font-size: 25px;
}
#bama-b2c #footer_form input {
    height: 45px;
    padding: 0 10px;
    border-radius: 25px !important;
    border: 1px solid #bbbbbb;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    background-color: transparent;
    margin-bottom: 12px;
}
#bama-b2c #footer_form label.error {
    top: 45px;
    left: auto;
    right: 20px;
    font-weight: 500;
    font-size: 14px;
}
#bama-b2c .nl-msg-lead .fas {
    font-size: 25px;
}
.bamacleint #formlead input {
    margin-top: 12px;
}
.bamacleint #formlead input {
    width: 300px;
    height: 40px;
    padding: 5px 10px;
    border-radius: 25px;
    border: 1px solid #01435a;
}
.bamacleint #formlead #comment {
    width: 300px;
    height: 60px;
    padding: 5px 10px;
    border-radius: 25px;
    border: 1px solid #01435a;
}
.bamacleint #formlead button[type=submit] {
    width: 320px;
}
#bama-b2c .signup-login .open-login{
    color: #003366;
    display: block;
    font-size: 18px;
    background: transparent;
    border-radius: 0;
    padding: 0;
}
#bama-b2c .signup-login a {
    color: #003366;
    font-size: 18px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    font-weight: 500;
}
#bama-b2c .signup-login a:hover {
    color: #003366;
}
#bama-b2c .header .form-select, #busines #headersitebama .form-select, #signup #headersitebama .form-select, .bamacleint .lang-switch .form-select,
#detail-busines #headersitebama .form-select, .admin #headersitebama .form-select {
    display: block;
    width: 100%;
    padding: 6px 12px 6px 6px;
    -moz-padding-start: calc(14px - 3px);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    color: #003366;
    background-color: transparent;
    background-position: left 12px center;
    background-size: 16px 12px;
    /*border: 1px solid #eaeaea;*/
    border-radius: 3px;
    border: none;
}

.lang-switch {
    display: flex;
    justify-content: center;
    align-items: center;
}
.lang-switch .menu-lang {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.lang-switch .menu-lang-item {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
#detail-busines .lang-switch {
    margin: 6px 5px 0 0;
}
body.admin .lang-switch {
    margin: 6px 5px 0 0;
}
#bama-b2c .lang-switch .menu-lang-item a {
    padding: 0 3px;
}
#bama-b2c .lang-switch .menu-lang-item a.langSelected {
    display: none;
}
.lang-switch .menu-lang-item a {
    padding: 0 3px;
}
.lang-switch .menu-lang-item a.langSelected {
    display: none;
}
#busines #headersitebama .form-select, #signup #headersitebama .form-select, #detail-busines #headersitebama .form-select, .admin #headersitebama .form-select {
    color: #fff;
    width: 90px;
}
#busines .form-select option, #signup .form-select option, #detail-busines .form-select option, .admin .form-select option {
    color: #333;
}
.navbar-light .navbar-toggler {
    border: 0;
    padding: 2px;
}
#bama-b2c #packages .row .pricefree {
    width: unset;
    max-width: none;
}
.depw .dep {
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 80px;
    background: #ff3333;
    cursor: pointer;
    border: none;
    -webkit-transition: .4s;
    transition: .4s;
    height: 34px;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Heebo regular', sans-serif;
}
.loader-facebook-delete .fa-cogs {
    animation-name: cogs-spin-animation;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
.loader-instagram-delete .fa-cogs {
    animation-name: cogs-spin-animation;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
.loader-tiktok-delete .fa-cogs {
    animation-name: cogs-spin-animation;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
.loader-youtube-delete .fa-cogs {
    animation-name: cogs-spin-animation;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
@keyframes cogs-spin-animation {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#detail-busines .row .line-row.sh {
    margin: 27px 0;
    align-items: center;
}
#detail-busines .row .line-row.sh .box-right {
    align-items: center;
    justify-content: space-around;
}
#detail-busines .row .line-row.sh .box-left{
    align-items: center;
    justify-content: space-around;
}
#detail-busines .row .line-row.sh .box-right .switch {
    margin-bottom: 0;
}
#detail-busines .row .line-row.sh .loader {
    right: auto;
    left: 18px;
    bottom: auto;
    top: 35px;
}
#detail-busines .row .line-row.sh .icon-gradient {
    font-size: 22px;
}
.spdb {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1150;
    display: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.spdb .spdb-content {
    position: relative;
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    width: 350px;
    max-width: 100%;
    vertical-align: middle;
    border-radius: 25px;
    padding: 20px;
    top: 30%;
}
@media (max-width: 400px) {
    .spdb .spdb-content {
        width: 80%;
    }
}
.spdb .popupCloseButton {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    position: absolute;
    bottom: auto;
    top: -10px;
    left: auto;
    right: -10px;
    font-size: 18px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0.5% 0 0 0;
}
.spdb .popupCloseButton:hover {
    background-color: #000;
    color: #fff;
}
.spdb .helper{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin: 12px 0;
}
.spdb .popupContent p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 12px;
}
.spdb .popupFooter {
    display: flex;
    align-items: center;
    justify-content: center;
}
.spdb .popupFooter .sdpno {
    width: 80px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 36px;
    font-size: 1rem;
    font-weight: 400;
    margin: 4px;
}
.spdb .popupFooter .sdpok {
    width: 80px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 36px;
    font-size: 1rem;
    font-weight: 400;
    margin: 4px;
}
.spdb .popupFooter .sdpok {
    background-color: #ff3333;
}
.spdb .popupFooter .sdpno {
    background-color: #2196F3;
}
.spdb .popupFooter .sdpok:hover, .spdb .popupFooter .sdpno:hover {
    color: #fff;
}
/*.box-phone .body-content .sortable li a .fa  {*/
/*    font-size: 25px*/
/*}*/
.rf-field.relative {
    margin: 0 5px;
}
.register-form .form-group input {
    width: auto;
}
.register-form .error-result {
    color: red;
    font-weight: 600;
    font-size: 12px;
    padding: 4px 0;
}
.register-form label.error {
    top: 34px;
}
.register-form button[disabled="disabled"] {
    opacity: 0.7;
    cursor: default;
}
.bama-settings h1 {
    font-size: 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}
.bama-settings h2 {
    font-size: 22px;
    margin-top: 12px;
    font-weight: normal;
}
.bama-settings .col-48 {
    width: 48%;
    margin: 15px 0.5%;
}
.bhb {
    text-align: left;
}
.bhb .btn-gredient {
    margin-top: 15px;
}
.bama-settings .form-box {
    width: 100%;
    max-width: 100%;
}
.bama-settings .form-group {
    display: flex;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.bama-settings .form-group .settings-fields-row {
    margin: 0 12px;
    width: 100%;
}
.bama-settings .form-section {
    width: 75%;
    max-width: 75%;
    margin: 20px 0;
}
.col-48.bsti {
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    padding: 25px;
    font-weight: normal;
    color: #fff;
    border-radius: 25px;
}
.bama-settings .binbn {
    display: flex;
    margin-bottom: 10px;
}
.bama-settings .binbn .bi {
    margin-left: 12px;
}
.bama-settings .binbn .bi img {
    max-width: 90px;
    border-radius: 5px;
}
.bama-settings .binbn .bnbn {
    color: #fff;
}
.bama-settings .binbn .bnbn h3 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.bama-settings .binbn .bnbn p {
    font-weight: normal;
    font-size: 16px;
}
.bama-settings .bsti #textshare {
    font-weight: normal;
    font-size: 16px;
    padding: 0;
}
.bama-settings .bsti .bl a {
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    margin-top: 10px;
    color: #fff;
}
.bama-settings .bsti .bl a:hover {
    color: #fff;
}
.bama-settings .form-group .settings-fields-row label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px;
}
.bama-settings .form-group input {
    width: 98%;
    font-size: 16px;
    padding: 0 8px;
}
.bama-settings .form-group select {
    width: 98%;
    font-size: 16px;
    padding: 0 8px;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #01435a;
}
.bama-settings-sep {
    margin: 20px 10px 0 0;
}
.bama-settings-sep .box {
    width: 25%;
    height: 6px;
    margin-top: 20px;
}
.bama-settings-sep .box:nth-child(1),
.box-header .box:nth-child(1) {
    background: #cc6699;
}
.bama-settings-sep .box:nth-child(2),
.box-header .box:nth-child(2) {
    background: #7253d8;
}
.bama-settings-sep .box:nth-child(3),
.box-header .box:nth-child(3) {
    background: #038ed6;
}
.bama-settings-sep .box:nth-child(4),
.box-header .box:nth-child(4) {
    background: #0abdd0;
}
#bama-frm.frm-main .header {
    height: auto;
    text-align: center;
    border-bottom: none;
    font-family: 'Assistant', sans-serif;
}
/* navabr css end */
#bama-frm.frm-main .second_ul li a{
    color:#01435a;
    font-size: 18px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .second_ul li a:hover {
    color: #fff;
}
#bama-frm.frm-main li a:hover {
    color: #fff;
}
#bama-frm.frm-main .header .header-wrap-top > .row>* {
    flex-shrink: unset;
    width: auto;
    max-width: none;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .nav{
    background-color:transparent !important;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .header_part2_first_text{
    text-align: center;
    font-size: 40px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 25px;
    font-family: 'Assistant', sans-serif;
}
@media only screen and (max-width: 800px) {
    #bama-frm.frm-main .header_part2_first_text{
        font-size: 20px;
        margin-top: 18px;
        margin-bottom: 6px;
        line-height: 1.3;
        font-weight: 700;
    }
}
#bama-frm.frm-main .header_part2_second_text{
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-top: 2px;
    word-spacing: -1px;
    font-family: 'Assistant', sans-serif;
}
@media only screen and (max-width: 800px) {
    #bama-frm.frm-main .header_part2_second_text{
        font-size: 20px;
        margin-bottom: 6px;
        line-height: 1.3;
        font-weight: 300;
    }
}
#bama-frm.frm-main #form1{
    text-align: center;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main #search-card{
    border-radius: 35px;
    padding: 0 22px 0 10px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .form-control{
    border-radius: 0 !important;
}
#bama-frm.frm-main .select2-container--default.select2-container--focus .select2-selection--multiple textarea {
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main option{
    text-align: right;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main select{
    -webkit-appearance: none;
    border:0;
    text-align:right;
    background-color: transparent;
    padding-top: 12px;
    direction: rtl;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main select:focus {
    outline:none;
}
#bama-frm.frm-main .business_select{
    padding-right: 10px;
    font-family: 'Assistant', sans-serif;
}
@media only screen and (max-width: 800px) {
    #bama-frm.frm-main select{
        text-align: end !important;
        font-family: 'Assistant', sans-serif;
    }
}
#bama-frm.frm-main .myButton{
    background:url(../images/quote6.png) no-repeat;
    cursor: pointer;
    width: 80px;
    height: 44px;
    margin-top: 8px;
    margin-right: 24px;
    font-family: 'Assistant', sans-serif;
    border: 3px solid;
    border-image: linear-gradient(90deg, #99ffff 0%, #6699cc 35%, #6699cc 61%, #996666 82%, #cc6666 100%) 1;
}


#bama-frm.frm-main .btn-pretty{
    background-image: -moz-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(10,189,208) 0%, rgb(3,142,214) 23%, rgb(114,83,216) 54%, rgb(216,83,171) 100%);
    color: #fff;
    font-size: 14px;
    border: 0;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 14px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .pagination-cards .pagination li a.page-link {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .pagination-cards .pagination li a.page-link:hover {
    font-weight: 600;
}
#bama-frm.frm-main .pagination-cards .pagination .page-item.active .page-link {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .pagination-cards .pagination .page-item svg {
    display: none;
}
#bama-frm.frm-main .pagination-cards .pagination .page-link:focus {
    z-index: 3;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none;
}
#bama-frm.frm-main .pagination-cards .text-muted {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .select2.select2-container {
    height: 40px;
    padding: 0 12px 0 4px;
    background-color: #fff;
    font-family: 'Assistant', sans-serif;
    line-height: 20px;
    box-sizing: border-box;
    border: 3px solid;
    border-image: linear-gradient(90deg, #99ffff 0%, #6699cc 35%, #6699cc 61%, #996666 82%, #cc6666 100%) 1;
}
#bama-frm.frm-main .profSelect .select2.select2-container {
    border-left: 1px solid #e9e9e9;
    padding: 0 6px 0 4px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #0099cc transparent transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    height: 0;
    left: 12px;
    margin-left: -4px;
    margin-top: -3px;
    top: 50%;
    width: 0;
    cursor: pointer;
    font-family: 'Assistant', sans-serif;

}
#bama-frm.frm-main .select2-container--default .select2-selection--multiple {
    padding-top: 0;
}
#bama-frm.frm-main .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
#bama-frm.frm-main .select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: text;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
    height: 40px;
    padding-top: 4px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 5px;
    padding-right: 5px;
    background: transparent;
    color: #000;
    font-size: 16px;
    border: none;
}
#bama-frm.frm-main .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    padding: 0 6px;
    background: #0099cc;
    border-radius: 100%;
    font-size: 12px;
}
#bama-frm.frm-main .profSelect .box, #bama-b2c .bPlacesSelect .box {
    padding-bottom: 22px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frm-main .profSelect select.js-example-basic-multiple, #bama-b2c .bPlacesSelect select.js-example-two-basic-multiple {
    display: block !important;
}
#bama-frm.frm-main .b2c-sr {
    color: #003366;
    border: none;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Assistant', sans-serif;
}
#bama-frm.frmSearchPage .header {
    display: none;
}
#bama-frm .header_menu li {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .fa-user{
    font-size: 14px;
    padding-top: 0;
    color: #fff;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .link-animate a {
    margin-left: 0;
    font-size: smaller;
    line-height: 1.3;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .sprite-black-box i:before {
    font-size: 18px;
}
#bama-frm .header_search {
    margin-top: 12px;
    margin-bottom: 58px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .image_column img {
    border-radius: 25px;
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 160px;
    width: 160px;
    max-width: 100%;
}
#bama-frm .sociale-images img {
    border-radius: 25px;
    max-height: none;
    object-fit: cover;
    object-position: 50% 12%;
    height: 150px;
    width: 160px;
    max-width: 100%;
}
#bama-frm .h2_box {
    color:#0f4d63;
    font-size:16px;
    font-weight:bolder;
    margin-bottom:0;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .sub_title_box {
    font-size: 15px;
    color: #0f4d63;
    font-weight: normal;
    margin-bottom: 6px;
    line-height: 1.3;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .phonetext p {
    font-size: 18px;
    color: #0f4d63;
    font-weight: 600;
    line-height: 1.3;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .google-reviews {
    margin-top: -4px;
}
#bama-frm .ltb {
    margin-top: -8px;
}
#bama-frm .google-rs-ltb {
    min-height: 35px;
}
#bama-frm .rating_number{
    font-size:24px;
    color:#f6c802;
    font-weight: 600;
    margin-bottom: -2px;
}
#bama-frm .rating_text{
    color:#3f7182;
    font-size: 16px;
    font-weight: 600;
}
#bama-frm .fa-map-marker-alt{
    font-size:13px;
    color:#0f4d63;
}
#bama-frm .adresstext{
    font-size:14px;
    color:#0f4d63;
}
#bama-frm .rating_text {
    margin-top: 4px;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .address_row{
    margin-top: 9px;
}
#bama-frm .middle_column{
    margin-top: 2px;
}
#bama-frm .lower_column_picture{
    /*margin-top:13px;*/
}
#bama-frm .border_line{
    border-bottom:1px solid #0f4d63;
    margin: auto;
    width: 71%;
}
#bama-frm .row_for_card_boxes .card_box:nth-child(odd){
    background-color: white;
}
#bama-frm .row_for_card_boxes .card_box:nth-child(even){
    background-color: #f3f3f3;
}
#bama-frm .card_box{
    margin-top: -8px;
    padding-top: 35px;
    margin-bottom: 30px;
}
#bama-frm .nsn-image img  {
    height: 45px;
}
#bama-frm .nsn-name-slogen {
    margin-right: 8px;
}
#bama-frm .nsn-name-slogen .h2_box {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}
#bama-frm .nsn-name-slogen .sub_title_box {
    font-size: 14px;
    margin-bottom: 0;
}
#bama-frm .nsn .adresstext {
    font-size: 16px;
    text-align: left;
    font-family: 'Assistant', sans-serif;
}
#bama-frm .b2c-sr-title .title {
    font-family: 'Assistant', sans-serif;
}
#bama-frm .contact-links i.fas {
    display: inline-block;
    border-radius: 100%;
    box-shadow: 0 0 2px #333;
    padding: 0.5em 0.6em;
    color: #0a0303;
}
#bama-frm .contact-links i.fab {
    display: inline-block;
    border-radius: 100%;
    box-shadow: 0 0 2px #333;
    padding: 0.5em 0.6em;
    color: #0a0303;
}
#bama-frm .nsn .ltb {
    margin-top: 6px;
}
.bgColorGray {
    background-color: #ccffff;
}
#bama-frm #freeText.form-control {
    padding: 9px 10px;
    font-size: 16px;
    line-height: 1.3;
    color: #0f4d63;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 10px;
    font-family: 'Assistant', sans-serif;
    border: none;
    border: 3px solid;
    border-image: linear-gradient(90deg, #99ffff 0%, #6699cc 35%, #6699cc 61%, #996666 82%, #cc6666 100%) 1;
}
#bama-frm .select2-container .select2-search--inline .select2-search__field {
    height: 21px;
}
.privacy-policy {
    margin: 12px 0;
}
.delete-bama-cache {
    position: relative;
}
.delete-bama-cache .db-cache {
    color: #fff;
    border-radius: 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #FF5F1F;
    cursor: pointer;
    border: none;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Heebo regular', sans-serif;
    padding: 8px 16px;
    margin-top: 12px;
}
.delete-bama-cache .icon-gradient {
    font-size: 22px;
}
.loader {
    right: auto;
    left: -12px;
    bottom: auto;
    top: 2px;
}
.delete-bama-cache .loader-cache-delete .fa-cogs {
    animation-name: cogs-spin-animation;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
@keyframes cogs-spin-animation {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.delete-bama-cache .icon-gradient {
    margin: 0;
}
.box-left img{
    margin-left: 0;
}
.menu li, #busines footer p {
    font-weight: 300;
    font-size:16px !important;
}
#newsletter input{
    background-color: #f6f6f6 !important;
    border: 0 !important;
}
#newsletter input::placeholder{
    color:#757575;
}
#newsletter button{
    font-size:15px;
    font-weight:300;
    height:40px;
    width:93%;
}
#newsletter input{
    width:85% !important;
    height:40px !important;
}

.title_above_form{
    text-align:center;
    left: -13%;
    top: -8%;
}
.responsive_class_for_title_1{
    width:100%;
}
#busines footer .container{
    padding-top:46px !important;
}
#busines footer h4{
    margin-bottom: 6px !important;
}
#signup footer .box{
    height: 6px;
}
#signup footer .box{
    height: 6px;
}
#signup  footer {
    font-size: 20px !important;
}
#signup .col-25{
    text-align:right;
}
#signup .col-25 {
    margin-top: 46px;
}
#signup .col-25 ul {
    margin-top: 6px;
}
#signup .col-25 .menu li a {color:#326779 !important;}
#signup .col-25 p {
    font-weight: 300;
    font-size: 16px !important;
    margin-top: 4px;
    margin-bottom: 15px;
}
.fa-linkedin-in:before{
    font-size:16px;
}
.mobile_order {
    display: none !important;
}
.extra_margin {
    margin-left: -16px;
}
.header-register {
    text-align: center;
}
.mobile-social {
    display: block;
}
.mobile-social2 {
    display: none;
}
.the-content-bama {
    width: 100%;
    margin: 15px 0 24px;
    text-align: center;
}
.bama-about-content p {
    padding-bottom: 12px;
}
.bama-about-content a {
    color: #038ed6;
}
.bama-about-content a:hover {
    color: #5c33e6;
}
.bama-about-content ol,  .bama-about-content ul {
    padding: 6px 0;
    margin: 0;
}
.bama-about-content li {
    list-style-type: auto;
    list-style-position: inside;
    padding: 3px 12px 3px 0;
}
#detail-busines #details .tox-tinymce {
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 25px;
    height: 345px !important;
}

#modalSite {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#modalSite.modal .modal-dialog {
    background: transparent;
    top: 0;
    right: 0;
    border-radius: 25px;
    padding: 0;
    width: 98%;
    left: 0;
    margin: auto;
    height: auto;
    max-width: 98%;
}
#modalSite.modal .modal-body {
    margin-top: 8vh;
}
#modalSite.modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #111;
    color: #fff;
    font-size: 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    line-height: 45px;
}
#modalSite .img-fluid {
    display: block;
    border-radius: 25px;
    margin: 0 auto;
}
.holidayimagepopup {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    color: #FF0000;
    background: transparent;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 5px;
    font-size: 20px;
    top: 8px;
    right: 8px;
}
.holiday-image-popup-current {
    height: 120px;
    width: 120px;
    background: #ebebeb;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
}
.holiday-image-popup-current img {
    border-radius: 10px;
    height: 120px;
}
.holiday-image-popup-edit {
    position: relative;
}
.upload-popup-title {
    font-size: 20px;
    font-weight: 600;
}
.upload-popup-title-desc {
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}
.upload-popup-title-desc span {
    font-weight: 600;
    font-size: 16px;
}
.text-select-choose-image .sts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bama-popup-image-setting .settings-fields-row.text-select-choose-image {
    width: 80vw;
}
.bama-popup-image-setting .settings-fields-row.upload-pp-image {
    width: 20vw;
}
.bama-settings .form-group.bama-popup-image-setting select {
    width: 200px;
    font-size: 16px;
    padding: 0 8px;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #01435a;
}
.bama-settings .form-group .settings-fields-row.text-select-choose-image label.switch {
    font-size: 16px;
    font-weight: 600;
    margin: 0 40px;
}
.images-preview {
    margin: 0 10px;
}
/*.modalSite-d-none {*/
/*    display: none !important;*/
/*}*/
@media (max-width: 800px) {
    .text-select-choose-image .sts {
        display: block;
    }
    .bama-settings .form-group .settings-fields-row.text-select-choose-image label.switch {
        margin: 25px auto;
    }
    .images-preview {
        margin: 20px 0;
    }
}
.bama-settings .form-group {
    margin-top: 30px;
}
.bama-settings .form-group .settings-fields-row {
    position: relative;
}
.bama-settings .form-group .settings-fields-row label.error {
    font-size: 14px;
    color: #ff0000;
    top: auto;
    bottom: -24px;
}
#Cardview .lang-switch {
    display: none;
}
#popupFreeThreeMonths {
    display: block;
}
#popupFreeThreeMonths .modal-body {
    text-align:center;
    margin: 20px 0;
}
#popupFreeThreeMonths .modal-body h2 {
    font-size: 28px;
    font-weight: bold;
    color: #1a2e73;
    margin: 15px;
}
#popupFreeThreeMonths .modal-body p {
    font-size: 25px;
    font-weight: bold;
    color: #1a2e73;
}
#popupFreeThreeMonths .modal-body span {
    font-size: 25px;
    font-weight: bold;
    color: #ff0000;
}
.the-content-bama {
    display: none;
}










.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.blobs {
    filter: url(#goo);
    width: 300px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 70px;
    transform-style: preserve-3d;
    display: none;
}
.tab-images .fa-times-circle {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 1;
    font-size: 20px;
    cursor: pointer;
}
.carousel {
    position: relative
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}
.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height: 1
}
@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}
.carousel-inner>.active {
    left: 0
}
.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}
.carousel-inner>.next {
    left: 100%
}
.carousel-inner>.prev {
    left: -100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}
.carousel-inner>.active.left {
    left: -100%
}
.carousel-inner>.active.right {
    left: 100%
}

.circle-person {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0;
}
.edit-circle-person {
    width: 184px;
    margin: 0 auto;
}
.circle {
    position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.circle .img-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-circle {
    border-radius: 0;
}
.phone-header-wrap {
    text-align: center;
    position: relative;
    height: 250px;
    overflow: hidden;
}
.sortable .link-card img {
    display: inline-block;
    vertical-align: middle;
}











@keyframes m {
    0% {
        background-position: 2em 0.75em, 3.7320508076em 0.1004809472em, 0.2679491924em 1.3995190528em;
    }
    1% {
        background-position: 2.1255810391em 0.8439999252em, 3.6658424814em 0.0586026363em, 0.2085764795em 1.3473974385em;
    }
    2% {
        background-position: 2.2506664671em 0.9365174154em, 3.593059836em 0.0276280749em, 0.1562736968em 1.2858545097em;
    }
    3% {
        background-position: 2.3747626292em 1.0260934145em, 3.5139901113em 0.0080457503em, 0.1112472595em 1.2158608352em;
    }
    4% {
        background-position: 2.4973797743em 1.1113152556em, 3.4289453593em 0.0001644874em, 0.0736748664em 1.138520257em;
    }
    5% {
        background-position: 2.6180339887em 1.1908389392em, 3.3382612127em 0.0041085785em, 0.0437047985em 1.0550524823em;
    }
    6% {
        background-position: 2.7362491054em 1.2634103294em, 3.2422955606em 0.0198158228em, 0.0214553341em 0.9667738477em;
    }
    7% {
        background-position: 2.8515585831em 1.3278849321em, 3.1414271354em 0.0470385079em, 0.0070142815em 0.87507656em;
    }
    8% {
        background-position: 2.9635073482em 1.3832459441em, 3.0360540187em 0.0853473156em, 0.0004386331em 0.7814067403em;
    }
    9% {
        background-position: 3.07165359em 1.4286202893em, 2.9265920702em 0.1341380931em, 0.0017543398em 0.6872416175em;
    }
    10% {
        background-position: 3.1755705046em 1.4632923872em, 2.8134732862em 0.1926413809em, 0.0109562093em 0.5940662319em;
    }
    11% {
        background-position: 3.2748479795em 1.486715438em, 2.6971440946em 0.259934547em, 0.0280079259em 0.5033500149em;
    }
    12% {
        background-position: 3.3690942119em 1.4985200463em, 2.5780635939em 0.3349563381em, 0.0528421943em 0.4165236156em;
    }
    13% {
        background-position: 3.4579372548em 1.4985200463em, 2.4567017402em 0.4165236156em, 0.0853610049em 0.3349563381em;
    }
    14% {
        background-position: 3.5410264856em 1.486715438em, 2.3335374934em 0.5033500149em, 0.125436021em 0.259934547em;
    }
    15% {
        background-position: 3.6180339887em 1.4632923872em, 2.2090569265em 0.5940662319em, 0.1729090847em 0.1926413809em;
    }
    16% {
        background-position: 3.688655851em 1.4286202893em, 2.0837513075em 0.6872416175em, 0.2275928415em 0.1341380931em;
    }
    17% {
        background-position: 3.7526133601em 1.3832459441em, 1.9581151602em 0.7814067403em, 0.2892714797em 0.0853473156em;
    }
    18% {
        background-position: 3.8096541049em 1.3278849321em, 1.8326443133em 0.87507656em, 0.3577015817em 0.0470385079em;
    }
    19% {
        background-position: 3.8595529718em 1.2634103294em, 1.7078339429em 0.9667738477em, 0.4326130853em 0.0198158228em;
    }
    20% {
        background-position: 3.9021130326em 1.1908389392em, 1.5841766184em 1.0550524823em, 0.513710349em 0.0041085785em;
    }
    21% {
        background-position: 3.9371663223em 1.1113152556em, 1.4621603588em 1.138520257em, 0.600673319em 0.0001644874em;
    }
    22% {
        background-position: 3.9645745015em 1.0260934145em, 1.3422667065em 1.2158608352em, 0.693158792em 0.0080457503em;
    }
    23% {
        background-position: 3.9842294026em 0.9365174154em, 1.2249688271em 1.2858545097em, 0.7908017703em 0.0276280749em;
    }
    24% {
        background-position: 3.9960534569em 0.8439999252em, 1.1107296416em 1.3473974385em, 0.8932169015em 0.0586026363em;
    }
    25% {
        background-position: 4em 0.75em, 1em 1.3995190528em, 1em 0.1004809472em;
    }
    26% {
        background-position: 3.9960534569em 0.6560000748em, 0.8932169015em 1.4413973637em, 1.1107296416em 0.1526025615em;
    }
    27% {
        background-position: 3.9842294026em 0.5634825846em, 0.7908017703em 1.4723719251em, 1.2249688271em 0.2141454903em;
    }
    28% {
        background-position: 3.9645745015em 0.4739065855em, 0.693158792em 1.4919542497em, 1.3422667065em 0.2841391648em;
    }
    29% {
        background-position: 3.9371663223em 0.3886847444em, 0.600673319em 1.4998355126em, 1.4621603588em 0.361479743em;
    }
    30% {
        background-position: 3.9021130326em 0.3091610608em, 0.513710349em 1.4958914215em, 1.5841766184em 0.4449475177em;
    }
    31% {
        background-position: 3.8595529718em 0.2365896706em, 0.4326130853em 1.4801841772em, 1.7078339429em 0.5332261523em;
    }
    32% {
        background-position: 3.8096541049em 0.1721150679em, 0.3577015817em 1.4529614921em, 1.8326443133em 0.62492344em;
    }
    33% {
        background-position: 3.7526133601em 0.1167540559em, 0.2892714797em 1.4146526844em, 1.9581151602em 0.7185932597em;
    }
    34% {
        background-position: 3.688655851em 0.0713797107em, 0.2275928415em 1.3658619069em, 2.0837513075em 0.8127583825em;
    }
    35% {
        background-position: 3.6180339887em 0.0367076128em, 0.1729090847em 1.3073586191em, 2.2090569265em 0.9059337681em;
    }
    36% {
        background-position: 3.5410264856em 0.013284562em, 0.125436021em 1.240065453em, 2.3335374934em 0.9966499851em;
    }
    37% {
        background-position: 3.4579372548em 0.0014799537em, 0.0853610049em 1.1650436619em, 2.4567017402em 1.0834763844em;
    }
    38% {
        background-position: 3.3690942119em 0.0014799537em, 0.0528421943em 1.0834763844em, 2.5780635939em 1.1650436619em;
    }
    39% {
        background-position: 3.2748479795em 0.013284562em, 0.0280079259em 0.9966499851em, 2.6971440946em 1.240065453em;
    }
    40% {
        background-position: 3.1755705046em 0.0367076128em, 0.0109562093em 0.9059337681em, 2.8134732862em 1.3073586191em;
    }
    41% {
        background-position: 3.07165359em 0.0713797107em, 0.0017543398em 0.8127583825em, 2.9265920702em 1.3658619069em;
    }
    42% {
        background-position: 2.9635073482em 0.1167540559em, 0.0004386331em 0.7185932597em, 3.0360540187em 1.4146526844em;
    }
    43% {
        background-position: 2.8515585831em 0.1721150679em, 0.0070142815em 0.62492344em, 3.1414271354em 1.4529614921em;
    }
    44% {
        background-position: 2.7362491054em 0.2365896706em, 0.0214553341em 0.5332261523em, 3.2422955606em 1.4801841772em;
    }
    45% {
        background-position: 2.6180339887em 0.3091610608em, 0.0437047985em 0.4449475177em, 3.3382612127em 1.4958914215em;
    }
    46% {
        background-position: 2.4973797743em 0.3886847444em, 0.0736748664em 0.361479743em, 3.4289453593em 1.4998355126em;
    }
    47% {
        background-position: 2.3747626292em 0.4739065855em, 0.1112472595em 0.2841391648em, 3.5139901113em 1.4919542497em;
    }
    48% {
        background-position: 2.2506664671em 0.5634825846em, 0.1562736968em 0.2141454903em, 3.593059836em 1.4723719251em;
    }
    49% {
        background-position: 2.1255810391em 0.6560000748em, 0.2085764795em 0.1526025615em, 3.6658424814em 1.4413973637em;
    }
    50% {
        background-position: 2em 0.75em, 0.2679491924em 0.1004809472em, 3.7320508076em 1.3995190528em;
    }
    51% {
        background-position: 1.8744189609em 0.8439999252em, 0.3341575186em 0.0586026363em, 3.7914235205em 1.3473974385em;
    }
    52% {
        background-position: 1.7493335329em 0.9365174154em, 0.406940164em 0.0276280749em, 3.8437263032em 1.2858545097em;
    }
    53% {
        background-position: 1.6252373708em 1.0260934145em, 0.4860098887em 0.0080457503em, 3.8887527405em 1.2158608352em;
    }
    54% {
        background-position: 1.5026202257em 1.1113152556em, 0.5710546407em 0.0001644874em, 3.9263251336em 1.138520257em;
    }
    55% {
        background-position: 1.3819660113em 1.1908389392em, 0.6617387873em 0.0041085785em, 3.9562952015em 1.0550524823em;
    }
    56% {
        background-position: 1.2637508946em 1.2634103294em, 0.7577044394em 0.0198158228em, 3.9785446659em 0.9667738477em;
    }
    57% {
        background-position: 1.1484414169em 1.3278849321em, 0.8585728646em 0.0470385079em, 3.9929857185em 0.87507656em;
    }
    58% {
        background-position: 1.0364926518em 1.3832459441em, 0.9639459813em 0.0853473156em, 3.9995613669em 0.7814067403em;
    }
    59% {
        background-position: 0.92834641em 1.4286202893em, 1.0734079298em 0.1341380931em, 3.9982456602em 0.6872416175em;
    }
    60% {
        background-position: 0.8244294954em 1.4632923872em, 1.1865267138em 0.1926413809em, 3.9890437907em 0.5940662319em;
    }
    61% {
        background-position: 0.7251520205em 1.486715438em, 1.3028559054em 0.259934547em, 3.9719920741em 0.5033500149em;
    }
    62% {
        background-position: 0.6309057881em 1.4985200463em, 1.4219364061em 0.3349563381em, 3.9471578057em 0.4165236156em;
    }
    63% {
        background-position: 0.5420627452em 1.4985200463em, 1.5432982598em 0.4165236156em, 3.9146389951em 0.3349563381em;
    }
    64% {
        background-position: 0.4589735144em 1.486715438em, 1.6664625066em 0.5033500149em, 3.874563979em 0.259934547em;
    }
    65% {
        background-position: 0.3819660113em 1.4632923872em, 1.7909430735em 0.5940662319em, 3.8270909153em 0.1926413809em;
    }
    66% {
        background-position: 0.311344149em 1.4286202893em, 1.9162486925em 0.6872416175em, 3.7724071585em 0.1341380931em;
    }
    67% {
        background-position: 0.2473866399em 1.3832459441em, 2.0418848398em 0.7814067403em, 3.7107285203em 0.0853473156em;
    }
    68% {
        background-position: 0.1903458951em 1.3278849321em, 2.1673556867em 0.87507656em, 3.6422984183em 0.0470385079em;
    }
    69% {
        background-position: 0.1404470282em 1.2634103294em, 2.2921660571em 0.9667738477em, 3.5673869147em 0.0198158228em;
    }
    70% {
        background-position: 0.0978869674em 1.1908389392em, 2.4158233816em 1.0550524823em, 3.486289651em 0.0041085785em;
    }
    71% {
        background-position: 0.0628336777em 1.1113152556em, 2.5378396412em 1.138520257em, 3.399326681em 0.0001644874em;
    }
    72% {
        background-position: 0.0354254985em 1.0260934145em, 2.6577332935em 1.2158608352em, 3.306841208em 0.0080457503em;
    }
    73% {
        background-position: 0.0157705974em 0.9365174154em, 2.7750311729em 1.2858545097em, 3.2091982297em 0.0276280749em;
    }
    74% {
        background-position: 0.0039465431em 0.8439999252em, 2.8892703584em 1.3473974385em, 3.1067830985em 0.0586026363em;
    }
    75% {
        background-position: 0 0.75em, 3em 1.3995190528em, 3em 0.1004809472em;
    }
    76% {
        background-position: 0.0039465431em 0.6560000748em, 3.1067830985em 1.4413973637em, 2.8892703584em 0.1526025615em;
    }
    77% {
        background-position: 0.0157705974em 0.5634825846em, 3.2091982297em 1.4723719251em, 2.7750311729em 0.2141454903em;
    }
    78% {
        background-position: 0.0354254985em 0.4739065855em, 3.306841208em 1.4919542497em, 2.6577332935em 0.2841391648em;
    }
    79% {
        background-position: 0.0628336777em 0.3886847444em, 3.399326681em 1.4998355126em, 2.5378396412em 0.361479743em;
    }
    80% {
        background-position: 0.0978869674em 0.3091610608em, 3.486289651em 1.4958914215em, 2.4158233816em 0.4449475177em;
    }
    81% {
        background-position: 0.1404470282em 0.2365896706em, 3.5673869147em 1.4801841772em, 2.2921660571em 0.5332261523em;
    }
    82% {
        background-position: 0.1903458951em 0.1721150679em, 3.6422984183em 1.4529614921em, 2.1673556867em 0.62492344em;
    }
    83% {
        background-position: 0.2473866399em 0.1167540559em, 3.7107285203em 1.4146526844em, 2.0418848398em 0.7185932597em;
    }
    84% {
        background-position: 0.311344149em 0.0713797107em, 3.7724071585em 1.3658619069em, 1.9162486925em 0.8127583825em;
    }
    85% {
        background-position: 0.3819660113em 0.0367076128em, 3.8270909153em 1.3073586191em, 1.7909430735em 0.9059337681em;
    }
    86% {
        background-position: 0.4589735144em 0.013284562em, 3.874563979em 1.240065453em, 1.6664625066em 0.9966499851em;
    }
    87% {
        background-position: 0.5420627452em 0.0014799537em, 3.9146389951em 1.1650436619em, 1.5432982598em 1.0834763844em;
    }
    88% {
        background-position: 0.6309057881em 0.0014799537em, 3.9471578057em 1.0834763844em, 1.4219364061em 1.1650436619em;
    }
    89% {
        background-position: 0.7251520205em 0.013284562em, 3.9719920741em 0.9966499851em, 1.3028559054em 1.240065453em;
    }
    90% {
        background-position: 0.8244294954em 0.0367076128em, 3.9890437907em 0.9059337681em, 1.1865267138em 1.3073586191em;
    }
    91% {
        background-position: 0.92834641em 0.0713797107em, 3.9982456602em 0.8127583825em, 1.0734079298em 1.3658619069em;
    }
    92% {
        background-position: 1.0364926518em 0.1167540559em, 3.9995613669em 0.7185932597em, 0.9639459813em 1.4146526844em;
    }
    93% {
        background-position: 1.1484414169em 0.1721150679em, 3.9929857185em 0.62492344em, 0.8585728646em 1.4529614921em;
    }
    94% {
        background-position: 1.2637508946em 0.2365896706em, 3.9785446659em 0.5332261523em, 0.7577044394em 1.4801841772em;
    }
    95% {
        background-position: 1.3819660113em 0.3091610608em, 3.9562952015em 0.4449475177em, 0.6617387873em 1.4958914215em;
    }
    96% {
        background-position: 1.5026202257em 0.3886847444em, 3.9263251336em 0.361479743em, 0.5710546407em 1.4998355126em;
    }
    97% {
        background-position: 1.6252373708em 0.4739065855em, 3.8887527405em 0.2841391648em, 0.4860098887em 1.4919542497em;
    }
    98% {
        background-position: 1.7493335329em 0.5634825846em, 3.8437263032em 0.2141454903em, 0.406940164em 1.4723719251em;
    }
    99% {
        background-position: 1.8744189609em 0.6560000748em, 3.7914235205em 0.1526025615em, 0.3341575186em 1.4413973637em;
    }
    100% {
        background-position: 2em 0.75em, 3.7320508076em 0.1004809472em, 0.2679491924em 1.3995190528em;
    }
}
@media (max-width: 1400px) {
    #the-logos .owl-next span, #the-logos .owl-prev span{
        display: block;
    }
    #the-logos .owl-prev span{
        position: absolute;
        left: auto;
        right: -5px;
        font-size: 50px;
        bottom: auto;
        top: 10%;
        color: #999;
    }
    #the-logos .owl-next span{
        position: absolute;
        right: auto;
        left: -5px;
        font-size: 50px;
        bottom: auto;
        top: 10%;
        color: #999;
    }
}
@media (max-width: 1200px) {
    #bama-b2c #owl-carousel1 .owl-prev {
        left: 0;
        margin: 0 !important;
    }
    #bama-b2c #owl-carousel1 .owl-next {
        right: 0;
        margin: 0 !important;
    }
}
@media (max-width: 1150px) {
    nagishli#NagishLiTag > #NagishLiBar {
        margin-top: 100px;
    }
    #bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip {
        border-bottom-right-radius: 15px !important;
        border-top-right-radius: 15px !important;
    }
}
@media (max-width: 1100px) {
    #busines .row .box-right img {
        margin: 0 auto;
    }
    #busines .row .box-right {
        padding-top: 0;
        text-align: center;
    }
}
@media (max-width: 992px) {
    #bama-b2c .top-navigation .navbar-collapse {
        position: absolute;
        left: auto;
        right: 0;
        bottom: auto;
        top: 100%;
        z-index: 99999;
        width: 992px;
        max-width: 992px;
        background-color: #f4f4f4;
        padding-bottom: 10px;
    }
}
@media (max-width: 800px) {
    .bama-settings .form-section {
        width: 100%;
        max-width: 100%;
    }
    .bama-settings .form-group {
        display: block !important;
        padding: 0;
        margin: 0 auto;
        text-align: center;
        width: 80%;
        max-width: 80%;
    }
    .bama-settings .form-group .settings-fields-row {
        margin: 20px 0;
        width: 100%;
    }
    .bama-settings .flex.align-items {
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .bama-settings .form-group input {
        width: 100%;
    }
    .bama-settings .form-group .settings-fields-row label {
        text-align: right;
    }
    .bama-settings .col-48 {
        width: auto;
        margin: 15px 0.5%;
    }
    .row.top-info {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}
@media (max-width: 768px) {
    #bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        background: url(/nagishli/gfx/sprite2.png) no-repeat 0 0 !important;
    }
    #bama-b2c nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip > #NagishLiLogo {
        margin-right: 0 !important;
    }
    #busines .register-form .form-group input {
        width: 82%;
    }
    .google .owl-carousel.owl-rtl .owl-item {
        margin: 0 5px !important;
    }
}
@media (max-width: 950px) and (min-width: 651px) {
    #bama-b2c .header {
        height: 350px;
    }
    #bama-b2c.b2c-main .header {
        height: 400px;
    }
}
@media (max-width: 650px) {
    #bama-b2c .header {
        background: #F4F4F4;
        height: auto;
        width: 100%;
    }
    #bama-b2c.b2c-main .header {
        height: auto;
    }
    #bama-b2c .header .logo img {
        height: 28px;
    }
    #bama-b2c .signup-login a {
        font-size: 14px;
    }
    #bama-b2c .header .form-select {
        font-size: 14px;
    }
    #bama-b2c .signup-login .open-login {
        font-size: 14px;
    }
    #bama-b2c .header .form-select {
        background-position: left 10px center;
    }
}
@media (max-width: 450px) {
    #busines .hp-header-text {
        padding: 0 15px;
    }
    #busines .register-form {
        max-width: 90%;
        padding: 10px
    }
    #busines .register-form .responsive_form {
        grid-template-columns: auto auto !important;
    }
    #busines .register-form input:nth-child(n+2) {
        margin: 8px auto;
    }
    #busines .register-form input {
        margin: 8px auto;
    }
    #bama-b2c .cpcf form label.form-check-label {
        font-size: 15px;
    }
    #bama-b2c .pricefree ul li i {
        font-size: 18px;
        margin-right: 0;
    }
    #bama-b2c .pricefree {
        font-size: 14px;
    }
    #bama-b2c .pricefree p {
        font-size: 25px;
    }
    .form-group.takanon-send {
        display: block;
    }
    .form-group.takanon-send .btn.btn-primary {
        margin: 15px auto 5px !important;
    }
}
@media (max-width: 1170px) and (min-width: 1025px) {
    .price {
        width: 24%;
        margin: 20px 0 0 1%;
    }
}
@media (max-width: 1024px) and (min-width: 451px) {
    .price {
        width: 48%;
        margin: 20px 0 0 1%;
    }
}
@media (max-width: 567px) {
    .lang-switch .menu-lang-item a img {
        width: 22px;
        height: 13px;
    }
    #detail-busines .lang-switch {
        margin: 6px 0 0 12px;
    }
    body.admin .lang-switch {
        margin: 6px 0 0 12px;
    }
    #bama-frm .sociale-images img {
        border-radius: 25px;
        max-height: none;
        object-fit: cover;
        object-position: 50% 12%;
        height: 120px;
        width: 150px;
        max-width: 100%;
    }
}
@media (max-width: 800px) {
    #bama-frm #freeText.form-control {
        margin-right: 0;
    }
    #bama-frm.frm-main #search-card {
        border: 0 solid #ddd;
        padding: 0;
    }
}
@media only screen and (max-width: 768px) {
    .mobile_order{
        display: grid !important;
    }
    .box-form h2{
        font-size:25px;
    }
    .body-phone .body-content {
        padding: 35px 18px 0 37px;
    }

    #updateuser .form-group{
        flex-direction: unset !important;
    }
    .checkbox-inline{
        font-size:14px;
    }
    .form-group{
        flex-direction: unset !important;
    }
    .row_for_footer{
        display:grid;
        grid-template-columns: auto auto;
    }
    .row_for_footer h4{
        font-size:15px;
    }
    #newsletter{
        margin-right:0;
    }
    .mobile_length{
        display: grid;
        grid-template-columns: auto;
    }
    .mobile-social{
        display:none;
    }
    .mobile-social2{
        display:block;
    }
    #bama-frm.frm-main .myButton {
        margin-right: 0;
    }
}