.inner-banner-sec {
position: relative;
padding: 100px 0;
background-repeat: no-repeat;
min-height: 450px;
background-size: cover;
display: flex;
background-position: center;
}
.inner-banner-sec::before {
content: "";
width: 100%;
height: 100%;
background-color: var(--color-black);
position: absolute;
inset: 0;
opacity: 0.6;
pointer-events: none;
}
.inner-banner-sec-wrap {
max-width: 1040px;
width: 100%;
margin: 0 auto;
}
.inner-banner-title {
line-height: 1.1;
margin: 0;
}
.inner-banner-content p {
margin: 0 0 15px 0;
line-height: 1.5;
}
.inner-banner-content p:last-child {
margin: 0;
}
.inner-banner-title:has(+ .inner-banner-content) {
margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {
.inner-banner-sec {
min-height: 400px;
}
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1360px) {
.inner-banner-sec {
padding: 80px 0;
}
}
@media screen and (max-width: 1200px) {
.inner-banner-sec {
min-height: 380px;
}
}
@media screen and (max-width: 1025px) {
.inner-banner-sec {
padding: 70px 0;
min-height: 350px;
}
}
@media screen and (max-width: 991px) {
.inner-banner-sec {
padding: 60px 0;
min-height: 310px;
}
}
@media screen and (max-width: 768px) {
.inner-banner-sec {
min-height: 290px;
}
}.center-sec-icon-wrap {
background-color: var(--color-primary);
width: 180px;
height: 180px;
border-radius: 50%;
padding: 50px;
margin: 0 auto 30px auto;
}
.center-content-sec-inner.small {
max-width: 780px;
width: 100%;
margin: 0 auto;
}
.center-content-sec-inner.medium {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.center-cont-sec-btn-wrap {
margin-top: 40px;
}
.center-content p {
line-height: 1.5;
}
.center-sec-title {
margin-bottom: 30px;
}
.center-sec-content {
max-width: 1040px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1360px) {
.center-sec-icon-wrap {
width: 160px;
height: 160px;
padding: 45px;
}
}
@media screen and (max-width:1200px) {
.center-sec-icon-wrap {
width: 150px;
height: 150px;
margin: 0 auto 25px auto;
padding: 42px;
}
.cta-content {
max-width: 610px;
}
}
@media screen and (max-width:991px) {
.center-sec-icon-wrap {
width: 135px;
height: 135px;
padding: 35px;
}
.center-sec-title {
margin-bottom: 25px;
}
.center-cont-sec-btn-wrap {
margin-top: 30px;
}
}
@media screen and (max-width:640px) {
.center-sec-icon-wrap {
width: 125px;
height: 125px;
padding: 30px;
}
.center-sec-title {
margin-bottom: 20px;
}
.center-cont-sec-btn-wrap {
margin-top: 25px;
}
}.image-content-box {
max-width: 50%;
}
.image-sec-box {
max-width: 50%;
}
.image-sec-wrap {
padding-top: 100%;
}
.image-section-content {
max-width: 630px;
}
.image-section-title{
margin-bottom: 28px;
}
@media screen and (max-width:1360px) {
.image-section-content {
max-width: 480px;
}
}
@media screen and (max-width:1200px) {
.image-section-content {
max-width: 450px;
}
}
@media screen and (max-width:991px) {
.image-section-title {
margin-bottom: 24px;
}
}
@media screen and (max-width:768px) {
.image-section-title {
margin-bottom: 20px;
}
}
@media screen and (max-width:640px) {
.image-content-box {
max-width: 100%;
}
.image-sec-box {
max-width: 100%;
padding-top: 30px;
}
}.board-directors-sec {
background-repeat: no-repeat;
background-size: cover;
}
.board-directors-list {
gap: 70px 0;
}
.board-director-wrap {
max-width: 33.33%;
position: relative;
}
.board-director-image-wrap {
padding-top: 100%;
}
.board-director-image-box {
padding-bottom: 135px;
}
.board-director-details {
max-width: 420px;
position: absolute;
left: 0;
right: 0;
transition: all 0.5s;
margin: 35px auto 0 auto;
height: auto;
bottom: -25px;
margin-top: 0;
min-height: 105px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px 0;
justify-content: flex-start;
}
.board-director-box:hover .board-director-details {
padding: 34px;
padding-bottom: 34px;
padding-bottom: 60px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background-color: var(--color-white);
}
.board-director-box {
position: relative;
}
.board-director-details p {
margin: 0;
}
.directors-designation {
font-weight: var(--fw-600);
color: var(--color-red);
text-transform: uppercase;
line-height: 1.4;
}
.directors-location {
height: 0;
overflow: hidden;
color: var(--color-primary);
font-weight: 600;
line-height: 1.5;
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
.board-director-box:hover .board-director-details .directors-location {
overflow: visible;
visibility: visible;
height: auto;
position: unset;
opacity: 1;
}
.website-icon {
width: 25px;
height: 25px;
margin-right: 7px;
}
.website-url a:hover {
color: var(--color-red);
}
.website-url a {
color: var(--color-black);
font-size: 18px;
}
.board-directors-sec-title {
margin-bottom: 50px;
}
@media screen and (max-width:1600px) {
.board-director-details {
max-width: 380px;
}
.board-director-image-box {
padding-bottom: 150px;
}
}
@media screen and (max-width:1440px) {
.board-director-details {
max-width: 360px;
}
}
@media screen and (max-width:1360px) {
.board-director-image-box {
padding-bottom: 130px;
}
}
@media screen and (max-width:1200px) {
.board-director-box:hover .board-director-details {
padding: 25px;
padding-bottom: 50px;
}
}
@media screen and (max-width:991px) {
.board-director-image-wrap {
padding-top: 130%;
}
.board-director-box:hover .board-director-details {
padding: 20px;
padding-bottom: 40px;
}
.board-director-image-box {
padding-bottom: 110px;
}
}
@media screen and (max-width:768px) {
.board-director-wrap {
max-width: 50%;
}
.board-director-image-wrap {
padding-top: 110%;
}
.board-director-image-box {
padding-bottom: 120px;
}
.board-directors-sec-title {
margin-bottom: 32px;
}
}
@media screen and (max-width:640px) {
.board-director-wrap {
max-width: 100%;
}
.board-director-image-box {
padding-bottom: 120px;
max-width: 370px;
margin: 0 auto;
}
.board-director-details {
max-width: 340px;
}
}
@media screen and (max-width:480px) {
.board-director-details {
max-width: 310px;
}
}