*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "nexa";
}

@font-face {
    font-family: "nexa";
    src: url(../fonts/Nexa\ Regular.otf);
}
html{
    height: 100%;
}
body{
    margin: 0 auto;
    padding: 0 auto;
    box-sizing: border-box;
    font-family: "nexa";
    font-size: var(--f-size-16);
    height: 100%;
    width: 100%;
}
main{
    font-family: "nexa";
}

/* CSS VARIABLES */

:root{
    /* font face */
    /* --ff: "Raleway"; */

    /* font weight */
    --fw-regular: 400;
    --fw-semi-bold: 500;
    --fw-bold: 700;
    --f-style: italic;

    /* font size */
    --f-size-120: 7.5rem;
    --f-size-100: 6.25rem;
    --f-size-90: 5.625rem;
    --f-size-80: 5rem;
    --f-size-66: 4.125rem;
    --f-size-60: 3.75rem;
    --f-size-50: 3.125rem;
    --f-size-42: 2.625rem;
    --f-size-36: 2.25rem;
    --f-size-30: 1.875rem;
    --f-size-28: 1.75rem;
    --f-size-24: 1.5rem;
    --f-size-20: 1.25rem;
    --f-size-18: 1.125rem;
    --f-size-16: 1rem;
    --f-size-12: 0.75rem;

    /* colors */
    /* --clr-primary: rgba(64,165,71,1); */
    --clr-primary: rgba(5, 133, 59, 1);
    --clr-accent-1: rgba(64,165,71,0.35);
    --clr-accent-2: rgba(64,165,71,0.2);
    --clr-accent-3: rgba(64,165,71,0.1);

    /* text colors */
    --clr-txt-1: hsl(124 44% 100%);
    --clr-txt-2: hsl(124 44% 0%);
}


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/


/* SCROLLBAR CUSTAMISATION */

::-webkit-scrollbar {
    width: 0.6rem;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0); 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--clr-primary);
    border: 3px solid rgba(255, 255, 255, 1);
    border-radius: 1rem;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #717171;
  }

/* SCROLLBAR CUSTAMISATION END */




/* POPUPBOX STYLES */

  #popupBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.3rem;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem;
    z-index: 1100;
    display: none;
}
.image{
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.image img{
    width: 100%;
    border-radius: 1rem;
}

/* Styles for the overlay */

#popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1099;
    display: none;
}

/* Close button */
.close-btn {
    color: white;
    border: none;
    cursor: pointer;
    float: right;
    padding: 0.4rem;
    border-radius: 50%;
    scale: 0.7;
}
.close-btn:hover {
    background-color: var(--clr-accent-1);
}



/* POPUP WINDOW MEDIA QERIES */

@media only screen and (min-device-width : 240px) and (max-device-width : 767px){
    #popupBox {
        width: 90%;
        height: auto;
        padding: 0.2rem;
        border-radius: 1.1rem;
    }
    .close-btn {
        scale: 0.4;
        position: absolute;
        left: 89%;
        top: 0%;
    }
    .image{
        padding: 0rem 0rem 0rem 0rem;
    }
    .image img{
        object-fit: contain;
        height: auto;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px){
    #popupBox {
        width: 70%;
        height: auto;
        padding: 0.35rem;
    }
    .close-btn {
        scale: 0.4;
        position: absolute;
        left: 90%;
    }
    .image{
        padding: 0rem 0rem 0rem 0rem;
    }
    .image img{
        object-fit: contain;
        height: auto;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    #popupBox {
        width: 70%;
        height: auto;
        padding: 0.5rem;
        border-radius: 1rem;

    }
    .close-btn {
        scale: 0.5;
        position: absolute;
        left: 93%;
    }
    .image{
        padding: 0rem 0rem 0rem 0rem;
    }
    .image img{
        object-fit: contain;
        height: auto;
    }
}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1600px){
    #popupBox {
        width: 65%;
        height: auto;
        padding: 0.3rem;
        border-radius: 1.3rem;
    }
    .close-btn {
        position: absolute;
        scale: 0.5;
        left: 93%;
    }
    .image{
        padding: 0rem 0rem 0rem 0rem;
    }
    .image img{
        object-fit: contain;
        height: auto;
    }

}


/* POPUPBOX STYLES AND POPUPBOX MEDIA QUERIES END */


.sticky{
    background-color: #6aff85;
    width: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    display: flex;
    overflow: hidden;
    /* border-block: 0.05rem solid #000; */

    /* --gap: 3rem;
    gap: var(--gap); */
    justify-content: space-evenly;
    display: flex;
}
.sticky p{
    font-size: 1rem;
    margin: 0;
    font-family: "nexa";
    color: var(--clr-txt-2);
    /* flex-shrink: 0;
    justify-content: space-evenly;
    display: flex; */

    /* animation: scroll 20s linear infinite; */
    padding: 0.5rem;
    align-self: center;
}
/* @keyframes scroll {
    to{
        transform: translateX(calc(-100% - var(--gap)));
    }
    
} */
.stky-bnr{
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.sticky-img{
    height: 3.65rem;
    align-self: center;
}
.sticky a{
    border: none;
    background-color: #ffe100;
    border-radius: 0.5rem;
    height: auto;
    align-self: center;
    padding: 0.5rem 0.5rem 0.4rem 0.5rem;
    width: fit-content;

    animation: pulse 1s infinite ease-in-out;
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}

.sticky a{
    text-decoration: none;
    color: var(--clr-txt-2);
    font-weight: var(--fw-bold);
}
@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .sticky{
        position: relative;
    }
    .sticky a{
        margin-bottom: 0.5rem;
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem 0.4rem 0.5rem;
        align-self: center;
    }
    .sticky p{
        font-size: 0.75rem;
    }
    .sticky-img{
        height: 2.65rem;
        align-self: center;
    }
}





.sticky-btn{
    z-index: 1098;
    position: absolute;
    right: 1%;
    bottom: 2%;
    position: fixed;
}
.sticky-btn img{
    background-color: #00ff51;
    border-radius: 50%;
    padding: 0.3rem;
}
@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .sticky-btn{
        right: 4%;
    }
}



/* NAVBAR SECTION */

#custom-nav{
    background-color: var(--clr-txt-1);
    font-family: "nexa";
    font-weight: var(--fw-semi-bold);
    z-index: 990;
    /* filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.25)); */
    /* position: fixed; */
    width: 100%;
    font-size: auto;
}
/* .nav-logo{
    display: flex;
    place-items: center;
    justify-content: center;
    background-color: var(--clr-primary);
    width: 5rem;
    border-radius: 50%;
} */
/* .nav-logo img{
    border-radius: 50%;
} */
#nav-brand{
    font-size: var(--f-size-42);
    font-weight: var(--fw-bold);
    color: var(--clr-txt-1);
    margin: 0rem 0rem 0rem 1.5rem;
}
#navbarSupportedContent{
    text-align: end;
}


@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    #custom-nav{
        padding: 0.5rem 0rem 0.5rem 0rem;
    }
    #nav-brand{
        font-size: var(--f-size-30);
        margin: 0;
        /* padding-top: 2rem; */
        padding-bottom: 0;
    }
    #nav-item{
        text-align: start;
    }
}
@media screen and (min-device-width : 768px) and (max-device-width : 1023px){
    #nav-item{
        text-align: start;
    }
}
/* .nav-hover li:hover{
    background-color: red !important;
    width: auto;
} */

@media screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    #custom-nav{
        padding: 0 0 0 0;
        font-size: var(--f-size-16);
    }
}

/* NAVBARR SECTION END */



.top-adjuster{
    height: 3.75rem;
    background-color: #ffffff;
    width: 100%;
}
.bottom-adjuster{
    height: 3.225rem;
    background-color: var(--clr-primary);
    width: 100%;
    display: none;
}
@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .top-adjuster{
        height: 8.424rem;
        display: none;
    }
}
@media screen and (min-device-width : 768px) and (max-device-width : 1023px){
    .top-adjuster{
        height: 4rem;
    }
}
@media screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .top-adjuster{
        height: 4rem;
    }
    
}


/* HOME PAGE */

.hero{
    box-shadow: 0em 0em 2em rgba(0, 0, 0, 0.25);
    background: 
                var(--clr-primary);

                /* radial-gradient(circle at left, rgb(5, 133, 59), transparent),
                radial-gradient(farthest-side at right bottom, rgba(0, 98, 21, 0.872), transparent); */

    /* padding: 3.5rem 0rem 0rem 0rem; */
}
.hero-icon{
    scale: 0.8;
    animation: pulse 7s infinite ease-in-out;
    /* filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.3)); */
}
@keyframes pulse {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.95);
    }
}
.section-title{
    font-size: clamp(var(--f-size-36) , 6vw , var(--f-size-80));
    padding: 7rem 0rem 0rem 0rem;
    font-family: "nexa";
}
.section-title p:nth-child(1){
    /* filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25)); */
    padding: 0rem 5rem 0rem 0rem;
    font-weight: bolder;
    color: var(--clr-txt-1);
}
.section-title p:nth-child(2){
    font-size: clamp(var(--f-size-12) , 6vw , var(--f-size-16));
    padding: 0rem 0rem 0rem 0rem;
    color: var(--clr-txt-1);
    width: 75%;
    margin: 0;
}
.social-media{
    list-style: none;
    display: flex;
    padding: 0rem 0rem 0rem 0rem;
}
.social-media li{
    padding: 0.5rem;
}
.social-media img{
    background-color: #ffffff;
    border-radius: 50%;
    padding: 0.5rem;
}
.icon1:hover{
    background-color: #6596ff;
    transition-duration: 500ms;
    color: #ffffff;
}
.icon2:hover{
    background-color: #ff47a6;
    transition-duration: 500ms;
}
.icon3:hover{
    background-color: #1cbfff;
    transition-duration: 500ms;
}
.icon4:hover{
    background-color: #ff3535;
    transition-duration: 500ms;
}
.buttons{
    margin: 0;
    font-size: var(--f-size-20);
    text-decoration: none;
    padding: 3rem 0rem 0rem 0rem;
}
.talk-to-us,.know-more{
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    width: 10rem;
    border-radius: 2rem;
    color: var(--clr-txt-2);
    background-color: white;
}
.talk-to-us{
    font-weight: var(--fw-bold);
    /* border: 0.1rem solid var(--clr-txt-2); */
    border: none;
    transition: 500ms;
    position: relative;
    overflow: hidden;
    /* background-color: transparent; */
}
/* .talk-to-us::before {
    content: '';
    width: 0;
    height: 350%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: rgb(0, 255, 251);
    transition: .5s ease;
    display: block;
    z-index: -1;
}
.talk-to-us:hover::before {
    width: 105%;
} */
   
.talk-to-us:hover {
    color: #ffffff;
    background-color: #000000;
}

.know-more{
    font-weight: var(--fw-bold);
    /* border: 0.1rem solid var(--clr-txt-2); */
    border: none;
    transition: 500ms;
    position: relative;
    overflow: hidden;
    /* background-color: transparent; */
}
/* .know-more::before {
    content: '';
    width: 0;
    height: 350%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: rgb(0, 255, 251);
    transition: .5s ease;
    display: block;
    z-index: -1;
}
.know-more:hover::before {
    width: 105%;
} */
   
.know-more:hover {
    color: #ffffff;
    background-color: #000000;
}

/* .talk-to-us{
    color: var(--clr-txt-1);
    border: solid 0 var(--clr-primary);
    border-radius: 2rem;
    background-color: var(--clr-primary);
    font-weight: var(--fw-bold);
    padding: 0.5rem 2rem;
    box-shadow: 3px 5px 7px #0000006f;
    box-shadow:

            inset -0.1em -0.1em 0.4em rgba(0, 0, 0, 0.589),
            0 0 0 0px var(--clr-primary),
            inset 0.1em 0.1em 0.4em rgb(255, 255, 255),
            0px 0px 3px rgb(0, 0, 0, 0.2),
            2px 5px 3px rgb(0, 0, 0, 0.2);
}
.know-more{
    color: var(--clr-primary);
    border: solid 0 var(--clr-primary);
    border-radius: 2rem;
    background-color: #ffffff;
    font-weight: var(--fw-bold);
    padding: 0.5rem 2rem;
    box-shadow: 3px 5px 7px #0000006f;
    box-shadow:

            inset -0.1em -0.1em 0.4em rgba(0, 0, 0, 0.589),
            0 0 0 0px var(--clr-primary),
            inset 0.1em 0.1em 0.4em rgb(255, 255, 255),
            0px 0px 3px rgb(0, 0, 0, 0.2),
            2px 5px 3px rgb(0, 0, 0, 0.2);
} */
/* .section-title span{
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    font-style: var(--f-style);
} */
/* Swiper container styles */

.swiper {
    width: 100%;
    height: 35rem;
    
} 
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    
    /* transform: scale();  */
}
.swiper-pagination-bullet {
    background-color: #007bff; /* Customize the color */
}

.service-section{
    padding: 5rem 0rem 7rem 0rem;
}
.services{
    background: url(../images/Group-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.explore{
    display: flex;
    justify-content: center;
    color: #fff;
}
.service-section div:nth-child(6){
    /* background-color: coral; */
    position: relative;
    left: 7%;
}
.service-section div:nth-child(7){
    /* background-color: rgb(80, 255, 100); */
    position: relative;
    left: -8%;
}
.explore-head{
    font-size: clamp(var(--f-size-50) , 6vw , var(--f-size-60));
    font-weight: var(--fw-regular);
    color: var(--clr-primary);
    text-transform: uppercase;
    padding: 4rem 0rem 0rem 0rem;
    filter: drop-shadow(3px 5px 2px #00000041);
}
.explore-para{
    font-size: clamp(var(--f-size-20) , 6vw , var(--f-size-28));
    font-style: var(--f-style);
}
.card-section{
    position: relative;
    top: 0rem;
    font-size: clamp(var(--f-size-12) , 3vw , var(--f-size-18));
}
.section-card-content{
    height: auto;
    background-color: rgb(255, 255, 255);
    border: 2px solid var(--clr-primary);
    border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 1.5rem #00000035;
    text-align: center;
    position: relative;
    top: -5rem;
    left: 15rem;
    scale: 0.9;
}
 .section-card-button{
    height: 100%;
    background-color: rgb(255, 255, 255);
    border: 2px solid var(--clr-primary);
    border-radius: 1rem;
    box-shadow: 0.5rem 0.5rem 1.5rem #00000035;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -5rem;
    left: 15rem;
    scale: 0.9;
 }
.section-card-content p{
    position: relative;
    top: -2.5rem;
    margin: 0rem;
    padding: 0rem;
}
.card-image{
    width: 100%;
    height: 80%;
    height: auto;
    scale: 0.5;
    object-fit: contain;
}
.card-button{
    text-decoration: none;
    color: var(--clr-txt-2);
    font-size: clamp(var(--f-size-16) , 5vw , var(--f-size-24));
    font-weight: var(--fw-bold);
}
.explore-pill-1{
    /* padding: 1rem 1rem 1rem 1rem; */
    /* background-color: #fff; */
    /* box-shadow: 3px 5px 10px #00000041; */
    /* border-radius: 2rem; */
    width: 100%;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281C40.58142534891764,302.3530756632487,24.63271713256836,256.7293173472087,61.36703109741211,206.6608428955078C98.10134506225586,156.59236844380698,214.5791924794515,69.78958638509114,273.9292907714844,52.14142990112305C333.27938906351727,34.49327341715495,364.91533915201825,59.592869440714516,417.4676208496094,100.77190399169922C470.0199025472005,141.95093854268393,582.4451751708984,233.32918675740558,589.2429809570312,299.21563720703125C596.0407867431641,365.1020876566569,510.9374643961589,447.98304239908856,458.25445556640625,496.0906066894531C405.5714467366536,544.1981709798177,326.35085042317706,585.9001159667969,273.1449279785156,587.8610229492188C219.93900553385416,589.8219299316406,175.62250773111978,547.0741729736328,139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281" fill="rgba(5, 133, 59, 1)" fill-opacity="0.50"><animateTransform attributeName="transform" type="rotate" from="0 300 300" to="360 300 300" dur="25s" repeatCount="indefinite"></animateTransform></path><path d="M62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067C-35.50173758731656 227.83863628972728 -51.45044580366584 182.21487797368724 -14.716131838822093 132.14640352198637C22.018182126021657 82.07792907028553 138.4960295432173 -4.7248529884303 197.84612783525017 -22.373009472398394C257.19622612728307 -40.02116595636649 288.83217621578405 -14.921569932806932 341.3844579133752 26.257464618177778C393.9367396109663 67.43649916916249 506.36201223466423 158.81474738388414 513.159818020797 224.7011978335098C519.9576238069299 290.5876482831355 434.85430145992467 373.4686030255671 382.17129263017205 421.5761673159317C329.4882838004194 469.6837316062965 250.26768748694286 511.38567659327555 197.06176504228142 513.3465835756974C143.85584259761995 515.3074905581193 99.53934479488558 472.55973360011143 62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067 " fill-opacity="1" fill="rgba(5, 133, 59, 1)" opacity="1" stroke-opacity="1" stroke-width="0" stroke="hsl(340, 45%, 30%)" transform="matrix(1,0,0,1,75,75)"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 0rem;

}
.explore-pill-2{
    /* padding: 1rem 1rem 1rem 1rem; */
    /* background-color: #fff; */
    /* box-shadow: 3px 5px 10px #00000041; */
    /* border-radius: 2rem; */
    width: 100%;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281C40.58142534891764,302.3530756632487,24.63271713256836,256.7293173472087,61.36703109741211,206.6608428955078C98.10134506225586,156.59236844380698,214.5791924794515,69.78958638509114,273.9292907714844,52.14142990112305C333.27938906351727,34.49327341715495,364.91533915201825,59.592869440714516,417.4676208496094,100.77190399169922C470.0199025472005,141.95093854268393,582.4451751708984,233.32918675740558,589.2429809570312,299.21563720703125C596.0407867431641,365.1020876566569,510.9374643961589,447.98304239908856,458.25445556640625,496.0906066894531C405.5714467366536,544.1981709798177,326.35085042317706,585.9001159667969,273.1449279785156,587.8610229492188C219.93900553385416,589.8219299316406,175.62250773111978,547.0741729736328,139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281" fill="rgba(5, 133, 59, 1)" fill-opacity="0.5"><animateTransform attributeName="transform" type="rotate" from="360 300 300" to="0 300 300" dur="25s" repeatCount="indefinite"></animateTransform></path><path d="M62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067C-35.50173758731656 227.83863628972728 -51.45044580366584 182.21487797368724 -14.716131838822093 132.14640352198637C22.018182126021657 82.07792907028553 138.4960295432173 -4.7248529884303 197.84612783525017 -22.373009472398394C257.19622612728307 -40.02116595636649 288.83217621578405 -14.921569932806932 341.3844579133752 26.257464618177778C393.9367396109663 67.43649916916249 506.36201223466423 158.81474738388414 513.159818020797 224.7011978335098C519.9576238069299 290.5876482831355 434.85430145992467 373.4686030255671 382.17129263017205 421.5761673159317C329.4882838004194 469.6837316062965 250.26768748694286 511.38567659327555 197.06176504228142 513.3465835756974C143.85584259761995 515.3074905581193 99.53934479488558 472.55973360011143 62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067 " fill-opacity="1" fill="rgba(5, 133, 59, 1)" opacity="1" stroke-opacity="1" stroke-width="0" stroke="hsl(340, 45%, 30%)" transform="matrix(1,0,0,1,75,75)"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 0rem;
}
.explore-pill-3{
    /* padding: 1rem 1rem 1rem 1rem; */
    /* background-color: #fff; */
    /* box-shadow: 3px 5px 10px #00000041; */
    /* border-radius: 2rem; */
    width: 90%;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281C40.58142534891764,302.3530756632487,24.63271713256836,256.7293173472087,61.36703109741211,206.6608428955078C98.10134506225586,156.59236844380698,214.5791924794515,69.78958638509114,273.9292907714844,52.14142990112305C333.27938906351727,34.49327341715495,364.91533915201825,59.592869440714516,417.4676208496094,100.77190399169922C470.0199025472005,141.95093854268393,582.4451751708984,233.32918675740558,589.2429809570312,299.21563720703125C596.0407867431641,365.1020876566569,510.9374643961589,447.98304239908856,458.25445556640625,496.0906066894531C405.5714467366536,544.1981709798177,326.35085042317706,585.9001159667969,273.1449279785156,587.8610229492188C219.93900553385416,589.8219299316406,175.62250773111978,547.0741729736328,139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281" fill="rgba(5, 133, 59, 1)" fill-opacity="0.50"><animateTransform attributeName="transform" type="rotate" from="360 300 300" to="0 300 300" dur="25s" repeatCount="indefinite"></animateTransform></path><path d="M62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067C-35.50173758731656 227.83863628972728 -51.45044580366584 182.21487797368724 -14.716131838822093 132.14640352198637C22.018182126021657 82.07792907028553 138.4960295432173 -4.7248529884303 197.84612783525017 -22.373009472398394C257.19622612728307 -40.02116595636649 288.83217621578405 -14.921569932806932 341.3844579133752 26.257464618177778C393.9367396109663 67.43649916916249 506.36201223466423 158.81474738388414 513.159818020797 224.7011978335098C519.9576238069299 290.5876482831355 434.85430145992467 373.4686030255671 382.17129263017205 421.5761673159317C329.4882838004194 469.6837316062965 250.26768748694286 511.38567659327555 197.06176504228142 513.3465835756974C143.85584259761995 515.3074905581193 99.53934479488558 472.55973360011143 62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067 " fill-opacity="1" fill="rgba(5, 133, 59, 1)" opacity="1" stroke-opacity="1" stroke-width="0" stroke="hsl(340, 45%, 30%)" transform="matrix(1,0,0,1,75,75)"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 0rem;
}
.explore-pill-4{
    /* padding: 1rem 1rem 1rem 1rem;
    background-color: #fff;
    border-radius: 2rem;
    box-shadow: 3px 5px 10px #00000041; */
    width: 90%;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281C40.58142534891764,302.3530756632487,24.63271713256836,256.7293173472087,61.36703109741211,206.6608428955078C98.10134506225586,156.59236844380698,214.5791924794515,69.78958638509114,273.9292907714844,52.14142990112305C333.27938906351727,34.49327341715495,364.91533915201825,59.592869440714516,417.4676208496094,100.77190399169922C470.0199025472005,141.95093854268393,582.4451751708984,233.32918675740558,589.2429809570312,299.21563720703125C596.0407867431641,365.1020876566569,510.9374643961589,447.98304239908856,458.25445556640625,496.0906066894531C405.5714467366536,544.1981709798177,326.35085042317706,585.9001159667969,273.1449279785156,587.8610229492188C219.93900553385416,589.8219299316406,175.62250773111978,547.0741729736328,139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281" fill="rgba(5, 133, 59, 1)" fill-opacity="0.50"><animateTransform attributeName="transform" type="rotate" from="0 300 300" to="360 300 300" dur="25s" repeatCount="indefinite"></animateTransform></path><path d="M62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067C-35.50173758731656 227.83863628972728 -51.45044580366584 182.21487797368724 -14.716131838822093 132.14640352198637C22.018182126021657 82.07792907028553 138.4960295432173 -4.7248529884303 197.84612783525017 -22.373009472398394C257.19622612728307 -40.02116595636649 288.83217621578405 -14.921569932806932 341.3844579133752 26.257464618177778C393.9367396109663 67.43649916916249 506.36201223466423 158.81474738388414 513.159818020797 224.7011978335098C519.9576238069299 290.5876482831355 434.85430145992467 373.4686030255671 382.17129263017205 421.5761673159317C329.4882838004194 469.6837316062965 250.26768748694286 511.38567659327555 197.06176504228142 513.3465835756974C143.85584259761995 515.3074905581193 99.53934479488558 472.55973360011143 62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067 " fill-opacity="1" fill="rgba(5, 133, 59, 1)" opacity="1" stroke-opacity="1" stroke-width="0" stroke="rgba(255, 255, 255, 1)" transform="matrix(1,0,0,1,75,75)"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 0rem;
}
.explore-pill-5{
    /* padding: 1rem 1rem 1rem 1rem;
    box-shadow: 3px 5px 10px #00000041;
    border-radius: 2rem;
    background-color: #fff; */
    width: 90%;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);

    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><path d="M139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281C40.58142534891764,302.3530756632487,24.63271713256836,256.7293173472087,61.36703109741211,206.6608428955078C98.10134506225586,156.59236844380698,214.5791924794515,69.78958638509114,273.9292907714844,52.14142990112305C333.27938906351727,34.49327341715495,364.91533915201825,59.592869440714516,417.4676208496094,100.77190399169922C470.0199025472005,141.95093854268393,582.4451751708984,233.32918675740558,589.2429809570312,299.21563720703125C596.0407867431641,365.1020876566569,510.9374643961589,447.98304239908856,458.25445556640625,496.0906066894531C405.5714467366536,544.1981709798177,326.35085042317706,585.9001159667969,273.1449279785156,587.8610229492188C219.93900553385416,589.8219299316406,175.62250773111978,547.0741729736328,139.0189208984375,507.8560485839844C102.41533406575522,468.63792419433594,66.4653886159261,402.75147755940753,53.523406982421875,352.5522766113281" fill="rgba(5, 133, 59, 1)" fill-opacity="0.50"><animateTransform attributeName="transform" type="rotate" from="360 300 300" to="0 300 300" dur="25s" repeatCount="indefinite"></animateTransform></path><path d="M62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067C-35.50173758731656 227.83863628972728 -51.45044580366584 182.21487797368724 -14.716131838822093 132.14640352198637C22.018182126021657 82.07792907028553 138.4960295432173 -4.7248529884303 197.84612783525017 -22.373009472398394C257.19622612728307 -40.02116595636649 288.83217621578405 -14.921569932806932 341.3844579133752 26.257464618177778C393.9367396109663 67.43649916916249 506.36201223466423 158.81474738388414 513.159818020797 224.7011978335098C519.9576238069299 290.5876482831355 434.85430145992467 373.4686030255671 382.17129263017205 421.5761673159317C329.4882838004194 469.6837316062965 250.26768748694286 511.38567659327555 197.06176504228142 513.3465835756974C143.85584259761995 515.3074905581193 99.53934479488558 472.55973360011143 62.9357579622033 433.34160921046293C26.332171129521015 394.1234848208145 -9.6177743203081 328.2370381858861 -22.559755953812328 278.0378372378067 " fill-opacity="1" fill="rgba(5, 133, 59, 1)" opacity="1" stroke-opacity="1" stroke-width="0" stroke="hsl(340, 45%, 30%)" transform="matrix(1,0,0,1,75,75)"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10rem 0rem;
}
/* .explore-button{
    color: var(--clr-txt-1);
    font-size: var(--f-size-24);
    border-radius: 2rem;
    padding: 0.7rem 1rem 0.7rem 1rem;
    width: 20%;
    border: solid 0 var(--clr-primary);
    background-color: var(--clr-primary);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    box-shadow: 3px 5px 7px #0000006f;
    box-shadow:

            inset -0.1em -0.1em 0.4em rgba(0, 0, 0, 0.589),
            0 0 0 0px var(--clr-primary),
            inset 0.1em 0.1em 0.4em rgb(255, 255, 255),
            0px 0px 3px rgb(0, 0, 0, 0.2),
            2px 5px 3px rgb(0, 0, 0, 0.2);
} */
.explore-button{
    font-size: var(--f-size-24);
    border-radius: 2rem;
    padding: 0.7rem 1rem 0.7rem 1rem;
    width: 20%;
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    border: 0.1rem solid var(--clr-txt-2);
    transition: .3s;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
.explore-button::before {
    content: '';
    width: 0;
    height: 450%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: var(--clr-primary);
    transition: .5s ease;
    display: block;
    z-index: -1;
}
.explore-button:hover::before {
    width: 105%;
}
   

.explore-button a{
    color: var(--clr-txt-2);
    text-decoration: none;
}
.explore-button a:hover{
    color: #ffffff;
}

.health{
    font-size: clamp(var(--f-size-30) , 5vw , var(--f-size-66));
    font-weight: var(--fw-bold);
    color: var(--clr-primary);
}
.needs{
    padding: 0rem 0rem 0rem 0rem;
    font-size: clamp(var(--f-size-18) , 4vw , var(--f-size-36));
}
.unique-plan{
    text-align: justify;
    padding: 4rem 1rem 1rem 1rem;
}
.unique-plan-box{
    padding: 1.5rem;
    border-radius: 1rem;
    height: 20rem;
    /* overflow: scroll; */
    border: 2px solid var(--clr-primary);
}
.unique-plan-box::-webkit-scrollbar{
        display: none;
}
.unique-plan h4{
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    text-align: start;
    line-height: normal;
    margin: 0;
}
.unique-plan p{
    line-height: auto;
    margin: 0rem;
}
.unique-plan ul{
    line-height: auto;
    margin: 0rem;
}
.join-head{
    font-weight: var(--fw-bold);
    font-size: clamp(var(--f-size-20) , 6vw , var(--f-size-28));
    padding: 4rem 0rem 2rem 0rem;
}
.join-call{
    /* font-size: clamp(var(--f-size-16) , 2vw , var(--f-size-18)); */
    text-align: center;
}
.join-call span{
    font-weight: var(--fw-bold);
    color: var(--clr-primary);
    font-size: clamp(var(--f-size-16) , 3vw , var(--f-size-18));
    font-style: var(--f-style);
}
.consult{
    color: var(--clr-primary);
    font-size: var(--f-size-36);
    font-weight: var(--fw-bold);
    font-style: var(--f-style);
    padding: 2rem 0rem 4rem 0rem;
}
.banner{
    padding: 5rem 0rem 0rem 0rem;
}
.limited-offer{
    background-color: var(--clr-primary);
    color: var(--clr-txt-1);
    font-size: clamp(var(--f-size-16) , 3vw , var(--f-size-18));
    padding: 2rem 0rem 2rem 0rem;
}
.limited-offer span{
    font-weight: var(--fw-bold);
}
.content-why{
    font-size: var(--f-size-30);
    font-weight: var(--fw-bold);
    color: var(--clr-primary);
    text-align: center;
    padding: 3rem 0rem 1rem 0rem;
}
.content-desc{
   text-align: center;
   margin: 0;
   width: 75%;
   padding: 0rem 0rem 5rem 0rem;
   line-height: auto;
}
.achivements{
    display: flex;
    justify-content: center;
}
.timeline-1{
    width: 100%;
    border: solid 3px var(--clr-primary);
    padding: 2rem 0rem 2.5rem 0rem;
    border-radius: 4rem 0.5rem 4rem 0.5rem;
    box-shadow: 0.5em 0.5em 1.5em #00000035;
    margin: 0rem;
    
}
.timeline-2{
    width: 100%;
    border: solid 3px var(--clr-primary);
    padding: 2rem 0rem 2.5rem 0rem;
    border-radius: 0.5rem 4rem 0.5rem 4rem;
    box-shadow: 0.5em 0.5em 1.5em #00000035;
    margin: 0rem;
}
.timeline-1 span,
.timeline-2 span{
    font-weight: var(--fw-regular);
    color: var(--clr-primary);
    font-size: clamp(var(--f-size-20), 4vw , var(--f-size-28));
    font-weight: var(--fw-bold);
}
.premium-plan{
    font-size: clamp(var(--f-size-20) , 7vw , var(--f-size-36));
    font-style: var(--f-style);
    padding: 4rem 0rem 0rem 0rem;
    font-weight: var(--fw-bold);
    color: var(--clr-primary);
}
.offer-plan{
    font-size: clamp(var(--f-size-18) , 4vw , var(--f-size-24));
    font-style: var(--f-style);
    padding: 0rem 0rem 5rem 0rem;
    text-align: center;
}
.offer-plan p{
    margin: 0rem;
}
.cards{
    display: flex;
    justify-content: center;
    padding: 2rem;
}
.card-1, .card-2, .card-3{
    padding: 1rem;
}
.price-card{
    border: solid 3px var(--clr-primary);
    border-radius: 5.625rem 0.625rem 5.625rem 0.625rem;
    list-style: none;
    line-height: 2rem;
    box-shadow: 3px 10px 20px #0000006f;
    padding: 3rem 0rem;
    text-align: center;
}
.price-card li:nth-child(1){
    font-weight: var(--fw-bold);
    font-size: clamp(var(--f-size-30) , 6vw , var(--f-size-42));
    color: var(--clr-primary);
    margin: 0 0 1rem 0;
}
.price-card button{
    border-radius: 2rem;
    padding: 0.1rem 1rem 0.1rem 1rem;
    width: 70%;
    font-weight: var(--fw-bold);
    color: var(--clr-txt-1);
    font-size: var(--f-size-20);
    margin: 1rem 0rem 0rem 0rem;
}
.price-card button{
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    border: 0.1rem solid var(--clr-primary);
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
.price-card button::before {
    content: '';
    width: 0;
    height: 700%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: var(--clr-primary);
    transition: 1s ease;
    display: block;
    z-index: -1;
}
.price-card button:hover::before {
    width: 700%;
}
   
.price-card button:hover {
    color: #ffffff;
}
.transformation{
    color: var(--clr-primary);
    font-size: var(--f-size-42);
    font-weight: var(--fw-bold);
    font-style: var(--f-style);
    padding: 2em 0em 1.5em 0em;
}

.shadow-effect {
    margin: 0;
    height: 100%;
    text-align: center;
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
    border-radius: 3.625rem 0.625rem 3.625rem 0.625rem;
}
#car-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: 3.625rem 0.625rem 3.625rem 0.625rem;
}
.item{
    background-color: var(--clr-accent-3);
    border-radius: 5.625rem 0.625rem 5.625rem 0.625rem;
}
#customers-testimonials .item {
    text-align: center;
    padding: 2rem;
    opacity: .5;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 100%;
    margin: 0 auto 17px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--clr-primary);
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: var(--clr-primary);
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}
.testimonial-head{
    font-size: clamp(var(--f-size-20) , 6vw , var(--f-size-36));
    color: var(--clr-txt-1);
    font-weight: bolder;
    padding: 0.5em 0em 0.5em 0em;
    text-align: center;
    background-color: var(--clr-primary);
    margin: 3rem 0 0 0;
}
.video-test{
    padding: 7rem 5rem 4rem 5rem;
}
.video-link-box{
    width: 100%;
    height: 70vh;
}
.video-link{
    position: absolute;
    top: 0;
    left: 7.5rem;
    width: 80%;
    height: 95%;
    z-index: 2;
    background: rgba(255, 0, 0, 0);
}

  
  


/* INDEX MEDIA QUERIES */


@media only screen and (min-device-width : 240px) and (max-device-width : 768px){

/* Styles */

    .hero-icon{
        width: 500px;
        height: auto;
    }
    .section-title p:nth-child(2){
        padding: 0rem 0rem 0rem 1rem;
        width: 90%;
    }
    .service-section{
        padding: 0rem 0rem 3rem 0rem;
    }
    .section-title{
        padding: 0rem 0rem 0rem 1rem;
    }
    .section-title p:nth-child(1){
        padding: 0rem 0rem 0rem 1rem;
    }
    .buttons{
        padding: 1.5rem 0rem 1.5rem 1rem;
    }
    .know-more, .talk-to-us{
        padding: 0.3rem 0.5rem 0.2rem 0.5rem;
        width: 6.5rem;
    }
    .talk-to-us, .know-more{
        font-size: var(--f-size-16);
    }
    .explore{   
        padding: 0.5rem;
    }
    .explore-head{
        padding: 3rem 0rem 0rem 0rem;
    }
    .explore-pill-1 , 
    .explore-pill-2 ,
    .explore-pill-3 ,
    .explore-pill-4 ,
    .explore-pill-5 ,
    .explore-button {
        width: 100%;
        font-size: var(--f-size-16);
    }
    .needs{
        padding: 0rem 0rem 1.5rem 0rem;
    }
    .unique-plan{
        padding: 2rem 1rem 0rem 1rem;
    }
    .unique-plan p{
        margin: 0rem;
    }
    .unique-plan-box{
        height: auto;
        border: 2px solid var(--clr-primary);
    }
    .banner{
        padding: 2rem 0rem 0rem 0rem;
    }
    .join-head{
        padding: 1.5rem 0rem 1rem 0rem;
    }
    .join-call{
        line-height: normal;
    }
    .consult{
        padding: 1rem 0rem 2rem 0rem;
    }
    .content-why{
        padding: 0rem 0rem 1rem 0rem;
    }
    .content-desc{
        padding: 0rem 0rem 3rem 0rem;
        text-align: justify;
        width: 100%;
        line-height: normal;
    }
    .offer-plan{
        padding: 0rem 0rem 2.25rem 0rem;
    }
    .timeline-1{
        border-radius: 0.5rem 2rem 0.5rem 2rem;
        padding: 1rem 0rem 2rem 0rem;
        width: 75%;
        margin-bottom: 1rem;
    }
    .timeline-2{
        border-radius: 2rem 0.5rem 2rem 0.5rem;
        padding: 1rem 0rem 2rem 0rem;
        width: 75%;
        margin-bottom: 1rem;
    }
    .premium-plan{
        padding: 1.5em 0em 0em 0em; 
    }
    .cards{
        display: block;
        padding: 0rem 0rem 0rem 0rem;
    }
    .card-1, .card-2, .card-3{
        display: flex;
        justify-content: center;
    }
    .price-card{
        padding: 3.5rem 2rem 3.5rem 2rem;
        border-radius: 4.625rem 0.625rem 4.625rem 0.625rem;
        line-height: 2rem;
        width: 90%;
    }
    .price-card li:nth-child(1){
        text-align: center;
    }
    .transformation{
        padding: 1.5em 0em 0.75em 0em;
    }
    .testimonial-head{
        margin: 1.5rem 0rem 0rem 0rem; 
    }
    .video-test{
        padding: 2rem 0rem 0rem 0rem;
    }
    .video-link-box{
        width: 100%;
        height: 40vh;
    }
    .video-link{
        position: absolute;
        top: 0;
        left: 3rem;
        width: 77%;
        height: 93%;
        z-index: 2;
        background: rgba(255, 0, 0, 0);
    }
    .card-section{
        position: relative;
        top: 0;
    }
    .section-cards{
        display: flex;
        justify-content: center;
    }
    .section-card-content{
        width: 100%;
        left: 0rem;
        top: 0rem;
    }
    .section-card-content p{
        font-size: 1.3rem !important;
    }
    .section-card-button{
        width: 100%;
        height: clamp(11.5rem, 10vh , 32.5rem);
        left: 0rem;
        top: 0rem; 
    }
    .health{
        padding: 1.5rem 0rem 0rem 0rem;
    }
    .buttons{
        padding: 1rem 1rem 0rem 1rem;
    }
    .social-media{
        margin: 0rem 0rem 0.7rem 0.3rem;
    }
    .social-media li{
        width: 3rem;
        scale: 0.7;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px){

    .service-section{
        padding: 0rem 0rem 3rem 0rem;
    }
    .premium-plan{
        padding: 2rem 0rem 0rem 0rem;
    }
    .offer-plan{
       padding: 0rem 0rem 3rem 0rem; 
    }
    .explore-pill-1 , 
    .explore-pill-2 ,
    .explore-pill-3 ,
    .explore-pill-4 ,
    .explore-pill-5 ,
    .explore-button {
        width: 100%;
    }
    .social-media{
        padding: 0rem 0rem 0rem 1rem;
    }
    .explore{
        padding: 1rem 1rem;
    }
    .cards{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0rem 0rem 0rem 0rem;
    }
    .card-1, .card-2, .card-3{
        display: flex;
        justify-content: center;
    }
    .video-link-box{
        width: 100%;
        height: 40vh;
    }
    .video-link{
        position: absolute;
        top: 0;
        left: 3rem;
        width: 82%;
        height: 93%;
        z-index: 2;
        background: rgba(255, 0, 0, 0);
    }
    .video-test{
        padding: 3rem 0rem 2rem 0rem;
    }
    .card-section{
        position: relative;
        top: 0rem;
        padding: 2rem 0rem 0rem 0rem;
    }
    .card-image{
        scale: 0.4;
    }
    .section-cards{
        display: flex;
        justify-content: center;
        height: auto;
        padding: 2.5rem 0rem 2rem 0rem;
    }
    .section-card-content{
        width: 100%;
        height: auto;
        left: 0rem;
        top: 0rem;
    }
    .section-card-content p{
        position: relative;
        top: -1rem;
        margin: 0rem;
    }
    .section-card-button{
        width: 100%;
        height: 11.5rem;
        left: 0rem;
        top: 0rem;
    }
    .section-title{
        padding: 0rem 0rem 0rem 0rem;
    }
    .buttons{
        padding: 1.5rem 0rem 1rem 2rem;
    }
    .section-title p:nth-child(1){
        margin: 0rem 0rem 0rem 2rem;
        padding: 0rem;
    }
    .section-title p:nth-child(2){
        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 2rem;
    }
    .needs{
        padding: 0rem 0rem 0rem 0rem;
    }
    .content-desc{
        padding: 0rem 0rem 3rem 0rem;
    }
    .content-why{
        padding: 0rem 0rem 0rem 0rem;
    }
    .talk-to-us, .know-more{
        padding: 0.3rem 0.5rem 0.3rem 0.5rem;
        width: 9rem;
    }
    .timeline-1{
        width: 100%;
        padding: 1rem;
        border-radius: 0.2rem 2rem 0.2rem 2rem;
    }
    .timeline-2{
        width: 100%;
        border-radius: 2rem 0.2rem 2rem 0.2rem;
    }
    .price-card{
        padding: 3.5rem 2rem;
        width: 50%;
    }
    .unique-plan{
        padding: 1.5rem 0rem 0rem 0rem;
    }
    .join-head{
        padding: 2rem 1rem 1rem 1rem;
    }
    .consult{
        padding: 1rem 1rem 2rem 1rem;
    }
    .banner{
        padding: 2rem 0rem 0rem 0rem;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .service-section{
        padding: 0rem 0rem 4rem 0rem;
    }
    .section-title p:nth-child(1){
        padding: 0rem 2rem 0rem 0rem;
    }
    .social-media{
        padding: 0.5rem 0rem 6rem 0rem;
    }
    .explore{
        padding: 0.5rem 0rem 0.5rem 0rem;
    }
    .explore-pill-3 ,
    .explore-pill-4 ,
    .explore-pill-5 ,
    .explore-button {
        width: 100%;
    }
    .explore-pill-1 , 
    .explore-pill-2 {
        width: 100%;
        padding: 8.5rem 0rem 8.5rem 0rem;
    }
    .needs{
        padding: 0rem 0rem 1rem 0rem;
    }
    .unique-plan{
        padding: 3rem 0rem 0rem 0rem;
    }
    .premium-plan{
        padding: 1rem 0rem 0rem 0rem;
    }
    .cards{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0rem;
        scale: 0.8;
    }
    .card-1, .card-2, .card-3{
        padding: 3rem;
    }
    .price-card{
        line-height: auto;
        width: 100%;
        border-radius: 3.625rem 0.625rem 3.625rem 0.625rem;
    }
    .achivements{
        margin: 0rem;
    }
    .video-test{
        padding: 5rem 5rem 4rem 5rem;
    }
    .video-link-box{
        width: 100%;
        height: 50vh;
    }
    .video-link{
        position: absolute;
        top: 0;
        left: 4.5rem;
        width: 82%;
        height: 91%;
        z-index: 2;
        background: rgba(255, 0, 0, 0);
    }
    .section-title{
        padding: 3rem 0rem 0rem 0rem;
    }
    .section-title p:nth-child(1){
        line-height: normal;
    }
    .buttons{
        padding: 2rem 0rem 0rem 0rem;
    }
    .section-cards{
        padding: 0rem 1rem 0rem 0rem !important;
    }
    .card-image{
        scale: 0.35;
    }
    .section-card-content{
        height: auto;
        position: relative;
        top: -3rem;
        left: 0rem;
    }
    .section-card-button{
        position: relative;
        top: -3rem; 
        left: 0rem;
    }
    .card-section{
        justify-content: end;
    }
    .talk-to-us, .know-more{
        padding: 0.3rem 0.5rem 0.3rem 0.5rem;
        width: 10rem;
    }
    .timeline-1,.timeline-2{
    scale: 0.8;
    }
    .content-why{
        padding: 0 0 0 0;
    }
    .content-desc{
        line-height: auto;
        font-size: auto;
        padding: 0 0 1.5rem 0;
    }
    .offer-plan{
        padding: 0 0 0 0;
    }
    .testimonial-head{
        margin: 0rem 0rem 0rem 0rem; 
    }
    .banner{
        padding: 3rem 0rem 0rem 0rem;
    }
    .join-head{
        padding: 2rem 1rem 1rem 1rem;
    }
    .consult{
        padding: 1rem 1rem 2rem 1rem;
    }
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1600px){

    .service-section{
        padding: 0rem 0rem 4rem 0rem;
    }
    .social-media{
        padding: 0.5rem 0rem 5rem 0rem;
    }
    .explore-button{
        width: 50vw;
    }
    .unique-plan{
        padding: 1rem 0rem 0rem 0rem;
    }
    .content-why{
        padding: 1rem 0rem 0rem 0rem;
    }
    .content-desc{
        padding: 0rem 0rem 3rem 0rem;
    }
    .premium-plan{
        padding: 3rem 0rem 0rem 0rem;
    }
    .offer-plan p{
        margin: 0rem 0rem 0rem 0rem;
    }
    .offer-plan{
        padding: 0rem 0rem 2rem 0rem;
    }
    .explore-pill-1 , 
    .explore-pill-2 ,
    .explore-pill-3 ,
    .explore-pill-4 ,
    .explore-pill-5 ,
    .explore-button {
        width: 100%;
    }
    .explore{
        padding: 1rem 1rem;
    }
    .join-head{
        padding: 3rem 1rem 1rem 1rem;
    }
    .consult{
        padding: 1rem 1rem 3rem 1rem;
    }
    .cards{
        display: flex;
        flex-direction: row;
        padding: 0rem;
    }
    .testimonial-head{
        margin: 0rem 0rem 0rem 0rem;
        padding: 1rem 0rem;
    }
    .video-test{
        padding: 3rem 0rem 2.5rem 0rem;
    }
    .video-link-box{
        height: 100vh;
        object-fit: contain;
    }
    .buttons{
        padding: 2rem 0rem 0rem 0rem;
    }
    .section-title{
        padding: 3rem 0rem 0rem 0rem;
    }
    .section-card-content{
        left: 0rem;
    }
    .section-card-button{
        left: 0rem;
    }
    .card-section{
        justify-content: end;
    }
}


/* HOMEPAGE MEDIA QUERIES AND INDEX PAGE END*/



/* ---------------------------------------------------------------------- */



/* ABOOUT PAGE */


.about-bg{
    background-color: var(--clr-primary);
    /* background: radial-gradient(circle at left, rgb(5, 133, 59), transparent),
                radial-gradient(farthest-side at right bottom, rgba(157, 213, 17, 0.5), transparent); */
    padding: 4rem 0rem 4rem 0rem;
    margin: 0rem 0rem 3rem 0rem;
}
.abt{
    padding: 0rem 0rem 5rem 0rem;
}
.about p:nth-child(1){
    font-size: clamp(var(--f-size-50) , 6vw , var(--f-size-120));
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    text-align: start;
    margin: 0;
    line-height: normal;
    /* filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.35)); */
}
.about p:nth-child(2){
    font-size: clamp(var(--f-size-16) , 4vw , var(--f-size-20));
    color: var(--clr-txt-1);
    text-align: justify;
}
.vision-mission{
    padding: 3rem 0rem;
    line-height: auto;
    height: 100%;
    /* font-size: var(--f-size-18); */
}
.vision-mission p:nth-child(1){
    font-weight: var(--fw-bold);
    font-size: var(--f-size-36);
    color: var(--clr-primary);
}
.vision-mission p{
    text-align: justify;
}

.health-mission img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3rem;
    padding: 2rem;
}
.about-content{
    padding: 1.5rem 0rem 0rem 1rem;
    /* font-size: var(--f-size-18); */
    /* line-height: 2.3rem; */
}
.about-content h4{
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    padding: 0rem 0rem 1rem 0rem;
    margin: 0rem;
}
.about-content p{
    /* padding: 0rem 2rem 0rem 2rem; */
    /* line-height: 2rem; */
    text-align: justify;
}



/* About PAGE MEDIA QUERIES */

@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .about-bg{
        padding: 2rem 0rem 1.5rem 0rem;
        margin: 0rem 0rem 0rem 0rem;
    }
    .health-mission img{
        padding: 0rem;
        border-radius: 1.5rem;
    }
    .vision-mission{
        padding: 2rem 0rem 0.5rem 0rem;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    
    .about p:nth-child(1){
        padding: 0rem 0rem 0rem 0rem;
    }
    .about-bg{
        margin: 0rem 0rem 0rem 0rem;
        padding: 2rem 0rem 1.5rem 0rem;
    }
    .about-content{
        padding: 2rem 0rem 0rem 1rem;
    }
    .vision-mission{
        padding: 3rem 0rem 0rem 0rem;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .about p:nth-child(1){
        padding: 0rem 0rem 0rem 0rem;
    }
    .about-bg{
        margin: 0rem 0rem 0rem 0rem;
        padding: 2rem 0rem 2rem 0rem;
    }
    .about-bg p:nth-child(2){
        padding: 0;
    }
    .vision-mission{
        padding: 3rem 0rem 2rem 0rem;
    }
}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1900px){
    
    .about p{
        padding: 0rem 5rem 0rem 5rem;
        font-size:medium;
        line-height: 2rem;
        text-align: justify;
    }
    /* .about-bg{
        padding: 5rem 0rem 0rem 0rem;
    } */
}



/* ABOUT PAGE MEDIA QUERIES AND ABOUT PAGE END*/



/* ---------------------------------------------------------------------- */



/* FAQ PAGE */
    body{
        cursor: default;
        height: 100vh;
    }
    .faq-group{
        background-color: var(--clr-primary);
        /* background: url(../images/Group-3.png); 
        background: radial-gradient(circle at left, rgb(5, 133, 59), transparent),
                radial-gradient(farthest-side at right bottom, rgba(157, 213, 17, 0.5), transparent);
        background-repeat: no-repeat;
        background-size: cover; */
        padding: 3rem 0rem 3rem 0rem;
    }
  .faq-title p:nth-child(1){
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    font-size: clamp(var(--f-size-42) , 6vw , var(--f-size-100));
    padding: 2rem 1rem 0rem 1.7rem;
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
    margin: 0;
    line-height: 6rem;
  }
  .faq-title p:nth-child(2){
    padding: 2rem 1rem 0rem 2rem;
    margin: 0;
    font-size: var(--f-size-18);
    color: var(--clr-txt-1);
  }
  .faq-title p:nth-child(3){
    padding: 0rem 1rem 0rem 2rem;
    font-weight: var(--fw-bold);
    font-size: clamp(var(--f-size-20) , 4vw , var(--f-size-30));
    margin: 0;
    color: var(--clr-txt-1);
  }
  .faq-title img{
    margin: 0rem 0.5rem 0rem 1.7rem;
    background-color: var(--clr-txt-1);
    border-radius: 50%;
  }
  .faq-title a{
    text-decoration: none;
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    font-size: clamp(var(--f-size-18) , 4vw , var(--f-size-28));
    /* filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.35)); */
  }
  .faq {
    max-width: 100%;
    padding: 1rem 1rem 0rem 1rem;
    margin: 2rem auto 0rem auto;
    background-color: #ffffff;
    border-radius: 8px;
  }
  
  h1 {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .faq-item {
    border: solid 2px var(--clr-primary);
    border-radius: 1rem;
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.25);
  }
  
  .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  
  .faq-question span {
    font-size: clamp(var(--f-size-12) , 6vw , var(--f-size-20));
    color: var(--clr-primary);
    font-weight: var(--fw-bold)
  }
  
  .arrow {
    width: 10px;
    height: 10px;
    border-right: 3px solid var(--clr-primary);
    border-bottom: 3px solid var(--clr-primary);
    transform: rotate(45deg);
    transition: transform 0.3s;
  }
  
  .faq-answer {
    display: none;
    margin-top: 1rem;
    line-height: 2.3rem;
    width: 95%;
    text-align: justify;
  }
  
  .faq-item.open .faq-answer {
    display: block;
  }
  
  .faq-item.open .arrow {
    transform: rotate(225deg);
  }

  

/* FAQ PAGE MEDIA QUERIES */
  

@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .faq{
        margin: 0rem 0rem 0rem 0rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    .faq-answer {
        width: 100%;
        text-align: justify;
        line-height: normal;
    }
    .faq-question span {
        font-size: clamp(var(--f-size-12) , 6vw , var(--f-size-16));
      }
    .faq-container{
        padding: 1.5rem 0rem 0rem 0rem;   
    }
    .faq-title p:nth-child(1){
        line-height: 3rem;
        padding: 0rem 0rem 0rem 1rem;
    }
    .faq-title p:nth-child(2){
      padding: 1rem 0rem 0rem 1rem;
      line-height: 1rem;
    }
    .faq-title p:nth-child(3){
      padding: 0.5rem 0rem 0rem 1rem;
      line-height: 2rem;
    }
    .faq-title img{
      margin: 0rem 0.5rem 0rem 1rem;
      width: 2rem;
      height: 2rem;
    }
    .faq-question span{
        padding: 0rem 0.7rem 0rem 0rem;
    }
    .faq-group{
        padding: 2rem 0rem 2rem 0rem;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .faq-title p:nth-child(1){
        line-height: 4rem;
    }
    .faq {
        padding: 1rem 1rem 0rem 1rem;
        margin: 2rem auto 2.5rem auto;
    }
    .faq-title p:nth-child(2){
        padding: 0rem 0rem 0rem 1rem;
    }
    .faq-group{
        padding: 2rem 0rem 2rem 0rem;
    }
    .faq-group p:nth-child(1){
        padding: 0rem 0rem 0rem 1rem;
    }
    .faq-container{
        padding: 0rem;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .faq {
        padding: 1rem 1rem 0rem 1rem;
        margin: 2rem auto 2.5rem auto;
    }
    .faq-group{
        padding: 3rem 0rem 3rem 0rem;
    }
    .faq {
        padding: 1rem 1rem 1rem 1rem;
        margin: 2.5rem auto 2rem auto;
    }
    .faq-title p:nth-child(1){
        padding: 0rem 0rem 0rem 2rem;
    }
    .faq-title p:nth-child(2){
        padding: 1rem 0rem 0rem 2rem;
    }
    .faq-title img{
        height: 2rem;
        width: 2rem;
        margin-left: 2rem;
    }
    .faq-answer{
        line-height: normal;
    }
}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1900px){
    .faq {
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 2rem auto 2rem auto;
      }
}


/* FAQ PAGE MEDIA QUERIES AND FAQ PAGE END */


/* ---------------------------------------------------------------------- */


/* CONTACT PAGE */


.contact-bg{
    /* background: url(../images/Group-3.png);
    background-repeat: no-repeat;
    background-size: cover; */

    background-color: var(--clr-primary);

    /* background: radial-gradient(circle at left, rgb(5, 133, 59), transparent),
                radial-gradient(farthest-side at right bottom, rgba(157, 213, 17, 0.5), transparent); */
    height: auto !important;
    padding: 0rem 0rem 0rem 0rem;
}
.contact{
    padding: 3rem 0rem 3rem 0rem;
}
.contact ul{
    list-style: none;
    padding: 0rem;
}
.contact-text p{
    font-size: clamp(var(--f-size-16) , 4vw , var(--f-size-20));
    margin: 0;
    color: var(--clr-txt-1);
}
.contact-title p{
    color: var(--clr-txt-1);
    font-size: clamp(var(--f-size-50) , 6vw , var(--f-size-120));
    font-weight: var(--fw-bold);
    margin: 0rem;
    /* filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.35)); */
}
#contact-form{
    padding: 3rem 1rem 3rem 1rem;
    border: 2px solid var(--clr-primary);
    border-radius: 0.75rem;
    margin: 5rem 0rem 1.5rem 0rem;
}
.contact-form-title{
    color: var(--clr-primary);
    font-size: clamp(var(--f-size-30) , 4vw , var(--f-size-60));
    font-weight: var(--fw-bold);
    padding: 0rem;
}
#contact-form p{
    padding: 1rem 1rem 0rem 1rem;
}
#contact-form input,textarea{
    width: 100%;
    border: 2px solid var(--clr-primary);
    border-radius: 0.75rem;
    padding: 1rem 1rem 1rem 1rem;
    display: flex;
    justify-content: center;
}
.submit-button{
    color: var(--clr-txt-1);
    border: none;
    width: 100%;
    padding: 0.5rem 0rem 0.5rem 0rem;
    border-radius: 5rem;
    font-size: var(--f-size-24);
    font-weight: var(--fw-bold);
    /* background-color: var(--clr-primary);
    box-shadow:
            inset -0.1em -0.1em 0.4em rgba(0, 0, 0, 0.589),
            0 0 0 0px var(--clr-primary),
            inset 0.1em 0.1em 0.4em rgb(255, 255, 255),
            0px 0px 3px rgb(0, 0, 0, 0.2),
            2px 5px 3px rgb(0, 0, 0, 0.2); */
}
.submit-button{
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    border: 0.15rem solid var(--clr-primary);
    transition: .3s;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
.submit-button::before {
    content: '';
    width: 0;
    height: 900%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: var(--clr-primary);
    transition: .5s ease;
    display: block;
    z-index: -1;
}
.submit-button:hover::before {
    width: 105%;
}
   
.submit-button:hover {
    color: #ffffff;
}
.contact-details{
    padding: 1rem 1rem 0rem 1rem;
}
.contact-details ul{
    list-style: none;
}
.cta-title{
    font-size: clamp(var(--f-size-16), 4vw , var(--f-size-20));
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    padding: 1rem 0rem 1rem 1rem;
}
.contact-details ul p{
    font-size: var(--f-size-20);
    color: var(--clr-txt-2);
    font-weight: var(--fw-regular);
    text-decoration: none;
}
.social-link{
    text-decoration: none;
    font-size: var(--f-size-20);
}


/* CONTACT PAGE MEDIA QUERIES */


@media only screen and (min-device-width : 240px) and (max-device-width : 768px){

    /*Contact page styles */

    .contact{
        padding: 1.5rem 0rem 1.5rem 1rem;
    }
    .contact ul{
        padding: 0rem 0rem 0rem 0.5rem;
    }
    .contact li:nth-child(2){
        width: 100%;
    }
    #contact-form{
        margin: 3rem 0rem 0rem 0rem;
        padding: 1.5rem 0rem 1.5rem 0rem;
    }
    .contact-form p{
        padding: 0.5rem 0.5rem 0rem 0.5rem;
    }
    .contact-form input,textarea{
        padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .contact{
        padding: 1.5rem 0rem 1.5rem 0rem;
    }
    .contact li:nth-child(2){
        width: 75%;
    }
    #contact-form{
        margin: 3rem 0rem 2.5rem 0rem;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    #contact-form{
        margin: 5.5rem 0rem 5rem 0rem;
    }
    .contact{
        padding: 3rem 0rem 3rem 0rem;
    }
    .contact-details img{
        height: 2.5rem;
        width: 2.5rem;
    }
    .contact-details p{
        font-size: var(--f-size-16);
    }
}
@media only screen and (min-device-width : 1201px) and (max-device-width : 1900px){
    
}


/* CONTACT PAGE MEDIA QUERIES AND CONTACT PAGE END*/



/* ---------------------------------------------------------------------- */



/* SERVICE PAGE */


.service-bg{

    background-color: var(--clr-primary);
    /* background: radial-gradient(circle at left, rgb(5, 133, 59), transparent),
                radial-gradient(farthest-side at right bottom, rgba(157, 213, 17, 0.5), transparent); */
    padding: 3.5rem 0rem 4rem 0rem;
    margin: 0rem 0rem 5rem 0rem;
}
.service-hero p:nth-child(1){
    font-size: clamp(var(--f-size-50) , 6vw , var(--f-size-120));
    color: var(--clr-txt-1);
    font-weight: var(--fw-bold);
    text-align: start;
    margin: 0;
    /* filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.35)); */
}
.service-hero p:nth-child(2){
    font-size: clamp(var(--f-size-16) , 4vw , var(--f-size-20));
    color: var(--clr-txt-1);
    text-align: justify;
}
.service-content{
    border: 3px solid var(--clr-primary);
    border-radius: 5rem 0.5rem;
    padding: 0.75rem;
    margin: 2rem auto;
}
.service-content img{
    object-fit: cover;
    width: 100%;
    height: 15rem;
    border-radius: 4.5rem 0.5rem;
}
.service-content h4{
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
    padding: 2rem 0rem 0rem 0rem;
}
.service-content p{
    text-align: justify;
    /* font-size: var(--f-size-18);
    line-height: 2.3rem; */
}
.join-now{
    padding: 0.3rem 2rem;
    border: 3px solid var(--clr-primary);
    background-color: white;
    border-radius: 5rem;
    color: var(--clr-primary);
    font-weight: var(--fw-bold);
}
.join-now:hover{
    background-color: var(--clr-primary);
    color: var(--clr-txt-1);
    transition: 500ms;
}
.serve{
    padding: 0rem 0rem 5rem 0rem;
}



/* SERVICE PAGE MEDIA QUERIES */



@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .service-bg{
        padding: 1.5rem 0rem 1.5rem 0rem;
        margin: 0rem 0rem 2.5rem 0rem;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .service-content p{
        padding: 0rem 0rem 1rem 0rem;
    }
    .serve{
        padding: 0rem 0rem 4rem 0rem;
    }
    .service-bg{
        padding: 1.5rem 0rem 1.5rem 0rem;
        margin: 0rem 0rem 3rem 0rem;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .service-bg{
        padding: 2rem 0rem 2rem 0rem;
        margin: 0rem 0rem 3.5rem 0rem;
    }
}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1900px){
    
}



/* SERVICE PAGE MEDIA QUERIES AND SERVICE PAGE END */



/* ---------------------------------------------------------------------- */




/* FOOTER SECTION */


.footer-section{
    padding: 3rem 0rem 0rem 0rem;
}
.footer{
    padding: 1rem;
    background-color: var(--clr-primary);
    
}
.copyright{
    color: var(--clr-txt-1);
    text-align: center;
    margin: 0;
    font-size: clamp(var(--f-size-16) , 3vw , var(--f-size-20));
}
.copyright span{
    font-weight: var(--fw-bold);
}


/* FOOTER SECTION MEDIA QUERIES */


@media only screen and (min-device-width : 240px) and (max-device-width : 768px){
    .footer-section{
        padding: 2rem 0rem 0rem 0rem;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .footer-section{
        padding: 0.7rem 0rem 0rem 0rem;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px){
    .footer-section{
        padding: 0.7rem 0rem 0rem 0rem;
    }
}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1900px){
    .footer-section{
        padding: 0.7rem 0rem 0rem 0rem;
    }
}


/* FOOTER SECTION END */