@import url("./font.css");

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    
}

p{
    font-family: var(--Poppins);
    font-size: 20px;
    font-weight: normal;
}

header{
   width: 100%;
   padding-top: 1%;
   padding-bottom: 0%;
   background-color: rgb(7, 26, 46);
   border-bottom: 5px solid rgb(0, 200, 255);
}

.header-line{
    border: 1px solid rgb(0, 200, 255);
    border-style: dashed;
}

:root{
    --FrancoisOne:FrancoisOne;
    --Oxygen:Oxygen;
    --Poppins:Poppins;
    --Rajdhani:Rajdhani;
    --AkayaTelivigala: ' AkayaTelivigala', cursive;
    --Bangers: ' Bangers', cursive;
    --BebasNeue: 'BebasNeue', cursive;
    --BerkshireSwash: 'BerkshireSwash', cursive;
    --Caveat: 'Caveat', cursive;
    --Cinze: 'Cinze', cursive;
    --Cormorant: 'Cormorant', cursive;
    --IBMPlexMono: 'IBMPlexMono', cursive;
    --KaushanScript: 'KaushanScript', cursive;
    --Lobster: 'Lobster', cursive;
    --NotoSans: 'NotoSans', cursive;
    --OpenSansCondensed: 'OpenSansCondensed', cursive;
    --Pacifico: 'Pacifico', cursive;
    --Ranchers: 'Ranchers', cursive;
    --Rancho: 'Rancho', cursive;
}


.main-header h1{
    text-align: center;
    font-family: var(--Ranchers);
    color: red;
}

.headersmall{
    font-family: var(--Oxygen);
    font-size: 12px;
    text-align: center !important;
    color: rgb(3, 255, 125);
}

.sec-one{
    width: 100%;
    margin-top: -8px;
    padding-top: 3%;
    padding-bottom: 3%;
    background: linear-gradient(rgb(44, 1, 1),rgba(0, 15, 28, 0.8)),url('../Images/lightstage3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.small-headtext{
    text-align: center !important;
}

#head-small{
    font-family: var(--Oxygen) !important;
    font-size: 14px !important;
    color: rgb(252, 252, 185) !important;
    text-align: center !important;
}

.topwar{
    margin-top: -2%;
}

.rating{
    font-size: 12px;
    font-family: var(--Poppins);
    color: gray;
}

.starss{
    text-align: center;
}

#starpoint{
    font-size: 15px;
    color: rgb(239, 172, 1);
    text-align: center;
}

.sec-header{
    background-color: rgb(224, 224, 241);
    padding-top: 3%;
    padding-bottom: 6%;
}

.top-testimonial img{
    border: 2px solid rgb(233, 30, 3);
    border-style: dashed;
}

.sec-content{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.sec-content h2{
    text-align: center;
    font-family: var(--Rajdhani);
    color: white;
    font-size: 30px;
}

.sec-two-content{
    width: 70%;
    margin-left: 15%;   
    margin-right: 15%;
    text-align: center ;   
}

#arrow-pointer{
    font-size: 30px;
    color: rgb(0, 162, 255);
}

.course{
    margin-top: 3%;
    padding-top: 4%;
    padding-left: 2%;
    padding-right: 3%;
    border: 2px solid white;
    width: 100%;
    background: linear-gradient(rgb(26, 47, 58),rgb(14, 31, 39));
    padding-bottom: 16px;
    box-shadow: 0em 0em 1.0em rgb(115, 115, 115), 0em 0em 1.0em rgb(198, 197, 197);
}

.course img{
    box-shadow: 0em 0em 1.0em rgb(0, 0, 0), 0em 0em 1.0em rgb(103, 102, 102) !important;
    width: 100%;
}


.course h1{
    text-align: center;
    font-size: 35px;
}

.sec-two-content button{
    color: black;
    background-color: rgb(240, 203, 21);
    padding: 20px 40px;
    border: none;
    font-size: 30px;
    font-family: tahoma;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 1px 0px 2px rgba(0, 0, 0, 0.3);
}

.glo{
    background-color: rgb(241, 236, 244);
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 4%;
}

.glo h4{
    font-family: var(--Poppins);
}

#globe{
    font-size: 18px;
}


.sec-three{
    width: 100%;
    margin-top: -5%;
    padding-bottom: 3%;
    background: linear-gradient(rgb(3, 1, 65),rgba(6, 7, 16, 0.8)),url('../Images/lightstage1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 5%;
}

.sec-three-content{
    width: 70%;
    margin-left: 15%;   
    margin-right: 15%;
    text-align: center;
}

.sec-three-content .my-image{
    width: 100%;
}
.sec-three-content img{
    width: 100%;
    border-radius: 0 !important;
    border: 4px solid white;
    box-shadow: 0em 0em 1.0em rgb(134, 133, 133), 0em 0em 1.0em rgb(163, 160, 160) !important;
}

.sec-three-content p{
    font-weight: normal;
    color: white;
    font-size: 20px;
}

.wes img{
    border: 2px solid black;
    border-style: dashed;
}


.my-sec-pic img{
    background-color: ;
    border-style: ;
    border: none !important;
    border-radius: ;
    box-shadow: ;
}


.meflex{
    display: flex !important;
    background-color: rgb(49, 68, 88) !important;
    padding: 10px 10px !important;
    padding-bottom: 20px !important;
    border: 2px solid rgb(0, 0, 0) !important;
}

.meimg{
    flex-basis: 70% !important;
}

.meimg img{
    width: 70% !important;
    margin-top: 7% !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-style: dashed !important;

}

.meflex-con{
    flex-basis: 60%;
    text-align: center;
    
}

.meflex-con p{
    color: white !important;
    font-size: 18px;
}

.metext{
    margin-right: 10%;
    margin-top: 2%;
}

.metext h2{
    font-size: 22px !important;
    margin-top: 5% !important;
    font-family: normal !important;
    color: rgb(255, 174, 0) !important;
    font-family: normal !important;
}
    

.proof-image{
    text-align: center;
}

.proof-image img{
    width: 50%;
}

.studentsimg img{
    border: 2px solid black !important;
    width: 60%;
}

.sec-btn button{
    background-color: rgb(132, 3, 3);
    color: white;
}

@media(max-width:780px){

    .main-header h1{
        text-align: center;
        font-family: var(--Ranchers);
        font-size: 25px;
    }

    .sec-content{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .sec-content h2{
        text-align: center;
        font-family: var(--Rajdhani);
        color: white;
        font-size: 27px;
    }

    .sec-header{
        background-color: rgb(224, 224, 241);
        padding-top: 3%;
        padding-bottom: 10%;
    }

  

    .sec-three{
        width: 100%;
        margin-top: -10%;
        padding-bottom: 3%;
        background: linear-gradient(rgb(3, 1, 65),rgba(6, 7, 16, 0.9)),url('../Images/lightstage1.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        padding-bottom: 5%;
        padding-top: 5%;
    }
    .sec-two-content{
        width: 80%;
        margin-left: 10%;   
        margin-right: 10%;
        text-align: center ;   
    }

    .sec-three-content{
        width: 90%;
        margin-left: 5%;   
        margin-right: 5%;
        text-align: center;
    
    }
        
    
    .sec-three-content .my-image{
        width: 100%;
    }
    .sec-three-content img{
        width: 100%;
        border-radius: 3rem;
        
    }

    .content{
        width: 80% !important;
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
    .sec-three-content h2{
        font-family: tahoma;
        font-size: 25px;
        color: white;
        background-color: ;
        border-radius: 3rem;
        padding-bottom: 3px;
    }

    .sec-btn button{
        background-color: rgb(132, 3, 3);
        color: white;
        font-size: 25px;
    }

    .dfh2{
        font-size: 30px !important;
    }
    
    .course{
        margin-top: 3%;
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 3%;
        width: 100%;
        background-color: none;
        padding-bottom: 30px;
        padding-top: 30px;
        padding-left:  10px;
        padding-right: 10px;

    }

    .proof-image img{
        width: 100%;
    }


    .meflex{
        display: flex !important;
        flex-wrap: wrap !important;
        background-color: rgb(49, 68, 88) !important;
        padding: 10px 10px !important;
    }
    
    .meimg{
        flex-basis: 100% !important;
    }
    
    .meimg img{
        width: 100% !important;
    }
    
    .meflex-con{
        flex-basis: 100%;
        text-align: center;
    }

    .metext{
        margin-right: 0%;
        margin-top: 3%;
        border: ;
        border-style: ;
    }

    .studentsimg{
        width: 100% !important;
        margin-left: 0%;
        margin-right: 0%;
    }
    
    .regst{
        width: 75% !important;
    }

}

.check{
    background-color: rgb(237, 235, 206);
    padding: 10px 10px;
    border-radius: 0px;
    border: 2px solid black;
}

.sec-three-content h2{
    font-family: tahoma;
    color: white;
    background-color: ;
    border-radius: ;
    padding-bottom: 5px;
    
}

.main-content{
    background-color: rgb(238, 248, 247);
    padding-top: 2%;
    padding-bottom: 3%;
}

.content{
    width: 70%;
    padding-left: 15%;
    padding-right: 15%;
}

#reas{
    font-family: var(--FrancoisOne);
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}

#reas2{
    font-family: var(--Poppins) !important;
    text-transform: capitalize !important;
}


.getrich{
    border: 1px solid rgb(134, 184, 109);
    border-style: dashed;
}

#getrichh2{
    font-family: var(--FrancoisOne) !important;
    text-align: center;
    color: rgb(124, 171, 100);
}


#ajayi{
    font-family: tahoma !important;
    font-size: 28px;
    color: rgb(2, 92, 80);
}

#finally{
    font-family: tahoma !important;
    font-size: 30px;
    color: rgb(2, 92, 80);
}

.qt{
    box-shadow: 0px 1px 0px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 14px;
    border-radius: 10px;
    background-color: white;
    color: rgb(0, 0, 0);
}

large{
    font-family: tahoma !important; 
    font-weight: bold;
}
#linequote{
    color: red;
}


#about{
    font-family: normal !important;
    text-align: center;
    font-size: 35px;
}

.content h2{
    text-transform: uppercase;
    font-family: tahoma !important;
    color:  rgb(0, 0, 0);
    font-size: 30px;
    font-weight: bold;
      
}



#bullet-point{
    background-color: white;
    color:rgb(214, 1, 1);
    font-size: 25px;
    border-radius: 50%;
    box-shadow: 0px 1px 0px 2px rgba(2, 2, 2, 0.4);
}

.list{
    font-family: var(--Poppins) !important;
    display: block;
    margin: 20px;
    font-size: 20px;
}

#bullet-point2{
    background-color: gold;
    color: black;
    font-size: 25px;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 2px rgba(0, 0, 0, 0.2);
    padding: 2px 4px;
}

.df{
    width: 100% !important;
    background: rgb(237, 190, 136);
    padding: 2px 4px;
    text-align: center;
    color: rgb(0, 0, 0) !important;
    font-family: normal !important;
}

.df h2{
    font-size: 35px;
    color: rgb(22, 129, 252);
}

.no-exp{
    font-size: 30px !important;
    color: rgb(3, 3, 88) !important;
}

.content h3{
    text-align: center;
    font-family: var(--Poppins);
    color: rgb(0, 0, 0);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin: auto;   
}

.contenth3{
    background-color: rgb(166, 68, 68) !important;
    color: white !important;
}

.content-con{
    background-color: rgb(49, 68, 88);
    color: white;
    padding: 6px 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 0px 2px rgba(0, 0, 0, 0.1);
    border: 2px solid rgb(0, 0, 0);
 
}

.content-con p{
    font-family: var(--Oxygen) !important;
    text-align: center;
}

.sec2-content{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.sec2-content h2{
    color: rgb(224, 151, 4);
    font-family: tahoma;
    font-size: 27px;
    font-weight: bold;
    
}
#bullet-point3{
    background-color: rgb(176, 2, 2);
    color: white;
    font-size: 15px;
    border-radius: 50%;
    padding: 4px 4px;
    box-shadow: 0px 1px 0px 2px rgba(103, 101, 101, 0.2);
}

.thinking{
    background-color: rgb(5, 32, 62);
    padding: 6px 12px; 
    border-radius: 5px;
    border: 2px solid rgb(0, 0, 0);
    color: white;
    letter-spacing: 1px;
}

.thinking h2{
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: rgb(255, 0, 0) !important;
    font-family: var(--Oxygen) !important;
}

.content ul{
    background-color: rgb(159, 86, 62);
    border-radius: 5px;
    padding-bottom: 10px;
}

.content ul li{
    margin: 5px;
    font-family: var(--Poppins);
    font-size: 20px;
    color: white;
}

.content ul h3{
    font-size: 35px;
    text-align: left;
    color: white;
    font-family: var(--Oxygen);
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.checkbox{
    color: green;
    background-color: white;
}

#bigo{
    font-family: var(--Oxygen) !important;
    text-align: center;
    font-size: 35px;
    color: rgb(1, 82, 188);
}

.Conv{
    border: 1px solid black;

}

#hopon{
    font-family: var(--Oxygen) !important;
    font-size: 25px;
    text-align: center;
}

.regst{
    font-family: tahoma !important;
    text-align: center !important;
    margin: auto !important;
}

.imagin-con{
    padding-top: 3%;
    padding-bottom: 3%;
    background: linear-gradient(rgb(15, 15, 15),rgba(20, 17, 17, 0.8)),url('../Images/lightstage3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.imagin h1{
    text-align: center;
    color: white;
    font-size: 55px;
    text-transform: capitalize;
}

.imagin-con-text{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.imagin h2{
    text-align: center;
    font-size: 45px;
    text-transform: capitalize;
}

#musttext{
    text-align: center !important;
    color: white !important;
    font-family: var(--Oxygen) !important;
    font-size: 18px;
}

#musttextquote{
    text-align: center !important;
    color: white !important;
    font-size: 30px;
}

#bullet-point5{
    background-color: none !important;
    font-size: 14px !important;
    color: rgb(0, 66, 81) !important;
}


/*---------------------testimonials-----------------------------*/
.testimonials{
    width: 100%;
    margin-top: -8px;
    padding-top: 3%;
    padding-bottom: 3%;
    background: linear-gradient(rgb(9, 33, 29),rgba(8, 34, 30, 0.9)),url('../Images/Bg1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 2%;
    padding-bottom: 5%;
}

.test-container{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.web-video{
    text-align: center;
}

.video-flex{
    width: 80%;
    display: flex;
    margin-left: 10%;
    margin-right: 10%;
}



.video-box{
    text-align: center;
    margin: auto;
    width: 40%;
    height: 60vh;
    border: 3px solid yellow;
    border-style: dashed;
}

.video-frame{
    margin: auto;
    width: 100%;
    height: 60vh;
}


.testimonial-flex{
    display: flex;
    justify-content: space-around;
}

.testimonial-con{
    flex-basis: 35%;
}

.testimonial-con img{
    border-radius: none !important;
    border: none !important;
    box-shadow: 0em 0em 1.0em black, 0em 0em 1.0em black !important;
    
}


#test-box{
    background-color:  !important;
    box-shadow: 0em 0em 1.0em black, 0em 0em 1.0em black !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

#test-boximg{
    border: none !important;
    border-radius: 0px !important;
}


.testimonial-con h3{
    text-align: center;
    font-family: var(--Poppins);
}

.test-web-video{
    text-align: center;
}

.test-web-video h3{
    font-family: var(--Poppins);
    text-transform: uppercase;
    font-size: 23px;
    color: white;
}



.test-video-box{
    text-align: center;
    margin: auto;
    width: 80%;
    height: 60vh;
    margin-bottom: 5%;
}

#test-vid-box{
    border-radius: none !important;
    border: none !important;
    box-shadow: 0em 0em 1.0em black, 0em 0em 1.0em black !important;
}


.zade-vbox{
    border: none !important;
    border-style: none !important;
    background-color: none !important;
    
}

.zade-video-frame{
    margin: auto;
    width: 100%;
    height: 60vh;
}


.testimonial-con img{
    width: 100%;
   
}



.test-container h2{
    text-align: center;
    font-family:tahoma;
    text-transform: uppercase;
    font-size: 35px;
    color: rgb(251, 237, 135);
    background-color: black;
    box-shadow: 1px 1px 1px 1px black;
    text-decoration: none;
}

.numb{
    color: white;
    background-color: rgb(209, 44, 3);
    border-radius: 50%;
    padding: 2px 10px;
}

.sneak-peek{
    width: 100%;
    background-color: rgb(207, 193, 220);
    padding-top: 2%;
    padding-bottom: 5%;
}

.sneak-peek-container{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.sneak-peek-container h2{
    text-align: center;
    font-family: tahoma;
    font-size: 35px;
    color: black;
}

.modules{
    text-align: center;
}

.module1 h3{
    font-weight: bold;
    color: rgb(128, 0, 255);
    font-weight: bold;
    font-family: tahoma;
}

.module1{
    background-color: rgb(247, 236, 240);
    padding: 6px 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 0px 4px rgba(0, 0, 0, 0.1);
    border: 2px solid black;
   
}

.module1 p{
    text-align: left;
    font-family: var(--Poppins);
    font-size: 20px;
}

.module7{
    background-color: rgb(80, 124, 80);
    color: white;
    border: 2px solid rgb(0, 0, 0);
    
}

#circlemark{
    color: white;
    background-color: rgb(93, 1, 1);
    border-radius: 5px;
    padding: 5px 5px;
}

.funnel{
    text-align: center;
    flex-basis: 20%;
}

.funnel img{
    width: 20%;
    border-radius: 50%;
}

.hold{
    font-family: var(--FrancoisOne);
    text-align: center;
    font-size: 30px;
}

.satisfaction-container{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
@media(max-width:780px){

    .test-container{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .hop{
        font-size: 30px !important;
    }

    .regst{
        font-family: tahoma !important;
        text-align: center !important;
        margin: auto !important;
    }

    .test-container h2{
        text-align: center;
        font-family: tahoma;
        text-transform: uppercase;
        font-size: 25px;
        color: rgb(251, 237, 135);
        
    }

    .test-container{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .video-flex{
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        margin-left: 5%;
        margin-right: 5%;
    }
    

    .video-box{
        text-align: center;
        margin: auto;
        width: 100%;
        height: 60vh;
        border: 3px solid yellow;
        border-style: dashed;
    }
    
    .video-frame{
        margin: auto;
        width: 100%;
        height: 60vh;
    }

    #test-vid-box{
    margin-top: 5% !important;
    border-radius: none !important;
    border: none !important;
    box-shadow: 0em 0em 1.0em black, 0em 0em 1.0em black !important;
}
    
.test-web-video{
    text-align: center;
}

.test-video-box{
    text-align: center;
    margin: auto;
    width: 100%;
    height: 32vh;
    border: 3px solid rgb(222, 211, 3);
    border-style: dashed;
    background-color: none;
}

.zade-vbox{
        text-align: center;
        margin: auto;
        width: 100%;
        height: 23.5vh !important;
        border: none;
        border-style: none;
       background-color: none !important;
}

.zade-video-frame{
    margin: auto;
    width: 100%;
    height: 35vh;
}
    
    .testimonial-flex{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .testimonial-con{
        flex-basis: 100%;
        margin: 10px;
    }

    .sneak-peek-container{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .sneak-peek-container h2{
        text-align: center;
        font-family: tahoma;
        font-size: 28px;
        color: black;
    }

    .price-con{
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    .about-content{
        width: 90% !important;
        margin-left: 5% !important;
        margin-right: 55% !important;
        text-align: center;
    }

    .about-content img{
        width: 100% !important;
        border-radius: 3%;
        background-color: aliceblue;            
}

.price-con{
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#Price-today{
    color: white !important;
    font-size: 25px !important;
    font-family: var(--Oxygen);
}

#Pricet{
    color: white !important;
    font-size: 25px !important;
}

.satisfaction{
    width: 100%;
    padding-top: 1%;
    padding-bottom: 4% !important;
    background-color: rgb(0, 0, 0);
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.satisfaction-con{
    flex-basis: 30% !important;
}

.satisfaction-con img{
    width: 30% !important;
}

.organized{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}

.g-image img{
    width: 100% !important;
}

.must{
    margin-top: 10% !important;
    background-color: rgb(1, 51, 61);
    padding-top: 2%;
    padding-bottom: 8% !important;
}

.must-text{
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.must-flex{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
}

.must-con{
    flex-basis: 100% !important;
}



.mentorship{
    width: 90% !important;
    margin-right: 5% !important;
    margin-left: 5% !important;
}

.group-test{
    margin-top: 5%;
    width: 90% !important;
    margin-right: 5% !important;
    margin-left: 5% !important;
}


.group-test-flex{
    margin-top: 5%;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    display: flex;
    flex-wrap: wrap !important;
    justify-content: space-around;
    border: ;
    border-radius: 5px;
    text-align: center !important;
}

.group-test-con{
    flex-basis: 100% !important;
}

.group-test-con img{
    width: 100% !important;
}


.group-test-con h2{
    font-size: 30px !important;
    font-family: var(--Poppins);
    color: white;
    text-align:center;
}

.privacy p{
    font-size: 15px !important;
}

}


/*-----------------price--------------------------*/
.price{
    width: 100%;
    background-color: rgb(234, 236, 236);
    padding-top: 3%;
    padding-bottom: 5%;
}

.price-con{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.priceh2{
    background-color: rgb(0, 14, 64);
    padding: 10px;
    border-radius: 5px;
}

.price-con h2{
    color: rgb(250, 250, 250);
    font-size: 25px;
    font-family: tahoma;
    text-align: center;
}

.price p{
    font-size: 25px;
}
.naira{
   text-decoration: line-through;
}


.war{
   border: 2px solid rgb(55, 55, 55); 
   padding: 2px 4px;
   text-align: center;
}


.war p{
    font-family: var(--Oxygen);
    text-transform: capitalize;
}

#highv{
    font-family: tahoma !important;
    font-size: 35px !important;
    text-transform: uppercase !important;
}

.oder{
    background-color: rgb(144, 109, 33);
    padding: 4px 8px;
}

.oder h2{
    font-family: tahoma;
    color: white;
}

.satisfaction{
    width: 100%;
    padding-top: 1%;
    padding-bottom: 2%;
    background-color: rgb(1, 16, 53);
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.satisfaction h1{
    color: rgb(251, 237, 135);
    font-size: 25px;
    font-family: var(--Rajdhani);
    text-transform: uppercase;
}


.satisfaction-con{
    flex-basis: 15%;
}

.satisfaction-con img{
    width: 15%;
}

#check-price{
    color: rgb(0, 18, 119) !important;
}
.creator{
    background-color: rgb(241, 220, 179);
    padding-top: 1%;
}

.about-content{
    width: 60%;
    margin-top: 7%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
}

#Price-today{
    color: white !important;
    font-size: 30px !important;
    font-family: var(--Oxygen);
}

#Pricet{
    color: white !important;
    font-size: 30px !important;
}

.btn{
    background: linear-gradient(rgb(26, 47, 58),rgb(14, 31, 39));
    color: rgb(247, 190, 56);
    padding-top: 40px;
    padding-bottom: 5px;
    border-radius: 10px;
}

.mentorship{
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}

.group-test{
    margin-top: 5%;
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
}

.group-test-flex{
    display: flex;
    justify-content: space-around;
    padding: 5px 5px;
    padding-bottom: 0%;
    padding-top: 0%;
    padding-left: 0%;
    border-radius: 3px;
    border: ;
    background-color: white;
    box-shadow: 0em 0em 1.0em rgb(169, 168, 168), 0em 0em 1.0em rgb(188, 188, 188);
}

.group-test-con{
    flex-basis: 50%;
}

.group-test-con img{
    width: 60%;
    
}

.group-test-con p{
    font-size: 27px;
    font-family: var(--Poppins);
    color: rgb(0, 0, 0);
    text-align:center;
}

#Jennifer{
    color: rgb(0, 0, 0);
    font-family: var(--Oxygen);
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}



#equip{
    font-family: var(--FrancoisOne);
    color: rgb(30, 35, 41);
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}

#group-test-quote{
    color: rgb(85, 69, 54);
    text-align:center !important;
    font-size:40px;
}

.overcome{
    font-size: 20px;
    color: rgb(100, 100, 100);
    font-family: var(--Oxygen);
    text-align: center;
}

.g-image{
    text-align: center;
}

.g-image img{
    width: 80%;
}

.winingt{
    text-align: center;
    font-family: tahoma;
    font-size: 30px;
}

.must{
    margin-top: 5%;
    background-color: rgb(1, 51, 61);
    padding-top: 2%;
    padding-bottom: 2%;
    background: linear-gradient(rgb(0, 0, 0),rgba(5, 140, 140, 0.8)),url('../Images/lightstage2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.must-text{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.must-text h1{
    text-align: center;
    font-size: 50px;
    color: white;
}

.must-text p{
    text-align: center;
    color: white;
    font-family: var(--Poppins);
}

.must-flex{
    display: flex;
    justify-content: space-around;
}

.must-con{
    flex-basis: 30%;
}

#must-num{
    background-color: rgb(238, 3, 89);
    color: white;
    font-size: 30px;
    padding: 2px 2px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 50%;
    text-align: center;
    font-family: var(--FrancoisOne);
}

.must-con p{
    color: white;
    font-family: var(--Oxygen);
    font-size: 16px;
}

.about-content img{
    width: 50%;
    border: 3px solid rgb(143, 61, 47) !important;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0em 0em 1.0em rgb(142, 142, 142), 0em 0em 1.0em rgb(158, 158, 158);
    
}

.Aaron{
    font-family: var(--FrancoisOne);
    text-transform: uppercase;
    font-size: 30px;
    color: rgb(0, 0, 0);
    background-color: ;
    border-radius: 3px;
    padding: 5px 10px;
    font-weight: bold;
}

.founder{
    font-family: var(--Poppins);
    font-size: 25px; 
    color: rgb(47, 107, 147);
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.Founder2{
    text-align: center;
    color: white;
    font-family: var(--Poppins);
    font-size: 20px;
    background-color: rgb(166, 75, 75);
    padding: 2px 4px;
}


.abouttext{
    color: gray;
    font-size: 18px !important;
}

.organized{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}



.faqs{
    width: 100%;
    background: linear-gradient(rgb(1, 44, 23),rgba(1, 105, 65, 0.9)),url('../Images/studentimg6.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 3%;
    padding-bottom: 5%;
}

.faq-con{
    width:80%;
    margin-left: 10%;
    margin-right: 10%;
}


.faq-con h2{
    text-align:center;
    font-size:40px;
    color:rgb(253, 214, 124);
    font-family:tahoma;
}

#qq{
    color: rgb(225, 159, 5) !important;
    background-color: rgb(14, 14, 14) !important;
    padding: 5px 5px;
    border-radius:5px;
    font-family:tahoma !important;
}

#faqtext{
    color: white !important;
    font-family: var(--Oxygen) !important;
}

#faqq{
    color: rgb(225, 159, 5);
    font-size:20px;
}

#qmq{
    font-size:25px !important;
    font-family:tahoma !important;
    color: rgb(225, 49, 5) !important;
}

#qqch{
    color: white;
    background-color: rgb(55, 120, 79);
    font-size: 25px;
    border-radius: 5px;
}

#faqas{
     color: white !important;
    font-family: var(--Oxygen) !important;
}

.main-footer{
    width: 100%;
    background-color: rgb(14, 14, 14);
    }


  
    .privacy{
        text-align: center;
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .privacy-content{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .privacy a {
        text-decoration: none;
        color: rgb(251, 214, 126);
        font-size: 16px;
    }

    .privacy h2{
        color: rgb(251, 214, 126);
        font-family: tahoma;
        text-align: center;
        
    }

    #privacyh22{
        color: rgb(209, 209, 209);
        font-family: tahoma;
        text-align: center;
    }

    .privacy p{
        color: rgb(250, 247, 177);
        font-family: var(--Oxygen);
        text-align: center;
    }

    .terms{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .Enquiries{
        text-align: center !important;
        font-family: var(--Poppins) !important;
        font-size: 14px !important;
        color: rgb(255, 44, 2) !important;
    }