.hero-section {
background-image: 
linear-gradient(173.09deg, rgba(0, 0, 0, 0.85) 23.41%, rgba(174, 174, 174, 0) 90%),
url(//srsm.rs/wp-content/uploads/2024/12/shutterstock_1278764785-1-min.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 486px;
}
.hero-section h1 {
color: #fff;
font-family: var(--global-font-family-manrope);
font-weight: 300;
font-size: 45px;
line-height: 61px;
text-align: center;
margin: unset;
padding-top: 212px;
letter-spacing: 2px;
}
.hero-section p {
color: #fff;
font-family: var(--global-font-family-manrope);
text-align: center;
max-width: 625px;
margin: auto;
}
.bellow-hero-text-section {
text-align: center;
padding: 120px 100px 83px;
display: flex;
justify-content: center;
gap: 10px;
}
.short-double-part {
flex: 0 0 26%;
display: flex;
flex-direction: column;
gap: 10px;
}
.short-double-part div {
height: 100%;
background: #C2D7E0;
padding: 30px 10px 40px 20px;
}
.short-double-part div h2, .long-single-part h2 {
font-size: 24px!important;
line-height: 28px!important;
letter-spacing: 5%;
font-weight: 500!important;
text-align: left;
margin-bottom: 14px!important;
color: #053A40!important;
}
.short-double-part div p, .short-double-part div p a {
font-family: var(--global-font-family-manrope);
font-size: 16px;
line-height: 20px;
font-weight: 400;
text-align: left;
color: #053A40;
}
.long-single-part {
flex: 0 0 72%;
background: #C2D7E0;
min-height: 250px;
}
.long-single-part {
padding: 42px 20px;
}
.long-single-inner {
display: flex;
text-align: left;
gap: 25px;
}
.long-single-inner p {
color: #053A40!important;
font-size: 16px!important;
font-weight: 400!important;
line-height: 20px!important;
}
.long-single-inner p span {
font-weight: 700;
}
.bellow-hero-text-section h2, .bellow-hero-text-section p {
margin: unset;
}
.bellow-hero-text-section h2 {
color: var(--custom-color-5);
font-family: var(--global-font-family-manrope);
font-weight: 300;
font-size: 45px;
line-height: 61px;
text-transform: uppercase;
margin-bottom: 40px;
}
.bellow-hero-text-section p {
max-width: 690px;
margin: auto;
color: #797979;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 16px;
line-height: 24px;
} .marquee-section {
position: relative;
min-height: 34px;
border-top: 0.5px solid rgba(0, 0, 0, 0.5);
border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}
.marquee-section, .marquee-section * {
overflow: hidden;
}
.marquee {
white-space: nowrap;
}
.marquee span {
padding-left: 57px;
padding-right: 57px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 14px;
line-height: 18px;
}
.marquee-div {
position: absolute;
animation: move-left-to-right linear 12.5s infinite;
} @keyframes move-left-to-right {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0);
}
} @keyframes move-right-to-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .team-section {
margin-top: 85px;
}
.team-inner-section {
max-width: 1140px;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.team-card {
text-align: center;
margin-bottom: 49px;
}
.team-card h2 {
color: #201E1F;
font-family: var(--global-font-family-manrope);
font-weight: 500;
font-size: 24px;
line-height: 48px;
margin: unset;
}
.team-card .job-position {
color: #000;
font-family: var(--global-font-family-manrope);
font-weight: 300;
font-size: 20px;
line-height: 27px;
margin: unset;
}
.team-card .job-email {
color: #797979;
font-family: var(--global-font-family-inter);
font-weight: 300;
font-size: 16px;
line-height: 19px;
margin: unset;
}
.team-card h2, .team-card .job-position, .team-card .job-email {
margin-right: 44px;
}
.all-team-members {
text-align: center;
margin-top: 22px;
}
.all-team-members button {
text-transform: uppercase;
background-color: #EFEFEF;
color: #4A4A4A;
border: none;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
margin-bottom: 85px;
-ms-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
padding: 8px 30px;
cursor: pointer;
}
.all-team-members button span {
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
display: inline-block;
} .bellow-team-section {
background-color: #053A40; padding-top: 175px;
padding-bottom: 50px;
}
.bellow-team-inner-section {
max-width: 95%;
margin: auto;
display: flex;
padding: 0 20px 50px 20px;
justify-content: space-between;
}
.bellow-team-inner-section.second p {
font-weight: 400!important;
line-height: 20px!important;
max-width: 210px;
}
.bellow-team-inner-section.second .right {
display: unset;
}
.bellow-team-inner-section.second .right button {
background: transparent;
border: 1px solid #C2D7E0;
border-radius: 8px;
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 2%;
color: #C2D7E0;
margin-top: 20px;
}
.bellow-team-inner-section.second .left, .bellow-team-inner-section.second .center {
padding-right: 5px;
border-right: 1px solid #C2D7E0;
}
.bellow-team-inner-section.third {
background-color: #C2D7E0;
padding: 40px 30px 40px 50px!important; filter: drop-shadow(0 0 0.75rem #00000040);
}
.bellow-team-inner-section .right {
display: flex;
gap: 52px;
margin-top: 50px;
}
.bellow-team-inner-section h2 {
color: #F36211;
font-family: var(--global-font-family-manrope);
font-weight: 300;
font-size: 30px;
line-height: 100%;
letter-spacing: 5%;
}
.bellow-team-inner-section.third h2 {
color: #053A40;
}
.bellow-team-inner-section p {
color: #C2D7E0;
font-family: var(--global-font-family-manrope);
font-weight: 700;
font-size: 12px;
line-height: 17px;
width: 450px;
height: 72px;
}
.bellow-team-inner-section.third p {
color: #053A40;
font-weight: 400;
font-size: 14px;
line-height: 18px;
max-width: 325px;
}
.bellow-team-inner-section h2, .bellow-team-inner-section p {
margin: unset;
}
.p-div {
-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
overflow-y: scroll;
overflow-x: hidden;
}
.form-area {
width: 100%;
padding-left: 66px;
}
.form-area #wpcf7-f23-o1 {
display: none;
} .qa {
padding-top: 87px;
padding-bottom: 87px;
}
.qa h2 {
font-family: var(--global-font-family-manrope);
text-align: center;
margin-bottom: 66px;
font-weight: 300;
font-size: 45px;
line-height: 100%;
letter-spacing: 5%;
color: #053A40;
}
.qa-inner {
max-width: 95%;
margin: auto;
}
.qa-inner .qa-load-more {
font-family: var(--global-font-family-manrope);
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 5%;
color: #F36211;
background-color: #053A40;
padding: 18px 26px;
float: right;
}
.qa-inner-top {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.qa-inner-top-left {
flex: 0 0 35%;
border-right: 1px solid #053A40;
position: relative;
}
.qa-inner-top-right {
flex: 0 0 59%;
}
.question-date {
position: absolute;
top: 0;
left: 80px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
background-color: #F36211;
color: #fff;
border-radius: 3px;
padding: 4px 7px;
}
.question-time {
position: absolute;
top: 0;
left: 150px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
background-color: #F36211;
color: #fff;
border-radius: 3px;
padding: 4px 7px;
}
.question-name {
position: absolute;
top: 35px;
left: 80px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.question-mail {
position: absolute;
left: 80px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.qa-inner-bottom {
padding: 50px 85px 25px 55px;
background-color: #F7F3EE;
position: relative;
margin-bottom: 30px;
margin-top: 30px;
}
.question {
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 14px;
line-height: 18px;
}
.answer-date-time {
position: absolute;
top: 20px;
left: 28px;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 12px;
line-height: 15px;
}
.answer-label {
position: absolute;
top: 20px;
right: 35px;
font-family: "Nunito Sans", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 14px;
letter-spacing: 1px;
}
.answer {
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin-top: 20px;
} @media only screen and (max-width: 767px) {
.hero-inner-section {
max-width: 95%;
margin: auto;
}
.hero-section h1 {
font-size: 35px;
line-height: 50px;
}
.bellow-hero-text-section {
flex-direction: column;
padding: 120px 40px 80px;
}
.long-single-inner {
flex-direction: column;
}
.bellow-team-inner-section {
flex-direction: column;
}
.bellow-team-inner-section p {
width: unset;
}
.bellow-team-inner-section.second p {
line-height: 16px!important;
height: unset;
}
.bellow-team-inner-section.second .left, .bellow-team-inner-section.second .center {
padding-bottom: 12px;
}
.qa-inner-top-left, .qa-inner-top-right {
flex: 0 0 100%;
}
}
.page-template-contact .bellow-team-inner-section.third,
.qa {
display: none;
}