/* ==================== [ 1500px ] ==================== */
@media (min-width: 1500px) {
/* ==================== [ Common Start ] ==================== */
.container-fluid,
.container {
max-width: calc(1344px + 32px);
}
/* ==================== [ Common End ] ==================== */
}
/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
/* ==================== [ Root CSS Start ] ==================== */
:root {
/* Merriweather */
--merri-display-size: 54px;
--merri-display-line-height: 68px;
--merri-h1-size: 40px;
--merri-h1-line-height: 50px;
--merri-h4-size: 28px;
--merri-h4-line-height: 36px;
/* Poppins */
--poppins-display-xl-size: 75px;
--poppins-display-xl-line-height: 58px;
--poppins-display-l-size: 52px;
--poppins-display-l-line-height: 60px;
--poppins-h1-size: 46px;
--poppins-h1-line-height: 54px;
--poppins-display-s-size: 42px;
--poppins-display-s-line-height: 52px;
--poppins-h2-size: 38px;
--poppins-h2-line-height: 46px;
--poppins-h3-size: 30px;
--poppins-h3-line-height: 38px;
--poppins-h4-size: 23px;
--poppins-h4-line-height: 31px;
--poppins-h5-size: 21px;
--poppins-h5-line-height: 30px;
--poppins-h6-size: 19px;
--poppins-h6-line-height: 32px;
--poppins-body-l-size: 19px;
--poppins-body-l-line-height: 32px;
--poppins-body-m-size: 17px;
--poppins-body-m-line-height: 23px;
--poppins-body-s-size: 15px;
--poppins-body-s-line-height: 23px;
--poppins-overline-line-height: 15px;
}
/* ==================== [ Root CSS End ] ==================== */
/* ==================== [ Button Start ] ==================== */
.btn {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Button End ] ==================== */
}
/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {
/* ==================== [ Root CSS Start ] ==================== */
:root {
/* Merriweather */
--merri-display-size: 50px;
--merri-display-line-height: 63px;
--merri-h1-size: 38px;
--merri-h1-line-height: 47px;
--merri-h4-size: 24px;
--merri-h4-line-height: 32px;
/* Poppins */
--poppins-display-xl-size: 65px;
--poppins-display-xl-line-height: 52px;
--poppins-display-l-size: 48px;
--poppins-display-l-line-height: 56px;
--poppins-h1-size: 44px;
--poppins-h1-line-height: 52px;
--poppins-display-s-size: 40px;
--poppins-display-s-line-height: 50px;
--poppins-h2-size: 36px;
--poppins-h2-line-height: 44px;
--poppins-h3-size: 28px;
--poppins-h3-line-height: 36px;
--poppins-h4-size: 22px;
--poppins-h4-line-height: 30px;
--poppins-h5-size: 20px;
--poppins-h5-line-height: 29px;
--poppins-h6-size: 18px;
--poppins-h6-line-height: 30px;
--poppins-body-l-size: 19px;
--poppins-body-l-line-height: 30px;
--poppins-body-m-size: 17px;
--poppins-body-m-line-height: 22px;
--poppins-body-s-size: 15px;
--poppins-body-s-line-height: 22px;
--poppins-overline-line-height: 15px;
}
/* ==================== [ Root CSS End ] ==================== */
/* ==================== [ Common Spacing Start ] ==================== */
.py-60 {
padding-block: 55px;
}
.py-80 {
padding-block: 70px;
}
.py-90 {
padding-block: 80px;
}
.py-100 {
padding-block: 80px;
}
/* ==================== [ Common Spacing End ] ==================== */
}
/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
/* ==================== [ Root CSS Start ] ==================== */
:root {
/* Merriweather */
--merri-display-size: 42px;
--merri-display-line-height: 55px;
--merri-h1-size: 36px;
--merri-h1-line-height: 44px;
--merri-h4-size: 20px;
--merri-h4-line-height: 26px;
/* Poppins */
--poppins-display-xl-size: 54px;
--poppins-display-xl-line-height: 46px;
--poppins-display-l-size: 42px;
--poppins-display-l-line-height: 48px;
--poppins-h1-size: 38px;
--poppins-h1-line-height: 44px;
--poppins-display-s-size: 38px;
--poppins-display-s-line-height: 46px;
--poppins-h2-size: 30px;
--poppins-h2-line-height: 36px;
--poppins-h3-size: 26px;
--poppins-h3-line-height: 34px;
--poppins-h4-size: 21px;
--poppins-h4-line-height: 28px;
--poppins-h5-size: 19px;
--poppins-h5-line-height: 27px;
--poppins-h6-size: 17px;
--poppins-h6-line-height: 28px;
--poppins-body-l-size: 18px;
--poppins-body-l-line-height: 28px;
--poppins-body-m-size: 16px;
--poppins-body-m-line-height: 20px;
--poppins-body-s-size: 14px;
--poppins-body-s-line-height: 20px;
--poppins-overline-line-height: 14px;
}
/* ==================== [ Root CSS End ] ==================== */
/* ==================== [ Button Start ] ==================== */
.btn-arrow {
height: 36px;
width: 36px;
}
.btn-arrow::before {
background-image: url('data:image/svg+xml, ');
}
/* ==================== [ Button End ] ==================== */
/* ==================== [ Common Spacing Start ] ==================== */
.py-60 {
padding-block: 50px;
}
.py-70 {
padding-block: 60px;
}
.py-80 {
padding-block: 60px;
}
.py-90 {
padding-block: 70px;
}
.py-100 {
padding-block: 65px;
}
/* ==================== [ Common Spacing End ] ==================== */
/* ==================== [ Header Start ] ==================== */
.header .navbar-collapse { transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; top: 0; left: 100%; -webkit-transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; -moz-transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; -ms-transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; -o-transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important; }
.header .navbar:has(.navbar-toggler:not(.collapsed)) .navbar-collapse { left: 0; }
/* ==================== [ Header End ] ==================== */
/* ==================== [ Extra-common Css Start] ==================== */
.progress-content .social-icons ul {flex-direction: row; gap: 32px;}
blockquote { font-size: var(--merri-h1-size); line-height: var(--merri-h1-line-height); padding: 0 0 0 12px; }
.progress-content .typography ul li,
.progress-content .typography p { font-size: var(--poppins-body-m-size); line-height: var(--poppins-body-m-line-height); }
/* ==================== [ Extra-common Css End ] ==================== */
}
/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {
/* ==================== [ Root CSS Start ] ==================== */
:root {
/* Merriweather Global Font Properties (Mobile) */
--merri-display-size: 34px;
--merri-display-line-height: 48px;
--merri-h1-size: 32px;
--merri-h1-line-height: 36px;
--merri-h4-size: 16px;
--merri-h4-line-height: 20px;
/* Poppins Global Font Properties (Mobile) */
--poppins-display-xl-size: 43px;
--poppins-display-xl-line-height: 42px;
--poppins-display-l-size: 36px;
--poppins-display-l-line-height: 40px;
--poppins-h1-size: 32px;
--poppins-h1-line-height: 36px;
--poppins-display-s-size: 34px;
--poppins-display-s-line-height: 38px;
--poppins-h2-size: 26px;
--poppins-h2-line-height: 32px;
--poppins-h3-size: 22px;
--poppins-h3-line-height: 32px;
--poppins-h4-size: 20px;
--poppins-h4-line-height: 26px;
--poppins-h5-size: 18px;
--poppins-h5-line-height: 26px;
--poppins-h6-size: 16px;
--poppins-h6-line-height: 24px;
--poppins-body-l-size: 18px;
--poppins-body-l-line-height: 26px;
--poppins-body-m-size: 16px;
--poppins-body-m-line-height: 24px;
--poppins-body-s-size: 14px;
--poppins-body-s-line-height: 16px;
--poppins-caption-size: 12px;
--poppins-caption-line-height: 20px;
--poppins-overline-size: 10px;
--poppins-overline-line-height: 14px;
}
/* ==================== [ Root CSS End ] ==================== */
/* ==================== [ Button Start ] ==================== */
.btn {
font-size: var(--poppins-body-l-size);
line-height: var(--poppins-body-l-line-height);
}
/* ==================== [ Button End ] ==================== */
/* ==================== [ Common Spacing Start ] ==================== */
.py-60,
.py-80,
.py-90,
.py-100 {
padding-block: 50px;
}
/* ==================== [ Common Spacing End ] ==================== */
}
/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {}
/* ==================== [ 374px ] ==================== */
@media (max-width: 374px) {
/* ==================== [ Button Start ] ==================== */
.btn {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Button End ] ==================== */
}
/* ==================== [ D-CSS Start ] ==================== */
/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
.blog-details-banner { padding-bottom: 65px !important; margin-bottom: 0 !important; }
/* ==================== [ Header Start ] ==================== */
.header .menu-container {
padding: 0 60px;
}
/* ==================== [ Header End ] ==================== */
/* ==================== [ Home Banner Start ] ==================== */
.home-banner {
padding: 240px 0 200px;
}
/* ==================== [ Home Banner End ] ==================== */
/* ==================== [ Inner Banner Start ] ==================== */
.inner-banner {
padding: 211px 0 65px;
}
.inner-banner .heading .subtitle * {
margin-bottom: 14px;
}
.inner-banner .heading .title * {
margin-bottom: 52px;
}
/* what-we-do-banner Start */
.inner-banner.what-we-do-banner {
padding-bottom: 135px;
}
.inner-banner .heading .disc *:not(:last-child) {
margin-bottom: 32px;
}
/* what-we-do-banner End */
/* ==================== [ Inner Banner End ] ==================== */
/* ==================== [ Technology With Intention Start ] ==================== */
.technology-intention .heading .subtitle * {
margin-bottom: 45px;
}
/* ==================== [ Technology With Intention End ] ==================== */
/* ==================== [ Customers Start ] ==================== */
.customers .heading {
margin-bottom: 90px;
}
.customers .heading .subtitle *,
.customers .heading .title * {
margin-bottom: 12px;
}
/* ==================== [ Customers End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ What We Do Cards Start ] ==================== */
.what-we-do-cards .card {
padding: 40px;
gap: 40px;
}
.what-we-do-cards .card .card-content {
gap: 36px;
}
.what-we-do-cards .card .card-image {
width: 180px;
height: 180px;
}
/* ==================== [ What We Do Cards End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Salesforce What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Salesforce What We Do Banner Start ] ==================== */
.salesforce-what-we-do-banner {
padding-bottom: 81px;
}
/* ==================== [ Salesforce What We Do Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Work Banner Start ] ==================== */
.our-work-banner {
padding-bottom: 99px;
}
/* ==================== [ Our Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* How We Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ How We Work Banner Start ] ==================== */
.how-we-work-banner {
padding-bottom: 99px;
}
/* ==================== [ How We Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Luxaviation Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ luxaviation Our Work Banner Start ] ==================== */
.luxaviation-our-work-banner {
padding-bottom: 120px;
margin-bottom: 52px;
}
/* ==================== [ luxaviation Our Work Banner End ] ==================== */
/* ==================== [ The Luxaviation Journey Start ] ==================== */
.the-luxaviation-journey {
padding: 32px 0 72px;
}
/* ==================== [ The Luxaviation Journey End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Life Career Banner End ] ==================== */
.life-career-banner {
position: relative;
padding-bottom: 90px;
}
/* ==================== [ Life Career Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Insights Details Banner Start ] ==================== */
.insights-details-banner {
padding-bottom: 228px;
}
/* ==================== [ Insights Details Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Error 404 Banner Start ] ==================== */
.error-404-banner {
padding-bottom: 164px;
}
.error-404-banner .heading .action {
margin-top: 52px;
}
/* ==================== [ Error 404 Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Whistleblower Channel Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Whistleblower Channel Banner Start ] ==================== */
.whistleblower-channel-banner {
position: relative;
padding-bottom: 112px;
}
/* ==================== [ Whistleblower Channel Banner End ] ==================== */
}
/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {
/* ==================== [ Header Start ] ==================== */
.header .menu-container {
padding: 0 0px;
}
.header .menu-container .navbar-nav {
max-width: calc(348px + 61px);
padding-right: 60px;
position: relative;
}
.header .navbar-nav .dropdown-menu {
left: calc(100% + 60px);
}
.header .menu-container .nav-item {
margin-bottom: 30px;
}
/* ==================== [ Header End ] ==================== */
/* ==================== [ Home Banner Start ] ==================== */
.home-banner {
padding: 230px 0 185px;
}
/* ==================== [ Home Banner End ] ==================== */
/* ==================== [ Inner Banner Start ] ==================== */
.inner-banner {
padding: 198px 0 70px;
}
.inner-banner .heading .subtitle * {
margin-bottom: 17px;
}
.inner-banner .heading .title * {
margin-bottom: 44px;
}
/* what-we-do-banner Start */
.inner-banner.what-we-do-banner {
padding-bottom: 120px;
}
/* what-we-do-banner End */
/* ==================== [ Inner Banner End ] ==================== */
/* ==================== [ Technology With Intention Start ] ==================== */
.technology-intention .heading .subtitle * {
margin-bottom: 38px;
}
/* ==================== [ Technology With Intention End ] ==================== */
/* ==================== [ Customers Start ] ==================== */
.customers .heading {
margin-bottom: 80px;
}
.customers .heading .subtitle *,
.customers .heading .title * {
margin-bottom: 15px;
}
/* ==================== [ Customers End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Salesforce What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Salesforce What We Do Banner Start ] ==================== */
.salesforce-what-we-do-banner {
padding-bottom: 102px;
}
/* ==================== [ Salesforce What We Do Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Work Banner Start ] ==================== */
.our-work-banner {
padding-bottom: 94px;
}
/* ==================== [ Our Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* How We Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ How We Work Banner Start ] ==================== */
.how-we-work-banner {
padding-bottom: 94px;
}
/* ==================== [ How We Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Luxaviation Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ luxaviation Our Work Banner Start ] ==================== */
.luxaviation-our-work-banner {
padding-bottom: 108px;
margin-bottom: 45px;
}
/* ==================== [ luxaviation Our Work Banner End ] ==================== */
/* ==================== [ The Luxaviation Journey Start ] ==================== */
.the-luxaviation-journey {
padding: 25px 0 65px;
}
/* ==================== [ The Luxaviation Journey End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* About Us Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Impact Start ] ==================== */
.our-impact .card {
padding: 24px;
}
.our-impact .heading {
margin-bottom: 50px;
}
/* ==================== [ Our Impact End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Meet The Team Start ] ==================== */
.meet-the-team .meet-the-team-block .content-block>* {
flex: 0 0 calc(33% - 14px);
}
/* ==================== [ Meet The Team End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Insights Details Banner Start ] ==================== */
.insights-details-banner {
padding-bottom: 224px;
}
/* ==================== [ Insights Details Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Error 404 Banner Start ] ==================== */
.error-404-banner {
padding-bottom: 175px;
}
.error-404-banner .heading .action {
margin-top: 45px;
}
/* ==================== [ Error 404 Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Whistleblower Channel Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Whistleblower Channel Banner Start ] ==================== */
.whistleblower-channel-banner {
position: relative;
padding-bottom: 101px;
}
/* ==================== [ Whistleblower Channel Banner End ] ==================== */
}
/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
/* ==================== [ Header Start ] ==================== */
.header .menu-container .navbar-nav {
max-width: 100%;
padding-right: 0px;
border: 0;
}
.header .navbar-nav .dropdown-menu {
position: relative;
left: unset;
height: fit-content;
}
.header .menu-container .nav-item {
margin-bottom: 30px;
}
.header .navbar-nav .dropdown-menu {
margin-top: 30px;
}
.header .lang-change ul {
justify-content: center;
}
/* ==================== [ Header End ] ==================== */
/* ==================== [ Home Banner Start ] ==================== */
.home-banner {
padding: 220px 0 155px;
}
/* ==================== [ Home Banner End ] ==================== */
/* ==================== [ Inner Banner Start ] ==================== */
.inner-banner {
padding: 184px 0 75px;
}
.inner-banner .heading .subtitle * {
margin-bottom: 20px;
}
.inner-banner .heading .title * {
margin-bottom: 35px;
}
/* what-we-do-banner Start */
.inner-banner.what-we-do-banner {
padding-bottom: 100px;
}
/* what-we-do-banner End */
/* ==================== [ Inner Banner End ] ==================== */
/* ==================== [ Technology With Intention Start ] ==================== */
.technology-intention .heading {
text-align: left;
}
.technology-intention .heading .subtitle * {
margin-bottom: 30px;
}
/* ==================== [ Technology With Intention End ] ==================== */
/* ==================== [ Customers Start ] ==================== */
.customers .heading {
margin-bottom: 70px;
text-align: left;
}
.customers .heading .subtitle *,
.customers .heading .title * {
margin-bottom: 18px;
}
.customers-icon-group {
justify-content: flex-start;
column-gap: 30px;
row-gap: 28px;
}
/* ==================== [ Customers End ] ==================== */
/* ==================== [ Growing Together Start ] ==================== */
.growing-together .grid-container {
grid-template-columns: 1fr;
grid-template-rows: auto;
height: auto;
}
.growing-together .card {
padding: 24px;
}
.growing-together .card:nth-child(1) {
grid-area: 1;
}
.growing-together .card:nth-child(2) {
grid-area: 3;
}
.growing-together .card:nth-child(3) {
grid-area: 4 !important;
}
.growing-together .card:nth-child(4) {
grid-area: 2;
}
.growing-together .card:nth-child(5) {
grid-area: 5;
}
.growing-together .card .title * {
margin-bottom: 16px;
}
/* ==================== [ Growing Together End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ What We Do Cards Start ] ==================== */
.what-we-do-cards {
padding-bottom: 50px !important;
}
.what-we-do-cards .card {
/* max-width: 315px; */
padding: 20px;
flex-direction: column;
align-items: flex-start;
}
.what-we-do-cards .heading {
text-align: left;
margin-bottom: 50px;
}
.what-we-do-cards .heading .title * {
margin-bottom: 24px;
}
.what-we-do-cards .card .card-content {
gap: 0px;
flex-direction: column;
height: 100%;
}
.what-we-do-cards .card .card-content .disc-group {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.what-we-do-cards .card .card-content .title {
max-width: 100%;
}
.what-we-do-cards .card .card-content .title * {
margin-bottom: 20px;
font-size: var(--merri-h5-size);
line-height: var(--merri-h5-line-height);
}
.what-we-do-cards .card .card-content .disc * {
margin-bottom: 20px;
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.what-we-do-cards .card .card-content .action {
margin-top: auto;
}
.what-we-do-cards .card .card-content .action * {
width: 100%;
}
.what-we-do-cards .card .card-image {
width: 110px;
height: 110px;
}
.what-we-do-cards .whatWeCardGroup {
overflow: visible;
}
.what-we-do-cards .whatWeCardGroup .swiper-slide {
height: auto;
}
.what-we-do-cards .whatWeCardGroup .swiper-slide .card {
height: 100%;
justify-content: flex-start;
}
.what-we-do-cards .whatWeCardGroup-pagination-dots {
margin-top: 50px;
}
/* ==================== [ What We Do Cards End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Salesforce What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Salesforce What We Do Banner Start ] ==================== */
.salesforce-what-we-do-banner {
padding-bottom: 124px;
}
/* ==================== [ Salesforce What We Do Banner End ] ==================== */
/* ==================== [ Salesforce Logo Group Start ] ==================== */
.salesforce-logo-group ul {
margin-bottom: 0px;
}
/* ==================== [ Salesforce Logo Group End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Work Banner Start ] ==================== */
.our-work-banner {
padding-bottom: 88px;
}
/* ==================== [ Our Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* How We Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ How We Work Banner Start ] ==================== */
.how-we-work-banner {
padding-bottom: 88px;
}
/* ==================== [ How We Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Case Studies Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Case Studies Banner Start ] ==================== */
.case-studies-banner {
padding-bottom: 110px;
}
/* ==================== [ Case Studies Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Luxaviation Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ luxaviation Our Work Banner Start ] ==================== */
.luxaviation-our-work-banner {
padding-bottom: 96px;
margin-bottom: 38px;
}
/* ==================== [ luxaviation Our Work Banner End ] ==================== */
/* ==================== [ Scroll Sectoin Start ] ==================== */
.tabs-group ul {
padding: 8px 16px;
gap: 8px;
}
.tabs-group ul li a.active {
color: var(--violet-300);
}
.tabs-group ul li a {
padding: 12px 16px;
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
border-bottom: 0px;
}
.tabs-group ul li a:hover,
.tabs-group ul li a:focus,
.tabs-group ul li a:focus-visible,
.tabs-group ul li a:focus-within,
.tabs-group ul li a.active {
color: var(--netural-500);
border-bottom: 0px;
background-color: var(--violet-300);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
/* ==================== [ Scroll Sectoin End ] ==================== */
/* ==================== [ The Luxaviation Journey Start ] ==================== */
.the-luxaviation-journey {
padding: 18px 0 58px;
}
/* ==================== [ The Luxaviation Journey End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* About Us Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Impact Start ] ==================== */
.our-impact .card {
padding: 24px;
}
.our-impact .heading {
margin-bottom: 40px;
text-align: left;
}
/* ==================== [ Our Impact End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Life Career Banner End ] ==================== */
.life-career-banner {
position: relative;
padding-bottom: 80px;
}
/* ==================== [ Life Career Banner End ] ==================== */
/* ==================== [ Meet The Team Start ] ==================== */
.meet-the-team .meet-the-team-block {
gap: 40px;
}
.meet-the-team .meet-the-team-block .content-block {
row-gap: 40px;
}
.meet-the-team .meet-the-team-block .content-block>* {
flex: 0 0 calc(33% - 15px);
}
.meet-the-team .meet-the-team-block .text-content .location * { font-size: 18px; line-height: 30px; }
/* ==================== [ Meet The Team End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Positions Details Careers Banner Start ] ==================== */
.positions-details-careers-banner {
padding-bottom: 80px;
}
/* ==================== [ Positions Details Careers Banner End ] ==================== */
/* ==================== [ Careers Apply Bar Start ] ==================== */
.careers-apply-bar .apply-bar-content {
flex-direction: column;
align-items: center;
}
/* ==================== [ Careers Apply Bar End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Insights Details Banner Start ] ==================== */
.insights-details-banner {
padding-bottom: 220px;
}
/* ==================== [ Insights Details Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Error 404 Banner Start ] ==================== */
.error-404-banner {
padding-bottom: 185px;
}
.error-404-banner .heading .action {
margin-top: 38px;
}
/* ==================== [ Error 404 Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Whistleblower Channel Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Whistleblower Channel Banner Start ] ==================== */
.whistleblower-channel-banner {
position: relative;
padding-bottom: 91px;
}
/* ==================== [ Whistleblower Channel Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Privacy Policy Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Privacy Policy Banner Start ] ==================== */
.privacy-policy-banner {
min-height: unset;
}
/* ==================== [ Privacy Policy Banner End ] ==================== */
/* ==================== [ Tabbing Slider Start ] ==================== */
.tabbing-slider a {
padding: 12px 16px;
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
border-bottom: 0px;
}
/* ==================== [ Tabbing Slider End ] ==================== */
}
/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {
/* ==================== [ Home Banner Start ] ==================== */
.home-banner {
padding: 204px 0 130px;
}
/* ==================== [ Home Banner End ] ==================== */
/* ==================== [ Inner Banner Start ] ==================== */
.inner-banner {
padding: 160px 0 80px;
}
.inner-banner .heading .subtitle * {
margin-bottom: 24px;
}
.inner-banner .heading .title * {
margin-bottom: 24px;
}
/* what-we-do-banner Start */
.inner-banner.what-we-do-banner {
padding-bottom: 80px;
}
/* what-we-do-banner End */
/* ==================== [ Inner Banner End ] ==================== */
/* ==================== [ Technology With Intention Start ] ==================== */
.technology-intention .heading .subtitle * {
margin-bottom: 24px;
}
/* ==================== [ Technology With Intention End ] ==================== */
/* ==================== [ Customers Start ] ==================== */
.customers .heading {
margin-bottom: 50px;
}
.customers .heading .subtitle *,
.customers .heading .title * {
margin-bottom: 24px;
}
/* ==================== [ Customers End ] ==================== */
/* ==================== [ Growing Together Start ] ==================== */
.growing-together .card {
padding: 16px;
}
.growing-together .card .title * {
margin-bottom: 6px;
}
/* ==================== [ Growing Together End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ What We Do Cards Start ] ==================== */
.what-we-do-cards .card {
padding: 20px;
}
.what-we-do-cards .card .card-content .title * {
margin-bottom: 20px;
}
.what-we-do-cards .card .card-content .disc * {
margin-bottom: 20px;
}
.what-we-do-cards .card .card-image {
width: 110px;
height: 110px;
}
/* ==================== [ What We Do Cards End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Salesforce What We Do Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Salesforce What We Do Banner Start ] ==================== */
.salesforce-what-we-do-banner {
padding-bottom: 156px;
}
/* ==================== [ Salesforce What We Do Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Work Banner Start ] ==================== */
.our-work-banner {
padding-bottom: 80px;
}
/* ==================== [ Our Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* How We Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ How We Work Banner Start ] ==================== */
.how-we-work-banner {
padding-bottom: 80px;
}
/* ==================== [ How We Work Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Luxaviation Our Work Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ luxaviation Our Work Banner Start ] ==================== */
.luxaviation-our-work-banner {
padding-bottom: 80px;
margin-bottom: 30px;
}
/* ==================== [ luxaviation Our Work Banner End ] ==================== */
/* ==================== [ The Luxaviation Journey Start ] ==================== */
.the-luxaviation-journey {
padding: 10px 0 50px;
}
/* ==================== [ The Luxaviation Journey End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* About Us Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Our Impact Start ] ==================== */
.our-impact .card {
padding: 16px;
}
.our-impact .heading {
margin-bottom: 30px;
}
/* First Column */
.our-impact .row>*:nth-child(1)>.card:nth-child(2n + 1) {
min-height: 207px;
}
.our-impact .row>*:nth-child(1)>.card:nth-child(2n) {
min-height: 203px;
}
/* Second Column */
.our-impact .row>*:nth-child(2)>.card:nth-child(2n + 1) {
min-height: 203px;
}
.our-impact .row>*:nth-child(2)>.card:nth-child(2n) {
min-height: 175px;
}
/* Third Column */
.our-impact .row>*:nth-child(3)>.card:nth-child(2n + 1) {
min-height: 171px;
}
.our-impact .row>*:nth-child(3)>.card:nth-child(2n) {
min-height: 171px;
}
/* ==================== [ Our Impact End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Careers Apply Bar Start ] ==================== */
.careers-apply-bar .apply-bar-content .btn { width: 100%; }
/* ==================== [ Careers Apply Bar End ] ==================== */
/* ==================== [ Happy People Start ] ==================== */
.our-impact.happy-people .row>*:nth-child(1)>.card:nth-child(3n + 1),
.our-impact.happy-people .row>*:nth-child(1)>.card:nth-child(3n + 2),
.our-impact.happy-people .row>*:nth-child(2)>.card:nth-child(3n + 1),
.our-impact.happy-people .row>*:nth-child(3)>.card:nth-child(3n + 1) {
min-height: 171px;
}
.our-impact.happy-people .row>*:nth-child(1)>.card:nth-child(3n + 2) {
min-height: 181px;
}
.our-impact.happy-people .row>*:nth-child(2)>.card:nth-child(3n + 2),
.our-impact.happy-people .row>*:nth-child(2)>.card:nth-child(3n),
.our-impact.happy-people .row>*:nth-child(3)>.card:nth-child(3n) {
min-height: 203px;
}
.our-impact.happy-people .row>*:nth-child(3)>.card:nth-child(3n + 2) {
min-height: 227px;
}
/* ==================== [ Happy People End ] ==================== */
/* ==================== [ Meet The Team Start ] ==================== */
.meet-the-team .meet-the-team-block {
gap: 30px;
}
.meet-the-team .meet-the-team-block .content-block {
gap: 10px;
row-gap: 20px;
}
.meet-the-team .meet-the-team-block .content-block>* {
flex: 0 0 calc(50% - 6px);
}
.meet-the-team .meet-the-team-block .text-content .location * { font-size: 16px; line-height: 24px; }
.meet-the-team .meet-the-team-block .text-content .name * { margin-bottom: 5px; }
/* ==================== [ Meet The Team End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Life Career Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Positions Details Careers Banner Start ] ==================== */
.positions-details-careers-banner {
padding-bottom: 60px;
}
/* ==================== [ Positions Details Careers Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Insights Details Banner Start ] ==================== */
.insights-details-banner {
padding-bottom: 215px;
}
/* ==================== [ Insights Details Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Insights Details Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Error 404 Banner Start ] ==================== */
.error-404-banner {
padding-bottom: 196px;
}
.error-404-banner .heading .action {
margin-top: 30px;
}
/* ==================== [ Error 404 Banner End ] ==================== */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* Whistleblower Channel Page */
/* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
/* ==================== [ Whistleblower Channel Banner Start ] ==================== */
.whistleblower-channel-banner {
position: relative;
padding-bottom: 80px;
}
/* ==================== [ Whistleblower Channel Banner End ] ==================== */
}
/* ==================== [ D-CSS End ] ==================== */
/* ==================== [ H-CSS Start ] ==================== */
@media (max-width:1399px) {
/* ==================== [ Global-presence CSS Start ] ==================== */
.global-presence {
padding: 100px 0;
}
/* ==================== [ Global-presence CSS End ] ==================== */
/* ==================== [ Hiring-Process CSS Start ] ==================== */
.hiring-process .how-we-make-block-group .how-we-make-block {
padding: 30px 90px;
}
.hiring-process .how-we-make-block-group .how-we-make-block .block-title{
margin-right: 20px;
}
/* ==================== [ Hiring-Process CSS End ] ==================== */
/* ==================== [ Our-actions CSS Start ] ==================== */
.our-actions-wrp .our-actions-card .our-actions-img {
margin-right: 70px;
}
/* ==================== [ Our-actions CSS End ] ==================== */
/* ==================== [ Client-voices CSS Start ] ==================== */
.client-voices .heading::before {
bottom: -32px;
right: 40px;
}
.client-voice-carousel::before {
right: 40px;
}
/* ==================== [ Client-voices CSS End ] ==================== */
/* ==================== [ Operation-modules CSS Start ] ==================== */
.operations-modules{
padding: 90px 0;
}
.operations-modules-wrp .operations-modules-image{
margin: 0 0 0 90px;
}
/* ==================== [ Operation-modules CSS End ] ==================== */
/* ==================== [ Our solution Page CSS Start ] ==================== */
.our-solution {
padding: 90px 0;
}
.our-solution-wrp .card-image {
margin: 0 90px 0 0;
}
/* ==================== [ Our solution Page CSS End ] ==================== */
/* ==================== [ How We Do CSS Start ] ==================== */
.how-we-do-wrp .how-we-do-block {
padding: 390px 30px 40px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content .block-detail {
margin-bottom: 30px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content ul {
margin: 20px 0 0 0 ;
}
/* ==================== [ How We Do CSS End ] ==================== */
/* ==================== [ Services CSS Start ] ==================== */
.services-wrp .service-card {
padding: 200px 50px 40px 50px;
}
.services-wrp .service-card .heading .title * {
margin-bottom: 55px;
}
.services-wrp .service-card.left .card-bg-img {
top: -170px;
right: -177px;
width: 580px;
height: 690px;
}
.services-wrp .service-card.right .card-bg-img {
top: -130px;
right: -165px;
width: 620px;
height: 640px;
}
/* ==================== [ Services CSS End ] ==================== */
/* ==================== [ Technology-power CSS Start ] ==================== */
.technology-power .technology-power-wrp .heading {
margin-bottom: 60px;
}
.technology-power-wrp .nav-tabs .nav-item {
margin-right: 10px;
}
.technology-power-wrp .nav-tabs {
margin-bottom: 60px;
}
.technology-power-wrp .tab-content .technology-logo-group { gap: 50px; }
.technology-power-wrp .tab-content .technology-logo-group .logo-item {
max-width: 160px;
}
/* ==================== [ Technology-power CSS Start ] ==================== */
/* ==================== [ Consultancy CSS Start ] ==================== */
.consultancy {
padding: 100px 0;
}
.consultancy-left {
max-width: 480px;
}
/* ==================== [ Consultancy CSS End ] ==================== */
/* ==================== [ Industry-leading CSS Start ] ==================== */
.industry-leading {
padding: 90px 0;
}
.industry-leading-accordion {
max-width: 565px;
}
/* ==================== [ Industry-leading CSS End ] ==================== */
/* ==================== [ Global-design CSS Start ] ==================== */
.global-img {
max-width: 350px;
}
.global-img::before {
width: 190px;
height: 190px;
right: 10px;
}
.global-design-wrp {
margin-top: 30px;
}
/* ==================== [ Global-design CSS End ] ==================== */
/* ==================== [ Footer-contact CSS Start ] ==================== */
.footer-contact-block.right {
max-width: 486px;
}
.footer-contact-block {
min-height: 452px;
}
/* ==================== [ Footer-contact CSS End ] ==================== */
}
@media (max-width:1199px) {
/* ==================== [ Global-presence CSS Start ] ==================== */
.global-presence {
padding: 90px 0;
}
.global-presence-wrp .global-presence-bottom .global-presence-map {
height: 710px;
}
.global-presence-accordion .accordion .accordion-detail .accordion-contact-info {
max-width: 100%;
}
.global-presence-accordion .accordion .accordion-detail {
flex-direction: column;
gap: 10px;
}
.global-presence-accordion .accordion .accordion-detail .accordion-address br {
display: none;
}
/* ==================== [ Global-presence CSS End ] ==================== */
/* ==================== [ Employee-Review CSS Start ] ==================== */
.employee-review-wrp {
align-items: center;
flex-direction: column-reverse;
}
.employee-review-wrp .employee-review-content {
text-align: center;
}
.employee-review-wrp .employee-review-left {
width: 100%;
max-width: fit-content;
margin: 0 auto;
display: flex;
align-items: center;
}
.employee-review-wrp .employee-review-content::before {
right: 52px;
bottom: 45px;
}
.employee-review-wrp .employee-review-left .employee-img {
max-width: 100px;
aspect-ratio: 100 / 100;
margin-right: 12px;
}
.employee-review .employee-review-main-title {
padding: 0;
text-align: center;
}
.employee-review-carousel .employee-review-block {
flex-direction: column;
}
.employee-review-carousel .employee-review-block .employee-review-profile {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: center;
}
.employee-review-carousel .employee-review-block .employee-review-main-detail .quote-detail {
text-align: center;
}
.employee-review-carousel .employee-review-block .employee-review-main-detail .quote-detail:before {
right: 0;
padding-bottom: 15px;
}
.employee-review-carousel .employee-review-block .employee-review-profile .employee-image {
width: 100px;
height: 100px;
}
.employee-review-carousel .employee-review-block .employee-review-profile .detail {
max-width: 225px;
width: 100%;
font-size: 16px;
}
/* ==================== [ Employee-Review CSS End ] ==================== */
/* ==================== [ Hiring-Process CSS Start ] ==================== */
.hiring-process .how-we-make-block-group .how-we-make-block {
padding: 30px 70px;
}
.hiring-process .how-we-make-block-group .how-we-make-block .block-title * {
font-size: var(--poppins-h1-size);
line-height: var(--poppins-h1-line-height);
}
.hiring-process .how-we-make-block-group .how-we-make-block .block-title span {
font-size: var(--poppins-display-l-size);
line-height: var(--poppins-display-l-line-height);
}
/* ==================== [ Hiring-Process CSS End ] ==================== */
/* ==================== [ Our-actions CSS Start ] ==================== */
.our-actions-wrp .our-actions-card {
padding: 30px 20px;
}
.our-actions-wrp .our-actions-card .our-actions-img {
margin-right: 30px;
}
/* ==================== [ Our-actions CSS End ] ==================== */
/* ==================== [ Client-voices CSS Start ] ==================== */
.client-voices .heading::before {
bottom: -22px;
}
/* ==================== [ Client-voices CSS End ] ==================== */
/* ==================== [ Operation-modules CSS Start ] ==================== */
.operations-modules {
padding: 80px 0;
}
.operations-modules-wrp .operations-modules-image{
margin: 0 60px 0 0;
}
/* ==================== [Operation-modules CSS End ] ==================== */
/* ==================== [ Our solution Page CSS Start ] ==================== */
.our-solution {
padding: 80px 0;
}
.our-solution-wrp .card-image {
margin: 0 60px 0 0;
}
/* ==================== [ Our solution Page CSS End ] ==================== */
/* ==================== [ How We Do CSS Start ] ==================== */
.how-we-do-wrp .heading {
margin-bottom: 60px;
}
.how-we-do-wrp .how-we-do-block {
padding: 310px 20px 30px;
}
/* ==================== [ How We Do CSS End ] ==================== */
/* ==================== [ Services CSS Start ] ==================== */
.services-wrp .service-card {
padding: 150px 30px 40px 30px;
}
.services-wrp .service-card.left .card-bg-img {
top: -140px;
right: -97px;
width: 460px;
height: 630px;
}
.services-wrp .service-card.right .card-bg-img {
top: -120px;
right: -195px;
width: 580px;
height: 610px;
}
/* ==================== [ Services CSS End ] ==================== */
/* ==================== [ Consultancy CSS Start ] ==================== */
.consultancy {
padding: 80px 0;
}
.consultancy-left {
max-width: 420px;
}
/* ==================== [ Consultancy CSS End ] ==================== */
/* ==================== [ How-we-Make CSS Start ] ==================== */
.how-we-make-block-group .how-we-make-block {
padding: 40px 80px;
}
/* ==================== [ How-we-Make CSS End ] ==================== */
/* ==================== [ Industry-leading CSS Start ] ==================== */
.industry-leading {
padding: 80px 0;
}
.industry-leading-content {
max-width: 380px;
}
.industry-leading-accordion {
max-width: 565px;
}
/* ==================== [ Industry-leading CSS End ] ==================== */
/* ==================== [ Global-design CSS Start ] ==================== */
.global-img {
max-width: 280px;
}
/* ==================== [ Global-design CSS End ] ==================== */
/* ==================== [ Footer-contact CSS Start ] ==================== */
.footer-contact-block {
padding: 35px;
min-height: 430px;
}
.footer-contact-block.right {
max-width: 386px;
}
/* ==================== [ Footer-contact CSS End ] ==================== */
/* ==================== [ Footer CSS End ] ==================== */
.footer {
padding: 50px 0;
}
.f-top {
padding-bottom: 40px;
}
.f-top .f-block {
margin-bottom: 40px;
}
.f-top .social-icons {
margin-bottom: 40px;
}
/* ==================== [ Footer CSS End ] ==================== */
}
@media (max-width:991px) {
/* ==================== [ Global-presence CSS Start ] ==================== */
.global-presence {
padding: 80px 0;
}
.global-presence-wrp .heading {
margin: 0 auto 40px 0;
}
.global-presence-wrp .global-presence-bottom {
flex-direction: column;
}
.global-presence-wrp .global-presence-bottom .global-presence-accordion {
max-width: 100%;
margin: 0 0 30px 0 ;
}
.global-presence-accordion .accordion .accordion-item {
padding: 20px 0;
}
.global-presence-accordion .accordion-button::after {
width: 36px;
height: 36px;
}
.global-presence-accordion .accordion .accordion-body {
padding-top: 20px;
padding-right: 0;
}
.global-presence-accordion .accordion .accordion-item:first-child {
padding-top: 0px;
}
.global-presence-accordion .accordion .accordion-item:last-child {
padding-bottom: 0px;
}
.global-presence-wrp .global-presence-bottom .global-presence-map {
height: 620px;
}
/* ==================== [ Global-presence CSS Start ] ==================== */
/* ==================== [ Employee-review CSS Start ] ==================== */
.employee-review-wrp .employee-review-content .title * {
font-size: var(--poppins-h3-size);
line-height: var(--poppins-h3-line-height);
}
.employee-review-carousel .employee-review-block .employee-review-main-detail .quote-detail {
font-size: var(--poppins-h3-size);
line-height: var(--poppins-h3-line-height);
}
/* ==================== [ Employee-review CSS End ] ==================== */
/* ==================== [ Hiring-Process CSS Start ] ==================== */
.hiring-process .how-we-make-block-group .how-we-make-block {
padding: 30px;
}
/* ==================== [ Hiring-Process CSS End ] ==================== */
/* ==================== [ Our-Actions CSS Start ] ==================== */
.our-actions {
overflow: hidden;
}
.our-actions-top-content {
flex-direction: column;
align-items: flex-start;
}
.our-actions-top-content .heading {
max-width: 100%;
margin: 0;
}
.our-actions-top-content {
margin-bottom: 40px;
}
.our-actions-top-content .heading .title * {
margin-bottom: 24px;
}
.our-actions-wrp .swiper.our-actions-swiper{
overflow: visible;
}
.our-actions-wrp .our-actions-swiper .swiper-wrapper {
padding-bottom: 30px;
}
.our-actions-card {
flex-direction: column;
}
.our-actions-wrp .our-actions-card .our-actions-img {
max-width: 100%;
margin: 0 0 50px 0;
}
.our-actions-wrp .our-actions-card .our-actions-content .our-actions-card-btn .btn img {
margin-left: 4px;
}
.our-actions-swiper .common-pagination-dots .swiper-pagination-bullet {
opacity: 1;
}
/* ==================== [ Our-Actions CSS End ] ==================== */
/* ==================== [ Client-voices CSS Start ] ==================== */
.client-voices .heading::before {
bottom: -22px;
right: -20px;
width: 90px;
height: 68px;
}
.client-voice-carousel::before {
right: 0;
width: 90px;
height: 68px;
}
.client-voices .heading .title * {
font-size: var(--poppins-h3-size);
line-height: var(--poppins-h3-line-height);
}
.client-voice-carousel .client-voice-block .detail {
font-size: var(--poppins-h3-size);
line-height: var(--poppins-h3-line-height);
}
/* ==================== [ Client-voices CSS End ] ==================== */
/* ==================== [ Operation-modules CSS Start ] ==================== */
.operations-modules {
padding: 70px 0;
}
.operations-modules-wrp .operations-modules-card{
flex-direction: column-reverse;
}
.operations-modules-wrp .operations-modules-image{
max-width: 100%;
margin: 0 0 50px 0;
}
.operations-modules-wrp .operations-modules-card .operations-modules-content {
max-width: 100%;
}
/* ==================== [ Operation-modules CSS End ] ==================== */
/* ==================== [ Our solution Page CSS Start ] ==================== */
.our-solution {
padding: 70px 0;
}
.our-solution-wrp .our-solution-card{
flex-direction: column;
}
.our-solution-wrp .card-image {
max-width: 100%;
margin: 0 0 50px 0;
}
.our-solution-wrp .our-solution-card .card-content {
max-width: 100%;
}
/* ==================== [ Our solution Page CSS End ] ==================== */
/* ==================== [ How-we-do CSS Start ] ==================== */
.how-we-do-wrp .heading {
margin-bottom: 50px;
}
.how-we-do-wrp .heading .title {
text-align: left;
}
.how-we-do-wrp .how-we-do-block-group {
flex-direction: column;
}
.how-we-do-wrp .how-we-do-block {
width: 100% !important;
padding: 0;
}
.how-we-do-wrp .how-we-do-block .block-content {
padding: 16px;
}
.how-we-do-wrp .how-we-do-block.active {
padding: 0 !important;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .heading .title br{
display: none;
}
.how-we-do-wrp .how-we-do-block.active .block-bg-content {
position: relative;
}
.how-we-do-wrp .how-we-do-block.active .block-bg-content {
opacity: 1;
display: block;
transition: unset !important;
-webkit-transition: unset !important;
-moz-transition: unset !important;
-ms-transition: unset !important;
-o-transition: unset !important;
}
.how-we-do-wrp .how-we-do-block.active .block-content {
display: none;
}
.how-we-do-wrp .how-we-do-block .block-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.how-we-do-wrp .how-we-do-block .block-content .block-title * {
margin-bottom: 0px;
}
/* ==================== [ How-we-do CSS End ] ==================== */
/* ==================== [ Service CSS Start ] ==================== */
.services-wrp .service-card {
padding: 120px 30px 40px 30px;
}
.services-wrp .service-card .heading .title * {
margin-bottom: 48px;
}
/* ==================== [ Service CSS Start ] ==================== */
/* ==================== [ Technology-power CSS Start ] ==================== */
.technology-power {
overflow: hidden;
}
.technology-power-wrp .nav-tabs {
flex-wrap: nowrap;
justify-content: flex-start;
white-space: nowrap;
width: fit-content;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.technology-power-wrp .tab-content .technology-logo-group {
flex-wrap: wrap;
gap: 50px;
}
.technology-power-wrp .tab-content .technology-logo-group .logo-item {
margin-right: 0;
}
/* ==================== [ Technology-power CSS Start ] ==================== */
/* ==================== [ Consultancy CSS Start ] ==================== */
.consultancy {
padding: 60px 0;
}
.consultancy-left {
max-width: 100%;
}
/* ==================== [ Consultancy CSS End ] ==================== */
/* ==================== [ How-we-Make CSS Start ] ==================== */
.how-we-make-block-group .how-we-make-block {
padding: 35px 50px;
}
.how-we-make-wrp .heading {
margin-bottom: 40px;
}
/* ==================== [ How-we-Make CSS End ] ==================== */
/* ==================== [ Industry-leading CSS Start ] ==================== */
.industry-leading {
padding: 70px 0;
}
.industry-leading-content {
max-width: 100%;
margin-bottom: 50px;
}
.industry-leading-accordion {
max-width: 100%;
}
/* ==================== [ Industry-leading CSS End ] ==================== */
/* ==================== [ Global-design CSS Start ] ==================== */
.global-design-content {
margin-top: 0px;
}
/* ==================== [ Global-design CSS End ] ==================== */
/* ==================== [ Footer-contact CSS Start ] ==================== */
.footer-contact-block {
padding: 28px;
}
.footer-contact-block.right {
max-width: 286px;
}
/* ==================== [ Footer-contact CSS End ] ==================== */
/* ==================== [ Footer CSS Start ] ==================== */
.f-top .f-logo {
width: 100%;
max-width: 172px;
}
.f-top .f-links-container ul li {
padding: 0 18px;
}
.f-bottom {
flex-direction: column;
}
.f-bottom .f-left {
text-align: center;
margin: 0 0 60px 0;
}
/* ==================== [ Footer CSS End ] ==================== */
}
@media (max-width:767px) {
/* ==================== [ Global-presence CSS Start ] ==================== */
.global-presence {
padding: 60px 0;
}
.global-presence-wrp .heading .disc {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height) ;
}
.global-presence-wrp .global-presence-bottom .global-presence-map {
height: 480px;
}
/* ==================== [ Global-presence CSS End ] ==================== */
/* ==================== [ Employee-reviews CSS Start ] ==================== */
.employee-review-wrp .employee-review-left .employee-img {
max-width: 80px;
aspect-ratio: 80px / 80px;
}
.employee-review-wrp .employee-review-content {
margin-bottom: 0;
}
.employee-review-wrp .employee-review-content::before {
right: 2px;
bottom: 15px;
}
.employee-review-carousel .employee-review-block .employee-review-profile .employee-image {
width: 80px;
height: 80px;
}
/* ==================== [ Employee-reviews CSS End ] ==================== */
/* ==================== [ Hiring-Process CSS Start ] ==================== */
.hiring-process .how-we-make-block-group .how-we-make-block .block-title span {
display: block;
}
.hiring-process .how-we-make-block-group .how-we-make-block {
padding: 40px 20px 20px 20px;
}
.hiring-process .how-we-make-block-group .how-we-make-block .block-title {
margin: 0 0 20px 0;
}
/* ==================== [ Hiring-Process CSS End ] ==================== */
/* ==================== [ Our-actions CSS Start ] ==================== */
.our-actions-top-content .heading .details{
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.our-actions-wrp .our-actions-card .our-actions-img {
margin: 0 0 30px 0;
}
.our-actions-wrp .our-actions-card .our-actions-content .our-actions-card-btn .btn {
line-height: var(--poppins-body-m-line-height);
padding: 12px 16px;
}
.our-actions-wrp .our-actions-card .our-actions-content .disc {
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Our-actions CSS End ] ==================== */
/* ==================== [ Client-voices CSS Start ] ==================== */
.client-voices .heading::before {
display: none;
}
.client-voice-carousel::before {
display: none;
}
.client-voices .heading .disc * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.client-voice-carousel .client-voice-block .client-profile {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Client-voices CSS End ] ==================== */
/* ==================== [ Operation-modules CSS Start ] ==================== */
.operations-modules {
padding: 50px 0;
}
.operations-modules-wrp .operations-modules-image{
max-width: 100%;
margin: 0 0 30px 0;
}
.operations-modules-wrp .operations-modules-image::before {
height: 18px;
width: 18px;
}
.operations-modules-wrp .operations-modules-image::after {
height: 18px;
width: 18px;
}
.operations-modules-wrp .operations-modules-card .operations-modules-content .card-content h2 {
font-size: var(--poppins-display-s-size);
line-height: var(--poppins-display-s-line-height);
}
.operations-modules-wrp .operations-modules-card .operations-modules-content .card-content p {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.operations-modules-wrp .operations-modules-card .operations-modules-content .card-content ul li {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Operation-modules CSS End ] ==================== */
/* ==================== [ Our solution Page CSS Start ] ==================== */
.our-solution {
padding: 50px 0;
}
.our-solution-wrp .card-image {
max-width: 100%;
margin: 0 0 30px 0;
}
.our-solution-wrp .card-image::before {
height: 18px;
width: 18px;
}
.our-solution-wrp .card-image::after {
height: 18px;
width: 18px;
}
.our-solution-wrp .our-solution-card .card-content .card-details h2 {
font-size: var(--poppins-display-s-size);
line-height: var(--poppins-display-s-line-height);
}
.our-solution-wrp .our-solution-card .card-content .card-details p {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Our solution Page CSS End ] ==================== */
/* ==================== [ How we do CSS Start ] ==================== */
.how-we-do-wrp .heading {
margin-bottom: 30px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .heading .title * {
margin-bottom: 10px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .heading .disc * {
margin-bottom: 10px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content .block-detail * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content .short-title * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content ul {
margin: 10px 0 0 0;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content ul li img {
width: 42px;
height: 42px;
margin-right: 10px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content {
padding: 20px;
}
/* ==================== [ How we do CSS End ] ==================== */
/* ==================== [ Services CSS Start ] ==================== */
.services-wrp .service-card {
padding: 108px 16px 40px 16px;
}
.services-wrp .service-card .heading .title * {
margin-bottom: 38px;
}
.services-wrp .service-card.left .card-bg-img {
top: -110px;
right: -267px;
width: 610px;
height: 570px;
}
.services-wrp .service-card.right .card-bg-img {
top: -160px;
right: -195px;
width: 520px;
height: 640px;
transform: rotate(5deg);
}
/* ==================== [ Services CSS End ] ==================== */
/* ==================== [ Technology-power CSS Start ] ==================== */
.technology-power-wrp .tab-content .technology-logo-group {
gap: 30px;
}
.technology-power .technology-power-wrp .heading {
text-align: left;
}
.technology-power .technology-power-wrp .heading .title * {
margin-bottom: 16px;
}
.technology-power .technology-power-wrp .heading {
margin-bottom: 50px;
}
.technology-power .technology-power-wrp .heading .disc * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.technology-power-wrp .nav-tabs .nav-item .nav-link{
padding: 12px 15px;
}
/* ==================== [ Technology-power CSS Start ] ==================== */
/* ==================== [ FAQ CSS Start ] ==================== */
.faq-wrp .title {
margin-bottom: 50px;
}
.faq-wrp .accordion .accordion-item .accordion-button {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.accordion-body {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ FAQS CSS Start ] ==================== */
.faq .faq-wrp .accordion .accordion-item .accordion-button { gap: 20px; }
/* ==================== [ FAQS CSS End ] ==================== */
/* ==================== [ FAQ CSS End ] ==================== */
/* ==================== [ Consultancy CSS Start ] ==================== */
.consultancy {
padding: 50px 0;
}
.consultancy .consultancy-left .heading .title * {
margin-bottom: 24px;
}
.consultancy-right {
margin-top: 10px;
}
.consultancy .consultancy-left .heading .disc * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.consultancy .consultancy-right .content-title * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
/* ==================== [ Consultancy CSS Start ] ==================== */
/* ==================== [ How-we-Make CSS Start ] ==================== */
.how-we-make-wrp .heading {
text-align: left;
margin-bottom: 50px;
}
.how-we-make-wrp .heading .title *{
margin-bottom: 16px;
}
.how-we-make-wrp .heading .disc *{
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.how-we-make-block-group .how-we-make-block .block-right .disc * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.how-we-make-block-group .how-we-make-block {
padding: 30px 40px;
}
/* ==================== [ How-we-Make CSS End ] ==================== */
/* ==================== [ Industry-leading CSS Start ] ==================== */
.industry-leading {
padding: 50px 0;
}
.industry-leading-content .heading .title * {
margin-bottom: 24px;
}
.industry-leading-content .heading .disc *{
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
font-weight: var(--font-weight-300);
}
.accordion .accordion-body {
padding: 16px 36px 0 0;
}
/* ==================== [ Industry-leading CSS End ] ==================== */
/* ==================== [ Global design CSS Start ] ==================== */
.global-img {
max-width: 330px;
margin: 48px auto 0;
}
.global-design-content .heading .disc {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.global-design-wrp {
margin-top: 0;
}
/* ==================== [ Global design CSS End ] ==================== */
/* ==================== [ Footer-contact CSS Start ] ==================== */
.footer-contact-wrp {
flex-direction: column;
}
.footer-contact-block {
padding: 30px 20px;
min-height: 367px;
}
.footer-contact-block.right {
max-width: 100%;
min-height: 287px;
}
.footer-contact-block .heading .title * {
font-size: 30px;
line-height: 38px;
}
.footer-contact-block .heading .title * strong {
font-size: var(--merri-h3-size);
line-height: var(--merri-h3-line-height);
}
.footer-contact-block .heading {
margin-bottom: 22px;
}
.footer-contact-block .block-btn .btn {
padding: 12px 30px;
}
/* ==================== [ Footer-contact CSS End ] ==================== */
/* ==================== [ Footer CSS Start ] ==================== */
.footer {
padding: 40px 0;
}
.f-top .f-logo {
width: 100%;
max-width: 142px;
}
.f-bottom .f-left ul li {
padding: 0 10px;
}
.f-top .f-links-container ul {
flex-wrap: wrap;
row-gap: 30px;
}
.f-top .f-links-container ul li {
width: 50%;
}
.f-bottom .f-right .f-partener-img {
margin-right: 20px;
}
.f-bottom .f-left ul li {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.f-bottom .copyright * {
font-size: var(--poppins-body-m-size);
line-height: var(--poppins-body-m-line-height);
}
.f-bottom .f-left ul {
flex-direction: column;
}
.f-bottom .f-left ul li::before {
display: none;
}
.f-bottom .f-left ul li {
padding: 0 0 7px 0;
}
.f-bottom .f-left ul li:last-child {
padding: 0;
}
/* ==================== [ Footer CSS End ] ==================== */
}
@media (max-width:575px) {
/* ==================== [ Global-presence CSS Start ] ==================== */
.global-presence {
padding: 50px 0;
}
.global-presence-accordion .accordion .accordion-item {
padding: 10px 0;
}
.global-presence-wrp .heading {
margin: 0 auto 30px 0;
}
.global-presence-wrp .global-presence-bottom .global-presence-map {
max-width: 327px;
height: 343px;
}
/* ==================== [ Global-presence CSS End ] ==================== */
/* ==================== [ FAQS CSS Start ] ==================== */
.faq .faq-wrp .accordion .accordion-item .accordion-button { gap: 0; }
/* ==================== [ FAQS CSS End ] ==================== */
/* ==================== [ Hiring-process CSS Start ] ==================== */
.hiring-process .how-we-make-block-group .how-we-make-block {
padding: 40px 20px 20px 20px;
}
/* ==================== [ Hiring-process CSS End ] ==================== */
/* ==================== [ Our-actions CSS Start ] ==================== */
.our-actions-wrp .our-actions-card {
padding: 16px 16px 20px;
}
/* ==================== [ Our-actions CSS End ] ==================== */
/* ==================== [ Our solution Page CSS Start ] ==================== */
.our-solution {
padding: 30px 0;
}
/* ==================== [ Our solution Page CSS End ] ==================== */
/* ==================== [ How we do CSS Start ] ==================== */
.how-we-do-wrp .how-we-do-block .block-bg-content {
padding: 16px;
}
.how-we-do-wrp .how-we-do-block .block-bg-content .bottom-content ul li img {
width: 32px;
height: 32px;
}
/* ==================== [ How we do CSS End ] ==================== */
/* ==================== [ Technology-power CSS Start ] ==================== */
.technology-power-wrp .tab-content .technology-logo-group {
flex-direction: column;
}
.technology-power-wrp .tab-content .technology-logo-group .logo-item {
max-width: 138px;
}
.technology-power-wrp .tabs-container .tabs-wrapper {
margin-right: -30px;
}
.technology-power-wrp .nav-tabs {
padding-right: 16px;
}
.technology-power-wrp .nav-tabs .nav-item {
margin-right: 8px;
}
/* ==================== [ Technology-power CSS Start ] ==================== */
/* ==================== [ Consultancy CSS Start ] ==================== */
.consultancy {
padding: 30px 0;
}
/* ==================== [ Consultancy CSS End ] ==================== */
/* ==================== [ How-we-Make CSS Start ] ==================== */
.how-we-make-block-group .how-we-make-block {
padding: 20px 27px;
}
/* ==================== [ How-we-Make CSS End ] ==================== */
/* ==================== [ Industry-leading CSS Start ] ==================== */
.industry-leading {
padding: 30px 0;
}
/* ==================== [ Industry-leading CSS End ] ==================== */
/* ==================== [ Global design CSS Start ] ==================== */
.global-design-content .heading .title {
max-width: 270px;
}
.global-design-content .btn-white-outline {
width: 100%;
font-size: var(--poppins-body-m-size);
}
.global-img {
max-width: 305px;
margin: 48px auto 0;
}
/* ==================== [ Global design CSS End ] ==================== */
/* ==================== [ Footer-contact CSS Start ] ==================== */
.footer-contact-block .heading .title br {
display: none;
}
/* ==================== [ Footer-contact CSS End ] ==================== */
/* ==================== [ Footer CSS Start ] ==================== */
.f-top .f-block ul li {
padding: 0 4px;
}
.f-top .f-block ul li:first-child {
padding-left: 0;
}
.f-top .f-block ul li:last-child {
padding-right: 0;
}
.f-top .social-icons ul li a {
width: 40px;
height: 40px;
padding: 10px;
}
.f-top .social-icons ul li {
margin-right: 14px;
}
.f-bottom {
padding: 45px 0 0 0;
}
/* ==================== [ Footer CSS End ] ==================== */
}
@media (max-width:370px) {
/* ==================== [ Footer CSS Start ] ==================== */
.f-top .f-block ul {
flex-direction: column;
gap: 15px;
}
/* ==================== [ Footer CSS Start ] ==================== */
.employee-review-carousel .employee-review-block .employee-review-main-detail .quote-detail:before {
width: 85px;
height: 60px;
}
.employee-review-carousel .employee-review-block .employee-review-profile {
flex-direction: column;
text-align: center;
}
}
/* ==================== [ H-CSS End ] ==================== */
/* ==================== [ D3-CSS Start ] ==================== */
@media (max-width: 1399px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .services-card { width: 380px; padding: 30px; gap: 40px; }
.what-we-do .services-card .icon { height: 180px; width: 180px; }
/* Services Card Hover */
.what-we-do .services-card:hover { transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Success Stories Start ] ==================== */
.success-stories-block .title * { margin-bottom: 25px; }
.success-stories-block .disc * { margin-bottom: 55px; }
/* ==================== [ Success Stories End ] ==================== */
/* ==================== [ How we work Start ] ==================== */
.how-we-work { padding-bottom: 80px; }
.how-we-work .card-block .title * { font-size: 34px; line-height: 46px; }
/* ==================== [ How we work End ] ==================== */
/* ==================== [ Aviation Impact Start ] ==================== */
.common-flex-card-block >* { flex: 1 0 calc(50% - 10px); }
.aviation-impact .heading-block { margin-bottom: 40px; }
/* ==================== [ Aviation Impact End ] ==================== */
/* ==================== [ Custom Pagination Start ] ==================== */
.custom-pagination { margin-top: 40px; }
/* ==================== [ Custom Pagination End ] ==================== */
/* ==================== [ Life At Nuvolar Start ] ==================== */
.life-at-nuvolar .content-block { gap: 40px; }
/* ==================== [ Life At Nuvolar End ] ==================== */
/* ==================== [ Building Card Start ] ==================== */
.building-card { padding: 20px; gap: 30px; }
.building-card .top-block { gap: 30px; }
/* ==================== [ Building Card End ] ==================== */
/* ==================== [ Latest Insights Start ] ==================== */
.latest-insights .small-cards-block .row { margin-inline: -10px; row-gap: 20px; }
.latest-insights .small-cards-block .row >* { padding-inline: 10px; }
/* ==================== [ Latest Insights End ] ==================== */
}
@media (max-width: 1199px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .heading-block { margin-bottom: 40px; }
.what-we-do .heading-block .title * { margin-bottom: 10px; }
.what-we-do .services-card { width: 320px; padding: 24px; gap: 20px; }
.what-we-do .services-card .icon { height: 150px; width: 150px; }
/* Services Card Hover */
.what-we-do .services-card:hover { transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Innovation Insights Start ] ==================== */
.innovation-insights .swiper-slide-next + .swiper-slide ~ .swiper-slide { transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
.innovation-insights .heading-block { margin-bottom: 30px; }
.innovation-insights .innovation-slider { margin-bottom: 40px; }
/* Insights Card */
.insights-card { gap: 20px; padding: 16px 16px 30px 16px; }
.insights-card .btn-arrow { height: 36px; width: 36px; }
.insights-card .image-block { max-height: 190px; }
.insights-card .title * { font-size: 20px; line-height: 26px; }
.insights-card .details * { font-size: 16px; line-height: 24px; }
/* Swiper Common Styling */
.common-pagination-progress { height: 5px !important; }
/* ==================== [ Innovation Insights End ] ==================== */
/* ==================== [ How we work Start ] ==================== */
.how-we-work { padding-bottom: 70px; }
.how-we-work .card-block .title * { font-size: 26px; line-height: 32px; }
.how-we-work .card-block .disc * { font-size: 16px !important; line-height: 23px !important; }
/* ==================== [ How we work End ] ==================== */
/* ==================== [ Work That Speaks Start ] ==================== */
.work-that-speaks .heading-block { margin-bottom: 40px; }
.work-that-speaks .common-pagination-progress { margin-top: 40px; }
/* Case Study Card */
.case-study-card .hover-block .top-block { gap: 20px; }
/* ==================== [ Work That Speaks End ] ==================== */
/* ==================== [ Aviation Impact Start ] ==================== */
.common-flex-card-block .case-study-card { max-height: 355px; }
/* ==================== [ Aviation Impact End ] ==================== */
/* ==================== [ Case Study Filter Start ] ==================== */
.case-study-filter .tabbing-block { margin-bottom: 40px; }
/* ==================== [ Case Study Filter End ] ==================== */
/* ==================== [ Behind The System Start ] ==================== */
.behind-the-system { margin-bottom: 0; }
/* ==================== [ Behind The System End ] ==================== */
}
@media (max-width: 991px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .services-card .btn-arrow { pointer-events: auto; opacity: 1; }
.what-we-do .services-card:hover { transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; }
.what-we-do .heading-block .title * { margin-bottom: 27px; }
.what-we-do .services-card { width: 100%; }
.what-we-do .services-card { flex-direction: row; }
.what-we-do .services-card .text-content { display: flex; align-items: start; gap: 20px; justify-content: space-between; width: 100%; }
.what-we-do .services-card .action { margin-block: auto 0; }
.what-we-do .services-card { gap: 30px; }
.what-we-do .services-card .title * { font-size: 24px; line-height: 34px; margin-bottom: 12px; }
.what-we-do .services-card .icon { flex-shrink: 0; height: 100px; width: 100px; }
.what-we-do .services-card-wrapper-sm { display: flex; flex-direction: column; gap: 16px; }
.what-we-do .mobile-part-action { margin-top: 30px; text-align: center; }
.what-we-do .mobile-part-action .btn { font-size: 18px; line-height: 24px; }
.what-we-do .heading-block { max-width: 450px; width: 100%; }
.what-we-do .heading-block .title * { margin-bottom: 18px; }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Innovation Insights Start ] ==================== */
.insights-card .btn-arrow { opacity: 1; pointer-events: auto; }
/* ==================== [ Innovation Insights End ] ==================== */
/* ==================== [ How we work Start ] ==================== */
.how-we-work .heading-block { margin-bottom: 50px; }
.how-we-work .heading-block .title * { margin-bottom: 24px; }
.how-we-work .mobile-action { text-align: center; }
.how-we-work .mobile-action .btn { margin-top: 50px; font-size: 18px; }
.how-we-work { overflow: hidden; }
.how-we-work .how-we-work-slider { overflow: visible; }
.how-we-work .swiper-slide { flex-shrink: 0; }
.how-we-work .normal-state { display: none; }
.how-we-work .swiper-wrapper { align-items: unset; gap: 0; justify-content: unset; }
.how-we-work .swiper-slide { max-width: 100%; }
.how-we-work .card-block { max-width: 370px; width: 100%; margin-inline: auto; }
.how-we-work .card-block .detail-state { opacity: 1; pointer-events: auto; }
/* ==================== [ How we work End ] ==================== */
/* ==================== [ We Are Building Start ] ==================== */
.we-are-building .we-are-building-block { gap: 30px; }
.we-are-building .heading-block { margin-bottom: 30px; }
/* ==================== [ We Are Building End ] ==================== */
/* ==================== [ Building Card Start ] ==================== */
.building-card .bottom-block .btn-arrow::before { background-image: url('data:image/svg+xml, '); }
.building-card { gap: 20px; }
.building-card .top-block { gap: 20px; }
/* ==================== [ Building Card End ] ==================== */
/* ==================== [ Your Perfect Role Start ] ==================== */
.your-perfect-role .your-perfect-role-block { flex-direction: column; padding: 20px; }
/* ==================== [ Your Perfect Role End ] ==================== */
/* ==================== [ Common Form Styling Start ] ==================== */
.form-block .input-block .form-label { font-size: 20px; line-height: 26px; }
.form-block .select-block select,
.form-block .textarea-block textarea,
.form-block .upload-block .form-label ,
.form-block .input-block .form-control { font-size: 20px; line-height: 26px; }
.form-block .input-label:has(+ .form-control:focus),
.form-block .input-block:not(.upload-cv) .input-label:has(+ .form-control:not(:placeholder-shown)) { font-size: 14px; line-height: 20px; }
/* ==================== [ Common Form Styling End ] ==================== */
/* ==================== [ You May Also Like Start ] ==================== */
.you-may-also-like .heading-block { margin-bottom: 30px; text-align: start; }
/* ==================== [ You May Also Like End ] ==================== */
/* ==================== [ Get In Touch Start ] ==================== */
.get-in-touch .left-block { max-width: 100%; width: 100%; }
.get-in-touch .left-block .title * { margin-bottom: 30px; }
.get-in-touch .left-block .disc * { margin-bottom: 20px; }
.get-in-touch .get-in-touch-block { flex-direction: column; }
/* ==================== [ Get In Touch End ] ==================== */
/* ==================== [ Latest Insights Start ] ==================== */
.latest-insights .heading-block { margin-bottom: 30px; text-align: start; align-items: start; }
/* .latest-insights .big-cards-block .swiper-wrapper { justify-content: flex-start; }
.latest-insights .big-cards-block .swiper-wrapper >* { flex: unset; } */
/* .latest-insights .big-cards-block .swiper-slide { flex: 0 0 auto !important; width: auto !important; } */
/* .latest-insights .big-cards-block .swiper-wrapper > * { flex: 0 0 auto !important; } */
/* .latest-insights .big-cards-block { overflow: hidden; } */
/* ==================== [ Latest Insights End ] ==================== */
}
@media (max-width: 767px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .services-card .icon { height: 54px; width: 54px; }
.what-we-do .services-card .title * { font-size: var(--merri-h4-size); line-height: var(--merri-h4-line-height); }
.what-we-do .services-card .disc * { font-size: 14px; line-height: 20px; }
.what-we-do .heading-block { margin-bottom: 30px; }
.what-we-do .services-card { gap: 16px; padding: 16px; }
.what-we-do .services-card .text-content { gap: 10px; }
.what-we-do .services-card-wrapper-sm { gap: 10px; }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Success Stories Start ] ==================== */
.success-stories-block .subtitle * { font-weight: var(--font-weight-300); margin-bottom: 18px; }
.success-stories-block .success-stories-content { padding-block: 70px 30px; padding-inline: 10px; }
.success-stories.py-60 { padding-block: 30px; }
/* ==================== [ Success Stories End ] ==================== */
/* ==================== [ Innovation Insights Start ] ==================== */
.innovation-insights .innovation-slider { margin-bottom: 30px; }
/* ==================== [ Innovation Insights End ] ==================== */
/* ==================== [ How we work Start ] ==================== */
.how-we-work .heading-block .disc * { font-size: 16px; line-height: 24px; }
.how-we-work .mobile-action .btn { width: 100%; }
.how-we-work.py-80 { padding-block: 30px; }
/* ==================== [ How we work End ] ==================== */
/* ==================== [ Work That Speaks Start ] ==================== */
.work-speaks-slider .swiper-wrapper { display: flex; flex-direction: column; gap: 10px; }
.work-speaks-slider .swiper-slide { width: 100% !important; }
.work-that-speaks .heading-block { margin-bottom: 30px; }
/* Case Study Card */
.case-study-card .hover-block { padding-bottom: 30px; }
.case-study-card .image-block::after { background-color: #000837; }
.featured-work .case-study-card .image-block::after { background-color: #000000; }
/* ==================== [ Work That Speaks End ] ==================== */
/* ==================== [ Aviation Impact Start ] ==================== */
.common-flex-card-block >* { flex: 1 0 100%; }
.aviation-impact.py-60 { padding-bottom: 0; }
.aviation-impact .custom-pagination { margin-top: 50px; }
/* ==================== [ Aviation Impact End ] ==================== */
/* ==================== [ Custom Pagination Start ] ==================== */
.custom-pagination { margin-top: 30px; }
/* ==================== [ Custom Pagination End ] ==================== */
/* ==================== [ Case Study Filter Start ] ==================== */
.case-study-filter .tabbing-block { padding-block: 17px; }
/* ==================== [ Case Study Filter End ] ==================== */
/* ==================== [ Behind The System Start ] ==================== */
.behind-the-system .behind-system-card { padding: 20px 10px; }
/* ==================== [ Behind The System End ] ==================== */
/* ==================== [ We Are Building Start ] ==================== */
.we-are-building.py-80 { padding-block: 30px; }
/* ==================== [ We Are Building End ] ==================== */
/* ==================== [ Your Perfect Role Start ] ==================== */
.your-perfect-role.py-80 { padding-block: 30px; }
/* ==================== [ Your Perfect Role End ] ==================== */
/* ==================== [ Get In Touch Start ] ==================== */
.get-in-touch.py-80 { padding-block: 40px; }
/* ==================== [ Get In Touch End ] ==================== */
}
@media (max-width: 575px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .mobile-part-action .btn { width: 100%; }
.what-we-do.py-80 { padding-block: 30px; }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Success Stories Start ] ==================== */
.success-stories-block .title {max-width: 120px; margin: 0 auto;}
.success-stories-block .success-stories-content::before,
.success-stories-block .success-stories-content::after { height: 25px; width: 25px; }
/* ==================== [ Success Stories End ] ==================== */
/* ==================== [ Innovation Insights Start ] ==================== */
.insights-card .details .date::after { position: absolute; bottom: -2px; left: 0; }
.insights-card .details { gap: 35px; }
/* ==================== [ Innovation Insights End ] ==================== */
/* ==================== [ Work That Speaks Start ] ==================== */
.work-that-speaks.py-60 { padding-block: 30px; }
/* ==================== [ Work That Speaks End ] ==================== */
/* ==================== [ Behind The System Start ] ==================== */
.behind-the-system.py-60 { padding-block: 30px; }
/* ==================== [ Behind The System End ] ==================== */
/* ==================== [ Life At Nuvolar Start ] ==================== */
.life-at-nuvolar.py-80 { padding-block: 0; }
.life-at-nuvolar .container { padding-inline: 0; }
/* ==================== [ Life At Nuvolar End ] ==================== */
/* ==================== [ Your Perfect Role Start ] ==================== */
.your-perfect-role .your-perfect-role-block .disc * { font-size: 16px; line-height: 24px; }
.your-perfect-role .your-perfect-role-block .title * { font-size: 30px; line-height: 38px; }
/* ==================== [ Your Perfect Role Start ] ==================== */
/* ==================== [ Common Form Styling Start ] ==================== */
.form-block .action .btn { width: 100%; }
/* ==================== [ Common Form Styling End ] ==================== */
/* ==================== [ Get In Touch Start ] ==================== */
.get-in-touch .left-block .disc * { font-size: 16px; line-height: 24px; }
/* ==================== [ Get In Touch End ] ==================== */
/* ==================== [ Latest Insights Start ] ==================== */
.latest-insights .top-block.py-80 { padding-block: 30px; }
.latest-insights .heading-block .disc * { font-size: 16px; line-height: 24px; }
/* ==================== [ Latest Insights End ] ==================== */
/* ==================== [ Tabbing Slider Start ] ==================== */
.tabbing-block .prev-tab ,
.tabbing-block .next-tab { display: none !important; }
/* ==================== [ Tabbing Slider End ] ==================== */
}
@media (max-width: 374px) {
/* ==================== [ What We Do Start ] ==================== */
.what-we-do .services-card .disc * { display: block; }
.what-we-do .services-card .icon { height: 44px; width: 44px; }
.what-we-do .mobile-part-action .btn { font-size: 16px; line-height: 22px; }
/* ==================== [ What We Do End ] ==================== */
/* ==================== [ Success Stories Start ] ==================== */
.success-stories-block { padding: 20px; }
.success-stories-block .success-stories-content { padding-block: 70px; }
.success-stories-block .action .btn { font-size: 16px; }
.success-stories-block .title * { margin-bottom: 15px; }
.success-stories-block .disc * { font-size: 18px; margin-bottom: 35px; }
/* ==================== [ Success Stories End ] ==================== */
/* ==================== [ Innovation Insights Start ] ==================== */
.insights-card .details { gap: 16px; }
.insights-card .text-block { gap: 16px; }
.insights-card .title * { font-size: 18px; line-height: 24px; }
/* ==================== [ Innovation Insights End ] ==================== */
/* ==================== [ Common Form Styling Start ] ==================== */
.form-block .select-block select,
.form-block .textarea-block textarea,
.form-block .upload-block .form-label ,
.form-block .input-block .form-control { font-size: 18px; line-height: 24px; }
/* ==================== [ Common Form Styling End ] ==================== */
}
/* min-width */
@media (min-width: 992px) {
/* ==================== [ Latest Insights Start ] ==================== */
.latest-insights .big-cards-block .swiper-wrapper >* { flex: 1 0 calc(50% - 10px); height: auto; }
.latest-insights .big-cards-block .swiper-wrapper { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
/* .insights-card.light-theme .title * { font-size: 32px; line-height: 40px; color: var(--netural-500); } */
/* ==================== [ Latest Insights End ] ==================== */
}
@media (min-width: 1400px) {
/* ==================== [ Latest Insights Start ] ==================== */
.latest-insights .big-cards-block .swiper-wrapper { display: flex; justify-content: space-between; gap: 60px; flex-wrap: wrap; }
.latest-insights .big-cards-block .swiper-wrapper >* { flex: 1 0 calc(50% - 30px); height: auto; }
.insights-card.light-theme .title * { font-size: 32px; line-height: 40px; color: var(--netural-500); }
/* ==================== [ Latest Insights End ] ==================== */
}
/* ==================== [ D3-CSS End ] ==================== */
/* ================================================ [ Landing Page Responsive CSS Start ] ================================================ */
@media (max-width: 1399px) {
/* Landing CTA */
.landing-cta .landing-cta-img { width: 460px; }
/* Landing Banner */
.landing-banner { min-height: 650px; }
/* Landing Popup */
.popup-close-btn { margin-bottom: 50px; }
/* Landing Page Brand List */
.landing-page-brand-list { margin-top: 100px; }
.landing-page-brand-list ul { gap: 40px; }
.landing-page-brand-list ul li .img-content { height: 70px; }
.landing-page-brand-list ul li .img-content.h-70px { height: 70px; }
.landing-page-brand-list ul li .img-content.h-100px { height: 70px; }
}
@media (max-width: 1199px) {
/* Root */
:root {
--fs-32: 28px;
--lh-40: 34px;
--fs-42: 38px;
--fs-44: 40px;
--lh-53: 48px;
--fs-58: 42px;
--lh-73: 50px;
--fs-56: 44px;
}
/* Common */
.py-120 { padding-block: 60px; }
/* Our Impact */
.landing-page .our-impact .impact-heading { margin-bottom: 60px; }
/* Service */
.landing-page .services-wrp .service-card { min-height: 500px; }
/* What We Do */
.landing-page .what-we-do .services-card .icon { width: 150px; height: 150px; }
/* Landing CTA */
.landing-cta .landing-cta-img { width: 400px; }
}
@media (max-width: 991px) {
/* Root */
:root {
--fs-32: 24px;
--lh-40: 32px;
--fs-58: 36px;
--lh-73: 44px;
--fs-56: 38px;
}
/* Common */
.mb-120 { margin-bottom: 30px; }
.landing-heading { flex-direction: column; }
.landing-heading .disc { max-width: 100%; width: 100%; }
/* Our Impact */
/* .landing-page .our-impact .row > *:nth-child(2) .card { margin-bottom: 0; }
.landing-page .our-impact-bottom .row > *:nth-child(2) .card { margin-top: 0; } */
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(3n + 1),
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(3n + 2) ,
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(3n + 3) ,
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(1) ,
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(2) ,
.landing-page .our-impact:not(.our-impact-bottom) .row >*:nth-child(3) { margin: 0 !important; }
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(3n + 1) ,
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(3n + 2) ,
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(3n + 3),
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(1) ,
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(2) ,
.landing-page .our-impact.our-impact-bottom .row >*:nth-child(3) { margin: 0 !important; }
.landing-page .our-impact:not(.our-impact-bottom) .row { margin: 0 !important; }
.landing-page .our-impact .row { row-gap: 30px; }
.landing-heading { row-gap: 24px !important; }
.landing-page .our-impact .card .icon { width: 60px; }
/* Our Impact */
.landing-page .our-impact .card { padding-top: 60px; min-height: fit-content !important; }
.landing-page .our-impact .card.bg-image { min-height: 186px !important; }
/* Service */
.landing-page .services-wrp .service-card { min-height: 354px; }
/* What We Do */
.landing-page .what-we-do .services-card { width: 100%; }
.landing-page .what-we-do .services-card .icon { width: 100px; height: 100px; }
/* Landing CTA */
.landing-cta .title-block { gap: 50px; }
.landing-cta .landing-cta-content { flex-direction: column; align-items: start; }
.landing-cta .landing-cta-img { top: unset; bottom: -100px; right: -100px; }
/* Landing Popup */
.landing-popup { padding: 40px 0 0; }
.landing-popup .landing-popup-block { flex-direction: column; }
.landing-popup { bottom: 0; left: 100%; }
.landing-popup.show { left: 0; }
/* Landing Page Brand List */
.landing-page-brand-list { margin-top: 50px; }
.landing-page-brand-list ul { gap: 30px; }
.landing-page-brand-list ul li .img-content { height: 65px; }
.landing-page-brand-list ul li .img-content.h-70px { height: 65px; }
.landing-page-brand-list ul li .img-content.h-100px { height: 65px; }
}
@media (max-width: 767px) {
/* Root */
:root {
--fs-32: 22px;
--lh-40: 32px;
--fs-42: 38px;
--fs-44: 36px;
--lh-53: 44px;
--fs-58: 32px;
--lh-73: 40px;
--fs-56: 36px;
}
/* Common */
.py-120 { padding-block: 40px; }
.mb-80 { margin-bottom: 30px; }
.mb-60 { margin-bottom: 30px; }
/* Banner CTA */
.landing-page .banner-cta-block { text-align: center; flex-direction: column; justify-content: center; }
/* Our Impact */
.landing-page .our-impact .card .title * { font-size: 26px; line-height: 32px; }
/* Text Animation */
.text-animation.py-80 { padding-block: 50px 30px; }
/* Services */
.landing-page .services.py-80 { padding-block: 30px 50px; }
.services-wrp .service-card.left .card-bg-img { top: -50px; right: -90px; width: 335px; height: 428px; }
.services-wrp .service-card.right .card-bg-img { top: 0px; right: -135px; width: 440px; height: 400px; transform: rotate(5deg); }
/* What We Do */
.landing-page .what-we-do .services-card { padding: 16px; gap: 16px; }
.landing-page .what-we-do .services-card .icon { width: 54px; height: 54px; }
/* Success and Logos */
.success-and-logos { gap: 50px; }
/* Landing CTA */
.landing-cta .landing-cta-img { width: 336px; bottom: -50px; right: -80px; }
.landing-cta .landing-cta-block { padding: 30px 20px; }
/* Landing Banner */
.landing-banner { min-height: 546px; padding-block: 190px 130px; }
.landing-header .navbar .navbar-brand { width: 100px; }
.landing-header .navbar { padding-block: 30px; }
.landing-header .navbar .btn { padding: 4px 16px; }
/* Landing Page Brand List */
.landing-page-brand-list { margin-top: 30px; }
.landing-page .landing-header { background-color: #2b2c9b; position: fixed; bottom: 0; top: unset; }
.landing-header .navbar { padding-block: 20px; }
.landing-page { padding-bottom: 70px; }
}
@media (max-width: 575px) {
:root {
--fs-42: 34px;
--fs-44: 32px;
--lh-53: 44px;
}
/* Common */
.py-30 { padding-block: 20px; }
.py-120 { padding-block: 30px; }
/* Banner CTA */
.landing-page .banner-cta-block .btn ,
.landing-page .banner-cta-block .action { width: 100%; }
.landing-page .success-stories-block { padding: 30px 8px; }
.landing-page .success-stories-block .title { max-width: 100%; }
.landing-page .success-stories-block .success-stories-content { padding-inline: 12px; }
.landing-header .navbar { padding-block: 20px; }
.landing-header .navbar .navbar-brand { width: clamp(68px, 8.00px + 16.00vw, 100px); } /* width: 100px to 68px (575 to 375) */
.landing-popup .form-block .action .btn { padding: 10px 26px; width: fit-content; }
}
/* ================================================ [ Landing Page Responsive CSS End ] ================================================ */