/* .bg-blues {
    background: linear-gradient(85.62deg, #dfe6f1 7.28%, rgba(240, 246, 247, 0.5) 135.17%);
    width: 800px;
} */
.text-blue{
    color: #00206C;
}
.bg-blue{
   background-color: #00206C;
}
.bg-white{
  background-color: #ffffff;
}
.bg-black{
    background-color:  #252A37;
 }
.carousel2{
  height: 10px !important;
    width: 10px !important;
    background-color: black !important;
}
.w-fit-content{
    width: fit-content !important;
    }
      /* .vission{
   height: 650px !important;
  } */
  .consultation{
    background-image: url("image/home/blue bg.jpg") ;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .consultationwhite{
    background: rgba(248, 250, 251, 0.69);
    backdrop-filter: blur(10px);
    
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 10px;
  }
  .textarea1 {
    resize: none;
  }

  .video-container {
    height: 70vh;
    overflow: hidden;
    position: relative;
  }
  
  .video-container video {
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  
  /* Just styling the content of the div, the *magic* in the previous rules */
  .video-container .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #ffffff;
    padding: 10px;
    top: 30%;
  }
  .position-fixed{
    z-index: 11;
  }
@media only screen and (max-width: 600px) {
    .w-inherit{
        width: inherit;
    }
    .w-md-100{
        width: 100% !important;
    }
    .h-md-fit-content{
        height: fit-content !important;
    }
    .fs-md-1{
        font-size: 19px;
    }
    .w-md-100{
      width: 100% !important;
    }

  }
  .carousel1{
    height: 10px !important;
    width: 10px !important;
    color: #ffffff !important;
    background-color: #ffffff !important;
  }
  .header{
    background-image: url("image/home/header.png") ;
    background-repeat: no-repeat;

background-size: cover;
  
   }
   .logo{
    width: 26px;
   }
   
   @media only screen and (max-width: 1146px) {
    .video-container{
        height: 45vh;
        
    }
  }
  @media only screen and (max-width: 378px) {
   .heading{
    font-size: smaller;
   }
  }
  @media only screen and (max-width: 344px) {
    .heading{
     font-size: small;
    }
   }
   @media only screen and (max-width: 341px) {
    .heading{
     font-size: x-small;
    }
   }
   @media only screen and (max-width: 303px) {
    .heading{
     display: none;
    }
   }
  @media only screen and (max-width: 968px) {
    .sent{
     width: 100px !important;
    }
   }
   @media only screen and (max-width: 991px) {
    .about-div{
      flex-flow: column-reverse;
   
    }
    .aboutgap{
      margin-top: 18px !important;
    }
    .visimg{
      height: 450px !important;
      object-fit: none;
    }
   }
   @media only screen and (max-width: 561px) {
    .visimg{
      height: 450px !important;
     object-fit: contain;
    }
    
   }
   @media only screen and (max-width: 370px) {
    .visimg{
      height: 350px !important;
     
    }
    
   }
   @media only screen and (max-width: 561px) {
    .copyright{
      font-size: revert;
    }
    
   }