*{margin:0px; box-sizing: border-box; }
html{font-size:16px;}
body{font-family: 'Roboto', sans-serif;  font-weight: 500;}
:root{--maindark:rgb(5, 1, 56);}
:root{--maincolor:#df2227;}
:root{--maincolor2:rgba(27, 13, 83, 0.951);}
.read-more{background-color:var(--maincolor); border:none; border-radius: 5px; color:white; padding:0.5rem 1.3rem; min-width:120px; font-size: 0.9rem;}
.read-more-2{background-color:var(--maincolor2); border:none; border-radius:5px; color:white; padding:0.5rem 1.3rem; font-size:0.9rem; min-width:120px;}
h2,h1,h3, h4, h5{text-transform: capitalize;  font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Serif', serif;
    font-family: 'Source Sans Pro', sans-serif;}

/*=========== main-heading ============*/

h2{font-size: 1.5rem; color:black; font-family: 'Roboto', sans-serif;
    font-family: 'Roboto Serif', serif;
    font-family: 'Source Sans Pro', sans-serif;}
p{font-size:1rem; line-height:1.5rem; color:rgba(00, 00, 00, 0.9);}

/*=========== header ============*/


header{    background-color:rgb(16, 16, 16); color:white;  font-size:0.9rem; padding:10px 5px;}
header .left-box span{margin-right: 10px;}
header .right-box span{margin-left: 10px;}
header .right-box #login-register a{color:var(--maincolor); margin-left:10px;}
header .left-box  i{color:var(--maincolor); margin-right:8px;}
header .right-box a{color:white; margin-left:8px;}
header .left-box  a{color:white; margin-left:8px;}

/*===========header-end ============*/

.navbar{background-color:white; padding:0px  5px; border-bottom:solid 1px var(--maincolor);}
.navbar-nav .nav-link{color:black;  font-size:0.9rem;  padding:30px   15px!important; text-transform:capitalize;  }
#logo-size{height: 62px;}

/*==============-------Dropdown----==============*/
.dropdown .dropdown-menu{margin-top: 0px; border-radius: 0px; padding:0px;  border-top: solid 4px var(--maindark); font-size: 14px;}
.dropdown .dropdown-menu .dropdown-item{padding-top: 10px; padding-bottom: 10px;}
.dropdown .dropdown-menu .dropdown-item:hover{background:rgb(228, 226, 226); }
/*==============megamenu ==============*/
@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

  /*============ dropdown-end ===============*/


  /*============ navbar-end ===============*/

.update{background-color: rgb(32, 27, 27); color:white; padding:10px 2px;}
.update h3{font-size:1rem; margin-bottom: 0px; color:var(--maincolor) }
.update h5{font-size:1.2rem; margin-bottom: 0px; margin-left:2px; }
 .update  a{color:white;}
 .update a::before{content: '*';  color:red; margin-right: 4px;}
.carousel-control-prev-icon,.carousel-control-next-icon{color:white;}
#demo{min-height:170px;}
#demo img{min-height:170px; object-fit: cover;}

  /*============ slider-end ===============*/

.our-services{padding: 30px 5px;}
 h2::after{background-color: var(--maincolor);  content: ''; display: block; width:100px; height:4px; margin-top: 10px; }
.course{background:url(..//img/bg-banner-2.jpg); padding:30px 5px;}
.course h2::after{background-color: var(--maincolor);  content: ''; display: block; width:100px; height:4px; margin-top: 10px; }
.course .col-lg-4{padding: 10px; text-align: center;}
.course h4{font-size:1rem; text-transform: capitalize;}

  /*============ courses-end ===============*/

.best-course{background-color: rgb(235, 235, 235); padding:30px  5px; white-space: nowrap;}
.best-course img{width:70px; height:70px; object-fit: cover;} 
.best-course .col-lg-4{padding:4px;}
/* .best-course .card{border-radius: 0px; border-bottom: solid 3px var(--maincolor);} */
.best-course h5{font-size: 1.1rem;  color: var(--maindark)}
.best-course .info{font-size: 1rem; line-height:1.4rem; color:rgba(00, 00, 00, 0.8); font-weight:500; }
.best-course h2::after{background-color: var(--maincolor);  content: ''; display: block; width:100px; height:4px; margin-top: 10px; }
.best-course a{  width:90px; color:white;  display:inline-block; padding:6px; width:80px; text-align: center; font-size: 12px; margin-left:auto; text-align: center; border-radius: 5px;}
.best-course  span{font-size: 0.9rem; font-weight: 600; }
.best-course a:nth-child(1){ background-color:var(--maincolor2);}
.best-course a:nth-child(2){ background-color:var(--maincolor);}

.carousel-indicators li{width:12px!important;height:12px!important; border-radius:100%;}
  /*============ best-courses-end ===============*/


.we-offer{ padding:30px; background-color: white;}
.first-p{margin: 10px 0px;}
.we-offer .col-lg-6{padding:12px;}
.we-offer h2::after{background-color: var(--maincolor);  content: ''; display: block; width:100px; height:4px; margin-top: 10px; }
.we-offer ul{padding:5px 20px; }
.we-offer ul li{margin:8px 0px; font-size:1rem; font-family: 'Roboto', sans-serif;}

  /*============ students-says ===============*/

.testomonila-1{background-color: black;}
.testomonial h2::after{background-color: var(--maincolor);  content: ''; display: block; width:100px; height:4px; margin-top: 10px; }
.testomonial{   background:linear-gradient(rgba(00, 00, 00, 0.5), rgba(00, 00, 00, 0.5)),url(..//img/web.png);  padding: 30px  5px; background-size:cover;}
.testomonial .col-md-4{padding:10px;}
.testomonial .card{ border-radius:10px; /*border-bottom:3px solid  var(--maincolor);*/}
.testomonial .card-body h5{ font-size:0.9rem; color: var(--maincolor);}
.testomonial .card-body h4{font-weight: 600!important; font-size: 1.1rem;}
.testomonial .card-body{text-align: center;}
.testomonial   .circle{width:120px;  height:120px;border-radius: 100%; display: inline-block;}
.testomonial .circle img{width:100%; height: 100%; border-radius: 100%; border:solid 3px rgb(192, 192, 192);}
.testomonial .container-2{width: 90%;  margin:20px auto}
.testomonial h3{font-size:1.5rem; margin-bottom:30px; text-align: center; color: white;}
.testomonial span{color:var(--maincolor)}

  /*============ Our-palcement ===============*/

.our-placement{padding: 50px 5px; background-color:rgba(241, 239, 239, 0.829);}
.our-placement  h3{font-size:1.5rem; margin-bottom: 30px; text-align: center; color:black; }
.our-placement img{width:100%; height:100px;}
.part{width:70%; margin:0px auto; text-align: center;}
.our-placement .item{background-color: white;}

  /*============ footer ===============*/

 .footer {
    
    background-color:rgba(2, 2, 2, 0.979);
    padding: 0px 9px;
    color: rgba(255, 255, 255, 0.8);
    padding:20px 10px;

}

.footer .first-box ul {
    list-style: none;
    padding:2px;
}

.footer .first-box ul li {
    margin: 14px 0px;
}

.footer .first-box ul li a {
    color: white;
    font-size:0.9rem;
    
}
.footer   h4{font-size: 1.2rem;  color:white; font-weight: 600!important; font-family:calibri; }

.footer .first-box ul li i {
    margin-right: 10px;
    color:var(--maincolor)
}

.footer .first-box ul li a:hover {
    text-decoration: none;
}

.footer .first-box-1 ul {
    list-style: none;
    padding: 5px;
}

.footer .first-box-1 ul li {
    margin: 5px 0px;
}

.footer .first-box-1 ul li a {
    color:rgba(255, 255, 255,0.8);
    font-size:0.9rem;
}

.footer .first-box-1 ul li i {
    margin-right: 10px;
    font-size:0.6rem;
    color:var(--maincolor)
}

.footer .first-box-1 ul li a:hover {
    text-decoration: none;
}

.fa-angle-double-right {
    font-size: 10px;
}

.footer-bottom {
    background-color:rgb(16, 16, 16);
    padding: 10px 0px;
}

.footer-bottom p {
    margin-bottom: 0px;
    color: white;
    font-size:0.8rem;
}
.social-icon a{display: inline-block; width:35px; height:35px; border:solid 1px rgba(255,255, 255, 0.3);line-height: 35px; text-align: center; color:var(--maincolor);}

/*----------animation-scroll-----------------*/
.navbar-scroll{ width:100%;  position:fixed; top:0px; left:0px;
    background:white!important; animation:scroll 0.5s 1;
   transition:0.5s;z-index:200; 
    }
    .navbar a{color: black !important;}
   @keyframes scroll{
   0%{transform:translatey(-100%);}
   100%{transform:translatey(0%);}
   }
/*-------------media query---------------------*/

  /*============************ homepage-end ***********===============*/

.about-us{background-color: white; }
.about{ padding-top:20px; padding-bottom: 30px;}
.about:nth-child(1){background-color:#ebe6e6;}
.qualified-instuctor{background-color: #ebe6e6; padding-top:20px; padding-bottom: 30px;}
.qualified-instuctor .col-lg-3{padding: 6px; text-align: center;}

/*=====================contact-us======================*/
.contact-heading{background:url(..//img/5.jpg); padding:120px 2px; color:white; background-size: cover;}
.contact-heading h1{font-size:2.1rem; text-align: center;}
.input-group-list{display: flex;}
.input-group-list div{padding:5px;  width:100%;}
.input-group-list div input,textarea{padding:5px  10px; width:100%;}
.input-group-list input[type="submit"]{background-color: var(--maincolor); border:none; color:white; padding:8px 2px;}
.add-info{background-color: #ebe6e6;}
.add-info   .card{height: 100%;}
.add-info .col-lg-4{padding: 10px;}

.service-heading{background:url(..//img/5.jpg); padding:120px 2px; color:white; background-size: cover;}
.service-heading h1{font-size:2.1rem; text-align: center;}


/*-----------certificate-----------------*/
.ceritificate{background-image: url('..//img/acounting.jpg'); height:270px; background-size: cover;}
.course-content {background-color: #ebe6e6;}
    .course-content  .col-md-8{padding: 8px;}
    .course-content  .col-md-4{padding: 8px;}
    .course-content  .col-lg-12{padding: 8px;}
    .course-content  .card{border-radius: 0px;}
    .course-overview{font-weight: 600; font-size:1.5rem; margin-bottom: 10px;}
    .sub-heading{font-weight: 600; font-size:1rem; margin-bottom: 10px;}