.vision-mission {
display: flex;
align-items: center;
padding-top: 25%;
background: linear-gradient(to bottom, #0D1731, #000F24);
}
.our-vision {
background: linear-gradient(90deg, #194988 -16.18%, #061222 78.54%);
}
.our-mission {
background: linear-gradient(90deg, #061222 7.22%, #194988 108.26%);
}
.our-vision .container, .our-mission .container {
padding: 70px 100px;
}
.our-vision h4, .our-mission h4 {
color: var(--primary-color);
margin: 15px 0;
}
.our-values {
background: radial-gradient(81.22% 64.07% at 50% 100%, #194988 0%, #080E26 100%);
padding: 50px 0;
}
.our-values .ttl-blk h3 {
color: var(--txt-primary-color);
}
.our-values .ttl-blk p {
font-size: 16px;
padding: 0 300px;
}
.values-card-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 50px;
}
.values-card-list li {
width: 32%;
margin-right: 22px;
background-color: var(--bg-color);
border: 1px solid #1D45A2;
padding: 50px;
margin-bottom: 20px;
border-radius: 30px;
height: 350px;
}
.values-card-list li:nth-child(3n+0) {
margin-right: 0;
}
.values-card-list li img {
width: 116px;
height: 116px;
}
.values-card-list li h5 {
color: var(--primary-color);
margin: 10px 0;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.vision-mission {
padding-top: 25%;
}
.our-vision .container, .our-mission .container {
padding: 5.469vw 7.813vw;
}
.our-vision h4, .our-mission h4 {
margin: 1.172vw 0;
}
.our-values {
padding: 3.906vw 0;
}
.our-values .ttl-blk p {
font-size: 1.25vw;
padding: 0 23.438vw;
}
.values-card-list {
margin-top: 3.906vw;
}
.values-card-list li {
width: 32%;
margin-right: 1.016vw;
padding: 3.906vw;
margin-bottom: 1.563vw;
border-radius: 2.344vw;
height: 27.344vw;
}
.values-card-list li img {
width: 9.063vw;
height: 9.063vw;
}
.values-card-list li h5 {
margin: 0.781vw 0;
}
} @media all and (max-width:767.9px) {
.vision-mission {
flex-direction: column;
padding-top: 110%;
}
.our-vision .container, .our-mission .container {
padding: 6.667vw;
}
.our-vision h4, .our-mission h4 {
margin: 4vw 0;
}
.our-values {
padding: 13.333vw 0;
}
.our-values .ttl-blk p {
font-size: 3.733vw;
padding: 0;
}
.values-card-list {
flex-direction: column;
margin-top: 13.333vw;
}
.values-card-list li {
width: 100%;
margin-right: 0;
padding: 13.333vw;
margin-bottom: 5.333vw;
border-radius: 8vw;
height: 93.333vw;
}
.values-card-list li img {
width: 30.933vw;
height: 30.933vw;
}
.values-card-list li h5 {
margin: 2.667vw 0;
}
}