.sub-banner {
    background-image: url(../images/loader.webp);
}


.about-sec .row{
    align-items: center;
}

.about-txt h3 {

    text-align: left;
    margin: 20px 0px;
}

.about-txt p {
    font-size: 17px;
    line-height: 31px;
}

/* about section end  */

/* mission section start  */


.mission-card {
    margin-top: 100px;
}

.mission-card-1 h5 {
    color: #030077;

}

.about_raipur_hydra {
    position: relative;
    margin: 30px 0px;
    transition: all 0.6s ease;
   
}

/* .about_raipur_hydra::before{
    content: "";

    top: -50px;
    left: -70px;
    width: 71%;
    height: 120%;
    position: absolute;
    border: 4px double #030077;
    z-index: -1;
} */
.about_raipur_hydra img{
    transition: all 0.5s ease;
}
/* .about_raipur_hydra img:hover {
    transform: translateX(-30px);
} */



.last-banner {
    background-image: url(../images/dots.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 50px 0;
    position: relative;
    background-attachment: fixed;

}

.last-banner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);


}

.last-banner .box {
    position: relative;
 
    text-align: center;
}

.last-banner h2 {
    font-size: 45px;


    line-height: 58px;

}

.last-banner p {
    font-size: 22px;
    font-weight: 400;
    color: white;
    margin-top: 40px;

}

.last-ban-btn-1 {
    background-color: #FFB716;
    padding: 11px 16px;
    color: #030077;
    font-weight: 600;
    font-size: 18px;
    border-radius:0px;
    position: relative;
    z-index: 20;
    border: none;
    overflow: hidden;






}
.img-zoom{
    border-radius: 0px;
}
.last-ban-btn-1:hover {
    color: white;
}

.last-ban-btn-1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #030077;
    border-radius:0px;
    transition: all 0.3s ease;
    z-index: -1;
}

.last-ban-btn-1:hover::after {
    height: 100%;
    bottom: auto;
    top:0;


}


.last-ban-btn-2 {
    background-color: #fff;
    padding: 11px 16px;
    color: #030077;
    font-weight: 600;
    font-size: 18px;
   border-radius:0px;
    margin: 0px 40px 0px 40px;
    position: relative;
    z-index: 20;
    border: none;
    overflow: hidden;
}
.last-ban-btn-2:hover{
    color: #FFB716;
}
.last-ban-btn-2::after {
    content: "";
    position: absolute;
   top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #030077;

    transition: all 0.6s ease;
    z-index: -1;
}
.last-ban-btn-2:hover::after {
    height: 100%;
    top:auto;
    bottom: 0;
 
}

/* last banner section end  */
.button-box {
    margin-top: 50px;
}
.customer-sec{
    background-color: #ebebeb;
}

.customer-sec .list-1 h5{
   
    color:#030077;
    font-size: 30px;
   text-align: left;
}
.customer-sec .list-1 li{
    display: flex;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600;
    
}
.customer-sec  .row{
    align-items: center;
}

.customer-sec .col-md-6{
    padding-right: 0px;
    padding-left: 0px;
}
.customer-sec  img{

transition: all 0.6s ease;
}
.customer-sec .list-1 li span{
    color: #030077;
}
.col-md-6.list-1.box{
    padding-left: 50px;
}
    /*========================media Queries===========================*/
    @media only screen and (min-width:1601px) and (max-width:1900px){

    }
    @media only screen and (min-width:1200px) and (max-width:1600px){
        .about-txt p {
            font-size: 16px;
        }

        .last-banner h2 {
            font-size: 35px;
        }

        .customer-sec .list-1 h5{
            font-size: 26px;
        }
    }
    
    @media only screen and (min-width:1024px) and (max-width:1119px){
        .about_raipur_hydra::before {
         
            top: -31px;
            left: -36px;
            width: 71%;
            height: 114%;
          
        }
        .last-banner h2 {
            font-size: 28px;
            line-height: 50px;
        }
        .last-banner p {
            font-size: 20px;
          
            margin-top: 22px;
        }
        .button-box {
            margin-top: 40px;
        }
        .customer-sec .list-1 h5 {
           
            font-size: 25px;
    
    }
    .customer-sec .list-1 li {
     
        margin-bottom: 21px;
        font-size: 15px;
       
    }
    .about-txt p{
        font-size: 15px;
    }
    
}
    @media only screen and (min-width:901px) and (max-width:1023px){
        .about_raipur_hydra::before {
       
            top: -50px;
            left: -52px;
            width: 86%;
            height: 130%;
         
        }
        .about-txt p {
            font-size: 14px;
            line-height: 26px;
        }
        .last-banner h2 {
            font-size: 28px;
            line-height: 45px;
        }
        .last-banner p {
            font-size: 19px;
          
            margin-top: 27px;
        }
        .button-box {
            margin-top: 50px;
        }
        .customer-sec .list-1 li {
         
            margin-bottom: 22px;
            font-size: 14px;
        }
        .customer-sec .list-1 h5 {
           
            font-size: 20px;
        }
     
    }
    @media only screen and (min-width:768px) and (max-width:900px){
        .about_raipur_hydra::before {
       
            top: -33px;
            left: -27px;
            width: 71%;
          
        }
        .about-txt h3 {
    
            margin: 10px 0px;
        }
        .about-txt p {
            font-size: 14px;
            line-height: 26px;
        }
        .last-banner h2 {
            font-size: 25px;
            line-height: 43px;
        }
        .last-banner {
          
            padding: 15px 0;
      
    }
    .last-banner p {
        font-size: 16px;
    
        margin-top: 18px;
    }
    .button-box {
        margin-top: 30px;
    }
    .last-ban-btn-1, .last-ban-btn-2  {
   
        padding: 9px 9px;
     
        font-size: 16px;
        margin-right: 0px !important;

       
    }
    .customer-sec .list-1 li {
   
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .customer-sec .list-1 h5 {
    
        font-size: 20px;
        text-align: center;
    }
    .col-md-6.list-1.box {
    padding: 15px;
    }
    .customer-sec .core-values h5{
        margin-top: 27px;
    }
    
    
    }
    @media only screen and (min-width:576px) and (max-width:767px) {
        .about_raipur_hydra::before {
    
            top: -23px;
            left: -9px;
            width: 73%;
            height: 113%;
         
        }
        .about-txt h3 {
    
            margin: 10px 0px;
        }
        .about-txt p {
            font-size: 13px;
            line-height: 26px;
        }
        .last-banner h2 {
            font-size: 22px;
            line-height: 32px;
        }
        .last-banner {
          
            padding: 15px 0;
      
    }
    .last-banner p {
        font-size: 14px;
    
        margin-top: 18px;
    }
    .button-box {
        margin-top: 30px;
    }
    .last-ban-btn-1, .last-ban-btn-2  {
   
        padding: 9px 9px;
     
        font-size: 14px;
        margin-right: 0px !important;

       
    }
    .customer-sec .list-1 li {
   
        font-size: 14px;
        margin-bottom: 20px;
    }
    .customer-sec .col-md-6{
        padding: 15px;
    }
    .customer-sec .list-1 h5 {
    
        font-size: 20px;
        text-align: center;
    }
    .col-md-6.list-1.box {
    padding: 15px;
    }
    
    }
    @media only screen and (min-width:420px) and (max-width:575px){
        .about_raipur_hydra::before {
            top: -23px;
            left: -11px;
            width: 78%;
            height: 110%;
        }
        .about-txt h3 {
    
            margin: 10px 0px;
        }
        .about-txt p {
            font-size: 13px;
            line-height: 26px;
        }
        .last-banner h2 {
            font-size: 22px;
            line-height: 32px;
        }
        .last-banner {
          
            padding: 15px 0;
      
    }
    .last-banner p {
        font-size: 14px;
    
        margin-top: 18px;
    }
    .button-box {
        margin-top: 30px;
    }
    .last-ban-btn-1, .last-ban-btn-2  {
   
        padding: 9px 9px;
     
        font-size: 14px;
        margin-right: 0px !important;

       
    }
    .customer-sec .list-1 li {
   
        font-size: 14px;
        margin-bottom: 20px;
    }
    .customer-sec .col-md-6{
        padding: 15px;
    }
    .customer-sec .list-1 h5 {
    
        font-size: 20px;
        text-align: center;
    }
    .col-md-6.list-1.box {
    padding: 15px;
    }
    
    }
    @media only screen and (min-width:100px) and (max-width:419px){
        .about_raipur_hydra::before {
    
            top: -23px;
            left: -9px;
            width: 73%;
            height: 113%;
         
        }
        .about-txt h3 {
    
            margin: 10px 0px;
        }
        .about-txt p {
            font-size: 14px;
            line-height: 26px;
        }
        .last-banner h2 {
            font-size: 22px;
            line-height: 32px;
        }
        .last-banner {
          
            padding: 15px 0;
      
    }
    .last-banner p {
        font-size: 14px;
    
        margin-top: 18px;
    }
    .button-box {
        margin-top: 30px;
    }
    .last-ban-btn-1, .last-ban-btn-2  {
   
        padding: 9px 9px;
     
        font-size: 14px;
        margin-right: 0px !important;

       
    }
    .customer-sec .list-1 li {
   
        font-size: 14px;
        margin-bottom: 20px;
    }
    .customer-sec .col-md-6{
        padding: 15px;
    }
    .customer-sec .list-1 h5 {
    
        font-size: 20px;
        text-align: center;
    }
    .col-md-6.list-1.box {
    padding: 15px;
    }
    .about_raipur_hydra {
        margin: 10px 0px; 
    }
    .navbar-sec .navbar-brand{
        width: 17%;
    }
    .last-banner .last-ban-btn-1{
        z-index: 0;
    }
    .last-banner .last-ban-btn-2{
        z-index: 0;
    }
}
    /*========================media Queries===========================*/