*{
    margin: 0;
    font-family: "georgia-regular";
}

a{
    text-decoration: none;
}


@font-face{
    font-family: "georgia-regular";
    src: url(http://www.sterling-haven.binacatrading.com/web/fonts/georgia.ttf);
}

@font-face{
    font-family: "Revans-Medium";
    src: url("http://www.sterling-haven.binacatrading.com/web/fonts/Revans-Medium.ttf");
}

.no-gutter-x{
    --bs-gutter-x:0;
}
.pt-120{
    padding-top: 120px;
}
.pb-120{
    padding-bottom: 120px;
}
.pt-100{
    padding-top: 100px;
}
.pt-90{
    padding-top: 90px;
}
.pt-40{
    padding-top: 40px;
}
.mt-80{
    margin-top: 80px;
}
.mt-30{
    margin-top: 30px;
}

.pt-130{
    padding-top: 130px;
}

.pt-80{
    padding-top: 80px;
}
.pb-80{
    padding-bottom: 80px;
}
.pb-40{
    padding-bottom: 40px;
}

.mb-md-100--mb-50{
    margin-bottom: 60px;
}

@media only screen and (max-width:767px){
    .mb-md-100--mb-50{
        margin-bottom: 30px;
    }
}

.invalid-feedback{
    font-size: 12px;
}


/* colours */

:root{
    --primary-col:#C2A058;
    --white:#ffffff;
    --dark-blue:#060F2D;
    --font-col1:#707070;
    --dark-blue-1:#11113B;
    --lite-gray:#F2F2F2;
    --main-black:#272727;
    --border-col:#CACACA;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.main-button{
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    padding: 7px 20px;
    background: linear-gradient(to right,var(--dark-blue) 50%,var(--primary-col)50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    position: relative;
}


.main-button:hover{
    background-position: left bottom;
    border: 0;
    color: var(--white);
}

.main-head{
    font-size: 36px;
    line-height: 46px;
    color: var(--dark-blue);
}
.main-para{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}

.dark-blue1{
    background-color: var(--dark-blue-1);
}

@media only screen and (max-width:767px){
    .main-head{
        font-size: 28px;
        line-height: 36px;
        color: var(--dark-blue);
    }
    .pt-100{
        padding-top: 30px;
    }
    .pb-80{
        padding-bottom: 10px;
    }
}


.borderLite{
    border: 1px solid var(--border-col);
}
.col-primary{
    color: var(--primary-col);
}

.col-white{
    color: var(--white);
}

.bg-white{
    background-color: var(--white);
}

.col-fontGray{
    color: var(--font-col1);
}
.col-darkBlue{
    color: var(--dark-blue-1);
}



/* topbar */


.topbar{
    padding: 7px;
    background-color: #C2A058;
    color: var(--white);
    font-size: 12px;
}

.topbar a{
    color: var(--white);
}

.topbar a .topbar-icons{
    margin: 0 25px 0 0;
    font-size: 18px;
}

@media (max-width: 525px){
    .topbar a .topbar-icons {
        margin: 0 10px 0 0;
        font-size: 14px;
    }

    .topbar a span{
        display: none;
    }
}

.topbar a:last-child .topbar-icons{
    margin-right: 0
}

.topbar i:hover{
    color: var(--dark-blue-1);
}

/* navbar */
.sterling-navbar{
    background-color: var(--dark-blue-1);
    padding: 0;
}
.sterling-navbar .navbar-brand img{
    width: 130px;
    height: auto;
}
.sterling-navbar .nav-item .nav-link{
    font-size: 18px;
    line-height: 28px;
    color: var(--white);
    padding: 32px 25px;
}

.sterling-navbar .nav-item .nav-link.active{
    color: var(--primary-col);
}

.sterling-navbar .nav-item .nav-link:hover{
    color: var(--primary-col);
}

.sterling-navbar .nav-item  .enquiry-btn{
    border-radius: 10px;
    width: 140px;
    cursor: pointer;
    background: linear-gradient(to right,var(--white) 50%,var(--primary-col) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    position: relative;
}

.sterling-navbar .nav-item  .enquiry-btn:hover{
    background-position: left bottom;
    border: 0;
    color: var([--primary-col]);
}

.navbar-toggler{
    background-color: var(--primary-col);
}

.navbar-toggler:focus{
    outline: none;
    box-shadow: none;
}

.navbar .megamenu .col-megamenu .title{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 28px;
    color: var(--white);
    margin-bottom: 20px;
    display: inline-block;
}

.navbar .megamenu .col-megamenu .title:hover{
    color: var(--primary-col);
}

.navbar .megamenu .col-megamenu .list-unstyled li{
    font-size: 14px;
    line-height: 32px;
    color: var(--white);
}

.navbar .megamenu .col-megamenu .list-unstyled li a{
    color: #c1c1c1;
}

.navbar .megamenu .col-megamenu .list-unstyled li a:hover{
    color: var(--primary-col);
}


.navbar-expand-lg .navbar-nav .dropdown-menu{
    background: transparent;
    border: 0;
    padding: 0;

}

.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container{
    background: var(--dark-blue-1);
    padding: 20px 20px 0;
    height: 300px;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: scroll;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container::-webkit-scrollbar {
  width: 5px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container::-webkit-scrollbar-track {
     box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background: #C2A058;
 }
.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color: #fff;
     opacity: 1;
 }

.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container .megaMenuWrapper{
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
}

@media (max-width: 1399.98px){
    .navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container .megaMenuWrapper{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.navbar-expand-lg .navbar-nav .single_drop{
    background-color: var(--dark-blue-1);
    padding: 20px 10px 15px;
    border-radius: 0;
}

.navbar-expand-lg .navbar-nav .single_drop .dropdown-item{
    color: #c1c1c1;
    padding: 8px 10px;
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav .single_drop .dropdown-item:hover{
    background: transparent;
    color: var(--primary-col);
}

.navbar-expand-lg .navbar-nav .dropdown-menu .megamenu_container .megamenu_item{
    width: auto;
    margin-bottom: 30px;
}

.offcanvas_mobile{
    background-color: var(--dark-blue-1);
    min-width: 100%;
    border: 0;
}

.offcanvas_mobile .mobile_right_logo{
    width: 100px;
}

.offcanvas_mobile .offcanvas-header .btn-close{
    box-shadow: inherit;
    outline: none;
    opacity: 1;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

@media all and (min-width: 992px) {

    .navbar .nav-item:hover .single_drop{ display: block; }

    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
    .navbar .nav-item:hover .megamenu{ display: block; }
    .navbar-expand-lg .navbar-nav .show{
        top: 100%;
    }

    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
    .navbar .nav-item:hover .megamenu{ display: block; }
    .navbar-expand-lg .navbar-nav .show{
        top: 100%;
    }
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        align-items: center;
    }
}

@media(max-width: 991.98px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
        overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }

    .mobile-menubar {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .mobile-menubar .collapse:not(.show) {
        display: block;
    }

    .mobile-menubar .navbar-nav .nav-item {
        padding-bottom: 10px;
    }

    .mobile-menubar .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        color: #000000;
        font-family: "Barlow-SemiBold";
        padding-bottom: 5px;
        border-bottom: 2px solid transparent;
        display: inline-block;
    }

    .mobile-menubar .navbar-nav .nav-item .nav-link:hover {
        color: var(--primary-col);
    }

    .mobile-menubar .navbar-nav .dropdown {
        position: relative;
    }

    .mobile-menubar .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        color: #fff;
        padding-bottom: 5px;
        border-bottom: 2px solid transparent;
        display: inline-block;
    }

    .mobile-menubar .dropdown-toggle::after {
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .mobile-menubar .dropdown-menu {
        border: none;
        background: transparent !important;
        padding: 0 0 15px 0;
    }

    .mobile-menubar .dropdown-menu[data-bs-popper] {
        margin-top: 0 !important;
        padding-top: 10px;
    }

    .mobile-menubar .dropdown-menu {
        border: none;
        background: transparent !important;
        padding: 0 0 15px 0;
    }

    .mobile-menubar .navbar-nav .dropdown-menu  .has-megasubmenu{
        margin-bottom: 7px;
    }

    .mobile-menubar .navbar-nav .dropdown-menu  .has-megasubmenu a{
        font-size: 15px;
        color: #fff;
    }

    .mobile-menubar .navbar-nav .dropdown-menu  .has-megasubmenu a:hover {
        color: var(--primary-col);
    }

}

@media only screen and (max-width:1300px){
    .sterling-navbar .nav-item .nav-link{
        font-size: 16px;
        line-height: 24px;
        color: var(--white);
        padding: 30px 20px;
    }
    .sterling-navbar .nav-item  .enquiry-btn{
        background-color: var(--primary-col);
        border-radius: 10px;
        width: 120px;
        cursor: pointer;

    }

}

@media (max-width: 991.98px){
    .sterling-navbar{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (max-width:525px){
    .topbar a .topbar-icons{
        margin: 0 10px 0 0;
    }
}


/* search top offcanvas */
.search-top-offcanvas{
    background-color: var(--dark-blue-1);
    height: 100px !important;
}
.search-top-offcanvas-close{
    background-color: var(--dark-blue-1);
    position: absolute;
    top: 20px;
    right: 30px;
}
.search-top-offcanvas-close i{
    color: var(--white);
    font-size: 24px;
    cursor: pointer;
}

.searchInput{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    color: var(--white);
    opacity: 1;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
    padding-bottom: 7px;
    outline: none;
}

.search-top-offcanvas .offcanvas-body{
    overflow: initial;
}

.search-top-offcanvas .results{
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 68px;
    padding: 20px;
    left: 0;
    height: 330px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9999;
}

.search-top-offcanvas .results li{
    list-style: none;
    margin-bottom: 20px;
}

.search-top-offcanvas .results li .flxBx{
    align-items: center;
}

.search-top-offcanvas .results li .flxBx .txtBx .name{
    font-size: 16px;
    font-family: "georgia-regular";
    color: var(--dark-blue-1);
}

.searchInput::placeholder{
    color: var(--white);
}

.searchCanvasBtn{
    padding: 7px 30px;
    background-color: var(--primary-col);
    color: var(--white);
    border-style: none;
}


.searchCanvasBtn:hover{
    background-color: var(--white);
    color: var(--primary-col);
}

@media (min-width: 992px){
    .mobile_wrapper .mobile_search{
        display: none;
    }
    .mobile_enquiry-btn{
        display: none;
    }
}

@media (max-width: 991.99px){

    .mobile_wrapper{
        display: flex;
        align-items: center;
    }

    .mobile_wrapper .mobile_search{
        font-size: 16px;
        line-height: 24px;
        color: var(--white);
        padding: 5px 20px;
    }

    .sterling-navbar .nav-item .nav-link {
        font-size: 16px;
        line-height: 24px;
        color: var(--white);
        padding: 5px 0px ;
    }

    .mobile_hide{
        display: none;
    }

    .mobile_enquiry-btn {
        border-radius: 10px;
        cursor: pointer;
        background: linear-gradient(to right,var(--white) 50%,var(--primary-col) 50%);
        background-size: 250% 100%;
        background-position: right bottom;
        transition: all .5s ease-out;
        border: 0 !important;
        position: relative;
        color: var(--white);
        font-size: 15px;
        line-height: 28px;
        color: var(--white);
        padding: 6px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    .mobile_enquiry-btn:hover{
        background-position: left bottom;
        border: 0;
        color: var(--primary-col);
    }
}

@media(max-width: 767px){
    .search-top-offcanvas {
        background-color: var(--dark-blue-1);
        /*height: 120px !important;*/
    }
}

@media(max-width: 600px){
    .search-top-offcanvas .justify-content-center{
        justify-content: start !important;
    }
}

@media(max-width: 455px){
    .mobile_enquiry-btn {
        padding: 5px 10px;
        font-size: 13px;
        border-radius: 5px;
    }

    .sterling-navbar .navbar-brand img {
        width: 100px;
        height: auto;
    }
}

/* enquiry modal */

.enquiryModalBody{
    position: relative;
}

.enquiryModalClose{
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--white);
    font-size: 20px;
}
.enquiryModalClose:hover{
    color: var(--primary-col);
}



/* main carousel */
.sterlingCarousel .carousel-item{
    height: auto;
}

.sterlingCarousel .carousel-item img{
    transform: scale(1.07);
    transition: .6s ease-in;
}

.sterlingCarousel .carousel-item.active img{
    transform: scale(1);
}

.carousel-caption {
    position: absolute;
    /*left: 10%;*/
    top: 50%;
    transform: translate(0,-50%);
    color: #fff;
    text-align: start;
    bottom: auto;
}



.carousel-caption .head{
    font-size: 40px;
    line-height: 50px;
}
.carousel-caption .desc h1, .carousel-caption .desc h2, .carousel-caption .desc h3, .carousel-caption .desc h4, .carousel-caption .desc h5,
.carousel-caption .desc h6, .carousel-caption .desc p{
    font-size: 24px;
    line-height: 34px;
}

.carousel-item .carousel-caption{
    opacity: 0;
}

.carousel-item.active .carousel-caption  {
    -webkit-animation: fadeIn 3s;
    animation: fadeIn 3s;
    opacity: 1;
}

.carousel-caption .main-button{
    display: inline-block;
    margin-top: 10px;
}

@media only screen and (max-width:1400px){
    .sterlingCarousel .carousel-item{
        width: 100%;
        height: auto;
    }

}

@media (max-width: 1199.98px) {
    .carousel-caption .head{
        font-size: 30px;
        line-height: 40px;
    }
    .carousel-caption .desc h1, .carousel-caption .desc h2, .carousel-caption .desc h3, .carousel-caption .desc h4, .carousel-caption .desc h5,
    .carousel-caption .desc h6, .carousel-caption .desc p{
        font-size: 20px;
        line-height: 30px;
    }

    .carousel-caption .main-button{
        font-size: 15px;
        line-height: 20px;
        padding: 8px 15px;
    }
}

@media (max-width: 991.98px) {
    .carousel-caption .head{
        font-size: 20px;
        line-height: 30px;
    }
    .carousel-caption .desc h1, .carousel-caption .desc h2, .carousel-caption .desc h3, .carousel-caption .desc h4, .carousel-caption .desc h5,
    .carousel-caption .desc h6, .carousel-caption .desc p{
        font-size: 13px;
        line-height: 19px;
    }
}

@media (max-width: 766.98px) {
    .carousel-caption .head{
        font-size: 15px;
        line-height: 25px;
    }
    .carousel-caption .desc h1, .carousel-caption .desc h2, .carousel-caption .desc h3, .carousel-caption .desc h4, .carousel-caption .desc h5,
    .carousel-caption .desc h6, .carousel-caption .desc p{
        display: none;
    }
    .carousel-caption .main-button{
        font-size: 12px;
        line-height: 17px;
        padding: 8px 15px;
        margin-top: 0;
    }
}





/* government authorised agents */
.crestsCarousel img{
    width: 150px !important;
    margin-top: 20px;
}




/* globalCitizenSection */



.globalCitizenSection .left h3{
    color: var(--dark-blue);
    font-size: 30px;
    line-height: 40px;
}

.globalCitizenSection .left .text-area p{
    color: var(--font-col1);
    font-size: 16px;
    line-height: 26px;
}

.globalCitizenSection .left .text-area p:last-child{
    text-indent: 100px;
}

@media only screen and (max-width:767px){
    .globalCitizenSection{
        padding: 30px 15px 20px;
    }
    .globalCitizenSection .left h3{
        color: var(--dark-blue);
        font-size: 25px;
        line-height: 30px;
    }
}


/* governmentAuthorisedAgents */

.crestsCarousel .owl-nav{
    display: none;
}

.crestIcon{
    /*transform: scale(1.5);*/
    transition: all .8s ease-in-out;
}

.crestIcon img{
    transition: all .8s ease-in-out;
}

/*.crestIcon:hover{*/
/*    transform: scale(1.1);*/
/*    transform: rotateX(360deg);*/
/*}*/

.governmentAuthorisedAgents .crestsCarousel .owl-item.active .crestIcon{
    transform: scale(1);
}

.governmentAuthorisedAgents .crestsCarousel .owl-item:hover .crestIcon img{
    transform: rotateX(360deg);
}

/* invest in second citizenship */

.investInSecondCitizenship{
    background-color: var(--lite-gray);
    margin: 100px 120px 100px;
    padding: 100px 40px 40px;
    border-radius: 20px;
}

.investInSecondCitizenship p{
    font-size: 18px;
    line-height: 26px;
    color: var(--main-black);
    margin-top: 20px;
    padding: 10px 120px;
    display: flex;
    justify-content: center;
    text-align: center;
    padding-bottom: 30px;
}


 .secondCitizenshipSliders{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.investInSecondCitizenship .secondCitizenshipSliders img{
    width: 100px !important;
    height: 90px;
    filter: grayscale(1);
    transition: ease-in .3s;
}


.investInSecondCitizenship .secondCitizenshipSliders h4{
    font-size: 26px;
    line-height: 34px;
    color: var(--dark-blue);
    padding-top: 50px;
}

.secondCitizenshipSliders p{
    font-size: 18px;
    line-height: 26px;
    color: var(--main-black);
    padding: 0;
    text-align: center;
}



.secondCitizenshipSlider .owl-nav{
    position: absolute;
    right: 0;
    top: 100px;
    font-size: 30px;
}
.secondCitizenshipSliders:hover img{
    filter: grayscale(0);
}




.citizenshipCarousel .slick-current .secondCitizenshipSliders img{
    -webkit-animation: fadeInLeft 1000ms;
    animation: fadeInLeft 1000ms;
}

.citizenshipCarousel .slick-current .secondCitizenshipSliders h4 , .secondCitizenshipSliders:hover h4{
    -webkit-animation: fadeInLeft 1000ms;
    animation: fadeInLeft 1000ms;
}

.citizenshipCarousel .slick-current .secondCitizenshipSliders p, .secondCitizenshipSliders:hover p{
    -webkit-animation: fadeInUp 1000ms;
    animation: fadeInUp 1000ms;
}

.citizenshipCarousel .slick-next{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/arrow-icons/arrowNext.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.citizenshipCarousel .slick-prev{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/arrow-icons/arrowPrev.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.citizenshipCarousel .slick-arrow[aria-disabled="true"] {
    opacity: 0;
    cursor: not-allowed;
}

@media only screen and (max-width:1199.98px){

    .investInSecondCitizenship{
        padding: 60px 40px 60px;
    }

    .investInSecondCitizenship .main-head{
        font-size: 26px;
        padding-bottom: 10px;
    }

    .investInSecondCitizenship p{
        font-size: 14px;
        line-height: 26px;
        margin-top: 0;
        padding: 10px 0px;
    }

}

@media only screen and (max-width:767px){
    .investInSecondCitizenship{
        margin: 30px 10px 60px;
        padding: 100px 10px 40px;
    }
    .investInSecondCitizenship p{
        padding: 10px 15px;
    }
    .citizenshipCarousel .slick-next{
        /*display: none !important;*/
        right: 5px;
    }
    .citizenshipCarousel .slick-prev{
        /*display: none !important;*/
        left: 5px;
        z-index: 999;
    }
}


.citizenshipCarousel .slick-next:before, .citizenshipCarousel .slick-prev:before {
    opacity: -1;
}

/* citizen ship programms */

.citizenShipProgramms{
    padding: 120px 120px;
    position: relative;
}
@media only screen and (min-width:1000px){
    .citizenShipProgramms .stickyHead{
        position: sticky;
        top: 360px;
        margin-bottom: 30px;
    }
}



.programms-head{
    font-size: 30px;
    line-height: 40px;
    color: var(--dark-blue);
}
@media only screen and (max-width:1199.98px){
    .citizenShipProgramms{
        padding: 0px 120px 60px;
    }
}

@media only screen and (max-width:991.98px){

    .citizenShipProgramms .programmsBy{
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:767px){
    .programms-head{
        font-size: 24px;
        line-height: 34px;
    }
}


.programmsBy{
    font-size: 16px;
    line-height: 26px;
    color: var(--main-black);
    margin-bottom: 0;

}

.programms-box{
    padding: 20px 25px 30px;
    position: relative;
    /*margin-top: 20px;*/
    margin-bottom: 30px;
    transition: ease-in-out all 0.5s;
    overflow: hidden;
    border: 2px solid #ffffff00;
    border-radius: 15px;
    transition: all .4s ease-in-out ;

}
.programms-box:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.programms-box img{
    width: 55px;
    height: 55px;
}


.programms-box a{
    display: block;
}

.programms-box a h6{
    font-size: 24px;
    line-height: 32px;
    color: var(--dark-blue);
}

.programms-box .textAreaBox{
}


.programms-box a p{
    font-size: 14px;
    line-height: 22px;
    color: var(--main-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.programms-box .textAreaBox p{
    display: none;
}

.programms-box .textAreaBox p:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.programms-box:hover h6{
    -webkit-animation: fadeInUp 1000ms;
    animation: fadeInUp 1000ms;
}


.programms-box:hover img{
    -webkit-animation: fadeInUp 1300ms;
    animation: fadeInUp 1300ms;
}

.programms-box:hover p{
    -webkit-animation: fadeIn 1500ms;
    animation: fadeIn 1500ms;
}

.programms-box:hover .programBoxLink{
    -webkit-animation: fadeInUp 1500ms;
    animation: fadeInUp 1500ms;
}


.programms-box .programBoxLink{
    font-size: 18px;
    line-height: 28px;
    color: var(--dark-blue);
    margin: 25px 10px 20px 0;
    transition: all ease-in .3s;
}

.programms-box:hover .programBoxLink{
    color: var(--primary-col);
    text-decoration: underline;
}

.programms-box a i{
    margin-left: 10px;
    font-size: 14px;
}

.programms-box::after{
    content: '';
    border-bottom: 2px solid var(--font-col1);
    display: block;
    width: 90%;
    position: absolute;
    bottom: 0px;
}

.programms-box:hover::after{
    width: 0;
}



@media only screen and (max-width:900px){
    .programs-head-br{
        display: none;
    }
}



@media only screen and (max-width:767px){
    .citizenShipProgramms{
        padding: 0px 15px 30px;
    }

    .programms-box{
        padding: 20px;
    }
}

@media only screen and (max-width:400px){
    .programms-box{
        padding: 20px 10px;
    }
}

/* Residence Programms */

.residenceProgramms{
    padding: 120px 120px;
    background-color: var(--lite-gray);
    position: relative;
}

@media only screen and (min-width:1000px){
    .residenceProgramms .stickyHead{
        position: sticky;
        top: 300px;
    }
}

@media only screen and (max-width:1199.98px){

    .residenceProgramms{
        padding: 60px 120px 60px;
    }
}

@media only screen and (max-width:991.98px){

    .residenceProgramms .programmsBy{
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:767px){
    .residenceProgramms{
        padding: 60px 15px;
    }
}

/* news & article section */

.newsAndArticleSection{
    padding: 120px 120px;
}
.newsAndArticleSection .left:hover .head{
    color: var(--primary-col);
}
.newsAndArticleSection .right .news_item_box:hover  .head{
    color: var(--primary-col);
}

.newsAndArticleSection .right .news_item_box{
    margin: 0 0 30px 0;
    display: flex;
    justify-content: space-between;
}

.newsAndArticleSection .right .news_item_box .left_list_img{
    width: 30%;
}

.newsAndArticleSection .right .news_item_box .left_list_img img{
    border-radius: 10px;
}

.newsAndArticleSection .right .news_item_box .right_list_details{
  width: 66%;
}

.newsAndArticleSection .right .news_item_box:last-child{
    margin-bottom: 0px;
}



.newsAndArticleSection .left .blog-img-box{
    overflow: hidden;
    border-radius: 20px;
}

.newsAndArticleSection .left .blog-img-box .blogImg{
    transition: all ease-out .5s;
}

.newsAndArticleSection .left:hover .blogImg{
    transform: scale(1.05);
}

.newsAndArticleSection .left .date{
    font-size: 18px;
    line-height: 26px;
    padding-top: 10px;
    color: var(--font-col1);
}
.newsAndArticleSection .left .head{
    font-size: 26px;
    line-height: 34px;
    color: var(--main-black);
}

.newsAndArticleSection .left .textAreaBox{
    margin-top: 15px;
}

.newsAndArticleSection .left p{
    font-size: 16px;
    line-height: 24px;
    color: var(--main-black);
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

.newsAndArticleSection .left .textAreaBox p{
    display: none;
}

.newsAndArticleSection .left .textAreaBox p:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newsAndArticleSection .left a{
    display: inline-block;
    color: #707070;
    font-style: italic;
    font-size: 18px;
    position: relative;
}

.newsAndArticleSection .left a::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -40px;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 30px;
    transition: all 0.2s linear 0s;
}

.newsAndArticleSection .left a::before {
    text-indent: -20px;
}

.newsAndArticleSection .left a:hover:before {
    opacity: 1;
    text-indent: 0px;
}

.newsAndArticleSection .left:hover a{
    color: var(--primary-col);
    text-decoration: underline;
}

.newsAndArticleSection .right .head{
    font-size: 18px;
    line-height: 26px;
    color: var(--main-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.newsAndArticleSection .right .date{
    font-size: 14px;
    line-height: 22px;
    color: var(--font-col1);
}

.newsAndArticleSection .right .textAreaBox{
    margin-top: 10px;
}

.newsAndArticleSection .right .textAreaBox p{
    display: none;
}

.newsAndArticleSection .right p{
    font-size: 12px;
    line-height: 20px;
    color: var(--main-black);
    text-align: justify;
    margin: 0px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newsAndArticleSection .right .textAreaBox p:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.newsAndArticleSection .right .link{
    display: inline-block;
    color: #707070;
    font-style: italic;
    font-size: 14px;
    position: relative;
}

.newsAndArticleSection .right .link::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -40px;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 30px;
    transition: all 0.2s linear 0s;
}

.newsAndArticleSection .right .link::before {
    text-indent: -20px;
}

.newsAndArticleSection .right .link:hover:before {
    opacity: 1;
    text-indent: 0px;
}

.newsAndArticleSection .right .news_item_box:hover .link{
    color: var(--primary-col);
    text-decoration: underline;
}

@media only screen and (max-width:1199.98px){

    .newsAndArticleSection{
        padding: 80px 120px;
    }

    .main-head{
        padding-bottom: 50px;
    }

    .newsAndArticleSection .left .date{
        font-size: 14px;
        line-height: inherit;
        margin-top: 0rem !important;
        margin-bottom: 10px !important;
    }
    .newsAndArticleSection .left .head{
        font-size: 20px;
        line-height: inherit;
    }

    .newsAndArticleSection .left p{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .newsAndArticleSection .left a{
        font-size: 16px;
    }

    .newsAndArticleSection .right .head{
        font-size: 16px;
    }

    .newsAndArticleSection .right .link{
        font-size: 13px;
    }
}

@media only screen and (max-width:991.98px){
    .newsAndArticleSection .right{
        margin-top: 30px;
    }
}

@media only screen and (max-width:767px){
    .newsAndArticleSection{
        padding: 40px 20px;
    }
}

@media only screen and (max-width:575px){
    .newsAndArticleSection .right p{
        -webkit-line-clamp: 2;
    }
}

@media only screen and (max-width:525px){
    .newsAndArticleSection .right .news_item_box{
        flex-direction: column;
    }

    .newsAndArticleSection .right .news_item_box .left_list_img{
        margin-bottom: 15px;
    }

    .newsAndArticleSection .right .news_item_box .left_list_img{
        width: 100%;
    }

    .newsAndArticleSection .right .news_item_box .right_list_details{
        width: 100%;
    }
}

/* testimonial section */

.testimonial-section{
    background-color: var(--lite-gray);
    padding: 100px 120px 80px;
    position: relative;
}

.testimonial-section .testimonial-head-section h2{
    display: flex;
    padding-top: 20%;
    margin: 0 auto;
    justify-content: center;
}


.testimonial-section .owl-carousel
    {
        position: inherit;
    }

.testimonial-section .owl-carousel .owl-stage-outer{
    position: inherit;
}

.testimonial-div h5{
    margin-top: 15px !important;
}

.testimonial-div{
    padding: 50px;
    background-color: var(--white);
    border-radius: 20px;
    margin: 5px;
    border: 1px solid var(--white);
}

.testimonial-div .rating{
    width: 200px !important;

}

.testimonial-div .textAreaBox{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
    padding-right: 20px;
    margin-top: 50px;
}

.testimonial-div p{
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;


}

.testimonial-div .textAreaBox::-webkit-scrollbar {
    width: 6px;
}

.testimonial-div .textAreaBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.testimonial-div .textAreaBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
}

.testimonial-div .img-fluid{
    border-radius: 40px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



/*.testimonial-div:hover{*/
/*    border: 1px solid var(--primary-col);*/
/*}*/

.testimonialCarousel .owl-nav{
    position: absolute;
    left: 22%;
    bottom: 100px;
    width: 100px;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

.testimonialCarousel .owl-nav .owl-prev{
    margin: 10px 15px;
}

.testimonialCarousel .owl-nav .owl-next{
    margin: 10px 15px;
}


.slider-counter{
    position: absolute;
    left: 22%;
    bottom: 102px;
    width: 100px;
    display: flex;
    justify-content: center;
    height: 42px;
    align-items: center;
    z-index: 1;
}

@media (max-width: 1399.98px) {
    .testimonial-section .testimonial-head-section h2{
        font-size: 24px;
    }

    .testimonial-section .main-head{
        padding-bottom: 30px;
    }

    .testimonialCarousel .owl-nav {
        left: 15%;
        bottom: 100px;
        width: 100px;
    }

    .testimonial-section .testimonial-head-section h2{
        justify-content: flex-start;
        margin-bottom: 30px;
    }



    .slider-counter {
        position: absolute;
        left: 15%;
        bottom: 102px;
        width: 100px;
    }

    .testimonial-div p{
        font-size: 16px;
        line-height: 35px;
    }

    .testimonial-div h5{
        font-size: 20px;
    }

}

@media (max-width: 1199.98px) {

    .testimonial-section .testimonial-head-section h2 {
        padding-top: 0%;
    }

    .testimonialCarousel .owl-nav {
        bottom: inherit;
        width: 100px;
        top: 0;
        left: inherit;
        right: 0;
    }

    .slider-counter {
        left: inherit;
        right: 0;
        bottom: inherit !important;
        top: 0 !important;
    }

    .testimonial-div{
        padding: 30px;
    }

}

/*@media (max-width: 1699.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 373px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/

/*@media (max-width: 1599.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 350px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/

/*@media (max-width: 1499.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 330px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/
/*@media (max-width: 1399.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 330px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/
/*@media (max-width: 1299.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 330px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/

/*@media (max-width: 1199.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 300px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/
/*@media (max-width: 1000.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 285px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/
/*@media (max-width: 991.98px) {*/
/*    .slider-counter{*/
/*        position: absolute;*/
/*        left: 335px;*/
/*        bottom: 151px;*/
/*    }*/
/*}*/









@media only screen and (max-width:767px){

    .testimonial-div {
        padding: 20px 15px;
    }

    .testimonial-section{
        padding: 40px 15px;
    }
    .testimonial-div p{
        margin-top: 20px;
        font-size: 14px;
        line-height: 28px;
    }

}

@media only screen and (max-width:900px){
    /*.testimonial-head-br{*/
    /*    display: none;*/
    /*}*/
}



/* client carousel */

.client-section{
    padding: 100px 120px 80px;
}

.clientCarousel .client-icons{
    width: 140px !important;
    height: auto;

}

.clientIConBox{
    padding: 20px;
    transition: all .3s ease-in-out;
}

.clientIConBox img{
    width: 80%;
    margin: 0 auto;
    transition: 0.8s;
    filter: grayscale(97%) brightness(69%);
    filter: grayscale(100%) brightness(47%) hue-rotate(360deg) saturate(1000%) contrast(0%);
}

.clientIConBox:hover img{
   /*transform: scale(1.1);*/
    transform: rotateX(360deg);
    filter: grayscale(0%);
}





.clientCarousel .owl-nav{
    display: none;
}

@media only screen and (max-width:767px){
    .client-section{
        padding: 30px 15px 20px;
        overflow: hidden;
    }
}

/* citizenship Enquiry */

.citizenshipEnquiry{
    padding: 0px 120px 80px;
}
.citizenShipEnquiryInner .container{
    padding: 10px 40px;
}


.citizenShipEnquiryInner{
    background-color: #060F2D;
    border-radius: 20px;
    padding: 30px 15px;
}

.enquiryInput{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    color: var(--white);
    opacity: 1;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
    margin-top: 30px;
    padding-bottom: 7px;
    outline: none;
    height: 36px;
}

@media (max-width: 766.98px){
    .enquiryInput{
        background-color: transparent;
        border: none;
        border-bottom: 1px solid var(--white);
        color: var(--white);
        opacity: 1;
        font-size: 14px;
        width: 100%;
        font-weight: 500;
        margin-top: 20px;
        padding-bottom: 7px;
        outline: none;
        height: 36px;
    }
}

.enquiryInput::placeholder{
    color: var(--white);
}

.enquirySelectBox select option {
     color: var(--dark-blue-1);
}
.enquiryMessage{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--white);
    color: var(--white);
    opacity: 1;
    font-weight: 500;
    padding-bottom: 7px;
    margin-top: 30px;
    outline: none;
    resize: none;
}
.enquiryMessage::placeholder{
    color: var(--white);
}

.enquirySubmit{
    background-color: var(--primary-col);
    color: var(--white);
    padding: 10px 40px;
}

.enquirySubmit:hover{
    background-color: var(--white);
    color: var(--primary-col);
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}

@media only screen and (max-width:767px){
    .citizenshipEnquiry{
        padding: 40px 15px 30px;
    }
    .citizenShipEnquiryInner{
        padding: 30px 10px;
        border-radius: 5px;
    }

    .citizenShipEnquiryInner .container{
        padding: 10px 0px;
    }

    .citizenShipEnquiryInner .main-head {
        padding-bottom: 20px;
        margin-bottom: 0 !important;
    }

}

/* footer section */
footer{
    background-color: var(--lite-gray);
}

.footer-div{
    padding: 50px 120px 50px;
}

.footer-logo{
    margin-bottom: 30px;
}

footer .address_time_box h4{
    font-size: 20px;
    line-height: 35px;
    color: var(--main-black);
    display: block;
}


footer .address_time_box .time{
    margin-top: 30px;
}

footer .address_time_box .time h4{
    margin-bottom: 10px;
}

footer .address_time_box  .links ul{
    margin: 0;
    padding: 0;
}

footer .links ul li {
    list-style: none;
}

footer .links ul li a{
    font-size: 20px;
    line-height: 35px;
    color: var(--main-black);
    display: inline-block;
    margin-bottom: 10px;
}

footer .links ul li a:hover{
    color: var(--primary-col);
}

.newsletter_social h5{
    font-size: 22px;
    line-height: 35px;
    color: var(--main-black);
    display: block;
    margin-bottom: 10px;
}

.newsletter_social .footer-inp{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--font-col1);
    color: var(--main-black);
    opacity: 1;
    font-size: 16px;
    padding-bottom: 7px;
    outline: none;
    width: 100%;
}


.newsletter_social  .footer-sign-up-btn{
    background-color: var(--dark-blue-1);
    color: var(--white);
    display: block;
    border-style: none;
    border-radius: 30px;
    padding: 7px 30px;
    transition: .5s;
    margin-top: 20px !important;
}

.newsletter_social  .footer-sign-up-btn:hover{
    background-color: var(--primary-col);
}

.newsletter_social .footer-social-media-icons{
    display: flex;
    margin-top: 40px;
}


.newsletter_social .footer-social-media-icons a:last-child .ftr-sm-icons{
    margin-right: 0;
}

.newsletter_social .ftr-sm-icons{
    font-size: 20px;
    line-height: 28px;
    color: var(--primary-col);
    margin-right: 25px;
}
.newsletter_social .ftr-sm-icons:hover{
    color: var(--dark-blue-1);
}

.ftr-bottom-section{
    padding: 20px 120px 30px;
}

.copy_footer{
    font-size: 18px;
    margin-bottom: 0;
}

.footer-copy-links{
    font-size: 18px;
    line-height: 30px;
    color: var(--main-black);
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.footer-copy-links a{
    font-size: 18px;
    line-height: 27px;
    color: var(--main-black);
    margin-right: 25px;
}

.footer-copy-links a:last-child{
    margin-right: 0;
}

.footer-copy-links:hover{
    color: var(--primary-col);
}

.footer-copy-links a:hover{
    color: var(--primary-col);
}

@media only screen and (max-width:1399.99px){

    .footer-div {
        padding: 50px 60px 30px;
    }

    .ftr-bottom-section {
        padding: 20px 60px 30px;
    }

    footer .address_time_box h4{
        font-size: 16px;
        line-height: 26px;
    }

    footer .address_time_box .time {
        margin-top: 25px;
    }

    footer .links ul{
        padding-left: 0;
    }

    footer .links ul li a{
        font-size: 16px;
        line-height: 26px;
    }

    .newsletter_social h5{
        font-size: 18px;
        line-height: 26px;
    }

    .newsletter_social .footer-sign-up-btn{
        font-size: 16px;
    }

    .newsletter_social .ftr-sm-icons{
        font-size: 18px;
    }

    .copy_footer {
        font-size: 14px;
        margin-bottom: 0;
    }

    .footer-copy-links{
        font-size: 14px;
        line-height: 24px;
    }

    .footer-copy-links a{
        font-size: 14px;
        line-height: 24px;
    }

}


@media only screen and (max-width:1199.99px){

    .copy_footer{
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-copy-links{
        justify-content: center;
    }

}

@media only screen and (max-width:991.99px){

    footer .address_time_box{
        margin-bottom: 20px;
    }

    footer .address_time_box .time {
        margin-top: 15px;
    }

}

@media only screen and (max-width:766.99px){

    .footer-div {
        padding: 50px 30px 30px;
    }

    .ftr-bottom-section {
        padding: 20px 30px 30px;
    }

}

@media only screen and (max-width:575px){

    footer .links{
        width: 50%;
    }

    footer .links ul{
        margin-bottom: 0 !important;
    }

    footer .newsletter_social{
        margin-top: 20px;
    }

    .footer-logo{
        width: 100px;
    }

}

@media only screen and (max-width:525px){

    .footer-div {
        padding: 30px 15px 30px;
    }

    .ftr-bottom-section {
        padding: 20px 15px 30px;
    }

}

@media only screen and (max-width:440px){

    .footer-copy-links{
        flex-wrap: wrap;
    }

}


/*.footer-sign-up-btn:hover{*/
/*    background-color: var(--primary-col);*/
/*}*/
/*.footer-social-media-icons{*/
/*    display: flex;*/

/*.footer-div{*/
/*    padding: 100px 120px 80px;*/
/*}*/
/*.footer-logo{*/
/*    width: 150px;*/
/*    height: auto;*/
/*}*/
/*.footer-desc{*/
/*    font-size: 20px;*/
/*    line-height: 35px;*/
/*    color: var(--main-black);*/
/*    display: block;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.newsLetter{*/
/*    font-size: 22px;*/
/*    line-height: 30px;*/
/*}*/

/*.footer-links{*/
/*    font-size: 20px;*/
/*    line-height: 30px;*/
/*    color: var(--main-black);*/
/*    display: block;*/
/*    margin-bottom: 10px;*/
/*}*/


/*.footer-copy-links{*/
/*    font-size: 18px;*/
/*    line-height: 30px;*/
/*    color: var(--main-black);*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.footer-copy-links a{*/
/*    font-size: 18px;*/
/*    line-height: 27px;*/
/*    color: var(--main-black);*/
/*    margin-right: 25px;*/
/*}*/

/*.copy_footer{*/
/*    font-size: 18px;*/
/*}*/

/*.footer-copy-links a:last-child{*/
/*    margin-right: 0;*/
/*}*/

/*.footer-copy-links:hover{*/
/*    color: var(--primary-col);*/
/*}*/

/*.footer-copy-links a:hover{*/
/*    color: var(--primary-col);*/
/*}*/


/*.footer-links:hover{*/
/*    color: var(--primary-col);*/
/*}*/

/*.footer-inp{*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    border-bottom: 2px solid var(--font-col1);*/
/*    color: var(--main-black);*/
/*    opacity: 1;*/
/*    font-size: 16px;*/
/*    padding-bottom: 7px;*/
/*    outline: none;*/
/*    width: 100%;*/
/*}*/
/*.footer-sign-up-btn{*/
/*    background-color: var(--dark-blue-1);*/
/*    color: var(--white);*/
/*    display: block;*/
/*    border-style: none;*/
/*    border-radius: 30px;*/
/*    padding: 7px 30px;*/
/*    transition: .5s;*/
/*    margin-top: 30px !important;*/
/*}*/

/*.footer-sign-up-btn:hover{*/
/*    background-color: var(--primary-col);*/
/*}*/
/*.footer-social-media-icons{*/
/*    display: flex;*/

/*}*/

/*.footer-social-media-icons a:last-child .ftr-sm-icons{*/
/*    margin-right: 0;*/
/*}*/

/*.ftr-sm-icons{*/
/*    font-size: 20px;*/
/*    line-height: 28px;*/
/*    color: var(--primary-col);*/
/*    margin-right: 25px;*/
/*}*/
/*.ftr-sm-icons:hover{*/
/*    color: var(--dark-blue-1);*/
/*}*/
/*.ftr-bottom-section{*/
/*    padding: 20px 120px 30px;*/
/*}*/

/*@media only screen and (max-width:1300px){*/
/*    .footer-div{*/
/*        padding: 50px 60px 30px;*/
/*    }*/
/*    .ftr-bottom-section{*/
/*        padding: 20px 60px 30px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width:1399px){*/



/*}*/

/*@media only screen and (max-width:767px){*/
/*    .footer-div{*/
/*        padding: 50px 15px 30px;*/
/*    }*/
/*    .ftr-bottom-section{*/
/*        padding: 20px 15px 30px;*/
/*    }*/
/*    */
/*}*/

.rightWrapperSection{
    position: fixed;
    right: 10px;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 100;
}

@media (min-width: 992px){
    .rightWrapperSection{
        display: flex;
    }
}


/* right side social media icons */
.sm-fixed-icons{
    /*position: fixed;*/
    width: 35px;
    z-index: 100;
    /*right: 20px;*/
    /*top: 40%;*/
}
.sm-fixed-icons .social_icon{
    opacity: 0.85;
    color:var(--white);
    background-color: var(--primary-col);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    z-index: 100;
    box-shadow: 0 3px 6px rgb(0,0,0,.3);
    margin-bottom: 15px;
    transition: all ease-in .5s;
}

.sm-fixed-icons .dropdown{
    border: 0px;
    outline: none;
    box-shadow: none;
}

.sm-fixed-icons .dropdown .social_icon{
    border: 0px;
    outline: none;
}

.sm-fixed-icons .dropdown .social_icon:after{
    display: none;
}

.sm-fixed-icons .dropdown .dropdown-menu{
    min-width: 35px;
    width: 35px !important;
    border: 0;
    background: transparent;
}


.sm-fixed-icons .social_icon:last-child{
    margin-bottom: 0;
}

.sm-fixed-icons a:hover{
    background-color: var(--dark-blue-1);
    color: var(--white);
    opacity: 1;
    transform: scale(1.1);
}



@media only screen and (max-width:991.99px){
    .sm-fixed-icons{
        display: none;
    }
}

@media only screen and (max-width:1650px){
    .programms-box a h6{
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 15px !important;
    }
    .programms-box  .programBoxLink{
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 0;
    }
}


/* service page */

.main-banner-section{
    position: relative;
    overflow: hidden;
}


@media only screen and (min-width:1000px){
    .bannerInnerDiv{
        position: inherit;
        top: -100px;
    }
}

/* .banner-main-img{
    position: absolute;
} */


.bannerMainLeftHead{
    position: absolute;
    top: 140px;
    left: 100px;
    font-size: 60px;
    line-height: 70px;
    color: #8098AD;
    font-weight: 500;
}

.bannerMainLeftHead::before{
    content: '';
    border-top: 2px solid var(--white);
    display: block;
    width: 70px;
    padding: 1px;
    background-color: #C2A058;
    border-radius: 30px;
}
.bannerCenteredHead{
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 50px;
    color: var(--primary-col);
    text-align: center;

}
.bannerDetails{
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #CACACA;
    position: absolute;
    top: 400px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:1000px) and (max-width:1500px){
    .bannerMainLeftHead{
        top: 140px;
        left: 100px;
        font-size: 44px;
        line-height: 50px;
    }

    .bannerCenteredHead{
        top: 260px;
        font-size: 30px;
        line-height: 40px;
    }
    .bannerDetails{
        font-size: 16px;
        line-height: 26px;
        top: 340px;
    }

}

@media (min-width:768px) and (max-width:999px){
    .bannerMainLeftHead{
        top: 60px;
        left: 100px;
        font-size: 38px;
        line-height: 46px;
    }

    .bannerCenteredHead{
        top: 140px;
        font-size: 30px;
        line-height: 40px;
    }
    .bannerDetails{
        font-size: 16px;
        line-height: 26px;
        top: 200px;
    }
}

@media only screen and (max-width:767px){
    .bannerMainLeftHead{
        top: 20px;
        left: 40px;
        font-size: 26px;
        line-height: 36px;
    }

    .bannerCenteredHead{
        top: 90px;
        font-size: 20px;
        line-height: 30px;
    }
    .bannerDetails{
        display: none;
    }

}

/*Inner Banner Start*/


.inner_banner{
    padding: 80px 0 10px;
    background: url("http://www.sterling-haven.binacatrading.com/web/images/banner.png") bottom center;
    background-size: cover;
}

.inner_banner_container{
    padding: 10px 100px;
}

.inner_banner_container .inner_bannerMainLeftHead{
    font-size: 50px;
    line-height: 60px;
    color: #8098AD;
    font-weight: 500;
}

.inner_banner_container .inner_bannerLeftedHead {
    font-size: 40px;
    line-height: 50px;
    color: var(--primary-col);
    margin-top: 40px;
}

.inner_banner_container .inner_banneerBlogPosted {
    color: var(--white);
}

.inner_banner_container .inner_bannerBlogDetails {
    margin-top: 50px;
    font-size: 18px;
    line-height: 26px;
    color: var(--white);
    width: 55%;
    padding-bottom: 100px;
}

.inner_banner_container .inner_bannerMainLeftHead::before{
    content: '';
    display: block;
    width: 70px;
    padding: 1px;
    background-color: #C2A058;
    border-radius: 30px;
    margin-bottom: 10px
}

.inner_banner_container .inner_bannerMainLeftHead1 {
    font-size: 50px;
    line-height: 60px;
    color: #8098AD;
    font-weight: 500;
}

.inner_banner_container .inner_bannerMainLeftSubHead {
    font-size: 30px;
    line-height: 38px;
    color: var(--border-col);
}

.inner_banner_container .inner_bannerCenteredHead{
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 50px;
    color: var(--primary-col);
    text-align: center;
    margin-top: 60px
}
.inner_banner_container .inner_bannerDetails{
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #CACACA;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    padding-bottom: 120px
}

.inner_banner_container .inner_bannerBtn {
    padding: 10px 30px;
    background-color: var(--primary-col);
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    margin-top: 50px;
}

.inner_banner_container .inner_bannerBtn:hover {
    background-color: var(--white);
    color: var(--primary-col);
}

.inner_banner_container  .bannerCarousel {
    width: 100%;
    position: inherit;
    top: inherit;
    right: inherit;
}

.inner_bannerRightDiv{
    text-align: end;
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    margin-bottom: 50px
}

.inner_bannerRightDiv a{
    font-size: 24px;
    line-height: 30px;
    color: var(--white);

}

.inner_bannerRightDiv a:hover{
    color: var(--primary-col);
}

/*.inner_citizenshipInvestmentBox div{*/
/*    background-color: var(--primary-col);*/
/*    margin: 10px 30px;*/
/*    border-radius: 10px;*/
/*    padding: 10px 20px;*/
/*}*/


.inner_citizenshipInvestmentDiv{
    margin-bottom: 100px;
    width: 100%;
}

.inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .slick-track{
    display: flex;
}

.inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .slick-slide{
    height: inherit !important;
    display: flex;
    margin: 0 30px;
}

.inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .slick-slide div{
    display: block;
    width: 100%;
}

.inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .inner_citizenshipInvestmentBox{
    background-color: var(--primary-col);
    /*margin: 10px 30px;*/
    border-radius: 10px;
    padding: 20px 50px;
    height: 100%;
}

.inner_citizenshipInvestmentBox h4{
    color: var(--white);
    text-align: center;
}

.inner_citizenshipInvestmentBox:hover h4{
    color: var(--primary-col);
}

.citizenshipInvestmentSlider .inner_citizenshipInvestmentBox:hover{
    background: var(--white);
}

.inner_citizenshipInvestmentBox h4{
    font-size: 18px;
    text-align: center;
}
.inner_citizenshipInvestmentBox h3{
    font-size: 20px;
    text-align: center;
}

@media only screen and (max-width:1399.99px){

    .inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .inner_citizenshipInvestmentBox{
        padding: 20px 30px;
    }

    .inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .slick-slide{
        margin: 0 20px;
    }

    .inner_banner_container .inner_bannerMainLeftHead1 {
        font-size: 40px;
        line-height: 50px;
    }

    .inner_banner_container .inner_bannerMainLeftHead{
        font-size: 40px;
        line-height: 50px;
    }

    .inner_banner_container .inner_bannerCenteredHead{
        font-size: 35px;
        line-height: 45px;
    }

    .inner_banner_container .inner_bannerDetails{
        font-size: 18px;
        line-height: 28px;
        width: 70%;
    }

    .inner_banner_container .inner_bannerMainLeftSubHead {
        font-size: 20px;
        line-height: 28px;
    }

    .inner_banner_container .inner_bannerBtn {
        font-size: 14px;
        line-height: 26px;
        margin-top: 30px;
        padding: 7px 20px;
    }



}

@media only screen and (max-width:1199.99px){
    .inner_citizenshipInvestmentDiv .citizenshipInvestmentSlider .inner_citizenshipInvestmentBox{
        padding: 15px 15px;
    }
    .inner_citizenshipInvestmentBox h4{
        font-size: 16px;
    }
    .inner_citizenshipInvestmentBox h3{
        font-size: 18px;
    }
}

@media only screen and (max-width:991.99px){

    .inner_banner {
        padding: 50px 0 60px;
    }

    .inner_banner_container {
        padding: 10px 50px;
    }

    .inner_banner_container .inner_bannerMainLeftHead1 {
        font-size: 26px;
        line-height: 32px;
    }

    .inner_banner_container .inner_bannerMainLeftSubHead {
        font-size: 16px;
        line-height: 20px;
    }

    .inner_banner_container .inner_bannerBtn {
        font-size: 12px;
        line-height: 16px;
    }

    .inner_banner_container .inner_bannerMainLeftHead {
        font-size: 26px;
        line-height: 32px;
      }

    .inner_banner_container .inner_bannerLeftedHead {
        font-size: 20px;
        line-height: 28px;
    }

    .inner_banner_container .inner_banneerBlogPosted{
        font-size: 16px;
        line-height: 26px;
    }

    .inner_banner_container .inner_bannerBlogDetails{
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin-top: 30px;
        padding-bottom: 10px;
    }

    .inner_banner_container .inner_bannerCenteredHead{
        margin-top: 30px;
        font-size: 20px;
        line-height: 30px;
    }

    .inner_banner_container .inner_bannerDetails{
        width: 80%;
        padding-bottom: 40px;
        font-size: 16px;
        line-height: 26px;
    }

    .inner_bannerRightDiv{
        grid-gap: 10px;
    }

    .inner_bannerRightDiv a{
        font-size: 16px;
        line-height: 25px;
    }

    .inner_citizenshipInvestmentBox h4{
        font-size: 14px;
    }
    .inner_citizenshipInvestmentBox h3{
        font-size: 16px;
    }

}

@media only screen and (max-width:766.99px){

    .inner_banner {
        padding: 50px 0 60px;
    }

    .inner_banner_container {
        padding: 10px 20px;
    }

    .inner_banner_container .inner_bannerMainLeftHead {
        font-size: 24px;
        line-height: 32px;
    }

    .inner_banner_container .inner_bannerMainLeftHead1 {
        font-size: 22px;
        line-height: 32px;
    }

    .inner_banner_container .inner_bannerMainLeftSubHead {
        font-size: 14px;
        line-height: 20px;
    }

    .inner_banner_container .inner_bannerBtn {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }

    .inner_banner_container .inner_bannerDetails{
        width: 100%;
        padding-bottom: 40px;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .inner_bannerRightDiv a{
        font-size: 15px;
        line-height: 25px;
    }

}

@media only screen and (max-width:575px){

    .inner_banner_container .inner_bannerCenteredHead {
        margin-top: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .inner_banner {
        padding: 30px 0 20px;
    }

    .inner_bannerRightDiv{
        text-align: start;
        margin-bottom: 20px;
    }

    .inner_banner_container .inner_bannerDetails{
        padding-bottom: 20px;
        margin-top: 10px;
    }

    .inner_citizenshipInvestmentDiv {
        margin-bottom: 20px;
        width: 100%;
      }
}

@media only screen and (max-width:525px){

    .inner_banner {
        padding: 30px 0 20px;
    }

    .inner_banner_container {
        padding: 10px 15px;
    }

    .inner_banner .col-8{
        width: 100%;
    }

    .inner_banner .col-4{
        width: 100%;
    }

    .inner_banner_container .inner_bannerBtn {
        margin-bottom: 25px;
    }

}


/*Inner Baner End*/


/* citizenship and residencey services */

.citisenship-services{
    padding: 60px 80px;
    border: 1px solid var(--border-col);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;

    position: relative;
    height: 100%;
}

.borderLite{
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left:5%;
    border: 1px solid var(--primary-col);
    border-radius: 15px;
    opacity: 0;
    z-index: 0;
}


.citisenship-services .head{
    font-size: 24px;
    line-height: 32px;
    color: var(--dark-blue);
    margin-bottom: 20px;

}
.citisenship-services .desc{
    font-size: 18px;
    line-height: 26px;
    color: #969696;
    margin-bottom: 40px;
}

.citisenship-services .textAreaBox{
}

.citisenship-services .textAreaBox p{
    font-size: 18px;
    line-height: 26px;
    color: #969696;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.citisenship-services .textAreaBox p{
    display: none;
}

.citisenship-services .textAreaBox p:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.citisenship-services .exploreMoreBtn{
    background-color: var(--primary-col);
    color: var(--white);
    padding: 10px 30px;
}

.citisenship-services:hover{
    background-color: var(--dark-blue-1);
}
.citisenship-services:hover .head{
    color: var(--primary-col);
}

.citisenship-services:hover .desc{
    color: var(--white);
}

.citisenship-services a{
    z-index: 1;
}

.citisenship-services:hover a{
    background-color: var(--white);
    color: var(--primary-col);
}

.citisenship-services:hover .borderLite{
    opacity: 1;
}

@media only screen and (max-width:1199px){
    .citisenship-services{
        padding: 30px 20px;
    }
    .citisenship-services .head{
        text-align: center;
    }

}



@media only screen and (max-width:768px){
    .citisenship-services{
        padding: 30px 20px;
    }
    .citisenship-services .head{
        text-align: center;
    }

    .borderLite{
        display: none;
    }

}



/* cta */

.cta-img{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/cta.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cta-section .head{
    font-size: 36px;
    line-height: 44px;
    color: var(--white);
    padding: 80px 0 40px;
}
.getInTouchBtn{
    padding: 10px 40px;
    background-color: var(--white);
    color: var(--dark-blue);
}

.getInTouchBtn:hover{
    background-color: var(--dark-blue-1);
    color: var(--white);
}

@media only screen and (max-width:767px){
    .cta-section .head{
        font-size: 24px;
        line-height: 32px;
        padding: 40px 0 20px;
    }
    .getInTouchBtn{
        padding: 7px 30px;
        background-color: var(--white);
        color: var(--dark-blue);
    }
    .cta-section{
        padding-top: 40px;
    }
}


/* our processs section */

.ourProcessBox{
    border: 1px solid var(--border-col);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    padding: 60px 30px 40px;
    transition: all .4s ease-in-out;
    height: 100%;
}
.ourProcessBox:hover{
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    background-color: var(--primary-col);
}
.ourProcessBox img{
    transition: all .4s ease-in-out;

}

.ourProcessBox:hover img{
    transform: scale(1.1) translateY(-10px);
}


.ourProcessBox:hover h6, .ourProcessBox:hover .textAreaBox p{
    color: var(--white);
}

.ourProcessBox .head{
    font-size: 26px;
    line-height: 34px;
    color: var(--dark-blue);
}

.ourProcessBox .textAreaBox p{
    font-size: 18px;
    line-height: 26px;
    color: #969696;
    margin-top: 30px;
}

@media (max-width: 766.99px){
    .our-process-section{
        padding-top: 50px !important;
    }

    .our-process-section .main-head{
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .citisenship-services .head {
        font-size: 20px;
        line-height: 30px;
    }

    .ourProcessBox .head{
        font-size: 20px;
        line-height: 30px;
        color: var(--dark-blue);
    }
}


/* support service section */


.supportServiceSection{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 120px 20px;
    background-position: bottom -45px center;
}


.supportServiceSection h3{
    padding: 60px 30px 30px;
}

.addServicesBox{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 80%;
    height: 77px;
    background-color: var(--white);
    margin-bottom: 20px;
}

@media only screen and (max-width:767px){
    .addServicesBox{
        width: 100%;
    }

    .supportServiceSection{
        padding-top: 0px;
        padding-bottom: 60px;
    }
}

.seviceBoxContent{
    display: flex;
    font-size: 18px;
    line-height: 26px;
    color: var(--dark-blue);
    position: relative;
    background-color: var(--white);
    height: 100%;

}

.yellowCircle{
    position: absolute;
    left: -32px;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #C2A058 , #C78E11 ,#966B10);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    z-index: 1;
}


@media(max-width: 600px){
    .yellowCircle{
        left: -25px;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .addServicesBox{
        border-radius: 20px 0 0 20px;
        height: 50px;
    }

    .addServicesBox h6{
        font-size: 16px;
        margin-bottom: 0;
    }

}

@media(max-width: 390px){

    .yellowCircle{
        left: -20px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .addServicesBox{
        border-radius: 10px 0 0 10px;
        height: 50px;
    }

    .addServicesBox h6{
        font-size: 14px;
        margin-bottom: 0;
    }

}

/* about page */

.bannerMainLeftHead1{
    position: absolute;
    top: 240px;
    left: 100px;
    font-size: 50px;
    line-height: 60px;
    color: #8098AD;
    font-weight: 500;
}

.bannerMainLeftSubHead{
     font-size: 30px;
     line-height: 38px;
     color: var(--border-col);
     position: absolute;
     top: 340px;
     left: 100px;
}

.bannerBtn{
    padding: 10px 30px;
    background-color: var(--primary-col);
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    top: 500px;
    left: 100px;
}

.bannerBtn:hover{
    background-color: var(--white);
    color: var(--primary-col);
}






.bannerCarousel{
    width: 600px;
    position: absolute;
    top: 380px;
    right: 250px;
}
.aboutBannerCarousel .slick-dots li button:before{
    display: none;
}
.aboutBannerCarousel .slick-dots li button{
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}
.aboutBannerCarousel .slick-dots li{
    width: 10px;
    height: 10px;
}

.aboutBannerCarousel .slick-dots li.slick-active{
    width: 30px;
}
.aboutBannerCarousel .slick-dots li.slick-active button{
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}

.aboutBannerCarousel .slick-slide img{
    border-radius: 20px;
}


@media (min-width:1500px) and (max-width:1700px){
    .bannerCarousel{
        width: 550px;
        position: absolute;
        top: 280px;
        right: 250px;
    }
}


@media  only screen and (max-width:1500px){
    .bannerMainLeftHead1{
        top: 180px;
        left: 100px;
        font-size: 45px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 20px;
         line-height: 30px;
         color: var(--border-col);
         top: 260px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 360px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 700px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 60px;*/
    /*}*/
}

@media  only screen and (max-width:1400px){
    .bannerMainLeftHead1{
        top: 180px;
        left: 100px;
        font-size: 45px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 20px;
         line-height: 30px;
         color: var(--border-col);
         top: 260px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 360px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 600px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 60px;*/
    /*}*/
}


@media  only screen and (max-width:1300px){
    .bannerMainLeftHead1{
        top: 180px;
        left: 100px;
        font-size: 45px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 20px;
         line-height: 30px;
         color: var(--border-col);
         top: 260px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 360px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 550px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 60px;*/
    /*}*/
}

@media  only screen and (max-width:1150px){
    .bannerMainLeftHead1{
        top: 140px;
        left: 100px;
        font-size: 45px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 20px;
         line-height: 30px;
         color: var(--border-col);
         top: 220px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 300px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 480px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 60px;*/
    /*}*/
}


@media  only screen and (max-width:1000px){
    .bannerMainLeftHead1{
        top: 100px;
        left: 100px;
        font-size: 45px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 20px;
         line-height: 30px;
         color: var(--border-col);
         top: 160px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 260px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 400px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 60px;*/
    /*}*/
}


@media  only screen and (max-width:900px){
    .bannerMainLeftHead1{
        top: 90px;
        left: 100px;
        font-size: 40px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
        font-size: 16px;
        line-height: 26px;
         color: var(--border-col);
         top: 160px;
         left: 100px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 240px;
        left: 100px;
    }
    /*.bannerCarousel{*/
    /*    width: 380px;*/
    /*    position: absolute;*/
    /*    top: 120px;*/
    /*    right: 40px;*/
    /*}*/
}



@media  only screen and (max-width:800px){
    .bannerMainLeftHead1{
        top: 60px;
        left: 50px;
        font-size: 40px;
        line-height: 55px;
    }

    .bannerMainLeftSubHead{
         font-size: 16px;
         line-height: 26px;
         color: var(--border-col);
         top: 140px;
         left: 50px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 230px;
        left: 50px;
    }
    /*.bannerCarousel{*/
    /*    width: 320px;*/
    /*    position: absolute;*/
    /*    top: 140px;*/
    /*    right: 20px;*/
    /*}*/
}

@media  only screen and (max-width:700px){
    .bannerMainLeftHead1{
        top: 50px;
        left: 50px;
        font-size: 36px;
        line-height: 46px;
    }

    .bannerMainLeftSubHead{
         font-size: 16px;
         line-height: 26px;
         color: var(--border-col);
         top: 120px;
         left: 50px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 200px;
        left: 50px;
    }
    /*.bannerCarousel{*/
    /*    width: 250px;*/
    /*    position: absolute;*/
    /*    top: 100px;*/
    /*    right: 20px;*/
    /*}*/
}


@media  only screen and (max-width:650px){
    .bannerMainLeftHead1{
        top: 50px;
        left: 50px;
        font-size: 36px;
        line-height: 46px;
    }

    .bannerMainLeftSubHead{
         font-size: 16px;
         line-height: 26px;
         color: var(--border-col);
         top: 120px;
         left: 50px;
    }

    .bannerBtn{
        padding: 10px 30px;
        top: 200px;
        left: 50px;
    }
    /*.bannerCarousel{*/
    /*    width: 250px;*/
    /*    position: absolute;*/
    /*    top: 100px;*/
    /*    right: 20px;*/
    /*}*/
}

@media  only screen and (max-width:600px){
    .bannerMainLeftHead1{
        top: 50px;
        left: 50px;
        font-size: 28px;
        line-height: 46px;
    }

    .bannerMainLeftSubHead{
         font-size: 14px;
         line-height: 26px;
         color: var(--border-col);
         top: 100px;
         left: 50px;
    }

    .bannerBtn{
        padding: 7px 20px;
        top: 160px;
        left: 50px;
    }
    /*.bannerCarousel{*/
    /*    width: 200px;*/
    /*    position: absolute;*/
    /*    top: 90px;*/
    /*    right: 20px;*/
    /*}*/
}

@media  only screen and (max-width:500px){
    .bannerMainLeftHead1{
        top: 30px;
        left: 15px;
        font-size: 26px;
        line-height: 36px;
    }

    .bannerMainLeftSubHead{
         font-size: 14px;
         line-height: 26px;
         color: var(--border-col);
         top: 70px;
         left: 15px;
    }

    .bannerBtn{
        padding: 5px 15px;
        top: 140px;
        left: 15px;
    }
    /*.bannerCarousel{*/
    /*    width: 200px;*/
    /*    position: absolute;*/
    /*    top: 90px;*/
    /*    right: 20px;*/
    /*}*/
}



@media  only screen and (max-width: 450px){
    .bannerMainLeftHead1{
        top: 30px;
        left: 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .bannerMainLeftSubHead{
         font-size: 12px;
         line-height: 22px;
         color: var(--border-col);
         top: 70px;
         left: 15px;
    }

    .bannerBtn{
        padding: 5px 15px;
        top: 120px;
        left: 15px;
        font-size: 14px;
    }
    /*.bannerCarousel{*/
    /*    width: 160px;*/
    /*    position: absolute;*/
    /*    top: 90px;*/
    /*    right: 15px;*/
    /*}*/
}

@media  only screen and (max-width: 400px){
    .bannerMainLeftHead1{
        top: 20px;
        left: 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .bannerMainLeftSubHead{
         font-size: 12px;
         line-height: 22px;
         color: var(--border-col);
         top: 50px;
         left: 15px;
    }

    .bannerBtn{
        padding: 5px 15px;
        top: 100px;
        left: 15px;
        font-size: 12px;
    }
    /*.bannerCarousel{*/
    /*    width: 120px;*/
    /*    position: absolute;*/
    /*    top: 80px;*/
    /*    right: 15px;*/
    /*}*/
}




/* about autorised section */

@media (min-width: 1400px){
    .aboutAuthorisedSection .container{
        max-width: calc((100% - 1320px) / 2 + 1320px) !important;
    }
}

@media (min-width: 1200px){
     .aboutAuthorisedSection .container{
        max-width: calc((100% - 1140px) / 2 + 1140px) !important;
        margin-right: 0;
        padding-right: 0;
    }
}



.aboutAuthorisedSection{
    overflow: hidden;
    padding: 0px 0;
    background: var(--white);
    position: relative;
    z-index: 1;
    margin-top: 80px;
}

.aboutAuthorisedSection .right{
    position: relative;
}


.aboutAuthorisedSection .left{
    background-color: var(--primary-col);;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
}

.aboutAuthorisedSection::before{
    content: "";
    display: inline-block;
    width: 18%;
    height: 100%;
    background-color: var(--primary-col);
    position: absolute;
    z-index: -1;
    height: 100%;
}

@media (min-width: 1713px){
    .aboutAuthorisedSection::before {
        width: 32%;
    }
}

.aboutAuthorisedSection .left p{
    font-size: 28px;
    line-height: 36px;
    color: var(--white);
    margin-bottom: 0;
}

.aboutAuthorisedSection .left h5{
    font-size: 30px;
    line-height: 38px;
    color: var(--dark-blue);
}

.crustSliderAbout img{
    width: 120px;
}

.aboutAuthorisedSection .right{
    padding: 40px 0;
}

@media only screen and (max-width:1000px){
    .aboutAuthorisedSection .left{
        padding-left: 30px;
    }
}



@media only screen and (max-width:991.98px){
    .aboutAuthorisedSection::before{
        width: 100%;
    }
    .aboutAuthorisedSection{
        margin-top: 40px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width:766.98px){
    .aboutAuthorisedSection{
        padding-bottom: 40px;
    }
    .aboutAuthorisedSection .left p{
        font-size: 22px;
        line-height: 30px;
        color: var(--white);
        margin-bottom: 0;
    }

    .aboutAuthorisedSection .left h5{
        font-size: 26px;
        line-height: 34px;
        color: var(--dark-blue);
    }
    .aboutAuthorisedSection .right {
        padding: 30px 0;
    }

}




/* about-firm */

.aboutTheFirm{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-position: bottom -40px center;
    background-size: contain;
    background-repeat: no-repeat;

}

.aboutTheFirm .textAreaBox p{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}

.about-firm-img{
    border: 1px solid var(--border-col);
    padding: 40px 40px;
    position: relative;
    transition: all 0.2s ease-in;
}

.aboutIMgBox{
    transition: all .05 ease-in-out;
}

.about-firm-img::before{
    content: '';
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 30%;
    right: 0;
    background-color: var(--dark-blue-1);
}

.aboutIMgBox:hover .about-firm-img::before{
    background-color: var(--primary-col);
}


.about-firm-img img{
    position: relative;
}
.aboutTheFirmBtm{
    padding: 60px 40px;
    background-color: var(--white);
    border: 1px solid var(--border-col);
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin-top: 100px;
    position: relative;
    transition: all ease-in 0.3s;
}

.aboutTheFirmBtm .textAreaBox p{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
    text-align: center;
}

.aboutTheFirmBtm:hover{
    background-color: var(--primary-col);
}

.aboutTheFirmBtm:hover .textAreaBox p{
    color: var(--white);
}


.aboutCounterSection{
    background-color: var(--dark-blue-1);
    padding: 30px 15px 30px;
    margin-top: 100px;
}

.aboutCounterSection h3{
    color: var(--primary-col);
    font-size: 55px;
    line-height: 42px;
    font-weight: 600;
}
.aboutCounterSection p{
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
}
@media (max-width: 1499.98px) {
    .aboutTheFirm{
        background-position: bottom 190px center;
    }
}


@media (max-width: 1399.98px) {
    .aboutTheFirm{
        background-position: bottom 145px center;
    }
}
@media (max-width: 1299.98px) {
    .aboutTheFirm{
        background-position: bottom 200px center;
    }
}
@media (max-width: 1199.98px) {
    .aboutTheFirm{
        background-position: bottom 180px center;
    }
}
@media (max-width: 1099.98px) {
    .aboutTheFirm{
        background-position: bottom 220px center;
    }
}
@media (max-width: 999.98px) {
    .aboutTheFirm{
        background-position: bottom 280px center;
    }
}

.about_services_section .textBox{
    margin-top: 25px;
}

.about_services_section .textBox p{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}

.serviceDetailsFirstSection .textAreaBox p{
    font-size: 16px;
    line-height: 24px;
    color: #969696;
}

@media (max-width: 991.98px) {
    .aboutTheFirm.pt-100{
        padding-top: 60px !important;
    }
    .aboutTheFirm .main-head {
        padding-bottom: 20px;
    }
    .aboutTheFirm .main-para {
        margin-top: 0px !important;
    }

    .aboutTheFirm .row.pt-80 {
        padding-top: 50px !important;
    }

    .main-head {
        font-size: 26px;
        line-height: 36px;
    }

    .aboutTheFirmBtm{
        padding: 40px 25px;
    }

    .about_services_section{
        padding-top: 50px !important;
    }

    .about_services_section .main-head{
        padding-bottom: 0px;
        margin-bottom: 10px;
    }





    .serviceDetailsFirstSection{
        padding-top: 60px;
    }

    .serviceDetailsFirstSection .main-head{
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .serviceDetailsSecondSection{
        padding-top: 0px !important;
        background-color: red;
    }

    .serviceDetailsSecondSection .textAreaBox p{
        font-size: 16px;
        line-height: 24px;
        color: #969696;
    }

    .serviceDetailsSecondSection .main-head{
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .programRequirementSection .programRequirementsHead {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .serviceDetailsForm{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .serviceDetailsForm h2{
        padding-bottom: 0 !important;
    }

}

@media (max-width: 899.98px) {
    .aboutTheFirm{
        background-position: bottom 460px center;
    }
}
@media (max-width: 799.98px) {
    .aboutTheFirm{
        background-position: bottom 500px center;
    }


}








@media (max-width: 1199.98px) {
    .aboutCounterSection h3{
        font-size: 40px;
        line-height: 46px;
    }
    .aboutCounterSection p{
        font-size: 18px;
        line-height: 24px;
        margin-top: 5px;
    }

}
@media (max-width: 991.98px) {
    .aboutCounterSection h3{
        font-size: 35px;
        line-height: 40px;
    }
    .aboutCounterSection p{
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
    }
}




/* service deails page */

.bannerRightDiv{
    position: absolute;
    top: 140px;
    right: 100px;
    text-align: end;
}
.bannerRightDiv h2:hover{
    color: var(--primary-col);
}

.bannerRightDiv h2{
    font-size: 24px;
    line-height: 30px;
    color: var(--white);
}

.citizenshipInvestmentBox div{
    background-color: var(--primary-col);
    margin: 10px 30px;
    border-radius: 10px;
    padding: 10px 20px;
}


.citizenshipInvestmentDiv{
    position: absolute;
    bottom: 100px;
    width: 100%;
}
.citizenshipInvestmentBox div h4{
    color: var(--white);
}

.citizenshipInvestmentBox div:hover h4{
    color: var(--primary-col);
}

@media (max-width: 1699.98px) {
    .citizenshipInvestmentBox div h4{
        font-size: 18px;
    }
    .citizenshipInvestmentBox div h3{
        font-size: 20px;
    }

}

@media (max-width: 1399.98px) {
    .bannerRightDiv{
        top: 140px;
        right: 100px;
    }
    .bannerRightDiv h2{
        font-size: 22px;
        line-height: 30px;
        color: var(--white);
    }
    .citizenshipInvestmentBox div{
        margin: 10px 15px;
        padding: 10px 10px;
    }
    .citizenshipInvestmentBox div h4{
        font-size: 16px;
    }
    .citizenshipInvestmentBox div h3{
        font-size: 18px;
    }
    .citizenshipInvestmentDiv{
        position: absolute;
        bottom: 80px;
        width: 100%;
    }

}
@media (max-width: 1199.98px) {
    .bannerRightDiv{
        position: absolute;
        top: 140px;
        right: 100px;
        font-size: 22px;
        line-height: 30px;
        color: var(--white);
    }
    .bannerRightDiv h2{
        font-size: 20px;
        line-height: 30px;
        color: var(--white);
    }
    .citizenshipInvestmentBox div{
        margin: 10px 15px;
        padding: 10px 10px;
    }
    .citizenshipInvestmentBox div h4{
        font-size: 16px;
    }
    .citizenshipInvestmentBox div h3{
        font-size: 18px;
    }
    .citizenshipInvestmentDiv{
        position: absolute;
        bottom: 60px;
        width: 100%;
    }

}

@media (max-width: 991.98px) {
    .bannerRightDiv{
        top: 40px;
        right: 40px;
    }
    .bannerRightDiv h2{
        font-size: 18px;
        line-height: 28px;
        color: var(--white);
    }
    .citizenshipInvestmentBox div{
        background-color: var(--primary-col);
        margin: 10px 20px;
        padding: 10px 20px;
    }
    .citizenshipInvestmentDiv{
        position: absolute;
        bottom: 30px;
        width: 100%;
        padding: 30px;
    }
}

@media (max-width: 767.98px) {
    .bannerRightDiv{
        top: 40px;
        right: 40px;
    }
    .bannerRightDiv h2{
        font-size: 20px;
        line-height: 30px;
        color: var(--white);
    }
    .citizenshipInvestmentDiv{
        position: relative;
        bottom: 0px;
        width: 100%;
        padding: 30px;
    }
}

@media (max-width: 575.98px) {
    .bannerRightDiv{
        top: 20px;
        right: 40px;
    }
    .bannerRightDiv h2{
        font-size: 10px;
        line-height: 20px;
        color: var(--white);
    }
    .citizenshipInvestmentDiv{
        position: relative;
        bottom: 0px;
        width: 100%;
        padding: 30px;
    }
}


/* right side mail icon */

.rightMailIcon{
    /*position: fixed;*/
    /*right: 15px;*/
    /*top: 30%;*/
    z-index: 100;
    width: 45px;
    height: 45px;
    background: #fff;
    background: rgb(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 3px 5px rgb(0,0,0,.2);
    margin-bottom: 20px;
}

.rightMailIcon a{
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightMailIcon img{
    width: 25px;
    height: auto;
}

@media (max-width: 1199.98px) {
    .rightMailIcon{
        width: 40px;
        height: 40px;
    }
    .rightMailIcon img{
        width: 20px;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .rightMailIcon{
        display: none;
    }
}

@media (max-width: 767.98px) {
    .rightMailIcon img{
        width: 30px;
        height: auto;
    }
}


.serviceDetailsSecondSection{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: top -110px center;
}


.serviceBenefitsBox{
    padding: 20px 10px 20px 20px;
    background-color: var(--white);
    border-radius: 25px;
    border: 1px solid var(--border-col);
}

.serviceBenefitsBox:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: var(--primary-col);
}

.serviceBenefitsBox:hover h5{
    color: var(--white);
}

.serviceBenefitsBox .textAreaBox{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 210px;
    padding-right: 20px;
    margin-bottom: 20px;
}

.serviceBenefitsBox .textAreaBox::-webkit-scrollbar {
    width: 6px;
}

.serviceBenefitsBox .textAreaBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.serviceBenefitsBox .textAreaBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
}


.serviceBenefitsBox:hover p{
    color: var(--white);
}


.serviceBenefitsBox h5{
    font-size: 22px;
    line-height: 30px;
    color: var(--dark-blue-1);

}


.serviceBenefitsCarousel{
    z-index: 100;
    padding-bottom: 80px;
}

.serviceBenefitsCarousel .slick-track{
    margin-left: 0;
}


.serviceBenefitsCarousel .slick-slide{
    margin-left: 15px;
    margin-right: 15px;
}


.serviceBenefitsCarousel .slick-track{
    display: flex !important;
}

.serviceBenefitsCarousel .slick-slide {
    height: inherit !important;
}


.seviceBenefits::before{
    content: '';
    background-color: var(--dark-blue-1);
    width: 75%;
    height: 30%;
    bottom: 0;
    right: 0;
}

.seviceBenefitsBlueBg{
    position: absolute;
    background-color: var(--dark-blue-1);
    width: 80%;
    height: 40%;
    bottom: 60px;
    right: 0;
    z-index: 1;
}

.serviceBenefitsCarousel .slick-dots{
    padding-left: 10%;
    text-align: unset;
}

.serviceBenefitsCarousel .slick-dots li button:before{
    display: none;
}
.serviceBenefitsCarousel .slick-dots li button{
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}
.serviceBenefitsCarousel .slick-dots li{
    width: 10px;
    height: 10px;
}

.serviceBenefitsCarousel .slick-dots li.slick-active{
    width: 30px;
}
.serviceBenefitsCarousel .slick-dots li.slick-active button{
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}

@media (max-width: 1799.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 20%;
    }
}


@media (max-width: 1399.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 20%;
    }


}
@media (max-width: 1199.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }


}

@media (max-width: 991.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

@media (max-width: 767.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 15%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }

    .serviceDetailsSecondSection{
        padding-top: 30px !important;
    }
}

@media (max-width: 575.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .serviceBenefitsCarousel .slick-dots{
        padding-left: 25%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}


/* programm requirements */

.programRequirementTopBox{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/programmRequirements.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;

}


.programRequirementsHead{
    font-size: 34px;
    line-height: 42px;
    padding: 80px 0 60px;
    color: var(--white);
}

.programRequirementBox{
    padding: 40px 30px;
    background-color: var(--white);
    border-radius: 20px;
    margin-top: 20px;
}

@media (max-width: 766.98px){
    .programRequirementBox{
        padding: 30px 15px;
        border-radius: 10px;
    }
}

.programRequirementBoxHead{
    font-size: 22px;
    line-height: 30px;
    color: #111111;

}
.programRequirementBoxHead::after{
    content: '';
    border-bottom: 2px solid var(--border-col);
    width: 80%;
    display: block;
    padding: 10px 0;
}

.programRequirementBox .textAreaBox{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    height: 167px;
    overflow:scroll;
    overflow-x:hidden;
    padding-top: 20px;
    padding-right: 15px;
}

.programRequirements{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    height: 170px;
    overflow:scroll;
    overflow-x:hidden;
}

.programRequirementBox .textAreaBox ul{
    padding: 0;
    margin: 0 0 0 0;
}

.programRequirementBox .textAreaBox ul li{
    padding-left: 0px;
    position: relative;
    padding-left: 30px;;
    padding-bottom: 10px;
    color: var(--font-col1);
    list-style: none;
    font-size: 14px;
}
.programRequirementBox .textAreaBox ul li:before{
    position: absolute;
    top: 5px;
    left: 0;
    color: #E3E3E3;
    content: '';
    width: 11px;
    height: 17px;
    background: url("http://www.sterling-haven.binacatrading.com/web/images/rightArrow.png");
}

.programRequirementsList{
    padding-left: 10px;
    position: relative;
    padding-left: 30px;;
    padding-bottom: 10px;
    color: var(--font-col1);
}

.programRequirementsList i{
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    color: #E3E3E3;
}

.programRequirementBox a{
    padding: 10px 30px;
    background-color: var(--primary-col);
    color: var(--white);
    background: linear-gradient(to right,var(--dark-blue) 50%,var(--primary-col)50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    position: relative;
}

.programRequirementBox a:hover{
    background-position: left bottom;

}


.programRequirementBtmBox{
    background-color: var(--dark-blue-1);
    width: 100%;
    margin-top: -60px;
}

@media only screen and (max-width:767px){
    .programRequirementBtmBox{
        margin-top: 0px;
    }

}
.programRequirementBox .textAreaBox::-webkit-scrollbar {
    width: 6px;
}

.programRequirementBox .textAreaBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.programRequirementBox .textAreaBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
}


.programRequirementBtmBox h3{
    color: var(--primary-col);
    font-size: 28px;
    line-height: 36px;

}

.programRequirements::-webkit-scrollbar {
    width: 6px;
  }

  .programRequirements::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  .programRequirements::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
  }

  .ProgramAccordion{
    background-color: var(--dark-blue-1);
  }

.ProgramAccordionItem{
    background-color: var(--dark-blue-1);
    color: var(--white);
    border:none;
}
.ProgramAccordionButton{
    background-color: var(--dark-blue-1);
    color: var(--white);
}

.ProgramAccordionButton:not(.collapsed){
    background-color: var(--dark-blue-1);
    color: var(--white);
}
.ProgramAccordionButton:focus{
    border: none;
    box-shadow: none;
}


.ProgramAccordion .ProgramAccordionButton::after {
    z-index: 0;
    position: absolute;
    right: 0px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    padding-left: 20px;
  }


  .faqAccordion button{
    background-color: #F9F9FF;
    border: 1px solid #E3E3E3;
    box-shadow: none;
    border-radius: 0px;
  }

  .faqAccordion .accordion-item{
    margin-bottom: 20px;
    border-radius: 33px !important;
    overflow: hidden;
    border: 1px solid #E3E3E3;
  }

  @media (max-width: 991.98px){
      .faqAccordion .accordion-item {
          margin-bottom: 20px;
          border-radius: 25px !important;
          overflow: hidden;
          border: 1px solid #E3E3E3;
      }
  }

  .faqAccordion button:not(.collapsed) {
    background-color: #F9F9FF;
  }

  .accordion-button:focus{
    border: none;
    box-shadow: none;
  }

  .faqAccordion button::after {
    z-index: 0;
    position: absolute;
    right: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C2A058'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    padding-left: 20px;
  }

  .faqAccordion button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C2A058'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  .faqAccordion .accordion-body{
    background-color: #F9F9FF;
  }

.faqAccordion .accordion-header{
    font-size: 26px;
    line-height: 34px;
    color: var(--main-black);
    background-color: #F9F9FF;
    display: flex;
}

.faqAccordion .accordion-button:not(.collapsed){
    color: var(--main-black);
    box-shadow: none;
}


.faqYellowCircle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #C2A058 , #C78E11 ,#966B10);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    z-index: 100;
}


.faqAccordion .accordion-button {
    padding: 1rem 2.25rem;
    border: none;

}

.faqAccordion .accordion-body {
    padding: 1rem 3.25rem;
}

/* service details form */
.serviceDetailsForm{
    background-color: var(--dark-blue-1);
}


.serviceDetailsForm h2{
    color: var(--primary-col);
    text-align:left;
    padding-bottom: 60px;
}
.serviceDetailsForm h2 span{
    color: var(--white);
}

/**/

.sterling-accordion .accordion-item .faqYellowCircle_box{
    width: 70px;
}

.sterling-accordion .accordion-item .sterling-accordion_head_wrapper{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
}

.sterling-accordion .accordion-item .sterling-accordion_head_wrapper .accordion-header{
    display: flex;
    align-items: center;
    min-height: 70px;
}

.sterling-accordion .accordion-button:not(.collapsed){
    color: var(--main-black);
    box-shadow: none;
    background-color: transparent;
}

.sterling-accordion .accordion-button{
    background: transparent;
    font-size: 18px;
    padding-right: 50px;
}

.sterling-accordion .accordion-item {
    margin-bottom: 20px;
    border-radius: 33px !important;
    overflow: hidden;
    border: 1px solid #E3E3E3;
    background-color: #F9F9FF;
}

.sterling-accordion .accordion-body {
    padding-top: 0;
    padding-bottom: 0;
}

.sterling-accordion .accordion-body p{
    color: #707070;
}

.sterling-accordion .accordion-body ul{
    margin: 0;
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}

.sterling-accordion .accordion-body ul li{
    color: #707070;
    list-style: inherit;
    padding-left: 10px;
    padding-bottom: 10px;
}

.sterling-accordion button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C2A058'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.sterling-accordion button::after {
    z-index: 0;
    position: absolute;
    right: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C2A058'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    padding-left: 20px;
}

.faq_section{
    padding-top: 80px;
    padding-bottom: 60px;
}

.sterlingTabs {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.sterlingTabs .tabs {
    padding: 12px 35px;
    background-color: var(--dark-blue-1);
    color: var(--white);
    border-style: none;
    margin-right: 30px;
}

.sterlingTabs li:last-child .tabs{
    margin-right: 0px;
}

.sterlingTabs .tabs.active {
    background-color: var(--primary-col);
}

.sterlingtab-content .main-head{
    margin-bottom: 40px !important;
}

@media (max-width: 1199.98px){
    .faq_section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sterlingTabs {
        margin-bottom: 20px;
    }

    .sterlingTabs li{
        display: block;
        width: 100%;
    }

    .sterlingTabs .tabs {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    .sterlingtab-content .main-head {
        margin-bottom: 0px !important;
        padding-bottom: 30px;
        font-size: 26px;
        list-style: 36px;
    }

}

@media (max-width: 991.99px){

    .faqYellowCircle {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-image: linear-gradient(to right, #C2A058 , #C78E11 ,#966B10);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        line-height: 50px;
        color: var(--white);
        z-index: 100;
        font-size: 20px;
    }

    .sterling-accordion .accordion-item{
        border-radius: 25px !important;
    }

    .sterling-accordion .accordion-item .faqYellowCircle_box {
        width: 50px;
    }


    .sterlingtab-content .main-head {
        font-size: 26px;
        list-style: 30px;
    }

    .sterling-accordion .accordion-button{
        font-size: 18px;
    }

    .sterling-accordion .accordion-body p{
        font-size: 14px;
    }

    .sterling-accordion .accordion-body ul li {
        font-size: 14px;
    }

}

@media (max-width: 766.99px){


    .sterlingtab-content .main-head {
        font-size: 20px;
        list-style: 30px;
    }

    .sterling-accordion .accordion-button{
        font-size: 16px;
    }

}

@media (max-width: 575.99px){


    .faqYellowCircle_box{
        display: none;
    }

}

/* related post slider */

.relatedPostSection{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: bottom 20px center;
}



.relatedPostBox{
    padding: 30px 30px;
    border-radius: 15px;
    background-color: var(--white);
    position: relative;
    z-index: 1;
}

.relatedPostSection{
    margin-top: 10px;
}

.relatedPostBox img{
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.relatedPostBox:hover img{
    transform: scale(1.05);
}

.relatedPostBox a{
    background-color: var(--primary-col);
    color: var(--white);
    padding: 10px 30px;
}
.relatedPostBox a:hover{
    background-color: var(--dark-blue-1);
    color: var(--white);
}



.relatedPostBox h5{
    font-size: 22px;
    line-height: 30px;
    color: #111111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.relatedPostBox .date{
    color: var(--primary-col);
}

.relatedPostBox .textAreaBox p{
    color: var(--font-col1);
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.relatedPostCarousel{
    z-index: 100;
    padding-bottom: 80px;
}


.relatedPostCarousel .slick-slide{
    margin-left: 15px;
    margin-right: 15px;
}


.relatedPostCarousel .slick-track{
    display: flex !important;
}

.relatedPostCarousel .slick-slide {
    height: inherit !important;
}



.relatedPostCarousel .slick-dots{
    padding-left: 10%;
    text-align: unset;
}

.relatedPostCarousel .slick-dots li button:before{
    display: none;
}
.relatedPostCarousel .slick-dots li button{
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}
.relatedPostCarousel .slick-dots li{
    width: 10px;
    height: 10px;
}

.relatedPostCarousel .slick-dots li.slick-active{
    width: 30px;
}
.relatedPostCarousel .slick-dots li.slick-active button{
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}

@media (max-width: 1799.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 20%;
    }

}


@media (max-width: 1399.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 20%;
    }


}
@media (max-width: 1199.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
    .relatedPostBox{
        padding: 30px 15px;
        border-radius: 15px;
        background-color: var(--white);
    }

}

@media (max-width: 991.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

@media (max-width: 767.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 15%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

@media (max-width: 575.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .relatedPostCarousel .slick-dots{
        padding-left: 25%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}


.blogPostSection{
    position: relative;
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-position: cover;
    background-repeat: no-repeat;
    background-position: bottom -250px center;
    padding-bottom: 120px;
    z-index: 1;

}




.blogPostSection::after{
    content: '';
    width: 80%;
    height: 200px;
    background-color: var(--dark-blue-1);
    display: block;
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 0;
    border-end-start-radius: 20px;

}

@media (max-width: 1799.98px) {
    .blogPostSection::after{
        width: 85%;

    }
}

@media (max-width: 1399.98px) {
    .blogPostSection::after{
        width: 85%;

    }
}






.box-shadow{
    box-shadow: 0 0 24px rgb(17 17 59 / 20%);
}




/* contact  */

.contactDetailsBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    border:1px solid var(--border-col) ;
    border-radius: 20px;
    padding: 30px 10px;
    background-color: var(--white);
    width: 90%;
    transition: all .5s ease-in-out;
}


.contactDetailsBox:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.contactDetailsBox img{
    transition: .6s ease-in-out;
}

.contactDetailsBox:hover img{
    transform: scale(1.1) translateY(-20px);
}


.contactDetailsBox h3{
    font-size: 26px;
    line-height: 34px;
    color: var(--primary-col);
    font-weight: 600;
}

.contactDetailsBox .number{
    font-size: 24px;
    line-height: 32px;
    color: var(--font-col1);
}

.contact-form{
    background-color: var(--dark-blue-1);
}

.contactMap{
    min-height: 300px;
}

@media (max-width: 1199.98px) {
    .contact-map-form-section.pb-80{
        padding-bottom: 0px;
    }

    .relatedPostSection .main-head{
        padding-bottom: 20px;
    }
}

@media (max-width: 991.98px) {

    .contactTopSection.pt-80{
        padding-top: 50px;
    }

    .contactDetailsBox{
        width: 100%;
    }
    .contactDetailsBox h3{
        font-size: 20px;
        line-height: 30px;
        color: var(--primary-col);
        font-weight: 600;
    }

    .contactDetailsBox .number{
        font-size: 16px;
        line-height: 24px;
        color: var(--font-col1);
    }

}

@media (max-width: 766.99px){
    .contactTopSection.pb-80{
        padding-bottom: 50px;
    }
}

/* location slider */


.locationCarousel{
    z-index: 100;
    padding-bottom: 80px;
}


.locationCarousel .slick-slide{
    margin-left: 15px;
    margin-right: 15px;
}


.locationCarousel .slick-track{
    display: flex !important;
}

.locationCarousel .slick-slide {
    height: inherit !important;
}



.locationCarousel .slick-dots{
    padding-left: 10%;
    text-align: unset;
}

.locationCarousel .slick-dots li button:before{
    display: none;
}
.locationCarousel .slick-dots li button{
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}
.locationCarousel .slick-dots li{
    width: 10px;
    height: 10px;
}

.locationCarousel .slick-dots li.slick-active{
    width: 30px;
}
.locationCarousel .slick-dots li.slick-active button{
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}

@media (max-width: 1799.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 20%;
    }

}


@media (max-width: 1399.98px) {
    .serviceDetailsSecondSection{
        background-position: top -80px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 20%;
    }


}
@media (max-width: 1199.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
    .relatedPostBox{
        padding: 30px 15px;
        border-radius: 15px;
        background-color: var(--white);
    }

}

@media (max-width: 991.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 20%;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

@media (max-width: 767.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 15%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

@media (max-width: 575.98px) {
    .serviceDetailsSecondSection{
        background-position: top 0px center;
    }
    .locationCarousel .slick-dots{
        padding-left: 25%;
        padding-bottom: 60px;
    }
    .seviceBenefitsBlueBg{
        position: absolute;
        background-color: var(--dark-blue-1);
        width: 80%;
        height: 40%;
        bottom: 60px;
        right: 0;
        z-index: 1;
    }
}

.locationsSliderBox{
    padding: 30px 10px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0 0 6px rgb(0 0 0 / 25%);
}

.locationsSliderBox iframe{
    transition: all 0.5s ease-in-out;
}

.locationsSliderBox:hover iframe{
    transform: scale(1.03) translateY(-5px);
}

.locationsSliderBox h3{
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
    color: var(--main-black);
}

.locationsSliderBox p{
    font-size: 18px;
    line-height: 28px;
    color: var(--primary-col);
}

.officeDtls p{
    font-size: 16px;
    line-height: 24px;
    color: var(--font-col1);
    margin-bottom: 0;
}

.officeDtls{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    height: 90px;
    overflow:scroll;
    overflow-x:hidden;
}


.officeDtls::-webkit-scrollbar {
    width: 6px;
  }

  .officeDtls::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  .officeDtls::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
  }




/* career page */

.careerApplyForm{
    background-color: var(--dark-blue-1);
}

.careerPostBox{
    padding: 30px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border: 1px solid var(--border-col);
    border-radius: 15px;
    height: 100%;
}

.careerPostTop{
    display: flex;
    align-items: center;
}

.careerPostTop h4{
    font-size: 20px;
}

.careerPostTop .open{
    color: #0ABB6F;
    padding-left: 20px;
}

.careerPostTop .postedDate{
    margin-left: auto;
    color: var(--font-col1);

}

.careerPostTop .postedDate span{
    color: #1BA3F2;
}

.careerPostCenter{
    display: flex;
    align-items: center;
}

.careerPostCenter img{
    width: 20px;
    height: auto;
}

.postExperience{
    margin-left: 35px;
}

.careerPostBottom{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.careerPostBottom .site{
    padding: 5px 20px;
    background-color: #E3E3E3;
    color: var(--font-col1);
    border-radius: 50px;
    margin-right: 15px;
}

.careerPostBottom .site:last-child{
    margin-right: 0px;
}

.careerPostBottom .urgent{
    color: var(--primary-col);
    font-size: 18px;
    /*margin-left: 10px;*/
    margin-right: 10px;
    align-items: center;
    display: flex;
}

.careerPostBottom .applyBtn{
    padding: 8px 50px;
    background-color: var(--primary-col);
    color: var(--white);
    /*margin-left: auto;*/
}

.careerPostBottom .applyBtn:hover{
    background-color: var(--dark-blue-1);
}

@media (max-width: 767.98px) {

    .careerApplyForm{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .careerPostBox .main-head{
        padding-bottom: 0px;
    }

    .careerPostBox{
        padding: 25px 5px;
    }
    .careerPostTop h3{
        font-size: 18px;
    }

    .careerPostTop .open{
        padding-left: 10px;
        font-size: 14px;
    }
    .careerPostTop .postedDate span{
        font-size: 14px;
    }
    .postExperience{
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {

    .careerPostTop{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .careerPostTop .align-content-center{
        width: 100%;
        justify-content: space-between;
    }

    .careerPostTop .postedDate {
        margin-left: 0;
        color: var(--font-col1);
    }

    .careerPostBox{
        padding: 25px 10px;
    }
    .careerPostTop h3{
        font-size: 18px;
    }

    .careerPostTop .open{
        padding-left: 10px;
        font-size: 14px;
    }
    .careerPostTop .postedDate span{
        font-size: 14px;
    }
    .postExperience{
        font-size: 16px;
    }
    .careerPostBottom .urgent{
        font-size: 14px;
    }
}

@media (max-width: 525px){
    .careerPostBottom{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .careerPostBottom .align-content-center{
        width: 100%;
    }
    .careerPostBottom .applyBtn {
        margin-left: 0;
        /*margin-top: 15px;*/
    }
}


/* 404 error page */

.errorPage{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.redirectHomeBtn{
    padding: 10px 40px;
    background-color: var(--primary-col);
    color: var(--white);
    margin-top: 60px;
    margin-bottom: 0px;
    border-radius: 20px;
}


.redirectHomeBtn:hover{
    background-color: var(--dark-blue);
    color: var(--white);
}



/* privacy policy page */

.privacyPolicyHead{
    font-size: 22px;
    line-height: 30px;
    color: var(--main-black);
}

/* service more page */

.citizenshipProgrammsTabs{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}


.citizenshipProgrammsTabs .tabs{
    padding: 12px 35px;
    background-color: var(--dark-blue-1);
    color: var(--white);
    border-style: none;
    margin: 10px 20px;
}

.citizenshipProgrammsTabs .tabs.active{
    background-color: var(--primary-col);
}

.citizenShipProgramsCard{
    padding: 30px 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border: 1px solid var(--border-col);
    border-radius: 15px;
    height: 100%;
}

.citizenShipProgramsCard .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.citizenShipProgramsCard .top .head{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;

}

.citizenShipProgramsCard .top .desc{
    font-size: 20px;
    line-height: 30px;
    color: var(--font-col1);
}



.citizenShipProgramsCard .top img{
    width: 60px;
    position: relative;

}

.citizenShipProgramsCard:hover .top img{
    animation-name: moveTopBtm;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition: all 3s ease-in-out;
}

.citizenShipProgramsCard .textAreaBox{
    height: 120px;
    overflow:scroll;
    overflow-x:hidden;
    padding-right: 10px;
}

.citizenShipProgramsCard .textAreaBox::-webkit-scrollbar {
    width: 6px;
}

.citizenShipProgramsCard .textAreaBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.citizenShipProgramsCard .textAreaBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
}

.citizenShipProgramsCard .textAreaBox p{
    font-size: 14px;
    line-height: 22px;
    color: var(--main-black);
}

.citizenShipProgramsCard .textAreaBox p{
    display: none;
}

.citizenShipProgramsCard .textAreaBox p:first-child{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.citizenShipProgramsCard .textAreaBox ul{
    padding: 0;
    margin: 0 0 0 0;
}

.citizenShipProgramsCard .textAreaBox ul li{
    padding-left: 0px;
    position: relative;
    padding-left: 30px;;
    padding-bottom: 10px;
    color: var(--font-col1);
    list-style: none;
    font-size: 14px;
}
.citizenShipProgramsCard .textAreaBox ul li:before{
    position: absolute;
    top: 5px;
    left: 0;
    color: #E3E3E3;
    content: '';
    width: 11px;
    height: 17px;
    background: url("http://www.sterling-haven.binacatrading.com/web/images/rightArrow.png");
}


@keyframes moveTopBtm{
    0%{
        transform: translatey(0px);
    }
    50%{
        transform: translatey(10px);
    }
    100%{
        transform: translatey(0px);
    }
}


.citizenshipProgram-ul{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    height: 160px;
    overflow:scroll;
    overflow-x:hidden;
}

.citizenshipProgram-li{
    padding-left: 10px;
    position: relative;
    padding-left: 30px;;
    padding-bottom: 10px;
    color: var(--font-col1);
}

.citizenshipProgram-li i{
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    color: #E3E3E3;
}

.citizenshipProgram-ul::-webkit-scrollbar {
    width: 6px;
  }

  .citizenshipProgram-ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

  .citizenshipProgram-ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
  }

  .citizenShipProgramsCardBtn{
    padding: 10px 25px;
    background-color: var(--dark-blue-1);
    color: var(--white);
      display: inline-block;
      margin-top: 20px;
  }

  .citizenShipProgramsCardBtn:hover{
    background-color: var(--primary-col);
    color: var(--white);
  }


.investResidentProgram{
    background-color: var(--dark-blue);
    padding: 30px 15px;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px 0px;
    border: 1px solid var(--border-col);
    border-radius: 15px;
}

.investResidentProgram h3{
    color: var(--primary-col);
    text-align: center;
    padding-top: 40px;
}

.investResidentProgram a{
    padding: 10px 30px;
    background-color: var(--primary-col);
    color: var(--white);
}

.investResidentProgram a:hover{
    background-color: var(--white);
    color: var(--primary-col);
}

.serviceMoreFaqSection{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-position: bottom;
}

.locationSliderDiv{
    position: relative;
}

.partnerBenefitSection{
    background-color: #F1F1F2;
}

.partnerBenefitsWrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: minmax(50px,auto);
    grid-gap: 40px;
    grid-column-gap: 50px;
}


@media (max-width: 991.98px) {
    .partnerBenefitsWrapper{
        grid-template-columns: 1fr 1fr;
        grid-gap: 50px;
        grid-column-gap: 30px;
    }
}


@media only screen and (max-width:767px){
    .partnerBenefitsWrapper{
        grid-template-columns: 1fr;
        grid-gap: 50px;
        grid-column-gap: 10px;
    }

    .partnerBenefitSection .main-head{
        padding-bottom: 0px;
    }

    .contact-form{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .partnerBenefitSection.mb-5 {
        margin-bottom: 20px !important;
    }

    .citizenshipProgramsSection .main-head{
        font-size: 22px;
        padding-bottom: 0;
    }

    .serviceMoreFaqSection .main-head{
        font-size: 22px;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

}




.partnerBenefitsWrapper .benefitCard{
    padding: 30px 25px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    border: 1px solid var(--border-col);
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
}

.benefitCard .icon{
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(217, 217, 217, 1);
    transition: all 0.3s ease-in-out;
}

.benefitCard .icon{
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(217, 217, 217, 1);
    transition: all 0.3s ease-in-out;
}


.benefitCard .desc{
    font-size: 20px;
    line-height: 28px;
    color: var(--main-black);
    padding: 20px 10px 5px;
}

.benefitCard:hover{
    background-color: var(--white);
}
/*.benefitCard:hover .img-1{*/
/*    display: none;*/
/*}*/

.benefitCard:hover .icon{
    background-color: var(--dark-blue-1);
}

.benefitCard:hover .icon img{
    filter: brightness(0) invert(1);
}






/* blog details page */

.bannerLeftedHead{
    position: absolute;
    top: 300px;
    left: 100px;
    font-size: 40px;
    line-height: 50px;
    color: var(--primary-col);
}

.banneerBlogPosted{
    position: absolute;
    top: 360px;
    left: 100px;
    color: var(--white);
}

.bannerBlogDetails{
    position: absolute;
    top: 460px;
    left: 100px;
    font-size: 18px;
    line-height: 26px;
    color: var(--white);
}




@media (max-width: 1799.98px) {
    .bannerLeftedHead{
        top: 300px;
        left: 100px;
        font-size: 40px;
        line-height: 50px;
    }
    .banneerBlogPosted{
        top: 360px;
        left: 100px;
    }
    .bannerBlogDetails{
        top: 460px;
        left: 100px;
        font-size: 18px;
        line-height: 26px;
    }

}
@media (max-width: 1399.98px) {
    .bannerLeftedHead{
        top: 200px;
        left: 100px;
        font-size: 30px;
        line-height: 40px;
    }
    .banneerBlogPosted{
        top: 260px;
        left: 100px;
    }
    .bannerBlogDetails{
        top: 330px;
        left: 100px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media (max-width: 1199.98px) {
    .bannerLeftedHead{
        top: 160px;
        left: 100px;
        font-size: 30px;
        line-height: 40px;
    }
    .banneerBlogPosted{
        top: 200px;
        left: 100px;
    }
    .bannerBlogDetails{
        top: 230px;
        left: 100px;
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 991.98px) {
    .bannerLeftedHead{
        top: 120px;
        left: 100px;
        font-size: 30px;
        line-height: 40px;
    }
    .banneerBlogPosted{
        top: 180px;
        left: 100px;
    }
    .bannerBlogDetails{
        display: none;
    }

}

@media (max-width: 767.98px) {
    .bannerLeftedHead{
        top: 120px;
        left: 40px;
        font-size: 22px;
        line-height: 30px;
    }
    .banneerBlogPosted{
        top: 160px;
        left: 40px;
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 575.98px) {
    .bannerLeftedHead{
        top: 60px;
        left: 40px;
        font-size: 18px;
        line-height: 26px;
    }
    .banneerBlogPosted{
        top: 110px;
        left: 40px;
        font-size: 16px;
        line-height: 24px;
    }
}


.blogDetailsSection{
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
}

.blog_slider{

}

.blogDetailsSection .textAreaBox{
    margin-top: 40px;
}

.blogDetailsSection .textAreaBox p{
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.blogDetailsSection .textAreaBox ul{
    margin: 0 0 30px;
    padding: 0;
    margin-left: 15px;
}

.blogDetailsSection .textAreaBox ul li{
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    padding-left: 10px;
}


@media (max-width: 991.98px) {
    .blogDetailsSection{
        background-image: none;
    }
}


.blogDtlsVideoSEction .video-area {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
}

.blogDtlsVideoSEction .video-area .video-btn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: transparent;
    border: none;
    animation: animate 2s linear infinite;
    box-shadow: 0 0px 6px rgb(0 0 0 / 20%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

@keyframes animate {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    40% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    80% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    }
}

.blogShareSection{
    display: flex;
    justify-content: space-between;
}
.blogShareSection i:hover{
    color: var(--primary-col);
}


.blogShareSection i{
    font-size: 24px;
    color: var(--dark-blue-1);
    margin: 5px;
}

.blogShareSection .previous{
    background-color: var(--dark-blue-1);
    padding: 10px 35px;
    color: var(--white);
}
.blogShareSection .previous:hover{
    background-color: var(--white);
    color: var(--primary-col);
}

.blogShareSection .next{
    background-color: var(--primary-col);
    padding: 10px 35px;
    color: var(--white);
}
.blogShareSection .next:hover{
    background-color: var(--white);
    color: var(--primary-col);
}

@media (max-width: 400px){
    .blogShareSection {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
}

.recentBlogsSection{
    padding: 40px 20px 30px;
    background-color: var(--dark-blue-1);
    border-radius: 20px;
}

.recentBlogs{
    margin: 5px;
}

.recentBlogsCard{
    background-color: var(--white);
    padding: 20px 10px;
    border-radius: 15px;
}

.recentBlogsCard .readMore{
    color: var(--main-black);
}

.recentBlogsCard .readMore:hover{
    color: var(--dark-blue-1);
}


.recentBlogsCarousel .slick-dots{

    text-align: unset;
}

.recentBlogsCarousel .slick-dots li button:before{
    display: none;
}
.recentBlogsCarousel .slick-dots li button{
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}
.recentBlogsCarousel .slick-dots li{
    width: 10px;
    height: 10px;
}

.recentBlogsCarousel .slick-dots li.slick-active{
    width: 30px;
}
.recentBlogsCarousel .slick-dots li.slick-active button{
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}


/* testimonial page */

.textTestimonialCarousel {

}

.textTestimonial{
    padding: 30px 50px;
    background-color: #F9F9FF;
    border-radius: 15px;
    margin: 20px 60px;
    transition: margin 0.4s ease;
}


.textTestimonial .head{
    display: flex;
    justify-content: space-between;
}

.textTestimonial .head .left{
    display: flex;
    align-items: center;
}

.textTestimonial .head .left .img{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 10px;*/
    border: 10px solid #fff;
    box-shadow: 0px 10px 10px rgb(217 217 217 / 100%);
    position: relative;
}

.textTestimonial .head .left .img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.textTestimonial .desc{
    margin-top: 10px;
    padding: 20px 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
}

.textTestimonial .desc p:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}

.textTestimonial .desc::-webkit-scrollbar {
    width: 6px;
}

.textTestimonial .desc::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.textTestimonial .desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
}

.testimonial-div .img-fluid{
    border-radius: 40px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



@media (max-width: 1399.98px) {
    .textTestimonial{
        margin: 15px 30px;
    }
}
@media (max-width: 1199.98px) {
    .textTestimonial{
        margin: 15px 20px;
    }
    .textTestimonial .head .left h3{
        font-size: 18px;
    }
    .textTestimonial .head .left h5{
        font-size: 16px;
    }
    .textTestimonial .head .main-para{
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .textTestimonial{
        margin: 15px 20px;
        padding: 20px 10px;
    }
}

@media (max-width: 767.98px) {
    .textTestimonial{
        margin: 15px 10px;
        padding: 20px 10px;
    }
}

@media (max-width: 575.98px) {
    .textTestimonial{
        margin: 15px 10px;
        padding: 20px 10px;
    }
}


.textTestimonialCarousel .owl-dots{
    display: flex;
    justify-content: center;
}
.textTestimonialCarousel .owl-dot{
    background-color: #E3E3E3 !important;
    width: 10px;
    height: 10px;
    margin: 20px 5px;
    border-radius: 100%;
}

.textTestimonialCarousel .owl-dot.active{
    background-color: var(--primary-col) !important;
    width: 30px;
    height: 10px;
    border-radius: 30px;
}

.textTestimonialCarousel .owl-item{
    opacity: .5;
    transform: scale(.9);
}

.textTestimonialCarousel .owl-item.center{
    opacity: 1;
    transform: scale(1);
}

.textTestimonialCarousel .owl-item.center .textTestimonial{
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
    border: 1px solid var(--border-col);
    padding: 30px 30px;
}

@media (max-width: 767px){

    .textTestimonial .head{
        flex-direction: column;
    }

    .textTestimonial .head .left{
        margin-bottom: 15px;
    }

    .textTestimonial .head .left .img{
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }

    .textTestTestimonialSection .main-head{
        padding-bottom: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 600px){

    .textTestimonial .head .left .img{
        width: 70px;
        height: 70px;
        margin-right: 10px;
    }
}

@media (max-width: 580px){

    .textTestimonialCarousel .owl-item.center .textTestimonial {
        padding: 30px 15px;
    }
}


    /* client testimonial section */

.clientTestimonial{
    position: relative;
    background-image: url(http://www.sterling-haven.binacatrading.com/web/images/liteGrayImg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 120px;
}

.clientTestimonial::after{
    content: '';
    width: 80%;
    height: 200px;
    background-color: var(--dark-blue-1);
    display: block;
    position: absolute;
    bottom: 60px;
    right: 0;
    z-index: 0;
    border-end-start-radius: 20px;
}



.testimonialBox{
    padding: 20px 15px 30px;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 0 24px rgb(17 17 59 / 20%);
    z-index: 1;
    position: relative;
    height: 100%;
}

.testimonialBox:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.testimonialBox .head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.testimonialBox .desc{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 80px;
    margin-bottom: 20px;
    padding: 10px 0px;
}

.testimonialBox .desc::-webkit-scrollbar {
    width: 6px;
  }

.testimonialBox .desc::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }

.testimonialBox .desc::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px var(--border-col);
    background-color: var(--primary-col);
    opacity: 1;
  }


.testimonialVideoCard .videowrapper{
    position: relative;
}

.testimonialVideoCard  .videowrapper .video-btn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: transparent;
    border: none;

}

.testimonialBox .test_img{
    transition: all .3s ease-in-out;
}

.testimonialBox .testimonialVideoCard{
    overflow: hidden;
    border-radius: 10px;
}

.testimonialBox .head h6{
    padding-top: 10px;
}

.testimonialBox:hover .test_img{
    transform: scale(1.05);
}

.loadMore{
    position: relative;
    color: var(--white);
    z-index: 12;
    padding-left: 200px;
}

.loadMore:hover{
    color: var(--primary-col);
}


@media (max-width: 1799.98px) {
    .clientTestimonial::after{
        width: 85%;

    }
    .loadMore{
        padding-left: 180px;
    }
}

@media (max-width: 1399.98px) {
    .clientTestimonial::after{
        width: 85%;

    }
    .loadMore{
        padding-left: 160px;
    }
}

@media (max-width: 991.98px) {
    .loadMore{
        padding-left: 100px;
    }
}



/* stack slider */

.dp-wrap {
    margin:0px auto;
    position: relative;
    perspective: 1000px;
    height: 100%;
}

.dp-slider {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    width: 70.5%;
    margin: 0 auto;
}

.dp-slider div {
    transform-style: preserve-3d;
}

.dp_item {
    display: block;
    position: absolute;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    transition: transform 1.2s;
}

.dp-img img {
    border-left: 1px solid #fff;
}

#dp-slider .dp_item:first-child {
    z-index: 10 !important;
    transform: rotateY(0deg) translateX(0px) !important;
}

.dp_item[data-position="2"] {
    z-index: 9;
    transform: rotateY(0deg) translateX(10%) scale(1);
}

.dp_item[data-position="3"] {
    z-index: 8;
    transform: rotateY(0deg) translateX(20%) scale(1);
}

.dp_item[data-position="4"] {
    z-index: 7;
    transform: rotateY(0deg) translateX(30%) scale(1);
}

/*.dp_item[data-position="5"] {*/
/*    z-index: 6;*/
/*    transform: rotateY(0deg) translateX(40%) scale(1);*/
/*}*/

#dp-next,
#dp-prev {
    position: absolute;
    top: 50%;
    right: 16%;
    height: 33px;
    width: 33px;
    z-index: 10;
    cursor: pointer;
}

#dp-prev {
    left: 15px;
    transform: rotate(180deg);
}

#dp-dots {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 0px;
    z-index: 12;
    left: 0;
    cursor: default;
    margin-top: -25px;
    height: 50px;
    padding-left: 0;
}

#dp-dots li {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
}

#dp-dots li:first-child {
    z-index: 10 !important;
    transform: rotateY(0deg) translateX(0px) !important;
}

#dp-dots li:nth-child(2) {
    z-index: 9 !important;
    transform: rotateY(0deg) translateX(35px) !important;
}

#dp-dots li:nth-child(3) {
    z-index: 8 !important;
    transform: rotateY(0deg) translateX(70px) !important;
}

#dp-dots li:nth-child(4) {
    z-index: 7 !important;
    transform: rotateY(0deg) translateX(105px) !important;
}
#dp-dots li{
    box-shadow: 0 3px 10px rgb(0,0,0,.32);
}

#dp-dots li img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#dp-dots li:hover {
    cursor: pointer;
    background: goldenrod;
    transition: background 0.3s;
}

#dp-dots li.active {
    background: goldenrod;
}

.dp_item {
    width: 55%;
}

.dp-content,
.dp-img {
    text-align: left;
}

.dp-img {
    width: 100%;
}

.dp_item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    border-top: none;
    background: #fff;
    padding-right: 10px;
}

.dp_item .dp-img{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.dp_item .dp-img .overlay{
    opacity: 0;
    width: 0;
    height: 0;
}

.dp_item .dp-img .overlay .video_btn_section{
    opacity: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.dp_item .dp-img .overlay .video_btn_section .icon_img{
    width: 50px;
    height: 36px;
    border-radius: 0;
    border-left: 0px solid #fff;
}

#dp-slider .dp_item:first-child .dp-img .overlay{
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(rgb(89,89,158,.30), rgb(17,17,158,.7));
}

#dp-slider .dp_item:first-child .dp-img .overlay .video_btn_section{
    opacity: 1;
    width: 100%;
    height: 50%;
}

#dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info{
    width: 100%;
    height: 50%;
    padding: 30px 50px;
    display: flex;
    align-items: center;
}

#dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h2{
    color: var(--white);
    font-family: "georgia";
    font-weight: 600;
}

#dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h5{
    color: var(--primary-col);
    font-family: "georgia";
    font-size: 18px;
}

#dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h4{
    color: var(--white);
    font-family: "georgia";
}

.dp-content {
    padding-left: 100px;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}

.dp-content h2 {
    color: #41414b;
    font-family: Circular Std Bold;
    font-size: 48px;
    max-width: 460px;
    margin-top: 8px;
    margin-bottom: 0px;
}

.dp-content p {
    color: #74747f;
    max-width: 490px;
    margin-top: 15px;
    font-size: 24px;
}

.dp-content .site-btn {
    margin-top: 15px;
    font-size: 18px;
    padding: 19px 40px;
}


.dp-img img {
    object-fit: cover;
    object-position: right;
    border-radius: 15px;
}

#dp-slider,
.dp-img img {
    height: 500px;
}

#dp-slider{
    width: 70.7%;
    margin: 0 auto;
}

.dp-img img {
    width: 100%;
}

#dp-slider .dp_item:hover:not(:first-child) {
    cursor: pointer;
}

.site-btn {
    color: #fff;
    font-size: 18px;
    font-family: "Circular Std Medium";
    background: goldenrod;
    padding: 14px 33px;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    top: -10px;
    text-decoration: none;
}

@media (max-width: 1399.98px) {
    #dp-slider,
    .dp-img img {
        height: 450px;
    }
}

@media (max-width: 1199.98px) {

    #dp-slider {
        width: 80.7%;
        margin: 0 auto;
    }

    .dp_item {
        width: 62%;
    }

    #dp-slider,
    .dp-img img {
        height: 400px;
    }
}

@media (max-width: 991.98px) {

    #dp-slider {
        width: 100%;
        margin: 0 auto;
    }

    .dp_item {
        width: 76.9%;
        padding-right: 5px;
    }

    #dp-slider,
    .dp-img img {
        height: 350px;
    }

    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h2{
        font-size: 20px;
    }
    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h5{
        font-size: 15px;
    }
    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h4{
        font-size: 18px;
    }

    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info{
        padding: 30px 30px;
    }
}

@media (max-width: 766.98px) {

    .dp_item .dp-img {
        border-radius: 10px;
    }

    .videoTestimonialSection .container{
        max-width: 100%;
    }

    #dp-slider {
        width: 100%;
        margin: 0 auto;
    }

    .dp_item {
        width: 76.9%;
        padding-right: 5px;
    }

    #dp-slider,
    .dp-img img {
        height: 300px;
    }

    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h2{
        font-size: 18px;
    }
    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h5{
        font-size: 14px;
    }
    #dp-slider .dp_item:first-child .dp-img .overlay .testimonial_info h4{
        font-size: 16px;
    }

    #dp-dots{
        margin-top: -20px;
    }

    #dp-dots li{
        width: 40px !important;
        height: 40px !important;
    }

    #dp-dots li:nth-child(2) {
        z-index: 9 !important;
        transform: rotateY(0deg) translateX(30px) !important;
    }

    #dp-dots li:nth-child(3) {
        z-index: 8 !important;
        transform: rotateY(0deg) translateX(60px) !important;
    }
    #dp-dots li:nth-child(4) {
        z-index: 6 !important;
        transform: rotateY(0deg) translateX(90px) !important;
    }

    .videoTestimonialSection .main-head{
        padding-bottom: 0 !important;
    }

    .videoTestimonialSection .mb-5{
        margin-bottom: 30px !important;
    }
}

@media (max-width: 524.98px) {

    #dp-slider,
    .dp-img img {
        height: 250px;
    }

    .dp_item {
        width: 100%;
        padding-right: 5px;
    }

    .dp_item[data-position="2"] {
        z-index: 9;
        transform: rotateY(0deg) translateX(0%) scale(1);
    }
    .dp_item[data-position="3"] {
        z-index: 8;
        transform: rotateY(0deg) translateX(0%) scale(1);
    }
    .dp_item[data-position="4"] {
        z-index: 7;
        transform: rotateY(0deg) translateX(0%) scale(1);
    }

    #dp-dots{
        position: relative;
    }

    #dp-dots li{
        position: relative;
    }

    #dp-dots li:nth-child(2) {
        z-index: 9 !important;
        transform: rotateY(0deg) translateX(0px) !important;
    }
    #dp-dots li:nth-child(3) {
        z-index: 8 !important;
        transform: rotateY(0deg) translateX(0px) !important;
    }
    #dp-dots li:nth-child(4) {
        z-index: 7 !important;
        transform: rotateY(0deg) translateX(0px) !important;
    }

    #dp-dots {
        margin-top: -10px;
    }
}


.citizenshipInvestmentBox div:hover{
    background-color: var(--white);
    color: var(--primary-col);
}



.imgBox{
    position: relative;
}

.imgBox .overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #201703a8;
    border-radius: 10px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.imgBox:hover .overlay{
    opacity: 1;
    height: 100%;
}


/* button hover style */

.effect {
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 150px;
    overflow: hidden;
  }

  .effect.effect-1 {
    transition: all 0.2s linear 0s;
  }
  .effect.effect-1:before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
  }
  .effect.effect-1:hover {
    text-indent: -20px;
  }
  .effect.effect-1:hover:before {
    opacity: 1;
    text-indent: 0px;
  }


/* button hover style 2 */


.videoContent .video-area{
    position: relative;
}

/* .videoContent .video-area .thumbnail{
    max-height: 800px;
} */

.videoContent .video-area .video-btn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: transparent;
    border: none;
    animation: animate 2s linear infinite;
    box-shadow: 0 0px 6px rgb(0 0 0 / 20%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

@keyframes animate {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    40% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    80% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    }
}





/* counter part */
.borderRight{
    position: relative;
}


.borderRight::after{
    content: '';
    display: block;
    border-right: 1px solid var(--font-col1);
    height: 100%;
    position: absolute;
    right: 0;

}

@media only screen and (max-width:1000px){
    .borderRight::after{
        visibility: hidden !important ;

    }
}

/*  about crust carousel */


.crustSliderAbout .slick-dots li.slick-active button {
    background-color: var(--primary-col);
    width: 30px;
    height: 10px;
    border-radius: 40px;
    margin-right: 10px;
}

.crustSliderAbout .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #E3E3E3;
    border-radius: 50%;
    margin-right: 10px;
}

.crustSliderAbout .slick-dots li {
    width: 10px;
    height: 10px;
}

.crustSliderAbout  .slick-dots li.slick-active {
    width: 30px;
}


.crustSliderAbout .slick-dots{
    text-align: unset;
    left: 25px;
}

.crustSliderAbout .slick-dots li button:before{
    display: none;
}


/* residence  */

.ProgramBoxLink{
    position: relative;
}

/*.ProgramBoxLink::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-color: var(--primary-col);*/
/*    height: 3px;*/
/*    width: 0;*/
/*    left: 0;*/
/*    bottom: -10px;*/
/*    transition: .3s;*/
/*}*/

/*.ProgramBoxLink:hover::after{*/
/*    width: 100%;*/
/*}*/


.errorPage{
    padding: 60px 0;
}