*{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}

body{font-family: "Roboto Slab", serif;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #e31e24;}

/* header */
header{background-color: #f3f3f3; border-bottom: 2px solid #ffed00;}
header .header-top{background-color: #e31e24;}
header .header-top ul li:first-child a{color: #ffed00; font-size: 20px; font-weight: 500; transition: .5s;}
header .header-top ul li:first-child a:hover{color: #000;}
header .header-top ul li:last-child a{padding: 14px 25px; background-color: #000; display: inline-block; color: #ffed00; transition: .5s; font-weight: 500;}
header .header-top ul li:last-child a:hover{background-color: #ffed00; color: #000;}

header .navbar{padding: 0;}
header .navbar .navbar-brand{width: 35%;}
header .navbar .nav-link{font-size: 16px; color: #686868; font-weight: 500; position: relative;   }
header .navbar .nav-link:after{content: ''; width: 0; height: 2px; background-color: #e31e24; position: absolute; bottom: 0px; left: 0; transition: .5s;}
header .navbar .nav-link:hover:after{width: 100%;}
header .navbar-toggler{padding: 8px 10px; color: #000; border: 0px; }
header .navbar-toggler:focus{box-shadow: none;}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus{color: #e31e24;}
header .offcanvas.offcanvas-end{width: 90%;}

.sticky {background-color: #ffffff; left: 0; right: 0; z-index: 999; position: fixed !important; top: -100%; animation: slideDown .5s ease-out;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}


/* slider */
#slider{position: relative;}
#slider .form-bg{position: absolute; right: 40px; top: 40px; width: 30%; z-index: 9; background-color: #0000008e; padding: 40px 30px 30px; border-radius: 20px;}
#slider form{row-gap: 20px;}
#slider form .form-control{background-color: #fff; border-color: #f6bb06; border-bottom: 1px solid #5e5e5e; border-radius: 0; padding: 10px 20px;}
#slider form button{border: 0; background-color: #f6bb06; color: #000; padding: 8px 25px; border-radius: 10px; font-weight: bold;}
#slider .owl-dots{position: absolute; left: 0; right: 0; bottom: 0;}


/* about */
#about{overflow: hidden; background-color: #ffdb58;}
#about .container-fluid{padding: 0;}
#about .row{align-items: center;}
#about .content h3{font-size: 33px; color: #000; text-align: center;}
#about .content p{font-size: 16px; color: #000; margin-top: 20px;}


/* course */
#course{padding: 50px 0;}
#course h2{font-size: 33px; color: #000; margin-bottom: 30px;}
#course .row{row-gap: 25px;}
#course .inner{display: flex; gap: 20px; align-items: center; list-style: none; background-color: #f8f8f8; border-right: 4px solid #0eb053; transition: .5s; padding: 40px 20px; height: 100%;}
#course .inner:hover{background-color: #10c45c;}
#course .inner li:first-child{width: 40%;}
#course .inner li:last-child{width: 60%;}
#course .inner li h4{font-size: 22px; color: #000;}
#course .inner li p{font-size: 14px; color: #000;}

#course .row .col-12:nth-child(2) .inner{border-color: #fd2a03;}
#course .row .col-12:nth-child(2) .inner:hover{background-color: #fc5f42;}

#course .row .col-12:nth-child(3) .inner{border-color: #e1a500;}
#course .row .col-12:nth-child(3) .inner:hover{background-color: #f8c331;}

#course .row .col-12:nth-child(4) .inner{border-color: #079d92;}
#course .row .col-12:nth-child(4) .inner:hover{background-color: #24ccc0;}

#course .row .col-12:nth-child(5) .inner{border-color: #fd2a03;}
#course .row .col-12:nth-child(5) .inner:hover{background-color: #fc5f42;}


/* facility */
#facility{background-color: #ffdb58; padding: 60px 0;}
#facility h2{font-size: 33px; color: #000; margin-bottom: 20px; font-weight: 400;}
#facility .row{row-gap: 25px;}
#facility .inner{background-color: #fff; text-align: center;} 
#facility .inner .img{position: relative;}
#facility .inner .img::before{position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: #fd2903a2; transform: scale(.6); opacity: 0; transition: .5s;}
#facility .inner:hover .img::before{transform: scale(1); opacity: 1;}
#facility .inner .text{padding: 20px 10px;}
#facility .inner .text h4{font-size: 21px; color: #e1a500;}
#facility .inner .text p{font-size: 15px; color: #555555;}



/* contact */
#contact{background-image: url(../images/contact-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#contact .contact-bg{padding: 60px 0; background-color: #1d1d1dc0;}
#contact .row{row-gap: 20px;}
#contact .form-bg h2{border-bottom: 1px solid #fff; text-align: center; color: #fff; padding-bottom: 15px; margin-bottom: 15px; font-size: 36px; font-weight: 400;}
#contact form .form-control{background-color: #fff; border-color: #f6bb06; border-radius: 0; padding: 10px 20px;}
#contact form button{border: 0; background-color: #f6bb06; color: #000; padding: 12px 30px; border-radius: 5px; font-weight: bold;}


/* testimonial */
#testimonial{padding: 60px 0;}
#testimonial h2{color: #000; text-align: center; margin-bottom: 30px;}
#testimonial ul{background-color: #fff; padding: 30px; border: 1px solid #e6e6e6; display: flex; gap: 20px; list-style: none; margin: 20px; position: relative; transition: .5s;}
#testimonial ul:hover{box-shadow: 5px 5px 10px #00000021;}
#testimonial ul::before{border-top: 2px solid #e31e24; position: absolute; right: 0; width: 80%; top: 0; content: '';}
#testimonial ul li:first-child{width: 30%;}
#testimonial ul li:last-child{width: 70%;}
#testimonial ul li p{color: #555555; font-size: 16px;}
#testimonial ul li span{color: #e1a500; font-size: 18px; display: block; margin: 15px 0;}
#testimonial ul li h5{color: #000; font-size: 21px;}

/* footer */
footer{background-color: #000; padding: 60px 0px 0px;}
footer .footerinr .logo:hover{padding: 0;}
footer .footerinr ul {list-style: none;}
footer .footerinr ul li{color: #fff; margin-bottom: 15px;}
footer .footerinr h4{color: #e1a500; font-size: 21px; font-weight: bold; display: inline-block;}
footer .footerinr ul li p{font-size: 15px; color: #fff; text-align: justify;}
footer .footerinr ul li i{font-size: 21px; color: #e1a500;}
footer .footerinr ul li a{display: inline-block; color: #fff; font-size: 15px;  transition: .5s;}
footer .footerinr ul li a:hover{padding-left: 5px; color: #e1a500;}
footer .img{text-align: center; border-top: #fff 1px solid; padding: 15px 0px; margin-top: 30px;}
footer .img a img{width: 220px;}



/*  */
.quickcontact-wa {
  width: 50px;
  position: fixed;
  top: 77%;
  right: 20px;
  z-index: 102;
}



  /* modal */
  .modal .btn-theme {border-radius: 0px; background: #49256d; color: #fff;}
  .modal .btn-theme:hover{background-color: #000; color: white;} 
  .modal .form-control{border-radius: 0px; box-shadow: none;}
  .modal .form-control:focus{border-color: #000;}