/* .sidebar34{
    background-color: #224562;
    color: #224562;
    background-image: url(../img/screen2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:none;
    height:108%;
    opacity: 0.8;
    background-position: 45% 0%;

} */


/* 
.sidebar34{
    background-color: #224562;
    color: #224562;
    background-image: url(../img/screen5.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:none;
    height:103%;
    opacity: 0.8;
    background-position: 55% 0%;


https://i.pinimg.com/236x/46/c2/d1/46c2d171836026b43d45125a15b0949a.jpg
https://i.pinimg.com/236x/2b/b1/8b/2bb18be7670a45f0929570e314b287db.jpg

//https://i.pinimg.com/564x/3e/52/2d/3e522da88a85b222979b7cb51e730b00.jpg
//https://i.pinimg.com/564x/5f/74/27/5f742744188201aa0d30523c6b61c276.jpg
//https://i.pinimg.com/564x/6c/06/c3/6c06c3aed55a032e3d9d9b08f8cf6b04.jpg
//https://i.pinimg.com/564x/df/94/7d/df947dcf923b42c063f1ba8ffa1fbd70.jpg



} */

.sidebar34{
    background-color: hsl(179, 83%, 65%);
    color: #224562;
    background-image: url(https://i.pinimg.com/564x/e7/86/eb/e786ebe40df7f85ff88ddad9feecdfbf.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:none;
    height:270%;
    opacity: 0.99;
    background-position: 65% 0%;
}



/* 
.sidebar34{
    background-color: hsl(179, 83%, 65%);
    color: #224562;
    background-image: url(../img/bg12.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border:none;
    height:120%;
    opacity: 0.8;
    background-position: 90% 0%;
} */

@media (max-width: 992px) {
    .loginResponsive{
        padding-top: 90px;
    }
    /* .imgResponsive{
        min-width: 17%;

    } */


}
.titleP2{
    margin-left: 8%;
}

.aboutT{
    font-size: 19px;
    max-width: 90%;
}

.subtopicP {
    margin-left: 3%;
}

.profileImg{
    margin-top: 230px;
    width: 100%;
    float: left;
}

.aboutP{
    margin-top: 50px;
    margin-left: 5%;
    margin-bottom: 20px;
}
.aboutaskP{
    margin-top: 60px;
    margin-left: 30%;
}
.containerP{
    min-height: 1000px;
    min-width: 100%;
    margin-top: 20px;
}


.mainLogP{
    margin-top: -150px;
    padding-top: -150px;

}

.separatorP{
    height: 0.5px;
    background-color: #4a5ab5;

}



.btnPP{
    margin-top: 150px;
    margin-left: 36%;
    background-color: #a40d0d;
    color: #fff;
}
.btnP2{
    margin-top: 230px;
    margin-left: -20%;
    
}


.logP{
    font-size: 20px;
    font-weight: 800;
}

.imageS{
    min-width: 50%;
    margin-top: 20px;
}


.explainerImg5{
    width: 80%;
    margin-left: 15%;
    margin-top: -120px;
}

.explainerImg4{
    width: 80%;
    margin-left: 1%;
    margin-top: -70px;
}
.profileBigt{
    font-size: 35px;
    line-height: -300px
}






.navBadge{
    position: relative;
}

.button__badge {
    background-color: hwb(333 19% 16% / 0.902);
    color: white;
    padding: 2px 6px;
    font-size: 10px;
    position: absolute; /* Position the badge within the relatively positioned button */
    top: 3px;
    left: 102%;
    border-radius: 50%;
  }

.card99{
    box-shadow: 1.5px 1.5px 4px 0px hwb(193 20% 64%);
    border-radius: 3%;
}

.card90{
    box-shadow: 1.5px 1.5px 4px 0px hwb(193 20% 64%);
    border-radius: 5%;
}


.brandShadow {
    text-shadow: hsl(284, 78%, 13%) 0.01px 0.01px 0.01px;
}
  

  .button__badge2 {
    background-color: hwb(333 19% 16% / 0.902);
    border-radius: 2px;
    color: white;
    padding: 1px 5px;
    font-size: 10px;
    position: absolute; /* Position the badge within the relatively positioned button */
    border-radius: 50%;
    top: 0;
    right: 0;
  }



.welcomeG2{

    margin-left: 1%;

}

.timeP{
    margin-top: -60px;
}

.timeP2{
    margin-top: -95px;
}
.timeB{
   margin-left: 28%;
}

.onboardL{
    margin-left: 1%;
}
.onboardL2{
    margin-left: 3%;
}


.onboardL3{
    margin-left: -3%;
}

.timeLeft{
    margin-left: 43%;
    color: #5e72e4;
}

.timeLeft2{
    margin-left: 5%;
    color: #5e72e4;
}




.uploadBtn{
    margin-left: 20%;
    margin-top: 30px;
}

.loadingVid{
    width: 20%;
    margin-top: 30px;
}
.kanBtn{
    margin-left: 0%;
}



.qCenter{
    padding-right: 5%;
}

.qCenter2{
    padding-right: 6%;
}


.questionFont2{
    font-size: 24px;
    

}



 .oldQt{
    font-size: 16px;
 }

 

    .imageS2{
        width: 10%;
        margin-top: -100px;
        border-radius: 100%;
        padding-left: 120px;
    }
    
    .imageS3{
        width: 10%;
        margin-top: -20px;
        border-radius: 100%;
        padding-left: 200px;
    }

    .imageS33{
        width: 400px;
        margin-left: 40px;
        margin-top: 30px;
    }

    .btnP9{
        margin-left: 41%;
        margin-top: 50px;
        
    }
    .askmeTeach{
        font-size: 15px;
    }

    .btnP{
        margin-top: 130px;
        margin-left: 43%;
        background-color: #a40d0d;
        color: #fff;
    }

    

    .PimageS{
        /* width: 30%; */
        margin-left: 4%;
        margin-top: 0px;
        margin-bottom: 50px;
        cursor: pointer;
        border: 2px solid #fff;
        border-radius: 3%;
        max-width: 190px;
        height: 190px; 
        
        border-radius: 50%;
        object-fit: cover;
    }

    

    .TextS{
        margin-left: 2%;
        margin-top: 0px;
        margin-top: -20px;
    }

    .timelC{
        margin-bottom: 10px;
        margin-top: 10px;
    }

    
    

    

        

    .textCard {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical;
        min-height: 10px;
     }
    
     

     .cardDesc{
        font-size: 15px;
        min-height: 20px;

    }

    

    .loginLogo{
        text-decoration: none; 
        font-size: 30px;
    }

    .loginText{
        padding-top: 60px;
        font-size: 18px;
        margin-bottom: -60px;
        margin-top: -30px;
    }
    
    .newqBody{
        width: 90%;
        margin-left: 5%;

    }

    .kanBtn{
        margin-left: 2%;
    }

    .qFstudents{
        margin-left: 5%;
        font-size: 21px;
        padding-top: 900px;
    }

    .qFstudents2{
       
        padding-top: 10px;
    }

    

    .imgResponsive{
        min-width: 14%;
        margin-top: 5px;
    }

    .profileBtn{
        min-width: 30%;
        margin-left: 36%;
    }

    .profileCard{
        margin-top: -15px;
    }

   

    .qAnsw{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* number of lines to show */
                line-clamp: 3; 
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        min-height: 55px;

    }

    .subjBtn{
        margin-top: 10px;
    }

    .subjBtn2{
        margin-top: 0px;
    }
    
   

    .elementCa{
        color: #fff;
        background-color: #fff;
        padding: 20px 10px; 
        padding-top: 30px;
        margin-bottom: 20px;
    }

    .navTimer{
        margin-top: 20px;
        margin-left: 150px;
        font-size: 18px;
        color: #fff;
        font-weight: 600;
        width: 100%;
    }

    

    .textCard2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical;
        min-height: 10px;
        margin-top: -90px;
     }

    .step2{
        margin-top: -85px;
    }

    .item-container .item:first-of-type {
        margin-top: 85px;
        margin-bottom: 20px;
      }

      .timeline-block{
        min-height: 220px;
        margin-bottom: 30px;
    }

    .pagCenter{
        margin-top: -65px;
        display: flex;
        justify-content: center;
        align-items: center;
        }

    .pagCenterStudent{
        padding-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagCenterStudent2{
        padding-top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timeline23{
        width: 95%;
        margin-left: 2.5%;
    }

    .profileImg2{
        margin-top: 150px;
        width: 150%;
        float: left;
        margin-left: -20%;
    }
    .newImgt{
        width: 30%;        
    }

    .teacherImage{
        width: 100px; 
        height: 100px; 
        border-radius: 50%;
        object-fit: cover;
    }

    .publicFooter{
        padding-bottom: 0px;
        margin-left: -40%;
    }

    .timeb2{
        width: 95%;
    }
    .setPay{
        margin-left: 30%;
    }

    .select11{
        margin-left: 5px;
    }
    
    .courseSection{
        font-size: 16px;
        font-weight: 550;
        text-align: center;       
    }
  
    .courseTitle{
        color: #5e72e4;
        font-weight: 700;
        text-align: center;
        font-size: 28px;
        margin-left: 33%;

    }
    .courseTitle2{
        margin-top: 10px;
    }
    
    .lessonTitle{
        color: hwb(210 11% 25% / 0.882);
        font-weight: 600;
        text-align: center;
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 30px;

    }
    .LessonPlay{
        font-size: 12px;
        /* padding-top: 40px; */
        color: #5e72e4;
    }
    .lessonT{
        font-size: 16px;
        margin-left: 10px;
    }

    .lessonVid{
        margin-left: 1%;
        min-width: 125%;
    }
    .accord{
        margin-top: -75px;
        margin-left: 20%;
        max-width: 80%;
    }
    .lessonAsk{
        margin-left: 15%;
    }
    .lessonAsk2{
        margin-left: 5%;
    }
    .lessonAsk3{
        margin-left: 30%;
    }
    .activee{
        background-color: rgba(160, 175, 192, 0.589);
    }
    .load2{
        margin-left: 100%;
    }
    .studentsSubj{
        margin-top: -10px;
    }
    .studentsSubj{
        margin-bottom: 10px;
    }
   

    .courseCols{
        margin-left: 2%;
    }

    .teachCoursTitle{
        font-size: 17px;
        margin-left: 30%;
    }

    .lessonOrder1{
        text-align: center;
    }

    .goToCourse{
        margin-left: 0%;
    }
   
    .aiHelper1{
        width: 9%;
        cursor: pointer;
        margin-top: -30px;
    }

    .aiHelperText{
        cursor: pointer;
        margin-left: -3%;
        margin-top: -15px;
        font-size: 18px;
    }
    .AItext{
        font-size: 17px;
        font-family: roboto
    }
    .aiTittle{
        font-size: 20px;
        
    }

    .aiHelper{
        font-size: 26px;
        margin-left: 2%;
    }

    .aiHelper2{
        width: 9%;
        cursor: pointer;
        margin-left: 10%;
        margin-bottom: 20px;
    }

    .active23{
        background-color: rgba(63, 41, 117, 0.166);
    }
    .newSubj{
        margin-left: 5%;
    }

    .courseLinks{
        margin-top: -10px;
    }

    .subjectCourse {
        margin-top: 10px;
        margin-bottom: -20px;
    }

    .payCard{
        color: azure;
    }


    .payCard1{
        width: 55%;
        margin-bottom: 30px;
    }
    .sectionCol{
        margin-left: 5%;
    }
    .sectionCol2{
        margin-left: 5%;
    }
    .courseSteps{
        font-size: 13px;
    }
    .dontforget{
        color: black;
    }
    .centerTitleCourse{
        margin-left: 10%;
    }

    .notBell{
        margin-left: -20%;
    }

    .timeDown{
        margin-top: 10px;
    }

 
    .plansP2{
        /* margin-right: 150px; */
    }

    .onboardBtn2{
        margin-left: -10%;
        margin-right: 10%;
    }

   
    

    

     .navPubpro {
         margin-top: -10px;
    }

    .maincont{
        margin-top: -60px;
        width: 102%;
     }
    .maincont2{
        width: 102%;
        margin-top: -60px;
     }


     .publicFooter2{
        margin-top: -30px; 
        max-height: 40px;
     }

     .pricing{
        margin-left: 11%;
    }

    

    .pricecard{
        margin-left: -2%;
    }
    
    .plansP{
        max-width: 90%;

    }

    

    .pricing2{
        margin-left: -5%;
    }

  

    .pricecard2{
        min-width: 25%
    }
    
    .pricecard3{
        padding-left: 5%;
    
    }

    .publicPItem{
        margin-left: 10%;
    }   

    .publicPItem2{
        margin-left: 7%;
    }  

    .btnprof{
        margin-left: 41.5%;
    }
    .brResponsive{
        display: none;
    }

    .brandcolor{
        color: hsl(231, 84%, 65%);
        font-size: 23px;
        font-weight: 1000;
        margin-left: -15px;
        padding-top: 40px;
    }

    .nav23{
        margin-left: -4px;
    }

    .cancelT2{
        margin-left: -3%;
    }

    .publicPItem3{
        margin-left: 15%;
    } 

    .plansSpac{
        padding-top: 10px;
    }
    .recordVid354{
        display: none;
    }

    .onBoardT1{
        margin-left: -5%;
    }

    .welcomeG{
        /* margin-left: 8%; */
    }

@media (min-width: 1443px) {
    /* big screen */

    

    .btnP{
        margin-top: 140px;
        margin-left: 43.5%;
        background-color: #a40d0d;
        color: #fff;
    }

    .publicPItem{
        margin-left: 21%;
    }   
    .publicPItem2{
        margin-left: 21%;
    }  
   


    .onboardL{
        margin-left: 2%;
    }
    .onboardL3{
        margin-left: 1%;
    }
    
    .teachCoursTitle{
        font-size: 17px;
        margin-left: 35%;
    }
    .subjectCourse {
        margin-top: 0px;
        margin-bottom: 0px;

    }

    .newSubj{
        margin-left: 10%;
    }

    .aiHelper1{
        width: 6%;
        cursor: pointer;
        margin-top: -30px;
    }

    .aiHelper{
        font-size: 26px;
        margin-bottom: 40px;
        margin-left: 2%;
    }

    .aiHelper2{
        width: 6%;
        cursor: pointer;
        margin-left: 23%;
        margin-bottom: 25px;
    }


    
    
    .setPay{
        margin-left: 35%;
    }

    .timeb2{
        width: 95%;
    }


    .newImgt{
        width: 25%;
    }

    .timeline23{
        width: 80%;
        margin-left: 10%;
    }
    .pagCenter{
        margin-top: -130px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timeline-block{
        min-height: 245px;
    }

    .item-container .item:first-of-type {
        margin-top: 110px;
        margin-bottom: 10px;
      }

    

    .textCard2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical;
        min-height: 10px;
     }
    

    .subjBtn2{
        margin-top: 10px;
    }

    .profileCard{
        margin-left: 5%;
    }
    .profileCard2{
        padding-bottom: 50px;
    }
    

    .imgResponsive{
        margin-top: -60px;
        min-width: 8%        
    }

    

    .kanBtn{
        margin-left: 6%;
    }

    .newqBody{
        width: 85%;
        margin-left: 12%;
    }

    .loginLogo{
        text-decoration: none; 
        font-size: 40px;

    }

    

    .loginText{
        padding-top: 70px;
        font-size: 23px;
        margin-bottom: -60px;
        margin-top: 0px;

    }


    .cardDesc{
        font-size: 16px;
        min-height: 20px;

    }


    .textCard {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical;
        min-height: 10px;
     }
    
     

    .TextS{
        margin-left: 2%;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .PimageS{
        /* width: 30%; */
        margin-left: 4%;
        margin-top: 0px;
        margin-bottom: 50px;
        cursor: pointer;
        max-width: 190px;
        height: 190px; 
        border-radius: 50%;
        object-fit: cover;
        
    }

    

    

    .imageS2{
        width: 10%;
        margin-top: -100px;
        border-radius: 100%;
        padding-left: 240px;
    }

    .btnP9{
        margin-left: 41%;
        margin-top: 50px;
        
    }

    

    .questionFont2{
        font-size: 24px;
        margin-left: -8%;
    }
    

    
    

    .timeLeft{
        margin-left: 48%;
    }
    .timeLeft2{
        margin-left: 5%;
    }

    

    .onboardL2{
        margin-left: 10%;
    }
    /* .onboardL3{
        margin-left: 10%;
    } */

    .timeB{
        margin-left: 32%;
     }
     

    .explainerImg5{
        width: 70%;
        margin-left: 15%;
        margin-top: -120px;
    }

    

    .loginLogo2{
        padding-top: 100px;
    }

    
    


    .profileBigt{
        font-size: 40px;
    }
   

    .explainerImg4{
        width: 70%;
        margin-left: 1%;
        margin-top: -150px;
    }


    
    .btnPP{
        margin-left: 39%;
        
    }
    .btnP2{
        margin-top: 150px;
        margin-left: 44%;
        background-color: #a40d0d;
        color: #fff;
    }
    .imageP{
        margin-left:0%;
    }
    .imageS{
        min-width: 35%;
        margin-top: 20px;
    }
}


.priceS{
    min-height: 300px;
    text-align: center;
}


.TextSS{
    margin-left: 5%;
    margin-bottom: 70px;
    margin-top: -20px;
    text-transform: capitalize;
    cursor: pointer;
}

.headerP {
    max-width: 90%;
    margin-left: 5%;
}

/* .header22{
    height: 500px;
} */

.nameP{
    margin-top: 140px;
    margin-left: 10%;
}
.nameP2{
    margin-top: 70px;
    margin-left: -2%;
}
.namePP{
    margin-left: 10%;
}





.linkP{
    color: #000;
}

.bg-default2
{
    background-color: #172b4d;
    width: 108%;
    margin-left: -5%;  
}

.bg23{
    background-color: #172b4d;
    /* min-width: 100%; */

}

.cardP{
    min-height: 150px;
}

.publicq{
    padding-left: 4%;
    padding-bottom: 80px;
}
.publicq2{
    padding-left: 4%;
}


@media (max-width: 1200px) {
    .sidebar34{
        opacity: 1;
    }
    .navLink{
        font-size: 30px;
        font-weight: 500;
    }
}

.navLink{
    font-size: 17px;
    font-weight: 500;
    color: rgb(115, 115, 115); 
}


.questionTitle{
    text-align: center;
    margin-bottom: 20px;
}

 /* #3459e6; */

.navbg{
    background-color: #3459e6;
    max-height: 40%;

}



.navLog{
    margin-top: 20px;
}
.navText{
    color: #fff;
}

.questionFont{
    font-size: 18px;
}




.navText3{
    color: #fff;
    padding-top: 20px;
    width: 120%;
    text-align: center;
}
.mycard{
    color: #fff;
    text-align: center;
    
}

.moveInput{
    padding-right: 10px;
}

.emailForm{
    padding-left: 15px;
}

.emailForm2{
    background-color: rgb(240, 240, 240);
}

.recordButt{
    align-items: center;
    padding-left: 5%;
}


.centerCard11{
    padding-top: 40px;
    padding-bottom: 30px;

}


.cardIcon{
    margin-left: -5px;
    margin-top: -5px;
}

.centerCard111{
    padding-top: 2px;
    padding-bottom: 10px;
    max-height: 120px;
    min-height: 120px;
    overflow:hidden; 
}
.centerCard1{
    text-align: center;
}

.navText2{
    color: #fff;
    padding-top: 20px;
    width: 120%;    
}

.centerCard2{
    padding-left: 40%;
}
.centerCard3{
    padding-left: 45%;
}
.centerCard4{
    padding-left: 28%;
}
.centerCard5{
    padding-left: 35%;
}

.recordButt33{
    align-items: center;
    padding-left: 1%;
    font-size: 13px;
}
.recordButton33{
    padding-top: 1px;
    padding-left: 1%;

}

.recordButt2{
    padding-left: 9%;
    margin-bottom: 40px;
}
.videoW{
    padding-left: 7%;
}

.recbutton{
    padding-left: 7%;
}

.videoW2{
    padding-left: 5%;
}

.stopR{
    padding-top: 24px;
    padding-left: -9%;
}
.stopR2{
    padding-top: 24px;
    padding-left: -9%;
}
.videoTitle{
    margin-top: 20px;
    margin-bottom: 10px;
}

.recordSec{
    margin-left: 10%;
}

/* @media (min-width: 1685px) {

    .chooseT{
        padding-bottom: 150px;
    }
} */


@media (min-width: 1500px) {
   
    .pricecard2{
        min-width: 500px;
    }
    .stopR{
        padding-top: 26px;
        margin-left: -7%;
    }
    .stopR2{
        padding-top: 24px;
        padding-left: 20%;
    }
    .pricecard{
        min-width: 550px;
    }
    .centerCard1{
        text-align: right;
    }
    .centerCard2{
        padding-left: 44%;
    }
    .centerCard3{
        padding-left: 47%;
    }
    .centerCard4{
        padding-left: 38%;
    }
    .centerCard5{
        padding-left: 45%;
    }
    .recordButton{
        padding-top: 15px;
        padding-left: 8%;
    
    }
    .recordButt{
        align-items: center;
        padding-left: 20%;
        font-size: 23px;

    }
    .master1{
        padding-top: 20px;
        padding-bottom: 30px;

    }
    .recordButton33{
        padding-top: 20px;
        padding-left: 3%;
    
    }
    .recordButt33{
        align-items: center;
        padding-left: 14%;
        font-size: 13px;
        float: left;
    }

    .recordButt2{
        padding-right: 30%;
        margin-left: 12%;
    }
    .stopCard{
        height: 50%;
    }

}
.mouseP{
    cursor: pointer;
}
.disabledbtn{
    cursor: none;
}

.recordTittle{
    margin-top: 160px;
    margin-bottom: 50px;
}

.recordButton{
    padding-top: 10px;
    padding-left: 1%;
}



.stopCard{
    height: 50%;
    padding-bottom: 20px;
}

.paintwhite{
    color: #fff;
    background-color: #fff;
}


.mynav{
    padding-left: 0px;
}

.tittleColor{
    color: #5e72e4;
    font-weight: 600;
    text-align: center;
}





.tittleColo41{
    color: hwb(210 11% 25% / 0.882);
    font-weight: 600;
    text-align: center;
    font-size: 22px;
}
.tittleColor31{
    color: #5e72e4;
    font-weight: 600;
}

.tittleColor2{
    color: #0d24a4;
    font-weight: 600;
    text-align: center;
}



.tittleColor33{
    color: #0d24a4;
    font-weight: 600;
}
.tittleColor22{
    color: hsl(36, 71%, 63%);
    font-weight: 600;
    text-align: center;
}


.tittleColor224{
    color: hsl(36, 71%, 63%);
    font-weight: 600;
}
.tittleColor222{
    color: #db2323;
    font-weight: 600;
    text-align: center;
}

.tittleColor2222{
    color: #ff0000;
    font-weight: 800;
    text-align: center;
}

.tittleColor21{
    color: #ff0000;
    font-weight: 800;
    text-align: center;
}

.tittleColor3{
    color: #7d31d9;
    font-weight: 600;
    text-align: center;
}
.tittleColor4{
    color: hwb(206 22% 14%);
    font-weight: 600;
    text-align: center;
}


.tittleColor41{
    color: hwb(206 22% 14%);
    font-weight: 600;
}

.tittleColor45{
    color: #0d6aa4;
    font-weight: 800;
    text-align: center;
}

.tittleColor44{
    color: #11c565;
    font-weight: 600;
    text-align: center;
}

.btnRound{
    border: 1x solid #fff;
    border-radius: 105px;
}

.CancelT{
    margin-left: -8%;
}


@media (max-width:1354px) {

    .brr4{
        display: none;
    }
}


@media (max-width:1320px) {

    .brr5{
        display: none;
    }
}

@media (max-width:1315px) {

    .brr3{
        display: none;
    }
}

@media (max-width:1300px) {

    .chooseT3{
        margin-left: 5%;
       
    }
}



@media (max-width:1200px) {
    .kanBtn{
        margin-left: 25%;
    } 
    .maincont{
        margin-top: -115px;
        width: 102%;
     }
     .maincont2{
        width: 102%;
     }
    
     .prof251{
        padding-right: 20%;
     }
     .btnP9{
        margin-left: 50%;
        min-width: 50%;
    }
    
    .Feature11{
        margin-left: 5%;
        max-width: 80%;
        margin-top: 20px;
     }
     .profileBigt2{
        margin-left: 3%;
        margin-top: -100px;
     }
     .explainerImg55{
        max-width: 80%;
        margin-top: -10px;
        margin-left: 20%;       
    }
    .explainerImg4{
        max-width: 80%;
        margin-left: 10%;       

    }
    .profileBigt33{
        margin-left: 5%;
        max-width: 80%;
    }
    .Feature111{
        margin-left: 5%;
        max-width: 80%;
        margin-top: 20px;
    }
    .Feature143{
        margin-left: 0%;        
    }
    .explainerImg56{
        max-width: 80%;
        margin-top: -10px;
        margin-left: 20%;       
    }
    
     .recordVid33{
        margin-left: 35%;
    }
    .recordButt34{
        margin-left: 8%;
    }
    .uploadVid{
        margin-left: 0%;
    }
    .recordButt334{
        margin-left: 10%;
    }
    .recordButt23{
        margin-left: 15%;
    }
    .recordVid34{
        margin-left: 38%;
        max-height: 100px;
    }
    .recordVid333{
        display: none;
    }
    .recArea2{
        max-height: 100px;
    }
    .stopRec31{
        display: none;
    }
    .recProg{
        margin-left: 13%;
    }
    .setPay{
        margin-left: 35%;
    }
    .welcomeG{
        margin-left: 0%;
    }
    .lessonVid{
        margin-left: 0%;
        min-width: 100%;
    }
    .accord{
        margin-top: -75px;
        margin-left: 0%;
        max-width: 100%;
    }
    .courseTitle2{
        margin-left: 20% ;
        min-width: 100%;
    }
    .aiHelper2{
        width: 4%;
        cursor: pointer;
        margin-left: 30%;
        margin-bottom: 20px;
    }
    .courseAccord{
        margin-bottom: 100px;
    }
    .lessonAsk3{
        margin-left: 5%;
    }
    .subjectCourse {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .btnprof{
        margin-left: 39%;
    }

    .chooseT2{
        /* margin-left: -5%; */
        /* margin-right: 0%; */
     }
    .pricecard{
        margin-bottom: 40px;
    }
    .brr4{
        display: inline
    }
    .brr5{
        display: inline
    }
    .publicFooter2{
        margin-top: -30px; 
        max-height: 60px;
        margin-left: 30%;
     }
     .onboardBtn2{
        margin-left: 0%;
        margin-right: 10%;
    }

}

@media (max-width:1150px) {


.btnP9{
        margin-left: 55%;
        min-width: 53%;
    }

    .brr2{
        display: none;
    }

}


@media (max-width:1050px) {

    .prof251{
        padding-right: 29%;
     }
     .recProg{
        margin-left: 12%;
    }
    .btnP9{
        margin-left: 66%;
        min-width: 53%;
    }
    .discoverText{
        font-size: 28px;
    }
}

@media (max-width:992px) {
    .maincont{
        margin-top: -210px;
        width: 102%;
     }
     .contxt2{
        padding-top: 0px;
     }
    .subsc23{
        margin-top: -50px;
    }
    .CancelT{
        margin-left: 0%;
    }
    .kanBtn{
        margin-left: 35%;
    }   
    .timeP2{
        margin-top: -50px;
    }
    .prof11{
        margin-left: -5%;
     }
     .btnprof{
        margin-left: 44.5%;
     }
     .aboutP34{
        margin-left: 1%;
     }
     .maincont2{
        margin-top: -210px;
        width: 102%;
     }
     .prof251{
        padding-right: 0%;
     }
     .prof111{
        padding-top: 5%;
     }
     .imageS2{
        margin-left: 15%;
        margin-top: -200px;
     }
     .btnP9{
        margin-left: 44%;
        margin-bottom: 40px;
        min-width: 0%;
    }
    .aboutaskP{
        margin-left: 3%;
    }
    .textCard44{
        margin-left: -15%;
     }
     .chooseT{
        max-width: 70%;
     }
     .explainerImg55{
        max-width: 40%;
        margin-left: 25%;       
    }
    .profileBigt2{
        margin-left: 15%;
     }
    .explainerImg4{
        max-width: 45%;
        margin-left: 24%;
    }
    .explainerImg56{
        max-width: 40%;
        margin-left: 25%;  
        margin-top: 20px;
    }
    
    .profileBigt34{
        font-size: 34px;
        margin-left: 5%;
    }
    .Feature143{
        margin-left: 2%;        
    }
    .chooseT3{
        margin-left: 8%;       
    }
    .recProg{
        margin-left: 11%;
    }
    .setPay{
        margin-left: 32%;
    }

    .teachCoursTitle{
        font-size: 17px;
        margin-left: 35%;
    }
    .discoverText{
        font-size: 28px;        
    }
    .brr2{
        display:block;
    }
    .brr3{
        display:block;
    }

    .pricecard{
        max-width: 100px;
    }
    .brr4{
        display:block;
    }
    
}

@media (max-width:890px) {
    .btnprof{
        margin-left: 43.5%;
     }
     .imageS2{
        margin-left: 10%;
     }
     .btnP9{
        margin-left: 41%;
    }
    .profileBigt2{
        margin-left: 12%;
     }
     .explainerImg55{
        max-width: 50%;
        margin-left: 20%;       
    }
    .aiHelper2{
        width: 5%;
        margin-left: 20%;
    }
    .subtopc2{
        margin-right: 15%;
    }
}


@media (max-width:963px) {

    .subjectCourse {
        margin-top: 20px;
    }

}

@media (max-width:800px) {
    .kanBtn{
        margin-left: 30%;
    }   
    .studenT2{
        font-size: 17px;
     }

     .studenT3{
        font-size: 22px;
     }
     .btnprof{
        margin-left: 42.5%;
     }
     .imageS2{
        margin-left: 5%;
     }
     .profileBigt2{
        margin-left: 10%;
     }
     .explainerImg4{
        max-width: 50%;
        margin-left: 21%;
    }
    /* .profileBigt34{
        font-size: 25px;
        margin-left: 4%;
    } */
    .profileBigt34{
        font-size: 34px;
        margin-left: 5%;
    }
    .Feature143{
        margin-left: 4%;        
    }
    .explainerImg56{
        max-width: 50%;
        margin-left: 20%;  
    }
    .recProg{
        margin-left: 9%;
    }
    .setPay{
        margin-left: 29%;
    }

    .subtopc2{
        padding-right: 10%;
    }
     
}


@media (max-width:768px) {

    .courseForm1{
        max-width: 90%;
    }
    .courseSec2{
        margin-right: 10%;
    }
    .lessonAsk{
        margin-left: 5%;
    }
    .centerTitleCourse{
        margin-left: 5%;
    }

    .subjectCourse {
        margin-top: 0px;
    }

    .pricecard{
        margin-left: 1%;
    }

    .brr5{
        display: inline
    }
    .publicPItem{
        padding-left: 20%;
    }
    .publicFooter2{
        margin-top: -30px; 
        max-height: 60px;
        margin-left: 25%;
     }

}




@media (max-width:750px) {
    .imageS2{
        margin-left: 1%;
     }
     .btnP9{
        margin-left: 38%;
    }
    .profileBigt2{
        margin-left: 7%;
     }

}

@media (max-width:700px) {
    .imageS2{
        margin-left: -2%;
     }
     .profileBigt2{
        margin-left: 5%;
     }
     .explainerImg55{
        max-width: 60%;
        margin-left: 15%;       
    }
    .explainerImg4{
        max-width: 55%;
        margin-left: 16%;
    }
    .profileBigt34{
        font-size: 30px;
        margin-left: 4%;
    }
    .recProg{
        margin-left: 7%;
    }
    .setPay{
        margin-left: 25%;
    }
    .brResponsive{
        display: block;
    }
    .aiHelper2{
        width: 6%;
        margin-left: 10%;
    }
    .btnprof{
        margin-left: 42%;
    }
}

@media (max-width:650px) {
    .imageS2{
        margin-left: -7%;
     }
      .btnP9{
        margin-left: 35%;
    }
    .profileBigt2{
        margin-left: 1%;
     }
    
    .profileBigt34{
        font-size: 28px;
        margin-left: 4%;
    }
    .Feature143{
        margin-left: 2%;        
    }
    .explainerImg56{
        max-width: 55%;
        margin-left: 15%;  
    }
    .subtopc2{
        padding-right: 15%;
    }
    .publicPItem{
        padding-left: 15%;
    }

}

@media (max-width:600px) {

   
}
@media (max-width:600px) {

   .mynav{
        display: none;
    }
 
    .avatar{
        display: none;
    }
    .search22{
        display: none;
    }
    .notif23{
        margin-right: 37px;
        margin-top: 12px;
    }

    .timeline23{
        width: 100%;
        margin-left: 0%;
    }


    .timeP2{
        margin-top: -50px;
    }
    .kanBtn{
        margin-left: 18%;
    }   
    .item-container .item:first-of-type {
        margin-top: 85px;
        margin-bottom: 30px;
      }
      .textCard42 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
                line-clamp: 2; 
        -webkit-box-orient: vertical;
        min-height: 10px;
     }
     .pending3{
        padding-top: 90px;
        margin-left: -60px;
     }
     .pending4{
        margin-top: -30px;
     }

     .maincont{
        margin-top: -220px;
        width: 105%;
     }

     .maincont2{
        margin-top: -210px;
        width: 105%;
     }


     .prof11{
        margin-left: -10%;
     }
     .prof111{
        margin-left: -2%;
     }

     .btnprof{
        margin-left: 41.5%;
     }

     .textCard43{
        /* margin-left: -5%; */
     }
     .profileImg2{
        margin-top: 70px;
     }
     .titleContainerP2{
        padding-top: 60px;
     }

     .imageS2{
        width: 7%;
        margin-top: -250px;
        border-radius: 100%;
        margin-left: -15%;
    }
 
    .btnP9{
        margin-left: 32%;
        margin-top: 50px;
        margin-bottom: 50px;
    }

     .aboutaskP{
        margin-left: -3%;
        margin-top: -10px;
     }
     .askS{
        margin-left: 7%;
     }

     

     .textCard44{
        margin-left: -15%;
     }
     .Feature11{
        margin-left: 0%;
        max-width: 450px;
        margin-top: 20px;
     }

     .profileBigt2{
        margin-top: -100px;
        font-size: 30px;
        margin-left: 1%;
     }
     .discoverText{
        font-size: 26px;
     }


     .explainerImg55{
        margin-top: 10px;
        margin-left: 7%;
        
     }
     .explainerImg4{
        margin-top: -70px;
        max-width: 60%;
        margin-left: 10%;
     }
    

     .profileBigt3{
        font-size: 35px;
        line-height: -300px;
        margin-left: -4%;
    }

    .profileBigt33{
        margin-left: 5%;
        max-width: 80%;
    }

    .Feature111{
        margin-left: 3%;
        max-width: 450px;
        margin-top: 20px;
     }

     .explainerImg56{
        margin-top: 10px;
        margin-left: 0%;
     }

     .chooseT{
        margin-left: 0%;
     }
     .priceP{
        font-size: 50px;
     }

     .PimageS2{
        margin-left: -5%;
     }

     .studenT{
        font-size: 30px;
     }

     .studenT2{
        font-size: 17px;
     }

     .studenT3{
        font-size: 22px;
     }

     .subCard2{
        margin-left: 0%;
        max-width: 90%;
     }

     .priceP2{
    font-size: 45px;        
     }
     .priceP3{
        font-size: 50px;        
         }
    .subsc23{
        margin-top: -50px;
    }

    .uploadVid{
        margin-left: 0%;
    }
    .recordVid33{
        margin-left: 35%;
    }
    .recordVid34{
        margin-left: 32%;
        max-height: 100px;
    }
    .recordVid332{
        margin-left: -20%;
    }
    .recordVid333{
        /* margin-left: -15%; */
        display: none;
    }
    .recordButt35{
        margin-left: -5%;
    }

    .recordVid339{
        margin-left: -15%;
    }
    .recImg2{
        /* display: none; */
    }
    .recArea2{
        max-height: 100px;
    }
    .stopRec31{
        display: none;
    }
    .pricecard3{
        padding-left: 10%;
    }
    .profileBigt34{
        font-size: 28px;
        margin-left: 2%;
    }
    .Feature143{
        margin-left: 0%;        
    }
    .explainerImg56{
        max-width: 55%;
        margin-left: 15%;  
    }
    .chooseT3{
        margin-left: 8%;       
    }
    .recordButt34{
        margin-left: -3%;
    }
    .recordButt334{
        margin-left: 0%;
    }
    .recordButt23{
        margin-left: 0%;
    }
    .recProg{
        margin-left: 4%;
    }
    .setPay{
        margin-left: 22%;
    }
    .courseTitle2{
        margin-left: 10% ;
        min-width: 120%;
    }
    .aiHelper2{
        width: 8%;
        margin-left: 5%;
    }
    .subtopc2{
        padding-right: 20%;
    }
    .publicPItem{
        padding-left: 10%;
    }
    .publicFooter2{
        margin-top: -30px; 
        max-height: 60px;
        margin-left: 20%;
     }
}

@media (max-width:576px) {

.courseTitle2{
    margin-left: -40% ;
    min-width: 50%;
}
}
@media (max-width:560px) {
    .imageS2{
        margin-left: -18%;
        width: 5%;
     }
     .recProg{
        margin-left: -1%;
    }
    .setPay{
        margin-left: 18%;
    }
    .btnprof{
        margin-left: 40%;
     }
     .discoverText{
        font-size: 22px;
     }
}

@media (max-width:540px) {
    .imageS2{
        margin-left: -21%;
        width: 4%;
     }
     .profileBigt2{
        margin-top: -100px;
        font-size: 26px;
        margin-left: 0%;
     }
     .Feature11{
        margin-left: -5%;        
     }
     .profileBigt34{
        font-size: 26px;
        margin-left: 0%;
    }
    .Feature143{
        margin-left: -2%;        
    }
    .setPay{
        margin-left: 18%;
    }
}

@media (max-width:540px) {
    .imageS2{
        margin-left: -20%;
        width: 3%;
     }
     .teachCoursTitle{
        font-size: 17px;
        margin-left: 30%;
    }
}


@media (max-width:531px) {
    .lessonAsk2{
        margin-left: 10%;
        margin-top: 30px;
    }
}

@media (max-width:520px) {
    .imageS2{
        margin-left: -25%;
        width: 3%;
     }
     .profileBigt34{
        font-size: 24px;
        margin-left: 0%;
    }
}