.service-banner { background-size: cover;background-position: center;background-repeat:repeat;text-align: center; color: #fff; text-align: center; padding: 140px 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; } 
.water-proof p{ width: 70%; margin: 5% auto ; text-align: center; color: var(--primary-clr); } 
.water-proof .water-proof-data1 , .water-proof .water-proof-data2{ width: 80%; margin: 3% auto ; } 
.water-proof .water-proof-data1-cont h4{ font-size: var(--fontSize-6); font-weight: var(--weight-semibold); font-family: var(--font-title); color:orange; } 
.water-proof .water-proof-data1-img img{ background-image:url('/assets/uploads/services/bg.png'); background-size: cover;background-position: center;background-repeat:repeat;text-align: center; } 
.water-proof .water-proof-data1-cont p{ width: 100%; margin: 2% auto ; text-align: left; } 
.water-proof .water-proof-data1-cont h6{ margin-bottom:5%; } 
@media (max-width:992px){ 
  .service-banner { padding: 100px 20px; } 
  .water-proof p{ width: 80%; margin: 5% auto ; } 
  .water-proof .water-proof-data1 , .water-proof .water-proof-data2{ width: 90%; margin: 3% auto ; } 
} 
@media (max-width:767px){ 
  .service-banner { padding: 100px 20px 50px; } 
  .water-proof .water-proof-data1-img img{ margin: 5% auto; } 
  .water-proof p{ width: 80%; margin: 5% auto ; } 
  .water-proof .water-proof-data1 , .water-proof .water-proof-data2{ width: 90%; margin: 3% auto ; } 
  .water-proof .water-proof-data1-cont h4{ font-size: var(--fontSize-7); text-align: center; } 
  .water-proof .water-proof-data1-cont p{ text-align: center; margin: 4% auto ; } 
  .water-proof .water-proof-data1-cont h6{ text-align: center; margin-bottom: 8%; } 
  .water-proof .water-proof-data1-cont .but{ text-align: center; margin-bottom: 3%; } 
} 
@media (max-width:450px){ 
  .service-banner { padding: 100px 20px 50px; } 
  .water-proof p{ text-align: justify; width: 90%; margin: 8% auto ; } 
  .water-proof .water-proof-data1 , .water-proof .water-proof-data2{ width: 90%; margin: 3% auto ; } 
  .water-proof .water-proof-data1-cont h4{ font-size: var(--fontSize-8); } 
  .water-proof .water-proof-data1-cont p{ text-align: justify; margin: 7% auto ; } 
}
/* =====================================  admix  ================================================ */
.admix{ padding: 10px; background-image:url('/assets/uploads/services/bg1.svg'); background-size: cover;background-position: center;background-repeat:no-repeat;text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } 
.admix-one{ padding: 10px; width: 80%; margin: 3% auto; text-align: left; } 
.admix-one .admix-one-img h2{ display: none; } 
.admix-one .admix-one-img img{ margin: 10% 0; } 
.admix-one .admix-one-cont p{ color: var(--primary-clr); } 
.admix-one .admix-one-cont h5{ font-size: var(--fontSize-6); color:orange; } 
.admix-one .admix-one-cont ul{ display: grid; grid-template-columns: repeat(3, 1fr); } 
.admix-one .admix-one-cont ul li{ color: var(--primary-clr); font-size:var(--fontSize-8); } 
.admix-one .admix-one-cont ul li:before { content: '\f0fb'; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: orangered; }
.admix-two{ width: 80%; margin: 3% auto; text-align: left; } 
.admix-two .admix-two-cont { color: var(--primary-clr); } 
.admix-two .admix-two-cont .benefits li{ margin-top: 5px; } 
.admix-two .admix-two-cont .benefits li span{ display: inline; font-weight: var(--weight-semibold); color: var(--primary-clr); } 
.admix-two .admix-two-cont .benefits li:before{ content: '\f064'; font-family: 'FontAwesome'; float: left;margin-right: 10px; color: orangered; } 
.admix-two .admix-two-cont h4{ font-size: var(--fontSize-6); margin-top: 20px; color:orange; } 
.admix-two .admix-two-cont h5{ font-size: var(--fontSize-7); margin-top: 5px; } 
.admix-two .admix-two-cont .applications li:before{ content: '\f087 '; font-family: 'FontAwesome'; float: left;margin-right: 10px; color: orangered; } 
.admix-two .admix-two-img{ text-align: center; } .admix-two .admix-two-img .dosage{ color: var(--primary-clr); } 
.admix-two .admix-two-img .dosage span{ display: inline; } .admix-two .admix-two-img  p{ color: var(--primary-clr); } 
.admix-two .admix-two-img  img{ margin: 5% auto; } .admix-two .admix-two-img h2{ display: none; } 

.admix-three{ background-image:  linear-gradient( to bottom right,  rgba(0, 0, 0, 0.5),  rgba(42, 42, 43, 0.3) ),url('/assets/uploads/services/bg2.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 3% 10%; color: #fff; }
.admix-three h2{ margin-bottom: 25px; } 
.admix-three p{ width: 70%; margin: 20px auto; } 
.admix-three h4{ color: var(--secondary-clr); margin: 3% auto; } 
.admix-three .color{ text-align: center; padding: 10px; justify-content: center; } 
.admix-three .color img{ width: 150px; height: 150px; margin: 10px auto; border-radius: 50%; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; }

.admix-four{
  width: 80%;
  margin: 5% auto ;
}
.admix-four h2{
 text-align: center;
 margin-bottom:30px;
}
.admix-four h4{
  color: var(--primary-clr);
  font-size: var(--fontSize-6);
  font-weight: var(--weight-semibold);
  font-family: var(--font-title);
}
.admix-four ul{
  padding: 0;
}
.admix-four ul li{
  text-align: left;
  padding-left:20px;
  font-size: var(--fontSize-8)
}
.admix-four ul li:before{
   content: '\f0ad '; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: orangered;
}

.shade-section {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}

.shade {
  display: flex;
  align-items: center;
}

.clr {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 5px;
  border: 2px solid #ccc;
}


@media (max-width:992px){
  .admix{ padding: 10px; } 
  .admix-one{ width: 90%; margin: 3% auto; text-align: center; } 
  .admix-one .admix-one-cont ul{ grid-template-columns: repeat(2, 1fr); } 
  .admix-one .admix-one-cont ul li{ text-align: left; }
  .admix-two{ width: 90%; margin: 3% auto; }
  .admix-three{ padding: 3% 5%; } 
  .admix-three p{ width: 80%; }
}
@media (max-width:767px){
  .admix-one .admix-one-img img, .admix-two .admix-two-img img{ margin: 5% auto; } 
  .admix-one .admix-one-img h2, .admix-two .admix-two-img h2{ display: block; margin-top: 20px; } 
  .admix-one .admix-one-cont h2, .admix-two .admix-two-cont h2 { display: none; } 
  .admix-one .admix-one-cont h5{ font-size: var(--fontSize-7); } 
  .admix-one .admix-one-cont ul li{ text-align: left; font-size:var(--fontSize-9); }
  .admix-two .admix-two-cont h4{ font-size: var(--fontSize-7); } 
  .admix-two .admix-two-cont h5{ font-size: var(--fontSize-8); } 
  .admix-two .admix-two-cont .benefits li, .admix-two .admix-two-cont .applications li{ font-size: var(--fontSize-9); }
  
  .admix-three p{ width: 90%; } 
  .admix-three h4{ font-size: var(--fontSize-7); }

  .admix-four{
    width: 90%;
  }
  .admix-four h4{
    font-size: var(--fontSize-7);
  }
  .admix-four .clr span{
    width: 100px;
    height: 100px;
    border: 50%;
    background:green ;
  }

  .clr {
    width: 35px;
    height: 35px;
    margin-bottom: 15px;
  }
  
}
@media (max-width:520px){

  .admix-one .admix-one-cont ul{ grid-template-columns: repeat(1, 1fr); }
  .admix-three{ padding: 8% 10%; } 
  .admix-three .color img{ width: 100px; height: 100px; }
}
@media (max-width:450px){
  .admix-one .admix-one-img img, .admix-two .admix-two-img img{ width: 50%; margin: 5% auto;}
  .admix-one{ width: 96%; margin: 3% auto; } 
  .admix-one .admix-one-cont h5{ font-size: var(--fontSize-8); } 
  .admix-one .admix-one-cont p{ text-align: justify; }
  .admix-two .admix-two-cont .benefits { padding: 0; } 
  .admix-two .admix-two-cont h4{ font-size: var(--fontSize-8); margin: 30px 0 15px; } 
  .admix-two .admix-two-cont h5{ font-size: var(--fontSize-9); } 
  .admix-two .admix-two-cont .benefits li,.admix-two .admix-two-cont .applications li{ font-size: var(--fontSize-10); margin-top: 5px; } 

  .admix-three{ padding: 8% 5%; } 
  .admix-three p{ width: 100%; text-align: justify ; } 
  .admix-three h4{ font-size: var(--fontSize-8); margin: 8% auto; } 
  .admix-three .color p{ text-align: center; }

  .admix-four h4{
    font-size: var(--fontSize-8);
  }
  .admix-four ul li{
    font-size: var(--fontSize-9);
  }
}