.qa-header-section {
    background: url(../images/tech-eng/quality_control_assurance.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 87vh;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.qa-main-section h2 { color: #295693 !important; }

.qa-blocks {
    background: #a4a4a4;
    display: flex;
    flex-direction: column;
    margin: 20px 0px 9px;
    padding: 12px 0px;
    border: 1px solid #FFF;
    transition: 1s;
}
.qa-blocks:hover {
    background-color: #295693;
    transition: 1s;
}

.qa-blocks.my-2.step-2 {
    width: 180px;
    margin: 0 auto;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bg-dark-grey {
    background: #878787 !important;
}

.qa-blocks h3 {
    font-size: 4rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.qa-blocks .bold {
    font-weight: bold;
    text-align: center;
}

.qa-blocks p {
    color: #fff;
    margin: 0px;
    text-align: center;
}

.tree .tree-head {
    background: #295693;
    color: #fff;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.qa-process-flow {
    background: url(../images/sustainability/SOMLogoWatermarkforbackground.png) rgb(41 85 146);
    background-repeat: no-repeat;
    background-position: 50% 80%;
}

.ring {
    border: 1px solid #fff;
    border-radius: 50%;
}

.ring-container {
    padding: 20px;
}

.vertical-line {
    height: 25px;
    width: 1px;
    background: #a4a4a4;
    margin: 0 auto;
}

.horizontal-line {
    height: 1px;
    width: 75%;
    background: #a4a4a4;
}

.upper-half {
    background-color: #94ccff;
    border-radius: 50% 50% 0% 0%;
    height: 100px;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border: 2px solid #eaf0f7;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lower-half {
    background-color: #fefda3;
    border-radius: 0% 0% 50% 50%;
    height: 100px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    border: 2px solid #eaf0f7;
    border-top: 0;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-work-slider .owl-dots {
    position: relative;
    bottom: 0;
}
.team-work-slider button.owl-dot span { background-color: #d0cdcd; }
.team-work-slider button.owl-dot.active span {
    background-color: #000;
    border-color: #000;
}



ul.list-item li { margin-bottom: 10px; }
		    
		    .team-work-slider.owl-carousel .owl-item img { border: 1px solid #ababab; }
		    
		    .overlay {
                position: absolute;
                top: 30%;
                left: 0;
                right: 0;
                text-align: center;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                transition: 1s;
            }
            .overlay .fa {
                opacity: 0;
                transition: 1s;
            }
		    a.certificates-gallery:hover .overlay {
                top: 0;
                transition: 1s;
                background: #e3dfdfad;
                height: 100%;
            }
            a.certificates-gallery:hover .overlay .fa {
                opacity: 1;
                transition: 1s;
            }
            
            .qa-header-section {
                position: relative;
                z-index: 1;
            }
            .qa-header-section:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background-color: rgb(0 0 0 / 40%);
                z-index: -1;
            }
            
            .qa-blocks:hover {
                background-color: #295693 !important;
                transition: 1s;
            }
            
            .image-gallery img {
                height: 190px;
                object-fit: cover;
                border: 1px solid #030303;
            }
            .qa-blocks.my-2.step-2 {
                position: relative;
                left: -10px;
            }
            
            .team-work-slider button.owl-dot span {
    			border: 1px solid #666;
			}
			.team-work-slider .owl-dots {
			    position: relative;
			    bottom: 0;
			}