@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@600;700&family=Montserrat:wght@500;600;700&display=swap');
html{
    font-size: 16px;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;;
}
.col-sm-3.tyy {
    padding-top: 59px;
}
section.section.condition {
    padding-top: 74px;
}
.copyright.py-3.py-md-2.bg-transparent.text-black.sfgr {
    padding-top: 55px !important;
}
h2.p1 {
    font-size: 25px;
    padding-bottom: 15px;
}
img.img-fluid.mb-2.one1 {
    width: 35%;
}
img.img-fluid.mb-2.one2 {
    width: 35%;
}
img.img-fluid.mb-2.one3 {
    width: 35%;
}
img.img-fluid.mb-2.one4 {
    width: 35%;
}
img.img-fluid.mb-2.one5 {
    width: 35%;
}
img.img-fluid.mb-2.one6 {
    width: 35%;
}
img.img-fluid.mb-2.one7 {
    width: 35%;
}
img.img-fluid.mb-2.one8 {
    width: 35%;
}


section.overflow-hidden.dxfsd {
    background-image: url(../img/Banner_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay {
    background: #ffffffc2;
        padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
img.img-fluid.logo {
    width: 21% !important;
}
a.navbar-brand {
    width: 31%;
}
img.banners {
    width: 100%;
    border-radius: 20px;
}

.container-fluid.bg-body-tertiary.py-3 {
    padding-left: 109px !important;
    padding-right: 97px !important;
    padding-bottom: 67px !important;
    padding-top: 31px !important;
}

.page_padding {
    padding-bottom: 85px !important;
    padding-top: 59px !important;
}

/*TAAB CSS START*/
.text-purple {
            color: #4b3fbf;
        }

        /* Oculta la línea de tabs predeterminada */
        .nav-tabs {
            border-bottom: none;
            display: flex;
            justify-content: center;
            gap: 10px;
        }

        /* Estilo individual de cada tab como una card */
        .nav-tabs .nav-link {
            background: #fff;
            border: 1px solid #dee2e6;
            border-radius: 10px;
            padding: 15px 20px;
            color: #4b3fbf;
font-size: 20px;
            transition: all 0.3s ease-in-out;
            height: 115px;
            width: 169px;
        }

        /* Efecto hover para que parezca una card con elevación */
        .nav-tabs .nav-link:hover {
            background: #f8f9fa;
        }

i.fas.fa-graduation-cap {
    font-size: 29px;
}
i.fa.fa-home {
    font-size: 29px;
}
i.fas.fa-restroom {
    font-size: 29px;
}
i.fas.fa-user-tie {
    font-size: 29px;
}
i.fas.fa-hourglass-half {
    font-size: 29px;
}
i.fas.fa-business-time {
    font-size: 29px;
}
i.fa.fa-bars {
    font-size: 29px;
}


        /* Card activa */
        .nav-tabs .nav-link.active {
          background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
          color: #fff;
          transform: scale(1.1);
            font-size: 20px;
        }

h2.er {
    padding-bottom: 37px;
}
        /* Contenido de los tabs como una card */
        .tab-content {
                margin-top: 30px;
    background: #fff;
    border-radius: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 19px;
        }

        @media (max-width: 776px) {
            .tab-content>.tab-pane {
                display: block;
                opacity: 1;
            }
        }

        @media (min-width: 992px) {

            /* Mantiene el borde superior en tabs inactivos */
            .tab-pane.accordion-item {
                border: 1px solid #dee2e6;
                border-radius: 10px;
                background: #fff;
            }

            /* Asegura que el borde superior sea visible siempre */
            .tab-pane.accordion-item:not(.show) {
                border-top: 1px solid #dee2e6;
            }
        }


        /* Acordeon */

        .accordion-button:not(.collapsed) {
            color: #fff;
            background-color: #4b3fbf;

        }

        .accordion-button {
            background-color: #f8f9fa;
            color: black;
        }

        /* Mantiene la flecha original de Bootstrap pero cambia su color */
        .accordion-button::after {
            filter: brightness(0);
            /* Flecha negra por defecto */
        }

        /* Flecha blanca cuando el acordeón está activo */
        .accordion-button:not(.collapsed)::after {
            filter: brightness(0) invert(1);
            /* Invierte el color de negro a blanco */
        }

        .accordion-button:focus {
            box-shadow: none !important;
        }
/*TAAB CSS END*/

a.invest {
        display: inline-block;
    border: 0;
    z-index: 1;
    position: relative;
    border-radius: 100px;
    padding: 19px 19px;
    color: #fff;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 5px;
    text-transform: capitalize;
    background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
a.bbtn {
        display: inline-block;
    border: 0;
    z-index: 1;
    position: relative;
    border-radius: 100px;
    padding: 19px 19px;
    color: #fff;
    font-family: "Sora", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 5px;
    text-transform: capitalize;
    background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}


















h1,h2,h3.h4,h5,h6{
    font-family: 'Montserrat Alternates', sans-serif;
}
a,a:hover{text-decoration: none;color: inherit;}
.bg-green{background:#007F49}
.text-green{color: #019444 !important;}
.text-yellow{color: #F4D70D !important;}
.text-red{color: #DD3626 !important;}
input:focus,button:focus,select:focus,textarea:focus{outline: none;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
button{background-color: transparent;padding: 0;border: none;}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.br10{border-radius: 10px;}
.br50{border-radius: 50%;}
.border-green{border-color: #019444 !important;}
.absolute-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cursor-pointer{cursor: pointer;}
.text-underline{text-decoration: underline !important;}
 

header{
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 9;
}
.header-top.py-2 {
    
 
    background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
    
}

.header-top2 {
/*    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #013d23 100%);*/
}
.header-top2 ul{
    display: flex;
    color: #fff;
    margin: 0;
    padding: 0;
}
.header-top2 ul li{
    margin-right: 3rem;
}
.header-top2 a{
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
}
.header-top2 a:hover{
    text-decoration: underline;
}
.header-top p{
    color: #FFFACC;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    font-family: Montserrat;
    font-weight: 700;
}
.conters-v span{
    border-radius: 4px;
    background: #FFF;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    color: #07934F;
    font-size: 0.875rem;
    font-family: Montserrat;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
}
.social-header ul {
    list-style: none;
    margin: 0;
}
.social-header ul li{
    display: inline;
}
.social-header ul li a {
    color: #fff;
  
    font-size: 1.267rem;
}
.social-header ul li a {
    color: #fff;
   
    font-size: 1.267rem;
    padding-left: 0.775rem;
}
.social-header ul li:first-child a{padding-left:0}
.social-header a:hover {
    opacity: 1;
    transition: 0.5s ease;
}
.header-navbar .navbar-nav .nav-item{
    position: relative;
}
.header-navbar .navbar-nav .nav-item .nav-link {
    color: #1E1E1E;
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 700;
    transition: .3s ease;
}
.header-navbar .navbar-nav .nav-item .nav-link.active{
    color: #019444;
}
.header-navbar .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.header-navbar .navbar-nav .nav-item.hassub .toggl{
    position: absolute;
    top: .25rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    text-align: center;
    transition: .3s ease;
}
.header-navbar .navbar-nav .nav-item .toggl::before{
    content: '\f078';
    font-family: fontawesome;
    display: inline-block;
    line-height: 2rem;
}

.banner-slider:not(.slick-initialized) .banner-single:not(:first-child){
    display: none;
}





.video-banner .slider-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.video-banner .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.video-banner .slide {
    position: relative;
    min-width: 100%;
    box-sizing: border-box;
}
.video-banner .slide video{
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
}
.video-banner .controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
.video-banner .control-btn {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.video-banner .mute-controls {
    position: absolute;
    bottom: 30%;
    right: 1.5rem;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 2rem;
}





.logintab img {
    width: 74px;
    height: 80px;
}
.logintab {
    align-items: center;
}
.logintab p {
    margin: 0 0 0 1rem;
    color: #019444;
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 700;
    letter-spacing: 0.32px;
}
.logintab i {
    font-size: 1.566rem;
    color: #019444;
}
.logintab a{
    text-decoration: none;
    background: #FFFACC;
    padding: .75rem 1.5rem;
    border: 1px solid #07934F;
    border-radius: 14px;
}
.common-btn{
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    color: #019444;
    padding: .875rem 2.5rem;
    background-color: #fff;
    border-radius: 10px;
}
.common-btn.fill{
    background-color: #019444;
    color: #fff;
    border-radius: 0;
}
.bcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bcaption .cap-title{
    color: #FFF;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;;
    margin-bottom: 1.5rem;
}
.bcaption .cap-desc{
    color: #fff;
}
.scrolldown{
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: auto;
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
}
.scrolldown>div{
    width: 76px;
    height: 76px;
    display: inline-flex;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
@keyframes scroll{
    0%{transform: translateY(-15px) scalex(1);}
    40%{transform: translateY(0px) scalex(1);}
    60%{transform: translateY(0px) scalex(1);}
    100%{transform: translateY(30px) scalex(.8);}
}
.scrolldown>div>span{
    width: 40px;
    height: 28px;
    display: inline-block;
    background-image: url(../images/home/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: scroll 1.5s linear infinite;
}
.scrolldown>div>span:first-child{
    margin-bottom: -28px;
}
.scrolldown>div>span:last-child{
    animation-delay: .75s;
}




/*Saving*/
.saving{
    padding-top: 120px;
    background-color: #019444;
    color: #fff;
    background-image: url(../images/home/pattern1.svg), url(../images/home/pattern2.svg);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
/* .saving::before,.saving::after {
    content: '';
    width: 66.3%;
    height: 1px;
    background: yellow;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-41deg);
    transform-origin: left bottom;
}
.saving::after{
    transform: rotate(41deg);
    transform-origin: right bottom;
    left: initial;
    right: 0;
} */
.saving-title{
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFE800;
    margin-bottom: 2rem;
}
.desc{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
}
.desc.sm{font-size: .8755rem;}
.desc.md{font-size: 1.125rem;}
.desc.lg{font-size: 1.25rem;}
.desc.xl{font-size: 1.5rem;}
.desc.bold{font-weight: 700;}
.saving-single{
    color: #019444;
    width: 95px;
    height: 95px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    padding: .5rem;
}
.sec-title{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: #1E1E1E;
}
.sec-title.green{color: #019444;}
.sec-title.lg{font-size: 2.5rem;}
.sec-title.md{font-size: 1.5rem;}
.sec-title.sm{font-size: 1.25rem;}

.chit-plans{
    background-color: #fff;
    background-image: url(../images/home/pattern3.svg), url(../images/home/pattern4.svg);
    background-position: 0 100%, 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
@keyframes dash{
    from{stroke-dashoffset: 24px;}
    to{stroke-dashoffset: 0;}
}
@keyframes push{
    from{opacity:0}
    to{opacity: 1}
}
.more-btn{
    font-size: .875rem;
    color: #1E1E1E;
    font-weight: 700;
}
.more-btn.sm{font-size: .75rem;}
.more-btn.md{font-size: 1.125rem;}
.more-btn.lg{font-size: 1.25rem;}
.more-btn svg path:last-child {
    stroke-dasharray: 24px;
}
.more-btn:hover svg path:last-child{
    animation: dash .5s linear;
}
.more-btn:hover svg path:first-child{
    animation: push .5s linear;
}




.chit-single{
    border-radius: 10px;
    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    color: #fff;
    padding: 1.5rem 1.5rem 1rem;
}
.chit-single .chit-price{
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: .75rem;
}
.chit-single .chit-saving{
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    color: #FFE800;
    margin-bottom: 1rem;
}
.chit-single .chit-duration{
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
.chit-single .chit-duration i{
    font-size: 1.125rem;
    vertical-align: middle;
}
.chit-faq{
    background-color: #FFFACC;
    overflow: hidden;
}
.chit-faq.abt{
    background-color: #FDFDFD;
}
.cf-nav .cf-single{
    border-radius: 10px;
    background: transparent;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    padding: 1rem 3rem;
    margin-right: 2rem;
    border: 1px solid #019444;
    transition: backgrouns-color .3s ease;
}
.cf-nav .cf-single.slick-current{
    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    color: #fff;
}
.cf-nav .cf-single::before, .cf-nav .cf-single::after{
    content: '';
    width: 1rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.cf-nav .cf-single::before{
    background-image: url(../images/home/arrow_white.svg);
    margin-right: 1rem;
    display: none;
    transform: rotateY(180deg);
}
.cf-nav .cf-single::after{
    background-image: url(../images/home/arrow_green.svg);
    margin-left: 1rem;
}
.cf-nav .cf-single.slick-current::before{
    display: inline-block;
}
.cf-nav .cf-single.slick-current::after{
    display: none;
}
.cf-nav .slick-list{
    overflow: visible;
}


.why-us{
    background-color: #fff;
    background-image: url(../images/home/pattern5.svg), url(../images/home/pattern6.svg);
    background-position: 0% 0%, 100% 0%;
    background-repeat: no-repeat;
    background-size: 100px;
}
.why-container {width: 100%;max-width: 1440px;margin: 0 auto;height: 170px;overflow: hidden;}
.why-container .wsingle{
    flex: 0 0 15%;
    max-width: 15%;
    cursor: pointer;
    /* opacity: .5; */
    color: #7f7f7f;
}
.why-container .wsingle.active{color: #000;z-index: 1;}
/* .why-container .wsingle.active{opacity: 1;} */
.why-container .wsingle:nth-child(1){top: 3rem;}
.why-container .wsingle:nth-child(2){top: 1.5rem;}
.why-container .wsingle:nth-child(4){top: 1.5rem;}
.why-container .wsingle:nth-child(5){top: 3rem;}
.why-container .wsingle > span{
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 auto 1rem;
    background-color: #fff37f;
    border: 10px solid #88cca7;
    position: relative;
    z-index: 1;
}
.why-container .wsingle.active > span{background-color: #FFE800;border-color: #019444;}
.why-container .wsingle>strong{position: relative;}
.why-container .wsingle:before {
    content: '';
    width: 117%;
    height: 10px;
    background: #88cca7;
    position: absolute;
    top: 33px;
    right: calc(50% + 10px);
    transform: rotate(-5deg);
    transform-origin: left center;
}
.why-container .wsingle.active:before {background: #019444;}
.why-container .wsingle:last-child:after {
    content: '';
    width: 130%;
    height: 10px;
    background: #88cca7;
    position: absolute;
    top: 12px;
    left: calc(50% + 10px);
    transform: rotate(5deg);
    transform-origin: left center;
}
.why-container .wsingle:last-child.active:after {background: #019444;}
.why-container .wsingle:nth-child(3) ~ .wsingle::before {
    transform: rotate(5deg);
    top: -12px;
}



.why-single{
    position: relative;
}
.why-single:not(.slick-current)::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #ffffff, #ffffff00);
}
.why-single .why-title{
    font-size: 1.25rem;
    color: #019444;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.why-slider .slick-dots li button:before{font-size: 1rem;color: #019444;}


.presence{
    background-color: #FFFACC;
    background-image: url(../images/home/pattern6.svg), url(../images/home/pattern3.svg);
    background-repeat: no-repeat;
    background-position: 100% 0, 0 100%;
}
.presence-list {padding: 3rem 0 3rem 2.5rem;list-style: none;position: relative;}
.presence-list li {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    opacity: .7;
}
.presence-list li.active{
    opacity: 1;
}
.presence-list li::after{
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-color: #FFE800;
    border: 6px solid #019444;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -2.5rem;
    transform: translateY(-50%);
}
.presence-list li::before{
    content: '';
    width: 2px;
    height: 300%;
    position: absolute;
    top: -100%;
    left: -1.75rem;
    background-color: #019444;
}
.mapdet .map-caption {
    position: absolute;
    bottom: 10%;
    text-align: left;
    max-width: 22%;
}
.mapdet .map-caption.left{left: 0%;}
.mapdet .map-caption.right{right: 25%;}
.mapdet .map-caption.bottom{bottom: 0%;}



.testimonials{
    background-color: #007F49;
    background-image: url(../images/home/pattern7.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.traingle-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
}
.triangle-images .tsingle{
    transition: .3s ease;
    transform: scale(.5);
}
.triangle-images .tsingle.active{
    transform: scale(1);
    background-color: #019444;
    border: 4px solid #FFF699;
    padding: 4px;
}
.triangle-images .tsingle:first-child{
    transform: scale(1);
    top: calc(50% - 80px);
    left: 300px;
}
.triangle-images .tsingle:nth-child(2){
    top: 15%;
    left: 150px;
}
.triangle-images .tsingle:nth-child(3){
    top: 0%;
    left: 4%;
}

.testi-single{
    padding: 4rem 2rem 2rem;
    background-image: url(../images/icons/quote1.svg),url(../images/icons/quote1.svg);
    background-repeat: no-repeat;
    background-position: 0 0, 100% calc(100% - 2rem);
}

.media{
    background-color: #fff;
    background-image: url(../images/home/pattern3.svg), url(../images/home/pattern4.svg);
    background-position: 0 100%, 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.media-tabs a{
    display: inline-block;
    padding: .75rem 3rem;
    font-size: .875rem;
    font-weight: 700;
    color: #019444;
    background-color: #FFF;
    border-radius: 10px;
    transition: .3s ease;
}
.media-tabs a.active{
    background-color: #019444;
    color: #fff;
}
.media-content{display: none;}
.media-slider{
    margin: 0 -1rem;
}
.media-slider .media-single{
    padding: 0 1rem;
}
.media-slider .slick-arrow{
    width: 40px;
    height: 40px;
    top: 40%;
    z-index: 1;
    opacity: 1;
}
.media-slider .slick-prev{left: 1px;}
.media-slider .slick-next{right: 1px;}
.media-slider .slick-arrow::before{
    color: #019444;
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    opacity: 1;
}
.loadmore{
    background-color: #fff;
    color: #000;
    padding: .75rem 3rem;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    transition: .3s ease;
}
.loadmore:hover{
    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    color: #fff;
    border-color: #019444;
}
.contact{
    background-color: #07934F;
    background-size: 45%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: #fff;
    border-radius: 40px;
    margin: 2rem auto;
}
.cform .cform-input {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #80CAA1;
    color: #fff;
    padding: 1rem 0 .5rem;
}
.cform textarea.cform-input{
    height: 120px;
}
.cform .cform-input::placeholder{
    color: #fff;
    opacity: 1;
}
.cform .cform-input option{
    color: #019444;
}
.cform .cform-submit{
    border: none;
    background-color: transparent;
    padding: .75rem 0;
    border-radius: 10px;
}



/*Careers Page*/
.job-single {
    background-color: #fff;
    border: 1px solid #019444;
    border-radius: 10px;
    margin-bottom: 2rem;
    padding: 1.25rem;
    transition: .3s ease;
    display: inline-block;
    width: 100%;
}
.job-single.exp, .job-single.hov:hover{
    background-color: #019444;
    color: #fff;
}
.job-single .job-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.job-single .job-head .hid{display: none;}
.job-single .job-head .job-title{
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    margin-bottom: .75rem;
}
.job-single .job-head .job-location{
    font-size: .875rem;
    color: #888;
}
.job-single.exp .job-head .job-title,.job-single.exp .job-head .job-location, .job-single.exp .job-head .more-btn,
.job-single.hov:hover .job-head .job-title,.job-single.hov:hover .job-head .job-location, .job-single.hov:hover .job-head .more-btn, .job-single.hov:hover .job-head .more-btn path{
    color: #fff;
    stroke: #fff;
}
.job-single.exp .job-head .view{display: none;}
.job-single.exp .job-head .hid{display: inline-block;}
.job-single .job-body{
    display: none;
    font-size: .875rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #ffffff10;
}

/*Contact Us Page*/
.contact-sec{
    background-image: url(../images/home/pattern6.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.contact-box.hov .more-btn, .contact-box.hov .more-btn path{
    transition: .3s ease;
}
.contact-box.hov::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    opacity: 0;
    transition: .3s ease;
    border-radius: 7px;
}
.contact-box.hov:hover::before{
    opacity: 1;
}

.contact-box.hov:hover .more-btn{
    color: #fff;
}
.contact-box.hov:hover .more-btn path{
    stroke:#fff
}
.branch-single .branch-head, .sbox{
    position: relative;
    background-color: #fff;
    border: 1px solid #15472615;
    border-radius: 14px;
    padding: 1rem 2.5rem 1rem 1.5rem;
    cursor: pointer;
    transition: .2s ease;
}
.faqs .branch-single .branch-head{
    color: #154726;
    font-size: 1.25rem;
    font-weight: 700;
}
.faqs .branch-single .branch-body{font-size: 1.125rem;line-height: 1.7;}
.faqs .branch-single .branch-body ul li:not(:last-child) {margin-bottom: 1rem;}
.branch-single .branch-head.active{
    background-color: #008647;
    color: #fff;
}
.branch-single .branch-head::after{
    content: '\f078';
    font-family: fontawesome;
    color: #154726;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    transition: .3s ease;
    pointer-events: none;
}
.branch-single .branch-head.active::after{
    transform: translateY(-50%) rotate(180deg);
    color: #fff;
}
.branch-single .branch-body{
    display: none;
    margin-top: 1rem;
    border-radius: 10px;
    background: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    padding: 1rem 1.5rem;
    color: #fff;
}
.branch-single .branch-body p:last-child{margin-bottom: 0;}
.leadership{
    background-color: #F8F7F2;
}
.leader-slider .leader-slide{margin-right: 2.5rem;}
.slick-arrow.slick-disabled{opacity: .5;}
.company-icon {
    background: #fff;
    border: 2px solid #FFE800;
    border-radius: 50%;
    width: 12.5%;
    cursor: pointer;
}
.company-icon:nth-child(1){
    top: 4.5%;
    left: 50%;
    transform: translateX(-50%);
}
.company-icon:nth-child(2){
    top: 25%;
    right: 10%;
}
.company-icon:nth-child(3){
    bottom: 25%;
    right: 10%;
}
.company-icon:nth-child(4){
    bottom: 4.5%;
    left: 50%;
    transform: translateX(-50%);
}
.company-icon:nth-child(5){
    bottom: 25%;
    left: 8%;
}
.company-icon:nth-child(6){
    top: 25%;
    left: 8%;
}
.company-icon img{position:relative;}
.company-icon.active{border-color: #fff;}
.company-icon::before {
    content: '';
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    top: -20px;
    left: -20px;
    background: #fff;
    border: 20px solid #019444;
    border-radius: 50%;
    position:absolute;
    opacity: 0;
    transition: .5s ease;
}
.company-icon.active::before{
    opacity: 1;
}
.company-slider-wrap{
    background-color: #FFFACC;
    position: relative;
}
.complaint{
    background-image: url(../images/home/pattern3.svg), url(../images/home/pattern6.svg);
    background-repeat: no-repeat;
    background-position: 0 100%, 100% 0;
}
.feed-tabs .feed-tab:not(.active){opacity: .5; cursor: pointer;}
.feed-content{
    display: none;
}
.branch-locator{
    background-image: url(../images/home/pattern6.svg), radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    background-repeat: no-repeat;
    background-position: 100% 0, 0 0;
}
.bform .binput {
    width: 100%;
    padding: 1.25rem 1.5rem;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 13px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}
.bform select.binput {
    /** for the dropdown indicator */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}
.bform .binput option{
    color: #019444;
}
.bform .binput::placeholder{color:#fff}
/*Modal*/
.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    padding: 10vh 0;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease;
    z-index: -1;
}
.custom-modal.opened{
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
.custom-modal .custom-modal-inner {
    position: relative;
    padding: 5rem 1rem 10rem;
    width: 1000px;
    max-width: calc(100% - 2rem);
    /* min-height: 60vh; */
    margin: 0 auto;
    border-radius: 20px;
    background-image: url(../images/home/pattern8.svg), url(../images/home/pattern9.svg), url(../images/home/triangle3.svg), url(../images/home/triangle4.svg), radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
    background-repeat: no-repeat;
    background-position: 0 0, 100% 100%, 85% 0, 5% 100%;
    transform: translateY(-100%) translateY(-100px);
    opacity: 0;
    visibility: hidden;
    transition: .5s ease .5s;
}
.custom-modal.opened .custom-modal-inner{
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
.custom-modal .conters-v span{
    color: #019444;
}
/*Modal End*/







h4.desc.fh.md.mb-4 {
    color: white;
}
p.para {
    color: white;
}

footer .footer-top{
    background-color: #FFFACC;
}
section.blogs {
    background: aliceblue;
}
img.img-fluid.cata {
    width: 49%;
}
ul.contatus li {
    list-style: none;
    line-height: 39px;
    font-size: 18px;
}
ul.contatus {
    padding-left: 0px;
}
.desc.fw-medium {
    font-size: 18px;
    font-weight: 900 !important;
    padding-bottom: 10px;
}
.footer-links {
    list-style: none;
    padding: 0;
  
    margin-bottom: 0;
}
ul.footer-links li {
    color: white;
}
.footer-links li {
/*    flex: 0 0 50%;*/
    max-width: 100%;
    margin-bottom: 1rem;
}
.footer-links li a {
    font-size: .875rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
}

footer .copyright{
    background-color: #019444;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.4;
}
footer .copyright a{
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.gototop{
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    z-index: 8;
    background-color: #019444;
    color: #fff;
    display: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.footer-links li .sm li {
    margin-bottom: 0;
    max-width: 100%;
}
.footer-links li .sm a {
    font-size: .75rem;
}

/*About Mission, Vision, Values*/
.mission-single{
    background-color: #FFFACC;
    background-image: url(../images/about/flower.svg), url(../images/about/flower1.svg);
    background-position: 0 100%, 100% 0;
    background-repeat: no-repeat;
    background-size: 18% 20%;
}
.mission-inner{
    border: 1px solid #007F49;;
    border-radius: 10px;
}
#exampleModalCenter .close{
    width:35px;height:35px;line-height:35px;background:#fff;border-radius:50%;position:absolute;top:-33px;right:-33px;
}
.enquiry-btn {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: 101% 50%;
    text-transform: uppercase;
    margin-top: -80px;
}
.blog-share ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.blog-share ul li{
    display: inline-block;
    margin-left: 1rem;
}
.blog-share ul li:first-child{margin-left: 0;}
.blog-share ul li a{
    font-size: 2rem;
    color: #007F49;
}


/*========================================= CSS for new design 27/09/2024 =========================================*/
/*========================================= CSS for new design 27/09/2024 =========================================*/
.br20 {
    border-radius: 20px;
}
.bcap {
    font-size: 3.5rem;
    font-weight: 700;
    color: #034927;
}
.distributers {
    box-shadow: 10px 30px 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #fff;
}
.distributers > i {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%;
    font-size: 0.875rem;
    color: #fff;
    background-color: #07934f;
    text-align: center;
}
.distributers .dcount {
    font-size: 2rem;
    line-height: 1.1;
    color: #000;
}
.vid-part {
    background-image: url(../images/home/banner_vector.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
}
.vid-part .scustomers {
    box-shadow: -10px 30px 50px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 20%;
    max-width: 220px;
    z-index: 1;
}
.vbanner {
    width: 500px;
    max-width: calc(100% - 80px);
    display: inline-block;
}
.planswrap > div {
    background: radial-gradient(#019444, #007f49);
    padding: 1.125rem 1rem;
    border-radius: 1.25rem 1.25rem 0 0;
    margin-left: 1px;
    flex: 1;
    cursor: pointer;
    transition: 0.3s ease;
}
.planswrap > div img {
    transition: 0.2s ease;
    filter: brightness(0) invert(1);
}
.planswrap > div .plan-t {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6;
    color: #fafafa;
    transition: 0.2s ease;
}
.planswrap > div:hover, .planswrap > div.active {
    background: #eef4f1;
}
.planswrap > div:hover .plan-t, .planswrap > div.active .plan-t {
    color: #0a0b0a;
}
.planswrap > div:hover img, .planswrap > div.active img {
    filter: none;
}
.plans-slider-wrap {
    background-image: url(../images/home/plan-bg.jpg);
    background-size: 100%;
    background-repeat: repeat;
}
.plans-slider-wrap .plan-detail {
    display: none;
}
.plans-slider-wrap .plan-single {
    background-color: #fff;
    border: 1px solid #07934f;
    border-radius: 10px;
}
.plans-slider-wrap .plan-single .plan-price {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}
.plans-slider-wrap .plan-single .plan-saving {
    font-size: 1rem;
    font-weight: 700;
}
.plans-slider-wrap .plan-single .plan-duration {
    font-size: 0.875rem;
}
.plans-slider-wrap .plan-single .plan-btn {
    display: inline-block;
    background: radial-gradient(#019444, #007f49);
    color: #fff;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 10px;
}
.plans-slider-wrap .plan-slider {
    padding-bottom: 4rem;
}
.plans-slider-wrap .plan-slider .slick-next, .plans-slider-wrap .plan-slider .slick-prev {
    bottom: 0;
    top: initial;
    left: initial;
    right: initial;
    z-index: 1;
    background-color: #07934f;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
}
.plans-slider-wrap .plan-slider .slick-next.slick-disabled, .plans-slider-wrap .plan-slider .slick-prev.slick-disabled {
    background-color: rgba(0, 0, 0, 0.6);
}
.plans-slider-wrap .plan-slider .slick-next::before, .plans-slider-wrap .plan-slider .slick-prev::before {
    display: none;
}
.plans-slider-wrap .plan-slider .slick-next::after, .plans-slider-wrap .plan-slider .slick-prev::after {
    content: '\f053';
    font-family: fontAwesome;
    font-size: 0.75rem;
}
.plans-slider-wrap .plan-slider .slick-prev {
    right: calc(50% + 10px);
}
.plans-slider-wrap .plan-slider .slick-next {
    left: calc(50% + 10px);
}
.plans-slider-wrap .plan-slider .slick-next::after {
    content: '\f054';
}
.choose-plan {
       background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
}
.form_bg {
    padding: 20px 25px 34px 25px;
    border-radius: 20px;
}
input.form-control {
        line-height: 38px;
}
.form_bg {
     background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
}
.choose-plan .form-control {
    padding: 1rem;
}
.plbtn {
    background-color: #fffacc;
    color: #198043;
    padding: 1rem 2.5rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
}
.st-single {
    background-color: #edf1ee;
    border-radius: 12px;
    min-height: 220px;
}
.st-single .st-circle-noaction, .st-single .st-circle {
    background-color: #07934f;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    opacity: 0.6;
    position: absolute;
    bottom: -30px;
    right: -30px;
    transition: 0.5s ease;
}
.st-single > img {
    transition: 0.3s ease;
}
.st-single .st-circle {
    background-color: #07934f;
    width: 60px;
    height: 60px;
    bottom: -25px;
    right: -25px;
}
.st-single:hover {
    color: #fff;
}
.st-single:hover .st-circle {
    transform: scale(12);
    opacity: 1;
}
.st-single:hover .st-circle-noaction {
    background-color: rgba(0, 0, 0, 0.3);
}
.st-single:hover > img {
    filter: brightness(0) invert(1);
}
.vmv {
    background-image: url(../images/home/pattern10.svg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100px;
}
.vtitle {
    color: #034927;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.numbers-sec {
       background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
   
}
.check-branch {

}
section.second-section {
    background: aliceblue;
    padding-bottom: 75px;
    padding-top: 29px;
}
.cb-control {
    padding: 1rem;
    background-color: #ffffff;
    border-color: transparent;
    color: #000;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.cb-control:focus {
    color: #000;
    background-color: #fff;
    box-shadow: none;
    border-color: transparent;
}
.whys {
    background-color: #edf1ee;
    transition: 0.3s ease;
}
.slick-current .whys {
    background-color: #fffacc;
}
#why-dots .slick-dots {
    position: static;
    text-align: right;
}
#why-dots .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #07934f;
    transition: 0.3s ease;
    user-select: none;
}
#why-dots .slick-dots li.slick-active {
    width: 60px;
    border-radius: 10px;
    background-color: #1f5e59;
}
#why-dots .slick-dots li button {
    display: none;
}
.chit-faq-new {
    background-color: #07934f;
    background-image: url(../images/home/chitsbg.jpg);
    background-size: cover;
    background-position: 60% 50%;
}
.cfaq-nav > div {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    transition: 0.3s ease;
    opacity: 0.6;
    padding-bottom: 0.75rem;
    padding-top: 1.5rem;
    cursor: pointer;
}
.cfaq-nav > div::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease;
}
.cfaq-nav > div.active {
    font-size: 1.5rem;
    opacity: 1;
}
.cfaq-nav > div.active::before {
    width: calc(100% + 4rem);
}
.cfaq-nav > div:first-child {
    padding-top: 0;
}
.cfaq-content {
    border: 1px solid #fff;
    background-color: rgba(217, 217, 217, .2);
    backdrop-filter: blur(15px);
}
.cfaq-content > div {
    display: none;
}
.testi-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.common-btn2 {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.875rem 1.125rem;
    border: 1px solid #07934f;
    border-radius: 0.875rem;
    white-space: nowrap;
    transition: 0.3s ease;
}
.common-btn2:hover {
    background-color: #07934f;
    color: #fff;
}
.cta {
    background-color: #07934f;
    background-image: url(../images/home/ctabg.jpg);
    background-size: cover;
    background-position: 60% 50%;
}
#plan-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#plan-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lds-spinner, .lds-spinner div, .lds-spinner div:after {
    box-sizing: border-box;
}
.lds-spinner {
    color: currentColor;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3.2px;
    left: 36.8px;
    width: 6.4px;
    height: 17.6px;
    border-radius: 20%;
    background: currentColor;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
   }
    100% {
        opacity: 0;
   }
}
/*======Footer New========*/
footer.footer_new {
          background: linear-gradient(270deg, #E8B00B 0%, #04B07D 100%);
    padding-bottom: 20px;
    padding-top: 48px !important;
  
   
}
ul.nav.nav-tabs.d-none.d-lg-flex.yun {
    padding-top: 56px;
}

.row.hgsgd {
    background: white;
    padding: 20px;
    border-radius: 30px;
}

   @media(max-width:768px){
  img.img-fluid.logo {
    width: 43% !important;
}
    }


/*===================================================Media Query===========================================*/
/*===================================================Media Query===========================================*/
/*===================================================Media Query===========================================*/
@media(min-width:768px){
    .contact-details{border-right: 1px solid #00000020;}
    .about-intro::before{
        content: '';
        width: 50vw;
        height: 100%;
        background-color: #FFFACC;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 10px;
    }
    
    
 
 
    .contact{
        background-image: radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
        background-image: url(../images/cformbg.jpg);
        background-size: cover;
        background-position: center;
    }
    .contact.nobgimage{background-image: none;}

    .company-slider-wrap::before{
        content: '';
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFFACC;
        border-radius: 10px;
    }
    .border-md-right-white-50{border-right: 1px solid rgba(255,255,255,.5);}
}
@media(min-width:992px){
    .header-navbar .navbar-nav .nav-item .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        padding: 1rem 0rem;
        width: 150px;
        box-shadow: 5px 5px 10px 0 rgba(0,0,0,.3);
        transition: .3s ease;
        transform: scaleY(0);
        transform-origin: top;
    }
    .header-navbar .navbar-nav .nav-item .submenu.lg {
        width: 250px;
    }
    .header-navbar .navbar-nav .nav-item.hassub{
        padding-right: 2rem;
    }
    .header-navbar .navbar-nav .nav-item:hover .submenu{
        transform: scaleY(1);
    }
    .header-navbar .navbar-nav .nav-item:hover .toggl{
        transform: rotate(180deg);
    }
    .lg-sticky{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    .why-left{
        border-right: 1px solid #07934F80;
    }
    .why-slid .slick-list{overflow: visible;}
    .why-slid .slick-list, .why-slid .slick-track{height: 100%;}
    .sixty{
        position: relative;
        z-index: 1;
        &::before{
            content: '';
            width: 100vw;
            height: 100%;
            background-color: #fff;
            position: absolute;
            top: 0;
            right: 0;
        }
    }
}
@media(min-width:1350px){
    .container{max-width: 1280px;}
}
/*iPAD PRO*/
@media(min-width:992px) and (max-width:1199px){
    .header-navbar .navbar-nav .nav-item .nav-link{font-size: .875rem;padding-left: .75rem;padding-right: .75rem;}
    .header-navbar .navbar-nav .nav-item .toggl::before{line-height: 1.5rem;}
    .bcaption .cap-title{font-size: 2.5rem;}
    .why-container .wsingle{font-size: 1rem;flex: 0 0 18%;max-width: 18%;}
    .why-container .wsingle:before{transform: rotate(-6deg);width: 97%;}
    .why-container .wsingle:nth-child(3) ~ .wsingle::before{transform: rotate(6deg);}
    .why-container .wsingle:last-child:after{transform: rotate(9deg);}
    .traingle-wrap{width: 30%;}
    .traingle-wrap > img{width: 100%;}
    .triangle-images .tsingle{width: 120px;}
    .triangle-images .tsingle:first-child{top: calc(50% - 60px);left: calc(100% - 60px);}
    .triangle-images .tsingle:nth-child(2) {top: calc(25% - 30px);left: calc(48% - 30px);}
    .triangle-images .tsingle:nth-child(3) {top: calc(8% - 30px);left: calc(14% - 30px);}
    .mapdet .map-caption p.desc.md {font-size: 1rem;}
    .mapdet .map-caption {max-width: 30%;}
    .mapdet .map-caption.right {right: 20%;}
    .mapdet .map-caption.left {left: -8%;}
}
@media(max-width:1199px){
    .more-btn.lg{font-size: .875rem;}
    .media.br .media-tabs a {padding-left: 2rem;padding-right: 2rem;}
    .contact-sec{background-size: 150px;}
}
@media (min-width:768px){
    .bcaption .cap-title.greenwhite{
        color: #019444;
    }
    .bcaption .cap-desc.cap-red{
        color: #DD3626;
    }
}
/*iPAD*/
@media(min-width:768px) and (max-width:991px){
    .bcaption .cap-title{font-size: 2rem;}
    .contact{background-size: 50%;}
    .saving{background-size: 250px;}
    .why-container .wsingle{font-size: 1rem;line-height:1.4;flex: 0 0 18%;max-width: 18%;}
    .why-container .wsingle > span{margin-bottom: .5rem;}
    .why-container .wsingle:before{width: 92%;transform: rotate(-8deg);}
    .why-container .wsingle:nth-child(3) ~ .wsingle::before{transform: rotate(9deg);top: -11px;}
    .why-container .wsingle:last-child:after{transform: rotate(10deg);}
    .mapdet .map-caption p.desc.md {font-size: .75rem;}
    .mapdet .map-caption {max-width: 38%;}
    .mapdet .map-caption.right {right: 6%;}
    .mapdet .map-caption.left {left: -18%;}
    .mapdet .map-caption .more-btn{font-size: .75rem;}
    .planswrap > div {
        padding: 1rem 0.5rem;
        margin-left: 0.5px;
        flex: 1;
   }
    .planswrap > div .plan-t {
        font-size: 0.875rem;
   }
}
@media(max-width:991px){
    .header-navbar .navbar-nav .nav-item{width: 100%;text-align: left;}
    .header-navbar .navbar-nav .nav-item .submenu{display: none;padding-left: 1rem;}
    .header-navbar .navbar-nav .nav-item .toggl.exp{transform: rotate(180deg);}
    .logintab{padding-left: 1rem;margin-top: 0.5rem;padding-bottom: 1rem;}
    .saving{padding-top: 3rem;}
    .testi-single{padding-left: 0;padding-right: 0;background-position: 0 0,100% 100%;}
}
/*Mobile*/
@media(max-width:767px){
    .header-navbar .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0;}
    .logintab{padding-left: 0;}
    .bcaption .cap-title {font-size: 1.5rem;max-width: 80%;}
    .banner-single > img {min-height: auto;object-fit: cover;object-position: 80% 50%;}
    .scrolldown {display: none;}
    .saving,.chit-plans,.testimonials,.contact-sec{background-image: none;} /*No Background Image*/
    .chit-single{padding: 1.25rem 1.25rem 1rem;}
    .chit-single .chit-price{font-size: 1.5rem;}
    .chit-single .chit-saving{font-size: 1rem;}
    .cf-nav .cf-single{font-size: .875rem;padding: .75rem 1.5rem;margin-right: 1rem;}
    .why-single:not(.slick-current)::after{display: none;}
    .mapdet .map-caption{max-width:37%}
    .mapdet .map-caption.right{right: 15%;}
    .mapdet .map-caption.bottom{bottom: 2%;}
    .mapdet .map-caption.left{bottom: -5%;}
    .mapdet .map-caption .desc.md,.mapdet .map-caption .more-btn{font-size: .75rem;}
    .sec-title{font-size: 1.75rem;}
    .sec-title.lg{font-size: 2rem;}
    .presence-list{padding-bottom: 0;}
    .media{background-size: 100px;}
    .ramoji{width: 40%;}
    .job-single .job-head{flex-direction: column;align-items: flex-start;}
    .custom-modal .custom-modal-inner {
        background-image: url(../images/home/pattern8.svg), url(../images/home/pattern9.svg), radial-gradient(50% 50.00% at 50% 50.00%, #019444 0%, #007F49 100%);
        background-repeat: no-repeat;
        background-position: 0 0, 100% 100%;
        background-size: 100px,100px,auto;
        padding: 3rem 1rem;
    }
    .faqs .branch-single .branch-head, .faqs .branch-single .branch-body{padding-left: .75rem;padding-right: 2rem;}
    .faqs .branch-single .branch-head,.faqs .branch-single .branch-body{font-size: 1rem;}
    .company-icon{ width: 15%;}
    .company-icon:nth-child(1){top: 2.5%;}
    .company-icon:nth-child(2) {top: 23%;right: 8%;}
    .company-icon:nth-child(3) {bottom: 23%;right: 8%;}
    .company-icon:nth-child(4){bottom: 2.5%;}
    .company-icon:nth-child(5) {bottom: 23%;left: 8%;}
    .company-icon:nth-child(6) {top: 23%;left: 8%;}
    .company-icon::before {
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        top: -10px;
        left: -10px;
    }
    #exampleModalCenter .close{
        right: 0;
        top: -40px;
    }
    .video-banner .mute-controls {right: initial;left: 1rem;bottom: 1rem;}
    .bcap {
        font-size: 2.5rem;
    }
    .vid-part .scustomers {
        position: static;
        max-width: 100%;
        margin-bottom: 2rem;
    }
}
@media(max-width:320px){
    .conters-v span{width: 19px;height: 24px;padding-top: 2px;}
    .saving-single{width: 82px;height: 82px;font-size: 12px;}
    .mapdet .map-caption{max-width: 42%;}
    .mapdet .map-caption.right{right: 6%;}
    .mapdet .map-caption .desc.md,.mapdet .map-caption .more-btn{font-size: 10px;}
}

.checkbox-tab {
    display: flex;
    position: relative;
}
.checkbox-tab input{
    top: 5px;
    position: absolute;
    padding-right: 10px;
}
.checkbox-tab label{
    margin-left: 25px;
}
.container-fluid.bg-body-tertiary.py-3 {
    padding-left: 46px;
    padding-right: 46px;
}
p.card-text {
    padding: 20px;
}