@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

 
 :root{
      --bg:#070707;
      --muted:#9aa19b;
      --accent:#ffefba;      /* green accent */
      --card:#121212;
      --pill:#f6e9c9;        /* CTA background pale */
      --light-text:#f6f1e6;
      --rounded:18px;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
       font-family: "Plus Jakarta Sans", sans-serif;
      background:var(--bg);
      color:var(--light-text);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    .wrap{
      max-width:1200px;
      margin:40px auto;
      padding:37px 17px;
    }

    /* Top heading */
    .hero-head{
      text-align:center;
      margin-bottom:36px;
    }
    .hero-head h1{
     font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    }
    .hero-head .sub{
      color:var(--muted);
      font-size:15px;
      margin-top:6px;
    }

    /* Two-column layout */
    .grid{
      display:grid;
      grid-template-columns: 1fr 460px;
      gap:36px;
      align-items:start;
    }

    /* Left portrait card */
    .portrait-card{
      /* background: linear-gradient(180deg, #0a4a34 0%, #063624 45%, #062f22 100%); */
      border-radius:16px;
      padding:18px;
      display:flex;
      flex-direction:column;
      align-items:center;
      width:100%;
      max-width:640px;
    }
    .portrait-card img{
      width:100%;
      max-width:420px;
      border-radius:8px;
      display:block;
      object-fit:cover;
      box-shadow: 0 12px 30px rgba(0,0,0,0.6);
      background:#0b2b1f;
    }
    .portrait-footer{
      width:100%;
      background:rgba(0,0,0,0.4);
      padding:12px 16px;
      margin-top:12px;
      border-radius:8px;
      text-align:center;
    }
    .portrait-footer .name{
      font-weight:700;
      color:#b8ffd8;
      margin-bottom:6px;
      font-size:18px;
    }
    .portrait-footer .role{
      color:#cbd6cf;
      font-size:13px;
    }

    /* Right panel: webinar details */
    .panel{
      display:flex;
      flex-direction:column;
      gap:18px;
      align-items:stretch;
    }
    .panel .title{
      text-align:center;
      font-weight:700;
      font-size:20px;
      margin-top:8px;
    }

    .cards{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      margin-top:6px;
    }

    .card{
      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
      border-radius:12px;
      padding:18px;
      min-height:72px;
      display:flex;
      gap:12px;
      align-items:center;
      border:1px solid rgba(255,255,255,0.04);
    }
    .icon{
      min-width:44px;
      min-height:44px;
      border-radius:10px;
      display:grid;
      place-items:center;
      background:var(--accent);
      color:#fff;
      font-weight:700;
      box-shadow:0 6px 18px rgba(10,90,60,0.14);
      font-size:14px;
    }
    .card .meta{
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .meta .label{
      font-size:12px;
      color:var(--muted);
    }
    .meta .value{
      font-weight:700;
      font-size:16px;
    }

    /* big CTA */
    .cta-wrap{
      margin-top:12px;
      display:flex;
      justify-content:center;
    }
    .btn-reserve{
      background:linear-gradient(180deg,#f7e7b9,#f2e0a8);
      padding:16px 34px;
      border-radius:40px;
      font-weight:700;
      color:#111;
      text-decoration:none;
      box-shadow: 0 10px 30px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.45);
      display:inline-flex;
      gap:12px;
      align-items:center;
    }

    .note{
      text-align:center;
      color:#ffefba;
      font-weight:600;
      margin-top:10px;
      font-size:13px;
    }

    .bonus{
      margin-top:12px;
      display:inline-block;
      padding:8px 12px;
     background: linear-gradient(90deg,#ffefba,#ffefba);
      border-radius:8px;
      color:#000;
      font-weight:700;
      font-size:13px;
      text-align:center;
      align-self:center;
    }

    /* responsive */
    @media(max-width:980px){
      .grid{ grid-template-columns: 1fr; }
      .cards{ grid-template-columns: 1fr; }
      .portrait-card{ max-width:unset; }
      .panel{ order:2 }
      .portrait-card{ order:1 }
    }

 
@media (max-width: 576px) {
    /* Your mobile styles here */
 .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
 .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    
}

}

@media (min-width: 576px) and (max-width: 768px) {
    /* Small tablets / large phones */
    .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}

    /* help area */

    .help-area {
        padding: 68px 0 65px;
    }

    .help-area::before {
        display: none;
    }

    .help-items-box {
        margin-left: 0;
        margin-top: 20px;
    }
    .button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    
}

}

@media (min-width: 768px) and (max-width: 992px) {
    /* Tablet styles */
    .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}

    /* help area */

    .help-area {
        padding: 68px 0 65px;
    }

    .help-area::before {
        display: none;
    }

    .help-items-box {
        margin-left: 0;
        margin-top: 20px;
    }
    .button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
   
}

}

@media (min-width: 992px) and (max-width: 1200px) {
    /* Small desktop / laptop */
    .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    
}

}

@media (min-width: 1200px) and (max-width: 1400px) {
    /* Large desktops */
    .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
   
}

}

@media (min-width: 1400px) {
    /* Very large screens */
    .live_section{
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #fff;
    width: 27%;
    position: relative;
    border-radius: 20px;
    position: relative;
    margin-top: 31px;
    padding: 15px;
    text-align: center;
    left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
   
}

}



@media (max-width: 767px) {
    /* Mobile layout */
    .live_section{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        border: 1px solid #fff;
        width: 100%;
        position: relative;
        border-radius: 20px;
        position: relative;
        margin-top: 30px;
        padding: 15px;
        text-align: center;
        left: 2%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -43px;
}

    /* help area */

    .help-area {
        padding: 68px 0 65px;
    }

    .help-area::before {
        display: none;
    }

    .help-items-box {
        margin-left: 0;
        margin-top: 20px;
    }
    .button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    
}

}

@media (min-width: 768px) and (max-width: 1024px) {
    /* Tablet layout */
    .live_section{
        display: flex;
   align-items: center;
        justify-content: center;
        font-size: 15px;
        border: 1px solid #fff;
        width: 43%;
        position: relative;
        border-radius: 20px;
        position: relative;
        margin-top: 31px;
        padding: 15px;
        text-align: center;
        left: 31%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    
}

}

@media (min-width: 1025px) {
    /* Desktop layout */
    .live_section{
        display: flex;
   align-items: center;
        justify-content: center;
        font-size: 15px;
        border: 1px solid #fff;
        width: 26%;
        position: relative;
        border-radius: 20px;
        position: relative;
        margin-top: -37px;
        padding: 11px;
        text-align: center;
        left: 37%;
 }
  .hero-head h1
 {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 41px;
    font-weight: 700;
    line-height: 1.4em;
    color: #FFEFBA;
    margin-top: -21px;
}
.button-round-primarys{
     background-color: #000;
    padding: 16px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 25px;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 20%;
}


}


/* panel that matches screenshot */
.demo-panel{
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.02)); */
    padding: 24px 28px;
    border-radius: 14px;
    display: flex;
    gap: 20px;
    align-items: center;
    /* box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6); */
    display: flex;
    align-items: center;
    justify-content: center;
}


.custom-btn{
display:inline-flex;
align-items:center;
gap:14px;
padding:var(--btn-padding-y) var(--btn-padding-x);
border-radius:var(--btn-radius);
border:2px solid var(--accent);
background:transparent;
color:#fff;
font-weight:700;
font-size:18px;
text-decoration:none;
min-width:220px;
letter-spacing:0.2px;
transition:transform .12s ease, box-shadow .12s ease;
-webkit-font-smoothing:antialiased;
box-shadow: 0 0 0 4px rgba(26,188,156,0.02) inset;
    width: 25%;
}
.custom-btn:hover{ transform:translateY(-3px); }


/* icon container */
.icon-wrap{
display:inline-grid;
place-items:center;
width:36px;
height:36px;
background: rgba(0,0,0,0.25);
border-radius:8px;
padding:6px;
flex:0 0 auto;
}


/* small label adjustments */
.btn-text{white-space:nowrap}


/* responsive rules */
/* Mobile: make buttons stacked and smaller */
@media (max-width: 575.98px) {
.demo-panel{flex-direction:column; gap:14px; padding:18px}
.custom-btn{font-size:15px; min-width:180px; padding:10px 18px; gap:10px;width: 85%;}
.icon-wrap{width:30px;height:30px}
}


/* Tablet: two in a row, slightly larger */
@media (min-width: 576px) and (max-width: 991.98px){
.demo-panel{gap:16px}
.custom-btn{font-size:16px; min-width:200px; padding:12px 20px}
.icon-wrap{width:32px;height:32px}
}


#news-slider{
    margin-top: 80px;
}
.post-slide{
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
   
    
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
   margin: 21px 15px 8px 15px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    /* transform: scale(1,1);
    transition:transform 0.2s linear; */
}
/* .post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
} */
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:25px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    top:-13%;
    left:15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding:0px 15px 40px 15px;
    }
}

/*==================================================
 <-- estudy Help Area Css-->
===================================================*/

.help-area {
    background: url(../img/Texture.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 100px;
    position: relative;
    z-index: 1;
   font-family: "Plus Jakarta Sans", sans-serif;
}

.help-area::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    background: url(../img/why_choose_1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 0;
    z-index: -1;
}

.help-sub-title h4 {
    color: #FFF;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px;
    font-size: 17px;
}

.help-main-title {
    margin-bottom: 32px;
}

.help-main-title h2 {
    color: #FFF;
    font-family: Jost;
    font-size: 45px;
    font-weight: 500;
    line-height: 55px;
}

.help-list span {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.help-list span i {
    background: #573CFF;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 7px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

/* help items box */

.help-items-box {
    text-align: center;
    background: linear-gradient(180deg, #442AE2 0%, #795CE8 100%);
    display: inline-block;
    padding: 38px 88px 44px;
    margin-left: -10px;
    position: relative;
    overflow: hidden;
    perspective: 800px;
    perspective-origin: 0 0;
    z-index: 1;
}

.help-items-box::before {
    position: absolute;
    content: "";
    background: #002935;
    width: 100%;
    height: 100%;
    transform-origin: 0%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transform: rotateY(90deg)perspective(400px);
    transition: .5s;
    z-index: -1;
}

.help-items-box:hover::before {
    opacity: 1;
    transform: rotateY(0deg)perspective(400px);
}

.help-items-content h6 {
    margin: 17px 0 17px;
    color: #fff;
    font-family: Jost;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    transition: .5s;
}

.help-items-content h4 a {
    color: #FFF;
    font-size: 24px;
    text-decoration: none;
    font-weight: 500;
    transition: .5s;
}
.section-title {
        text-align: center;
        font-size: 38px;
        font-weight: 600;
        padding-top: 40px;
    }

    .section-title span {
        color: #1ddf88;
    }

    .underline {
        width: 120px;
        height: 3px;
        background: #fff;
        margin: 10px auto 40px;
    }

    .coach-container {
        max-width: 1250px;
        margin: auto;
        display: flex;
        align-items: center;
        gap: 40px;
        padding: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .coach-img-box {
        position: relative;
    }

    .gradient-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(#00000000, #0c4935);
        border-radius: 10px;
        z-index: -1;
    }

    .coach-img {
        width: 464px;
        border-radius: 10px;
    }

    /* Description Box */
    .coach-details {
        max-width: 450px;
        background: rgba(255, 255, 255, 0.08);
        padding: 20px;
        border-radius: 12px;
        font-size: 16px;
        line-height: 1.6;
    }

    /* Name + Designation Box */
    .info-box {
        margin-top: 20px;
        border: 1px solid #ffefba;
        padding: 15px 20px;
        border-radius: 12px;
        width: 100%;
        text-align: center;
    }

    .info-box h2 {
        margin: 0;
        font-size: 22px;
        font-weight: 600;
    }

    .info-box p {
        margin-top: 5px;
        font-size: 15px;
        color: #ffefba;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .coach-container {
            flex-direction: column;
        }
        .coach-img {
            width: 300px;
        }
        .coach-details {
            max-width: 90%;
        }
        .info-box {
            width: 100%;
        }
    }

    details { background:#FFFFFF1A; border-radius: 8px; margin: 10px 0; box-shadow: 0 1px 4px rgba(6,10,18,0.08); overflow: hidden; }
  summary {
    list-style: none;
    cursor: pointer;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #fff;
  }
  /* Remove default triangle on some browsers */
  summary::-webkit-details-marker { display: none; }
  /* Custom chevron */
  .chev {
    transition: transform .25s ease;
  }
  details[open] .chev { transform: rotate(90deg); }

  .content {
    padding: 0 16px 16px;
    line-height: 1.5;
    color: #fff;
  }

  /* Responsive tweak */
  @media (max-width:480px){
    summary { padding: 14px; font-size: 15px; }
    .content { padding: 0 14px 14px; }
  }

.button {
  min-width: 300px;
    min-height: 60px;
    display: inline-flex;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
    font-weight: 700;
    color: #313133;
    background: #FFEFBA;
    background: linear-gradient(90deg, rgb(255 239 186) 0%, rgb(255 239 186) 100%);
    border: none;
    border-radius: 1000px;
    /* box-shadow: 12px 12px 24px rgb(255 239 186); */
    transition: all 0.3s 
ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px;
  }

.button::before {
content: '';
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #FFEFBA;
  box-shadow: 0 0 60px rgba(255 239 186);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.button:hover, 
.button:focus {
  color: #313133;
  transform: translateY(-6px);
}

.button:hover::before, 
.button:focus::before {
  opacity: 1;
}

.button::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #FFEFBA;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

.button:hover::after, 
.button:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}



/*--------------------------------------------------------------
>>> Main Footer  
----------------------------------------------------------------*/
.site-footer {
  background-image: url(../img/educator-img12.webp);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  background-size: cover;
}
.site-footer .footer-overlay {
  background-color: #000;
  opacity: 0.98;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.site-footer .subscribe-section .subscribe-content {
  position: relative;
  z-index: 1;
  border-radius: 25px;
  padding: 40px;
  overflow: hidden;
  background-color: #ffefba;
}
@media screen and (max-width: 575px) {
  .site-footer .subscribe-section .subscribe-content {
    padding: 40px 20px;
  }
}
.site-footer .subscribe-section .subscribe-content .overlay {
  background-color: #ffefba;
  opacity: 0.3;
}
.site-footer .subscribe-section .subscribe-content .subscribe-title {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 12px;
}
.site-footer .subscribe-section .subscribe-content .subscribe-info {
  margin-bottom: 0;
  color: #d9d9d9;
}
.site-footer .subscribe-section .subscribe-content .form-content {
  margin-left: 100px;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .site-footer .subscribe-section .subscribe-content .form-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .site-footer .subscribe-section .subscribe-content .form-content input {
    margin-bottom: 10px;
  }
}
.site-footer .subscribe-section .subscribe-content .form-content input {
  padding: 12px 20px;
  max-width: 350px;
  height: 50px;
  margin-right: 12px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .site-footer .subscribe-section .subscribe-content .form-content input {
    min-width: 300px;
  }
}
@media screen and (max-width: 479px) {
  .site-footer .subscribe-section .subscribe-content .form-content input {
    min-width: 200px;
  }
}
.site-footer .subscribe-section .subscribe-content .form-content button {
  padding: 16px 28px;
  background-color: #41246D;
  color: white;
  font-size: 15px;
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 25px;
  border: none;
}
.site-footer .top-footer {
  padding-top: 60px;
  padding-bottom: 60px;
}
.site-footer .top-footer .textwidget {
  font-size: 15px;
  color: #d9d9d9;
}
.site-footer .top-footer .img-textwidget {
  margin-bottom: 10px;
}
.site-footer .footer-logo {
  margin-bottom: 20px;
}
.site-footer .footer-social-links {
  margin-top: 25px;
}
.site-footer .footer-social-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-social-links ul li {
  margin: 0 3px;
  display: inline-block;
}
.site-footer .footer-social-links ul li:first-child {
  margin-left: 0;
}
.site-footer .footer-social-links ul li:last-child {
  margin-right: 0;
}
.site-footer .footer-social-links ul li a {
  background-color: transparent;
  color: #d9d9d9;
  border-radius: 100%;
  border: 1px solid #a7a7a7;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  font-size: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 13px;
}
.site-footer .footer-social-links ul li a:hover {
  background-color: #961040;
  color: #ffffff;
  border-color: #961040;
}
@media screen and (max-width: 767px) {
  .site-footer .footer-social-links {
    margin-bottom: 30px;
  }
  
}
@media screen and (max-width: 575px) {
  .site-footer {
    padding-top: 50px;
  }
  .site-footer .top-footer {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .site-footer .bottom-footer {
    margin-top: 0;
  }
}
.site-footer .bottom-footer {
  padding: 20px 0;
  border-top: 1px solid rgba(167, 167, 167, 0.23);
}
.site-footer .bottom-footer .copy-right {
  color: #d9d9d9;
  font-size: 13px;
  font-weight: 1.2;
  font-weight: 400;
}
.site-footer .bottom-footer .legal-list {
  text-align: right;
}
.site-footer .bottom-footer .legal-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-footer .bottom-footer .legal-list ul li {
  padding: 0 12px;
  display: inline-block;
  border-right: 1px solid rgba(167, 167, 167, 0.23);
}
.site-footer .bottom-footer .legal-list ul li:last-child {
  border-right: none;
  padding-right: 0;
}
.site-footer .bottom-footer .legal-list ul li:first-child {
  padding-left: 0;
}
.site-footer .bottom-footer .legal-list ul li a {
  color: #d9d9d9;
  font-size: 13px;
  font-weight: 1.2;
  font-weight: 400;
}
.site-footer .bottom-footer .legal-list ul li a:hover {
  color: #ffefba;
}
@media screen and (max-width: 767px) {
  .site-footer .bottom-footer .copy-right {
    margin-bottom: 20px;
    text-align: center;
  }
  .site-footer .bottom-footer .legal-lsit {
    text-align: center;
  }
}

.top-footer .widget {
  margin-bottom: 0;
  color: #D9D9D9;
}
.top-footer .widget .widget-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}
.top-footer .widget p {
  font-size: 15px;
}
.top-footer .widget ul li {
  margin-bottom: 20px;
}
.top-footer .widget ul li a {
  color: #D9D9D9;
  font-size: 15px;
}
.top-footer .widget ul li a:hover, .top-footer .widget ul li a:focus, .top-footer .widget ul li a:active {
  color: #ffefba;
}
@media screen and (max-width: 991px) {
  .top-footer .widget {
    margin-bottom: 30px;
  }
}
.top-footer .school-time span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
}
.top-footer .school-time span i {
  font-size: 15px;
  color: #ffefba;
  padding-right: 5px;
}
.top-footer .school-time a {
  padding: 14px 22px;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

.logo {
     margin-top: 32px;
    padding-left: 109px;
}