@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

html{
    scroll-behavior:smooth;
}

::selection {
  color: #fff;
  background-color: #fe7b14; /* Custom highlight color */
}
#backToTop { font-size: 25px;}

.reveal.active{
  opacity:1;
  transform: translateY(0);
}

.carousel-caption h5 {
    color: #fff;
}

/* ======================================
       FEATURE CARDS On HOME PAGE
    ====================================== */

.feature-card {
    position: relative;
    background:rgba(255,255,255,0.55);
    border-radius:22px;
    padding:35px;
    height:100%;
    text-align:center;
    /* border: 1px solid rgba(0,0,0,0.05); */
    overflow: hidden;
    border: #d9e8c5 solid 1px;
    box-shadow: 0 15px 35px rgba(0,0,0,.06);
    will-change: transform, opacity, box-shadow;
    transform: translateX(var(--sr-translate, 0));
    opacity: 0;
    transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.75s ease, box-shadow 0.3s ease;
}

.feature-cards .row > .col:nth-child(odd) .feature-card {
    --sr-translate: -100px;
}

.feature-cards .row > .col:nth-child(even) .feature-card {
    --sr-translate: 100px;
}

.feature-card.scroll-reveal-visible {
    --sr-translate: 0;
    opacity: 1;
    transform: translateX(0) translateY(0);
}

.feature-card::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    top: -60px;
    right: -60px;
    background: rgb(56 178 172 / 15%);
}

 @media screen and (max-width: 768px) {
    .feature-card {
        padding: 15px;
    }
    
  }
.feature-card:hover{
      transform: translateX(0) translateY(-8px);
      box-shadow: 0 15px 30px rgba(0,0,0,0.06);
      transition: all ease-in .3s;
    }

.feature-icon {
      width:80px;
      height:80px;
      margin:auto auto 25px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:
      linear-gradient(
        60deg,
        #5f8d58,
        #c4e6b3
      );
      color:#fff;
      font-size:30px;
    }

.feature-card h4 {
      margin-bottom:16px;
      font-size:1.3rem;
      font-weight:600;
      color: #0d5c4d;
    }

.feature-card p {
      font-size: 16px;
      color: #60746f;
      line-height: 1.5rem
    }

/* Link Colors across */
a:link, a:visited, a:hover, a:active { color: #fe7b14; }

body {
    background-color: #f9fbe7 !important;
    position: relative;
    color: #29281e;
    font-style: normal;
    font-family: "Poppins", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    overflow-x: hidden;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-family:'Poppins',sans-serif !important;
    scroll-behavior: smooth;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/body-bg.webp);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: auto;
    background-position: 0 0;
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
    animation: moveBg 30s linear infinite;
}
@keyframes moveBg{

    0%{
        background-position: 0 0;
    }

    100%{
        background-position: 500px 0;
    }

}

/* body > * {
    position: relative;
    z-index: 1;
} */

/*** Effects ****/
/* Smooth Text Animation on Scroll Reveal */
.text-focus-in {
    opacity: 0;
    will-change: opacity, filter;
}

.text-focus-in.animated {
	-webkit-animation: text-focus-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-focus-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* Staggered animation delays for smooth cascading effect */
.text-focus-in.animated[data-animation-delay="1"] {
	animation-delay: 0.05s;
	-webkit-animation-delay: 0.05s;
}

.text-focus-in.animated[data-animation-delay="2"] {
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

.text-focus-in.animated[data-animation-delay="3"] {
	animation-delay: 0.15s;
	-webkit-animation-delay: 0.15s;
}

.text-focus-in.animated[data-animation-delay="4"] {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.text-focus-in.animated[data-animation-delay="5"] {
	animation-delay: 0.25s;
	-webkit-animation-delay: 0.25s;
}

/* Headings: Faster animation for prominence */
h1.text-focus-in.animated, 
h2.text-focus-in.animated, 
h3.text-focus-in.animated {
	-webkit-animation: text-focus-in 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-focus-in 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* Paragraphs: Faster animation */
p.text-focus-in.animated {
	-webkit-animation: text-focus-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-focus-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* List items: Faster sequential reveal */
li.text-focus-in.animated {
	-webkit-animation: text-focus-in 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-focus-in 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* Cards and containers: Faster for more prominent reveal */
.card.text-focus-in.animated,
.feature-card.text-focus-in.animated,
.item_title.text-focus-in.animated {
	-webkit-animation: text-focus-in 0.55s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-focus-in 0.55s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ====== ACCORDION SMOOTH NATIVE BOOTSTRAP ====== */
/* Remove blur from accordion text-focus-in animations only */
.accordion .text-focus-in,
.accordion-item .text-focus-in,
.accordion-button .text-focus-in,
.accordion-body .text-focus-in,
.accordion-collapse .text-focus-in {
	animation: none !important;
	filter: none !important;
	opacity: 1 !important;
}

/* Ensure images inside accordion don't cause layout jumps */
.accordion-body img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* CAROUSEL HOME PAGE STYLES */
.hero_banner .banner_big_title {
         font-size: 36px;
         font-weight: 800; 
         color: #020043;
         margin-bottom: 20px;
         } 
         
         /* CAROUSEL NEW */
         .hero-carousel {
         position:relative;
         height:80vh;
         overflow:hidden;
         margin-left: 10px;
         border-radius: 20px;
         }
          
           /* Mobile */
         @media(max-width:768px){

         .hero-carousel {
              margin-left: 0;
              width:100%;
              text-align: center;
              padding-bottom: 15px;
         }
         /* To Stretch Carouse end to end on Homepage - Mobile */
         .hero_banner .container {
             padding: 0; 
         }
         .hero_banner .home-desc {
             padding: 0 10px;
         }
         .hero-btns{
         justify-content:center;
         }
         .carousel-caption h1{
         font-size:16px;
         line-height: 20px;
         margin: 0 5px;
         }
         .carousel-caption p{
         font-size:14px;
         line-height: 16px;
         margin: 5px 5px 0 5px;
         }
         }
         /* Slide Image */
         .hero-carousel .carousel-item {
         height:80vh;
         position:relative;
         border-radius: 20px;
         overflow: hidden;
         }
         .hero-carousel .carousel-item img {
         width:100%;
         height:100%;
         border-radius: 20px;
         object-fit:cover;
         transform:scale(1);
         will-change: transform;
         }
         .hero-carousel .carousel-item.active img{
         animation: heroCarouselZoom 6s linear both;
         border-radius: 20px;
         }

         @keyframes heroCarouselZoom {
         from {
         transform: scale(1);
         }
         to {
         transform: scale(1.09);
         }
         }
         /* Overlay */
         .hero-carousel::before{
         content:"";
         position:absolute;
         inset:0;
         background:
         radial-gradient(circle at bottom left,
         rgba(255,0,255,.15),
         transparent 30%),
         linear-gradient(to bottom,
         rgba(0,0,0,.2),
         rgba(0,0,0,.75));
         z-index:1;
         }
         /* Content */
         .hero-carousel .carousel-caption {
            width: 100%;
            z-index:5;
            bottom:0;
            left: 0;
            text-align: center;
            padding-bottom: 0;
            display: grid;
            place-items: center;
            background: rgba(0, 0, 0, 0.5);
            text-align: center;
            color: #fff;
            padding: 35px;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
         }
          
         .hero-carousel .carousel-caption h1 {
         font-size: 18px;
         font-weight:800;
         line-height:20px;
         background:linear-gradient(90deg,#ffffff,#00f7ff,#a081ff);
         background-clip: text;
         -webkit-background-clip:text;
         -webkit-text-fill-color:transparent;
         text-transform: capitalize;
         }

         .hero-carousel  .carousel-caption p {
         font-size: 16px;
         line-height:20px;
         color:#fff;
         margin-bottom:0;
         }

         @media(max-width:768px) {
            .hero-carousel .carousel-caption { 
                padding: 15px;
            }
            .hero-carousel .carousel-caption h1 { 
                font-size: 16px;
            }
          }
        
         .hero-carousel .btn-future {
            padding:14px 34px;
            border-radius:60px;
            border:none;
            font-weight:600;
            letter-spacing:1px;
            position:relative;
            overflow:hidden;
            transition:.4s;
         }
         .hero-carousel .btn-primary-future{
         background:linear-gradient(90deg,#00f7ff,#6f00ff);
         color:#fff;
         box-shadow:0 0 25px rgba(0,247,255,.4);
         }
         .btn-primary-future:hover{
         transform:translateY(-3px);
         box-shadow:0 0 40px rgba(0,247,255,.7);
         }
         .hero-carousel .btn-outline-future{
         background:transparent;
         border:1px solid rgba(255,255,255,.3);
         color:#fff;
         backdrop-filter:blur(10px);
         }
         .hero-carousel .btn-outline-future:hover{
         background:rgba(255,255,255,.1);
         transform:translateY(-3px);
         }
         /* Nav Buttons */
         .hero-carousel .carousel-control-prev,
         .hero-carousel .carousel-control-next{
         width:70px;
         z-index:10;
         }
         @media screen and (max-width: 767px) { 
         .hero-carousel .carousel-control-prev,
         .hero-carousel .carousel-control-next{
         width:60px;
         z-index:10;

         }
         }
         .hero-carousel .carousel-control-prev-icon,
         .hero-carousel .carousel-control-next-icon {
         width:55px;
         height:55px;
         border-radius:50%;
         background-color:rgba(255,255,255,.1);
         backdrop-filter:blur(10px);
         border:1px solid rgba(255,255,255,.15);
         background-size:45%;
         transition:.4s;
         text-shadow: #000 3px 2px;
         }
         .hero-carousel .carousel-control-prev-icon:hover,
         .hero-carousel .carousel-control-next-icon:hover{
         transform:scale(1.1);
         }

/* ----------------------------------------------
 * Generated by Animista on 2026-5-6 18:2:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in (ENHANCED)
 * ----------------------------------------
 * Smooth blur-to-focus with subtle opacity blend
 * Creates elegant reveal effect on scroll
 */
@-webkit-keyframes text-focus-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(12px);
                        transform: translateY(12px);
    }
    40% {
        opacity: 0.4;
        -webkit-transform: translateY(8px);
                        transform: translateY(8px);
    }
    70% {
        opacity: 0.85;
        -webkit-transform: translateY(4px);
                        transform: translateY(4px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                        transform: translateY(0);
    }
}

@keyframes text-focus-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
                        transform: translateY(20px);
    }
    40% {
        opacity: 0.4;
        -webkit-transform: translateY(12px);
                        transform: translateY(12px);
    }
    70% {
        opacity: 0.85;
        -webkit-transform: translateY(6px);
                        transform: translateY(6px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                        transform: translateY(0);
    }
}

/* Scroll Reveal Animation - Alternative smooth reveal */
.scroll-reveal {
  opacity: 0;
  transform: translateY(30px);
  will-change: opacity, transform;
}

.scroll-reveal-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940),
              transform 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* Generic reveal used by JS: no blur, stronger motion for visibility */
.reveal {
    --sr-translate: 40px;
    --sr-duration: 0.75s;
    --sr-ease: cubic-bezier(.2,.9,.2,1);
    opacity: 0;
    transform: translateY(var(--sr-translate)) translateZ(0);
    transition: opacity var(--sr-duration) var(--sr-ease), transform var(--sr-duration) var(--sr-ease);
    will-change: opacity, transform;
}

.reveal--from-top { --sr-translate: -40px; }
.reveal--from-bottom { --sr-translate: 40px; }

/* Make section elements more obvious: larger translate + snappier duration for dramatic effect */
section.reveal {
    --sr-translate: 65px;
    --sr-duration: 0.8s;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
}

/* Smooth fade-in animation */
@keyframes smoothFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ====== ACCORDION: NATIVE BOOTSTRAP WITH EXPLICIT SMOOTH TRANSITIONS ====== */
/* Bootstrap 5 uses JavaScript to handle collapse height changes.
   We ensure the animation is smooth by setting explicit transition properties
   and enabling GPU acceleration. Uses smooth easing for all content sizes. */

.accordion-collapse {
  overflow: hidden !important;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/* Ensure smooth collapse/expand animation by explicitly setting transition on height changes */
.accordion-collapse.collapsing {
  transition: height 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 350ms ease;
  overflow: hidden !important;
  will-change: height;
}

.accordion-collapse.collapse {
  overflow: hidden !important;
}

.accordion-collapse.collapse.show {
  overflow: visible !important;
}

/* Smooth icon rotation on accordion button - use GPU-accelerated transform */
.accordion-button::after {
  transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform: translate3d(0, 0, 0);
}

/* Optimize accordion body for smooth rendering */
.accordion-body {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  overflow: hidden;
}

.fade-in-reveal {
  animation: smoothFadeIn 0.6s ease-out forwards;
}

.hero_banner .banner_small_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
    color: #000
}

.hero_banner .banner_big_title {
    font-size: 36px;
    font-weight: 800;
    color: #000;
    margin-bottom: 20px
}

.hero_banner .banner_description {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 40px
}

.hero_banner .banner_btns_group {
    margin: -20px
}

.hero_banner .banner_btns_group>li {
    padding: 20px
}

.hero_banner:-moz-placeholder {
    color: #444
}

.hero_banner::-moz-placeholder {
    color: #444
}

.hero_banner:-ms-input-placeholder {
    color: #444
}

.hero_banner::-webkit-input-placeholder {
    color: #444
}

.hero_banner .tags_list {
    max-width: 400px
}

.hero_banner.style_1 {
    /*margin-bottom: 59px*/
    margin-bottom: 10px
}

.hero_banner.style_1 .container {
    max-width: 1430px
}

.hero_banner.style_1 .content_wrap {
    padding: 25px 10px 10px 15px;
    /* background-color: #d9d9d9; changes by nikita */
    background: rgba(169, 204, 146, .5);
    border-radius: 20px;
}

.banner_image_1 {
    z-index: 1;
    position: relative;
    margin: 0 0 -130px -58px
}

.banner_image_1 .image_wrap {
    overflow: hidden;
    position: relative;
    border-radius: 8px
}

.banner_image_1 .satisfied_student {
    z-index: 2;
    left: -217px;
    bottom: -29px;
    padding: 40px;
    max-width: 317px;
    position: absolute;
    text-align: center;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963)
}

.banner_image_1 .satisfied_student .wrap_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px
}

.banner_image_1 .satisfied_student .students_thumbnail>li:not(:first-child) {
    margin-left: -15px
}

.banner_image_1 .satisfied_student .students_thumbnail span {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #fff;
    background-color: #fff
}

.banner_image_1 .deco_item {
    z-index: 1
}

.banner_image_1 .shape_img_1 {
    top: 42%;
    left: -124px
}

.banner_image_1 .shape_img_2 {
    top: -33px;
    right: -16px
}

.hero_banner.style_2 {
    overflow: hidden;
    padding: 152px 0 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ffd32b;
    background-position: center center
}

.hero_banner.style_2 .banner_big_title {
    margin-right: -30px
}

.hero_banner.style_2 .banner_big_title,
.hero_banner.style_2 .banner_description {
    color: #1f1d0d
}

.hero_banner.style_2 .banner_description {
    max-width: 500px
}

.banner_image_2 {
    position: relative
}

.banner_image_2 .image_wrap_1 {
    margin-bottom: -850px
}

.banner_image_2 .child_image {
    z-index: 1;
    position: absolute
}

.banner_image_2 .child_image .layer {
    max-width: 260px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 10px 10px 0 0 #1f1d0d
}

.banner_image_2 .child_image .layer:before {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    content: "";
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/banner/icons_group.svg)
}
.page_wrapper {
    overflow: hidden;
    position: relative
}

[disabled] {
    opacity: .4;
    pointer-events: none
}

iframe {
    border: none
}

a:active,
a:focus,
input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover {
    outline: 0
}

/* embed,
img:not([draggable]),
object,
video {
    height: auto;
    max-width: 100%
} */

img {
    border: none;
    height: auto;
    max-width: 100%;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

a {
    outline: 0;
    display: inline-block;
    text-decoration: none;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none
}

button {
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    display: inline-block;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

button:focus {
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    color: #1f1d0d;
    font-family: "Poppins", sans-serif;
}

hr {
    opacity: 1;
    margin: 25px 0;
    background-color: #d2d2d2;
}

.fa {
    font-family: "Font Awesome 5 Brands"
}

.container {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px
}

.col {
    flex: unset;
    padding: 15px
}

.dropdown-menu {
    animation: .3s linear 0s normal none 1 running fadeInUp;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 3px 7px 0 rgba(192, 14, 14, 0.6);
    border: none;
    margin-top: 20px;
}

.dropdown-menu:before {
    left: 0;
    right: 0;
    top: -20px;
    content: "";
    height: 20px;
    display: block;
    position: absolute;
}

/* Master dropdown chevron rule - default down arrow for all cases */
.main_menu_list > li.dropdown > a.nav-link,
.main_menu_list .dropdown > a.nav-link,
.main_menu_list > li.dropdown > a[data-bs-toggle="dropdown"],
a[data-bs-toggle="dropdown"] {
    position: relative;
    padding-right: 1.8rem;
}

.main_menu_list > li.dropdown > a.nav-link::after,
.main_menu_list .dropdown > a.nav-link::after,
.main_menu_list .dropdown > a::after,
.main_menu_list > li.dropdown.active > a.nav-link::after,
.main_menu_list > li.dropdown > a[data-bs-toggle="dropdown"]::after,
a[data-bs-toggle="dropdown"]::after {
    content: "▼" !important;
    position: absolute !important;
    right: 0.8rem !important;
    top: 50% !important;
    margin-top: 2px;
    transform: translateY(-50%) !important;
    font-family: inherit !important;
    font-weight: 900 !important;
    font-size: 0.7rem !important;
    color: #fe8408 !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.25s ease, color 0.25s ease !important;
    line-height: 1 !important;
}
.main_menu_list > li.dropdown.active > a.nav-link::after{
    color: #29281e !important;
   
}
/* Open/expanded dropdown - show up arrow */
.main_menu_list > li.dropdown.show > a.nav-link::after,
.main_menu_list > li.dropdown > a.nav-link[aria-expanded="true"]::after,
.main_menu_list > li.dropdown.show > a[data-bs-toggle="dropdown"]::after,
.main_menu_list > li.dropdown > a[data-bs-toggle="dropdown"][aria-expanded="true"]::after {
    content: "▲" !important;
    color: #29281e !important;
}

/* Hover states - maintain arrow direction based on open/active state */
.main_menu_list > li.dropdown:hover > a.nav-link::after,
.main_menu_list > li.dropdown:hover > a[data-bs-toggle="dropdown"]::after {
    transform: translateY(-50%) !important;
}

.main_menu_list > li.dropdown.show:hover > a.nav-link::after,
.main_menu_list > li.dropdown:hover > a.nav-link[aria-expanded="true"]::after,
.main_menu_list > li.dropdown.show:hover > a[data-bs-toggle="dropdown"]::after,
.main_menu_list > li.dropdown:hover > a[data-bs-toggle="dropdown"][aria-expanded="true"]::after {
    content: "▲" !important;
    transform: translateY(-50%) !important;
}


.layer {
    position: relative !important
}

.bg_light {
    background-color: #f6f6f6
}

.bg_light_2 {
    background-color: #f8f8f8
}
.bg_twitter {
    background-color: #1da1f2
}

.bg_instagram {
    background-color: #c32aa3
}

.bg_linkedin {
    background-color: #0a66c2
}

@keyframes dropDown {
    0% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

/* .backtotop {
    right: 15px;
    z-index: 999;
    bottom: 80px;
    display: none;
    position: fixed
} */

.decoration_wrap {
    z-index: 1;
    position: relative
}

.decoration_wrap .deco_item {
    z-index: -1;
    position: absolute
}

.decoration_wrap .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    position: absolute
}

.decoration_wrap .half_bg_top {
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    position: absolute
}

img.icon-insta { 
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 14px;
    position: absolute;
    left: 40px;
 }

.home-desc p { font-family: "Poppins", sans-serif; text-align: justify; font-size: 18px; color: #1f1d0d; margin: 15px 10px; }
.section-title {
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 2.6rem;
    color: #fe7b14;
    position: relative;
}
.section-title::after {
    content: '';
    width: 6rem;
    height: 5px;
    background: linear-gradient(to right,#f59e0b,#84cc16);
    position: absolute;
    border-radius: 10000px;
    bottom: -10px;
    left: 0;
} 
/* Section Title Mobile  */
@media screen and (max-width:1024px) {
    .section-title {
       font-size: 1.55rem;
       line-height: 1.9rem;
       color: #fe7b14;
    }
    .home-desc p { font-size: 16px; margin: 20px 5px; }
    .section-title::after {
            content: '';
            width: 5rem;
            height: 4px;
            position: absolute;
            left: 0;
    }
}

.section_space_md {
    padding-top: 70px;
    padding-bottom: 70px
}

.card-body p, .card-body li  { font-family: "Poppins", sans-serif; font-size: 16px; color: #1f1d0d; }

@media screen and (min-width:768px) and (max-width: 999px) { 
    .site_logo { max-width: 60%; }
}

.button_group { width: 100%; float: left; margin-top: 20px; }
.button_group .btn_primary { 
    width: 100%; 
    margin-bottom: 15px;
    border: 0; 
    background-color: #fe7b14; 
    background: linear-gradient(135deg, #f4b821, #ff5400);
    color: #fff; 
    padding: 4px 15px;
 }
 .button_group .btn_primary a:active, .button_group .btn_primary a:active .fa-solid { color: #fff; }
@media screen and (max-width:768px) {
    .button_group { margin-top: 10px !important; }
    .button_group .btn_primary { width: 100%;margin-top: 10px; margin-bottom: 0; }
}   
.button_group .btn_primary:hover { background-color: #fe7b14; }

.grad {
  background: linear-gradient(90deg,#ff8a00,#ef3f50, #782e94, #2a1772);
  -webkit-background-clip:text;
  color:transparent;
  /* text-shadow: #000 3px 2px; */
}

.grad-flow {
    background: linear-gradient( 135deg,#fe7b14,#fc6076,#c94bff) !important;
}

/* Youtube Shorts Video */
.yt-video{
    width: 100%; 
    float: left;
    position: relative;
    aspect-ratio: 9 / 12;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
}
@media screen and (max-width:1024px) { 
    .yt-video { margin-top: 20px; }
}
.yt-video iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Video on About Us */
.abt-video {
    position: relative;
    width: 100%;
    height: 50vh;
    border-radius: 20px;
    margin-left: 0 !important;
}
.abt-video iframe {
    width: 100%;
    height:50vh;
    border: none;
}
@media screen and (max-width:1024px) { 
    .courses_info_section .abt-video { margin-left: 10px; margin-bottom: 20px; }
    .courses_info_section .l-10 { margin-left: 20px; }
    .courses_info_section .b-20 { margin-bottom: 30px; }
}

.btn_wrap {
    padding: 44px 0
}

.btn {
    border: none;
    line-height: 1;
    padding: 0 40px;
    overflow: hidden;
    position: relative;
    color: #fff;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    border: 2px solid transparent;
    border-radius: 30px;
}

.btn span {
    position: relative;
    display: inline-block;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.btn span small {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}
@media screen and (max-width: 767px) { 
    .btn span small {
        font-size: 18px;
    }
}
a.btn:hover span small {
    color: #fff
}
.btn span small:nth-child(2) {
    left: 50%;
    top: 100%;
    opacity: 0;
    width: 100%;
    position: absolute;
    transform: translateX(-50%)
}

.btn:focus {
    outline: 0;
    box-shadow: none
}

.btn:hover {
    z-index: 1;
    color: #fff;
    transform: translateY(-4px);
}

.btn:hover span small {
    color: #fff
}

.btn:hover span small:nth-child(1) {
    opacity: 0;
    transform: translateY(-100%)
}

.btn:hover span small:nth-child(2) {
    top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.btn.btn_small {
    padding: 0 28px
}

.btn.btn_small span small {
    padding: 9px 0
}

.btn_primary:hover span small {
    color: #1f1d0d
}

.btn_dark {
    color: #fff;
    border-color: #1f1d0d;
    background-color: #1f1d0d
}

.btn_dark:hover {
    color: #fff
}

.btn_dark:hover span small {
    color: #fff
}

.btn_warning {
    color: #1f1d0d;
    border-color: #ffd32b;
    background-color: #ffd32b
}

.btn_warning:hover {
    color: #1f1d0d;
    box-shadow: 0 8px 24px 0 rgba(255, 211, 43, .5)
}

.btn_warning:hover span small {
    color: #1f1d0d
}

.btn.border_dark {
    color: #1f1d0d;
    border-color: #1f1d0d
}

.btn.border_dark:hover {
    color: #fff;
    background-color: #1f1d0d
}

.btn.border_dark:hover span small {
    color: #fff
}

.btn_unfill {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1f1d0d;
    align-items: center;
    display: inline-flex;
    font-family: Barlow, sans-serif
}

.btn_unfill .btn_icon {
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin-left: 10px;
    position: relative;
    border-radius: 100%;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    background-color: #1f1d0d
}

.btn_unfill .btn_icon i {
    top: 50%;
    font-size: 14px;
    position: absolute;
    color: #f7ff62;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.btn_unfill .btn_icon i:nth-child(1) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.btn_unfill .btn_icon i:nth-child(2) {
    left: -100%;
    transform: translateY(-50%)
}

.btn_unfill:hover {
    color: #1f1d0d
}

.btn_unfill:hover span {
    text-decoration: underline
}

.btn_unfill:hover .btn_icon {
    transform: translateX(2px)
}

.btn_unfill:hover .btn_icon i:nth-child(1) {
    left: 100%;
    transform: translateY(-50%)
}

.btn_unfill:hover .btn_icon i:nth-child(2) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.unordered_list,
.unordered_list_center,
.unordered_list_end {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.unordered_list>li,
.unordered_list_center>li,
.unordered_list_end>li {
    list-style: none;
    display: inline-block
}

.unordered_list {
    justify-content: flex-start
}

.unordered_list_center {
    justify-content: center
}

.unordered_list_end {
    justify-content: flex-end
}

.unordered_list_block {
    margin: 0;
    padding: 0;
    display: block
}

.unordered_list_block>li {
    display: block;
    list-style: none;
    color: #fff;
    margin-left: 12px;
    font-weight: 500;
}

ol[type="1"]>li:not(:last-child) {
    margin-bottom: 12px
}

.info_list a {
    display: block;
    color: #29281e
}

.info_list a:hover {
    opacity: .7
}
.program-overview p {
    font-size: 18px;
    color: #1f1d0d;
    font-family: "Poppins", sans-serif;
}
.info_list i {
    float: left;
    font-size: 12px;
    margin: 7px 10px 0 0;
    color: #ffd32b;
    text-shadow: 3px 2px 0 #1f1d0d
}

.info_list i[class*=check] {
    font-size: 14px;
    text-shadow: none;
    color: #ffd32b
}

.info_list span {
    display: table
}

.page_list.unordered_list {
    margin: -5px -10px
}

.page_list.unordered_list>li {
    padding: 5px 10px
}

.page_list.unordered_list_block>li:not(:last-child) {
    margin-bottom: 10px
}

.page_list>a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.page_list .item_icon {
    margin-right: 10px;
    color: #f7ff62
}

.tags_list {
    margin: -10px
}

.tags_list>li {
    padding: 10px
}

.tags_list a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #1f1d0d;
    padding: 12px 16px;
    text-transform: uppercase;
    font-family: Barlow, sans-serif;
    border-radius: 8px;
    background-color: #fff
}

.tags_list a:hover {
    transform: translate(-1px, -1px);
    box-shadow: 3px 3px 0 0 #1f1d0d
}

.tags_list.style_2 a {
    background-color: #f6f6f6
}

.item_category_list {
    overflow: hidden;
    border-radius: 8px
}

.item_category_list a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    padding: 7px 12px;
    color: #1f1d0d;
    text-transform: uppercase;
    font-family: Barlow, sans-serif;
    background-color: #f6f6f6
}

.item_category_list a:hover {
    background-color: #ffd32b
}

.meta_info_list {
    margin: -2px -6px
}

.meta_info_list>li {
    font-size: 14px;
    padding: 2px 6px;
    line-height: 20px
}

.meta_info_list span {
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.meta_info_list i {
    margin-right: 2px;
    color: #ffd32b
}

.meta_info_list a {
    color: #1f1d0d
}

.meta_info_list a:hover span {
    opacity: .6;
    text-decoration: underline
}

.meta_info_list.unordered_list_block>li:not(:last-child) {
    margin-bottom: 8px
}

blockquote {
    display: flex;
    margin-bottom: 20px
}

blockquote .blockquote_icon {
    flex: 0 0 60px;
    margin-right: 30px
}

blockquote p {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    font-family: Barlow, sans-serif
}

.slick-dots {
    margin: 0;
    display: flex;
    position: static;
    padding-top: 40px;
    align-items: center;
    justify-content: center
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0 5px;
    display: inline-block
}

.slick-dots li button {
    margin: 0;
    padding: 0;
    opacity: .3;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    background-color: #f7ff62;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.slick-dots li button:before {
    display: none
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
    opacity: 1
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.carousel_arrow {
    display: flex;
    align-items: center;
    justify-content: center
}

.carousel_arrow button {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    color: #1f1d0d;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #d2d2d2
}

.carousel_arrow button:not(:last-child) {
    margin-right: 8px
}

.carousel_arrow button i {
    top: 50%;
    font-size: 16px;
    margin-top: 1px;
    position: absolute;
    color: #1f1d0d;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.carousel_arrow button:nth-child(1) i:nth-child(1) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel_arrow button:nth-child(1) i:nth-child(2) {
    left: 110%;
    transform: translateY(-50%)
}

.carousel_arrow button:nth-child(2) i:nth-child(1) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel_arrow button:nth-child(2) i:nth-child(2) {
    left: -110%;
    transform: translateY(-50%)
}

.carousel_arrow button:hover {
    color: #fff;
    border-color: #1f1d0d;
    background-color: #1f1d0d
}

.carousel_arrow button:hover:nth-child(1) i:nth-child(1) {
    left: -110%;
    transform: translateY(-50%)
}

.carousel_arrow button:hover:nth-child(1) i:nth-child(2) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel_arrow button:hover:nth-child(2) i:nth-child(1) {
    left: 110%;
    transform: translateY(-50%)
}

.carousel_arrow button:hover:nth-child(2) i:nth-child(2) {
    left: 50%;
    transform: translate(-50%, -50%)
}

.carousel_arrow button:hover i {
    color: #f7ff62
}

.arrow_top_right {
    position: relative
}

.arrow_top_right .carousel_arrow {
    right: 0;
    top: -61px;
    z-index: 1;
    position: absolute
}

.arrow_right_left {
    position: relative
}

.arrow_right_left .carousel_arrow button {
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.arrow_right_left .carousel_arrow button:nth-child(1) {
    left: 0
}

.arrow_right_left .carousel_arrow button:nth-child(2) {
    right: 0
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    line-height: 0;
    max-width: 70%
}

.mfp-container {
    padding: 0 15px
}

.mfp-bg {
    opacity: .9;
    background: #000
}

@media screen and (max-width:1199px) {
    .mfp-iframe-holder .mfp-content {
        max-width: 100%
    }
}

.video_play_btn {
    display: flex;
    align-items: center
}
/* Page Banner Animation Global banners */
.content_wrapper { animation: fadeIn 0.95s linear both, bannerDrift 10s linear infinite; }
.content_wrap ul.info_list li { color: #0f172a; font-weight: 400; }
.video_play_btn .icon {
    width: 60px;
    height: 60px;
    display: flex;
    flex: 0 0 60px;
    font-size: 18px;
    color: #0f172a;
    margin-right: 10px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    border: 2px solid #1f1d0d;
}

.video_play_btn .icon i {
    margin-left: 4px
}

.video_play_btn .icon:hover {
    color: #1f1d0d;
    border-color: #ffd32b;
    background-color: #ffd32b
}

.video_play_btn .text {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    font-family: Barlow, sans-serif
}

.video_play_btn.text-white .icon {
    color: #fff;
    border: 2px solid #fff
}

.video_play_btn.text-white .icon:hover {
    color: #1f1d0d;
    border-color: #ffd32b;
    background-color: #ffd32b
}

.video_play_btn.text-white .text {
    color: #fff
}

.intro_video_section .shape_img_1 {
    top: -15px;
    right: -147px;
    max-width: 102px
}

.intro_video_section .shape_img_2 {
    top: 30%;
    left: -120px;
    max-width: 270px
}

.intro_video_section .shape_img_3 {
    right: -220px;
    bottom: -200px;
    max-width: 497px
}

.intro_video {
    margin-bottom: 50px
}

.intro_video .video_wrap {
    z-index: 1;
    overflow: hidden;
    position: relative;
    border-radius: 8px
}

.intro_video .video_wrap .video_play_btn {
    top: 50%;
    left: 50%;
    z-index: 2;
    position: absolute;
    transform: translate(-50%, -50%)
}

.form_item {
    position: relative;
    margin-bottom: 30px
}

.form_item input,
.form_item select,
.form_item textarea {
    width: 100%;
    outline: 0;
    display: block;
    box-shadow: none;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    border-radius: 8px;
    border: 2px solid #d2d2d2
}

.form_item input:focus,
.form_item select:focus,
.form_item textarea:focus {
    outline: 0;
    box-shadow: none
}

.form_item input {
    height: 60px;
    padding: 0 20px
}

.form_item textarea {
    min-height: 180px;
    padding: 15px 20px
}

.form_item select {
    height: 60px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 12px;
    padding: 0 40px 0 20px;
    color: rgba(31, 29, 13, .5);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(../images/icon/icon_down.png)
}

.form_item:has(.btn) {
    display: flex;
    margin-bottom: 60px
}

.form_item:has(.btn) input {
    flex: 0 0 370px;
    margin-right: 20px;
    border-color: #1f1d0d
}

.input_title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #1f1d0d;
    margin-bottom: 6px;
    font-family: Barlow, sans-serif
}

:-moz-placeholder {
    color: rgba(31, 29, 13, .5)
}

::-moz-placeholder {
    color: rgba(31, 29, 13, .5)
}

:-ms-input-placeholder {
    color: rgba(31, 29, 13, .5)
}

::-webkit-input-placeholder {
    color: rgba(31, 29, 13, .5)
}

.checkbox_item {
    position: relative;
    padding-left: 26px;
    margin-bottom: 30px
}

.checkbox_item input {
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    border-radius: 8px;
    border: 1px solid #1f1d0d;
    background-color: #fff
}

.checkbox_item input:before {
    top: 50%;
    left: 50%;
    opacity: 0;
    line-height: 1;
    font-size: 8px;
    content: "";
    font-weight: 700;
    position: absolute;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Pro"
}

.checkbox_item input:checked {
    background-color: #f7ff62
}

.checkbox_item input:checked:before {
    opacity: 1
}

.checkbox_item label {
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px
}

.vanilla-calendar {
    padding: 0;
    width: 100%;
    border-radius: 8px
}

.vanilla-calendar-header {
    padding: 10px;
    color: #fff;
    background-color: #1f1d0d;
    border-radius: 8px
}

.vanilla-calendar-header button {
    font-weight: 500;
    color: #fff
}

.vanilla-calendar-header button:hover {
    color: #f7ff62
}

.vanilla-calendar-arrow:after,
.vanilla-calendar-arrow:before {
    background-color: #fff
}

.vanilla-calendar-arrow:hover:after,
.vanilla-calendar-arrow:hover:before {
    background-color: #f7ff62
}

.vanilla-calendar-day__btn {
    color: #1f1d0d;
    border-radius: 8px
}

.vanilla-calendar-week__day {
    color: #1f1d0d
}

.vanilla-calendar-day__btn:hover,
.vanilla-calendar-day__btn_today {
    color: #1f1d0d;
    background-color: #f7ff62
}

.vanilla-calendar-day__btn_holiday,
.vanilla-calendar-day__btn_weekend {
    color: red
}

.tabs_wrapper .nav {
    margin: -10px -10px 30px
}

.tabs_wrapper .nav>li {
    padding: 10px
}

.tabs_wrapper button {
    color: #1f1d0d;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 10px 16px;
    text-transform: uppercase;
    font-family: Barlow, sans-serif;
    border-radius: 8px;
    border: 2px solid #d2d2d2;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.tabs_wrapper button i {
    margin-right: 4px
}

.tabs_wrapper button.active,
.tabs_wrapper button:hover {
    color: #fff;
    border-color: #1f1d0d;
    background-color: #1f1d0d
}

.social_links {
    margin: -6px;
}

.social_links>li {
    padding: 6px
}

.social_links a {

    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s ease;
}

.social_links a:hover,
.social_links a:hover :before { 
    background: #fff;
    color: #5f8d58 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s ease;
}

.social_links a:after,
.social_links a:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: 100%;
}

.social_links a:before {
    border: none;
}

.social_links a i {
    color: #fff;
}

.counter_item {
    padding: 0 34px 24px 0;
    border-bottom: 1px solid #d2d2d2
}

.counter_item .counter_value {
    font-size: 65px;
    font-weight: 800;
    line-height: 68px;
    margin-bottom: 10px
}

.counter_item p {
    font-size: 16px;
    line-height: 24px
}

.counter_section.bg_primary .counter_item {
    border-bottom: 1px solid #29281e
}

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

.rating_wrap .review_counter {
    font-size: 12px;
    margin-left: 5px
}

.rating_star li {
    line-height: 1;
    font-size: 12px
}

.rating_star li:not(:last-child) {
    margin-right: 2px
}

.rating_star li.active {
    color: #ffda47
}

.iconbox_item .serial_number {
    font-size: 65px;
    font-weight: 800;
    line-height: 68px;
    font-family: Barlow, sans-serif;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1f1d0d
}

.iconbox_item hr {
    margin: 15px 0 14px
}

.iconbox_item .title_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 18px
}

.iconbox_item .item_icon {
    width: 50px;
    height: 50px;
    padding: 8px;
    flex: 0 0 50px;
    line-height: 1;
    font-size: 18px;
    position: relative;
    margin-right: 18px;
    display: inline-flex;
    align-items: flex-end;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 3px 3px 0 0 #ffd32b
}

.iconbox_item .item_icon.bg_dark {
    align-items: center;
    color: #ffd32b;
    justify-content: center;
    background-color: #1f1d0d
}

.iconbox_item .item_title {
    font-size: 22px;
    line-height: 25px
}

.iconbox_item p {
    font-size: 14px;
    line-height: 22px
}

/********* Accordion *********/
@media screen and (max-width:767px) {
    .section_space_lg {
       margin-top: 30px !important;
    }
    .courses_info_section h3 { font-size: 1.4rem; margin: 5px 0 15px 0; line-height: 1.7rem; }
}
.accordion .accordion-item {
    border: none;
    padding: 10px 0;
    border-radius: 0;
    position: relative;
    background-color: transparent;
    border-bottom: 1px solid #d2d2d2;
}
.accordion .accordion-item:hover {
    border: none;
    padding: 10px 0;
    border-radius: 0;
    position: relative;
    background-color: transparent;
    border-bottom: 1px solid #d2d2d2;
}
.accordion .accordion-button {
    padding: 0 15px;
    font-size: 20px;
    font-weight: 700;
    box-shadow: none;
    line-height: 32px;
    color: #0d5c4d;
    /* font-family: Barlow, sans-serif; */
    background-color: transparent
}
@media screen and (max-width:767px) {
    .accordion .accordion-button {
        font-size: 18px;
        line-height: 24px;
    }
}
/* Accordion heading bg  */
.accordion-button:not(.collapsed) {
    background-color: rgba(169, 204, 146, .4);
    border-radius: 10px;
    padding: 10px 15px;
    transition: ease-in .3s;
}
.accordion-button.collapsed {
    transition: ease-in .3s;
}
.accordion .accordion-button:after {
    width: 50px;
    height: 50px;
    font-size: 24px;
    content: "";
    font-weight: 300;
    background: 0 0;
    margin-left: auto;
    text-align: center;
    line-height: 52px;
    border-radius: 100%;
    color: #f7ff62;
    background-color: #1f1d0d;
    transition: all .1s ease-in-out;
    font-family: "Font Awesome 5 Pro"
}

.accordion .accordion-button:not(.collapsed)::after {
    content: "";
    transform: rotate(0);
}

/* Hide default pseudo-element and add explicit icon styling */
.accordion .accordion-button::after {
    display: none !important;
}

.accordion .accordion-icon {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(320deg, #ff7a00, #ffb347);
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
    transition: transform .1s ease-in-out;
    pointer-events: none;
}

.accordion .accordion-button.collapsed .accordion-icon::before {
    content: "+";
}

.accordion .accordion-button:not(.collapsed) .accordion-icon::before {
    content: "–";
}

.accordion .accordion-body {
    padding: 0
}
@media screen and (max-width:767px) {
    .accordion .accordion-body {
        padding:10px 0 0;
    }
    .accordion p {
    margin-bottom: 0;
    margin-top: 0;
}
}
.accordion .accordion-body h5{
    margin-left: 20px;
    font-size: 16px;
    color: #fe8408;
}

.accordion p {
    font-size: 16px;
    line-height: 24px;
    margin-left: 20px;
    margin-top: 5px;
}

.accordion .completed_progress {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
}

.accordion .checkbox_item {
    margin: 0
}

.accordion .checkbox_item:not(:last-child) {
    margin-bottom: 20px
}

.accordion .checkbox_item label {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1f1d0d
}

.accordion .accordion-item:has(.accordion_item_checked) {
    padding-left: 30px
}

.accordion .accordion-item:has(.accordion_item_checked) .accordion_item_checked {
    left: 0;
    top: 47px;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: absolute
}

.accordion .accordion-item:has(.accordion_item_checked) .accordion_item_checked input {
    display: block;
    position: static
}

.accordion.style_2 {
    padding: 0 30px;
    border-radius: 8px;
    border: 1px solid #d2d2d2
}

.accordion.style_2 .accordion-item {
    border: none;
    padding: 30px 0
}

.accordion.style_2 .accordion-item:not(:last-child) {
    border-bottom: 1px solid #d2d2d2
}

.accordion.style_2 .accordion-button {
    font-size: 22px;
    line-height: 25px
}

.accordion.style_2 .accordion-button:after {
    width: auto;
    height: auto;
    font-size: 24px;
    line-height: 1;
    border-radius: 0;
    background: 0 0;
    color: #1f1d0d;
    margin: -16px 0 0 auto
}

.accordion.style_2 .accordion-item:has(.accordion_item_checked) {
    padding-left: 25px;
}

.accordion.style_2 .accordion-item:has(.accordion_item_checked) .accordion_item_checked {
    top: 35px;
}

/********** ABOUT US PAGE STYLES *******/
/* SECTION */
.yt-height { height: 50vh; }
/* Image Yellow Shadow - Globally */
.img-cont { margin-left: 30px; }
@media screen and (max-width:1024px) {
    .img-cont { margin-left: 10px; }
}

.img-cont img , .img-cont iframe { border-radius: 20px; box-shadow: -15px 15px 0 0 rgba(255, 211, 43, .7); }
.courses_info_section { width: 95%; margin: 0 auto; }
.objective-cards-section .section-title {
    text-align:center;
    font-size: 2.3rem;
    color:#0d5c4d;
    margin-bottom:18px;
    font-weight:700;
}

.section-sub {
    max-width:900px;
    margin:auto;
    text-align:center;
    line-height:1.9;
    color:#5d716c;
    margin-bottom:70px;
}
.objective-cards-section h3.heading_text { 
    margin-bottom: 35px;
}

/* GRID */
.cards-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap: 25px;
}
@media screen and (max-width:1024px) { 
    .cards-grid { gap: 20px; }
}

/* CARD */
.objective-card{
    position:relative;
    overflow:hidden;
    padding:20px;
    border-radius:20px;
    background:rgba(255,255,255,.5);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.5);
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.45s ease;
    min-height:300px;
    display:flex;
    flex-direction:column;
}

.objective-card::before{
    content:'';
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    top:-60px;
    right:-60px;
    background:rgba(13,92,77,.06);
}
.objective-card:hover{
    transform:translateY(-10px);
    box-shadow:0 22px 45px rgba(0,0,0,.08);
}

/* ICON */
.icon-box{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:26px;
    color:white;
    box-shadow:0 12px 24px rgba(0,0,0,.12);
}

 /**** Masonry Grid Styles ******/
        .masonry {
            column-count: 4;
            column-gap: 0;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            /* gap: 10px; */
        }
        @media(max-width:768px) {
            .masonry {
                column-count: 3;
                grid-template-columns: repeat(1, 1fr);
            }
        }
         @media(min-width:769px) and (max-width:1199px) {
            .masonry {
                column-count: 3;
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .masonry .item {
            position: relative;
            margin-bottom: 30px;
            break-inside: avoid;
            border-radius: 24px;
            transition: 0.4s ease-in;
            border-radius: 20px;
        }

        .masonry .item:hover {
            box-shadow:
                0 18px 40px rgba(56, 189, 248, 0.18),
                0 10px 25px rgba(0, 0, 0, 0.45);
            filter: saturate(1.1) contrast(1.05);
            transform: scale(1.02);
        }

        .masonry.item img {
            width: 100%;
            display: block;
            object-fit: cover;
            border-radius: 20px;
            transition: 0.5s ease;
        }

        .masonry .content {
            background: rgb(0 0 0 / 35%);
            width: 100%;
            position: absolute;
            left: 0; 
            bottom: 0;
            padding: 5px 12px 12px 12px;
            border-radius: 0 0 20px 20px;
        }

        /* heading */
        .masonry .content h4 {
            font-size: 1.05rem;
            margin-bottom: 0;
            font-weight: 700;
            color: #fff;
        }
        .masonry .content span.label {
            display: inline-block;
            font-size: .8rem;
            font-weight: 700;
            margin: 6px 0 10px 0;
            color: #2cff0e;
            padding: 5px 10px;
            border: rgb(44 255 14) solid 1px;
            border-radius: 8px;
        }
        .masonry .content span.label-mentor {
            color: rgb(0 182 255);
            border: rgb(0 182 255) solid 1px;
        }
        .masonry .content h5 {
            font-size: .8rem;
            font-weight: 700;
            margin-top: 5px;
            color: #fece4a;
        }

        .masonry .content p {
            font-size: 0.85rem;
            font-weight: 500;
            line-height: 1.2rem;
            margin: 5px 0 0;
            color: rgba(255, 255, 255, 1);
            opacity: 0.85;
            text-shadow: #000 0px 1px 0px;
        }

        /* Responsive */
        @media(max-width:1100px) {
            .masonry {
                column-count: 3;
            }
        }

        @media(max-width:768px) {
            .masonry {
                column-count: 2;
            }

            .masonry .container {
                width: 94%;
            }
        }

        @media(max-width:500px) {
            .masonry {
                column-count: 1;
            }
        }

/* INDIVIDUAL COLORS FOR GLOBAL CARD ICONS */

.card1 .icon-box, .feature-icon1 {
    background:linear-gradient(315deg,#0d5c4d,#1d8a74);
}

.card2 .icon-box, .feature-icon2 {
    background:linear-gradient(315deg,#f27b1a,#ff9c4a);
}

.card3 .icon-box, .feature-icon3 {
    background:linear-gradient(315deg,#246bfd,#4d8fff);
}

.card4 .icon-box, .feature-icon4 {
    background:linear-gradient(315deg,#6b2cff,#9a62ff);
}

.card5 .icon-box, .feature-icon5 {
    background:linear-gradient(315deg,#009688,#26c6b0);
}

.card6 .icon-box, .feature-icon6 {
    background:linear-gradient(315deg, #960047, #e79393);
}

.card7 .icon-box, .feature-icon7 {
    background: linear-gradient(135deg, #00b4db, #0083b0);
}

.card8 .icon-box, .feature-icon8 {
    background: linear-gradient(135deg, #6a11cb, #2575fc);
}

.card9 .icon-box, .feature-icon9 {
    background: linear-gradient(135deg, #ee0979, #ff6a00);
}



/* CONTENT */
.objective-card h3{
    font-size:22px;
    color:#0d5c4d;
    margin-bottom:18px;
    line-height:1.3;
    font-weight:600;
}

.objective-card p{
    color:#60746f;
    line-height: 24px;
    font-size: 16px;
}

/* RESPONSIVE */

@media(max-width:1500px){

.cards-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:992px){

.cards-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.cards-grid {
    grid-template-columns:1fr;
}

}

.pagination_wrap {
    padding-top: 50px
}

.pagination_nav {
    margin: -6px
}

.pagination_nav li {
    padding: 6px
}

.pagination_nav a {
    height: 48px;
    display: block;
    min-width: 48px;
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;
    color: #1f1d0d;
    text-align: center;
    border-radius: 8px;
    border: 2px solid #d2d2d2
}

.pagination_nav li.active a,
.pagination_nav li:hover a {
    color: #fff;
    border-color: #1f1d0d;
    background-color: #1f1d0d
}

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

.deals_countdown .discount_value {
    padding: 10px;
    height: 110px;
    min-width: 130px;
    margin-left: 28px;
    color: #1f1d0d;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    background-color: #f7ff62
}

.deals_countdown .discount_value strong {
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    font-family: Barlow, sans-serif
}

.deals_countdown .discount_value span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.deals_countdown .countdown_timer {
    display: inline-flex
}

.countdown_timer {
    padding: 9px 10px;
    text-align: center;
    justify-content: center;
    border: 1px solid #1f1d0d;
    border-radius: 8px;
    background-color: #fff
}

.countdown_timer>li {
    padding: 10px;
    min-width: 90px;
    position: relative
}

.countdown_timer>li:not(:last-child):after {
    top: 5px;
    right: -9px;
    content: ":";
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    position: absolute;
    font-family: Barlow, sans-serif
}

.countdown_timer strong {
    display: block;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    font-family: Barlow, sans-serif
}

.countdown_timer span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.recent_comments_list li {
    color: #29281e
}

.recent_comments_list li:not(:last-child) {
    margin-bottom: 10px
}

.recent_comments_list li a {
    color: #1f1d0d
}

.recent_comments_list li a:hover strong {
    text-decoration: underline
}

.comments_list>li:not(:last-child) {
    margin-bottom: 30px
}

.comments_list .comments_list>li {
    padding: 5px 0 0 30px
}

.comment_item {
    padding: 30px;
    position: relative;
    border-radius: 8px;
    background-color: #f6f6f6
}

.comment_item .comment_author {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.comment_item .author_thumbnail {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 20px
}

.comment_item .author_name {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px
}

.comment_item .comment_date {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.comment_item p {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 24px
}

.comment_item .reply_btn {
    top: 30px;
    right: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.comment_item .reply_btn i {
    margin-left: 5px
}

.comment_item .reply_btn:hover {
    opacity: .6
}

.comment_form_wrap .form_item input,
.comment_form_wrap .form_item textarea {
    border-width: 1px;
    background-color: #f6f6f6
}

.comment_form_wrap .form_item input:focus,
.comment_form_wrap .form_item textarea:focus {
    background-color: #fff
}

.comment_form_wrap .btn {
    width: 100%;
    display: block
}

.banner_image_2 .image_wrap_2 {
    top: 75px;
    right: -34%
}

.banner_image_2 .image_wrap_3 {
    top: 26%;
    right: -42%
}

.banner_image_2 .image_wrap_4 {
    top: 38%;
    left: -32%
}

.service_item {
    border-radius: 8px;
    position: relative;
    padding: 30px 40px 40px;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    background-color: #fff;
    border: 2px solid #f6f6f6;
    box-shadow: 0 1px 1px 0 rgba(31, 29, 13, .2)
}

.service_item:hover {
    z-index: 1;
    border-color: #1f1d0d;
    background-color: #f7ff62;
    box-shadow: 0 20px 30px 0 rgba(31, 29, 13, .1)
}

.service_item:hover .item_icon {
    border-color: #1f1d0d
}

.service_item:hover .item_icon img {
    transform: scale(.7)
}

.service_item .item_icon {
    width: 66px;
    height: 66px;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    border: 2px solid transparent;
    background-color: #fff
}

.service_item .item_icon img {
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.service_item .item_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 11px
}

.service_item p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 20px
}

.service_item .info_list>li {
    font-size: 15px
}

.service_item .info_list>li:not(:last-child) {
    margin-bottom: 6px
}

.service_item .info_list i {
    font-size: 10px;
    margin: 5px 8px 0 0
}

.course_list_wrap .course_list {
    margin: -10px
}

.course_small_layout {
    padding: 10px;
    align-items: center;
    display: inline-flex;
    border-radius: 8px
}

.course_small_layout .item_image {
    max-width: 120px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 8px
}

.course_small_layout .item_image img {
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.course_small_layout .item_title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1f1d0d;
    margin-bottom: 10px;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    font-family: Barlow, sans-serif
}

.course_small_layout .item_title:hover {
    opacity: .8
}

.course_small_layout .item_price {
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.course_small_layout .item_price del {
    opacity: .8;
    font-size: 14px;
    font-weight: 500;
    margin-right: 2px
}

.course_small_layout .item_price b {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px
}

.course_small_layout:hover {
    background-color: #f6f6f6
}

.course_small_layout:hover .item_image img {
    transform: scale(1.08)
}

.course_small_layout:hover .item_title {
    text-decoration: underline
}

.course_card {
    overflow: hidden;
    position: relative;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    padding: 28px 28px 32px;
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #d2d2d2
}

.course_card:hover {
    z-index: 1;
    border-color: #1f1d0d;
    transform: translate(-2px, -2px);
    box-shadow: 10px 10px 0 0 #1f1d0d
}

.course_card .item_image {
    margin-bottom: 23px
}

.course_card .item_image>a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px
}

.course_card .item_image img {
    width: 100%;
    display: block
}

.course_card .item_price .sale_price {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.course_card .item_price .remove_price {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.course_card .item_title {
    margin: 0;
    padding: 10px 0 24px
}

.course_card .item_title>a {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #1f1d0d
}

.course_card .item_title>a:hover {
    opacity: .7
}

.course_card.style_2 .item_image {
    margin: -28px -28px 23px
}

.course_card.style_2 .item_image>a {
    border-radius: 0
}

.course_card.list_layout {
    display: flex;
    align-items: center
}

.course_card.list_layout:not(:last-child) {
    margin-bottom: 30px
}

.course_card.list_layout .item_image {
    flex: 0 0 310px
}

.course_card.list_layout .item_image,
.courses_archive_section .course_card.list_layout .item_image {
    margin: 0 30px 0 0
}

.courses_archive_section .course_card .item_image {
    margin: -30px -30px 23px
}

.filter_topbar {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: space-between
}

.filter_result {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.filter_buttons_list {
    margin: -6px
}

.filter_buttons_list>li {
    padding: 6px
}

.filter_buttons_list button {
    height: 44px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 19px;
    color: #1f1d0d;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: Barlow, sans-serif;
    border-radius: 8px;
    background-color: #f6f6f6;
    border: 2px solid #d2d2d2
}

.filter_buttons_list button:hover {
    color: #fff;
    border-color: #1f1d0d;
    background-color: #1f1d0d
}

.offCanvas_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.offCanvas_overlay.active {
    display: block
}

.offCanvas_close_btn {
    width: 40px;
    height: 40px;
    color: #1f1d0d;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 8px;
    background-color: #f6f6f6
}

.offCanvas_close_btn:hover {
    color: #fff;
    background-color: #1f1d0d
}

.filter_offcanvas.position-fixed {
    top: 0;
    right: -320px;
    bottom: 0;
    z-index: 999;
    width: 300px;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    background-color: #fff;
    box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .1)
}

.filter_offcanvas.position-fixed.active {
    right: 0
}

.filter_offcanvas.position-fixed>.content_wrapper {
    height: 100%;
    overflow-y: scroll;
    padding: 110px 30px 50px
}

.filter_offcanvas.position-fixed>.content_wrapper::-webkit-scrollbar {
    width: 0
}

.filter_offcanvas.position-fixed .close_btn_wrap {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 30px;
    position: absolute;
    background-color: #fff
}

.course_deals_section .shape_img_1 {
    top: -85px;
    left: -110px;
    max-width: 270px
}

.course_deals_section .shape_img_2 {
    top: -46px;
    right: 158px;
    max-width: 102px
}

.course_deals_section .shape_img_3 {
    right: -80px;
    bottom: -116px;
    max-width: 380px
}

.popular_event_section {
    margin-bottom: 20px
}

.popular_event_section .section_heading {
    padding-right: 100px
}

.popular_event_section .shape_img_1 {
    top: -136px;
    left: -120px;
    max-width: 270px
}

.popular_event_section .shape_img_2 {
    left: 44%;
    bottom: -46px;
    max-width: 270px
}

.popular_event_section .shape_img_3 {
    top: 40%;
    right: -196px;
    max-width: 386px
}

.popular_event_list {
    padding: 40px;
    margin-bottom: -140px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .09), 10px 10px 0 0 #ffd32b
}

.popular_event_list .wrap_title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 30px
}

.popular_event_list ul>li {
    display: flex;
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.popular_event_list ul>li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2
}

.popular_event_list ul .column:nth-child(1) {
    flex: 0 0 100px;
    padding-right: 20px
}

.popular_event_list ul .day {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px
}

.popular_event_list ul .month {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 5px 0 9px;
    text-transform: uppercase
}

.popular_event_list ul .time {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.popular_event_list ul .event_title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 12px
}

.popular_event_list ul .event_name {
    color: #444;
    font-size: 16px;
    line-height: 24px;
    font-family: Poppins, sans-serif
}

.popular_event_list ul .event_name strong {
    font-weight: 500
}

.popular_event_list ul .event_name small {
    font-size: 16px
}

.event_card {
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #d2d2d2;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.event_card:hover {
    border-color: #1f1d0d;
    transform: translate(-2px, -2px);
    box-shadow: 10px 10px 0 0 #1f1d0d
}

.event_card .item_image {
    display: block;
    overflow: hidden
}

.event_card .item_content {
    padding: 30px
}

.event_card .item_title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 20px
}

.event_card .item_title>a {
    color: #1f1d0d
}

.event_card .item_title>a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px
}

.event_card .meta_info_list>li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #1f1d0d
}

.pricing_section .shape_img_1 {
    top: 0;
    right: -32px;
    max-width: 64px
}

.pricing_section .shape_img_2 {
    bottom: 15px;
    left: -100px;
    max-width: 173px
}

.pricing_cards_wrapper {
    margin: -10px
}

.pricing_cards_wrapper>.col {
    padding: 10px
}

.pricing_card {
    position: relative;
    border-radius: 8px;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    padding: 42px 40px 40px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(31, 29, 13, .1)
}

.pricing_card:hover {
    z-index: 1;
    box-shadow: 0 20px 40px 0 rgba(31, 29, 13, .08)
}

.pricing_card .card_badge {
    top: 0;
    left: 50%;
    font-size: 11px;
    padding: 0 14px;
    font-weight: 800;
    line-height: 22px;
    color: #1f1d0d;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
    border-radius: 0 0 8px 8px;
    background-color: #ffd32b
}

.pricing_card .card_heading {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 21px;
    text-transform: uppercase
}

.pricing_card .pricing_wrap {
    color: #0e081e;
    font-weight: 800;
    font-family: Barlow, sans-serif
}

.pricing_card .pricing_wrap sub,
.pricing_card .pricing_wrap sup {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.pricing_card .pricing_wrap sup {
    top: -20px
}

.pricing_card .pricing_wrap .price_value {
    font-size: 65px;
    line-height: 65px;
    display: inline-block
}

.pricing_card .pricing_wrap small {
    color: #a09f9f;
    font-size: 14px;
    padding-top: 5px;
    font-weight: 400;
    line-height: 20px;
    font-family: Poppins, sans-serif
}

.pricing_card hr {
    margin: 30px 0
}

.pricing_card .info_list {
    margin: auto;
    display: inline-block
}

.pricing_card .info_list.unordered_list_block>li:not(:last-child) {
    margin-bottom: 10px;
}

.pricing_card .info_list i {
    font-size: 18px;
    text-shadow: none;
    color: #1f1d0d;
    margin: 3px 10px 0 0
}

.pricing_card .btn_wrap {
    padding: 38px 0
}

.pricing_card .btn {
    width: 100%;
    display: block
}

.pricing_card.bg_dark {
    color: #fff;
    padding: 62px 40px 60px;
    background-color: #1f1d0d
}

.pricing_card.bg_dark .card_heading,
.pricing_card.bg_dark .info_list i,
.pricing_card.bg_dark .pricing_wrap .price_value {
    color: #fff
}

.pricing_card.bg_dark .pricing_wrap small {
    color: #c8c8c8
}

.advertisement_section {
    margin: 30px 0
}

.advertisement_section .section_heading {
    padding-right: 70px
}

.advertisement_section .images_group .col:nth-child(1) {
    margin-bottom: -45px
}

.advertisement_section .images_group .col:nth-child(2) {
    margin-top: -45px
}

.advertisement_section .images_group .image_wrap {
    overflow: hidden;
    border-radius: 8px
}

.advertisement_section .images_group .image_wrap:not(:last-child) {
    margin-bottom: 30px
}

.advertisement_section .images_group .shape_img_1 {
    left: -106px;
    bottom: 83px;
    max-width: 270px
}

.advertisement_section .images_group .shape_img_2 {
    top: 73px;
    right: -138px;
    max-width: 102px
}

.testimonial_carousel {
    margin: -15px
}

.testimonial_carousel .carousel_item {
    padding: 15px
}

.testimonial_item {
    display: flex;
    padding: 30px;
    position: relative;
    align-items: center;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #d2d2d2
}

.testimonial_item .testimonial_image {
    margin: auto;
    flex: 0 0 170px;
    max-width: 170px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 8px
}

.testimonial_image img {
    width: 100% !important;
    height: auto !important;
}

.testimonial_item .rating_star {
    margin-bottom: 10px
}

.testimonial_item .testimonial_title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px
}

.testimonial_item p {
    color: #29281e;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 18px
}

.testimonial_item .testimonial_designation {
    color: #29281e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px;
    font-family: Poppins, sans-serif
}

.testimonial_item .testimonial_name {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 16px;
    text-transform: uppercase
}

.testimonial_item .quote_icon {
    top: 30px;
    right: 30px;
    line-height: 1;
    font-size: 34px;
    position: absolute;
    text-shadow: 2px -2px 0 #f7ff62
}

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

.testimonial_item_2 .testimonial_image {
    overflow: hidden;
    display: inline-flex;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-color: #ffd32b;
    background-position: center center
}

.testimonial_item_2 .testimonial_image.image_widget {
    box-shadow: 15px 15px 0 0 #ffd32b
}

.testimonial_item_2 .quote_icon {
    margin-bottom: 40px
}

.testimonial_item_2 .testimonial_title {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    color: #1f1d0d;
    margin-bottom: 15px;
    font-family: Barlow, sans-serif
}

.testimonial_item_2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #29281e;
    margin-bottom: 30px;
    font-family: Poppins, sans-serif
}

.testimonial_item_2 .testimonial_admin {
    display: flex;
    align-items: center
}

.testimonial_item_2 .admin_image {
    flex: 0 0 60px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 8px
}

.testimonial_item_2 .testimonial_name {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: Poppins, sans-serif
}

.testimonial_item_2 .testimonial_designation {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.newslatter_section {
    background-image: linear-gradient(0deg, #1f1d0d 120px, transparent 0);
    display: none;
}

.newslatter_box {
    z-index: 1;
    position: relative;
    padding: 110px 30px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-color: #f7ff62;
    background-position: center center;
    box-shadow: 20px 20px 0 0 #ffd32b
}

.newslatter_box:-moz-placeholder {
    color: #444
}

.newslatter_box::-moz-placeholder {
    color: #444
}

.newslatter_box:-ms-input-placeholder {
    color: #444
}

.newslatter_box::-webkit-input-placeholder {
    color: #444
}

.newslatter_box .form_item:has(.btn) {
    justify-content: center
}

.newslatter_box .form_item:has(.btn) input {
    flex: 0 0 280px
}

.blog_small_group {
    margin: -10px
}

.blog_small_group>li:not(:last-child) {
    margin-bottom: 2px
}

.blog_small {
    padding: 10px;
    display: flex;
    max-width: 350px;
    align-items: center;
    border-radius: 8px
}

.blog_small:hover {
    background-color: #f6f6f6
}

.blog_small .item_image {
    flex: 0 0 120px;
    max-width: 120px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 8px
}

.blog_small .item_image img {
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.blog_small .item_author {
    line-height: 1;
    display: block;
    color: #29281e;
    margin-bottom: 8px
}

.blog_small .item_title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #1f1d0d;
    margin-bottom: 8px;
    font-family: Barlow, sans-serif
}

.blog_small .item_post_date {
    line-height: 1;
    color: #c8c8c8;
    display: block;
    font-size: 14px
}

.blog_small:hover {
    background-color: #f6f6f6
}

.blog_small:hover .item_image img {
    transform: scale(1.08)
}

.blog_small:hover .item_title {
    text-decoration: underline
}

.blog_item {
    position: relative;
    padding-bottom: 10px
}

.blog_item .item_image {
    margin-bottom: 15px
}

.blog_item .item_image>a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    position: relative
}

.blog_item .item_image>a img {
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.blog_item .item_image>a:hover img {
    transform: scale(1.08)
}

.blog_item .item_category_list {
    margin-bottom: 14px
}

.blog_item:has(.item_image) .item_category_list {
    margin: 0;
    top: 20px;
    right: 20px;
    z-index: 2;
    position: absolute
}

.blog_item .item_title {
    margin-bottom: 18px
}

.blog_item .item_title a {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    color: #1f1d0d
}

.blog_item .item_title a:hover {
    opacity: .7
}

.blog_item .meta_info_list {
    margin-bottom: 10px
}

.blog_item .meta_info_list i {
    color: #1f1d0d
}

.calltoaction_section {
    margin-bottom: 30px
}

.calltoaction_section .section_heading .heading_description {
    max-width: 456px
}

.calltoaction_section .shape_img_1 {
    left: 44%;
    bottom: -26px;
    max-width: 169px
}

.calltoaction_section .shape_img_2 {
    top: -60px;
    right: 162px;
    max-width: 169px
}

.calltoaction_section .shape_img_3 {
    top: 85px;
    left: -74px;
    max-width: 148px
}

.calltoaction_section .shape_img_4 {
    left: 44%;
    bottom: -100px;
    max-width: 373px
}

.calltoaction_section .shape_img_5 {
    top: -56px;
    right: -40px;
    max-width: 148px
}

.calltoaction_section .info_list {
    margin-bottom: 40px
}

.calltoaction_section .info_list i {
    font-size: 14px;
    margin: 6px 10px 0 0
}

.calltoaction_section .boxed_wrapper {
    margin: auto;
    max-width: 1400px;
    padding: 100px 115px;
    background-color: #1f1d0d;
    border-radius: 8px
}

.calltoaction_form {
    z-index: 1;
    padding: 40px;
    position: relative;
    margin-bottom: -150px;
    margin-bottom: 30px
}

.calltoaction_form .form_item input,
.calltoaction_form .form_item textarea {
    border-width: 1px;
    background-color: #f6f6f6
}

.calltoaction_form .form_item input:focus,
.calltoaction_form .form_item textarea:focus {
    background-color: #fff
}

.calltoaction_form .form_item textarea {
    min-height: 127px
}

.brands_logo_list {
    margin: -15px;
    justify-content: center
}

.brands_logo_list>li {
    width: 25%;
    padding: 15px
}

.brands_logo_list a {
    padding: 30px;
    height: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: 8px;
    background-color: #f6f6f6
}

.brands_logo_list a img {
    max-width: 180px;
    max-height: 70px
}

.brands_logo_list a:hover {
    border-color: #1f1d0d;
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0 0 #1f1d0d
}

.brands_logo_list.style_2 li {
    width: 16.666%
}

.brands_logo_list.style_2 a {
    padding: 0;
    height: auto;
    border: none;
    background-color: transparent
}

.brands_logo_list.style_2 a:hover {
    box-shadow: none;
    transform: unset
}

.brands_logo_list.style_2 a img {
    max-height: 50px;
    max-width: 166px
}

.mentor_item {
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #d2d2d2;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

.mentor_item .mentor_image {
    margin-bottom: 20px
}

.mentor_item .mentor_image>a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 8px
}

.mentor_item .mentor_image>a:before {
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    width: 100px;
    height: 100px;
    line-height: 1;
    font-size: 24px;
    content: "";
    font-weight: 400;
    text-align: right;
    position: absolute;
    color: #f7ff62;
    padding: 20px 18px 0 0;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    background-color: #1f1d0d;
    font-family: "Font Awesome 5 Pro";
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%)
}

.mentor_item .mentor_name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px
}

.mentor_item .mentor_name>a {
    color: #1f1d0d
}

.mentor_item .mentor_name>a:hover {
    opacity: .7
}

.mentor_item .mentor_designation {
    margin-bottom: 15px
}

.mentor_item:hover {
    z-index: 1;
    border-color: #1f1d0d;
    transform: translate(-2px, -2px);
    box-shadow: 10px 10px 0 0 #1f1d0d
}

.mentor_item:hover .mentor_image>a:before {
    opacity: 1
}

.mentor_item:hover .mentor_name>a {
    text-decoration: underline;
    text-decoration-thickness: 1px
}

.site_header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 44px 0;
    position: absolute;
    transition: padding .3s
}

.site_header.sticky {
    padding: 1px 0 10px 0;
    position: fixed;
    -webkit-backdrop-filter: saturate(500%) blur(20px);
    backdrop-filter: saturate(200%) blur(16px);
    box-shadow: 0 2px 6px 0 rgba(16, 18, 19, .1);
    transition: background-color .3s ease-in, padding .3s;
    background-color: rgba(255, 255, 255, 0.45);
}

.site_link {
    display: flex
}

.site_logo span {
    display: none
}

.site_logo,
.site_logo a,
.site_logo a:hover {
    font-weight: 700;
    font-size: 24px;
    color: #1f1d0d;
    line-height: 42px;
    margin-top: 7px;
}

.main_menu {
    float: right;
    padding: 0;
    margin-top: 10px;
}

.main_menu_list>li {
    margin: 0 3px;
    line-height: 1;
    font-size: 16px
}

.main_menu_list>li>a {
    z-index: 1;
    font-size: 17px;
    font-weight: 800;
    line-height: 23px;
    color: #fe8408;
    position: relative;
    align-items: center;
    display: inline-flex;
    padding: 10px 12px;
    font-family: "Poppins", sans-serif;
    border-radius: 10px;
    overflow: visible;
}

.main_menu_list>li:hover>a::before,
.main_menu_list>li.active>a::before,
.main_menu_list .dropdown.active > a::before,
.main_menu_list .dropdown:has(.dropdown-menu li.active) > a::before {
    transform: scaleX(1);
    opacity: 1;
}

.main_menu_list>li.active>a,
.main_menu_list .dropdown.active > a,
.main_menu_list .dropdown:has(.dropdown-menu li.active) > a {
    color: #29281e;
    background: linear-gradient(274deg, #ff7a00, rgba(255, 211, 43, .8));
    transition: all ease-in .3s;
}

.main_menu_list>li.dropdown.active > a.nav-link,
.main_menu_list .dropdown:has(.dropdown-menu li.active) > a.nav-link {
    color: #29281e;
    background: linear-gradient(274deg, #ff7a00, rgba(255, 211, 43, .8));
    transition: all ease-in .3s;
}

.main_menu_list>li:hover>a {
    color: #29281e;
    background: linear-gradient(274deg, #ff7a00, rgba(255, 211, 43, .8));
}

.main_menu_list>li:hover>a:after {
    transform: rotate(0deg);
}

.main_menu_list .dropdown>a {
    position: relative
}

.main_menu_list .dropdown-menu {
    top: 100%;
    display: none;
    margin: 2px 0 0;
    padding: 14px 0;
    animation: unset;
    min-width: 210px;
    inset: 100% auto auto auto;
    border-radius: 15px;
    border: 2px solid #1f1d0d;
    box-shadow: -5px 6px 0 0 rgba(254, 123, 20, 0.8);
}

.main_menu_list .dropdown-menu:before {
    top: -4px;
    height: 2px
}

.main_menu_list .dropdown-menu>li:not(:last-child) {
    margin-bottom: 1px
}

.main_menu_list .dropdown-menu>li>a {
    display: block;
    line-height: 1;
    font-size: 16px;
    font-weight: 800;
    color: #29281e;
    position: relative;
    white-space: nowrap;
    transition: .4s cubic-bezier(.25, 1, .5, 1);
    padding: 14px 30px 12px 32px
}

.main_menu_list .dropdown-menu>li>a:before {
    top: 19px;
    left: 20px;
    width: 4px;
    height: 4px;
    content: "";
    opacity: .7;
    position: absolute;
    border-radius: 100%;
    background-color: #1f1d0d
}

.main_menu_list .dropdown-menu>li.active>a,
.main_menu_list .dropdown-menu>li:hover>a {
    background: linear-gradient(135deg, #FF9800, #FF5722) !important;
    transition: .8s cubic-bezier(.25, 1, .5, 1);
}

.main_menu_list .dropdown-menu .dropdown>a:after {
    margin-top: 1px;
    content: ""
}

.main_menu_list .dropdown-menu .dropdown-menu {
    top: 0;
    margin: 0;
    left: 100%
}

.main_menu_list .dropdown-menu.show {
    display: block
}

.main_menu_list .dropdown-menu.show>li {
    animation: .2s dropDown
}

.header_btns_group>li {
    margin-left: 14px
}

.header_btns_group>li:first-child {
    display: none
}

.header_btns_group .btn {
    padding: 0 26px
}

.header_btns_group .btn span small {
    padding: 6px 0
}

.site_header_1+main {
    padding-top: 30px
    /*130px*/
}

.site_header_2 .container {
    max-width: 1200px
}

.site_footer {
    width: 100%;
    float: left;
    background: linear-gradient(135deg, #5f8d58, rgb(126 165 107 / 60%));
    margin-top: 25px;
    z-index: 0;
}

@media (max-width: 991px) {
    .site_footer {
        margin-top: 25px;
    }
}

.site_footer .site_logo {
    margin-bottom: 35px
}
@media screen and (max-width: 1024px) {
    .site_logo img {
        width: 280px;
    }
}
.site_footer .footer_widget_area {
    padding: 60px 0 10px
}

.site_footer p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
}

.site_footer .footer_widget_title {
    color: #fff
}

.site_footer .page_list a {
    color: #fff
}

.site_footer .blog_small:hover {
    background-color: rgba(255, 255, 255, .04)
}

.site_footer .blog_small .item_image {
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 10px
}

.site_footer .blog_small .item_author {
    display: none
}

.site_footer .blog_small .item_title {
    font-size: 16px;
    color: #fff
}

.footer_widget_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px
}

.copyright_widget .copyright_text {
    padding: 25px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-top: 1px solid rgb(255 255 255 / 50%);
}

.copyright_widget .copyright_text a {
    color: #fff
}

.page_banner .info_list,
.page_banner .meta_info_list {
    padding: 30px 0 40px
}

.page_banner .btns_group {
    margin: -15px;
    display: flex;
    align-items: center
}

.page_banner .btns_group>li {
    padding: 15px
}

.page_banner .item_price {
    line-height: 1;
    font-family: Barlow, sans-serif
}

.page_banner .item_price .remove_price {
    font-size: 24px;
    font-weight: 500;
    margin-right: 4px;
    color: #29281e;
}

.page_banner .item_price .sale_price {
    font-size: 45px;
    font-weight: 700;
    color: #1f1d0d
}
/* Banner Heading */
.page_title {
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-weight: 1000;
    line-height: 68px;
    margin: 0;
    color: #19a88d;
    text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.9);
}

.page_description {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 40px;
    padding-right: 70px
}

.page_banner_image {
    margin-bottom: -120px;
    box-shadow: 20px 20px 0 0 #ffd32b
}

.sidebar .widget_title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 25px;
    color: #1f1d0d;
    position: relative;
    padding-right: 20px;
    font-family: Barlow, sans-serif
}

.sidebar .widget_title:before {
    top: 2px;
    right: 0;
    content: "";
    font-weight: 500;
    position: absolute;
    font-family: "Font Awesome 5 Pro"
}

.sidebar .widget_title[aria-expanded=false]:before {
    content: ""
}

.sidebar .widget {
    padding-bottom: 25px;
    border-bottom: 1px solid #d2d2d2;
}

.sidebar .widget:not(:last-child) {
    margin-bottom: 25px
}

.sidebar .widget .card {
    border: none;
    border-radius: 0;
    padding: 20px 0 0;
    background-color: transparent
}

.sidebar .checkbox_item {
    margin-bottom: 10px
}

.sidebar .checkbox_item input {
    top: 3px
}

.sidebar .checkbox_item label {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sidebar .ratings_widget .checkbox_item i {
    color: #ffd32b
}

.course_details_section .sidebar .widget {
    border: none;
    padding: 0
}

.course_details_section .sidebar .widget:not(:last-child) {
    margin-bottom: 60px
}

.course_details_section .sidebar .widget_title {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px
}

.course_details_section .sidebar .widget_title:before {
    display: none
}

.callbox_wrap {
    padding: 30px;
    margin-bottom: 60px;
    border-radius: 8px;
    border: 1px solid #1f1d0d;
    background-color: #fff
}

.callbox_wrap .btn:not(:last-child) {
    margin-bottom: 20px
}

.details_section .details_image.image_widget {
    box-shadow: -20px -20px 0 0 #1f1d0d
}

.details_section .details_content .details_item_title {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 26px
}

.details_section .details_content .mentor_name {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 10px
}

.details_section .details_content .details_info_title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px
}

.details_section .details_content .mentor_designation {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px
}

.details_section .details_content .meta_info_list {
    margin-bottom: 30px
}

.details_section .details_content p {
    margin-bottom: 30px
}

.details_section .details_content hr {
    margin: 40px 0
}

.course_info_card {
    padding: 30px;
    margin-bottom: 60px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 11px 11px 0 0 #1f1d0d
}

.course_info_card .details_image {
    overflow: hidden;
    border-radius: 8px
}

.course_info_card .details_image,
.course_info_card .item_price,
.course_info_card .meta_info_list {
    margin-bottom: 20px
}

.course_info_card .item_price .sale_price {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    font-family: Barlow, sans-serif
}

.course_info_card .btn {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.course_info_card .course_info_list {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.course_info_card .course_info_list>li {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.course_info_card .course_info_list>li:not(:last-child) {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2
}

.course_info_card .course_info_list i {
    width: 20px;
    margin-right: 5px;
    color: #ffd32b
}

.course_details_section .sidebar .course_info_card,
.event_details_section .sidebar .course_info_card {
    z-index: 1;
    margin-top: -420px;
    position: relative
}

.blog_details_section .details_image {
    margin-bottom: 20px
}

.blog_details_section .details_content .meta_info_list {
    margin-bottom: 30px
}

.blog_details_section .details_content .meta_info_list i {
    color: #1f1d0d
}

.blog_details_section .comments_list_wrap {
    margin: 80px 0
}

.blog_author {
    display: flex;
    padding: 30px;
    margin: 80px 0;
    align-items: center;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #d2d2d2
}

.blog_author .blog_author_image {
    flex: 0 0 140px;
    overflow: hidden;
    margin-right: 30px;
    border-radius: 8px
}

.blog_author .author_name {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px
}

.blog_author .author_designation {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #29281e;
    margin-bottom: 15px;
    font-family: Poppins, sans-serif
}

.blog_author .blog_author_link {
    top: 0;
    right: 0;
    padding: 0 32px;
    position: absolute
}

.blog_author .blog_author_link span small {
    padding: 8px 0
}

.prevnext_post_wrap {
    display: flex;
    justify-content: space-between
}

.prevnext_post_wrap .post_item {
    max-width: 300px
}

.prevnext_post_wrap .post_item span {
    margin-bottom: 15px;
    align-items: center;
    display: inline-flex
}

.prevnext_post_wrap .post_item span i {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    margin: -1px 5px 0 0;
    color: #f7ff62;
    background-color: #1f1d0d
}

.prevnext_post_wrap .post_item span small {
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
    color: #29281e;
    text-transform: uppercase
}

.prevnext_post_wrap .post_item strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1f1d0d;
    font-family: Barlow, sans-serif
}

.prevnext_post_wrap .post_item strong:hover {
    opacity: .8;
    text-decoration: underline
}

.prevnext_post_wrap .post_item:last-child {
    text-align: right
}

.prevnext_post_wrap .post_item:last-child span i {
    order: 1;
    margin: -1px 0 0 5px
}

.event_speakers .mentor_item {
    padding: 10px 10px 18px
}

.event_speakers .mentor_item .mentor_image {
    margin-bottom: 12px
}

.event_speakers .mentor_item .mentor_name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 6px
}

.event_speakers .mentor_item .mentor_designation {
    font-size: 16px;
    font-weight: 400
}

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

.contact_info_iconbox:not(:last-child) {
    margin-bottom: 30px
}

.contact_info_iconbox .item_icon {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    color: #1f1d0d;
    align-items: center;
    justify-content: center;
    background-color: #ffd32b;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 4px 4px 0 0 #1f1d0d
}

.contact_info_iconbox .item_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px
}

#gmap_canvas_iframe {
    width: 100%;
    height: 524px;
    border-radius: 8px;
    border: 3px solid #ffd32b
}

.contact_form_section .shape_img_1 {
    right: 0;
    top: 150px;
    max-width: 102px
}

.contact_form_section .shape_img_2 {
    left: 0;
    bottom: 130px;
    max-width: 72px
}

.contact_form_section .shape_img_3 {
    top: -204px;
    left: -150px;
    max-width: 446px
}

.contact_form_section .shape_img_4 {
    right: -270px;
    bottom: -160px;
    max-width: 643px
}

.error_section {
    display: flex;
    padding: 55px 0;
    min-height: 100vh;
    align-items: center
}

.error_section .error_image {
    max-width: 670px;
    margin: auto auto 20px
}

.error_section .error_title {
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 20px
}

.error_section p {
    font-size: 16px;
    max-width: 500px;
    line-height: 24px;
    margin: auto auto 40px
}

.error_section .shape_img_1 {
    right: 0;
    top: 150px;
    max-width: 102px
}

.error_section .shape_img_2 {
    left: 0;
    bottom: 130px;
    max-width: 72px
}

.error_section .shape_img_3 {
    top: -204px;
    left: -150px;
    max-width: 446px
}

.error_section .shape_img_4 {
    right: -270px;
    bottom: -160px;
    max-width: 643px
}

.register_heading {
    line-height: 1;
    font-size: 54px;
    margin: -60px 0 18px
}

.register_heading_description {
    font-size: 18px;
    margin-bottom: 40px
}

.register_form {
    z-index: 1;
    padding: 60px;
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #1f1d0d;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .12), 10px 10px 0 0 #1f1d0d
}

.register_form .form_item input,
.register_form .form_item textarea {
    border-color: #1f1d0d
}

.register_form .icon_list>li:not(:last-child) {
    margin-bottom: 10px
}

.register_form .icon_list i {
    float: left;
    font-size: 16px;
    font-style: normal;
    color: #1f1d0d;
    margin-right: 10px
}

.register_form .icon_list span {
    display: table
}

.register_form .note_text {
    font-size: 18px;
    color: #1f1d0d;
    font-style: italic
}

.register_form hr {
    margin: 30px 0
}

.register_form.signup_login_form .form_item {
    margin-bottom: 20px
}

.register_form.signup_login_form .btn {
    width: 100%;
    display: block
}

@media screen and (max-width:1440px) {
    .intro_video_section .shape_img_3 {
        right: -160px;
        bottom: -180px;
        max-width: 360px
    }
}

@media screen and (max-width:1199px) {
    .hero_banner.style_1 .content_wrap {
        padding: 20px
    }
    .hero_banner .banner_big_title {
        font-size: 54px;
        line-height: 58px
    }
    .banner_image_1 .satisfied_student {
        left: -150px;
        padding: 30px
    }
    .banner_image_1 .satisfied_student .students_thumbnail span {
        width: 40px;
        height: 40px
    }
    .banner_image_1 .satisfied_student .wrap_title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px
    }
    .form_item:has(.btn) input {
        flex: 0 0 340px
    }
    .image_widget {
        box-shadow: -5px 5px 0 0 #ffd32b
    }
    .newslatter_box {
        box-shadow: 5px 5px 0 0 #ffd32b
    }
    .calltoaction_form {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 5px 5px 0 0 #ffd32b
    }
    .details_section .details_image.image_widget {
        box-shadow: -5px -5px 0 0 #1f1d0d
    }
    .course_info_card {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 5px 5px 0 0 #1f1d0d
    }
    .testimonial_item_2 .testimonial_image.image_widget {
        box-shadow: 5px 5px 0 0 #ffd32b
    }
    .popular_event_list {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .09), 5px 5px 0 0 #ffd32b
    }
    .details_section .details_image.image_widget {
        box-shadow: -5px -5px 0 0 #1f1d0d
    }
    .register_form {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .12), 5px 5px 0 0 #1f1d0d
    }
    .main_menu_list>li>a {
        padding: 9px 16px 8px
    }
    .header_btns_group .btn {
        padding: 0 20px
    }
    .advertisement_section {
        margin: 0;
        padding: 70px 0
    }
    .advertisement_section .section_heading {
        padding-right: 0
    }
    .advertisement_section .images_group .shape_img_1 {
        left: -60px;
        bottom: 83px;
        max-width: 180px
    }
}

@media screen and (max-width:1024px) {
    .main_menu_list>li>a {
        font-size: 16px;
        line-height: 22px;
        padding: 7px 14px 6px
    }
    .header_btns_group .btn {
        padding: 0 18px
    }
    .header_btns_group>li {
        margin-left: 8px
    }
    .banner_image_1 {
        margin: 0
    }
    .banner_image_1 .satisfied_student {
        left: 30px;
        padding: 20px
    }
    .banner_image_1 .shape_img_1 {
        left: -50px
    }
    .banner_image_1 .shape_img_2 {
        right: -33px
    }
    .service_item {
        padding: 30px 30px 35px
    }
    .counter_item .counter_value {
        font-size: 48px;
        line-height: 54px
    }
    .section_heading .heading_text {
        font-size: 2rem;
        line-height: 36px;
        margin-top: 0 !important;
    }
    .advertisement_section .images_group .shape_img_1 {
        left: -78px;
        max-width: 190px
    }
    .testimonial_item .quote_icon {
        top: 15px;
        right: 15px;
        font-size: 28px
    }
    .form_item:has(.btn) input {
        margin-right: 5px
    }
    .hero_banner.style_2 .form_item:has(.btn) input {
        flex: 0 0 330px
    }
    .testimonial_item_2 .testimonial_title {
        font-size: 24px
    }
    .page_banner .form_item:has(.btn) {
        display: block
    }
    .page_banner .form_item .btn {
        width: 100%;
        display: block;
        margin-top: 10px
    }
    .brands_logo_list.style_2 li {
        width: auto
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        padding: 20px 0 30px
    }
    .page_banner_image {
        margin: auto
    }
    .error_section .error_image {
        max-width: 470px
    }
    .error_section .error_title {
        font-size: 48px;
        line-height: 54px
    }
    .error_section .shape_img_3 {
        top: -120px;
        left: -130px;
        max-width: 300px
    }
    .error_section .shape_img_4 {
        right: -250px;
        max-width: 500px
    }
    .error_section .shape_img_1 {
        top: 80px;
        right: 15px;
        max-width: 80px;
    }
    .error_section .shape_img_2 {
        left: 15px;
        bottom: 100px;
        max-width: 70px
    }
    .register_form {
        padding: 40px;
    }
}

@media screen and (max-width:991px) {
    /* Global style for Mobile Banners  */
    .page_banner .content_wrapper { 
        min-height: 165px !important;
        text-align: left;
        padding: 20px !important;
    }
    .page_banner .content_wrapper h1.page_title {
        font-size: 1.5rem;
        line-height: 1.85rem;
        max-width: 53vw;
    }
    .header_btns_group>li:first-child {
        display: inline-block
    }
    .mobile_menu_btn {
        font-size: 24px;
        margin-right: 10px;
        transform: translateY(2px)
    }
	.courses_info_section { margin-bottom: 20px; }
    .container,
    .hero_banner.style_1 .container,
    .site_header .container {
        max-width: 730px
    }
    .main_menu {
        left: 0;
        right: 0;
        top: 129px;
        z-index: 999;
        position: fixed
    }
    .site_header.sticky .main_menu {
        top: 61px
    }
    .main_menu_inner {
        background-color: #fff;
        border-bottom: 1px solid #d2d2d2
    }
    .main_menu_list>li {
        width: 100%;
        margin: 1px 0;
        display: block
    }
    .main_menu_list {
        margin: auto;
        padding: 15px;
        max-width: 730px
    }
    .main_menu_list>li>a {
        width: 100%;
        display: block
    }
    .main_menu_list .dropdown-menu {
        position: static;
        box-shadow: none
    }
    .main_menu_list>li>a {
        font-size: 18px;
        line-height: 24px;
        padding: 12px 20px
    }
    .main_menu_list .dropdown>a:after {
        font-size: 16px;
        margin-top: 5px
    }
    .main_menu_list .dropdown-menu {
        padding: 8px 0
    }
    .hero_banner {
        text-align: center
    }
    .hero_banner.style_1 .banner_description {
        padding-right: 0
    }
    .hero_banner .banner_btns_group {
        justify-content: center
    }
    .banner_image_1 {
        margin: 20px 0 0
    }
    .hero_banner.style_1 {
        margin-bottom: 20px
    }
    .section_space_lg {
        /* padding-top: 90px; */
        padding-bottom: 30px
    }
    .courses_info_section .image_widget,
    .expect_from_course .image_widget {
        margin-bottom: 30px
    }
    .advertisement_section {
        margin: 0;
        padding: 90px 0
    }
    .testimonial_section .section_heading {
        text-align: center
    }
    .hero_banner.style_2 .banner_description {
        margin: auto auto 30px
    }
    .hero_banner.style_2 .form_item {
        justify-content: center
    }
    .hero_banner .tags_list {
        margin: auto;
        justify-content: center
    }
    .hero_banner .banner_image_2 {
        max-width: 500px;
        margin: 20px auto auto
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -780px
    }
    .banner_image_2 .child_image .layer {
        max-width: 180px
    }
    .banner_image_2 .image_wrap_2 {
        right: -15%
    }
    .banner_image_2 .image_wrap_3 {
        top: 24%;
        right: -30%
    }
    .banner_image_2 .image_wrap_4 {
        top: 30%;
        left: -24%
    }
    .testimonial_item_2 {
        display: block
    }
    .testimonial_item_2 .testimonial_image {
        margin: auto auto 40px
    }
    .testimonial_item_2 .quote_icon {
        margin-bottom: 20px
    }
    .calltoaction_form {
        margin: auto
    }
    .calltoaction_section .shape_img_2 {
        top: -44px;
        right: 50px;
        max-width: 120px
    }
    .calltoaction_section .shape_img_1 {
        left: 50px;
        bottom: -10px;
        max-width: 120px
    }
    .brands_logo_list>li {
        width: 33.333%
    }
    .brands_logo_list a img {
        max-width: 140px;
        max-height: 60px
    }
    .form_item:has(.btn) {
        margin-bottom: 30px
    }
    .hero_banner.style_2 .banner_big_title {
        margin: 0 0 20px
    }
    .page_description {
        padding: 0
    }
    .popular_event_list {
        margin: auto
    }
    .popular_event_section .shape_img_3 {
        right: -90px;
        max-width: 180px
    }
    .popular_event_section .shape_img_1 {
        left: -90px;
        max-width: 180px
    }
    .popular_event_section .shape_img_2 {
        bottom: 20px;
        max-width: 120px
    }
    .sidebar {
        margin-top: 40px
    }
    .contact_form_section .shape_img_4 {
        right: -200px;
        bottom: -100px;
        max-width: 470px
    }
    .contact_form_section .shape_img_3 {
        top: -120px;
        left: -120px;
        max-width: 300px
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        justify-content: center
    }
    .page_banner .btns_group {
        justify-content: center
    }
    .service_item {
        padding: 25px 20px 30px
    }
    .footer_widget_title {
        line-height: 1;
        margin-bottom: 20px
    }
    .site_footer .site_logo {
        margin-bottom: 25px
    }
    .footer_widget {
        margin-bottom: 10px
    }
    .site_footer .footer_widget_area {
        padding: 20px 10px;
    }
    .newslatter_box {
        padding: 90px 40px
    }
    .intro_video_section .shape_img_2 {
        left: -58px;
        max-width: 140px
    }
    .intro_video_section .shape_img_3 {
        right: -110px;
        bottom: -120px;
        max-width: 230px
    }
    .page_banner .unordered_list {
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .testimonial_image img {
        width: 100% !important;
        height: auto !important;
    }
    .header_btns_group {
        margin-left: -100px
    }
    .header_btns_group .btn span small {
        font-size: 16px
    }
    .advertisement_section .section_heading {
        padding: 0
    }
    .popular_event_section .section_heading {
        padding: 0
    }
    .btn_wrap {
        padding: 30px 0
    }
    .section_heading {
        margin-bottom: 30px
    }
    .intro_video_section .shape_img_3 {
        right: -100px;
        max-width: 180px
    }
}

@media screen and (max-width:680px) {
    .course_card.list_layout {
        display: block
    }
    .course_card.list_layout .item_image,
    .courses_archive_section .course_card.list_layout .item_image {
        margin: 0 0 30px 0
    }
    .calltoaction_section .boxed_wrapper {
        padding: 100px 15px
    }
    .faq_section .section_heading.text-center,
    .newslatter_box .section_heading.text-center,
    .policy_section .section_heading.text-center,
    .process_section .section_heading.text-center {
        text-align: left !important
    }
}

@media screen and (max-width:575px) {
    .advertisement_section .images_group .col:nth-child(1),
    .advertisement_section .images_group .col:nth-child(2) {
        margin: 0
    }
    .header_btns_group .btn span small {
        font-size: 14px;
        line-height: 18px
    }
    .header_btns_group .btn {
        padding: 0 12px
    }
    .header_btns_group .btn span small {
        padding: 4px 0
    }
    .mobile_menu_btn {
        margin-right: 8px;
        color: #1f1d0d
    }
    .mobile_menu_btn:hover {
        color: #1f1d0d
    }
    .newslatter_box .form_item:has(.btn) {
        display: block
    }
    .newslatter_box .form_item:has(.btn) input {
        margin-bottom: 10px
    }
    .newslatter_box .form_item .btn {
        width: 100%;
        display: block
    }
    .newslatter_box {
        padding: 50px 30px
    }
    .hero_banner .banner_image_2 {
        max-width: 400px
    }
    .banner_image_2 .child_image .layer {
        max-width: 130px
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -680px
    }
    .banner_image_2 .image_wrap_4 {
        left: -10%
    }
    .banner_image_2 .image_wrap_3 {
        right: -18%
    }
    .banner_image_2 .image_wrap_2 {
        right: -10%
    }
    .brands_logo_list>li {
        width: 50%
    }
    .hero_banner.style_2 .form_item {
        display: block
    }
    .hero_banner.style_2 .form_item .btn {
        width: 100%;
        display: block;
        margin-top: 10px
    }
    .testimonial_item_2 .testimonial_image.image_widget {
        box-shadow: 10px 10px 0 0 #ffd32b
    }
    .popular_event_list ul>li {
        display: block
    }
    .popular_event_list ul .column:nth-child(1) {
        padding: 0 0 20px
    }
    blockquote {
        display: block
    }
    blockquote .blockquote_icon {
        margin: 0 0 10px
    }
    .blog_author {
        margin: 50px 0;
        display: block
    }
    .blog_author .blog_author_image {
        margin: 0 0 20px
    }
    .blog_author .blog_author_link {
        position: static;
        margin: 20px 0 0
    }
    .prevnext_post_wrap {
        display: block
    }
    .prevnext_post_wrap .post_item {
        padding: 30px;
        display: block;
        max-width: 100%;
        border-radius: 6px;
        border: 2px solid #d2d2d2
    }
    .prevnext_post_wrap .post_item:not(:last-child) {
        margin-bottom: 6px
    }
    .filter_topbar {
        display: block
    }
    .filter_result {
        margin: 0 0 24px
    }
    .deals_countdown {
        display: block
    }
    .deals_countdown .countdown_timer {
        width: 100%
    }
    .deals_countdown .discount_value {
        width: 100%;
        margin: 15px 0 0
    }
    .error_section .error_image {
        max-width: 370px
    }
    .error_section p {
        font-size: 14px;
        line-height: 24px;
        margin: auto auto 30px
    }
    .error_section .form_item:has(.btn) {
        display: block
    }
    .error_section .form_item .btn {
        width: 100%;
        display: block;
        margin: 10px 0 0
    }
    .details_section .details_content .mentor_name {
        font-size: 36px;
        line-height: 42px
    }
    .details_section .details_content .details_item_title {
        line-height: 1;
        font-size: 40px;
        margin-bottom: 18px
    }
    .accordion.style_2 .accordion-button {
        font-size: 18px;
        line-height: 22px
    }
    .video_play_btn .icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        font-size: 14px
    }
}

@media screen and (max-width:425px) {
    .mobile_menu_btn {
        margin-right: 6px;
        font-size: 20px
    }
    .header_btns_group>li {
        margin-left: 4px
    }
    .header_btns_group .btn span small {
        font-size: 12px;
        line-height: 14px
    }
    .site_header {
        padding: 10px 0
    }
    .main_menu {
        top: 82px
    }
    .site_header.sticky .main_menu {
        top: 62px
    }
    .hero_banner.style_1 .content_wrap {
        padding: 20px
    }
    .hero_banner .banner_big_title {
        font-size: 42px;
        line-height: 44px
    }
    .banner_image_1 .satisfied_student {
        left: 20px;
        padding: 15px
    }
    .hero_banner.style_1 {
        margin-bottom: 0
    }
    .testimonial_item {
        display: block
    }
    .testimonial_item .testimonial_image {
        max-width: 100%;
        margin: auto auto 20px auto
    }
    .course_card .item_price .sale_price {
        font-size: 22px;
        line-height: 28px
    }
    .pricing_card {
        padding: 32px 30px 40px
    }
    .pricing_card.bg_dark {
        padding: 62px 30px 60px
    }
    .brands_logo_list a img {
        max-width: 120px;
        max-height: 50px
    }
    .brands_logo_list a {
        height: 130px
    }
    .calltoaction_form {
        padding: 30px 20px
    }

    .iconbox_item .title_wrap {
        display: block
    }
    .iconbox_item .title_wrap .item_icon {
        margin-bottom: 18px
    }
    .iconbox_item .title_wrap {
        margin-bottom: 10px
    }
    .backtotop {
        bottom: 100px
    }
    .comment_item .reply_btn {
        position: static;
        margin-top: 20px
    }
    .remenber_forget {
        display: block !important
    }
    .remenber_forget>.col {
        width: 100%
    }
    .forget_password.text-end {
        text-align: left !important
    }
    .section_space_lg {
        padding-bottom: 30px
    }
    
    /* Marquee Mobile Optimization */
    marquee {
        padding: 15px 0 10px 0;
        width: 100%;
    }
    marquee > h3 {
        font-size: 18px;
        line-height: 20px;
        padding-right: 25px;
    }
}

@media screen and (max-width:375px) {
    .course_card .item_content .d-flex {
        display: block !important
    }
    .course_card .item_price {
        margin-top: 10px
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -540px
    }
    .banner_image_2 .child_image .layer {
        max-width: 100px
    }
    .brands_logo_list>li {
        width: 100%
    }
    .main_menu {
        top: 77px
    }
    .site_header.sticky .main_menu {
        top: 56px
    }
    .page_banner .item_price .sale_price {
        font-size: 38px
    }
    .page_banner .item_price .remove_price {
        font-size: 20px
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        padding: 14px 0 24px
    }
}

@media screen and (max-width:320px) {
    .main_menu {
        top: 73px
    }
    .site_header.sticky .main_menu {
        top: 52px
    }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation-name: bounce
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: .2
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes rubberBand {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        transform: scaleX(1.15) scaleY(.85)
    }
    100% {
        transform: scale(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

.tada {
    animation-name: tada
}

.translateD {
    animation-name: translateD
}

@keyframes translateD {
    0% {
        opacity: 0;
        transform: scale(1.2) rotate(-12deg) translate(20px, 20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(-12deg) translate(0, 0)
    }
}

.translateSC {
    animation-name: translateSC
}

@keyframes translateSC {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.translateZoomOut {
    animation-name: translateZoomOut
}

@keyframes translateZoomOut {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.translateD1 {
    animation-name: translateD1
}

@keyframes translateD1 {
    0% {
        opacity: 0;
        transform: scale(1.2) rotate(-18deg) translate(20px, 20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(-18deg) translate(0, 0)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes newfadeInD {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.newfadeInD {
    animation-name: newfadeInD
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}


@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp2 {
    animation-name: fadeInUp2
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-180px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    100% {
        transform: translateX(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes rollIncustom {
    0% {
        opacity: 0;
        transform: translateX(220%) translateY(220px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom {
    animation-name: rollIncustom
}

@keyframes rollIncustom1 {
    0% {
        opacity: 0;
        transform: translateX(150%) translateY(150px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom1 {
    animation-name: rollIncustom1
}

@keyframes rollIncustom3 {
    0% {
        opacity: 0;
        transform: translateX(-20px) translateY(350px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom3 {
    animation-name: rollIncustom3
}

@keyframes rollIncustom4 {
    0% {
        opacity: 0;
        transform: translateX(-90px) translateY(70px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom4 {
    animation-name: rollIncustom4
}

@keyframes rollIncustom5 {
    0% {
        opacity: 0;
        transform: translateX(-500px) translateY(-50px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom5 {
    animation-name: rollIncustom5
}

@keyframes rollIncustom6 {
    0% {
        opacity: 0;
        transform: translateX(30px) translateY(-150px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom6 {
    animation-name: rollIncustom6
}

@keyframes rollIncustom7 {
    0% {
        opacity: 0;
        transform: translateX(-150px) translateY(-150px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom7 {
    animation-name: rollIncustom7
}

@keyframes rollIncustom8 {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom8 {
    animation-name: rollIncustom8
}

@keyframes rollIncustom9 {
    0% {
        opacity: 0;
        transform: translateX(200px) translateY(-150px)
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0)
    }
}

.rollIncustom9 {
    animation-name: rollIncustom9
}

@keyframes slideInnew {
    0% {
        opacity: 0;
        transform: translate(10px, 10px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.slideInnew {
    animation-name: slideInnew
}

@keyframes slideInnew2 {
    0% {
        opacity: 0;
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(-10px, 80px)
    }
    100% {
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(0, 0)
    }
}

.slideInnew2 {
    animation-name: slideInnew2
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(359deg)
    }
}

.faa-parent.animated-hover:hover>.faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
    animation: spin 1.5s linear infinite
}


img {
    border: none;
    height: auto;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

a {
    outline: 0;
    display: inline-block;
    text-decoration: none;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    text-decoration: none
}

button {
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    display: inline-block;
    transition: .4s cubic-bezier(.25, 1, .5, 1)
}

button:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: #1f1d0d;
    font-family: "Poppins", sans-serif;
}

hr {
    opacity: 1;
    margin: 25px 0;
    background-color: #d2d2d2
}

.fa {
    font-family: "Font Awesome 5 Brands"
}

.container {
    /*max-width: 1280px;*/
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin: -15px;
    z-index: 0;
}

.col {
    flex: unset;
    padding: 15px
}

/* .dropdown-menu {
    border: none;
    margin-top: 20px;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 3px 7px 0 rgba(255, 80, 80, 0.1);
    animation: .3s ease-in-out 0s normal none 1 running fadeInUp
} */

/* .dropdown-menu:before {
    left: 0;
    right: 0;
    top: -20px;
    content: "";
    height: 20px;
    display: block;
    position: absolute
}

.dropdown-toggle::after {
    margin: 0;
    border: none;
    line-height: 1;
    content: "\f107";
    font-weight: 400;
    color: #ffd32b;
    font-family: "Font Awesome 5 Pro"
} */

.layer {
    position: relative !important
}

.bg_light {
    background-color: #f6f6f6
}

.bg_light_2 {
    background-color: #f8f8f8
}
.bg_dark {
    background-color: #1f1d0d
}

.bg_primary {
    background-color: #f7ff62
}

.bg_facebook {
    background-color: #3b5998
}

.bg_twitter {
    background-color: #1da1f2
}

.bg_instagram {
    background-color: #c32aa3
}

.bg_linkedin {
    background-color: #0a66c2
}

@keyframes dropDown {
    0% {
        transform: translateY(-10px)
    }
    100% {
        transform: translateY(0)
    }
}

.decoration_wrap {
    z-index: 1;
    position: relative
}

.decoration_wrap .deco_item {
    z-index: -1;
    position: absolute
}

.decoration_wrap .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    position: absolute
}

.decoration_wrap .half_bg_top {
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    position: absolute
}

.section_space_lg {
    padding-bottom: 50px;
}

.section_space_md {
    padding-top: 70px;
    padding-bottom: 70px
}

.heading_text {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 25px;
    color:#fe7b14;
}

/* Subheading with Underline*/
.heading_text::after {
    content: '';
    width: 6rem;
    height: 5px;
    background-color: #199981;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 15px;
}
.section_heading p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
}


/* Header Navigation */
.site_header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 5px 0;
    position: absolute;
    transition: padding .3s
}

.main_menu {
    padding: 0
}

.main_menu u {
    text-decoration: none;
}

.site_header_1.index+main {
    padding-top: 130px;
}

.site_header_2 .container {
    max-width: 1200px
}

.event_speakers .mentor_item {
    padding: 10px 10px 18px
}

.event_speakers .mentor_item .mentor_image {
    margin-bottom: 12px
}

.event_speakers .mentor_item .mentor_name {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 6px
}

.event_speakers .mentor_item .mentor_designation {
    font-size: 16px;
    font-weight: 400
}

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

.contact_info_iconbox:not(:last-child) {
    margin-bottom: 30px
}

.contact_info_iconbox .item_icon {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    color: #1f1d0d;
    align-items: center;
    justify-content: center;
    background-color: #ffd32b;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 4px 4px 0 0 #1f1d0d
}

.contact_info_iconbox .item_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px
}

#gmap_canvas_iframe {
    width: 100%;
    height: 524px;
    border-radius: 8px;
    border: 3px solid #ffd32b
}

.contact_form_section .shape_img_1 {
    right: 0;
    top: 150px;
    max-width: 102px
}

.contact_form_section .shape_img_2 {
    left: 0;
    bottom: 130px;
    max-width: 72px
}

.contact_form_section .shape_img_3 {
    top: -204px;
    left: -150px;
    max-width: 446px
}

.contact_form_section .shape_img_4 {
    right: -270px;
    bottom: -160px;
    max-width: 643px
}

.error_section {
    display: flex;
    padding: 55px 0;
    min-height: 100vh;
    align-items: center
}

.error_section .error_image {
    max-width: 670px;
    margin: auto auto 20px
}

.error_section .error_title {
    font-size: 60px;
    line-height: 66px;
    margin-bottom: 20px
}

.error_section p {
    font-size: 16px;
    max-width: 500px;
    line-height: 24px;
    margin: auto auto 40px
}

.error_section .shape_img_1 {
    right: 0;
    top: 150px;
    max-width: 102px
}

.error_section .shape_img_2 {
    left: 0;
    bottom: 130px;
    max-width: 72px
}

.error_section .shape_img_3 {
    top: -204px;
    left: -150px;
    max-width: 446px
}

.error_section .shape_img_4 {
    right: -270px;
    bottom: -160px;
    max-width: 643px
}

.register_heading {
    line-height: 1;
    font-size: 54px;
    margin: -60px 0 18px
}

.register_heading_description {
    font-size: 18px;
    margin-bottom: 40px
}

.register_form {
    z-index: 1;
    padding: 60px;
    position: relative;
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #1f1d0d;
    box-shadow: 2px 2px 30px rgba(31, 29, 13, .12), 10px 10px 0 0 #1f1d0d
}

.register_form .form_item input,
.register_form .form_item textarea {
    border-color: #1f1d0d
}

.register_form .icon_list>li:not(:last-child) {
    margin-bottom: 10px
}

.register_form .icon_list i {
    float: left;
    font-size: 16px;
    font-style: normal;
    color: #1f1d0d;
    margin-right: 10px
}

.register_form .icon_list span {
    display: table
}

.register_form .note_text {
    font-size: 18px;
    color: #1f1d0d;
    font-style: italic
}

.register_form hr {
    margin: 30px 0
}

.register_form.signup_login_form .form_item {
    margin-bottom: 20px
}

.register_form.signup_login_form .btn {
    width: 100%;
    display: block
}

@media screen and (max-width:1440px) {
    .intro_video_section .shape_img_3 {
        right: -160px;
        bottom: -180px;
        max-width: 360px
    }
}

@media screen and (max-width:1199px) {
    .hero_banner.style_1 .content_wrap {
        padding: 20px;
    }
    .hero_banner .banner_big_title {
        font-size: 54px;
        line-height: 58px
    }
    .banner_image_1 .satisfied_student {
        left: -150px;
        padding: 30px
    }
    .banner_image_1 .satisfied_student .students_thumbnail span {
        width: 40px;
        height: 40px
    }
    .banner_image_1 .satisfied_student .wrap_title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px
    }
    .form_item:has(.btn) input {
        flex: 0 0 340px
    }
    .image_widget {
        box-shadow: -5px 5px 0 0 #ffd32b
    }
    .newslatter_box {
        box-shadow: 5px 5px 0 0 #ffd32b
    }
    .calltoaction_form {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 5px 5px 0 0 #ffd32b
    }
    .details_section .details_image.image_widget {
        box-shadow: -5px -5px 0 0 #1f1d0d
    }
    .course_info_card {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .0894963), 5px 5px 0 0 #1f1d0d
    }
    .testimonial_item_2 .testimonial_image.image_widget {
        box-shadow: 5px 5px 0 0 #ffd32b
    }
    .popular_event_list {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .09), 5px 5px 0 0 #ffd32b
    }
    .details_section .details_image.image_widget {
        box-shadow: -5px -5px 0 0 #1f1d0d
    }
    .register_form {
        box-shadow: 2px 2px 30px rgba(31, 29, 13, .12), 5px 5px 0 0 #1f1d0d
    }
    .main_menu_list>li>a {
        padding: 9px 16px 8px
    }
    .header_btns_group .btn {
        padding: 0 20px
    }
    .advertisement_section {
        margin: 0;
        padding: 70px 0
    }
    .advertisement_section .section_heading {
        padding-right: 0
    }
    .advertisement_section .images_group .shape_img_1 {
        left: -60px;
        bottom: 83px;
        max-width: 180px
    }
}

@media screen and (max-width:1024px) {
    .main_menu_list>li>a {
        font-size: 16px;
        line-height: 22px;
        padding: 7px 14px 6px
    }
    .header_btns_group .btn {
        padding: 0 18px
    }
    .header_btns_group>li {
        margin-left: 8px
    }
    .banner_image_1 {
        margin: 0
    }
    .banner_image_1 .satisfied_student {
        left: 30px;
        padding: 20px
    }
    .banner_image_1 .shape_img_1 {
        left: -50px
    }
    .banner_image_1 .shape_img_2 {
        right: -33px
    }
    .service_item {
        padding: 30px 30px 35px
    }
    .counter_item .counter_value {
        font-size: 48px;
        line-height: 54px
    }
    .section_heading .heading_text {
        font-size: 1.8rem;
        line-height: 30px
    }
    .advertisement_section .images_group .shape_img_1 {
        left: -78px;
        max-width: 190px
    }
    .testimonial_item .quote_icon {
        top: 15px;
        right: 15px;
        font-size: 28px
    }
    .form_item:has(.btn) input {
        margin-right: 5px
    }
    .hero_banner.style_2 .form_item:has(.btn) input {
        flex: 0 0 330px
    }
    .testimonial_item_2 .testimonial_title {
        font-size: 24px
    }
    .page_banner .form_item:has(.btn) {
        display: block
    }
    .page_banner .form_item .btn {
        width: 100%;
        display: block;
        margin-top: 10px
    }
    .brands_logo_list.style_2 li {
        width: auto
    }
    .page_title {
        font-size: 1.9rem;
        line-height: 1.2;
        margin: 0;
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        padding: 20px 0 30px
    }
    .page_banner_image {
        margin: auto
    }
    .error_section .error_image {
        max-width: 470px
    }
    .error_section .error_title {
        font-size: 48px;
        line-height: 54px
    }
    .error_section .shape_img_3 {
        top: -120px;
        left: -130px;
        max-width: 300px
    }
    .error_section .shape_img_4 {
        right: -250px;
        max-width: 500px
    }
    .error_section .shape_img_1 {
        top: 80px;
        right: 15px;
        max-width: 80px
    }
    .error_section .shape_img_2 {
        left: 15px;
        bottom: 100px;
        max-width: 70px
    }
    .register_form {
        padding: 40px
    }
}

@media screen and (max-width:991px) {
    .page_content { 
        margin-top: 100px !important; 
    }
    .header_btns_group>li:first-child {
        display: inline-block
    }
    .mobile_menu_btn {
        font-size: 24px;
        margin-right: 10px;
        transform: translateY(2px)
    }
    .container,
    .hero_banner.style_1 .container,
    .site_header .container {
        max-width: 100vw;
    }
    .main_menu {
        left: 0;
        right: 0;
        top: 129px;
        z-index: 999;
        position: fixed
    }

    .site_header.sticky .main_menu {
        top: 61px
    }
    .main_menu_inner {
        background-color: #fff;
        border-bottom: 1px solid #d2d2d2
    }
    .main_menu_list>li {
        width: 100%;
        margin: 1px 0;
        display: block
    }
    .main_menu_list {
        margin: auto;
        padding: 15px;
        max-width: 730px
    }
    .main_menu_list>li>a {
        width: 100%;
        display: block
    }
    .main_menu_list .dropdown-menu {
        position: static;
        box-shadow: none
    }
    .main_menu_list>li>a {
        font-size: 18px;
        line-height: 24px;
        padding: 12px 20px
    }
    .main_menu_list .dropdown>a:after {
        font-size: 16px;
        margin-top: 5px
    }
    .main_menu_list .dropdown-menu {
        padding: 8px 0
    }
    .hero_banner {
        text-align: center
    }
    .hero_banner.style_1 .banner_description {
        padding-right: 0
    }
    .hero_banner .banner_btns_group {
        justify-content: center
    }
    .banner_image_1 {
        margin: 20px 0 0
    }
    .hero_banner.style_1 {
        margin-bottom: 20px
    }
    .section_space_lg {
        /* padding-top: 30px; */
        padding-bottom: 30px;
    }
    /* .courses_info_section .image_widget,
    .expect_from_course .image_widget {
        margin-bottom: 30px
    } */
    .advertisement_section {
        margin: 0;
        padding: 90px 0
    }
    .testimonial_section .section_heading {
        text-align: center
    }
    .hero_banner.style_2 .banner_description {
        margin: auto auto 30px
    }
    .hero_banner.style_2 .form_item {
        justify-content: center
    }
    .hero_banner .tags_list {
        margin: auto;
        justify-content: center
    }
    .hero_banner .banner_image_2 {
        max-width: 500px;
        margin: 20px auto auto
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -780px
    }
    .banner_image_2 .child_image .layer {
        max-width: 180px
    }
    .banner_image_2 .image_wrap_2 {
        right: -15%
    }
    .banner_image_2 .image_wrap_3 {
        top: 24%;
        right: -30%
    }
    .banner_image_2 .image_wrap_4 {
        top: 30%;
        left: -24%
    }
    .testimonial_item_2 {
        display: block
    }
    .testimonial_item_2 .testimonial_image {
        margin: auto auto 40px
    }
    .testimonial_item_2 .quote_icon {
        margin-bottom: 20px
    }
    .calltoaction_form {
        margin: auto
    }
    .calltoaction_section .shape_img_2 {
        top: -44px;
        right: 50px;
        max-width: 120px
    }
    .calltoaction_section .shape_img_1 {
        left: 50px;
        bottom: -10px;
        max-width: 120px
    }
    .brands_logo_list>li {
        width: 33.333%
    }
    .brands_logo_list a img {
        max-width: 140px;
        max-height: 60px
    }
    .form_item:has(.btn) {
        margin-bottom: 30px
    }
    .hero_banner.style_2 .banner_big_title {
        margin: 0 0 20px
    }
    .breadcrumb_nav {
        justify-content: center
    }
    .page_description {
        padding: 0
    }
    .popular_event_list {
        margin: auto
    }
    .popular_event_section .shape_img_3 {
        right: -90px;
        max-width: 180px
    }
    .popular_event_section .shape_img_1 {
        left: -90px;
        max-width: 180px
    }
    .popular_event_section .shape_img_2 {
        bottom: 20px;
        max-width: 120px
    }
    .sidebar {
        margin-top: 40px
    }
    .contact_form_section .shape_img_4 {
        right: -200px;
        bottom: -100px;
        max-width: 470px
    }
    .contact_form_section .shape_img_3 {
        top: -120px;
        left: -120px;
        max-width: 300px
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        justify-content: center
    }
    .page_banner .btns_group {
        justify-content: center
    }
    .service_item {
        padding: 25px 20px 30px
    }
    
    .footer_widget_title {
        line-height: 1;
        margin-bottom: 20px
    }
    .site_footer .site_logo {
        margin-bottom: 25px
    }
    .footer_widget {
        margin-bottom: 10px
    }
    
    .newslatter_box {
        padding: 90px 40px
    }
    .intro_video_section .shape_img_2 {
        left: -58px;
        max-width: 140px
    }
    .intro_video_section .shape_img_3 {
        right: -110px;
        bottom: -120px;
        max-width: 230px
    }
    .page_banner .unordered_list {
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .header_btns_group {
        margin-left: -100px
    }
    .header_btns_group .btn span small {
        font-size: 16px
    }
    .advertisement_section .section_heading {
        padding: 0
    }
    .popular_event_section .section_heading {
        padding: 0
    }
    .btn_wrap {
        padding: 30px 0
    }
    .section_heading {
        margin-bottom: 30px
    }
    .intro_video_section .shape_img_3 {
        right: -100px;
        max-width: 180px
    }
    .breadcrumb_nav>li {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width:680px) {
    .course_card.list_layout {
        display: block
    }
    .course_card.list_layout .item_image,
    .courses_archive_section .course_card.list_layout .item_image {
        margin: 0 0 30px 0
    }
    .calltoaction_section .boxed_wrapper {
        padding: 100px 15px
    }
    .faq_section .section_heading.text-center,
    .newslatter_box .section_heading.text-center,
    .policy_section .section_heading.text-center,
    .process_section .section_heading.text-center { 
        text-align: left !important
    }
}

@media screen and (max-width:575px) {
    .advertisement_section .images_group .col:nth-child(1),
    .advertisement_section .images_group .col:nth-child(2) {
        margin: 0
    }
    .header_btns_group .btn span small {
        font-size: 14px;
        line-height: 18px
    }
    .header_btns_group .btn {
        padding: 0 12px
    }
    .header_btns_group .btn span small {
        padding: 4px 0
    }
    .mobile_menu_btn {
        margin-right: 8px;
        color: #1f1d0d
    }
    .mobile_menu_btn:hover {
        color: #1f1d0d
    }
    .newslatter_box .form_item:has(.btn) {
        display: block
    }
    .newslatter_box .form_item:has(.btn) input {
        margin-bottom: 10px
    }
    .newslatter_box .form_item .btn {
        width: 100%;
        display: block
    }
    .newslatter_box {
        padding: 50px 30px
    }
    .hero_banner .banner_image_2 {
        max-width: 400px
    }
    .banner_image_2 .child_image .layer {
        max-width: 130px
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -680px
    }
    .banner_image_2 .image_wrap_4 {
        left: -10%
    }
    .banner_image_2 .image_wrap_3 {
        right: -18%
    }
    .banner_image_2 .image_wrap_2 {
        right: -10%
    }
    .brands_logo_list>li {
        width: 50%
    }
    .hero_banner.style_2 .form_item {
        display: block
    }
    .hero_banner.style_2 .form_item .btn {
        width: 100%;
        display: block;
        margin-top: 10px
    }
    .testimonial_item_2 .testimonial_image.image_widget {
        box-shadow: 10px 10px 0 0 #ffd32b
    }
    .popular_event_list ul>li {
        display: block
    }
    .popular_event_list ul .column:nth-child(1) {
        padding: 0 0 20px
    }
    blockquote {
        display: block
    }
    blockquote .blockquote_icon {
        margin: 0 0 10px
    }
    .blog_author {
        margin: 50px 0;
        display: block
    }
    .blog_author .blog_author_image {
        margin: 0 0 20px
    }
    .blog_author .blog_author_link {
        position: static;
        margin: 20px 0 0
    }
    .prevnext_post_wrap {
        display: block
    }
    .prevnext_post_wrap .post_item {
        padding: 30px;
        display: block;
        max-width: 100%;
        border-radius: 6px;
        border: 2px solid #d2d2d2
    }
    .prevnext_post_wrap .post_item:not(:last-child) {
        margin-bottom: 6px
    }
    .filter_topbar {
        display: block
    }
    .filter_result {
        margin: 0 0 24px
    }
    .deals_countdown {
        display: block
    }
    .deals_countdown .countdown_timer {
        width: 100%
    }
    .deals_countdown .discount_value {
        width: 100%;
        margin: 15px 0 0
    }
    .error_section .error_image {
        max-width: 370px
    }
    .error_section p {
        font-size: 14px;
        line-height: 24px;
        margin: auto auto 30px
    }
    .error_section .form_item:has(.btn) {
        display: block
    }
    .error_section .form_item .btn {
        width: 100%;
        display: block;
        margin: 10px 0 0
    }
    .details_section .details_content .mentor_name {
        font-size: 36px;
        line-height: 42px
    }
    .details_section .details_content .details_item_title {
        line-height: 1;
        font-size: 40px;
        margin-bottom: 18px
    }
    .accordion.style_2 .accordion-button {
        font-size: 18px;
        line-height: 22px
    }
    .video_play_btn .icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        font-size: 14px
    }
}

@media screen and (max-width:425px) {
    .mobile_menu_btn {
        margin-right: 6px;
        font-size: 20px
    }
    .header_btns_group>li {
        margin-left: 4px
    }
    .header_btns_group .btn span small {
        font-size: 12px;
        line-height: 14px
    }
    .site_header {
        padding: 10px 0
    }
    .main_menu {
        top: 82px
    }
    .site_header.sticky .main_menu {
        top: 62px
    }
    .hero_banner.style_1 .content_wrap {
        padding: 20px
    }
    .hero_banner .banner_big_title {
        font-size: 42px;
        line-height: 44px
    }
    .banner_image_1 .satisfied_student {
        left: 20px;
        padding: 15px
    }
    .hero_banner.style_1 {
        margin-bottom: 0
    }
    .testimonial_item {
        display: block
    }
    .testimonial_item .testimonial_image {
        max-width: 100%;
        margin: auto auto 20px auto
    }
    .course_card .item_price .sale_price {
        font-size: 22px;
        line-height: 28px
    }
    .pricing_card {
        padding: 32px 30px 40px
    }
    .pricing_card.bg_dark {
        padding: 62px 30px 60px
    }
    .brands_logo_list a img {
        max-width: 120px;
        max-height: 50px
    }
    .brands_logo_list a {
        height: 130px
    }
    .calltoaction_form {
        padding: 30px 20px
    }
    .iconbox_item .title_wrap {
        display: block
    }
    .iconbox_item .title_wrap .item_icon {
        margin-bottom: 18px
    }
    .iconbox_item .title_wrap {
        margin-bottom: 10px
    }
    .backtotop {
        bottom: 100px
    }
    .comment_item .reply_btn {
        position: static;
        margin-top: 20px
    }
    .remenber_forget {
        display: block !important
    }
    .remenber_forget>.col {
        width: 100%
    }
    .forget_password.text-end {
        text-align: left !important
    }
   
}

@media screen and (max-width:375px) {
    .course_card .item_content .d-flex {
        display: block !important
    }
    .course_card .item_price {
        margin-top: 10px
    }
    .banner_image_2 .image_wrap_1 {
        margin-bottom: -540px
    }
    .banner_image_2 .child_image .layer {
        max-width: 100px
    }
    .brands_logo_list>li {
        width: 100%
    }
    .main_menu {
        top: 77px
    }
    .site_header.sticky .main_menu {
        top: 56px
    }
    .page_title {
        font-size: 36px;
        line-height: 40px
    }
    .breadcrumb_nav {
        margin-bottom: 16px
    }
    .page_banner .item_price .sale_price {
        font-size: 38px
    }
    .page_banner .item_price .remove_price {
        font-size: 20px
    }
    .page_banner .info_list,
    .page_banner .meta_info_list {
        padding: 14px 0 24px
    }
}

@media screen and (max-width:320px) {
    .main_menu {
        top: 73px
    }
    .site_header.sticky .main_menu {
        top: 52px
    }
}

/*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */

.vanilla-calendar {
    width: 280px;
    min-width: -moz-min-content;
    min-width: min-content;
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    grid-template-columns: 1fr;
    background-color: #fff;
    padding: 12px;
    border-radius: 4px
}

.vanilla-calendar button.focus-visible {
    outline: 1px solid #ff8c00
}

.vanilla-calendar button:focus-visible {
    outline: 1px solid #ff8c00
}

.vanilla-calendar-header {
    position: relative;
    display: flex;
    align-items: center
}

.vanilla-calendar-header__content {
    flex-grow: 1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    white-space: pre-wrap
}

.vanilla-calendar-week-numbers {
    display: flex;
    flex-direction: column;
    align-items: center
}

.vanilla-calendar-week-numbers__title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #20b2aa;
    width: 28px;
    height: 18px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-week-numbers__content {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 2px;
    row-gap: 2px;
    align-items: center;
    justify-items: center;
    flex-grow: 1
}

.vanilla-calendar-wrapper {
    height: 200px;
    display: flex;
    gap: 4px
}

.vanilla-calendar-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.vanilla-calendar-arrow {
    position: relative;
    right: 2px;
    display: block;
    font-size: 0;
    width: 18px;
    height: 18px;
    padding: 2px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-radius: 4px;
    border: 0
}

.vanilla-calendar-arrow::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform: rotateZ(45deg)
}

.vanilla-calendar-arrow::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform: rotateZ(-45deg)
}

.vanilla-calendar-arrow:hover::after,
.vanilla-calendar-arrow:hover::before {
    background-color: #20b2aa
}

.vanilla-calendar-arrow_prev {
    right: 0;
    left: 4px;
    transform: rotateZ(180deg)
}

.vanilla-calendar-months {
    border-radius: 4px;
    display: grid;
    grid-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-row-gap: 12px;
    row-gap: 12px;
    grid-template-columns: repeat(4, 1fr);
    background-color: #fff;
    flex-grow: 1;
    align-items: center
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month {
    cursor: pointer
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month_disabled {
    cursor: default
}

.vanilla-calendar-months__month {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 40px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    background-color: #fff;
    color: #20b2aa;
    padding: 2px;
    border-radius: 4px;
    border: 0;
    word-break: break-all
}

.vanilla-calendar-months__month:hover {
    background-color: #f0f8ff
}

.vanilla-calendar-months__month_selected {
    background-color: #20b2aa;
    color: #fff
}

.vanilla-calendar-months__month_selected:hover {
    background-color: #20b2aa;
    color: #fff
}

.vanilla-calendar-months__month_disabled {
    pointer-events: none;
    background-color: #fff;
    color: silver
}

.vanilla-calendar-months__month_disabled:hover {
    background-color: #fff;
    color: silver
}

.vanilla-calendar-month {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
    padding: 2px;
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-month:hover {
    color: #20b2aa
}

.vanilla-calendar-month_not-active {
    color: silver
}

.vanilla-calendar-month_disabled {
    pointer-events: none;
    color: silver
}

.vanilla-calendar-years {
    border-radius: 4px;
    display: grid;
    grid-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    grid-row-gap: 12px;
    row-gap: 12px;
    grid-template-columns: repeat(5, 1fr);
    background-color: #fff;
    flex-grow: 1;
    align-items: center
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
    cursor: pointer
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year_disabled {
    cursor: default
}

.vanilla-calendar-years__year {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 40px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    color: #20b2aa;
    padding: 2px;
    border-radius: 4px;
    border: 0;
    word-break: break-all
}

.vanilla-calendar-years__year:hover {
    background-color: #f0f8ff
}

.vanilla-calendar-years__year_selected {
    background-color: #20b2aa;
    color: #fff
}

.vanilla-calendar-years__year_selected:hover {
    background-color: #20b2aa;
    color: #fff
}

.vanilla-calendar-years__year_disabled {
    pointer-events: none;
    background-color: #fff;
    color: silver
}

.vanilla-calendar-years__year_disabled:hover {
    background-color: #fff;
    color: silver
}

.vanilla-calendar-year {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    border-radius: 4px;
    padding: 2px;
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-year:hover {
    color: #20b2aa
}

.vanilla-calendar-year_not-active {
    color: silver
}

.vanilla-calendar-year_disabled {
    pointer-events: none;
    color: silver
}

.vanilla-calendar-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    justify-items: center;
    margin-bottom: 5px
}

.vanilla-calendar-week__day {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #20b2aa;
    width: 28px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-week__day_weekend {
    color: coral
}

.vanilla-calendar-week-number {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #20b2aa;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    grid-row-gap: 2px;
    row-gap: 2px;
    justify-items: center;
    align-items: center;
    flex-grow: 1
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
    cursor: pointer
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
    cursor: default
}

.vanilla-calendar-day {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-day.focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
    opacity: 1;
    pointer-events: auto
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
    opacity: 1;
    pointer-events: auto
}

.vanilla-calendar-day__btn {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    border: 0;
    cursor: default
}

.vanilla-calendar-day__btn:hover {
    background-color: #f0f8ff
}

.vanilla-calendar-day__btn_today {
    background-color: #f0f8ff;
    color: #20b2aa;
    font-weight: 600;
}

.vanilla-calendar-day__btn_today:hover {
    color: #20b2aa;
    background-color: #f0f8ff;
}

.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev {
    background-color: #f5f5f5;
    color: #a9a9a9;
}

.vanilla-calendar-day__btn_selected {
    background-color: #289b95;
    color: #fff
}

.vanilla-calendar-day__btn_selected:hover {
    background-color: #289b95;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
    background-color: #68cec9;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color: #68cec9;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover,
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_holiday,
.vanilla-calendar-day__btn_weekend {
    color: coral
}

.vanilla-calendar-day__btn_holiday:hover,
.vanilla-calendar-day__btn_weekend:hover {
    background-color: #fff5ee
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today {
    color: coral;
    background-color: #fff5ee
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev {
    color: #a9a9a9;
    background-color: #f5f5f5
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
    color: #d3d3d3;
    background-color: #f5f5f5
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected {
    background-color: coral;
    color: #fff
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover {
    background-color: coral;
    color: #fff
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
    background-color: #ffaa8a;
    color: #fff
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color: #ffaa8a;
    color: #fff
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev {
    color: #a9a9a9
}

.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_prev {
    background-color: #fff;
    color: #a9a9a9
}

.vanilla-calendar-day__btn_next:hover,
.vanilla-calendar-day__btn_prev:hover {
    background-color: #fff;
    color: #a9a9a9
}

.vanilla-calendar-day__btn_disabled {
    pointer-events: none;
    background-color: #fff;
    color: #d3d3d3
}

.vanilla-calendar-day__btn_disabled:hover {
    background-color: #fff;
    color: #d3d3d3
}

.vanilla-calendar-day__popup {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 130px;
    padding: 16px 12px 8px;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    opacity: 0;
    pointer-events: none
}

.vanilla-calendar-day__popup:hover {
    opacity: 1;
    pointer-events: auto
}

.vanilla-calendar-day__popup::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 8px);
    display: block;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.vanilla-calendar-day__popup::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    top: 2px;
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 8px
}

.vanilla-calendar-time {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px;
    gap: 12px;
    border-top: 1px solid #dcdcdc;
    padding: 12px 6px 0
}

.vanilla-calendar-time__content {
    display: flex;
    align-items: center
}

.vanilla-calendar-time__content input {
    box-sizing: border-box;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    color: #000;
    background-color: #fff;
    width: 100%;
    padding: 2px;
    margin: 0;
    border: 0;
    border-radius: 4px
}

.vanilla-calendar-time__content input:hover {
    background-color: #faebd7
}

.vanilla-calendar-time__content input:disabled {
    cursor: default
}

.vanilla-calendar-time__content input:disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-time__content input.focus-visible {
    outline: 1px solid #ff8c00;
    background-color: #fff
}

.vanilla-calendar-time__content input:focus-visible {
    outline: 1px solid #ff8c00;
    background-color: #fff
}

.vanilla-calendar-time__content input.vanilla-calendar-is-focus {
    background-color: #faebd7
}

.vanilla-calendar-time__hours {
    position: relative;
    width: 25px;
    margin-right: 6px
}

.vanilla-calendar-time__hours::after {
    content: ":";
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #000
}

.vanilla-calendar-time__minutes {
    width: 25px
}

.vanilla-calendar-time__keeping {
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: gray;
    margin-left: 1px;
    margin-top: 5px;
    padding: 2px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px
}

.vanilla-calendar-time__keeping:hover {
    background-color: #faebd7
}

.vanilla-calendar-time__keeping:disabled {
    cursor: default
}

.vanilla-calendar-time__keeping:disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-time__ranges {
    display: flex;
    flex-direction: column
}

.vanilla-calendar-time__range {
    font-size: 0;
    position: relative;
    z-index: 1
}

.vanilla-calendar-time__range::before {
    content: "";
    width: 1px;
    height: 8px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0;
    top: 5px;
    margin-top: 1px;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range::after {
    content: "";
    width: 1px;
    height: 8px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    right: 0;
    top: 5px;
    margin-top: 1px;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
    border-color: gray
}

.vanilla-calendar-time__range:hover input::-moz-range-thumb {
    border-color: gray
}

.vanilla-calendar-time__range input {
    width: 100%;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 20px;
    cursor: pointer;
    margin: 0;
    outline: 0
}

.vanilla-calendar-time__range input.focus-visible::-webkit-slider-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input.focus-visible::-moz-range-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -8px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    height: 16px;
    width: 10px;
    box-shadow: none;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer
}

.vanilla-calendar-time__range input::-moz-range-thumb {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    height: 16px;
    width: 10px;
    box-shadow: none;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    cursor: pointer;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range input::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    cursor: pointer;
    background-color: #dcdcdc
}

/*by nikita*/

.announcement-box {
    background: #fff;
    width: auto;
    border-radius: 20px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.announcement-header {
    background: linear-gradient(
        145deg,
        #0f172a 0%,
        #1e3a8a 35%,
        #2563eb 70%,
        #38bdf8 100%
    );
    color: white;
    padding: 15px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.announcement-box:hover {
    box-shadow: none;
    transition: all ease-in-out 0.2s;
}

.announcement-content {
    max-height: 200px;
    /* Adjust scrollable height */
    overflow-y: auto;
    padding: 25px;
    overflow: hidden;
}

/* Remove default list styles */

.announcement-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* List Items */

.announcement-content ul li {
    margin-bottom: 10px;
}

/* Links */

.announcement-content ul li a {
    text-decoration: none;
    color: #fe7b14;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    display: block;
}

.announcement-content ul li a:hover {
    text-decoration: underline;
}

/* Scrollbar Styling */

.announcement-content::-webkit-scrollbar {
    width: 6px;
}

.announcement-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.announcement-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.announcement-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*code by nikita*/

.page_content {
    margin-top: 110px;
    /* overflow-x: hidden; */
}

/**** GREAT MINDS PAGE STYLES ****/

.internal-banner {
    width: 100%;
    float: left;
}

/* Global scroll reveal animations - REMOVED */

.section_heading {
    transition: all 0.3s cubic-bezier(0.16, 0.8, 0.45, 1);
}

.image_widget img {
    transition: transform 0.6s ease, filter 0.6s ease;
}

.image_widget {
    transition: transform 0.3s cubic-bezier(0.16, 0.8, 0.45, 1);
}

@media (hover: hover) and (pointer: fine) {
    .image_widget:hover {
        transform: translateY(-5px);
    }
    .image_widget:hover img {
        transform: scale(1.05);
        filter: brightness(1.1);
    }
}

/* ===== HAMBURGER MENU - COMMON CSS ===== */

/* Hamburger Button */

.mobilemenu-btn {
    position: relative;
    width: 45px;
    height: 30px;
    float: right;
    color: #fe7b14;
    font-size: 26px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    z-index: 100000;
    margin-top: 10px;
}

.mobilemenu-btn span {
    display: block;
    width: 25px;
    height: 2.5px;
    background: linear-gradient(90deg, #fe7b14, #fe7b14);
    border-radius: 2px;
    transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3);
}

.mobilemenu-btn.active span:nth-child(1) {
    transform: rotate(45deg) translateY(12px);
    background: linear-gradient(90deg, #e74c3c, #c0392b);
}

.mobilemenu-btn.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(-10px);
}

.mobilemenu-btn.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-12px);
    background: linear-gradient(90deg, #e74c3c, #c0392b);
}

/* Sidebar Menu */

.sidebarmobile {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100vh;
    /* background: linear-gradient(135deg, #1a1f2e 0%, #2d3748 50%, #1a1f2e 100%); */
    backdrop-filter: blur(10px);
    background-color: rgb(247 255 223 / 78%);
    color: #fe7b14;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
    padding-top: 80px;
    z-index: 99999;
    overflow-y: auto;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.4);
    scrollbar-width: thin;
    scrollbar-color: rgba(74, 144, 226, 0.5) transparent;
    border-radius: 20px 0 0 20px;
}

.sidebarmobile.active {
    transform: translateX(0);
}

/* Scrollbar styling */

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

.sidebarmobile::-webkit-scrollbar-track {
    background: transparent;
}

.sidebarmobile::-webkit-scrollbar-thumb {
    background: rgba(74, 144, 226, 0.5);
    border-radius: 3px;
}

.sidebarmobile::-webkit-scrollbar-thumb:hover {
    background: rgba(74, 144, 226, 0.8);
}

/* Close button */

.sidebarmobile .closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: none;
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 50%;
    font-size: x-large;
    color: #0d5c4d;
    text-align: center;
    font-weight: 500;
    /* background-color: #5c5151; */
}
.sidebarmobile .closebtn .fas {
    font-size: 30px;
}

.sidebarmobile .closebtn:hover {
    color: #4a90e2;
    transform: rotate(90deg);
}

/* Menu Links */

.sidebarmobile a {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 24px;
    text-decoration: none;
    color: #fe7b14;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
    border-bottom: #9ebdb9 solid 1px;
    position: relative;
}

.sidebarmobile a::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 0;
    height: 100%;
    width: 6px;
    background: #fe7b14;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
}

.sidebarmobile a:hover {
    color: #000;
    background: rgba(255, 211, 43, .5);
    padding-left: 28px;
}

.sidebarmobile a:hover::before {
    transform: scaleY(1);
}

.sidebarmobile a.active {
    color: #000;
    background: rgba(255, 211, 43, 1);
    padding-left: 28px;
    border-radius: 10px;
}

.sidebarmobile a.active::before {
    transform: scaleY(1);
}

.dropdownmobile-toggle.active,
.dropdownmobile.open > .dropdownmobile-toggle {
    color: #000;
    background: rgba(255, 211, 43, 1);
    padding-left: 28px !important;
}

/* Dropdown Styling */
.dropdownmobile {
    margin: 0;
    padding: 0;
}

.dropdownmobile-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 24px !important;
    cursor: pointer;
    user-select: none;
}

.dropdownmobile-toggle::after {
    content: "▼";
    font-family: inherit;
    font-weight: 900;
    font-size: .7rem;
    color: inherit;
    display: inline-block;
    transition: transform 0.25s ease, color 0.25s ease;
    transform-origin: center center;
    transform: rotate(0deg);
    line-height: .4rem;
}

.dropdownmobile.open > .dropdownmobile-toggle::after {
    transform: rotate(180deg);
    margin-top: -2px;
    color: inherit;
}

.dropdownmobile-menu {
    display: none;
    background: rgba(74, 144, 226, 0.05);
    max-height: 0;
    overflow: hidden;
    background: rgba(74, 144, 226, 0.05);
    transition: max-height 0.3s ease;
}

.dropdownmobile.open > .dropdownmobile-menu {
    display: block;
    max-height: 300px;
}

.dropdownmobile-menu li {
    padding: 0;
    list-style: none;
}

.dropdownmobile-menu a {
    padding: 5px 24px 5px 0;
    font-size: 15px;
    margin-top: 10px;
    border-left: none;
}

.dropdownmobile-menu a::before {
    display: none;
}

.dropdownmobile-menu a:hover {
    background: rgba(74, 144, 226, 0.15);
    padding-left: 44px !important;
}

/* Dropdown arrow */

/* The mobile drawer uses a pseudo-element arrow on the toggle, so the inline icon element is hidden. */
.dropdownmobilearrow-icon {
    display: none !important;
}

/* Overlay */

.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 99998;
    transition: background 0.3s ease-in;
}

.menu-overlay.active {
    display: block;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
}

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: #fe7b14;
    color: #fff;
    font-size: 1.15rem !important;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    padding-top: 4px;
    transform: translateY(12px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    box-shadow: 0 15px 30px rgba(254, 123, 20, 0.22);
    z-index: 99997;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    transform: translateY(0) scale(1.05);
    background: #f37f1a;
}

/* Hide sidebar for larger screens */

@media screen and (min-width: 992px) {
    .sidebarmobile,
    .mobilemenu-btn {
        display: none !important;
    }
}

/* Mobile-specific optimizations for smooth 60fps animations */

@media screen and (max-width: 767px) {
    body {
        background-attachment: scroll;
    }
    /* Mobile animations removed */
    /* Reduce banner drift animation on mobile */
    @keyframes bannerDriftMobile {
        0%,
        100% {
            transform: translateX(-10px);
        }
        50% {
            transform: translateX(10px);
        }
    }
    .banner_drift {
        animation: bannerDriftMobile 15s infinite ease-in-out !important;
    }
    /* Hamburger menu transitions - optimized for mobile */
    .mobilemenu-btn span {
        transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .sidebarmobile {
        transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease;
    }
    .menu-overlay {
        transition: background 0.25s ease, opacity 0.25s ease;
    }
    /* Optimize dropdown animations for mobile */
    .dropdownmobile-toggle {
        transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .dropdownmobilearrow-icon {
        transition: transform 0.2s ease;
    }
    /* Smooth scroll on mobile */
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 50px;
    }
}

/* Small phone optimizations (max-width 639px) */

@media screen and (max-width: 639px) {
    /* Ultra-fast transitions for interactive elements on small screens */
    button,
    a,
    input,
    select,
    textarea {
        transition: all 0.15s ease;
    }
    .mobilemenu-btn span {
        transition: all 0.2s ease;
    }
    .sidebarmobile {
        transition: transform 0.25s ease;
    }
}

/* Landscape orientation adjustments */

@media screen and (max-width: 991px) and (orientation: landscape) {
    html {
        scroll-padding-top: 40px;
    }
}

/* ===== ANIMATIONS ===== */

/* Disable animations for users who prefer reduced motion */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
    /* Mobile styles */


/* Reduced motion for animations */

@media (prefers-reduced-motion: reduce) {
    /* Respect user preferences */
}
/* ===== TRANSITION PERFORMANCE OPTIMIZATION ===== */

/* GPU acceleration for smooth transitions */

.dropdown-menu,
.nav-link,
button,
a,
.card {
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Optimize hamburger menu transitions */

.mobilemenu-btn span {
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
    backface-visibility: hidden;
}

.sidebarmobile {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
    will-change: transform;
    backface-visibility: hidden;
}

.menu-overlay {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    will-change: opacity;
}

/* Mobile menu optimizations */

@media screen and (max-width: 991px) {
    .mobilemenu-btn span {
        transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .sidebarmobile {
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .menu-overlay {
        transition: opacity 0.25s ease;
    }
}

/* ===== SMOOTH SCROLL BEHAVIOR ===== */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

@media screen and (max-width: 991px) {
    html {
        scroll-padding-top: 60px;
    }
}

@media screen and (max-width: 640px) {
    html {
        scroll-padding-top: 50px;
    }
}

/* Disable smooth scroll for users with reduced motion */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* ===== BUTTON & LINK TRANSITIONS ===== */

button,
a,
input[type="submit"],
input[type="button"] {
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: background-color, color, transform;
}

/* ===== DROPDOWN ANIMATIONS ===== */

.dropdown-menu {
    animation: dropDown 0.2s ease forwards;
    will-change: transform, opacity;
    transform-origin: top center;
}

@media screen and (max-width: 991px) {
    .dropdown-menu {
        animation: dropDown 0.15s ease forwards;
    }
}

/* ===== CARD & SECTION ANIMATIONS ===== */

.card,
.section_heading,
.content_wrap {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* ===== FIX JANK AND STUTTERING ===== */

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Reduce motion for animations on performance-constrained devices */

@media (max-width: 480px) {
    /* No scroll reveal or fade-in animations on small screens */
}

/* ===== INTERSECTION OBSERVER FALLBACK ===== */

/* ===== PREVENT LAYOUT SHIFT ===== */

img,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

/* ===== MISSING BANNER KEYFRAME ANIMATIONS ===== */

/* These keyframes were referenced in animations but not defined */

@keyframes bannerDrift {
    0%,
    100% {
        background-position: 45% 45%;
    }
    50% {
        background-position: 55% 55%;
    }
}

@keyframes curtainSlide {
    0% {
        background-position: 0% 0%;
        opacity: 0.35;
    }
    50% {
        background-position: 100% 0%;
        opacity: 0.45;
    }
    100% {
        background-position: 0% 0%;
        opacity: 0.35;
    }
}

@keyframes bubbleDrift1 {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(18px, -14px, 0);
    }
}

@keyframes bubbleDrift2 {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(-12px, 18px, 0);
    }
}

@keyframes bubbleDrift3 {
    0%,
    100% {
        transform: translate3d(-50%, 0, 0);
    }
    50% {
        transform: translate3d(-50%, -20px, 0);
    }
}


/* Masonry Grid Common */
 /**** Masonry Grid Styles ******/
        .masonry-grid {
            column-count: 3;
            column-gap: 0;
        }

        .masonry-special {
            column-count: 3;
        }

        .masonry-grid .item {
            position: relative;
            margin-bottom: 30px;
            break-inside: avoid;
            border-radius: 24px;
            transition: 0.4s ease-in;
            border-radius: 20px;
        }

        .masonry-grid .item:hover {
            box-shadow:
                0 18px 40px rgba(56, 189, 248, 0.18),
                0 10px 25px rgba(0, 0, 0, 0.45);
            filter: saturate(1.23) contrast(1.1);
            transform: scale(1.02);
        }

        .masonry-grid.item img {
            width: 100%;
            display: block;
            object-fit: cover;
            border-radius: 20px;
            transition: 0.5s ease;
        }

        .masonry-grid .overlay {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: flex-end;
            padding: 20px;
        }

        .masonry-grid .content h3 {
            font-size: 1rem;
            margin-bottom: 6px;
            font-weight: 500;
        }

        .masonry-grid .content p {
            font-size: 0.85rem;
            font-weight: 700;
            margin: 0;
            color: #fff;
            opacity: 0.85;
            text-shadow: #000 8px 1px 5px;
        }

        /* Responsive */
        @media(max-width:1100px) {
            .masonry-grid {
                column-count: 3;
            }
        }

        @media(max-width:768px) {
            .masonry-grid {
                column-count: 2;
            }

            .masonry-grid .container {
                width: 94%;
            }
        }

        @media(max-width:500px) {
            .masonry-grid {
                column-count: 1;
            }
        }