h1,h2, h3, h4, h5, h6{
  font-family: "Roboto Slab", sans-serif;
}



h2, h3, h4, h5{
  font-size:36px;
  font-weight:normal;
  font-family: "Roboto Slab", sans-serif;
}


h2{
  font-size:36px;
  }

h3{
  font-size:26px;
  font-weight:bold;
}

h4{
  font-size:24px;
  font-weight:bold;
}


h5{
  font-size:22px;
  font-weight:bold;
}

.doctext { border-top:1px solid grey; color:#515151;padding-bottom:5px;padding-top:5px;font-size:11px;font-weight:800;}
.doctext p{margin:0;padding:0;}

.features p{color:#515151;}
.features h4{font-weight:bold;font-size:16px;}
.features i.fa{margin-top:20px;margin-bottom:20px;font-size:34px;color:#515151}



  
    .c_icons {border:1px solid black;}
  
    .slider-heading{
      font-size:66px;
      font-weight:normal;
      font-family: "Roboto Slab", sans-serif;
    }
  
  
    .carousel-item {position:relative;}
    .carousel-item::before {
      content: "";
      background-color: rgba(255, 0, 0, 0.9);
      position: absolute;
      top: 10;
      left:10;
  }

  .bg-primary1{background-color:#0273b5;}
  .bg-primary2{background-color:#a81d22;}
  .bg-primary3{background-color:#cc1b1e;}

  .btn-outline-primary{ border:0px; color:#000;background-color: aliceblue;}
  .btn-outline-primary:hover{ border:0px; color:#000; background-color: rgb(233, 233, 233);}

  .navbar-nav .nav-link
  {
    font-weight:600;
    text-transform:uppercase;
    font-size:16px;
  }


  .navbar-nav .nav-link:hover{
   color:#007ab9;
   text-decoration:underline;}


.arrow-btn {
  --arrow-hover-move-x: -110%;
  display: inline-flex
;
  align-items: center;
  gap: 10px;
  transition: .3s linear;
}


.section__title .sub-title {
  display: inline-block;
margin:auto;
  line-height: 1.62;
  background-color:#df8f19;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 3px 16px;
  font-weight: 400;
  color:white;
  margin: 0 0 14px;
}

.courses__item {

  background-color:#fff;
  color:#000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 25px;
  border: 1px solid #B5B5C3;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -ms-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

.courses__item:hover{
  box-shadow: 0 0 3px #515151;
}



  
    #trusted .bsicons{font-size:40px;}
  
    .slider-description {font-size:14px;font-weight:regular;}
    .carousel-inner img{width:100%; }
    .carousel .carousel-caption {bottom:10rem}
   

  
  .card-title {font-size:18px;}
  .navbar-brand img{width:334px;}

  .hero {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: white;
}

.hero-content {
    max-width: 800px;
    padding: 20px;
}

  .herosection {
    background: url('images/heroimage1.jpg') right top no-repeat;
            background-size: cover; /* Ensures the image covers the container */
                    display: flex;
                    color: white;
           
  }

  

.nav-link a{font-weight:bold;}


.bg-footer .nav a{color:#fff;display:block;font-weight:400;}
.bg-footer .nav-item{display: block;}


.nav-link a{text-decoration:none;color:#fff;}
.nav-item a:hover{
  color:#df8f19;}


  .nav-item1 a{color: #fff !important;font-weight: 400;}
  .nav-item1 a:hover{color:#cc1b1e;}

  
  .bg-footer{background-color:#0173b4;}


.animated-button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.animated-button:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.animated-button {
    animation: pulse 1.5s infinite;
}


    @media screen and (max-width:991px) {
  
          .carousel .carousel-caption {bottom:0rem}
          .carousel .carousel-caption .btn{font-size: small;}
          
    }



    @media (max-width: 768px) {
      .herosection {
          background: url('images/heroimage-mobile.jpg') right center no-repeat; /* Different image for mobile */
          background-size: cover;
      }

      .navbar-brand img{width:134px !important;}
  }