.font-58 {font-size: 58px;line-height: normal;}
.text-36 {font-size: 34px;line-height: normal;}
.font-28 {font-size: 28px;line-height: normal;}
.font-24 {font-size: 24px;line-height: normal;}
.font-20 {font-size: 20px;line-height: normal;}
.font-18 {font-size: 18px;line-height: normal;}
.font-14 {font-size: 14px;line-height: normal;}
.about-section-4 .font-18 {font-size: 16px !important;}
.about-section-4 .font-14 {font-size: 13.5px !important;}
.radius-6 {border-radius: 6px;}
.radius-100 {border-radius: 100%;}
.z-2 {z-index: 2;}
.list-style-disc {list-style-type: disc !important;}
.bg-light-color {background-color: #ededed !important;}
html[data-bs-theme="dark"] .bg-light-color,
html[data-bs-theme="dark"] .about-section-4 .card {background-color: #35383d !important;}

/*about page*/
.section-border {
    width: 100%;
    min-height: 10px;
    background: -webkit-linear-gradient(left, #6e00ff, #a633cc, #cc337d, #e6533c, #ff9900);
    background: -moz-linear-gradient(left, #6e00ff, #a633cc, #cc337d, #e6533c, #ff9900);
    background: -o-linear-gradient(left, #6e00ff, #a633cc, #cc337d, #e6533c, #ff9900);
    background: linear-gradient(to right, #6e00ff, #a633cc, #cc337d, #e6533c, #ff9900);
}
html[data-bs-theme="dark"] .about-section-1 h1,
html[data-bs-theme="dark"] .about-section-1 p {color: #000000 !important;}
.about-section-1:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://search.com/assets/img/lander/gray-bg.jpg");
}
.about-section-4 .card {width: 19%;background-color: #F7F1E8;}
.about-section-4 h6 {min-height: 44px;}
.leader-img {width: 80px;height: 80px;object-fit: cover;object-position: center;}
html[data-bs-theme="dark"] .about-page img {filter: none !important;}

.why-section {padding-right: 60px;}
.people-card {background-color: #FCB249;border-radius: 6px 6px 0 0;}
.publishers-card {background-color: #FE8200;border-radius: 6px 6px 0 0;}
.brands-card {background-color: #9256E1;border-radius: 6px 6px 0 0;}
.people-text {padding-right: 18px;min-height: 100px;}
.brands-text {color: #9256E1;}
.text-italic {font-style: italic !important;}

.we-care {padding-right: 70%;}
.privacy-icon {background-color: #FFC000;}
.publishers-icon {background-color: #CA5600;}
.planet-icon {background-color: #CC4775;}
.privacy-icon, .publishers-icon, .planet-icon {width: 72px;height: 72px;padding: 15px;}
.about-public {width: 45px;height: 45px;}
html[data-bs-theme="dark"] .about-public,
html[data-bs-theme="dark"] .about-public path {fill: var(--color-first) !important;}

/*about page end*/

/*========== @media screen =================================*/
@media screen and (max-width: 1300px) {
    .font-58 {font-size: 52px;}
    .text-36 {font-size: 32px;}
    .font-24 {font-size: 22px;}
    .font-28 {font-size: 24px;}
    .font-20 {font-size: 18px;}
    .font-18 {font-size: 16px;}
    .font-14 {font-size: 13px !important;}
    .about-section-2 .card {min-height:340px;}
    .leader-img {width: 60px;height: 60px;}
    .about-section-4 .font-18 {min-height: 15px;}
    .why-section {padding-right: 0;}
    .people-text {padding-right: 10px;}
    .about-section-4 .card {width: 18%;}
    .about-section-4 .font-18 {font-size: 14px !important;}
    .about-section-4 .font-14 {font-size: 11px !important;}
}
@media screen and (max-width: 991px) {
    .font-58 {font-size: 46px;}
    .text-36 {font-size: 28px;}
    .font-28 {font-size: 20px;}
    .font-20 {font-size: 16px;}
    .font-18 {font-size: 16px;}
    .font-14 {font-size: 13px;}
    .section-border {min-height: 8px;}
    .about-section-4 h6 {min-height: 48px;}
    .about-section-4 .font-18 {font-size: 12px !important;}
    .about-public {width: 38px;height: 38px;}
}
@media screen and (max-width: 767px) {
    .font-58 {font-size: 36px;}
    .text-36 {font-size: 24px;}
    .font-28 {font-size: 18.8px;}
    .about-section-4 .card {width: 100%;}
    .about-section-4 p {min-height: auto;}
    .people-text {min-height: auto;}
    .we-care {padding-right: 0;}
    .about-section-4 h6 {min-height: auto;}
    .about-section-4 .font-18 {font-size: 15px !important;}
    .about-section-4 .font-14 {font-size: 13px !important;}
}
/*========== @media screen END =================================*/