body {



    margin: 0 auto;



    font-size: 16px;



    padding: 0;



    font-family: "Syne", sans-serif;



    color: #181818;



}







::selection {



    background-color: #237252;



    color: #fff;



}







h1,



h2,



h3,



h4,



h5,



h6,



.h1,



.h2,



.h3,



.h4,



.h5,



.h6 {



    color: #181818;



 }







a {



    transition: all 0.5s ease;



    -moz-transition: all 0.5s ease;



    -ms-transition: all 0.5s ease;



    -o-transition: all 0.5s ease;



    -webkit-transition: all 0.5s ease;



    outline: 0;



    color: #181818;



    text-decoration: none;



}







a:hover {



    outline: none;



    color: #027f59;



    text-decoration: none;



}







.wow {



    visibility: hidden;



}







.clear {



    clear: both;



}







img:not(table img) {



    max-width: 100%;



}







iframe {



    border: 0;



    max-width: 100%;



    display: block;



    margin: 0 auto;



}







p {



    font-size: 16px;



    color: #181818;



}







figure {



    margin: 0 auto;



    display: block;



    text-align: center;



}







body.scroll-off {



    overflow: hidden;



}







.section-padding {



    padding-top: 60px;



    padding-bottom: 60px;



}







.section-heading {



    color: #000000;



    font-size: 30px;



    font-weight: bold;



    margin-bottom: 0;



}



 







.font-400 {



    font-weight: 400;



}







.font-500 {



    font-weight: 500;



}







.form-control::-webkit-input-placeholder {



    color:#9C9C9C;



}







.form-control::-moz-placeholder {



    color:#9C9C9C;



}







.form-control:-ms-input-placeholder {



    color:#9C9C9C;



}







.form-control:-moz-placeholder {



    color:#9C9C9C;



}







/* *** loader css start ****  */







.loader-wrapper {



    background: rgba(0, 0, 0, 0.90);



    display: flex;



    align-items: center;



    justify-content: center;



    position: fixed;



    height: 100%;



    width: 100%;



    z-index: 9999;



    top: 0;



    left: 0;



}







.loader {



    position: relative;



    width: 100px;



    height: 100px;



    border-radius: 50%;



    background-color: #fff;



    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);



}







.loader:before {



    content: "";



    width: 100px;



    height: 100px;



    border: 5px solid rgba(0, 0, 0, 0.05);



    border-top-color: #000;



    border-radius: 50%;



    animation: spin 1.5s infinite linear;



    display: block;



}







@keyframes spin {



    0% {



        transform: rotate(0deg);



    }



    100% {



        transform: rotate(360deg);



    }



}







@-webkit-keyframes spin {



    0% {



        transform: rotate(0deg);



    }



    100% {



        transform: rotate(360deg);



    }



}







.loader img {



    width: 60%;



    position: absolute;



    top: 50%;



    left: 50%;



    -webkit-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



}











/* *** loader css end  ****  */











/*==================== Header Start ===================*/







#header {



    height: 85px;



    display: flex;



    align-items: center;



    z-index: 10;



    position: relative;



    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);



    background: 0 0 !important;



    background-color: #fff !important;



}







#header.is-sticky {



    position: fixed;



    right: 0;



    left: 0;



    top: 0;



    transform: translateY(-100%);



    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);



    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);



    height: 65px;



    border-bottom: 1px solid #ededed;



}







#header.is-sticky.awake {



    transform: translateY(0%);



    -webkit-transition: 0.3s all ease-out;



    -o-transition: 0.3s all ease-out;



    transition: 0.3s all ease-out;



}







#header.is-sticky.inner_pages_head,



#header.inner_pages_head {



    height: 65px;



}







#header>.container-fluid>.navbar {



    padding-left: 0;



    padding-right: 0;



}







#header .navbar-brand img {



    height: 23px;



    width: auto;



}







#header .navbar-expand-lg .navbar-nav .nav-item {



    margin-right: 25px;



}







#header .navbar-expand-lg .navbar-nav .nav-item:last-child {



    margin-right: 0px;



}



#header .langList  .nav-link {



    text-decoration: underline;



}



#header   .nav-link {



    position: relative;



    padding: 0;



    color: #181818;



}



#header .navbar-expand-lg .navbar-nav .nav-link:hover,



#header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link {



    color: #027f59;



}







#header .dropdown-toggle::after {



    border: none;



    /* height: 8px;



  width: 11px; */



    /* background-image: url(../img/drop_arrow.png); */



    background-size: contain;



    background-repeat: no-repeat;



    vertical-align: middle;



    margin-top: 3px;



}







#header .extra_nav {



    margin-left: 100px;



}







#header .navbar-expand-lg .extra_nav .navbar-nav .nav-item {



    margin-right: 20px;



}



#header .extra_btn:hover {



    background-color: rgba(255, 255, 255, 0.24);



}







#header .flag_ico {



    position: absolute;



    left: 5px;



    top: 50%;



    transform: translateY(-50%);



}







#header .for_mobile {



    display: none;



}







#header .for_desktop {



    display: block;



}







#header .dropdown-item {



    font-weight: 300;



}



.navbar-brand {



    font-size: 0;



    margin: 0 auto 0 0;



}



/*==================== Header End ===================*/











/*==================== Footer ===================*/







.copyright {



    padding: 8px 0;



    color: #fff;



    font-size: 14px;



    margin-top: 15px;



    text-align: center;



    background: #181818;



}



.navbar {



    padding: 0;



    justify-content: right;



}



 







#top-button {



    display: inline-block;   



    transition: background-color .3s, 



      opacity .5s, visibility .5s;



    opacity: 0;



    visibility: hidden;



    z-index: 1000;



  }



 



  #top-button.show {



    opacity: 1;



    visibility: visible;



  } 



.back_top {



    position: fixed;



    right: 20px;



    bottom: 20px;



    cursor: pointer;



    width: 40px;



    height: 40px;



    background-color: #12583b;



    display: none;



    border: #12583b 1px solid;



    z-index: 1;



    border-radius: 4px;



}



.back_top span {



    position: relative;



    display: block;  color: #fff;



    width: 100%;



    height: 100%;



}



.back_top span svg {



    width: 22px;



    height: 21px;



    position: absolute;



    left: 0;



    margin: 0 auto;



    right: 0;



    text-align: center;



    top: 50%;



    transform: translateY(-50%);



}



.back_top:hover {



    border-color: #2196f3;



    color: #2196f3;



    background-color: #fff;



}



.back_top:hover span{



     color: #2196f3;



     }











/*==================== Footer ===================*/







#header .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link {



    padding-right: 25px;



}







.mobiledrop {



    position: absolute;



    right: 0px;



    top: 0;



    width: 24px;



    height: 24px;



    padding: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    border: 0;



    background-color: transparent;



}







/* Custom Select */







.form-control {



    height: 45px;



    font-size: 16px;



    color: rgb(66 66 66 / 60%);



    font-weight: 400;



    background: transparent;



    border-radius: 6px;



    border: 1px solid #B1B1B1;



    padding: 15px 25px;



}







.form-control:focus {



    box-shadow: none;



}







.btn-primary {



    background-color: #2196F3;



    border-radius: 10px;



    font-size: 20px;



    font-weight: 700;



    color: #fff;



    padding: 12px 30px;



    border: 1px solid #2196F3;



}







.btn-primary:hover {



    color: #2196F3;



    background-color: transparent;



    border: 1px solid #2196F3;



}







.slideRow {



    position: relative;



    width: 100%;



    display: flex;



    align-items: center;



    background-repeat: no-repeat;



    background-position: left;



}

.slideTopLogo {

    padding: 0px 20px;

}

.row.g-5 {

    margin: 0;

}

.swiper-slide img {

    display: block;

    width: auto;

    height: 100%;

    object-fit: cover;

    max-width: 473px;

    padding-bottom: 30px;

}

.row.align-items-center .col-sm-12 {

    display: flex;

    justify-content: center;

    gap: 20px;

}

.benefitsSection.abr .textCard {

    text-align: right;

}

.face-book-icon img {

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(207deg) brightness(102%) contrast(102%);

}

ul.navbar-nav.ms-auto img:hover, .face-book-icon img:hover{

    filter: brightness(0) saturate(100%) invert(21%) sepia(49%) saturate(7290%) hue-rotate(160deg) brightness(94%) contrast(98%);

}

#header .extra_nav .nav-item:list-child {



    margin-right: 0px;



}

.benefitsSection .col-md-6 {

    margin: 0px;

}

section.heroSection.arb .slideText p {

    max-width: 172px;

}



.slideText p{



    max-width: 230px;



    margin-inline: auto;



    text-align: center;



    color: #237252;



    margin-bottom: 22px;



}



.slideText h3:after{



    content: "";



    position: absolute;



    bottom: 0;



    left: 0;



    right: 0;



    margin-inline:auto;



    width: 25px;



    height: 2px;



    background: #237252;



    display: block;







}



.slideBtn {



    border: 1px solid #181818;



    width: fit-content;



    padding: 5px 18px;



    margin-inline: auto;



    margin-bottom: 36px;



}



.slideBtn:hover{



    background-color: #181818;



    color: #fff;



}



.slideText h3 {



    position: relative;



    color: #237252;



    text-align: center;



    font-size: 28px;



    margin-inline: 30px;



    padding-bottom: 20px;



    margin-bottom: 20px;



}



.slideText {



    max-width: 344px;



    /* position: absolute; */



    right: 0;



    display: flex;



    flex-direction: column;



    justify-content: center;



    background: #ffffffad;



    height: 100%;



    margin-left: auto;



}



.heroSection {



    padding: 100px 0;



}



.swiper-button-next:after, .swiper-button-prev:after {



    color: #181818;



}



.heroSlider {



    position: relative;



}



.heroSlider .swiper-pagination-bullet-active {



    background: #027e5a;



    border: 1px solid #027e5a;



}



.swiper-pagination {

    position: relative !important;

    margin-top: 40px;

}

.heroSlider .swiper-pagination-bullet {



    width: 25px;



    height: 12px;



    border: 1px solid transparent;



    border-radius: 15px;



}



.benefitsList{



    list-style: none;



    margin: 0;



    padding: 0;



}



.benefitsSection {



    background-color: #237252;



    color: #fff;



    padding: 80px 0;



    background-attachment: fixed;



    background-position: center;





}







.cardTitle {



    color: #fff;



    font-size: 28px;



    margin-bottom: 25px;



}



.benefitsSection p {



    color: #fff;



}



.footer_wrapper h6{



        font-size: 18px;



        margin-bottom: 10px;



}



.footer-links{



    list-style: none;



    margin: 0;



    padding: 0;



}



.footer-block img{



    max-width: 140px;



    margin: 20px 0;



}



.contactTitle {



    color: #017d5b;



    text-decoration: underline;



    text-underline-offset: 2px;



}



.contactList {



    margin: 0;



    padding: 0;



    list-style: none;



    padding-left: 15px;



    margin-bottom: 15px;



}







.themeBtn {



    padding: 10px 35px;



    border: 1px solid #181818;



    background: #181818;



    width: 100%;



    color: #fff;



}



.pageTitle {



    text-align: center;



    margin-bottom: 45px;



    padding-bottom: 15px;



    position: relative;



}



.pageTitle:after{



    content: "";



    position: absolute;



    bottom: 0;



    left: 0;



    right: 0;



    margin-inline:auto;



    width: 65px;



    height: 2px;



    background: #237252;



    display: block;







}







footer.footer_wrapper {



    border-top: 1px solid #f1efef;



}



.contactBG {



    background-image: url(../img/contactbg.jpg);



    background-attachment: fixed;



    background-position: right 45%;



    background-repeat: no-repeat;



}