h2{
      
      color: #222126;
      margin: 100px 0 100px 0;
  }
 p{
    color:#222126;
}

.navigation {
    background-color: #222126;
}
.credence-banner{
    background-image: url(../images/Why_us/Why_us.jpg);
    height:80vh;
    margin-bottom:100px;
    display:block;
    }
.banner-content{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    margin-top:0;
}
.banner-content-one p{
    font-size:30px;
}
.why-us-content p{
    font-size:28px;
    color:white;
}
.why-us-content{
    padding: 30px 0;
    width: 65%;
}
.product-section-div{
    display:flex;
    justify-content:space-between;
    padding: 0 0 100px 150px;
}
.private-label-div{
    display:flex;
    justify-content:space-between;
    padding: 0 150px 100px 0;

}
.content-div{
    width:45%;
}
.image-div{
    width:45%;
    
}
.image-div img{
    width:100%;
    height:auto;
}


.content-div h2{
    margin:0 0 20px 0;
    text-align: left;
}

.reliance-image{
    background-image: url(../images/Why_us/Reliance.jpg);
    height: 87vh;
    background-attachment: fixed;
    background-size: cover;
    background-position:center;

    position: relative;
    width:75%;
    transform: translateX(33.3%);
}
.reliance-spacing{
width:20%;

}
.reliance-content{
    width:53%;
    padding:65px 80px;
    background-color:#14b7b3f5;
    left:-18%;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.reliance-content p, .know-how-content p {
    color:white;
}
.reliance-content h2, .know-how-content h2{
    margin:0 0 20px 0;;
    color:white;

}

.reserch-image{
    background-image: url(../images/Why_us/Reserch.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

}

.reserch-content{
    width:60%;
    padding:65px 80px;
    background-color:#ffffffcc;
    margin: auto;


    position: relative;
    top: 50%;
    transform: translateY(-50%);

}
.reserch-content p {
    color:#222126;
}
.reserch-content h2{
    margin:0 0 20px 0;;
    color:#222126;

}

.know-how-image{
    background-image: url(../images/Why_us/Know_How.jpg);
    height: 87vh;
    background-attachment: fixed;
    background-size: cover;

    position: relative;
    width:75%;
}

.know-how-content{
    width:53%;
    padding:65px 80px;
    background-color:#222126f5;

    position: absolute;
    top: 50%;
    right:-18%;
    transform: translateY(-50%);
}
.our-team-div{
    padding: 100px 150px;
}

.our-team-div h2{
         margin: 0 0 20px 0; 
         text-align:left;
}

@media screen and (max-width: 1650px){
    .product-section-div{
        padding: 0 0 100px 100px;
    }
    .private-label-div{
        padding: 0 100px 100px 0;
    }
    .our-team-div{
        padding: 100px 100px;
    }
    .why-us-content{
         padding: 30px 0;
}

}

@media screen and (max-width: 1230px){
    .why-us-content {
        padding: 30px 0;
        width: 86%;
    }
    .why-us-content p {
        font-size: 24px;
     }
     .reliance-content,.know-how-content {
            width: 60%;
            padding: 55px 70px;
    }
    .reserch-content {
            padding: 55px 70px;
    }
    .product-section-div {
        padding: 0 0 80px 80px;
    }

    .Private-label-div {
        padding: 0 80px 80px 0;
    }
    .our-team-div{
        padding: 70px 80px;
    }
}
@media screen and (max-width: 1100px){
    .content-div {
         width: 40%;
    }
    .image-div {
      width: 53%;
    }
    .reliance-content, .know-how-content {
        width: 70%;
        padding: 47px 59px;
    }
    
    .reserch-content {
        width: 73%;
        padding:45px 59px;
     }
     .reserch-image {
        height: 85vh;
    }

}
@media screen and (max-width: 900px){
    .credence-banner{
            margin-bottom: 39px;
    }
    .why-us-content{
        width:100%;
    }

    .product-section-div{
        padding: 0 55px;
        flex-direction: column;
        }
     .content-div {
        width: 100%;
    }
     .image-div {
        width: 100%;
        margin-top: 20px;
    }
    .private-label-div {
        padding: 49px 55px;
        flex-direction: column-reverse;
    }
     .our-team-div{
        padding: 50px 55px;
    }

  
}
@media screen and (max-width: 768px){
 
     
  .reliance-image, .know-how-image, .reserch-image {
        width:100%;
        transform:none;
        height: 73vh;
        background-position: center;
     }
    .reliance-content {
        left:0;
        position: relative;
        margin: 0 auto;
        width:80%;
     }
     .reserch-content{
          width:80%;
     }
     .know-how-content{
        width:80%;
        right:0;
        position: relative;
        margin: 0 auto;
     }

}