@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.cdnfonts.com/css/source-sans-pro");
@import url("https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap");

:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme-color:#ff5757;
  --theme-color-2:#ff5757;
  --header:#333333;
  --text:#333333;
  --border:#F5F5F5;
  --ratting:#F1CE5D;
  --bg:#F47A66;
  --bg-2:#F5F5F5;
  --bg-3:#333333;
  ---box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
  --cream:#FFFBF0;
  --cream-2:#FFF6E0;
  --ink:#20301E;
  --forest:#2E5E23;
  --forest-deep:#1F4419;
  --sun:#FFC93C;
  --sun-2:#FFE49A;
  --coral:#FF5A4A;
  --coral-deep:#E8402F;
  --sky:#5FA8D3;
  --blush:#FF8FA3;
  --leaf:#7FB449;
  --paper:#FFFFFF;
  --shadow: 0 20px 50px -20px rgba(46,94,35,0.25);
  --radius-blob: 42px 60px 38px 55px / 55px 40px 60px 38px;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:'Quicksand',sans-serif;
  font-weight:700;
  font-size:15px;
  padding:14px 28px;
  border-radius:100px;
  border:none;
  cursor:pointer;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease;
}

.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 24px -10px rgba(255,90,74,.6);}
.btn-primary:hover{box-shadow:0 16px 30px -10px rgba(255,90,74,.75);}
.btn-ghost{background:transparent;color:var(--forest);border:2px solid var(--forest);}
.btn-ghost:hover{background:var(--forest);color:#fff;}

.reveal{opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8sease;}
.reveal.in{opacity:1; transform:translateY(0);}
.reveal-stagger > *{opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s ease;}
.reveal-stagger.in > *{opacity:1; transform:translateY(0);}
.reveal-stagger.in > *:nth-child(1){transition-delay:.05s;}
.reveal-stagger.in > *:nth-child(2){transition-delay:.12s;}
.reveal-stagger.in > *:nth-child(3){transition-delay:.19s;}
.reveal-stagger.in > *:nth-child(4){transition-delay:.26s;}
.reveal-stagger.in > *:nth-child(5){transition-delay:.33s;}
.reveal-stagger.in > *:nth-child(6){transition-delay:.4s;}
.reveal-stagger.in > *:nth-child(7){transition-delay:.47s;}
.reveal-stagger.in > *:nth-child(8){transition-delay:.54s;}

  .swing-icon{width:26px;height:26px;}
  .swing-icon .seat{ transform-origin:24px 4px; animation:swingMotion 3.2s ease-in-out infinite; }
  @keyframes swingMotion{
    0%,100%{transform:rotate(-9deg);}
    50%{transform:rotate(9deg);}
  }

  .hero-img{
      width:100%;
      height:100%;
      object-fit:cover; 
      display:block;
      border-radius:var(--radius-blob);
  }

  .hero{
    padding:86px 0 60px;
    position:relative;
    overflow:hidden;
  }
  .hero-blob{
    position:absolute; border-radius:50%; filter:blur(0px); z-index:0;
  }
  .blob-sun{width:340px;height:340px;background:#F1CE5D;top:-120px;left:-120px;border-radius:38% 62% 63% 37% / 41% 44% 56% 59%;}
  .blob-coral{width:280px;height:280px;background:var(--coral);bottom:-140px;right:-100px;border-radius:63% 37% 30% 70% / 50% 45% 55% 50%; opacity:.9;}
  .hero-grid{
    position:relative; z-index:2;
    display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;
  }
  .hero h1{font-size:clamp(38px,5vw,60px); margin-bottom:22px;color: #166534;}
  .hero p.lead{
    max-width:520px; margin-bottom:34px; color: #475569;
    line-height: 1.8;
    font-size: 17px;
  }
  .hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
  .hero-visual{position:relative; height:460px;}
  .swing-scene{
    position:absolute; inset:0; border-radius:var(--radius-blob);
    background:linear-gradient(160deg,#FFE49A 0%, #FFC93C 55%, #FF8FA3 100%);
    box-shadow:var(--shadow);
    overflow:hidden;
  }
  .hero-video{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      border-radius:var(--radius-blob);
      background:#000;
  }
  .swing-rig{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%;}
  .swing-rope{
    position:absolute; top:0; left:50%;
    width:4px; height:230px; background:rgba(46,94,35,.55);
    transform-origin: top center;
  }
  .swing-rope.left{margin-left:-46px;}
  .swing-rope.right{margin-left:26px;}
  .swing-assembly{
    position:absolute; top:0; left:50%; margin-left:-95px; width:190px; height:100%;
    transform-origin: 95px 6px;
    animation: swingBig 4.2s ease-in-out infinite;
  }
  @keyframes swingBig{
    0%,100%{transform:rotate(-11deg);}
    50%{transform:rotate(11deg);}
  }
  .swing-seat{
    position:absolute; top:228px; left:38px; width:120px; height:14px;
    background:var(--forest-deep); border-radius:8px;
  }
  .swing-child{
    position:absolute; top:150px; left:63px; width:70px; height:90px;
  }
  .cloud-deco{
    position:absolute; background:#fff; border-radius:50%; opacity:.55;
  }

  .band{padding:100px 0;}
  .band-cream2{background:var(--cream-2);}
  .band-forest{background:var(--forest); color:#fff;}
  .band-forest h2, .band-forest h3{color:#fff;}
  .cloud-card{
    background:#fff; border-radius:var(--radius-blob); box-shadow:var(--shadow);
    padding:52px;
  }
  .section-head{max-width:680px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(30px,3.6vw,44px);}

  .split{
    display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:stretch;
  }
  .split.rev{grid-template-columns:1.1fr .9fr;}
  .split.rev .art{order:2;}
  .polaroid{
    border-radius:28px; overflow:hidden; box-shadow:var(--shadow);
    position:relative; height:100%;
  }
  .polaroid img{width:100%; height:100%; object-fit:cover; display:block;}
  .quote-pull{
    font-family:'Quicksand',serif; font-style:italic; font-weight:600;
    font-size:24px; color:#166534; border-left:4px solid var(--coral);
    padding-left:24px; margin:28px 0;
  }
  .callout{
    background:#F1CE5D; border-radius:24px; padding:22px 26px;
    font-weight:600; color:#166534; margin-top:24px; font-size: 22px;
  }

  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
  .grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
  .p-card.one{
    background:#fff; border-radius:26px; padding:34px 30px;
    box-shadow:0 14px 30px -18px rgba(46,94,35,.25);
    border-top:6px solid darkgreen;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .p-card.one:hover{transform:translateY(-6px); box-shadow:0 22px 40px -18px rgba(46,94,35,.35);}
  .p-card.one .num.one{
    font-family:'Quicksand',serif; font-weight:700; font-size:15px; color:darkgreen;
    letter-spacing:.06em; text-transform:uppercase; margin-bottom:10px; display:block;
  }
  .p-card.one h3{font-size:26px; margin-bottom:10px;}
  .p-card.one p{color:#4a5a48; font-size:15.5px; margin:0;}

  .p-card.two{
    background:#fff; border-radius:26px; padding:34px 30px;
    box-shadow:0 14px 30px -18px rgba(46,94,35,.25);
    border-top:6px solid darkblue;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .p-card.two:hover{transform:translateY(-6px); box-shadow:0 22px 40px -18px rgba(46,94,35,.35);}
  .p-card.two .num.two{
    font-family:'Quicksand',serif; font-weight:700; font-size:15px; color:darkblue;
    letter-spacing:.06em; text-transform:uppercase; margin-bottom:10px; display:block;
  }
  .p-card.two h3{font-size:26px; margin-bottom:10px;}
  .p-card.two p{color:#4a5a48; font-size:15.5px; margin:0;}

   .p-card.three{
    background:#fff; border-radius:26px; padding:34px 30px;
    box-shadow:0 14px 30px -18px rgba(46,94,35,.25);
    border-top:6px solid #ff6a00;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .p-card.three:hover{transform:translateY(-6px); box-shadow:0 22px 40px -18px rgba(46,94,35,.35);}
  .p-card.three .num.three{
    font-family:'Quicksand',serif; font-weight:700; font-size:15px; color:#ff6a00;
    letter-spacing:.06em; text-transform:uppercase; margin-bottom:10px; display:block;
  }
  .p-card.three h3{font-size:26px; margin-bottom:10px;}
  .p-card.three p{color:#4a5a48; font-size:15.5px; margin:0;}

  .belief-card{
    background:var(--cream); border:1px solid rgba(46,94,35,.15);
    border-radius:22px; padding:30px; position:relative;
  }
  .belief-card::before{
    content:''; position:absolute; left:0; top:22px; bottom:22px; width:5px;
    background:var(--coral); border-radius:4px;
  }
  .belief-card h3{font-size:19px; margin-bottom:8px; padding-left:18px;color:#0f172a;}
  .belief-card p{padding-left:18px; color:#64748b; font-size:21px; margin:0; line-height: 1.6; font-weight: 600;}

  .earth-wrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:20px;}
  .earth-letters{
    display:flex; flex-direction:column; gap:10px;
  }
  .earth-letter{
    display:flex; align-items:center; gap:20px; cursor:pointer;
    padding:16px 20px; border-radius:18px; transition:background .25s ease;
    border:2px solid transparent;
  }
  .earth-letter.active, .earth-letter:hover{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.25);}
  .earth-letter .big{
    font-family:'Quicksand',serif; font-weight:800; font-size:44px; color:var(--sun);
    width:56px; flex-shrink:0;
  }
  .earth-letter .lbl{font-family:'Quicksand',sans-serif; font-weight:700; font-size:17px; color:#fff;}
  .earth-detail{
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15);
    border-radius:28px; padding:38px; min-height:260px;
  }
  .earth-detail h3{color:var(--sun); font-size:24px; margin-bottom:14px;}
  .earth-detail p{color:#EAF3E6; margin:0 0 10px; font-size:15.5px;}
  .earth-footer-note{
    margin-top:40px; padding-top:30px; border-top:1px solid rgba(255,255,255,.18);
    color:#DCEAD6; font-size:15px; line-height:1.7;
  }
  .earth-footer-note b{color:var(--sun);}

  .env-card{border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 14px 30px -18px rgba(46,94,35,.25);}
  .env-card img{height:190px; object-fit:cover; width:100%;}
  .env-body{padding:24px 24px 28px;}
  .env-body h3{font-size:19px; margin-bottom:8px;color:#666;}
  .env-body p{font-size:15px; color:#4a5a48; margin:0;}
  /* .expect-box{
    background:#8cc63f; color:#fff; border-radius:24px; padding:30px 32px; margin-top:14px;
  }
  .expect-box h4{font-family:'Quicksand',sans-serif; font-size:20px; letter-spacing:.06em; text-transform:uppercase; color:#f23c13; margin:0 0 14px;}
  .expect-box ul{margin:0; padding-left:20px; color: var(--forest-deep); font-size:18px; line-height:1.9;} */
  .expect-box {
        background: #8cc63f; 
        color: #fff; 
        border-radius: 24px; 
        padding: 35px 40px; 
        margin-top: 14px;
  } 
  .expect-box h4 {
        font-family: 'Quicksand', sans-serif; 
        font-size: 22px; 
        letter-spacing: .06em; 
        text-transform: uppercase; 
        color: #f23c13; 
        margin: 0 0 18px;
        font-weight: 700;
  }
  .expect-box ul {
        margin: 0; 
        padding-left: 24px; 
        color: #13380e;
        color: var(--forest-deep, #13380e); 
        font-size: 22px; 
        line-height: 1.6;
        list-style-type: disc; 
  }
  .expect-box ul li {
        margin-bottom: 12px;
  }
  .expect-box ul li:last-child {
        margin-bottom: 0;
  }   
  @media (max-width: 768px) {
        .expect-box {
            padding: 20px 20px !important; 
            border-radius: 16px;
        }

        .expect-box h4 {
            font-size: 18px !important; 
            margin-bottom: 12px;
        }

        .expect-box ul {
            padding-left: 18px; 
            font-size: 18px !important; 
            line-height: 1.5;
        }

        .expect-box ul li {
            margin-bottom: 10px;
        }
  }
  .why-box{
    background:#F9D949; border-radius:24px; padding:30px 32px; margin-top:14px;
    color:var(--forest-deep); font-size:18px;
  }
  .why-box h4{font-family:'Quicksand',sans-serif; font-size:20px; letter-spacing:.06em; text-transform:uppercase; color:var(--coral-deep); margin:0 0 12px;}

  .kolb-wrap{display:flex; align-items:center; justify-content:center; gap:60px; flex-wrap:wrap;}
  .kolb-svg{width:min(440px,90vw); height:auto;}
  .kolb-legend{display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:420px;}
  .kolb-item{padding:16px 18px; border-radius:16px; background:var(--cream-2);}
  .kolb-item h4{margin:0 0 6px; font-family:'Quicksand',sans-serif; font-size:14.5px;color: #0f172a; font-weight:700;}
  .kolb-item p{margin:0; font-size:13.5px; font-weight: 600; color: #475569;}

  .station-tabs{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:40px;}
  .station-tab{
    font-family:'Quicksand',sans-serif; font-weight:700; font-size:13.5px;
    padding:10px 20px; border-radius:100px; background:#fff; border:2px solid rgba(46,94,35,.15);
    color:var(--forest); cursor:pointer; letter-spacing:.02em;
  }
  .station-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .station-card{
    background:#fff; border-radius:22px; padding:28px 26px; box-shadow:0 14px 26px -18px rgba(46,94,35,.22);
    border-bottom:5px solid var(--sun);
  }
  .station-card.c-coral{border-bottom-color:var(--coral);}
  .station-card.c-sky{border-bottom-color:var(--sky);}
  .station-card.c-blush{border-bottom-color:var(--blush);}
  .station-card.c-leaf{border-bottom-color:var(--leaf);}
  .station-card h3{font-size:19px; margin-bottom:8px; color: #0f172a; font-weight:600;}
  .station-card p{font-size:18px; color:#475569; margin:0; font-weight: 600;}
  .station-tag{
    font-family:'Quicksand',sans-serif; font-weight:700; font-size:20px; letter-spacing:.08em; text-transform:uppercase;
    color:var(--coral-deep); display:block; margin-bottom:10px;
  }

  .tree-section{position:relative; text-align:center; overflow:visible;}
  .tree-svg{width:100%; height:auto;}
  .root-path{
    stroke-dasharray:400; stroke-dashoffset:400;
    transition:stroke-dashoffset 1.4s ease;
  }
  .tree-wrap.in .root-path{stroke-dashoffset:0;}
  .root-label{
    font-family:'Quicksand',sans-serif; font-weight:700; font-size:12.5px;
    fill:var(--forest-deep); opacity:0; transition:opacity .6s ease;
  }
  .tree-wrap.in .root-label{opacity:1;}
  .leaf-label{
    font-family:'Fraunces',serif; font-weight:600; font-size:13.5px;
    fill:var(--forest-deep); opacity:0; transition:opacity .8s ease .6s;
  }
  .tree-wrap.in .leaf-label{opacity:1;}
  .tree-caption{max-width:640px; margin:36px auto 0; color:#475569; font-size:23px; font-weight: 600;}

  .tree-wrap{
      display:flex;
      justify-content:center;
      align-items:center;
      width:100%;
      max-width:900px; 
      margin:0 auto;
  }

  .tree-image{
      display:block;
      width:100%;
      max-width:900px; 
      height:auto;
  }

  @media (max-width:991px){

      .tree-section{
          padding:60px 20px;
      }

      .tree-wrap{
          width:100%;
          max-width:700px;
          margin:30px auto 0;
      }

      .tree-image{
          width:100%;
          max-width:550px;
          height:auto;
      }

      .tree-caption{
          max-width:100%;
          padding:0 15px;
          font-size:15px;
          line-height:1.8;
          margin-top:25px;
      }

      .tree-section .section-head h2{
          font-size:34px;
          line-height:1.3;
      }

      .tree-section .section-head p{
          font-size:17px !important;
          line-height:1.7 !important;
      }
  }

  @media (max-width:768px){

      .tree-wrap{
          max-width:550px;
      }

      .tree-image{
          max-width:450px;
      }

      .tree-section .section-head h2{
          font-size:28px;
      }

      .tree-section .section-head p{
          font-size:16px !important;
      }

      .tree-caption{
          font-size:14px;
      }
  }

  @media (max-width:480px){

      .tree-wrap{
          max-width:100%;
      }

      .tree-image{
          width:100%;
          max-width:330px;
          height:auto;
      }

      .tree-section .section-head h2{
          font-size:24px;
      }

      .tree-section .section-head p{
          font-size:15px !important;
      }

      .tree-caption{
          font-size:13.5px;
          line-height:1.7;
      }
  }

  .brand-name {
      display: inline-block;
      font-weight: 900 !important;
      -webkit-text-stroke: 0.4px currentColor; 
      letter-spacing: 0.5px;
      text-shadow: 0 0 0.5px currentColor;
      font-family: Arial, sans-serif;
  }

  .brand-name .c1 { color: #f23c13; } 
  .brand-name .c2 { color: #ff7700; } 
  .brand-name .c3 { color: #8cc63f; }
  .brand-name .c4 { color: #004e98; } 
  .brand-name .c5 { color: #ffb800; } 
  .brand-name .c6 { color: #007236; } 
  .brand-name .c7 { color: #f23c13; } 

  .our-approach-wrapper{
      display:grid;
      grid-template-columns:32% 68%;
      gap:35px;
      align-items:start;  
  }

  .approach-left{
      display:flex;
      flex-direction:column;
  }

  .approach-left .approach-item:last-child{
      margin-bottom:0;
  }

  .approach-content{
      background:#fffdf8;
      border:2px solid #8ac63f;
      border-radius:30px;
      padding:35px 40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:40px;
      height:auto;        
      min-height:auto;    
      box-sizing:border-box;
      align-self:start;   
  }

  .approach-center{
      width:45%;
      text-align:center;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
  }

  .approach-right{
      width:55%;
      display:flex;
      flex-direction:column;
      justify-content:center;
      text-align:center;
  }

  .approach-item{
      display:flex;
      align-items:center;
      gap:15px;
      background:#f8f8f8;
      border-radius:16px;
      padding:14px 16px;
      margin-bottom:15px;
      flex:1;
  }

  .letter{
      width:60px;
      height:60px;
      border-radius:50%;
      border:3px solid;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:32px;
      font-weight:700;
      flex-shrink:0;
  }

  .approach-item h4{
      margin:0 0 6px;
      font-size:19px;
      font-weight:700;
  }

  .approach-item p{
      margin:0;
      color:#475569;
      font-size:17px;
      line-height:1.7;
  }
  
  .green .letter,
  .green h4{
      color:#188c3b;
      border-color:#188c3b;
  }

  .orange .letter,
  .orange h4{
      color:#f26722;
      border-color:#f26722;
  }

  .light-green .letter,
  .light-green h4{
      color:#7cb342;
      border-color:#7cb342;
  }

  .blue .letter,
  .blue h4{
      color:#1565c0;
      border-color:#1565c0;
  }

  .yellow .letter,
  .yellow h4{
      color:#f9a825;
      border-color:#f9a825;
  }

  .olive .letter,
  .olive h4{
      color:#558b2f;
      border-color:#558b2f;
  }

  .red .letter,
  .red h4{
      color:#e53935;
      border-color:#e53935;
  }

  .approach-center img{
      max-width:100%;
      width:300px;
  }

  .approach-center h3{
      margin-top:20px;

      color:#2e7d32;
      font-size:34px;
      line-height:1.5;
      font-family:cursive;
  }

  .approach-right h2{
      margin:0;

      font-size:42px;
      font-weight:700;
      line-height:1.4;

      color:#188c3b;
      margin-bottom:15px;
  }

  .approach-right h2 span{
      color:#f26722;
  }

  .approach-right p{
      margin-top:15px;
      line-height:1.8;
      color:#475569;
      font-size:20px;
  }

  @media (max-width:991px){

      .our-approach-wrapper{
          display:flex;
          flex-direction:column;
          gap:30px;
      }

      .approach-left,
      .approach-content{
          width:100%;
      }

      .approach-content{
          flex-direction:column;
          padding:30px 25px;
          gap:30px;
          border-radius:25px;
      }

      .approach-center,
      .approach-right{
          width:100%;
          text-align:center;
      }

      .approach-center img{
          width:260px;
          max-width:100%;
          margin:auto;
          display:block;
      }

      .approach-center h3{
          font-size:28px;
          margin-top:15px;
      }

      .approach-right h2{
          font-size:34px;
          line-height:1.4;
      }

      .approach-right p{
          font-size:16px;
          margin-top:18px;
          line-height:1.8;
      }

      .approach-item{
          padding:15px;
          gap:15px;
      }

      .letter{
          width:55px;
          height:55px;
          font-size:28px;
      }

  }

  @media (max-width:768px){

      .our-approach-wrapper{
          gap:25px;
      }

      .approach-content{
          padding:25px 20px;
          gap:25px;
      }

      .approach-center img{
          width:220px;
      }

      .approach-center h3{
          font-size:24px;
      }

      .approach-right h2{
          font-size:30px;
      }

      .approach-right p{
          font-size:15px;
      }

      .approach-item{
          padding:14px;
      }

      .letter{
          width:50px;
          height:50px;
          font-size:24px;
      }

      .approach-item h4{
          font-size:17px;
      }

      .approach-item p{
          font-size:13px;
          line-height:1.6;
      }

  }

  @media (max-width:576px){

      .our-approach-wrapper{
          gap:20px;
      }

      .approach-content{
          padding:20px 15px;
          border-radius:20px;
      }

      .approach-center img{
          width:180px;
      }

      .approach-center h3{
          font-size:22px;
          line-height:1.4;
      }

      .approach-right h2{
          font-size:26px;
          line-height:1.4;
      }

      .approach-right p{
          font-size:14px;
          line-height:1.7;
      }

      .approach-item{
          padding:12px;
          gap:12px;
          align-items:flex-start;
      }

      .letter{
          width:45px;
          height:45px;
          font-size:22px;
          border-width:2px;
      }

      .approach-item h4{
          font-size:16px;
      }

      .approach-item p{
          font-size:13px;
      }

  }

  @media (max-width:400px){

      .our-approach-wrapper{
          gap:18px;
      }

      .approach-content{
          padding:18px 12px;
          border-radius:18px;
      }

      .approach-center img{
          width:160px;
      }

      .approach-center h3{
          font-size:20px;
      }

      .approach-right h2{
          font-size:22px;
      }

      .approach-right p{
          font-size:13px;
          line-height:1.6;
      }

      .approach-item{
          padding:10px;
          gap:10px;
      }

      .letter{
          width:40px;
          height:40px;
          font-size:20px;
      }

      .approach-item h4{
          font-size:15px;
      }

      .approach-item p{
          font-size:12px;
          line-height:1.5;
      }

  }

  .poem-band{
    background:linear-gradient(160deg, var(--forest) 0%, var(--forest-deep) 100%);
    color:#fff; text-align:center; padding:110px 0;
  }
  .poem-band .eyebrow{color:var(--sun);}
  .poem{
    font-family:'Fraunces',serif; font-style:italic; font-weight:500;
    font-size:clamp(20px,2.6vw,30px); line-height:1.6; max-width:820px; margin:0 auto;
  }

  .promise-band{
    padding:110px 0; text-align:center; position:relative; overflow:hidden;
  }
  .promise-band h2{
    font-size:clamp(30px,4.2vw,48px); max-width:760px; margin:0 auto 22px;
  }
  .promise-band p{color:#48594a; font-size:18px;}

  .eyebrow{
    font-family:'Quicksand', sans-serif;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size:13px;
    color:var(--theme-color);
    display:inline-block;
    margin-bottom:14px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  section{position:relative;}

  @media (max-width:960px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-visual{height:340px; order:-1;}
    .split, .split.rev{grid-template-columns:1fr;}
    .split.rev .art{order:0;}
    .grid-3, .grid-2, .env-grid{grid-template-columns:1fr;}
    .earth-wrap{grid-template-columns:1fr;}
    .station-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    .wrap{padding:0 20px;}
    .cloud-card{padding:30px 24px;}
    .station-grid{grid-template-columns:1fr;}
    .band{padding:70px 0;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important; transition-duration:.2s !important;}
  }

  .expect-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:20px;
      margin-top:14px;
  }

  @media (max-width:991px){

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

  }

.theme-btn {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--theme-color-2);
  font-family: "Quicksand", sans-serif;
  text-transform: capitalize;
  padding: 0 30px;
  color: var(--white);
  display: inline-block;
  height: 56px;
  line-height: 56px;
  vertical-align: middle;
  border: none;
  outline: none !important;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
  .theme-btn {
    font-size: 14px;
  }
}
.theme-btn i {
  margin-left: 10px;
  font-size: 11px;
}
.theme-btn::before {
  content: "";
  height: 0px;
  width: 0px;
  /* background-color: var(--header); */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.theme-btn:hover {
  color: var(--white);
}
.theme-btn:hover::before {
  height: 400px;
  width: 200%;
  top: -70%;
  left: -46%;
}

.theme-two {
  border: 1px solid var(--theme-color-2);
  color: var(--theme-color-2);
  background-color: transparent;
}
.theme-two::before {
  background-color: var(--theme-color-2);
}
.theme-two:hover::before {
  border: 1px solid transparent;
}

.border-btn {
  font-size: 15px;
  font-weight: 700;
  color: var(--theme-color-2);
  text-transform: capitalize;
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  border: 1px solid var(--theme-color-2);
  padding: 0 30px;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
}
.border-btn:hover {
  color: var(--white);
  background-color: var(--theme-color-2);
  border-bottom: 1px solid transparent;
}
.border-btn.active {
  color: var(--white);
  background-color: var(--theme-color-2);
  border-bottom: 1px solid transparent;
}
.border-btn i {
  margin-left: 10px;
  font-size: 12px;
}

.btn-style-2 {
  color: var(--white);
  background-color: var(--theme-color-2) !important;
  border-bottom: 1px solid transparent;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-weight: 400;
}
@media (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 470px) {
  body {
    font-size: 15px;
  }
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  font-weight: 400;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 76px;
  font-weight: 700;
  line-height: 112%;
}
@media (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media (max-width: 1199px) {
  h1 {
    font-size: 54px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 141%;
  letter-spacing: -0.04em;
}
@media (max-width: 1199px) {
  h2 {
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 155%;
}
@media (max-width: 991px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

h6 {
  font-size: 14px;
  font-weight: 600;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  display: inline-block;
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    overflow: hidden;
    z-index: 99999999;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition:
        opacity 0.9s ease,
        visibility 0.9s ease;
}

.preloader-video-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
}

.preloader-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    display: block;
    object-fit: cover;
    object-position: center center;
    background: transparent;
    z-index: 1;
}

.preloader-overlay {
    display: none;
}

.preloader.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.9s ease,
        visibility 0.9s ease;
}

@media (min-width: 1200px) {

    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: fill;
        object-position: center center;
    }

}

@media (max-width: 1199px) {

    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

}

@media (max-width: 991px) {

    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

}

@media (max-width: 767px) {

    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

}

@media (max-width: 576px) {
    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

@media (max-width: 480px) {
    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

@media (max-width: 400px) {

    .preloader-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

}

.back-to-top {
  border-radius: 10px;
  background-color: var(--theme-color-2);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.back-to-top:hover {
  background-color: var(--header);
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme-color-2);
  background-color: var(--theme-color-2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
  margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
  margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--theme-color-2);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}
.cursor-inner span {
  color: var(--text);
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
  margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--theme-color-2);
  border: 1px solid #686363;
  opacity: 0;
}

.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  right: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000000;
  opacity: 0.7;
  cursor: url(../img/close.png), auto;
}

@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.search-popup__form {
  position: relative;
}

.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  height: 66px;
  border: none;
  outline: none;
  padding-left: 20px;
  background-color: var(--white);
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  transition: all 500ms ease;
  border-radius: 6px;
}

.search-popup__form input[type=search]:focus,
.search-popup__form input[type=text]:focus {
  color: var(--header);
}

.search-popup__form .search-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 6px;
  font-size: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--white);
  background-color: var(--theme-color-2);
  transition: all 0.4s ease-in-out;
}
.search-popup__form .search-btn:hover {
  background-color: var(--header);
}

.search-popup__form .eolexi-btn svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.search-popup.active {
  z-index: 999999;
}

.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.7;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-title {
    text-align: center;
    margin-bottom: 0;
  }
}
.test-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.testimonial-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.section-title .sub-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--theme-color);
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  border-radius: 100px;
  margin-bottom: 5px !important;
  font-family: "Quicksand", sans-serif;
  text-transform: capitalize;
  display: inline-block;
}
.principal-content .section-title{
    margin-bottom: 15px !important;
}
.section-title h2 span {
  position: relative;
}
.section-title h2 span::before {
  position: absolute;
  bottom: -13px;
  left: -15px;
  right: 0;
  content: "";
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/line.png);
  background-position: center;
}
@media (max-width: 1199px) {
  .section-title h2 span::before {
    display: none;
  }
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 0;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .section-title-area .theme-btn {
    display: none;
  }
  .section-title-area .array-button {
    display: none;
  }
}
.section-title-area .section-title {
  margin-bottom: 0;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--bg) !important;
}

.section-bg-2 {
  background-color: var(--bg-2) !important;
}

.footer-bg {
  background-color: #2F304C;
}
.section-padding {
  padding: 60px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.body-bg-4 {
  background-color: #040A3D;
}

.link-btn {
  color: var(--theme-color-2);
  margin-top: 25px;
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  transition: all 0.4s ease-in-out;
}
.link-btn i {
  margin-left: 5px;
  transform: rotate(-45deg);
  font-size: 10px;
}
.link-btn:hover {
  color: var(--header);
}

@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes arryUpDown {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.animation__arryUpDown {
  animation: arryUpDown 2s ease infinite alternate;
}

@keyframes arryLeftRight {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(10px);
  }
}
.animation__arryLeftRight {
  animation: arryLeftRight 2s ease infinite alternate;
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

.GlidingArrow {
  -webkit-animation: slide 5s linear infinite;
  animation: slide 5s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.delay3 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.delay4 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.delay5 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}

@-webkit-keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateX(-150);
  }
  20% {
    opacity: 1;
    transform: translateX(-90);
  }
  80% {
    opacity: 1;
    transform: translateX(90);
  }
  100% {
    opacity: 0;
    transform: translateX(150);
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes wind-blow {
  0% {
    transform-origin: 50% 100%;
    transform: skewX(-2deg);
  }
  50% {
    transform-origin: 50% 100%;
    transform: skewX(2deg);
  }
  100% {
    transform-origin: 50% 100%;
    transform: skewX(-2deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes move_wave {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(-25%) translateZ(0) scaleY(0.55);
  }
  100% {
    transform: translateX(-50%) translateZ(0) scaleY(1);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes rounded2 {
  50% {
    transform: rotate(-20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(50px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animation-infinite {
  animation: ShapeAnim 80s linear infinite;
  height: 30px;
  width: 100%;
  background-repeat: repeat;
  overflow: hidden;
}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}
@keyframes waves {
  0% {
    transform: scale(0.2);
    opacity: 0.4;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.header-section{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999999;
    background:transparent;
    padding:18px 0;
}

.header-section .container{
    max-width:1400px;
    width:100%;
    padding:0 35px;
}

#header-sticky,
.header-1{
    background:transparent !important;
    box-shadow:none !important;
}

.mega-menu-wrapper{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0;
}

.header-main{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.header-left{
    display:flex;
    align-items:center;
}

.header-logo{
    display:block;
}

.header-logo img{
    max-height:82px;
    width:auto;
    display:block;
}

.mean__menu-wrapper{
    display:none !important;
}

.header-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-left:auto;
}

.header__hamburger{
    display:block;
}

.desktop-menu-toggle{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    cursor:pointer;

    background:none !important;
    border:none !important;
    box-shadow:none !important;

    padding:0;

}

.desktop-menu-toggle i{
    font-size:32px;
    color:#ffffff;
    transition:.3s;
    text-shadow:0 3px 10px rgba(0,0,0,.55);
}

.desktop-menu-toggle span{

    font-size:15px;
    font-weight:700;
    color:#ffffff;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:'Quicksand',sans-serif;

    text-shadow:0 3px 10px rgba(0,0,0,.55);

    transition:.3s;

}

.desktop-menu-toggle:hover i,
.desktop-menu-toggle:hover span{

    color:#FFD54A;

}

#header-sticky.sticky,
.sticky{

    position:fixed !important;
    top:0;
    left:0;
    width:100%;

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;

}

#header-sticky.sticky .mega-menu-wrapper,
.sticky .mega-menu-wrapper{

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;

}

#header-sticky.sticky .desktop-menu-toggle,
.sticky .desktop-menu-toggle{

    background:none !important;
    border:none !important;
    box-shadow:none !important;

}

#header-sticky.sticky .desktop-menu-toggle i,
.sticky .desktop-menu-toggle i{

    color:#ffffff;
    text-shadow:0 3px 10px rgba(0,0,0,.55);

}

#header-sticky.sticky .desktop-menu-toggle span,
.sticky .desktop-menu-toggle span{

    color:#ffffff;
    text-shadow:0 3px 10px rgba(0,0,0,.55);

}

.sticky .desktop-menu-toggle i,
#header-sticky.sticky .desktop-menu-toggle i{
     color:#ffb800 !important;
    text-shadow:none;
}

.sticky .desktop-menu-toggle span,
#header-sticky.sticky .desktop-menu-toggle span{
    color:#ffb800 !important;
    text-shadow:none;
}

.desktop-menu-overlay{
    position:fixed;
    inset:0;
    z-index:99999999;

    opacity:0;
    visibility:hidden;
    overflow:hidden;

    transition:.35s;
}

.desktop-menu-overlay.active{
    opacity:1;
    visibility:visible;
}

.desktop-menu-content{
    width:100%;
    height:100%;
}

.desktop-menu-content > ul{

    margin:0;
    padding:0;

    width:100%;
    height:100%;

    list-style:none;

    display:flex;
}

/* Home */
.desktop-menu-content > ul > li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transform: translateX(-100%);
    transition: transform .7s cubic-bezier(.22,1,.36,1);
    background: #7FB449;
}

.desktop-menu-content > ul > li:nth-child(even) {
    background: #ff6b35;
}

.desktop-menu-content > ul > li:first-child {
    background: linear-gradient(to bottom, #f23c13 50%, #ff7700 50%) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -100px !important;
}

.desktop-menu-content > ul > li:first-child > a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #f23c13 !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

/* About */

.desktop-menu-content > ul > li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    transform: translateX(-100%);
    transition: transform .7s cubic-bezier(.22,1,.36,1);
    background: #7FB449;
}

.desktop-menu-content > ul > li:nth-child(even) {
    background: #ff6b35;
}

.desktop-menu-content > ul > li:nth-child(2) {
    background: linear-gradient(to bottom, #8cc63f 50%, #004e98 50%) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -360px !important;
}

.desktop-menu-content > ul > li:nth-child(2) > a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #004e98 !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

/* 3. Learning Ladder */

.desktop-menu-content > ul > li:nth-child(3) {
    background: linear-gradient(to bottom, #ffb800 50%, #007236 50%) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0px !important; 
}

.desktop-menu-content > ul > li:nth-child(3) > a {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #007236 !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

.desktop-menu-content > ul > li:nth-child(3) ul {
    position: relative !important;
    z-index: 2 !important;
    list-style: none !important;
    padding: 0 !important;
    margin-top: 15px !important;
    text-align: center !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.desktop-menu-content > ul > li:nth-child(3) ul li {
    margin: 8px 0 !important;
    width: 100% !important;
    text-align: center !important;
}

.desktop-menu-content > ul > li:nth-child(3) ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    transition: 0.3s !important;
}

.desktop-menu-content > ul > li:nth-child(3) ul li a:hover {
    color: #ffb800 !important;
}

/* Testimonials */

.desktop-menu-content > ul > li:nth-child(4) {
    background: #8cc63f !important;
    background-image: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0px !important; 
    box-shadow: none !important; 
    z-index: 2 !important;
}

.desktop-menu-content > ul > li:nth-child(4)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(50% + 55px) !important; 
    background: #ff7700 !important;
    z-index: 1 !important;
}

.desktop-menu-content > ul > li:nth-child(4) > a {
    position: relative !important;
    top: 75px !important;
    z-index: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #ff7700 !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

/* Gallery */

.desktop-menu-content > ul > li:nth-child(5) {
    background: #f23c13 !important;
    background-image: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0px !important; 
    box-shadow: none !important; 
    z-index: 2 !important;
    overflow: hidden !important;
}

.desktop-menu-content > ul > li:nth-child(5)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(50% - 25px) !important; 
    background: #004e98 !important; 
    z-index: 1 !important;
}

.desktop-menu-content > ul > li:nth-child(5) > a {
    position: relative !important;
    top: -40px !important; 
    z-index: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #004e98 !important; 
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

/* Contact */

.desktop-menu-content > ul > li:nth-child(6) {
    background: #ffb800 !important;
    background-image: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0px !important; 
    box-shadow: none !important; 
    z-index: 2 !important;
    overflow: hidden !important;
}

.desktop-menu-content > ul > li:nth-child(6)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(50% - 105px) !important; /* Green area ko aur upar khich diya hai */
    background: #8cc63f !important;
    z-index: 1 !important;
}

.desktop-menu-content > ul > li:nth-child(6) > a {
    position: relative !important;
    top: -120px !important; /* Button ko aur upar shift kar diya hai */
    z-index: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #8cc63f !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
}

.desktop-menu-overlay.active li:nth-child(1){
    transform:translateX(0);
    transition-delay:.05s;
}

.desktop-menu-overlay.active li:nth-child(2){
    transform:translateX(0);
    transition-delay:.12s;
}

.desktop-menu-overlay.active li:nth-child(3){
    transform:translateX(0);
    transition-delay:.19s;
}

.desktop-menu-overlay.active li:nth-child(4){
    transform:translateX(0);
    transition-delay:.26s;
}

.desktop-menu-overlay.active li:nth-child(5){
    transform:translateX(0);
    transition-delay:.33s;
}

.desktop-menu-overlay.active li:nth-child(6){
    transform:translateX(0);
    transition-delay:.40s;
}

.desktop-menu-content > ul > li>a{

    color:#fff;
    text-decoration:none;

    font-size:22px;
    font-weight:700;
    font-family:'Quicksand',sans-serif;

    white-space:nowrap;

    transition:.35s;

}

.desktop-menu-content > ul > li>a:hover{

    transform:scale(1.08);

}

.desktop-menu-close{

    position:absolute;
    top:35px;
    right:45px;

    font-size:42px;
    color:#fff;

    cursor:pointer;
    z-index:999;

}

.desktop-menu-close:hover{

    transform:rotate(90deg);

}

.desktop-submenu{

    list-style:none;

    margin:25px 0 0;
    padding:0;

    display:none;

    text-align:center;

}

.has-submenu.active .desktop-submenu{

    display:block;

}

.desktop-submenu li{

    margin:10px 0;

}

.desktop-submenu a{

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:600;

    transition:.3s;

}

.desktop-submenu a:hover{

    color:#ffe082;

    padding-left:6px;

}

@media screen and (min-width: 992px) {

    /* Main Menu Buttons - Attractive white box style with rich shadows */
    .desktop-menu-content > ul > li > a,
    .desktop-menu-content > ul > li:first-child > a,
    .desktop-menu-content > ul > li:nth-child(2) > a,
    .desktop-menu-content > ul > li:nth-child(3) > a,
    .desktop-menu-content > ul > li:nth-child(4) > a,
    .desktop-menu-content > ul > li:nth-child(5) > a,
    .desktop-menu-content > ul > li:nth-child(6) > a {
        background: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.95) !important;
        padding: 14px 25px !important;
        font-size: 21px !important;
        font-weight: 800 !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
        transition: all 0.3s ease !important;
    }

    /* Hover effect */
    .desktop-menu-content > ul > li > a:hover {
        transform: scale(1.05) !important;
    }

    /* Learning Ladder ke button ke aage Arrow icon */
    .desktop-menu-content > ul > li:nth-child(3) > a::after {
        content: ' ▼' !important;
        font-size: 13px !important;
        margin-left: 8px !important;
        display: inline-block !important;
        transition: transform 0.3s ease !important;
    }

    .desktop-menu-content > ul > li:nth-child(3).open > a::after {
        transform: rotate(180deg) !important;
    }

    /* Sharp Distinct Text Colors Inside Buttons */
    .desktop-menu-content > ul > li:nth-child(1) > a { color: #f23c13 !important; }
    .desktop-menu-content > ul > li:nth-child(2) > a { color: #004e98 !important; }
    .desktop-menu-content > ul > li:nth-child(3) > a { color: #007236 !important; }
    .desktop-menu-content > ul > li:nth-child(4) > a { color: #ff7700 !important; }
    .desktop-menu-content > ul > li:nth-child(5) > a { color: #004e98 !important; }
    .desktop-menu-content > ul > li:nth-child(6) > a { color: #8cc63f !important; }

    /* Submenu styling for Desktop */
    .desktop-menu-content > ul > li:nth-child(3) ul {
        display: none !important; 
        margin-top: 15px !important;
        width: 100% !important;
        z-index: 3 !important;
        position: relative !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .desktop-menu-content > ul > li:nth-child(3).open ul {
        display: flex !important;
    }

    .desktop-menu-content > ul > li:nth-child(3) ul li {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .desktop-menu-content > ul > li:nth-child(3) ul li a {
        font-size: 16px !important;
        font-weight: 700 !important;
        background: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
        width: 75% !important;
        padding: 10px 0 !important;
        border-radius: 8px !important;
        display: block !important;
        text-align: center !important;
    }

    /* Submenu Items Unique Colors */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(1) a { color: #f23c13 !important; }
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(2) a { color: #ff7700 !important; }
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(3) a { color: #004e98 !important; }
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(4) a { color: #8cc63f !important; }
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(5) a { color: #ffb800 !important; }
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(6) a { color: #662d91 !important; }
}

@media screen and (max-width: 991px) {

    /* Header responsive tweaks */
    .header-section {
        padding: 12px 0;
    }
    
    .header-section .container {
        padding: 0 15px;
    }

    .header-logo img {
        max-height: 55px;
    }

    /* Overlay container: Solid Black Background & completely flush to top */
    .desktop-menu-overlay {
        overflow-y: auto !important;
        background: #000000 !important;
        padding-top: 0 !important;
    }

    .desktop-menu-content {
        height: auto !important;
        min-height: 100% !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    /* Stack items vertically with NO GAP and shifted to absolute top */
    .desktop-menu-content > ul {
        flex-direction: column !important;
        height: auto !important;
        width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Base block container styling */
    .desktop-menu-content > ul > li,
    .desktop-menu-content > ul > li:first-child,
    .desktop-menu-content > ul > li:nth-child(2),
    .desktop-menu-content > ul > li:nth-child(3),
    .desktop-menu-content > ul > li:nth-child(4),
    .desktop-menu-content > ul > li:nth-child(5),
    .desktop-menu-content > ul > li:nth-child(6) {
        flex: unset !important;
        width: 100% !important;
        height: 100px !important;
        margin: 0 !important;
        transform: none !important;
        position: relative !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.3s ease !important;
    }

    /* Kill desktop pseudo-elements */
    .desktop-menu-content > ul > li::before {
        display: none !important;
    }

    /* Horizontal Split Gradient: Left side color 1, Right side color 2 */
    .desktop-menu-content > ul > li:nth-child(1) {
        background: linear-gradient(to right, #f23c13 50%, #ff7700 50%) !important;
    }
    .desktop-menu-content > ul > li:nth-child(2) {
        background: linear-gradient(to right, #8cc63f 50%, #004e98 50%) !important;
    }
    
    /* Learning Ladder Container: Default closed state height */
    .desktop-menu-content > ul > li:nth-child(3) {
        background: linear-gradient(to right, #ffb800 50%, #007236 50%) !important;
        height: 100px !important;
    }
    
    /* Jab .open class active hogi tab height expand hogi */
    .desktop-menu-content > ul > li:nth-child(3).open {
        height: auto !important;
        padding: 25px 0 !important;
    }

    .desktop-menu-content > ul > li:nth-child(4) {
        background: linear-gradient(to right, #ff7700 50%, #8cc63f 50%) !important;
    }
    .desktop-menu-content > ul > li:nth-child(5) {
        background: linear-gradient(to right, #004e98 50%, #f23c13 50%) !important;
    }
    .desktop-menu-content > ul > li:nth-child(6) {
        background: linear-gradient(to right, #8cc63f 50%, #ffb800 50%) !important;
    }

    /* Main Menu Buttons - Solid Clean White with High Visibility & Premium Look */
    .desktop-menu-content > ul > li > a,
    .desktop-menu-content > ul > li:first-child > a,
    .desktop-menu-content > ul > li:nth-child(2) > a,
    .desktop-menu-content > ul > li:nth-child(3) > a,
    .desktop-menu-content > ul > li:nth-child(4) > a,
    .desktop-menu-content > ul > li:nth-child(5) > a,
    .desktop-menu-content > ul > li:nth-child(6) > a {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 75% !important;
        background: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.95) !important;
        padding: 13px 0 !important;
        font-size: 20px !important;
        font-weight: 800 !important;
        text-align: center !important;
        border-radius: 12px !important;
        z-index: 2 !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.4);
    }

    /* Learning Ladder ke button ke aage Arrow icon */
    .desktop-menu-content > ul > li:nth-child(3) > a::after {
        content: ' ▼' !important;
        font-size: 13px !important;
        margin-left: 8px !important;
        display: inline-block !important;
        transition: transform 0.3s ease !important;
    }

    /* Jab .open class hogi tabhi arrow rotate hokar upar hoga */
    .desktop-menu-content > ul > li:nth-child(3).open > a::after {
        transform: rotate(180deg) !important;
    }

    /* Sharp Distinct Matching Text Colors Inside White Buttons */
    .desktop-menu-content > ul > li:nth-child(1) > a { color: #f23c13 !important; }
    .desktop-menu-content > ul > li:nth-child(2) > a { color: #004e98 !important; }
    .desktop-menu-content > ul > li:nth-child(3) > a { color: #007236 !important; }
    .desktop-menu-content > ul > li:nth-child(4) > a { color: #ff7700 !important; }
    .desktop-menu-content > ul > li:nth-child(5) > a { color: #004e98 !important; }
    .desktop-menu-content > ul > li:nth-child(6) > a { color: #8cc63f !important; }

    /* Submenu adjustments: Default completely hidden */
    .desktop-menu-content > ul > li:nth-child(3) ul {
        display: none !important; 
        margin-top: 15px !important;
        width: 100% !important;
        z-index: 3 !important;
        position: relative !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Sirf .open class hone par hi submenu show hoga */
    .desktop-menu-content > ul > li:nth-child(3).open ul {
        display: flex !important;
    }

    .desktop-menu-content > ul > li:nth-child(3) ul li {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Submenu items base box styling */
    .desktop-menu-content > ul > li:nth-child(3) ul li a {
        font-size: 16px !important;
        font-weight: 700 !important;
        background: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.9) !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        width: 65% !important;
        padding: 11px 0 !important;
        border-radius: 8px !important;
        display: block !important;
        text-align: center !important;
    }

    /* Submenu Items - Unique colorful text colors */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(1) a { color: #f23c13 !important; } /* Daycare */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(2) a { color: #ff7700 !important; } /* Toddler */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(3) a { color: #004e98 !important; } /* Nursery */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(4) a { color: #8cc63f !important; } /* LKG */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(5) a { color: #ffb800 !important; } /* UKG */
    .desktop-menu-content > ul > li:nth-child(3) ul li:nth-child(6) a { color: #662d91 !important; } /* 1st & 2nd Grade */

    /* Close button fix */
    .desktop-menu-close {
        top: 15px;
        right: 15px;
        font-size: 32px;
        z-index: 99;
    }
}

.breadcrumb-wrapper {
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 1600px) {
  .breadcrumb-wrapper {
    margin-bottom: 90px;
  }
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper {
    margin-bottom: 78px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper {
    margin-bottom: 0;
  }
}
.breadcrumb-wrapper .bottom-shape {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .breadcrumb-wrapper .bottom-shape {
    bottom: -90px;
  }
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .bottom-shape {
    bottom: -78px;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .bottom-shape {
    display: none;
  }
}
.breadcrumb-wrapper .bottom-shape img {
  width: 100%;
}
.breadcrumb-wrapper .sun-shape {
  position: absolute;
  left: 5%;
  top: 40%;
  animation: rounded2 7s linear infinite;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .sun-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .sun-shape {
    display: none;
  }
}
.breadcrumb-wrapper .cloud-shape {
  position: absolute;
  left: 20%;
  bottom: 10%;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .cloud-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .cloud-shape {
    display: none;
  }
}
.breadcrumb-wrapper .perashute-shape {
  position: absolute;
  right: 7%;
  top: 55%;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .perashute-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .perashute-shape {
    display: none;
  }
}
.breadcrumb-wrapper .tree-shape {
  position: absolute;
  right: 11%;
  bottom: -11%;
  animation: wind-blow 4s linear infinite;
  z-index: 11;
}
@media (max-width: 1399px) {
  .breadcrumb-wrapper .tree-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .tree-shape {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading {
  position: relative;
  padding: 270px 0 120px;
  text-align: center;
  z-index: 9;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper .page-heading {
    padding: 200px 0 150px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading {
    padding: 190px 0 130px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-wrapper .page-heading {
    padding: 160px 0 110px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading {
    padding: 140px 0 100px;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: var(--white);
  font-size: 56px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 36px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  padding: 2px 19px;
  border-radius: 100px;
  background: var(--theme-color-2);
  margin-bottom: 20px;
  gap: 22px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items {
    margin-top: 15px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: var(--white);
  text-transform: capitalize;
  font-weight: 600;
  font-size: 16px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  position: relative;
  color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a::before {
  content: "/";
  top: 50%;
  right: -16px;
  font-size: 16px;
  position: absolute;
  transform: translate(0, -50%);
  color: #fff;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: var(--white);
}

.cooming-soon-items {
  text-align: center;
}
.cooming-soon-items p {
  color: var(--header);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media (max-width: 575px) {
  .cooming-soon-items p {
    font-size: 16px;
  }
}
.cooming-soon-items .text {
  font-size: 100px;
  font-weight: 600;
  letter-spacing: -3px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .cooming-soon-items .text {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .text {
    font-size: 40px;
  }
}
.cooming-soon-items .coming-soon-time {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  justify-content: center;
  margin-bottom: 34px;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time {
    flex-wrap: wrap;
    position: static;
    transform: translate(0);
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content {
  text-align: center;
  width: 146px;
  height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--header);
  border-radius: 100%;
  position: relative;
}
.cooming-soon-items .coming-soon-time .timer-content.style-2::before {
  position: absolute;
  content: ":";
  top: 35%;
  left: -22%;
  font-size: 40px;
  color: #28241F;
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content.style-2::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content {
    width: 100px;
    height: 100px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content h2 {
    font-size: 28px;
  }
}
.cooming-soon-items .coming-soon-time .timer-content span {
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .cooming-soon-items .coming-soon-time .timer-content span {
    font-size: 14px;
  }
}
.cooming-soon-items form {
  max-width: 872px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.cooming-soon-items .form-clt {
  position: relative;
}
.cooming-soon-items .form-clt input {
  width: 100%;
  outline: none;
  border-radius: 4px;
  border: 1px solid rgba(60, 60, 60, 0.3);
  color: rgba(64, 74, 61, 0.65);
  line-height: 1;
  padding: 20px;
  border-radius: 10px;
  max-width: 872px;
  font-weight: 500;
}
.cooming-soon-items .form-clt input::placeholder {
  color: rgba(64, 74, 61, 0.65);
}
.cooming-soon-items .form-clt .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px 36px;
  background-image: none;
  background: var(--theme-color-2);
  border-radius: 4px;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.cooming-soon-items .form-clt .icon:hover {
  background-color: var(--header);
}
@media (max-width: 470px) {
  .cooming-soon-items .form-clt .icon {
    position: static;
    margin-top: 20px;
  }
}
.cooming-soon-items .social-icon {
  gap: 16px;
  justify-content: center;
  margin-top: 30px;
}
.cooming-soon-items .social-icon a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  border-radius: 4px;
  border: 1px solid rgba(32, 40, 45, 0.16);
  display: inline-block;
  color: var(--header);
}
.cooming-soon-items .social-icon a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #385469;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 1px solid #E5E5E5 !important;
  border: none;
  font-family: "Quicksand", sans-serif;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color-2);
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme-color-2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 16px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.hero-1 {
  padding-top: 190px;
  position: relative;
}
.hero-1 .line-shape {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 9911;
}
@media (max-width: 767px) {
  .hero-1 .line-shape {
    display: none;
  }
}
.hero-1 .line-shape img {
  width: 100%;
}
.hero-1 .perasute-shape {
  position: absolute;
  left: 2%;
  top: 35%;
}
@media (max-width: 1399px) {
  .hero-1 .perasute-shape {
    position: absolute;
    left: 2%;
    top: 14%;
    opacity: 0.5;
  }
  .hero-1 .perasute-shape img {
    width: 50px;
  }
}
.hero-1 .car-shape {
  position: absolute;
  top: 25%;
  left: 41%;
}
@media (max-width: 1399px) {
  .hero-1 .car-shape {
    opacity: 0.5;
  }
}
.hero-1 .frame-shape {
  position: absolute;
  right: 0;
  bottom: 50%;
}
@media (max-width: 1399px) {
  .hero-1 .frame-shape {
    opacity: 0.5;
  }
}
.hero-1 .crown-shape {
  position: absolute;
  right: 31%;
  top: 23%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .hero-1 .crown-shape {
    right: 10%;
    top: 12%;
    opacity: 0.5;
  }
  .hero-1 .crown-shape img {
    width: 50px;
  }
}
.hero-1 .tree-shape {
  position: absolute;
  bottom: 0;
  left: 32%;
  animation: wind-blow 4s linear infinite;
}
.hero-1 .hero-img {
  position: relative;
  z-index: 999;
  margin-left: 120px;
}
@media (max-width: 1600px) {
  .hero-1 .hero-img {
    margin-left: 0px;
  }
}
@media (max-width: 1399px) {
  .hero-1 .hero-img {
    margin-left: -80px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-img {
    margin-left: -50px;
    margin-right: -25%;
  }
  .hero-1 .hero-img img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-img {
    margin-left: 0;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }
  .hero-1 .hero-img img {
    width: 100%;
    height: 100%;
  }
}
.hero-1 .hero-img .text-shape {
  position: absolute;
  bottom: 20%;
  left: -15%;
}
@media (max-width: 1399px) {
  .hero-1 .hero-img .text-shape {
    left: 60px;
  }
  .hero-1 .hero-img .text-shape img {
    width: 260px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-img .text-shape {
    left: 0;
  }
  .hero-1 .hero-img .text-shape img {
    width: 150px;
  }
}
.hero-1 .hero-content {
  position: relative;
  z-index: 999;
  margin-top: -60px;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content {
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content {
    text-align: center;
    margin-top: 0;
  }
}
.hero-1 .hero-content h5 {
  position: relative;
  color: var(--theme-color);
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 55px;
  margin-bottom: 15px;
}
.hero-1 .hero-content h1 {
  text-transform: inherit;
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    margin-bottom: 20px;
  }
}
.hero-1 .hero-content p {
  font-size: 18px;
  font-weight: 500;
  z-index: 999;
  position: relative;
}
.hero-1 .hero-content .hero-button {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 991px) {
  .hero-1 .hero-content .hero-button {
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
  }
}
.hero-1 .hero-content .hero-button .video-text {
  font-size: 16px;
  font-weight: 600;
}

@keyframes morphing4 {
  0% {
    border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  }
  25% {
    border-radius: 100% 65% 105% 71%/100% 87% 73% 60%;
  }
  50% {
    border-radius: 110% 87% 73% 50%/110% 65% 105% 71%;
  }
  75% {
    border-radius: 120% 65% 105% 71%/110% 87% 73% 50%;
  }
  100% {
    border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  }
}
.hero-section-2 {
  position: relative;
}
.hero-section-2 .hero-array-button {
  display: flex;
  align-items: center;
  position: absolute;
  top: 42%;
  left: 50px;
  right: 50px;
  transform: translateY(-50%);
  z-index: 999;
  justify-content: space-between;
}
@media (max-width: 1600px) {
  .hero-section-2 .hero-array-button {
    left: 20px;
    right: 20px;
  }
}
@media (max-width: 1399px) {
  .hero-section-2 .hero-array-button {
    display: none;
  }
}
.hero-section-2 .bg-shape {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 111;
}
@media (max-width: 1199px) {
  .hero-section-2 .bg-shape {
    display: none;
  }
}
.hero-section-2 .bg-shape img {
  width: 100%;
}
.hero-section-2 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 20px;
}
.hero-section-2 .swiper-slide.swiper-slide-active .content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-2 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-1 {
  transform: translateX(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-2 {
  transform: translateX(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .swiper-slide.swiper-slide-active .vec-3 {
  transform: translateY(0px);
  transition: all 2500ms ease;
  opacity: 1;
}
.hero-section-2 .text-circle-box {
  position: absolute;
  bottom: 10%;
  right: 23%;
  z-index: 991;
}
.hero-section-2 .text-circle-box img {
  animation: cir36 7s linear infinite;
}
@media (max-width: 1199px) {
  .hero-section-2 .text-circle-box {
    display: none;
  }
}
.hero-section-2 .text-circle-box .video-popup {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-section-2 .text-circle-box .circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-2 {
  position: relative;
  padding: 200px 0 250px;
  z-index: 99;
}
@media (max-width: 1199px) {
  .hero-2 {
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .hero-2 {
    padding-bottom: 140px;
  }
}
@media (max-width: 575px) {
  .hero-2 {
    padding-bottom: 120px;
  }
}
.hero-2 .vec-1 {
  position: absolute;
  top: 200px;
  left: 100px;
  z-index: 9;
  transform: translateX(-150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-1 {
    display: none;
  }
}
.hero-2 .vec-2 {
  position: absolute;
  right: 0;
  bottom: 30%;
  z-index: 9;
  transform: translateX(150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-2 {
    display: none;
  }
}
.hero-2 .vec-3 {
  position: absolute;
  right: 120px;
  top: 230px;
  z-index: 9;
  transform: translateX(-150px);
  opacity: 0;
}
@media (max-width: 1199px) {
  .hero-2 .vec-3 {
    display: none;
  }
}
.hero-2 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
  z-index: 9;
}
.hero-2 .hero-content {
  position: relative;
  z-index: 888;
  height: 612px;
  width: 643px;
  text-align: center;
  padding-top: 85px;
  margin-left: -130px;
}
@media (max-width: 1600px) {
  .hero-2 .hero-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-2 .hero-content {
    height: initial;
    width: initial;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    background-color: var(--white);
    padding: 70px 50px;
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content {
    padding: 50px 30px;
  }
}
.hero-2 .hero-content .shape-1 {
  position: absolute;
  left: 0;
  bottom: 20%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-1 {
    display: none;
  }
}
.hero-2 .hero-content .shape-2 {
  position: absolute;
  right: 0;
  top: 19%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-2 {
    display: none;
  }
}
.hero-2 .hero-content .shape-3 {
  position: absolute;
  right: -22px;
  top: 28%;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .shape-3 {
    display: none;
  }
}
.hero-2 .hero-content::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: morphing4 8s ease-in-out infinite;
  border-radius: 120% 75% 105% 71%/120% 117% 73% 80%;
  background: #ffe800;
  z-index: -2;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content::before {
    display: none;
  }
}
.hero-2 .hero-content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: path("M643.661 364.676C643.661 542.258 487.773 612.166 310.192 612.166C132.61 612.166 0.582764 542.257 0.582764 364.676C0.582764 187.095 184.734 0.0583496 362.314 0.0583496C539.895 0.057178 643.661 187.095 643.661 364.676Z");
  background: #fff;
  z-index: -1;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content::after {
    display: none;
  }
}
.hero-2 .hero-content .content {
  margin-bottom: 45px;
  opacity: 0;
  z-index: 99;
  position: relative;
  transform: translateY(-150px);
}
.hero-2 .hero-content .content .icon {
  margin-bottom: 20px;
}
.hero-2 .hero-content .content h1 {
  font-size: 76px;
  font-weight: 700;
  max-width: 530px;
  margin: 0 auto;
  letter-spacing: -3.04px;
  line-height: 1.1;
}
@media (max-width: 1199px) {
  .hero-2 .hero-content .content h1 {
    max-width: initial;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content .content h1 {
    font-size: 62px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content .content h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content .content h1 {
    font-size: 48px;
  }
}
.hero-2 .hero-content .hero-button {
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
}

.hero-3 {
  position: relative;
  margin-top: 110px;
}
@media (max-width: 768px) {
  .hero-3 {
    margin-top: 80px; 
  }
}
.hero-3 .swiper-dot {
  margin-bottom: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(90deg);
  z-index: 99;
}
@media (max-width: 991px) {
  .hero-3 .swiper-dot {
    display: none;
  }
}
.hero-3 .swiper-dot::before {
  position: absolute;
  bottom: 13px;
  left: 120%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 2px;
  background: linear-gradient(270deg, #F47A66 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
  transform: rotate(-180deg);
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot::before {
    display: none;
  }
}
.hero-3 .swiper-dot::after {
  position: absolute;
  bottom: 13px;
  right: 120%;
  width: 105px;
  height: 2px;
  background: linear-gradient(270deg, #F47A66 4.85%, rgba(255, 255, 255, 0) 96.39%);
  content: "";
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot::after {
    display: none;
  }
}
.hero-3 .swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: var(--theme-color-2);
  opacity: 1;
  border-radius: 10px;
}
.hero-3 .swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.hero-3 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  transition: 0.6s;
  position: relative;
}
.hero-3 .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--theme-color-2);
  content: "";
  transform: translate(-50%, -50%);
}
.hero-3 .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11;
}
@media (max-width: 1199px) {
  .hero-3 .bottom-shape {
    display: none;
  }
}
.hero-3 .bottom-shape img {
  width: 100%;
}
.hero-3 .container {
  max-width: 1370px;
}
.hero-3 .line-shape2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.hero-3 .line-shape2 img {
  width: 100%;
}
.hero-3 .line-shape {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  transform: rotate(180deg);
}
.hero-3 .line-shape img {
  width: 100%;
}
.hero-3 .swiper-slide.swiper-slide-active .hero-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.loader-logo {
  text-align: center;
  margin: 20px 0;
}

.loader-logo img {
  width: 350px;
  height: auto;
  animation: pulse 1.8s ease-in-out infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.7; }
  100% { transform: scale(1); opacity: 1; }
}
.hero-3 .swiper-slide.swiper-slide-active .hero-content {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-3 .swiper-slide.swiper-slide-active .hero-button {
  opacity: 1;
  transform: translatey(0px);
  transition: all 2500ms ease;
}
.hero-3 .hero-height {
  padding: 280px 0 320px;
}
@media (max-width: 1199px) {
  .hero-3 .hero-height {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-height {
    padding: 140px 0 10px;
  }
}
.hero-3 .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;

  background-repeat: no-repeat;
  background-size: 110% auto;  
  background-position: center;

  transition: opacity 1500ms ease-in, transform 9000ms ease;
}
@media (max-width: 767px) {
  .hero-3 {
    
  }

  .hero-3 .hero-bg {
    background-size: 110% auto;  
    background-position: center top; 
    transform: none;
  }
}
.hero-3 .hero-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.hero-3 .hero-content {
  position: relative;
  opacity: 0;
  z-index: 1;
  position: relative;
  transform: translateY(-150px);
}
@media (max-width: 1399px) {
  .hero-3 .hero-content {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-content {
    text-align: center;
  }
}
.hero-3 .hero-content span {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
}
.hero-3 .hero-content h1 {
  color: var(--white);
  text-transform: capitalize;
  margin-top: 20px;
}
.hero-3 .hero-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
  max-width: 545px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .hero-3 .hero-content p {
    font-size: 18px;
    margin: 20px auto 0;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content p {
    font-size: 16px;
  }
}
.hero-3 .hero-button {
  margin-top: 40px;
  transform: translateY(150px);
  opacity: 0;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  gap: 28px;
}
@media (max-width: 1399px) {
  .hero-3 .hero-button {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-button {
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: 0;
    gap: 16px;
  }
}
@media (max-width: 1199px) {
  .hero-3 .hero-button {
    justify-content: center;
  }
}
.hero-3 .hero-button .theme-btn.style-two {
  background-color: var(--theme-color);
}

.hero-4 {
  padding: 250px 0 100px;
  margin-bottom: 100px;
}
@media (max-width: 1600px) {
  .hero-4 {
    margin-bottom: 80px;
  }
}

@media (max-width: 1399px) {
  .hero-4 {
    margin-bottom: 68px;
  }
}
@media (max-width: 1199px) {
  .hero-4 {
    margin-bottom: 0;
    padding-top: 220px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .hero-4 {
    padding-top: 210px;
  }
}
@media (max-width: 767px) {
  .hero-4 {
    padding-top: 180px;
  }
}
@media (max-width: 575px) {
  .hero-4 {
    padding-top: 150px;
  }
}
.hero-4 .container {
  max-width: 1430px;
}
.hero-4 .hero-left-content {
  margin-right: 20px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1399px) {
  .hero-4 .hero-left-content {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content {
    text-align: center;
  }
}
.hero-4 .hero-left-content h1 {
  font-size: 94px;
  color: var(--white);
  margin-bottom: 20px;
}
@media (max-width: 1399px) {
  .hero-4 .hero-left-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .hero-4 .hero-left-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content h1 {
    font-size: 78px;
  }
}
@media (max-width: 767px) {
  .hero-4 .hero-left-content h1 {
    font-size: 62px;
  }
}
@media (max-width: 575px) {
  .hero-4 .hero-left-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 470px) {
  .hero-4 .hero-left-content h1 {
    font-size: 38px;
  }
}
.hero-4 .hero-left-content p {
  font-size: 20px;
  font-weight: 400;
  color: var(--white);
  max-width: 545px;
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content p {
    margin: 0 auto;
    font-size: 16px;
  }
}
.hero-4 .hero-left-content .hero-btn-area {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .hero-4 .hero-left-content .hero-btn-area {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.hero-4 .hero-left-content .hero-btn-area .phone-area i {
  color: var(--white);
  margin-right: 10px;
}
.hero-4 .hero-left-content .hero-btn-area .phone-area a {
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
}
.hero-4 .hero-right-thumb {
  margin-left: 50px;
}
@media (max-width: 1399px) {
  .hero-4 .hero-right-thumb {
    margin-left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .hero-4 .hero-right-thumb {
    max-width: 700px;
  }
}
.hero-4 .hero-right-thumb img {
  width: 100%;
  height: 100%;
}

.hero-section-4 {
  position: relative;
  z-index: 9;
}
.hero-section-4 .shape-1 {
  position: absolute;
  top: 130px;
  right: 160px;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-1 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-2 {
  position: absolute;
  bottom: 300px;
  right: 130px;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-2 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-3 {
  position: absolute;
  top: 270px;
  right: 220px;
}
@media (max-width: 1600px) {
  .hero-section-4 .shape-3 {
    right: 100px;
  }
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-3 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-4 {
  position: absolute;
  bottom: 16%;
  right: 39%;
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-4 {
    opacity: 0.3;
  }
}
.hero-section-4 .shape-5 {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
}
@media (max-width: 1600px) {
  .hero-section-4 .shape-5 {
    bottom: -80px;
  }
}
@media (max-width: 1399px) {
  .hero-section-4 .shape-5 {
    bottom: -68px;
  }
}
@media (max-width: 1199px) {
  .hero-section-4 .shape-5 {
    display: none;
  }
}
.hero-section-4 .shape-5 img {
  width: 100%;
}

.feature-section {
  position: relative;
}
.feature-section .sun-shape {
  position: absolute;
  left: 0;
  bottom: 25%;
}
@media (max-width: 1399px) {
  .feature-section .sun-shape {
    opacity: 0.2;
  }
}
.feature-section .sky-shape {
  position: absolute;
  left: 52%;
  bottom: 58%;
  z-index: 22;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .feature-section .sky-shape {
    opacity: 0.2;
  }
}
.feature-section .butterfly-shape {
  position: absolute;
  right: 4%;
  bottom: 30%;
}
@media (max-width: 1399px) {
  .feature-section .butterfly-shape {
    opacity: 0.2;
  }
}

.feature-wrapper .feature-content {
  position: relative;
  z-index: 99;
}
.feature-wrapper .feature-content .feature-list {
  margin-top: 25px;
  gap: 15px;
  padding: 11px 20px;
  background-color: #ECEAFC;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.feature-wrapper .feature-content .feature-list.color-2 {
  background-color: #EAF5FC;
}
.feature-wrapper .feature-content .feature-list.color-3 {
  background-color: #EAFCF9;
}
.feature-wrapper .feature-content .feature-list.color-4 {
  background-color: #FCF4EA;
}
.feature-wrapper .feature-content .feature-list.color-5 {
  background-color: #FCEAFB;
}
.feature-wrapper .feature-content .feature-list.color-6 {
  background-color: #EFFCEA;
}
.feature-wrapper .feature-content .feature-list .content h4 {
  font-weight: 600;
}
.feature-wrapper .feature-content .feature-list .content h3 {
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 767px) {
  .feature-wrapper .feature-content p {
    text-align: center;
  }
}
.feature-wrapper .feature-content .feature-button-area {
  margin-top: 35px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .feature-wrapper .feature-content .feature-button-area {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.feature-wrapper .feature-content .feature-button-area .user-group {
  gap: 10px;
  display: flex;
  align-items: center;
}
.feature-wrapper .feature-content .feature-button-area .user-group h4 {
  font-weight: 600;
}
.feature-wrapper .feature-image {
  position: relative;
}
.feature-wrapper .feature-image .feature-bg {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 681"><path   d="M9.76856 37.767C9.76856 37.767 2.5922 53.9582 8.33329 270.588C14.0744 487.195 -43.4486 676.109 81.3837 679.099C206.216 682.09 353.87 681.132 398.309 679.099C442.748 677.067 470 703.398 470 565.738C470 428.078 470 260.448 468.565 163.278C467.129 66.1074 478.503 18.3749 426.942 14.9171C375.363 11.4592 242.028 5.38459 184.69 3.35194C127.352 1.31928 15.5096 -12.8392 9.76856 37.767Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  height: 680px;
  margin-left: 90px;
}
@media (max-width: 1199px) {
  .feature-wrapper .feature-image .feature-bg {
    margin-left: 0;
    mask: unset;
  }
}
@media (max-width: 991px) {
  .feature-wrapper .feature-image .feature-bg {
    height: 500px;
  }
  .feature-wrapper .feature-image .feature-bg img {
    height: 100%;
    border-radius: 20px;
  }
}
@media (max-width: 991px) {
  .feature-wrapper .feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.feature-wrapper .feature-image a {
  color: var(--white);
  padding: 10px 24px;
  border-radius: 15px;
  background-color: var(--theme-color);
  position: absolute;
  display: inline-block;
  left: 60px;
  bottom: 105px;
  letter-spacing: 1.5px;
  z-index: 22;
  font-family: "Quicksand", Sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.feature-wrapper .feature-image a i {
  margin-right: 10px;
}

.session-section {
  position: relative;
}
.session-section::before {
  background-color: var(--theme-color);
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.session-wrapper {
  position: relative;
  padding: 85px 80px;
  background-color: #FFE800;
  border-radius: 24px;
}
@media (max-width: 1199px) {
  .session-wrapper {
    padding: 45px;
  }
}
@media (max-width: 991px) {
  .session-wrapper {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .session-wrapper {
    padding: 35px;
  }
}
@media (max-width: 575px) {
  .session-wrapper {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .session-wrapper .session-content {
    text-align: center;
  }
}
.session-wrapper .vertical-dashed {
  position: absolute;
  left: 46%;
  top: 11%;
  display: inline-block;
  width: 0;
  height: 350px;
  border-right: 1.5px dashed rgba(7, 7, 19, 0.42);
}
@media (max-width: 1199px) {
  .session-wrapper .vertical-dashed {
    display: none;
  }
}
.session-wrapper .session-box {
  background-color: var(--white);
  padding: 14px 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .session-wrapper .session-box {
    padding: 14px 18px;
  }
}
.session-wrapper .session-box:not(:last-child) {
  margin-bottom: 15px;
}
.session-wrapper .session-box h3 {
  width: 200px;
  border-right: 1.5px dashed rgba(7, 7, 19, 0.28);
  font-size: 18px;
}
@media (max-width: 1199px) {
  .session-wrapper .session-box h3 {
    width: initial;
    border-right: none;
  }
}
.session-wrapper .session-box p {
  font-weight: 600;
  margin-left: 20px;
  color: var(--header);
}

.work-process-section {
  padding: 60px 0 120px;
  position: relative;
}
@media (max-width: 1199px) {
  .work-process-section {
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .work-process-section {
    padding-bottom: 80px;
  }
}
.work-process-section .bg-shape {
  position: absolute;
  left: 0;
  top: 90px;
  z-index: -1;
}
.work-process-section .flower-shape {
  position: absolute;
  left: 4%;
  top: 3%;
  animation: rounded2 5s linear infinite;
}

.work-process-items {
  text-align: center;
}
.work-process-items .work-image {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .work-process-items .work-image {
    max-width: 270px;
    margin: 0 auto 30px;
  }
}
.work-process-items .work-image img {
  width: 100%;
  height: 100%;
}
.work-process-items .work-content {
  max-width: 270px;
  margin: 0 auto;
}
.work-process-items .work-content p {
  font-size: 16px;
}
.work-process-items .work-content h4 {
  margin-bottom: 8px;
}
.work-process-items .work-content h3 {
  font-size: 18px;
}
.work-process-items .work-content h2 {
  font-size: 18px;
}

.learning-section {
  position: relative;
}
@media (max-width: 1600px) {
  .learning-section {
    margin-bottom: -5px;
  }
}
.learning-section .shadow-shape {
  position: absolute;
  right: 0;
  top: 8%;
}
.learning-section .sky-shape {
  position: absolute;
  left: 10%;
  top: 22%;
}
.learning-section .rocket-shape {
  position: absolute;
  right: 13%;
  bottom: 10%;
}
.learning-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1188"><path   d="M1835.26 14.7349C1868.35 -11.2283 1905.54 6.90116 1920 19.2113L1919.87 1187.5L-0.000103815 1187.5L0.13391 10.2583C23.5396 -5.18532 48.2231 3.82347 57.6392 10.2583C75.7987 24.359 92.1086 20.237 97.9937 16.4134C127.452 -6.19249 153.649 1.21224 163.065 7.74034C185.664 23.8554 201.738 20.237 206.951 16.4134C238.427 -5.07338 264.456 1.67854 273.536 7.74035C293.309 23.8555 308.005 20.237 312.881 16.4134C344.358 -5.96866 369.041 1.30551 377.449 7.74036C396.415 23.6316 415.617 20.1438 422.847 16.4134C452.306 -5.07336 479.512 1.67856 489.432 7.74037C509.206 26.3175 527.937 21.2629 534.831 16.4134C562.676 -7.08774 592.168 2.70441 603.434 10.5381C619.172 23.5197 632.186 19.864 636.726 16.4134C667.799 -6.6401 692.718 -0.46637 701.294 5.50219C721.471 25.6461 741.648 21.1696 749.215 16.4135C779.884 -6.86391 806.047 2.61118 815.295 10.2584C837.086 25.2544 855.313 18.9315 861.703 13.8955C891.969 -7.59128 919.04 2.51794 928.792 10.2584C943.32 25.2544 959.731 18.9315 966.12 13.8955C995.983 -7.14363 1023.29 2.70447 1033.21 10.2584C1053.79 25.702 1071.04 19.118 1077.1 13.8955C1103.33 -7.14362 1133.76 2.70448 1145.7 10.2584C1163.05 27.2688 1182.52 18.8382 1190.09 12.4966C1215.51 -6.30431 1242.38 3.17077 1252.64 10.2584C1267.97 24.583 1284.92 18.6517 1291.48 13.8955C1313.67 -5.35305 1339.74 0.652811 1349.99 6.06182C1371.38 25.0866 1392.53 19.2113 1400.44 13.8955C1424.65 -5.80068 1452.22 1.77192 1462.99 8.02026C1486.39 27.045 1504.35 19.8641 1510.4 13.8956C1532.19 -4.45775 1558.49 1.02587 1568.92 6.06183C1585.46 26.6534 1610.78 18.372 1621.38 11.6573C1648.41 -7.81507 1675.01 3.54384 1684.93 11.6573C1704.31 25.3104 1720.92 17.3461 1726.8 11.6574C1740.93 3.26407 1768.67 -4.56965 1792.88 11.6574C1812.25 24.639 1829.2 19.118 1835.26 14.7349Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.learning-section-two {
  position: relative;
}
.learning-section-two::before {
  position: absolute;
  top: 190px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1125"><path   d="M1835.23 14.7809C1868.32 -11.2634 1905.52 6.9227 1919.98 19.2713L1919.97 1125L-0.000220421 1125L-0.00024504 10.2903C23.4067 -5.20151 48.092 3.8354 57.5087 10.2903C75.6692 24.435 91.9801 20.3002 97.8655 16.4646C127.326 -6.21182 153.524 1.21602 162.941 7.7645C185.541 23.9299 201.616 20.3002 206.829 16.4646C238.307 -5.08921 264.337 1.68378 273.418 7.76451C293.193 23.9299 307.889 20.3002 312.766 16.4646C344.244 -5.98728 368.929 1.30959 377.336 7.76452C396.304 23.7054 415.507 20.2066 422.738 16.4647C452.198 -5.08919 479.405 1.6838 489.326 7.76453C509.101 26.3996 527.834 21.3292 534.728 16.4647C562.574 -7.10986 592.068 2.71286 603.335 10.571C619.074 23.5932 632.089 19.926 636.629 16.4647C667.704 -6.66082 692.624 -0.467825 701.2 5.51936C721.378 25.7261 741.557 21.2357 749.124 16.4647C779.795 -6.88533 805.959 2.61933 815.208 10.2904C837.001 25.3332 855.228 18.9905 861.618 13.9389C891.886 -7.61497 918.959 2.5258 928.712 10.2904C943.24 25.3332 959.652 18.9906 966.042 13.9389C995.906 -7.16593 1023.21 2.71291 1033.14 10.2904C1053.72 25.7823 1070.97 19.1777 1077.02 13.9389C1103.26 -7.16592 1133.69 2.71292 1145.63 10.2904C1162.98 27.3539 1182.46 18.897 1190.02 12.5356C1215.45 -6.32399 1242.32 3.18066 1252.58 10.2904C1267.91 24.6597 1284.86 18.7099 1291.42 13.9389C1313.62 -5.36976 1339.68 0.654848 1349.94 6.08073C1371.33 25.1649 1392.48 19.2712 1400.38 13.9389C1424.6 -5.81879 1452.17 1.77745 1462.94 8.04529C1486.34 27.1294 1504.3 19.9261 1510.35 13.9389C1532.15 -4.47166 1558.45 1.02907 1568.87 6.08075C1585.42 26.7365 1610.74 18.4293 1621.34 11.6937C1648.38 -7.83946 1674.98 3.5549 1684.9 11.6937C1704.27 25.3894 1720.88 17.4003 1726.77 11.6937C1740.89 3.27426 1768.64 -4.58391 1792.85 11.6937C1812.22 24.7159 1829.17 19.1777 1835.23 14.7809Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.learning-section-three {
  position: relative;
  padding-top: 100px !important;
}
.learning-section-three::before {
  display: none;
}

.learning-section-four {
  position: relative;
}

.learning-box-items {
  position: relative;
  margin-top: 30px;
  padding: 24px 24px 50px 24px;
  text-align: center;
}
@media (max-width: 1199px) {
  .learning-box-items {
    background-color: var(--white);
    padding: 24px;
    border-radius: 14px;
  }
}
.learning-box-items .learning-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 502"><path   d="M7.69014 27.8377C7.69014 27.8377 2.04067 39.7721 6.56025 199.448C11.0798 359.107 -34.2042 498.354 64.068 500.558C162.34 502.762 278.579 502.056 313.562 500.558C348.546 499.06 370 518.468 370 417C370 315.532 370 191.974 368.87 120.351C367.74 48.7271 376.694 13.544 336.103 10.9952C295.499 8.44648 190.533 3.96893 145.394 2.47068C100.256 0.972425 12.2097 -9.46369 7.69014 27.8377Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .learning-box-items .learning-bg {
    display: none;
  }
}
.learning-box-items .learning-image {
  position: relative;
}
.learning-box-items .learning-image img {
  width: 100%;
  height: 100%;
}
.learning-box-items .thumb-icon {
  position: relative;
  margin-top: -50px;
}
.learning-box-items .thumb-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.learning-box-items .thumb-icon .icon img {
  transition: 0.4s;
}
.learning-box-items .learning-content {
  margin-top: 15px;
}
.learning-box-items .learning-content h3:hover a {
  color: var(--theme-color-2);
}
.learning-box-items .learning-content p {
  font-family: Source Sans Pro;
  font-size: 16px;
  margin-top: 10px;
}
.learning-box-items .learning-content .arrow-icon {
  position: absolute;
  background-color: var(--theme-color-2);
  width: 50px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 14px;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%);
}
@media (max-width: 1199px) {
  .learning-box-items .learning-content .arrow-icon {
    position: static;
    transform: initial;
    margin-top: 30px;
  }
}
.learning-box-items .learning-content .arrow-icon i {
  color: var(--white);
}
.learning-box-items .learning-content .arrow-icon.color-2 {
  background-color: #B463FB;
}
.learning-box-items .learning-content .arrow-icon.color-3 {
  background-color: #F47A66;
}
.learning-box-items:hover .thumb-icon .icon img {
  transform: rotateY(360deg);
  transition: 0.4s;
}
.learning-box-items:hover .arrow-icon {
  background-color: var(--theme-color);
}
.learning-box-items:hover .arrow-icon.color-2 {
  background-color: var(--theme-color-2);
}
.learning-box-items:hover .arrow-icon.color-3 {
  background-color: #B463FB;
}

.learning-wrapper {
  position: relative;
  padding: 110px 30px 75px;
}
@media (max-width: 1199px) {
  .learning-wrapper {
    padding: 70px 30px;
  }
}
@media (max-width: 767px) {
  .learning-wrapper {
    padding: 50px 30px;
  }
}
.learning-wrapper .flower-shape {
  position: absolute;
  right: 5%;
  bottom: 38px;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1199px) {
  .learning-wrapper .flower-shape {
    opacity: 0.2;
  }
}
.learning-wrapper .learning-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 466"><path   d="M0 437.639V34.5614C0 22.2162 14.8452 11.9315 27.1778 12.4927C59.0367 13.9425 109.43 6.426 168.973 6.42601C257.766 6.42603 336.507 -7.64163 404.625 6.42613C491.653 27.137 766.51 6.42601 817.172 6.42601C890.738 6.42601 1038.39 -5.85314 1144.01 3.53637C1158.95 4.86464 1170 17.6089 1170 32.6097V426.29C1170 446.046 1151.2 460.797 1131.65 457.998C1005.95 440.009 756.793 450.358 693.469 450.358C539.425 450.358 370.5 456.22 241.312 450.358C74.8156 434.673 73.4283 455.796 31.1184 465.193C14.4342 468.898 0 454.729 0 437.639Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  height: 450px;
}
@media (max-width: 1199px) {
  .learning-wrapper .learning-bg {
    height: 100%;
    mask: none;
    border-radius: 12px;
  }
}
.learning-wrapper .tittle-bg {
  background-color: #FEB81B !important;
  color: var(--header) !important;
}
.learning-wrapper .learning-button {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 991px) {
  .learning-wrapper .learning-button {
    flex-wrap: wrap;
  }
}
.learning-wrapper .learning-button .learn-btn {
  border: 1px solid var(--white);
  border-radius: 16px;
  font-size: 22px;
  color: var(--white);
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .learn-btn {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn i {
  font-size: 22px;
  margin-right: 5px;
  margin-left: 0;
  color: var(--white);
}
.learning-wrapper .learning-button .learn-btn:hover {
  border: 1px solid transparent;
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .theme-btn {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn-2 {
  font-size: 22px;
}
@media (max-width: 575px) {
  .learning-wrapper .learning-button .learn-btn-2 {
    width: 100%;
  }
}
.learning-wrapper .learning-button .learn-btn-2 i {
  font-size: 22px;
  margin-right: 5px;
  color: var(--white);
}

.learning-item-three {
  position: relative;
  padding: 120px 0 10px;
}
@media (max-width: 1199px) {
  .learning-item-three {
    padding-top: 80px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .learning-item-three .learning-bg {
    mask: none;
    background-color: var(--theme-color);
    border-radius: 16px;
  }
}
.learning-item-three .perashute-shape {
  position: absolute;
  top: 17%;
  left: 14%;
}
@media (max-width: 1199px) {
  .learning-item-three .perashute-shape {
    opacity: 0.3;
  }
}
.learning-item-three .snake-shape {
  position: absolute;
  bottom: 3%;
  left: 11%;
  animation: wind-blow 3s linear infinite;
}
@media (max-width: 1199px) {
  .learning-item-three .snake-shape {
    opacity: 0.3;
  }
}
.learning-item-three .busket-shape {
  position: absolute;
  bottom: 18%;
  left: -7%;
}
@media (max-width: 1199px) {
  .learning-item-three .busket-shape {
    opacity: 0.3;
  }
}
.learning-item-three .baby-shape {
  position: absolute;
  bottom: 17px;
  right: 30px;
}
@media (max-width: 1199px) {
  .learning-item-three .baby-shape {
    opacity: 0.3;
  }
}
.learning-item-three .learning-button-two {
  margin-top: 80px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 15px 15px 0px 15px;
  border-color: #FFFFFF;
  border-radius: 34px 34px 0px 0px;
  display: inline-block;
}

.learning-cards {
  padding: 34px 55px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  background-color: var(--theme-color);
  border-radius: 36px;
}
@media (max-width: 1199px) {
  .learning-cards {
    padding: 50px 40px;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    text-align: center;
  }
  .learning-cards .learn-img {
    max-width: 500px;
  }
  .learning-cards .learn-img img {
    width: 100%;
    height: 100%;
  }
}
.learning-cards .learn-content .sub-title {
  background-color: #FEB81B;
  color: var(--header);
}

.principal-section{
    position: relative;
    overflow: hidden;
    background: linear-gradient(to bottom,#fff,#fff8f5);
    z-index: 1;
}

.principal-wrapper{
    position: relative;
    z-index: 2;
}

.principal-video-main{
    position: relative;
    padding-right: 45px;
}

.video-shape{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#ff5757,#ffb26b);
    border-radius: 35px;
    top: 22px;
    left: 22px;
    z-index: -1;
    transform: rotate(-2deg);
    opacity: .95;
}

.principal-video-box{
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    background: #fff;
    padding: 10px;
    border: 2px solid rgba(255,255,255,0.8);

    box-shadow:
        0 25px 60px rgba(0,0,0,0.12),
        0 10px 25px rgba(255,87,87,0.08);
}

.principal-video-box::before{
    content: "";
    position: absolute;
    top: -100px;
    left: -100px;
    width: 240px;
    height: 240px;
    background: rgba(255,255,255,0.18);
    border-radius: 50%;
    z-index: 1;
}

.principal-video-box img{
    width: 100%;
    height: 560px;
    object-fit: cover;
    display: block;
    border-radius: 28px;
    transition: all .5s ease;
}

.principal-video-box:hover img{
    transform: scale(1.04);
}

.experience-box{
    position: absolute;
    bottom: 35px;
    left: -20px;
    background: #fff;
    padding: 22px 28px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border-left: 5px solid #ff5757;
    animation: floatY 3s ease-in-out infinite;
}

.experience-box h3{
    font-size: 48px;
    font-weight: 800;
    color: #ff5757;
    margin-bottom: 6px;
    line-height: 1;
}

.experience-box p{
    margin: 0;
    color: #555;
    font-weight: 600;
    line-height: 1.6;
    font-size: 15px;
}

.principal-content{
    padding-left: 30px;
}

.sub-title{
    display: inline-block;
    background: rgba(255,87,87,0.1);
    color: #ff5757;
    padding: 10px 22px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    margin-bottom: 20px;
}

.principal-heading{
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 25px;
    font-weight: 800;
    color: #111;
}

.principal-heading span{
    color: #ff5757;
    position: relative;
}

.principal-heading span::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 10px;
    background: rgba(255,87,87,0.18);
    z-index: -1;
    border-radius: 20px;
}

.principal-content p{
    font-size: 18px;
    line-height: 1.95;
    color: #475569;
    margin-bottom: 20px;
}

.principal-list{
    margin-top: 35px;
}

.list-item{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    font-size: 17px;
    font-weight: 600;
    color: #475569;
    transition: .3s;
}

.list-item:hover{
    transform: translateX(6px);
}

.list-item i{
    color: #ff5757;
    font-size: 20px;
}

.dummy-signature{
    font-family: "Brush Script MT", cursive;
    font-size: 30px;
    color:#ff5757;
    transform: rotate(-6deg);
    border-bottom:2px solid rgba(255,87,87,0.5);
    display:inline-block;
    padding:5px 10px;
}

@keyframes floatY{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-10px);
    }

    100%{
        transform: translateY(0px);
    }

}

@media (max-width: 991px) {

    .principal-video-main {
        padding-right: 0;
    }

    .principal-content {
        padding-left: 0;
        margin-top: 30px;
        position: relative;
        z-index: 1;
    }

    .principal-heading {
        font-size: 36px;
        text-align: center;
    }

    .principal-video-box video {
        height: 420px;
    }

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
        width: 100% !important;
    }

    /* List ko center mein rakhne ke liye container */
    .principal-content .principal-list {
        width: 100% !important;
        max-width: 400px !important;
        margin: 0 auto !important;
        display: block !important;
        padding-left: 0 !important;
        list-style: none !important;
        text-align: left !important;
    }

    /* Grid layout taaki icon aur text kabhi aage-piche na ho */
    .principal-content .principal-list .list-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 14px 0 !important;
        display: grid !important;
        grid-template-columns: 28px 1fr !important;
        align-items: center !important;
        text-align: left !important;
    }

    .principal-content .principal-list .list-item i {
        text-align: center !important;
        margin-right: 0 !important;
        flex: unset !important;
    }

    .principal-content .principal-list .list-item span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }
}


/* =========================
   768px / 767px
========================= */

@media (max-width: 768px) {

    .principal-heading {
        font-size: 28px;
    }

    .principal-video-box video {
        height: 300px;
    }

    .experience-box {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        display: inline-block;
    }

    .video-shape {
        display: none;
    }

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 100% !important;
    }

    .principal-content .principal-list .list-item {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================
   576px
========================= */

@media (max-width: 576px) {

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 95% !important;
    }
}


/* =========================
   468px
========================= */

@media (max-width: 468px) {

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 94% !important;
    }
}


/* =========================
   400px
========================= */

@media (max-width: 400px) {

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 92% !important;
    }
}


/* =========================
   360px
========================= */

@media (max-width: 360px) {

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 90% !important;
    }
}


/* =========================
   300px
========================= */

@media (max-width: 300px) {

    .principal-content .section-title.text-left {
        text-align: center !important;
    }

    .principal-content p {
        text-align: center !important;
    }

    .principal-content .principal-list {
        max-width: 88% !important;
    }
}

/* @media (max-width: 991px){

    .principal-video-main{
        padding-right: 0;
    }

    .principal-content{
        padding-left: 0;
        margin-top: 30px;
    }

    .principal-heading{
        font-size: 36px;
    }

    .principal-video-box video{
        height: 420px;
    }

}

@media (max-width: 767px){

    .principal-heading{
        font-size: 28px;
    }

    .principal-video-box video{
        height: 300px;
    }

    .experience-box{
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        display: inline-block;
    }

    .video-shape{
        display: none;
    }

} */

.orange-gradient-text {
    font-weight: 800;
    font-size: 42px;
    background: linear-gradient(90deg, #FF5E14, #FFB700);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.subtitle {
    color: #666;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: -10px;
}

.orange-video-card {
    position: relative;
    padding: 10px;
    background: #fff;
    border-radius: 20px;
    border-bottom: 4px solid #FF5E14;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 30px rgba(255, 94, 20, 0.1);
}

.video-container {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.ultimate-video-card{
    position:relative;
    padding:14px;
    border-radius:38px;
    overflow:hidden;
    background:#fff;
    transition:0.5s ease;
    box-shadow:
        0 20px 50px rgba(0,0,0,0.12),
        0 8px 25px rgba(0,0,0,0.05);
}

.ultimate-video-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:3px;
    border-radius:38px;

    background:linear-gradient(
        135deg,
        #ff5757,
        #ff914d,
        #ffde59,
        #7ed957,
        #1e40af
    );

    background-size:400% 400%;
    animation:borderFlow 7s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;
}

.ultimate-video-card:hover{
    transform:translateY(-16px) scale(1.03);

    box-shadow:
        0 35px 80px rgba(0,0,0,0.18),
        0 12px 35px rgba(255,87,87,0.18);
}

.video-glow{
    position:absolute;
    width:220px;
    height:220px;
    background:rgba(255,87,87,0.16);
    filter:blur(70px);
    top:-60px;
    right:-50px;
    z-index:1;
}

.glow-blue{
    background:rgba(30,64,175,0.16);
}

.video-frame{
    position:relative;
    border-radius:30px;
    overflow:hidden;
    z-index:2;
    cursor:pointer;
}

.video-frame::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:7px;
    background:#ff5757;
    z-index:3;
}

.video-frame::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.28),
        transparent 45%
    );
    opacity:0;
    transition:0.4s ease;
    z-index:2;
    pointer-events:none;
}

.ultimate-video-card:hover .video-frame::after{
    opacity:1;
}

/* .video-frame iframe{
    width:100%;
    height:300px;
    border:0;
    display:block;
    transition:0.5s ease;
    position:relative;
    z-index:1;
}

.ultimate-video-card:hover iframe{
    transform:scale(1.05);
} */

.video-frame video{
    width:100%;
    height:300px;
    display:block;
    border:0;
    object-fit:cover;
    border-radius:30px;
    transition:.5s ease;
}

.ultimate-video-card:hover .video-frame video{
    transform:scale(1.05);
}

.floating-ball{
    position:absolute;
    border-radius:50%;
    animation:floatBall 5s ease-in-out infinite;
    z-index:1;
}

.red-ball{
    width:85px;
    height:85px;
    background:rgba(255,87,87,0.18);
    top:-18px;
    right:-12px;
}

.blue-ball{
    width:60px;
    height:60px;
    background:rgba(30,64,175,0.16);
    bottom:20px;
    left:18px;
}

.yellow-ball{
    width:45px;
    height:45px;
    background:rgba(255,222,89,0.25);
    bottom:35px;
    right:25px;
}

.orange-ball{
    width:80px;
    height:80px;
    background:rgba(255,145,77,0.20);
    top:-15px;
    left:-10px;
}

.green-ball{
    width:55px;
    height:55px;
    background:rgba(126,217,87,0.20);
    bottom:20px;
    right:18px;
}

.small-ball{
    width:35px;
    height:35px;
}

.video-modal .modal-content{
    background:transparent;
    border:none;
}

.video-modal iframe{
    border-radius:20px;
}

.custom-close{
    position:absolute;
    top:-40px;
    right:0;
    background:#fff;
    opacity:1;
    z-index:99;
}

@keyframes borderFlow{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

@keyframes floatBall{
    0%{transform:translateY(0px);}
    50%{transform:translateY(-12px);}
    100%{transform:translateY(0px);}
}

.video-container iframe {
    height: 280px; 
    border: none;
    display: block;
}

.orange-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 94, 20, 0.15) 0%, transparent 80%);
    pointer-events: none;
    opacity: 0;
    transition: 0.5s;
}

.orange-video-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 30px 60px rgba(255, 94, 20, 0.3);
    border-bottom-width: 8px;
}

.orange-video-card:hover .orange-overlay {
    opacity: 1;
}

.orange-video-card::before {
    content: '';
    position: absolute;
    width: 80%;
    height: 20px;
    bottom: -10px;
    left: 10%;
    background: #FF5E14;
    filter: blur(30px);
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.orange-video-card:hover::before {
    opacity: 0.6;
}

@media (max-width: 767px) {
    .video-container iframe { height: 220px; }
}

.video-section {
  position: relative;
}
.video-section::before {
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.video-card-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 25px;
    padding: 3px; 
    background: linear-gradient(45deg, #f44336, #ff9800, #8bc34a, #03a9f4, #f44336);
    background-size: 300% 300%;
    animation: borderGradient 6s ease infinite;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform-style: preserve-3d;
    perspective: 1000px;
}

@keyframes borderGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.video-card-item::before {
    content: '';
    position: absolute;
    inset: 3px; 
    background: rgba(0, 0, 0, 0.2); 
    border-radius: 22px;
    z-index: 1;
}

.video-card-item:hover {
    transform: translateY(-10px) rotateX(2deg) rotateY(-2deg);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.7);
}

.video-card-item:after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 80px; height: 80px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease-out;
    z-index: 2;
    pointer-events: none;
}

.video-card-item:hover:after {
    transform: translate(-50%, -50%) scale(2);
    opacity: 1;
}

/* .video-card-item iframe {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.video-card-item:hover iframe {
    transform: scale(1.03);
} */

.video-card-item video {
    display: block;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.video-card-item:hover video {
    transform: scale(1.03);
}

.video-wrapper {
  padding: 226px 0;
  position: relative;
  margin-top: 10px;
}
.video-wrapper .vedio-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 465"><path   d="M0 427V42.1187C0 27.9262 18.7269 15.1898 32.9174 15.4256C64.9241 15.9575 112.89 7.83112 168.973 7.83113C257.766 7.83115 336.507 -9.31256 404.625 7.83128C491.653 33.0708 766.51 7.83113 817.172 7.83113C889.758 7.83113 1034.47 -6.73685 1139.77 3.86617C1157.28 5.62971 1170 20.7353 1170 38.3381V410.942C1170 435.464 1145.73 453.635 1121.49 449.935C992.991 430.324 755.13 442.282 693.469 442.282C539.425 442.282 370.5 449.425 241.312 442.282C83.3786 424.15 74.0077 446.38 37.3498 458.488C17.7451 464.964 0 447.646 0 427Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.video-wrapper .vedio-box {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%);
}
.video-wrapper .vedio-box .vedio-wave-area .vw-style {
  background: var(--white);
  width: 200px;
  height: 200px;
  top: -56px;
  left: -56px;
}
.video-wrapper .vedio-box .vedio-wave-area .style-two {
  background-color: var(--white);
  width: 90px;
  height: 90px;
}
.video-wrapper .vedio-box .vedio-wave-area .style-two i {
  color: var(--theme-color);
}
.video-wrapper .vedio-box .vedio-wave-area .style-two::before {
  border: none;
}

.conference-section {
  position: relative;
}
.conference-section::before {
  background-color: var(--bg-3);
  height: 50% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.conference-wrapper {
  position: relative;
  padding: 75px 60px 0px 35px;
  margin-top: -25px;
}
@media (max-width: 1199px) {
  .conference-wrapper {
    background-color: var(--theme-color);
    border-radius: 16px;
    padding: 40px;
  }
}
.conference-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1170 418"><path   d="M0 405.516V30.8032V25.8608C0 16.7707 10.3322 9.73705 19.3798 10.6146C50.4418 13.6274 104.312 5.72722 168.973 5.72723C257.766 5.72725 336.507 -6.81066 404.625 5.72734C491.653 24.186 766.51 5.72723 817.172 5.72723C894.396 5.72723 1053.26 -6.33209 1159.44 4.54716C1165.48 5.16551 1170 10.289 1170 16.356V399.629C1170 407.394 1162.84 413.165 1155.2 411.776C1040.25 390.881 761.045 401.385 693.469 401.385C539.425 401.385 370.5 406.61 241.312 401.385C53.5741 385.622 75.7617 411.57 12.4988 417.212C5.71224 417.817 0 412.329 0 405.516Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 408px;
}
@media (max-width: 1199px) {
  .conference-wrapper::before {
    display: none;
  }
}
.conference-wrapper .title-two {
  background-color: var(--white);
  color: var(--theme-color);
}
@media (max-width: 991px) {
  .conference-wrapper .section-title {
    text-align: center;
  }
}
.conference-wrapper .conference-image {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 331"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 343px;
}
@media (max-width: 1199px) {
  .conference-wrapper .conference-image {
    mask: none;
    height: initial;
  }
  .conference-wrapper .conference-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .conference-wrapper .conference-image {
    text-align: center;
  }
}
.conference-wrapper .thumb-icon-box {
  position: absolute;
  bottom: 32%;
  right: -6%;
}
@media (max-width: 1199px) {
  .conference-wrapper .thumb-icon-box {
    display: none;
  }
}
.conference-wrapper .thumb-icon-box .thumb-icon {
  position: relative;
}
.conference-wrapper .thumb-icon-box .thumb-icon .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  text-align: center;
}
.conference-wrapper .thumb-icon-box .thumb-icon .text h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--header);
}

.about-section-two {
  position: relative;
}
.about-section-two .love-shape {
  position: absolute;
  bottom: 20%;
  right: 8%;
}
@media (max-width: 1199px) {
  .about-section-two .love-shape {
    opacity: 0.2;
  }
}

.about-activities-section-3 {
  position: relative;
}
.about-activities-section-3 .shadow-shape {
  position: absolute;
  top: -14px;
  left: 0;
  z-index: -1;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .shadow-shape {
    display: none;
  }
}
.about-activities-section-3 .doll-shape {
  position: absolute;
  bottom: 4%;
  right: 5%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .doll-shape {
    opacity: 0.2;
  }
}
.about-activities-section-3 .flower-shape {
  position: absolute;
  top: 7%;
  right: 5%;
  animation: wind-blow 2s linear infinite;
}
@media (max-width: 1199px) {
  .about-activities-section-3 .flower-shape {
    opacity: 0.2;
  }
}

.about-section-four {
  position: relative;
}
.about-section-four .doll-shape {
  position: absolute;
  right: 4%;
  top: 10%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .about-section-four .doll-shape {
    opacity: 0.3;
  }
}

.about-section.school-live-premium {
  position: relative;
  padding: 140px 0;
  background: #f8fafc;
  overflow: hidden;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.about-section.school-live-premium::before,
.about-section.school-live-premium::after,
.premium-content::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.12;
  pointer-events: none;
  z-index: 1;
}

.about-section.school-live-premium::before {
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, #ff6a00 0%, #1e3a8a 100%);
  top: -300px;
  left: -200px;
}

.about-section.school-live-premium::after {
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, #10b981 0%, #065f46 100%);
  bottom: -250px;
  right: -150px;
}

.premium-content {
  position: relative;
  z-index: 2;
}

.live-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 30px;
  background: #ffffff;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1e3a8a;
  border: 1px solid rgba(30, 58, 138, 0.1);
  box-shadow: 0 15px 35px rgba(30, 58, 138, 0.05);
  margin-bottom: 35px;
}

.live-badge::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ef4444;
  border-radius: 50%;
  box-shadow: 0 0 12px #ef4444;
  animation: final-pulse 1.6s infinite;
}

@keyframes final-pulse {
  0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); }
  70% { transform: scale(1.1); box-shadow: 0 0 0 12px rgba(239, 68, 68, 0); }
  100% { transform: scale(0.9); }
}

.main-title {
  font-size: 58px;
  font-weight: 800;
  line-height: 1.2;
  color: #0f172a;
  margin-bottom: 25px;
  letter-spacing: -2px;
}

.main-title span {
  color: #ff6a00;
  display: inline-block;
}

.main-desc {
  font-size: 21px;
  line-height: 1.8;
  color: #475569;
  max-width: 950px;
  margin: 0 auto 75px auto;
  font-weight: 500;
}

.activity-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

.activity-card {
  position: relative;
  background: #ffffff;
  padding: 50px 40px;
  border-radius: 32px;
  border: 1px solid rgba(15, 23, 42, 0.04);
  box-shadow: 0 15px 45px rgba(15, 23, 42, 0.02);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: left;
}

.activity-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7px;
  border-radius: 32px 0 0 32px;
  transition: width 0.3s ease;
}

.activity-grid:hover .activity-card:not(:hover) {
  opacity: 0.45;
  transform: scale(0.97);
}

.activity-card:hover {
  transform: translateY(-15px);
}

.activity-card:hover::before {
  width: 10px; 
}

.icon {
  width: 70px;
  height: 70px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 30px;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.activity-card:hover .icon {
  transform: scale(1.2) rotate(8deg);
}

.activity-card h4 {
  font-size: 23px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 14px;
  letter-spacing: -0.5px;
}

.activity-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #64748b;
  margin: 0;
}

.orange::before { background: #ff6a00; }
.orange .icon { background: rgba(255, 106, 0, 0.07); color: #ff6a00; }
.orange:hover { box-shadow: 0 35px 70px rgba(255, 106, 0, 0.15); border-color: rgba(255, 106, 0, 0.15); }

.darkblue::before { background: #1e3a8a; }
.darkblue .icon { background: rgba(30, 58, 138, 0.07); color: #1e3a8a; }
.darkblue:hover { box-shadow: 0 35px 70px rgba(30, 58, 138, 0.15); border-color: rgba(30, 58, 138, 0.15); }

.lightgreen::before { background: #10b981; }
.lightgreen .icon { background: rgba(16, 185, 129, 0.07); color: #10b981; }
.lightgreen:hover { box-shadow: 0 35px 70px rgba(16, 185, 129, 0.15); border-color: rgba(16, 185, 129, 0.15); }

.darkgreen::before { background: #065f46; }
.darkgreen .icon { background: rgba(6, 95, 70, 0.07); color: #065f46; }
.darkgreen:hover { box-shadow: 0 35px 70px rgba(6, 95, 70, 0.15); border-color: rgba(6, 95, 70, 0.15); }

.red::before { background: #ef4444; }
.red .icon { background: rgba(239, 68, 68, 0.07); color: #ef4444; }
.red:hover { box-shadow: 0 35px 70px rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.15); }

.yellow::before { background: #f59e0b; }
.yellow .icon { background: rgba(245, 158, 11, 0.07); color: #f59e0b; }
.yellow:hover { box-shadow: 0 35px 70px rgba(245, 158, 11, 0.15); border-color: rgba(245, 158, 11, 0.15); }

@media(max-width: 1200px) {
  .activity-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .main-title { font-size: 48px; }
}

@media(max-width: 768px) {
  .about-section.school-live-premium { padding: 100px 0; }
  .activity-grid { grid-template-columns: 1fr; gap: 25px; }
  .main-title { font-size: 38px; letter-spacing: -1px; }
  .main-desc { font-size: 18px; margin-bottom: 50px; }
  .activity-card { padding: 40px 30px; }
  .live-badge { font-size: 13px; padding: 12px 24px; }
}
.about-wrapper-2 {
  margin-bottom: 10px;
}
.about-wrapper-2 .about-image-two {
  position: relative;
  max-width: 564px;
}
.about-wrapper-2 .about-image-two img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-image-two .img-two {
  position: absolute;
  bottom: -90px;
  right: -20px;
}
@media (max-width: 991px) {
  .about-wrapper-2 .about-image-two .img-two {
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-two .img-two {
    max-width: 200px;
  }
}
.about-wrapper-2 .about-image-two .perasute-shape {
  position: absolute;
  top: 0;
  right: 12%;
  animation: wind-blow 3s linear infinite;
}
.about-wrapper-2 .about-content-two {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-content-two {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two p {
    text-align: center;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .icon-box-items .icon-item {
    display: grid;
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon {
  width: 100%;
  height: 90px;
  max-width: 90px;
  line-height: 88px;
  background: rgba(241, 95, 37, 0.12);
  text-align: center;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon {
    margin: 0 auto;
  }
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .icon.style-2 {
  background: rgba(103, 84, 233, 0.1215686275);
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .content p {
  font-size: 16px;
  line-height: 150%;
  color: #5C707E;
}
.about-wrapper-2 .about-content-two .icon-box-items .icon-item .content h3 {
  font-size: 18px;
}
.about-wrapper-2 .about-content-two .about-two-button {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content-two .about-two-button {
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.about-wrapper-2 .about-content-two .about-two-button .video-text {
  font-size: 16px;
  font-weight: 600;
}

.about-activities-wrapper .about-activities-image {
  position: relative;
}
.about-activities-wrapper .about-activities-image .sun-shape {
  position: absolute;
  left: -20%;
  top: 15%;
}
@media (max-width: 1199px) {
  .about-activities-wrapper .about-activities-image .sun-shape {
    opacity: 0.2;
  }
}
@media (max-width: 1199px) {
  .about-activities-wrapper .about-activities-image img {
    width: 100%;
    height: 100%;
  }
}
.about-activities-wrapper .feature-list-items {
  margin-top: 30px;
  gap: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .about-activities-wrapper .feature-list-items {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .about-activities-wrapper .feature-list-items {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.about-activities-wrapper .feature-list-items .feature-list {
  gap: 15px;
  display: flex;
  align-items: center;
}

.about-wrapper-4 .about-image-box {
  padding-right: 20px;
  position: relative;
}
.about-wrapper-4 .about-image {
  position: relative;
  z-index: 2;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 554 727"><path d="M13.0151 38.8207C13.0151 38.8207 4.92264 55.4636 11.3966 278.138C17.8706 500.788 -46.9957 694.972 93.7726 698.046C234.541 701.12 401.045 700.136 451.157 698.046C501.268 695.957 532 723.023 532 581.522C532 440.021 532 267.715 530.381 167.833C528.763 67.9518 541.588 18.8876 483.445 15.3333C425.281 11.7789 274.925 5.53483 210.267 3.44545C145.609 1.35608 19.4891 -13.1975 13.0151 38.8207Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  height: 710px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-image {
    border-radius: 12px;
    mask: none;
    max-width: initial !important;
  }
  .about-wrapper-4 .about-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-image {
    height: 520px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-4 .about-image {
    height: 470px;
  }
}
.about-wrapper-4 .border-shape {
  position: absolute;
  top: 5px;
  left: 12px;
  height: 700px;
  width: 530px;
  z-index: -1;
}
@media (max-width: 1399px) {
  .about-wrapper-4 .border-shape {
    display: none;
  }
}
.about-wrapper-4 .border-shape img {
  width: 100%;
  height: 100%;
}
.about-wrapper-4 .counter-img-box {
  position: absolute;
  bottom: 10%;
  right: -50px;
  padding: 25px 25px 25px 50px;
  background-color: var(--white);
  border-radius: 12px;
  z-index: 22;
  width: 100%;
  justify-content: space-between;
  box-shadow: var(---box-shadow);
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .counter-img-box {
    position: static;
    animation: none;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .counter-img-box {
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-4 .counter-img-box .count {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .about-wrapper-4 .counter-img-box .count {
    justify-content: center;
    text-align: center;
  }
}
.about-wrapper-4 .counter-img-box .count h3 {
  font-size: 90px;
  color: var(--theme-color-2);
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .counter-img-box .count h3 {
    font-size: 70px;
  }
}
.about-wrapper-4 .counter-img-box .count span {
  font-size: 90px;
  color: var(--theme-color-2);
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.about-wrapper-4 .counter-img-box p {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.about-wrapper-4 .counter-img-box .image img {
  border-radius: 8px;
}
.about-wrapper-4 .about-content {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .about-wrapper-4 .about-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content .about-list {
    justify-content: center;
  }
}
.about-wrapper-4 .about-content .about-button-four {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .about-wrapper-4 .about-content .about-button-four {
    margin-top: 30px;
    justify-content: center;
  }
}

.company-history-wrapper {
  max-width: 1655px;
  background-color: #F1F4FC;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
  z-index: 9;
}
.company-history-wrapper::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border: 1px dashed rgba(13, 57, 4, 0.44);
  z-index: -1;
}
@media (max-width: 1399px) {
  .company-history-wrapper::before {
    display: none;
  }
}
.company-history-wrapper .container {
  max-width: 1322px;
}
.company-history-wrapper .history-box-items {
  margin-top: 30px;
  position: relative;
  z-index: 999;
}
@media (max-width: 1199px) {
  .company-history-wrapper .history-box-items {
    text-align: center;
  }
}
.company-history-wrapper .history-box-items .dot {
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-color: var(--theme-color-2);
  border-radius: 50%;
  position: absolute;
  top: 15%;
  left: 88%;
}
@media (max-width: 1399px) {
  .company-history-wrapper .history-box-items .dot {
    display: none;
  }
}
.company-history-wrapper .history-box-items h2 {
  font-size: 90px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 30px;
  line-height: 1;
}
@media (max-width: 575px) {
  .company-history-wrapper .history-box-items h2 {
    font-size: 65px;
  }
}
.company-history-wrapper .history-box-items h3 {
  margin-bottom: 10px;
}
.company-history-wrapper .history-box-items p {
  max-width: 257px;
}
@media (max-width: 1199px) {
  .company-history-wrapper .history-box-items p {
    margin: 0 auto;
  }
}

@media (max-width: 1199px) {
  .company-history-section .section-title-area {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.company-history-section .section-title-area p {
  max-width: 800px;
}
@media (max-width: 1199px) {
  .company-history-section .section-title-area p {
    margin: 20px auto 0;
    text-align: center !important;
  }
}

.event-section {
  position: relative;
}
.event-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 944"><path   d="M1835.26 14.7351C1868.35 -11.2281 1905.54 6.90141 1920 19.2116L1919.87 944L-8.25271e-05 944L0.13391 10.2586C23.5396 -5.18508 48.2231 3.82371 57.6392 10.2586C75.7987 24.3593 92.1086 20.2372 97.9937 16.4136C127.452 -6.19225 153.649 1.21248 163.065 7.74058C185.664 23.8557 201.738 20.2373 206.951 16.4137C238.427 -5.07314 264.456 1.67878 273.536 7.74059C293.309 23.8557 308.005 20.2373 312.881 16.4137C344.358 -5.96841 369.041 1.30576 377.449 7.7406C396.415 23.6319 415.617 20.144 422.847 16.4137C452.306 -5.07312 479.512 1.6788 489.432 7.74061C509.206 26.3177 527.937 21.2631 534.831 16.4137C562.676 -7.0875 592.168 2.70466 603.434 10.5384C619.172 23.52 632.186 19.8643 636.726 16.4137C667.799 -6.63985 692.718 -0.466125 701.294 5.50243C721.471 25.6463 741.648 21.1699 749.215 16.4137C779.884 -6.86366 806.047 2.61142 815.295 10.2586C837.086 25.2546 855.313 18.9317 861.703 13.8957C891.969 -7.59104 919.04 2.51819 928.792 10.2586C943.32 25.2546 959.731 18.9317 966.12 13.8958C995.983 -7.14339 1023.29 2.70471 1033.21 10.2587C1053.79 25.7023 1071.04 19.1182 1077.1 13.8958C1103.33 -7.14338 1133.76 2.70472 1145.7 10.2587C1163.05 27.269 1182.52 18.8385 1190.09 12.4969C1215.51 -6.30407 1242.38 3.17101 1252.64 10.2587C1267.97 24.5832 1284.92 18.652 1291.48 13.8958C1313.67 -5.35281 1339.74 0.653055 1349.99 6.06206C1371.38 25.0868 1392.53 19.2115 1400.44 13.8958C1424.65 -5.80044 1452.22 1.77217 1462.99 8.0205C1486.39 27.0453 1504.35 19.8644 1510.4 13.8958C1532.19 -4.4575 1558.49 1.02611 1568.92 6.06208C1585.46 26.6536 1610.78 18.3722 1621.38 11.6576C1648.41 -7.81482 1675.01 3.54409 1684.93 11.6576C1704.31 25.3107 1720.92 17.3464 1726.8 11.6576C1740.93 3.26432 1768.67 -4.56941 1792.88 11.6576C1812.25 24.6392 1829.2 19.1183 1835.26 14.7351Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .event-section::before {
    mask: none;
  }
}

.event-section-two::before {
  content: none;
}

.event-box-items {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  margin-top: 30px;
  z-index: 0;
  position: relative;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199px) {
  .event-box-items {
    display: block;
  }
}
.event-box-items .event-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 268"><path   d="M11.847 14.8628C11.847 14.8628 3.14374 21.2346 10.1063 106.487C17.0689 191.73 -52.6929 266.075 98.6994 267.252C250.092 268.429 429.162 268.052 483.056 267.252C536.95 266.452 570 276.814 570 222.64C570 168.465 570 102.497 568.259 64.2562C566.519 26.0158 580.312 7.23125 517.781 5.87045C455.227 4.50965 293.523 2.11905 223.986 1.31912C154.448 0.519186 18.8096 -5.05274 11.847 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
  height: 262px;
}
@media (max-width: 1199px) {
  .event-box-items .event-bg {
    mask: none;
    height: 100%;
    border-radius: 12px;
  }
}
.event-box-items .event-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 224 228"><path d="M4.96538 13.9425C4.96538 13.9425 1.55359 19.9229 4.28515 99.8948C7.0167 179.867 -21.0641 222.514 38.3499 223.617C97.7639 224.72 168.731 228.452 189.882 227.71C211.033 226.957 224 236.68 224 185.858C224 135.035 224 96.1623 223.32 60.2906C222.64 24.4188 228.05 6.79572 203.508 5.51269C178.967 4.22967 115.503 1.99231 88.2087 1.23946C60.9144 0.48661 7.68631 -4.74093 4.96538 13.9425Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 228px;
}
@media (max-width: 1199px) {
  .event-box-items .event-image {
    mask: none;
  }
  .event-box-items .event-image img {
    width: 100%;
    border-radius: 12px;
    height: 100%;
    object-fit: cover;
  }
}
.event-box-items .thumb-icon-box {
  position: absolute;
  bottom: 11%;
  left: 6%;
}
@media (max-width: 1199px) {
  .event-box-items .thumb-icon-box {
    bottom: initial;
    top: 30px;
    left: 30px;
  }
}
.event-box-items .thumb-icon-box .thumb-icon {
  position: relative;
  z-index: 2;
  animation: cir36 7s linear infinite;
}
.event-box-items .thumb-icon-box .date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.event-box-items .thumb-icon-box .date h3 {
  margin-bottom: -10px;
  font-size: 22px;
  line-height: 147%;
}
.event-box-items .thumb-icon-box .date h2 {
  margin-bottom: -10px;
  font-size: 22px;
  line-height: 147%;
}
.event-box-items .thumb-icon-box .date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header);
}
.event-box-items .event-content {
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .event-box-items .event-content {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .event-box-items .event-content {
    text-align: center;
  }
}
.event-box-items .event-content span {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  margin-bottom: 8px;
  display: inline-block;
}
.event-box-items .event-content h3 a {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .event-box-items .event-content h3 a {
    font-size: 18px;
  }
}
.event-box-items .event-content h3 a:hover {
  color: var(--theme-color-2);
}
.event-box-items .event-content p {
  font-size: 16px;
  line-height: 26px;
}

.event-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
.event-details-wrapper .details-list-area h2 {
  font-size: 22px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .event-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.event-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.event-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
}
.event-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
  font-size: 16px;
}
.event-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme-color-2);
  font-size: 20px;
}
.event-details-wrapper .details-list-area .event-btn .theme-btn {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-details-wrapper .details-list-area .event-icon {
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.event-details-wrapper .details-list-area .event-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.event-details-wrapper .details-list-area .event-icon li a {
  height: initial;
  width: initial;
  margin-right: 5px;
  color: #58595B;
  background-color: transparent;
}
.event-details-wrapper .details-list-area .event-icon li a:hover {
  color: var(--theme-color-2);
}
.event-details-wrapper .map-items {
  margin-top: 30px;
}
.event-details-wrapper .map-items iframe {
  width: 100%;
  height: 300px;
  border-radius: 8px;
}
.event-details-wrapper .program-details-items .details-image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.event-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.event-details-wrapper .program-details-items .details-content .post-items {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .program-details-items .details-content .post-items {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.event-details-wrapper .program-details-items .details-content .post-items .post-date {
  display: inline-block;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--theme-color);
  border-radius: 6px;
  color: var(--white);
}
.event-details-wrapper .program-details-items .details-content .post-items .post-date i {
  margin-right: 5px;
}
.event-details-wrapper .program-details-items .details-content .post-items .post-time {
  display: inline-block;
  padding: 7px 14px;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}
.event-details-wrapper .program-details-items .details-content .post-items .post-time i {
  margin-right: 5px;
}
.event-details-wrapper .program-details-items .details-content h2 {
  font-size: 44px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .event-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
.event-details-wrapper .program-details-items .details-content h3 {
  font-size: 24px;
}
.event-details-wrapper .program-details-items .details-content p {
  font-size: 16px;
}
.event-details-wrapper .program-details-items .details-content .thumb img {
  border-radius: 14px 14px 0 0;
  width: 100%;
  height: 100%;
}
.event-details-wrapper .program-details-items .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .event-details-wrapper .program-details-items .about-author {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .event-details-wrapper .program-details-items .about-author {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .event-details-wrapper .program-details-items .about-author {
    margin-top: 20px;
  }
}
.event-details-wrapper .program-details-items .about-author .tel-btn {
  font-family: "Quicksand", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #F47A66;
}
.event-details-wrapper .program-details-items .about-author .tel-btn i {
  font-size: 20px;
  color: #F47A66;
  margin-right: 2px;
}

.shop-box-items {
  padding: 50px;
  border-radius: 12px;
  background: var(--white);
  text-align: center;
  box-shadow: 0 11px 50px 11px rgba(1, 53, 102, 0.05);
  transition: all 0.4s ease-in-out;
  border: 1px solid transparent;
}
.shop-box-items .shop-image {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  transition: all 0.4s ease-in-out;
  height: 177px;
}
.shop-box-items .shop-image .sale-icon {
  border-radius: 4px;
  background: rgb(253, 249, 72);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #404A3D;
  position: absolute;
  top: -20px;
  left: -25px;
}
.shop-box-items .shop-image .discount-icon {
  border-radius: 4px;
  background: var(--theme-color-2);
  padding: 8px 14px;
  line-height: 1;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  position: absolute;
  top: -20px;
  right: -25px;
}
.shop-box-items .shop-image .shop-icon {
  gap: 10px;
  position: absolute;
  bottom: -2%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  transition: all 0.4s ease-in-out;
}
.shop-box-items .shop-image .shop-icon li {
  transform: scaleX(0);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.shop-box-items .shop-image .shop-icon li a {
  background-color: var(--white);
  width: 37px;
  height: 37px;
  line-height: 37px;
  display: inline-block;
  color: #3C3C3C;
  text-align: center;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
}
.shop-box-items .shop-image .shop-icon li a:hover {
  background-color: var(--header);
  color: var(--white);
}
.shop-box-items .shop-image img {
  height: 100%;
}
.shop-box-items .content {
  margin-top: 40px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .shop-box-items .content {
    margin-top: 20px;
  }
}
.shop-box-items .content .star {
  color: #EDDD5E;
}
.shop-box-items .content h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 6px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
  .shop-box-items .content h3 {
    font-size: 16px;
  }
}
.shop-box-items .content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-box-items .content ul {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 8px;
  justify-content: center;
}
.shop-box-items .content ul li {
  color: var(--theme-color-2);
  font-size: 18px;
  font-weight: 500;
}
.shop-box-items .content ul li del {
  color: rgba(241, 95, 37, 0.6);
  font-size: 18px;
  font-weight: 500;
}
.shop-box-items.style-inner {
  padding: 50px 0;
}
.shop-box-items.style-inner .shop-image {
  text-align: center;
}
.shop-box-items.style-inner .shop-image .sale-icon {
  top: -35px;
  left: 15px;
}
.shop-box-items.style-inner .shop-image .discount-icon {
  top: -35px;
  right: 15px;
}
.shop-box-items:hover {
  border: 1px solid var(--theme-color-2);
}
.shop-box-items:hover .shop-image .shop-icon li {
  transform: scaleX(1);
}
.shop-box-items.style-2 {
  margin-top: 30px;
}

@media (min-width: 991px) {
  .shop-main-sidebar {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .shop-main-sidebar {
    margin-top: 40px;
  }
}
.shop-main-sidebar .single-sidebar-widget {
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 40px;
  background-color: transparent;
  border: 1px solid rgba(60, 60, 60, 0.14);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget ul {
  padding-left: 0;
}
.shop-main-sidebar .single-sidebar-widget ul > li {
  margin-bottom: 10px;
}
.shop-main-sidebar .single-sidebar-widget ul > li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget ul > li a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget ul ul {
  padding-left: 20px;
}
.shop-main-sidebar .single-sidebar-widget ul ul li {
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget:last-child {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}
.shop-main-sidebar .single-sidebar-widget .wid-title::before {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 18px;
  border-radius: 5px;
  position: absolute;
  background-color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .wid-title::after {
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 50%;
  position: absolute;
  background-color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .wid-title h2 {
  font-size: 22px;
}
.shop-main-sidebar .single-sidebar-widget .social-link a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.shop-main-sidebar .single-sidebar-widget .social-link a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item:not(:last-child), .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item:not(:last-child) {
  margin-bottom: 35px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .thumb {
  height: 95px;
  width: 95px;
  background-color: #f2f2f2;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 8px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h3, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content h3 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date {
  margin-top: 10px;
  color: var(--theme-color-2);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item .post-content .post-date i, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item .post-content .post-date i {
  margin-right: 7px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .thumb, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .thumb {
  border-radius: 8px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  background: var(--white);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content {
  overflow: hidden;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content .star, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content .star {
  color: rgb(251, 188, 5);
  font-size: 14px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h3, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content h3 a:hover, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content h3 a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .popular-posts .single-post-item.style-2 .post-content p, .shop-main-sidebar .single-sidebar-widget .popular_posts .single-post-item.style-2 .post-content p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color-2);
  margin-top: 5px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li {
  display: block;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li:last-child a {
  margin-bottom: 0;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a {
  position: relative;
  background: var(--white);
  padding: 17px 20px;
  line-height: 1;
  font-size: 16px;
  font-family: "Quicksand", sans-serif;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a:hover {
  color: var(--theme-color-2);
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a i {
  margin-right: 10px;
}
.shop-main-sidebar .single-sidebar-widget .widget_categories ul li a span {
  position: absolute;
  width: 60px;
  line-height: 55px;
  height: 100%;
  content: "";
  background-color: var(--theme-color-2);
  right: 0;
  top: 0;
  text-align: center;
  color: var(--white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .tagcloud a {
  display: inline-block;
  padding: 12px 22px;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 8px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
}
.shop-main-sidebar .tagcloud a:last-child {
  margin-right: 0;
}
.shop-main-sidebar .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-main-sidebar .search_widget form {
  width: 100%;
  position: relative;
}
.shop-main-sidebar .search_widget form input {
  background-color: var(--white);
  font-size: 15px;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: capitalize;
  color: var(--header);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.shop-main-sidebar .search_widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: var(--theme-color-2);
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.shop-main-sidebar .search_widget form button:hover {
  background-color: var(--header);
}

.price-range-wrapper .slider-container {
  position: relative;
  width: 100%;
}
.price-range-wrapper .price-text label {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
}
.price-range-wrapper .price-text input {
  color: #1b1f2a;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}
.price-range-wrapper .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #ddd;
  outline: none;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.price-range-wrapper .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: var(--theme-color-2);
  cursor: pointer;
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
  pointer-events: all;
}
.price-range-wrapper .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color-2);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper .slider::-ms-thumb {
  width: 20px;
  height: 20px;
  background: var(--theme-color-2);
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #000;
  z-index: 2;
  position: relative;
}
.price-range-wrapper input[type=range]::-moz-range-track {
  background: transparent;
}

.shop-notices-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .shop-notices-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-notices-wrapper .form .single-select {
  padding: 16px 20px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  line-height: 1;
  height: initial;
  border: 1px solid #BFBFBF;
  background: #F2F2F2;
  color: var(--header);
  border-radius: 5px;
}
.shop-notices-wrapper .form .single-select::after {
  right: 20px;
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
  margin-top: -5px;
  width: 8px;
  height: 8px;
}
.shop-notices-wrapper .form .single-select .option {
  color: var(--text);
}
.shop-notices-wrapper .form .list {
  width: 100%;
}
.shop-notices-wrapper .form-clt {
  max-width: 300px;
  width: 100%;
  position: relative;
  z-index: 99;
}

.common-table {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.common-table .cart-item-thumb {
  width: 86px;
}
@media (max-width: 1399px) {
  .common-table .cart-item-thumb {
    flex-wrap: wrap;
  }
}
.common-table .cart-item-thumb .head {
  color: var(--header);
  font-size: 16px;
  text-transform: capitalize;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}
.common-table .price-usd {
  font-size: 16px;
  font-weight: 600;
  color: #0A2803;
}
.common-table tr {
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead,
.common-table tbody {
  width: 100%;
}

.common-table thead tr,
.common-table tbody tr {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}

.common-table thead tr th,
.common-table thead tr td,
.common-table tbody tr th,
.common-table tbody tr td {
  width: 100%;
  box-sizing: border-box;
}

.common-table thead tr {
  color: #1B1F2A;
  border-bottom: unset;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #E4E4E5;
}

.common-table thead tr th {
  background: unset;
  color: unset;
  border: unset;
  font-size: 16px;
  padding-bottom: 16px;
}

.common-table tbody tr td {
  background: transparent;
  color: unset;
  box-sizing: border-box;
  border-bottom: unset;
}

.quantity button i {
  font-size: 16px;
}

.quantity .quantityValue {
  width: 40px;
  text-align: center;
  padding: 0;
  color: #000;
  border: unset;
}

@media (max-width: 767px) {
  .cart-list-area .table-responsive {
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .cart-list-area .table-responsive .table {
    width: 900px;
  }
}
.cart-list-area .coupon-items input {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(60, 60, 60, 0.3);
  padding: 18px 30px;
  color: var(--text);
  line-height: 1;
  border-radius: 16px;
}
.cart-list-area .theme-btn {
  transition: all 0.4s ease-in-out;
}
.cart-list-area .theme-btn::before {
  background-color: var(--header);
}
.cart-list-area .theme-btn:hover {
  color: var(--white);
}

.cart-total-area {
  margin-top: -10px;
}
.cart-total-area .theme-btn::before {
  background-color: var(--header);
}
.cart-total-area .theme-btn:hover {
  color: var(--white);
}
.cart-total-area h3 {
  font-size: 40px;
  margin-bottom: 5px;
}
.cart-total-area ul {
  margin-bottom: 50px;
}
.cart-total-area ul li {
  font-size: 20px;
  font-weight: 600;
  color: var(--header);
  display: flex;
  align-items: center;
  gap: 220px;
  border-bottom: 1px solid #E4E4E5;
  padding-bottom: 25px;
  padding-top: 25px;
}
.cart-total-area ul li .subtotal {
  color: #666C78;
  font-weight: 400;
  margin-left: -30px;
}
.cart-total-area ul li .price {
  font-weight: 700;
  font-size: 22px;
  flex-basis: 30%;
}

.checkout-radio {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 24px;
}
.checkout-radio .primary-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 16px;
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio h2 {
  color: var(--header);
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 18px;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single .form-check-input {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  box-shadow: none;
  outline: none;
  border: 1px solid var(--border);
  font-weight: 500;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single label {
  color: var(--header);
  text-transform: capitalize;
}
.checkout-radio .checkout-radio-wrapper .checkout-radio-single:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 500px) {
  .checkout-radio {
    padding: 10px;
  }
}

.checkout-single-wrapper .checkout-single h2 {
  color: var(--header);
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 22px;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single input {
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 12px 24px;
  color: var(--header);
  text-transform: capitalize;
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single label {
  color: var(--header);
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: 400;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single ::placeholder {
  color: var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select {
  background-color: var(--white);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select span {
  font-size: 18px;
  color: var(--header);
  font-weight: 500;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select::after {
  border-right: 1px solid var(--header);
  border-bottom: 1px solid var(--header);
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .list {
  width: 100%;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .input-single .nice-select .option {
  background-color: rgba(103, 84, 233, 0.5);
  border: none;
}
.checkout-single-wrapper .checkout-single .checkout-single-form .payment {
  color: var(--header);
  margin-bottom: 12px;
  text-transform: capitalize;
}
.checkout-single-wrapper .boxshado-single {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .boxshado-single {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 32px;
}
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single textarea,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single .country-select,
.checkout-single-wrapper .checkout-single-bg .checkout-single-form .input-single input {
  border: 1px solid var(--border);
  background: transparent;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .checkout-single-wrapper .checkout-single-bg {
    padding: 14px;
  }
}
.checkout-single-wrapper .checkout-single-bg .payment-save {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.checkout-single-wrapper .checkout-single-bg .payment-save input {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--border);
  background-color: var(--theme-color);
  outline: none;
  color: var(--header);
}
.checkout-single-wrapper .checkout-single-bg .payment-save label {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}
.checkout-single-wrapper .theme-btn::before {
  background-color: var(--header);
}
.checkout-single-wrapper .theme-btn:hover {
  color: var(--white);
}

.shop-details-wrapper .shop-details-image {
  position: relative;
}
.shop-details-wrapper .shop-details-image img {
  width: 100%;
  height: 100%;
}
.shop-details-wrapper .shop-details-image .nav {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
  justify-content: center;
  position: relative;
  z-index: 9;
}
.shop-details-wrapper .shop-details-image .nav .nav-link {
  padding: 0;
  max-width: 115px;
  border: 1px solid rgba(60, 60, 60, 0.17);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .nav .nav-link img {
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb {
  box-shadow: 0px 11px 50px 11px rgba(1, 53, 102, 0.05);
  border-radius: 12px;
}
.shop-details-wrapper .shop-details-image .shop-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.shop-details-wrapper .product-details-content {
  margin-left: 60px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content {
    margin-left: 0;
  }
}
.shop-details-wrapper .product-details-content h2 {
  font-size: 49px;
}
@media (max-width: 767px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .product-details-content h2 {
    font-size: 32px;
  }
}
.shop-details-wrapper .product-details-content .star a {
  color: rgb(237, 221, 94);
  font-size: 16px;
  font-weight: 600;
}
.shop-details-wrapper .product-details-content .star span {
  margin-left: 10px;
}
.shop-details-wrapper .product-details-content .price-list {
  gap: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
  margin-top: 30px;
}
.shop-details-wrapper .product-details-content .price-list ul {
  display: flex;
  gap: 25px;
  margin-top: 10px;
}
.shop-details-wrapper .product-details-content .price-list ul li {
  font-size: 40px;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
}
.shop-details-wrapper .product-details-content .price-list ul li del {
  color: var(--theme-color-2);
}
.shop-details-wrapper .product-details-content .cart-quantity {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 30px 0;
}
@media (max-width: 1199px) {
  .shop-details-wrapper .product-details-content .cart-quantity {
    flex-wrap: wrap;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty {
  display: flex;
  align-items: center;
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  line-height: 1;
  justify-content: space-between;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .qty {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .qty button,
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header);
  font-weight: 400;
  font-size: 24px;
}
.shop-details-wrapper .product-details-content .cart-quantity .qty input {
  background-color: transparent;
  text-align: center;
  border-radius: 0;
  border: unset;
  outline: none;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn {
  width: 100%;
  background-color: var(--theme-color-2);
  color: var(--white);
  padding: 0 20px;
  height: 65px;
  line-height: 65px !important;
  text-align: center;
  line-height: 1;
  display: inline-block;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-transform: capitalize;
  border-radius: 8px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn i {
  margin-right: 10px;
}
.shop-details-wrapper .product-details-content .cart-quantity .shop-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .icon-item {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon {
  border: 1px solid #E4E4E5;
  padding: 16px 24px;
  transition: all 0.4s ease-in-out;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon {
    text-align: center;
    width: 100%;
  }
}
.shop-details-wrapper .product-details-content .cart-quantity .icon-item .icon:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.shop-details-wrapper .product-details-content .details-info {
  position: relative;
}
.shop-details-wrapper .product-details-content .details-info:not(:last-child) {
  margin-bottom: 10px;
}
.shop-details-wrapper .product-details-content .details-info span {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  position: absolute;
  left: 0;
  top: 2px;
}
.shop-details-wrapper .product-details-content .details-info a {
  font-size: 16px;
  font-weight: 500;
  color: var(--text);
  margin-left: 150px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab {
  padding-top: 60px;
}
.shop-details-wrapper .single-tab p {
  font-size: 16px;
  font-weight: 400;
}
.shop-details-wrapper .single-tab .nav {
  justify-content: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.shop-details-wrapper .single-tab .nav .nav-link {
  font-size: 18px;
  text-transform: capitalize;
  color: var(--header);
}
.shop-details-wrapper .single-tab .nav .nav-link.active {
  position: relative;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .nav .nav-link.active::before {
  position: absolute;
  bottom: -21px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: var(--theme-color-2);
  transition: 0.3s;
}
@media (max-width: 470px) {
  .shop-details-wrapper .single-tab .nav .nav-link.active::before {
    display: none;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content {
  margin-right: 50px;
}
@media (max-width: 1399px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .shop-details-wrapper .single-tab .description-items .description-content {
    margin-right: 0;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content h3 {
  margin-bottom: 15px;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .description-items .description-content .description-list-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--header);
  font-weight: 600;
}
.shop-details-wrapper .single-tab .description-items .description-content .description-list-items .description-list li span {
  color: var(--text);
  font-weight: 400;
}
@media (max-width: 767px) {
  .shop-details-wrapper .single-tab .review-items .admin-items {
    justify-content: center;
    gap: 30px;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
  width: 100px;
  height: 100px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .admin-img {
    margin-right: 0 !important;
    text-align: center;
    margin: 0 auto;
    margin-left: 0 !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .admin-img img {
  border-radius: 50%;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content {
  position: relative;
  border: 1px solid var(--border);
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content {
    text-align: center !important;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content h5 {
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-left: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  transform: rotate(45deg);
  top: 40%;
  left: -16px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-items .admin-items .content .head-content {
    display: block !important;
    text-align: center;
  }
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h4 {
  text-transform: capitalize;
  font-weight: 500;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .head-content h4 span {
  font-size: 14px;
  margin-left: 30px;
}
.shop-details-wrapper .single-tab .review-items .admin-items .content .star i {
  font-size: 16px;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .review-title h4 {
  font-weight: 500;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now {
  margin-top: 15px;
  gap: 15px;
}
.shop-details-wrapper .single-tab .review-title .rate-now p {
  font-size: 16px;
  text-transform: capitalize;
}
.shop-details-wrapper .single-tab .review-title .rate-now i {
  font-size: 16px;
  color: var(--theme-color-2);
}
.shop-details-wrapper .single-tab .review-form {
  margin-top: 40px;
}
.shop-details-wrapper .single-tab .review-form .form-clt input {
  width: 100%;
  outline: none;
  border: none;
  padding: 18px 35px;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 8px;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt input {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
  padding: 18px 35px 170px;
  width: 100%;
  outline: none;
  color: var(--text);
  background-color: rgb(245, 245, 245);
  font-size: 16px;
  border: none;
  border-radius: 8px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .shop-details-wrapper .single-tab .review-form .form-clt-big textarea {
    padding: 15px 20px;
  }
}
.shop-details-wrapper .single-tab .review-form .theme-btn::before {
  background-color: var(--header);
}
.shop-details-wrapper .single-tab .review-form .theme-btn:hover {
  color: var(--white);
}

.counter-section {
  position: relative;
  padding-bottom: 100px !important;
}
@media (max-width: 1199px) {
  .counter-section {
    background-color: var(--theme-color);
  }
}
.counter-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 557"><path   d="M0 557V50.4519V9.38052C38.0396 29.9163 143.614 9.3805 277.289 9.38052C423 9.38054 552.217 -11.155 664 9.38069C806.815 39.6138 1257.86 9.38052 1341 9.38052C1472 9.38052 1746.15 -11.7257 1920 9.38052V551.866C1750 510.963 1254 529.787 1138 529.787C885.21 529.787 608 538.344 396 529.787C69.2597 502.406 130 551.866 0 557Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 700px;
}
@media (max-width: 1199px) {
  .counter-section::before {
    display: none;
  }
}
.counter-section .snake-shape {
  position: absolute;
  left: 0;
  bottom: 23%;
}
@media (max-width: 1199px) {
  .counter-section .snake-shape {
    display: none;
  }
}
.counter-section .sun-shape {
  position: absolute;
  right: 10%;
  top: -10%;
  z-index: 2 !important;
}
@media (max-width: 1199px) {
  .counter-section .sun-shape {
    display: none;
  }
}

.counter-section-two {
  position: relative;
}
.counter-section-two::before {
  display: none;
}
.counter-section-two .perashute-shape {
  position: absolute;
  top: 10%;
  left: 10%;
}
@media (max-width: 1199px) {
  .counter-section-two .perashute-shape {
    opacity: 0.2;
  }
}

.counter-section-three {
  position: relative;
  margin-top: -180px;
}

.counter-items {
  text-align: center;
  border-right: 1px dashed var(--white);
}
@media (max-width: 767px) {
  .counter-items {
    border-right: none;
  }
}
.counter-items .counter-box {
  margin-top: 10px;
}
.counter-items .counter-box .count {
  justify-content: center;
  display: flex;
  align-items: center;
}
.counter-items .counter-box .count .odometer {
  font-size: 50px;
  color: var(--white);
}
.counter-items .counter-box .count .plus {
  font-size: 50px;
  color: var(--white);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.counter-items .counter-box p {
  color: var(--white);
  margin-top: -10px;
  font-weight: 600;
  line-height: 1.44;
}

.counter-items-two {
  border-right: 1px dashed #C2C2C2;
}
@media (max-width: 575px) {
  .counter-items-two {
    border-right: none;
  }
}
.counter-items-two .counter-box .count .odometer {
  color: var(--theme-color-2) !important;
}
.counter-items-two .counter-box .count .plus {
  color: var(--theme-color-2);
}
.counter-items-two .counter-box p {
  color: var(--text);
}

.counter-wrapper {
  position: relative;
  padding: 70px 46px;
  margin-bottom: 15px;
  z-index: 999;
}
@media (max-width: 1199px) {
  .counter-wrapper {
    margin-bottom: 0;
  }
}
.counter-wrapper .shape {
  position: absolute;
  top: 30px;
  left: 15px;
  width: 1150px;
}
@media (max-width: 1399px) {
  .counter-wrapper .shape {
    display: none;
  }
}
.counter-wrapper .shape img {
  width: 100%;
  height: 100%;
}
.counter-wrapper .counter-bg-two {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #EEEEEE;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1172 336"><path   d="M64.9969 329.017C64.9969 329.017 92.8619 334.147 465.682 330.043C838.462 325.938 1163.58 367.061 1168.73 277.819C1173.88 188.578 1172.23 83.0205 1168.73 51.2514C1165.23 19.4823 1210.55 8.12048e-06 973.634 1.84763e-05C736.721 2.88321e-05 448.231 7.11007e-06 281.001 1.02608C113.771 2.05215 31.6232 -6.07843 25.6722 30.782C19.7213 67.6554 9.26687 162.976 5.76867 203.966C2.27047 244.957 -22.0963 324.912 64.9969 329.017Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 329px;
}
@media (max-width: 1199px) {
  .counter-wrapper .counter-bg-two {
    height: 100%;
  }
}
.counter-wrapper .counter-items-3 {
  border-right: 1px dashed #C2C2C2;
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .counter-wrapper .counter-items-3 {
    padding-right: 0;
    border-right: none;
  }
}
.counter-wrapper .counter-items-3 h6 {
  font-size: 18px;
  color: var(--text);
}
.counter-wrapper .counter-items-3 .tops {
  font-size: 18px;
  color: var(--text);
  font-weight: 600;
  color: "Quicksand", sans-serif;
}
.counter-wrapper .counter-items-3 .counter-box .count .odometer {
  color: var(--theme-color-2);
  font-size: 120px;
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
  letter-spacing: 4px;
}
@media (max-width: 575px) {
  .counter-wrapper .counter-items-3 .counter-box .count .odometer {
    font-size: 90px;
  }
}
.counter-wrapper .counter-items-3 .counter-box .count .plus {
  color: var(--theme-color-2);
  font-size: 120px;
  font-weight: 400;
  line-height: 1;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.counter-wrapper .counter-items-3 p {
  font-size: 16px;
}

.counter-items-four .counter-box {
  text-align: center;
}
.counter-items-four .counter-box p {
  font-weight: 600;
}
.counter-items-four .counter-box .count {
  justify-content: center;
  display: flex;
  align-items: center;
}
.counter-items-four .counter-box .count .odometer {
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2) !important;
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.counter-items-four .counter-box .count .plus {
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2) !important;
  font-family: "Love Ya Like A Sister", Sans-serif;
}

.program-section {
  position: relative;
}

.program-section-two {
  position: relative;
}

.program-section .program-box-item {
    position: relative;
    border-radius: 30px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.program-section .program-box-item.color-green {
    background-color: #dcfce7 !important; 
}
.program-section .program-box-item.color-green .program-content h3 {
    color: #14532d; 
}
.program-section .program-box-item.color-green .program-content p {
    color: #166534; 
}
.program-section .program-box-item.color-green .program-content span {
    color: #15803d;
    background: rgba(22, 163, 74, 0.15);
}

.program-section .program-box-item.color-blue {
    background-color: #bae6fd !important;
}
.program-section .program-box-item.color-blue .program-content h3 {
    color: #034168 !important; 
}
.program-section .program-box-item.color-blue .program-content p {
    color: #0c4a6e !important; 
}
.program-section .program-box-item.color-blue .program-content span {
    color: #0284c7; 
    background: rgba(255, 255, 255, 0.4); 
}

.program-section .program-box-item:hover {
    background-color: inherit; 
}

.program-section .program-content h3 {
    font-size: 28px !important;
    font-weight: 800; 
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.program-section .program-content span {
    display: inline-block;
    font-size: 15px !important;
    font-weight: 700;
    padding: 8px 20px; 
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.program-section .program-box-item .program-content span {
    display: inline-block !important;
    font-size: 18px !important; 
    font-weight: 800 !important; 
    padding: 8px 22px !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 5px !important;
}

.program-section .program-content p {
    font-size: 19px !important; 
    line-height: 1.7; 
    margin: 10px 0 15px 0;
    flex-grow: 1;
    font-weight: 600; 
}

.grade-split h3 {
    font-size: 23px !important;
}
.program-section .program-icon-wrapper {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.program-section .card-top-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.program-section .program-content {
    padding: 30px 24px 35px 24px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 5;
    background: transparent !important;
}

.program-section .meta-info {
    width: 100%;
}

.program-section .program-content h3 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
}

.program-section .program-content span {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.program-section .program-content p {
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
}

.program-section .program-content .link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    background: #0f172a;
    padding: 11px 26px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease;
}

.program-section .program-content .link-btn:hover {
    background: #ff6b35; 
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

.program-section .program-content .link-btn i {
    font-size: 11px;
}

.grade-split {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.grade-split h3 {
    font-size: 18px !important;
}
.program-box-item.color-green .grade-split .separator {
    width: 1px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.15);
}
.program-box-item.color-blue .grade-split .separator {
    width: 1px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1199px) {
    .program-section .program-box-item {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .program-section .program-content {
        padding: 24px 20px;
    }
    .program-section .program-content h3 {
        font-size: 19px;
    }
    .grade-split h3 {
        font-size: 16px !important;
    }
}
@media (max-width: 480px) {
    .grade-split {
        flex-direction: column;
        gap: 10px;
    }
    .grade-split .separator {
        display: none;
    }
}
.program-box-item .top-bar {
  position: absolute;
  top: 6%;
  left: 5%;
}
.program-box-item .bottom-bar {
  position: absolute;
  bottom: 4%;
  right: 6%;
}
.program-box-item .program-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bg-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 415"><path  d="M266.635 105.431C274.311 176.95 266.908 248.735 263.609 320.284C259.954 420.782 249.844 414.018 168.521 415C144.157 414.919 119.893 411.303 95.5383 411.314C65.7162 410.995 22.2524 417.891 7.99049 379.399C1.20104 356.882 4.79076 332.188 3.23826 308.761C2.3856 284.736 2.39289 260.691 3.18731 236.663C4.35965 195.011 4.29918 153.364 1.35373 111.812C-4.38196 54.2207 6.90291 24.3347 58.5684 11.3871C72.3773 8.40348 86.4768 7.84665 100.497 7.66471C114.475 4.89105 128.485 2.20982 142.614 0.72643C157.825 -0.796209 173.111 0.421422 188.327 1.23868C210.539 2.2322 236.367 6.46137 248.737 30.5761C262.577 52.1915 264.75 79.483 266.635 105.431Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.program-box-item .program-bg.bg-2 {
  background-color: #FFDEE4;
}
.program-box-item .program-bg.bg-3 {
  background-color: #E3E8FF;
}
.program-box-item .program-bg.bg-4 {
  background-color: #DBFFF9;
}
.program-box-item .program-icon {
  margin-bottom: 20px;
}
.program-box-item .program-content h3 {
  margin-bottom: 5px;
}
.program-box-item .program-content h3 a:hover {
  color: var(--theme-color);
}
.program-box-item .program-content p {
  margin-top: 30px;
}

.program-wrapper .program-items {
  margin-top: 30px;
  padding: 0 18px 0 18px;
  text-align: center;
}
.program-wrapper .program-items .icon-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.program-wrapper .program-items .icon-box .icon {
  width: 121px;
  height: 121px;
  line-height: 121px;
  background: rgba(103, 84, 233, 0.12);
  text-align: center;
  border-radius: 50%;
  z-index: 2;
  position: relative;
}
.program-wrapper .program-items .icon-box .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 104px;
  height: 104px;
  content: "";
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: rgba(103, 84, 233, 0.12);
}
.program-wrapper .program-items .icon-box .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  content: "";
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: var(--theme-color);
  z-index: -1;
}
.program-wrapper .program-items .icon-box .arrow-shape {
  position: absolute;
  top: 35%;
  right: -80px;
}
@media (max-width: 1199px) {
  .program-wrapper .program-items .icon-box .arrow-shape {
    display: none;
  }
}
.program-wrapper .program-items .program-content {
  margin-top: 28px;
}
@media (max-width: 1199px) {
  .program-wrapper .program-items .program-content {
    margin-top: 18px;
  }
}
.program-wrapper .program-items .program-content h3 {
  margin-bottom: 10px;
}
.program-wrapper .program-items .program-content p {
  font-size: 16px;
}
@media (max-width: 1600px) {
  .program-wrapper .program-items .program-content p {
    font-size: 15px;
  }
}

.program-details-wrapper .details-list-area {
  padding: 30px 40px;
  border-radius: 10px;
  position: relative;
  z-index: 9;
  border: 1px solid #e5e5e5;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    padding: 30px 40px;
  }
}
.program-details-wrapper .details-list-area h2 {
  font-size: 22px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .details-list-area {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .program-details-wrapper .details-list-area {
    margin-top: 0;
  }
}
.program-details-wrapper .details-list-area .details-list {
  margin-bottom: 30px;
}
.program-details-wrapper .details-list-area .details-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
}
.program-details-wrapper .details-list-area .details-list li span {
  font-weight: 600 !important;
  color: var(--header);
  font-size: 16px;
}
.program-details-wrapper .details-list-area .details-list li span i {
  color: var(--theme-color-2);
  font-size: 20px;
}
.program-details-wrapper .details-list-area .program-btn .theme-two {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-details-wrapper .details-list-area .program-btn .theme-btn {
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.program-details-wrapper .details-list-area .program-icon {
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}
.program-details-wrapper .details-list-area .program-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.program-details-wrapper .details-list-area .program-icon li a {
  height: 36px;
  width: 36px;
  line-height: 36px;
  border: 1px solid var(--theme-color-2);
  color: var(--theme-color-2);
  background-color: transparent;
  border-radius: 6px;
}
.program-details-wrapper .details-list-area .program-icon li a:hover {
  background-color: var(--theme-color-2);
  border: 1px solid transparent;
  color: var(--white);
}
.program-details-wrapper .discount-img {
  max-width: 474px;
  margin-top: 20px;
}
.program-details-wrapper .discount-img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-image img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content {
  margin-top: 40px;
}
.program-details-wrapper .program-details-items .details-content h2 {
  font-size: 44px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .program-details-wrapper .program-details-items .details-content h2 {
    font-size: 24px;
  }
}
.program-details-wrapper .program-details-items .details-content h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 20px 0;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-details-items .details-content .details-author-area {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    margin-top: 20px;
  }
}
.program-details-wrapper .program-details-items .details-content .details-author-area .post {
  background-color: var(--theme-color);
  color: var(--white);
  padding: 4px 15px;
  border-radius: 8px;
  display: inline-block;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .author-items {
  display: flex;
  align-items: center;
  gap: 10px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.program-details-wrapper .program-details-items .details-content .details-author-area .class-list li i {
  color: var(--theme-color-2);
}
.program-details-wrapper .program-details-items .details-content .discount-img {
  margin-top: 20px;
  max-width: 374px !important;
}
.program-details-wrapper .program-details-items .details-content .discount-img img {
  width: 100%;
  height: 100%;
}
.program-details-wrapper .program-details-items .details-content .list-items {
  margin-top: 20px;
  gap: 80px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .program-details-wrapper .program-details-items .details-content .list-items {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-details-items .details-content .list-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .program-details-items .details-content .list-items .list li {
  font-size: 16px;
}
.program-details-wrapper .program-details-items .details-content .list-items .list li:not(:last-child) {
  margin-bottom: 10px;
}
.program-details-wrapper .program-details-items .details-content .list-items .list li svg {
  margin-right: 5px;
  color: var(--theme-color);
}
.program-details-wrapper .program-author-items {
  background-color: #FFEFF2;
  margin-top: 50px;
  border-radius: 16px;
  gap: 30px;
  padding: 22px 28px 22px 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .program-author-items .thumb {
  margin-bottom: -39px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .program-author-items .thumb {
    margin-bottom: 0;
  }
}
.program-details-wrapper .program-author-items .content span {
  font-size: 14px;
  font-weight: 600;
  color: #F47A66;
  margin-bottom: 5px;
}
.program-details-wrapper .program-author-items .content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.program-details-wrapper .program-author-items .content .program-progress .title {
  font-size: 16px;
  font-family: "Source Sans Pro", Sans-serif;
}
.program-details-wrapper .programs-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .program-details-wrapper .programs-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.program-details-wrapper .programs-box .program {
  background-image: url(../img/program/image1.jpg);
  border-radius: 11px;
  position: relative;
  padding: 15px 30px 20px;
  min-width: 270px;
}
.program-details-wrapper .programs-box .program::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  content: "";
  border-radius: 11px;
  background: rgba(7, 7, 19, 0.77);
}
.program-details-wrapper .programs-box .program a {
  position: relative;
}
.program-details-wrapper .programs-box .program a h4 {
  color: var(--white);
  margin-bottom: 12px;
}
.program-details-wrapper .programs-box .program a h5 {
  color: var(--white);
}
.program-details-wrapper .programs-box .program a h5 i {
  font-size: 10px;
}
.program-details-wrapper .programs-box .next-prog {
  background-image: url(../img/program/image2.jpg);
  text-align: end;
}
.program-details-wrapper .programs-box .next-prog::before {
  background: rgba(241, 95, 37, 0.85);
}

.pricing-section {
  position: relative;
}
.pricing-section::before {
  background-color: #FAF5F2;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: -45% !important;
}
.pricing-section::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--theme-color);
  content: "";
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 685"><path   d="M0 684.634V50.4519V9.38052C38.0396 29.9163 143.614 9.3805 277.289 9.38052C423 9.38054 552.217 -11.155 664 9.38069C806.815 39.6138 1257.86 9.38052 1341 9.38052C1472 9.38052 1746.15 -11.7257 1920 9.38052V679.5C1750 638.596 1254 657.421 1138 657.421C885.21 657.421 608 665.978 396 657.421C69.2597 630.04 130 679.5 0 684.634Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  top: 53%;
  z-index: -1;
}
.pricing-section .snake-shape {
  position: absolute;
  left: 0;
  top: 14%;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .snake-shape {
    opacity: 0.2;
  }
}
.pricing-section .crown-shape {
  position: absolute;
  left: 22%;
  top: 9%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .crown-shape {
    opacity: 0.2;
  }
}
.pricing-section .tubelight-shape {
  position: absolute;
  right: 12%;
  top: 26%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .tubelight-shape {
    opacity: 0.2;
  }
}
.pricing-section .busket-shape {
  position: absolute;
  left: 2%;
  bottom: 15%;
}
@media (max-width: 1399px) {
  .pricing-section .busket-shape {
    opacity: 0.2;
  }
}
.pricing-section .sky-shape {
  position: absolute;
  left: 24%;
  bottom: 20%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .sky-shape {
    opacity: 0.2;
  }
}
.pricing-section .star-shape {
  position: absolute;
  right: 24%;
  bottom: 23%;
  animation: zoom 1s linear infinite;
}
@media (max-width: 1399px) {
  .pricing-section .star-shape {
    opacity: 0.2;
  }
}
.pricing-section .flower-shape {
  position: absolute;
  right: 8%;
  bottom: -28px;
  animation: wind-blow 5s linear infinite;
}
@media (max-width: 1199px) {
  .pricing-section .flower-shape {
    opacity: 0.2;
  }
}

.pricing-section-two {
  position: relative;
}
.pricing-section-two::before {
  content: none;
}
.pricing-section-two::after {
  content: none;
}
.pricing-section-two .butterfly-shape {
  position: absolute;
  right: 5%;
  top: 21%;
}
@media (max-width: 1399px) {
  .pricing-section-two .butterfly-shape {
    opacity: 0.3;
  }
}
@media (max-width: 1199px) {
  .pricing-section-two .pricing-title br {
    display: none;
  }
  .pricing-section-two .pricing-title p {
    max-width: 700px;
  }
}
@media (max-width: 991px) {
  .pricing-section-two .pricing-title {
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .pricing-section-two .pricing-title .pricing-button {
    margin-top: 20px;
  }
}
.pricing-section-two .pricing-title p {
  font-size: 16px;
}

.pricing-style {
  margin-top: -65px;
  padding: 185px 0 120px;
}

.pricing-style2::before {
  display: none;
}

.pricing-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
}
.pricing-wrapper .pricing-header span {
  color: var(--header);
  font-size: 22px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper.pricing-wrapper-3 {
  display: initial;
  grid-template-columns: initial;
  margin-top: initial;
}
@media (max-width: 1199px) {
  .pricing-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .pricing-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .pricing-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.pricing-wrapper .pricing-items {
  position: relative;
  background-color: var(--white);
  border-radius: 32px;
  margin-top: 30px;
  outline: 2px dashed rgba(241, 95, 37, 0.37);
  outline-offset: -15px;
  border-radius: 32px 0 0 32px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.new-border {
    border: 2px dashed rgba(241, 95, 37, 0.37) !important;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items {
    border-radius: 30px;
    outline: none;
    outline-offset: initial;
  }
}
.pricing-wrapper .pricing-items .top-text {
  background-color: #FFE800;
  border-radius: 23px 23px 0 0;
  text-align: center;
  padding: 10px 0;
  top: -45px;
  left: 0;
  width: 100%;
  position: absolute;
  font-size: 22px;
  font-weight: 600;
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper .pricing-items .pricing-content {
  padding: 40px 10px 40px 40px;
  border-radius: 32px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items .pricing-content {
    padding: 25px;
  }
}
.pricing-wrapper .pricing-items .pricing-content .pricing-header {
  margin-bottom: 15px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-header h3 {
  font-weight: 600;
  margin-bottom: 20px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate {
  margin-bottom: 5px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate h2 {
  color: var(--theme-color);
  font-weight: bold;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-rate h2 span {
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list {
  margin-bottom: 35px;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li i {
  margin-right: 10px;
  color: var(--white);
  height: 17px;
  width: 17px;
  font-size: 10px;
  line-height: 17px;
  margin-bottom: 2px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
}
.pricing-wrapper .pricing-items .pricing-content .pricing-list li:not(:last-child) {
  margin-bottom: 15px;
}
.pricing-wrapper .pricing-items.items-two {
  border-radius: 0 0 32px 32px;
  margin-bottom: -45px;
  margin-left: -15px;
  margin-right: -15px;
  z-index: 999;
  outline-offset: -2px;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.items-two {
    margin-top: 60px;
    outline-offset: initial;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .pricing-wrapper .pricing-items.items-two {
    margin-top: 30px;
  }
}
.pricing-wrapper .pricing-items.items-two .top-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--header);
  font-family: "Quicksand", sans-serif;
}
.pricing-wrapper .pricing-items.items-three {
  border-radius: 0 32px 32px 0;
  z-index: 0;
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.items-three {
    border-radius: 30px;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper .pricing-items.style-margin {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
  }
}

.pricing-title p {
  margin-top: 20px;
  font-size: 16px;
}
.pricing-title .pricing-button {
  display: grid;
}
.pricing-title .pricing-button a {
  font-size: 22px;
}
.pricing-title .pricing-button a i {
  font-size: 22px;
  margin-right: 5px;
}
.pricing-title .pricing-button span {
  font-size: 16px;
  display: inline-flex;
  margin-bottom: 10px;
  color: #5C707E;
}

.pricing-wrapper-two .pricing-items-two {
  outline: none;
  position: relative;
  margin-top: 30px;
}
.pricing-wrapper-two .pricing-items-two::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #F5F5F5;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 597"><path   d="M8.45479 28.7016C7.73472 31.575 7.30819 34.5291 6.96913 37.472C5.60833 49.2829 3.09458 91.5868 6.56025 237.212C11.0798 427.101 -34.2042 592.712 64.068 595.334C162.34 597.956 278.579 597.116 313.562 595.334C348.546 593.552 370 616.635 370 495.955C370 375.275 370 228.323 368.87 143.138C367.74 57.9532 376.694 16.1084 336.103 13.0771C295.499 10.0457 190.533 4.72042 145.394 2.93848C101.819 1.21825 18.2555 -10.4088 8.45479 28.7016Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (max-width: 1199px) {
  .pricing-wrapper-two .pricing-items-two::before {
    mask: none;
    border-radius: 12px;
  }
}
.pricing-wrapper-two .pricing-items-two.style-two {
  margin-left: 0;
  margin-right: 0;
  margin-top: 55px;
  position: relative;
  z-index: 88;
}
.pricing-wrapper-two .pricing-items-two.style-two::before {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 649"><path   d="M8.30416 31.8871C7.74138 34.5797 7.34944 37.3439 7.04111 40.0774C5.70031 51.964 3.0325 96.7285 6.56025 257.873C11.0798 464.302 -34.2042 644.339 64.068 647.189C162.34 650.039 278.579 649.126 313.562 647.189C348.546 645.252 370 670.345 370 539.154C370 407.962 370 248.21 368.87 155.605C367.74 63.001 376.694 17.5115 336.103 14.2161C295.499 10.9207 190.533 5.13157 145.394 3.19443C101.586 1.31437 17.3622 -11.4506 8.30416 31.8871Z" /></svg>');
  background-color: #FFDEE4;
  height: 642px;
}
@media (max-width: 1399px) {
  .pricing-wrapper-two .pricing-items-two.style-two::before {
    height: 623px;
  }
}
@media (max-width: 1199px) {
  .pricing-wrapper-two .pricing-items-two.style-two::before {
    mask: none;
    border-radius: 12px;
    height: initial;
  }
}
.pricing-wrapper-two .pricing-items-two.style-3::before {
  background-color: #E3E8FF;
}
.pricing-wrapper-two .pricing-items-two .pricing-content {
  position: relative;
  z-index: 2;
}
.pricing-wrapper-two .pricing-items-two .Popular {
  position: absolute;
  background-color: var(--theme-color-2);
  border-radius: 16px;
  z-index: 2;
  padding: 5px 15px;
  color: var(--white);
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -15px;
  font-size: 18px;
}

.classes-section {
  position: relative;
}
.classes-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 944"><path   d="M1835.26 14.7351C1868.35 -11.2281 1905.54 6.90141 1920 19.2116L1919.87 944L-8.25271e-05 944L0.13391 10.2586C23.5396 -5.18508 48.2231 3.82371 57.6392 10.2586C75.7987 24.3593 92.1086 20.2372 97.9937 16.4136C127.452 -6.19225 153.649 1.21248 163.065 7.74058C185.664 23.8557 201.738 20.2373 206.951 16.4137C238.427 -5.07314 264.456 1.67878 273.536 7.74059C293.309 23.8557 308.005 20.2373 312.881 16.4137C344.358 -5.96841 369.041 1.30576 377.449 7.7406C396.415 23.6319 415.617 20.144 422.847 16.4137C452.306 -5.07312 479.512 1.6788 489.432 7.74061C509.206 26.3177 527.937 21.2631 534.831 16.4137C562.676 -7.0875 592.168 2.70466 603.434 10.5384C619.172 23.52 632.186 19.8643 636.726 16.4137C667.799 -6.63985 692.718 -0.466125 701.294 5.50243C721.471 25.6463 741.648 21.1699 749.215 16.4137C779.884 -6.86366 806.047 2.61142 815.295 10.2586C837.086 25.2546 855.313 18.9317 861.703 13.8957C891.969 -7.59104 919.04 2.51819 928.792 10.2586C943.32 25.2546 959.731 18.9317 966.12 13.8958C995.983 -7.14339 1023.29 2.70471 1033.21 10.2587C1053.79 25.7023 1071.04 19.1182 1077.1 13.8958C1103.33 -7.14338 1133.76 2.70472 1145.7 10.2587C1163.05 27.269 1182.52 18.8385 1190.09 12.4969C1215.51 -6.30407 1242.38 3.17101 1252.64 10.2587C1267.97 24.5832 1284.92 18.652 1291.48 13.8958C1313.67 -5.35281 1339.74 0.653055 1349.99 6.06206C1371.38 25.0868 1392.53 19.2115 1400.44 13.8958C1424.65 -5.80044 1452.22 1.77217 1462.99 8.0205C1486.39 27.0453 1504.35 19.8644 1510.4 13.8958C1532.19 -4.4575 1558.49 1.02611 1568.92 6.06208C1585.46 26.6536 1610.78 18.3722 1621.38 11.6576C1648.41 -7.81482 1675.01 3.54409 1684.93 11.6576C1704.31 25.3107 1720.92 17.3464 1726.8 11.6576C1740.93 3.26432 1768.67 -4.56941 1792.88 11.6576C1812.25 24.6392 1829.2 19.1183 1835.26 14.7351Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.classes-section .perasute-shape {
  position: absolute;
  top: 16%;
  left: 25%;
}
.classes-section .crown-shape {
  position: absolute;
  top: 23%;
  right: 16%;
  animation: rounded 6s linear infinite;
}
.classes-section .star-shape {
  position: absolute;
  top: 59%;
  left: 3%;
  animation: zoom 1s linear infinite;
}
.classes-section .zikzak-shape {
  position: absolute;
  bottom: 10%;
  left: 8%;
  animation: rounded2 6s linear infinite;
}
.classes-section .border-shape {
  position: absolute;
  bottom: 10%;
  right: 0;
  animation: wind-blow 5s linear infinite;
}

.breadcrumb-classes::before {
  content: none;
}

@media (max-width: 1199px) {
  .classes-section-two {
    background-image: none;
  }
}
.classes-section-two::before {
  content: none;
}
.classes-section-two .classes-wrapper {
  background: linear-gradient(135deg,
    #ff6b6b,  
    #ff9f43,   
    #2ecc71   
  );
  padding-bottom: 120px;
}
.classes-section-two .classes-wrapper {
    background: #ff914d;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
}
.classes-section-two .classes-wrapper::before{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.04);
}
.classes-section-two .classes-wrapper .love-shape {
  position: absolute;
  left: 5%;
  top: 37%;
}
.classes-section-two .classes-wrapper .border-shape {
  position: absolute;
  top: 37%;
  right: 0;
  animation: wind-blow 5s linear infinite;
}

.classes-section-three {
  position: relative;
}
.classes-section-three .zikzak-shape2 {
  position: absolute;
  bottom: 23%;
  left: 9%;
  animation: rounded2 5s linear infinite;
}
.classes-section-three .swiper-slide {
  margin-bottom: 45px;
}
@media (max-width: 1399px) {
  .classes-section-three .swiper-slide {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .classes-section-three .swiper-slide {
    margin-bottom: 0;
  }
}

.classes-box-item {
  position: relative;
  background-color: var(--white);
  border-radius: 16px;
  margin-top: 30px;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.classes-box-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FDF948;
  transform: scale(0);
  transform-origin: bottom left;
  z-index: 0;
  transition: all 0.4s ease-in-out;
}
.classes-box-item .classes-image {
  position: relative;
  padding: 20px 20px 0 20px;
}
.classes-box-item .classes-image .date-box {
  position: absolute;
  top: 13%;
  left: 10%;
  background-color: var(--theme-color);
  padding: 10px 12px;
  border-radius: 10px;
  line-height: 1;
}
.classes-box-item .classes-image .date-box span {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.classes-box-item .classes-image .date-box span i {
  margin-right: 10px;
}
.classes-box-item .classes-image img {
  width: 100%;
  height: 100%;
}
.classes-box-item .classes-content {
  padding: 30px;
  position: relative;
  z-index: 1;
}
.classes-box-item .classes-content .location {
  margin-bottom: 15px;
}
.classes-box-item .classes-content .location span {
  color: var(--text);
}
.classes-box-item .classes-content .location span i {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content h3 {
  border-bottom: 1px dashed var(--theme-color-2);
  padding-bottom: 30px;
}
.classes-box-item .classes-content h3 a {
  transition: color 0.3s ease;
}
.classes-box-item .classes-content h3 a:hover {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content h2 {
  border-bottom: 1px dashed var(--theme-color-2);
  padding-bottom: 30px;
  font-size: 22px;
}
.classes-box-item .classes-content h2 a {
  transition: color 0.3s ease;
}
.classes-box-item .classes-content h2 a:hover {
  color: var(--theme-color-2);
}
.classes-box-item .classes-content .classes-rate {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .classes-box-item .classes-content .classes-rate {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.classes-box-item .classes-content .classes-rate p {
  font-size: 16px;
  font-weight: 400;
}
.classes-box-item .classes-content .classes-rate .rate ul {
  display: flex;
  gap: 5px;
}
.classes-box-item .classes-content .classes-rate .rate ul li i {
  color: var(--theme-color-2);
  font-size: 16px;
}
.classes-box-item .classes-content .classes-rate .rate ul li:last-child i {
  color: #808080;
}
.classes-box-item .classes-content .theme-btn {
  border: 1px solid var(--theme-color-2);
  background-color: transparent;
  border-radius: 22px;
  color: var(--theme-color-2);
}
.classes-box-item .classes-content .theme-btn::before {
  background-color: var(--theme-color);
}
.classes-box-item .classes-content .theme-btn:hover {
  color: var(--white);
  border: 1px solid var(--theme-color);
}
.classes-box-item:hover {
  transform: translateY(-8px);
  transition: all 0.4s ease-in-out;
}
.classes-box-item:hover::before {
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.classes-box-item:hover .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}
.classes-box-item.active::before {
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.classes-box-item.active .theme-btn {
  background-color: var(--theme-color-2);
  color: var(--white);
  border: 1px solid var(--theme-color-2);
}

.classes-activitis-items {
  position: relative;
  padding: 50px 22px 22px;
  margin-top: 30px;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items {
    border-radius: 10px;
    padding: 30px;
    padding-top: 0;
  }
}
.classes-activitis-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370 616"><path   d="M7.69014 34.1622C7.69014 34.1622 2.04067 48.808 6.56025 244.761C11.0798 440.693 -34.2042 611.576 64.068 614.281C162.34 616.986 278.579 616.12 313.562 614.281C348.546 612.442 370 636.26 370 511.739C370 387.219 370 235.589 368.87 147.693C367.74 59.7976 376.694 16.6211 336.103 13.4933C295.499 10.3655 190.533 4.87065 145.394 3.032C100.256 1.19335 12.2097 -11.6138 7.69014 34.1622Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .classes-activitis-items::before {
    border-radius: 10px;
    background-color: var(--white);
    mask: none;
    top: 23px;
    height: initial;
  }
}
.classes-activitis-items .arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -70px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .classes-activitis-items .arrow-icon {
    margin-top: 0;
  }
}
.classes-activitis-items .arrow-icon a {
  background-color: var(--theme-color-2);
  width: 50px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 14px;
}
.classes-activitis-items .arrow-icon a i {
  color: var(--white);
}
.classes-activitis-items .classes-activitis-content {
  padding: 14px 22px 0;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-content {
    padding: 0;
    margin-bottom: 10px;
  }
}
.classes-activitis-items .classes-activitis-content .classes-top {
  border-bottom: 2px dashed rgba(241, 95, 37, 0.37);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.classes-activitis-items .classes-activitis-content .classes-top h4 {
  color: var(--theme-color-2);
  margin-bottom: 5px;
}
.classes-activitis-items .classes-activitis-content .classes-top span {
  color: var(--theme-color-2);
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}
.classes-activitis-items .classes-activitis-content .classes-top h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
.classes-activitis-items .classes-activitis-content .classes-top h3:hover a {
  color: var(--theme-color-2);
}
.classes-activitis-items .classes-activitis-content .classes-top h2 {
  font-size: 28px;
  margin-bottom: 10px;
}
.classes-activitis-items .classes-activitis-content .classes-top h2:hover a {
  color: var(--theme-color-2);
}
.classes-activitis-items .classes-activitis-content .classes-list {
  margin-bottom: 15px;
}
.classes-activitis-items .classes-activitis-content .classes-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.classes-activitis-items .classes-activitis-content .classes-list li i {
  margin-right: 10px;
  color: var(--white);
  height: 17px;
  width: 17px;
  font-size: 10px;
  line-height: 17px;
  margin-bottom: 2px;
  text-align: center;
  background-color: var(--theme-color);
  border-radius: 50%;
}
.classes-activitis-items .classes-activitis-content .classes-list li:not(:last-child) {
  margin-bottom: 8px;
}
.classes-activitis-items .classes-activitis-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 322 215"><path d="M7.13773 13.1475C7.13773 13.1475 2.23329 18.7869 6.1599 94.199C10.0865 169.611 -30.2797 209.827 55.1279 210.867C140.536 211.907 242.551 215.426 272.956 214.726C303.36 214.016 322 223.185 322 175.261C322 127.336 322 90.6794 321.022 56.8529C320.044 23.0265 327.821 6.40825 292.543 5.19837C257.264 3.9885 166.036 1.87872 126.8 1.16879C87.5645 0.458865 11.0491 -4.47062 7.13773 13.1475Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 214px;
  transition: all 2s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-image {
    mask: none;
  }
}
.classes-activitis-items .classes-activitis-image img {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .classes-activitis-items .classes-activitis-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
}
.classes-activitis-items:hover .arrow-icon a {
  background-color: var(--bg-3);
}
.classes-activitis-items:hover .classes-activitis-image img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}

.classes-wrapper-three .classes-array .array-prev {
  background-color: transparent;
  border: 1px solid var(--white);
}
.classes-wrapper-three .classes-array .array-prev:hover {
  border: 1px solid transparent;
}
.classes-wrapper-three .classes-array .array-next {
  background-color: var(--theme-color-2);
}
.classes-wrapper-three .classes-array .array-next:hover {
  border: 1px solid var(--white);
  background-color: transparent;
}
.classes-wrapper-three .classes-slider .classes-items-three {
  padding: 30px 22px 0px;
}
@media (max-width: 1199px) {
  .classes-wrapper-three .classes-slider .classes-items-three {
    padding: 20px 20px;
    background-color: var(--white);
    border-radius: 10px;
  }
  .classes-wrapper-three .classes-slider .classes-items-three::before {
    display: none;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three::before {
  height: 609px;
}
@media (max-width: 1199px) {
  .classes-wrapper-three .classes-slider .classes-items-three::before {
    height: initial;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box {
  position: absolute;
  top: 7%;
  left: 10%;
  background-color: var(--theme-color);
  padding: 5px 15px;
  border-radius: 10px;
  z-index: 2;
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box span {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}
.classes-wrapper-three .classes-slider .classes-items-three .date-box span i {
  margin-right: 10px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three {
  padding: 18px 10px 10px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top {
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top span {
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--text);
  font-weight: 500;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top span i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-top h3 {
    font-size: 18px;
  }
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time li span {
  color: var(--theme-color-2);
  margin-bottom: 5px;
  display: inline-block;
}
.classes-wrapper-three .classes-slider .classes-items-three .classes-content-three .classes-time li h4 {
  color: var(--header);
  font-size: 16px;
  font-weight: 600;
}

.classes-info-section {
  position: relative;
}

.classes-info-wrapper {
  padding: 100px 0 70px;
}
@media (max-width: 991px) {
  .classes-info-wrapper {
    padding-top: 80px;
  }
}
.classes-info-wrapper .classes-video-box .classes-image {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 179"><path d="M6.25106 10.9461C6.25106 10.9461 1.95586 15.6412 5.39469 78.4262C8.83353 141.211 -26.5182 174.693 48.2798 175.559C123.078 176.425 212.42 179.355 239.048 178.772C265.676 178.181 282 185.815 282 145.915C282 106.014 282 75.4959 281.144 47.3334C280.287 19.1709 287.098 5.33524 256.202 4.32795C225.306 3.32066 145.41 1.56414 111.049 0.973086C76.6869 0.382032 9.67651 -3.72205 6.25106 10.9461Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 166px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-video-box .classes-image {
    mask: none;
    height: initial;
  }
  .classes-info-wrapper .classes-video-box .classes-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
  }
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .vw-style {
  background-color: var(--white);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon {
  background-color: var(--white);
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon::before {
  border: 1px solid transparent;
}
.classes-info-wrapper .classes-video-box .classes-image .classes-info-wave .video-icon i {
  color: var(--theme-color);
  font-size: 16px;
}
.classes-info-wrapper .classes-counter-box {
  position: relative;
  padding: 24px 40px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-counter-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.classes-info-wrapper .classes-counter-box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 179"><path d="M6.25106 10.9461C6.25106 10.9461 1.95586 15.6412 5.39469 78.4262C8.83353 141.211 -26.5182 174.693 48.2798 175.559C123.078 176.425 212.42 179.355 239.048 178.772C265.676 178.181 282 185.815 282 145.915C282 106.014 282 75.4959 281.144 47.3334C280.287 19.1709 287.098 5.33524 256.202 4.32795C225.306 3.32066 145.41 1.56414 111.049 0.973086C76.6869 0.382032 9.67651 -3.72205 6.25106 10.9461Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  height: 166px;
}
@media (max-width: 1199px) {
  .classes-info-wrapper .classes-counter-box::before {
    height: 100%;
    mask: none;
    border-radius: 12px;
  }
}
.classes-info-wrapper .classes-counter-box .counter-box {
  position: relative;
  z-index: 5;
  text-align: center;
}
.classes-info-wrapper .classes-counter-box .counter-box .count {
  display: flex;
  justify-content: center;
  align-items: center;
}
.classes-info-wrapper .classes-counter-box .counter-box .count h3 {
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2);
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.classes-info-wrapper .classes-counter-box .counter-box .count .plus {
  font-size: 80px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color-2);
  font-family: "Love Ya Like A Sister", Sans-serif;
}
.classes-info-wrapper .classes-counter-box .counter-box p {
  color: #333333;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .classes-info-wrapper .classes-info-buttton {
    text-align: center;
  }
}
.classes-info-wrapper .classes-info-buttton p {
  font-size: 22px;
  color: var(--white);
  margin-bottom: 30px;
  line-height: 155%;
  text-transform: capitalize;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}
@media (max-width: 767px) {
  .classes-info-wrapper .classes-info-buttton p {
    font-size: 18px;
    text-align: center;
  }
}

.gallery-section {
  position: relative;
}
.gallery-section .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 36px;
}
.gallery-section .item-bg img {
  object-fit: cover;
}
.gallery-section .item-bg-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleY(-1);
  z-index: 9;
  height: 36px;
}
.gallery-section .item-bg-2 img {
  object-fit: cover;
  height: 100%;
}

.gallery-wrapper .gallery-image {
  height: 288px;
  position: relative;
  overflow: hidden;
}
.gallery-wrapper .gallery-image .img-popup {
  width: 100%;
  height: 100%;
}
.gallery-wrapper .gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}
.gallery-wrapper .gallery-image::before {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.7);
  content: "";
  position: absolute;
  background: rgba(244, 91, 30, 0.68);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  border-radius: 16px;
}
.gallery-wrapper .gallery-image .icon {
  position: absolute;
  font-size: 38px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  color: var(--white);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.gallery-wrapper .gallery-image:hover::before {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.gallery-wrapper .gallery-image:hover .icon {
  opacity: 1;
}
.gallery-wrapper .gallery-image.image-2 {
  height: 100%;
}
.gallery-wrapper .gallery-image.image-2 a {
  height: 100%;
}
.gallery-wrapper .gallery-image .icon i {
    display: block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #f45b1e !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.mfp-close {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 38px !important;
    top: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    z-index: 999999 !important;
}
.mfp-content {
    margin-top: 50px !important;
}
.mfp-img {
    max-height: 75vh !important;
}
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--theme-color);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.text-left {
  text-align: left !important;
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-dot .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  transition: 0.6s;
  background: var(--theme-color);
  opacity: 1;
  border-radius: 7px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transition: 0.6s;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--theme-color);
  content: "";
}

.array-button {
  display: flex;
  align-items: center;
  gap: 15px;
}
.array-button .array-prev {
  width: 57px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 16px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.array-button .array-next {
  width: 57px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background-color: var(--theme-color);
  color: var(--white);
  border-radius: 17px;
  transition: all 0.4s ease-in-out;
}
.array-button .array-next:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}

.swiper-dot4 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  transition: 0.6s;
  background-color: rgb(129, 129, 129);
  opacity: 1;
  border-radius: 100%;
  position: relative;
}
.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color);
  transition: 0.6s;
  position: relative;
  width: 30px;
  border-radius: 30px;
}

.swiper-dot3 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  transition: 0.6s;
  background-color: transparent;
  border: 1px solid var(--theme-color-2);
  border-radius: 14px;
  opacity: 1;
  position: relative;
}
.swiper-dot3 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 15px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color-2);
  border: 1px solid var(--theme-color-2);
  transition: 0.6s;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 14px;
}
.swiper-dot3 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--theme-color-2);
  width: 22px;
  height: 22px;
  border-radius: 22px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pagination-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding-top: 60px;
}
.pagination-wrap a {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: var(--theme-color-2);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 4px;
  border: 1px solid var(--theme-color-2);
  border-radius: 8px;
  transition: all 0.4s ease-in-out;
}
.pagination-wrap a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.pagination-wrap span {
  font-family: Quicksand;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  color: var(--white);
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 0 4px;
  background-color: var(--theme-color-2);
  border-radius: 8px;
}

.wave-area {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.wave-area .waves {
  position: absolute;
  opacity: 0;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  animation: waves 3s ease-in-out infinite;
  z-index: 1;
  top: -41px;
  left: -41px;
}
.wave-area .wave-1 {
  animation-delay: 0s;
  background: var(--theme-color);
}
.wave-area .wave-2 {
  animation-delay: 1s;
  background: var(--theme-color);
}
.wave-area .wave-3 {
  animation-delay: 2s;
  background: var(--theme-color);
}
.wave-area .video-popup {
  position: relative;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--theme-color);
  z-index: 5;
}
.wave-area .video-popup i {
  font-size: 20px;
  color: var(--white);
  z-index: 6;
}
.wave-area .video-popup::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid var(--theme-color);
  transform: translate(-50%, -50%);
  z-index: 4;
}

.progress-wrap {
  margin-top: 30px;
}
.progress-wrap .pro-items:not(:last-child) {
  margin-bottom: 22px;
}
.progress-wrap .pro-items .pro-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.progress-wrap .pro-items .pro-head .title {
  font-weight: 600;
  color: var(--text);
  font-size: 18px;
}
.progress-wrap .pro-items .pro-head .point {
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
.progress-wrap .pro-items .ber-box {
  padding: 4px 6px;
  border-radius: 45px;
  border: 1px dashed rgba(241, 95, 37, 0.55);
}
.progress-wrap .pro-items .ber-box .progress {
  background: #FDEBE4;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  display: flex;
  height: 6px;
  width: 100%;
  border-radius: 45px;
}
.progress-wrap .pro-items .ber-box .progress.progress-2 {
  background-color: rgba(103, 84, 233, 0.5490196078);
}
.progress-wrap .pro-items .ber-box .progress .progress-value {
  animation: load 3s normal forwards;
  border-radius: 0;
  background: var(--theme-color-2);
  height: 6px;
  width: 0;
  border-radius: 45px;
}
.progress-wrap .pro-items .ber-box .progress .progress-value.style-two {
  animation: load2 2s normal forwards;
  background: var(--theme-color);
}
.progress-wrap .pro-items .ber-box.style-2 {
  border: 1px dashed rgba(103, 84, 233, 0.55);
}
@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 70%;
  }
}

.social-icon {
  gap: 15px;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.social-icon li a {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: var(--theme-color);
  background-color: var(--white);
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.social-icon li a:hover {
  background-color: var(--theme-color);
  color: var(--white);
}

@media (max-width: 575px) {
  br {
    display: none;
  }
}

.underline {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.underline:hover {
  color: var(--theme-color-2);
  background-size: 100% 2px;
  background-image: linear-gradient(180deg, var(--theme-color-2) 0%, var(--theme-color-2) 100%);
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.sticky-style {
  position: sticky !important;
  top: 100px;
}

.box-shadow {
  box-shadow: var(---box-shadow);
}

.custom-container {
  max-width: 1560px;
  margin: 0 auto;
}

.custom-container-33 {
  max-width: 1319px;
  margin: 0 auto;
}

.custom-container-2 {
  max-width: 1568px;
  margin: 0 auto;
}

.slide-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.brand-slide-element {
  width: auto;
  display: inline-block;
}

.footer-info-container {
  max-width: 1436px;
}

@media (max-width: 991px) {
  .lg-center {
    justify-content: center;
    text-align: center;
  }
}

.custom-container-3 {
  max-width: 1768px;
  margin: 0 auto;
}

.hero-container {
  max-width: 1510px;
  margin: 0 auto;
}

.mt-30 {
  margin-top: 30px;
}

.title-width {
  min-width: 645px;
}
@media (max-width: 1399px) {
  .title-width {
    min-width: initial;
  }
}

.text-color {
  color: var(--text) !important;
}

.sec-bg-4 {
  background-color: #0E1445;
}

.hero-bg {
  background-color: #F5F5F5;
}

.border-none {
  border: none !important;
}

.tittle-bg {
  background-color: var(--theme-color-2) !important;
}

.tittle-bg-2 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.custom-padding-top {
  padding-top: 27px !important;
}

.custom-padding-top2 {
  padding-top: 100px !important;
}
@media (max-width: 1199px) {
  .custom-padding-top2 {
    padding-top: 0 !important;
  }
}

.custom-padding-top3 {
  padding-top: 95px !important;
}
@media (max-width: 1199px) {
  .custom-padding-top3 {
    padding-top: 0 !important;
  }
}

.team-section {
  position: relative;
}
.team-section .flower-shape {
  position: absolute;
  left: 7%;
  top: 32%;
  animation: rounded 5s linear infinite;
}
@media (max-width: 1399px) {
  .team-section .flower-shape {
    opacity: 0.2;
  }
}

.team-section-three {
  position: relative;
}
@media (max-width: 1199px) {
  .team-section-three .custom-padding-top {
    padding-top: 0 !important;
  }
}
.team-section-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #FAF5F2;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 938"><path   d="M0 938V69.1229V12.852C38.0396 40.9875 143.614 12.852 277.289 12.852C423 12.8521 552.217 -15.2833 664 12.8523C806.815 54.2739 1257.86 12.852 1341 12.852C1472 12.852 1746.15 -16.065 1920 12.852V930.966C1750 874.925 1254 900.716 1138 900.716C885.21 900.716 608 912.44 396 900.716C69.2597 863.202 130 930.966 0 938Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 88%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .team-section-three::before {
    mask: none;
  }
}
.team-section-three .light-shape {
  position: absolute;
  left: 5%;
  top: 15%;
  animation: rounded2 5s linear infinite;
}
.team-section-three .sun-shape {
  position: absolute;
  top: -5%;
  right: 0;
}

.team-card-item {
  text-align: center;
  margin-top: 30px;
  position: relative;
  z-index: 9;
}
.team-card-item .team-image img {
  height: 100%;
  width: 100%;
}
.team-card-item .team-content {
  margin-top: 30px;
}
.team-card-item .team-content h3 {
  transition: all 0.4s ease-in-out;
  font-size: 22px;
}
.team-card-item .team-content h3:hover a {
  color: var(--theme-color-2);
}

@media (max-width: 1199px) {
  .team-section-two .section-title {
    text-align: center;
  }
}

.team-box {
  position: relative;
}
.team-box .team-image {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 268"><path d="M5.61173 14.8628C5.61173 14.8628 1.48914 21.2346 4.78721 106.487C8.08528 191.73 -24.9598 266.075 46.7523 267.252C118.464 268.429 203.287 268.052 228.816 267.252C254.345 266.452 270 276.814 270 222.64C270 168.465 270 102.497 269.176 64.2562C268.351 26.0158 274.884 7.23125 245.264 5.87045C215.634 4.50965 139.037 2.11905 106.098 1.31912C73.1595 0.519186 8.90979 -5.05274 5.61173 14.8628Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
}
@media (max-width: 1199px) {
  .team-box .team-image {
    mask: none;
    border-radius: 10px;
  }
  .team-box .team-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
}
.team-box .social-profile {
  position: absolute;
  right: 20px;
  bottom: 65px;
  z-index: 20;
}
.team-box .social-profile .social-icon {
  display: grid;
  gap: 5px;
  margin-left: 4px;
  margin-bottom: -22px;
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.team-box .social-profile .social-icon li {
  opacity: 0;
  transform: translateY(25px) scale(0.95);
  transition: all 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.team-box .social-profile .social-icon li:nth-child(1) {
  transition-delay: 0.1s;
}
.team-box .social-profile .social-icon li:nth-child(2) {
  transition-delay: 0.2s;
}
.team-box .social-profile .social-icon li:nth-child(3) {
  transition-delay: 0.3s;
}
.team-box .social-profile .social-icon li:nth-child(4) {
  transition-delay: 0.4s;
}
.team-box .social-profile .social-icon li a {
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
}
.team-box .social-profile .social-icon li a i {
  font-size: 15px;
}
.team-box .social-profile .social-icon li a:hover {
  background-color: var(--theme-color-2);
}
.team-box .social-profile .share-btn {
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color);
  color: var(--white);
}
.team-box .social-profile:hover .social-icon {
  margin-bottom: 6px;
  opacity: 1;
  transform: translateY(0);
}
.team-box .social-profile:hover li {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.team-box .team-content {
  margin-top: 20px;
}
@media (max-width: 575px) {
  .team-box .team-content {
    text-align: center;
  }
}
.team-box .team-content h3 a:hover {
  color: var(--theme-color-2);
}
.team-box .team-content h2 {
  font-size: 22px;
}
.team-box .team-content h2 a:hover {
  color: var(--theme-color-2);
}

.team-wrapper .team-box-items {
  margin-top: 30px;
}
.team-wrapper .team-box-items .team-img {
  position: relative;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 363"><path d="M5.61173 20.1313C5.61173 20.1313 1.48914 28.7618 4.78721 144.234C8.08528 259.694 -24.9598 360.393 46.7523 361.987C118.464 363.581 203.287 363.07 228.816 361.987C254.345 360.903 270 374.939 270 301.561C270 228.182 270 138.829 269.176 87.0336C268.351 35.2379 274.884 9.79457 245.264 7.95139C215.634 6.10821 139.037 2.8702 106.098 1.78671C73.1595 0.703226 8.90979 -6.84383 5.61173 20.1313Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 360px;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .team-wrapper .team-box-items .team-img {
    mask: none;
  }
}
.team-wrapper .team-box-items .team-img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .team-wrapper .team-box-items .team-img img {
    border-radius: 12px;
    object-fit: cover;
  }
}
.team-wrapper .team-box-items .teams-content {
  position: relative;
}
.team-wrapper .team-box-items .teams-content .Teacher-name {
  text-align: center;
  z-index: 2;
  padding: 30px 20px 19px;
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--white);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 105"><path   d="M741.297 10.0483C764.219 -7.65707 789.983 4.70619 800 13.101L799.907 201L-237.09 201L-530 201L-529.907 6.99557C-513.694 -3.53609 -496.595 2.60738 -490.073 6.99557C-477.494 16.6114 -466.196 13.8005 -462.119 11.193C-441.713 -4.22292 -423.566 0.826673 -417.043 5.27846C-401.389 16.268 -390.254 13.8005 -386.644 11.193C-364.839 -3.45975 -346.809 1.14467 -340.52 5.27847C-326.822 16.268 -316.642 13.8005 -313.264 11.193C-291.46 -4.07028 -274.362 0.890284 -268.538 5.27847C-255.4 16.1154 -242.099 13.7369 -237.09 11.193C-216.684 -3.45974 -197.838 1.14468 -190.966 5.27848C-177.269 17.947 -164.293 14.5 -159.518 11.193C-140.23 -4.83343 -119.8 1.84425 -111.996 7.18639C-101.094 16.0391 -92.0793 13.5461 -88.9344 11.193C-67.4099 -4.52816 -50.1483 -0.318038 -44.2081 3.75217C-30.2312 17.4891 -16.2542 14.4365 -11.0129 11.193C10.2321 -4.68079 28.3555 1.78067 34.7616 6.99562C49.8567 17.222 62.4826 12.9102 66.9086 9.47592C87.8741 -5.17681 106.627 1.71709 113.382 6.99563C123.446 17.222 134.814 12.9102 139.24 9.47592C159.926 -4.87154 178.841 1.84429 185.713 6.99564C199.969 17.5273 211.92 13.0374 216.113 9.47593C234.283 -4.87154 255.365 1.84429 263.635 6.99564C275.655 18.5957 289.142 12.8466 294.384 8.52197C311.995 -4.29918 330.607 2.16228 337.712 6.99565C348.335 16.7641 360.076 12.7194 364.618 9.47594C379.993 -3.65047 398.046 0.445178 405.151 4.1338C419.967 17.1076 434.619 13.101 440.094 9.47595C456.866 -3.95573 475.968 1.20835 483.422 5.46935C499.635 18.4431 512.075 13.5462 516.268 9.47596C531.363 -3.03993 549.58 0.69958 556.801 4.13382C568.262 18.176 585.803 12.5286 593.141 7.94963C611.87 -5.32942 630.296 2.41669 637.168 7.94963C650.586 17.2602 662.094 11.829 666.171 7.94963C675.955 2.22591 695.173 -3.11624 711.945 7.94964C725.363 16.8023 737.104 13.0374 741.297 10.0483Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  height: 110px;
  border-radius: 0 0 30px 30px;
  transition: all 0.4s ease-in-out;
}
.team-wrapper .team-box-items:hover .team-img img {
  transform: scale(1.1);
  transition: 0.5s;
}
.team-wrapper .team-box-items:hover .Teacher-name {
  background-color: var(--theme-color-2);
  transition: all 0.4s ease-in-out;
}
.team-wrapper .team-box-items:hover .Teacher-name h3 a {
  color: var(--white) !important;
}
.team-wrapper .team-box-items:hover .Teacher-name p {
  color: var(--white);
}

.team-details-wrap .team-details-image {
  position: relative;
  z-index: 9;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 560"><path   d="M9.9764 31.0565C9.9764 31.0565 2.64736 44.3709 8.51059 222.51C14.3738 400.63 -44.373 555.978 83.1152 558.437C210.603 560.896 361.399 560.109 406.784 558.437C452.168 556.766 480 578.418 480 465.218C480 352.017 480 214.172 478.534 134.267C477.068 54.3614 488.684 15.1101 436.026 12.2666C383.349 9.42314 247.178 4.42786 188.619 2.75636C130.061 1.08487 15.8396 -10.558 9.9764 31.0565Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  height: 560px;
  margin-right: 80px;
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-image {
    margin-right: 0;
    mask: none;
  }
  .team-details-wrap .team-details-image img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .team-details-wrap .team-details-image {
    height: 450px;
  }
}
.team-details-wrap .team-details-content {
  margin-left: -50px;
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-content {
    margin-left: 0;
  }
}
.team-details-wrap .team-details-content .learn {
  color: #F47A66;
}
.team-details-wrap .team-details-content h2 {
  font-size: 44px;
  margin-bottom: 12px;
  line-height: 1;
}
@media (max-width: 767px) {
  .team-details-wrap .team-details-content h2 {
    font-size: 36px;
  }
}
.team-details-wrap .team-details-content .team-details-list {
  display: flex;
  align-items: center;
  gap: 70px;
  margin-top: 40px;
}
@media (max-width: 1399px) {
  .team-details-wrap .team-details-content .team-details-list {
    gap: 30px;
  }
}
@media (max-width: 1199px) {
  .team-details-wrap .team-details-content .team-details-list {
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 25px;
  }
}
.team-details-wrap .team-details-content .team-details-list ul li {
  font-weight: 600;
  font-size: 16px;
}
.team-details-wrap .team-details-content .team-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.team-details-wrap .team-details-content .team-details-list ul li span {
  margin-left: 12px;
  font-weight: 400;
}
.team-details-wrap .team-details-content .team-details-list ul li a {
  margin-left: 12px;
  font-weight: 400;
  color: var(--text);
}
.team-details-wrap .team-details-content .team-details-icon {
  gap: 10px;
  margin-top: 30px;
}
.team-details-wrap .team-details-content .team-details-icon span {
  color: var(--header);
  font-weight: 600;
  margin-right: 5px;
}
.team-details-wrap .team-details-content .team-details-icon li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  background-color: transparent;
  border-radius: 50%;
}
.team-details-wrap .team-details-content .team-details-icon li a:hover {
  background-color: var(--theme-color);
  border: 1px solid transparent;
  color: var(--white);
}

.faq-wrapper .accordion-box {
  position: relative;
}
.faq-wrapper .accordion-box .accordion:not(:last-child) {
  margin-bottom: 12px;
}
.faq-wrapper .accordion-box .block {
  position: relative;
  background-color: transparent;
  line-height: 1;
  border: 1.4px dashed rgba(241, 95, 37, 0.37);
  border-radius: 12px;
  padding: 22px 30px;
}
@media (max-width: 575px) {
  .faq-wrapper .accordion-box .block {
    padding: 18px;
  }
}
.faq-wrapper .accordion-box .block .acc-btn {
  position: relative;
  font-size: 22px;
  color: var(--header);
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 575px) {
  .faq-wrapper .accordion-box .block .acc-btn {
    font-size: 17px;
    line-height: 1.5;
    padding-right: 40px;
  }
}
.faq-wrapper .accordion-box .block .acc-btn .icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 22px;
  color: var(--theme-color-2);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
}
.faq-wrapper .accordion-box .block .acc-content {
  position: relative;
  display: none;
  margin-top: 15px;
}
@media (max-width: 470px) {
  .faq-wrapper .accordion-box .block .acc-content {
    margin-top: 10px;
  }
}
.faq-wrapper .accordion-box .block .acc-content .content {
  position: relative;
}
.faq-wrapper .accordion-box .block .acc-content .content .text {
  line-height: 175%;
  font-size: 20px;
  font-weight: 400;
  color: #475569;
  max-width: 605px;
}
@media (max-width: 1199px) {
  .faq-wrapper .accordion-box .block .acc-content .content .text {
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .faq-wrapper .accordion-box .block .acc-content .content .text {
    font-size: 13px;
  }
}
.faq-wrapper .accordion.block.active-block {
  background-color: #FFF7E6;
  border: 1.4px solid #FFF7E6;
}
.faq-wrapper .accordion-box .block .acc-content.current {
  display: block;
}
.faq-wrapper .accordion-box .block .acc-btn.active .icon:before {
  content: "\f056";
  font-family: "Font Awesome 5 Pro";
}
.faq-wrapper .accordion-box .block .acc-btn.active .icon {
  color: var(--theme-color-2);
}
.faq-wrapper .accordion-box .block:last-child {
  margin-bottom: 0;
}
.faq-wrapper .faq-image img {
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .faq-wrapper .faq-image img {
    width: 100%;
    height: 100%;
  }
}

.choose-us-section {
  position: relative;
}
.choose-us-section .perasute-shape {
  position: absolute;
  top: 38%;
  left: 13%;
}
@media (max-width: 1600px) {
  .choose-us-section .perasute-shape {
    top: 30%;
    left: 4%;
  }
}
@media (max-width: 1199px) {
  .choose-us-section .perasute-shape {
    opacity: 0.2;
  }
}
.choose-us-section .butterfly-shape {
  position: absolute;
  bottom: 10%;
  right: 3%;
}
@media (max-width: 1199px) {
  .choose-us-section .butterfly-shape {
    opacity: 0.2;
  }
}
.choose-us-section .zikzak-shape {
  position: absolute;
  bottom: 12%;
  left: 40%;
}
@media (max-width: 1199px) {
  .choose-us-section .zikzak-shape {
    opacity: 0.2;
  }
}
.choose-us-section .coun-shape {
  position: absolute;
  top: 14%;
  right: 54%;
}

.choose-us-section-2 {
  position: relative;
}
.choose-us-section-2 .duck-shape {
  position: absolute;
  left: 8%;
  top: 38%;
}
@media (max-width: 1600px) {
  .choose-us-section-2 .duck-shape {
    opacity: 0.2;
  }
}
.choose-us-section-2 .tree-shape {
  position: absolute;
  right: 8%;
  top: 17%;
  animation: wind-blow 4s linear infinite;
}
@media (max-width: 1600px) {
  .choose-us-section-2 .tree-shape {
    opacity: 0.2;
  }
}

.choose-us-wrapper .choose-img-box {
  position: relative;
  margin-left: -20px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-img-box {
    margin-left: 0;
  }
}
.choose-us-wrapper .choose-img-box .style-2 {
  margin-left: 79px;
  margin-bottom: -40px;
}
@media (max-width: 470px) {
  .choose-us-wrapper .choose-img-box .style-2 {
    margin-left: 0;
  }
}
@media (max-width: 470px) {
  .choose-us-wrapper .choose-img-box img {
    width: 100%;
  }
}
.choose-us-wrapper .choose-img-box .img-3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
@media (max-width: 1199px) {
  .choose-us-wrapper .choose-img-box .img-3 {
    right: 0;
  }
}
@media (max-width: 575px) {
  .choose-us-wrapper .choose-img-box .img-3 {
    max-width: 200px;
  }
  .choose-us-wrapper .choose-img-box .img-3 img {
    width: 100%;
    height: 100%;
  }
}
.choose-us-wrapper .choose-us-content {
  position: relative;
  z-index: 8;
}
.choose-us-wrapper .choose-us-content .icon-items {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .choose-us-wrapper .choose-us-content .icon-items {
    flex-wrap: wrap;
  }
}
.choose-us-wrapper .choose-us-content .icon-items .icon {
  width: 100%;
  height: 90px;
  max-width: 90px;
  line-height: 88px;
  background: rgba(241, 95, 37, 0.12);
  text-align: center;
  border-radius: 8px;
}
.choose-us-wrapper .choose-us-content .icon-items .content h3 {
  font-size: 18px;
}
.choose-us-wrapper .choose-us-content .icon-items .content p {
  font-family: Source Sans Pro;
  font-size: 16px;
  line-height: 150%;
}
.choose-us-wrapper .choose-us-content .choose-button {
  margin-top: 35px;
}

.testimonial-section {
  position: relative;
}
.testimonial-section .pencil-icon {
  position: absolute;

  left: 19%;
  top: 17%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section .pencil-icon {
    opacity: 0.2;
    left: 10%;
  }
}
.testimonial-section .flower-shape {
  position: absolute;
  right: 21%;
  top: 29%;
  animation: cir36 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section .flower-shape {
    opacity: 0.2;
    right: 5%;
  }
}

.testimonial-section-2 {
  position: relative;
}

.testimonial-section-three {
  position: relative;
}
.testimonial-section-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-3);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1070"><path   d="M1835.26 14.7093C1868.35 -11.2088 1905.54 6.88918 1920 19.1779L1919.87 1069.5L2.85717e-05 1069.5L0.133788 10.2405C23.5394 -5.17632 48.223 3.81683 57.639 10.2405C75.7986 24.3167 92.1085 20.2019 97.9935 16.3849C127.452 -6.18174 153.649 1.21013 163.065 7.7269C185.664 23.814 201.738 20.2019 206.951 16.3849C238.427 -5.06457 264.456 1.67563 273.536 7.72691C293.309 23.814 308.005 20.2019 312.881 16.3849C344.358 -5.95829 369.041 1.30325 377.448 7.72691C396.415 23.5906 415.617 20.1088 422.847 16.3849C452.306 -5.06455 479.512 1.67564 489.432 7.72692C509.206 26.2718 527.937 21.226 534.831 16.3849C562.676 -7.07543 592.168 2.69972 603.434 10.5198C619.172 23.4789 632.186 19.8295 636.726 16.3849C667.799 -6.62856 692.718 -0.46556 701.293 5.49263C721.471 25.6015 741.648 21.1329 749.214 16.3849C779.884 -6.85198 806.047 2.60664 815.295 10.2406C837.086 25.2105 855.313 18.8986 861.703 13.8714C891.969 -7.5781 919.04 2.51357 928.793 10.2406C943.32 25.2105 959.731 18.8986 966.121 13.8714C995.983 -7.13122 1023.29 2.69977 1033.21 10.2406C1053.79 25.6574 1071.04 19.0848 1077.1 13.8714C1103.33 -7.13121 1133.76 2.69978 1145.7 10.2406C1163.05 27.2214 1182.52 18.8055 1190.09 12.4749C1215.51 -6.29336 1242.38 3.16526 1252.64 10.2406C1267.97 24.5403 1284.92 18.6193 1291.48 13.8714C1313.67 -5.34376 1339.74 0.651677 1349.99 6.05129C1371.38 25.043 1392.53 19.1779 1400.44 13.8714C1424.65 -5.79061 1452.22 1.76885 1462.99 8.00633C1486.39 26.9981 1504.35 19.8296 1510.4 13.8714C1532.19 -4.45001 1558.49 1.02408 1568.92 6.05131C1585.46 26.6071 1610.78 18.3401 1621.38 11.6371C1648.41 -7.80149 1675.01 3.53769 1684.93 11.6371C1704.31 25.2665 1720.92 17.316 1726.8 11.6371C1740.93 3.2584 1768.67 -4.56172 1792.88 11.6371C1812.25 24.5962 1829.2 19.0848 1835.26 14.7093Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 1075px;
}
@media (max-width: 1199px) {
  .testimonial-section-three::before {
    height: initial;
    background-color: var(--bg-3);
    mask: none;
  }
}
.testimonial-section-three .client-one {
  position: absolute;
  top: 26%;
  left: 21%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-one {
    display: none;
  }
}
.testimonial-section-three .client-two {
  position: absolute;
  top: 23%;
  right: 17%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-two {
    display: none;
  }
}
.testimonial-section-three .client-three {
  position: absolute;
  bottom: 17%;
  left: 6%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-three {
    display: none;
  }
}
.testimonial-section-three .client-four {
  position: absolute;
  bottom: 27%;
  right: 4%;
}
@media (max-width: 1199px) {
  .testimonial-section-three .client-four {
    display: none;
  }
}

.testimonial-section-4 {
  position: relative;
}
.testimonial-section-4 .doll-shape {
  position: absolute;
  left: 24%;
  top: 15%;
  animation: rounded2 6s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section-4 .doll-shape {
    opacity: 0.2;
    left: 3%;
  }
}
.testimonial-section-4 .flower-shape {
  position: absolute;
  right: 26%;
  top: 25%;
  animation: cir36 9s linear infinite;
}
@media (max-width: 1199px) {
  .testimonial-section-4 .flower-shape {
    opacity: 0.2;
    right: 3%;
  }
}

.testimonial-section-4{
    position:relative;
    padding:120px 0;
    overflow:hidden;

    background: linear-gradient(135deg,
        #A3D977 0%,
        #A3D977 50%,
        #A3D977 100%
    );
}

.testimonial-section-4::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(144,238,144,.10);
    top:-180px;
    left:-160px;
    filter: blur(35px);
}

.testimonial-section-4::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:rgba(152,251,152,.08);
    bottom:-160px;
    right:-140px;
    filter: blur(40px);
}

.testimonial-section-4 .container{
    position:relative;
    z-index:2;
}

.testimonial-wrapper-4 .swiper-wrapper{
    padding:70px 0 30px !important;
}

.testimonial-wrapper-4 .testimonial-items-4{
    background:rgba(255,255,255,.95) !important;
    backdrop-filter:blur(20px);
    border:2px solid rgba(255,255,255,.6);
    border-radius:30px;
    padding:75px 30px 35px !important;
    min-height:430px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s ease;
    overflow:visible !important;
}

.testimonial-wrapper-4 .testimonial-items-4:hover{
    transform:translateY(-12px);
    border-color:#ff6a00;
    box-shadow:0 20px 50px rgba(255,106,0,.20);
}

.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg{
    display:none !important;
}

.testimonial-wrapper-4 .testimonial-items-4 .client-img-box{
    position:absolute !important;
    top:-45px !important;
    left:50%;
    transform:translateX(-50%) !important;
    z-index:100;
}

.testimonial-wrapper-4 .testimonial-items-4 .client-img{
    width:90px;
    height:90px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #00acc1;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    transition:.4s;
}

.testimonial-wrapper-4 .testimonial-items-4:hover .client-img{
    border-color:#ff6a00;
    transform:rotate(360deg);
}

.testimonial-wrapper-4 .testimonial-items-4 .client-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    border-radius:50%;
    border:none !important;
    display:block;
}

.testimonial-wrapper-4 .testimonial-items-4 .test-content{
    position:static !important;
    padding:0 !important;
}

.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px;
    width:100%;
    margin:15px 0 18px !important;
    padding:0 !important;
    list-style:none;
}

.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon li{
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}

.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon li i{
    color:#ffb400 !important;
    font-size:16px;
}

.testimonial-wrapper-4 .testimonial-items-4 .test-content p{
    color:#555;
    font-size:15px;
    line-height:1.8;
    margin-bottom:18px;
}

.read-more-btn{
    color:#ff6a00 !important;
    font-weight:700 !important;
    text-transform:uppercase;
    letter-spacing:1px;
    transition:.3s;
    display:inline-block;
}

.read-more-btn:hover{
    transform:translateX(5px);
}

.testimonial-wrapper-4 .array-button .array-prev,
.testimonial-wrapper-4 .array-button .array-next{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    border:none;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s;
}

.testimonial-wrapper-4 .array-button .array-prev:hover,
.testimonial-wrapper-4 .array-button .array-next:hover{
    background:#ff6a00;
    color:#fff;
}

#testimonialPopup > div:last-child{
    border-radius:25px !important;
    overflow:hidden;
}

@media (max-width:991px){

    .testimonial-section-4{
        padding:90px 0;
    }

    .testimonial-wrapper-4 .testimonial-items-4{
        min-height:380px;
        padding:70px 25px 30px !important;
    }

    .testimonial-wrapper-4 .swiper-wrapper{
        padding-top:60px !important;
    }
}

@media (max-width:767px){

    .testimonial-section-4{
        padding:80px 0;
    }

    .testimonial-wrapper-4 .swiper-wrapper{
        padding-top:55px !important;
    }

    .testimonial-wrapper-4 .testimonial-items-4{
        min-height:auto;
        padding:65px 20px 25px !important;
        border-radius:25px;
    }

    .testimonial-wrapper-4 .testimonial-items-4 .client-img-box{
        top:-40px !important;
    }

    .testimonial-wrapper-4 .testimonial-items-4 .client-img{
        width:80px;
        height:80px;
    }

    .testimonial-wrapper-4 .testimonial-items-4 .test-content p{
        font-size:14px;
        line-height:1.7;
    }

    .read-more-btn{
        font-size:14px !important;
    }

    .testimonial-wrapper-4 .array-button{
        display:none;
    }
}

.testimonial-wrapper {
  position: relative;
}
.testimonial-wrapper .swiper-slide {
  padding: 0 15px;
}
.testimonial-wrapper .testimonial-box-items {
  position: relative;
  margin-top: 30px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper .testimonial-box-items {
    max-width: 346px;
    margin: 30px auto 0;
  }
}
.testimonial-wrapper .testimonial-box-items .testimonial-item {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image {
  display: flex;
  gap: 20px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image img {
  margin-left: -44px;
  margin-top: -15px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image .icon {
  gap: 5px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-image .icon li {
  color: var(--theme-color-2);
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .testi-text {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 25px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px dashed var(--theme-color-2);
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info h4 {
  font-weight: 900;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info h3 {
  font-weight: 900;
  font-size: 18px;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info .icon {
  gap: 5px;
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .client-info .icon li {
  color: var(--theme-color-2);
}
.testimonial-wrapper .testimonial-box-items .testimonial-item .koma-icon {
  position: absolute;
  right: -13px;
  bottom: -17px;
}
@media (max-width: 1399px) {
  .testimonial-wrapper .array-button {
    display: none;
  }
}
.testimonial-wrapper .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-wrapper-2 {
  position: relative;
}
.testimonial-wrapper-2 .testimonial-box-items {
  position: relative;
  margin: 30px auto 0;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-2 .testimonial-box-items {
    max-width: 375px;
    margin-top: 60px;
  }
}
.testimonial-wrapper-2 .testimonial-box-items .testi-item-bg {
  position: relative;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content {
  padding: 0 60px 0 60px;
  text-align: center;
  position: absolute;
  top: -30px;
  left: -25px;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-image-2 .icon {
  gap: 5px;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-image-2 .icon li i {
  color: var(--theme-color-2);
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content .client-info-2 {
  margin-top: 15px;
}
.testimonial-wrapper-2 .testimonial-box-items .testimonial-content h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-2 .array-button {
    display: none;
  }
}
.testimonial-wrapper-2 .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper-2 .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-wrapper-3 {
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 {
    background-color: var(--theme-color-2);
    padding: 50px 30px;
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 {
    margin-top: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 {
  position: relative;
  text-align: center;
  padding: 80px 120px 56px 120px;
  margin-top: 45px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 {
    padding: 0;
    margin: 0;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 886 329"><path d="M70.6818 34.0891C50.21 35.0426 31.1529 41.2402 17.9211 51.2518C4.68936 61.2634 -1.63526 74.2414 0.361987 87.2724L29.3222 274.526C33.067 298.84 64.69 317.592 103.137 318.28L713.296 328.981C748.83 329.616 780.287 314.52 789.191 292.642L883.561 60.7337C889.719 45.5839 884.06 29.4806 868.332 17.4561C852.604 5.4316 828.72 -1.0309 804.254 0.134468L70.6818 34.0891Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  max-width: 885px;
  margin: 0 auto;
  height: 329px;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3::before {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .client-img {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .client-img {
    position: static;
    transform: initial;
    margin-bottom: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
  padding: 0 205px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
    padding: 0 70px;
  }
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 {
    padding: 0 0;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 .icon {
  justify-content: center;
  gap: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 .icon li {
  color: var(--white);
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 p {
  font-size: 22px;
  line-height: 170%;
  color: var(--white);
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .testimonial-content-3 p {
    font-size: 17px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .koma-icon {
  position: absolute;
  top: -10%;
  right: 14%;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .testimonial-box-3 .koma-icon {
    display: none;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name {
  text-align: center;
}
@media (max-width: 991px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .client-name {
    margin-top: 20px;
  }
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name h4 {
  color: var(--white);
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name h3 {
  color: var(--white);
  font-size: 18px;
  margin-bottom: 5px;
  font-family: "Source Sans Pro", sans-serif;
}
.testimonial-wrapper-3 .testimonial-box-area-3 .client-name p {
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 575px) {
  .testimonial-wrapper-3 .testimonial-box-area-3 .client-name p {
    font-size: 14px;
  }
}
.testimonial-wrapper-3 .testimonial-array {
  z-index: 9;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array {
    justify-content: center;
    margin-top: 30px;
  }
}
.testimonial-wrapper-3 .testimonial-array .array-prev {
  position: absolute;
  top: 57%;
  left: 17%;
  z-index: 99;
}
@media (max-width: 1600px) {
  .testimonial-wrapper-3 .testimonial-array .array-prev {
    left: 13%;
  }
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array .array-prev {
    position: static;
  }
}
.testimonial-wrapper-3 .testimonial-array .array-next {
  position: absolute;
  top: 57%;
  right: 17%;
  z-index: 99;
}
@media (max-width: 1399px) {
  .testimonial-wrapper-3 .testimonial-array .array-next {
    position: static;
  }
}

.testimonial-wrapper-4 {
  position: relative;
}
.testimonial-wrapper-4 .swiper-wrapper {
  position: relative;
  padding-bottom: 322px;
  padding-top: 60px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .swiper-wrapper {
    padding: 0;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 {
  position: relative;
  text-align: center;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 {
    background-color: #FDEBE4;
    border-radius: 12px;
    padding: 20px;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #FDEBE4;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 249"><path   d="M131.352 0.837267C166.359 0.639441 212.216 -5.29905 237.965 17.5446C264.719 41.2795 268.813 79.5794 269.889 114.598C270.998 150.699 264.054 203.439 237.965 229.382C211.488 255.71 169.371 246.79 131.352 248.389C91.3384 250.072 47.0661 250.256 20.2754 221.581C-5.7936 193.679 -0.425215 152.017 2.64371 114.598C5.39126 81.0963 -4.50211 45.8604 20.2754 22.2C44.9629 -1.37452 96.5877 1.03372 131.352 0.837267Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 252px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-box-bg {
    display: none;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg.style-2 {
  background-color: #DBFFF9;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-box-bg.style-3 {
  background-color: #F5F5F5;
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .client-img-box {
    position: static;
    transform: initial;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img {
  position: relative;
}
.testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img .koma-shape {
  position: absolute;
  right: -36px;
  top: 10px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .client-img-box .client-img .koma-shape {
    display: none;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content {
  padding: 0 13px 0;
  z-index: 22;
  position: absolute;
  top: 48px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-content {
    position: static;
    transform: initial;
    padding: 0;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon {
  gap: 2px;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .icon li i {
  color: var(--theme-color-2);
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 1199px) {
  .testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content {
    padding-top: 18px;
  }
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
}
.testimonial-wrapper-4 .testimonial-items-4 .test-content .client-content p {
  font-size: 16px;
}
.testimonial-wrapper-4 .array-button .array-prev {
  position: absolute;
  left: -100px;
  top: 55%;
  z-index: 2;
  transform: translateY(-50%);
}
.testimonial-wrapper-4 .array-button .array-next {
  position: absolute;
  right: -100px;
  top: 55%;
  z-index: 2;
  transform: translateY(-50%);
}

.testimonial-box-items-inner {
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-box-items-inner {
    max-width: 346px;
    margin: 30px auto 0;
  }
}
.testimonial-box-items-inner .testimonial-item {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 30px;
}
.testimonial-box-items-inner .testimonial-item .client-image {
  display: flex;
  gap: 20px;
}
.testimonial-box-items-inner .testimonial-item .client-image img {
  margin-left: -44px;
  margin-top: -15px;
}
.testimonial-box-items-inner .testimonial-item .client-image .icon {
  gap: 5px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.testimonial-box-items-inner .testimonial-item .client-image .icon li {
  color: var(--theme-color-2);
}
.testimonial-box-items-inner .testimonial-item .testi-text {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 25px;
  margin-bottom: 20px;
  margin-top: 10px;
  border-bottom: 1px dashed var(--theme-color-2);
}
.testimonial-box-items-inner .testimonial-item .client-info h2 {
  font-weight: 900;
  font-size: 18px;
}
.testimonial-box-items-inner .testimonial-item .koma-icon {
  position: absolute;
  right: -13px;
  bottom: -17px;
}

.brand-section {
  position: relative;
}

.brand-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.brand-slider .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image img {
  height: 80px;
  width: 100%;
  filter: grayscale(1) opacity(0.7);
  transition: all 0.4s ease-in-out;
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image:hover img {
  filter: grayscale(0);
}
.brand-slider .swiper-wrapper .swiper-slide .brand-image.image-2 img {
  filter: grayscale(0);
}

.news-section {
  position: relative;
}
.news-section .hut-shape {
  position: absolute;
  bottom: 5%;
  left: 7%;
}
.news-section .sky-shape {
  position: absolute;
  top: 35%;
  right: 4%;
}

.news-section-two {
  position: relative;
}
.news-section-two .perasute-shape {
  position: absolute;
  top: 6%;
  left: 7%;
}
@media (max-width: 1399px) {
  .news-section-two .perasute-shape {
    opacity: 0.2;
  }
}
.news-section-two .tubelight-shape {
  position: absolute;
  top: 10%;
  right: 11%;
  animation: rounded 6s linear infinite;
}
@media (max-width: 1399px) {
  .news-section-two .tubelight-shape {
    opacity: 0.2;
  }
}

@media (max-width: 767px) {
  .news-section-two .section-title-area {
    text-align: center;
  }
}

.news-card-items {
  margin-top: 30px;
  position: relative;
  z-index: 99;
  background-color: var(--white);
}
.news-card-items .news-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-card-items .news-image img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  height: 100%;
  display: block;
}
.news-card-items .news-image .news-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
  border-radius: 10px;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-card-items .news-image .news-layer-wrapper .news-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-card-items .news-content {
  border-radius: 0 0 16px 16px;
  padding: 20px 24px 24px;
  border: 1px solid rgba(30, 30, 28, 0.15);
}
.news-card-items .news-content .catagory {
  background-color: var(--theme-color);
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  color: var(--white);
  font-weight: 500;
  font-size: 22px;
  border-radius: 100px;
  margin-bottom: 15px;
}
.news-card-items .news-content h2 {
  margin-bottom: 15px;
  text-transform: capitalize;
  font-size: 22px;
}
.news-card-items .news-content h2 a:hover {
  color: var(--theme-color-2);
}
.news-card-items .news-content h3 {
  margin-bottom: 15px;
  text-transform: capitalize;
}
.news-card-items .news-content h3 a:hover {
  color: var(--theme-color-2);
}
.news-card-items .news-content .author-items {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px dashed #FFB289;
  gap: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .news-card-items .news-content .author-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.news-card-items .news-content .author-items li i {
  margin-right: 5px;
  color: #C7C7C7;
}
.news-card-items .news-content .author-items li.calendar i {
  color: var(--theme-color-2);
}
.news-card-items:hover .news-image .news-layer-wrapper .news-layer-image {
  transform: translateY(-100%);
}
.news-card-items .news-image .img-popup {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.news-card-items .news-image .img-popup::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0.7);
    content: "";
    position: absolute;
    background: rgba(244, 91, 30, 0.68);
    z-index: 1;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 16px;
}
.news-card-items .news-image .img-popup .icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.news-card-items .news-image .img-popup:hover::before {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.news-card-items .news-image .img-popup:hover .icons {
    opacity: 1;
    visibility: visible;
}
.news-card-items .news-image .img-popup .icons i {
    display: block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    color: #f45b1e !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.news-card-items {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-card-items .news-image {
    height: 250px;
}

.news-card-items .news-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.news-card-items .news-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news-card-items .news-content h2 {
    min-height: 60px;
}

.news-card-items .news-content p {
    min-height: 72px;
}

.news-card-items .news-content .author-items {
    margin-top: auto;
}

.news-section .row.g-4 {
    row-gap: 30px !important;
}

.pagination-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100%;
    margin-top: 40px;
}

.pagination-wrap a {
    min-width: 42px !important;
    width: auto !important;
    height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
}

/* Prev & Next */
.pagination-wrap a:first-child,
.pagination-wrap a:last-child {
    min-width: 85px !important;
    width: 85px !important;
    height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.pagination-wrap a:hover,
.pagination-wrap a.active {
    background: var(--theme-color);
    color: #fff !important;
    border-color: var(--theme-color);
}

.pagination-wrap a {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.news-items-tow {
  margin-top: 30px;
  position: relative;
}
.news-items-tow .news-image-tow {
  position: relative;
  z-index: -1;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 293"><path d="M0 280.131V26.5393C0 18.4136 12.4039 9.95836 20.5249 9.68233C35.9537 9.15793 57.506 4.93445 82.3201 4.93446C125.578 4.93447 163.939 -5.86791 197.125 4.93455C239.523 20.8382 373.428 4.93446 398.109 4.93446C434.683 4.93446 508.842 -4.88457 560.474 3.1795C566.061 4.05212 570 8.97267 570 14.6275V272.138C570 280.744 561.088 286.838 552.71 284.872C491.941 270.616 368.93 278.685 337.844 278.685C262.797 278.685 180.5 283.186 117.562 278.685C33.3214 266.176 35.8402 284.154 12.6815 290.869C5.99952 292.806 0 287.088 0 280.131Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  overflow: visible;
  z-index: 1;
  height: 288px;
}
.news-items-tow .news-image-tow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-items-tow .post {
  position: absolute;
  top: 39px;
  left: 20px;
  padding: 2px 20px;
  background: var(--theme-color);
  border-radius: 100px;
  z-index: 22;
}
.news-items-tow .post span {
  color: var(--white);
}
.news-items-tow .news-content-two {
  margin-top: 10px;
}
.news-items-tow .news-content-two .thumb-icon-box {
  position: absolute;
  bottom: 36%;
  right: 8%;
}
.news-items-tow .news-content-two .thumb-icon-box .thumb-icon {
  position: relative;
  z-index: 2;
  animation: cir36 7s linear infinite;
}
.news-items-tow .news-content-two .thumb-icon-box .date {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.news-items-tow .news-content-two .thumb-icon-box .date h3 {
  margin-bottom: -10px;
  font-size: 32px;
  line-height: 147%;
}
.news-items-tow .news-content-two .thumb-icon-box .date span {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--header);
}
.news-items-tow .news-content-two .author-name span {
  color: var(--text);
}
.news-items-tow .news-content-two .author-name span i {
  color: #C7C7C7;
  margin-right: 5px;
}
.news-items-tow .news-content-two .author-name {
  margin-bottom: 15px;
}
.news-items-tow .news-content-two h3 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 147%;
}
@media (max-width: 1199px) {
  .news-items-tow .news-content-two h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .news-items-tow .news-content-two h3 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .news-items-tow .news-content-two h3 {
    font-size: 20px;
  }
}
.news-items-tow .news-content-two h3 a:hover {
  color: var(--theme-color-2);
}
.news-items-tow .news-content-two p {
  font-size: 16px;
}

.news-wrapper-three {
  position: relative;
}
.news-wrapper-three::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 516"><path   d="M1835.26 14.5476C1868.35 -11.0856 1905.54 6.81344 1920 18.9671L1919.87 515.5L-4.50664e-05 515.5L0.13391 10.1279C23.5396 -5.11941 48.2231 3.77486 57.6392 10.1279C75.7987 24.0494 92.1086 19.9797 97.9937 16.2048C127.452 -6.11378 153.649 1.19683 163.065 7.64194C185.664 23.5522 201.738 19.9798 206.951 16.2048C238.427 -5.00889 264.456 1.6572 273.536 7.64195C293.309 23.5522 308.005 19.9798 312.881 16.2048C344.358 -5.89278 369.041 1.28892 377.449 7.64196C396.415 23.3312 415.617 19.8877 422.847 16.2048C452.306 -5.00887 479.512 1.65722 489.432 7.64197C509.206 25.983 527.937 20.9926 534.831 16.2048C562.676 -6.99764 592.168 2.67004 603.434 10.4042C619.172 23.2208 632.186 19.6115 636.726 16.2048C667.799 -6.55569 692.718 -0.460443 701.294 5.43224C721.471 25.32 741.648 20.9005 749.215 16.2048C779.884 -6.77666 806.047 2.57798 815.295 10.128C837.086 24.9334 855.313 18.6908 861.703 13.7189C891.969 -7.49478 919.04 2.48593 928.792 10.128C943.32 24.9334 959.731 18.6908 966.12 13.7189C995.983 -7.05282 1023.29 2.67009 1033.21 10.128C1053.79 25.3753 1071.04 18.875 1077.1 13.7189C1103.33 -7.05282 1133.76 2.6701 1145.7 10.128C1163.05 26.9222 1182.52 18.5987 1190.09 12.3378C1215.51 -6.22418 1242.38 3.13046 1252.64 10.128C1267.97 24.2705 1284.92 18.4146 1291.48 13.7189C1313.67 -5.28501 1339.74 0.644512 1349.99 5.98476C1371.38 24.7677 1392.53 18.9671 1400.44 13.7189C1424.65 -5.72695 1452.22 1.7494 1462.99 7.9183C1486.39 26.7012 1504.35 19.6116 1510.4 13.7189C1532.19 -4.40108 1558.49 1.01282 1568.92 5.98478C1585.46 26.3145 1610.78 18.1384 1621.38 11.5092C1648.41 -7.71572 1675.01 3.49879 1684.93 11.5092C1704.31 24.9887 1720.92 17.1256 1726.8 11.5092C1740.93 3.22258 1768.67 -4.51156 1792.88 11.5092C1812.25 24.3258 1829.2 18.875 1835.26 14.5476Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 515px;
}
@media (max-width: 1199px) {
  .news-wrapper-three::before {
    mask: none;
    height: 100%;
  }
}
@media (max-width: 1199px) {
  .news-wrapper-three {
    margin-bottom: 80px;
  }
  .news-wrapper-three .custom-padding-top {
    padding-top: 0 !important;
  }
}
.news-wrapper-three .news-blog-items {
  margin-top: 30px;
  box-shadow: var(---box-shadow);
  border-radius: 12px;
  z-index: 2;
  background-color: var(--white);
}
.news-wrapper-three .news-blog-items .blog-img {
  position: relative;
  padding: 20px 20px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}
.news-wrapper-three .news-blog-items .blog-img img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: block;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: 0.5s;
  padding: 0 20px 20px 20px;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image {
  width: 25%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
  border-radius: 10px;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(1) {
  background-position: 0;
  transition-delay: 0;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(2) {
  background-position: 33.33%;
  transition-delay: 0.1s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(3) {
  background-position: 66.66%;
  transition-delay: 0.2s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-layer-wrapper .blog-layer-image:nth-child(4) {
  background-position: 100%;
  transition-delay: 0.3s;
}
.news-wrapper-three .news-blog-items .blog-img .blog-text {
  position: absolute;
  bottom: 6%;
  left: 10%;
  color: var(--white);
  background-color: var(--theme-color);
  font-size: 15px;
  font-weight: 400;
  padding: 2px 12px;
  border-radius: 10px;
}
.news-wrapper-three .news-blog-items .blog-content {
  padding: 25px 28px 30px;
}
.news-wrapper-three .news-blog-items .blog-content .admin-box {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 10px;
}
.news-wrapper-three .news-blog-items .blog-content .admin-box li {
  font-size: 14px;
  color: var(--text);
}
.news-wrapper-three .news-blog-items .blog-content .admin-box li i {
  color: var(--theme-color-2);
  margin-right: 5px;
  font-size: 16px;
}
.news-wrapper-three .news-blog-items .blog-content h3 a:hover {
  color: var(--theme-color-2);
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn {
  color: #5C707E;
  margin-top: 15px;
  font-weight: 600;
  text-transform: capitalize;
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn i {
  font-weight: 500;
}
.news-wrapper-three .news-blog-items .blog-content .blog-btn:hover {
  color: var(--theme-color-2);
  padding-left: 5px;
}
.news-wrapper-three .news-blog-items:hover .blog-img .blog-layer-wrapper .blog-layer-image {
  transform: translateY(-100%);
}

.little-blog-items {
  padding: 10px;
  background-color: #E0F2C0;
  gap: 15px;
  border-radius: 8px;
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.little-blog-items .blog-image img {
  border-radius: 8px;
}
.little-blog-items .blog-content p {
  font-size: 15px;
  margin-bottom: 5px;
}
.little-blog-items .blog-content p span {
  color: var(--theme-color);
}
.little-blog-items .blog-content h3 {
  font-size: 16px;
  line-height: 168%;
}
.little-blog-items .blog-content h3:hover a {
  color: var(--theme-color-2);
}
.little-blog-items.color-style-2 {
  background-color: #FFE8B6;
}
.little-blog-items.color-style-3 {
  background-color: #CCECFF;
}

.main-sidebar .single-sidebar-widget {
  padding: 40px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: var(---box-shadow);
}
.main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #F39F5F 4.85%, rgba(201, 203, 223, 0) 96.39%);
  border-bottom: 2px solid transparent;
  border-image-slice: 2;
  display: inline-block;
}
.main-sidebar .single-sidebar-widget .search-widget form {
  width: 100%;
  position: relative;
}
.main-sidebar .single-sidebar-widget .search-widget form input {
  background-color: var(--white);
  font-size: 16px;
  padding: 20px;
  width: 100%;
  border: none;
  color: var(--text);
  border: 1px solid #E5E5E5;
  border-radius: 4px;
}
.main-sidebar .single-sidebar-widget .search-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 100%;
  color: var(--theme-color-2);
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-radius: 0 4px 4px 0;
}
.main-sidebar .single-sidebar-widget .search-widget form button i {
  font-weight: 400;
  font-size: 16px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E1DBD2;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
  margin-bottom: 8px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li {
  font-size: 14px;
  color: var(--theme-color-2);
  font-weight: 600;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 {
  font-weight: 700;
  font-size: 16px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h4 a:hover {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 20px;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
  border: 1px solid #E1DBD2;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
  color: #385469;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li span {
  transition: all 0.4s ease-in-out;
  color: #385469;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
  margin-bottom: 12px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span {
  color: var(--theme-color-2);
}
.main-sidebar .single-sidebar-widget .tagcloud a {
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  color: #385469;
  transition: all 0.4s ease-in-out;
}
.main-sidebar .single-sidebar-widget .tagcloud a:last-child {
  margin-right: 0;
}
.main-sidebar .single-sidebar-widget .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .tagcloud a.active {
  background-color: var(--theme-color-2);
  color: var(--white);
}

.news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
  height: 460px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .news-details-area .blog-post-details .single-blog-post .post-featured-thumb {
    height: 400px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content {
  margin-top: 30px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list {
  gap: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 20px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i {
  color: var(--theme-color-2);
  margin-right: 5px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .post-list li i.tg {
  rotate: 75deg;
}
.news-details-area .blog-post-details .single-blog-post .post-content .headline {
  margin-bottom: 20px;
  font-size: 44px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .single-blog-post .post-content .headline {
    font-size: 24px;
  }
}
.news-details-area .blog-post-details .single-blog-post .post-content .headline a:hover {
  color: var(--theme-color-2);
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text {
  border-left: 4px solid var(--header);
  padding: 40px;
  background-color: var(--theme-color-2);
  border-radius: 10px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text p {
  font-weight: 600;
  text-transform: capitalize;
  font-style: italic;
  color: var(--white);
  font-size: 16px;
  line-height: 162%;
}
.news-details-area .blog-post-details .single-blog-post .post-content .hilight-text svg {
  float: right;
  margin-top: -15px;
}
.news-details-area .blog-post-details .single-blog-post .post-content h3 {
  font-size: 24px;
}
.news-details-area .blog-post-details .single-blog-post .post-content .details-image img {
  width: 100%;
  height: 100%;
  border-radius: 14px 14px 0 0;
}
.news-details-area .blog-post-details .tag-share-wrap {
  padding: 20px 0 0;
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 10px 14px;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  color: #385469;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .tag-share-wrap .tagcloud a {
    margin-bottom: 5px;
  }
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a:hover {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.news-details-area .blog-post-details .tag-share-wrap .tagcloud a.active {
  background-color: var(--theme-color-2);
  color: var(--white);
}
.news-details-area .blog-post-details .tag-share-wrap .social-share span {
  font-size: 18px;
  color: var(--header);
  font-weight: 600;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a {
  display: inline-flex;
  width: 40px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(93, 50, 34, 0.1);
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--theme-color);
  transition: all 0.4s ease-in-out;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a i {
  font-size: 15px;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:not(:last-child) {
  margin-right: 10px;
}
.news-details-area .blog-post-details .tag-share-wrap .social-share a:hover {
  color: var(--white);
  background-color: var(--theme-color);
  border: 1px solid transparent;
}
.news-details-area .blog-post-details .comment-form-wrap h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .news-details-area .blog-post-details .comment-form-wrap h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt span {
  color: var(--header);
  display: inline-block;
  margin-bottom: 10px;
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid #D9D9D9;
  padding: 16px 20px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt input::placeholder, .news-details-area .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
  color: var(--text);
}
.news-details-area .blog-post-details .comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
}

.news-details-area .blog-post-details .comment-form-wrap .form-clt select {
  width: 100%;
  outline: none;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  padding: 16px 45px 16px 20px;
  font-weight: 500;
  border-radius: 8px;
  color: var(--text);

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 14px;
}

.contact-section {
  position: relative;
}
@media (max-width: 991px) {
  .contact-section .section-title-area {
    text-align: center;
    padding-bottom: 20px;
    gap: 20px;
  }
}
.contact-section .perasute-shape {
  position: absolute;
  top: -10%;
  left: 3%;
  z-index: 2;
}
.contact-section .star-shape {
  position: absolute;
  top: 35%;
  right: 14%;
  animation: zoom 1s linear infinite;
}
.contact-section .emoji-shape {
  position: absolute;
  bottom: 10%;
  right: 6%;
}
@media (max-width: 1199px) {
  .contact-section {
    background-color: #1e40af;
    overflow: hidden;
  }
}
#testimonialPopup > div:last-child{
    width:90%;
    max-width:650px;
}

@media (max-width:768px){

    #testimonialPopup > div:last-child{
        width:95%;
        margin:40px auto;
    }

    #testimonialPopup #popupText{
        font-size:15px !important;
        line-height:1.8 !important;
    }

}
.contact-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: #1e40af;
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1882 875"><path   d="M1892.99 68.7146C1907 71.875 1916.83 82.5416 1920 87.4798L1920 875.001L-4.02e-07 875L0.00221079 24.2689C40.5128 0.565479 71.5208 37.1083 75.0217 61.7994C100.628 32.1701 130.036 50.4415 141.539 63.2808C203.055 0.565511 261.57 45.0095 280.075 83.5276C298.48 60.2192 316.752 73.8158 323.586 83.5276C331.088 65.2562 361.096 60.318 372.099 83.5276C386.503 45.9971 414.443 50.7707 426.613 57.8489C443.618 -26.5946 555.147 -9.80473 558.148 59.8242C582.154 48.9601 602.159 52.9107 619.664 70.6882C660.874 37.1084 696.851 59.6595 709.687 75.1327C731.193 50.4416 778.205 41.5528 808.713 75.1327C849.523 55.7749 868.061 79.5771 872.229 93.8979C892.235 58.8366 925.743 70.1945 937.246 75.1327C982.058 34.8369 1022.6 58.3428 1037.27 75.1327C1061.78 45.0096 1104.79 45.0096 1125.79 71.676C1144.6 48.7627 1174.64 52.9108 1187.31 57.849C1198.31 -13.7552 1306.84 -24.6192 1318.34 57.849C1361.55 44.8121 1374.03 74.1451 1374.86 90.4412C1386.36 85.0092 1395.36 87.9721 1405.37 95.8733C1428.97 71.3798 1455.55 77.4374 1465.88 83.5278C1489.89 21.8001 1570.91 14.8866 1605.92 68.7131C1631.12 44.2196 1659.76 53.8985 1670.94 61.7996C1681.94 22.2939 1729.95 6.49166 1765.96 32.6656C1796.97 -17.2118 1887.99 -13.261 1892.99 68.7146Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 100%;
}
@media (max-width: 1199px) {
  .contact-section::before {
    display: none;
  }
}

.contact-section-two {
  position: relative;
  z-index: 9;
}
.contact-section-two::before {
  background-color: #FAF5F2;
  mask-position: top center;
  top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1882 875"><path   d="M1892.99 68.7146C1907 71.875 1916.83 82.5416 1920 87.4798L1920 875.001L-4.02e-07 875L0.00221079 24.2689C40.5128 0.565479 71.5208 37.1083 75.0217 61.7994C100.628 32.1701 130.036 50.4415 141.539 63.2808C203.055 0.565511 261.57 45.0095 280.075 83.5276C298.48 60.2192 316.752 73.8158 323.586 83.5276C331.088 65.2562 361.096 60.318 372.099 83.5276C386.503 45.9971 414.443 50.7707 426.613 57.8489C443.618 -26.5946 555.147 -9.80473 558.148 59.8242C582.154 48.9601 602.159 52.9107 619.664 70.6882C660.874 37.1084 696.851 59.6595 709.687 75.1327C731.193 50.4416 778.205 41.5528 808.713 75.1327C849.523 55.7749 868.061 79.5771 872.229 93.8979C892.235 58.8366 925.743 70.1945 937.246 75.1327C982.058 34.8369 1022.6 58.3428 1037.27 75.1327C1061.78 45.0096 1104.79 45.0096 1125.79 71.676C1144.6 48.7627 1174.64 52.9108 1187.31 57.849C1198.31 -13.7552 1306.84 -24.6192 1318.34 57.849C1361.55 44.8121 1374.03 74.1451 1374.86 90.4412C1386.36 85.0092 1395.36 87.9721 1405.37 95.8733C1428.97 71.3798 1455.55 77.4374 1465.88 83.5278C1489.89 21.8001 1570.91 14.8866 1605.92 68.7131C1631.12 44.2196 1659.76 53.8985 1670.94 61.7996C1681.94 22.2939 1729.95 6.49166 1765.96 32.6656C1796.97 -17.2118 1887.99 -13.261 1892.99 68.7146Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  height: 80%;
}
@media (max-width: 1199px) {
  .contact-section-two::before {
    mask: none;
    height: 100%;
  }
}

.contact-wrapper {
  margin-top: 30px;
  position: relative;
  z-index: 99;
}
.contact-wrapper .contact-info {
  gap: 30px;
  display: flex;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-info {
    gap: 20px;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.contact-wrapper .contact-info:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .contact-wrapper .contact-info:not(:last-child) {
    margin-bottom: 20px;
  }
}
.contact-wrapper .contact-info .content h4 {
  font-weight: 600;
  color: var(--white);
  margin-bottom: 5px;
}
.contact-wrapper .contact-info .content h3 {
  font-weight: 600;
  color: var(--white);
  font-size: 18px;
  margin-bottom: 5px;
}
.contact-wrapper .contact-info .content p {
  color: var(--white);
}
@media (max-width: 991px) {
  .contact-wrapper .contact-from h3 {
    text-align: center;
  }
}
.contact-wrapper .contact-from form {
  display: initial;
}
.contact-wrapper .contact-from .inptFld {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 16px;
  margin-bottom: 20px;
  color: var(--black);
}
.contact-wrapper .contact-from .contFrm textarea {
  height: 180px;
  padding-top: 5px;
}
.contact-wrapper .contact-from .contFrm textarea.inptFld-2 {
  height: 150px;
}
.contact-wrapper .contact-from .contFrm textarea.inptFld-3 {
  height: 120px;
}
.contact-wrapper .contact-from textarea:focus {
  outline: none;
}
.contact-wrapper .contact-from .contact-button {
  margin-top: 20px;
}
.contact-wrapper .contact-from .contact-button .style-2 {
  background-color: #ff5757;
  color: var(--white);
}
.contact-wrapper .contact-from .contact-button .style-2:hover {
  color: var(--white);
}

.contact-wrapper-two .contact-from-two {
  background-color: var(--bg-3);
  padding: 55px 70px 70px;
  border-radius: 14px;
}
@media (max-width: 1199px) {
  .contact-wrapper-two .contact-from-two {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .contact-wrapper-two .contact-from-two {
    padding: 33px;
  }
}
@media (max-width: 575px) {
  .contact-wrapper-two .contact-from-two {
    padding: 30px;
  }
}
.contact-wrapper-two .contact-from-two h3 {
  font-size: 32px;
}
.contact-wrapper-two .contact-from-two h2 {
  font-size: 32px;
}
.contact-wrapper-two .contact-from-two .contFrm-two span {
  color: var(--white);
  font-size: 15px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.contact-wrapper-two .contact-from-two.contact-from-three {
  padding: 30px 50px 60px 50px;
}
.contact-wrapper-two .contact-info-items {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .contact-wrapper-two .contact-info-items {
    margin-left: 0;
  }
}
.contact-wrapper-two .contact-info-items .contact-info-two {
  margin-top: 24px;
}
.contact-wrapper-two .contact-info-items .contact-info-two:not(:last-child) {
  margin-bottom: 0;
}
.contact-wrapper-two .contact-info-items .contact-info-two .icon {
  background-color: var(--theme-color);
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .contact-wrapper-two .contact-info-items .contact-info-two .icon {
    margin: 0 auto;
  }
}
.contact-wrapper-two .contact-info-items .contact-info-two .content span {
  font-size: 15px;
}
.contact-wrapper-two .contact-info-items .contact-info-two .content h5 {
  font-weight: 600;
}
.contact-wrapper-two .contact-info-items .contact-info-two .content h3 {
  font-weight: 600;
  font-size: 20px;
  color: var(--header);
}

.contact-wrapper .contact-info {
    gap: 8px !important;
}

.contact-wrapper .contact-info .icon {
    margin: 0 !important;
    padding: 0 !important;
}

.contact-wrapper .contact-info .content {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 991px) {
    .contact-wrapper .contact-info {
        display: grid !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .contact-wrapper .contact-info .icon {
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .contact-wrapper .contact-info .content {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
}

.newsletter-section {
  position: relative;
}

.newsletter-two {
  position: relative;
}

.input-wrapper {
  position: relative;
  width: 100%;
  max-width: 550px;
}

.signUp-box form {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 575px) {
  .signUp-box form {
    display: block;
  }
}
.signUp-box input[type=email] {
  padding: 13px 20px;
  border: none;
  width: 100%;
  outline: none;
  color: var(--text);
  font-size: 16px;
  border-radius: 16px;
  border: 1px solid rgba(30, 30, 28, 0.15);
}
.signUp-box input[type=email]::placeholder {
  color: var(--text);
}
@media (max-width: 575px) {
  .signUp-box .theme-btn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}

.house-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--text);
  pointer-events: none;
}

.newsletter-image {
  margin-top: 50px;
}
.newsletter-image img {
  width: 100%;
  height: 100%;
}

.input-style input[type=email] {
  background-color: var(--white);
}

.map-section {
  position: relative;
  margin-bottom: -100px;
}

.map-items .googpemap iframe {
  width: 100%;
  height: 600px;
}
@media (max-width: 575px) {
  .map-items .googpemap iframe {
    height: 400px;
  }
}

.footer-section {
  position: relative;
}
@media (max-width: 1199px) {
  .footer-section {
    overflow: hidden;
    background-color: var(--bg-2);
  }
}
.footer-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--bg-2);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 632"><path   d="M1920 0.000183105L1920 589.225L1920 637C1881.96 613.112 1776.39 637 1642.71 637L1256 637L602.24 637L0 637L5.51662e-05 5.97188C170 53.5516 666 31.6547 782 31.6548C1034.79 31.655 1312 21.7013 1524 31.6549C1850.74 63.5049 1790 5.9721 1920 0.000183105Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .footer-section::before {
    display: none;
  }
}
.footer-section .bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  animation: wind-blow 6s linear infinite;
}
.footer-section .bottom-shape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 575px) {
  .footer-section .bottom-shape {
    height: 250px;
  }
}
.footer-section .busket-shape {
  position: absolute;
  top: -16%;
  right: 5%;
}
@media (max-width: 1199px) {
  .footer-section .busket-shape {
    display: none;
  }
}
.footer-section .ball-shape {
  position: absolute;
  bottom: 43%;
  left: 7%;
}
@media (max-width: 1199px) {
  .footer-section .ball-shape {
    opacity: 0.2;
  }
}

.footer-widgets-wrapper {
  padding: 90px 0 0px;
  position: relative;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper {
    padding-bottom: 70px;
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding-top: 50px;
  }
}
.footer-widgets-wrapper.footer-widgets-wrapper3s {
  padding-top: 70px;
}
@media (max-width: 991px) {
  .footer-widgets-wrapper.footer-widgets-wrapper3s {
    padding-top: 50px;
  }
}
.footer-widgets-wrapper .widget-head {
  margin-bottom: 30px;
}
.footer-widgets-wrapper .single-footer-widget {
  margin-top: 30px;
  position: relative;
  z-index: 88;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .footer-map iframe {
    width: 90%;
    height: 200px;
    border: 0;
    border-radius: 8px;
    transition: all 0.4s ease-in-out;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .footer-map iframe:hover {
    transform: scale(1.02);
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li {
  transition: all 0.4s ease-in-out;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .list-area li:hover a {
  color: var(--theme-color-2);
  margin-left: 5px;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .footer-contact-info {
  gap: 15px;
  display: flex;
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper .single-footer-widget .widget-content .footer-contact-info {
    margin-left: 0;
  }
}
.footer-widgets-wrapper .single-footer-widget .widget-content .footer-contact-info:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .footer-widgets-wrapper .single-footer-widget .widget-content .footer-contact-info:not(:last-child) {
    margin-bottom: 25px;
  }
}
.footer-widgets-wrapper .footer-bottom {
  text-align: center;
  margin-top: 50px;
}
.footer-widgets-wrapper .footer-bottom a:hover {
  color: var(--theme-color-2);
}

.contact-info-wrapper {
  padding-top: 90px;
}
.contact-info-wrapper .contact-items .contact-text {
  color: var(--white);
  margin-top: 20px;
}
.contact-info-wrapper .contact-info-box {
  justify-content: space-between;
  margin-left: 40px;
}
@media (max-width: 1199px) {
  .contact-info-wrapper .contact-info-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .contact-info-wrapper .contact-info-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.contact-info-wrapper .contact-info-box .contact-inform {
  display: flex;
  gap: 15px;
  max-width: 221px;
}
.contact-info-wrapper .contact-info-box .contact-inform h4 {
  color: var(--white);
  margin-bottom: 15px;
}
.contact-info-wrapper .contact-info-box .contact-inform h3 {
  color: var(--white);
  margin-bottom: 15px;
  font-size: 18px;
}
.contact-info-wrapper .contact-info-box .contact-inform p {
  color: rgba(255, 255, 255, 0.79);
  font-size: 16px;
}
.contact-info-wrapper .contact-info-box .contact-inform p a {
  color: rgba(255, 255, 255, 0.79);
}

.footer-bottom {
  position: relative;
}
.footer-bottom .f-bottom-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color);
  transition: all 500ms ease;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 92"><path d="M84.7504 27.2721C51.6574 -20.7819 14.4614 12.773 0 35.5572V92H1920V18.9869C1896.59 -9.59695 1871.91 7.07696 1862.49 18.9869C1844.33 45.0852 1828.02 37.4559 1822.13 30.379C1792.67 -11.4611 1766.47 2.24395 1757.06 14.3265C1734.46 44.1531 1718.38 37.4559 1713.17 30.379C1681.69 -9.38979 1655.66 3.10699 1646.58 14.3265C1626.8 44.1531 1612.11 37.4559 1607.23 30.379C1575.75 -11.0468 1551.07 2.41656 1542.66 14.3265C1523.69 43.7389 1504.49 37.2833 1497.26 30.379C1467.8 -9.38979 1440.59 3.10699 1430.67 14.3265C1410.89 48.71 1392.16 39.3546 1385.27 30.379C1357.42 -13.1181 1327.92 5.00568 1316.66 19.5047C1300.92 43.5317 1287.9 36.7655 1283.36 30.379C1252.29 -12.2896 1227.37 -0.862982 1218.79 10.1839C1198.61 47.4672 1178.43 39.182 1170.87 30.379C1140.2 -12.7039 1114.03 4.83308 1104.78 18.9869C1082.99 46.7422 1064.76 35.0395 1058.37 25.7187C1028.1 -14.0502 1001.03 4.66049 991.277 18.9869C976.748 46.7422 960.336 35.0395 953.946 25.7187C924.082 -13.2216 896.774 5.0057 886.852 18.9869C866.27 47.5708 849.017 35.3847 842.964 25.7187C816.732 -13.2216 786.295 5.0057 774.356 18.9869C757.003 50.4706 737.53 34.8668 729.963 23.1295C704.538 -11.6682 677.667 5.86872 667.409 18.9869C652.074 45.4995 635.124 34.5216 628.565 25.7187C606.369 -9.9076 580.305 1.20835 570.047 11.2196C548.658 46.4316 527.504 35.5573 519.601 25.7187C495.386 -10.7361 467.809 3.27964 457.047 14.8444C433.64 50.0564 415.681 36.7656 409.627 25.7187C387.834 -8.25056 361.534 1.89878 351.109 11.2196C334.562 49.3314 309.238 34.0038 298.644 21.576C271.605 -14.4645 245.003 6.55916 235.081 21.576C215.71 46.8458 199.096 32.1051 193.211 21.576C179.086 6.04134 151.34 -8.45772 127.126 21.576C107.754 45.603 90.804 35.3846 84.7504 27.2721Z" /></svg>');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 575px) {
  .footer-bottom .f-bottom-bg {
    mask: none;
  }
}
.footer-bottom .footer-wrapper {
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 575px) {
  .footer-bottom .footer-wrapper {
    flex-wrap: wrap;
    justify-content: center !important;
    padding: 20px 0;
    text-align: center !important;
    gap: 15px;
  }
}
.footer-bottom .footer-wrapper p {
  color: var(--white);
}
.footer-bottom .footer-wrapper p a {
  color: var(--white);
}
.footer-bottom .footer-wrapper p a:hover {
  color: var(--theme-color-2);
}
.footer-bottom .footer-wrapper .footer-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.footer-bottom .footer-wrapper .footer-menu li a {
  color: var(--white);
  background-image: linear-gradient(var(--theme-color-2), var(--theme-color-2));
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.footer-bottom .footer-wrapper .footer-menu li a:hover {
  background-size: 100% 1px;
  color: var(--theme-color-2);
}

.footer-section,
.footer-section::before{
    background: var(--forest-deep) !important;
}

.footer-widgets-wrapper{
    position: relative;
    z-index: 10;
}

.footer-section h3,
.footer-section h4{
    color:#fff !important;
}

.footer-section p,
.footer-section a,
.footer-section li{
    color:#EAF3E6 !important;
}

.footer-section a:hover{
    color:var(--sun) !important;
}

.footer-contact-info{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.footer-contact-info .footer-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.footer-contact-info .footer-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.footer-contact-info .footer-content h3{
    color:#fff !important;
}

.footer-contact-info .footer-content p,
.footer-contact-info .footer-content a{
    color:#EAF3E6 !important;
}

.footer-widgets-wrapper .list-area li a{
    color:#EAF3E6 !important;
}

.footer-widgets-wrapper .list-area li a:hover{
    color:var(--sun) !important;
}

.footer-bottom{
    margin-top:40px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.15);
    color:#fff !important;
    text-align:center;
}

.footer-bottom a{
    color:#fff !important;
}

.footer-bottom a:hover{
    color:var(--sun) !important;
}

@media only screen and (max-width:991px){

    .footer-widgets-wrapper{
        padding:60px 0 25px;
    }

    .footer-widgets-wrapper .single-footer-widget{
        margin-top:35px;
    }

    .footer-widgets-wrapper .widget-head{
        text-align:center;
    }

    .footer-widgets-wrapper .widget-head img{
        margin:0 auto;
    }

    .footer-widgets-wrapper .footer-map iframe{
        width:100% !important;
        height:220px !important;
    }

    .footer-widgets-wrapper .social-icon{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:12px;
        margin-top:25px;
    }

    .footer-widgets-wrapper .col-lg-3,
    .footer-widgets-wrapper .col-md-4,
    .footer-widgets-wrapper .col-md-6,
    .footer-widgets-wrapper .col-sm-6{

        width:50%;
        max-width:50%;
        flex:0 0 50%;
    }

    .footer-widgets-wrapper .widget-head h3{
        text-align:left;
        font-size:24px;
    }

    .footer-widgets-wrapper .list-area{
        padding-left:0;
    }

    .footer-widgets-wrapper .list-area li{
        text-align:left;
        margin-bottom:10px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info{

        display:flex;
        flex-direction:row;
        align-items:flex-start;
        gap:15px;

        margin-left:0 !important;
        margin-bottom:30px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon{

        width:55px;
        height:55px;
        min-width:55px;

        display:flex;
        align-items:center;
        justify-content:center;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon img{

        width:26px;
        height:26px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content{

        text-align:left;
        width:100%;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content h3{

        margin-bottom:8px;
    }

     .footer-bottom{
        display:block;
        text-align:center !important;
        width:100%;
        line-height:1.8;
    }

    .footer-bottom a{
        display:block;
        margin-bottom:5px;
    }

}

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

    .footer-widgets-wrapper{

        padding:50px 0 20px;
    }

    .footer-widgets-wrapper .footer-map iframe{

        height:200px !important;
    }

    .footer-widgets-wrapper .widget-head h3{

        font-size:22px;
    }

    .footer-widgets-wrapper .list-area li{

        margin-bottom:8px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info{

        gap:12px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon{

        width:50px;
        height:50px;
        min-width:50px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon img{

        width:24px;
        height:24px;
    }

    .footer-bottom{

        font-size:13px;
        line-height:1.8;
    }

}

@media only screen and (max-width:576px){

    .footer-widgets-wrapper{
        padding:40px 0 15px;
    }

    .footer-widgets-wrapper .widget-head{
        text-align:center;
    }

    .footer-widgets-wrapper .widget-head img{
        margin:0 auto;
        max-width:170px;
    }

    .footer-widgets-wrapper .footer-map iframe{
        width:100% !important;
        height:180px !important;
        border-radius:10px;
    }

    .footer-widgets-wrapper .social-icon{
        justify-content:center;
        gap:10px;
        margin-top:20px;
        margin-bottom:10px;
    }

    .footer-widgets-wrapper .col-sm-6,
    .footer-widgets-wrapper .col-md-4,
    .footer-widgets-wrapper .col-md-6{
        width:50%;
        max-width:50%;
        flex:0 0 50%;
    }

    .footer-widgets-wrapper .widget-head h3{
        text-align:left;
        font-size:20px;
    }

    .footer-widgets-wrapper .list-area li{
        text-align:left;
        margin-bottom:8px;
    }

    .footer-widgets-wrapper .list-area li a{
        font-size:14px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info{
        display:flex;
        flex-direction:row;
        align-items:flex-start;
        text-align:left;
        gap:12px;
        margin-left:0 !important;
        margin-bottom:25px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon{
        width:48px;
        height:48px;
        min-width:48px;
    }

    .footer-widgets-wrapper .widget-content .contact-info .footer-icon img{
        width:22px;
        height:22px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content h3{
        font-size:18px;
        margin-bottom:6px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content p,
    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content a{
        font-size:14px;
        line-height:1.6;
    }

    .footer-bottom{
        width:100%;
        text-align:center !important;
        font-size:12px;
        line-height:1.8;
        padding-top:18px;
    }
    
    .footer-contact-info .footer-content h3 {
        font-size: 14px !important;
    }
    .footer-contact-info .footer-content p a {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    .footer-contact-info {
        gap: 8px !important;
    }
}

@media only screen and (max-width:400px){

    .footer-widgets-wrapper{
        padding:35px 0 10px;
    }

    .footer-widgets-wrapper .widget-head img{
        max-width:150px;
    }

    .footer-widgets-wrapper .footer-map iframe{
        height:160px !important;
    }

    .footer-widgets-wrapper .widget-head h3{
        font-size:18px;
    }

    .footer-widgets-wrapper .list-area li a{
        font-size:13px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info{
        gap:10px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon{
        width:44px;
        height:44px;
        min-width:44px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-icon img{
        width:20px;
        height:20px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content h3{
        font-size:16px;
    }

    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content p,
    .footer-widgets-wrapper .widget-content .footer-contact-info .footer-content a{
        font-size:13px;
    }

    .footer-bottom{
        font-size:11px;
        line-height:1.7;
        padding-top:15px;
    }

}

.footer-widgets-wrapper .social-icon{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    padding:0;
    margin-top:25px;
}

.footer-widgets-wrapper .social-icon li{
    list-style:none;
}

.footer-widgets-wrapper .social-icon li a{
    width:42px;
    height:42px;
    background:#fff;
    color:var(--theme-color);
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    transition:all .35s ease;
}

.footer-widgets-wrapper .social-icon li a:hover{
    background:var(--theme-color);
    color:#fff;
}

.footer-widgets-wrapper .social-icon li a i{
    transition:.35s;
}

.footer-widgets-wrapper .social-icon li a{
    background:#fff !important;
    color:var(--theme-color) !important;
}

.footer-widgets-wrapper .social-icon li a:hover{
    background:var(--theme-color) !important;
    color:#fff !important;
}

@media (min-width: 992px){

    .footer-bottom{
        display:flex;
        justify-content:space-between;
        align-items:center;
        text-align:left;
        width:100%;
        margin-top:40px;
        padding-top:25px;
    }

    .footer-bottom a{
        display:inline-block;
    }

}

.whatsapp-btn{
    position:fixed;
    right:20px;
    bottom:80px;
    width:64px;
    height:64px;
    border-radius:50%;
    background:linear-gradient(135deg,#25D366,#128C7E);
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
    z-index:9998;
    transition:.35s ease;
    animation:whatsappFloat 2.2s ease-in-out infinite;
}

.whatsapp-icon{
    width:32px;
    height:32px;
    fill:#fff;
    transition:.35s;
}

.whatsapp-btn:hover{
    transform:scale(1.12);
    box-shadow:0 22px 55px rgba(37,211,102,.45);
}

.whatsapp-btn::before{
    content:"";
    position:absolute;
    inset:-8px;
    border:2px solid rgba(37,211,102,.35);
    border-radius:50%;
    animation:ring 2s linear infinite;
}

@keyframes whatsappFloat{
    
0%,100%{ transform:translateY(0); }
50%{ transform:translateY(-8px); }

}

@keyframes ring{

from{
    transform:scale(1);
    opacity:1;
}

to{
    transform:scale(1.25);
    opacity:0;
}

}

@media(max-width:991px){

    .whatsapp-btn{
        width:55px;
        height:55px;
        right:25px;
        bottom:100px;
    }

    .whatsapp-icon{
        width:28px;
        height:28px;
    }

}

@media(max-width:576px){

    .whatsapp-btn{
        width:50px;
        height:50px;
        right:22px;
        bottom:90px;
    }

    .whatsapp-icon{
        width:24px;
        height:24px;
    }
    
}

.Error-section {
  background-color: #020F2D;
  height: 100vh;
}

.error-items {
  text-align: center;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  font-size: 66px;
  color: var(--white);
  margin-top: 45px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .error-items h2 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .error-items h2 {
    font-size: 35px;
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .error-items h2 {
    font-size: 28px;
  }
}
.error-items .error-btn {
  margin-top: 30px;
}
.error-items .error-btn .custom-input-group {
  display: flex;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 30px;
}
.error-items .error-btn .custom-input-group .custom-input {
  flex: 1;
  border: none;
  padding: 14px 40px;
  outline: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
  color: #333333;
}
.error-items .error-btn .custom-input-group .custom-input::placeholder {
  color: #777;
}
.error-items .error-btn .custom-input-group .custom-input:focus {
  outline: none !important;
}
.error-items .error-btn .custom-input-group .custom-search-btn {
  padding: 0 20px;
  background: var(--theme-color-2);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
.error-items .error-btn .custom-input-group .custom-search-btn i {
  font-size: 12px;
  color: var(--white);
  font-weight: 400;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.error-items .error-btn .custom-input-group .custom-search-btn:hover i {
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
    .header-logo .sswings-header-logo {
        max-height: 45px !important;
    }
}
.header-1.scrolled .sswings-header-logo {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}
.sswings-header-logo {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.mission-section {
    padding: 120px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.premium-heading { 
    font-size: 55px; 
    font-weight: 900; 
    color: #0a2540; 
    letter-spacing: -1px;
}
.premium-heading span { color: #ff6b35; }

.sub-title { 
    color: #0a2540; 
    text-transform: uppercase; 
    letter-spacing: 3px; 
    font-weight: 800; 
    font-size: 14px; 
}

.subtitle { 
    color: #777; 
    font-size: 19px; 
    max-width: 700px; 
    margin: 0 auto; 
    line-height: 1.6; 
}

.mission-card {
    padding: 50px 35px;
    border-radius: 40px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.1);
}

.mission-card:hover { 
    transform: translateY(-25px) scale(1.02); 
    box-shadow: 0 40px 80px rgba(0,0,0,0.2); 
}

.card-navy-gradient { background: linear-gradient(145deg, #0a2540, #163657); }
.card-orange-gradient { background: linear-gradient(145deg, #ff6b35, #ff4d00); }
.card-green-gradient { background: linear-gradient(145deg, #2ecc71, #1fb35f); }

.icon-box {
    width: 90px; 
    height: 90px; 
    line-height: 90px;
    background: rgba(255,255,255,0.15);
    border-radius: 30px; 
    font-size: 40px;
    margin: 0 auto 30px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    backdrop-filter: blur(10px);
    transition: 0.4s;
}

.mission-card:hover .icon-box { transform: rotate(10deg) scale(1.1); }

.mission-card h4 { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: #fff; }
.mission-card p { font-size: 20px; line-height: 1.8; color: rgba(255,255,255,0.85); }

@media (max-width: 768px) {
    .premium-heading { font-size: 38px; }
    .mission-section { padding: 80px 0; }
}

.vision-brand{
    padding: 110px 0;
    background: #ebf0ed;
}

.premium-heading{
    font-size: 52px;
    font-weight: 900;
    color: #0a2540;
}

.premium-heading span{
    color: #ff6b35;
}

.content{
    max-width: 750px;
    margin: auto;
    font-size: 17px;
    color: #666;
    line-height: 1.7;
}

.vision-layout{
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 70px;
}

.vision-left h3{
    font-size: 32px;
    font-weight: 900;
    color: #0a2540;
    margin-bottom: 20px;
}

.vision-left p{
    font-size: 20px;
    color: #475569;
    line-height: 1.8;
}

.vision-right{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vision-item{
    display: flex;
    gap: 15px;
    padding: 18px 20px;
    border-radius: 14px;
    background: #f9fbff;
    border-left: 5px solid transparent;
    transition: 0.3s;
}

.vision-item:hover{
    transform: translateX(6px);
    background: #f2f8ff;
}

.num{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vision-item.blue{
    border-left-color: #0a2540;
}
.vision-item.blue .num{
    background: #0a2540;
}

.vision-item.orange{
    border-left-color: #ff6b35;
}
.vision-item.orange .num{
    background: #ff6b35;
}

.vision-item.green{
    border-left-color: #2ecc71;
}
.vision-item.green .num{
    background: #2ecc71;
}

.vision-item.yellow{
    border-left-color: #f7b731;
}
.vision-item.yellow .num{
    background: #f7b731;
}

.vision-item h4{
    font-size: 20px;
    font-weight: 800;
    color: #0a2540;
    margin-bottom: 4px;
}

.vision-item p{
    font-size: 19px;
    color: #475569;
    margin: 0;
}

@media(max-width: 991px){
    .vision-layout{
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .premium-heading{
        font-size: 34px;
    }
}
   .philosophy-lux-grid{
    padding: 120px 0;
    background: #f7f9ff;
}

.lux-grid{
    max-width: 950px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.lux-item{
    position: relative;
    display: flex;
    gap: 15px;
    padding: 28px 30px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: 0.3s;
}

.lux-item:hover{
    transform: translateY(-6px);
}

.bar{
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
}

.num{
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text h4{
    margin: 0;
    font-size: 17px;
    font-weight: 900;
    color: #0a2540;
}

.text p{
    margin-top: 5px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.lux-item.blue .bar,
.lux-item.blue .num{
    background: #0a2540;
}

.lux-item.orange .bar,
.lux-item.orange .num{
    background: #ff6b35;
}

.lux-item.green .bar,
.lux-item.green .num{
    background: #2ecc71;
}

.lux-item.yellow .bar,
.lux-item.yellow .num{
    background: #f7b731;
}

@media(max-width:768px){
    .lux-grid{
        grid-template-columns: 1fr;
    }
}
.team-premium-section{
    padding:120px 0;
    background: linear-gradient(135deg,#f7faff,#ffffff);
    position:relative;
    overflow:hidden;
}

.team-premium-section::before,
.team-premium-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    filter:blur(120px);
    opacity:0.18;
}

.team-premium-section::before{
    background:#ff6b35;
    top:-170px;
    left:-140px;
}

.team-premium-section::after{
    background:#2ecc71;
    bottom:-170px;
    right:-140px;
}

.section-title h2{
    font-size:44px;
    font-weight:900;
    color:#0a2540;
    margin-bottom:12px;
}

.section-title h2 span{
    color:#ff6b35;
}

.section-title p{
    font-size:17px;
    color:#666;
    max-width:600px;
    margin:0 auto;
    line-height:1.7;
}

.team-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    max-width:1150px;
    margin:55px auto 0;
}

.team-card{
    perspective:1000px;
}

.card-inner{
    background:#fff;
    padding:38px 20px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
}

.team-card:hover .card-inner{
    transform:translateY(-14px) rotateY(6deg);
    box-shadow:0 35px 90px rgba(0,0,0,0.18);
}

.card-inner img{
    width:105px;
    height:105px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid #fff;
    box-shadow:0 12px 25px rgba(0,0,0,0.15);
    transition:0.3s;
}

.team-card:hover img{
    transform:scale(1.08);
}

.card-inner h4{
    font-size:20px;
    font-weight:900;
    margin-top:14px;
    color:#0a2540;
}

.card-inner p{
    font-size:14px;
    color:#777;
    margin-top:6px;
}

.tag{
    display:inline-block;
    margin-top:12px;
    padding:6px 14px;
    font-size:12px;
    border-radius:20px;
    background:#f2f6ff;
}

.orange{ border-top:4px solid #ff6b35; }
.blue{ border-top:4px solid #4f7cff; }
.green{ border-top:4px solid #2ecc71; }
.yellow{ border-top:4px solid #f7b731; }

.orange:hover{ box-shadow:0 35px 90px rgba(255,107,53,0.22); }
.blue:hover{ box-shadow:0 35px 90px rgba(79,124,255,0.22); }
.green:hover{ box-shadow:0 35px 90px rgba(46,204,113,0.22); }
.yellow:hover{ box-shadow:0 35px 90px rgba(247,183,49,0.22); }

@media(max-width:991px){
    .team-wrapper{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .section-title h2{
        font-size:36px;
    }
}

@media(max-width:576px){
    .team-wrapper{
        grid-template-columns:1fr;
        gap:18px;
        padding:0 15px;
    }

    .team-premium-section{
        padding:80px 0;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:15px;
    }

    .card-inner{
        padding:28px 16px;
        border-radius:20px;
    }

    .card-inner img{
        width:90px;
        height:90px;
    }

    .card-inner h4{
        font-size:18px;
    }

    .card-inner p{
        font-size:13px;
    }

    .team-card:hover .card-inner{
        transform:none;
    }
}
   
.infra-section{
    padding:120px 0;
    background:linear-gradient(135deg,#f8fbff,#ffffff);
    position:relative;
    overflow:hidden;
}

.infra-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#ff6b35;
    border-radius:50%;
    filter:blur(150px);
    opacity:.08;
    top:-220px;
    left:-180px;
}

.infra-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#4f7cff;
    border-radius:50%;
    filter:blur(150px);
    opacity:.08;
    bottom:-220px;
    right:-180px;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title h2{
    font-size:52px;
    font-weight:900;
    color:#0a2540;
    margin-bottom:15px;
}

.section-title h2 span{
    color:#4f7cff;
}

.section-title p{
    max-width:700px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.infra-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.infra-card{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    position:relative;
    box-shadow:0 18px 50px rgba(0,0,0,.08);
    transition:.45s ease;
    border:1px solid rgba(79,124,255,.08);
}

.infra-card::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#ff6b35,#4f7cff,#2ecc71);
}

.infra-card:hover{
    transform:translateY(-12px);
    box-shadow:0 35px 80px rgba(0,0,0,.15);
}

.infra-media{
    position:relative;
    overflow:hidden;
    background:#f5f5f5;
    line-height:0;
}

.infra-media img{
    width:100%;
    height:300px;
    object-fit:cover;
    display:block;
    transition:.7s ease;
}

.infra-card:hover .infra-media img{
    transform:scale(1.1);
}

.shine{
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    transform:skewX(-20deg);
    transition:.8s;
}

.infra-card:hover .shine{
    left:140%;
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    background:linear-gradient(135deg,#ff6b35,#ff925f);
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:18px;
    font-weight:700;
    z-index:5;
    box-shadow:0 12px 25px rgba(255,107,53,.25);
}

.icon{
    position:absolute;
    right:18px;
    bottom:18px;
    width:58px;
    height:58px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    box-shadow:0 15px 30px rgba(0,0,0,.15);
    transition:.4s ease;
}

.infra-card:hover .icon{
    transform:scale(1.12) rotate(10deg);
}

.infra-content{
    padding:30px;
    text-align:center;
}

.infra-content h4{
    font-size:30px;
    font-weight:800;
    color:#0a2540;
    margin-bottom:12px;
}

.infra-content p{
    font-size:22px;
    color:#475569;
    line-height:1.8;
}

@media(max-width:991px){

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

    .section-title h2{
        font-size:42px;
    }

    .infra-media img{
        height:260px;
    }
}

@media(max-width:576px){

    .infra-section{
        padding:80px 0;
    }

    .section-title{
        margin-bottom:50px;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:15px;
    }

    .infra-media img{
        height:220px;
    }

    .infra-content{
        padding:22px 18px;
    }

    .infra-content h4{
        font-size:22px;
    }

    .badge{
        font-size:11px;
        padding:7px 14px;
    }

    .icon{
        width:50px;
        height:50px;
        font-size:20px;
    }
}

.why-section{
    padding:120px 0;
    background:linear-gradient(135deg,#fffdf7,#f7fbff);
    position:relative;
    overflow:hidden;
}

.why-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#ff6b35;
    border-radius:50%;
    filter:blur(180px);
    opacity:.08;
    top:-200px;
    left:-150px;
}

.why-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#2ecc71;
    border-radius:50%;
    filter:blur(180px);
    opacity:.08;
    bottom:-200px;
    right:-150px;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title h2{
    font-size:52px;
    font-weight:900;
    color:#0a2540;
    margin-bottom:15px;
}

.section-title h2 span{
    color:#ff6b35;
}

.section-title p{
    max-width:700px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.why-wrap{
    position:relative;
    max-width:1200px;
    height:820px;
    margin:auto;
}

.center-badge{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:260px;
    height:260px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #ff6b35,
        #ffb347,
        #2ecc71
    );
    padding:10px;
    z-index:5;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
    animation:floatCenter 4s ease-in-out infinite;
}

.center-inner{
    width:100%;
    height:100%;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.center-inner h3{
    text-align:center;
    font-size:38px;
    font-weight:900;
    color:#0a2540;
    line-height:1.2;
    margin:0;
}

@keyframes floatCenter{
    50%{
        transform:translate(-50%,-55%);
    }
}

.why-wrap::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:620px;
    height:620px;
    border:3px dashed rgba(255,107,53,.15);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.bubble{
    position:absolute;
    width:250px;
    padding:28px 24px;
    background:#fff;
    border-radius:28px;
    text-align:center;
    border:2px solid rgba(255,107,53,.15);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.4s ease;
}

.bubble:hover{
    transform:translateY(-10px);
    border-color:#ff6b35;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.bubble span{
    width:75px;
    height:75px;
    margin:auto;
    margin-bottom:15px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    background:linear-gradient(135deg,#ff6b35,#ffb347);
}

.bubble h4{
    margin:0;
    font-size:22px;
    font-weight:800;
    color:#0a2540;
}

.bubble1{
    left:20px;
    top:40px;
}

.bubble2{
    right:20px;
    top:40px;
}

.bubble3{
    left:0;
    top:285px;
}

.bubble4{
    right:0;
    top:285px;
}

.bubble5{
    left:20px;
    bottom:40px;
}

.bubble6{
    right:20px;
    bottom:40px;
}

@media(max-width:991px){

    .why-section{
        padding:100px 0;
    }

    .section-title h2{
        font-size:42px;
    }

    .why-wrap{
        height:auto;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .why-wrap::before{
        display:none;
    }

    .bubble{
        position:relative;
        width:100%;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        transform:none !important;
    }

    .center-badge{
        position:relative;
        width:220px;
        height:220px;
        margin:0 auto 15px;
        left:auto;
        top:auto;
        transform:none !important;
        animation:none;
        grid-column:1 / -1;
    }

    .center-inner h3{
        font-size:30px;
    }
}

@media(max-width:576px){

    .why-section{
        padding:80px 0;
    }

    .section-title{
        margin-bottom:50px;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:15px;
    }

    .why-wrap{
        display:flex;
        flex-direction:column;
        gap:18px;
    }

    .center-badge{
        width:240px;
        height:240px;
        margin:0 auto 20px;
    }

    .center-inner h3{
        font-size:30px;
        line-height:1.2;
        letter-spacing:1px;
    }

    .bubble{
        width:100%;
        padding:20px;
        border-radius:22px;
    }

    .bubble span{
        width:55px;
        height:55px;
        font-size:24px;
        margin-bottom:12px;
    }

    .bubble h4{
        font-size:17px;
    }
}
    .ssw-preschool-journey{
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at top, #fff5f0, #ffffff, #ffe9e3);
}

.ssw-section-title h2{
    font-size: 44px;
    font-weight: 800;
    color: #111;
}

.ssw-section-title h2 span{
    color: #ff5757;
}

/* .ssw-sub-title{
    background: rgba(255,87,87,0.12);
    color: #ff5757;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 700;
} */

/* .ssw-sub-title{
    background: rgba(255,87,87,0.12);
    color: #ff5757;
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 32px;
} */

.ssw-sub-title {
    background: rgba(255, 87, 87, 0.12);
    color: #ff5757;
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 32px;
    display: inline-block; 
    max-width: 100%;       
    box-sizing: border-box;
}

/* @media (max-width: 768px) {
    .ssw-sub-title {
        font-size: 18px;    
        padding: 8px 16px;   
    }
} */

/* Default Desktop View */
.ssw-sub-title {
    background: rgba(255, 87, 87, 0.12);
    color: #ff5757;
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 32px;
    display: inline-block; 
    max-width: 100%;       
    box-sizing: border-box;
}

/* Tablet Landscape / Chote Laptops (991px tak) */
@media (max-width: 991px) {
    .ssw-sub-title {
        font-size: 26px;
        padding: 10px 18px;
    }
}

/* Tablets / iPad (768px / 767px tak) */
@media (max-width: 768px) {
    .ssw-sub-title {
        font-size: 22px;
        padding: 9px 16px;
    }
}

/* Large Smartphones (575px tak) */
@media (max-width: 575px) {
    .ssw-sub-title {
        font-size: 19px;
        padding: 8px 14px;
    }
}

/* Standard Smartphones (480px / 468px tak) */
@media (max-width: 480px) {
    .ssw-sub-title {
        font-size: 17px;
        padding: 7px 12px;
    }
}

/* Small Smartphones (400px tak) */
@media (max-width: 400px) {
    .ssw-sub-title {
        font-size: 15px;
        padding: 6px 12px;
        line-height: 1.4;
        text-align: center;
    }
}

/* Extra Small Devices (360px tak) */
@media (max-width: 360px) {
    .ssw-sub-title {
        font-size: 14px;
        padding: 5px 10px;
        line-height: 1.3;
        text-align: center;
    }
}

/* Ultra Small Devices (300px tak) */
@media (max-width: 300px) {
    .ssw-sub-title {
        font-size: 12px;
        padding: 4px 8px; /* Padding ekdum minimal */
        line-height: 1.3;
        text-align: center;
        word-break: break-word; /* Agar word lamba ho toh toot jaye, screen cross na kare */
        border-radius: 30px; /* Choti screen ke liye border-radius thoda adjust kiya hai */
    }
}

/* Extreme Small Screen (Agar client 280px jaisi Fold screen use kar raha hai) */
@media (max-width: 280px) {
    .ssw-sub-title {
        font-size: 11px;
        padding: 3px 6px;
        line-height: 1.2;
        border-radius: 20px;
    }
}


/* .ssw-journey-timeline{
    position: relative;
    max-width: 900px;
    margin: auto;
}

.ssw-journey-timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background: linear-gradient(180deg,#ff5757,#ffb347);
    transform: translateX(-50%);
    box-shadow: 0 0 25px rgba(255,87,87,0.4);
    animation: sswGlow 4s infinite linear;
}

@keyframes sswGlow {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

.ssw-journey-item{
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;

    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.ssw-journey-item.show{
    opacity: 1;
    transform: translateY(0);
}

.ssw-journey-item:nth-child(even){
    flex-direction: row-reverse;
}

.ssw-journey-icon{
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg,#ff5757,#ffb347);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size: 28px;
    color:#fff;
    box-shadow: 0 10px 30px rgba(255,87,87,0.3);
    z-index:2;
    animation: sswFloat 3s ease-in-out infinite;
}

@keyframes sswFloat{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-8px); }
}

.ssw-journey-content{
    width: 45%;
    background: rgba(255,255,255,0.75);
    backdrop-filter: blur(12px);
    padding: 25px 30px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.4);
    transition: .4s;
    transform-style: preserve-3d;
}

.ssw-journey-content:hover{
    transform: translateY(-10px) rotateX(5deg) rotateY(-5deg);
    box-shadow: 0 25px 60px rgba(255,87,87,0.2);
}

.ssw-year{
    display:inline-block;
    background: #ff5757;
    color:#fff;
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(255,87,87,0.3);
}

.ssw-journey-content h4{
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 700;
}

.ssw-journey-content p{
    color:#666;
    line-height:1.7;
}

.ssw-preschool-journey::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,87,87,0.1);
    filter: blur(80px);
    top:10%;
    left:-100px;
    border-radius:50%;
}

@media(max-width:991px){
    .ssw-journey-timeline::before{
        left: 20px;
    }

    .ssw-journey-item{
        flex-direction: column !important;
        align-items: flex-start;
        padding-left: 50px;
    }

    .ssw-journey-content{
        width: 100%;
    }

    .ssw-journey-icon{
        position: absolute;
        left: 0;
    }
}

@media(max-width:767px){
    .ssw-section-title h2{
        font-size: 28px;
    }
} */
 
.ssw-journey-timeline{
    position: relative;
    max-width: 900px;
    margin: auto;
}

.ssw-journey-timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background: linear-gradient(180deg,#ff5757,#ffb347);
    transform: translateX(-50%);
    box-shadow: 0 0 25px rgba(255,87,87,0.4);
    animation: sswGlow 4s infinite linear;
}

@keyframes sswGlow {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

.ssw-journey-item{
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;

    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.ssw-journey-item.show{
    opacity: 1;
    transform: translateY(0);
}

.ssw-journey-item:nth-child(even){
    flex-direction: row-reverse;
}

.ssw-journey-icon{
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg,#ff5757,#ffb347);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size: 28px;
    color:#fff;
    box-shadow: 0 10px 30px rgba(255,87,87,0.3);
    z-index:2;
    animation: sswFloat 3s ease-in-out infinite;
}

@keyframes sswFloat{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-8px); }
}

.ssw-journey-content{
    width: 45%;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(12px);
    padding: 25px 30px;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.4);
    transition: .4s;
    transform-style: preserve-3d;
    
    /* Card ki height fix aur scrollbar */
    max-height: 280px; 
    overflow-y: auto;  
}

/* Clean Scrollbar Design */
.ssw-journey-content::-webkit-scrollbar {
    width: 5px;
}
.ssw-journey-content::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.03);
    border-radius: 10px;
}
.ssw-journey-content::-webkit-scrollbar-thumb {
    background: #ff5757;
    border-radius: 10px;
}

.ssw-journey-content:hover{
    transform: translateY(-10px) rotateX(5deg) rotateY(-5deg);
    box-shadow: 0 25px 60px rgba(255,87,87,0.2);
}

.ssw-year{
    display:inline-block;
    background: #ff5757;
    color:#fff;
    padding: 5px 14px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(255,87,87,0.3);
}

.ssw-journey-content h4{
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 700;
}

.ssw-journey-content p{
    color:#475569;
    line-height: 1.7;
    font-size: 20px; 
    margin: 0;
}

.ssw-preschool-journey::after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(255,87,87,0.1);
    filter: blur(80px);
    top:10%;
    left:-100px;
    border-radius:50%;
}

@media(max-width:991px){
    .ssw-journey-timeline::before{
        left: 20px;
    }

    .ssw-journey-item{
        flex-direction: column !important;
        align-items: flex-start;
        padding-left: 50px;
    }

    .ssw-journey-content{
        width: 100%;
    }

    .ssw-journey-icon{
        position: absolute;
        left: 0;
    }
}

@media(max-width:767px){
    .ssw-section-title h2{
        font-size: 28px;
    }
}

.counter-section{
    padding:120px 0;
    background:linear-gradient(135deg,#fff8f2,#f5fff7);
    position:relative;
    overflow:hidden;
}

.counter-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#ff6b35;
    opacity:.08;
    border-radius:50%;
    filter:blur(120px);
    top:-120px;
    left:-120px;
}

.counter-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#2ecc71;
    opacity:.08;
    border-radius:50%;
    filter:blur(120px);
    bottom:-120px;
    right:-120px;
}

.counter-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 60px;
}

/* .counter-heading span{
    display:inline-block;
    background:#fff1eb;
    color:#ff6b35;
    padding:8px 20px;
    border-radius:50px;
    font-weight:700;
    margin-bottom:15px;
} */

.counter-heading span{
    display:inline-block;
    background:#fff1eb;
    color:#ff6b35;
    padding:14px 20px;
    border-radius:50px;
    font-weight:700;
    font-size:28px;
    margin-bottom:15px;
}

.counter-heading h2{
    font-size:48px;
    font-weight:900;
    color:#0a2540;
    margin-bottom:15px;
}

.counter-heading p{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

.counter-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.counter-card{
    background:#fff;
    padding:40px 25px;
    text-align:center;
    border-radius:30px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    border:2px solid transparent;
    transition:.4s;
}

.counter-card:hover{
    transform:translateY(-10px);
    border-color:#ff6b35;
}

.counter-icon{
    width:85px;
    height:85px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#ff6b35,#ffb347);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:20px;
}

.counter-card h3{
    font-size:52px;
    font-weight:900;
    color:#0a2540;
    margin-bottom:10px;
}

.counter-card h5{
    margin:0;
    font-size:18px;
    color:#475569;
    font-weight:700;
}

@media(max-width:991px){

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

    .counter-heading h2{
        font-size:40px;
    }
}

@media(max-width:576px){

    .counter-section{
        padding:80px 0;
    }

    .counter-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .counter-heading{
        margin-bottom:40px;
    }

    .counter-heading h2{
        font-size:30px;
    }

    .counter-heading p{
        font-size:15px;
    }

    .counter-card{
        padding:30px 20px;
    }

    .counter-card h3{
        font-size:42px;
    }

    .counter-icon{
        width:70px;
        height:70px;
        font-size:30px;
    }
}