* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/fonts/Gilroy-Heavy.woff2") format("woff2"),
url("../fonts/fonts/Gilroy-Heavy.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy/Gilroy-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy/Gilroy-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy/Gilroy-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy/Gilroy-Regular.woff2") format("woff2"),
url("../fonts/fonts/Gilroy-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/fonts/Gilroy-Light.woff2") format("woff2"),
url("../fonts/fonts/Gilroy-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "recoleta";
src: url("../fonts/fonts/Recoleta-Regular.otf") format("otf");
font-weight: 500;
font-style: normal;
}
html {
scroll-behavior: smooth;
}
:root {
--color-black: #252726;
--color-light-black: rgba(37, 39, 38, 0.7);
--color-green: #ceff68;
--color-border: #7c993e;
--color-light-blue: #f6f4ff;
--color-light-blue-300: #eeeeff;
--color-light-blue-200: #f6f6ff;
--color-light-blue-100: #fdfcff;
--color-pure-blue: #9180ff;
--color-blue-border: #ebe8ff;
--color-border: #2c2c2c;
}
body {
font-family: "gilroy", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 140%;
line-height: 30px;
color: var(--color-light-black);
background-color: var(--color-light-blue-100);
overflow-x: clip;
}
.bg-green {
background-color: var(--color-green);
}
.bg-1 {
background-color: var(--color-light-blue);
}
.bg-2 {
background-color: var(--color-light-blue-200);
}
.bg-3 {
background-color: var(--color-light-blue-300);
}
.bg-white {
background-color: #fff;
}
p {
margin-bottom: 0.8em;
margin-top: 0.8em;
}
p:first-child,
p:first-of-type {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
.br-24 {
border-radius: 24px;
}
.br-48 {
border-radius: 48px;
}
.text-center {
text-align: center;
}
a {
color: var(--color-black);
}
/* a:hover{color: var(--color-pure-blue);} */
.list-ul ul {
margin-left: 28px;
}
.list-ul li {
margin-bottom: 10px;
}
.list-ul li:last-child {
margin-bottom: 0;
}
.mt-70 {
margin-top: 70px;
}
.overflow-hidden {
overflow: hidden;
}
.pb-140 {
padding: 140px 0;
}
p,
a,
span,
li,
b,
em,
button {
font-family: "gilroy", sans-serif;
font-style: normal;
}
strong {
font-family: "gilroy", sans-serif;
color: var(--color-black);
}
a {
text-decoration: none;
cursor: pointer;
}
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "gilroy", sans-serif;
font-weight: 500;
font-style: normal;
color: var(--color-black);
}
h1 {
font-size: 70px;
line-height: 82px;
line-height: 117%;
letter-spacing: -0.02em;
}
.h1-48 {
font-size: 48px;
line-height: 82px;
/* or 171% */
}
h2 {
font-size: 60px;
line-height: 82px;
line-height: 137%;
letter-spacing: -0.02em;
margin-bottom: 18px;
}
.h2-44 {
font-weight: 400;
font-size: 40px;
line-height: 58px;
line-height: 132%;
}
.h2-55 {
font-size: 55px;
line-height: 218%;
/* identical to box height, or 218% */
}
.h2-64 {
font-size: 64px;
line-height: 120px;
line-height: 188%;
}
.h2-70 {
font-size: 70px;
line-height: 82px;
/* or 117% */
line-height: 117%;
}
.h2-80 {
font-size: 80px;
line-height: 150%;
}
.h2-100 {
font-size: 100px;
line-height: 120px;
line-height: 120%;
letter-spacing: -0.02em;
}
h3 {
font-size: 28px;
line-height: 38px;
line-height: 136%;
}
.h3-20 {
font-size: 20px;
line-height: 150%;
letter-spacing: 0.02em;
}
.h3-34 {
font-size: 34px;
line-height: 124%;
}
.h3-38 {
font-size: 28px;
line-height: 136%;
}
.h3-44 {
font-size: 44px;
line-height: 54px;
/* identical to box height, or 123% */
line-height: 123%;
}
.btn-primary {
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px 20px 20px 62px;
gap: 23px;
background: var(--color-green);
/* border: 1px solid var(--color-border); */
/* box-shadow: inset 0px -6px 0px var(--color-border); */
border-radius: 14px;
font-style: normal;
letter-spacing: 0.02em;
color: var(--color-black);
font-weight: 500;
font-size: 24px;
line-height: 130%;
text-align: center;
transition: all 0.3s ease-in-out;
}
.btn-primary svg {
width: 18px;
height: 14px;
}
.btn-primary:hover {
box-shadow: none;
}
.btn-arrow {
display: inline-flex;
width: 70px;
height: 70px;
background: var(--color-green);
border: 1px solid var(--color-border);
box-shadow: 0px 4px 0px var(--color-border);
border-radius: 50%;
transition: all 0.3s ease-in-out;
justify-content: center;
align-items: center;
}
.btn-arrow:hover,
.btn-arrow:active {
/* background: var(--color-border); */
/* background: var(--color-green); */
box-shadow: none;
}
.btn-secondary {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0px 2px 4px;
gap: 16px;
width: fit-content;
border-bottom: 1px solid transparent;
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: var(--color-black);
transition: all 0.3s ease-in-out;
}
.btn-secondary svg path {
stroke: var(--color-black);
transition: all 0.3s ease-in-out;
}
.btn-secondary:hover {
color: var(--color-pure-blue);
border-bottom: 1px solid var(--color-pure-blue);
}
.btn-secondary:hover svg path {
stroke: var(--color-pure-blue);
}
.btn-filter {
display: inline-block;
background: #ffffff;
border: 1px solid #ededed;
border-radius: 8px;
padding: 6px 5px 4px;
color: #252726cc;
font-size: 16px;
line-height: 28px;
font-weight: 400;
box-shadow: none;
transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
.btn-filter {
padding: 6px 9px 4px !important;
}
}
@media (min-width: 768px) and (max-width: 1360px) {
.btn-filter {
width: 158px;
padding: 6px 9px 5px;
font-size: 14px;
}
}
@media (min-width: 1361px) {
.btn-filter {
width: 230px;
padding: 8px 33px 6px;
font-size: 16px;
}
}
/* li.toc-level-2:nth-child(3) .btn-filter,
li.toc-level-2:nth-child(4) .btn-filter {
padding: 8px 21px 6px;
} */
.btn-filter.active {
background: var(--color-green);
border: 1px solid var(--color-border);
color: var(--color-black);
box-shadow: 0px 4px 0px 0px var(--color-border);
}
img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.d-flex {
display: flex;
}
.d-grid {
display: grid;
}
figure {
margin: 0;
display: flex;
}
.container {
max-width: 1446px;
margin: 0 auto;
padding: 0 18px;
}
/* Header Css */
/* header {
padding: 20px 30px 20px;
background-color: var(--color-light-blue-100);
position: relative;
z-index: 10;
} */
.page_contents {
margin-top: -20px;
}
/* .header_wrapper {
padding: 9px 10px 9px 25px;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
background: #ffffff;
border: 1px solid rgba(37, 39, 38, 0.05);
box-shadow: 0px 6px 17px rgba(239, 237, 242, 0.53);
border-radius: 20px;
position: relative;
} */
.header_wrapper .btn-primary {
font-weight: 600;
font-size: 16px;
line-height: 162%;
padding: 14px 24px 12px;
border-radius: 12px;
letter-spacing: 0px;
/* box-shadow: 0px 4px 0px var(--color-border); */
}
.header_wrapper .btn-primary:hover {
box-shadow: none;
}
.header_logo {
display: flex;
max-width: 217px;
}
.header_wrapper .nav_list {
margin-left: 10px;
margin-bottom: 8px;
}
.nav_list li a,
.nav_list li {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
line-height: 150%;
color: rgba(37, 39, 38, 0.8);
text-decoration: none;
}
.nav_list li {
list-style: none;
display: inline-block;
margin-right: 49px;
}
.nav_list li:last-child {
margin-right: 0;
}
.hamburger_open {
display: none;
}
/* END Header Css */
/* Home Banner */
.home_banner_section {
padding: 50px 0 52px;
background-color: var(--color-light-blue-100);
}
.home_banner_section .container {
position: relative;
display: flex;
/* height: calc(120vh - 220px);*/
align-items: flex-end;
overflow: hidden;
padding-bottom: 100px;
}
.home_banner_section figure {
padding-left: 42px;
padding-right: 42px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.home_banner_section figure img {
object-fit: contain;
}
.h_banner_content_wrap {
background-color: var(--color-light-blue-100);
position: relative;
z-index: 2;
width: 100%;
}
.home_h1 {
max-width: 1334px;
font-size: 100px;
line-height: 120%;
margin-bottom: 32px;
position: relative;
z-index: 2;
}
.home_h1:before {
content: '';
position: absolute;
top: -233px;
left: 0;
width: 100%;
height: 324px;
background: linear-gradient(180deg, rgba(253, 252, 255, 0) 18.76%, #FDFCFF 69.14%);
z-index: -1;
}
.banner_bot .desc {
max-width: 806px;
padding-top: 4px;
}
.banner_bot.d-flex {
justify-content: space-between;
gap: 30px;
padding-right: 20px;
}
/* ENd Home Banner */
/* Social Proffing */
.social_proffing_section {
padding: 0;
background-color: var(--color-light-blue-100);
overflow: hidden;
margin-top: -30px;
}
.social_proffing_swiper .swiper-slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px 15px;
height: 80px !important;
background: #fdfcff;
border: 1px solid rgba(37, 39, 38, 0.06);
box-shadow: 0px 2px 4px rgba(227, 227, 227, 0.3);
border-radius: 14px;
}
.social_proffing_swiper img {
object-fit: contain;
width: auto;
}
.social_proffing_wrapper {
margin-left: -212px;
}
/*.swiper-slide img {*/
/* max-width: 100px;*/
/* height: auto;*/
/* transition: all 0.3s ease;*/
/*}*/
/*.swiper-slide-active img {*/
/* filter: none;*/
/* opacity: 1;*/
/*}*/
/* END Social Proffing */
/* Start Fueling Section */
.fueling_next_gen_section {
background: #ffffff;
border-radius: 48px;
padding: 124px 0 40px;
position: relative;
z-index: 2;
}
.stack_img_box {
max-width: 180px;
}
.stack_img_wrapper {
display: flex;
margin-bottom: 20px;
padding-left: 9px;
}
.stack_img_box .desc {
max-width: 180px;
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
color: rgba(37, 39, 38, 0.7);
}
.stack_img_wrapper img {
width: 60px;
height: 60px;
border: 4px solid #ffffff;
margin-left: -12px;
border-radius: 50%;
position: relative;
}
.stack_img_wrapper img:first-child {
z-index: 3;
}
.stack_img_wrapper img:nth-child(2) {
z-index: 2;
}
.stack_img_wrapper img:nth-child(3) {
z-index: 1;
}
.fueling_wrapper .title_wrapper.d-flex h2 {
max-width: 936px;
}
.title_wrapper.d-flex h2 {
flex: 1;
max-width: 740px;
margin-bottom: 0;
font-weight: 500;
}
.stack_img_box {
margin: 22px 40px 0 0;
}
.fueling_wrapper .title_wrapper {
margin-bottom: 83px;
}
.title_wrapper.d-flex {
justify-content: space-between;
align-items: center;
}
.fueling_wrapper>.row.d-flex {
gap: 26px;
}
.fueling_wrapper>.row.d-flex>.col:first-child {
flex-basis: 61%;
}
.fueling_wrapper>.row.d-flex>.col:last-child {
flex-basis: 40%;
}
.no_box {
padding: 40px 80px 64px 56px;
}
.no_box>.col.d-flex {
justify-content: space-between;
}
.no_box_title {
font-weight: 500;
font-size: 70px;
line-height: 85px;
letter-spacing: -0.02em;
color: var(--color-black);
margin-bottom: 12px;
}
.no_box>.col:first-child {
padding-bottom: 54px;
border-bottom: 1px dashed rgba(37, 39, 38, 0.6);
}
.no_box>.col:last-child {
justify-content: space-between;
padding-top: 55px;
}
.no_box>.col:last-child .col_wrap:last-child .no_box_title {
margin-left: -5px;
}
.no_box>.col:last-child .col_wrap:last-child p {
position: relative;
left: -5px;
}
.fueling_wrapper>.row.d-flex figure {
height: 100%;
}
.fueling_bot_content {
padding-top: 93px;
max-width: 1051px;
margin-inline: auto;
}
.fueling_bot_content.d-flex {
gap: 25px;
}
.fueling_bot_content p {
flex: 1;
}
.fueling_bot_content p:first-child {
font-weight: 500;
font-size: 34px;
line-height: 198%;
color: rgba(37, 39, 38, 0.8);
margin-bottom: 0;
}
.fueling_bot_content p:last-child {
opacity: 0.8;
margin: 0;
}
span.with_no {
font-size: 138px;
color: var(--color-pure-blue);
letter-spacing: -1.41px;
}
/* ENd Fueling Section */
/* START Explore Our AI Services */
.explore_our_ai_section {
padding: 182px 0 140px;
margin-top: -50px;
background-color: var(--color-light-blue-200);
position: relative;
z-index: 1;
}
.explore_our_ai_section h2 {
margin-bottom: 36px;
}
.explore_our_ai_section .title_wrapper .desc {
font-size: 24px;
line-height: 142%;
}
.service_wrapper.d-flex {
padding-top: 74px;
flex-wrap: wrap;
gap: 41px 30px;
}
.title_icon_wrapper {
display: flex;
gap: 24px;
align-items: center;
margin-bottom: 18px;
flex: 1;
}
.title_icon_wrapper>img {
width: 54px;
height: 54px;
background: var(--color-black);
box-shadow: 0px 8px 24px rgba(37, 39, 38, 0.16);
border-radius: 12px;
padding: 10px;
backdrop-filter: blur(17px);
margin-top: 5px;
}
.title_wrapper.title_icon {
align-items: start;
justify-content: space-between;
gap:20px;
}
.title_wrapper.title_icon .btn-arrow {
margin-top: 3px;
}
.service_wrapper .col .desc {
max-width: 774px;
color: rgba(37, 39, 38, 0.6);
margin-bottom: 38.19px;
margin-top: 6px;
}
.service_wrapper>.col {
background: #fafafa;
border-radius: 24px;
padding: 56px 50px 0 54px;
background: linear-gradient(180deg, #ffffff 0%, #faf9fe 100%);
box-shadow: 0px 5px 12px 0px #e3e3e34d;
position: relative;
z-index: 1;
}
.service_wrapper>.col:before {
content: "";
background: url("https://site.splendourteam.com/wp/objectways/wp-content/uploads/2025/06/dotted-bg.png");
position: absolute;
top: 0;
border-radius: 24px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
opacity: 5%;
}
.service_wrapper>.col:nth-child(2),
.service_wrapper>.col:nth-child(3) {
flex-basis: calc(50% - 15px);
}
.service_wrapper>.col:nth-child(2) {
padding: 47px 40px 20px 50px;
}
.service_wrapper>.col:nth-child(3) {
padding: 47px 40px 0 50px;
}
.service_wrapper>.col>figure {
margin-left: -13px;
margin-right: -8px;
}
.service_wrapper>.col:nth-child(2) .desc {
max-width: 508px;
margin-top: 3px;
}
.service_wrapper>.col:nth-child(3) .desc {
max-width: 504px;
margin-top: 3px;
}
.service_wrapper>.col:nth-child(2)>figure {
margin: -26px -17px 0 -27px;
}
.service_wrapper>.col:nth-child(3)>figure {
margin: 84px -12px 11px -21px;
}
.service_wrapper>.col:nth-child(4) {
padding: 53px 55px 0 54px;
}
.service_wrapper>.col:nth-child(4) .desc {
max-width: 829px;
}
.service_wrapper>.col:nth-child(4)>figure {
margin: 0 -15px 0;
padding-top: 4px;
}
.service_wrapper>.col:nth-child(3n - 2) {
background: linear-gradient(180deg, #ffffff 0%, #c8bfff21 100%);
}
.title_icon_wrapper .h3-44 {
line-height: 132%;
letter-spacing: -0.02em;
}
/* END Explore Our AI Services */
/* Data annotation tools */
.data_annotation_tools_section {
background: #ffffff;
padding: 124px 0 120px;
position: relative;
z-index: 2;
}
.data_annotation_tools_section h2 {
text-align: center;
margin-bottom: 0;
max-width: 848px;
margin-inline: auto;
}
.tab_header {
display: flex;
align-items: center;
padding: 9px;
/* height: 72px; */
background: #ffffff;
border: 1px solid rgba(37, 39, 38, 0.04);
box-shadow: 0px 4px 16px #f5f5f5;
border-radius: 20px;
/* max-width: 1187px; */
max-width: fit-content;
margin: 24px auto 70px;
}
.tab_header li {
list-style: none;
padding: 14px 23.3px;
background: #fff;
border: 1px solid #fff;
border-radius: 14px;
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-align: center;
letter-spacing: 0.02em;
color: rgba(37, 39, 38, 0.6);
cursor: pointer;
outline: none;
margin: 0;
}
.tab_header li.active {
background: var(--color-green);
border: 1px solid #7c993e;
color: var(--color-black);
}
ul.tab_list.d-flex {
margin-left: 1px;
}
.video_menu_wrap {
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
}
.tab_content_bg {
padding: 20px 40px 0;
background-image: url("https://site.splendourteam.com/wp/objectways/wp-content/uploads/2025/06/video-bg-vector.png");
background-color: #f8f8f9;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0 0 50px 50px;
border: 1px solid #efefef;
border-top: 0;
}
.tab_content_bg>.tab_item {
display: flex;
}
.tab_item video {
width: 100%;
height: auto;
background: #ffffff;
/* border: 10px solid rgba(0, 0, 0, 0.01); */
backdrop-filter: blur(40px);
/* border-radius: 22.8066px; */
}
.tab_item:first-child video {
height: 745px;
}
/* END data annotation tools */
/* START Trusted Partners */
.trusted_partners_section {
padding: 140px 0 140px;
background-color: var(--color-light-blue-300);
}
.trusted_partners_section h2 {
max-width: 703px;
margin-inline: auto;
margin-bottom: 114px;
}
.partners_img_wrapper img {
object-fit: contain;
height: 74px;
}
.partners_img_wrapper {
/* width: 570px; */
height: 232px;
background: #fdfcff;
border: 1px solid #ebe8ff;
box-shadow: 0px 0px 10px rgba(235, 235, 235, 0.22);
border-radius: 20px;
}
.partners_wrapper.d-flex {
flex-wrap: wrap;
gap: 28px 2%;
}
/* .partners_wrapper.d-grid {
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
gap: 28px 27px;
} */
.partners_wrapper.d-grid {
display: flex;
gap: 28px 27px;
flex-wrap: wrap;
}
.partners_wrapper .partners_img_wrapper:nth-child(1),
.partners_wrapper .partners_img_wrapper:nth-child(2),
.partners_wrapper .partners_img_wrapper:nth-child(3) {
flex: 1 0 32%;
}
.partners_wrapper .partners_img_wrapper:nth-child(4),
.partners_wrapper .partners_img_wrapper:nth-child(5),
.partners_wrapper .partners_img_wrapper:nth-child(6),
.partners_wrapper .partners_img_wrapper:nth-child(7) {
flex: 1 0 23%;
}
.partners_img_wrapper {
display: flex;
align-items: center;
justify-content: center;
padding-inline: 34px;
}
/* .partners_img_wrapper:nth-child(n+4){width: calc(25% - 22px);height: 232px;} */
/* .partners_img_wrapper:nth-child(n+4){width: calc(25% - 1.5%);height: 232px;} */
/* .partners_img_wrapper:nth-child(n+4){height: 232px;} */
.partners_img_wrapper:nth-child(1) img {
height: 70px;
}
.partners_img_wrapper:nth-child(2) img {
height: 54px;
}
.partners_img_wrapper:nth-child(3) img {
height: 66px;
}
.partners_img_wrapper:nth-child(4) img {
height: 66px;
}
.partners_img_wrapper:nth-child(5) img {
height: 74px;
}
.partners_img_wrapper:nth-child(6) img {
height: 46px;
}
.partners_img_wrapper:nth-child(7) img {
height: 60px;
}
/* END Trusted Partners */
/* START Our Customers */
.our_customers_section {
padding: 140px 0 65px;
background-color: var(--color-light-blue-200);
}
.our_customers_section h2 {
margin-bottom: 22px;
}
.our_customers_section h2+.desc {
font-size: 24px;
line-height: 34px;
text-align: center;
}
.testimonials_wrapper {
padding-top: 70px;
}
.testimonials_wrapper.d-grid {
grid-template-columns: repeat(auto-fill, minmax(336px, 1fr));
gap: 28px 24px;
padding-top: 70px;
display: grid;
}
.testimonials_wrapper .col {
background: #fdfcff;
border: 1px solid #ebe8ff;
border-radius: 20px;
padding: 38px 38px 45px;
height: 448px !important;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.testimonials_wrapper .col .desc {
font-size: 18px;
line-height: 178%;
}
.name p:last-child {
font-size: 14px;
line-height: 17px;
color: rgba(37, 39, 38, 0.6);
margin: 0;
}
.testimonials_wrapper .col:first-child .name {
margin-bottom: -7px;
max-width: 272px;
}
.name {
flex: 1;
margin-top: 1px;
}
.icon_border {
background: linear-gradient(180deg, #ecdfff, #c196ff);
border-radius: 12px;
padding: 1px;
box-shadow: 0px 4px 10px rgba(98, 0, 238, 0.06);
height: fit-content;
}
.name_wraper .icon {
width: 46px;
height: 46px;
background: #ffffff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.name_wraper.d-flex {
gap: 16px;
align-items: center;
}
.customer_name {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: rgba(37, 39, 38, 0.7);
margin-bottom: 8px;
letter-spacing: 0;
}
/* END Our Customers */
/* START DATA SECURITY home */
.data_security_section {
background-color: var(--color-light-blue-200);
padding: 70px 0 136px;
}
.data_security_section h2 {
margin-bottom: 25px;
}
.data_security_section h2+.desc {
max-width: 1084px;
margin-inline: auto;
font-size: 24px;
line-height: 34px;
color: rgba(37, 39, 38, 0.7);
}
.security_socials {
padding-top: 70px;
}
.security_img_wrapper {
background: none;
border-radius: 0px;
text-align: center;
position: relative;
overflow: hidden;
position: relative;
border: 0px solid #efe5fb;
z-index: 1;
}
.security_img_wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background-image: url("https://site.splendourteam.com/wp/objectways/wp-content/uploads/2025/06/ISO-Mask-group.png");*/
background-size: cover;
background-position: top left;
background-repeat: no-repeat;
z-index: -1;
opacity: 1;
}
.security_socials.d-flex {
flex-wrap: nowrap;
gap: 36px;
justify-content: center;
align-items: flex-start;
}
.security_img_wrapper figure {
/* padding-inline: 34px; */
width: 100%;
height: 100%;
position: relative;
top: 0;
}
.security_img_wrapper h3 {
position: absolute;
bottom: 33.39px;
left: 50%;
transform: translateX(-50%);
}
/*
.security_img_wrapper:nth-child(1),
.security_img_wrapper:nth-child(5) {
flex-basis: calc(39% - 8.41px);
}
.security_img_wrapper:nth-child(2),
.security_img_wrapper:nth-child(6) {
flex-basis: calc(32% - 8.41px);
}
.security_img_wrapper:nth-child(3),
.security_img_wrapper:nth-child(4) {
flex-basis: calc(27.2% - 8.41px);
}
.security_img_wrapper:nth-child(3),
.security_img_wrapper:nth-child(6) {
flex: 1;
}
.security_img_wrapper:nth-child(1),
.security_img_wrapper:nth-child(2),
.security_img_wrapper:nth-child(3) {
height: 318.5px;
}
.security_img_wrapper:nth-child(4),
.security_img_wrapper:nth-child(5),
.security_img_wrapper:nth-child(6) {
height: 323px;
} */
/* END Data secutity home */
/* Footer */
footer {
padding: 100px 0 93px;
border-radius: 0;
background-color: #fcfdff;
margin-top: 0;
}
footer .container {
max-width: 1404px;
}
.footer_title {
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: rgba(37, 39, 38, 0.6);
margin-bottom: 10px;
}
.footer_menu li a {
font-size: 18px;
color: var(--color-black);
}
.footer_menu li a:hover {
color: #9180FF;
}
.footer_menu li {
list-style: none;
color: var(--color-black);
}
.footer_socials {
padding-bottom: 70px;
margin-top: -40px;
}
.footer_top.d-grid {
grid-template-columns: 22% 18% 25.5% 34.5%;
}
.footer_menu+.footer_title {
margin-top: 48px;
}
.footer_socials .socials {
padding-top: 10px;
}
.socials a {
background: var(--color-green);
border: 1px solid #7c993e;
box-shadow: 0px 2px 0px #7c993e;
border-radius: 10px;
padding: 9px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 5px;
margin-bottom:5px;
transition: all 0.3s ease;
}
.socials a:hover {
box-shadow: none;
}
.socials a:last-child {
margin-right: 0;
}
.socials svg {
width: 22px;
height: 22px;
}
.copyright.d-flex {
align-items: center;
justify-content: space-between;
color: rgba(37, 39, 38, 0.6);
padding: 27px 16px 27px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.copyright_side_img.d-flex {
gap: 18px;
}
.copyright_side_img img {
filter: drop-shadow(0px 6px 10px rgba(165, 165, 165, 0.16));
object-fit: contain;
}
.copyright_side_img figure {
width: 60px;
height: 60px;
}
.footer_bot {
padding: 110px 13px 0;
}
.copyright .desc {
text-align: center;
}
.copyright .desc a {
color: rgba(37, 39, 38, 0.6);
}
.copyright .desc a:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
/* END Footer */
.swiper-pagination-bullet {
transition: all 0.3s linear !important;
}
.swiper-pagination-bullet-active {
background: var(--color-pure-blue) !important;
width: 28px !important;
border-radius: 30px !important;
}
/* ===============================================================================================================
* About Us Page
*/
.row_alt_banner {
padding: 110px 0 24px;
}
.row.row_alt_banner {
display: grid;
grid-template-columns: 48% 50%;
gap: 2%;
}
.row_alt_banner .col {
font-size: 20px;
line-height: 30px;
}
.full_width_img {
padding: 64px 0 0;
display: flex;
}
.who_we_are_section {
padding: 140px 0 172px;
}
.positive_change_section {
padding: 0;
background-color: var(--color-light-blue-200);
}
.right_experts_section {
padding: 133px 0 150px;
background-color: var(--color-light-blue-200);
overflow: hidden;
}
.who_we_are_wrapper.d-grid {
grid-template-columns: 39% 57%;
gap: 4%;
}
.who_we_are_wrapper h2 {
max-width: 535px;
}
.who_we_are_wrapper>.col.desc {
line-height: 32px;
line-height: 178%;
font-size: 18px;
}
.who_we_are_wrapper>.col.desc p {
margin-bottom: 22px;
}
.who_we_are_wrapper>.col.desc p:last-child {
margin-bottom: 0;
}
.who_we_are_wrapper>.col.desc:last-child>p:first-child {
font-weight: 500;
font-size: 28px;
line-height: 40px;
line-height: 143%;
color: var(--color-black);
}
.who_we_are_wrapper>.col.desc:last-child>p:nth-child(2) {
color: var(--color-black);
}
.who_we_are_wrapper>.col.desc:last-child>p {
color: rgba(37, 39, 38, 0.6);
}
.bg_wrap {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.positive_change_section .container {
padding-block: 94px;
}
.pc_wrapper {
background-color: #fff;
margin: 0 0 0 auto;
max-width: 705px;
padding: 48px;
}
.pc_wrapper h2 {
margin-bottom: 11px;
font-weight: 500;
font-size: 36px;
line-height: 58px;
letter-spacing: 0;
}
.pc_info_wrapper {
padding: 28px 0 0;
}
.pc_info_wrapper .col {
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 12px;
padding: 22px 24px 19px;
}
.pc_info_wrapper.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.pc_info_wrapper .col p {
color: rgba(37, 39, 38, 0.45);
margin-top: 0;
}
.pc_info_wrapper .col p:first-child {
font-weight: 500;
font-size: 44px;
line-height: 58px;
line-height: 132%;
color: var(--color-pure-blue);
margin-bottom: 8px;
}
.pc_info_wrapper .col:nth-child(3) {
padding-bottom: 0;
}
.pc_info_wrapper .col:nth-child(1) p:last-child {
max-width: 201px;
}
.right_experts_section h2 {
max-width: 1492px;
margin-inline: auto;
margin-bottom: 84px;
}
.right_experts_slider img {
border-radius: 16px;
}
.right_experts_slider_wrapper {
/* margin-inline: -30px; */
margin: 0 -97px 0 -30px;
padding-bottom: 20px;
}
.our_history_section {
background-color: var(--color-light-blue-300);
padding: 140px 0 162px;
}
.our_history_section h2 {
font-size: 44px;
line-height: 54px;
max-width: 424px;
letter-spacing: 0;
}
.histroy_slider_wrapper {
max-width: 601px;
margin: 0 0 0 auto;
}
.history_slider_title {
font-weight: 500;
font-size: 34px;
line-height: 30px;
color: #252726;
margin-bottom: 20px;
}
.history_dots {
position: relative !important;
display: flex;
gap: 14%;
justify-content: space-between;
padding-top: 110px;
align-items: center;
max-width: 1254px;
margin-inline: auto;
padding-left: 7px;
width: 90% !important;
}
.history_dots:before {
content: "";
position: absolute;
height: 2px;
background-color: rgba(37, 39, 38, 0.2);
left: 0;
width: 100%;
}
.history_dots .swiper-pagination-bullet {
position: relative;
width: 12px !important;
min-width: 12px;
height: 12px;
margin: 0 !important;
opacity: 1;
background-color: rgba(157, 158, 157);
}
.history_dots .swiper-pagination-bullet-active {
width: 18px !important;
min-width: 18px;
height: 18px;
background-color: var(--color-black) !important;
}
.dot-label-top,
.dot-label-bottom {
position: absolute;
transform: translateX(-50%);
left: 50%;
}
.dot-label-top {
top: -34px;
font-weight: 500;
color: rgba(37, 39, 38, 0.45);
}
.dot-label-bottom {
bottom: -31px;
color: rgba(37, 39, 38, 0.45);
}
.history_dots .swiper-pagination-bullet-active .dot-label-top,
.history_dots .swiper-pagination-bullet-active .dot-label-bottom {
color: var(--color-black);
}
.history_dots .swiper-pagination-bullet-active .dot-label-top {
top: -31px;
}
.history_dots .swiper-pagination-bullet-active .dot-label-bottom {
bottom: -28px;
}
.pagination_arrow>button {
margin-right: 24px;
}
.pagination_arrow>button:last-child {
margin-right: 0;
}
.join_us_section {
padding: 140px 0 70px;
background-color: var(--color-light-blue-200);
}
.join_us_section .container {
max-width: 1380px;
}
.join_us_section .btn_wrapper {
margin-top: 40px;
}
.join_us_section .row.d-grid {
grid-template-columns: 51% 42%;
gap: 7%;
align-items: center;
}
.join_us_section .btn-primary {
gap: 12px;
}
.our_values_section {
padding: 65px 0 70px;
background-color: var(--color-light-blue-200);
}
/* ICON BOX */
.icon_wrapper.d-grid {
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 38px 24px;
padding-top: 56px;
display: grid;
}
.icon_wrapper .col {
background: #ffffff;
box-shadow: 0px 5px 12px rgba(227, 227, 227, 0.3);
border-radius: 20px;
padding: 34px 34px 34px;
}
.icon_img {
width: 72px;
height: 72px;
background: #252726;
box-shadow: 0px 4px 16px rgba(37, 39, 38, 0.12);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 42px;
}
.icon_img img {
width: 38px;
height: 38px;
object-fit: contain;
}
.icon_wrapper h3 {
margin-bottom: 16px;
margin-right: -26px;
}
/* END ICON BOX */
.office_workspace_section {
padding: 70px 0;
background-color: var(--color-light-blue-200);
}
.office_workpspace_wrapper h2 {
max-width: 420px;
line-height: 54px;
letter-spacing: 0;
}
.office_workpspace_wrapper.d-grid {
grid-template-columns: 1fr 1fr;
gap: 72px;
}
.ow_info_wrapper {
margin-top: 120px;
border-top: 1.5px solid rgba(37, 39, 38, 0.2);
padding: 22px 8px 0 7px;
}
.ow_info_wrapper .col>p {
color: rgba(37, 39, 38, 0.45);
}
.ow_info_wrapper .col>p:first-child {
font-size: 70px;
line-height: 84px;
display: flex;
align-items: center;
letter-spacing: -0.02em;
color: var(--color-pure-blue);
margin-bottom: 12px;
}
.ow_info_wrapper.d-flex {
justify-content: space-between;
}
.ow_info_wrapper .col>p:last-child {
margin: 0;
}
.office_location_section {
padding: 50px 0 127px;
background-color: var(--color-light-blue-200);
}
.office_location_wrapper {
position: relative;
}
.office_location_wrapper figure {
border-radius: 24px;
overflow: hidden;
}
.office_location_tabs {
border-radius: 16px;
background-color: var(--color-black);
color: #fff;
padding: 28px;
width: fit-content;
position: absolute;
bottom: 50px;
left: 40px;
}
.office_location_tabs h3 {
font-size: 34px;
line-height: 1.3em;
color: #fff;
margin-bottom: 32px;
}
.ol_tab_item {
border: 1px solid #ffffff26;
padding: 13px 24px;
font-weight: 500;
font-size: 18px;
line-height: 100%;
border-radius: 14px;
list-style: none;
display: inline-block;
margin-right: 9px;
background-color: transparent;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.ol_tab_item:last-child {
margin-right: 0;
}
.ol_tab_item:hover,
.ol_tab_item:active,
.ol_tab_item.active {
background-color: var(--color-green);
color: var(--color-black);
}
.info_wrap {
border: 0.5px solid #25272673;
border-radius: 10px;
padding: 16px 24px 13px 17px;
background-color: #fff;
width: fit-content;
position: absolute;
top: 50%;
left: 50%;
transform: translate(3%, -124%);
max-width: 325px;
}
.info_wrap.india {
transform: translate(-3%, -40%);
}
.info_wrap.us {
transform: translate(4%, -94%);
left: 30%;
}
.info_wrap h3 {
font-weight: 500;
font-size: 28px;
line-height: 100%;
margin-bottom: 10px;
}
.info_wrap_desc {
border-top: 1px solid #25272673;
padding-top: 19px;
}
.info_wrap p {
max-width: 281px;
line-height: 24px;
font-size: 14px;
margin-bottom: 2px;
margin-top: 0;
}
.info_wrap p:last-child {
margin-bottom: 0;
}
.office_location_icon {
display: none;
}
.office_location_icon.active {
display: block;
}
.office_location_icon .icon {
padding: 12px;
border-radius: 50%;
background: #ffffff;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-78%, -154%);
}
.office_location_icon.india .icon {
transform: translate(-142%, 394%);
}
.office_location_icon.us .icon {
left: 28%;
transform: translate(-0%, 24%);
}
.office_location_icon svg {
width: 12px;
height: 12px;
}
.ol_img,
.ol_img>img {
width: 100%;
min-height: 708px;
height: 100%;
}
.spin-once {
animation: spinOnce 0.6s ease-in-out forwards;
}
@keyframes spinOnce {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*
* About Us Page
* ===============================================================================================================*/
/* ===============================================================================================================
* Data Sourcing Page
*/
.row.banner_wrapper.d-grid {
grid-template-columns: 50% 46%;
padding: 78px 0 32px;
gap: 4%;
}
.ds_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin-right: -20px;
margin-top: -17px;
}
.row.banner_wrapper h1 {
margin-bottom: 18px;
}
.row.banner_wrapper .btn-wrapper {
margin-top: 44px;
}
.row.banner_wrapper.d-grid>.col:first-child {
padding-top: 66px;
}
.banner_wrapper .btn-primary {
padding: 18px 26px;
}
:is(.why_tuoda, .cms_stand_out) h2 {
font-size: 44px;
line-height: 58px;
max-width: 740px;
margin-bottom: 0;
}
/*----INT-321----*/
.dc_services_swiper_wrapper {
padding: 70px 15px 0 15px;
margin-right: calc(50% - 50vw + 9px);
}
.dc_service_item {
background-color: var(--color-light-blue);
padding: 16px 16px 28px;
border-radius: 20px;
height: 100%;
}
.dc_service_item figure {
border-radius: 14px;
overflow: hidden;
margin-bottom: 34px;
}
.dc_service_item figure img {
aspect-ratio: 2 / 1.1;
}
.dc_service_item h3 {
margin-bottom: 16px;
letter-spacing: -0.02em;
}
.social_proffing_section.dsp_sp {
padding: 75px 0 50px;
}
.why_tuoda {
padding: 140px 0;
position: relative;
z-index: 1;
background-color: #fff;
}
.our_adc_services {
padding: 135px 0 140px;
background-color: var(--color-light-blue-200);
}
.our_adc_services h2 {
margin-bottom: 74px;
}
.our_adc_services .desc {
max-width: 542px;
}
.left_img figure {
border-radius: 24px;
overflow: hidden;
flex-basis: 55%;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border: 1px solid #ededed;
}
.left_img.row.d-flex {
gap: 79px;
align-items: end;
}
.left_img.row.d-flex>.col:last-child {
flex-basis: 44%;
padding-bottom: 36px;
}
.left_img.row h3,
.cm_wrapper h3 {
font-size: 44px;
line-height: 58px;
letter-spacing: -0.02em;
}
.left_img.row h3 {
margin-bottom: 20px;
}
.collection_section {
padding: 140px 0 70px;
background-color: #fff;
}
.collection {
border-radius: 20px;
background: var(--color-light-blue-100);
border: 1px solid #25272633;
margin-bottom: 70px;
overflow: hidden;
}
.collection:last-child {
margin-bottom: 0;
}
.collection>.col:first-child {
flex-basis: 39%;
}
.collection>.col:last-child {
flex-basis: 61%;
padding: 42px 40px 34px;
display: flex;
background-color: #f2f2ff;
position: relative;
z-index: 1;
overflow: hidden;
}
.collection>.col:last-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("https://site.splendourteam.com/wp/objectways/wp-content/uploads/2025/06/dotted-bg.png");
background-repeat: no-repeat;
background-position: center;
background-size: 153%;
opacity: 5%;
z-index: -1;
scale: revert;
border-radius: 20px;
}
.collection:nth-child(2)>.col:last-child {
padding: 48px 40px 42px;
}
.collection:nth-child(3)>.col:last-child {
padding: 60px 40px 52px;
}
.collection:nth-child(4)>.col:last-child {
padding: 46px 63px 33px;
}
.collection>.col {
padding: 60px 71px 48px 48px;
}
.collection:nth-child(2)>.col {
padding: 60px 60px 48px 48px;
}
.collection>.col:last-child img {
object-fit: contain;
}
.collection h2.h2-44 {
font-weight: 500;
font-size: 44px;
margin-right: -20px;
margin-bottom: 22px;
}
.our_customers_section.dsc_oc_section {
padding: 70px 0 140px;
background-color: #fff;
}
.contact_us_section {
padding: 130px 0 130px;
}
.contact_us_section .row.d-flex>.col {
flex-basis: 50%;
}
.contact_us_section.career_section_form .row>.col:last-child {
margin-top: 58px;
margin-left: 14px;
}
.contact_us_section.career_section_form .input-group label {
display: inline-block;
margin-bottom: 15px;
}
.contact_us_section .row.d-flex>.col:first-child {
padding-top: 22px;
padding-bottom: 24px;
display: flex;
flex-direction: column;
/*justify-content: space-between;*/
gap: 92px;
}
.contact_us_section .row.d-flex>.col:first-child h2 {
max-width: 527px;
letter-spacing: 0;
}
.contact_us_section .row.d-flex>.col:first-child figure {
max-width: 500px;
border-radius: 20px;
overflow: hidden;
}
.contact_page form {
max-width: 688px;
margin-left: auto;
}
.input-group label {
font-weight: 500;
font-size: 18px;
line-height: 1.3em;
letter-spacing: 0;
color: var(--color-black);
}
.input-group {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 34px;
}
.form-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
input,
select,
textarea {
border-radius: 12px;
border-width: 1px;
background: #ffffff;
border: 1px solid #ebebeb;
padding: 20px 20px;
color: var(--color-black);
font-size: 16px;
outline: none;
font-family: "gilroy";
width: 100%;
}
textarea {
height: 162px;
padding: 20px 24px;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 1.2rem center;
background-size: 12px;
padding-right: 2.5rem;
border-radius: 8px;
}
.select_wrap {
position: relative;
}
.select_wrap:before {
content: "";
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 12px;
height: 8px;
background-image: url("../images/select-form-arrow.png");
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
}
.contact_us_section .btn-primary {
padding: 20px 20px 20px 62px;
gap: 31px;
}
.ds_page+footer {
margin-top: 0;
}
.contact_us_section .btn_wrapper {
margin-top: -6px;
}
.collection:first-child .desc,
.collection:last-child .desc {
max-width: 421px;
}
/*
* Data Sourcing Page
* ===============================================================================================================*/
/* ===============================================================================================================
* Data Labeling Page
*/
.why_choose_odas {
position: relative;
z-index: 1;
background-color: #ffffff;
padding: 140px 0;
}
.c_vision_das {
padding: 135px 0 62px;
background-color: var(--color-light-blue-200);
}
.row.no_img_box {
margin-top: 75px;
}
.no_img_box.d-grid {
grid-template-columns: repeat(3, 1fr);
gap: 40px 30px;
}
.no_img_box>.col {
padding: 34px 28px 32px;
border-radius: 16px;
border-width: 1px;
background-color: #ffffff;
border: 1px solid;
border-image-source: linear-gradient(180deg, #f5f5f5 0%, #ededed 100%);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tag_no {
position: relative;
color: var(--color-pure-blue);
padding-left: 13px;
font-size: 16px;
line-height: 7px;
margin-bottom: 24px;
}
.tag_no:before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 6px;
background: var(--color-pure-blue);
}
.no_img_box h3 {
margin-bottom: 14px;
margin-right: -20px;
letter-spacing: -0.02em;
}
.no_img_box figure {
margin-top: 40px;
border-radius: 10px;
overflow: hidden;
margin-inline: 2px;
}
.no_img_box figure img {
aspect-ratio: 1.577 / 1;
}
.npl_das {
padding: 70px 0 140px;
background-color: var(--color-light-blue-200);
}
.other_das {
padding: 136px 0 80px;
}
.other_das h2 {
margin-bottom: 15px;
}
.row.oda_services.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 86px;
align-items: center;
max-width: 1286px;
margin-inline: auto;
padding: 60px 0;
}
.oda_services img {
border-radius: 24px;
}
.oda_services .col_contents {
max-width: 566px;
}
.oda_services:nth-child(odd) .col_contents {
margin-left: auto;
}
.oda_services:nth-child(odd) .col:first-child,
.oda_services:nth-child(even) .col:last-child {
display: flex;
}
.oda_services:nth-child(even) .col_contents {
margin-top: 30px;
}
.oda_services h3 {
margin-bottom: 19px;
}
.getting_started_section {
padding: 130px 0;
background-color: var(--color-light-blue-300);
}
.getting_started_section h2 {
font-weight: 500;
}
.getting_started_section .row.d-flex {
gap: 10px;
align-items: center;
}
.getting_started_section .row.d-flex .col:first-child {
flex-basis: 51%;
margin-left: -6px;
padding-right: 40px;
}
.getting_started_section .row.d-flex .col:last-child {
flex-basis: 49%;
display: flex;
}
.getting_started_section img {
border-radius: 24px;
aspect-ratio: 1.21 / 1;
}
.getting_started_section .desc {
max-width: 566px;
}
.getting_started_section .btn_wrapper {
margin-top: 44px;
}
.kickoff {
padding: 135px 0 140px;
background-color: var(--color-light-blue-200);
}
.kickoff h2 {
max-width: 1029px;
margin-inline: auto;
}
.kickoff_steps figure img {
max-width: 136px;
aspect-ratio: 1 /1;
}
.kickoff_steps figure {
padding: 40px;
border-radius: 50%;
width: 220px;
height: 220px;
align-items: center;
justify-content: center;
background-color: #fff;
}
.kickoff_steps {
max-width: 1000px;
margin-inline: auto;
}
.kickoff_steps .col_wrap {
display: flex;
gap: 63px;
align-items: center;
margin-block: -1px;
}
.kickoff_steps:nth-child(even) .col_wrap {
flex-direction: row-reverse;
justify-content: space-between;
}
.kickoff_steps:nth-child(even) .kickoff_joiner svg {
transform: rotateX(180deg);
}
.kickoff_steps:last-child .kickoff_joiner {
display: none;
}
.kickoff_steps h3 {
margin-bottom: 22px;
line-height: 58px;
letter-spacing: -0.02em;
}
.kickoff_joiner {
max-width: 803px;
margin-inline: auto;
display: flex;
position: relative;
right: -5px;
}
.kickoff_wrapper.row.mt-70 {
margin-top: 75px;
}
.kickoff_steps .figure_wrap {
position: relative;
}
.kickoff_steps .figure_wrap svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.kickoff_steps:nth-child(odd):not(:first-child) .col_contents {
padding-left: 112px;
}
.kickoff_joiner svg {
height: 92px;
width: 100%;
}
.data_labeling_page .our_customers_section {
background-color: #fff;
padding: 140px 0 140px;
}
.data_labeling_page+footer {
margin-top: 0;
}
/*
* Data Labeling Page
* ===============================================================================================================*/
/* ===============================================================================================================
* Content Moderation Page
*/
.cms_stand_out {
padding: 80px 0;
position: relative;
z-index: 1;
background-color: #fff;
}
.our_cms_side_img {
padding: 136px 0 139px;
background-color: var(--color-light-blue-200);
}
.our_cms_side_img .left_img.row {
margin-top: 70px;
}
.our_cms_side_img h3 {
margin-bottom: 28px;
}
.cm_vti_section {
padding: 0 0 70px;
background-color: var(--color-light-blue-200);
}
.cm_wrapper {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.cm_wrapper .col {
flex: 1 0 100%;
background: #ffffff;
border: 1px solid;
border-image-source: linear-gradient(180deg, #f5f5f5 0%, #ededed 100%);
border-radius: 24px;
padding: 44px 36px 34px 60px;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
}
.cm_wrapper .col:nth-child(3n + 2),
.cm_wrapper .col:nth-child(3n + 3) {
flex: 1 0 calc(50% - 20px);
border-radius: 14px;
padding: 28px 27.5px 40px 28.5px;
}
.cm_wrapper .col>.col_inner {
display: flex;
justify-content: space-between;
}
.cm_wrapper .col:nth-child(3n + 1) .col_inner {
align-items: start;
gap: 20px;
}
.cm_wrapper .col:nth-child(3n + 2) .col_inner,
.cm_wrapper .col:nth-child(3n + 3) .col_inner {
flex-direction: column-reverse;
}
.cm_wrapper .col .col-contents {
max-width: 440px;
}
.cm_wrapper .col:first-child .col-contents {
padding: 42px 0 0;
}
.cm_wrapper .col .col_image {
max-width: 630px;
border-radius: 16px;
overflow: hidden;
}
.cm_wrapper .col:nth-child(3n + 2) .col-contents,
.cm_wrapper .col:nth-child(3n + 3) .col-contents {
max-width: 100%;
padding-inline: 11px;
}
.cm_wrapper .col:nth-child(3n + 2) .col_image,
.cm_wrapper .col:nth-child(3n + 3) .col_image {
margin-bottom: 32px;
}
.cm_wrapper .col:nth-child(3n + 2) .col_image img,
.cm_wrapper .col:nth-child(3n + 3) .col_image img {
aspect-ratio: 16 / 9;
}
.cm_wrapper h3 {
font-weight: 500;
margin-bottom: 12px;
}
:is(.cm_wrapper .col:nth-child(3n + 2), .cm_wrapper .col:nth-child(3n + 3)) h3 {
font-size: 34px;
line-height: 46px;
letter-spacing: 0;
margin-bottom: 12px;
}
.cm_wrapper .list-ul ul {
margin-left: 17px;
}
.cm_wrapper .list-ul li {
margin-bottom: 2px;
}
.cm_wrapper .list-ul li:last-child {
margin-bottom: 0;
}
.moderation_services {
padding: 64px 0 70px;
background-color: var(--color-light-blue-200);
}
.moderation_services h2 {
max-width: 1200px;
margin-bottom: 70px;
}
.ms_row.d-flex {
align-items: center;
}
.ms_row {
background: #ffffff;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
padding: 48px 70px 40px 52px;
border-radius: 20px;
margin-bottom: 28px;
}
.ms_row:last-child {
margin-bottom: 0;
}
.ms_row img {
width: 112px;
object-fit: contain;
height: 112px;
}
.ms_row.d-flex figure {
flex-basis: 12%;
}
.ms_row.d-flex h3 {
flex-basis: 47%;
padding: 0 145px 0 5px;
}
.ms_row.d-flex .desc {
flex-basis: 41%;
padding-left: 7px;
}
.cmp_section {
padding: 70px 0 137px;
background-color: var(--color-light-blue-200);
}
.cmp_section h2 {
max-width: 809px;
margin-inline: auto;
margin-bottom: 20px;
}
.cmp_row.d-grid {
grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
gap: 24px 25px;
}
.cmp_row>.col {
background: #ffffff;
border: 1px solid;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border-image-source: linear-gradient(180deg, #f5f5f5 0%, #ededed 100%);
padding: 8px 8px 24px 8px;
text-align: center;
border-radius: 16px;
}
.cmp_row>.col figure {
margin-bottom: 24px;
border-radius: 10px;
overflow: hidden;
}
.cmp_row>.col figure img {
aspect-ratio: 1.38 / 1;
}
.cmp_row h3 {
margin-bottom: 0;
font-size: 20px;
line-height: 30px;
letter-spacing: 0.02em;
max-width: 236px;
margin-inline: auto;
}
.content_m_page .our_customers_section {
background-color: var(--color-light-blue-100);
padding: 140px 0;
}
.content_m_page .contact_us_section {
background-color: var(--color-light-blue-300);
padding: 129px 0 126px;
}
/*
* Content Moderation Page
* ===============================================================================================================*/
/* ===============================================================================================================
* Generative AI Page
*/
.generative_ai_page .row.banner_wrapper.d-grid>.col:first-child {
padding-top: 11px;
}
.llm_services h2 {
max-width: 777px;
margin-inline: auto;
}
.llm_services {
padding: 135px 0 70px;
background-color: var(--color-light-blue-200);
}
.generative_ais_section {
padding: 64px 0 70px;
background-color: var(--color-light-blue-200);
}
.generative_ais_section h2,
.generative_ais_section>div>.desc {
margin-inline: auto;
}
.generative_ais_section h2 {
max-width: 1055px;
margin-bottom: 24px;
}
.generative_ais_section>div>.desc {
max-width: 939px;
}
.generative_ais_section .row.d-grid {
grid-template-columns: 44.4% 1fr;
gap: 94px;
align-items: center;
}
.generative_ais_section .img_wrapper,
.optimizing_llm_section .img_wrapper {
border-radius: 24px;
background-color: #fdfcff;
border: 1px solid;
border-image-source: linear-gradient(180deg, #f5f5f5 0%, #ededed 100%);
box-shadow: 0px 5px 12px 0px #e3e3e34d;
display: flex;
}
.generative_ais_section .img_wrapper img {
object-fit: contain;
}
.accordion_header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 28px;
cursor: pointer;
}
.accordion_wrapper {
margin-bottom: 24px;
border-radius: 16px;
border: 1px solid #25272633;
}
.accordion_wrapper:last-child {
margin-bottom: 0;
}
.accordion_content {
margin-top: -10px;
padding: 0 28px 24px;
}
.accordion_wrapper.active {
background-color: var(--color-green);
}
.accordion_header svg {
transition: all 0.2s ease;
transform: rotateX(180deg);
}
.accordion_header.active svg.plus {
display: none;
}
.accordion_header svg.minus {
display: none;
}
.accordion_header.active svg.minus {
display: block;
}
.accordion_header h3 {
margin-bottom: 0;
}
.optimizing_llm_section {
padding: 70px 0 140px;
background-color: var(--color-light-blue-200);
}
.optimizing_llm_section .row.d-grid,
.build_le_section .row.d-grid {
grid-template-columns: 1fr 44.4%;
gap: 94px;
align-items: start;
}
.key_genrative_ai h2 {
max-width: 910px;
margin-inline: auto;
}
.swiper-slide {
height: auto !important;
}
.experience_with_gai_swiper .dc_service_item {
background-color: #fdfcff;
border: 1px solid #ebe8ff;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border-radius: 16px;
padding: 20px 20px 28px;
}
.experience_with_gai_swiper .dc_service_item figure {
margin-bottom: 28px;
}
.experience_with_gai_swiper .dc_service_item h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
.experience_with_gai_swiper .desc {
color: #252726cc;
margin: 0 -2px 0 0;
}
.experience_with_gai_swiper {
margin-block: -20px;
}
.experience_with_gai_swiper .swiper-slide {
margin-block: 20px;
}
.experience_with_gai {
padding: 140px 0 70px;
}
.title_wrapper.d-flex>div>h2 {
margin-bottom: 16px;
max-width: 100%;
}
.build_le_section {
padding: 66px 0 140px;
}
.build_le_section h2 {
max-width: 897px;
margin-inline: auto;
}
.build_le_section>div>.desc {
max-width: 853px;
margin-inline: auto;
}
.build_le_section .img_wrapper {
border-radius: 24px;
display: flex;
}
.build_le_section .img_wrapper img {
aspect-ratio: 1.4 / 1;
}
.accordion_content ul {
margin-left: 28px;
}
.accordion_content li {
margin-bottom: 10px;
}
.accordion_content li:last-child {
margin-bottom: 0;
}
.accordion_image img {
display: none;
aspect-ratio: 1.22 / 1;
}
.accordion_image img.active {
display: block;
}
/*
* Generative AI Page
* ===============================================================================================================*/
.right_experts_slider .swiper-slide {
height: 100% !important;
}
.dc_services_swiper .swiper-pagination,
.swiper-pagination {
display: none;
}
.swiper-pagination.history_dots {
display: flex;
}
.contact_us_section .row.d-flex {
gap: 20px;
}
.data_labeling_page .row.banner_wrapper.d-grid {
padding: 94px 0 32px;
grid-template-columns: 52% 44%;
}
.data_labeling_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin-right: -27px;
margin-left: 4px;
}
.data_labeling_page .row.banner_wrapper.d-grid>.col:first-child {
padding-top: 43px;
}
.data_labeling_page .row.banner_wrapper h1,
.content_m_page .row.banner_wrapper h1 {
margin-bottom: 24px;
}
.data_labeling_page .banner_wrapper .btn-primary {
padding: 18px 44px 20px 48px;
}
.data_labeling_page .row.banner_wrapper .desc {
max-width: 640px;
}
.data_labeling_page .social_proffing_section.dsp_sp {
padding: 80px 0 120px;
}
.why_choose_odas .title_wrapper.d-flex h2 {
max-width: 899px;
}
.c_vision_das h2 {
max-width: 788px;
}
.npl_das .no_img_box h3 {
letter-spacing: 0;
}
.data_labeling_page .contact_us_section {
padding: 124px 0 114px;
}
.data_labeling_page .contact_us_section .row.d-flex>.col:first-child {
padding-top: 0px;
padding-bottom: 40px;
}
.data_labeling_page .input-group {
margin-bottom: 38px;
}
.data_labeling_page .contact_us_section .row.d-flex>.col:last-child {
padding-left: 7px;
}
.overlay_container {
position: relative;
}
.overlay_container:before {
content: "";
position: absolute;
top: 36%;
left: 0;
width: 786px;
height: 500px;
/*background: radial-gradient(circle 300px at bottom left,
Force a fixed-size circle
rgb(206 255 104),
rgb(0 0 0 / 0%));*/
filter: blur(100px);
z-index: 2;
pointer-events: none;
}
/* ==============================================================================================
* Content Moderation pixel perfect
*/
.content_m_page h1 {
max-width: 632px;
}
.content_m_page .row.banner_wrapper.d-grid>.col:first-child {
padding-top: 40px;
}
.content_m_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin: 4px -22px 0 13px;
}
.content_m_page .row.banner_wrapper .desc {
max-width: 586px;
}
.content_m_page .banner_wrapper .btn-primary {
padding: 18px 58px 20px 62px;
}
.content_m_page .row.banner_wrapper.d-grid {
padding-bottom: 38px;
}
.content_m_page .dc_service_item .desc {
margin-right: -13px;
}
.content_m_page .left_img figure {
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border: 1px solid #ededed;
flex-basis: 50%;
}
.content_m_page .left_img.row.d-flex {
align-items: center;
}
.content_m_page .left_img.row.d-flex>.col:last-child {
padding-right: 10px;
padding-bottom: 0;
}
.content_m_page .our_cms_side_img .list-ul ul {
margin-left: 18px;
}
.content_m_page .our_cms_side_img .desc {
max-width: 560px;
}
.content_m_page .our_cms_side_img .left_img.row {
margin-top: 74px;
max-width: 1383px;
margin-inline: auto;
}
.cm_wrapper p {
margin-bottom: 1.19em;
}
.cm_wrapper p+p {
margin-bottom: 0.5em;
}
.content_m_page .contact_us_section .row.d-flex>.col:first-child {
padding-top: 0;
margin-top: -10px;
}
/*
* END Content Moderation Pixel Perfect
* ============================================================================================ */
/* ============================================================================================
* Generative AI Perfect
*/
.generative_ai_page .row.banner_wrapper.d-grid {
grid-template-columns: 47% 49%;
padding: 92px 0 20px;
}
.generative_ai_page .row.banner_wrapper.d-grid>div:last-child {
margin: 0 -14px 0 8px;
}
.generative_ai_page .row.banner_wrapper h1 {
margin-bottom: 22px;
}
.generative_ai_page .banner_wrapper .desc {
max-width: 626px;
}
.generative_ai_page .banner_wrapper .btn-primary {
padding: 18px 40px 20px 55px;
gap: 35px;
}
.llm_services .list-ul ul {
margin-left: 16px;
}
.llm_services .left_img.row.d-flex {
align-items: start;
}
.llm_services .left_img figure {
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border: 1px solid #ededed;
flex-basis: 50%;
max-width: 690px;
margin: 4px 0 0 7px;
}
.llm_services .left_img.row.d-flex>.col:last-child {
padding-bottom: 0;
flex-basis: 44%;
padding-left: 15px;
padding-top: 21px;
}
.optimizing_llm_section h2 {
max-width: 1195px;
margin-inline: auto;
}
.optimizing_llm_section .desc {
max-width: 915px;
margin-inline: auto;
}
.key_genrative_ai.pb-140 {
padding: 130px 0 140px;
}
.icon_wrapper .desc {
line-height: 26px;
letter-spacing: 0;
font-size: 16px;
}
.experience_with_gai_swiper .dc_service_item figure img {
aspect-ratio: 1.496 / 1;
}
.generative_ai_page .contact_us_section {
padding: 123px 0 110px;
}
.generative_ai_page .input-group label {
max-width: 90%;
}
.generative_ai_page .contact_us_section .row.d-flex>.col:first-child {
padding: 0 0 42px;
}
.title_wrapper.d-flex>.title_wrap_left:first-child {
max-width: 78%;
}
/*
* END Generative AI Pixel Perfect
* ============================================================================================ */
/* ==========================================================================================
* About Us Page
*/
.our_history_section .title_wrapper.d-flex {
justify-content: end;
}
.our_history_section .slide-row.d-flex {
padding-top: 78px;
gap: 20px;
}
.join_us_section .col:first-child {
display: flex;
border-radius: 24px;
overflow: hidden;
}
.row_alt_banner h1 {
max-width: 577px;
font-size: 44px;
line-height: 54px;
letter-spacing: 0;
}
.row_alt_banner .col:last-child {
max-width: 692px;
margin-left: auto;
margin-right: -9px;
}
.row_alt_banner p {
margin-bottom: 30px;
}
.row_alt_banner p:last-child {
margin-bottom: 0;
}
.our_values_section .icon_wrapper .col {
padding: 34px 34px 40px;
min-height: 346px;
}
.our_values_section .icon_wrapper.d-grid {
padding-top: 60px;
gap: 30px 24px;
}
/* Leadership section */
.leadership-section {
padding: 80px 0;
background-color: #fff;
color: #222;
overflow-x: hidden;
}
.leadership-title {
text-align: left;
font-size: 100px;
font-weight: 400;
margin-bottom: 60px;
color: #111;
position: relative;
}
.leadership-title::after {
content: "";
display: block;
width: 100%;
max-width: 1280px;
height: 1px;
background: #252726;
margin: 16px auto 0;
border-radius: 2px;
}
.leaders-wrapper {
display: flex;
flex-direction: column;
gap: 60px;
}
/* Individual leader */
.leader {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
border-bottom: 1px solid #252726;
padding-bottom: 40px;
}
/* Left column: image, title, position, icon */
.leader-image-img {
display: block;
width: 100%;
max-width: 280px;
object-fit: cover;
}
.leader-info {
margin-top: 15px;
width: 100%;
}
.leader-name {
font-size: 24px;
font-weight: 600;
color: #25252E;
margin: 10px 0 5px;
}
/* Position and icon inline */
.leader-meta {
display: inline-flex;
align-items: center;
width: 100%;
gap: 40px;
}
.leader-meta a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 6px;
overflow: hidden;
background: transparent;
transition: transform .18s ease, box-shadow .18s ease;
}
.leader-meta a .leader-icon-img {
width: 24px;
height: 24px;
object-fit: contain;
display: block;
transition: filter .18s ease, transform .18s ease;
filter: grayscale(100%) contrast(120%) brightness(100%);
}
.leader-meta a:hover .leader-icon-img {
filter: none;
}
.leader-meta a:focus .leader-icon-img,
.leader-meta a:focus-visible .leader-icon-img {
filter: none;
transform: scale(1.12);
outline: none;
}
/* First leader */
.leaders-wrapper .leader:nth-child(1) .leader-meta {
gap: 110px;
}
/* Second leader */
.leaders-wrapper .leader:nth-child(2) .leader-meta {
gap: 54px;
}
/* Third leader */
.leaders-wrapper .leader:nth-child(3) .leader-meta {
gap: 117px;
}
.leader-position {
font-size: 20px;
color: #25252E;
margin: 0;
}
.leader-icon-img {
width: 24px;
height: 24px;
object-fit: contain;
margin: 0;
display: inline-block;
}
.leader-left img,
.leader-right img,
.leader-left .leader-info,
.leader-right .leader-description {
margin: 0;
}
.leader-left {
width: 25%;
padding-right: 10px;
}
.leader-right {
width: 70%;
padding-left: 10px;
}
.leader {
gap: 5px;
}
/* Right column: description */
.leader-description {
font-size: 17px;
font-weight: 400;
line-height: 36px;
color: #333;
width: 100%;
max-width: 100%;
text-align: justify;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal;
box-sizing: border-box;
}
.leader-description p {
margin-bottom: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal;
}
.leaders-wrapper .leader:nth-child(1) .leader-description {
margin-top: 25px;
}
.leaders-wrapper .leader:nth-child(2) .leader-description,
.leaders-wrapper .leader:nth-child(3) .leader-description,
.leaders-wrapper .leader:nth-child(4) .leader-description {
margin-top: 45px;
}
/* Tablets (601px - 900px) */
@media (max-width: 900px) {
.leader {
flex-direction: column;
gap: 10px;
}
.leader-left,
.leader-right {
width: 100%;
padding: 0;
}
.leader-right {
text-align: center;
}
.leader-meta {
gap: 0px;
flex-wrap: wrap;
}
.leader-description {
line-height: 36px;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal;
box-sizing: border-box;
flex: wrap;
padding: 5px;
}
.leader-image-img {
display: block;
width: 100%;
max-width: 280px;
object-fit: cover;
}
.leadership-title {
font-size: 40px;
}
}
/* Mobile (≤600px) */
@media (max-width: 600px) {
.leadership-title {
font-size: 25px;
}
.leaders-wrapper .leader:nth-child(2) .leader-meta{
gap: 105px;
}
.leaders-wrapper .leader:nth-child(1) .leader-meta{
gap:145px;
}
.leaders-wrapper .leader:nth-child(3) .leader-meta {
gap: 154px;
}
.leader-meta {
margin-top: 0px;
margin-left: 5px;
gap: 91px;
}
.leader-name {
font-size: 16px;
margin-left: 5px;
}
.leader-position {
font-size: 14px;
}
.leader-description {
font-size: 14px;
line-height: 36px;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: normal;
box-sizing: border-box;
flex: wrap;
padding: 5px;
}
.leader-info {
width: 150%;
}
}
/* 14-inch laptops & normal desktops (901px - 1440px) */
@media (min-width: 901px) and (max-width: 1440px) {
.leader-left {
width: 33%;
}
.leader-right {
width: 65%;
}
.leader-description {
font-size: 17px;
line-height: 34px;
}
}
/*
* END About Us Page
* ============================================================================================ */
/* ============================================================================================
* Blog Page
*/
.filter_btn_wrapper a.btn-primary {
padding: 14px 24px;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.014em;
background-color: var(--color-light-blue-100);
border: 1px solid #25272673;
box-shadow: none;
}
.filter_btn_wrapper a.btn-primary.active {
background-color: var(--color-green);
/* border: 1px solid #7c993e;
box-shadow: 0px 4px 0px 0px #7c993e; */
}
.filter_btn_wrapper.d-flex {
gap: 11px;
flex-wrap: wrap;
}
.filter_btn_wrapper {
padding: 12px 0 40px;
margin-right: -14px;
}
.blog_page .row_alt_banner .col:last-child {
max-width: 391px;
font-size: 18px;
margin-right: 0;
}
.blog_page .row.row_alt_banner {
align-items: center;
grid-template-columns: 62% 36%;
padding: 88px 0 43px;
}
.blog_page .row_alt_banner h1 {
font-size: 64px;
max-width: 710px;
letter-spacing: -0.02em;
line-height: 117%;
}
.blog_page .row_alt_banner {
padding: 101px 0 43px;
}
.post_blog .blog_figure {
display: flex;
border-radius: 16px;
overflow: hidden;
margin-bottom: 28px;
border: 1px solid #f2f2f2;
}
.post_blog .post_title h2 {
font-weight: 500;
font-size: 34px;
line-height: 46px;
letter-spacing: 0;
margin-bottom: 12px;
}
.post_blog .post_title a {
color: var(--color-black);
}
.post_blog .desc {
max-width: 660px;
}
.post_blog .category {
font-weight: 500;
font-size: 18px;
line-height: 28px;
letter-spacing: 0;
color: var(--color-pure-blue);
}
span.category a {
color: var(--color-pure-blue);
}
.blogs_wrapper.d-grid {
grid-template-columns: 1fr 1fr;
gap: 100px 40px;
}
.dot {
display: inline-block;
width: 6px;
height: 6px;
background: #25272673;
border-radius: 50%;
margin: 0 12px 2px 13px;
}
.date {
display: inline-block;
}
.post-info {
margin-bottom: 18px;
}
.blog_figure img {
aspect-ratio: 1.8074 / 1;
}
.featured_posts .row.d-flex {
gap: 50px;
}
.side_post_blog .blog_figure {
border-radius: 8px;
overflow: hidden;
display: flex;
flex-basis: calc(34% - 12px);
}
.side_post_blog {
display: flex;
gap: 24px;
align-items: flex-start;
border-bottom: 1px solid #25272633;
margin-bottom: 26px;
padding-bottom: 26px;
}
.side_post_blog:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.side_post_blog h2 {
font-size: 24px;
line-height: 34px;
font-weight: 500;
}
.side_post_blog h2 a {
font-weight: 500;
}
.post_blog .post_title h2 a {
font-weight: 500;
}
.side_post_blog .post-info {
margin-bottom: 10px;
font-size: 14px;
line-height: 28px;
}
.side_post_blog .post_contents {
padding-top: 3px;
flex-basis: calc(66% - 12px);
}
.side_post_blog .dot {
margin: 0 5px 2px 6px;
width: 3px;
height: 3px;
}
.featured_posts .row.d-flex>.col:first-child {
flex-basis: calc(56.6% - 25px);
}
.featured_posts .row.d-flex>.col:last-child {
flex-basis: calc(43.4% - 25px);
}
.side_post_blog .blog_figure img {
max-height: 118px;
aspect-ratio: 186 / 118;
}
.featured_posts {
padding: 38px 0 0px;
}
.page-template-blog-page .blog_lists {
padding-top: 90px;
}
.featured_posts .post_blog:first-child .blog_figure img {
aspect-ratio: 43 / 26;
}
.featured_posts .post_blog:first-child .blog_figure {
margin-bottom: 34px;
}
.featured_posts .post_blog:first-child .post_title {
max-width: 96%;
}
.side_post_blog .category {
color: var(--color-pure-blue);
display: inline-block;
}
nav.edublink-pagination-wrapper {
width: 100%;
grid-column: 1 / -1;
max-width: fit-content;
margin-inline: auto;
}
ul.page-number {
list-style: none;
display: flex;
gap: 8.4px;
margin-left: 0px;
}
/*.page-number li {*/
/* display: inline-block;*/
/* padding: 8px 19px;*/
/* border-radius: 8px;*/
/* border: 1px solid #ffffff00;*/
/* height: 46px;*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* font-weight: 500;*/
/*}*/
/*.page-number li.active,*/
/*.page-number li:last-child {*/
/* background: #ceff68;*/
/* border: 1px solid #7c993e;*/
/*}*/
/*.page-number li:last-child {*/
/* box-shadow: 0px -4px 0px 0px #7c993e inset;*/
/* margin-left: 9px;*/
/* padding-inline: 12px;*/
/*}*/
/*.page-number li:last-child a {*/
/* display: flex;*/
/* justify-content: center;*/
/* align-items: center;*/
/* gap: 9.33px;*/
/*}*/
/*.page-number li:first-child {*/
/* padding-inline: 12px;*/
/* margin-right: 1px;*/
/*}*/
.page-number li:not(:first-child):not(:last-child) {
width: 44px;
}
.page-number li a,
.page-number li span.current,
.page-number li span.dots {
display: inline-block;
padding: 8px 19px;
border-radius: 8px;
border: 1px solid #ffffff00;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
}
.page-number li a.prev {
padding-inline: 12px;
margin-right: 1px;
}
.page-number li.active span.current,
.page-number li a.next {
background: #ceff68;
border: 1px solid #7c993e;
}
.page-number li a.next {
display: flex;
justify-content: center;
align-items: center;
gap: 9.33px;
}
.page-number li a.next {
/* box-shadow: 0px -4px 0px 0px #7c993e inset; */
margin-left: 9px;
padding-inline: 12px;
}
.prev.page-numbers {
color: #25272699;
display: flex;
justify-content: center;
align-items: center;
gap: 9.33px;
}
.blog_lists {
padding-bottom: 50px;
}
.our_authors {
padding: 48px 0 135px;
}
.author_title.d-flex {
align-items: center;
justify-content: space-between;
gap: 20px;
}
.author_title .desc {
max-width: 485px;
}
.author_title h2 {
margin-bottom: 0;
position: relative;
top: -6px;
}
.author_item figure {
border-radius: 50%;
}
.author_item figure img,
.author_item figure {
width: 114px;
height: 114px;
}
.author_item {
display: flex;
gap: 30px;
border-radius: 16px;
border: 1px solid #efefef;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
padding: 34px 34px 44px 34px;
}
.our_authors .btn-primary {
padding: 18px 38px 24px;
}
.author_lists.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
padding: 70px 0 0;
}
.author_content {
flex: 1;
padding-top: 7px;
}
.author_name {
color: var(--color-black);
font-size: 20px;
line-height: 30px;
margin-bottom: 6px;
font-weight: 600;
}
.author_item:hover .author_name {
color: #9180ff;
}
.author_position {
font-size: 16px;
line-height: 24px;
color: #25272673;
margin-bottom: 20px;
}
.our_authors .btn_wrapper {
padding: 80px 0 0;
}
.blog_page .contact_us_section {
padding: 65px 0 104px;
border-radius: 48px;
}
.blog_page .contact_us_section .row.d-flex>.col:first-child {
padding-top: 0;
padding-bottom: 22px;
}
.blog_page .contact_us_section .row.d-flex>.col:last-child {
padding-top: 37px;
}
.blog_page .contact_us_section .row.d-flex>.col:first-child h2 {
max-width: 550px;
}
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
border: 1px solid #252726;
}
.blog_category_page .blog_lists {
padding-top: 40px;
}
.blog_category_page.blog_page .row_alt_banner {
padding: 88px 0 43px;
}
/* BLog Images Hover Effect */
.blog_page a.blog_figure img:hover {
transform: scale(1.1);
}
.blog_page a.blog_figure img {
transition: transform 0.5s ease-in-out;
}
/*
* Blog Page
============================================================================================ */
/* ============================================================================================
* FAQ Page
*/
.faq_page .row_alt_banner h1 {
font-size: 64px;
line-height: 82px;
letter-spacing: -0.02em;
max-width: 1139px;
margin-bottom: 15px;
}
.faq_page .row.row_alt_banner {
grid-template-columns: 1fr;
gap: 0;
}
.faq_page .row_alt_banner .col:last-child {
max-width: 920px;
margin-left: 0;
margin-right: 0;
}
.faq_page .row_alt_banner {
padding: 70px 0 30px;
}
.filter_faq {
padding: 1px 20px 0 0;
}
.faq_contents {
padding: 29px 0 95px;
}
.filter_faq_lists {
display: flex;
flex-direction: column;
align-items: start;
gap: 5px;
padding-top: 16px;
}
/* @media (min-width: 902px) {
.btn-filter {
width: 230px;
}
} */
.faq_accordion_wrap_title {
font-size: 34px;
line-height: 46px;
letter-spacing: 0;
margin-bottom: 20px;
scroll-margin-top: 100px;
}
.faq_accordion_wrapper h3 {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.002em;
flex: 1;
}
.faq_accordion_wrapper .accordion_header {
padding: 0;
}
.faq_accordion_wrapper .accordion_content {
color: #25272699;
font-size: 16px;
line-height: 30px;
padding: 25px 0 0;
width: 948px;
}
.faq_accordion_wrapper .accordion_header svg {
margin-right: 4px;
width: 30px;
height: 30px;
}
.faq_accordion_wrapper .accordion_wrapper {
border: 0;
border-bottom: 1px solid #25272633;
margin-bottom: 27px;
border-radius: 0;
padding-bottom: 28px;
}
.faq_accordion_wrapper .accordion_wrapper.active {
background-color: unset;
}
.faq_contents .row.d-grid {
grid-template-columns: 23.2% 76.8%;
max-width: 1354px;
}
.filer_tab_conent {
padding-bottom: 63px;
}
.filer_tab_conent:last-child {
padding-bottom: 0;
}
.filter_faq_title {
font-size: 14px;
line-height: 24px;
color: #25272699;
font-weight: 500;
text-transform: uppercase;
}
/* .filer_tab_conent:nth-child(2) {
padding-bottom: 153px;
}
.filer_tab_conent:nth-child(3) {
padding-bottom: 91px;
} */
.faq_page .contact_us_section {
padding: 93px 0 104px;
border-radius: 48px;
}
.faq_page .contact_us_section .row.d-flex>.col:first-child {
padding-top: 0;
}
.faq_page .contact_us_section .row.d-flex>.col {
padding-top: 6px;
}
.faq_page .contact_us_section .btn-primary {
padding: 20px 20px 20px 62px;
gap: 31px;
}
@media screen and (max-width: 1440px) and (min-width: 1200px) {
.faq_accordion_wrapper .accordion_content {
width: 850px;
}
}
@media (max-width: 767px) {
.faq_accordion_wrap_title {
scroll-margin-top: 75px;
}
/*----INT-318----*/
.blog_page .row_alt_banner .col.new {
max-width: 671px !important;
}
}
/*
* FAQ Page
============================================================================================ */
/* ============================================================================================
* Contact Us Page
*/
.contact_banner_sec {
padding: 91px 0 140px;
}
.contact_banner .col:first-child {
padding-top: 47px;
padding-right: 30px;
}
.contact_banner .row.row_alt_banner {
grid-template-columns: 1fr;
padding: 50px 0 0;
}
.contact_banner .row_alt_banner .col:first-child {
max-width: 540px;
}
.contact_banner .row_alt_banner .col:last-child {
max-width: 540px;
margin-left: 0;
margin-right: 0;
}
.contact_banner {
grid-template-columns: 1fr 1fr;
align-items: start;
}
.contact_banner h1 {
margin-bottom: 22px;
}
.contact_banner .banner_title {
max-width: 450px;
padding-bottom: 60px;
}
.contact_banner .desc p {
max-width: 494px;
margin-bottom: 18px;
}
.contact_banner .desc p:last-child {
max-width: 560px;
}
.contact_banner .desc a {
text-decoration: underline;
text-underline-offset: 3px;
}
.cp_map {
padding: 130px 0 11px;
border-radius: 48px 48px 0 0;
}
.cp_list {
display: grid;
grid-template-columns: 47% 53%;
gap: 20px;
padding-bottom: 50px;
}
.cp_list:last-child {
padding-bottom: 0;
}
.cp_list .col:first-child {
padding: 36px 40px 0 0px;
}
.cp_list h2 {
margin-bottom: 32px;
}
.cp_list .desc p {
margin: 0;
}
.cp_list .btn_wrapper {
margin-top: 48px;
}
.iframe_wrapper iframe {
width: 100% !important;
height: calc(372px + 62px);
position: relative;
top: -62px;
left: -2px;
border-radius: 20px;
}
.cp_list .iframe_wrapper {
width: 100%;
border-radius: 20px;
overflow: hidden;
display: flex;
position: relative;
bottom: -62px;
}
.cp_list .col:last-child {
position: relative;
top: -62px;
padding-right: 16px;
}
.contact_page .our_customers_section {
padding: 65px 0 130px;
}
.cp_lists {
max-width: 1260px;
margin-inline: auto;
}
.cp_list .btn-primary {
padding: 18px 40px 18px 46px;
/* box-shadow: 0px 6px 0px 0px #7c993e; */
}
/*
* Contact Us Page
============================================================================================ */
/* ============================================================================================
* Industries Page v1
*/
.row.indrustry_wrapper.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 49px 30px;
}
.industry_col_v1 {
border: 1px solid #ededed;
padding: 30px 20px 20px;
border-radius: 20px;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
display: block;
}
.industry_col_v1 figure {
border-radius: 12px;
overflow: hidden;
margin-top: 42px;
}
.industry_col_v1 .title_icon_wrapper {
margin-bottom: 24px;
}
.industry_list_section {
padding: 52px 0 140px;
}
.industry_col_v1 .col_contents {
padding: 0 20px 0 10px;
}
.industry_banner .row.row_alt_banner {
grid-template-columns: 58.2% 39.8%;
align-items: center;
}
.industry_banner .row_alt_banner h1 {
font-size: 70px;
line-height: 82px;
max-width: 630px;
letter-spacing: -0.02em;
}
.industry_banner .row_alt_banner {
padding: 88px 0 30px;
}
.industry_col_v1 .title_icon_wrapper>img {
width: 100px;
height: 60px;
margin-top: 0;
}
.industry_col_v1 img {
aspect-ratio: 2.07 / 1;
}
.industries_page_v1 .our_customers_section {
padding: 140px 0;
}
/*
* Industries Page v1
============================================================================================ */
/* ============================================================================================
* Industries Page v2
*/
.row.indrustry_wrapper.alt_indrustry_wrapper.d-grid {
grid-template-columns: 1fr;
}
.alt_indrustry_wrapper .title_icon_wrapper {
flex-direction: column;
align-items: start;
gap: 30px;
margin-bottom: 17px;
}
.alt_indrustry_wrapper .industry_col_v1 {
display: grid;
grid-template-columns: 43% 57%;
padding: 40px 40px 40px 60px;
align-items: center;
}
.alt_indrustry_wrapper .industry_col_v1:hover .btn-secondary {
color: var(--color-pure-blue);
border-bottom: 1px solid var(--color-pure-blue);
}
.alt_indrustry_wrapper .industry_col_v1:hover .btn-secondary svg path {
stroke: var(--color-pure-blue);
}
.alt_indrustry_wrapper .industry_col_v1 .figure {
display: flex;
border-radius: 12px;
overflow: hidden;
margin-top: 0;
}
.industry_col_v1 .btn-secondary {
justify-content: start;
}
.alt_indrustry_wrapper .btn_wrapper {
margin-top: 28px;
}
.alt_indrustry_wrapper .industry_col_v1 img {
aspect-ratio: 1.7087 / 1;
}
.alt_indrustry_wrapper .industry_col_v1 .col_contents {
padding: 0 30px 0 0;
max-width: 485px;
}
.industries_page_v2 .our_customers_section h2 {
max-width: 1172px;
margin-inline: auto;
}
.industries_page_v2 .industry_banner .row.row_alt_banner {
grid-template-columns: 62.2% 35.8%;
}
/*
* Industries Page v2
============================================================================================ */
/* ============================================================================================
* Industry Single / autonomous-vehicle.html
*/
.industry_single_banner {
padding: 88px 0 120px;
background-color: #fdfcff;
}
.industry_single_banner .col_contents {
margin-right: 44px;
max-width: 601px;
}
.industry_single_banner .desc {
max-width: 581px;
}
.industry_single_banner .btn-primary {
padding: 18px 40px 18px;
gap: 33px;
/* box-shadow: 0px 6px 0px 0px #7c993e; */
}
.industry_single_banner .btn-primary:hover {
box-shadow: none;
}
.industry_single_banner img {
aspect-ratio: 1.419 / 1;
}
.industry_single_banner .row.d-grid {
grid-template-columns: 49% 51%;
align-items: center;
}
.industry_single_banner .btn_wrapper {
margin-top: 44px;
}
.industry_single_banner h1 {
margin-bottom: 18px;
}
.impact_ai {
background: #f6f6ff;
padding: 111px 0 130px;
}
.highlight_desc {
background-color: #f6f6ff;
padding: 100px 0;
}
.highlight_desc .desc {
font-size: 34px;
line-height: 46px;
color: #252726;
font-weight: 500;
max-width: 1260px;
margin-inline: auto;
}
.financial_services .highlight_desc .desc {
font-size: 44px;
line-height: 58px;
letter-spacing: -0.02em;
max-width: 1157px;
}
.why_use_ai {
padding: 140px 0 70px;
background-color: #fff;
}
.wu_ai_header.d-grid {
grid-template-columns: 55.6% 44.4%;
}
.wu_ai_header h2 {
max-width: 700px;
margin-right: 30px;
}
.wu_ai_header .desc {
color: #25272699;
}
/*-----INT-319-----*/
.wu_ai_gallery {
padding: 70px 25px 0 15px;
display: grid;
flex-wrap: wrap;
gap: 50px;
}
:is(.financial_services) .wu_ai_gallery {
grid-template-columns: repeat(3, 1fr);
}
:is(.manufacturing, .health_life_sciences, .autonomous_vehicle) .wu_ai_gallery {
grid-template-columns: repeat(2, 1fr);
}
:is(.media_entertainment, .financial_services) .wu_ai_gallery {
padding-inline: 0;
}
.wu_ai_gallery figure {
border-radius: 20px;
}
.ai_being_used {
padding: 70px 0 100px;
background-color: #fff;
}
.ai_being_used .title_wrapper {
max-width: 1119px;
margin-inline: auto;
padding-bottom: 70px;
}
.abu_row_wrapper .col {
flex-basis: 49.66%;
}
.abu_row_wrapper .col.col_contents {
flex-basis: 50.34%;
padding: 0 100px 0 0;
}
.abu_row_wrapper .row:nth-child(even) .col.col_contents {
padding: 0 0 0 100px;
}
.abu_row_wrapper .row {
padding: 60px 0;
}
.abu_row_wrapper .row:first-child {
padding-top: 0;
}
.abu_row_wrapper .row:last-child {
padding-bottom: 0;
}
.abu_row_wrapper .row:nth-child(even) {
flex-direction: row-reverse;
}
.abu_row_wrapper figure {
border-radius: 20px;
}
.abu_row_wrapper .desc {
max-width: 496px;
}
.abu_row_wrapper .h3-44 {
line-height: 58px;
margin-bottom: 18px;
max-width: 566px;
letter-spacing: -0.02em;
}
.abu_row_wrapper {
max-width: 1323px;
margin-inline: auto;
}
.abu_row_wrapper .row.d-flex {
align-items: center;
}
.benefits_of_ai .title_wrapper.d-grid {
grid-template-columns: 47.82% 52.18%;
max-width: 1380px;
margin-inline: auto;
}
.benefits_of_ai .title_wrapper.d-grid h2 {
max-width: 530px;
}
.benefits_of_ai .title_wrapper.d-grid .col:first-child {
padding-right: 40px;
}
.benefits_of_ai {
padding: 0 0 140px;
background-color: #fff;
}
:is(.manufacturing,
.health_life_sciences,
.financial_services,
.media_entertainment) .benefits_of_ai {
padding: 0;
}
.benefits_of_ai .container {
padding-top: 100px;
border-top: 1px solid #d9d9d9;
}
.benefits_of_ai .desc {
font-size: 24px;
line-height: 34px;
color: #252726;
}
.benefits_of_ai .list-ul ul {
margin-left: 35px;
}
.benefits_of_ai .list-ul li {
margin-bottom: 0px;
}
.impact_ai h2 {
font-size: 44px;
line-height: 54px;
letter-spacing: 0;
font-weight: 400;
}
.impact_ai .col {
padding: 0 116px 10px 116px;
border-right: 1px solid #25272633;
}
.impact_ai .col:first-child {
padding-left: 0;
}
.impact_ai .col:last-child {
padding-right: 0;
border-right: 0;
}
.impact_ai .col div {
font-weight: 400;
font-size: 100px;
line-height: 130px;
letter-spacing: -0.02em;
color: var(--color-black);
margin-bottom: 10px;
max-width: 312px;
}
.impact_ai .col p {
color: #25272699;
max-width: 312px;
}
.impact_ai .row.d-flex {
padding-top: 90px;
max-width: 1400px;
margin-inline: auto;
}
.lead_with_ai {
padding: 140px 0;
background-color: #fff;
}
.lead_with_ai h2 {
max-width: 930px;
margin-inline: auto;
}
.lead_with_ai h3 {
font-size: 34px;
line-height: 46px;
letter-spacing: 0;
}
.lead_with_ai .indrustry_wrapper {
margin-top: 70px;
}
/*
* Industry Single / autonomous-vehicle.html
============================================================================================ */
/* ============================================================================================
* Industry Single / manufacturing.html
*/
:is(.manufacturing, .health_life_sciences, .financial_services) .wu_ai_gallery {
gap: 30px;
}
.benefits_of_ai li::marker {
font-size: 0.8em;
}
/*
* Industry Single / Manufacturing.html
============================================================================================ */
/* ============================================================================================
* Use Case
*/
.uc_contents h2 {
max-width: 1086px;
margin-inline: auto;
}
.before_after_wrap {
margin-top: 75px;
position: relative;
border-radius: 24px;
overflow: hidden;
max-width: 1200px;
margin-inline: auto;
aspect-ratio: 2.67 / 1;
}
.before_after_wrap .img-wrapper {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.before_after_wrap .img-wrapper:nth-child(2) {
clip-path: inset(0px 0px 0px 50%);
}
.before_after_wrap .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.before_after_wrap #line {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 0.2rem;
height: 100%;
background-color: #fafafa;
}
/* .before_after_wrap #line:before {
content: '';
width: 54px;
height: 74px;
background: var(--color-pure-blue);
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
border-radius: 60px;
background-image: url('data:image/svg+xml,');
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
cursor: grab;
} */
.before_after_wrap input {
appearance: none;
-webkit-appearance: none;
background-color: transparent;
position: absolute;
width: calc(100% + 2.25rem);
height: 100%;
left: -1.125rem;
border: 0;
border-radius: 0;
}
.before_after_wrap input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 54px;
height: 74px;
border: 0;
border-radius: 60px;
background-color: var(--color-pure-blue);
background-image: url('data:image/svg+xml,');
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
cursor: grab;
}
.before_after_wrap input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 54px;
height: 74px;
border: 0;
border-radius: 60px;
background-color: var(--color-pure-blue);
background-image: url('data:image/svg+xml,');
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
cursor: grab;
}
.before_after_wrap input:active::-webkit-slider-thumb {
cursor: grabbing;
}
.before_after_wrap .input:active::-moz-slider-thumb {
cursor: grabbing;
}
.before_after_text {
position: absolute;
bottom: 34px;
display: inline-block;
padding: 11px 38px;
font-size: 24px;
line-height: 1em;
letter-spacing: -0.02em;
color: #fff;
font-weight: 500;
border-radius: 12px;
background: var(--color-pure-blue);
}
.before_text {
right: unset;
left: 19.7%;
}
.after_text {
right: 19.7%;
left: unset;
}
.use_case_lists {
background-color: #f6f6ff;
padding: 145px 0 68px;
}
.toc {
position: sticky;
top: 80px;
}
.toc li {
list-style: none;
}
.use_case_lists .btn-filter {
padding: 8px 22px 6px;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
}
.use_case_lists .btn-filter.active {
box-shadow: 0px 4px 0px 0px #7c993e;
}
.use_case_lists .row.d-grid {
grid-template-columns: 37.58% 62.42%;
}
.uc_contents {
background-color: #eeeeff;
padding: 114px 0 44px;
border-radius: 48px 48px 0 0;
}
.banner_tag {
font-size: 20px;
background: #9180ff;
color: #fff;
font-weight: 500;
padding: 6px 18px;
border-radius: 10px;
display: inline-block;
margin-bottom: 16px;
}
.uc_contents .desc {
max-width: 930px;
padding-top: 100px;
margin-inline: auto;
line-height: 32px;
}
.uc_contents .desc strong {
color: #4d4f51;
}
.uc_contents h3 {
font-size: 34px;
line-height: 46px;
margin-bottom: 18px;
margin-top: 60px;
}
.uc_contents h3:first-child {
margin-top: 0;
}
.uc_contents p {
margin-bottom: 1.3em;
}
.uc_contents p:last-child {
margin-bottom: 0;
}
.uc_contents .list-ul li {
margin-bottom: 12px;
}
.use_case_lists .h2-44 {
font-weight: 500;
line-height: 54px;
letter-spacing: 0;
margin-bottom: 38px;
}
.use_case_lists h3 {
line-height: 36px;
margin-bottom: 18px;
}
.use_case_lists .desc {
color: #25272673;
line-height: 32px;
}
.use_case_lists .col.toc_contents {
padding-top: 38px;
}
.use_case_lists .col_list {
margin-bottom: 28px;
}
.use_case_lists .col_list:last-child {
margin-bottom: 0;
}
.use_case_lists .col_wrap {
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 1px solid #25272633;
}
.use_case_lists .col_wrap:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.use_case_lists .filter_faq_lists {
gap: 18px;
padding-top: 24px;
}
.more_articles {
padding: 70px 0 140px;
background-color: #f6f6ff;
}
.more_articles .blogs_wrapper {
margin-top: 70px;
}
.industry_single_banner.case_study_banner {
padding: 82px 0 122px;
}
.industry_single_banner.case_study_banner .col_contents,
.industry_single_banner.case_study_banner .desc {
max-width: 626px;
}
.industry_single_banner.case_study_banner .btn-primary {
gap: 22px;
}
/*
* Use Case
============================================================================================ */
/* ============================================================================================
* Case Study Archive
*/
.case_study_banner .row.row_alt_banner {
grid-template-columns: 58.2% 39.6%;
gap: 2%;
padding: 84px 0 25px;
}
.case_studies_archive .row_alt_banner h1 {
font-size: 70px;
line-height: 117%;
max-width: 445px;
letter-spacing: -0.02em;
}
.case_studies_archive .row_alt_banner .col:last-child {
padding-top: 26px;
}
.case_study_list_section {
padding: 60px 0 140px;
}
.row.case_study_wrapper.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 60px 48px;
max-width: 1332px;
margin-inline: auto;
}
.col_case_study .figure_wrapper>figure {
border-radius: 8px;
overflow: hidden;
}
.cs_col_header>p {
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.02em;
margin: 0;
color: var(--color-pure-blue);
}
.cs_col_header {
padding: 5px 12px 5px 9px;
display: flex;
align-items: center;
justify-content: space-between;
}
.cs_col_header figure {
height: 14px;
}
.cs_col_header img {
object-fit: contain;
}
.col_case_study .figure_wrapper {
box-shadow: 0px 5px 12px 0px #e3e3e34d;
border: 1px solid #ededed;
padding: 0 6px 6px;
border-radius: 12px;
margin-bottom: 22px;
}
.col_case_study h3 {
margin-bottom: 12px;
}
.col_case_study .desc {
font-size: 16px;
line-height: 26px;
max-width: 610px;
}
.col_case_study .btn_wrapper {
margin-top: 20px;
}
.case_studies_archive .our_customers_section {
padding: 140px 0;
}
/*
* Case Study Archive
============================================================================================ */
/* ============================================================================================
* Single Blog Page
*/
nav.breadcrumb li {
list-style: none;
display: inline-block;
white-space: nowrap;
}
.blog_single_banner {
padding: 66px 0 0;
}
.breadcrumb .separator {
margin-inline: 15px;
}
nav.breadcrumb {
padding-bottom: 60px;
}
.breadcrumb ul {
display: flex;
}
nav.breadcrumb li.active {
color: #25272673;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 182px;
display: block;
}
.author_wrap img,
.author_wrap figure {
width: 62px;
height: 62px;
}
.blog_single_banner .row_wrap.d-flex {
justify-content: space-between;
align-items: center;
margin-top: 48px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(37, 39, 38, 0.2);
}
.author_wrap .row_wrap.d-flex {
justify-content: space-between;
gap: 18px;
align-items: center;
margin-top: 48px;
}
.author_wrap.d-flex {
gap: 18px;
align-items: center;
}
.author_info .name {
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #252726;
}
.author_info .info {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: rgba(37, 39, 38, 0.6);
}
.blog_single_banner a.category_tag {
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #ffffff;
padding: 8px 22px;
border-radius: 8px;
background-color: var(--color-pure-blue);
}
.blog_single_banner h1 {
max-width: 1319px;
}
.sec_single_blog_contents {
padding: 70px 0;
}
.sec_single_blog_contents .row {
grid-template-columns: 36.13% 63.87%;
}
.toc_title {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: rgba(37, 39, 38, 0.45);
}
.blog_contents_sidebar {
padding-right: 70px;
}
.share_post h2 {
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #252726;
margin-bottom: 0;
}
/* Blog Deatails */
.blog_contents img {
height: auto;
object-fit: contain;
border-radius: 20px;
}
/*.blog_desc> :nth-child(1) {*/
/* padding-bottom: 30px;*/
/*}*/
.dive_in_wrap h2 {
font-size: 24px;
}
.col.blog_contents.blog_desc p {
margin-bottom: 24px;
}
p.highlighted-content{
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #252726;
width: 130px;
}
.single_blog_page .author_box figure {
/* width: 116px; */
height: 116px;
font-size: unset;
line-height: unset;
padding: 0;
flex: 1 1 100%;
border-radius: 50%;
}
.single_blog_page .author_box figure img {
object-fit: cover;
width: 116px;
height: 116px;
}
.single_blog_page .author_details {
max-width: 684px;
}
.single_blog_page .author_box {
display: flex;
gap: 30px;
}
.single_blog_page .author_box {
display: flex;
gap: 30px;
box-shadow: 0px 5px 12px 0px #e3e3e34d;
background-color: #fff;
max-width: 900px;
padding: 34px;
border-radius: 16px;
margin-bottom: 140px;
}
.single_blog_page .blog_more {
border-top: 1px solid #25272633;
padding-bottom: 90px;
}
.more_title {
text-align: center;
font-size: 70px;
line-height: 82px;
letter-spacing: 0.02px;
padding-block: 120px 70px;
}
.blog_desc p:nth-child(4) {
margin-bottom: 36px;
}
.single_blog_page h2 {
margin-bottom: 16px;
}
.single_blog_page .blog_desc h2 {
margin-bottom: 16px;
font-size: 36px;
line-height: 46px;
}
.single_blog_page .sec_single_blog_contents {
padding: 70px 0 80px 0;
}
.single_blog_page .blog_desc figure,
.blog_desc figure {
display: block;
color: #25272699;
padding-bottom: 40px;
font-size: 14px;
line-height: 24px;
}
.blog_desc h3 {
margin-bottom: 14px;
}
.default_section .blog_desc figure {
display: flex;
}
.page_contents.single_blog_page .blog_desc ul li {
padding-bottom: 18px;
}
.page_contents.single_blog_page .blog_desc ul li:last-child {
padding-bottom: 48px;
}
.dive_in_wrap {
box-shadow: 0px 5px 12px 0px #e3e3e34d;
background: #fff;
border-radius: 20px;
padding: 24px 20px 20px;
}
.dive_in_wrap h2 {
font-size: 26px;
line-height: 37px;
}
.single_blog_page .share_post.d-flex {
padding-block: 50px;
align-items: center;
gap: 16px;
}
.single_blog_page .share_post.d-flex h2 {
margin-bottom: 0;
/* align-items: center; */
}
.single_blog_page .filter_faq_lists.toc_list {
font-size: 14px;
color: #25272699;
}
/*.single_blog_page .toc a.active {*/
/* color: #9180ff;*/
/*}*/
/*.single_blog_page .toc a.active {*/
/* position: relative;*/
/* padding-left: 10px;*/
/* color: #9180ff;*/
/*}*/
/*.single_blog_page .toc a active:before {*/
/* content: "";*/
/* position: absolute;*/
/* background: #9180ff;*/
/* width: 1%;*/
/* height: 80%;*/
/* top: 6%;*/
/* left: 0;*/
/*}*/
/* Styling the active TOC link */
.single_blog_page .toc a.active {
color: #9180ff;
position: relative;
/* padding-left: 10px; */
}
.single_blog_page .toc a.active:before {
content: "";
position: absolute;
background: #9180ff;
width: 3px;
height: 80%;
top: 6%;
left: 0;
}
.single_blog_page .toc {
position: static;
}
.related_more_articles_wrap {
padding-bottom: 140px;
}
.single_blog_page .related_more_articles {
padding-block: 140px 70px;
}
.related_more_articles h2 {
margin-bottom: 0;
letter-spacing: 0.02px;
}
.single_blog_page figcaption.fig_center {
text-align: center;
}
.dive_in_wrap .desc {
text-align: center;
padding-bottom: 24px;
}
.single_blog_page .blog_desc a,
.blog_desc a {
text-decoration: underline;
}
.single_blog_page .related_more_articles {
border-top: 1px solid #25272633;
margin: 0;
}
.single_blog_page .toc a {
text-decoration: none;
}
.single_blog_page .btn_wrapper a {
text-decoration: none;
}
button.btn-arrow.swiper-button-disabled {
opacity: 70%;
box-shadow: none;
}
/*
* Single Blog Page
============================================================================================ */
.history_dots .dot {
display: none;
}
.responsive-video {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
video {
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
}
footer {
position: relative;
z-index: 2;
}
footer:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url("https://site.splendourteam.com/wp/objectways/wp-content/uploads/2025/06/dotted-bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
z-index: -1;
opacity: 0.06;
}
footer:after {
content: "";
background: linear-gradient(180deg,
#fbfcff 13.1%,
rgba(255, 255, 255, 0) 100%);
left: 0;
top: 0;
height: 47%;
width: 100%;
z-index: -1;
position: absolute;
}
.blog_desc ul {
margin-left: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--color-border);
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 1px solid var(--color-border);
font-size: 14px;
line-height: 1.4em;
border: 1px solid;
border-radius: 8px;
}
.wpcf7-not-valid-tip {
font-size: 14px;
line-height: 1.4em;
}
.page-template-default .full_width_img.full_image {
padding-bottom: 45px;
}
.default_section {
padding: 30px 0 35px;
}
.page-template-default .ultimate_content .ultimate_title {
max-width: 75%;
}
.sc_counter {
/*font-variant-numeric: tabular-nums;*/
display: inline-block;
white-space: nowrap;
}
@media (max-width: 1480px) {
.data_labeling_page .row.banner_wrapper.d-grid>.col:last-child figure,
.ds_page .row.banner_wrapper.d-grid>.col:last-child figure,
.content_m_page .row.banner_wrapper.d-grid>.col:last-child figure,
.generative_ai_page .row.banner_wrapper.d-grid>div:last-child {
margin-right: 0;
}
}
@media (max-width: 1470px) {
.container {
padding: 0 30px;
}
}
@media(min-height: 1100px) {
.home_banner_section .container {
height: 1024px;
}
}
@media (max-width: 1224px) {
.tab_header li {
padding: 14px 20.4px;
}
.tab_header {
width: fit-content;
}
}
@media (max-width: 1180px) {
ul.tab_list.d-flex {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 1024px) {
.container {
padding: 60px 18px;
}
h1 {
font-size: 50px;
}
.home_h1,
.h2-100 {
font-size: 70px;
}
.row_alt_banner h1 {
font-size: 40px;
line-height: 49px;
margin-bottom: 18px;
}
.h2-70 {
font-size: 48px;
}
.h3-44 {
font-size: 32px;
}
.btn-arrow {
width: 60px;
height: 60px;
}
.btn-arrow svg {
width: 15px;
height: 15px;
}
.h2-44 {
font-size: 38px;
}
.h2-64 {
font-size: 54px;
line-height: 64px;
}
.h2-70 {
font-size: 56px;
}
h3 {
font-size: 28px;
line-height: 38px;
}
.h3-34 {
font-size: 30px;
line-height: 124%;
}
.industry_banner .row_alt_banner h1,
.case_studies_archive .row_alt_banner h1 {
font-size: 62px;
line-height: 72px;
}
.lead_with_ai h3 {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
ul.tab_list.d-flex {
margin-left: 1px;
flex-wrap: wrap;
justify-content: center;
}
.tab_item:first-child video {
height: 100%;
}
.service_wrapper>.col:nth-child(2),
.service_wrapper>.col:nth-child(3) {
flex-basis: 100%;
}
.banner_bot.d-flex,
.fueling_wrapper>.row.d-flex {
flex-direction: column;
}
.footer_socials {
padding-bottom: 70px;
margin-top: 48px;
}
nav.header_nav {
display: flex;
}
.home_banner_section figure {
margin-bottom: -40px;
padding-left: 32px;
padding-right: 32px;
}
.btn-primary {
font-size: 20px;
}
.btn-primary svg {
width: 14px;
height: 12px;
}
.stack_img_box {
margin: 22px 0px 0 0;
}
.title_wrapper.d-flex {
gap: 15px;
}
span.with_no {
font-size: 97px;
}
.fueling_bot_content p:first-child {
font-size: 26px;
}
.fueling_bot_content.d-flex {
gap: 20px;
align-items: end;
}
.security_img_wrapper:nth-child(1),
.security_img_wrapper:nth-child(2),
.security_img_wrapper:nth-child(3) {
height: 268.5px;
}
.security_img_wrapper:nth-child(4),
.security_img_wrapper:nth-child(5),
.security_img_wrapper:nth-child(6) {
height: 255px;
}
.security_img_wrapper h3 {
font-size: 20px;
}
.footer_top.d-grid {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
padding-bottom: 70px;
}
.footer_top.d-grid>.col:nth-child(4) {
grid-column: span 2 / 3;
}
.copyright_side_img.d-flex {
gap: 10px;
}
.copyright .desc {
font-size: 16px;
line-height: 26px;
}
.footer_bot {
padding: 80px 13px 0;
}
.row.banner_wrapper.d-grid>.col:first-child,
.data_labeling_page .row.banner_wrapper.d-grid>.col:first-child,
.generative_ai_page .row.banner_wrapper.d-grid>.col:first-child {
padding-top: 0;
}
.left_img.row.d-flex {
gap: 40px;
align-items: center;
}
.collection>.col:first-child,
.collection>.col:last-child {
flex-basis: 50%;
}
.collection>.col,
.collection:nth-child(2)>.col {
padding: 40px 50px 44px 36px;
}
.collection h2.h2-44 {
font-size: 34px;
}
.explore_our_ai_section {
padding: 150px 0 100px;
}
.our_history_section {
padding: 100px 0 160px;
}
.pb-140,
.why_tuoda,
.our_adc_services,
.contact_us_section,
.trusted_partners_section,
.fueling_next_gen_section,
.content_m_page .contact_us_section,
.content_m_page .our_customers_section,
.cms_stand_out,
.our_cms_side_img,
.key_genrative_ai.pb-140,
.who_we_are_section,
.right_experts_section,
.contact_banner_sec,
.industries_page_v1 .our_customers_section {
padding: 100px 0;
}
.collection_section,
.our_customers_section,
.llm_services,
.join_us_section,
.cp_map {
padding: 100px 0 50px;
}
.our_customers_section.dsc_oc_section,
.social_proffing_section,
.cmp_section,
.optimizing_llm_section,
.contact_page .our_customers_section,
.industry_list_section {
padding: 50px 0 100px;
}
.generative_ais_section,
.our_values_section,
.office_workspace_section {
padding: 50px 0;
}
.form-group {
gap: 18px;
}
.left_img.row.d-flex>.col:last-child {
padding-bottom: 0;
}
.our_adc_services .desc,
.collection:last-child .desc,
.collection:first-child .desc,
.content_m_page .row.banner_wrapper .desc {
max-width: 100%;
}
.collection>.col:last-child,
.collection:nth-child(2)>.col:last-child,
.collection:nth-child(3)>.col:last-child,
.collection:nth-child(4)>.col:last-child {
padding: 20px;
}
.kickoff_joiner svg {
height: 62px;
}
.kickoff_joiner {
max-width: 521px;
}
.kickoff_steps {
max-width: 732px;
}
.kickoff_steps figure {
width: 200px;
height: 200px;
}
.kickoff_steps:nth-child(odd):not(:first-child) .col_contents {
padding-left: 0;
}
.kickoff_steps h3 {
font-size: 32px;
line-height: 38px;
}
.kickoff_steps .col_wrap {
gap: 50px;
}
.content_m_page .banner_wrapper .btn-primary {
padding: 18px 24px 20px 24px;
gap: 18px;
}
.cm_wrapper h3 {
font-size: 32px;
line-height: 42px;
}
.cm_wrapper .col:nth-child(3n + 1) .col_inner .col_image {
flex: 0 0 50%;
}
.cm_wrapper .col:first-child .col-contents {
padding: 0;
}
.cm_wrapper .col {
padding: 28px 27.5px 40px 28.5px;
}
.cm_wrapper h3 {
font-size: 34px;
line-height: 46px;
margin-bottom: 12px;
}
.cm_wrapper .col:nth-child(3n + 1) .col_inner {
align-items: center;
}
:is(.cm_wrapper .col:nth-child(3n + 2), .cm_wrapper .col:nth-child(3n + 3)) h3 {
font-size: 28px;
line-height: 38px;
}
.ms_row {
padding: 24px 20px 24px 20px;
}
.ms_row.d-flex h3 {
padding: 0 38px 0 28px;
}
.ms_row {
padding: 24px 20px 24px 24px;
}
.ms_row img {
width: 70px;
height: 70px;
}
.generative_ais_section .row.d-grid,
.optimizing_llm_section .row.d-grid,
.build_le_section .row.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.social_proffing_wrapper {
margin-left: 0;
}
.right_experts_slider_wrapper {
margin: 0 -30px 0 -30px;
padding-bottom: 20px;
}
.row_alt_banner .col:last-child {
margin-right: 0;
}
.histroy_slider_wrapper {
max-width: 50%;
flex-basis: 50%;
}
.join_us_section .row.d-grid {
grid-template-columns: 1fr 1fr;
gap: 7%;
}
.office_workpspace_wrapper.d-grid {
gap: 40px;
}
.ow_info_wrapper {
margin-top: 50px;
}
.ow_info_wrapper .col>p:first-child {
font-size: 48px;
line-height: 52px;
}
.featured_posts .row.d-flex {
gap: 30px;
}
.side_post_blog h2 {
font-size: 20px;
line-height: 26px;
}
.side_post_blog .post-info {
margin-bottom: 2px;
font-size: 12px;
line-height: 16px;
}
.side_post_blog .blog_figure {
flex-basis: calc(34% - 8px);
}
.side_post_blog .post_contents {
flex-basis: calc(66% - 8px);
}
.side_post_blog {
gap: 16px;
}
.post_blog .post_title h2 {
font-size: 28px;
line-height: 34px;
}
.post-info,
.post_blog .category {
font-size: 16px;
}
.blogs_wrapper.d-grid {
gap: 50px 40px;
}
.contact_banner .col:first-child {
padding-top: 0;
}
.row.indrustry_wrapper.d-grid {
gap: 40px 20px;
}
.industry_col_v1 {
padding: 28px 18px 18px;
}
.impact_ai .col div {
font-size: 70px;
line-height: 83px;
}
.impact_ai .col {
padding: 0 60px 10px 60px;
}
.abu_row_wrapper .col.col_contents {
padding: 0 40px 0 0;
}
.abu_row_wrapper .row:nth-child(even) .col.col_contents {
padding: 0 0 0 40px;
}
.abu_row_wrapper .h3-44 {
line-height: 42px;
}
.highlight_desc .desc {
font-size: 24px;
line-height: 38px;
}
.use_case_lists .filter_faq_lists {
flex-direction: row;
flex-wrap: wrap;
}
.use_case_lists .row.d-grid {
grid-template-columns: 1fr;
}
.before_after_text {
font-size: 18px;
}
.use_case_lists .btn-filter:active,
.use_case_lists .btn-filter:focus {
box-shadow: 0px 4px 0px 0px #7c993e;
}
.row.case_study_wrapper.d-grid {
gap: 40px 28px;
}
.header_logo {
max-width: 180px;
}
.header_wrapper {
border-radius: 14px;
padding: 14px 9px 14px 15px;
}
.header_wrapper .btn-primary.hamburger_open {
display: inline-flex;
padding: 9px;
}
.header_wrapper .btn-primary svg {
width: 24px;
height: 24px;
}
.header_wrapper>.btn_wrapper {
display: none;
}
.single_blog_page .share_post.d-flex {
padding-block: 50px;
align-items: start;
gap: 16px;
flex-direction: column;
}
.blog_contents_sidebar {
padding-right: 30px;
}
.dive_in_wrap .btn-primary {
padding-inline: 10px;
}
.dive_in_wrap {
padding: 20px 16px 16px;
}
.input-group {
margin-bottom: 30px;
}
.contact_us_section .row.d-flex {
flex-direction: column;
}
.contact_us_section .row.d-flex>.col:first-child {
flex-direction: row;
}
.contact_us_section .row.d-flex>.col:first-child figure,
.contact_us_section .row.d-flex>.col:first-child h2 {
width: 50%;
}
.ol_img,
.ol_img>img {
min-height: auto;
}
.office_location_icon.india .icon {
transform: translate(-110%, 155%);
}
.info_wrap.india {
transform: translate(0%, -74%);
}
}
@media (max-width: 980px) {
.left_img.row.d-flex {
gap: 40px;
flex-direction: column;
}
.no_img_box.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px 30px;
}
.generative_ais_section .row.d-grid,
.optimizing_llm_section .row.d-grid,
.build_le_section .row.d-grid,
.office_workpspace_wrapper.d-grid,
.faq_contents .row.d-grid {
grid-template-columns: 1fr;
}
.generative_ais_section .row.d-grid,
.optimizing_llm_section .row.d-grid,
.build_le_section .row.d-grid {
gap: 40px;
}
.pc_wrapper {
margin: 0 auto 0 auto;
}
.office_workpspace_wrapper.d-grid {
gap: 20px;
}
.side_post_blog h2 {
font-size: 18px;
line-height: 24px;
}
.side_post_blog .post-info {
font-size: 10px;
line-height: 16px;
}
.blog_category_page .blog_lists {
padding-top: 0;
}
.filter_faq_lists {
flex-direction: row;
flex-wrap: wrap;
}
.faq_contents .row.d-grid {
gap: 60px;
}
.cp_list .col:first-child {
padding: 36px 20px 0 0px;
}
.alt_indrustry_wrapper .industry_col_v1 {
grid-template-columns: 1fr;
padding: 20px 20px 20px 40px;
gap: 30px;
}
.alt_indrustry_wrapper .industry_col_v1 .col_contents {
padding: 0 30px 0 0;
max-width: 100%;
}
.impact_ai .col {
padding: 0 40px 10px 40px;
}
.industry_single_banner .col_contents {
margin-right: 30px;
}
.before_text {
left: 15.7%;
}
.after_text {
right: 15.7%;
}
.page-template-default .ultimate_content .ultimate_title {
max-width: 100%;
}
.office_location_tabs {
border-radius: 16px;
padding: 18px;
bottom: 20px;
left: 20px;
}
}
@media (max-width: 767px) {
body {
font-size: 16px;
/* line-height: 30px; */
line-height: 26px;
/* line-height: 140%; */
}
/*----INT-313----*/
h1 {
font-size: 38px;
line-height: 45px;
}
h2 {
font-size: 34px;
line-height: 135%;
}
.row_alt_banner h1 {
font-size: 34px;
line-height: 46px;
}
.header_wrapper .nav_list,
.header_wrapper .btn-primary:first-child {
display: block;
}
.btn-primary {
font-size: 20px;
line-height: 150%;
}
.d-flex {
flex-direction: column;
}
.h2-44 {
font-weight: 400;
font-size: 28px;
line-height: 136%;
}
.h2-64 {
font-size: 48px;
line-height: 52px;
}
.h2-70 {
font-size: 34px;
line-height: 135%;
}
.h2-100 {
font-size: 48px;
line-height: 108%;
}
h3 {
font-size: 20px;
line-height: 30px;
}
.h3-34 {
font-size: 28px;
line-height: 38px;
}
.h3-44 {
font-size: 24px;
line-height: 117%;
letter-spacing: -0.02em;
}
.mt-70 {
margin-top: 40px;
}
.br-24,
.contact_us_section .row.d-flex>.col:first-child figure,
.testimonials_wrapper .col,
.tab_header,
.collection,
.left_img figure,
.dc_service_item,
.oda_services img,
.join_us_section .col:first-child {
border-radius: 14px;
}
.ls-0,
.left_img.row h3,
.fueling_wrapper .title_wrapper.d-flex h2,
.trusted_partners_section h2,
.our_adc_services h2,
.collection h2.h2-44,
.why_choose_odas .title_wrapper.d-flex h2,
.npl_das h2,
.c_vision_das h2,
.no_img_box h3,
.other_das h2 {
letter-spacing: 0;
}
.banner_bot .desc,
.fueling_bot_content p,
.service_wrapper .col .desc,
.testimonials_wrapper .col .desc,
.row.banner_wrapper .desc,
.left_img.row li,
.collection .desc,
.positive_change_section .desc {
line-height: 26px;
}
.btn-arrow {
width: 40px;
height: 40px;
box-shadow: 0px 2px 0px var(--color-border);
}
.btn-arrow svg {
width: 12px;
height: 12px;
}
.data_labeling_page .row.banner_wrapper h1,
.content_m_page .row.banner_wrapper h1 {
font-size: 46px;
line-height: 52px;
}
.our_customers_section h2+.desc,
.our_customers_section h2 {
text-align: left;
}
.header_wrapper .btn-primary.hamburger_open {
display: inline-flex;
padding: 9px;
}
header {
padding: 10px 18px 10px;
}
.page_contents {
margin-top: -10px;
}
.header_logo {
max-width: 164.79px;
}
ul.tab_list.d-flex {
margin-left: 1px;
flex-direction: column;
width: 100%;
}
.tab_item:first-child video {
height: 100%;
}
.home_banner_section .container {
position: unset;
display: block;
height: unset;
align-items: unset;
overflow: unset;
}
.home_banner_section figure {
margin-bottom: 9px;
padding-left: 0;
padding-right: 0;
margin-inline: -17px;
position: unset;
width: unset;
}
.header_wrapper {
padding: 14px 9px 14px 15px;
border-radius: 17px;
}
.header_wrapper .btn-primary svg {
width: 24px;
height: 24px;
}
.home_banner_section {
padding: 24.08px 0 30px;
}
.home_h1 {
font-size: 48px;
line-height: 108%;
margin-bottom: 20px;
}
.home_h1:before {
top: -50px;
height: 100px;
}
.banner_bot.d-flex {
padding-right: 0;
gap: 32px;
}
.banner_bot .btn-primary {
width: 100%;
padding: 13px;
}
.banner_bot .desc {
padding-top: 2px;
}
.social_proffing_section {
padding: 30px 0 30px;
}
.fueling_next_gen_section {
padding: 68px 0 62px;
border-radius: 28px;
}
.stack_img_box {
max-width: 100%;
margin: 11px 0 0 0;
display: flex;
gap: 0px;
align-items: center;
}
.stack_img_wrapper {
display: flex;
margin-bottom: 0;
padding-left: 9px;
margin-right: 21px;
}
.stack_img_box .desc {
max-width: 100%;
font-size: 18px;
line-height: 32px;
letter-spacing: 0.01em;
}
.stack_img_wrapper img {
width: 51px;
height: 51px;
margin-left: -13px;
}
.fueling_wrapper .title_wrapper {
margin-bottom: 40px;
}
.fueling_wrapper>.row.d-flex {
gap: 18px;
}
.social_proffing_swiper .swiper-slide {
padding: 2px 15px;
height: 58px !important;
}
.no_box {
padding: 22px 24px 26px;
}
.no_box_title {
font-size: 34px;
line-height: 46px;
margin-bottom: 8px;
}
.no_box p {
font-size: 14px;
line-height: 24px;
}
.no_box>.col:first-child {
padding-bottom: 24px;
}
.no_box>.col:last-child {
padding-top: 21px;
}
.no_box>.col.d-flex>.col_wrap:last-child {
padding-left: 17px;
}
.no_box>.col.d-flex {
flex-direction: row;
gap: 10px;
}
.no_box>.col.d-flex>.col_wrap {
flex-basis: 50%;
}
.no_box>.col:last-child .col_wrap:last-child .no_box_title {
margin-left: 0;
}
.no_box>.col:last-child .col_wrap:last-child p {
left: 0;
}
.no_box>.col>.col_wrap:first-child {
flex-basis: 55%;
}
.fueling_bot_content {
padding-top: 77px;
}
span.with_no {
font-size: 99px;
margin-left: 4px;
}
.fueling_bot_content p:first-child {
font-size: 18px;
padding-left: 5px;
}
.fueling_bot_content.d-flex {
gap: 31px;
align-items: start;
}
.fueling_bot_content p {
text-align: center;
}
.explore_our_ai_section h2 {
margin-bottom: 19px;
}
.explore_our_ai_section {
padding: 109px 0 75px;
margin-top: -50px;
}
.explore_our_ai_section .title_wrapper .desc {
font-size: 18px;
line-height: 30px;
}
.service_wrapper.d-flex {
padding-top: 54px;
gap: 34px;
}
.service_wrapper>.col,
.service_wrapper>.col:nth-child(2),
.service_wrapper>.col:nth-child(3),
.service_wrapper>.col:nth-child(4) {
padding: 26px 18px 0;
}
.service_wrapper>.col>figure {
margin: 0;
}
.service_wrapper>.col:nth-child(3)>figure {
margin: 0 0 18px 0;
}
.service_wrapper>.col:nth-child(2)>figure {
margin: -10px 0px 19px -13px;
}
.service_wrapper>.col:nth-child(4) {
padding-bottom: 35px;
}
.title_icon_wrapper>img {
width: 36px;
height: 36px;
margin-top: 0;
border-radius: 8px;
}
.title_icon_wrapper {
gap: 14px;
margin-bottom: 0;
align-items: start;
}
.partners_img_wrapper {
width: 100%;
height: 100%;
border-radius: 12px;
}
.title_wrapper.title_icon.d-flex {
flex-direction: row;
align-items: start;
gap: 10px;
}
/* .explore_our_ai_section .title_icon_wrapper h3 { */
/* display: -webkit-box; */
/* -webkit-line-clamp: 1; */
/* -webkit-box-orient: vertical; */
/* overflow: hidden; */
/* word-break: initial; */
/* white-space: nowrap;
width: 190px;
text-overflow: ellipsis; */
/* } */
.title_icon_wrapper .h3-44 {
line-height: 28px;
}
.service_wrapper .col .desc {
margin-top: 16px;
margin-bottom: 40.19px;
}
.service_wrapper>.col:nth-child(4) .desc {
margin-bottom: 5px;
}
.service_wrapper>.col:nth-child(2) .desc,
.service_wrapper>.col:nth-child(3) .desc {
max-width: 100%;
margin-top: 16px;
}
.service_wrapper>.col:nth-child(2) .desc {
margin-bottom: 36px;
}
.service_wrapper>.col:nth-child(3) .desc {
margin-bottom: 49px;
}
.service_wrapper>.col {
border-radius: 16px;
}
.service_wrapper>.col:nth-child(4)>figure {
margin: 0 -5px 0;
}
.data_annotation_tools_section {
padding: 66px 0 66px;
border-radius: 28px;
}
.data_annotation_tools_section h2 {
font-size: 48px;
line-height: 52px;
max-width: 80%;
}
.tab_header {
margin: 21px 7px 45px;
padding: 9px;
}
.tab_header li {
padding: 8px;
border-radius: 8px;
font-size: 14px;
line-height: 24px;
border: none;
height: 40px;
}
.tab_content_bg {
padding: 12px 10px 10px;
border-radius: 0 0 12.5px 12.5px;
}
.tab_item:first-child video {
border-radius: 4px;
border: 2px solid rgba(0, 0, 0, 0.01);
}
.trusted_partners_section {
padding: 74px 0 75px;
}
.trusted_partners_section h2 {
margin-bottom: 40px;
}
.partners_wrapper.d-flex {
flex-direction: row;
gap: 18px;
justify-content: center;
}
.partners_wrapper.d-grid {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 18px;
}
.partners_wrapper.d-grid .partners_img_wrapper {
height: 100px;
padding-inline: 10px;
}
.our_customers_section {
padding: 72px 0 62px;
}
.our_customers_section h2 {
margin-bottom: 19px;
font-size: 48px;
line-height: 52px;
}
.our_customers_section h2+.desc,
.data_security_section h2+.desc {
font-size: 18px;
line-height: 30px;
}
.testimonials_wrapper.d-grid {
grid-template-columns: repeat(auto-fill, minmax(336px, 1fr));
gap: 0;
padding-top: 52px;
display: flex;
}
.swiper-container,
.swiper_key_genrative_ai_container {
margin-right: -20px !important;
}
.name_wraper.d-flex {
gap: 16px;
flex-direction: row;
margin-top: 48px;
}
.swiper.swiper-container,
.swiper.dc_services_swiper,
.swiper.swiper_key_genrative_ai_container,
.swiper.experience_with_gai_swiper {
overflow: visible;
overflow-x: clip;
}
.testimonials_wrapper .col {
padding: 28px 24px;
height: 100% !important;
min-height: 370px;
}
.testimonials_wrapper .col .desc {
font-size: 14px;
}
.swiper-pagination {
display: block;
bottom: -60px !important;
margin-left: -3px;
}
.customer_name {
font-size: 14px;
line-height: 17px;
margin-bottom: 10px;
}
.name p:last-child {
font-size: 12px;
line-height: 12px;
}
.data_security_section h2 {
margin-bottom: 22px;
font-size: 48px;
line-height: 52px;
}
.security_socials {
padding-top: 48px;
}
.security_img_wrapper {
border-radius: 16px;
}
.security_socials.d-flex {
gap: 30px;
}
.security_img_wrapper h3 {
font-size: 28px;
bottom: 36.39px;
}
.security_img_wrapper figure {
top: 0;
}
.security_img_wrapper {
flex-basis: unset !important;
overflow: hidden;
height: 286px !important;
}
.security_img_wrapper:nth-child(1) {
height: 285px !important;
}
.data_security_section {
padding: 60px 0 78px;
}
footer {
padding: 70px 0 64px;
border-radius: 24px;
}
.footer_top.d-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0 14.4%;
padding-bottom: 0;
}
.footer_socials {
padding-bottom: 48px;
margin-bottom: 0;
margin-top: 0;
}
.footer_menu li a,
.footer_menu {
font-size: 18px;
line-height: 30px;
}
.footer_menu+.footer_title,
.footer_title {
margin-top: 34px;
}
.footer_top .col:first-child .footer_title,
.footer_top .col:nth-child(2) .footer_title {
margin-top: 0;
}
.copyright_side_img.d-flex {
gap: 26px;
flex-direction: row;
}
.copyright.d-flex {
padding: 20px;
text-align: center;
gap: 18px;
}
.footer_bot {
padding: 34px 0 0;
}
.socials a {
margin-right: 6px;
}
.copyright_side_img figure {
width: 49px;
height: 49px;
}
.footer_top.d-grid .col:nth-child(2) {
width: 35%;
}
.row.banner_wrapper.d-grid,
.data_labeling_page .row.banner_wrapper.d-grid,
.form-group,
.no_img_box.d-grid,
.row.oda_services.d-grid,
.generative_ai_page .row.banner_wrapper.d-grid,
.join_us_section .row.d-grid,
.who_we_are_wrapper.d-grid,
.row.row_alt_banner,
.blog_page .row.row_alt_banner,
.author_lists.d-grid,
.blogs_wrapper.d-grid,
.contact_banner,
.cp_list,
.row.indrustry_wrapper.d-grid,
.industry_banner .row.row_alt_banner,
.industries_page_v2 .industry_banner .row.row_alt_banner,
.alt_indrustry_wrapper .industry_col_v1,
.industry_single_banner .row.d-grid,
.wu_ai_header.d-grid,
.benefits_of_ai .title_wrapper.d-grid,
.use_case_lists .row.d-grid,
.case_study_banner .row.row_alt_banner,
.row.case_study_wrapper.d-grid {
grid-template-columns: 1fr;
}
.row.banner_wrapper.d-grid,
.data_labeling_page .row.banner_wrapper.d-grid,
.generative_ai_page .row.banner_wrapper.d-grid {
padding: 54px 0 32px;
gap: 44.5px;
}
.row.banner_wrapper .desc {
font-size: 16px;
}
.ds_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin-right: -7px;
margin-top: 0;
}
.row.banner_wrapper.d-grid>.col:first-child,
.data_labeling_page .row.banner_wrapper.d-grid>.col:first-child,
.content_m_page .row.banner_wrapper.d-grid>.col:first-child {
padding-top: 0;
}
.row.banner_wrapper .btn-wrapper {
margin-top: 47px;
}
.banner_wrapper .btn-primary,
.data_labeling_page .banner_wrapper .btn-primary,
.content_m_page .banner_wrapper .btn-primary,
.generative_ai_page .banner_wrapper .btn-primary {
padding: 13px 26px;
width: 100%;
}
.row.banner_wrapper h1,
.data_labeling_page .row.banner_wrapper h1,
.content_m_page .row.banner_wrapper h1 {
margin-bottom: 20px;
}
/*----INT-321----*/
.dc_services_swiper_wrapper {
padding: 28px 10px 0 10px;
margin-right: calc(50% - 50vw + 0px);
}
/*----INT-321----*/
.dc_service_item {
width: 90% !important;
margin: 5%;
}
.dc_service_item h3 {
margin-bottom: 6px;
}
.why_tuoda .dc_service_item h3 {
letter-spacing: 0.02em;
}
:is(.why_tuoda, .cms_stand_out) h2 {
font-size: 28px;
line-height: 38px;
}
.pagination_arrow {
display: none;
}
.left_img.row h3 {
font-size: 28px;
line-height: 38px;
}
.collection>.col,
.collection:nth-child(2)>.col {
padding: 28px 34px 40px 24px;
}
.collection h2.h2-44 {
font-size: 34px;
line-height: 46px;
margin: 0 0 8px;
}
.collection_section {
padding: 75px 0 30px;
}
.our_customers_section.dsc_oc_section {
padding: 40px 0 130px;
}
.contact_us_section {
padding: 75px 0 75px;
}
.contact_us_section .row.d-flex>.col:first-child {
padding-bottom: 48px;
padding-top: 0;
gap: 22px;
}
.form-group {
gap: 0;
}
.input-group,
.data_labeling_page .input-group {
margin-bottom: 20px;
gap: 10px;
}
.input-group label {
font-size: 16px;
line-height: 20.6px;
display: inline-block;
margin-bottom: 11px;
}
.contact_us_section .btn_wrapper {
margin-top: 24px;
}
.contact_us_section .btn-primary {
width: 100%;
padding: 12px;
gap: 19px;
}
.collection>.col:last-child,
.collection:nth-child(2)>.col:last-child,
.collection:nth-child(3)>.col:last-child,
.collection:nth-child(4)>.col:last-child {
padding: 16px;
}
.collection:nth-child(2)>.col:last-child {
padding: 20px 16px 16px;
}
.collection:nth-child(3)>.col:last-child {
padding: 25px 16px 22px;
}
.collection:nth-child(4)>.col:last-child {
padding: 11px 16px 8px;
}
.our_adc_services h2 {
margin-bottom: 40px;
}
.left_img.row.d-flex {
gap: 32px;
}
.left_img.row.d-flex>.col:last-child {
flex-basis: 100%;
}
.our_adc_services {
padding: 75px 0 75px;
}
.social_proffing_section.dsp_sp,
.data_labeling_page .social_proffing_section.dsp_sp {
padding: 45px 0 15px;
}
.why_tuoda {
padding: 70px 0 130px;
}
.dc_service_item figure img {
aspect-ratio: 1.68 / 1;
}
.dc_service_item {
padding: 10px 10px 18px;
}
.dc_service_item figure {
margin-bottom: 20px;
border-radius: 8px;
}
.dc_services_swiper .swiper-pagination {
bottom: -62px !important;
margin-left: -23px;
left: -26px;
}
.why_tuoda .dc_services_swiper .swiper-pagination {
bottom: -69px !important;
margin-left: -2px;
left: -26px;
}
.cms_stand_out .dc_services_swiper .swiper-pagination {
bottom: -39px !important;
}
.our_adc_services .list-ul ul {
margin-left: 24px;
}
.dc_service_item .desc {
font-size: 14px;
line-height: 24px;
}
.collection {
margin-bottom: 40px;
}
.dc_services_swiper .swiper-pagination {
display: block;
}
.contact_us_section .row.d-flex {
gap: 0;
}
.data_labeling_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin: 0 -4px;
}
.data_labeling_page .row.banner_wrapper.d-grid {
gap: 60px;
padding-bottom: 8px;
}
.why_choose_odas {
padding: 69px 0 129px;
}
.why_choose_odas .dc_service_item h3 {
letter-spacing: 0.02em;
}
.dc_services_swiper .swiper-slide {
height: 100% !important;
}
.row.oda_services.d-grid {
gap: 30px;
padding: 30px 0;
}
.oda_services:nth-child(even) .col_contents {
margin-top: 0;
}
.oda_services:nth-child(even) .col:first-child {
order: 2;
}
.oda_services:nth-child(even) .col:last-child {
order: 1;
}
.getting_started_section .row.d-flex {
gap: 40px;
flex-direction: column-reverse;
}
.getting_started_section .row.d-flex .col:first-child {
flex-basis: 100%;
margin-left: 0;
padding-right: 0;
}
.kickoff_steps .col_wrap {
display: flex;
gap: 28px;
margin-block: 0;
flex-direction: column;
text-align: center;
}
.kickoff_joiner {
display: none;
}
.kickoff_steps:nth-child(even) .col_wrap {
flex-direction: column;
}
.kickoff_steps:nth-child(odd):not(:first-child) .col_contents {
padding-left: 0;
}
.kickoff_steps {
margin-bottom: 34px;
}
.kickoff_steps:last-child {
margin-bottom: 0;
}
.kickoff_steps .figure_wrap svg,
.kickoff_steps figure {
width: 140px;
height: 140px;
}
.kickoff_steps figure {
padding: 24px;
}
.c_vision_das {
padding: 75px 0;
}
.row.no_img_box {
margin-top: 43px;
}
.no_img_box.d-grid {
gap: 28px;
}
.no_img_box>.col .tag_no {
line-height: 16px;
margin-bottom: 20px;
}
.no_img_box>.col {
padding: 20px 18px 17px;
border-radius: 16px;
}
.no_img_box h3 {
font-size: 28px;
line-height: 38px;
margin-bottom: 14px;
margin-right: -7px;
}
.no_img_box .desc {
line-height: 26px;
}
.no_img_box figure {
margin-top: 30px;
margin-inline: -1px;
}
.no_img_box.d-grid {
gap: 28px;
}
.c_vision_das .no_img_box>.col:nth-child(2) h3 {
letter-spacing: -0.02em;
}
.npl_das {
padding: 0 0 75px;
}
.npl_das .no_img_box h3 {
margin-bottom: 12px;
}
.npl_das .no_img_box>.col .tag_no {
margin-bottom: 21px;
}
.other_das {
padding: 75px 0 45px;
}
.oda_services h3 {
margin-bottom: 12px;
font-size: 28px;
line-height: 38px;
}
.oda_services img {
height: 264px;
}
.oda_services .desc {
line-height: 26px;
}
.other_das h2 {
margin-bottom: 12px;
}
.getting_started_section {
padding: 5px 0;
}
.getting_started_section img {
border-radius: 12px;
aspect-ratio: 1.22 / 1;
}
.getting_started_section h2 {
font-size: 34px;
line-height: 46px;
letter-spacing: 0;
}
.getting_started_section .desc {
line-height: 26px;
}
.getting_started_section .btn_wrapper {
margin-top: 34px;
}
.getting_started_section .btn-primary {
width: 100%;
padding: 14px 14px;
}
.kickoff {
padding: 72px 0 70px;
}
.kickoff_wrapper.row.mt-70 {
margin-top: 40px;
}
.kickoff_steps h3 {
font-size: 24px;
line-height: 28px;
margin-bottom: 14px;
}
.kickoff_steps .desc {
line-height: 26px;
}
.kickoff_steps:nth-child(4) .col_contents {
margin-top: 6px;
}
.data_labeling_page .our_customers_section.dsc_oc_section {
padding: 74px 0 127px;
}
.testimonials_wrapper .col:first-child .name {
margin-bottom: 1px;
max-width: 100%;
}
.testimonials_wrapper .col .name {
max-width: 100%;
margin-bottom: 1px;
}
.data_labeling_page .contact_us_section {
padding: 60px 0 63px;
}
.data_labeling_page .contact_us_section .row.d-flex>.col:first-child {
gap: 30px;
padding-bottom: 45px;
}
.data_labeling_page .contact_us_section .row.d-flex>.col:last-child {
padding-left: 0;
}
input,
select,
textarea {
padding: 15px 20px 15px;
font-size: 14px;
line-height: 18px;
border-radius: 10px;
}
input,
select {
height: 52px;
}
textarea {
height: 142px;
}
.content_m_page .row.banner_wrapper.d-grid>.col:last-child figure {
margin: 11px 0 0;
}
.content_m_page .row.banner_wrapper.d-grid {
padding-bottom: 15px;
}
.cms_stand_out {
padding: 10px 0 100px;
}
.cms_stand_out h2 {
letter-spacing: 0;
margin-right: 5%;
}
.content_m_page .dc_service_item h3 {
letter-spacing: 0.02em;
}
.content_m_page .dc_service_item .desc {
margin-right: 0;
}
.our_cms_side_img {
padding: 75px 0;
}
.content_m_page .our_cms_side_img .left_img.row {
margin-top: 42px;
gap: 27px;
}
.our_cms_side_img .left_img.row h3 {
padding-left: 0;
letter-spacing: -0.02em;
}
.content_m_page .left_img.row.d-flex>.col:last-child {
padding: 0 0 0 12px;
}
.content_m_page .our_cms_side_img .list-ul ul {
margin-left: 13px;
}
.cm_wrapper .col:nth-child(3n + 1) .col_inner {
flex-direction: column;
gap: 42px;
}
.cm_wrapper .col:nth-child(3n + 1) .col_inner .col_image {
flex: 1 0 100%;
margin: 0 -20px 0 -18px;
}
.cm_wrapper .col {
padding: 40px 22px 12px 18px;
border-radius: 16px;
}
.cm_wrapper p {
margin-bottom: 19px;
}
.cm_wrapper p+p {
margin-bottom: 12px;
}
.cm_wrapper .list-ul ul {
margin-left: 8px;
}
.cm_wrapper .list-ul li {
margin-bottom: 0px;
line-height: 26px;
}
.cm_wrapper ul li::marker {
font-size: 0.4em;
margin-right: 0 !important;
}
.cm_wrapper .col:nth-child(3n + 2),
.cm_wrapper .col:nth-child(3n + 3) {
padding: 18px 18px 40px;
}
.cm_wrapper .col:nth-child(3n + 2) .col_image,
.cm_wrapper .col:nth-child(3n + 3) .col_image {
margin-bottom: 35px;
}
.cm_wrapper .col:nth-child(3n + 2) .col-contents,
.cm_wrapper .col:nth-child(3n + 3) .col-contents {
padding: 0;
}
:is(.cm_wrapper .col:nth-child(3n + 2), .cm_wrapper .col:nth-child(3n + 3)) h3 {
letter-spacing: -0.02em;
}
.cm_wrapper h3 {
font-size: 28px;
line-height: 38px;
}
.cm_wrapper .desc {
line-height: 26px;
}
.cm_wrapper .col:nth-child(3n + 3) .desc {
max-width: 90%;
}
.cm_vti_section {
padding: 0 0 30px;
}
.moderation_services {
padding: 45px 0 30px;
}
.moderation_services h2 {
margin-bottom: 48px;
}
.ms_row.d-flex {
align-items: start;
gap: 10px;
}
.ms_row {
border-radius: 12px;
padding: 28px 20px;
}
.ms_row img {
width: 60px;
height: 60px;
}
.ms_row.d-flex h3 {
padding: 0;
letter-spacing: -0.02em;
}
.ms_row.d-flex figure {
margin-bottom: 14px;
}
.ms_row.d-flex .desc {
flex-basis: 100%;
padding-left: 0;
line-height: 26px;
}
.cmp_section {
padding: 45px 0 75px;
}
.cmp_section .desc {
line-height: 26px;
}
.cmp_section h2 {
margin-bottom: 18px;
}
.cmp_row h3 {
max-width: 100%;
}
.cmp_row>.col figure {
margin-bottom: 20px;
}
.cmp_row>.col {
padding: 8px 8px 18px 8px;
}
.cmp_row>.col figure img {
aspect-ratio: 1.4696 / 1;
}
.cmp_row.d-grid {
gap: 23px;
}
.content_m_page .our_customers_section {
padding: 72px 0 130px;
}
.content_m_page .contact_us_section {
padding: 0px 0 66px;
}
.content_m_page .contact_us_section .row.d-flex>.col:first-child {
margin-top: 0;
gap: 13px;
}
.content_m_page .our_customers_section h2+.desc {
max-width: 90%;
}
.generative_ai_page .banner_wrapper .btn-primary {
gap: 18px;
}
.generative_ai_page .row.banner_wrapper .btn-wrapper {
margin-top: 45px;
}
.generative_ai_page .row.banner_wrapper.d-grid>div:last-child {
margin: 15px 0 0;
}
.generative_ai_page .row.banner_wrapper.d-grid {
padding-bottom: 17px;
}
.what_set_apart_gai.pb-140 {
padding: 68px 0 117px;
}
.what_set_apart_gai .dc_service_item h3 {
letter-spacing: 0.02em;
}
.llm_services {
padding: 75px 0 30px;
}
.llm_services h2 {
margin-bottom: 0;
}
.llm_services .mt-70 {
margin-top: -8px;
}
.llm_services .left_img figure {
flex-basis: 100%;
max-width: 100%;
margin: 0;
}
.llm_services img {
aspect-ratio: 1.383 / 1;
}
.llm_services .left_img.row.d-flex>.col:last-child {
flex-basis: 100%;
padding-left: 12px;
padding-top: 9px;
}
.llm_services .left_img.row h3 {
margin-bottom: 10px;
}
.llm_services .desc {
line-height: 26px;
}
.llm_services p {
margin-bottom: 20px;
}
.list-ul li {
margin-bottom: 8px;
}
.llm_services .list-ul ul {
margin-left: 12px;
}
.generative_ais_section {
padding: 45px 0 40px;
}
.generative_ais_section>div>.desc {
line-height: 26px;
}
.generative_ais_section h2 {
margin-bottom: 17px;
}
.generative_ais_section .row.d-grid>.accordion_image {
order: 1;
}
.generative_ais_section .row.d-grid>.accordion_section {
order: 2;
}
.generative_ais_section .row.d-grid.mt-70 {
margin-top: 48px;
}
.accordion_header {
padding: 20px;
letter-spacing: 0.02em;
}
.accordion_wrapper {
margin-bottom: 16px;
border-radius: 12px;
}
.accordion_content {
margin-top: -5px;
padding: 0 20px 20px;
line-height: 26px;
}
.optimizing_llm_section {
padding: 33px 0 75px;
}
.optimizing_llm_section .desc {
line-height: 26px;
}
.generative_ais_section .img_wrapper,
.optimizing_llm_section .img_wrapper {
border-radius: 16px;
}
.optimizing_llm_section .accordion_wrapper:nth-child(1) .accordion_header h3 {
max-width: 80%;
}
.optimizing_llm_section .accordion_wrapper {
margin-bottom: 22px;
}
.optimizing_llm_section .accordion_wrapper:last-child {
margin-bottom: 0;
}
.optimizing_llm_section .accordion_wrapper:nth-child(3) .accordion_header h3 {
margin: 0 -6px 0 -1px;
}
.key_genrative_ai.pb-140 {
padding: 75px 0 135px;
}
.icon_wrapper .col,
.our_values_section .icon_wrapper .col {
padding: 24px 24px 18px;
border-radius: 14px;
}
.icon_img {
width: 54px;
height: 54px;
border-radius: 12px;
margin-bottom: 30px;
}
.icon_wrapper.d-grid {
padding-top: 25px;
display: flex;
gap: 0;
}
.icon_wrapper h3 {
font-size: 24px;
line-height: 28px;
margin-bottom: 14px;
letter-spacing: -0.03em;
}
.icon_wrapper .desc {
font-size: 14px;
line-height: 24px;
}
.swiper_key_genrative_ai_container .swiper-pagination {
bottom: -65px !important;
margin-left: -9px;
}
.title_wrapper.d-flex>.title_wrap_left:first-child {
max-width: 100%;
}
.experience_with_gai {
padding: 72px 0 100px;
}
.experience_with_gai_swiper .dc_service_item h3 {
font-size: 20px;
line-height: 30px;
letter-spacing: 0.02em;
margin-bottom: 12px;
}
.experience_with_gai .desc {
line-height: 26px;
}
.experience_with_gai_swiper .dc_service_item {
padding: 12px 12px 42px 12px;
border-radius: 14px;
}
.experience_with_gai .dc_services_swiper_wrapper {
padding: 42px 0 0;
}
.experience_with_gai_swiper .dc_service_item figure img {
aspect-ratio: 1.551 / 1;
}
.experience_with_gai_swiper .dc_service_item figure {
margin-bottom: 20px;
}
.experience_with_gai_swiper .swiper-pagination {
bottom: -42px !important;
}
.build_le_section {
padding: 30px 0 60px;
}
.build_le_section>div>.desc {
line-height: 26px;
}
.build_le_section .img_wrapper {
border-radius: 12px;
}
.build_le_section .accordion_wrapper {
margin-bottom: 17px;
}
.generative_ai_page .contact_us_section {
padding: 37px 0 55px;
}
.generative_ai_page .contact_us_section .row.d-flex>.col:first-child {
padding: 0 0 46px;
}
.tab_header {
width: 100%;
max-width: 100%;
}
.partners_img_wrapper img,
.partners_img_wrapper:nth-child(1) img {
height: 41px;
}
.partners_img_wrapper:nth-child(2) img {
height: 32px;
}
.partners_img_wrapper:nth-child(3) img {
height: 30px;
}
.partners_img_wrapper:nth-child(4) img {
height: 18px;
}
.partners_img_wrapper:nth-child(5) img {
height: 38px;
}
.partners_img_wrapper:nth-child(6) img {
height: 18px;
}
.partners_img_wrapper:nth-child(7) img {
height: 28px;
}
.partners_img_wrapper:nth-child(8) img {
height: 16px;
}
.our_values_section .icon_wrapper.d-grid {
gap: 0;
}
.ow_info_wrapper.d-flex {
flex-direction: row;
}
.histroy_slider_wrapper {
max-width: 100%;
flex-basis: 100%;
}
.info_wrap p {
font-size: 5.1px;
line-height: 8.74px;
margin-bottom: 1px;
}
.info_wrap h3 {
font-size: 10.19px;
line-height: 100%;
margin-bottom: 4px;
}
.info_wrap_desc {
border-top: 0.5px solid #25272673;
padding-top: 6px;
}
.info_wrap {
padding: 7px 7px 4px;
box-shadow: 0px 5.1px 8.74px 0px #6755dc29;
border: 0.18px solid #25272673;
border-radius: 3.64px;
max-width: 118px;
transform: translate(14%, -128%);
}
.office_location_icon .icon {
width: 14px;
height: 14px;
padding: 4px;
transform: translate(23%, -170%);
}
/*.ol_img>img {*/
/* object-position: -32px;*/
/*}*/
.office_location_tabs {
border-radius: 6px;
padding: 12px;
bottom: 10px;
left: 9px;
}
.office_location_tabs h3 {
font-size: 14px;
margin-bottom: 3px;
}
.office_location_tabs {
border-radius: 6px;
padding: 10px;
}
.ol_tab_item {
font-size: 10px;
border-radius: 5.24px;
padding: 4px 8px;
margin-right: 0px;
line-height: 1em;
}
.ol_img,
.ol_img>img {
min-height: 254px;
}
.office_location_wrapper figure {
border-radius: 10px;
}
.pc_wrapper {
padding: 28px 24px 30px;
}
.pc_wrapper h2 {
font-size: 28px;
line-height: 38px;
margin-bottom: 20px;
}
.pc_info_wrapper .col {
padding: 17px 16px 20px;
border-radius: 10px;
}
.pc_info_wrapper .col:nth-child(3) {
padding-bottom: 18px;
}
.pc_info_wrapper .col p:first-child {
font-size: 28px;
line-height: 38px;
margin-bottom: 5px;
}
.pc_info_wrapper .col p:last-child {
font-size: 14px;
line-height: 24px;
}
.pc_info_wrapper.d-grid {
gap: 18px;
}
.dots_wrap {
padding: 26px 30px 0;
overflow-x: scroll;
margin-right: -18px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-pagination.history_dots {
position: unset !important;
width: 588px !important;
height: 125px;
padding: 0;
}
.dot-label-top,
.dot-label-bottom {
font-size: 14px;
line-height: 24px;
}
.history_dots .swiper-pagination-bullet-active .dot-label-top,
.history_dots .swiper-pagination-bullet-active .dot-label-bottom {
font-size: 18px;
line-height: 30px;
}
/*INT-295*/
.history_dots {
position: sticky;
top: 64px;
z-index: 10;
display: flex;
gap: 20px;
padding: 2px 0;
}
.history_dots::-webkit-scrollbar {
display: none;
}
.custom-dot {
flex: 0 0 auto;
}
.history_dots {
position: sticky;
top: 64px;
z-index: 10;
display: flex;
gap: 20px;
padding: 2px 0;
}
.history_dots::-webkit-scrollbar {
display: none;
}
.custom-dot {
flex: 0 0 auto;
}
.dot-label-top {
top: -30px;
}
.dot-label-bottom {
bottom: -29px;
}
.row_alt_banner,
.case_study_banner .row.row_alt_banner {
padding: 56px 0 24px;
}
.row.row_alt_banner,
.who_we_are_wrapper.d-grid,
.join_us_section .row.d-grid,
.office_workpspace_wrapper.d-grid,
.author_title.d-flex,
.case_study_banner .row.row_alt_banner {
gap: 0;
}
.row_alt_banner .col {
font-size: 16px;
line-height: 26px;
}
.row_alt_banner p {
margin-bottom: 28px;
}
.full_width_img {
padding: 25px 0 0;
}
.full_width_img img {
aspect-ratio: 2.0526 / 1;
}
.who_we_are_section {
padding: 58px 0;
}
.who_we_are_wrapper h2 {
font-size: 44px;
line-height: 58px;
margin-bottom: 30px;
}
.who_we_are_wrapper>.col.desc p {
font-size: 16px;
line-height: 26px;
margin-bottom: 17px;
}
.who_we_are_wrapper>.col.desc:last-child>p:first-child {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
margin-bottom: 17px;
}
.positive_change_section .container {
padding-block: 68px 70px;
}
.positive_change_section .desc {
max-width: 285px;
}
.pc_info_wrapper {
padding: 25px 0 0;
}
.right_experts_section {
padding: 57px 0 18px;
}
.right_experts_section h2 {
margin-bottom: 46px;
}
.right_experts_slider_wrapper {
margin: 0px -122px 0 -120px;
padding-bottom: 20px;
}
.our_history_section h2 {
overflow: hidden;
text-overflow: ellipsis;
/* white-space: nowrap; */
display: -webkit-box;
-webkit-line-clamp: 1;
/* -webkit-box-orient: vertical; */
letter-spacing: -0.02em;
margin-right: -18px;
}
.our_history_section {
padding: 75px 0 50px;
}
.history_slider_title {
font-size: 28px;
line-height: 38px;
margin-bottom: 16px;
}
.our_history_section .slide-row.d-flex {
padding: 0;
gap: 33px;
}
.join_us_section {
padding: 62px 0 30px;
}
.join_us_section .col:first-child {
margin-bottom: 26px;
}
.join_us_section h2 {
line-height: 46px;
max-width: 342px;
margin-bottom: 16px;
}
.join_us_section .btn_wrapper {
margin-top: 42px;
}
.join_us_section .btn-primary {
gap: 17px;
width: 100%;
font-size: 24px;
line-height: 36px;
padding: 14px 16px 17px;
}
.our_values_section {
padding: 30px 0 100px;
}
.our_values_section .icon_wrapper.d-grid {
padding-top: 32px;
}
.our_values_section .icon_wrapper h3 {
letter-spacing: 0.02em;
}
.our_values_section .icon_wrapper .col {
min-height: unset;
}
.our_values_section .swiper-pagination {
bottom: -67px !important;
}
.office_workpspace_wrapper h2 {
font-size: 44px;
line-height: 58px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
.office_workspace_section {
padding: 30px 0 76px;
}
.ow_info_wrapper {
margin-top: 62px;
padding: 24px 8px 0 9px;
}
.ow_info_wrapper .col>p:first-child {
margin-bottom: 10px;
}
.ow_info_wrapper .col>p:last-child {
margin: 0;
letter-spacing: -1px;
}
.ol_img {
display: flex;
}
.blog_page .row_alt_banner h1 {
font-size: 48px;
line-height: 52px;
margin-bottom: 21px;
}
.blog_page .row_alt_banner {
padding: 55px 0 29px;
}
.filter_btn_wrapper a.btn-primary {
padding: 10px 18px;
width: fit-content;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
}
.filter_btn_wrapper.d-flex {
gap: 12px;
flex-direction: row;
}
.filter_btn_wrapper {
padding: 30px 0 48px;
}
.author_lists.d-grid {
gap: 22px;
padding: 48px 0 0;
}
.our_authors {
padding: 43px 0 75px;
}
.author_item {
flex-direction: column;
gap: 24px;
padding: 24px;
border-radius: 14px;
}
.author_item figure img,
.author_item figure {
width: 74px;
height: 74px;
}
.author_position {
margin-bottom: 16px;
}
.our_authors .btn_wrapper {
padding: 40px 0 0;
}
.our_authors .btn_wrapper .btn-primary {
width: 100%;
font-size: 20px;
padding: 15px 16px 12px;
line-height: 30px;
}
.our_authors .btn_wrapper .btn-primary svg {
display: none;
}
.our_authors h2 {
font-size: 48px;
margin-bottom: 16px;
line-height: 52px;
}
.author_title.d-flex {
align-items: start;
}
.page-number li span.current {
width: 36px;
}
.page-number li a,
.page-number li span.current {
font-size: 14px;
line-height: 24px;
font-weight: 500;
padding: 5px 5px;
border-radius: 8px;
height: unset;
}
.page-number li a,
.page-number li span {
font-weight: 500;
}
.blogs_wrapper.d-grid {
gap: 28px;
}
.post_blog .post_title h2 {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
margin-right: -16px;
}
.post_blog .desc {
font-size: 14px;
line-height: 24px;
}
.post_blog .post-info {
margin-bottom: 16px;
}
.post_blog .blog_figure {
border-radius: 12px;
margin-bottom: 20px;
}
.side_post_blog h2 {
font-size: 18px;
line-height: 30px;
}
.side_post_blog {
gap: 16px;
margin-bottom: 18px;
padding-bottom: 19px;
}
.side_post_blog .blog_figure img {
/* height: 74px; */
aspect-ratio: 1.581 / 1;
}
.side_post_blog .post-info {
font-size: 12px;
line-height: 20px;
margin: 0;
}
.dot {
margin: 0 9px 2px;
}
.side_post_blog .dot {
width: 4px;
height: 4px;
margin: 0 4px 1px 5px;
}
.blog_page .row_alt_banner .col:last-child {
margin: 0;
font-size: 16px;
}
/*.page-number li:nth-child(4),*/
/*.page-number li:nth-child(7) {*/
/* display: none;*/
/*}*/
nav.edublink-pagination-wrapper {
grid-column: 1;
padding-top: 24px;
margin: 0;
margin-left: 6px;
}
.page-number li:not(:first-child):not(:last-child) {
width: 36px;
}
.page-number li a.next {
margin-left: 0;
padding-inline: 9px 12px;
}
ul.page-number svg {
width: 7px;
height: 7px;
}
.page-number li a.next,
.prev.page-numbers {
gap: 5.5px;
}
ul.page-number {
flex-wrap: wrap;
gap: 8px;
}
.featured_posts {
padding: 0 0 90px;
}
.featured_posts .post_blog:first-child .blog_figure {
border-radius: 14px;
margin-bottom: 20px;
}
.post-info,
.post_blog .category {
font-size: 14px;
line-height: 24px;
}
.featured_posts .row.d-flex {
gap: 37px;
}
.side_post_blog .blog_figure {
flex-basis: calc(35% - 8px);
margin-top: 6px;
}
.side_post_blog .post_contents {
flex-basis: calc(65% - 8px);
}
.side_post_blog:last-child {
padding-bottom: 20px;
border-bottom: 1px solid #25272633;
}
.featured_posts {
padding: 0 0 0;
}
.blog_lists {
padding: 20px 0 50px;
}
.page-template-blog-page .blog_lists {
padding-top: 58px;
}
.blog_figure img {
aspect-ratio: 1.774 / 1;
}
.author_content {
padding-top: 0;
}
.blog_page .contact_us_section {
border-radius: 28px;
padding: 75px 0 77px;
}
.blog_page .contact_us_section .row.d-flex>.col:last-child {
padding-top: 24px;
}
.blog_page .input-group {
gap: 11px;
}
.blog_page label.label-message {
font-size: 18px;
line-height: 22px;
}
.blog_page .contact_us_section .btn_wrapper {
margin-top: 40px;
}
.blog_page .contact_us_section .btn-primary {
padding: 12px 12px 18px;
}
.blog_category_page.blog_page .row_alt_banner {
padding: 54px 0 31px;
}
.btn-filter {
padding: 6px 16px 4px;
font-size: 14px;
line-height: 24px;
}
.filter_faq_lists {
gap: 14px 13px;
}
.faq_accordion_wrap_title {
font-size: 28px;
line-height: 38px;
margin-bottom: 24px;
}
.filer_tab_conent:nth-child(2) .faq_accordion_wrap_title {
margin-bottom: 25px;
}
.faq_accordion_wrapper h3 {
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.faq_accordion_wrapper .accordion_content {
line-height: 26px;
padding: 19px 0 0;
width: 100%;
}
.filer_tab_conent:nth-child(2) .accordion_content {
padding-top: 20px;
}
.faq_accordion_wrapper .accordion_wrapper {
margin-bottom: 19px;
padding-bottom: 20px;
}
.faq_accordion_wrapper .accordion_header {
gap: 23px;
}
.faq_accordion_wrapper .accordion_header svg {
/* width: 14.5px;
height: 10px; */
margin-right: 2px;
width: 20px;
height: 20px;
}
.faq_accordion_wrapper .accordion_wrapper:last-child {
margin-bottom: 0px;
}
.filer_tab_conent:nth-child(2) {
padding-bottom: 48px;
}
.filer_tab_conent,
.filer_tab_conent:nth-child(3) {
padding-bottom: 25px;
}
.faq_contents {
padding: 29px 0 53px;
}
.faq_page .row_alt_banner h1,
.industry_banner .row_alt_banner h1 {
font-size: 48px;
line-height: 52px;
}
.faq_page .row_alt_banner h1 {
margin-bottom: 26px;
}
.faq_page .row_alt_banner {
padding: 55px 0 19px;
}
.faq_contents .row.d-grid {
gap: 59px;
}
.faq_page .contact_us_section .row.d-flex>.col:first-child h2 {
max-width: 348px;
letter-spacing: 0;
}
.faq_page .contact_us_section {
padding: 48px 0 64px;
border-radius: 28px;
}
.faq_page .contact_us_section .row.d-flex>.col:first-child {
gap: 31px;
padding-bottom: 40px;
}
.faq_page .contact_us_section .btn-primary {
line-height: 36px;
font-size: 24px;
padding: 13px 16px 18px;
gap: 20px;
}
.contact_banner .col:first-child,
.cp_list .col:first-child,
.cp_list .col:last-child {
padding: 0;
}
.cp_list h2 {
font-size: 44px;
line-height: 58px;
margin-bottom: 17px;
}
.cp_list .desc p {
display: inline;
}
.cp_list:not(:first-child) .desc p {
display: block;
}
.cp_list .btn_wrapper {
margin-top: 29px;
}
.cp_list .col:last-child {
top: -62px;
}
.cp_list .iframe_wrapper {
border-radius: 14px;
bottom: -62px;
}
.iframe_wrapper iframe {
height: calc(240px + 62px);
top: -62px;
border-radius: 14px;
}
.cp_list {
gap: 44px;
padding-bottom: 14px;
}
.cp_list .btn-primary {
padding: 13px 16px 8px;
width: 100%;
}
.cp_map {
border-radius: 28px 28px 0 0;
padding: 70px 0 10px;
}
.contact_banner .btn-primary {
width: 100%;
}
.contact_banner_sec {
padding: 54px 0 75px;
}
.contact_banner .desc p {
max-width: 340px;
}
.contact_banner {
gap: 3px;
}
label.label-message {
font-size: 18px;
line-height: 26px;
margin-bottom: 22px;
}
.contact_banner .btn-primary {
width: 100%;
padding: 16px 16px 14px;
}
.contact_page .our_customers_section {
padding: 36px 0 130px;
}
.industries_page_v1 .our_customers_section {
padding: 75px 0 130px;
}
.industry_col_v1 {
padding: 20px 12px 12px;
border-radius: 16px;
}
.industry_col_v1 .col_contents {
padding: 0 6px;
}
.industry_col_v1 .title_icon_wrapper>img {
width: 52px;
height: 52px;
border-radius: 10px;
}
.industry_col_v1 .title_icon_wrapper {
margin-bottom: 18px;
flex-direction: column;
}
.industry_banner .row_alt_banner {
padding: 54px 0 30px;
}
.industry_banner .row_alt_banner h1 {
margin-bottom: 21px;
}
.industry_col_v1 .title_icon_wrapper .h3-44 {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.industry_col_v1 .desc {
font-size: 18px;
line-height: 30px;
}
.industry_col_v1 figure {
border-radius: 8px;
margin-top: 30px;
}
.industry_col_v1 img {
aspect-ratio: 1.71875 / 1;
}
.row.indrustry_wrapper.d-grid {
gap: 35px;
}
.industry_list_section {
padding: 20px 0 75px;
}
.alt_indrustry_wrapper .industry_col_v1 {
padding: 20px 12px 12px 12px;
border-radius: 16px;
gap: 30px;
}
.alt_indrustry_wrapper .industry_col_v1 .figure {
border-radius: 8px;
}
.alt_indrustry_wrapper .industry_col_v1 img {
aspect-ratio: 1.71875 / 1;
}
.industries_page_v2 .our_customers_section {
padding: 72px 0 130px;
}
.alt_indrustry_wrapper .industry_col_v1 .col_contents {
padding-inline: 6px 0;
}
.alt_indrustry_wrapper .title_icon_wrapper {
gap: 22px;
margin-bottom: 12px;
}
.alt_indrustry_wrapper .btn_wrapper {
margin-top: 20px;
}
.impact_ai .row.d-flex {
margin-top: 40px;
padding-top: 0;
flex-direction: row;
gap: 0px;
flex-wrap: wrap;
justify-content: center;
}
.impact_ai .col {
padding: 40px 42px 52px 0;
flex-basis: 100%;
border-right: 0;
border-bottom: 1px solid #25272633;
}
.impact_ai .col p {
max-width: 100%;
}
.impact_ai .col:first-child {
padding-top: 0;
}
.impact_ai .col:last-child {
border: 0;
padding-bottom: 0;
}
.industry_single_banner .row.d-grid {
gap: 30px;
}
.highlight_desc {
padding: 50px 0;
}
.highlight_desc .desc,
.financial_services .highlight_desc .desc {
font-size: 18px;
line-height: 28px;
letter-spacing: 0;
}
.why_use_ai {
padding: 75px 0 35px;
}
.wu_ai_gallery,
:is(.manufacturing, .health_life_sciences, .financial_services) .wu_ai_gallery {
gap: 10px;
padding: 35px 0 0;
}
.wu_ai_gallery figure,
.abu_row_wrapper figure {
border-radius: 8px;
}
.wu_ai_gallery {
gap: 32px;
flex-direction: column;
/*-----INT-319-----*/
grid-template-columns: repeat(1, 1fr) !important;
}
.ai_being_used {
padding: 35px 0 50px;
}
.ai_being_used .title_wrapper {
padding-bottom: 35px;
}
.abu_row_wrapper .col.col_contents {
flex-basis: 100%;
padding: 0 0 20px 0;
}
.abu_row_wrapper .row:nth-child(even) .col.col_contents {
padding: 0 0 20px 0;
}
.abu_row_wrapper .h3-44 {
line-height: 32px;
}
.abu_row_wrapper .row:nth-child(even) {
flex-direction: column;
}
.abu_row_wrapper .row {
padding: 20px 0;
}
.benefits_of_ai .container {
padding-top: 35px;
}
.benefits_of_ai .desc {
font-size: 16px;
line-height: 26px;
}
.benefits_of_ai {
padding: 0 0 75px;
}
.impact_ai,
.lead_with_ai {
padding: 75px 0;
}
.impact_ai h2 {
font-size: 28px;
line-height: 38px;
}
.impact_ai .col div {
font-size: 42px;
line-height: 48px;
}
.impact_ai .col p {
font-size: 14px;
line-height: 24px;
}
.industry_single_banner .col_contents {
margin-right: 0;
max-width: 100%;
}
.industry_single_banner {
padding: 55px 0 75px;
}
.industry_single_banner .btn-primary {
width: 100%;
padding: 16px 16px 16px;
}
.wu_ai_header h2 {
margin-right: 0;
}
.lead_with_ai .indrustry_wrapper {
margin-top: 35px;
}
.lead_with_ai h3 {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.abu_row_wrapper .row.d-flex {
align-items: start;
}
.abu_row_wrapper .desc {
max-width: 100%;
}
.use_case_lists .filter_faq_lists {
gap: 12px;
padding-top: 16px;
flex-direction: column;
}
.use_case_lists {
padding: 75px 0 30px;
}
.use_case_lists .h2-44 {
line-height: 38px;
margin-bottom: 28px;
}
.use_case_lists h3 {
line-height: 36px;
margin-bottom: 16px;
font-size: 28px;
}
.use_case_lists .desc {
line-height: 26px;
}
.use_case_lists .col_list {
margin-bottom: 24px;
}
.use_case_lists .col.toc_contents {
padding-top: 60px;
}
.use_case_lists .col_wrap {
padding-bottom: 28px;
margin-bottom: 28px;
}
.more_articles {
padding: 35px 0 75px;
}
.more_articles .blogs_wrapper {
margin-top: 40px;
}
.uc_contents h3 {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.02em;
margin-bottom: 16px;
margin-top: 40px;
}
.uc_contents .desc {
padding-top: 40px;
line-height: 26px;
}
.before_after_wrap {
aspect-ratio: 1.5526 / 1;
min-height: unset;
border-radius: 14px;
margin-top: 48px;
}
.before_after_text {
font-size: 14px;
padding: 9px 24px;
border-radius: 7px;
bottom: 18px;
}
.before_text {
left: 12.7%;
}
.after_text {
right: 12.7%;
}
.before_after_wrap input::-webkit-slider-thumb {
width: 34px;
height: 50px;
border-radius: 60px;
background-size: 10px;
}
.before_after_wrap input::-webkit-slider-thumb {
width: 34px;
height: 50px;
border-radius: 60px;
background-size: 10px;
}
.uc_contents {
padding: 75px 0 28px;
border-radius: 28px 28px 0 0;
}
.industry_single_banner.case_study_banner {
padding: 60px 0 75px;
}
.industry_single_banner.case_study_banner .row.d-grid {
gap: 48px;
}
.banner_tag {
font-size: 16px;
border-radius: 8px;
line-height: 26px;
padding: 4px 14px;
}
.case_studies_archive .row_alt_banner h1 {
font-size: 48px;
line-height: 52px;
margin-bottom: 18px;
}
.case_studies_archive .row_alt_banner .col:last-child {
padding-top: 0;
}
.case_study_list_section {
padding: 26px 0 75px;
}
.cs_col_header figure {
height: 12px;
}
.cs_col_header>p {
font-size: 12px;
}
.cs_col_header {
padding: 4px 6px 4px 8px;
}
.col_case_study .figure_wrapper>figure img {
aspect-ratio: 1.425 / 1;
}
.col_case_study h3 {
margin-bottom: 12px;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
}
.col_case_study .desc {
font-size: 14px;
line-height: 24px;
max-width: 100%;
}
.col_case_study .btn_wrapper .btn-secondary {
font-size: 16px;
line-height: 24px;
}
.row.case_study_wrapper.d-grid {
gap: 35px;
}
.case_studies_archive .our_customers_section {
padding: 75px 0 120px;
}
/* Single Blog */
.single_blog_page .dive_in_wrap {
display: none;
}
.single_blog_page .sec_single_blog_contents .row {
grid-template-columns: 1fr;
}
.single_blog_page .filter_faq_lists {
flex-direction: column;
}
.single_blog_page .toc_title {
font-size: 18px;
}
.single_blog_page .blog_single_banner .row_wrap.d-flex {
justify-content: unset;
align-items: unset;
}
.single_blog_page .author_wrap.d-flex {
align-items: unset;
flex-direction: row;
padding-bottom: 20px;
}
.single_blog_page .blog_single_banner .row_wrap.d-flex {
justify-content: unset;
align-items: unset;
flex-direction: column;
}
.single_blog_page .blog_single_banner .row_wrap.d-flex {
padding-bottom: 29px;
}
.single_blog_page .share_post.d-flex {
padding-block: 40px 60px;
flex-direction: row;
align-items: center;
}
.single_blog_page .blog_contents_sidebar {
padding-right: unset;
}
.single_blog_page .blog_desc h2 {
font-size: 28px;
}
.single_blog_page .author_box figure {
/* max-width: 74px; */
max-height: 74px;
}
.single_blog_page .author_box {
flex-direction: column;
}
.single_blog_page .related_more_articles {
padding-block: 60px 70px;
}
.single_blog_page .author_box {
margin-bottom: 60px;
}
.single_blog_page .related_more_articles {
padding-block: 60px 40px;
font-size: 34px;
line-height: 46px;
border-top: 1px solid #25272633;
}
.overlay_container:before {
width: 100px;
height: 100px;
}
.single_blog_page .sec_single_blog_contents {
padding: 40px 0 60px;
}
nav.breadcrumb {
padding-bottom: 40px;
font-size: 14px;
max-width: 90%;
}
.breadcrumb .separator {
margin-inline: 13px;
}
.partners_wrapper.d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 18px;
display: grid;
}
nav.breadcrumb li.active {
max-width: 143px;
}
.blog_single_banner {
padding: 48px 0 0;
}
.single_blog_page .share_post.d-flex {
padding-block: 40px;
flex-direction: column;
align-items: start;
}
.contact_us_section .row.d-flex>.col:first-child {
flex-direction: column;
}
.contact_us_section .row.d-flex>.col:first-child figure,
.contact_us_section .row.d-flex>.col:first-child h2 {
width: 100%;
}
.office_location_icon.us .icon {
left: 23%;
transform: translate(-0%, 24%);
}
.info_wrap.us {
transform: translate(4%, -94%);
left: 26%;
}
.office_location_icon.india .icon {
transform: translate(-142%, 292%);
}
.info_wrap.india {
transform: translate(-3%, -52%);
}
}
/* =======================================================================================
* Nav Menu
*/
.nav_list,
.nav_list ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav_list {
display: flex;
gap: 14px;
align-items: center;
}
.nav_list li {
position: relative;
margin-right: 12px !important;
}
.nav_list li a {
text-decoration: none;
color: #1a1a1a;
font-weight: 500;
font-size: 16px;
padding: 10px 0;
display: inline-block;
transition: color 0.3s ease;
}
.nav_list li a:hover,
.nav_list li.current-menu-item>a {
color: var(--color-border);
}
/* Submenu styles */
.nav_list li ul {
display: none;
position: absolute;
top: 140%;
left: -5px;
left: -150%;
background: #fff;
border-radius: 18px;
padding: 14px;
min-width: 484px;
z-index: 99;
border: 2.5px solid #2527260D;
/* box-shadow: 0px 6px 17px 0px #EFEDF287; */
}
span.dropdown-icon {
margin-left: 4px;
}
ul.sub-menu {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 12px;
}
/******INT-292 - Css fix******/
.nav_list>li::after {
content: '';
position: absolute;
top: 100%;
left: 0;
height: 40px;
width: 100%;
}
/* Parent li must be relative */
.menu-item-has-children {
position: relative;
}
/* Default hidden */
/* .menu-item-has-children>.sub-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(20px);
transition: 0.2s ease;
position: absolute;
z-index: 9999;
} */
/* .menu-item-has-children>.sub-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(20px);
transition: all 0.2s ease;
}
.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} */
.menu-item-has-children > .sub-menu {
display: none;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity 0.2s ease, transform 0.2s ease;
}
/* When JS adds .open */
.menu-item-has-children > .sub-menu.open {
display: grid;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media (min-width: 768px) {
.menu-item-has-children:hover > .sub-menu {
display: grid;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav_list li:hover>ul {
display: grid;
animation: fadeIn 0.2s ease;
}
}
/* Show ONLY when hovering the menu name */
/* .menu-item-has-children >a.nav-link:hover +.sub-menu,
.menu-item-has-children>.sub-menu:hover {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} */
.menu-item-has-children > .sub-menu {
top: calc(100% - 0px);
}
.menu-item-has-children > a.nav-link:focus + .sub-menu,
.menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(3);
}
.nav_list li ul li {
width: 100%;
margin-bottom: 12px;
}
.sub-menu>li {
padding: 18px;
margin: 0 !important;
}
.sub-menu>li:hover {
background-color: #F6F6FF;
border-radius: 8px;
}
.sub-menu>li {
position: relative;
}
.sub-menu>li>a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.nav_list li ul li:last-child {
margin-bottom: 0;
}
.nav_list li ul li a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
align-items: center;
letter-spacing: -0.01em;
color: #252726;
padding: 0 0 6px;
}
.nav_list li ul li a p, .menu-description {
font-weight: 400;
font-size: 13px;
line-height: 18px;
align-items: center;
color: rgba(37, 39, 38, 0.45);
}
.nav_list {
-webkit-text-size-adjust: 100%;
}
/* Button (e.g. Get Started / Book a Call) */
.nav_cta {
background-color: #d1ff61;
color: #000;
padding: 10px 20px;
border-radius: 12px;
font-weight: 600;
font-size: 16px;
border: none;
box-shadow: 0 4px 0 #8ca841;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.nav_cta:hover {
transform: translateY(-1px);
box-shadow: 0 6px 0 #8ca841;
}
.menu-btn.btn-primary {
display: none;
margin-top: 50px;
padding: 13px 26px;
box-shadow: inset 0px -6px 0px var(--color-border);
}
.menu-btn.btn-primary a {
position: relative;
margin-left: -30px;
font-weight: 500;
font-size: 20px;
line-height: 30px;
text-align: center;
letter-spacing: 0.02em;
color: #252726;
}
.menu-btn.btn-primary a:before {
content: '';
position: absolute;
background: url('data:image/svg+xml,');
width: 15px;
height: 11px;
right: -30px;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
background-size: contain;
display: none;
}
/* Mobile Menu */
@media (max-width: 1024px) {
.header_wrapper>.btn_wrapper {
display: none;
}
.nav_list {
flex-direction: column;
background: #fff;
border-radius: 17px;
padding: 35px 16px 24px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
max-width: 360px;
display: none;
/* Toggle this with JS */
}
.nav_list.show {
display: flex;
}
.header_wrapper .nav_list {
display: block !important;
width: 100%;
margin: 0;
max-width: 100%;
}
.header_nav {
position: absolute;
top: 74px;
left: 0;
width: 100%;
padding: 0;
background-color: white;
/* optional for visibility */
transform: translateY(-20px);
opacity: 0;
pointer-events: none;
transition: transform 0.3s ease, opacity 0.3s ease;
z-index: 999;
/* ensure it overlays properly */
}
/* When hamburger (checkbox) is checked */
.menu-toggle:checked+label+.header_nav {
display: flex;
flex-direction: column;
transform: translateY(0);
opacity: 1;
pointer-events: auto;
overflow-y: scroll;
overflow-x: hidden;
max-height: 90dvh;
}
/* lock scrolling when menu is open */
html.menu-open, body.menu-open {
overflow: hidden;
height: 100%;
}
.nav_list>li {
width: 100%;
padding: 9px 0;
}
.sub-menu>li {
padding: 10px;
}
.nav_list li ul {
position: static;
background: none;
display: none;
min-width: unset;
border: none;
box-shadow: none;
padding: 10px 6px 0;
}
.nav_list li.show-submenu>ul,
.menu-btn.btn-primary {
display: block;
}
.menu-btn.btn-primary {
display: block;
}
.nav_cta {
width: 100%;
text-align: center;
margin-top: 20px;
}
ul.sub-menu {
grid-template-columns: 1fr;
gap: 0 12px;
}
.nav_list li a {
padding: 0;
}
.nav_list>li:not(last-child) {
padding-inline: 20px;
}
.menu-item-has-children>a.nav-link {
display: flex;
justify-content: space-between;
}
}
/* Smooth fade effect */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 6/9/2025 */
.security_img_wrapper figure {
padding-inline: 34px;
}
.partners_wrapper.d-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
}
@media (max-width: 1024px) {
.security_img_wrapper figure {
padding-inline: 0;
}
span.dropdown-icon {
position: absolute;
right: 0;
}
.menu-item-has-children>a.nav-link {
display: contents;
}
}
@media (max-width: 767px) {
.h_banner_content_wrap {
padding-top: 10px;
}
ul.tab_list.d-flex {
margin-inline: 7px;
}
.tab_header {
margin: 21px 0px 45px;
}
.tab_content_bg {
padding: 4px 10px 10px;
}
.data_annotation_tools_section {
padding: 66px 0 73px;
}
.security_img_wrapper figure {
padding-inline: 0;
}
.partners_img_wrapper:nth-child(3) img {
height: 27px;
}
.partners_img_wrapper:nth-child(5) img {
height: 40px;
}
.partners_img_wrapper:nth-child(6) img {
height: 19px;
}
.partners_wrapper.d-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 575px) {
.tab_item video {
max-height: 189px;
}
}
.row.oda_services.d-grid:nth-child(even) .col:first-child {
order: 2;
}
.wp-block-embed-youtube iframe {
width: 100%;
}
.page_contents.single_blog_page .blog_desc ul li>ul.wp-block-list>li {
padding-bottom: 10px;
}
@media(max-width: 767px) {
.row.oda_services.d-grid:nth-child(even) .col:first-child {
order: 1;
}
.oda_services:nth-child(odd) .col_contents {
margin-left: unset;
}
.oda_services .col_contents {
max-width: 100%;
}
}
.home_h1 {
font-size: clamp(2.5rem, 2rem + 3vw, 4.8rem);
line-height: 1.15;
}
@media (max-width: 768px) {
.fueling_bot_content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 4px !important;
}
.with_no {
width: auto !important;
font-size: 70px !important;
}
.author_box figure {
margin-bottom: 20px;
}
}
jop page csss .page-header-background {
background-size: cover;
background-position: center;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
.single-job-page-container {
max-width: 1500px;
margin: 40px auto;
padding: 0 20px;
font-family: 'gilroy', sans-serif;
}
.job-page-branding {
margin-bottom: 20px;
}
.job-page-logo {
display: block;
width: 60px;
height: 60px;
}
.job-header-section {
margin-bottom: 20px;
}
.back-to-jobs-link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #333;
font-weight: 500;
}
.back-to-jobs-link:hover {
text-decoration: underline;
}
.back-to-jobs-link .chevron-icon svg {
display: block;
}
.job-title-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-bottom: 10px;
}
h1.job-title {
font-size: 38px;
font-weight: 600;
color: #000;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
/* .apply-now-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
} */
.apply-now-button {
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-style: normal;
gap: 23px;
background: var(--color-green);
border: 1px solid var(--color-border);
box-shadow: 0px 4px 0px var(--color-border);
font-style: normal;
letter-spacing: 0.02em;
color: var(--color-black);
text-align: center;
display: inline-block;
background: #CEFF68;
border: 1px solid #7C993E;
box-shadow: 0px 6px 0px #7C993E;
color: #000;
font-size: 18px;
padding: 14px 28px;
border-radius: 12px;
text-decoration: none;
font-weight: 500;
}
.job-location {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 30px;
font-weight: 500;
color: #000000;
}
.job-location p {
margin: 0;
}
.job-location .location-icon {
stroke: #222 !important;
color: #222 !important;
font-weight: 1000;
color: #000000 !important;
;
}
.job-description {
color: #252726B3;
line-height: 1.6;
}
.job-description h2,
.job-description h3,
.job-description h4 {
font-weight: 500;
margin-top: 2em;
margin-bottom: 1em;
}
.job-description ul,
.job-description ol {
padding-left: 30px;
margin-left: 0;
}
.job-description li {
margin-bottom: 5px;
}
.job-content-divider {
border: 0;
padding-left: 17px;
height: 1px;
align-items: center;
background-color: #dddddd;
margin-top: 60px;
margin-bottom: 40px;
max-width: 1500px
}
@import url('https://fonts.googleapis.com/css2?family=Gilroy:wght@400;500;600&display=swap');
.job-page {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
max-width: 1475px;
margin: 0 auto;
font-family: 'Gilroy', sans-serif;
color: #252726;
}
.job-page input[type="file"] {
display: none;
}
.application-form-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 800px;
align-self: stretch;
flex: none;
order: 1;
flex-grow: 0;
}
.application-form-wrapper h3 {
margin: 0;
padding-top: 24px;
width: 800px;
height: 38px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 38px;
letter-spacing: -0.02em;
color: #252726;
align-self: stretch;
}
.application-form-wrapper h3:first-child {
padding-top: 0;
}
.job-group {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 1px;
width: 800px;
align-self: stretch;
}
.job-group label {
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #252726;
align-self: stretch;
}
.form-control {
box-sizing: border-box;
display: flex;
flex-direction: row;
align-items: center;
padding: 16px;
gap: 8px;
width: 800px;
height: 58px;
background: #FFFFFF;
border: 1px solid rgba(37, 39, 38, 0.2);
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 10px;
align-self: stretch;
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #252726;
}
.form-control::placeholder {
color: rgba(37, 39, 38, 0.45);
}
.form-control:focus {
outline: none;
border-color: #9180FF;
box-shadow: 0 0 0 3px rgba(145, 128, 255, 0.3);
}
textarea.form-control {
height: 120px;
resize: vertical;
align-items: flex-start;
}
select.form-control {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 48px;
}
.file-upload-box {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 16px 24px;
width: 800px;
height: 220px;
background: #FFFFFF;
border: 1px dashed rgba(37, 39, 38, 0.2);
border-radius: 12px;
align-self: stretch;
cursor: pointer;
transition: border-color 0.3s, background-color 0.3s;
}
.file-upload-box:hover {
border-color: #9180FF;
background-color: #F6F6FF;
}
.upload-box-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.upload-icon-circle {
box-sizing: border-box;
width: 40px;
height: 40px;
background: #FFFFFF;
border: 1px solid #EAECF0;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.upload-box-content p {
margin: 0;
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 0px;
color: #878787;
}
.upload-box-content .upload-link {
font-weight: 600;
color: #6855DE;
}
.upload-box-content span {
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #878787;
}
/* Submit Button */
.submit-button-container {
padding-top: 24px;
width: 100%;
}
.apply-now-form-button {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 18px 40px;
gap: 8px;
width: 800px;
height: 72px;
/* background: #CEFF68;
border: 1px solid #7C993E;
box-shadow: 0px 6px 0px #7C993E; */
border-radius: 14px;
align-self: stretch;
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
text-align: center;
letter-spacing: 0.02em;
color: #252726;
cursor: pointer;
transition: all 0.2s ease;
}
/* .apply-now-form-button:hover {
transform: translateY(-2px);
box-shadow: 0px 8px 0px #7C993E;
}
.apply-now-form-button:active {
transform: translateY(4px);
box-shadow: 0px 2px 0px #7C993E;
} */
span.wpcf7-not-valid-tip {
margin-top: 5px;
}
.autofill-section .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-response-output {
display: none !important;
}
.autofill-section {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 27px;
gap: 12px;
width: 800px;
background: #F6F6FF;
border-radius: 16px;
box-sizing: border-box;
}
.autofill-header {
display: flex;
align-items: center;
gap: 12px;
}
.autofill-icon-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
background: #9180FF;
box-shadow: 6px 6px 32px rgba(0, 0, 0, 0.06);
border-radius: 10px;
flex-shrink: 0;
}
.autofill-body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.autofill-section h4 {
margin: 0;
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
color: #252726;
margin-bottom: 13px;
}
.autofill-section p {
margin: 0;
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgba(37, 39, 38, 0.6);
}
.upload-resume-button {
display: flex;
flex-direction: row;
justify-content: initial;
align-items: self-end;
padding: 12px 22px;
gap: 10px;
height: 51px;
background: #CEFF68;
/* border: 1px solid #7C993E; */
/* box-shadow: 0px 4px 0px #7C993E; */
border-radius: 12px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #252726;
cursor: pointer;
flex-shrink: 0;
box-sizing: border-box;
/* transition: all 0.2s ease; */
}
/* .upload-resume-button:hover {
transform: translateY(-2px);
box-shadow: 0px 6px 0px #7C993E;
}
.upload-resume-button:active {
transform: translateY(2px);
box-shadow: 0px 2px 0px #7C993E;
} */
.autofill-section {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 27px;
gap: 12px;
width: 800px;
background: #F6F6FF;
border-radius: 16px;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
box-sizing: border-box;
}
.autofill-icon-and-text {
display: flex;
align-items: center;
gap: 12px;
flex-grow: 1;
}
.autofill-icon-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
background: transparent;
box-shadow: 6px 6px 32px rgba(0, 0, 0, 0.06);
border-radius: 10px;
flex-shrink: 0;
}
.autofill-text-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
flex-grow: 1;
}
.autofill-text-content h4 {
margin: 0;
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
color: #252726;
}
.autofill-text-content p {
margin: 0;
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgba(37, 39, 38, 0.6);
}
.upload-resume-button {
display: flex;
flex-direction: row;
justify-content: initial;
align-items: self-end;
padding: 12px 22px;
gap: 10px;
height: 51px;
background: #CEFF68;
/* border: 1px solid #7C993E;
box-shadow: 0px 4px 0px #7C993E; */
border-radius: 12px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #252726;
cursor: pointer;
flex-shrink: 0;
box-sizing: border-box;
transition: all 0.2s ease;
}
/* .upload-resume-button:hover {
transform: translateY(-2px);
box-shadow: 0px 6px 0px #7C993E;
}
.upload-resume-button:active {
transform: translateY(2px);
box-shadow: 0px 2px 0px #7C993E;
} */
.file-upload-box {
position: relative;
border: 2px dashed #ccc;
border-radius: 8px;
padding: 2rem;
text-align: center;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s;
}
.file-upload-box input[type="file"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 10;
}
.file-upload-box .upload-box-content {
position: relative;
z-index: 1;
}
.file-upload-box .upload-icon-circle {
margin-bottom: 1rem;
}
.file-upload-box p {
margin: 0;
font-size: 1rem;
color: #555;
}
.file-upload-box .upload-link {
color: #000000;
font-weight: bold;
font-size: 15px;
}
.file-upload-box .file-info {
font-size: 0.85rem;
color: #777;
display: block;
margin-top: 0.5rem;
}
.file-upload-box:hover,
.file-upload-box.dragover {
border-color: #9180FF;
background-color: #f9f9f9;
}
.file-name-display,
.file-error-display {
display: block;
margin-top: 1rem;
font-weight: bold;
}
.file-name-display {
color: #28a745;
}
.file-error-display {
color: #dc3545;
font-size: 0.9em;
}
.autofill-section {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 27px;
gap: 12px;
width: 800px;
background: #F6F6FF;
border-radius: 16px;
box-sizing: border-box;
}
.autofill-header {
display: flex;
align-items: center;
gap: 12px;
}
.autofill-icon-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
background: #9180FF;
box-shadow: 6px 6px 32px rgba(0, 0, 0, 0.06);
border-radius: 10px;
flex-shrink: 0;
}
.autofill-body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.autofill-section h4 {
margin: 0;
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
color: #252726;
margin-bottom: 13px;
}
.autofill-section p {
margin: 0;
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgba(37, 39, 38, 0.6);
}
.upload-resume-button {
display: flex;
flex-direction: row;
justify-content: initial;
align-items: self-end;
padding: 12px 22px;
gap: 10px;
height: 51px;
/* background: #CEFF68;
border: 1px solid #7C993E;
box-shadow: 0px 4px 0px #7C993E; */
border-radius: 12px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #252726;
cursor: pointer;
flex-shrink: 0;
box-sizing: border-box;
transition: all 0.2s ease;
}
/* .upload-resume-button:hover {
transform: translateY(-2px);
box-shadow: 0px 6px 0px #7C993E;
}
.upload-resume-button:active {
transform: translateY(2px);
box-shadow: 0px 2px 0px #7C993E;
} */
.autofill-section {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 27px;
gap: 12px;
width: 800px;
background: #F6F6FF;
border-radius: 16px;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
box-sizing: border-box;
}
.autofill-icon-and-text {
display: flex;
align-items: center;
gap: 12px;
flex-grow: 1;
}
.autofill-icon-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
background: transparent;
box-shadow: 6px 6px 32px rgba(0, 0, 0, 0.06);
border-radius: 10px;
flex-shrink: 0;
}
.autofill-text-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
flex-grow: 1;
}
.autofill-text-content h4 {
margin: 0;
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: -0.02em;
color: #252726;
}
.autofill-text-content p {
margin: 0;
font-family: 'Gilroy';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: rgba(37, 39, 38, 0.6);
}
.upload-resume-button {
display: flex;
flex-direction: row;
justify-content: initial;
align-items: self-end;
padding: 12px 22px;
gap: 10px;
height: 51px;
/* background: #CEFF68;
border: 1px solid #7C993E;
box-shadow: 0px 4px 0px #7C993E; */
border-radius: 12px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #252726;
cursor: pointer;
flex-shrink: 0;
box-sizing: border-box;
transition: all 0.2s ease;
}
/* .upload-resume-button:hover {
transform: translateY(-2px);
box-shadow: 0px 6px 0px #7C993E;
}
.upload-resume-button:active {
transform: translateY(2px);
box-shadow: 0px 2px 0px #7C993E;
} */
@media (max-width: 1500px) {
.single-job-page-container,
.job-page {
max-width: 100%;
padding: 0 40px;
}
}
@media (max-width: 992px) {
.single-job-page-container,
.job-page {
padding: 0 30px;
}
h1.job-title {
font-size: 32px;
}
.apply-now-button {
padding: 12px 24px;
font-size: 16px;
}
.autofill-section,
.application-form-wrapper,
.job-group,
.form-control,
.file-upload-box,
.application-form-wrapper h3,
.apply-now-form-button {
width: 100%;
}
.autofill-section {
flex-direction: column;
align-items: stretch;
gap: 2px;
}
.autofill-icon-and-text {
justify-content: center;
text-align: center;
}
.autofill-text-content {
align-items: center;
}
.upload-resume-button {
justify-content: center;
align-self: center;
}
}
@media (max-width: 768px) {
.page-header-background {
height: 200px;
}
.single-job-page-container {
margin: 20px auto;
padding: 0 20px;
}
.job-title-container {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
h1.job-title {
font-size: 28px;
white-space: normal;
}
.apply-now-button {
width: 100%;
text-align: center;
justify-content: center;
}
.autofill-section {
padding: 20px;
}
.autofill-text-content h4 {
font-size: 22px;
}
.application-form-wrapper h3 {
font-size: 24px;
height: auto;
}
.job-group {
margin-bottom: 24px;
}
.form-control,
textarea.form-control,
select.form-control,
.job-page-control,
.file-upload-box {
box-sizing: border-box;
height: auto;
padding: 14px;
}
select.form-control {
background-position: right 14px center;
padding-right: 40px;
}
.apply-now-form-button {
font-size: 20px;
padding: 16px 30px;
}
.job-page {
gap: 30px;
}
}
@media (max-width: 480px) {
.page-header-bg-image {
height: 125px;
}
.job-title-container {
gap: 20px;
}
.job-location {
margin-top: 15px;
}
.job-location p {
font-size: 14px;
}
.location-icon {
margin-top: 5px;
}
.autofill-icon-and-text {
flex-direction: column;
gap: 15px;
}
.autofill-text-content h4 {
font-size: 20px;
}
.autofill-text-content p {
font-size: 14px;
}
.application-form-wrapper h3 {
font-size: 22px;
}
.job-group label {
font-size: 14px;
}
.form-control,
.form-control::placeholder {
font-size: 14px;
}
.upload-box-content p,
.upload-box-content span {
font-size: 12px;
line-height: 1.5;
}
.apply-now-form-button {
font-size: 18px;
}
}
@media (max-width: 992px) {
.single-job-page-container,
.job-page {
padding: 0 30px;
}
h1.job-title {
font-size: 32px;
}
.apply-now-button {
padding: 12px 24px;
font-size: 16px;
}
.autofill-section,
.application-form-wrapper,
.job-group,
.form-control,
.job-page-control,
.file-upload-box,
.application-form-wrapper h3,
.apply-now-form-button {
width: 100%;
box-sizing: border-box;
}
.autofill-section {
flex-direction: column;
align-items: stretch;
gap: 2px;
}
.autofill-icon-and-text {
justify-content: center;
text-align: center;
}
.autofill-text-content {
align-items: center;
}
.upload-resume-button {
justify-content: center;
align-self: center;
}
}
@media (max-width: 768px) {
.page-header-background {
height: 200px;
}
.single-job-page-container {
margin: 20px auto;
padding: 0 20px;
}
.job-title-container {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
h1.job-title {
font-size: 28px;
white-space: normal;
}
.autofill-section {
padding: 20px;
}
.autofill-text-content h4 {
font-size: 22px;
}
.application-form-wrapper h3 {
font-size: 24px;
height: auto;
}
.form-control,
textarea.form-control {
height: auto;
padding: 14px;
}
.file-upload-box {
padding: 16px;
}
.apply-now-form-button {
font-size: 20px;
padding: 16px 30px;
}
.job-page {
gap: 30px;
}
}
@media (max-width: 480px) {
.page-header-bg-image {
height: 125px;
}
.job-title-container {
gap: 20px;
}
.job-location {
margin-top: 15px;
}
.job-location p {
font-size: 14px;
}
.autofill-icon-and-text {
flex-direction: column;
gap: 15px;
}
.autofill-text-content h4 {
font-size: 20px;
}
.autofill-text-content p {
font-size: 14px;
}
.application-form-wrapper h3 {
font-size: 22px;
}
.job-group label {
font-size: 14px;
}
.form-control,
.form-control::placeholder {
font-size: 14px;
}
.upload-box-content p,
.upload-box-content span {
font-size: 12px;
line-height: 1.5;
}
.apply-now-form-button {
font-size: 18px;
}
}
@media (min-width: 320px) and (max-width: 768px) {
.form-control,
textarea.form-control,
.file-display-container.show {
height: auto;
padding: 14px;
width: 16.3rem !important;
}
}
@media (min-width: 375px) and (max-width: 768px) {
.form-control,
textarea.form-control,
.file-display-container.show {
height: auto;
padding: 14px;
width: 19.8rem !important;
}
}
@media (min-width: 425px) and (max-width: 768px) {
.form-control,
textarea.form-control,
.file-display-container.show {
height: auto;
padding: 14px;
width: 22.8rem !important;
}
}
@media (min-width: 768px) and (max-width: 768px) {
.form-control,
textarea.form-control,
.file-display-container.show {
height: auto;
padding: 14px;
width: 44.3rem !important;
}
}
.nav_list li a:hover,
.nav_list li.current-menu-item>a {
color: var(--color-pure-blue) !important;
}
.nav_list li ul li a {
font-weight: 500;
color: #252726;
padding: 0 0 6px;
}
span.file-name-display {
color: #000000;
font-weight: 400;
font-size: 1rem;
display: inline-flex;
align-items: center;
}
/* --- Custom File Upload Styles --- */
/* Hide the default Contact Form 7 file input */
.job-page-control-wrap[data-name="resume-upload"]>input[type="file"] {
display: none;
}
.job-group.resume-upload-group {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
min-height: 40px;
}
/* File upload box styles */
.file-upload-box {
position: relative;
border: 2px dashed #d1d5db;
border-radius: 8px;
padding: 40px 20px;
text-align: center;
background-color: #fafafa;
cursor: pointer;
transition: all 0.2s ease;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
/* .file-upload-box:hover {
border-color: #9ca3af;
background-color: #f3f4f6;
} */
.file-upload-box.dragover {
border-color: #6b7280;
background-color: #f3f4f6;
transform: scale(1.02);
}
.upload-box-content .upload-icon-circle {
margin-bottom: 16px;
}
.upload-box-content .upload-text p {
font-size: 14px;
color: #374151;
margin-bottom: 4px;
}
.upload-box-content .upload-link {
font-weight: 600;
color: #374151;
text-decoration: underline;
}
.upload-box-content .file-info {
font-size: 12px;
color: #6b7280;
}
.file-name-display {
font-size: 14px;
color: #374151;
font-weight: 500;
margin-top: 8px;
word-break: break-all;
}
.file-error-display {
font-size: 12px;
color: #ef4444;
margin-top: 8px;
font-weight: 500;
}
/* State when a file is selected */
.file-upload-box.file-selected .upload-icon-circle,
.file-upload-box.file-selected .upload-text,
.file-upload-box.file-selected .file-info {
display: none;
}
/* File display container (shows file details after selection) */
.file-display-container {
display: none;
/* Hidden by default */
align-items: center;
justify-content: space-between;
background-color: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 16px;
margin-top: 12px;
transition: all 0.2s ease;
}
.file-display-container.show {
display: flex;
/* Shown with JS */
width: 800px;
}
.file-info-section {
display: flex;
align-items: center;
flex: 1;
min-width: 0;
}
.file-icon {
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
}
/* File type specific icon backgrounds */
.file-icon.pdf {
background-color: #fef2f2;
}
.file-icon.doc,
.file-icon.docx {
background-color: #eff6ff;
}
.file-details {
flex: 1;
min-width: 0;
}
.file-display-name {
font-size: 14px;
font-weight: 500;
color: #111827;
margin-bottom: 2px;
word-break: break-all;
}
.file-display-size {
font-size: 12px;
color: #6b7280;
}
.file-remove-btn {
background-color: #ef4444;
color: white;
border: none;
border-radius: 6px;
padding: 8px 16px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease;
}
.file-remove-btn:hover {
background-color: #dc2626;
}
.file-upload-box.file-selected {
min-height: 40px;
/* Set the desired height */
height: 40px;
padding: 0 20px;
/* Adjust padding for the new height */
justify-content: flex-start;
/* Aligns file name to the left */
}
/* This rule hides the original placeholder content */
.file-upload-box.file-selected .upload-icon-circle,
.file-upload-box.file-selected .upload-text,
.file-upload-box.file-selected .file-info {
display: none;
}
/* The file name that appears after selection */
.file-name-display {
font-size: 14px;
color: #374151;
font-weight: 500;
margin-top: 0;
word-break: break-all;
}
/* --- General Button Styles --- */
.btn-primary {
/* display: inline-flex; */
flex-direction: row;
justify-content: center;
align-items: center;
/*padding: 18px 40px 20px;*/
gap: 23px;
background: var(--color-green);
border: none;
/* No border for a flat look */
box-shadow: none;
/* No shadow */
border-radius: 14px;
font-style: normal;
letter-spacing: 0.02em;
color: var(--color-black);
font-weight: 500;
font-size: 24px;
line-height: 130%;
text-align: center;
margin-top: 2%;
/* transition: background-color 0.3s ease-in-out; Transition for hover effect */
}
.btn-primary:hover {
background-color: #b8ea5c;
/* Slightly darker green for hover */
}
.btn-primary svg {
width: 18px;
height: 14px;
}
.btn-arrow {
display: inline-flex;
/* width: 70px;
height: 70px; */
background: var(--color-green);
border: none;
/* No border */
box-shadow: none;
/* No shadow */
border-radius: 50%;
transition: background-color 0.3s ease-in-out;
justify-content: center;
align-items: center;
}
.btn-arrow:hover,
.btn-arrow:active {
background-color: #b8ea5c;
/* Slightly darker green for hover */
}
/* --- Filter Button --- */
.btn-filter.active {
background: var(--color-green);
border: 1px solid var(--color-green);
/* Border color matches background */
color: var(--color-black);
box-shadow: none;
/* No shadow */
}
/* --- Header & CTA Buttons --- */
.header_wrapper .btn-primary {
font-weight: 600;
font-size: 16px;
line-height: 162%;
padding: 14px 24px 12px;
border-radius: 12px;
letter-spacing: 0px;
box-shadow: none;
/* No shadow */
border: none;
}
.header_wrapper .btn-primary:hover {
background-color: #b8ea5c;
}
/* --- Social Icons in Footer --- */
.socials a {
background: var(--color-green);
border: none;
/* No border */
box-shadow: none;
/* No shadow */
border-radius: 10px;
padding: 9px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 5px;
transition: background-color 0.3s ease;
}
.socials a:hover {
background-color: #b8ea5c;
}
/* --- Job Application Page Buttons --- */
.apply-now-button {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 23px;
background: var(--color-green);
border: none;
box-shadow: none;
color: var(--color-black);
font-size: 18px;
padding: 14px 28px;
border-radius: 12px;
text-decoration: none;
font-weight: 500;
transition: background-color 0.3s ease;
}
.apply-now-button:hover {
background-color: #b8ea5c;
}
.apply-now-form-button {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
padding: 18px 40px;
gap: 8px;
/* width: 800px;
height: 72px; */
background: var(--color-green);
border: none;
/* No border */
box-shadow: none;
/* No shadow */
border-radius: 14px;
font-family: 'Gilroy';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
text-align: center;
letter-spacing: 0.02em;
color: #252726;
cursor: pointer;
transition: background-color 0.3s ease;
}
.apply-now-form-button:hover {
background-color: #b8ea5c;
}
section.cp_map.bg-2 {
display: none
}
/* --- SEARCH BLOGS --- */
.blog-controls-wrapper {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
#category-filters,
#header-search-form {
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
#category-filters {
transform: translateX(0);
opacity: 1;
flex-grow: 1;
}
#header-search-form {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 50px);
height: 100%;
transform: translateX(-100%);
opacity: 0;
pointer-events: none;
display: flex;
align-items: center;
}
#header-search-form .search-form {
width: 100%;
}
.blog-controls-wrapper.is-search-active #category-filters {
transform: translateX(100%);
opacity: 0;
pointer-events: none;
}
.blog-controls-wrapper.is-search-active #header-search-form {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
.search-form {
position: relative;
width: 100%;
}
.search-form .inner-search-icon {
position: absolute;
top: 55%;
left: 16px;
transform: translateY(-50%);
z-index: 10;
}
.search-form .search-field {
width: 99%;
box-sizing: border-box;
padding-left: 48px;
height: 50px;
}
#search-toggle-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
border-radius: 10px;
background-color: #ceff68;
border: 1.5px solid #252726;
box-sizing: border-box;
flex-shrink: 0;
height: 50px;
width: 50px;
}
#search-toggle-btn svg {
width: 24px;
height: 24px;
}
#search-toggle-btn svg path {
stroke: #252726;
stroke-width: 2px;
}
#search-toggle-btn {
z-index: 5;
}
.blog-controls-section {
position: relative;
margin-top: 4px;
/* padding-top: 60px; */
border-top: none;
border-bottom: none;
box-shadow: none;
}
.blog-controls-section::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 85%;
height: 2px;
background-color: #e0e0e0;
}
/* --- FINAL Tab & Mobile Responsive Layout (768px and below) --- */
@media (max-width: 768px) {
.blog-controls-wrapper {
flex-direction: column;
align-items: stretch;
gap: 20px;
}
#header-search-form {
order: 1;
display: flex;
position: relative;
width: 100%;
transform: none;
opacity: 1;
pointer-events: auto;
}
#category-filters {
order: 2;
transform: none;
opacity: 1;
pointer-events: auto;
display: flex !important;
}
#search-toggle-btn {
display: none;
}
.blog-controls-wrapper.is-search-active #category-filters,
.blog-controls-wrapper.is-search-active #header-search-form {
transform: none;
opacity: 1;
}
}
/* -------------------------------------------------------------------------- */
/* STYLES FOR COUNTRY CODE */
/* -------------------------------------------------------------------------- */
.objectways-country-dropdown+.select2-container .select2-selection--single {
height: 62px;
border: 1px solid #ebebeb !important;
border-radius: 12px !important;
background: #ffffff;
padding: 0;
}
.objectways-country-dropdown+.select2-container .select2-selection--single .select2-selection__rendered {
line-height: 60px;
padding-left: 20px !important;
font-size: 16px;
font-family: "gilroy", sans-serif;
color: var(--color-black);
}
.objectways-country-dropdown+.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 60px;
right: 15px;
}
/* -------------------------------------------------------------------------- */
/* Job Success Popup Styles */
/* -------------------------------------------------------------------------- */
.success-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.success-popup-content {
background-color: #fff;
padding: 30px;
border-radius: 8px;
text-align: center;
max-width: 400px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.success-popup-content h3 {
margin-top: 0;
font-size: 24px;
color: #333;
}
.success-popup-content p {
font-size: 16px;
color: #555;
margin-bottom: 20px;
}
.close-popup {
background: #CEFF68;
border: 1px solid #7C993E;
box-shadow: 0px 4px 0px #7C993E;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
transition: background-color 0.3s;
}
@media(max-width: 767px) {
li.toc-level-2:nth-child(3) .btn-filter,
li.toc-level-2:nth-child(4) .btn-filter {
padding: 5px 16px 4px;
}
}
/* -------------------------------------------------------------------------- */
/* All Popup Styles */
/* -------------------------------------------------------------------------- */
.status-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(30, 30, 30, 0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
}
.status-popup-content {
background-color: #ffffff;
padding: 30px 40px;
border-radius: 12px;
text-align: center;
max-width: 420px;
width: 90%;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.status-popup-content h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 24px;
color: #111827;
}
.status-popup-content p {
font-size: 16px;
color: #4B5563;
margin-bottom: 25px;
line-height: 1.5;
}
.close-popup {
border: none;
padding: 12px 30px;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
transition: background-color 0.2s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.close-popup:hover {
background-color: #e24444;
}
.status-popup-content.popup-error .close-popup {
background-color: #dc3545;
border-color: #dc3545;
color: #fff;
}
.status-popup-content.popup-error .close-popup:hover {
background-color: #c82333;
border-color: #bd2130;
}
.status-popup-content.popup-error h3 {
color: #dc3545;
}
.popup-icon {
font-size: 48px;
line-height: 1;
margin-bottom: 15px;
}
/* -------------------------------------------------------------------------- */
/* Book a Call */
/* -------------------------------------------------------------------------- */
.book-meeting-wrapper {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #e0e0e0;
}
.book-meeting-wrapper .book-meeting-heading {
font-size: 28px;
font-weight: 500;
margin-bottom: 20px;
font-family: "gilroy", sans-serif;
color: var(--color-black);
}
/* -------------------------------------------------------------------------- */
/* Calendly-Popup */
/* -------------------------------------------------------------------------- */
.calendly-popup-overlay {
position: fixed !important;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
}
.calendly-popup-content {
width: 1200px !important;
height: 670px !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
border-radius: 0 !important;
}
.calendly-popup-content iframe {
height: 100% !important;
border-radius: inherit;
}
#onetrust-banner-sdk,
#onetrust-consent-sdk,
#onetrust-pc-sdk,
#ot-sdk-btn {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
@media (max-width: 1023px) {
.calendly-popup-content {
width: 90vw !important;
max-width: 900px !important;
height: 85vh !important;
max-height: 650px !important;
border-radius: 16px !important;
padding: 0 !important;
}
}
@media (max-width: 768px) {
.calendly-popup-content {
width: 95vw !important;
max-width: 700px !important;
height: 90vh !important;
max-height: 600px !important;
border-radius: 12px !important;
}
}
@media (max-width: 424px) {
.calendly-popup-content {
width: 98vw !important;
height: 95vh !important;
max-width: none !important;
max-height: none !important;
border-radius: 8px !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
@media (max-width: 375px) {
.calendly-popup-content {
width: 98vw !important;
height: 95vh !important;
max-width: none !important;
max-height: none !important;
border-radius: 8px !important;
top: 60% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
@media (max-width: 320px) {
.calendly-popup-content {
width: 98vw !important;
height: 95vh !important;
max-width: none !important;
max-height: none !important;
border-radius: 8px !important;
top: 60% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
@media (max-width: 768px) {
.calendly-popup-overlay {
padding: 10px;
box-sizing: border-box;
}
}
@media (max-width: 424px) {
.calendly-popup-overlay {
padding: 5px;
}
}
@media (max-width: 1024px) {
.calendly-popup-content iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
}
}
#show-calendly-popup {
margin-top: -3%;
}
@media (min-width: 1441px) {
.book-meeting-wrapper {
padding-left: 20px;
}
}
@media (min-width: 768px) {
#show-calendly-popup {
padding: 18px 45px;
display: inline-block;
text-align: center;
}
}
/* -------------------------------------------------------------------------- */
/* Scroll Progress Bar */
/* -------------------------------------------------------------------------- */
#scroll-progress-bar {
position: fixed;
left: 0;
height: 4px;
background-color: var(--color-pure-blue);
width: 0%;
z-index: 2;
transition: width 0.1s linear;
}
/* -------------------------------------------------------------------------- */
/* Sticky Header */
/* -------------------------------------------------------------------------- */
header {
position: sticky;
top: 0;
padding: 0px 0px;
background-color: var(--color-light-blue-100);
z-index: 999;
}
.header_wrapper {
padding: 9px 35px 9px 35px;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
background: rgba(255, 255, 255, 0.50);
border: 1px solid rgba(37, 39, 38, 0.05);
box-shadow: 0px 6px 17px rgba(185, 182, 182, 0.53);
border-radius: 0px;
position: relative;
}
@media (min-width: 1441px) {
.header_wrapper {
padding: 9px 75px 9px 75px;
}
}
/* -------------------------------------------------------------------------- */
/* Remove Dive Wrap */
/* -------------------------------------------------------------------------- */
.dive_in_wrap {
display: none !important;
}
/* -------------------------------------------------------------------------- */
/* Sticky Sidebar & ToC Highlighting */
/* -------------------------------------------------------------------------- */
.single_blog_page .toc_list {
font-size: 0.9em;
}
.single_blog_page .toc-item {
margin-top: .25rem;
margin-bottom: .75rem;
}
.single_blog_page .toc-h2-wrapper {
display: flex;
align-items: center;
cursor: pointer;
padding: 4px 0;
}
/* .single_blog_page .chevron {
flex-shrink: 0;
display: inline-block;
width: 0;
height: 0;
margin-right: 8px;
border-left: 6px solid var(--color-dark-gray);
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
transition: transform 0.2s ease;
cursor: pointer;
}
.single_blog_page .chevron-alt {
flex-shrink: 0;
display: inline-block;
margin-right: 8px;
font-size: 12px;
color: var(--color-dark-gray);
transition: transform 0.2s ease;
cursor: pointer;
user-select: none;
} */
.single_blog_page .toc-chevron-svg {
flex-shrink: 0;
display: inline-block;
margin-right: 8px;
width: 18px;
height: 18px;
color: var(--color-dark-gray);
transition: transform 0.2s ease;
cursor: pointer;
user-select: none;
}
.single_blog_page .toc-item:not(.collapsed) .toc-chevron-svg {
transform: rotate(90deg) !important;
}
@media (min-width: 768px) {
.single_blog_page .toc-item.toc-h2.h2-has-children:hover .toc-chevron-svg {
transform: rotate(90deg) !important;
}
}
.single_blog_page .toc-h2-link {
flex-grow: 1;
text-decoration: none;
color: var(--ui--dark-grey, var(--color-dark-gray));
font-weight: 600;
font-size: var(--__typography---text--regular, 15px);
white-space: normal;
overflow: visible;
text-overflow: initial;
line-height: 1.4;
}
.single_blog_page .toc-h2-link.active {
color: var(--color-pure-blue);
padding-left: 0 !important;
}
.single_blog_page .toc-h2-link.active::before {
content: none !important;
width: 0 !important;
background-color: transparent !important;
}
.single_blog_page .toc-item:not(.collapsed) .chevron-alt,
.single_blog_page .toc-item:not(.collapsed) .chevron {
transform: rotate(90deg) !important;
}
.single_blog_page .toc-sublist {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.single_blog_page .toc-item:not(.collapsed) .toc-sublist {
max-height: 800px !important;
}
.single_blog_page .toc-item:not(.collapsed) .toc-sublist.has-children {
margin-left: 20px;
padding-left: 0;
border-left: none;
padding-top: 4px;
padding-bottom: 4px;
}
.single_blog_page .toc-h3 {
display: block;
font-weight: 500;
text-decoration: none;
white-space: normal;
overflow: visible;
text-overflow: initial;
transition: color 0.2s ease, border-left-color 0.2s ease;
line-height: 1.4;
position: relative;
color: #272525;
font-size: var(--__typography---text--regular, 14px);
letter-spacing: .025rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
border-left: 4px solid #b8b7b7;
}
.single_blog_page .toc-h3.active {
color: var(--ui--dark-blue, var(--color-pure-blue));
font-weight: 500;
border-left-color: var(--color-pure-blue);
}
.single_blog_page .toc-h2-wrapper:hover .toc-h2-link,
.single_blog_page .toc-item:hover .toc-h2-link {
color: var(--color-pure-blue);
}
.single_blog_page .toc-h3:hover {
color: var(--color-pure-blue);
border-left-color: var(--color-pure-blue);
}
.single_blog_page .toc-h3.active::before {
content: none !important;
width: 0 !important;
background-color: transparent !important;
border-radius: 0 !important;
left: initial !important;
top: initial !important;
}
.blog_desc h2,
.blog_desc h3 {
scroll-margin-top: 80px;
}
.blog_contents_sidebar {
display: block;
position: static;
}
@media (min-width: 768px) {
.blog_contents_sidebar {
position: -webkit-sticky;
position: sticky;
top: 100px;
height: fit-content;
}
.single_blog_page .toc-item.toc-h2.h2-has-children:hover .chevron-alt,
.single_blog_page .toc-item.toc-h2.h2-has-children:hover .chevron {
transform: rotate(90deg) !important;
}
}
@media (max-width: 767px) {
.single_blog_page .toc-item {
margin-top: .1rem;
margin-bottom: .25rem;
}
.single_blog_page .toc-h2-link,
.single_blog_page .toc-h3 {
white-space: normal;
overflow: visible;
text-overflow: initial;
}
}
a:active,
a:hover {
outline: 0;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.blog_desc h2,
.blog_desc h3 {
scroll-margin-top: 80px;
}
.blog_contents_sidebar {
position: sticky;
top: 100px;
height: fit-content;
margin-bottom: 30px;
}
.toc_list {
max-height: calc(100vh - 250px);
overflow-y: auto;
padding-right: 15px;
scrollbar-width: thin;
scrollbar-color: var(--color-pure-blue) #f1f1f1;
}
.toc_list::-webkit-scrollbar {
width: 4px;
}
.toc_list::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.toc_list::-webkit-scrollbar-thumb {
background: var(--color-pure-blue);
border-radius: 4px;
}
.toc_list::-webkit-scrollbar-thumb:hover {
background: #7460d1;
}
.single_blog_page .toc-h2-wrapper {
padding: 8px 0;
display: flex;
align-items: flex-start;
gap: 8px;
}
.single_blog_page .toc-h3 {
padding: 8px 0 8px 28px;
position: relative;
display: block;
transition: all 0.3s ease;
}
.single_blog_page .toc-h2-link.active,
.single_blog_page .toc-h3.active {
color: var(--color-pure-blue);
}
.single_blog_page .toc-h2-wrapper:hover .toc-h2-link,
.single_blog_page .toc-h3:hover {
color: var(--color-pure-blue);
}
@media (max-width: 767px) {
.blog_contents_sidebar {
position: relative;
top: 0;
margin: 20px 0;
}
.toc_list {
max-height: none;
overflow-y: visible;
border: none;
border-radius: 0;
padding: 0;
}
}
/* ============================================================================================
Guides Archive & Category Pages Grid Styles
============================================================================================ */
.blog_lists .guides-archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 30px;
}
.category_tag.category_tag_violet {
background-color: #A28BFA;
color: #ffffff;
padding: 8px 16px;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.blog_lists .guides-archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 30px;
}
.guides-archive-grid .blog-post-item {
background-color: #ffffff;
border: 1px solid #f0f0f0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 6px 15px rgba(220, 220, 230, 0.5);
display: flex;
flex-direction: column;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.guides-archive-grid .blog-post-item:hover {
transform: translateY(-5px);
box-shadow: 0px 10px 20px rgba(200, 200, 210, 0.6);
}
.guides-archive-grid .blog-post-item .post-thumbnail {
margin: 0;
}
.guides-archive-grid .blog-post-item .post-thumbnail img {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
transition: transform 0.3s ease;
}
.guides-archive-grid .blog-post-item:hover .post-thumbnail img {
transform: scale(1.05);
}
.guides-archive-grid .blog-post-item .post-content {
padding: 24px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.guides-archive-grid .blog-post-item .post-meta {
margin-bottom: 12px;
font-size: 14px;
display: flex;
align-items: center;
color: #888888;
}
.guides-archive-grid .blog-post-item .post-category {
color: var(--color-pure-blue) !important;
font-weight: 500;
text-decoration: none !important;
}
.guides-archive-grid .blog-post-item .meta-separator {
margin: 0 8px;
color: #b0b0b0;
}
.guides-archive-grid .blog-post-item .post-title {
font-size: 22px;
line-height: 1.3;
font-weight: 600;
margin-bottom: 10px;
color: var(--color-black);
}
.guides-archive-grid .blog-post-item .post-excerpt p {
font-size: 16px;
line-height: 1.5;
color: var(--color-light-black);
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1024px) {
.blog_lists .guides-archive-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.blog_lists .guides-archive-grid {
grid-template-columns: 1fr;
}
}
body.post-type-archive-guide .page_contents>section:first-of-type,
body.tax-guide_category .page_contents>section:first-of-type {
padding-top: 60px;
padding-bottom: 0;
}
@media (max-width: 767px) {
body.post-type-archive-guide .page_contents>section:first-of-type,
body.tax-guide_category .page_contents>section:first-of-type {
padding-top: 40px;
}
}
@media (max-width: 767px) {
.filter_btn_wrapper {
padding: 0px 0 48px;
}
}
.single-guide .ultimate_content {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
}
.single-guide .ultimate_title {
flex: 1 1 65%;
margin: 0;
}
.single-guide .ultimate_content .col {
flex: 1 1 35%;
}
@media (max-width: 767px) {
.single-guide .ultimate_content {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.single-guide .ultimate_content .col {
padding-bottom: 0;
}
}
.page_contents .ultimate_separator {
width: 85%;
max-width: 1400px;
height: 3px;
background-color: #e0e0e0;
margin: 35px auto;
}
.page_contents .ultimate_content {
display: flex;
justify-content: space-between;
align-items: center;
padding-block: 0px 0px;
}
.post-category-initials {
color: var(--color-pure-blue) !important;
}
@media (max-width: 767px) {
.guides-post {
line-height: 45px;
}
}
@media (max-width: 1024px) {
.single_blog_page .share_post.d-flex {
padding-block: 15px;
align-items: start;
gap: 16px;
flex-direction: column;
}
}
@media (max-width: 1024px) {
.page_contents .ultimate_separator {
width: 95%;
max-width: 1400px;
height: 3px;
background-color: #e0e0e0;
margin: 35px auto;
}
}
.guide-archive-header__title {
font-size: 51px;
line-height: 1.2;
color: #1a202c;
}
.guide-archive-header__description {
font-size: 18px;
padding-top: 10px;
}
@media (min-width: 1025px) and (max-width: 1536px) {
.guide-archive-header__title {
font-size: 39px;
line-height: 2.2;
color: #1a202c;
}
.guide-archive-header__description {
font-size: 18px;
padding-top: 10px;
}
}
/* ============================================================================================
Industry Pages Styles
============================================================================================ */
.industry_col_v1 {
background-color: #ffffff;
border: 1px solid #f0f0f0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 6px 15px rgba(220, 220, 230, 1.0);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.industry_col_v1 .figure img {
width: 100%;
display: block;
transition: transform 0.3s ease;
}
.industry_col_v1:hover {
transform: translateY(-5px);
box-shadow: 0px 10px 20px rgba(200, 200, 210, 1.0);
}
.industry_col_v1:hover .figure img {
transform: scale(1.05);
}
/* Global image alignment support for Gutenberg editor and front-end */
/* Center aligned images */
.aligncenter,
.wp-block-image.aligncenter,
figure.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Left aligned images */
.alignleft,
.wp-block-image.alignleft,
figure.alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
/* Right aligned images */
.alignright,
.wp-block-image.alignright,
figure.alignright {
float: right;
margin: 0 0 1em 1.5em;
}
/* Clear floats after content blocks */
.wp-block-image::after {
content: "";
display: block;
clear: both;
}
/* ============================================================================================
Styles for 1025px to 1536px Screen Sizes
============================================================================================ */
@media (min-width: 1025px) and (max-width: 1536px) {
.header_wrapper {
padding: 20px 10px;
}
.home_banner_section .container,
.social_proffing_section .container,
.fueling_next_gen_section .container,
.explore_our_ai_section .container,
.data_annotation_tools_section .container,
.trusted_partners_section .container,
.our_customers_section .container,
.data_security_section .container,
footer .container {
padding-left: 120px;
padding-right: 120px;
}
.social_proffing_section,
.fueling_next_gen_section,
.explore_our_ai_section,
.data_annotation_tools_section,
.trusted_partners_section,
.our_customers_section,
.data_security_section {
padding-top: 25px;
padding-bottom: 25px;
}
.home_banner_section {
color: #252726B3;
font: 18px gilroy, sans-serif;
background: #FDFCFF;
padding: 0px;
margin-top: 50px;
}
.home_banner_section figure {
margin-bottom: -164px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 90%;
padding-left: 170px;
padding-right: 70px;
margin-top: -120px;
}
.home_h1 {
max-width: 800px;
font-size: 45px !important;
margin-bottom: 15px;
line-height: 1.25;
position: relative;
z-index: 2;
}
.banner_bot.d-flex {
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-right: 0;
gap: 20px;
}
.banner_bot .desc p {
font-size: 16px;
line-height: 1.6;
}
.banner_bot .btn-primary {
font-size: 16px;
gap: 10px;
padding: 16px 20px;
}
.fueling_next_gen_section {
background: #fff;
border-radius: 48px;
position: relative;
z-index: 2;
}
.fueling_wrapper .title_wrapper {
margin-bottom: 15px;
}
.fueling_wrapper .title_wrapper.d-flex h2 {
max-width: 700px !important;
font-size: 45px !important;
line-height: 1.2 !important;
}
.fueling_wrapper>.row.d-flex {
gap: 20px;
}
.fueling_bot_content {
padding-top: 20px;
max-width: 1051px;
margin-inline: auto;
}
.fueling_bot_content p:last-child {
font-size: 16px;
opacity: 0.8;
margin: 0;
}
.stack_img_wrapper {
display: flex;
margin-bottom: 5px;
padding-left: 9px;
}
.stack_img_wrapper img {
width: 50px;
height: 50px;
margin-left: -10px;
border: 4px solid #fff;
border-radius: 50%;
position: relative;
}
.stack_img_box .desc {
max-width: 180px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.02em;
color: rgba(37, 39, 38, 0.7);
}
.no_box {
padding: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.no_box>.col.d-flex {
justify-content: space-around;
}
.no_box_title {
font-weight: 500;
font-size: 45px;
line-height: 50px;
letter-spacing: -0.02em;
color: var(--color-black);
margin-bottom: 12px;
}
.no_box p {
font-size: 16px;
}
span.with_no {
font-size: 100px;
}
.explore_our_ai_section {
margin-top: 0;
background-color: var(--color-light-blue-200);
position: relative;
z-index: 1;
}
.explore_our_ai_section h2 {
font-size: 45px;
margin-bottom: 15px;
line-height: 1.2;
}
.explore_our_ai_section .title_wrapper .desc {
font-size: 16px;
line-height: 142%;
}
.explore_our_ai_section .title_icon_wrapper>img {
width: 48px;
height: 48px;
}
.explore_our_ai_section .title_icon_wrapper .h3-44 {
font-size: 28px;
line-height: 1.2;
}
.explore_our_ai_section .title_wrapper.title_icon .btn-arrow {
width: 50px;
height: 50px;
}
.service_wrapper.d-flex {
padding-top: 25px;
flex-wrap: wrap;
gap: 20px 20px;
}
.service_wrapper .col .desc {
font-size: 16px;
max-width: 774px;
color: rgba(37, 39, 38, 0.6);
margin-bottom: 38.19px;
margin-top: 6px;
}
.data_annotation_tools_section {
background: #fff;
position: relative;
z-index: 2;
}
.data_annotation_tools_section h2 {
font-size: 45px;
line-height: 1.2;
max-width: 700px;
}
.tab_header {
display: flex;
align-items: center;
padding: 9px;
background: #fff;
border: 1px solid rgba(37, 39, 38, 0.04);
box-shadow: 0 4px 16px #f5f5f5;
border-radius: 20px;
max-width: fit-content;
margin: 20px auto 25px;
}
.tab_header li {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.trusted_partners_section {
background-color: var(--color-light-blue-300);
}
.trusted_partners_section h2 {
max-width: 703px;
margin-inline: auto;
font-size: 45px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 15px;
}
.partners_wrapper.d-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.partners_img_wrapper {
height: 180px;
background: #ffffff;
border: 1px solid #ebe8ff;
box-shadow: 0 0 10px rgba(235, 235, 235, 0.22);
border-radius: 20px;
}
.partners_img_wrapper img {
width: 120px;
}
.partners_wrapper .partners_img_wrapper:nth-child(7) img,
.partners_wrapper .partners_img_wrapper:nth-child(1) img {
width: 80px;
}
.partners_wrapper .partners_img_wrapper:nth-child(3) img,
.partners_wrapper .partners_img_wrapper:nth-child(4) img,
.partners_wrapper .partners_img_wrapper:nth-child(5) img,
.partners_wrapper .partners_img_wrapper:nth-child(5) img {
width: 180px;
}
.our_customers_section {
background-color: var(--color-light-blue-200);
}
.our_customers_section h2 {
font-size: 45px;
line-height: 1.2;
margin-bottom: 15px;
}
.our_customers_section h2+.desc {
font-size: 16px;
line-height: 34px;
text-align: center;
margin-bottom: 15px;
}
.testimonials_wrapper.d-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding-top: 0;
}
.testimonials_wrapper .col {
height: 400px !important;
}
.testimonials_wrapper .col .desc {
font-size: 16px;
line-height: 178%;
max-width: 300px;
}
.data_security_section {
background-color: var(--color-light-blue-200);
}
.data_security_section h2 {
font-size: 45px;
line-height: 1.2;
margin-bottom: 15px;
}
.data_security_section h2+.desc {
max-width: 800px;
margin-inline: auto;
font-size: 16px;
line-height: 34px;
color: rgba(37, 39, 38, 0.7);
}
.security_img_wrapper figure {
padding-inline: 20px;
width: 100%;
height: 100%;
position: relative;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.security_img_wrapper img {
max-width: 100%;
width: 100%;
}
.security_img_wrapper h3 {
position: absolute;
bottom: 33.39px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
}
.security_img_wrapper:nth-child(1),
.security_img_wrapper:nth-child(2),
.security_img_wrapper:nth-child(3),
.security_img_wrapper:nth-child(4),
.security_img_wrapper:nth-child(5),
.security_img_wrapper:nth-child(6) {
height: 220px;
}
.security_socials {
padding-top: 20px;
}
footer {
padding: 30px 0 30px;
border-radius: 0;
background-color: #fcfdff;
margin-top: 0;
}
footer .desc {
font-size: 15px;
font-weight: 500;
}
.footer_menu li,
.footer_menu li a {
font-size: 16px;
color: var(--color-black);
}
.footer_socials {
padding-bottom: 30px;
}
.footer_bot {
padding: 25px 13px 0;
}
.copyright.d-flex {
padding: 20px 16px 20px 0;
}
.footer_bot.aos-init.aos-animate img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.title_icon_wrapper {
margin-bottom: 15px;
}
/* Data Annotation page Zoom in*/
.overlay_container .banner_wrapper h1 {
max-width: 800px;
font-size: 45px !important;
margin-bottom: 15px;
line-height: 1.25;
position: relative;
z-index: 2;
}
.overlay_container .banner_wrapper .desc p,
.why_choose_odas .dc_service_item .desc p,
.c_vision_das .col_contents p,
.npl_das .col_contents p,
.other_das .col_contents p,
.getting_started_section .col p,
.kickoff,
.col-contents p {
font-size: 16px;
line-height: 1.6;
}
.overlay_container .banner_wrapper .btn-wrapper .btn-primary {
font-size: 16px;
gap: 10px;
padding: 16px 20px;
}
.overlay_container .banner_wrapper figure {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.why_choose_odas .container,
.c_vision_das .container,
.npl_das .container,
.other_das .container,
.getting_started_section .container,
.contact_us_section .container {
padding-left: 120px;
padding-right: 120px;
}
.why_choose_odas .dc_service_item h3,
.c_vision_das .col_contents h3,
.npl_das .col_contents h3,
.other_das .col_contents h3,
.kickoff .col_contents h3 {
font-size: 28px;
}
.why_choose_odas .h2-44,
.c_vision_das .h2-70,
.npl_das .h2-70,
.other_das .h2-70,
.getting_started_section .h2-44,
.kickoff .container .h2-70,
.contact_us_section h2.h2-44 {
font-size: 40px;
}
.why_choose_odas .swiper-slide {
width: 400;
}
.contact_us_section form label,
.contact_us_section form input,
.contact_us_section form select,
.contact_us_section form textarea {
font-size: 16px;
}
/* Content moderation page*/
.cms_stand_out .container,
.our_cms_side_img .container,
.cm_vti_section .container,
.moderation_services .container,
.cmp_section .container {
padding-left: 120px;
padding-right: 120px;
}
:is(.why_tuoda, .cms_stand_out) h2 {
font-size: 40px;
}
.our_cms_side_img .h2-70,
.moderation_services .container .h2-70,
.cmp_section .container .h2-70 {
font-size: 40px;
}
.dc_services_swiper_wrapper .dc_service_item h3,
.our_cms_side_img .col .h3-44,
.cm_vti_section .col-contents .h3-44,
.cm_vti_section .cm_wrapper .col:nth-of-type(2) h3,
.cm_vti_section .cm_wrapper .col:nth-of-type(3) h3,
.moderation_services .container .h3-34 {
font-size: 28px;
}
.dc_services_swiper_wrapper .dc_service_item .desc p,
.our_cms_side_img .desc li .cm_vti_section .container p .cm_vti_section .cm_wrapper .col:nth-of-type(2) .desc p,
.cm_vti_section .cm_wrapper .col:nth-of-type(3) .desc p,
.moderation_services .desc p,
.cmp_section .desc p {
font-size: 17px;
line-height: 1.6;
}
.cm_vti_section .desc ul,
.cm_vti_section .desc li {
font-size: 16px !important;
line-height: 1.6 !important;
}
.moderation_services .ms_row img {
width: 80px;
height: 80%;
object-fit: contain;
}
/*Data Collection Page zoom-in */
.page_contents .container {
padding-left: 100px;
padding-right: 100px;
}
.page_contents .container h1 {
font-size: 45px;
}
.why_tuoda .dc_services_swiper_wrapper .desc p {
font-size: 17px;
line-height: 1.6;
}
.page_contents .banner_wrapper .btn-wrapper .btn-primary {
font-size: 16px;
gap: 10px;
padding: 16px 20px;
}
.our_adc_services .container .h2-70 {
font-size: 40px;
}
.our_adc_services .container h3 {
font-size: 28px;
}
.our_adc_services .desc li {
font-size: 16px;
line-height: 1.6;
}
/*Generative AI Page*/
.what_set_apart_gai .container,
.llm_services .container,
.generative_ais_section .container,
.optimizing_llm_section .container,
.key_genrative_ai .container,
.experience_with_gai .container {
padding-left: 120px;
padding-right: 120px;
}
.llm_services .container .h2-70,
.optimizing_llm_section .container .h2-70,
.key_genrative_ai .container .h2-70,
.experience_with_gai .container .h2-70,
.build_le_section .container .h2-70 {
font-size: 40px;
}
.generative_ais_section h2 {
font-size: 40px !important;
}
.llm_services .container h3,
.generative_ais_section .accordion_header h3,
.accordion_section .accordion_header h3 {
font-size: 28px;
}
.generative_ais_section .desc p .accordion_section .accordion_content p {
font-size: 18px;
}
.llm_services .desc li {
font-size: 16px;
line-height: 1.6;
}
.llm_services .left_img figure {
width: 100%;
height: 100%;
margin-top: 30px;
}
/* About us page */
.join_us_section .container {
max-width: 1446px;
padding: 0 34px;
}
.row_alt_banner.col .p {
font-size: 18px;
}
.right_experts_section .h2-70,
.join_us_section .col .h2-70 {
font-size: 40px;
}
.our_values_section .container .h2-100 {
font-size: 45px;
}
/*Careers page */
.career_container .container,
.why_work .container,
.benefits .container,
.position_container .container {
padding-left: 100px;
padding-right: 100px;
}
.career_container .career_content .career_title {
font-size: 55px;
max-width: 450px;
}
.why_work .container .h2_h1_attr {
font-size: 55px;
}
.benefits_content .benefits_title {
font-size: 45px;
}
.talent_container .container .talent_title,
.position_container .container .position_title {
font-size: 45px;
}
/* Data security page */
.banner_sec .s_container,
.commitment_sec .s_container {
padding-left: 80px;
padding-right: 80px;
}
.banner_sec .banner_title {
font-size: 45px;
}
.commitment_sec .col .h2_h1_attr {
font-size: 45px;
line-height: 60px;
}
.image_box_wrapper .caption_wrapper h3 {
font-size: 30px;
}
/* AI Compliance */
.blog_page .row_alt_banner .col .protect_title {
font-size: 45px !important;
}
.certification_container .container {
padding: 0;
}
.card_main_content p {
font-size: 18px;
}
/*Autonomous vehicles page*/
.wu_ai_header .h2-70,
.ai_being_used .container .h2-70,
.benefits_of_ai .title_wrapper.d-grid .h2-70,
.lead_with_ai .h2-70 {
font-size: 45px;
}
.benefits_of_ai .list-ul li,
.benefits_of_ai .col p {
font-size: 18px;
}
.lead_with_ai .row img {
max-width: 100%;
margin-left: 10px;
height: auto;
}
.title_icon_wrapper img {
width: 20%;
height: 20%;
object-fit: contain;
margin-bottom: 10px;
}
.lead_with_ai .desc p {
margin-left: 25px;
}
.highlight_desc .desc {
font-size: 28px !important;
}
/*blog page*/
.filter_btn_wrapper a.btn-primary {
font-size: 16px;
padding: 10px 20px;
}
.post_blog .post_title h2 a {
font-size: 28px;
}
/* Social Impact page */
/*INT-286 CSS Fix*/
.social_banner_top_wrapper{
padding-right: 40px ;
}
.social_banner_sec .s_container {
padding-left: 70px;
padding-right: 70px;
padding-left: 40px;
padding-right: 0px!important ;
}
.impact_sec .s_container {
max-width: 1280px;
}
.social_banner_sec .social_banner_title {
font-size: 45px;
}
.social_banner_bottom_wrapper img {
max-width: 100%;
width: 95%;
border-radius: 20px;
height: 280px !important;
}
@media (min-width: 901px) and (max-width: 1300px){
.social_banner_bottom_wrapper img{
border-radius: 20px;
height: 280px !important;
}
}
.social_ib_wrapper .social_ib_text_wrapper .h2_h1_attr {
font-size: 45px;
line-height: 72px;
}
/*guides page*/
h1.ultimate_title.guides-post.guide-archive-header__title {
font-size: 40px;
}
.ultimate_container .container .col {
flex: 0 0 50%;
}
}
/*---------------------------------------*/
/* Certificaete icon screen responsive*/
@media (max-width: 1100px) {
.security_img_wrapper {
flex: 0 0 calc(20% - 20px);
}
}
@media (max-width: 1024px) {
.security_socials.d-flex {
flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
}
.security_img_wrapper {
flex: 0 0 calc(16.66% - 10px);
height: auto;
min-width: unset;
}
}
@media (max-width: 992px) {
.security_socials.d-flex {
flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
}
.security_img_wrapper h3 {
font-size: 14px;
}
.security_img_wrapper {
flex: 0 0 calc(16.66% - 10px);
height: auto;
min-width: unset;
}
.security_img_wrapper img {
max-width: 100%;
width: 100%;
height: 70%;
object-fit: cover;
}
}
@media (max-width: 767px) {
.security_img_wrapper .security_wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
overflow-x: auto;
/* enables horizontal scroll if icons don’t fit */
gap: 16px;
padding: 10px 0;
scrollbar-width: none;
/* hide scrollbar for a cleaner look (Firefox) */
}
.security_wrapper::-webkit-scrollbar {
display: none;
/* hide scrollbar (Chrome, Safari) */
}
.security_img_wrapper {
flex: 0 0 auto;
/* prevents shrinking */
min-width: 120px;
/* ensures consistent icon size */
text-align: center;
}
.security_img_wrapper h3 {
font-size: 14px;
}
.security_img_wrapper img {
height: auto;
object-fit: contain;
}
/* Hero section content centralize */
.banner_wrapper .col {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
}
/*Security logos for 24 inch desktop */
@media (min-width: 1280px) {
.security_img_wrapper {
height: 200px;
}
.security_img_wrapper h3 {
top: 145px;
bottom: 0px;
font-size: 20px;
}
}
/* For 14 inch Laptop*/
@media (min-width: 901px) and (max-width: 1440px) {
.security_img_wrapper img {
height: 80%;
}
.security_img_wrapper h3 {
font-size: 16px;
}
}
/* Hide the "Get in touch" button on desktop */
@media (min-width: 1025px) {
.header_nav .btn-primary {
display: none !important;
}
}
/* Show the button only in mobile view */
@media (max-width: 1024px) {
.header_nav .btn-primary {
display: block !important;
width: 100%;
margin: 16px 0;
}
.header_nav .btn-primary a.nav-link {
width: 100%;
border-radius: 12px;
text-align: center;
font-weight: 600;
color: #000;
text-decoration: none;
}
}
/* CSS Fixation for !4 inch Laptop */
@media (max-width: 1280px) {
/*home page*/
.header_wrapper {
padding: 9px 5px 9px 5px;
}
.header_wrapper .nav_list {
margin-left: 0px;
margin-bottom: 8px;
}
.nav_list {
display: flex;
gap: 5px;
align-items: center;
}
/*Data annotation page*/
/*----INT-321----*/
.dc_services_swiper_wrapper {
padding: 20px 10px 0 10px;
}
.title_wrapper.d-flex h2,
.c_vision_das .h2-70,
.optimizing_llm_section .container .h2-70,
.key_genrative_ai .container .h2-70 {
font-size: 30px;
}
.who_we_are_wrapper h2 {
font-size: 50px;
}
.dc_service_item h3,
.our_adc_services .container h3,
.llm_services .container h3,
.accordion_header h3 {
font-size: 20px !important;
}
.llm_services .container h3 {
line-height: 30px;
}
.dc_service_item .desc p {
font-size: 16px !important;
}
/*----INT-321----*/
/*.dc_service_item {
width: 85%;
}*/
.no_img_box>.col {
padding: 20px 28px 32px;
}
.row.no_img_box {
margin-top: 50px;
}
.btn-arrow {
width: 60px;
height: 60px;
}
.title_wrapper.d-flex h2,
.collection h2.h2-44,
.generative_ais_section h2,
.build_le_section .container .h2-70,
.pc_wrapper h2 {
font-size: 26px !important;
}
.collection .desc p,
.accordion_content p,
.optimizing_llm_section .container p,
.title_wrapper.d-flex p,
.build_le_section .container p,
.accordion_content li,
.pc_wrapper p,
.industry_list_section .desc p {
font-size: 16px !important;
}
.who_we_are_wrapper>.col.desc:last-child>p:first-child {
font-size: 22px;
}
.who_we_are_section .container {
margin-top: -60px;
}
.pc_wrapper {
padding: 25px;
max-width: 750px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 50px);
}
.career_container .career_content .career_title {
font-size: 38px;
}
.perk_content .perk_title {
font-size: 21px;
}
.talent_title {
padding-bottom: 70px;
}
.title_icon_wrapper .h3-44 {
font-size: 26px;
}
.industry_col_v1 .title_icon_wrapper>img {
width: 70px;
}
.industry_col_v1 .title_icon_wrapper>img {
height: 60px;
}
.industry_col_v1 .col_contents {
padding: 0px;
}
.industry_single_banner {
padding-top: 58px;
}
.section.social_banner_sec {
padding-left: 30px;
padding-right: 30px
}
.s_container,
.social_banner_sec .s_container {
padding-left: 100px;
padding-right: 100px;
}
.rise_sec .social_ib_wrapper {
padding-left: 70px;
padding-right: 70px;
}
}
/* News & press release page */
.news-page-wrapper {
width: 90%;
max-width: 1250px;
margin: 60px auto;
}
/* ==========================
PAGE TITLE + SUB DESC
========================== */
.news-header {
display: grid;
align-items: center;
margin-bottom: 30px;
gap: 130px;
grid-template-columns: 52% 36%;
padding-bottom: 50px;
border-bottom: 2px solid #00000066;
}
.np-main-title {
font-size: 45px;
font-weight: 500;
line-height: 1.2;
max-width: 650px;
}
.news-title-right {
max-width: 450px;
font-size: 20px;
line-height: 1.6;
font-weight: 400;
}
/* ==========================
GRID: FEATURED + RECENT
========================== */
.news-sections-wrapper {
display: grid;
grid-template-columns: 1.5fr 1.1fr;
gap: 20px;
}
/* ==========================
FEATURED NEWS
========================== */
.section-title {
font-size: 36px;
font-weight: 500;
margin-bottom: 20px;
}
.section-title-rnews {
font-size: 36px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 70px;
}
.featured-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
height: 635px;
}
.featured-image img {
width: 100%;
display: block;
border-bottom: 0px solid #eee;
padding: 12px;
}
.featured-content {
padding: 24px;
color: #00000099;
}
.featured-title {
font-size: 28px;
font-weight: 600;
margin-bottom: 8px;
}
.featured-date {
color: #000000;
font-size: 16px;
margin-bottom: 12px;
font-weight: 500;
}
.featured-excerpt {
font-size: 15px;
color: #444;
margin-bottom: 20px;
}
.featured-btn {
display: inline-block;
color: #252726;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
font-size: 20px;
}
.featured-btn .chevron-right {
display: inline-block;
width: 9px;
height: 9px;
border-right: 3px solid currentColor;
border-bottom: 3px solid currentColor;
transform: rotate(-45deg);
margin-left: 6px;
margin-top: -2px;
}
/* ==========================
RECENT NEWS CARDS
========================== */
.recent-card {
background: #fff;
padding: 53px 24px;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
}
.recent-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 6px;
}
.recent-date {
font-size: 16px;
color: #000;
margin-bottom: 10px;
font-weight: 500;
}
.recent-excerpt {
font-size: 15px;
color: #444;
margin-bottom: 16px;
}
.recent-btn {
color: #000;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.recent-btn .chev {
display: inline-block;
margin-left: 6px;
transition: transform 0.3s ease;
}
.recent-btn:hover .chev {
transform: translateX(5px);
}
.featured-btn:hover .chevron-right {
transform: translateX(4px) rotate(-45deg);
}
/*----- press logos carousel-----*/
.press-carousel-wrapper {
width: 100%;
margin: 50px 0 40px;
}
.press-carousel-wrapper .swiper {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.press-carousel-wrapper .swiper-slide img {
width: 30%;
height: 120px;
object-fit: cover;
display: block;
}
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
.swiper-pagination-bullet-active {
background: #000;
}
@media (max-width: 768px) {
.press-carousel-wrapper .swiper-slide img {
height: 250px;
}
}
/* PRESS RELEASE SECTION */
.press-release-wrapper,
.ow-wrapper {
width: 100%;
margin-top: 70px;
padding-bottom: 60px;
padding-left: 130px;
padding-right: 120px;
}
.ow-wrapper {
padding-top: 70px;
background-color: #F6F6FF;
}
.press-header,
.ownews-header {
display: grid;
align-items: center;
margin-bottom: 30px;
gap: 0px;
grid-template-columns: 52% 52%;
padding-bottom: 50px;
border-bottom: 2px solid #00000066;
}
.pr-main-title {
font-size: 45px;
font-weight: 500;
line-height: 1.2;
margin: 0;
}
.ow-title-left {
max-width: 550px;
}
.press-title-right,
.ow-title-right {
max-width: 500px;
font-size: 16px !important;
color: #444;
line-height: 30px;
}
.press-separator {
border: none;
margin: 15px 0 40px;
}
/* GRID (2 per row) */
.press-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 35px 30px;
}
/* PRESS CARD */
.press-card {
background: #fff;
border: 1px solid #ececec;
border-radius: 10px;
overflow: hidden;
transition: box-shadow .3s ease, transform .3s ease;
display: flex;
flex-direction: column;
height: 100%;
}
/*.press-card:hover {
box-shadow: 0 4px 30px rgba(0,0,0,0.1);
transform: translateY(-4px);
}*/
/* IMAGE */
.press-img img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
/* padding: 25px;*/
}
/* CONTENT AREA */
.press-content {
padding: 20px;
flex-grow: 1;
}
.press-title {
font-size: 24px;
font-weight: 700;
margin: 0 0 10px;
}
.press-date {
font-size: 14px;
color: #777;
margin-bottom: 12px;
}
.press-excerpt {
font-size: 15px;
color: #555;
line-height: 1.6;
margin-bottom: 20px;
}
/* BUTTON */
.press-btn {
display: inline-block;
font-weight: 600;
text-decoration: none;
color: #252726;
font-size: 20px;
}
/*view more btn*/
.press-loadmore-wrap {
text-align: center;
margin-top: 30px;
}
#load-more-press {
background: #CEFF68;
color: #252726;
border: none;
padding: 20px 30px;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: transform 0.3s ease-in-out;
}
#load-more-press:hover {
transform: translateY(-10px);
}
#view-less-press {
background: #e5e5e5;
color: #000;
border: none;
padding: 12px 30px;
border-radius: 6px;
font-size: 16px;
cursor: pointer;
margin-left: 10px;
}
#view-less-press:hover {
background: #cccccc;
}
/* Hide additional OW posts initially */
.hidden-ow {
display: none;
}
/* View More / View Less button styling (same as press release) */
.press-view-btn-wrapper {
text-align: center;
margin-top: 30px;
}
.press-view-more-btn {
background: #0073e6;
color: #fff;
padding: 12px 28px;
border-radius: 6px;
border: none;
cursor: pointer;
font-size: 16px;
transition: 0.3s;
}
.press-view-more-btn:hover {
background: #005bb5;
}
/* ===============================
RESPONSIVE
================================ */
@media (max-width: 992px) {
.press-grid {
grid-template-columns: 1fr;
}
.press-header,
.ownews-header {
flex-direction: column;
gap: 10px;
}
.press-img img {
height: 220px;
}
}
@media (max-width: 600px) {
.pr-main-title {
font-size: 30px;
}
.press-content {
padding: 16px;
}
.press-img img {
height: 200px;
}
}
@media (max-width: 768px) {
.news-header,
.press-header,
.ownews-header {
display: block !important;
/* Cancel grid */
max-width: auto;
}
.featured-card {
height: auto;
}
.press-release-wrapper,
.ow-wrapper {
width: 100%;
padding-left: 30px;
padding-right: 40px;
}
.news-sections-wrapper {
grid-template-columns: 1fr;
}
.np-main-title {
font-size: 32px;
}
.press-img img {
height: auto;
}
}
@media (min-width: 1560px) and (max-width:2560px) {
.press-release-wrapper,
.ownews-header {
width: 100%;
max-width: 1500px;
margin: 60px auto;
}
.ownews-header,
#ow-news-grid {
padding-left: 100px;
padding-right: 100px;
}
}
/* Encord partner page*/
#enpartner-section .banner_wrapper>.col:first-child {
padding: 0;
}
#enpartner-section .row.banner_wrapper.d-grid {
padding-top: 120px;
}
#enpartner-section p {
font-size: 18px;
color: #000000B2;
}
#enpartner-oben-wt.our_adc_services {
padding: 50px 50px;
background-color: #fff;
}
#enpartner-oben-wt .h2-70 {
font-size: 45px !important;
}
#enpartner-oben-wt .container {
padding: 0 70px;
}
#enpartner-oben-wt .left_img.row.d-flex {
gap: 35px;
align-items: flex-start;
}
#enpartner-oben-wt .left_img.row h3 {
line-height: 44px;
font-size: 22px;
}
#enpartner-oben-wt .desc li {
font-size: 18px;
color: #000000B2;
}
#enpartner-three-card {
background-color: #F6F6FF;
}
#enpartner-three-card .h2-70 {
font-size: 48px;
width: 820px;
margin: auto;
}
#enpartner-three-card .main-desc+p {
font-size: 18px;
line-height: 34px;
color: #252726;
max-width: 870px;
margin: 0 auto 40px;
text-align: center;
}
#enpartner-three-card .card p:not(:empty) {
font-size: 16px;
line-height: 1.7;
color: #121212B2;
margin-top: 10px;
}
#enpartner-three-card {
padding: 60px 0;
}
.cards-and-next-heading {
display: flex;
gap: 40px;
}
.card.col {
border: 1px solid #EBE8FF;
padding: 30px 10px 10px 15px;
background-color: #fff;
border-radius: 20px;
}
.cards {
width: 100vw;
margin-left: calc(50% - 41vw);
margin-right: calc(50% - 41vw);
flex: 1;
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.card h3,
.card p {
display: inline-block;
margin-right: 10px;
font-size: 18px;
}
/* Extra Section Heading */
#enpartner-three-card .extra-sec-heading {
font-size: 48px;
color: #252726;
margin: 60px auto 30px auto;
text-align: start;
line-height: 1.3;
padding-left: 120px;
}
/* Repeater Rows Wrapper */
#enpartner-three-card .extra-text-rows {
display: flex;
align-items: center;
flex-direction: column;
gap: 30px;
margin-top: 20px;
padding-left: 120px;
padding-right: 120px;
}
#enpartner-three-card .extra-text-rows .etr_row {
display: grid;
grid-template-columns: 40% 53%;
align-items: center;
/* ensures vertical centering */
background-color: #fff;
gap: 80px;
padding: 50px 30px 50px 30px;
border-radius: 20px;
box-shadow: 0px 5px 12px 0px #E3E3E34D;
}
#enpartner-three-card .extra-text-rows h3 {
font-size: 32px;
margin: 0;
color: #252726;
}
/* Row Description */
#enpartner-three-card .extra-text-rows .desc p {
font-size: 18px;
line-height: 1.7;
color: #252726B2;
margin: 0;
}
/*FAQ*/
#enpartner-faq .accordion_content {
font-size: 16px;
line-height: 1.7;
color: #25272699;
margin: 0 0 15px 0;
max-width: 1200px;
}
.faq_accordion_wrapper {
margin-top: 70px;
}
#enpartner-faq .h2-70 {
font-size: 48px;
margin: 0px auto;
width: 800px;
padding-top: 50px;
line-height: 70px;
margin-bottom: 40px;
}
#enpartner-faq .faq_accordion_wrapper h3 {
font-size: 28px;
}
#enpartner-faq .container {
padding: 0px 100px;
}
/* ===========================
TABLET (max-width: 1024px)
=========================== */
@media (max-width: 1024px) {
#enpartner-oben-wt .container {
padding: 0 30px;
}
#enpartner-section .row.banner_wrapper.d-grid,
.getting_started_section .row.d-flex {
display: block;
}
#enpartner-section .row.banner_wrapper.d-grid>.col:last-child figure,
.getting_started_section img {
margin-top: 30px;
}
#enpartner-oben-wt .h2-70,
#enpartner-three-card .h2-70 {
font-size: 36px !important;
width: 100%;
}
.cards {
width: 100%;
margin: 0;
grid-template-columns: repeat(2, 1fr);
}
#enpartner-three-card .extra-sec-heading {
font-size: 36px;
padding-left: 40px;
}
#enpartner-three-card .extra-text-rows {
padding-left: 40px;
padding-right: 40px;
}
#enpartner-three-card .extra-text-rows .etr_row {
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
#enpartner-faq .h2-70 {
width: 100%;
font-size: 36px;
line-height: 50px;
}
}
/* ===========================
MOBILE (max-width: 767px)
=========================== */
@media (max-width: 767px) {
/* Banner spacing */
#enpartner-section .row.banner_wrapper.d-grid {
padding-top: 60px;
}
.row.banner_wrapper h1 {
line-height: 45px;
}
#enpartner-oben-wt.our_adc_services {
padding: 0px;
}
#enpartner-oben-wt .container {
padding: 0 20px;
}
/* Headings */
#enpartner-oben-wt .h2-70,
#enpartner-three-card .h2-70 {
font-size: 28px !important;
width: 100%;
text-align: center;
}
#enpartner-three-card .main-desc+p {
padding: 0 10px;
}
#enpartner-faq .container {
padding: 10px
}
/* Cards */
.cards {
grid-template-columns: 1fr;
width: 100%;
margin: 0;
gap: 15px;
}
.card.col {
padding: 20px;
}
/* Extra Section Heading */
#enpartner-three-card .extra-sec-heading {
padding-left: 10px;
padding-right: 10px;
font-size: 28px;
text-align: center;
}
/* Extra Text Rows */
#enpartner-three-card .extra-text-rows {
padding-left: 15px;
padding-right: 15px;
gap: 20px;
}
#enpartner-three-card .extra-text-rows .etr_row {
grid-template-columns: 1fr;
gap: 25px;
padding: 30px 20px;
text-align: center;
}
#enpartner-three-card .extra-text-rows h3 {
font-size: 24px;
}
#enpartner-three-card .extra-text-rows .desc p {
font-size: 16px;
}
/* FAQ */
#enpartner-faq .h2-70 {
font-size: 28px;
line-height: 38px;
width: 100%;
padding: 0 10px;
}
#enpartner-faq .faq_accordion_wrapper h3 {
font-size: 22px;
}
}
/*header menu*/
.header_nav .nav_list>li:nth-child(6)>.sub-menu {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
min-width: 520px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.header_nav .nav_list>li:nth-child(6)>.sub-menu .nav-link {
padding-top: 8px;
padding-right: 40px;
}
@media (max-width: 1024px) {
.header_nav .nav_list>li:nth-child(6)>.sub-menu {
background: none !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
border: 0px;
color: #000;
}
.header_nav .nav_list>li:nth-child(6)>.sub-menu .nav-link {
color: #000;
}
}
/* encord nav menu icon*/
.sub-menu li.encord-icon>a.nav-link {
position: relative;
padding-left: 32px;
/* space for icon */
}
.sub-menu li.encord-icon>a.nav-link::before {
content: "";
background-image: url('https://dev.objectways.com/wp-content/uploads/2025/12/72313be7-9d20-4dd9-b240-14c43eed5ac7-1717149550508-scaled.png');
background-size: 20px 20px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
/*active navmenu for guides page*/
.body.page-id-2138 .nav_list li a[href$="/guides/"],
body.page-id-2915 .nav_list li a[href$="/guides/"] {
color: var(--color-pure-blue);
}
/* MacBook (>= 1600px) — expand spacing, large layout */
@media screen and (min-width: 1560px) {
.home_banner_section {
color: #252726B3;
font: 18px gilroy, sans-serif;
background: #FDFCFF;
padding: 0;
width: 100%;
margin-top: -350px;
}
.home_banner_section .container {
position: relative;
display: flex;
height: 1090px;
align-items: flex-end;
overflow: hidden;
margin-top: 20px;
}
}
@media (min-width: 901px) and (max-width: 1440px) {
.home_banner_section figure {
margin-bottom: -164px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 90%;
padding-left: 170px;
padding-right: 70px;
margin-top: -96px;
}
.home_banner_section .container {
position: relative;
display: flex;
/*height: calc(136vh - 265px);*/
align-items: flex-end;
overflow: hidden;
margin-top: 50px;
}
}
/* ================================
DATASET PAGE - HERO SECTION
=================================== */
.ds-hero {
padding: 30px 0;
position: relative;
overflow: hidden;
}
/* ---------- WRAPPER (ROW) ---------- */
.ds-hero-wrapper {
display: flex;
align-items: flex-start;
gap: 100px;
}
/* ---------- LEFT SIDE ---------- */
.ds-left {
width: 60%;
padding-top: 80px;
}
.ds-left h1 {
font-size: 50px !important;
margin-bottom: 40px;
}
.ds-left .desc p {
font-size: 18px;
margin-bottom: 40px;
}
/* ---------- RIGHT SIDE VIDEO WALL ---------- */
.ds-right {
width: 50%;
position: relative;
}
.ds-video-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
}
.ds-column {
height: 650px;
overflow: hidden;
position: relative;
}
.ds-scroll-track {
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
gap: 25px;
}
/* ---------- VIDEO TILE ---------- */
.ds-video-tile {
width: 100%;
height: 220px;
border-radius: 18px;
overflow: hidden;
}
.ds-video-tile video {
width: 100%;
height: 100%;
object-fit: cover;
}
/* ---------- STAGGER EFFECT LIKE SCREENSHOT ---------- */
.ds-column:nth-child(1) .ds-video-tile:nth-child(odd) {
margin-top: 35px;
}
.ds-column:nth-child(2) .ds-video-tile:nth-child(even) {
margin-top: 35px;
}
/* ---------- AUTO SCROLL ---------- */
.scroll-up {
animation: scrollUp 35s linear infinite;
}
.scroll-down {
animation: scrollDown 35s linear infinite;
}
@keyframes scrollUp {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-50%);
}
}
@keyframes scrollDown {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
/* ================================
GRADIENT MASK (TOP & BOTTOM)
=================================== */
/* Apply gradient to whole column area */
.ds-video-columns {
position: relative;
overflow: hidden;
/* VERY important so gradient sits on top */
}
/* TOP gradient */
.ds-video-columns::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
background: linear-gradient(to bottom,
#FDFCFF 40%,
rgba(253, 252, 255, 0) 100%);
pointer-events: none;
z-index: 10;
}
/* BOTTOM gradient */
.ds-video-columns::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: linear-gradient(to top,
#FDFCFF 40%,
rgba(253, 252, 255, 0) 100%);
pointer-events: none;
z-index: 10;
}
.ds-stats-section {
padding: 80px 0;
text-align: center;
margin-bottom: -20px;
}
.ds-stats-title {
font-size: 60px;
width: 70%;
line-height: 1.2;
margin: 0 auto;
text-align: center;
padding-bottom: 40px;
}
.ds-stats-subtitle {
font-size: 20px;
opacity: 0.8;
margin-bottom: 40px;
}
.ds-big-number-box {
background: #eef0ff;
padding: 60px 20px;
border-radius: 16px;
margin-bottom: 40px;
}
.big-number-head {
font-size: 28px;
opacity: 0.8;
margin-bottom: 50px;
color: #252726;
font-weight: 500;
}
.big-number {
font-size: 100px;
font-weight: 700;
color: #9180FF;
margin-bottom: 70px;
}
.big-number-label {
margin-top: 10px;
font-size: 28px;
opacity: 0.8;
}
.ds-stats-row {
display: flex;
justify-content: center;
gap: 40px;
margin-bottom: 40px;
margin-top: 60px;
}
.ds-stat-col {
padding: 0 80px;
text-align: center;
position: relative;
}
.ds-stat-col:nth-child(1),
.ds-stat-col:nth-child(2) {
padding-left: 50px;
border-right: 1px solid #25272673;
}
.ds-stat-col .stat-number {
font-size: 60px;
font-weight: 500;
color: #252726;
margin-bottom: 30px;
}
.ds-stat-col .stat-label {
opacity: 0.7;
}
/* card features */
.ds-features-section {
margin: 0 auto;
width: fit-content;
justify-content: center;
}
.ds-features-wrapper {
display: flex;
justify-content: center;
gap: 30px;
/* max-width: 1300px;
width: 100%;*/
padding: 0px 70px;
}
.ds-feature-card {
width: 50%;
background: #FDFCFF;
border: 1px solid #EBE8FF;
border-radius: 18px;
padding: 40px;
box-shadow: 0 4px 20px (0, 0, 0, 0.03);
transition: all 0.3s ease;
}
.ds-feature-card:hover {
transform: translateY(-6px);
box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
}
.ds-card-title {
font-size: 24px;
margin-bottom: 20px;
color: #252726;
font-weight: 500;
}
.ds-card-list {
padding-left: 20px;
}
.ds-card-list li {
font-size: 18px;
color: #252726B2;
margin-bottom: 10px;
line-height: 32px;
}
/*Forms*/
.ds_contact_banner_sec {
margin-top: 200px;
padding: 50px 0px;
background-color: #F6F6FF;
}
.ds_banner_title h1 {
font-size: 40px;
font-weight: 400;
line-height: 1.3;
}
.contact_page .ds_contact_banner_sec .contact_banner.d-grid {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 120px;
}
.contact_page .ds_contact_banner_sec .contact_banner .col:first-child {
padding-top: 0px;
}
.contact_page .ds_contact_banner_sec .contact-feature-image img {
margin-top: 100px;
}
/* Mobile and tab responsive */
@media(max-width:1024px) {
.ds-hero-wrapper {
flex-direction: column;
gap: 60px
}
.ds-left {
width: 100%;
padding-top: 40px
}
.ds-left h1 {
font-size: 42px !important;
margin-bottom: 25px
}
.ds-left .desc p {
font-size: 16px;
margin-bottom: 30px
}
.ds-right {
width: 100%
}
.ds-column {
height: 500px
}
.ds-video-tile {
height: 180px
}
.ds-stats-title {
width: 80%;
font-size: 44px
}
.ds-stats-row {
gap: 25px
}
.ds-stat-col {
padding: 0 30px
}
.ds-stat-col .stat-number {
font-size: 45px
}
.ds-features-wrapper {
flex-wrap: wrap;
padding: 0 30px
}
.ds-feature-card {
width: 100%
}
.contact_page .ds_contact_banner_sec .contact_banner.d-grid {
grid-template-columns: 1fr;
gap: 60px
}
.contact_page .ds_contact_banner_sec .contact-feature-image img {
margin-top: 40px;
max-width: 80%
}
.ds-video-columns {
grid-template-columns: 1fr 1fr;
gap: 15px;
transform: scale(0.9);
/* reduce overall size slightly */
transform-origin: top center;
}
.ds-column {
height: 450px;
/* reduce height to fit tablet viewport */
}
.ds-video-tile {
height: 160px;
/* smaller video tiles */
}
}
@media(max-width:992px) {
.ds-hero {
padding: 20px 0
}
.ds-hero-wrapper {
flex-direction: column;
gap: 40px
}
.ds-left {
width: 100%;
padding-top: 20px
}
.ds-left h1 {
font-size: 32px !important;
line-height: 1.2
}
.ds-left .desc p {
font-size: 15px;
margin-bottom: 25px
}
.ds-video-columns {
grid-template-columns: 1fr
}
.ds-column {
height: 600px
}
.ds-video-tile {
height: 250px
}
.ds-stats-title {
width: 100%;
font-size: 32px
}
.ds-stats-row {
flex-direction: column;
gap: 30px;
margin-top: 30px
}
.ds-stat-col {
border-right: none !important;
padding: 0
}
.ds-stat-col .stat-number {
font-size: 40px
}
.ds-features-wrapper {
padding: 0 20px;
gap: 20px
}
.ds-feature-card {
padding: 25px
}
.ds-card-title {
font-size: 20px
}
.ds-card-list li {
font-size: 16px;
line-height: 26px
}
.ds_contact_banner_sec {
margin-top: 120px;
padding: 40px 0
}
.contact_page .ds_contact_banner_sec .contact_banner.d-grid {
grid-template-columns: 1fr;
gap: 40px
}
.contact_page .ds_contact_banner_sec .contact-feature-image img {
margin-top: 20px;
max-width: 100%
}
.big-number {
font-size: 48px;
word-break: break-word;
line-height: 1.1;
}
.ds-video-columns .ds-column:nth-child(2) {
display: none;
}
.ds-video-columns {
grid-template-columns: 2fr !important;
}
.ds-stat-col:nth-child(1),
.ds-stat-col:nth-child(2) {
padding-left: 0px;
}
}
@media(max-width:1280px) {
.ds-left {
padding-top: 50px;
}
.ds-left h1 {
font-size: 40 px !important;
}
.ds-left .desc p {
margin-bottom: 0px;
}
.ds-video-columns {
height: 450px
}
}
/* Target submenu that contains the Encord item
.nav_list li ul.sub-menu:has(> li.encord-icon) {
min-width: 200px;
/* set your desired width
width: 200px;
}*/
/* Only Encord submenu item
.nav_list li ul.sub-menu>li.encord-icon {
width: 140%;
}*/
/*====================== DATASET S3 Integration task starts ===================== */
.dataset_video_wrapper {
position: relative;
}
@media(max-width:380px) {
.dataset_video_wrapper {
max-height: 350px;
width: 100%;
}
}
@media(max-width:992px) {
.dataset_video_wrapper {
max-height: 350px;
width: 100%;
}
}
.dataset_video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.dataset_description {
font-size: 16px;
line-height: 1.7;
margin-top: 20px;
}
.datasets-categories {
height: 100%;
max-height: 300px;
padding: 15px 1px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 15px;
scrollbar-width: thin;
scrollbar-color: var(--color-pure-blue) #f1f1f1;
}
.video-loader {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .4);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
}
.video-loader.active {
opacity: 1;
}
/* ================================
SUMMARIZE WITH AI SECTION starts here
=================================== */
.summarize-ai {
display: flex;
gap: 6px;
align-items: baseline;
/* justify-content: space-between; */
width: 90%;
}
.share_post h2 {width: 120px;}
.summarize-ai-sec a {
position: relative;
overflow: hidden;
box-shadow: none;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 5px;
background: var(--color-green);
border: none;
border-radius: 10px;
padding: 9px;
transition: background-color 0.3s ease;
margin-bottom: 10px;
}
/*mobile responsive*/
@media (max-width: 768px) {
.summarize-ai-sec a {
width: 35px;
height: 35px;
margin-right: 1px;
}
.socials a {
width: 35px;
height:35px;
margin-right: 1px;
}
}
.summarize-ai-sec a img,
.summarize-ai-sec a svg,
.socials svg {
width: 20px !important;
height: 20px !important;
}
.ai-section-style {
margin-top: 15px;
}
/* Shimmer overlay */
.summarize-ai-sec a::before {
content: "";
position: absolute;
top: 0;
left: -150%;
width: 150%;
height: 100%;
background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%);
}
/* Hover effect */
.summarize-ai-sec a:hover {
background-color: rgb(184, 234, 92);
}
@keyframes shine {
0% {
left: -150%;
}
100% {
left: 150%;
}
}
.summarize-ai-sec a.shine-effect::before {
animation: shine 2.5s ease-in-out infinite;
}
/* ================================
SUMMARIZE WITH AI SECTION ends here
=================================== */
/* INT-323*/
@media (max-width: 767px){
.security_img_wrapper:nth-of-type(3),
.security_img_wrapper:nth-of-type(4){
margin: auto !important;
}
.security_img_wrapper {margin:auto !important;}
}
.security_img_wrapper h3 {
font-size: 16px !important;
margin-top: 20px !important;
font-weight: 500 !important;
}
/*----INT-367----*/
@media (max-width: 767px) {
.post_blog .post_title h2 {
padding-right: 5px;
}
}
/*----INT-325----*/
h3.faq_blog_heading{
font-size: 28px !important;
padding-bottom: 15px;
}
.faq_accordion_wrapper .accordion_content.blog-faq-content{
width: 100% !important;
}
@media (max-width: 768px) {
h3.faq_blog_heading{
font-size: 22px !important;
padding-bottom: 10px;
}
}
@media (max-width: 425px) {
.accordion_header.blog_faq_title h4{
font-size: 16px;
font-weight: 600;
}
.accordion_content.blog-faq-content p {font-size: 14px !important;}
.blog-faq-content ul li {
padding: 7px 0px !important;
line-height: 25px;
margin: 0px !important;
font-size: 14px;
}
}
@media (min-width: 426px) {
.accordion_header.blog_faq_title h4 {font-size: 20px;font-weight: 600;}
.accordion_content.blog-faq-content{font-size: 18px !important;}
.blog-faq-content ul li {
padding: 7px 0px !important;
line-height: 25px;
margin: 0px !important;
font-size: 18px;
}
}
/*---------INT-324------------------*/
@media (min-width: 400px) and (max-width: 575px) {
.banner_sec {
padding-block: 45px 60px !important;
}
.banner_sec .s_container {
max-width: 352px !important;
padding-inline: 0 !important;
}
.banner_sec .banner_top_wrapper {
flex-direction: column !important;
align-items: unset !important;
gap: 18px !important;
}
.banner_sec .banner_top_wrapper .banner_top_right {
flex-basis: 100% !important;
flex-direction: column !important;
justify-content: unset !important;
}
.banner_sec .banner_top_wrapper .banner_top_right ul {
margin-top: 6px !important;
grid-template-columns: 100% !important;
}
.banner_sec .banner_top_wrapper li {
padding-left: 26px !important;
margin-top: 10px !important;
}
.banner_sec .banner_top_wrapper li:before {
width: 18px !important;
height: 18px !important;
top: calc(50% - 9px) !important;
}
}
@media (max-width: 768px) {
.commitment_sec .row.row_alt_banner {
grid-template-columns: 100% !important;
}
.image_box_wrapper:nth-child(1) {
flex-basis: 100% !important;
padding-block: 30px !important;
}
.image_box_wrapper:nth-child(1) ul {
padding-right: 0px !important;
}
.image_box_wrapper{
flex-basis: 100% !important;
padding-inline: 15px !important;
}
.image_box_wrapper h3 {
font-size: 36px !important;
}
.image_box_wrapper:nth-child(1), .image_box_wrapper:nth-child(4), .image_box_wrapper:nth-child(8) {
flex-direction: column !important;
padding-inline: 15px !important;
}
.row_alt_banner .col {
padding-inline: 0 !important;
}
.banner_top_wrapper ul li:nth-child(2) {
margin-top: 24px !important;
}
.banner_top_wrapper ul {
display: block !important;
}
.experience_with_gai_swiper .dc_service_item {
padding: 12px 12px 12px 12px !important;
}
}
/* ================================
HOME PAGE - BANNER SLIDER*/
.banner_slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .6s ease;}
.banner_slide.active{position:relative;opacity:1;visibility:visible;transform:translateY(0);}
.banner_inner{display:flex;align-items:center;justify-content:space-between;}
.banner_inner .h_banner_content_wrap{width:50%;}
.banner_inner figure{width:50%;margin:0;position:relative!important;overflow:hidden;border-radius:25px;}
.banner_inner video{width:120%;height:auto;display:block;object-fit:cover;border-radius:25px;}
.btn-wrapper{margin-top:15px;}
.banner_slider{position:relative;min-height:400px;}
.banner_controls{width:35%;margin-left:auto;display:flex;justify-content:space-between;align-items:center;margin-top:12px;}
.banner_arrows{display:flex;gap:8px;}
.banner_arrows button{background:#c6f24a;border:1px solid #7C993E;box-shadow:0 -6px 0 0 #7C993E inset;padding:10px 14px 15px;border-radius:8px;cursor:pointer;font-size:16px;}
.banner_dots{display:flex;gap:6px;}
.banner_dots span{width:8px;height:6px;background:#ccc;border-radius:50%;cursor:pointer;transition:all .4s ease;}
.banner_dots span.active{background:#000;width:25px;border-radius:10px;}
.banner_dots span:hover{transform:scale(1.2);}
.banner_slide .h_banner_content_wrap{opacity:0;transform:translateY(30px);transition:all .6s ease;transition-delay:.2s;}
.banner_slide.active .h_banner_content_wrap{opacity:1;transform:translateY(0);}
.banner_slide figure{opacity:0;transform:scale(.95);transition:all .6s ease;transition-delay:.1s;}
.banner_slide.active figure{opacity:1;transform:scale(1);}
.home_banner_section .btn-primary{display:inline-flex;align-items:center;gap:8px;}
.home_banner_section .btn-primary::after{content:"→";font-size:16px;transition:transform .3s ease;}
.home_banner_section .btn-primary:hover::after{transform:translateX(4px);}
.home_banner_section .home_h1{font-size:56px!important;font-weight:500;line-height:1.2;color:#111;margin-bottom:20px;}
.home_banner_section .desc p{line-height:1.6;color:#555;margin-bottom:10px;}
@media (min-width:1367px){
.banner_inner .h_banner_content_wrap{width:45%;}
.banner_inner video{max-width:90%;margin:0 auto;min-height:480px;}
.banner_dots{margin-right:80px;}
.banner_controls{width:44%;}
.home_banner_section .home_h1,.banner_bot .desc{margin-bottom:40px;}
}
@media (max-width: 1536px){.banner_inner{margin-top:40px;}
}
@media (max-width:767px){
.banner_inner{flex-direction:column;gap:20px;min-height:auto;}
.banner_inner .h_banner_content_wrap,.banner_inner figure{width:100%; margin-top: 15px;}
.home_banner_section .h_banner_content_wrap{text-align:center;align-items:center;}
.home_banner_section .home_h1{font-size:28px;}
.home_banner_section .desc p{font-size:14px;}
.btn-wrapper{display:flex;justify-content:center;}
.banner_controls{width:100%;margin-left:0;margin-top:15px;}
.banner_arrows{justify-content:center;}
.banner_dots{justify-content:center;}
.banner_inner video{border-radius:16px; width:100%;} }
@media (min-width: 901px) and (max-width: 1440px) {
.banner_inner{margin-top: 40px;}}
@media (min-width:768px) and (max-width:1280px){
.banner_inner figure{margin-top: -90px;}
.banner_inner video{height: 100%; object-fit: cover;}
.banner_slider{
position: relative;
min-height: 470px;
}
.banner_controls{ position: absolute;
bottom: 35px;
right: 0;
width: 33%;
margin-top: 0 !important;}
}
/* Wrapper */
.social_proffing_wrapper {
overflow: hidden;
position: relative;
}
/* Track */
.scroll_track {
display: flex;
align-items: center;
gap: 80px;
width: max-content;
transform: translate3d(0,0,0);
will-change: transform;
}
/* 🔥 Pause on hover */
.social_proffing_wrapper:hover .scroll_track {
animation-play-state: paused;
}
/* Each item */
.scroll_item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
/* Logos */
.scroll_item img {
width: auto;
max-width: 140px;
object-fit: contain;
opacity: 0.85;
transition: all 0.3s ease;
}
.logo-0 { height: 40px; }
.logo-1 { height: 40px; }
.logo-2 { margin-top: 12px; }
.logo-3 { height: 40px; }
.logo-4 { height: 80px;max-width: 180px!important; }
.logo-8 { height: 50px; margin-top: 15px; }
.logo-9 { height: 50px; margin-top: 15px; }
.logo-10 { height: 50px; margin-top: 10px; }
.logo-12 { height: 90px; margin-top: 10px; max-width: 180px !important;}
.logo-13 { height: 50px; }
.logo-14 { height: 50px; max-width: 160px !important; }
.logo-6,.logo-15 { height: 50px;max-width: 280px!important; }
/* Hover effect on logos */
.scroll_item img:hover {
opacity: 1;
transform: scale(1.05);
}
/* Infinite scroll animation */
@keyframes scrollLoop {
0% {
transform: translate3d(0,0,0);
}
100% {
transform: translate3d(-50%,0,0);
}
}
/* Fade edges
.social_proffing_wrapper::before,
.social_proffing_wrapper::after {
content: "";
position: absolute;
top: 0;
width: 100px;
height: 100%;
z-index: 2;
pointer-events: none;
}*/
.social_proffing_wrapper::before {
left: 0;
background: linear-gradient(to right, #fff 40%, transparent);
}
.social_proffing_wrapper::after {
right: 0;
background: linear-gradient(to left, #fff 40%, transparent);
}
/*--Sagemaker page */
.desc-sm{
width:1000px;
margin-left: 120px;
}
.sm_overlay_container .banner_wrapper {
display: flex !important;
align-items: flex-start;
gap: 40px;
}
.sm_overlay_container{
margin-top: -100px;
}
.sm_overlay_container .banner_wrapper .col {
flex: 1;
}
.sm_overlay_container .banner_wrapper figure img {
width: 100%;
height: auto;
display: block;
margin-top: 40px;
border-radius: 15px;
}
.sm_overlay_container .banner_wrapper h1 {
margin-bottom: 16px;
line-height: 1.3;
font-size: 48px;
}
.our_sm_side_img,.lead_with_sm {
padding: 80px 80px;;
}
.our_sm_side_img h2 ,.lead_with_sm h2{
font-size: 44px;
line-height: 1.2;
margin-bottom: 40px;
}
.our_sm_side_img h3 {
font-size: 28px!important;
line-height: 1.6!important;
margin-bottom: 20px;
}
#enpartner-three-card .sm-sec-heading {
font-size: 40px;
line-height: 1.3;
margin-top: 60px;
margin-bottom: 20px;
}
#enpartner-three-card .desc-sm {
max-width: 900px;
margin: 0 auto 40px;
text-align: center;
}
.title_icon_wrapper>img{
width: 54px!important;
height: 54px!important;
background: #000000!important;
}
/* Default (closed) → arrow down */
#enpartner-faq .accordion_header svg {
transition: transform 0.3s ease;
transform: rotate(0deg);
}
/* When active (open) → arrow up */
#enpartner-faq .accordion_header.active svg {
transform: rotate(180deg);
}
@media (min-width: 1440px) {
.sm_overlay_container{
margin-top: 0px;
}
.sm_overlay_container .banner_wrapper h1 {
margin-bottom: 16px;
line-height: 1.3;
font-size: 60px;
}
}
@media (min-width: 992px) and (max-width: 1366px) {
.our_sm_side_img .container {
padding-left: 0px!important;
padding-right: 0px!important;
}
.our_sm_side_img .left_img.row.d-flex{
gap: 40px!important;
}
.our_sm_side_img h3{
font-size: 22px !important;
line-height: 1.8!important;
margin-bottom: 20px;
}}
@media (max-width: 767px) {
#enpartner-three-card .desc-sm {
padding: 0 15px;
max-width: 100%;
overflow: hidden;
}
#enpartner-three-card .desc-sm p {
font-size: 15px;
line-height: 1.6;
word-wrap: break-word;
overflow-wrap: break-word;
}
.sm_overlay_container{
margin-top: 0px;
}
.sm_overlay_container .banner_wrapper {
display: flex !important;
flex-direction: column;
gap: 20px;
}
.our_sm_side_img{
padding:0px 0px 80px 0px!important;
}
.our_sm_side_img h2, .lead_with_sm h2{
font-size: 34px;
}
.lead_with_sm{
padding: 40px 20px 20px 20px!important;
}
#enpartner-three-card{
padding-top:0px ;
}
}
/* Responsive adjustments for the blog page filter section */
div#category-filters {
margin-right: 20px !important;
}
/* News and press release page */
.featured-link,.recent-link,.press-link {
text-decoration: none;
color: inherit;
display: block;
}
.featured-title,.recent-title,.press-title {
transition: color 0.3s ease;
}
.featured-card:hover .featured-title,.recent-title:hover,.press-card:hover .press-title {
color: #9180FF;
}
.featured-card,.recent-card,.press-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
}
.featured-card:hover,.recent-card:hover ,.press-card:hover{
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
@media (min-width: 1440px){
.press-card{
width: 70%;
}
}
@media (min-width: 1440px) {
.press-grid {
grid-template-columns: repeat(3, 1fr);
}
.press-card{
width:100%;
}
}
.press-date,
.featured-date,
.recent-date {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Media source styling */
.media-source {
color: #9180ff;
font-weight: 600;
margin-left: 10px;
white-space: nowrap;
}
@media (max-width: 767px) {
.section-title-rnews{
margin-top:0px;
}
}
/*heading hierarchy restractured*/
.social_banner_right_title {
font-weight: 400;
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
vertical-align: middle;
}
.rise_content {
color: #252726;
margin-bottom: 0;
}
/*Consulting page */
.consulting-hero {
margin-top: 40px;
gap: 60px;
}
.consulting-hero-wrapper {
display: flex;
align-items: center;
gap: 20px;
}
.consulting-content {
flex: 0 0 50%;
}
.consulting-hero-image {
display: flex;
justify-content: flex-end;
width: 100%;
}
.consulting-hero-image img {
width: auto;
max-width: 100%;
border-radius: 20px;
}
.consulting-title {
font-size: 64px!important;
font-family: 'Inter', sans-serif;
font-weight: 600;
margin-top: 24px;
margin-bottom: 20px;
}
.consulting-highlight {
display: block;
font-size: 64px;
font-family: 'Inter', sans-serif;
color: #aaa;
}
.consulting-desc {
font-family: 'Inter', sans-serif;
width: 600px;
font-size: 18px;
color: #252726B2;
}
.consulting-btn-wrapper {
display: flex;
gap: 15px;
}
.consulting-btn-primary{
background-color: #CEFF68;
font-size: 15px;
font-weight: 600;
color:#252726;
border: 1px solid #7C993E;
padding: 12px 16px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.consulting-btn-secondary {
font-size: 15px;
font-weight: 600;
color:#252726;
border: 1px solid #7C993E;
padding: 12px 16px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 20px;
text-decoration: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.consulting-btn-primary,
.consulting-btn-secondary,
.consulting-btn-primary span,
.consulting-btn-secondary span {
font-family: 'Inter', sans-serif !important;
}
.btn-text {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-icon {
display: inline-flex;
transform: translateX(-4px);
opacity: 1;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.consulting-btn-primary:hover .btn-icon,
.consulting-btn-secondary:hover .btn-icon {
transform: translateX(0);
opacity: 1;
}
.consulting-btn-primary:hover .btn-text,
.consulting-btn-secondary:hover .btn-text {
transform: translateX(2px);
}
/* PRIMARY BUTTON */
.consulting-btn-primary {
background: #B4EC51;
border-radius: 8px;
font-weight: 500;
}
.consulting-btn-primary:hover {
background: #a3db45;
}
/* SECONDARY BUTTON */
.consulting-btn-secondary {
border: 1px solid #ccc;
border-radius: 8px;
color: #111;
}
.consulting-btn-secondary:hover {
background: #f5f5f5;
}
/* TAG */
.consulting-hero-tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #111111;
background: #EEEEEE1F;
font-weight: 500;
border: 1px solid #1111110D;
padding: 8px 12px;
border-radius: 12px;
font-size: 14px;
}
.consulting-hero-tag svg {
width: 12px;
height: 14px;
}
/* SECTION */
.consulting-stats-section {
padding: 60px 0;
text-align: center;
}
/* STATS */
.consulting-stats-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.consulting-stat-item {
flex: 1;
min-width: 180px;
text-align: center;
}
.consulting-stat-item h3 {
font-size: 32px;
font-family: 'Inter', sans-serif;
margin-bottom: 5px;
color: #252726;
font-weight: 700;
}
.consulting-stat-item p {
font-size: 18px;
color: #8E8E8E;
font-weight: 500;
font-family: 'Inter', sans-serif;
}
/* DIVIDER */
.consulting-divider {
margin: 40px 0;
border: none;
border-top: 1px solid #eee;
}
/* TRUSTED TITLE */
.consulting-trusted-title {
font-size: 18px;
margin-bottom: 25px;
font-weight: 600;
color: #252726;
font-family: 'Inter', sans-serif;
}
/* LOGOS */
.consulting-logos-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
flex-wrap: wrap;
}
.consulting-logo-item img {
max-height: 58px;
opacity: 0.8;
transition: all 0.3s ease;
}
.consulting-logo-item img:hover {
opacity: 1;
}
/* Services section */
.consulting-services-section {
background: #F5F2FF;
padding: 80px 0;
}
/* HEADER */
.consulting-services-header {
text-align: center;
max-width: 700px;
margin: 0 auto 60px;
}
.consulting-services-header h2 {
font-size: 48px;
font-family: 'Inter', sans-serif;
font-weight: 600;
margin-bottom: 10px;
color: #252726;
}
.consulting-services-header p {
font-family: 'Inter', sans-serif;
color: #252726B2;
font-size: 18px;
max-width: 550px;
margin: auto;
padding-top: 15px;
}
/* GRID */
.consulting-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
/* CARD */
.consulting-service-card {
padding: 20px 36px 20px 20px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
/* remove extra borders */
.consulting-service-card:nth-child(3n) {
border-right: none;
}
.consulting-service-card:nth-last-child(-n+3) {
border-bottom: none;
}
.service-icon img {
width: 50px;
margin-bottom: 20px;
}
/* TEXT */
.consulting-service-card h3 {
font-size: 21px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 8px;
color: #111111;
font-weight: 700;
}
.consulting-service-card p {
font-size: 16px;
color: #252726B2;
font-family: 'Inter', sans-serif;
}
/*Process section */
.consulting-process-section {
padding: 100px 0;
background: #f6f6f8;
}
/* HEADER */
.consulting-process-header {
text-align: center;
max-width: 600px;
margin: 0 auto 60px;
}
.consulting-process-header h2 {
font-size: 44px;
font-family: 'Inter', sans-serif;
font-weight: 600;
margin-bottom: 12px;
line-height: 1.2;
font-size: 48px;
color: #252726;
}
.consulting-process-header p {
font-family: 'Inter', sans-serif;
color: #777;
font-size: 18px;
line-height: 1.6;
margin-bottom: 25px;
}
/* BUTTONS */
.consulting-process-buttons {
display: flex;
justify-content: center;
gap: 12px;
}
/* GRID */
.consulting-process-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
/* CARD */
.consulting-process-card {
background: #F8F8F8;
border-radius: 18px;
padding: 40px 0px 40px 40px;
position: relative;
min-height: 300px;
border: 1px solid #eee;
box-shadow: 0 10px 30px rgba(0,0,0,0.03);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.step-number {
font-size: 40px;
font-weight: 600;
color: #d0d0d0;
margin-bottom: 15px;
font-family: 'Inter', sans-serif;
}
.consulting-process-card h3 {
font-size: 20px;
font-family: 'Inter', sans-serif;
margin-bottom: 10px;
font-weight: 600;
}
.consulting-process-card p {
font-size: 15px;
color: #8E9598;
font-family: 'Inter', sans-serif;
line-height: 1.6;
max-width: 273px;
}
.step-image {
position: absolute;
right: 0px;
bottom: 0px;
width: 275px;
opacity: 0.9;
}
.step-image img {
width: 100%;
}
.consulting-process-card:hover {
transform: translateY(-6px);
transition: all 0.3s ease;
box-shadow: 0 20px 50px rgba(0,0,0,0.06);
}
/*Capabilities section */
.consulting-capability-section {padding: 100px 0;}
.consulting-capability-header{
text-align: center;
max-width: 640px;
margin: 0 auto 60px;
}
.consulting-capability-header h2 {
font-size: 48px;
font-weight: 600;
color: #252726;
font-family: 'Inter', sans-serif;
margin-bottom: 10px;
}
.consulting-capability-header p {
font-family: 'Inter', sans-serif;
color: #666;
}
.consulting-capability-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
border: none;
border-radius: 0;
width: 80%;
margin: 0 auto;}
.capability-column {
padding: 30px;
}
.capability-column:first-child {
border-right: 1px solid #e5e5e5;
border-radius: 0 12px 12px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.capability-column:last-child{
border-left: 1px solid #e5e5e5;
border-radius: 12px 0 0 12px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.capability-column h3 {
font-size: 32px;
font-weight: 600;
color: #252726;
margin-bottom: 20px;
font-family: 'Inter', sans-serif;
}
.capability-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid #f0f0f0;
}
.capability-item:last-child {
border-bottom: none;
}
.capability-name {
font-size: 15px;
font-family: 'Inter', sans-serif;
color: #252726B2;
font-weight: 500;
}
.capability-bars {
display: flex;
gap: 6px;
}
.bar {
width: 25px;
height: 25px;
background: #2e7d3273;
border-radius: 3px;
}
.bar.active {
background: #1A9457;
}
/* Result section */
.consulting-results-section {
padding: 100px 0;
background: #fff;
}
.consulting-results-header {
text-align: center;
max-width: 700px;
margin: 0 auto 60px;
}
.consulting-results-header h2 {
font-size: 48px;
font-weight: 600;
color: #252726;
font-family: 'Inter', sans-serif;
max-width: 500px;
margin: 0 auto 10px;
}
.consulting-results-header p {
font-family: 'Inter', sans-serif;
color: #666;
margin-bottom: 20px;
}
.consulting-results-buttons {
display: flex;
justify-content: center;
gap: 12px;
}
.consulting-results-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
width: 80%;
margin: 0 auto;
}
.consulting-result-card {
padding: 30px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-radius: 12px;
}
.consulting-result-card:nth-child(2n) {
border-right: none;
}
.result-value {
font-size: 40px;
font-weight: 700;
font-family: 'Inter', sans-serif;
margin-bottom: 10px;
}
.result-title {
font-size: 18px;
color: #111111;
font-weight: 600;
font-family: 'Inter', sans-serif;
margin-bottom: 8px;
}
.result-desc {
font-size: 16px;
color: #252726B2;
font-family: 'Inter', sans-serif;
line-height: 1.6;
}
/*Focus Section*/
.consulting-focus-section {
padding: 100px 0;
background: #F5F2FF;
}
.consulting-focus-header {
text-align: center;
max-width: 550px;
margin: 0 auto 10px;
}
.consulting-focus-header h2 {
font-size: 48px;
font-weight: 600;
font-family: 'Inter', sans-serif;
color:#252726;
}
.consulting-focus-header p {
color: #666;
font-family: 'Inter', sans-serif;
margin-bottom: 20px;
}
.consulting-focus-buttons {
display: flex;
justify-content: center;
gap: 12px;
}
.consulting-focus-image {
margin-top: 40px;
position: relative;
}
.consulting-focus-image img {
width: 100%;
border-radius: 20px;
}
.consulting-focus-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: -80px;
position: relative;
width: 110%;
margin-left: -5%;
padding: 0px 50px;
}
.focus-card:nth-child(1) {
transform: rotate(2deg);
}
.focus-card:nth-child(2) {
transform: rotate(-3deg);
}
.focus-card:nth-child(3) {
transform: rotate(2.5deg);
}
.focus-card:nth-child(4) {
transform: rotate(-3deg);
}
.focus-card {
background: #fff;
padding: 20px;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.focus-title-row {
display: flex;
align-items: center;
gap: 8px;
}
.focus-number,.focus-card h3 {
font-size: 22px;
color: #111111;
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 13px;
}
.focus-card p {
font-size: 16px;
color: #252726B2;
font-family: 'Inter', sans-serif;
line-height: 1.5;
}
/*Industry section*/
.consulting-industry-section {
padding: 120px 0;
background: #F5F2FF;
position: relative;
overflow: hidden;
}
.industry-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 16px;
max-width: 900px;
margin: 0 auto;
}
.tag-row {
display: flex;
gap: 20px;
justify-content: center;
}
.industry-tags .tag {
flex: 0 1 auto;
}
.industry-tags .tag:nth-child(3n) {
margin-right: 0;
}
.industry-tags::after {
content: "";
flex-basis: 100%;
}
.tag {
padding: 8px 14px;
background: #FFFFFF;
border-radius: 120px;
font-size: 16px;
font-weight: 500;
font-family: 'Inter', sans-serif;
color: #222222;
white-space: nowrap;
}
.industry-content {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.industry-content h2 {
font-size: 40px;
font-family: 'Inter', sans-serif;
margin-bottom: 12px;
}
.industry-content p {
color: #666;
font-family: 'Inter', sans-serif;
margin-bottom: 20px;
}
.floating-img {
position: absolute;
animation: floatUpDown 6s ease-in-out infinite;
}
.floating-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
@keyframes floatUpDown {
0% { transform: translateY(0px); }
50% { transform: translateY(-12px); }
100% { transform: translateY(0px); }
}
.img-top-left {
top: 40px;
left: 80px;
width: 150px;
height: 160px;
animation: floatUpDown 5s ease-in-out infinite;
}
.img-top-right {
top: 60px;
right: 80px;
width: 150px;
height: 160px;
animation: floatUpDown 7s ease-in-out infinite reverse;
}
.img-middle-left {
top: 350px;
left: 68px;
width: 100px;
height: 120px;
animation: floatUpDown 6s ease-in-out infinite;
}
.img-middle-right {
top: 350px;
right: 40px;
width: 100px;
height: 120px;
animation: floatUpDown 8s ease-in-out infinite reverse;
}
.img-bottom-left {
bottom: 40px;
left: 120px;
width: 180px;
height: 200px;
animation: floatUpDown 6.5s ease-in-out infinite;
}
.img-bottom-right {
bottom: 40px;
right: 120px;
width: 180px;
height: 200px;
animation: floatUpDown 7.5s ease-in-out infinite reverse;
}
/* =========================
TESTIMONIAL SECTION
========================= */
.consulting-testimonials {
padding: 80px 0;
background: #fff;
}
.consulting-testimonials .section-title {
text-align: center;
font-family: 'Inter', sans-serif;
font-size: 48px;
font-weight: 600;
color: #252726;
max-width: 650px;
margin: 0 auto 50px;
}
.testimonials-wrapper {
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
}
.testimonial-card {
background: #F8F8F8;
padding: 28px;
border-radius: 14px;
flex: 0 0 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease;
}
.testimonial-card:hover {
transform: translateY(-5px);
}
.testimonial-text {
font-size: 18px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.7;
color: #636467;
margin-bottom: 25px;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 8px;
}
.testimonial-author img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.testimonial-author h4 {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: -8px;
font-weight: 500;
color: #333333;
}
.testimonial-author span {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #9FA0A3;
}
/* =========================
CTA SECTION
========================= */
.consulting-cta {
padding: 100px 0;
background: #fff;
}
.consulting-cta.container{
max-width: 1250px;
margin: 0 auto;
}
.cta-box {
background: #c7f046;
border-radius: 24px;
padding: 60px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.cta-images {
display: flex;
align-items: center;
gap: 25px;
position: relative;
margin-left: -140px;
}
.cta-box .cta-images::before,
.cta-box .cta-images::after {
content: "";
position: absolute;
top: -100px;
bottom: -100px;
width: 1px;
background: rgba(0,0,0,0.08);
margin-left: 70px;
}
.cta-box .cta-images::after{
margin-left: 155px;
}
.cta-images::before {
left: 120px;
}
.cta-images::after {
left: 240px;
}
.cta-img img {
width: 180px;
height: 280px;
object-fit: cover;
border-radius: 100px;
}
.cta-content {
max-width: 460px;
z-index: 2;
}
.cta-content h2 {
font-size: 48px;
font-family: 'Inter', sans-serif;
font-weight: 600;
margin-bottom: 15px;
color: #252726;
}
.cta-content p {
font-size: 19px;
font-family: 'Inter', sans-serif;
line-height: 1.7;
color: #252726B2;
margin-bottom: 25px;
}
.consulting-cta .consulting-btn-primary {
background: transparent;
color: #252726;
border: 1px solid #111;
}
.consulting-cta .consulting-btn-secondary {
background: #fff;
border: 1px solid #111;
color: #252726;
}
.cta-frame {
position: relative;
border: 1px solid #ddd;
padding: 40px;
border-radius: 6px;
background: transparent;
}
.cta-frame::before,
.cta-frame::after,
.cta-frame .corner-bl,
.cta-frame .corner-tr {
content: "";
position: absolute;
width: 18px;
height: 18px;
background: #000;
}
.cta-frame::before {
top: 0;
left: 0;
clip-path: polygon(0 0, 100% 0, 0 100%);
}
.cta-frame::after {
bottom: 0;
right: 0;
clip-path: polygon(100% 100%, 0 100%, 100% 0);
}
.cta-frame .corner-tr {
top: 0;
right: 0;
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.cta-frame .corner-bl {
bottom: 0;
left: 0;
clip-path: polygon(0 100%, 0 0, 100% 100%);
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 1024px) {
.cta-box {
flex-direction: column;
text-align: center;
padding: 40px;
}
.cta-images {
justify-content: center;
}
.cta-images::before,
.cta-images::after {
display: none;
}
.cta-content {
max-width: 100%;
}
.cta-buttons {
justify-content: center;
}
}
@media (max-width: 768px) {
.consulting-hero-wrapper{
display: grid;
}
.consulting-stats-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.consulting-logos-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.consulting-logo-item img{
width: 150px;
}
.consulting-services-grid,.consulting-process-grid,.consulting-results-grid,.consulting-focus-cards,.testimonials-wrapper{
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.consulting-capability-wrapper {
display: grid;
grid-template-columns: 1fr;
}
.consulting-service-card{
border-right: 0px;
}
.consulting-focus-cards{
padding: 100px;
gap: 40px;
}
.floating-img{
display: none;
}
.consulting-testimonials .section-title {
font-size: 28px;
}
.testimonial-card {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.cta-content h2 {
font-size: 26px;
}
.cta-img img {
width: 200px;
height: 350px;
}
}
/*Mobile view */
@media (max-width: 600px){
.consulting-logos-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.consulting-hero-wrapper {
flex-direction: column;
gap: 30px;
}
.consulting-content,
.consulting-image {
width: 100%;
flex: 100%;
}
.consulting-desc {
width: 100%; /* 🔥 remove fixed width */
}
.consulting-title {
font-size: 40px !important;
}
.consulting-highlight {
font-size: 40px;
}
.consulting-btn-primary,.consulting-btn-secondary{
font-size: 12px;
}
.consulting-process-card {
padding: 30px 20px 0px 20px;
}
.consulting-process-card {
display: flex;
flex-direction: column;
}
.step-image {
position: relative;
margin-top: 20px;
order: 3;
text-align: center;
}
.step-image img {
width: 110%;
max-width: 300px;
height: auto;
margin-left: -10px;
}
.capability-column:first-child{
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-top: 0px ;
border-bottom: 0px;
border-radius: 0px 0px 12px 12px;
}
.capability-column:last-child{
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-radius: 12px 12px 0 0px;
border-top: 1px solid #e5e5e5;
border-bottom: 0px;
}
.consulting-result-card{
padding: 30px;
border-bottom: 1px solid #e5e5e5;
border-top: 0px ;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-radius: 12px;
}
.consulting-result-card:nth-child(2n){
border-right: 1px solid #e5e5e5;
}
.consulting-result-card:nth-child(4n){
border-bottom: 0px solid #e5e5e5;
}
.tag-row {
display: grid;
grid-template-columns: repeat(1, 1fr); /* 🔥 2 tags per row */
gap: 10px;
}
.tag {
width: 100%; /* fill grid cell */
white-space: normal; /* allow wrapping */
text-align: center;
font-size: 11px;
}
.industry-tags{
padding-bottom: 20px;
}
.cta-content{
padding-top: 30px;
}
.consulting-cta .consulting-btn-primary{
margin-bottom: 20px;
}
}
.img-desktop { display: block; }
.img-mobile { display: none; }
@media (max-width: 600px) {
.img-desktop { display: none; }
.img-mobile { display: block; }
}
@media (min-width: 901px) and (max-width: 1440px) {
.consulting-logo-item img {
max-height: 58px;
opacity: 0.8;
transition: all 0.3s ease;
}
}
@media (min-width: 1900px) {
.consulting-hero-image img {
width: 80%;
border-radius: 20px;
}
.consulting-logo-item img {
max-height: 70px;
opacity: 0.8;
transition: all 0.3s ease;
}
}
@media (max-width: 768px) {
.industry-tags {
grid-template-columns: repeat(2, max-content);
}
}
@media (max-width: 480px) {
.consulting-stats-wrapper,.consulting-logos-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px;
padding: 0 15px;
}
.consulting-stat-item {
width: 100%;
}
.consulting-btn-primary, .consulting-btn-secondary{
font-size: 12px;
padding: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 6px;
}
.consulting-process-section,.consulting-capability-section,.consulting-results-section,.consulting-industry-section,.consulting-cta {
padding: 50px 0;
}
.cta-frame{
padding: 15px;
}
.consulting-process-grid{
display: flex;
flex-wrap: wrap; /* 🔥 IMPORTANT */
gap: 20px;
}
.capability-column {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.consulting-process-card {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.img-mobile {
width: 100%;
overflow: hidden;
}
.img-mobile {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.step-image,.img-mobile {
overflow: hidden;
}
.step-image img,.img-mobile {
width: 100%;
max-width: 100%;
}
.consulting-btn-wrapper,.consulting-process-buttons,.consulting-results-buttons,.consulting-focus-buttons{
display: grid;
gap: 15px;
width: auto;
margin: 0 auto;
}
.consulting-capability-wrapper{
width: 100%;
}
.cta-box{
padding: 50px 10px 30px 20px;
}
}
@media (max-width: 480px){
.home_banner_section .home_h1{
font-size: 50px!important;
text-align: left;
}
.home_banner_section .desc p{
text-align: left;
}
.home_banner_section {
padding: 0px;margin-top: -30px;
}
}
.indrustry_wrapper .col_contents .title_icon_wrapper h3 {
height: 70px;
}
.indrustry_wrapper .col_contents .desc {
margin-top: 30px;
}
.wpcf7-not-valid-tip {
width: 100% !important;
display: none !important;
}
.wpcf7-not-valid-tip.custom-error-span {
display: inline-block !important;
color: rgb(255, 77, 79) !important;
}
/* =========================
FEATURED SECTION
========================= */
.featured_in_section {
position: relative;
overflow: hidden;
background: #fff;
padding: 150px 0 0 0;
}
.featured_heading {
text-align: center;
margin-bottom: 40px;
}
.featured_heading h2 {
color: #000000;
font-size: 30px;
letter-spacing: 1px;
font-weight: 500;
margin: 0;
font-family: "gilroy", sans-serif;
}
/* =========================
SLIDER
========================= */
.featured_slider {
width: 100%;
overflow: hidden;
position: relative;
}
.featured_track {
display: flex;
align-items: stretch;
gap: 24px;
width: max-content;
will-change: transform;
padding-top: 20px;
padding-bottom: 20px;
}
/* =========================
CARD
========================= */
.featured_card {
position: relative;
flex: 0 0 auto;
width: 550px;
height: 156px;
border-radius: 24px;
/* REMOVE NORMAL BORDER */
border: none;
background: rgba(255, 255, 255, 0.03);
padding: 28px;
text-decoration: none;
overflow: hidden;
transition:
background 0.5s ease,
transform 0.4s ease;
}
/* GRADIENT BORDER */
.featured_card::after {
content: "";
position: absolute;
inset: 0;
padding: 1px;
/* BORDER THICKNESS */
border-radius: 24px;
background: linear-gradient(135deg,
#9180ff 0%,
#ceff68 100%);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 1;
}
/* HOVER EFFECT */
.featured_card::before {
content: "";
position: absolute;
inset: 0;
background: #9284ff24;
opacity: 0;
transition: opacity 0.5s ease;
z-index: 0;
}
.featured_card:hover::before {
opacity: 1;
}
.featured_card:hover {
transform: translateY(-6px);
/* border-color: #b9adff; */
}
/* CONTENT */
.featured_card>* {
position: relative;
z-index: 2;
}
/* .featured_logo {
margin-bottom: 30px;
} */
.featured_logo img {
max-width: 180px;
width: 100%;
height: auto;
object-fit: contain;
}
/* TEXT */
.featured_content p {
color: #252726;
font-size: 22px;
line-height: 1.3;
font-weight: 300;
transition: color 0.4s ease;
font-family: "gilroy", sans-serif;
}
.featured_card:hover .featured_content p {
color: #252726;
}
/* BUTTON */
.read_more_btn {
border: 1px solid #e5e5e5;
width: fit-content;
display: flex;
align-items: center;
gap: 10px;
/* padding: 12px 18px; */
padding: 6px 35px;
border-radius: 14px;
background: #d2fd62d1;
color: #252726;
transition: background 0.4s ease, color 0.4s ease;
}
.featured_card:hover .read_more_btn {
background: #fff;
color: #252726;
}
.read_more_btn span {
font-size: 16px;
font-weight: 500;
}
.card_content_wrapper {
display: flex;
align-items: center;
gap: 20px;
}
.div-block-239 {
grid-column-gap: 16px;
flex-flow: column;
flex: none;
width: 200px;
height: 115px;
display: flex;
align-items: stretch;
justify-content: space-around;
}
.hidden_content .read_more_btn {
display: none;
}
/* =========================
TABLET
========================= */
@media (max-width: 1024px) {
.featured_in_section {
padding: 60px 0 0 0;
}
.featured_card {
width: 360px;
height: auto;
max-height: 300px;
padding: 24px;
}
.card_content_wrapper {
display: block;
}
.featured_content p {
font-size: 22px;
}
.div-block-239 {
height: 70px;
}
.div-block-239 .read_more_btn {
display: none;
}
.hidden_content .read_more_btn {
display: inline-flex;
padding: 15px 0;
background: transparent;
border: none;
gap: 5px;
text-decoration: underline;
}
.featured_card:hover .hidden_content .read_more_btn {
background: transparent;
color: #252726;
}
}
/* =========================
TABLET PORTRAIT
========================= */
@media (max-width: 768px) {
.featured_track {
gap: 18px;
}
.featured_card {
width: 300px;
border-radius: 20px;
}
.featured_content p {
font-size: 18px;
margin-bottom: 22px;
}
.hidden_content .read_more_btn {
padding: 0px;
}
}
/* =========================
MOBILE
========================= */
@media (max-width: 480px) {
.featured_in_section {
padding: 50px 0;
}
.featured_card {
width: 260px;
min-height: 160px;
padding: 20px;
}
.featured_logo img {
max-width: 140px;
}
.featured_content p {
font-size: 16px;
}
.read_more_btn span {
font-size: 14px;
}
}