body
{
    font-family: sans-serif;
    padding-top: 0%;
    margin-top: 0%;
    box-sizing: border-box;
    border:1px solid white;
    
}    
html{
    scroll-behavior: smooth;
}
.fh
{
    height:80px;
    width:100%;
    display:flex;
    position:fixed;
}
.fs1
{
    height:80px;
    width:30%;
    background-color: white;
}
.ulf
{   
    height:50px;
    width:100%;
    font-size:17px;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    list-style-type: none;
}
.home
{
    color:#06BBCC;
    font-weight: bold;
}
.About
{
    font-weight: bold;
    color:black; 
}
.courses
{
    font-weight: bold;
    color:black; 
}
.pages
{
    font-weight: bold;
    color:black; 
}
.contact
{
    font-weight: bold;
    color:black;
}
.fs2
{
    height:80px;
    width:55%;
    background-color: white;
}
.fs3
{
    height:80px;
    width:15%;
    text-align: center;
    font-size:20px;
    background-color: #06BBCC;
    
}
.join
{
    margin-top:30px;
   color:white;
}
.ele
{   
    margin-left:10px;
    font-size:35px;
    color: #06BBCC;
    font-weight: bold;
    
}
.book
{
    text-align: center;
}
.division
{
    height:50px;
    width:100%;
   
    list-style: none;
    background-color:white;
}
a{
    text-decoration: none;

}
.header2
{
    height:640px;
    width:100%;
    background-image:url(im1.jpg);
    margin-top:80px;
}
.section1
{
    height:640px;
    width:100%;
    background-color: rgba(0,0,0,0.7);
    
}
.div4
{
    height:600px;
    width:100%;
}
.dii
{
    height:560px;
    width:80%;
    margin-left:100px;
}
.p2
{
    color:#06BBCC;
    font-size:20px;
    padding-top:50px;
}
@media screen and (max-width:768px)
{
    .header2
    {
        height:600px;
        width:100%;
    }  
    .section1
    {
    height:600px;
    width:100%;
    background-color: rgba(0,0,0,0.7);
    }
    .div4
    {
    height:auto;
    width:100%;
    }
    .p3
    {
    color: aliceblue;
    font-size:10px;
    font-weight: 400;
    }
    .p4
    {
    color:aliceblue;
    font-size:5px;
    }
    .dii
    {
    height:560px;
    width:80%;
    margin-left:50px;
    }
    .btnbtn1
    {
    height:20px;
    width:30px;
    font-size: 10px;
    border: 0in;
    }
    .btnbtn2
    {
    height:20px;
    width:30px;
    font-size: 10px;
    color:white;
    background-color:#06BBCC;
    border: 0in;
    margin-left:20px;
    }
}
.p3
{
    color: aliceblue;
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 800;
}
.p4
{
    color:aliceblue;
    font-size:20px;
}
.btnbtn1
{
    height:70px;
    width:170px;
    font-size: 16px;
    border: 0in;
}
.btnbtn2
{
    height:70px;
    width:190px;
    font-size: 16px;
    color:white;
    background-color:#06BBCC;
    border: 0in;
}
.section2
{
    height:500px;
    width:100%;
    display:flex;
    justify-content:space-evenly;
    align-items: center;
}
.div5
{
    height: 280px;
    width:18%;
    text-align: center;
    background-color: aliceblue;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:1s;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    text-align:center;
    color:black;
}
@media screen and (max-width:768px)
{
   .section2
   {
       
    height:auto;
    width:100%;
    flex-direction: column;
   }
   .div5
   {
    height: 280px;
    width:100%;  
   }
}

.div5:hover
{
    background-color:#06BBCC;
    height:300px;
    color:white;
}
.p5
{
   
    font-size:20px;
    font-weight:bold;
}
html{
    scroll-behavior: smooth;
}
.main1
{
    height:500px;
    width:100%;
    display: flex;
    justify-content: space-evenly;
    align-items:center;
}
.section3
{
    height:500px;
    width:40%;
    background-image:url(about.jpg);
    background-size:cover;
}
.section4
{
    height:500px;
    width:40%;
}
.div7
{
    height:270px;
}
.div8
{
    height:250px;
}
.span3
{
    padding:80px;
}
.span4
{
    padding:45px;
}
.span5
{
    padding:100px;
}
.pp
{
    font-size:20px;
}
.span2
{
    color:black;
    font-size:25px;
    font-weight:bold;
}
.span
{
color:black;
font-size:17px;
}
.p7
{
    color:#06BBCC;
font-size:18px;
font-weight: bold;
}
.btnbtn3
{
    height:60px;
    width:190px;
    font-size: 16px;
    color:white;
    background-color:#06BBCC;
    border: 0in;
    margin-top:30px;
}
.div9
{
    height:100px;
    width:100%;
    text-align:center;
}
@media screen and (max-width:768px)
{
    
    .main1
    {
    height:970px;
    width:100%;
    flex-direction:column;
    }
    .section3
    {
    height:500px;
    width:100%;
    background-size: cover;
    }
    .section4
    {
    height:500px;
    width:100%;
    margin-top:30px;
    }
    .div7
    {
    height:210px;
    margin-left:30px;
    }
    .div8
    {
    height:100px;
    margin:30px 30px 30px 30px;
    }
    .span2
    {
    color:black;
    font-size:25px;
    font-weight:bold;
    }
    .span
    {
    color:black;
    font-size:16px;
    }
    .btnbtn3
    {
    height:50px;
    width:190px;
    font-size: 15px;
    color:white;
    background-color:#06BBCC;
    border: 0in;
    margin-left:opx;
    }
    
    .p8
    {
        font-size:16px;
    }
}

.div9
{
    height:50px;
    width:100%;
    text-align:center;
}
.p9
{
    color:#06BBCC;
font-size:20px;
font-weight: bold;
}
.p10
{
    font-size:40px;
    color:black;
font-weight:bold;
}
.main2
{
    height:500px;
    width:100%;
    display:flex;
    justify-content:space-evenly;
    align-items: center;
}
.section5
{
    height:500px;
    width:45%;
    
}
.section6
{
    height:500px;
    width:35%;
    background-image:url(cat-4.jpg);
    background-size:cover;
    transition:1s;
}
.section6:hover
{
    height:520px;
    width:37%;
}
.div10
{
    height:75px;
    width:45%;
    margin-left:250px;
    margin-top:420px;
    background-color:white;
}
.p12
{
    color:black;
    font-size:20px;
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}
.span6
{
    font-size:15px;
    color:#06BBCC;   
}
.div11
{
    height:250px;
    width:110%;
    border:2px solid white;
    background-image:url(cat-1.jpg);
    background-size:cover;
    transition:1s;
}
.div11:hover
{
    height:270px;
}
.div13
{
    height:75px;
    width:30%;
    background-color:white;
    margin-left:453px;
    margin-top:170px;
}
.section7
{
    height:226px;
    width:110%;
    display:flex;
    justify-content: space-between;
    align-items:center;
}
.div12
{
    height:226px;
    width:48%;
    background-image:url(cat-2.jpg);
    background-size:cover;
    transition:1s;
}
.div12:hover
{
    height:240px;
}
.div15
{
    height:226px;
    width:48%;
    background-image:url(cat-3.jpg);
    background-size:cover;
    transition:1s;
}
.div15:hover
{
    height:250px;
}
.div16
{
    height:75px;
    width:50%;
    background-color:white;
    margin-left:150px;
    margin-top:145px;
}
.p13
{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    padding-top:10px;
}
.div17
{
    height:75px;
    width:50%;
    background-color:white;
    margin-left:150px;
    margin-top:145px;
}
@media screen and (max-width:768px)
{
    .div10
    {
        height:60px;
        width:50%;
        margin-left:132px;
        margin-top:440px;
        background-color:white;
    }  
    .div17
    {
    height:70px;
    width:65%;
    background-color:white;
    margin-left:70px;
    margin-top:156px;
    }
    .div16
    {
    height:70px;
    width:65%;
    background-color:white;
    margin-left:80px;
    margin-top:156px;
    }
    .div13
    {
    height:60px;
    width:30%;
    background-color:white;
    margin-left:260px;
    margin-top:190px;
    }
    .p12
    {
    color:black;
    font-size:15px;
    font-weight: bold;
    text-align:center;
    padding-top:10px;
    }
    .span6
    {
    font-size:10px;
    color:#06BBCC;   
    }
    .p10
    {
    font-size:35px;
    color:black;
    font-weight:bold;
    }
}
.main3
{
    height:450px;
    width:100%;
    display:flex;
    justify-content: space-evenly;
    align-items:center;
}
.s11
{
    height:450px;
    width:27%;
    
}
.div18
{
    height:225px;
    width:100%;
    background-image:url(course-1.jpg);
    background-size:cover;
}
.bt1
{
    padding:15px;
    border-radius:30px;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:2px;
    margin-left:80px;
    margin-top:170px;
    background-color: #06BBCC;   
    color:white;
    font-size:15px ;
    border-style:none;
}
.an1
{
    font-size:25px;
}
.div19
{
    height:225px;
    width:100%;
    border:1px solid aliceblue;
    background-color:aliceblue;
}
.p16
{
    font-size:26px;
    font-weight:bold;
    text-align: center;
    margin-top:10px;
    
}
.p17
{
    font-size:25px;
    color: #06BBCC;
    text-align: center;
}
.an2
{
    font-size:16px;
    color:black;
   
}
.p18
{
    font-size: 20px;
    font-weight:bold;
    text-align: center;
    margin-top:20px;
}
.s12
{
    height:450px;
    width:27%;
}
.div20
{
    height:225px;
    width:100%;
    background-image:url(course-2.jpg);
    background-size:cover;
}

.s13
{
    height:450px;
    width:27%;
}
.div22
{
    height:225px;
    width:100%;
    background-image:url(course-3.jpg);
    background-size:cover;
}
.div24
{
    height:30px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items: center;
    margin-top:20px;
}
.div25
{
    height:30px;
    width:33%;
    border:1px solid rgb(185, 183, 183);
    border-bottom-style: hidden;
    font-size:15px;
    text-align: center;
}
.an3
{
    margin-top:8px;
}
.div26
{
    height:30px;
    width:33%;
    border:1px solid rgb(185, 183, 183);
    border-bottom-style: hidden;
    font-size:15px;
    text-align: center;
}
.div27
{
    height:30px;
    width:33%;
    border:1px solid rgb(185, 183, 183);
    border-bottom-style: hidden;
    font-size:15px;
    text-align: center;
}
@media screen and (max-width:768px)
{
    .main3
    {
    height:1600px;
    width:100%;
    flex-direction: column;
    }
    .div18
    {
    height:300px;
    width:100%;
    background-size:cover;
    }
    .s11
    {
    height:550px;
    width:85%;
    }
    .s12
    {
    height:550px;
    width:85%;
    position: relative;
    top:5px;
    }
    .s13
    {
    height:550px;
    width:85%;
    position: relative;
    top:10px;
    }
    .div20
    {
    height:300px;
    width:100%;
    background-size:cover;
    }
    .div22
    {
    height:300px;
    width:100%;
    background-size:cover;
    }
    .bt1
    {
    padding:30px;
    border-radius:30px;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:2px;
    margin-left:200px;
    margin-top:230px;
    background-color: #06BBCC;   
    color:white;
    font-size:20px ;
    border-style:none;
    }
}
.main5
{
    height:370px;
    width:100%;
    display:flex;
    justify-content:space-evenly;
    align-items: center;
}
.s20
{
    height:370px;
    width:21%;
    margin-left:40px;
    background-color: aliceblue;
}
.div31
{
    height:240px;
    width:100%;
    border:1px solid white;
    background-image:url(team-1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
.div32
{
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:70px;
    margin-top:210px;
}

.div30
{
    height:74px;
    width:100%;
    background-color: aliceblue;
    margin-top:0px;
}
.p30
{
    font-size:24px;
    font-weight:bold;
    text-align: center;
    
}
.p31
{
    text-align: center;
}
.s21
{
    height:370px;
    width:21%;
    background-color: aliceblue;
}

.div33
{
    height:240px;
    width:100%;
    border:1px solid white;
    background-image:url(team-2.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
.div34
{
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:70px;
    margin-top:210px;
}

.div35
{
    height:74px;
    width:100%;
    background-color: aliceblue;
    margin-top:0px;
}
.s22
{
    height:370px;
    width:21%;
    background-color: aliceblue;
}
.div36
{
    height:240px;
    width:100%;
    border:1px solid white;
    background-image:url(team-3.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
.div37
{
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:70px;
    margin-top:210px;
}

.div38
{
    height:74px;
    width:100%;
    background-color: aliceblue;
    margin-top:0px;
}

.s23
{
    height:370px;
    width:21%;
    background-color: aliceblue;
    margin-right:40px;
}
.div39
{
    height:240px;
    width:100%;
    border:1px solid white;
    background-image:url(team-4.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
.div40
{
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:70px;
    margin-top:210px;
}

.div41
{
    height:74px;
    width:100%;
    background-color: aliceblue;
    margin-top:0px;
}
@media screen and (max-width:768px)
{
    .main5
    {
        height:2200px;
        width:100%;
        flex-direction: column;
    } 
    .s21
    {
        height:470px;
        width:85%;
        background-color: aliceblue;

    }
    .s20
    {
    height:470px;
    width:85%;
    background-color: aliceblue;
    margin-left:0px;
    }
    .s22
    {
    height:470px;
    width:85%;
    background-color: aliceblue;
    }
    .s23
    {
    height:470px;
    width:85%;
    background-color: aliceblue;
    margin-left:40px;
    }
    .div31
    {
    height:400px;
    width:100%;
    border:1px solid white;
    background-image:url(team-1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    }
    .div32
    {
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:250px;
    margin-top:380px;
    background-repeat:no-repeat;
    }
    .p31
    {
    text-align: center;
    font-size:15px;
    }
    .div33
{
    height:400px;
    width:100%;
    border:1px solid white;
    background-image:url(team-2.jpg);
    background-size:cover;
    background-repeat:no-repeat;
}
    .div34
    {
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:250px;
    margin-top:380px;
    background-repeat:no-repeat;
    }
    
    .div36
    {
    height:400px;
    width:100%;
    border:1px solid white;
    background-image:url(team-3.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    }
    .div37
     {
    height:50px;
    width:51%;
    background-image:url(puks.jpg);
    margin-left:250px;
    margin-top:380px;
    background-repeat:no-repeat;
    }
    .div39
    {
        height:400px;
        width:100%;
        border:1px solid white;
        background-image:url(team-4.jpg);
        background-size:cover;
        background-repeat:no-repeat;
    }
    .div40
    {
        height:50px;
        width:51%;
        background-image:url(puks.jpg);
        margin-left:250px;
        margin-top:380px;
        background-repeat:no-repeat;
    }

}    
.main6
{
    height:460px;
    width:100%;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}
.s24
{
    height:430px;
    width:28%;
}

.div47
{
    height:140px;
    width:40%;
    border:1px solid gray;
    border-radius:100%;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    margin-top:10px;
    margin-left:100px;
}
.div48
{
    height:120px;
    width:80%;
    border-radius:100%;
    background-image:url(t3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.div49
{
    height:120px;
    width:80%;
    border-radius:100%;
    background-image:url(t1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.div50
{
    height:120px;
    width:80%;
    border-radius:100%;
    background-image:url(t2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.div43
{ 
    height:150px;
    font-size:15px;
    align-items: center;
    padding-left:45px;
    color:black;
    background-color:aliceblue;
    cursor: pointer;
    transition:2s;
}
.div43:hover
{
    background-color: #06BBCC;
}
.div46
{
    height:150px;
    font-size:15px;
    align-items: center;
    padding-left:45px;
    color:white;
    font-weight:bold;
    background-color:#06BBCC;
    cursor: pointer;
    transition:2s;
}
.div46:hover
{
    background-color: aliceblue;
    color:black;
 
}
.an4
{
    margin-left:40px;
}
.an5
{
    margin-left:70px;
}
.div45
{
    margin-bottom:40px;
    height:140px;
    width:40%;
    border-radius:100%;
    border:1px solid gray;
}
.div44
{
    height:140px;
    width:40%;
    border-radius:100%;
    border:1px solid gray;
}
.s25
{
    height:430px;
    width:28%;
}
.p35
{
    font-size:25px;
    text-align: center;
}
.an6
{
    font-size:15px;
}
@media screen and (max-width:768px)
{
    .main6
    {
    height:1500px;
    width:100%;
    flex-direction: column;
    }
    .s24
    {
    height:400px;
    width:85%;
    }
    .s25
    {
    height:400px;
    width:85%;
    }
    .div49
    {
    height:150px;
    width:50%;
    border-radius:100%;
    background-image:url(t1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left:10px;
    }
    .div47
    {
        height:190px;
        width:50%;
        margin-left:150px;
        border:2px solid white;
    }
    .div48
    {
    height:150px;
    width:50%;
    border-radius:100%;
    background-image:url(t3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left:10px;
    }
    .div50
    {
    height:150px;
    width:50%;
    border-radius:100%;
    background-image:url(t2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left:10px;
    }
    .niku
    {
        margin-left:150px;
    }
    
}
.ml
{
    height:500px;
    width:100%;
    border:2px solid black;
    background-color:black;
}
.sec24
{
    height:380px;
    width:100%;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}
.sec25
{
    height:120px;
    width:100%;
}
.last1
{

    height:280px;
    width:20%;

}
.last2
{

    height:280px;
    width:20%;

}
.last3
{

    height:280px;
    width:20%;
    
}
.last4
{

    height:280px;
    width:20%;


}
.ull
{
    color:white;
    font-size:18px;
}
.pll
{
    font-size:27px;
    font-weight:bold;
    color:white;
}
.pll1
{
    color:white;

}
.last5
{
    color:gray;
    background-color:white;
    height:60px;
    width:80%;
    border:2px solid black;
    margin-top:20px;
}
.last6
{
    padding:16px;
    background-color: #06BBCC;
    color:white;
    border-style: none;
    margin-top:5px;
    margin-left:45px;
}
.divl1
{
    height:50px;
    width:90%;
    margin-left:700px;
    margin-top:10px;
}
.ull3
{ 
    height:50px;
    width:50%;
    color:white;
    font-size:18px;
    display:flex;
    justify-content:space-evenly;
    align-items: center;
    margin-top:10px;
    list-style:none;
}
.m
{
    
    background-image: url(last.png); 
    height:70px;
    width:160px;
}
.pll3
{
    color:white;
    margin-left:50px;
}
.nik1
{
    border:2px solid white;
    height:;
}
@media screen and (max-width:768px)
{
   .ml
   {
    height:1000px;
    width:100%;
    border:2px solid black;
    background-color:black;
   }
   .sec24
    {
    height:300px;
    width:100%;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    }
    .sec25
    {
    height:120px;
    width:100%;
    position:relative;
    top:100px;
    }
    .last1
    {

    height:280px;
    width:20%;


    }
    .pll
     {
    font-size:20px;
    font-weight:bold;
    color:white;
    }
    .ull
    {
    color:white;
    font-size:15px;
    list-style-type: none;;
    }
    .pll1
    {
    color:white;
    font-size:12px;
    }
    .m
    {
    
    background-image: url(last.png); 
    height:50px;
    width:50px;
    background-size: cover;
    }
    .last5
    {
    color:gray;
    background-color:white;
    height:50px;
    width:80%;
    border:2px solid black;
    
    }
    .last6
    {
    font-size:10px;
    background-color: #06BBCC;
    color:white;
    text-align: center;;
    border-style: none;
    margin-left:73px;
    height:40px;
    width:40%;
    }
}