*{
    padding:0px;
    margin:0px;
}
.clrr{
    clear:both;
}
.p-head{
    height:40px;
    background-color:#000000;
}
.head{
    width:80%;
    margin:auto;
    color:#ffffff;
    display:flex;
    justify-content:space-between;  
}
.left-icons p{
    display:inline-block;
    margin-right:10px;
}
.left-icons p:hover{
    color:#ffd800;
}


.left-icons span{
    display:inline-block;
    margin-top:10px;
    margin-right:10px;
}
.left-icons span:hover{
    color:#ffd800;
}


.icons span{
    padding:10px;
}
.icons span:hover{
    color:#ffd800;
}

/* Navbar*/

.p-navbar{
    margin-top:20px;
    
}
.navbar{
    width:80%;
    margin:auto;
    display:flex;
    justify-content:space-between;
}

.navbar-menu{
    height:100px;
}
.navbar-menu ul{
    list-style-type:none;
    margin-top:18px;
}
.navbar-menu ul li{
    display:inline;
    
}
.navbar-menu ul li a{
    text-decoration:none;
    padding:20px;
}

/* Footer */

.p-footer{
    background-color:#1d2224;
    height:500px;
    margin-top:50px;
}
.footer{
    width:80%;
    margin:auto;
    display:flex;
    justify-content:space-around;
    color:#ffffff;
    padding-top:100px;
}
.dv1{
}
.dv1 .pbtn{
     background-color:#34393a;
    height:50px;
    border-radius:25px;
}
.dv1 .btn{
    
   
}
.dv1 .btn input{
    background-color:#34393a;
    border:none;
    font-size:15px;
    padding: 15px 0px 0px 0px;
        margin-left: 7%;
        outline:none;
}
.dv1 .btn button{
    padding: 14px;
    border-radius: 25px;
    background-color: #febc34;
    color: #ffffff;
    border:none;   
    margin-left: 13%;    
}
::placeholder{
     color:#ffffff;
}
.dv1-icons{

}
.dv1-icons a{
    padding:15px;
    background-color:#34393a;
    border-radius:25px;
    margin-right:1%;
    color:#ffffff;
}
.dv1-icons a span:hover{
    color:#febc34;
    
}

.dv2 a{
    text-decoration:none;
    color:#ffffff;
}
.dv2 a:hover{
    color:#febc34;
}

.dv3{

}
.dv3a{
    margin-bottom:5%;
}
.dv3a p{
    float: right;
    margin-left: 8px;
}

.dv4a{
    margin-bottom:20%;
}
.dv4a span{
    float:left;
    padding-right:8px;
}
.dv4a p{
    display:inline;
    float:right;
    text-align:justify;
}

.dv4b{
    margin-bottom:20%;
}
.dv4b span{
    float:left;
    padding-right:8px;
}
.dv4b p{
    display:inline;
    
    text-align:justify;
}
.dv4b p a{
    color:white;
    text-decoration:none;
}
.dv4b p a:hover{
    color:#febc34;
}

.dv4c{
    margin-bottom:20%;
}
.dv4c span{
    float:left;
    padding-right:8px;
}
.dv4c p{
    display:inline;
    
    text-align:justify;
}

.dv4d{
    margin-bottom:20%;
}
.dv4d span{
    float:left;
    padding-right:8px;
}
.dv4d p{
    display:inline;
    
    text-align:justify;
}


/* Home */
.banner-top{
    background:rgba(0, 0, 0, 0.81) url(../data/banner2.jpg) no-repeat ;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    height:660px;
    
    color:#ffffff;
}
.bb{
    height:660px;
    background-color:rgba(0, 0, 0, 0.50);
}
.banner-text{
    width:50%;
    margin:auto;
    padding-top:215px;
}
.banner-text h1{
    font-size:60px;
    text-align:center;
    text-transform:uppercase;
}
.banner-text p{
    text-align:center;
    font-size:18px;
}
.buttons{
    width:50%;
    margin:auto;
}
.buttons .btn1, .btn2{
    padding:18px 23px;
    border:none;
    color:#ffffff;
    background-color:#FEBC34;
    font-size:15px;
    margin-right:3%;
    border-radius:5px;
}
.buttons .btn2{
    background-color:#ffffff;
    color:#000000;
}

/* 2nd section */

.p-s1{
    height:600px;
    width:80%;
    margin:auto;
}
.s1{
        padding-top: 82px;
}
.ch1{
    width:54%;
    margin-right:2%;
    float:left;
}
.ch2{
    width:44%;
    float:left;
    padding-top:15px;
}
.ch2 h1{
    font-size:32px;
}
.ch2 .p1{
    font-size:18px;
    color:#FEBC34;
}
.p2{
    font-size:18.5px;
    color:#8d9297;
    line-height:1.5;
}
.ch2 button{
     padding:18px 23px;
    border:none;
    color:#ffffff;
    background-color:#000000;
    font-size:15px;
    margin-right:3%;
    border-radius:5px;
}

/* Register Section */

.p-register{
    margin-top:50px;
    background-color:rgba(67, 130, 255, 1);
    height:550px;
    width:100%;
    padding-top:70px;
}
.register{
    background-image: url(../data/pattern_bg1.png);

    background-size: cover;
    height:600px;
}
.p-ch1{
    width:80%;
    margin:auto;
}
.p-ch1 .ch1{
    width:49%;
    margin-right:2%;
    float:left;
    color:#ffffff;
    font-size:17px;
    padding-top:70px;
}
.ch1 h1{
    font-size:60px;
}

.buttons1 .btn-a{
    padding:18px 23px;
    border:none;
    color:#ffffff;
    background-color:#7ca8ff;
    font-size:18px;
    margin-right:1%;
    border-radius:5px;
    transition: all 1s;
}
.buttons1 .btn-b{
    padding:18px 23px;
    border:none;
    color:#ffffff;
    background-color:transparent;
    border:1px solid #ffffff;
    font-size:18px;
    border-radius:5px;
    transition: all 1s;
}
.buttons1 .btn-a:hover, .btn-b:hover{
    color:#000000;
    background-color:#ffffff;
}

.p-ch1 .ch2{
    width:49%;
    float:right;
}
.ch2 .register-form{
    background-color:#ffffff;
    height:450px;
    border-radius:10px;
    width:90%;
    color:#000000;
}
.register-form ::placeholder{
     color:#000000;
     font-size:16px;
}
.ch2 h2{
    width:80%;
    margin:auto;
}
.ch2 input{
    display:block;
    height:50px;
    width:80%;
    margin:auto;
    margin-bottom:5%;
    border: 1px solid #cdd4da;
    padding-left:15px;
}
.ch2 select{
    display:block;
    height:50px;
     width:84%;

    margin:auto;
}
.ch2 select option{
    font-size:15px;
    margin-bottom:5%;
}
.ch2 button{
    display:block;
    height:50px;
    width:84%;
    margin:auto;
    background-color:#fdbc35;
}

/* Courses Section */

.p-corse{
    padding-top:70px;
    width:80%;
    margin:auto;
    height:1100px;
}
.p-corse h2{
    text-align:center;
    font-size:40px;
}
.p-corse .pp1{
    text-align:center;
    font-size:18px;
}
.p-6{
    padding-top:40px;
}
.p-6 .p1{
    width:32%;
    margin-right:1%;
    height:450px;
    border: 1px solid #cdd4da;
    float:left;
    margin-bottom:3%;
}

}
.p1 p span{
    color:#febc34;
}
.p1 .p1-ch1{
    width:90%;
    margin:auto;
}








/* Pages.aspx*/

/* Register banner section */

.p-register-pg {
    height: 500px;
    background: url('../data/login_bg.jpg') no-repeat;
    background-size:100% 100%;
}
.register-pg{

    height: 500px;
    background-color:rgba(0, 0, 0, 0.50);
    color:#ffffff;
}
.r-text{
    width:80%;
    margin:auto;
    padding-top:152px;
}
.r-text h1{
    font-size:60px;
}
.r-text a{
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
}
.r-text a:hover{
    color:#febc34;
}

/* Register Form section */

.p-form{
    padding-top:100px;
    height:550px;
}
.r-form{
    width:40%;
    margin:auto;
    border:1px solid #cdd4da;
    height:500px;
}
.r-form ::placeholder{
     color:#000000;
     font-size:16px;
     padding-left:15px;
}
.form-p1{
    width:90%;
    margin:auto;    
}
.r-form input[type="text"]{
    display:block;
    height:50px;
    width:100%;
    margin:auto;
    margin-bottom:5%;
    border: 1px solid #cdd4da;
    font-size:15px;
    border-radius:5px;
    padding-left:5px;
}
.r-form input[type="text"]:hover{
   border:1px solid #63c3d8;
   outline:none;
}

.r-form input[type="password"]{
    display:block;
    height:50px;
    width:100%;
    margin:auto;
    margin-bottom:5%;
    border: 1px solid #cdd4da;
    font-size:15px;
    border-radius:5px;
    padding-left:5px;
}
.r-form input[type="password"]:hover{
    border:1px solid #63c3d8;

   outline:none;
}
.r-form button{
     display:block;
    height:50px;
    width:100%;
    margin:auto;
    background-color:#fdbc35;
    border:none;
    font-size:18px;
    color:#ffffff;
}


















/* Courses.aspx */

.p-corse{
    padding-top:70px;
    width:80%;
    margin:auto;
    height:1100px;
}
.p-corse h2{
    text-align:center;
    font-size:40px;
}
.p-corse .pp1{
    text-align:center;
    font-size:18px;
}
.p-6{
    padding-top:40px;
}
.p-6 .p1{
    width:32%;
    margin-right:1%;
    height:450px;
    border: 1px solid #cdd4da;
    float:left;
    margin-bottom:3%;
}


.p1 p span{
    color:#febc34;
}
.p1 .p1-ch1{
    width:90%;
    margin:auto;
}















/* Courses.aspx */

/* Courses banner section */

.p-courses-pg {
    height: 500px;
    background: url('../data/course_bg.jpg') no-repeat;
    background-size:100% 100%;
}
.courses-pg{

    height: 500px;
    background-color:rgba(0, 0, 0, 0.50);
    color:#ffffff;
}
.c-text{
    width:80%;
    margin:auto;
    padding-top:152px;
}
.c-text h1{
    font-size:60px;
}
.c-text a{
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
}
.c-text a:hover{
    color:#febc34;
}







/* 

    Events.aspx 

*/

/* Events banner section */

.p-events-pg {
    height: 600px;
    background: url('../data/event_bg.jpg') no-repeat;
    background-size: 100% 100%;

}
.events-pg{

    height: 600px;
    background-color:rgba(0, 0, 0, 0.50);
    color:#ffffff;
}
.e-text{
    width:80%;
    margin:auto;
    padding-top:152px;
}
.e-text h1{
    font-size:60px;
}
.e-text a{
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
}
.e-text a:hover{
    color:#febc34;
}

/* Events Section */

.p-events{
    padding-top:50px;
    width:80%;
    margin:auto;
    height:900px;
}
.e-6{
    padding-top:40px;
}
.e-6 .e1{
    width:32%;
    margin-right:1%;
    height:400px;
    border: 1px solid #cdd4da;
    float:left;
    margin-bottom:3%;
    border-radius:10px;
    box-shadow: 1px 1px 4px #000000;
}
.e1 p span{
    color:#febc34;
}
.e1 .e1-ch1{
    width:90%;
    margin:auto;
}






/*
    Blog.aspx
*/


/* Blog Banner Section */
.p-blog-pg {
    height: 550px;
    background: url('../data/event_bg.jpg') no-repeat;
    background-size: 100% 100%;

}
.blog-pg{

    height: 550px;
    background-color:rgba(0, 0, 0, 0.50);
    color:#ffffff;
}
.b-text{
    width:80%;
    margin:auto;
    padding-top:152px;
}
.b-text h1{
    font-size:60px;
}
.b-text a{
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
}
.b-text a:hover{
    color:#febc34;
}

/* Blog Section */

.p-blog{
    padding-top:50px;
    width:80%;
    margin:auto;
    height:900px;
}
.b-6{
    padding-top:40px;
}
.b-6 .b1{
    width:32%;
    margin-right:1%;
    height:400px;
    border: 1px solid #cdd4da;
    float:left;
    margin-bottom:3%;
    border-radius:10px;
    box-shadow: 1px 1px 4px #000000;
}
.b1 p span{
    color:#febc34;
}
.b1 .b1-ch1{
    width:90%;
    margin:auto;
}






/*
    Shop.aspx
*/

/* Shop Banner Section */
.p-shop-pg {
    height: 550px;
    background: url('../data/event_bg.jpg') no-repeat;
    background-size: 100% 100%;

}
.shop-pg{

    height: 550px;
    background-color:rgba(0, 0, 0, 0.50);
    color:#ffffff;
}
.s-text{
    width:80%;
    margin:auto;
    padding-top:152px;
}
.s-text h1{
    font-size:60px;
}
.s-text a{
    font-size:20px;
    color:#ffffff;
    text-decoration:none;
}
.s-text a:hover{
    color:#febc34;
}

/* Shop Section */

.p-shop{
    padding-top:50px;
    width:80%;
    margin:auto;
    height:900px;
}
.s-6{
    padding-top:40px;
}
.s-6 .s1{
    width:32%;
    margin-right:1%;
    height:300px;
    border: 1px solid #cdd4da;
    float:left;
    margin-bottom:3%;
    border-radius:10px;
    box-shadow: 1px 1px 4px #000000;
}