@media screen and (min-width: 465px) and (max-width: 1024px){

  
    
    .navbar-brand img{
        width: 120px;  
        margin-right: 20vw !important;  
    }
    .navbar{ 
        padding-top: 12px;
        padding-bottom: 12px;
        
    }
    #navbarText{
        max-width: 100%;
        text-align: center;
    }
    
    /* --------hero-Section----------- */

    .heroSection{
        height:  63vh;
    }
    .hero-container{
        margin-top: -45vh;
    }
    .heroSection #heroCircle{
        height: 60vh ;
    }
    /* --------------containerB------------ */

    #containerB{
        display: flex;
        /* flex-direction: column; */
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        margin-top: 7vh;
     }

     #workExperience{
    
        background-image: url('../logoIcons/image9yearExp.png');
        background-size:contain;
        background-repeat: no-repeat;
        height: 30.76vh;
        margin-left: 4vw;  
        position: relative;
     }

     #workExperience img{
        position: absolute;
        left: -13vw;
        top: -1vh;
        width: 100%;
     }
     .subContB{
        margin-left: -1vw;
        margin-top: 1vh;
        width: 45%;
     }
     .subContB h1{
        font-size: 2.413rem;
        line-height: 2.825rem;
        margin-top: 2vh;
        margin-bottom: 4vh;

     }
     .subContB p{
        font-size:1.183rem ;
        line-height: 32px;
        margin-bottom: 4vh;
     }

     /* ---------counter row-------- */
     #counterRow .row{
        max-width: 90%;

     }
     .counter-box p{
        font-size: 16px;
        margin-top: 8px;
        line-height: 27px;
        font-weight: 800;
        text-align: center;
    }
    

    /* ---------containerC---------- */

    #containerC{
        width: 100%;
        padding: 0vh 3vh;
        height: 65.58vh; 
        margin-bottom: 6vh;
        padding-top: 8vh;
        display: flex;
        justify-content: flex-start;
        position: relative;
    }

    #containerC .leftCont{
        width: 65%;
        height: 50.58vh;
    }
    #containerC .leftCont h4{
        font-size: 15px;
        margin-bottom: 3vh;
    }
    #containerC .leftCont h1{
        width: 80%;
        font-weight: 700px;
        font-size: 35px;
        margin-bottom: 4vh;
    }
    #containerC .leftCont p{
        font-weight: 600px;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 6vh;
    }

    #containerC .rightCont{
        width:50%;
        position: absolute;
        right: 10px ;
    }
 
    @keyframes scaleAnimationC {
        from {
          transform: translateY(-700px); /* Initial scale */
        }
        to {
          transform: translateY(0px); /* Scale up */
        }
      }
/* ---------containerD---------- */

#containerD {
    max-width: 90%;
    flex-direction: column;
}
#containerD .subContB{
    width: 90%;
    margin-bottom: 5vh;
    margin-top: 0vh;
}
.subContC{
    height:45vh;
    width: 95%;
    flex-wrap: none;
    overflow:scroll;
}
.subContC .cardA{
    width:  60.98748043818466vh;
    border-radius: 20px;
    border: 1px solid #E9E9E9;
   padding: 2vw;
   margin-left: 10px;
}

/* ----------------containerE------------ */


  
#containerE{
    width: 90%;
    margin: auto;
    height: 20vh; 
    margin-bottom: 1vh;
  }
  #containerE .floating-text{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #containerE .floating-text div {
      /* width: 100%;
      margin: auto; */
    font-weight: 700;
    font-size: 47px;
    line-height: 66.4px;
     position: relative;
  /* overflow: hidden; */
}
/* -------------------------containerF--------------------- */

#containerF{
    width: 100%;
    height: 80vh; 
    margin-bottom: 8vh;

}
#containerF .first{
    max-width: 85%;
    justify-content: flex-start;
    align-items: center;
 }
 #containerF .first .heading{
    width: 40%;
    margin-left: 6vw;
 }
 #containerF .first .discription{
    width: 45%;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #878898;
 }
 #containerF .second{
    width: 100%;
    margin: auto;
 }

 #containerF .second .owl-carousel{
    height: 250px;
    width: 100%;
    margin: auto;
    margin-top: 3vh;
    margin-bottom: 5vh;
 }
 #containerF .second .owl-carousel .item{
    display: flex;
    justify-content: center;
 }

 .owl-dots{
    width: 100%;
    margin: auto;
    position: static;
    margin-top: 3vh;
 }

 
/* --------------------------------containerG-------------------------- */

#containerG{
    max-width: 85%;
    flex-direction: column;
    margin-bottom: 5vh;
}

.headingDisc{
    flex-direction: column;
    align-items: flex-start;
}
#containerG .headingDisc .leftCont{
    width:85%;
}
#containerG .headingDisc .leftCont h1{
    margin-top: 2vh;
    font-size: 40px;
}
#containerG .headingDisc .rightCont{
    width: 78%;
}
#containerG .btnGrid{
    margin-top: 4vh;
    width: 100%;
    margin: auto;
}
#containerG .btnGrid .row{
    display: flex;
    justify-content: center;

}

/* -----------footer-section-------------- */



#containerH{
    height: 475px;
    padding: 60px 0px 20px 0px ;
}
.subContainerA{
    width: 90%;
    padding-bottom: 5px;
}
.subContainerA .footLinks{
    width: 60%;

}
.subContainerB{
    width: 90%;
    justify-content: center;
}
.subContainerB .left-subContainer{
    width: 75%;
}
.subContainerB .right-subContainerB .subfoot{
    display: none;
}
.subContainerB .right-subContainerB{
    width: 25%;
}
.subContainerB .left-subContainer form input{
height: 40px;
padding: 10px;
}
.subContainerB .left-subContainer form textarea{
height: 110px;
}
.subContainerB .left-subContainer button{
    width: 162px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 42px;
    left: 32px;
}
/* --------------about & services page-------- */
main{
    width: 95.07%;
    margin: auto;
}
.containerA .para{
    width: 83%;
}
.containerB .col-9 img{
    width: 100%;
}
 
/* -------career page------------- */
#containerCareer{
    height: fit-content;
}
.headingDisc{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 85.8%;
    margin-bottom: 0vh;

}
.headingDisc .leftCont{
    width:60%;
    text-align: left;
}
.twoCards{
    width: 90.8%;
    margin: auto;
    margin-top: 10vh;

}
.twoCards .cards .cardimg img{
    width:43.11566617862372vw

}
.twoCards .cards .textIcon{
    width:43.11566617862372vw;
    height: 85px;

}

/* --------------multiple referal programme------------- */
.headImgCont{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 11vh;
    margin-bottom: 14vh;
  }
  .headImgCont .heading{
    width: 83%;
    margin-bottom: 3vh;
    
} 
.headImgCont .referalHeading,.headImgCont .heading p{
   text-align: center;
}



/* ----------contact page---------------- */


.cont-container{
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.cont-container .leftCont{
    width: 90%;
    /* margin: auto; */
    display: flex;
    justify-content: center;
}
.cont-container .rightCont{
    width: 90%; 
    margin: auto;
}
.cont-container .rightCont h1{
    margin-top: 4vh;
    margin-bottom: 2vh;
}
.cont-container p{
    margin-bottom: 3vh;
}
iframe{
    width: 78vw;
    height: 50vh;margin-bottom: 6vh;
}


/* ----------terms and condition-------------- */

.termConditioncont h1{
    font-size: 50px;
    padding-top: 8vh;
}
.termConditioncont .para{
    width: 100%;
    margin: auto;
    margin-top: 2vh;
    text-align: center;
    font-size: 17px;
    padding-bottom: 4vh;
}



}