/* About SCA */

.content-container { width:1200px; position:relative; margin:80px auto;}

.content-col-1 { width:660px; float:left; padding-top:20px; padding-bottom:20px; margin-right:80px;}
.content-col-2 { width:460px; float:left; }

.corporate-data { 
    background:url("../img/company/about_sca_bg.webp");
    width:100%; 
    background-repeat: no-repeat;
  background-size: cover;
}
.corporate-data-container { 
    width:1200px; margin:0 auto; padding-top:80px; padding-bottom:20px; 
}
.mission-vision-values-container { width:1200px; margin:40px auto 0 auto; position:relative;  display: flex;}
.mission { width:400px;float:left; background:#34a9e8;  border-top-left-radius:30px; padding:20px; }
.vision { width:400px;float:left; background:#0396e6; padding:20px; }
.values { width:400px;float:left; background:#0085cd; border-top-right-radius:30px; padding:20px;}

.mission-vision-values-container p, .mission-vision-values-container ul, 
.mission-vision-values-container ol, .mission-vision-values-container li 
{ font-family: "Open Sans", sans-serif; color:#fff; opacity:1;}

.mission-vision-values-container li { margin-bottom:10px;}

.mission-vision-values-container h3 { font-family: "Raleway", sans-serif; font-weight: 500; color:#fff; }

@media screen and (max-width: 1250px) {
 
.content-container { width:740px; position:relative; margin:80px auto;}

.content-col-1 { width:430px; float:left; padding-top:20px; padding-bottom:20px; margin-right:80px;}
.content-col-2 { width:230px; float:left; }

.corporate-data-container { 
    width:740px; margin:0 auto; padding-top:80px; padding-bottom:20px; 
}
.mission-vision-values-container { width:750px; margin:40px auto 0 auto; position:relative;  display: flex;}
.mission { width:246.6666666666667px;float:left; background:#34a9e8;  border-top-left-radius:30px; padding:20px; }
.vision { width:246.6666666666667px;float:left; background:#0396e6; padding:20px; }
.values { width:246.6666666666667px;float:left; background:#0085cd; border-top-right-radius:30px; padding:20px;}


    
}

@media screen and (max-width: 768px) {

	.content-container { width:100%; position:relative; margin:20px auto;}
	.content-col-1 { width:90%; float:none; padding-top:20px; padding-bottom:10px; margin:0 auto;}
	.content-col-2 { width:90%; float:none; margin:0 auto;}
	
	.corporate-data-container { 
    width:90%; margin:0 auto; padding-top:40px; padding-bottom:20px; 
}
    .mission-vision-values-container { width:90%; margin:0 auto 0; position:relative;  display: block; padding-bottom:40px;}
    .mission { width:100%;float:none; background:#34a9e8;  border-top-left-radius:30px; padding:20px; }
    .vision { width:100%;float:none; background:#0396e6; padding:20px; }
    .values { width:100%;float:none; background:#0085cd; border-top-right-radius:0; border-bottom-right-radius:30px; padding:20px; padding-bottom:40px;}

}


/* Business Philosophy */


.circle {
    font-family: "Raleway", sans-serif; 
    font-weight: 500;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-top: 5px; padding-bottom:20px; padding-left:12px; padding-right:12px;
    background: #0396e6;
    color: #fff;
    font-size: 30px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.point-text {
    padding-top: 12px;
    padding-right: 30px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px
    
}

.business-philosophy { 
    background:url("../img/company/business_philosophy_bg.webp");
    width:100%; 
    background-repeat: no-repeat;
    background-size: cover;
}
.business-philosophy-container { 
    width:1200px; margin:0 auto; padding-top:60px; padding-bottom:60px; 
}


.business-philosophy-point { background:#fff; background-color: rgba(255,255,255,0.8); padding:10px; font-family: "Open Sans", sans-serif; font-size:16px; font-weight:600; line-height:20px; margin:18px 0; }

@media screen and (max-width: 1250px) {
 
 .business-philosophy-container { 
    width:740px; margin:0 auto; padding-top:60px; padding-bottom:60px; 
}
    
}
@media screen and (max-width: 768px) {

	.business-philosophy-container { 
    width:90%; margin:0 auto; padding-top:40px; padding-bottom:20px; 
}

}

/* Careers */

.text-h2 { font-family: "Raleway", sans-serif; 
    font-weight: 600; font-size:24px; line-height:30px; margin:20px 0 0 0; padding:0; border-bottom:none;}
    
.our-commitment { background:#ddf0f7; width:100%; position:relative; padding-top:80px; padding-bottom:80px;}

.our-commitment-img { float:left; margin-right:60px;}

.our-commitment-container { float:left; width:500px; position:relative;  }

.careers { 
    background:#eefaff;
    width:100%; 
    background-repeat: no-repeat;
    background-size: cover;
}

.careers-container { 
    width:1200px; position:relative; margin:0 auto; padding-top:80px; padding-bottom:80px;
}
.careers-container a { color:#000; opacity:0.8; text-decoration:underline; transition:0.3s; font-family: "Open Sans", sans-serif;}
.careers-container a:hover { text-decoration:none; opacity:1;  }

.careers-content-col-1 { width:660px; float:left; padding-top:20px; padding-bottom:20px; margin-right:80px;}
.careers-content-col-2 { width:460px; float:left; }

@media screen and (max-width: 1250px) {
 
.careers-container { 
    width:740px; position:relative; margin:0 auto; padding-top:60px; padding-bottom:60px;
}
.careers-container a { color:#000; opacity:0.8; text-decoration:underline; transition:0.3s; font-family: "Open Sans", sans-serif;}
.careers-container a:hover { text-decoration:none; opacity:1;  }

.careers-content-col-1 { width:440px; float:left; padding-top:20px; padding-bottom:20px; margin-right:40px;}
.careers-content-col-2 { width:260px; float:left; }

.our-commitment { text-align:center; }

.our-commitment-img { float:left; margin-right:40px; width:260px; height:auto;}

.our-commitment-container { float:left; width:440px; position:relative;  }

}

@media screen and (max-width: 768px) {
    
	.careers-container { 
    width:90%; margin:0 auto; padding-top:20px; padding-bottom:20px; 
    }
    .careers-content-col-1 { width:100%; float:none; padding-top:0; padding-bottom:0; margin:0 auto;}
	.careers-content-col-2 { width:100%; float:none; margin:0 auto;}
    .our-commitment { padding-top:40px; padding-bottom:20px; }
    .our-commitment-container { float:none; width:90%; margin:0 auto; padding-top:0; padding-bottom:0;  }
    .our-commitment-img { width:90%; margin:0 auto; float:none; }

}