/* ---------  Mayuresh Custom Scrollbar ---------  */
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  /*border-radius: 10px;*/
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #003587;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffbd59;
}
/* ---------  Mayuresh Custom Scrollbar End ---------  */
.pt0{
  padding-top: 0!important;
}
.pt1{
  padding-top: 1rem!important;
}
.pt2{
  padding-top: 2rem!important;
}
.pt3{
  padding-top: 3rem!important;
}
.pt4{
  padding-top: 4rem!important;
}
.pt5{
  padding-top: 5rem!important;
}
.pb0{
  padding-bottom: 0!important;
}
.pb1{
  padding-bottom: 1rem!important;
}
.pb2{
  padding-bottom: 2rem!important;
}
.pb3{
  padding-bottom: 3rem!important;
}
.pb4{
  padding-bottom: 4rem!important;
}
.pb5{
  padding-bottom: 5rem!important;
}
.mb0{
  margin-bottom: 0rem !important;
}
.mb1 {
  margin-bottom: 1rem !important;
}
.mb2 {
  margin-bottom: 2rem !important;
}
.mb3 {
  margin-bottom: 3rem !important;
}
.mb4 {
  margin-bottom: 4rem !important;
}
.mb5 {
  margin-bottom: 5rem !important;
}
.mt0{
  margin-top: 0rem !important;
}
.mt1 {
  margin-top: 1rem !important;
}
.mt2 {
  margin-top: 2rem !important;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt4 {
  margin-top: 4rem !important;
}
.mt5 {
  margin-top: 5rem !important;
}

/*------------------------------------not responsive start---------------------*/
#header .logo img {
   max-height: 65px;
}
#hero { 
    margin-top: 6rem;
}
#heroBanner { 
   margin-top: 6rem;
   padding: 0!important;
}
#hero { 
   height: calc(76vh - 110px); 
   background: #fff;
}
#hero .carousel-item { 
   height: calc(80vh - 110px);
   background-size: cover;
   background-position: top right; 
}
.breadcrumbs {
   margin-top: 97px; 
}
#hero:before {
   display: none;
}
.client-block .item img {
   width: 125px !important;
   margin: 0 auto !important;
   height: 125px;
   object-fit: contain;
   /*   -webkit-filter: grayscale(100%);*/
   /*   filter: grayscale(100%);*/
}
.client-block .item img:hover {
   /*    filter: none;*/
   /*    -webkit-filter: none;*/
}
ol#hero-carousel-indicators {
   display: none;
} 
.brands .icon-boxes .icon-box {
   text-align: center;
   background: #f5f5f5;
   padding: 40px 30px;
   width: 100%;
   border: 1px solid #eef0ef;
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.brands .icon-boxes .icon-box i {
   font-size: 32px;
   padding: 18px;
   color: #003587;
   margin-bottom: 30px;
   background: #ecf9f0;
   border-radius: 50px;
}
.brands .icon-boxes .icon-box h4 {
   font-size: 20px;
   font-weight: 700;
   margin: 0 0 30px 0;
}
.brands .icon-boxes .icon-box p {
   font-size: 15px;
   color: #848484;
}
.brands .icon-boxes .icon-box .icon-box-img-div {
   display: flex;
   justify-content: center;
   align-items: center;
}
.brands .icon-boxes .icon-box .icon-box-img {
   width: 150px;
   height: 125px;
   margin-bottom: 2rem;
}
.brands .icon-boxes .icon-box .icon-box-img img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.breadcrumbs { 
   background: #4a4a4abd; 
}
.btn-website {
   background: #003587;
   color: #fff;
}
.btn-website:hover {
   background: #ffbd59;
   color: #fff;
}
.about .content ul li { 
   font-size: 15px;
}
.why-us .icon-boxes .icon-box { 
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.client-block .item {
   padding: 15px;
}
.brandsImgDiv {
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   border-radius: 10px;
}
/*------------------------------------ eOf not responsive---------------------*/

/*------------------------------------responsive start-----------------------*/

   /* mayuresh media queries for all devices*/

   /*mayuresh css responsive main for all pages */

   /* 
   ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops
   */

@media (min-width: 1281px) {
  
  /*//CSS*/
  
}/*//eOF min-width: 1281px*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /*//CSS*/
     
  
}/*//eOF min-width: 1025px*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /*//CSS*/

  
}/*//eOF min-width: 768px*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  
  /*//CSS*/
}/*//eOF min-width: 768px*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /*//CSS*/

}/*//eOF min-width: 481px*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
 /* //CSS*/
   #hero {
      height: calc(25vh - 110px);
   }
   #hero .carousel-item {
      height: calc(25vh - 110px); 
   }
   #hero .carousel-control-next-icon, #hero .carousel-control-prev-icon { 
      font-size: 20px; 
   }
   section {
      padding: 30px 0; 
   }
}/*//eOF min-width: 320px*/

/*------------------------------------ eOf responsive start-----------------------*/