.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/11/shutterstock_777160117-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;
}
.bellow-hero-text-section {
text-align: center;
padding: 120px 150px 83px;
}
.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: 880px;
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: #F7F3EE; padding-top: 175px;
}
.bellow-team-inner-section {
max-width: 1140px;
margin: auto;
display: flex;
padding-bottom: 104px;
}
.bellow-team-inner-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;
}
.bellow-team-inner-section p {
color: #797979;
font-family: var(--global-font-family-manrope);
font-weight: 400;
font-size: 16px;
line-height: 24px;
width: 600px;
height: 250px;
overflow-y: auto;
}
.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%);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
overflow-x: hidden;
height: 400px;
overflow-y: auto;
}
.p-div p {
height: 100%;
overflow-y: unset;
}