@charset "UTF-8";
/*  UIAk - 15031993 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com');
/* @import url('https://fonts.gstatic.com" crossorigin'); */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.cdnfonts.com/css/dm-serif-display');
@import url('https://fonts.cdnfonts.com/css/poppins');
/* @import url('https://fonts.cdnfonts.com/css/montserrat'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("font.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");
@import url("jquery.fancybox.min.css");
@import url("custom.css");
@import url("header.css");
@import url("style2.css");
@import url("footer.css");
@import url("magnify.css");
/* @import url("mobile-menu.css"); */

* { padding: 0; margin: 0; box-sizing: border-box;    }
main{ background-color: #F3F3F3; position: relative; z-index: 1; }


@media screen and (min-width:1170px){
    .order-lg-2{
        order: 2;
    }
}


@media(max-width:991px){main{padding-top:0rem;}}
@media(max-width:320px){main{padding-top: 0rem;}}
:root {
    --dm-serif:'DM Serif Display', sans-serif;
    --poppins:"Geist", sans-serif;
    --family-geist:"Geist", sans-serif;
    --family-aller:'Aller';
    --montserrat:'Montserrat', sans-serif;
    --roboto:"Roboto", sans-serif;
    --green:#436F40;
    --light-green:#638A7E;
    --blue:#1C3A5B;
    --black:#000000;
    --color-36:#363636;
    --yellow:#F9CE3A;
    --white:#FFFFFF;
    --colora8:#A8A8A8;
    --colorb1:#B1B1B1;
    --color2e:#2E2E2E;
    --color62:#365C62;
    --colore9:#E9E9E9;
    --color21:#212C4F;
    --bg-green:#186534;
    --bg-light-green:#365C62;
    --bg-black:#2D2D2D;
    --bg-footer:#1F1A17;
    --bg-gray:#f1f1f1;
    --bg-orange:#F56C1F;    
    --font-12:1.2rem;
    --font-13:1.3rem;
    --font-14:1.4rem;
    --font-15:1.5rem;
    --font-16:1.6rem;
    --font-18:1.8rem;
    --font-19:1.9rem;
    --font-20:2rem;
    --font-21:2.1rem;
    --font-24:2.4rem;
    --font-25:2.5rem;
    --font-26:2.6rem;
    --font-28:2.8rem;
    --font-32:3.2rem;
    --font-33:3.3rem;
    --font-38:3.8rem;
    --font-40:4.0rem;
    --font-42:4.2rem;
    --font-45:4.5rem;
    --font-46:4.6rem;
    --font-47:4.6rem;
    --font-50:5rem;
    --font-52:5.2rem;
    --font-58:5.8rem;
    --font-62:6.2rem;
    --font-64:6.4rem;
    --font-72:7.2rem;
    --font-81:8.1rem;
    --font-90:9rem;
    --font-100:10rem;
    --line-height-16:1.6;
    --line-height-1:1;
    --letter-spacing-12:-1.2px;
    --line-height22:2.2rem;
    --line-height28:2.8rem;
    --line-height42: 4.2rem;
    --line-height48: 4.8rem;
    --line-height51: 5.1rem;
    --line-height54:5.4rem;
}



@media screen and (min-width:1530px){
  :root {   
    --font-14:1.5rem;
    --font-15:1.6rem;
    --font-16:1.8rem;
    --font-18:2rem;
    --font-19:2.1rem;
    --font-20:2.2rem;
    
  }
}

.font_40{font-size: var(--font-40);line-height: var(--line-height-1);letter-spacing: var(--letter-spacing-12);font-weight: 900;font-family: var(--family-geist);}
.font_81{font-size: var(--font-81);line-height: 1.1;letter-spacing: -1.62px;font-weight: bold;font-family: var(--montserrat); color: rgba(170, 196, 188, 0.5);}
.h_16{font-size: var(--font-16);line-height: 1.6; margin-bottom: 1rem;}
.h_45{font-size: var(--font-45);line-height: 1.1; letter-spacing: -1.8px;}
.h_40{font-size: var(--font-40);line-height: 1; letter-spacing: -1.2px;}
.white{color: var(--white);}
.pdb_0{padding-bottom: 0px!important;}
.pdt_12{padding-top: 12rem;}
.pdt_10{padding-top: 10rem;}
.pdt_9{padding-top: 9rem;}
.pdt_8{padding-top: 8rem;}
.pdt_7{padding-top: 7rem;}
.pdt_3{padding-top: 3rem;}
.pdb_12{padding-bottom: 12rem;}
.pdb_10{padding-bottom: 10rem;}
.pdb_9{padding-bottom: 9rem;}
.pdb_8{padding-bottom: 8rem;}
.pdb_6{padding-bottom: 6rem;}
.pdb_5{padding-bottom: 5rem;}

@media(max-width:768px){
    .pdt_12{padding-top: 4rem;}
.pdt_10{padding-top: 4rem;}
.pdt_9{padding-top: 4rem;}
.pdt_8{padding-top: 4rem;}
.pdt_7{padding-top: 4rem;}
.pdt_3{padding-top: 3rem;}
.pdb_12{padding-bottom: 4rem;}
.pdb_10{padding-bottom: 4rem;}
.pdb_9{padding-bottom: 4rem;}
.pdb_8{padding-bottom: 4rem;}
.pdb_6{padding-bottom: 4rem;}
.pdb_5{padding-bottom: 4rem;}
}


.bg_gray{background: var(--bg-gray);}
.container {padding-left:1.6rem;padding-right: 1.6rem;}
@media(max-width:1199px){
  .pdt_8 { padding-top: 6rem; }
.pdb_10 { padding-bottom: 8rem; }
}
@media(max-width:767px){
  .container{padding-left:2rem;padding-right:2rem;}
}
@media(max-width:575px){
  .pdt_8 { padding-top: 4rem; }
.pdb_10 { padding-bottom: 5rem; }
}

h1, h2, h3, h4, h5, h6, p, li{font-family: var(--poppins);}
/* p, li{font-family: var(--roboto);} */
::after,::before { box-sizing: border-box; }
audio,canvas,embed,iframe,object,svg,video { display: block; max-width: 100%; width: 100%; }
body { margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: unset !important; font-size: var(--font-13);}
html { font-size: 62.5%;  }
/* p, li { font-size: var(--font-13); color: var(--color-36); line-height: var(--line-height-26); margin-bottom: 2rem;font-family: var(--poppins); } */
p:empty { display: none !important; }
a { text-decoration: none; transition: all .5s ease-out; }
figure { margin-bottom: 0; }
button { cursor: pointer; }
ul{list-style-type: none; padding: 0; margin: 0;}
.full-width{max-width: 1920px;margin-inline: auto;}
a:hover{color: var(--green);}
.footer a:hover {opacity: 0.7;color:var(--white)}
.btn {
    background: var(--green);
    color: var(--white);
    padding: 0.5rem 1.4rem;
    border-radius: 4px;
    letter-spacing: -0.28px;
}

.video-toggle,
.video-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: var(--bg-green);
  color: #fff;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  display: none;
  border-radius: 0.4rem;
}


.video-toggle {
  bottom: 2rem;
  left: 1rem;
  width: 4rem;
  height: 4rem;
  font-size: 22px;
  border-radius: 50%;
  top: 90%;
  line-height: 1;
}


.text-center{text-align: center;}
.f_link {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;font-size: 0; }
 ::-webkit-scrollbar {width: 0.5rem;}
 ::-webkit-scrollbar-thumb {background-color: var(--color-17);border-radius: 0.2rem;}
 ::-webkit-scrollbar-track {background-color: var(--color-f5);border-radius: 0.2rem;}
/* :is(.swiper-button-prev, .swiper-button-next) { position: relative; margin-top: 0; width: 4.1rem; height: 3.7rem; right: auto; left: auto; font-size: var(--font-12); font-weight: bold; color: var(--color-28); background-color: var(--color-ff); transition: all .5s ease; }
:is(.swiper-button-prev, .swiper-button-next):hover { color: var(--color-ff); background-color: var(--color-36); }
.swiper-button-prev::after { content: '\F284';font-family: bootstrap-icons !important; font-size: inherit; }
.swiper-button-next::after { content: '\F285'; font-family: bootstrap-icons !important; font-size: inherit; }
.swiper-pagination-bullet-active {background: var(--yellow);} */
.swiper-pagination-bullet-active {background: var(--yellow);}



.progress-wrap{ position:fixed; right:4%; bottom:2rem; background-color:var(--color-white); z-index:3; opacity:0; visibility:hidden; transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-shadow: 0px 3px 4px 1px rgb(0 0 0 / 15%);}
.progress-wrap.active-progress{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); background: var(--white);}
.progress-wrap::after,.progress-wrap::before{position:absolute;font-family:bootstrap-icons !important;content:"\f145";text-align:center;font-size:var(--font-24);left:0;top:0;}
.progress-wrap::after{color:var(--bg-green);z-index:1}
.progress-wrap:hover::after{opacity:0}
.progress-wrap::before{opacity:0;background-color:var(--bg-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2}
.progress-wrap:hover::before{opacity:1}
.progress-wrap svg path{fill:none;}
.progress-wrap svg.progress-circle path{stroke:var(--bg-green);stroke-width:4;box-sizing:border-box;transition:.2s linear;-webkit-transition:.2s linear;-moz-transition:.2s linear;-ms-transition:.2s linear;-o-transition:.2s linear;}
.progress-wrap:hover svg.progress-circle path{stroke:var(--bg-green);}
.progress-wrap, .progress-wrap::after, .progress-wrap::before{width:5rem;height:5rem;line-height:5rem}
.progress-wrap, .progress-wrap::after, .progress-wrap::before{cursor:pointer;display:block;transition:.2s linear;}



@media(max-width:1600px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 3.1rem; height: 2.7rem; }
 }
@media(max-width:767px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 4.1rem; height: 3.7rem; }
 }
@media (max-width: 350px) {
 :is(.swiper-button-prev, .swiper-button-next) { width: 3.1rem; height: 2.7rem; }
 }
.shine { position: relative; overflow: hidden; }
.shine::before { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); content: ""; display: block; height: 100%; left: -100%; position: absolute; top: 0; transform: skewX(-25deg); width: 50%; z-index: 2; }
.shine:hover::before, .shine:focus::before { -webkit-animation: shine 0.85s; animation: shine 0.85s; }
@-webkit-keyframes shine { 100% { left: 125%; }
 }
@keyframes shine {
 100% { left: 125%; }
 }


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


.tab-content.active {display: none;}
/* Accordion (mobile) styles */
.tab-header{display: none;}
.tab-content {display: none;}
.tab-content.active {display: block;}

@media (max-width: 992px) {
.pdb_8 {
padding-bottom: 6rem;
}
.pdt_8 {
    padding-top: 6rem;
}
.tab-header{display: block;}
.tab-buttons {
display: none;
}
.program .tab-header {
    display: none;
}
.tab-content {
/* display: block; */
/* border-top: 1px solid #ccc; */
padding: 0;
}
.progrm_ten.testimonials .tab-header, .faq_sec.progrm_eleven .tab-header{
    display: none;
}

}





/* ------------- */
@media(max-width:1799px) {
:root {
    --font-12:1.2rem;
    --font-13:1.3rem;
    --font-14:1.3rem;
    --font-15:1.4rem;
    --font-16:1.5rem;
    --font-18:1.7rem;
    --font-19:1.8rem;
    --font-20:1.9rem;
    --font-21:2rem;
    --font-24:2.3rem;
    --font-25:2.4rem;
    --font-26:2.5rem;
    --font-28:2.7rem;
    --font-32:3rem;
    --font-38:3.5rem;
    --font-40:3.8rem;
    --font-42:4.0rem;
    --font-45:4.2rem;
    --font-46:4.4rem;
    --font-50:4.8rem;
    --font-52:5rem;
     --font-58:5.5rem;
     --font-62:6rem;
    --font-64:6.2rem;
    --font-81:7.8rem;
    --font-90:8.7rem;
    --font-100:10rem;
    --line-height-16:1.6;
    --line-height-1:1;
    --letter-spacing-12:-1.2px;
    --line-height42: 4.2rem;
    --line-height51: 5.1rem;

}
}

@media(max-width:1549px) {
:root {
    --font-12:1.1rem;
    --font-13:1.1rem;
    --font-14:1.4rem;
    --font-15:1.4rem;
    --font-16:1.5rem;
    --font-18:1.6rem;
    --font-19:1.7rem;
    --font-20:1.8rem;
    --font-21:1.9rem;
    --font-24:2.2rem;
    --font-25:2.3rem;
    --font-26:2.4rem;
    --font-28:2.6rem;
    --font-32:2.8rem;
    --font-38:3.2rem;
    --font-40:3.6rem;
    --font-42:3.8rem;
    --font-45:4rem;
    --font-46:4.2rem;
    --font-50:4.6rem;
    --font-52:4.8rem;
     --font-58:5rem;
     --font-62:5.1rem;
    --font-64:5.2rem;
    --font-72:6.6rem;
    --font-81:7.4rem;
    --font-90:8.2rem;
    --font-100:9rem;
    --line-height-16:1.6;
    --line-height-1:1;
    --letter-spacing-12:-1.2px;
    --line-height42: 4.2rem;
    --line-height51: 5.1rem;
}
}
@media(max-width:1199px) {
:root {
    --font-12:1.1rem;
    --font-13:1.1rem;
    --font-14:1.3rem;
    --font-15:1.4rem;
    --font-16:1.5rem;
    --font-18:1.6rem;
    --font-19:1.7rem;
    --font-20:1.8rem;
    --font-21:1.9rem;
    --font-24:2.2rem;
    --font-25:2.3rem;
    --font-26:2.4rem;
    --font-28:2.5rem;
    --font-32:2.6rem;
    --font-38:3rem;
    --font-40:3.2rem;
    --font-42:3.6rem;
    --font-45:3.8rem;
    --font-46:4rem;
    --font-50:4.2rem;
    --font-52:4.4rem;
    --font-58:4.8rem;
    --font-62:5rem;
    --font-81:6.8rem;
    --font-90:7.2rem;
    --font-100:8rem;
    --line-height-16:1.6;
    --line-height-1:1;
    --letter-spacing-12:-1.2px;
    --line-height42: 4.2rem;
    --line-height51: 5.1rem;
}
}
@media(max-width:991px) {
:root {
    --font-24: 2rem;
    --font-81:6.2rem;
    --font-42:3.2rem;

}
}
@media(max-width:768px) {
:root {
    --font-52: 3.8rem;
    --font-40: 2.8rem;
    --font-32: 2.4rem;
    --font-81: 5.2rem;
    --font-100:6rem;
}
}
@media(max-width:575px) {
:root {
   --font-81: 5.8rem;
   --font-58: 4.8rem;
   --font-52: 4rem;
   --font-45: 3.6rem;
    --font-40: 3rem;
    --font-32: 2.4rem;
}
}

@media(max-width:330px) {
    .container {padding-left: 1.5rem;padding-right: 1.5rem;}
}
@media(min-width:320px) {
    .container{
        max-width: 100%;
    }
}

@media(min-width:992px) {
    .container {max-width: 1000px;padding-left: 1.5rem;padding-right: 1.5rem;}
    
}
@media(min-width:1199px) {

    .container {
        max-width: 1180px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

/* @media(min-width:1200px) {

    .container {
        max-width: 1198px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
} */

@media(min-width:1550px) {

    .container {
        max-width: 1398px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .container-fluid {
        max-width: 100%;
        padding-inline: 2.5rem;
    }
}

/* @media(min-width:1600px) {
    .container {
        max-width: 1400px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
} */

@media(min-width:1800px) {

    .container {
        max-width: 1445px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .footer .container {
    max-width: 1180px;
}
    .container-fluid {
        max-width: 100%;
        padding-inline: 2rem;
    }
}



/* swiper button */
.swiper-button-prev:after, .swiper-button-next:after{font-size: 1rem;}
.swiper-button-next, .swiper-button-prev{
    /* border: 1px solid var(--white); */
    width: 25px;
    height: 25px;
    color: var(--white);
}
.swiper-button-next{right: -17px;}
.swiper-button-prev{left:-41px;}

/* Reveal Animations */
.image, .image2{opacity: 0;}
.reveal-image,
.reveal-image:after {position: absolute;animation-delay: 0s;animation-iteration-count: 1;animation-duration: 1600ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image2,
.reveal-image2:after {position: absolute;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity: 1;position: relative;animation-name: reveal-image2;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}

@keyframes reveal-image {
    from { clip-path: inset(0 100% 0 0);}
    to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
}

.reveal-image2,
.reveal-image2:after {position: absolute;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity: 1;position: relative;animation-name: reveal-image2;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}

@keyframes reveal-image {
    from { clip-path: inset(0 100% 0 0);}
    to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
}



.btn_yellow {
  font-size: var(--font-14);
    letter-spacing: -0.28px;
    display: inline-block;
    padding: 0.6rem 1.4rem;
    text-align: center;
    border-radius: 0.4rem;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  display: inline-block;
  outline: none;
  color: var(--black);
}
.btn_yellow {
  background:var(--yellow);
  border: none;
  z-index: 1;
}
/* .btn_yellow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: var(--green);
  border-radius:  0.4rem;
  transition: all 0.5s ease;
} */
.btn_yellow:hover {
  color: #fff;
}
.btn_yellow:hover:after {
  left: 0;
  width: 100%;
}

.btn_green {
   background: var(--green);
    padding: 0.6rem 1.4rem;
    font-size: var(--font-21);
    color: var(--white);
    font-family: var(--poppins);
    border-radius: 0.4rem;
    display: inline-block;
  
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  display: inline-block;
  z-index: 1;
}

.btn_green:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: var(--yellow);
  border-radius:  0.4rem;
  transition: all 0.5s ease;
}
.btn_green:hover {
  color: var(--black);
}
.btn_green:hover:after {
  left: 0;
  width: 100%;
}

/*  UIAK - 15031993 End*/

.blink_btn {
  background-color: #8EDDBE;
  color: white;
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0%, 100% {background-color:var(--yellow);}
  50% {background-color:var(--green) ;}
}


@media screen and (max-width:991px){
  .image, .image2{opacity: 1;}
}


div:where(.swal2-container) div:where(.swal2-popup) {
    width: 40rem !important;
    padding: 3rem 0 !important; 
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{
    background-color: #436F40 !important;
}
div:where(.swal2-container) h2:where(.swal2-title){
    font-size: var(--font-28) !important;
    color: #436F40 !important;
}
div:where(.swal2-container) div:where(.swal2-html-container){
    font-size: var(--font-18) !important;
    padding-top: 0.5rem !important;
    font-family: var(--poppins) !important;
    color: var(--black) !important;
}
div:where(.swal2-container) button:where(.swal2-styled){
    background: #436F40 !important;
    padding: 0.5rem 1.2rem;
    color: var(--white) !important;
    border-radius: 0.4rem !important;
    font-size: var(--font-12) !important;
}

@media(max-width:575px){
  div:where(.swal2-container) div:where(.swal2-popup) {
    width: 98% !important;
}
}