.tdg-page-title .container {
margin: 0 auto;
padding: 75px 20px;
min-height: 270px;
display: flex;
flex-direction: column;
justify-content: center;
}
.tdg-page-title .container .wrapper-title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.tdg-page-title .container .wrapper-title * {
text-align: center;
}
.tdg-page-title.default-theme {
background: #fff;
}
.tdg-page-title.default-theme .wrapper-title * {
color: var(--e-global-color-1f4be1a);
}
.tdg-page-title.blue-theme {
background: var(--e-global-color-1f4be1a);
}
.tdg-page-title.blue-theme .wrapper-title * {
color: #fff;
}
.tdg-page-title.red-theme {
background: var(--e-global-color-5da43dd);
}
.tdg-page-title.red-theme .wrapper-title * {
color: #fff;
}.spacer-block.default.extra-small {
height: 5px;
}
.spacer-block.default.small {
height: 30px;
}
@media (max-width: 767px) {
.spacer-block.default.small {
height: 15px;
}
}
.spacer-block.default.medium {
height: 55px;
}
@media (max-width: 767px) {
.spacer-block.default.medium {
height: 30px;
}
}
.spacer-block.default.large {
height: 80px;
}
@media (max-width: 1024px) {
.spacer-block.default.large {
height: 55px;
}
}
.spacer-block.hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
margin: 0 auto;
}
.spacer-block.full-hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
width: 100%;
}
.spacer-block.opacity-hr {
background: var(--e-global-color-1f4be1a);
height: 1px;
margin: 0 auto;
opacity: 0.1;
}
.elementor-section.spacer-block-hr-tdg-section {
padding-left: 0 !important;
padding-right: 0 !important;
}.tdg-team-section .container .team-container {
display: grid;
grid-gap: 71px 2%;
grid-template-columns: repeat(auto-fill, 32%);
}
@media (max-width: 1024px) {
.tdg-team-section .container .team-container {
grid-gap: 30px 2%;
grid-template-columns: repeat(auto-fill, 32%);
}
}
@media (max-width: 640px) {
.tdg-team-section .container .team-container {
grid-template-columns: repeat(auto-fill, 100%);
}
}
.tdg-team-section .container .team-container .team-item {
width: 100%;
}
.tdg-team-section .container .team-container .team-item .wrapper-image {
height: 384px;
}
@media (max-width: 1024px) {
.tdg-team-section .container .team-container .team-item .wrapper-image {
aspect-ratio: 1;
height: unset;
}
}
@media (max-width: 640px) {
.tdg-team-section .container .team-container .team-item .wrapper-image {
height: 344px;
aspect-ratio: unset;
}
}
.tdg-team-section .container .team-container .team-item .wrapper-image img {
width: 100%;
object-position: top;
height: 100%;
object-fit: cover;
}
.tdg-team-section .container .team-container .team-item .wrapper-title {
margin-top: 25px;
}
.tdg-team-section .container .team-container .team-item .wrapper-title * {
margin: 0;
}
.tdg-team-section .container .team-container .team-item .wrapper-subtitle {
margin-top: 5px;
margin-bottom: 14px;
}
.tdg-team-section .container .team-container .team-item .wrapper-subtitle * {
color: var(--e-global-color-5da43dd);
margin: 0;
}
.tdg-team-section .container .team-container .team-item .wrapper-links .elementor-button-link {
cursor: pointer;
}
.tdg-team-section .container .team-container .team-item .wrapper-links .elementor-button-text {
font-size: 16px;
line-height: 24px;
}
.person-description {
width: 100%;
position: relative;
max-width: 1200px;
padding: 0 !important;
}
.person-description .description-container {
padding: 95px 78px;
display: flex;
}
.person-description .description-container .wrapper-image {
width: 40%;
height: 384px;
}
@media (max-width: 1024px) {
.person-description .description-container .wrapper-image {
height: 500px;
}
.person-description .description-container .wrapper-image img {
object-position: center;
}
}
@media (max-width: 767px) {
.person-description .description-container .wrapper-image {
height: 384px;
}
}
.person-description .description-container .wrapper-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.person-description .description-container .wrapper-image {
width: 100%;
}
}
@media (max-width: 767px) {
.person-description .description-container .wrapper-image {
height: 300px;
}
}
.person-description .description-container .wrapper-text {
width: 60%;
padding-left: 48px;
}
@media (max-width: 1024px) {
.person-description .description-container .wrapper-text {
width: 100%;
padding-left: 0;
margin-top: 50px;
}
}
.person-description .description-container .wrapper-text .wrapper-title {
margin-bottom: 10px;
margin-top: 0;
}
.person-description .description-container .wrapper-text .wrapper-title * {
margin: 0;
}
.person-description .description-container .wrapper-text .wrapper-subtitle {
margin: 0;
margin-bottom: 20px;
}
.person-description .description-container .wrapper-text .wrapper-subtitle * {
margin: 0;
color: var(--e-global-color-5da43dd);
}
.person-description .description-container .wrapper-text .wrapper-content {
margin-bottom: 25px;
}
@media (max-width: 1200px) {
.person-description .description-container {
padding: 50px;
}
}
@media (max-width: 1024px) {
.person-description .description-container {
padding: 30px;
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.person-description .description-container {
padding: 15px;
}
}
.person-description .carousel__button.is-close {
position: absolute;
top: 34px !important;
right: 34px !important;
background: var(--e-global-color-5da43dd);
max-width: 47px;
display: block;
padding: 0;
width: 47px !important;
height: 47px !important;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1200px) {
.person-description .carousel__button.is-close {
top: 10px !important;
right: 10px !important;
}
}
@media (max-width: 1024px) {
.person-description .carousel__button.is-close {
top: 30px !important;
right: 30px !important;
}
}
@media (max-width: 767px) {
.person-description .carousel__button.is-close {
top: 15px !important;
right: 15px !important;
}
}
.person-description .carousel__button.is-close:hover {
background: var(--e-global-color-eaab9f5);
}
.person-description .carousel__button.is-close svg {
display: none;
}
.person-description .carousel__button.is-close:after {
content: "";
width: 20px;
height: 2px;
transform: rotate(45deg);
background: #fff;
display: block;
position: absolute;
margin-top: -2px;
}
.person-description .carousel__button.is-close:before {
content: "";
width: 20px;
height: 2px;
transform: rotate(-45deg);
display: block;
margin-top: -2px;
position: absolute;
background: #fff;
}.narrow-content{
max-width: 792px;
margin: 0 auto;
}