@media (min-width:576px) {
    .my-container,
    .my-container-sm{
        max-width: 540px ;
    }
    .content-wrapper {
        max-width: 80%;
      }
  .sub-text-p{
          text-align: justify;
  }
}
@media (min-width:768px) {
    .my-container,
    .my-container-sm,
    .my-container-md{
        max-width: 720px ;
    }
     .content-wrapper {
    max-width: 90%;
  }
  .head-text{
    font-weight: 600; /* Equivalent to md:font-semibold */
  }
  .sub-head-text {
    font-weight: 600; /* Equivalent to md:font-semibold */
  }

  .gradient-container::before {
    content: '';
    position: absolute;
    top: -6%;
    left: -5%;
    height: 107%;
    width: 130%;
    background: linear-gradient(to bottom, transparent, rgba(0, 54, 74, 0.34)); /* Equivalent to md:before:bg-gradient-to-b from-transparent to-[#00364a57] */
    border-radius: 100px; /* Equivalent to md:before:rounded-[100px] */
    transform: rotate(-5deg); /* Equivalent to md:before:rotate-[-5deg] */
  }
  #AboutBg{
    height: 100vh;
  }
  #AboutBg{
    background: url(../images/about/about3.jpeg) no-repeat center center;
}
.footer-fix{
    display: none;
}
.whatsapp-btn{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

}


@media (min-width:992px) {
    .my-container,
    .my-container-sm,
    .my-container-md,
    .my-container-lg{
        max-width: 960px ;
    }
    .form-control {
        padding: 27px 20px;
    }
    
    

}
@media (min-width:1200px) {
    .my-container,
    .my-container-sm,
    .my-container-md,
    .my-container-lg,
    .my-container-xl{
        max-width: 1140px ;
    }
   
}
@media (min-width:1400px) {
    .my-container,
    .my-container-sm,
    .my-container-md,
    .my-container-lg,
    .my-container-xl,
    .my-container-xxl{
        max-width: 1320px ;
    }
    
}



@media (max-width:1299px) {
    
}

@media (max-width:992px) {

      
    }
@media (max-width:768px) {
    #myNav {
        position: fixed;
        top: 0px;
        left: -5000px;
        width: 100%;
        height: 100%;
        background: #ffffffde;
        transition: all 0.6s;
        z-index: 2;
    }
    .menu-btn{
        font-size: 20px;
    }
    #AboutBg{
        background: url(../images/about/about3mob.jpeg) no-repeat center center;
        height: 100%;
        background-size: contain;

    }
    .about-col{
        padding-top: 87px;
        padding-bottom: 87px;
    }
    .footer-fix{
        width: 100%;
        position: fixed;
        left: 0;
        bottom: -1px;
        background: #fff;
        box-shadow: 0 0 10px #0000007a;
        z-index: 10;
    }
    .footer-fix i{
        font-size: 29px;
    }
    .footer-fix a{
        color: #00364a;
    }
    .footer-fix a:hover{
        text-decoration: none;
    }
    .border-r{
        border-right: 1px solid #00000081;
    }
    .whatsapp-btn{
        display: none;
    }
}
@media (max-width:576px){
    
    .sub-text-p{
          text-align: left;
  }

   
}

@media (max-width:410px){
    .about-col{
        padding-top: 87px;
        padding-bottom: 87px;
    }
    #AboutBg{
        background-size: cover;
    
    }
}