@font-face {
  font-family: heinch;
  src: url({{ asset('fontfamily/Heinch_medium.ttf') }});
}
/*body{*/
/*    font-family:heinch !important;*/
/*}*/
body{
    /*background-color: #10162c;*/
    background:#10162c !important;
}
.col-lg-7.talk-let.text-light{
    font-family:heinch !important;
}
.title-color {

    color: #0b036b;

}



.description-color {

    color: #484848;

}


/* Extra css laraib */


.w-full.max-w-sm.mx-auto.overflow-hidden.rounded-md.shadow-md.texting-box {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
}

.btn-warning {
    /* color: #000; */
    /*background-color: #27154B!important;*/
    /* border-color: #271538; */
    background: var(--linear, linear-gradient(90deg, #1c83ec 0%, #2d65e6 100%)) !important; color:#FFFFFF; border-radius: .3889rem !important; border: .0556rem solid rgba(255, 255, 255, .15) !important;
}
/* end  */
.header-top-img {

    background-image: url(../img/banner-img.png) !important;

    /*background-position: bottom;*/
    height: 550px;
    background-size: cover;
    background-position:center center;

    background-repeat: no-repeat;


    /*background-color: #edc024;*/

}



#header-circles {

    background-image: url(../img/h-circles-left.png);

    background-position: left top;

    background-repeat: no-repeat;

    padding: 15px;

    position: absolute;

    background-size: 100%;

    width: 265px;

    margin-top: 95px;

    height: 500px;

    margin-left: 25px;

}



.header-circles-right {

    background-image: url(../img/h-circles-right.png);

    background-position: right bottom;

    background-repeat: no-repeat;

    padding: 15px;

    position: absolute;

    background-size: 100%;

    width: 190px;

    height: 500px;

    right: 0;

    margin-top: -75px;

}



#footer-circles {

    background-image: url(../img/footer-top-left.png);

    background-position: left top;

    background-repeat: no-repeat;

    padding: 15px;

    position: absolute;

    background-size: 100%;

    width: 160px;

    margin-top: 80px;

    height: 500px;

    margin-left: 20px;

}



.footer-circles-right {

    background-image: url(../img/footer-right.png);

    background-position: right bottom;

    background-repeat: no-repeat;

    padding: 15px;

    position: absolute;

    background-size: 100%;

    width: 150px;

    height: 550px;

    right: 0;

}



/*** Menu ***/





.menu-style {

    /*margin-left: auto !important;*/
    margin: 0 auto;

}



.registeration-btn {

    background-color: #fff!important;

    color: #da8517;

    border-radius: 15px !important;

}



.video-icon {

    width: 39.38px;

}



.banner-video-link,

.banner-video-link:hover {

    color: #fff;

    text-decoration: underline;

    font-size: 14px;

    line-height: 16.8px;

    font-weight: 400;

    padding-left: 10px;

}



/*** Header ***/



/*** Top Banner ***/

.top-banner-title {

    font-family: "Lato";

    font-style: normal;

    font-weight: 700;

    font-size: 48px;

    line-height: 77px;

    color: #ffffff;

}



/*** Login Form ***/

.login-main {

    padding: 0px 130px;

}



.login-form-main {

    box-sizing: border-box;

    margin: 0px auto;

    margin-top: -270px;

    background: #ffffff;

    border: 1px solid #2A6AE7;

    backdrop-filter: blur(4px);

    border-radius: 15px;

}



.student-type {

    background: #ffffff;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 15px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 24px;

    color: #d9d9d9;

    padding: 18px 25px;

}



.student-type-link,

.student-type-link:hover {

    color: #6E4AF2;

}

.imgheight {
    max-height:260px;
}

.form-group label {

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 38px;

    color: #000000;

    padding-top: 20px;

    padding-bottom: 10px;

}



.form-group input {

    background: #ffffff;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 15px;

    padding: 15px 25px;

    font-size: 18px;

    font-weight: 500;

    font-family: "Lato";

    color: #a2a2a2;

    height: 50px;

}



.login-button {

background: var(--linear, linear-gradient(90deg, #1c83ec 0%, #2d65e6 100%)) !important;

    /*background: linear-gradient(to top right, #ef2f0f, #ffe600);*/

  border-radius: 10px;

  font-family: "Lato";

  font-style: normal;

  font-weight: 500;

  font-size: 20px;

  color: #ffffff;

  padding: 10px 140px;

}



.form-control:focus {

    border-color: #2a6ae7;

    box-shadow: 0 0 0 0.25rem rgb(42, 106, 231 / 25%);

}



/*** Purchase Details ***/


@media only screen and (max-width: 768px)
.top-banner-title {
    font-size: 34px;
    color: #ffffff !important;
}









.student-radio {

    background: #ffffff;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 15px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    color: #d9d9d9;

}



.radio-input {

    margin-right: 10px;

}



.radio-button-styling-1 {

    border-right: 1px solid #d9d9d9;

    padding: 15px 20px;

}



.radio-button-styling-2 {

    padding: 15px 20px;

}



.form-control:disabled,

.form-control:read-only {

    background-color: #fff;

    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    border-radius: 15px;

    height: 55px;

    padding: 15px 20px;

}

.form-control:disabled{

    background-color: #e9ecef;

}

.submit-button {

    background: #f8c628;

    border-radius: 10px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    color: #ffffff;

    padding: 10px 40px;

}



/*** Testimonial ***/

.carousel .carousel-item {

    color: #999;

    overflow: hidden;

    min-height: 120px;

    font-size: 13px;

}



.carousel .media {

    position: relative;

    padding: 0 0 0 20px;

}



.carousel .media img {

    /*width: 75px;*/

    /*height: 75px;*/

    display: block;

    border-radius: 50%;

    margin-left: 15px;

}



.carousel .testimonial-wrapper {

    padding: 0 10px;

}



.carousel .testimonial {

    color: #a3a3a3;

    padding: 15px;

    margin-bottom: 15px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

}



.carousel .testimonial::after {

    content: "";

    width: 15px;

    height: 15px;

    display: block;

    background: #f1f1f1;

    border: 1px solid #efefef;

    border-width: 0 0 1px 1px;

    position: absolute;

    bottom: -8px;

    left: 46px;

    transform: rotateZ(-46deg);

}



.carousel .star-rating li {

    padding: 0 2px;

}



.carousel .star-rating i {

    font-size: 16px;

    color: #ffdc12;

}



.carousel .overview {

    padding: 3px 0 0 15px;

}



.carousel .overview .details {

    padding: 0px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 14px;

    line-height: 30px;

    color: #a3a3a3;

}



.carousel .overview b {

    text-transform: capitalize;

    color: #a3a3a3;

    margin-top: 10px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 30px;

}



.carousel .carousel-indicators {

    bottom: -70px;

}



.carousel-indicators li,

.carousel-indicators li.active {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    margin: 1px 2px;

    box-sizing: border-box;

}



.carousel-indicators li {

    background: #e2e2e2;

    border: 4px solid #fff;

}



.carousel-indicators li.active {

    color: #fff;

    background: linear-gradient(91.12deg, #f9c46a 2.07%, #f3b07a 99.16%);

}



.carousel-indicators {

    justify-content: start;

    margin: 0px 0px 0px 20px;

}



.testimonial-title {

    background: url(../img/testimonial-img.png) center bottom no-repeat;

    min-height: 300px;

}



.testimonial-title h2 {

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 32px;

    line-height: 38px;

    color: #ffffff;

    padding-top: 80px;

    width: 150px;

    margin-left: 260px;

}

.review-btn-1 {

    margin-right: 130px;

}

.details-btn {

    background: #f8c628;

    border-radius: 10px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    color: #ffffff;

    padding: 10px;

    width: 280px;

}



.main-container {

    background: #ffffff;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 15px;

}



.personal-details p,

.price-details p {

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 20px;

    line-height: 38px;

    color: #a2a2a2;

    padding: 8px 0px;

    margin: 0px;

}



.price-details {

    padding-top: 8%;

    line-height: 38px;

}



.table-heading th {

    background-color: #f3f3f3;

    padding: 35px 20px;

}



.table-heading {

    border-radius: 15px 15px 0px 0px;

}



.table-details td {

    padding: 30px;

}



.table-schedule-main {

    background: #ffffff;

    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    border-radius: 15px;

    border: 2px solid #f3f3f3;

}



.table-borderless>tbody>tr>td,

.table-borderless>tbody>tr>th,

.table-borderless>tfoot>tr>td,

.table-borderless>tfoot>tr>th,

.table-borderless>thead>tr>td,

.table-borderless>thead>tr>th {

    border: 1px solid #cecece;

}



.cheras-form {

    box-sizing: border-box;

    margin: 0px auto;

    margin-top: -220px;

    background: #ffffff;

    border: 1px solid #f8c628;

    backdrop-filter: blur(4px);

    border-radius: 15px;

    width: 380px;

    height: 71px;

}

p.cheras-location.float-left {

    float: left;

}

p.cheras-grade.float-right {

    float: right;

}



.filter-switch label {

    cursor: pointer;

}

.name {

    color:#000000 !important;

    font-size: 20px !important;

    /*background-color:blue !important;*/

}



.filter-switch-item input:checked+label {

    color: #000000;

    background-color: #f8c628 !important;

    border-radius: 20px !important;

    height: 40px;

    text-align: center;

    padding: 10px 30px !important;

    font-size: 20px;

    margin: 0px 10px;

}



.filter-switch-item input:not(:checked)+label {

    --bg-opacity: 0;

    box-shadow: none;

    color: #000000;

    background-color: #d9d9d9 !important;

    border-radius: 20px !important;

    height: 40px;

    text-align: center;

    padding: 10px 30px !important;

    font-size: 20px;

    margin: 0px 10px;

}




.cheras-left {

    background: #ffffff;

    border: 4px solid #f8c628;

    box-shadow: 5px 11px 52px -18px rgba(0, 0, 0, 0.15);

    border-radius: 15px;

}



.cheras-img {

    position: absolute;

    left: -75px;

    top: 14px;

}



.cheras-title {

    font-family: "Lato";

    font-style: normal;

    font-weight: 600;

    font-size: 32px;

    line-height: 38px;

    color: #000000;

}



.cheras-btn {

    background-color: #f8c628;

    border-radius: 10px;

    padding: 5px 18px;

    line-height: 17px;

    font-size: 14px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    color: #474749;

    width: 85px;

}



ul.cheras-ul {

    display: inline-flex;

    list-style: none;

}



ul.cheras-ul li {

    padding: 0px 10px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 22px;

    line-height: 26px;

    color: #474749;

}



ul.cheras-ul li::before {

    content: "\2022";

    color: #f8c628;

    font-weight: bold;

    display: inline-block;

    width: 1em;

    margin-left: -1em;

    padding: 0px 15px;

}



.cheras-fee {

    font-family: "Poppins";

    font-style: italic;

    font-weight: 500;

    font-size: 22px;

    line-height: 33px;

    color: #474749;

    margin: 0px;

}



/*** Footer ***/



.footer-main {

    background-image: url(../img/bg-footer-01.png);

    background-position: bottom !important;

    /*background-size: 100% !important;*/

    background-repeat: no-repeat;

    /*background-color: #edc024;*/

}



img.footer-left-circle {

    position: absolute;

    width: 250px;

    padding-top: 125px;

}



img.footer-right-circle {}



.footer {

    /*padding-top: 260px;*/

    /*margin-top: 0px;*/

}



.footer-logo {

    width: 229px;

    height: 59px;

}



.company-details-footer {

    font-family: "Lato";

    font-style: normal;

    font-weight: 600;

    color: #000000!important;

}



.footer-icons {

    width: 30px;

    margin: 0px 20px 0px 0px;

}



.section-title {

    font-family: "Lato";

    font-style: normal;

    font-weight: 800;

    font-size: 24px;

    line-height: 29px;

    color: #fff;

}



ul.company-main-footer {

    list-style: none;

    padding: 0px;

    color:#FFFFFF !important;

}



li.company-footer-style {

    padding: 10px 0px;

}



a.company-footer {

    color:#FFFFFF !important;

    font-family: "Lato";

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

}



.footer-rights {

    color: #000000;

    font-family: "Lato";

    font-style: normal;

    line-height: 22px;

}



.footer-copyright {

    padding: 0px !important;

}



.footer-line {

    max-width: 650px;

    border-top: 1px solid #000;

    margin: 0px auto;

    padding-bottom: 20px;

}




.btn.btn-primary {
    /*background: linear-gradient(to top right, #ef2f0f, #ffe600);*/
        background: linear-gradient(to right, #261E54, #10162C) !important;
    /* background: linear-gradient(to top right, #2F274C, #5746A5); */
    border: none;

    color:#FCFEFF;

}



.footer-bottom{

     margin-bottom: 0px !important;

 }

/*** About ***/

.about-col {

    text-align: center;

    width: 168px;

    height: 183px;

    background: #ffffff;

    border: 1px solid #f8c628;

    backdrop-filter: blur(4px);

    /* Note: backdrop-filter has minimal browser support */

    margin: 0px auto;

    border-radius: 15px;

    padding-top: 40px;

}



.about-title p {

    color: #6533ff;

    padding: 0px;

    margin: 0px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 800;

    font-size: 24px;

    line-height: 29px;

}



.about-details p {

    color: #6533ff;

    margin: 0px;

    padding: 0px;

    font-family: "Roboto";

    font-style: normal;

    font-weight: 500;

    font-size: 18px;

    line-height: 21px;

}



/*** Teacher ***/

.teacher-title h2 {

    color: #0b036b;

    font-family: "Lato";

    font-style: normal;

    font-weight: 700;

    font-size: 36px;

    line-height: 43px;

}



.teacher-description p {

    font-family: "Lato";

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 17px;

    text-align: center;

    color: #484848;

    max-width: 441px;

    margin: 0px auto;

}



.teacher-img {

    position: relative;

    text-align: center;

}



.teacher-top {

    position: absolute;

    top: 8px;

    left: 70px;

    background: #ffffff;

    border-radius: 11px;

    width: 83px;

    height: 28px;

    font-family: "Lato";

    font-style: normal;

    font-weight: 400;

    font-size: 14px;

    line-height: 17px;

    padding-top: 5px;

    text-align: center;

    color: #000000;

}

@media only screen and (max-width: 600px) {
  .header-top-img {
    background-image: url(../img/banner.png) !important;
    /* background-position: bottom; */
    height: 290px !important;
    background-repeat: initial !important;
    /* background-size: 125%; */
    /*background-repeat: no-repeat !important;*/
    /* background-color: #edc024; */
}

.testimonial-title h2 {
    font-size: 18px !important;
    margin-left: 170px !important;
}



}


@media only screen and (max-width: 360px){
.nav-btn-style {
    font-size: 12px !important;
  
}
}
@media only screen and (min-width: 992px){
.home-login-btn {
    
    position: absolute !important;
    right: 25px;

  
}
}