@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
a{text-decoration: none;}
body{ font-family: "Figtree", sans-serif;}

/* HEADER */
header{
    border: 1px solid #eee;
    box-shadow: 0px 15px 10px -15px #9999992b;
    position: relative;
}
header .logobox{
    padding: 0;
    padding-top: 0;
}
header .logobox img{width: 100%;}
header .menubox{
    padding-top: 0;
    padding-bottom: 0;
    text-align: CENTER;
}
header .menubox > ul{
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}
header .menubox > ul >li{
    display: inline-block;
    position: relative;
}
header .menubox > ul > li > a{
    display: block;
    padding: 40px 7px;
    color: #000;
    font-weight: 500;
}
header .menubox > ul > li > ul{
    background-color: #fff;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, .1);
    display: block;
    left: 0;
    list-style: none;
    margin-top: 20px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: all .8s;
    visibility: hidden;
    width: 250px;
    z-index: 10;
    }
header .menubox > ul > li > ul > li{    position: relative;}
header .menubox > ul > li > ul > li > a{
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 17px;
    position: relative;
    text-transform: capitalize;
    transition: all .15s
linear;
    -webkit-transition: all .15s
linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    text-align: left;
    text-transform: uppercase;
    }
header .menubox > ul > li:hover > ul{    margin-top: 0;
    opacity: 1;
    transition: all .5s;
    visibility: visible;}

header .menubox > ul > li > ul > li:hover >a{
    background: #eeeeee;
}


header .logbox{
    text-align: right;
    padding: 0;
    padding-top: 35px;
}
header .logbox a{
    display: inline-block;
    color: #000;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 5px 15px;
    font-weight: 600;
}
header .logbox a span{display: block;}
header .logbox a span svg{
    width: 18px;
}

/* SLIDE BOX */
.slidebox{
    padding: 0 0;

}
.slidebox img{width: 100%;}
.slidebox .leftbox{
    padding-top: 40px;
}
.slidebox .leftbox .innerbox{}
.slidebox .leftbox .innerbox h3{
    font-weight: 800;
    color: #313140;
    font-size: 50px;
    margin-bottom: 15px;
    line-height: 50px;
}
.slidebox .leftbox .innerbox ul{
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}
.slidebox .leftbox .innerbox ul li{position: relative;padding: 4px 0;padding-left: 25px;}
.slidebox .leftbox .innerbox ul li:before{content: "";position: absolute;width: 15px;height: 15px;background: #ff4539;border-radius: 10px 10px 0 10px;left: 0;top: 7px;}
.slidebox .leftbox .innerbox a{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.slidebox .rightbox{
    text-align: center;
}
.slidebox .rightbox figure{}
.slidebox .rightbox figure img{width: auto;}

/* widget-grid-box */

.widget-grid-box{
    padding: 40px 0;
    background: #f9f9f9;
}
.widget-grid-box .innerbox{
    text-align: left;
}
.widget-grid-box .innerbox h3{
    margin: 0;
    font-weight: 800;
    font-size: 38px;
    color: #9f9f9f;
}
.widget-grid-box .innerbox span{
    display: block;
    color: #a1a1a1;
}


/* widget-whyus */
.widget-whyus{
    padding: 3% 0;
    background: #ffffff;
}
.widget-whyus .head{}
.widget-whyus .head h3{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 22px;
    color: #313140;
}
.widget-whyus .leftbox{
    text-align: center;
}
.widget-whyus .leftbox .innerbox{
    padding-top: 27px;
}
.widget-whyus .leftbox .innerbox img{width: 400px;max-width: 100%;}
.widget-whyus .rightbox{}
.widget-whyus .rightbox .innerbox{
    padding-top: 60px;
}
.widget-whyus .rightbox .innerbox h4{
    font-size: 16px;
    font-weight: 500;
    color: #999999;
}
.widget-whyus .rightbox .innerbox h5{
    font-size: 36px;
    font-weight: 700;
    color: #313140;
}
.widget-whyus .rightbox .innerbox a{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}


/* Widget Faq */
.widget-faq{
    background: #313140;
    padding: 7% 0;
}
.widget-faq .head{
    text-align: center;
}
.widget-faq .head h3{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 22px;
    color: #ffffff;
}
.widget-faq .tabfaq{padding: 0 20%;}
.widget-faq .tabfaq ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.widget-faq .tabfaq li {
  padding: 30px;
  background: #fff;
  margin-bottom: 9px;
  border-radius: 8px;
}


.widget-faq .tabfaq h3 {
  margin: 0;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #515164;
  font-weight: 600;
}

/* Hide answers initially */

.widget-faq .tabfaq p {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  margin: 0;
  font-size: 16px;
  /* margin-top: 15px; */
}

/* Show answer when active */

.widget-faq .tabfaq li.active p {
  max-height: 300px; /* large enough for content */
  opacity: 1;
  margin-top: 15px;
}

/* Optional caret icon */

.widget-faq .tabfaq h3::after {
  content: "+";
  font-weight: bold;
  transition: transform 0.3s ease;
}


.widget-faq .tabfaq li.active h3::after {
  content: "–";
}

/* widget-what-offer*/
.widget-what-offer{
    padding: 7% 0;
    background: #f7f7f7;
}
.widget-what-offer .head{}
.widget-what-offer .head h3{
    text-align: center;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 50px;
    color: #313140;
}
.widget-what-offer .offerbox{}
.widget-what-offer .offerbox .innerbox{
    padding: 10%;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 14px;
    box-shadow: 0px 15px 10px -15px #d1d1d1;
    background: #fff;
}
.widget-what-offer .offerbox .innerbox figure{}
.widget-what-offer .offerbox .innerbox figure img{width: 100%;}
.widget-what-offer .offerbox .innerbox h3{
    font-size: 20px;
    font-weight: 600;
    color: #313140;
}
.widget-what-offer .offerbox .innerbox p{}
.widget-what-offer .offerbox .innerbox a{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.widget-become-tutor{
    background: #fff;
    padding: 5% 0px;
}
.widget-become-tutor .leftbox{}
.widget-become-tutor .leftbox img{
    width: 100%;
    border-radius: 115px 115px 0 115px;
}
.widget-become-tutor .rightbox{
    padding: 50px;
}
.widget-become-tutor .rightbox h3{
    font-size: 58px;
    font-weight: 800;
}
.widget-become-tutor .rightbox p{}
.widget-become-tutor .rightbox ul{}
.widget-become-tutor .rightbox ul li{}
.widget-become-tutor .rightbox a{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

/* Popup */
 /* Popup Background */
    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease;
    }

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

    /* Popup Box */
    .popup-box {
      background: #fff;
      padding: 3%;
      border-radius: 10px;
      width: 575px;
      max-width: 90%;
      transform: scale(0.8);
      transition: transform 0.3s ease;
    }

    .popup-overlay.active .popup-box {
      transform: scale(1);
    }
.popup-box h2{
    font-size: 20px;
    font-weight: 700;
}
.popup-box p{
    font-size: 15px;
}
.popup-box ul{
    padding: 0;
    list-style: none;
}
.popup-box ul li{
    /* height: 40px; */
    padding: 13px 0;

    position: relative;
    margin-bottom: 7px;
    border: 1px solid #eee;
    padding-left: 34px;
    text-align: center;
    color: #000000;
    border-radius: 5px;
}
.popup-box ul li svg{
    width: 45px !important;
    position: absolute !important;
    /* height: 43px; */
    left: 8px;
}
.popup-box ul li:nth-child(2) svg{
    width: 30px !important;
    margin-left: 6px;
}
.popup-box ul li:nth-child(3) svg{
    width: 30px !important;
    margin-left: 6px;
}
.popup-box ul li a{
    color: #3a3a3a;
}
    /* Close Button */
    .close-btn {
      background: #ff5a5a;
      color: #fff;
      border: none;
      padding: 8px 12px;
      border-radius: 5px;
      cursor: pointer;
      float: right;
    }

.popup-box .logbtn{
    text-align: CENTER;
    color: #9c9cac;
    padding-top: 20px;
}
.popup-box .logbtn a{
    display: inline-block;
    font-weight: 600;
    color: #3a3a3a;
}


     .whatsappicon{
          width: 50px;
          height: 50px;
          display: inline-block;
          position: fixed;
          bottom: 50px;
          right: 20px;
          z-index: 9;
      }
      .whatsappicon img{
          width: 100%;
      }

/* ONE ON ONE */
.widget-lesson{padding: 5% 0;background: #f7f7f7;}
.widget-lesson .head{
    padding-bottom: 3%;
}
.widget-lesson .head h3{
    font-size: 42px;
    font-weight: 700;
}
.widget-lesson .head h3 span{
    color: #F44336;
}
.widget-lesson .head p{
    font-size: 18px;
}

.widget-lesson .headbox{
    position: relative;
}
.widget-lesson .headbox h3{
    font-weight: 700;
}
.widget-lesson .headbox button{
    position: absolute;
    right: 15px;
    top: 0;
    border: 1px solid #000;
    padding: 5px 22px;
    border-radius: 28px;
    background: #fff;
}
.widget-lesson .headbox button svg{}
.widget-lesson .headbox p{
    font-size: 18px;
    margin-top: 0;
    display: block;
}

.widget-lesson .teachergrid{}
.widget-lesson .teachergrid .innerbox{
    padding: 0;
    background: #fff;
    border-radius: 28px;
    box-shadow: 0px 15px 10px -15px #99999933;
    border: 1px solid #eee;
    padding-bottom: 20px;
}
.widget-lesson .teachergrid .innerbox a{}
.widget-lesson .teachergrid .innerbox a figure{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    height: 235px;
    align-items: center;
}
.widget-lesson .teachergrid .innerbox a figure img{
    width: 100%;
    height: 100%;
}
.widget-lesson .teachergrid .innerbox a figure span.discounttag{
    position: absolute;
    right: 15px;
    top: 10px;
    border: 1px solid #4CAF50;
    padding: 5px 15px;
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    color: #4CAF50;
}
.widget-lesson .teachergrid .innerbox a figure span.playicon{
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 9px;
    border-radius: 50%;
    color: #fff;
}
.widget-lesson .teachergrid .innerbox a .boxdet{
    display: flex;
    flex-direction: row;
    gap: 14px;
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a .boxdet .icon{
    width: 60px;
}
.widget-lesson .teachergrid .innerbox a .boxdet .icon img{
    width: 100%;
    border-radius: 50%;
}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox{}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox h3{
    margin: 0;
    font-size: 20px;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox .totallesson{
    display: inline-block;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a .boxdet .textbox .avgrate{
    display: inline-block;
    color: #000;
}
.widget-lesson .teachergrid .innerbox a  .boxdettwo{
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a  .boxdettwo p{
    color: #515164;
    font-size: 15px;
    margin-top: 10px;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree{
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
}
.widget-lesson .teachergrid .innerbox a .boxdetthree .pricehour{
    font-size: 21px;
    font-weight: 700;
    color: #676767;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree .pricehour span{
    font-size: 14px;
    font-weight: 400;
}
.widget-lesson .teachergrid .innerbox a  .boxdetthree button{
    border: 1px solid #707070;
    padding: 5px 15px;
    background: #fff;
    font-weight: 700;
    border-radius: 20px;
    color: #707070;
}

/* widget-aboutus */
.widget-aboutus{
    padding: 5% 0;
    padding-bottom: 2%;
}
.widget-aboutus .head{
    padding-bottom: 19px;
}
.widget-aboutus .head h3{
    font-weight: 700;
}
.widget-aboutus .head p{
    font-size: 18px;
}
.widget-aboutus .grid-about{}
.widget-aboutus .grid-about .innerbox{}
.widget-aboutus .grid-about .innerbox figure{
    margin-bottom: 30px;
}
.widget-aboutus .grid-about .innerbox figure img{
    width: 100%;
}
.widget-aboutus .grid-about .innerbox h3{position: relative;font-size: 17px;padding-bottom: 10px;text-transform: uppercase;color: #707070;}
.widget-aboutus .grid-about .innerbox h3:before{content: "";position: absolute;width: 40px;height: 3px;background: #F44336;bottom: 0;}
.widget-aboutus .grid-about .innerbox p{
    font-size: 18px;
    color: #707070;
}

.widget-corevalue{
    padding: 5% 0;
    background: #bcbcbc17;
}
.widget-corevalue .head{}
.widget-corevalue .head h3{
    text-align: CENTER;
    font-size: 34px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 2%;
}
.widget-corevalue .gridbox{}
.widget-corevalue .gridbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    justify-content: space-between;
}
.widget-corevalue .gridbox ul li{
    padding: 3%;
    background: #ffffff;
    text-align: left;
    border: 1px solid #eee;
    width: 33.33%;
}
.widget-corevalue .gridbox ul li h4{
    color: #000000;
    font-size: 22px;
    font-weight: 700;
}
.widget-corevalue .gridbox ul li p{
    color: #707070;
    margin: 0;
}

/* widget-searchbox */
.widget-searchbox{
    background: #efefef;
    padding: 3% 0;
}
.widget-searchbox .searchbox{
    padding: 0 20%;
}
.widget-searchbox .searchbox form{}
.widget-searchbox .searchbox form label{
    width: 100%;
    display: block;
    padding: 15px 25px;
    border: 1px solid #ffffff;
    background: #fff;
    border-radius: 32px;
    position: relative;
    box-shadow: 0px 15px 10px -15px #d6d6d6;
}
.widget-searchbox .searchbox form label input{
    width: 100%;
    border: none;
    outline: none;
}
.widget-searchbox .searchbox form label button{
    position: absolute;
    right: 13px;
    top: 12px;
    background: #fff;
    border: none;
}

/* widget-teacher-profile-view */
.widget-teacher-profile-view{
    padding: 2% 0;
    background: #eee;
    padding-top: 0;
}
.widget-teacher-profile-view .leftbox{}
.widget-teacher-profile-view .leftbox .innerbox{
    background: #fff;
    padding: 5%;
    border-radius: 20px;
    margin-bottom: 25px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile{
    display: flex;
    gap: 20px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon{
    width: 100px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure{
    margin: 0;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure img{
    width: 100%;
    border-radius: 50%;
    margin-bottom: 8px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profileicon figure span{
    display: block;
    text-align: CENTER;
    font-size: 15px;
    color: #b9b9b9;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet h3{
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet span.tagprofile{
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background: #00b3bd29;
    border-radius: 8px;
    color: #00b3bd;
    margin-bottom: 10px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet span.tagprofile img{}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    margin-bottom: 7px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul li{
    color: #b6b6b6;
    font-size: 15px;
    width: 70px;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet ul li:nth-child(2){
    color: #000;
    width: auto;
}
.widget-teacher-profile-view .leftbox .innerbox .topprofile .profiledet p{
    margin: 0;
}


.widget-teacher-profile-view .leftbox .innerbox .profiletabbox{
    padding-top: 25px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 14px;
    justify-content: flex-start;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li{}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li a{
    font-weight: 400;
    color: #8a8a8a;
    font-size: 16px;
    display: block;
    padding: 10px 10px;
    position: relative;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li.active a{
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabbox ul li.active a:before{content: "";position: absolute;width: 35px;height: 4px;background: #F44336;bottom: 2px;margin: 0 auto;left: 0;right: 0;border-radius: 10px;}



.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent.activetab {
    display: block;
    opacity: 1;
}

.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .citytag{
    display: block;
    font-size: 14px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab{
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab .joindate{
    font-size: 13px;
    color: #6f6f6f;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .headtab h3{
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox{
    display: flex;
    width: 100%;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li{
    width: 100%;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li .headbx{
    font-size: 15px;
    color: #898989;
    width: 85px;
    display: inline-block;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .interestbox li .gridspan{
    background: #f7f7f7;
    display: inline-block;
    padding: 2px 14px;
    border-radius: 6px;
    border: 1px solid #eee;
    font-size: 14px;
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent .profileinnerhead{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.widget-teacher-profile-view .leftbox .innerbox .profiletabcontent p{
    margin: 0;
}

.widget-teacher-profile-view .leftbox .ratingbox{
    background: #fff;
    padding: 3%;
    border-radius: 20px;
    display: block;
}
.widget-teacher-profile-view .leftbox .ratingbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;

}
.widget-teacher-profile-view .leftbox .ratingbox ul li:nth-child(1){
    color: #e5bd37;
    padding-top: 15px;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li{
    width: 20%;
    text-align: center;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li i{
    color: #000;
    font-size: 24px;
    color: #e5bd37;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li span.ratenum{
    font-size: 30px;
    font-weight: 800;
}
.widget-teacher-profile-view .leftbox .ratingbox ul li span.ratehead{
    display: block;
    font-size: 15px;
}
.widget-teacher-profile-view .rightbox{}
.widget-teacher-profile-view .rightbox .innerbox{
    background: #fff;
}
.widget-teacher-profile-view .rightbox .innerbox figure{
    position: relative;
    margin: 0;
}
.widget-teacher-profile-view .rightbox .innerbox figure img{
    width: 100%;
}
.widget-teacher-profile-view .rightbox .innerbox figure span{
    position: absolute;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 40px;
    height: 40px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 9px;
    border-radius: 50%;
    color: #fff;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag{
    padding: 5px 20px;
    display: flex;
    padding-top: 15px;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag h3{
    font-size: 18px;
}
.widget-teacher-profile-view .rightbox .innerbox .boxtag span{
    position: absolute;
    right: 20px;
    font-weight: 800;
    color: #fd4439;
}
.widget-teacher-profile-view .rightbox .innerbox .buttonbox{
    padding: 0 20px;
    margin-bottom: 15px;
}
.widget-teacher-profile-view .rightbox .innerbox .buttonbox button{
    margin-bottom: 15px;
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    width: 100%;
}



/* popup lesson details */

/* Overlay */
.lesson-popup-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Popup Box */
.lesson-popup-box {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: #fff;
    border-radius: 10px;
    width: 700px;
    max-width: 90%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    z-index: 1000;
    opacity: 0;
    transition: all 0.4s ease;
}

/* Inner Content */
.lesson-popup-content {
    padding: 25px;
    text-align: center;
}

/* Close Button */
.lesson-close-popup {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    color: #555;
}
.lesson-close-popup:hover {
    color: #000;
}

/* Active State (shown popup) */
.lesson-popup-overlay.active {
    display: block;
    opacity: 1;
}
.lesson-popup-box.active {
    display: block;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.teachdividehead{
    padding: 15px 0;
    margin-top: 20px;
}
.teachdividehead h3{
    margin: 0;
    font-weight: 600;
}
/* lessonbox */
.lessonbox{
    padding: 3%;
    background: #fff;
    border-radius: 15px;
}
.lessonbox ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.lessonbox ul li{
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    position: relative;
}
.lessonbox ul li h3{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.lessonbox ul li .subhead{
    font-style: italic;
    color: #949494;
}
.lessonbox ul li .pricetag{
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    padding: 5px 20px;
    border: none;
    color: #ff4438;
    background: #ff44380f;
    border-radius: 15px;
    font-weight: 700;
}

/* widget-onlinecourse */
.widget-onlinecourse{
    padding: 3% 0px;
    background: #fff;
}
.widget-onlinecourse .head{
    padding-bottom: 2%;
}
.widget-onlinecourse .head h3{
    font-weight: 700;
    font-size: 30px;
    color: #000;
}
.widget-onlinecourse .head p{
    font-size: 18px;
}

.widget-onlinecourse .gridcourse{}
.widget-onlinecourse .gridcourse .innerbox{
    padding: 2%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 25px;
    border: 1px solid #eee;
    text-align: center;
    /* border-radius: 14px; */
    box-shadow: 0px 15px 10px -15px #d1d1d1;
    margin-bottom: 20px;
}
.widget-onlinecourse .gridcourse .innerbox a{
    display: flex;
    gap: 20px;
}
.widget-onlinecourse .gridcourse .innerbox a figure{
    width: 33%;
    margin: 0;
}
.widget-onlinecourse .gridcourse .innerbox a figure img{
    border-radius: 15px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox{
    text-align: left;
    width: 77%;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .timebox{
    color: #6a6a6a;
    padding: 7px 0;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .timebox span{
    display: inline-block;
    padding: 4px 10px;
    background: #eee;
    border-radius: 20px;
    margin-left: 8px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .headbox h3{
    font-size: 22px;
    color: #F44336;
    padding: 10px 0;
    margin: 0;
    font-weight: 700;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .headbox p{
    color: #000;
    font-size: 17px;
    margin: 0;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox ul li{
    display: inline-block;
    color: #000;
    padding: 2px 10px;
    background: #f9f9f9;
    border: 1px solid #cacaca;
    border-radius: 6px;
}

.widget-onlinecourse .gridcourse .innerbox a .gridbox{}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox{
    display: flex;
    gap: 10px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .icon{
    width: 50px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .icon img{
    width: 100%;
    border-radius: 50%;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .textbox{
    padding-top: 14px;
}
.widget-onlinecourse .gridcourse .innerbox a .gridbox .avatarbox .textbox h3{
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
/* widget-course-view */
.widget-course-view{
    background: #eee;
}
.widget-course-view .leftbox{}
.widget-course-view .leftbox .innerbox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
}
.widget-course-view .leftbox .innerbox .headbox{position: relative;}
.widget-course-view .leftbox .innerbox .headbox h3{font-weight: 600;}
.widget-course-view .leftbox .innerbox .headbox a{
    position: absolute;
    right: 0;
    top: 0;
}
.widget-course-view .leftbox .innerbox .featuredimage{
    margin-bottom: 25px;
    /* display: none; */
}
.widget-course-view .leftbox .innerbox .featuredimage img{
    width: 100%;
    border-radius: 15px;
    margin-top: 10px;
}
.widget-course-view .leftbox .innerbox .includebox{}
.widget-course-view .leftbox .innerbox .includebox ul{
    padding: 0;
    list-style: none;
}
.widget-course-view .leftbox .innerbox .includebox ul li{
    display: inline-block;
    background: #f5f6f9;
    padding: 8px 10px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 15px;
    box-shadow: 0px 15px 10px -15px #0a0a0a47;
}
.widget-course-view .leftbox .innerbox .includebox ul li svg{}
.widget-course-view .leftbox .innerbox .topiccategory{
    padding-bottom: 20px;
}
.widget-course-view .leftbox .innerbox .topiccategory h3{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #515164;
}
.widget-course-view .leftbox .innerbox .topiccategory p{
    margin: 0;
    color: #707070;
    font-size: 17px;
}
.widget-course-view .rightbox{
    padding: 0;
}
.widget-course-view .rightbox .innerbox{
    padding: 8%;
    background: #fff;
    border-radius: 15px;
}
.widget-course-view .rightbox .innerbox .head{
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #b9b9b9;
    margin-bottom: 15px;
}
.widget-course-view .rightbox .innerbox ul{
    padding: 0;
    list-style: none;
}
.widget-course-view .rightbox .innerbox ul li{
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    margin-bottom: 15px;
}
.widget-course-view .rightbox .innerbox ul li h3{
    font-size: 16px;
    margin: 0;
    font-weight: 100;
}
.widget-course-view .rightbox .innerbox ul li .notifytext{
    color: #009688;
}
.widget-course-view .rightbox .innerbox ul li .pricebox{
    display: flex;
    justify-content: space-between;
}
.widget-course-view .rightbox .innerbox ul li .pricebox span{
    font-weight: 800;
    font-size: 20px;
    color: #F44336;
}
.widget-course-view .rightbox .innerbox ul li .pricebox button{
    background: #fd4439;
    padding: 10px 30px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}

.widget-course-view .rightbox .innerbox   .viewallbtn{display: block;
    text-align: center;
    color: #707070;
    text-transform: uppercase;
    font-weight: 700;}

.widget-course-view .leftbox .teacherbox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-course-view .leftbox .teacherbox h3{
    font-size: 19px;
    margin-bottom: 17px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile{
    display: flex;
    gap: 20px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .iconbox{
    width: 20%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .iconbox img{
    width: 100%;
    border-radius: 50%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox h3{
    margin: 0;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox{
    width: 40%;
    padding-top: 4%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox .tagprofile{
    display: inline-block;
    padding: 5px 10px 5px 5px;
    background: #00b3bd29;
    border-radius: 8px;
    color: #00b3bd;
    margin-bottom: 10px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .namebox .tagprofile img{}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox{
    width: 40%;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure{
    position: relative;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-course-view .leftbox .teacherbox .teachshorprofile .videobox figure span{
    position: absolute;
    top: 33%;
    left: 40%;
    width: 80px;
    height: 80px;
    background: #0000005e;
    text-align: CENTER;
    padding-top: 18px;
    border-radius: 50%;
    color: #fff;
    font-size: 31px;
    padding-left: 7px;
}
.widget-course-view .leftbox .teacherbox .teacherdescription{}
.widget-course-view .leftbox .teacherbox .teacherdescription p{
    font-size: 18px;
    color: #707070;
}

.widget-course-view .leftbox .teacherbox .teacherreview{}
.widget-course-view .leftbox .teacherbox .teacherreview h3{
    display: flex;
    justify-content: space-between;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #eee;
    font-weight: 700;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #9999995c;
}
.widget-course-view .leftbox .teacherbox .teacherreview h3 span{}
.widget-course-view .leftbox .teacherbox .teacherreview h3 span i{
    color: #e7bf36;
}

.widget-course-view .leftbox .notebox{
    background: #fff;
    padding: 4%;
    border-radius: 15px;
    margin-bottom: 35px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-course-view .leftbox .notebox h3{
    font-size: 14;
    font-size: 14px;
    color: #c1c1c1;
}
.widget-course-view .leftbox .notebox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.widget-course-view .leftbox .notebox ul li{}


/* widget-blogs */
.widget-blogs{
    background: #ffffff;
    padding: 5% 0;
}
.widget-blogs .head{}
.widget-blogs .head h3{
    margin: 0;
    font-size: 2em;
    font-weight: 700;
    color: #000;
}
.widget-blogs .bloggrid{}
.widget-blogs .bloggrid .innerbox{
    padding: 3%;
    background: #fff;
    /* border: 1px solid #eee; */
    border-radius: 20px;
}
.widget-blogs .bloggrid .innerbox .bloginner{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.widget-blogs .bloggrid .innerbox .bloginner .daterecord{
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    color: #a7a7a7;
}
.widget-blogs .bloggrid .innerbox .bloginner a{
    display: flex;
    gap: 20px;
}
.widget-blogs .bloggrid .innerbox .bloginner a figure{
    margin: 0;
}
.widget-blogs .bloggrid .innerbox .bloginner a figure img{
    width: 100%;
    border-radius: 14px;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet{}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet h3{
    color: #9c9cac;
    font-weight: 700;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet ul{
    padding: 0;
    list-style: none;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet ul li{
    display: inline-block;
    padding: 3px 10px;
    background: #F44336;
    border-radius: 4px;
    color: #fff;
}
.widget-blogs .bloggrid .innerbox .bloginner a .blogdet p{
    color: #707070;
}

.widget-blogs .blogdetail{}
.widget-blogs .blogdetail .innerbox{}
.widget-blogs .blogdetail .innerbox > h1{}
.widget-blogs .blogdetail .innerbox > p{}
.widget-blogs .blogdetail .innerbox > figure{}
.widget-blogs .blogdetail .innerbox > figure > img{
    width: 100%;
    border-radius: 2px;
}
.widget-blogs .blogdetail .innerbox > .contentbox{}

 /* widget-cultural */
 .widget-cultural{
    background: #feddbc;
    padding: 5% 0;
}
 .widget-cultural .leftbox{}
 .widget-cultural .leftbox .innerbox{
    padding-top: 10%;
}
 .widget-cultural .leftbox .innerbox h3{
    font-size: 50px;
    font-weight: 700;
    color: #000;
}
 .widget-cultural .leftbox .innerbox p{
    font-size: 18px;
}
 .widget-cultural .rightbox{}
 .widget-cultural .rightbox img{width: 100%;}

 /* widgetslide */
 .widgetslide{padding: 50px 0;}
 .widgetslide .innerslide img{width: 100%;}

 .widgetslide .head{
    text-align: CENTER;
    padding-bottom: 2%;
}
 .widgetslide .head h3{
    font-weight: 700;
    margin: 0;
}
 .widgetslide .head p{}
 .widgetslide .culturalgrid{
    padding-bottom: 2%;
}
 .widgetslide .culturalgrid ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    gap: 25px;
}
 .widgetslide .culturalgrid ul li{
    width: 25%;
}
 .widgetslide .culturalgrid ul li a{}
 .widgetslide .culturalgrid ul li a figure{
    margin: 0;
}
 .widgetslide .culturalgrid ul li a figure img{
    width: 100%;
    border-radius: 17px;
}
 .widgetslide .culturalgrid ul li a span{
    text-align: center;
    display: block;
    font-size: 20px;
    color: #000;
    margin-top: 7px;
    font-weight: 600;
}

/* widget-teacher-login */
.widget-teacher-login{
    background: url("../image/teacherbanner.jpg") no-repeat;
    background-size: cover;
    padding: 5% 0;
    }
.widget-teacher-login .innerbox{}
.widget-teacher-login .innerbox h3{
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: normal;
}
.widget-teacher-login .innerbox p{
    font-size: 25px;
    margin: 0;
    color: #000;
}

/* widget-teacher-two */
.widget-teacher-two{
    padding: 5% 0px;
    text-align: center;
    background: #fff0ef;
}
.widget-teacher-two .innerbox{
    padding: 0 21%;
}
.widget-teacher-two .innerbox h3{
    font-weight: 800;
    font-size: 40px;
    /* padding: 0 20%; */
    color: #000;
}
.widget-teacher-two .innerbox p{
    font-size: 18px;
    color: #7c7c7c;
}
.widget-teacher-two .innerbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}
/* formaccount */

.formaccount{}
.formaccount .formlabel{
    width: 100%;
}
.formaccount .formlabel input[type='email'],.formaccount .formlabel input[type='password'],.formaccount .formlabel input[type='text']{
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    outline: none;
    border: 2px solid #eee;
    margin-bottom: 10px;
}
.formaccount .formlabel select{
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #eee;
    margin-bottom: 10px;
    outline: none;
}
.formaccount   button{
display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}
.formaccount .forgetpass{
    padding-bottom: 10px;
    text-align: RIGHT;
}
.formaccount .forgetpass a{
    color: #2b2b2b;
}


/* widget-student-dashbaord */
.widget-student-dashbaord{
    padding: 5% 0;
    background: #f9f9f9;
}
.widget-student-dashbaord .innerbox .head{}
.widget-student-dashbaord .innerbox .head h3{
    font-weight: 700;
    font-size: 26px;
}
.widget-student-dashbaord .firstbox{
    padding: 15px;
    /* border: 1px solid #eee; */
}
.widget-student-dashbaord  .firstbox .innerbox{
    padding: 20px;
    border: 2px solid #eee;
    border-radius: 15px;
    /* width: 700px; */
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}
.widget-student-dashbaord  .firstbox .innerbox h3{
    font-size: 16px;
}
.widget-student-dashbaord  .firstbox .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.widget-student-dashbaord   .firstbox .innerbox ul li{
    padding: 19px;
}
.widget-student-dashbaord   .firstbox .innerbox ul li svg{
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
.widget-student-dashbaord   .firstbox .innerbox ul li span{
    display: block;
    font-size: 16px;
}
.widget-student-dashbaord .studentlinks{}
.widget-student-dashbaord .studentlinks ul{
    display: flex;
    gap: 20px;
    list-style: none;
    justify-content: space-between;
    padding: 0;
}
.widget-student-dashbaord .studentlinks ul li{
    width: 25%;
}
.widget-student-dashbaord .studentlinks ul li a{
    display: block;
    width: 100%;
    text-align: center;
    border: 2px solid #eee;
    font-size: 18px;
    padding: 15px;
    border-radius: 8px;
    color: #000;
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}


.widget-student-dashbaord .sidepanelbox{
    margin-top: 15px;
}
.widget-student-dashbaord .sidepanelbox ul{
    padding: 20px;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
    background: #fff;
}
.widget-student-dashbaord .sidepanelbox ul li{}
.widget-student-dashbaord .sidepanelbox ul li a{
    display: block;
    color: #000;
    padding: 16px;
    border-bottom: 1px solid #eee;
}
.widget-student-dashbaord .sidepanelbox ul li a svg{
    margin-right: 10px;
    width: 24px;
    height: 24px;
    stroke: #8c8c8c;
    stroke-width: 2;
    fill: none;
    }
    .widget-student-dashbaord .sidepanelbox ul li:last-child a{border: none;}

.widget-student-dashbaord .formbox{
    padding-top: 15px;
}
.widget-student-dashbaord .formbox .innerbox{
    padding: 15px;
    background: #fff;
    padding: 5%;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-student-dashbaord .formbox .innerbox .innerhead{}
.widget-student-dashbaord .formbox .innerbox .innerhead h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.widget-student-dashbaord .formbox .innerbox form{}
.widget-student-dashbaord .formbox .innerbox form .innerlabel{}
.widget-student-dashbaord .formbox .innerbox form .innerlabel label{
    display: block;
    font-weight: 600;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='text'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='date'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='password'], .widget-student-dashbaord .formbox .innerbox form .innerlabel input[type='email']{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel textarea{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel select{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}
.widget-student-dashbaord .formbox .innerbox form .innerlabel button{
    display: inline-block;
    background: #000000;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    margin-top: 15px;
}


.widget-student-dashbaord  .tabledata{
    background: #fff;
    padding: 5%;
    list-style: none;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
    margin-top: 15px;
}
.widget-student-dashbaord  .tabledata .innerhead{
    display: flex;
    justify-content: space-between;
}
.widget-student-dashbaord  .tabledata .innerhead a{
    display: inline-block;
    padding: 5px 20px;
    background: #2196F3;
    margin-bottom: 8px;
    border-radius: 4px;
    color: #fff;
}
.widget-student-dashbaord  .tabledata .innerhead h3{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.widget-student-dashbaord  .tabledata .tablebox{}
.widget-student-dashbaord  .tabledata .formbox{}
.widget-student-dashbaord  .tabledata .formbox form{}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel{}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel button{
    display: inline-block;
    background: #000000;
    padding: 10px 30px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    margin-bottom: 15px;
}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel label{
    display: block;
    display: block;
    font-weight: 600;
}
.widget-student-dashbaord  .tabledata .formbox form .innerlabel input{
    width: 100%;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 8px;
    margin-bottom: 14px;
    outline: none;
}

.grid-testimonial{}
.grid-testimonial .innerbox{
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 15px 10px -15px #7471712b;
}
.grid-testimonial .innerbox .ratings{
    margin-bottom: 8px;
}
.grid-testimonial .innerbox .ratings i{}
.grid-testimonial .innerbox h3{
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.grid-testimonial .innerbox p{
    margin: 0;
}
.grid-testimonial .innerbox span{
    display: block;
    font-style: italic;
    color: #bbbaba;
}

/* widget-packages */

.widget-packages{ background: url("../image/cover.avif") no-repeat;
    background-size: cover;
    padding: 5% 0; position: relative;}
 .widget-packages::before   {    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    background: linear-gradient(270.47deg, rgba(0, 0, 0, 0) 3.65%, #000000 95.61%);
    opacity: .8;
    transition:
ease all .2s;}

.widget-packages .head{
    position: relative;
    z-index: 9;
}
.widget-packages .head h3{
    color: #fff;
}
.widget-packages .head p{
    color: #fff;
}


.widget-packagegrid{
    padding: 5% 0;
    background: #f9f9f9;
}
.widget-packagegrid .gridbx{}
.widget-packagegrid .gridbx .innerbox{
    padding: 5%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-packagegrid .gridbx .innerbox a{}
.widget-packagegrid .gridbx .innerbox a figure{
    position: RELATIVE;
}
.widget-packagegrid .gridbx .innerbox a figure span{
    position: absolute;
    background: #00000087;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 3px 20px;
    top: 10px;
    left: 10px;
    color: #fff;
}
.widget-packagegrid .gridbx .innerbox a figure img{
    width: 100%;
    border-radius: 10px;
}
.widget-packagegrid .gridbx .innerbox a .packagehead{
    display: flex;
    justify-content: space-between;
}
.widget-packagegrid .gridbx .innerbox a .packagehead h3{
    font-size: 20px;
    color: #000;
    font-weight: 800;
}
.widget-packagegrid .gridbx .innerbox a .packagehead h3 span{
    display: block;
    font-size: 14px;
    font-weight: 200;
}
.widget-packagegrid .gridbx .innerbox a .packagehead .daynight{
    display: block;
    border: 1px solid #eee;
    height: 27px;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 6px;
    color: #000;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites{
    border-top: 1px solid #eee;
    padding-top: 14px;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites ul{
    /* list-style: dots; */
    /* display: flex; */
    flex-direction: column;
    /* align-content: flex-end; */
    /* flex-wrap: wrap; */
    padding: 0;
    margin: 0;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites ul li{
    display: inline-block;
    color: #6f6f6f;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin-bottom: 7px;
    border-radius: 18px;
    font-size: 14px;
    background: #f7f7f7;
}
.widget-packagegrid .gridbx .innerbox a .packagefacilites .featuredhead{
    display: block;
    color: #4CAF50;
}

.widget-packagegrid .gridbx .innerbox a .pricebox{
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 10px;
    border-radius: 10px;
    background: #f9f9f9;
    text-align: center;
}
.widget-packagegrid .gridbx .innerbox a .pricebox .priceactive{
    font-size: 26px;
    font-weight: 800;
    color: #000;
}
.widget-packagegrid .gridbx .innerbox a .pricebox .pricemrp{
    text-decoration: line-through;
    color: #7f7f7f;
    font-size: 17px;
}

/* widget-packageview */
.widget-packageview{padding: 30px 0;background: #f1f1f1;}
.widget-packageview .head{
    padding-bottom: 15px;
}
.widget-packageview .head h3{}
.widget-packageview .head .daynight{
    border: 1px solid #eee;
    height: 27px;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 6px;
    color: #000;
    display: inline-block;
    background: #fff;
}
.widget-packageview .head .night{
    margin-left: 11px;
}

.widget-packageview .gridgallery{}
.widget-packageview .gridgallery ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-packageview .gridgallery ul li{
    width: 25%;
}
.widget-packageview .gridgallery ul li img{
    width: 100%;
    border-radius: 15px;
}

.iternarybox{}
.iternarybox .innerbox{
    padding: 0 28px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 40px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;
}
.iternarybox .innerbox ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.iternarybox .innerbox ul li{
    display: inline;
}
.iternarybox .innerbox ul li a{
    display: inline-block;
    padding: 15px 18px;
    color: #666363;
    font-size: 17px;
}
.iternarybox .innerbox ul li.active a{
    font-weight: 700;
    color: #3F51B5;
    border-bottom: 2px solid #3F51B5;
}
.iternarybox .iternarycontent{
    padding: 33px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;
}
.iternarybox .iternarycontent .head{
    padding: 0;
}
.iternarybox .iternarycontent .head h3{
    display: inline-block;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
    background: #3F51B5;
    color: #fff;
}
.iternarybox .iternarycontent .head p{margin: 0;}
.packagedetails{padding: 33px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #5c5b5b2b;
    margin-bottom: 21px;}
.packagedetails h3{
    display: inline-block;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 8px;
    background: #d1d1d1;
    color: #3b3b3b;
    }
.packagedetails p{}

.widget-packageview .pricebox{
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
.widget-packageview .pricebox .leftbox{}
.widget-packageview .pricebox .leftbox .priceactive{
    font-size: 40px;
    font-weight: 700;
    color: #000;
}
.widget-packageview .pricebox .leftbox .pricemrp{
    text-decoration: line-through;
    color: #7f7f7f;
    font-size: 17px;
}
.widget-packageview .pricebox .leftbox .subhead{
    margin-left: 8px;
    display: block;
}
.widget-packageview .pricebox .rightbox{}
.widget-packageview .pricebox .rightbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}


.widget-forgetpassword{padding: 3% 0; background: #eee;}
.widget-forgetpassword .head{}
.widget-forgetpassword .head h3{
    font-weight: 600;
    margin-bottom: 15px;
}
.widget-forgetpassword .formbox{
    /* padding: 15px; */
    border: 1px solid #eee;
}
.widget-forgetpassword .formbox form{
    padding: 5%;
    background: #fff;
    /* display: flex; */
    border-radius: 10px;
    box-shadow: 0px 15px 10px -15px #9999992b;
}
.widget-forgetpassword .formbox form label{
    width: 100%;
}
.widget-forgetpassword .formbox form label span{
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
}
.widget-forgetpassword .formbox form label input{
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    outline: none;
    border: 2px solid #eee;
}

.widget-forgetpassword .formbox form button{
    display: inline-block;
    background: #232323;
    padding: 10px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}

/* widget-program */
.widget-program{padding: 3% 0; background: #eee;}

.widget-booklesson{padding: 3% 0; background: #eee;}
.widget-enroll{padding: 3% 0; background: #eee;}

/* widget-reviews */

.widget-reviews{
    padding: 5% 0;
}
.widget-reviews .head{}
.widget-reviews .head h3{
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 22px;
    color: #000000;
}
.widget-reviews .gridtestimonial{}
.widget-reviews .gridtestimonial ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-reviews .gridtestimonial ul li{
    width: 33.33%;
}
.widget-reviews .gridtestimonial ul li .innerbox{
    padding: 25px;
    background: #ffffff;
    border: 1px solid #eee;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 14px;
    box-shadow: 0px 15px 10px -15px #d1d1d1;
}
.widget-reviews .gridtestimonial ul li .innerbox > img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #eee;
}
.widget-reviews .gridtestimonial ul li .innerbox .texticon{
    padding: 10px;
    background: #f6f6f6;
    width: 40px;
    height: 40px;
    text-align: CENTER;
    border-radius: 21px;
    font-weight: 800;
    line-height: 22px;
    font-size: 20px;
    color: #707070;
}
.widget-reviews .gridtestimonial ul li .innerbox .boxreview{}

.widget-reviews .gridtestimonial ul li .innerbox .boxreview .ratingbox{
    display: block;
}
 .widget-reviews .gridtestimonial ul li .innerbox .boxreview .ratingbox i{
    color: #FFC107;
}

.widget-reviews .gridtestimonial ul li .innerbox .boxreview .subhead{
    font-weight: 700;
    font-size: 16px;
    padding: 6px 0;
    display: block;
}
.widget-reviews .gridtestimonial ul li .innerbox .boxreview p{
    font-size: 16px;
    color: #949494;
    margin: 0;
    overflow: auto;
    max-height: 110px;
}
.widget-reviews .gridtestimonial ul li .innerbox .boxreview .reviewby{
    display: block;
    font-size: 14px;
    font-weight: 700;
}
.widget-reviews .gridtestimonial ul li .innerbox .boxreview .reviewtime{
    display: block;
    font-size: 14px;
    /* font-weight: revert-layer; */
    color: #c1c1c1;
}

/* RATE BOX */
.ratingbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ratenum {
    font-weight: 600;
    font-size: 14px;
}

.ratestar {
    position: relative;
    width: 70px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23ddd' d='M287.9 17.8L354 150.2 499.2 171.5c26.2 3.8 36.7 36.1 17.7 54.6L416 347.4 438.6 492.6c4.5 26.1-23 46-46.4 33.7L288 439.6 183.8 526.3c-23.4 12.3-50.9-7.6-46.4-33.7L160 347.4 59.1 226.1c-19-18.5-8.5-50.8 17.7-54.6L222 150.2 287.9 17.8z'/></svg>") repeat-x;
    background-size: 14px 14px;
}

.ratestar .filled {
    height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23f5a623' d='M287.9 17.8L354 150.2 499.2 171.5c26.2 3.8 36.7 36.1 17.7 54.6L416 347.4 438.6 492.6c4.5 26.1-23 46-46.4 33.7L288 439.6 183.8 526.3c-23.4 12.3-50.9-7.6-46.4-33.7L160 347.4 59.1 226.1c-19-18.5-8.5-50.8 17.7-54.6L222 150.2 287.9 17.8z'/></svg>") repeat-x;
    background-size: 14px 14px;
}


/* widget-breadcrumb */
.widget-breadcrumb{
    padding: 1% 0;
    background: #f7f7f7;
}
.widget-breadcrumb .head{}
.widget-breadcrumb .head h3{
    font-size: 18px;
    font-weight: 600;
    color: #0c3e57;
    margin: 0;
}
.widget-breadcrumb .head ul{padding: 0;list-style: none;margin: 0;display: flex;gap: 20px;}
.widget-breadcrumb .head ul li{
    color: #8a8a8a;
    font-size: 13px;
}
.widget-breadcrumb .head ul li a{position: relative;display: flex;color: #0c3e57;}
.widget-breadcrumb .head ul li a:before{content:"/";position: absolute;right: -13px;color: #eee;}
.widget-category{ padding: 3% 0;
   }
.widget-category .subhead{}
.widget-category .subhead h3{}
.widget-category .subhead p{
    color: #959595;
    font-weight: 100;
}
.widget-category .trendingcourses{}
.widget-category .trendingcourses .headtitle{
    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;
}
.widget-category .trendingcourses .headtitle::before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .trendingcourses ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.widget-category .trendingcourses ul li{
    width: 25%;
}
.widget-category .trendingcourses ul li a{}
.widget-category .trendingcourses ul li a figure{}
.widget-category .trendingcourses ul li a figure img{width: 100%;}
.widget-category .trendingcourses ul li a h3{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.widget-category .trendingcourses ul li a .addedby{
    color: #b7b7b7;
    font-weight: 200;
    font-size: 14px;
}
.widget-category .trendingcourses ul li a .ratingbox{
    display: flex;
    gap: 10px;
}
.widget-category .trendingcourses ul li a .ratingbox .ratenum{
    font-size: 20px;
    color: #f5a623;
}
.widget-category .trendingcourses ul li a .ratingbox .ratestar{}
.widget-category .trendingcourses ul li a .ratingbox .countrating{
    color: #a4a4a4;
    font-weight: 100;
    font-size: 13px;
}


.widget-category .categorybox{}
.widget-category .categorybox h3{ font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.widget-category .categorybox h3:before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .categorybox .category-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
}

.widget-category .categorybox .category-grid li a {
    display: block;
    text-align: CENTER;
    border: 1px solid #000;
    color: #000;
    padding: 15px;
}


.popular-teachers{}
.popular-teachers h3{font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.popular-teachers h3:before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}


.widget-category .courselist{}
.widget-category .courselist .headtitle{
    font-size: 24px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    color: #000;
}
.widget-category .courselist .headtitle::before{content: "";position: absolute;width: 150px;height: 2px;background: #000;bottom: -1px;}
.widget-category .courselist ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}
.widget-category .courselist ul li{
    width: 33.33%;
}
.widget-category .courselist ul li a{}
.widget-category .courselist ul li a figure{}
.widget-category .courselist ul li a figure img{width: 100%;}
.widget-category .courselist ul li a h3{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.widget-category .courselist ul li a .addedby{
    color: #b7b7b7;
    font-weight: 200;
    font-size: 14px;
}
.widget-category .courselist ul li a .ratingbox{
    display: flex;
    gap: 10px;
}
.widget-category .courselist ul li a .ratingbox .ratenum{
    font-size: 20px;
    color: #f5a623;
}
.widget-category .courselist ul li a .ratingbox .ratestar{}
.widget-category .courselist ul li a .ratingbox .countrating{
    color: #a4a4a4;
    font-weight: 100;
    font-size: 13px;
}
.widget-category .courselist ul li a .pricebox{
    font-weight: 400;
    color: #000000;
}
.widget-category .courselist ul li a .pricebox span{
    font-size: 21px;
}

/* widget-course-view */

.widget-course-view{padding: 5% 0;background: #70ad4e;}

.widget-course-view .leftbox .breadcrumbbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}

.widget-course-view .leftbox .breadcrumbbox ul li a{
    color: #bcff97;
    position: relative;
}
.widget-course-view .leftbox .breadcrumbbox ul li a:before{content:"/";position: absolute;right: -12px;}
.widget-course-view .leftbox .breadcrumbbox ul li:last-child a:before{content:"";}
.widget-course-view .leftbox .headbox{}
.widget-course-view .leftbox .headbox h1{
    font-size: 44px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}
.widget-course-view .leftbox .headbox p{
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}
.widget-course-view .leftbox .headbox .addedby{
    display: block;
    color: #bcff97;
}
.widget-course-view .leftbox .headbox .lastupdate{
    display: block;
    color: #bcff97;
}


.widget-course-view .rightboxpanel{}
.widget-course-view .rightboxpanel .innerbox{}
.widget-course-view .rightboxpanel .innerbox figure{position: relative;}
.widget-course-view .rightboxpanel .innerbox figure img{width: 100%;}
.widget-course-view .rightboxpanel .innerbox figure span{width: 100%;position: absolute;right: 0;bottom: -20px;left: 0;width: 190px;background: #000;color: #fff;margin: 0 auto;padding: 9px 16px;text-align: CENTER;border-radius: 6px;}
.widget-course-view .rightboxpanel .innerbox figure button{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border: none;
    border-radius: 51px;
}
.widget-course-view .rightboxpanel .innerbox figure button i{width: 100%;}

/* VIDEO POPUP */

.videopopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.videopopup .popup-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    animation: popupFade 0.3s ease-in-out;
    margin: 0 auto;
    top: 10%;
    background: #fff;
    padding: 2%;
}

@keyframes popupFade {
    from { transform: scale(0.8); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

#youtubeFrame {
    width: 100%;
    height: 450px;
    border-radius: 5px;
}

.close-popup {
    position: absolute;
    top: -13px;
    right: 5px;
    color: #000000;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
}

.widget-what-you-learn{
    padding: 3% 0;
}
.widget-what-you-learn .leftbox{}
.widget-what-you-learn .leftbox .innerbox{
    padding: 4%;
    border: 1px solid #000;
    margin-bottom: 10px;
}
.widget-what-you-learn .leftbox .innerbox h3{
    font-size: 24px;
    font-weight: 700;
}
.widget-what-you-learn .leftbox .innerbox ul{
    padding-left: 20px;
    display: flex;
    gap: 40px;
    margin: 0;
}
.widget-what-you-learn .leftbox .innerbox ul li{
    width: 50%;
}
.widget-what-you-learn .leftbox .includebox{
    padding: 25px;
    background: #0f3b57;
    display: block;
}
.widget-what-you-learn .leftbox .includebox h3{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    }
.widget-what-you-learn .leftbox .includebox ul{
    padding-left: 19px;
    display: flex;
    gap: 40px;
    margin: 0;
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    }
.widget-what-you-learn .leftbox .includebox ul li{
    width: 50%;
    color: #fff;
}

.widget-what-you-learn .leftbox .coursesectionlist{
    padding-top: 20px;
}
.widget-what-you-learn .leftbox .coursesectionlist h3{
    font-size: 28px;
    font-weight: 500;
    color: #000;
}
.widget-what-you-learn .leftbox .coursesectionlist .overalldet{
    display: block;
    padding-bottom: 10px;
    font-weight: 100;
}
.widget-what-you-learn .leftbox .coursesectionlist ul{
    padding: 0;
    list-style: none;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li{
    border: 1px solid #cecece;
    background: #eee;
    margin-bottom: 10px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3{
    display: flex;
    padding: 15px;
    justify-content: space-between;
    position: relative;
    padding-left: 50px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 i{
    position: absolute;
    left: 15px;
    top: 19px;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 .headtitle{
    font-weight: 700;
    color: #000;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .headh3 .totallect{
    font-weight: 100;
}
.widget-what-you-learn .leftbox .coursesectionlist ul li .contentbox{}
.widget-what-you-learn .rightbox{}
.widget-what-you-learn .rightbox .innerbox{
    border-block-end: 1px solid oklch(86.72% 0.0192 282.72deg);
    box-sizing: border-box;
    box-shadow: 0 2px 4px
 color-mix(in oklch, oklch(27.54% 0.1638 265.98deg) 8%, transparent), 0 4px 12px
 color-mix(in oklch, oklch(27.54% 0.1638 265.98deg) 8%, transparent);
    background-color: oklch(100% 0 0deg);
    padding: 8%;
}
.widget-what-you-learn .rightbox .innerbox p{
    text-align: CENTER;
    font-weight: 200;
}
.widget-what-you-learn .rightbox .innerbox .pricebox{}
.widget-what-you-learn .rightbox .innerbox .pricebox span{
    font-size: 32px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-weight: 800;
}
.widget-what-you-learn .rightbox .innerbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
    width: 100%;
}
.widget-what-you-learn .coursecontent{
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.widget-what-you-learn .coursecontent h3{
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.widget-what-you-learn .coursecontent ul{
    padding: 0;
    padding-left: 18px;
}
.widget-what-you-learn .coursecontent ul li{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}
.widget-what-you-learn .coursecontent p{ font-size: 16px;
    font-weight: 400;}
.widget-what-you-learn .coursecontent ol{}
.widget-what-you-learn .coursecontent ol li{ font-size: 16px;
    font-weight: 400;}
.widget-what-you-learn .coursecontent h2{}
.widget-what-you-learn .coursecontent h1{}
.widget-what-you-learn .coursecontent h4{}

.widget-what-you-learn .rightbox .releatedcourses{
    padding-top: 20px;
}
.widget-what-you-learn .rightbox .releatedcourses .relhead{    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    color: #000;}
.widget-what-you-learn .rightbox .releatedcourses .relhead::before{content: "";
    position: absolute;
    width: 150px;
    height: 2px;
    background: #000;
    bottom: -1px;
}
.widget-what-you-learn .rightbox .releatedcourses ul{
    padding: 0;
    list-style: none;
}
.widget-what-you-learn .rightbox .releatedcourses ul li{}
.widget-what-you-learn .rightbox .releatedcourses ul li a{
    gap: 10px;
    display: flex;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a figure{
    width: 35%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a figure img{
    width: 100%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox{
    width: 75%;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox .rel-title{
    display: block;
    color: #000;
    font-size: 16px;
}
.widget-what-you-learn .rightbox .releatedcourses ul li a .contentbox .relauth{
    display: block;
    color: #bcbcbc;
    font-size: 14px;
}

/* widget-enquiry */
.widget-enquiry{
    padding: 5% 0;
    background: #313140;
}
.widget-enquiry .leftbox{
    padding: 5%;
}
.widget-enquiry .leftbox h3{
    color: #fff;
    font-weight: 700;
    font-size: 34px;
}
.widget-enquiry .leftbox ul{
    padding: 0;
    list-style: none;
    color: #fff;
    margin: 0;
    margin-bottom: 4%;
}
.widget-enquiry .leftbox ul li{
    padding: 4px 0;
    font-weight: 200;
    font-size: 16px;
}
.widget-enquiry .leftbox .socialicon{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: CENTER;
    padding-top: 9px;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 8px;
    border-radius: 7px;
}

.widget-enquiry .rightbox{}
.widget-enquiry .rightbox form{
    padding: 7%;
    background: #fff;
}
.widget-enquiry .rightbox form .lblbox{}
.widget-enquiry .rightbox form .lblbox label{
    width: 100%;
}
.widget-enquiry .rightbox form .lblbox label input{
    width: 100%;
    padding: 12px;
    border: 2px solid #eee;
    margin-bottom: 15px;
    border-radius: 7px;
    outline: none;
}
.widget-enquiry .rightbox form .lblbox label textarea{
    width: 100%;
    padding: 12px;
    border: 2px solid #eee;
    margin-bottom: 15px;
    border-radius: 7px;
    outline: none;
}
.widget-enquiry .rightbox form .lblbox button{
    display: inline-block;
    background: #fd4439;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border: none;
}


footer{
    background: #093047;
    padding-top: 5%;
}
footer .leftbox{}
footer .leftbox h3{
    font-weight: 600;
    color: #fff;
}
footer .leftbox p{
    color: #fff;
}
footer .linkbox{}
footer .linkbox h3{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
footer .linkbox ul{
    padding: 0;
    list-style: none;
}
footer .linkbox ul li{}
footer .linkbox ul li a{
    color: #ffffff;
    display: block;
    padding: 3px 0;
}
footer .copyright{
    padding: 2% 0;
    border-top: 1px solid #9f9f9f;
}
footer .copyright p{color: #fff;margin: 0;text-align: CENTER;font-weight: 400;}
footer .copyright p a{color:#fff;}


.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    z-index: 999;
    text-decoration: none;
}

.whatsapp-float img {
    width: 28px;
}

/* Tooltip */
.whatsapp-float .tooltip {
    position: absolute;
    right: 65px;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease;
}

/* Tooltip arrow */
.whatsapp-float .tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

/* Hover effect */
.whatsapp-float:hover .tooltip {
    opacity: 0;
    visibility: hidden;
}

.widget-aboutus .leftbox{
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}
.widget-aboutus .leftbox h3{
    font-weight: 800;
    color: #000000;
}
.widget-aboutus .leftbox h4{
    font-size: 17px;
    font-weight: 400;
    color: #424242;
}
.widget-aboutus .firstbx{
    display: flex;
    padding-bottom: 30px;
}
.widget-aboutus .firstbx .imgbox{
    width: 40%;
}
.widget-aboutus .firstbx .imgbox img{width: 100%;}
.widget-aboutus .firstbx .contentbox{
    width: 60%;
    padding: 3%;
    padding-right: 15px;
}
.widget-aboutus .firstbx .contentbox p{
    font-size: 18px;
    text-align: justify;
}

.widget-what-weoffer{
    background: #0b4058;
    padding: 5% 0;
}
.widget-what-weoffer .innerbox{}
.widget-what-weoffer .innerbox h3{
    font-weight: 700;
    color: #fff;
}
.widget-what-weoffer .innerbox ul{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}
.widget-what-weoffer .innerbox ul li{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.widget-what-weoffer .innerbox ul li span{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}
.widget-what-weoffer .innerbox ul li p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.widget-immersion{
    padding: 5% 0;
}
.widget-immersion .head{}
.widget-immersion .head h3{
    font-weight: 700;
}
.widget-immersion p{
    font-size: 18px;
}
.widget-immersion ul{}
.widget-immersion ul li{
    font-size: 18px;
}

.widget-immersion h4{
    text-align: CENTER;
    padding: 15px 0;
    font-weight: 700;
}
.widget-immersion .listbx{
    padding: 0;
    list-style: none;
    display: flex;
    gap: 25px;
}
.widget-immersion .listbx li{
    padding: 3px 0;
    width: 25%;
}
.widget-immersion .listbx li b{
    display: block;
}
.widget-immersion .joinbox{}
.widget-immersion .joinbox h3{
    font-weight: 700;
    font-size: 24px;
}
.widget-immersion .joinbox p{}
.widget-immersion .joinbox a{
    display: inline-block;
    background: #4CAF50;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
}

.relatedblogs{}
.relatedblogs h3{
    padding: 10px;
    border: 1px solid #ececec;
    font-size: 18px;
    border-radius: 4px;
    background: #fff;
    font-weight: 700;
}
.relatedblogs ul{
    padding: 0;
    list-style: none;
}
.relatedblogs ul li{
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
}
.relatedblogs ul li a{
    display: flex;
    gap: 10px;
}
.relatedblogs ul li a figure{
    width: 30%;
}
.relatedblogs ul li a figure img{
    width: 100%;
}
.relatedblogs ul li a h3{
    border: none;
    width: 70%;
    background: none;
    font-weight: normal;
    color: #000;
    margin: 0;
}


.ratingbox {
    position: relative;
    display: inline-block;
    width: 120px; /* adjust */
}

.ratingbox svg {
    width: 100%;
    display: block;
}

.stars-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.review-slider{
    display:flex;
    gap:15px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:0;
    margin:0;
    list-style:none;
    scrollbar-width:none;
}
.review-slider::-webkit-scrollbar{
    display:none;
}
.review-slider li{
    min-width:300px;
    flex:0 0 auto;
}
.slider-btns{
    margin-top:15px;
    text-align:center;
}
.slider-btns button{
    padding:8px 18px;
    border:none;
    background:#000;
    color:#fff;
    cursor:pointer;
    margin:0 5px;
}

.viewbtnreview{text-align: center; padding-top:15px;}
.viewbtnreview a{

    display: inline-block;
    background: #FF9800;
    padding: 12px 40px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}