* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Manrope';
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Light.eot');
    src: url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Light.woff2') format('woff2'),
        url('../fonts/Manrope-Light.woff') format('woff'),
        url('../fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.eot');
    src: url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Medium.woff2') format('woff2'),
        url('../fonts/Manrope-Medium.woff') format('woff'),
        url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.eot');
    src: url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Regular.woff2') format('woff2'),
        url('../fonts/Manrope-Regular.woff') format('woff'),
        url('../fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-SemiBold.eot');
    src: url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('../fonts/Manrope-SemiBold.woff') format('woff'),
        url('../fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Bold.eot');
    src: url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-Bold.woff2') format('woff2'),
        url('../fonts/Manrope-Bold.woff') format('woff'),
        url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-ExtraBold.eot');
    src: url('../fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('../fonts/Manrope-ExtraBold.woff') format('woff'),
        url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Manrope';
	scroll-behavior: smooth;
}

:root {
    --blue-color: #041B42;
    --yellow-color: #E2B144;
    --bg-color: #F4F8FF;
    --white-color: #fff;
    --gray-color: #929292;
    --sky-blue-color: #239FDB;
    --green-color: #25D366;
    --grey-10: #1A1A1A;
    --grey-15: #262626;
    --black-color: #1D1F17;
    --title-font: 'Manrope';
    --body-font: 'Manrope';
    --transition: 0.3s;

}

img {
    max-width: 100%;
    object-fit: cover;
}

/* .container {
    max-width: 1590px !important;
    padding-inline: 30px;
    margin: auto;
} */
@media (min-width: 1681px) {
    .container {
        max-width: 1590px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
}

a {
    text-decoration: none !important;
    transition: var(--transition);
}

ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.back-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.white-text h1,
.title_white h1,
.white-text h2,
.title_white h2,
.white-text h3,
.title_white h3,
.white-text h4,
.title_white h4,
.white-text h5,
.title_white h5,
.white-text h6,
.title_white h6,
.white-text p,
.title_white p {
    color: var(--white-color);
}

.h1-title {
    font-size: 80px;
    line-height: 1.25;
    font-weight: 900;
}

.h2-title {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--blue-color);
}

h1,
.h1 {
    font-size: 80px;
    font-weight: 900;
    color: var(--blue-color);
}

h2,
.h2 {
    font-size: 40px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

h3,
.h3 {
    font-size: 36px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

.h3-2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

h4,
.h4 {
    font-size: 26px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

.h4-2 {
    font-size: 24px;
    font-weight: 500;
    color: var(--blue-color);
    line-height: 1.5;
}

h5,
.h5 {
    font-size: 22px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

.h5-2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

h6,
.h6 {
    font-size: 18px;
    font-weight: 700;
    color: var(--blue-color);
    line-height: 1.5;
}

p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-color);
}

.button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 20px 24px;
    background-color: var(--yellow-color);
    color: var(--blue-color);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    height: 56px;
    transition: var(--transition);
    border: 1px solid transparent;
    width: fit-content;
    text-transform: uppercase;
}


.button img {
    transition: transform 0.3s ease;
}


.button:hover {
    background-color: var(--blue-color);
    color: var(--white-color);
}

.button:hover img {
    filter: brightness(0) invert(1);
    transform: rotate(45deg);
}

.outline {
    border-color: var(--bg-color);
    color: var(--bg-color);
    background-color: transparent;
}

.outline img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(76%) saturate(7421%) hue-rotate(179deg) brightness(112%) contrast(102%);
}

.bg_light {
    background: var(--bg-color);
}

.bg_dark {
    background: var(--blue-color);
}

.bg_gray {
    background: rgba(240, 240, 240, 0.6);
}

@media screen and (max-width: 1399px) {
    .h1-title {
        font-size: 52px;
    }

    h1,
    .h1 {
        font-size: 52px;
        line-height: 1.4;
    }

    h2,
    .h2,
    .h2-title {
        font-size: 36px;
        line-height: 1.4;
    }

    h3,
    .h3 {
        font-size: 32px;
        line-height: 1.4;
    }

    .h3-2 {
        font-size: 28px;
        line-height: 1.4;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 1.4;
    }

    .h4-2 {
        font-size: 22px;
        line-height: 1.4;
    }

    h5,
    .h5 {
        font-size: 20px;
        line-height: 1.4;
    }
}

@media screen and (max-width: 1199px) {

    .h1-title,
    h1,
    .h1 {
        font-size: 52px;
    }

    h2,
    .h2,
    .h2-title {
        font-size: 32px;
    }

    h3,
    .h3 {
        font-size: 30px;
    }

    .h3-2 {
        font-size: 26px;
    }

    h4,
    .h4 {
        font-size: 22px;
    }

    .h4-2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {

    .h1-title,
    h1,
    .h1 {
        font-size: 40px;
    }

    h2,
    .h2,
    .h2-title {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }

    .h3-2 {
        font-size: 22px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }

    .h4-2 {
        font-size: 18px;
    }

    .button {
        padding: 13px 15px;
        font-size: 15px;
        line-height: 1.4;
        height: auto;
    }
}

@media screen and (max-width: 767px) {

    .h1-title,
    h1,
    .h1 {
        font-size: 30px;
    }

    h2,
    .h2,
    .h2-title {
        font-size: 24px;
    }

    h3,
    .h3 {
        font-size: 20px;
    }

    .h3-2 {
        font-size: 20px;
    }

    h4,
    .h4 {
        font-size: 18px;
    }

}

@media screen and (max-width: 575px) {

    .h1-title,
    h1,
    .h1 {
        font-size: 30px;
    }

    h2,
    .h2,
    .h2-title {
        font-size: 22px;
    }

}

/*================= header css start ==================== */
.site-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition);
    z-index: 222;
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    animation: slideDown 0.4s ease forwards;
    z-index: 9999;
}
.bottom-header-wp .logo{
	width:100%;
	max-width:200px;
}

.sticky-header .logo img {
    width: 100%;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0.7;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

header.site-header.sticky-header .top-bar {
    padding: 8px;
}

header.site-header.sticky-header .bottom-header {
    padding: 10px 0;
}

.top-bar {
    background: var(--blue-color);
    padding: 14px 0;
}

.top-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-left a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(244, 248, 255, 0.5);
    transition: var(--transition);
}

.top-left a:hover {
    color: var(--yellow-color);
}

.top-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.top-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Buttons */
.top-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.top-btn img {
    width: 14px;
    height: 14px;
}

.top-btn:hover {
    background: var(--white-color);
    color: var(--blue-color);
}

.service-type-list {
    display: flex;
    align-items: center;
    gap: 10px;
    border-right: 1px solid rgba(244, 248, 255, 0.2);
    padding-right: 20px;
}

.service-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: var(--bg-color);
    border: 1px solid var(--bg-color);
    transition: var(--transition);
    position: relative;
    z-index: 2;
}

.service-link:hover {
    background: var(--bg-color);
    color: var(--blue-color);
}

.service-link:hover img {
    filter: brightness(0) saturate(100%) invert(11%) sepia(14%) saturate(7296%) hue-rotate(198deg) brightness(90%) contrast(104%);
}

.service-link.active {
    background: var(--bg-color);
    border: none;
    color: var(--blue-color);
}

.service-link.active img {
    filter: brightness(0) saturate(100%) invert(7%) sepia(27%) saturate(7441%) hue-rotate(210deg) brightness(97%) contrast(97%);
}

.service-link img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(287deg) brightness(102%) contrast(103%);
}

.service-link,
.service-link img {
    transition: inherit !important;
}

.service-link.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 148%;
    left: 0;
    top: 0;
    background-color: var(--bg-color);
    z-index: -1;
    pointer-events: none;
}

/* Language Dropdown */
.language-dropdown {
    position: relative;
    flex-shrink: 0;
}

.lang-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    color: var(--bg-color);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    box-shadow: none;
    border: none;
}

.lang-btn img {
    width: 30px;
    height: auto;
}

.arrow {
    font-size: 10px;
}

/* Dropdown Menu */
.lang-menu {
    position: absolute;
    top: 110%;
    right: 0;
    background: var(--white-color);
    list-style: none;
    padding: 8px 0;
    width: 150px;
    display: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.lang-menu li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
}

.lang-menu li a img {
    width: 16px;
}

.lang-menu li a:hover {
    background: #f2f2f2;
}

.language-dropdown span.arrow img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(2533%) hue-rotate(187deg) brightness(103%) contrast(109%);
    width: 13px;
}

.language-dropdown .gt_options {
    position: absolute !important;
    background-color: var(--white-color);
    width: 200px;
}

.language-dropdown .gt_float_switcher .gt_options a {
    font-size: 16px;
    color: var(--blue-color);
}

.language-dropdown .gt_float_switcher img {
    width: 30px;
}

.language-dropdown .gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0 !important;
}

.language-dropdown .gt_float_switcher,
.language-dropdown .gt_float_switcher .gt-selected {
    background-color: transparent !important;
}

.language-dropdown .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 16px;
    line-height: 1.6;
    color: var(--bg-color);
    font-weight: 500;
}

.language-dropdown .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.65643%202.01183L1.41226%207.256C1.25509%207.4078%201.04459%207.4918%200.826092%207.4899C0.607595%207.488%200.398585%207.40036%200.244078%207.24585C0.0895712%207.09134%200.00193018%206.88233%203.15021e-05%206.66384C-0.00186718%206.44534%200.0821285%206.23484%200.233927%206.07767L6.06726%200.244335C6.14458%200.16688%206.23642%200.105432%206.33752%200.063506C6.43861%200.0215804%206.54698%200%206.65643%200C6.76587%200%206.87424%200.0215804%206.97534%200.063506C7.07643%200.105432%207.16827%200.16688%207.24559%200.244335L13.0789%206.07767C13.2307%206.23484%2013.3147%206.44534%2013.3128%206.66384C13.3109%206.88233%2013.2233%207.09134%2013.0688%207.24585C12.9143%207.40036%2012.7053%207.488%2012.4868%207.4899C12.2683%207.4918%2012.0578%207.4078%2011.9006%207.256L6.65643%202.01183Z%22%20fill%3D%22%23F4F8FF%22%2F%3E%3C%2Fsvg%3E') !important;
    transform: rotate(360deg) !important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    height: 8px;
    width: 13px;
    background-image: none;
    background-color: var(--bg-color);
    margin-left: 5px;
}

.language-dropdown:hover .lang-menu {
    display: block;
}

.bottom-header {
    background: var(--bg-color);
    padding: 20px 0;
    position: relative;
}

.bottom-header-wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-menu>ul {
    display: flex;
    gap: 30px;
}

.nav-menu ul li {
    position: relative;
}

.nav-menu ul li a {
    color: var(--blue-color);
    font-size: 18px;
    line-height: 1.8;
    font-weight: 600;
    transition: var(--transition);
}

.nav-menu ul li a:hover,
.nav-menu ul li.current-menu-parent.dropdown.active,
.nav-menu ul li.current_page_item.active a {
    color: var(--yellow-color);
}

.nav-menu ul ul.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white-color);
    width: 120%;
    /* display: none; */
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 11;
    /* animation setup */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.4s ease;
}

/* .nav-menu ul ul.submenu li {
    padding: 5px 10px;
} */

.nav-menu ul ul.submenu li:hover,
.nav-menu ul ul.submenu li.current_page_item.active a {
    background-color: var(--blue-color);
}

.nav-menu ul ul.submenu li a {
    font-size: 16px;
    padding: 5px 10px;
    display: flex;
}

.nav-menu ul ul.submenu li:hover a,
.nav-menu ul ul.submenu li.current_page_item.active a {
    color: var(--white-color);
}

.nav-menu ul li.current-menu-parent.dropdown.active>a {
    color: var(--yellow-color);
}

.dropdown:hover .submenu {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown>a {
    position: relative;
    padding-right: 20px;
}

.dropdown>a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 7px;
    background-image: url('../images/down-arrow.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: var(--transition);
}

.nav-menu ul li.current-menu-parent.dropdown.active>a::after,
.nav-menu ul li:hover>a::after {
    filter: brightness(0) saturate(100%) invert(89%) sepia(63%) saturate(7478%) hue-rotate(318deg) brightness(90%) contrast(96%);
}

.nav-menu ul li>a,
.nav-menu ul li>a::after {
    transition: inherit !important;
}

.header-right {
    display: flex;
    /* flex-direction: row-reverse; */
    align-items: center;
    gap: 20px;
}

.hamburger {
    width: 28px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    display: none;
}

.hamburger span {
    display: block;
    height: 4px;
    width: 100%;
    background: var(--blue-color);
    border-radius: 2px;
    transition: var(--transition);
    margin-bottom: 4px;
}

.hamburger span:last-child {
    width: 20px;
    margin-left: auto;
}

.hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translateY(11px);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-11px);
    width: 100%;
}

.logo-text {
    display: none;
}

.quote-btn.button.for-mob {
    display: none;
}

.language-dropdown.for-mob {
    display: none;
}

@media (max-width: 1680px) {
    .nav-menu>ul {
        gap: 20px;
    }

    .nav-menu ul li a {
        font-size: 16px;
    }

    .logo img {
        width: 85%;
        height: auto;
    }
}

@media screen and (max-width: 1399px) {
    .top-left {
        gap: 10px;
    }

    .top-left a,
    .service-link {
        font-size: 14px;
    }

    .nav-menu ul li a {
        font-size: 14px;
    }

    .header-right .button {
        padding: 10px 14px;
        font-size: 14px;
    }

    .bottom-header,
    .top-bar {
        padding: 10px 0;
    }

    .nav-menu>ul {
        gap: 10px;
    }
}

/* @media screen and (max-width:1199px) {
    .top-left {
        display: none;
    }

    .top-flex {
        justify-content: end;
    }

    .nav-menu>ul {
        gap: 10px;
    }

    .logo img {
        width: 120px;
    }

    .nav-menu ul li a {
        font-size: 13px;
    }
} */

@media screen and (max-width: 1199px) {
    .top-left {
        display: none;
    }

    .top-flex {
        justify-content: end;
    }

    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        /* background: rgba(255, 255, 255, 0.95);*/
        background-color: var(--white-color);
        padding: 10rem 5rem;
        transition: right 0.4s ease;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }

    /* When Active */
    .nav-menu.active {
        right: 0;
    }

    .nav-menu ul {
        flex-direction: column;
        gap: 20px;
    }

    .submenu.show {
        display: block;
    }

    .hamburger {
        display: block;
        position: relative;
        z-index: 9999;
    }

    .nav-menu ul ul.submenu {
        display: none;
        padding-left: 15px;
        position: static;
        box-shadow: none;
        overflow: hidden;
        transition: all 0.3s ease;
        width: fit-content;
        transform: unset;
        visibility: visible;
        opacity: 1;
    }

    .nav-menu .menu-item.open>.submenu {
        display: block;
    }

    .dropdown>a::after {
        transition: transform 0.3s ease;
    }

    .menu-item.open>a::after {
        transform: rotate(180deg);
        top: 5px;
    }
}

@media screen and (max-width: 576px) {
    .nav-menu {
        padding: 8rem 2rem;
        z-index: 9;
    }

    .top-bar {
        z-index: 99;
        position: relative;
    }

/*     .logo img {
        width: 110px;
    } */

    .header-right .button {
        padding: 10px;
    }

    .header-right .button img {
        display: none;
    }

    .header-right {
        gap: 10px;
    }

    .hamburger span {
        height: 3px;
    }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translateY(10px);
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translateY(-10px);
    }

    .hamburger {
        width: 25px;
    }

    .bottom-header {
        background-color: var(--white-color);
    }

    .service-link.active::before {
        height: 130%;
        background-color: var(--white-color);
    }

    .service-link span {
        font-size: 14px;
    }

    .service-link {
        padding: 10px;
    }

    .logo-text {
        display: none;
    }

    .logo {
        display: block;
    }

    .logo-text h6 {
        margin-bottom: 0;
        max-width: 70%;
        font-size: 14px;
    }

    a.quote-btn.button.for-mob {
        display: block;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }

    a.quote-btn.button.for-desk {
        display: none;
    }

    .language-dropdown.for-desk {
        display: none;
    }

    .service-type-list {
        padding-right: 0;
        border-right: none;
        width: 100%;
    }

    .top-right {
        width: 100%;
    }

    .service-link {
        padding: 10px;
        width: 100%;
        gap: 20px;
    }

    .language-dropdown.for-mob {
        display: block;
        position: absolute;
        bottom: 0;
        z-index: 99;
        left: 0;
        padding: 10px 2rem;
        background-color: var(--bg-color);
        width: 100%;
    }

    .language-dropdown .gt_float_switcher,
    .language-dropdown .gt_float_switcher .gt-selected {
        background-color: var(--bg-color) !important;
        box-shadow: none !important;
        width: 100%;
    }

    .language-dropdown .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
        background-color: var(--blue-color);
        transform: rotate(90deg) !important;
        position: absolute;
        right: 0;
        top: 50%;
    }

    .language-dropdown .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
        color: var(--blue-color);
    }

    .language-dropdown .gt_options {
        position: relative !important;
        width: 100%;
        top: 10px;
        transform: unset !important;
    }

    .language-dropdown .gt_float_switcher .gt_options.gt-open {
        transform: unset;
    }

    .language-dropdown .gt_float_switcher .gt_options a {
        font-size: 14px;
    }

    .language-dropdown .gt_float_switcher img {
        width: 25px;
    }

    .nav-menu ul li a {
        font-size: 14px;
        width: 100%;
        display: block;
    }

    .nav-menu ul ul.submenu li a {
        font-size: 14px;
    }
}


main {
    padding-top: 200px;
}

/* ====================header end================== */


/* ====================hero banner section css start================== */
.hero-banner-sec {
    padding-block: 120px;
    position: relative;
    /* margin-top: 200px; */
}

.hero-banner-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(4, 32, 94, 0) 0%, rgba(4, 32, 94, .7) 80%);
    pointer-events: none;
    z-index: 0;
}

.subtitle-line {
    display: block;
    height: 5px;
    width: 50px;
    background-color: var(--yellow-color);
    margin-bottom: 20px;
}


.subtitle {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    color: var(--gray-color);
    margin-bottom: 10px;
}

.hero-banner-sec .subtitle {
    color: var(--yellow-color);
}

.hero-banner-content {
    max-width: 786px;
    position: relative;
}

.hero-banner-content p {
    margin-block: 24px;
    max-width: 675px;
}

.btn-wp {
    display: flex;
    gap: 24px;
}

@media screen and (max-width: 1680px) {
    main {
        padding-top: 180px;
    }
}

@media screen and (max-width: 1499px) {
    .hero-banner-sec {
        padding-block: 150px;
    }
}

@media screen and (max-width: 1399px) {
    main {
        padding-top: 150px;
    }

    .hero-banner-sec {
        padding-block: 130px;
    }
}

@media screen and (max-width: 1199px) {
    .subtitle {
        margin-bottom: 0;
    }

    .hero-banner-sec {
        padding-block: 110px;
    }

    .subtitle-line {
        height: 3px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {


    .hero-banner-content p {
        margin-block: 15px;
        max-width: 100%;
    }

    .btn-wp {
        gap: 10px;
        flex-wrap: wrap;
    }

    .hero-banner-sec {
        padding-block: 80px;
    }

}

@media screen and (max-width: 767px) {
    .hero-banner-sec {
        padding-block: 60px;
    }
}

@media screen and (max-width: 575px) {
    main {
        padding-top: 125px;
    }

}

@media screen and (max-width: 450px) {
    main {
        padding-top: 118px;
    }
}

/* ====================hero banner section css end================== */


/*-=================== welcome section start======================= */
.about-sec {
    background-color: var(--bg-color);
}

.sec-spacing,
.section_padding {
    padding-block: 100px;
}

.about-sec .img-wp .first {
    width: 580px;
    height: 714px;
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    position: relative;
}

.about-sec .img-wp .first::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(4, 27, 66, 0.3);
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.about-sec .img-wp {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.about-sec .img-wp .second {
    width: 358px;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
    left: 0;
    border: 14px solid var(--white-color);
}

.about-img-wp {
    position: relative;
    padding-bottom: 87px;
    margin-right: -25px;
}

.about-img-wp::after {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 0;
    background-color: var(--yellow-color);
    width: 196px;
    height: 9px;
}

.about-delivery-good {
    position: absolute;
    clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);
    background-color: var(--yellow-color);
    padding: 44px 19px;
    max-width: 224px;
    top: 86px;
    left: 0;
    height: auto;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-delivery-good h2 {
    font-size: 60px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
}

.about-delivery-good p {
    font-size: 20px;
    text-align: center;
    line-height: 1;
    margin-bottom: 0;
    color: var(--blue-color);
}

.about-content-wp {
    max-width: 700px;
    margin-left: 100px;
}

.about-content-wp .subtitle-line {
    background-color: var(--yellow-color);
}

.about-content-wp .icon-wp {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--yellow-color);
}

.about-list-item {
    display: flex;
    align-items: center;
    gap: 24px;
}

.about-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 50px;
    margin-bottom: 20px;
}

.about-list-item h5 {
    margin-bottom: 0;
    color: var(--blue-color);
    font-weight: 500;
}

.about-list .icon-wp img {
    height: auto;
}

@media screen and (max-width: 1399px) {
    .about-sec .img-wp .second {
        width: 258px;
    }

    .about-sec .img-wp .first {
        height: 600px;
        width: 100%;
    }

    .about-content-wp {
        max-width: 100%;
        margin-left: 10px;
    }

    .about-list {
        gap: 25px;
    }

    .about-img-wp {
        margin-right: 0;
    }

    .about-img-wp::after {
        width: 150px;
        height: 7px;
    }
}

@media screen and (max-width: 1199px) {
    .about-list {
        gap: 15px;
    }
}

@media screen and (max-width: 991px) {
    .about-content-wp {
        margin-left: 0;
        margin-top: 30px;
    }

    .about-sec .img-wp .first {
        height: 550px;
    }

    .about-delivery-good h2 {
        font-size: 40px;
    }

    .about-delivery-good {
        padding: 20px;
        max-width: 185px;
        top: 60px;
    }

    .about-sec .img-wp .second {
        width: 220px;
        border-width: 8px;
    }

    .about-img-wp::after {
        height: 5px;
        width: 20%;
    }

    .about-list-item {
        gap: 15px;
    }
}

@media screen and (max-width: 767px) {
    .about-sec .img-wp .first {
        height: 500px;
    }

    .about-delivery-good h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 575px) {
    .about-sec .img-wp .first {
        height: 420px;
    }

    .about-sec .img-wp .second {
        width: 200px;
    }

    .about-delivery-good {
        max-width: 175px;
        top: 30px;
    }

    .about-delivery-good h2 {
        font-size: 24px;
    }

    .about-img-wp {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 450px) {
    .about-sec .img-wp .first {
        height: 380px;
    }

    .about-sec .img-wp .second {
        width: 180px;
    }
}

/*-=================== welcome section end=/*-===================

/*-=================== Section -===================*/
.services-offer-section {
    padding: 80px 0;
}

.service-icon {
    --size: 100px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.service-icon::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--white-color);
}

.services-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.services-navigation {
    display: flex;
    gap: 10px;
}

.services-arrow {
    width: 45px;
    height: 45px;
    background: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 700;
}

.services-arrow.services-next {
    background: var(--white-color);
    border: 1px solid #ddd;
}

.services-arrow:hover {
    background: var(--yellow-color);
    color: var(--white-color);
}

.services-swiper .swiper-slide {
    text-align: center;
}

.services-swiper .swiper-wrapper {
    align-items: stretch;
}

.services-swiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-card {
    background: var(--bg-color);
    padding: 90px 46px 50px;
    text-align: center;
    transition: var(--transition);
    height: 100%;
    position: relative;
    margin: 0 0 50px;
}

.service-card::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--bg-color);
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}


.service-title {
    font-size: 26px;
    margin-bottom: 15px;
    color: var(--blue-color);
}

.service-description {
    font-size: 18px;
    color: var(--blue-color);
    opacity: 0.5;
    margin-bottom: 0px;
}

.service-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #f4b400;
    color: var(--black-color);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: var(--transition);
}

.service-btn:hover {
    background: var(--yellow-color);
    color: var(--white-color);
}

/* ===== Pagination ===== */
.services-pagination {
    text-align: center;
}

.swiper-pagination-bullet {
    background: #bbb;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #f4b400;
}

/* .title_wrapper .subtitle-line {
    display: block;
    height: 5px;
    width: 50px;
    background-color: var(--yellow-color);
    margin-bottom: 20px;
} */

.title_wrapper h6 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-color);
    text-transform: uppercase;
}

.title_wrapper.title_center {
    text-align: center;
}

.title_wrapper.title_center .subtitle-line {
    margin: 0 auto 20px;
}

.services-offer-section .title_wrapper {
    max-width: 670px;
}

.services-swiper {
    padding-top: 160px;
    padding-bottom: 100px;
    margin-top: -60px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 56px;
    height: 56px;
    border: 1px solid var(--blue-color);
    border-radius: 0;
    top: 0;
    margin: 0;
    right: 0;
}

.swiper-button-next.white,
.swiper-button-prev.white {
    border-color: var(--white-color);
}

.swiper-button-next.white:after,
.swiper-button-prev.white:after {
    filter: brightness(0) invert(1);
}

.swiper-button-prev {
    left: inherit;
    right: 72px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url('../images/right-arrow.svg');
    background-size: 24px;
    background-repeat: no-repeat;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: var(--yellow-color);
    border-color: var(--yellow-color);
}

.swiper-button-prev:after {
    background: url('../images/left-arrow.svg');
}

.swiper-pagination .swiper-pagination-bullet {
    background: var(--blue-color);
    opacity: 0.5;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--yellow-color);
    opacity: 1;
    outline: 2px solid var(--yellow-color);
    outline-offset: 3px;
}

.request_quote_img {
    width: 100%;
    height: 650px;
    overflow: auto;
}

.request_quote_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.request_quote_form_wrap {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    max-width: 1030px;
    margin: -300px auto 0;
    background: transparent !important;
}

.request_quote_form_inner {
    /* clip-path: polygon(0 0, 88% 0%, 100% 20%, 100% 100%, 13% 100%, 0 85%);*/
    clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%, 0% 50%);
    padding: 100px 120px;
    background-color: var(--white-color);
    position: relative;
}

.request_quote_form {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    width: 100%;
    margin: 50px 0;
}

.request_quote_form .arrow {
    margin-bottom: 10px;
}

.request_quote_form .form_group {
    flex-grow: 1;
}

.request_quote_form .form_group label {
    font-size: 30px;
    display: inline-block;
    margin: 0 0 15px;
    font-weight: 600;
}

.request_quote_form .form_group .form-select {
    background-color: #EDEDED;
    padding: 13px 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    color: var(--gray-color);
}

@media screen and (max-width: 1680px) {
    .service-card {
        padding: 80px 30px 40px;
    }
}

@media screen and (max-width: 1399px) {
    .service-card {
        padding: 80px 25px 30px;
    }

    .service-icon {
        --size: 80px;
    }

    .request_quote_img {
        height: 550px;
    }

    .request_quote_form_inner {
        padding: 60px;
    }

    .request_quote_form .form_group label {
        font-size: 24px;
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 1199px) {
    .service-card {
        padding: 60px 25px 30px;
    }

    .service-icon {
        --size: 70px;
    }

    .service-title {
        font-size: 22px;
    }

    .request_quote_img {
        height: 500px;
    }

    .request_quote_form_inner {
        padding: 40px;
    }

    .service-description {
        font-size: 16px;
    }

    .service-icon img {
        width: 60%;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .services-swiper {
        margin-top: 0;
    }

    .request_quote_img {
        height: 450px;
    }

    .request_quote_form_inner {
        padding: 30px;
    }

    .services-offer-section {
        padding: 60px 0;
    }

    .request_quote_form .form_group label {
        font-size: 20px;
    }

    .title_wrapper.title_center .subtitle-line {
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 767px) {
    .services-swiper {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .request_quote_img {
        height: 400px;
    }

    .services-offer-section {
        padding: 50px 0;
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        outline: 1px solid var(--yellow-color);
        outline-offset: 2px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 575px) {
    .request_quote_form_inner {
        padding: 20px;
    }
}

/*======================== about us page css start ===================== */
.inner-banner-sec {
    position: relative;
    padding-block: 120px;
}

.inner-banner-content {
    z-index: 2;
    position: relative;
    max-width: 100%;
}

.inner-banner-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(4, 32, 94, 0) 0%, rgba(4, 32, 94, .7) 80%);
    pointer-events: none;
    z-index: 0;
}


.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb-item {
    font-size: 16px;
    color: var(--bg-color);
    display: flex;
    align-items: center;
    margin: 0;
}

.breadcrumb-item p {
    margin: 0;
}

.breadcrumb-item a {
    text-decoration: none;
    color: var(--yellow-color);
    transition: var(--transition);
}

.breadcrumb-item a:hover {
    opacity: .8;

}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    margin: 0;
    color: var(--bg-color);
}

.breadcrumb-item.active {
    color: #212529;
    font-weight: 500;
    pointer-events: none;
}

.page-template-page-about-us .about-sec {
    background-color: unset;
}

.page-template-page-about-us .working_process_wrapper {
    background-color: var(--bg-color);
}

.page-template-page-about-us .process_box .icon {
    background-color: var(--blue-color);
}

.page-template-page-about-us .process_box .icon img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(34%) saturate(573%) hue-rotate(154deg) brightness(116%) contrast(100%);
}

.service-culture .title_wrapper h6 {
    color: var(--white-color);
}

@media screen and (max-width: 1499px) {
    .inner-banner-sec {
        padding-block: 160px;
    }
}

@media screen and (max-width: 1399px) {
    .inner-banner-sec {
        padding-block: 140px;
    }
}

@media screen and (max-width: 1199px) {
    .inner-banner-sec {
        padding-block: 120px;
    }
}

@media screen and (max-width: 991px) {
    .inner-banner-sec {
        padding-block: 100px;
    }
}

@media screen and (max-width: 767px) {
    .inner-banner-sec {
        padding-block: 80px;
    }
}

@media screen and (max-width: 575px) {
    .inner-banner-sec {
        padding-block: 60px;
    }
}

@media screen and (max-width: 450px) {
    .inner-banner-sec {
        padding-block: 40px;
    }
}

/*======================== contact us page start =================== */

.contact-us-sec .title_wrapper {
    margin-bottom: 80px;
}

.conatct-list-icon {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-list-item {
    padding: 50px;
    background-color: var(--bg-color);
    clip-path: polygon(0 0, 100% 1%, 100% 70%, 75% 100%, 0 100%, 0% 50%);
    height: 100%;
}

.contact-us-list .row .col-lg-3:last-child .contact-det-links {
    max-width: 89%;
}

.contact-list-item .contact-det-links {
    margin-block: 20px 41px;
}

.contact-det-links a,
.contact-det-links span {
    color: rgba(4, 27, 66, 0.5);
}

.contact-det-links a:hover {
    color: var(--blue-color);
}

.conatct-list-icon img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(53%) saturate(1796%) hue-rotate(192deg) brightness(95%) contrast(103%);
}

.contact-det-info span {
    display: block;
}

.contact-us-list .row {
    row-gap: var(--bs-gutter-x);
}

/* contact form css start */

.contact-light-bg .contact-form-left .subtitle,
.contact-light-bg .contact-form-left h2,
.contact-light-bg .contact-info-det h5,
.contact-light-bg .contact-info-det a,
.substainability-form .contact-form-left .subtitle,
.substainability-form .contact-form-left h2,
.substainability-form .contact-info-det h5,
.substainability-form .contact-info-det a {
    color: var(--blue-color);
}

.contact-light-bg .contact-form-content p,
.substainability-form .contact-form-content p {
    color: var(--gray-color);
}

.substainability-form .contact-form {
    background-color: var(--white-color);
}

.substainability-form .contact-form input,
.substainability-form .contact-form textarea {
    background-color: #EDEDED;
}

.contact-light-bg::before,
.substainability-form::before {
    display: none;
}

.contact-light-bg .contact-info {
    background-color: rgba(238, 238, 238, 0.5);
}

.contact-form-sec {
    position: relative;
}

.contact-form-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 27, 66, 0.8);
    pointer-events: none;
    z-index: 0;
}

.contact-form-wp {
    position: relative;
}

.contact-form-left .subtitle,
.contact-form-left h2 {
    color: var(--bg-color);
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(34px);
}

.contact-form-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.contact-info-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 500px;
}

.contact-info-det a {
    font-size: 16px;
    line-height: 1.4;
    color: var(--white-color);
}

.contact-info-det a:hover {
    color: var(--yellow-color);
}

.contact-info-icon {
    --size: 52px;
    width: var(--size);
    height: var(--size);
    background-color: var(--yellow-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact-info-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7417%) hue-rotate(41deg) brightness(119%) contrast(92%);
}

.contact-info-det h5 {
    color: var(--white-color);
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.4;
}

.contact-form-content .btn-wp {
    gap: 15px;
    margin-top: 20px;
}

.contact-form-content .btn-wp a {
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--white-color);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.call-btn {
    background-color: var(--sky-blue-color);
}

.chat-btn {
    background-color: var(--green-color);
}

.call-btn:hover,
.chat-btn:hover {
    opacity: .9;
}

.contact-form-content {
    max-width: 544px;
}

.contact-form-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px !important;
}

.contact-form-list li {
    padding-left: 48px;
    position: relative;
    font-size: 20px;
    line-height: 1.5;
    color: var(--blue-color);
}

.contact-form-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_108_1500)%22%3E%3Cpath%20d%3D%22M12%200C5.38294%200%200%205.38294%200%2012C0%2018.6171%205.38294%2024%2012%2024C18.6171%2024%2024%2018.6171%2024%2012C24%205.38294%2018.6171%200%2012%200ZM18.082%209.45703L11.582%2015.9569C11.387%2016.1519%2011.131%2016.2501%2010.875%2016.2501C10.619%2016.2501%2010.363%2016.1519%2010.168%2015.9569L6.91809%2012.707C6.52697%2012.316%206.52697%2011.684%206.91809%2011.293C7.30903%2010.9019%207.94091%2010.9019%208.33203%2011.293L10.875%2013.836L16.6681%208.04309C17.059%207.65197%2017.6909%207.65197%2018.082%208.04309C18.473%208.43403%2018.473%209.06591%2018.082%209.45703Z%22%20fill%3D%22%234DB177%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_108_1500%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: #4DB177;
    --size: 24px;
    width: var(--size);
    height: var(--size);
}

.contact-form-content p {
    color: rgba(244, 248, 255, 0.8);
}

.contact-form {
    background-color: var(--bg-color);
    padding: 50px;
    max-width: 842px;
    margin-left: auto;
}

.contact-form-wrapper {
    margin-top: 42px;
}

.form-row {
    display: flex;
    gap: 22px;
    /* margin-bottom: 25px; */
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-group.full-width {
    width: 100%;
    margin-bottom: 25px;
}

.form-group label {
    font-size: 16px;
    font-weight: 500;
    color: var(--blue-color);
    margin-bottom: 10px;
    line-height: 1.6;
}

.form-group input,
.form-group textarea,
.form-group select {
    background: var(--white-color);
    border: none;
    padding: 20px;
    font-size: 14px;
    line-height: 1.4;
    outline: none;
    transition: var(--transition);
    color: var(--gray-color);
    border-radius: 0;
    width: 100%;
}

.form-group textarea {
    resize: none;
    height: 184px;
}

.form-group input:focus,
.form-group textarea:focus {
    background: var(--white-color);
    border-color: var(--gray-color);
    box-shadow: none;
    outline: none;
}

.checkbox-group {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 42px;
}

.checkbox-group input {
    width: 16px;
    height: 16px;
}

.submit-btn .arrow {
    font-size: 14px;
    transition: 0.3s ease;
}

.submit-btn:hover .arrow {
    transform: translateX(4px);
}

.checkbox-group label {
    margin-bottom: 0;
    white-space: nowrap;
}

.checkbox-group input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--yellow-color);
    border-radius: 0;
    cursor: pointer;
    position: relative;
    transition: 0.3s ease;
    padding: 0;
    background-color: transparent !important;
    flex-shrink: 0;
}

.checkbox-group input[type="checkbox"]:checked {
    background-color: var(--yellow-color) !important;
}

.checkbox-group input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    color: var(--blue-color);
    font-size: 12px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
}

span.error-msg {
    color: #dc3232;
}

/* contact form css end */

.contact-map-sec {
    position: relative;
}

.contact-map-sec:before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 33, 94, 0.2);
    pointer-events: none;
    z-index: 1;
}


.contact-map-sec iframe {
    width: 100%;
    height: 800px;
    display: flex;
}

@media (max-width: 1399px) {
    .contact-form {
        padding: 30px;
        max-width: 100%;
    }

    .checkbox-group label {
        white-space: wrap;
    }

    .contact-list-item {
        padding: 20px;
    }

    .contact-us-sec .title_wrapper {
        margin-bottom: 50px;
    }

    .contact-map-sec iframe {
        height: 400px;
    }
}

@media (max-width: 1199px) {
    .conatct-list-icon img {
        width: 60%;
        height: auto;
    }

    .conatct-list-icon {
        --size: 50px;
    }
}

@media (max-width: 991px) {
    .form-row {
        flex-direction: column;
        gap: 20px;
    }

     .contact-form {
        padding: 30px;
        margin-top: 40px;
        max-width: 100%;
    }

    /* .contact-form-wp .row {
        flex-direction: column-reverse;
    } */

    .contact-form-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        /* margin-top: 40px; */
        gap: 40px;
    }

    .conatct-list-icon {
        --size: 50px;
    }

    .conatct-list-icon img {
        width: 30px;
        height: auto;
    }

    .contact-map-sec iframe {
        height: auto;
        aspect-ratio: 1 / .5;
    }

    .form-group label {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .form-group input,
    .form-group textarea {
        padding: 15px;
    }

    .form-group textarea {
        height: 100px;
    }

    .checkbox-group {
        margin-bottom: 20px;
        gap: 10px;
    }

    .contact-form-list li {
        padding-left: 35px;
        font-size: 16px;
        line-height: 1.4;
    }

    .contact-us-sec .title_wrapper {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    .contact-form {
        padding: 20px;
    }

    .contact-info {
        padding: 15px;
        gap: 10px;
    }

    .contact-info-det h5 {
        font-size: 18px;
    }

    .contact-info-icon img {
        width: 25px;
        height: auto;
    }

    .contact-info-icon {
        --size: 45px;
    }
}

/*======================== contact us page end =================== */


/* ======================= substanbility page css start ======================= */
.sustainability-about-sec {
    background-color: unset;
}

.sustainability-about-sec .about-content-wp p {
    margin-block: 20px;
}

.sustainability-about-sec .img-wp .first {
    width: 458px;
    height: auto;
    aspect-ratio: 1 / 1;
    clip-path: unset;
    position: relative;
}

.sustainability-about-sec .img-wp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sustainability-about-sec .img-wp .second {
    width: 388px;
    height: auto;
    aspect-ratio: 1 / 0.93298969;
    right: 0;
    left: auto;
    border: 10px solid var(--white-color);
    clip-path: polygon(65% 0, 100% 35%, 100% 100%, 0 100%, 0 0);
}

.sustainability-about-sec .about-img-wp::after {
    display: none;
}

.sustainability-about-sec .about-img-wp {
    padding-bottom: 105px;
}

.sustainability-contact {
    background-color: var(--bg-color);
}

.sustainability-contact .contact-form {
    background-color: var(--white-color);
}

.sustainability-contact .form-group input,
.sustainability-contact .form-group textarea {
    background-color: #EDEDED;
}

.title_wrapper h2 {
    margin-bottom: 20px;
}

.our-sustainability-list {
    margin-top: 60px;
}

.our-sustainability-item {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.our-sustainability-item-text {
    min-height: 300px;
}

.our-sustainability-item-text h4 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5;
    color: var(--blue-color);
}

.our-sustainability-item-text p {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
}

.our-sustainability-list .row .col-lg-4:nth-child(2) .our-sustainability-item {
    flex-direction: column-reverse;
}

.key-author-sec {
    position: relative;
}

.key-author-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 27, 66, 0.5);
    pointer-events: none;
    z-index: 0;

}

.key-author-wp {
    max-width: 1050px;
    margin: 0 auto;
    padding: 30px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
}

.key-author-item {
    padding: 26px 50px 50px;
    background-color: var(--grey-10);
    border: 1px solid var(--grey-15);
    color: var(--white-color);
}

.key-author-item h4 {
    font-size: 28px;
    line-height: 1.4;
    text-decoration: underline;
    font-weight: 600;
    margin-bottom: 24px;
    text-align: center;
    color: var(--white-color);
}

.key-author-item ul {
    list-style: disc;
}

.substanibilty-rating-wp {
    display: flex;
    align-items: center;
    gap: 80px;
    max-width: 900px;
    margin: 0 auto;
}

.substanibilty-rating-img {
    flex: 0 0 167px;
}

.substanibilty-rating-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.substanibilty-rating-name h6,
.substanibilty-rating-name p {
    margin-bottom: 0;
}

.substanibilty-rating-content>p {
    font-size: 14px;
    line-height: 1.71428571;
    color: var(--blue-color);
    margin-bottom: 35px;
}

@media screen and (max-width: 1199px) {
    .title_wrapper h2 {
        margin-bottom: 10px;
    }

    .sustainability-about-sec .img-wp .second {
        right: -20px;
        border-width: 6px;
    }

    .our-sustainability-list {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .our-sustainability-item-text {
        min-height: auto;
    }

    .our-sustainability-list .row {
        row-gap: 30px;
    }

    .our-sustainability-item {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .our-sustainability-list {
        margin-top: 30px;
    }

    .our-sustainability-item-img img {
        width: 100%;
        object-fit: cover;
    }

    .our-sustainability-item-text h4 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
    }

    .our-sustainability-item-text p {
        font-size: 16px;
        line-height: 1.4;
    }

    .sustainability-about-sec .img-wp .first {
        width: 90%;
        aspect-ratio: 1 / .7;
    }

    .sustainability-about-sec .about-img-wp {
        padding-bottom: 70px;
    }

    .substanibilty-rating-wp {
        gap: 30px;
        max-width: 100%;
    }

    .key-author-wp {
        max-width: 100%;
        padding: 20px;
    }

    .sustainability-about-sec .img-wp .second {
        right: 0;
        width: 50%;
    }
}


@media screen and (max-width: 575px) {
    .substanibilty-rating-wp {
        flex-direction: column;
    }

    .key-author-item {
        padding: 20px 40px 40px;
    }
}

/* ======================= substanbility page css end ======================= */



/* ====================  get quote page css start ====================== */
.cta-sec {
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(164, 173, 187, 1) 100%);
    overflow: hidden;
    position: relative;
    /* min-height: 450px; */
}

.cta-sec h2 {
    max-width: 71%;
    font-size: 64px;
    line-height: 1.4;
    margin: 0 auto 20px;
}

.cta-sec .left-img {
    position: absolute;
    left: 0;
    height: auto;
    bottom: 0;
}

.cta-sec .right-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cta-sec-wp p {
    max-width: 50%;
    margin: 0 auto 30px;
    color: var(--blue-color);
}

.cta-sec .right-img img,
.cta-sec .left-img img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1399px) {

    .cta-sec .right-img img,
    .cta-sec .left-img img {
        width: 70%;
        height: auto;
    }

    .cta-sec .right-img img {
        float: right;
    }

    .cta-sec h2 {
        font-size: 48px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {

    .cta-sec .right-img img,
    .cta-sec .left-img img {
        width: 55%;
        height: auto;
    }

    .cta-sec h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 991px) {

    .cta-sec .left-img img,
    .cta-sec .right-img img {
        width: 42%;
        height: auto;
    }

    .cta-sec-wp p {
        max-width: 70%;
        margin: 0 auto 20px;
    }

    .cta-sec h2 {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 10px;

    }
}

@media screen and (max-width: 767px) {

    .cta-sec .left-img img,
    .cta-sec .right-img img {
        width: 33%;
        height: auto;
    }

    .cta-sec h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {

    .cta-sec .left-img img,
    .cta-sec .right-img img {
        display: none;
    }

    .cta-sec-wp p {
        max-width: 100%;
    }

    .cta-sec h2 {
        font-size: 24px;
        max-width: 100%;
    }
}

/* ====================  get quote page css end ====================== */



/* =========================== road transportation page css start ==================== */
.sec-spacing-margin {
    margin-block: 100px;
}

.road-trans-about {
    position: relative;
}

.road-trans-about-content {
    margin-left: 28px;
    position: relative;
    padding-block: 53px;
}

.road-trans-about::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background-color: var(--blue-color);
    pointer-events: none;
    z-index: -1;
}

.road-trans-about-img {
    margin-bottom: -60px;
    margin-top: 60px;
}

.road-trans-about-img img {
    object-fit: cover;
}

.road-trans-about-content p {
    max-width: 674px;
    margin-bottom: 0;
}

.common-road-grid-item {
    padding: 34px;
    display: flex;
    flex-direction: column;
    gap: 34px;
    background-color: var(--bg-color);
    height: 100%;
}

.common-road-img {
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 80% 100%, 0 100%, 0% 100%);
}

.common-road-img img {
    width: 100%;
    object-fit: cover;
    height: auto;
    aspect-ratio: 1 / 0.704;
}

.common-road-grid-list {
    margin-top: 60px;
}

.common-road-content h4 {
    font-size: 24px;
    line-height: 1;
    color: var(--yellow-color);
}

.common-road-content p {
    margin-bottom: 0;
    color: var(--blue-color);
}

.common-road-grid-list .row {
    row-gap: var(--bs-gutter-x);
}

.your-gateway-sec {
    position: relative;
}

.your-gateway-wp {
    position: relative;
}

.your-gateway-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 27, 66, 0.5);
    pointer-events: none;
    z-index: 0;
    backdrop-filter: blur(5px);
}

.your-gateway-wp .row {
    row-gap: var(--bs-gutter-x);
    justify-content: center;
}

.your-gateway-item h2 {
    color: var(--yellow-color);
    text-align: center;
    margin-bottom: 20px;
}

.your-gateway-wp .row .col-lg-4 {
    padding-inline: 16px;
}

.your-gateway-item p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 0;
}

.your-gateway-item a.button {
    margin-top: 20px;
}

.road-service-item h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin: 24px auto 0;
}

.your-gateway-wp .row .col-lg-3:nth-child(3) h4,
.your-gateway-wp .row .col-lg-3:nth-child(4) h4 {
    max-width: 80%;
}

.capacity-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.capacity-card {
    padding: 20px;
    display: flex;
    gap: 70px;
    flex-direction: column;
    justify-content: space-between;
    clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 0 100%);
    height: 100%;
    background-color: var(--bg-color);
    color: var(--blue-color);
}

.capacity-card h4 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    max-width: 81%;
    margin-bottom: 0;
}

.capacity-card .card-value {
    font-size: 80px;
    line-height: 1.5;
    margin-bottom: 0;
    text-align: right;
}

.capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card,
.capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card,
.capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card {
    background: var(--blue-color);

}

.capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card h4,
.capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card h3,
.capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card h4,
.capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card h3,
.capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h4,
.capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h3 {
    color: var(--bg-color);
}

/* .light-card {
    background: var(--bg-color);
    color: var(--blue-color);
}

.dark-card {
    background: var(--blue-color);
    color: var(--bg-color);
} */

.capacity-shipment-wp .row {
    row-gap: var(--bs-gutter-x);
}

@media screen and (max-width: 1399px) {
    .common-road-grid-item {
        padding: 20px;
        gap: 25px;
    }

    .capacity-card .card-value {
        font-size: 50px;
        line-height: 1.4;
    }

    .capacity-card h4 {
        font-size: 20px;
    }

    .common-road-grid-list {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .sec-spacing-margin {
        margin-block: 80px;
    }

    .sec-spacing,
    .section_padding {
        padding-block: 80px;
    }

    .common-road-grid-item {
        padding: 12px;
    }

    .common-road-content h4 {
        font-size: 20px;
    }

    .road-trans-about-img img {
        height: auto;
        aspect-ratio: 1 / .8;
    }

    .road-trans-about-content {
        margin-left: 0;
    }

    .common-road-grid-list {
        margin-top: 30px;
    }

    .road-service-item h4 {
        font-size: 20px;
        margin-top: 10px;
    }

    .your-gateway-wp .row .col-lg-3:nth-child(3) h4,
    .your-gateway-wp .row .col-lg-3:nth-child(4) h4 {
        max-width: 100%;
    }

    .capacity-card .card-value {
        font-size: 46px;
    }

    .common-road-grid-item {
        gap: 20px;
    }
}

@media screen and (max-width: 991px) {

    .sec-spacing,
    .section_padding {
        padding-block: 60px;
    }

    .sec-spacing-margin {
        margin-block: 60px;
    }

    .common-road-img img {
        height: auto;
        aspect-ratio: 1 / .6;
    }

    .road-trans-about-img img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / .6;
    }

    .road-trans-about::after {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 60%;
    }

    .road-trans-about-content {
        margin-left: 0;
        position: relative;
        padding-block: 70px 50px;
    }

    .road-trans-about-img {
        margin-bottom: -30px;
        margin-top: 0;
    }

    .capacity-card .card-value {
        font-size: 40px;
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card {
        background: var(--bg-color);
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(7) .capacity-card {
        background: var(--blue-color);
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h3 {
        color: var(--blue-color);
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(7) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(7) .capacity-card h3 {
        color: var(--bg-color);
    }

    .your-gateway-item p {
        font-size: 16px;
    }

    .your-gateway-item h2 {
        margin-bottom: 10px;
    }

    .road-trans-about {
        margin-bottom: 0;
    }

    .capacity-shipment-sec,
    .our-people-sec {
        padding-top: 0;
    }

    .page-template-page-transport-managers .our-people-sec {
        padding-top: 60px;
    }

    .common-road-grid-item {
        gap: 15px;
    }
}

@media screen and (max-width:767px) {

    .sec-spacing,
    .section_padding {
        padding-block: 50px;
    }

    .sec-spacing-margin {
        margin-block: 50px;
    }

    .road-trans-about {
        margin-bottom: 0;
    }

    .capacity-shipment-sec,
    .our-people-sec {
        padding-top: 0;
    }

    .page-template-page-transport-managers .our-people-sec {
        padding-top: 50px;
    }
}

@media screen and (max-width: 575px) {

    .capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card,
    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card {
        background-color: var(--bg-color);
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(4) .capacity-card h3,
    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(6) .capacity-card h3 {
        color: var(--blue-color);
    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card,
    .capacity-shipment-wp .row .col-xl-3:nth-child(5) .capacity-card {
        background: var(--blue-color);

    }

    .capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(3) .capacity-card h3,
    .capacity-shipment-wp .row .col-xl-3:nth-child(5) .capacity-card h4,
    .capacity-shipment-wp .row .col-xl-3:nth-child(5) .capacity-card h3 {
        color: var(--bg-color);
    }

    .road-service-item img {
        width: 15%;
        height: auto;
    }

    .road-trans-about::after {
        height: 80%;
    }

    .road-trans-about-content {
        padding-block: 50px;
    }
}

/* =========================== road transportation page css end ==================== */


/* ============================= logistic page css start ====================== */
.logistic-gateway .your-gateway-wp .row .col-lg-6 {
    padding-inline: 100px;
}

.logistic-gateway .your-gateway-wp .row .col-lg-6:first-child {
    position: relative;
}

.logistic-gateway .your-gateway-wp .row .col-lg-6:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 5%,
            rgba(255, 255, 255, 1) 50%,
            rgba(153, 153, 153, 0) 100%);
}

@media screen and (max-width: 1399px) {
    .logistic-gateway .your-gateway-wp .row .col-lg-6 {
        padding-inline: 50px;
    }
}

@media screen and (max-width: 991px) {
    .logistic-gateway .your-gateway-wp .row .col-lg-6:first-child::after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 50%, rgba(153, 153, 153, 0) 100%);
    }

    .logistic-gateway .your-gateway-wp .row .col-lg-6:first-child {
        padding-bottom: 40px;
    }
}

/* ============================= logistic page css end ====================== */


/* ======================= warehousing page css start =================== */
.warehousing-road-trans .road-trans-about-content {
    padding-top: 55px;
}

.warehousing-services-img {
    --size: 69px;
    width: var(--size);
    height: var(--size);
    background-color: var(--white-color);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.warehousing-services-list .row {
    row-gap: var(--bs-gutter-x);
    justify-content: center;
}

.warehousing-services-item {
    padding: 30px 21px;
    background-color: var(--bg-color);
    height: 100%;
}

.warehousing-services-content h4 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.warehousing-services-content p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
}

.what-we-do-sec {
    background-color: var(--bg-color);
}

.what-we-do-list {
    margin-top: 80px;
}

.what-we-do-wp .title_wrapper {
    max-width: 650px;
}

.what-we-do-item {
    position: relative;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.what-we-do-item::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 27, 66, 0.5);
    pointer-events: none;
    z-index: 0;
}

.what-we-do-content {
    position: relative;
}

.what-we-do-content h3 {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.what-we-do-list .row {
    row-gap: var(--bs-gutter-x);
}

.key-differentiators-list,
.key-differentiators-img {
    margin-top: 40px;
}

.key-differentiators-list .row {
    row-gap: var(--bs-gutter-x);
}


.key-differentiators-item h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.key-differentiators-item p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.key-differentiators-item p:last-child {
    margin-bottom: 0;
}

.our-people-content h2 {
    margin-bottom: 24px;
}

.our-people-content p {
    margin-bottom: 20px;
}

.our-people-content p:last-child {
    margin-bottom: 0;
}

.our-people-img img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1399px) {
    .what-we-do-list {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .our-people-sec-wp .row .col-lg-12 {
        order: -1;
    }

    .our-people-sec-wp .row {
        row-gap: var(--bs-gutter-x);
    }

    .what-we-do-list {
        margin-top: 40px;
    }

    .what-we-do-content h3 {
        font-size: 22px;
    }

    .industry-leading-wp .title_wrapper {
        margin-bottom: 40px;
    }

    .what-we-do-item {
        min-height: 220px;
    }
}

@media screen and (max-width: 991px) {
    .what-we-do-content h3 {
        font-size: 24px;
    }

    .key-differentiators-list,
    .key-differentiators-img {
        margin-top: 0;
    }

    .key-differentiators-wp .row {
        row-gap: 20px;
    }

    .industry-leading-wp .title_wrapper {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .what-we-do-wp .title_wrapper {
        max-width: 100%;
    }

    .key-differentiators-item p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .key-differentiators-list {
        margin-top: 30px;
    }

    .warehousing-services-content p {
        font-size: 14px;
        line-height: 1.4;
    }

    .our-people-content p {
        margin-bottom: 15px;
    }
}

/* ======================= warehousing page css end =================== */

/* ====================== business solution page css start ======================== */
.page-id-410 .what-we-do-wp .title_wrapper {
    max-width: 70%;
}

/* ====================== business solution page css end ======================== */

/* ====================== custom page css start ======================== */

.road-trans-about-content h5 {
    font-size: 16px;
    margin-bottom: 20px;
}

.customs-consultants-content p {
    font-size: 18px;
    margin-bottom: 20px;
}

.customs-consultants-content p:last-child {
    margin-bottom: 0;
}

.customs-consultants-img {
    height: 100%;
    width: 100%;
}

.why-choose-list-item h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    max-width: 80%;
}

.why-choose-list-item {
    padding: 34px 30px;
    background-color: var(--bg-color);
    clip-path: polygon(0 0, 75% 0, 100% 35%, 100% 100%, 0 100%, 0% 50%);
    height: 100%;
}

.why-choose-list-item h5::before {
    --size: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: var(--size);
    height: var(--size);
    background-color: var(--blue-color);
    border-radius: 50%;
}

.why-choose-list .row {
    row-gap: var(--bs-gutter-x);
}

@media screen and (max-width: 991px) {
    .customs-consultants-content p {
        font-size: 16px;
    }

    .why-choose-sec,
    .our-sustainability-sec {
        padding-top: 0;
    }
}

/* ====================== custom page css end ======================== */


/*  ========================= global forwarding page css start ==================== */
.global-forwarding-expertise .key-differentiators-img {
    margin-top: 0;
}

.global-forwarding-expertise .title_wrapper {
    max-width: 768px;
    margin-bottom: 80px;
}

.industry-leading-wp .title_wrapper {
    max-width: 890px;
    margin-bottom: 80px;
}

.industry-leading-item {
    padding: 24px;
    border: 1px solid #D8D8D8;
    height: 100%;
    min-height: 305px;
    transition: var(--transition);
    overflow: hidden;
}


.industry-leading-item h5 {
    font-size: 20px;
    line-height: 1.5;
    color: var(--black-color);
    margin-bottom: 18px;
    transition: var(--transition);
}

.industry-leading-item p {
    padding-left: 25px;
    position: relative;
    transition: var(--transition);
}

.industry-leading-item:hover {
    background-color: var(--yellow-color);
    /* transform: scaleY(0.95); */
}

.industry-leading-item:hover h5,
.industry-leading-item:hover p {
    color: var(--white-color);
    transform: scaleY(1.1);
}

.industry-leading-item p::before {
    --size: 8px;
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: var(--size);
    height: var(--size);
    background-color: var(--yellow-color);
    border-radius: 50%;
    transition: var(--transition);
}

.industry-leading-item:hover p::before {
    background-color: var(--white-color);
}

.industry-leading-list .row {
    row-gap: var(--bs-gutter-x);
}

@media screen and (max-width: 1399px) {

    .global-forwarding-expertise .title_wrapper,
    .industry-leading-wp .title_wrapper {
        margin-bottom: 50px;
    }

}

@media screen and (max-width: 1199px) {

    .global-forwarding-expertise .title_wrapper,
    .industry-leading-wp .title_wrapper {
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 991px) {
    .global-forwarding-expertise .title_wrapper {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .industry-leading-item {
        padding: 20px;
        min-height: 100%;
    }

    .global-forwarding-expertise .what-we-do-wp .title_wrapper {
        max-width: 100%;
    }

    .industry-leading-sec {
        padding-top: 0;
    }

    .key-differentiators-item h5 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .industry-leading-wp .title_wrapper {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .industry-leading-item h5 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 575px) {
    .industry-leading-item p {
        padding-left: 20px;
    }
}

/*  ========================= global forwarding page css end ==================== */

/*==================== same day delivery page css start ======================= */
.same-day-delivery-courier .why-choose-list {
    margin-top: 80px;
}

.same-delivery-gateway .row .col-lg-6:last-child .your-gateway-item h2 {
    max-width: 50%;
    margin: 0 auto 20px;
}

.industries-we-serve .warehousing-services .title_wrapper {
    max-width: 980px;
    margin: 0px auto 80px;
}

.industries-we-serve .warehousing-services {
    background-color: var(--bg-color);
}

.industries-we-serve .warehousing-services-item {
    background-color: var(--white-color);
}

.industries-we-serve .warehousing-services-img {
    background-color: var(--bg-color);
}

.same-day-delivery-courier .why-choose-list-item h5 {
    padding-left: 15px;
}

.same-day-delivery-courier .why-choose-list-item p {
    font-size: 20px;
    color: var(--blue-color);
    margin-bottom: 0;
}

.need-delivery-content {
    margin-left: -70px;
    max-width: 480px;
}

.need-delivery-content p {
    max-width: 420px;
    margin-bottom: 0;
}

.courier-ser-step .title_wrapper {
    max-width: 740px;
}

.courier-steps {
    position: relative;
    width: 360px;
}

.dot {
    --size: 83px;
    width: var(--size);
    height: var(--size);
    background-color: #fff;
    border-radius: 25px;
    position: relative;
    margin-bottom: 30px;
}

.dot::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #C4C4C4;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.big-number {
    position: absolute;
    font-size: 120px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.05);
    top: -70px;
    right: 40px;
    z-index: -1;
    font-size: 220px;
    line-height: 1.4;
}

.courier-steps h4,
.courier-steps p {
    font-size: 20px;
    line-height: 1.4;
}

.courier-steps-list {
    position: relative;
    height: 400px;
}

.courier-steps.step-1 {
    top: 230px;
    left: 160px;
    z-index: 22;
}

.steps-img {
    position: absolute;
    top: -190px;
    left: 0;
    width: 100%;
    height: 200px;
    z-index: 1;
}

.courier-steps.step-2 {
    top: -170px;
    left: 769px;
    z-index: 22;
}

.courier-steps.step-3 {
    top: -720px;
    left: 1150px;
    z-index: 22;
}

.courier-ser-step {
    position: relative;
    overflow: hidden
}

.courier-ser-step::before,
.courier-ser-step::after {
    content: '';
    position: absolute;
    width: 380px;
    height: auto;
    aspect-ratio: 1/1;
    background-color: var(--bg-color);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.courier-ser-step::before {
    left: -130px;
    top: auto;
    bottom: 0px;
}

.courier-ser-step::after {
    left: auto;
    right: -50px;
    top: 0;
    bottom: auto;
}

.your-gateway-sec .your-gateway-item {
    padding-inline: 50px;
}

.your-gateway-sec .row .col-lg-6:not(:last-child) .your-gateway-item {
    position: relative;
}

.your-gateway-sec .row .col-lg-6:not(:last-child) .your-gateway-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 50%, rgba(153, 153, 153, 0) 100%);
}

@media screen and (max-width: 1680px) {
    .need-delivery-content {
        margin-left: 0;
    }

    .big-number {
        font-size: 180px;
        top: -20px;
    }

    .courier-steps.step-1 {
        top: 210px;
        left: 100px;
    }

    .courier-steps.step-2 {
        left: 530px;
    }

    .courier-steps.step-3 {
        top: -550px;
        left: 950px;
    }

    .courier-steps p {
        font-size: 18px;
    }

    .courier-steps {
        width: 330px;
    }
}

@media screen and (max-width: 1399px) {
    .courier-steps {
        width: 300px;
    }

    .big-number {
        top: 20px;
        right: 40px;
        font-size: 100px;
    }

    .dot {
        --size: 75px;
    }

    .courier-steps h4,
    .courier-steps p {
        font-size: 18px;
        margin-bottom: 0;
    }

    .courier-steps.step-1 {
        top: 250px;
        left: 100px;
    }

    .courier-steps.step-2 {
        top: -110px;
        left: 420px;
    }

    .courier-steps.step-3 {
        top: -420px;
        left: 820px;
    }

    .same-day-delivery-courier .why-choose-list {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1199px) {
    .courier-steps {
        width: 230px;
    }

    .dot {
        --size: 65px;
    }

    .dot::before {
        width: 20px;
        height: 20px;
    }

    .courier-steps.step-1 {
        top: 290px;
        left: 30px;
    }

    .courier-steps.step-2 {
        top: -100px;
        left: 350px;
    }

    .steps-img {
        top: -160px;
    }

    .courier-steps.step-3 {
        top: -390px;
        left: 730px;
    }

    .same-day-delivery-courier .why-choose-list {
        margin-top: 40px;
    }

    .courier-steps p {
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .steps-img {
        display: none;
    }

    .courier-steps-list {
        position: unset;
        height: auto;
        display: flex;
        gap: 20px;
        margin-top: 30px;
    }

    .courier-steps,
    .big-number {
        position: unset;
        line-height: 1;
    }

    .dot {
        margin-bottom: 0;
        position: relative;
        --size: 55px;
        border-radius: 20px;
    }

    .dot:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 3px;
        width: 430%;
        background-color: var(--yellow-color);
        z-index: -1;
        pointer-events: none;
    }

    .courier-steps {
        width: 100%;
    }

    .same-day-delivery-courier .why-choose-list {
        margin-top: 30px;
    }

    .why-choose-list-item {
        padding: 20px;
    }

    .why-choose-list-item h5 {
        font-size: 18px;
    }

    .same-day-delivery-courier .why-choose-list-item p {
        font-size: 16px;
    }

    .need-delivery-content {
        max-width: 100%;
        margin-top: 30px;
    }

    .your-gateway-sec .row .col-lg-6:not(:last-child) .your-gateway-item::after {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    }

    .your-gateway-sec .row .col-lg-6:not(:last-child) .your-gateway-item {
        padding-bottom: 30px;
    }

    .your-gateway-sec .your-gateway-item {
        padding-inline: 0;
    }

    .need-delivery-img img {
        height: auto;
        aspect-ratio: 1 / .7;
    }

    .need-delivery-content p {
        max-width: 100%;
    }

    .courier-ser-step {
        padding-top: 0;
    }

    .courier-steps h4,
    .courier-steps p {
        font-size: 16px;
    }

}

@media screen and (max-width: 767px) {
    .dot:not(:last-child)::after {
        width: 330%;
    }

    .big-number {
        font-size: 80px;
    }
}

@media screen and (max-width: 575px) {
    .courier-steps-list {
        flex-direction: column;
    }

    .dot:not(:last-child)::after,
    .dot {
        display: none;
    }

    .big-number {
        font-size: 70px;
    }
}

/*==================== same day delivery page css end ======================= */


/*======================== legal pages css start ================================*/
.legal-banner {
    padding-block: 142px;
}

.legal-content-wp h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5;
}

.legal-content-wp p {
    margin-bottom: 20px;
    color: var(--blue-color);
}

.legal-content-wp p:last-child {
    margin-bottom: 0;
}

.legal-content-wp:not(:last-child) {
    margin-bottom: 30px;
}

.legal-content-wp ul {
    padding-left: 20px;
    list-style: disc;
    margin-left: 5px !important;
    margin-bottom: 20px !important;
}

.legal-content-wp ul li::marker {
    font-size: 13px;
    border-radius: 50%;
}

.legal-content-wp h6 {
    font-size: 16px;
    color: var(--yellow-color);
    margin-bottom: 20px;
}

.legal-content-wp .list-title {
    margin-bottom: 0;
}

.legal-content-wp a {
    color: var(--blue-color);
    text-decoration: underline !important;
}

@media screen and (min-width:1681px) {
    .legal-content-sec .container {
        max-width: 1345px;
    }
}

@media screen and (max-width:767px) {
    .legal-content-sec .container {
        max-width: 100%;
    }
}

/*======================== legal pages css end ================================*/

/* ===================== transport manager page start ======================== */

.transport-about-sec h2 {
    font-size: 24px;
}

.transport-about-sec .our-people-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.transport-about-sec .our-people-img img {
    max-width: 408px;
    height: 100%;
}

.transport-about-sec .our-people-sec-wp .row .col-lg-6:first-child .our-people-content {
    margin-right: -20px;
}

.transport-about-sec .our-people-sec-wp .row .col-lg-6:last-child .our-people-content {
    margin-left: -20px;
}

.transport-about-sec .our-people-content p {
    font-size: 18px;
}

.total-compliance {
    background-color: var(--bg-color);
}

.total-compliance-contact-list li {
    display: flex;
    gap: 16px;
    align-items: center;
}

.total-compliance-contact-list li a {
    font-size: 24px;
    line-height: 1.4;
    color: var(--gray-color);
    font-weight: 500;
}

.total-compliance-contact-list li a:hover {
    color: var(--blue-color);
}

.total-compliance-contact-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.total-compliance-contact-list img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(6733%) hue-rotate(191deg) brightness(89%) contrast(108%);
}

.total-compliance-contact p {
    margin-block: 24px;
    font-size: 24px;
}

.total-compliance-map {
    position: relative;
}

.total-compliance-map::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 33, 94, 0.2);
    pointer-events: none;
}

.total-compliance-map iframe {
    width: 100%;
}

.transport-odd-even-content h3 {
    margin-bottom: 24px;
}

.transport-odd-even-content {
    max-width: 660px;
    margin-left: auto;
}

.transport-odd-even-content p {
    font-size: 20px;
    margin-bottom: 24px;
    color: rgba(4, 27, 66, 0.8);
}

.transport-odd-even-content ul {
    list-style: disc;
    padding-left: 25px;
    margin-bottom: 24px !important;
    color: rgba(4, 27, 66, 0.8);
}

.transport-odd-even-content ul li::marker {
    font-size: 13px;
}

.transport-odd-even-content ul li {
    font-size: 20px;
    line-height: 1.4;
}

.transport-odd-even-sec .transport-odd-even-item:nth-child(odd) {
    background-color: var(--bg-color);
}

.transport-odd-even-sec .transport-odd-even-item:nth-child(even) .row {
    flex-direction: row-reverse;
}

.transport-odd-even-sec .transport-odd-even-item:nth-child(even) .row .transport-odd-even-content {
    margin-left: 0;
}

.transport-provide-icon {
    --size: 70px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(226, 176, 68, 0.12);
}

.transport-provide-item {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background-color: var(--bg-color);
    height: 100%;
}

.transport-provide-item h6 {
    text-align: center;
    margin-bottom: 0;
}

.transport-provide-list .row {
    row-gap: var(--bs-gutter-x);
}

.transport-provide-content h2 {
    margin-bottom: 60px;
}

.transport-provide-content {
    max-width: 725px;
}

.transport-management .logo-list-wp {
    padding: 28px;
    border: 1px solid rgba(146, 146, 146, 0.5);
}

.transport-management .logo-list .row {
    row-gap: var(--bs-gutter-x);
    margin-top: 20px;
}

.transport-management .about-img-wp::after {
    display: none;
}

.transport-management .back-img.first {
    width: 609px;
    height: 750px;
    margin-left: auto;
}

.transport-management .back-img.second {
    width: 380px;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
    left: 0;
}

.transport-management .about-img-wp {
    max-width: 700px;
}

.transport-management .about-content-wp {
    margin-left: 70px;
}

.transport-faq-content {
    background-color: var(--blue-color);
    padding: 50px;
    max-width: 575px;
}

.transport-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
    background: transparent !important;
}

.transport-faq .accordian_section_inner {
    padding: 50px;
}

.transport-faq .accordian_section_inner .accordion-item {
    padding: 0 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E9E9E9;
}

.transport-faq .accordian_section_inner .accordion-item:last-child {
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.transport-faq .accordian_section .accordion-item:before {
    top: 0;
}

.transport-faq-img.back-img {
    width: 100%;
    min-height: 370px;
    padding: 257px 15px 0;
    position: relative;
}

.transport-faq-name {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--yellow-color);
    padding: 8px;
    width: 20%;
    border-radius: 5px;
}

.transport-faq-name p {
    font-size: 12px;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 8px;
}

.transport-faq-name h4 {
    margin: 0;
    white-space: nowrap;
    position: relative;
    padding: 10px;
    width: 100%;
    z-index: 11;
}

.transport-faq-name h4::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 350%;
    height: 100%;
    background-color: var(--white-color);
    z-index: -1;
}

.transport-faq .transport-faq-left {
    padding: 10px !important;
    border-radius: 0;
    background-color: rgba(244, 248, 255, 0.1);
    color: var(--white-color);
}

.transport-faq .transport-faq-left .accordion-button {
    color: var(--white-color) !important;
}

.transport-faq .transport-faq-left .accordion-item::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(253deg) brightness(109%) contrast(101%);
}

.transport-faq .transport-faq-left .accordion-body li {
    color: var(--white-color);
    list-style: disc;
}

.transport-faq .accordion-body li {
    color: var(--gray-color);
}

.transport-faq .accordion-body ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style: disc;
}

.transport-faq-left-text {
    margin-block: 36px;
}

.transport-faq-left-text h3 {
    margin-bottom: 16px;
}

.transport-provide-img,
.transport-provide-img img {
    height: 100%;
}

@media screen and (max-width: 1680px) {
    .transport-about-sec .our-people-sec-wp .row .col-lg-6:last-child .our-people-content {
        margin-left: 0;
    }

    .transport-management .about-content-wp {
        margin-left: 40px;
    }

    .transport-management .back-img.second {
        width: 350px;
    }

    .transport-provide-content h2 {
        margin-bottom: 40px;
    }

    .transport-provide-item h6 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1399px) {
    .total-compliance-contact p {
        margin-block: 20px;
        font-size: 20px;
    }

    .total-compliance-contact-list li a {
        font-size: 20px;
    }

    .total-compliance-contact-list {
        gap: 20px;
    }

    .transport-management .back-img.first {
        width: 90%;
        height: 700px;
    }

    .transport-management .back-img.second {
        width: 50%;
    }

    .transport-management .logo-list-wp {
        padding: 20px;
    }

    .transport-odd-even-content h3 {
        margin-bottom: 10px;
    }

    .transport-odd-even-content p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .transport-odd-even-inner .row.align-items-center {
        align-items: flex-start !important;
    }

    .transport-provide-item {
        padding: 20px;
    }

    .transport-faq .accordian_section_inner {
        padding: 30px;
    }

    .transport-faq-content {
        padding: 30px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .transport-about-sec .our-people-img img {
        max-width: 100%;
        height: auto;
        aspect-ratio: 1 / .45;
        object-position: top;
    }

    .total-compliance-contact-list li {
        gap: 10px;
    }

    .total-compliance-contact-list li a {
        font-size: 18px;
    }

    .total-compliance-contact-list img {
        width: 22px;
    }

    .total-compliance-map iframe {
        height: 350px;
    }

    .transport-management .about-content-wp {
        margin-left: 0;
    }

    .transport-management .back-img.first {
        height: 600px;
    }

    .transport-provide-item h6 {
        font-size: 16px;
    }

    .transport-provide-item {
        padding: 15px;
    }

    .transport-provide-icon {
        --size: 50px;
    }

    .transport-provide-icon img {
        width: 90%;
        height: auto;
    }

    .transport-faq-content,
    .transport-faq .accordian_section_inner {
        padding: 20px;
    }
}

@media screen and (max-width: 991px) {
    .transport-about-sec .our-people-content p {
        font-size: 16px;
    }

    .transport-about-sec h2 {
        font-size: 20px;
    }

    .our-people-content h2 {
        margin-bottom: 15px;
    }

    .total-compliance-contact p {
        margin-block: 15px;
        font-size: 16px;
    }

    .total-compliance-wp .row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .total-compliance-contact-list {
        gap: 10px;
    }

    .transport-management .back-img.first {
        height: auto;
        aspect-ratio: 1 / .7;
    }

    .transport-management .back-img.second {
        width: 40%;
    }

    .logo-list-wp img {
        width: 70%;
        height: auto;
    }

    .logo-list-wp {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .transport-odd-even-content {
        max-width: 100%;
        margin-top: 20px;
    }

    .transport-odd-even-inner .row.align-items-center {
        gap: 30px;
    }

    .transport-odd-even-content p {
        font-size: 16px;
    }

    .transport-odd-even-img img {
        height: auto;
        aspect-ratio: 1 / .7;
    }

    .transport-provide-wp>.row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .transport-faq-content {
        padding: 30px;
    }

    .transport-provide-img img {
        height: auto;
        aspect-ratio: 1 / .7;
    }

    .transport-faq-content,
    .transport-faq .accordian_section_inner {
        padding: 15px;
    }

    .transport-odd-even-content ul li {
        font-size: 16px;
    }

    .transport-about-sec .our-people-sec-wp .row .col-lg-6:first-child .our-people-content {
        margin-right: 0;
    }
}

@media screen and (max-width: 575px) {
    .transport-management .logo-list .row {
        row-gap: 10px
    }

    .transport-management .logo-list-wp {
        padding: 15px 10px;
    }

    .transport-management .logo-list .row .col-lg-6 {
        padding-inline: 6px;
    }

    .transport-faq-content {
        padding: 20px;
    }
}

/* ===================== transport manager page end ======================== */

/* =============== leadership page css start ===================== */
.leaders-list-wp {
    margin-top: 80px;
}

.leaders-list-wp .row {
    row-gap: 30px;
}

.leaders-list-wp .row .col-lg-4 {
    padding-inline: 15px;
}

.leaders-grid-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 0 100%, 0 50%);
}

.leader-img-wp img {
    width: 100%;
    height: auto;
}

.leader-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 27, 66, 0.8);
    transform: translateY(100%);
    transition: var(--transition);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    padding: 97px 63px;
    /* overflow-y: auto; */
}

.leaders-info {
    background-color: var(--white-color);
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    padding: 10px 24px;
}

.leader-content {
    text-align: left;
}

.leader-content p {
    margin-bottom: 0;
}

.leaders-info p {
    margin-bottom: 5px;
}

.leaders-info h4 {
    margin-bottom: 0;
    font-weight: 700;
}

.leader-content .designation {
    opacity: .5;
    margin-bottom: 10px;
}

.leader-content h4 {
    margin-bottom: 36px;
}

.leaders-grid-item:hover .leaders-info {
    opacity: 0;
}

.leaders-grid-item:hover .leader-overlay {
    transform: translateY(0);
}

@media screen and (max-width: 1680px) {
    .leaders-list-wp .row .col-lg-4 {
        padding-inline: 10px;
    }

    .leaders-list-wp .row {
        row-gap: 20px;
    }

    .leaders-info {
        bottom: 20px;
        left: 20px;
        right: 20px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 1399px) {
    .leader-content h4 {
        margin-bottom: 20px;
    }

    .leader-overlay {
        padding: 50px 20px;
        overflow-y: auto;
    }

    .leaders-grid-item {
        clip-path: polygon(0 0, 85% 0%, 100% 15%, 100% 100%, 0 100%, 0 50%);
    }

    .leaders-list-wp {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1199px) {

    .leaders-info h4,
    .leader-content h4 {
        font-size: 20px;
    }

    .leaders-info p {
        font-size: 14px;
    }

    .leaders-list-wp {
        margin-top: 40px;
    }
}

@media screen and (max-width:767px) {
    /* .leader-img-wp img {
        aspect-ratio: 1 / .8;
        object-fit: cover;
        object-position: top;
    } */

    .leaders-info h4,
    .leader-content h4 {
        font-size: 18px;
    }

    .leaders-info {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .leaders-list-wp {
        margin-top: 30px;
    }

    .leaders-grid-item {
        height: auto;
        aspect-ratio: 1 / 1;
    }
}

/* =============== leadership page css end ===================== */

/* kaushik sir css start */

.common-road-img {
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 80% 100%, 0 100%, 0% 100%);
}

.common-road-content p {
    margin-bottom: 0;
    color: var(--blue-color);
}

.common-road-grid-list .row {
    row-gap: var(--bs-gutter-x);
}

.industry_list_head {
    margin: 0 0 40px;
}

.industry_box_wrap {
    padding: 30px;
    background: var(--bg-color);
    height: 100%;
}

.industry_box_wrap .industry_box_img {
    aspect-ratio: 43 / 25;
    overflow: hidden;
    width: 100%;
    clip-path: polygon(100% 0, 100% 80%, 85% 100%, 0 100%, 0 0);
}

.industry_box_wrap .industry_box_img img {
    width: 100%;
    height: 100%;
}

.industry_box_content {
    padding: 20px 0 0;
}

.industry_box_content h4 {
    font-weight: 600;
    margin: 0 0 10px;
}

.industry_box_content h4 a {
    color: var(--blue-color);
    transition: var(--transition);
}

.industry_box_content h4 a:hover {
    color: var(--yellow-color);
}

.industry_box_content>a {
    font-size: 18px;
    font-weight: 400;
    color: var(--blue-color);
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: underline !important;
}

.industry_box_content>a:hover {
    color: var(--yellow-color);
}

.industry_box_content hr {
    margin: 25px 0;
    border-color: var(--gray-color);
    opacity: 0.3;
}

.industry_box_content>a img {
    transition: var(--transition);
}

/* .industry_box_content>a:hover {
    color: var(--yellow-color);
    text-decoration: none;
} */

.industry_box_content>a:hover img {
    transform: rotate(20deg);
}

.center-title-sec h2 {
    margin-bottom: 0;
}

.center-title-sec h2 span {
    color: var(--yellow-color);
}

.list_section_right hr:last-child {
    display: none;
}

.expertise_title p {
    font-size: 20px;
    font-weight: 500;
    color: var(--blue-color);
    padding-left: 50px;
}

.mb_80 {
    margin-bottom: 80px;
}

.expertise_img {
    aspect-ratio: 37/45;
    overflow: hidden;
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}

.expertise_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.expertise_img:hover img {
    transform: scale(1.08);
}

.bg_cover {
    background-size: cover;
    background-repeat: no-repeat;
}

.story_box_wrapper {
    max-width: 1110px;
    margin: 0 auto;
}

.story_slider {
    padding-bottom: 50px;
}

.story_img {
    width: 100%;
    aspect-ratio: 57/31;
    overflow: hidden;
}

.story_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story_content {
    padding-left: 30px;
}

.story_content h6 {
    font-size: 14px;
    font-weight: 700;
    color: var(--gray-color);
    text-transform: uppercase;
    margin: 0 0 10px;
}

.story_content h3 {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 15px;
}

.story_content p {
    font-size: 14px;
    font-weight: 400;
    color: var(--blue-color);
}

.story_slider .swiper-button-next,
.story_slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    background: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    border: 0;
    top: 40%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.story_slider .swiper-button-prev:hover,
.story_slider .swiper-button-next:hover {
    background-color: var(--yellow-color);
}

.story_slider .swiper-button-next {
    right: 150px;
}

.story_slider .swiper-button-prev {
    right: inherit;
    left: 150px;
}

.story_slider .swiper-button-next:after,
.story_slider .swiper-button-prev:after {
    content: 'next';
    background: inherit;
    font-size: 20px;
    text-align: center;
    width: auto;
    height: auto;
    font-weight: 600;
    color: #000;
}

.story_slider .swiper-button-prev:after {
    content: 'prev';
}

.story_slider .swiper-pagination .swiper-pagination-bullet {
    background: #929292;
    opacity: 0.5;
    width: 60px;
    height: 2px;
    border-radius: 0;
    opacity: 0.2;
}

.story_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--yellow-color);
    opacity: 1;
    outline: 0;
    height: 4px;
}

.story_slider .swiper-pagination {
    bottom: 0;
}

.testimonial_img {
    position: relative;
}

.global_network_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}

.testimonial_img .about-delivery-good {
    right: -30px;
    left: inherit;
    z-index: 9;
    top: inherit;
    bottom: 160px;
}

.number_wrapper {
    margin-top: auto;
}

.number_wrapper ul {
    display: flex;
    align-items: center;
    background: var(--white-color);
}

.number_wrapper li {
    width: fit-content;
    flex-grow: 1;
    padding: 12px 24px;
    font-size: 30px;
    font-weight: 400;
    color: var(--gray-color);
    border-left: 2px solid var(--yellow-color);
}

.number_wrapper li span {
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: var(--blue-color);
    margin: 0 0 10px;
}

.contact_left_wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}

.expert_contact_wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 500px;
}

.expert_contact_wrapper ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(15px);
}

.expert_contact_wrapper ul li .icon {
    width: 52px;
    height: 52px;
    background: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.expert_contact_wrapper ul li .content {
    width: calc(100% - 72px);
}

.expert_contact_wrapper ul li .content h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
}

.expert_contact_wrapper ul li .content a {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    transition: var(--transition);
}

.expert_contact_wrapper ul li .content a:hover {
    color: var(--yellow-color);
}

.contact_chat {
    max-width: 550px;
    margin-top: auto;
}

.certificate_wrapper ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.certificate_wrapper ul li {
    width: 160px;
    height: 160px;
    flex-shrink: 0;
}

.certificate_wrapper ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.complexity_box {
    background: #F0F0F0;
    padding: 30px 30px 65px;
}

.complexity_box_wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.complexity_box .icon {
    width: 70px;
    height: 70px;
    background: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 12px;
}

.complexity_box h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 30px;
}

.complexity_box p {
    font-size: 18px;
    font-weight: 500;
    color: var(--blue-color);
    margin-bottom: 0;
}

.complexity_img {
    width: 100%;
    /* overflow: hidden; */
    /* aspect-ratio: 50/56; */
    height: 100%;
}

.complexity_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advantage_process_list ul {
    padding-left: 150px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.advantage_process_list ul li {
    width: calc(33.333%);
    max-width: 360px;
    position: relative;
}

.advantage_process_list ul li .number {
    font-size: 260px;
    line-height: 1;
    color: #000;
    opacity: 0.05;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: -52px;
}

.advantage_process_list ul li .dot {
    width: 82px;
    height: 82px;
    border-radius: 25px;
    background: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px;
}

.advantage_process_list ul li .dot b {
    width: 30px;
    height: 30px;
    background: #C4C4C4;
    border-radius: 13px;
}

.advantage_process_list ul li h5 {
    font-size: 20px;
    font-weight: 800;
    color: var(--blue-color);
    text-transform: uppercase;
    margin: 0 0 10px;
}

.advantage_process_list ul li p {
    font-size: 20px;
    font-weight: 500;
}

.advantage_process_list {
    position: relative;
    margin-top: -260px;
}

.advantage_process_list .line_img {
    position: absolute;
    left: -50px;
    top: 30px;
}

.advantage_process_list ul li:nth-child(2) {
    margin-top: 300px;
}

.advantage_process_list ul li:first-child {
    margin-top: 500px;
}

.advanrage_wrapper {
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.advanrage_wrapper:before {
    content: "";
    position: absolute;
    left: -170px;
    bottom: 0;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: var(--bg-color);
    z-index: -1;
}

.advanrage_wrapper:after {
    content: "";
    position: absolute;
    right: -170px;
    top: 0;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: var(--bg-color);
    z-index: -1;
}

.delivery_features {
    padding-top: 60px;
}

.delivery_left {
    padding-right: 50px;
}

.delivery_right {
    padding-left: 50px;
}

.delivery_img img,
.delivery_img {
    height: 100%;
}

.delivery_img {
    max-width: 724px;
    margin-left: auto;
}

.delivery_features_box {
    padding: 30px;
    background: var(--bg-color);
    text-align: center;
    height: 100%;
}

.delivery_features_box .icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    background: rgba(226, 177, 68, 0.12);
}

.delivery_features_box h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px;
}

.delivery_features_box p {
    font-size: 18px;
    font-weight: 400;
    color: var(--blue-color);
    opacity: 0.5;
    margin-bottom: 0;
}

.delivery_right {
    height: 100%;
}

.delivery_right .delivery_img {
    height: 100%;
}

.delivery_right .delivery_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.technology_box {
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #687fa7;
    border-left: 3px solid var(--yellow-color);
    box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 0.1);
    height: 100%;
}

.technology_box h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--white-color);
    margin: 0 0 15px;
}

.technology_box p {
    font-size: 16px;
    font-weight: 400;
    color: var(--bg-color);
    margin: 0;
    opacity: 0.8;
}

.technology_wrapper h2 {
    color: var(--bg-color);
}

.techmology_img {
    /* aspect-ratio: 58/66; */
    height: 100%;
    overflow: hidden;
    max-width: 580px;
    margin-left: auto;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, -70% 100%, 17% 0%);
}

.techmology_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accordion-item {
    border: 0;
    padding: 40px 25px;
    position: relative;
    background: transparent;
}

.accordion-item>span:before {
    content: attr(data-num);
    font-size: 22px;
    font-weight: 500;
    color: var(--gray-color);
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-header {
    max-width: 740px;
    margin: 0 auto;
    padding: 0 40px;
}

.accordion-button {
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    box-shadow: none !important;
    background: transparent;
    color: var(--blue-color) !important;
}

.accordion-button:after {
    display: none;
}

.accordion-body {
    padding: 20px 40px 0;
    max-width: 740px;
    margin: 0 auto;
    color: var(--gray-color);
}

.accordion-item:after {
    content: "";
    position: absolute;
    right: 25px;
    top: 48px;
    width: 16px;
    height: 2px;
    background: var(--gray-color);
    border-radius: 5px;
    transition: var(--transition);
}

.accordion-item:before {
    content: "";
    position: absolute;
    right: 32px;
    top: 41px;
    width: 2px;
    height: 16px;
    background: var(--gray-color);
    border-radius: 5px;
    transition: var(--transition);
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.accordion-body p:last-child {
    margin: 0;
}

.accordion-item:has(.accordion-button:not(.collapsed)):before {
    display: none;
}

.accordion-item:has(.accordion-button:not(.collapsed)) {
    background: var(--white-color);
}

.care_wrapper {
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.care_box {
    background: var(--bg-color);
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.care_box .icon {
    width: 56px;
    height: 56px;
}

.care_box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.care_box .content {
    width: calc(100% - 80px);
}

.company_strength_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.care_box .content h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--blue-color);
    text-transform: uppercase;
    margin: 0 0 5px;
}

.care_box .content p {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color);
    margin: 0;
}

.trust_box {
    background: var(--white-color);
    border: 1px solid #D8D8D8;
    padding: 24px;
    height: 100%;
    transition: var(--transition);
}

.trust_box .trust_head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 20px;
}

.trust_box .trust_head .icon {
    width: 70px;
    height: 70px;
    background: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}

.trust_box .trust_head .icon img {
    transition: var(--transition);
}

.trust_box .trust_head h4 {
    width: calc(100% - 86px);
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
    margin: 0;
    text-transform: uppercase;
    transition: var(--transition);
}

.trust_box ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.trust_box ul li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #636363;
    transition: var(--transition);
}

.trust_box ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yellow-color);
    transition: var(--transition);
}

.trust_box:hover {
    background: var(--yellow-color);
}

.trust_box:hover .trust_head .icon {
    background: var(--white-color);
}

.trust_box:hover .trust_head .icon img {
    filter: brightness(0);
}

.trust_box:hover .trust_head h4 {
    color: var(--white-color);
}

.trust_box:hover ul li {
    color: var(--white-color);
}

.trust_box:hover ul li:before {
    background: var(--white-color);
}

.dark_bg_section {
    position: relative;
    padding: 180px 0;
}

.dark_bg_wrapper {
    position: relative;
    padding-right: 80px;
}

.dark_bg_wrapper:before {
    content: "";
    position: absolute;
    left: -30%;
    top: -80px;
    width: 130%;
    height: calc(100% + 160px);
    background: var(--blue-color);
    z-index: -1;
}

.img_wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    height: calc(100% - 360px);
    transform: translateY(-50%);
    width: 40%;
}

.img_wrapper img {
    width: 100%;
    height: 100%;
}

.accordian_section_inner {
    background: rgba(240, 240, 240, 0.5);
    padding: 25px 100px;
    border-radius: 12px;
}

.accordian_section .accordion-item {
    border-bottom: 1px solid #E9E9E9;
    padding: 25px 0;
}

.accordian_section .accordion-item:has(.accordion-button:not(.collapsed)) {
    background: transparent;
}

.accordian_section .accordion-body {
    padding: 20px 0px 0 70px;
    max-width: inherit;
}

.accordian_section .accordion-header {
    max-width: inherit;
    margin: 0 auto;
    padding: 0 0 0 70px;
}

.accordian_section .accordion-item:before {
    content: "";
    position: absolute;
    right: inherit;
    top: 16px;
    left: 0;
    width: 42px;
    height: 42px;
    background: url('../images/industry-we-serve/plus.svg');
    background-size: 42px;
    border-radius: 5px;
    transition: 0.5s ease;
    border-radius: 50%;
}

.accordian_section .accordion-item:has(.accordion-button:not(.collapsed)):before {
    display: block;
    background: url('../images/industry-we-serve/minus.svg');
}

.accordian_section .accordion-item:after {
    display: none;
}

.accordian_section .accordian_section_inner .accordion .accordion-item:last-child {
    border-bottom: 0;
}

.inner-banner-sec .hero-banner-content {
    max-width: inherit;
}

.elevate_left_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.elevate_left_wrap .elevate_bottom {
    margin-top: auto;
}

.elevate_bottom p {
    font-size: 18px;
    font-weight: 500;
    color: var(--blue-color);
    margin: 0;
}

.elevate_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 610px;
    margin-left: auto;
}

.elevate_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_primary {
    color: var(--yellow-color) !important;
}

.list_section_left {
    padding-right: 50px;
}

.list_section_right h4 {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--blue-color);
    margin: 0 0 20px;
}

ul.list_ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

ul.list_ul li {
    padding-left: 24px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #636363;
}

ul.list_ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yellow-color);
    transition: 0.2s ease;
}

.other_service_wrapper {
    padding: 15px 30px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    margin-top: 80px;
}

.other_service_box {
    padding: 25px 30px;
    border-radius: 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.other_service_box h4 {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 30px;
}

.other_service_box p {
    font-size: 16px;
    font-weight: 500;
    color: var(--blue-color);
    margin: 0 0 30px;
}

.other_service_dark {
    background: #1A1A1A url('../images/industry-we-serve/line-bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.other_service_dark h4,
.other_service_dark p {
    color: var(--white-color);
}

.double_img_wrap img {
    border: 10px solid var(--white-color);
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

.double_img_wrap img.img_one {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 500px;
}

.double_img_wrap img.img_two {
    aspect-ratio: 4/5;
    width: 100%;
    max-width: 400px;
    margin-left: 245px;
    margin-top: -220px;
}

.auto_img1 {
    max-width: 420px;
    margin: 0 auto;
}

.dark_bg_wrapper ul.list_ul li {
    color: var(--yellow-color);
    font-size: 16px;
    font-weight: 600;
}

.delivery_features_box.primary_icon_box .icon {
    background: var(--yellow-color);
}

.delivery_features_box.primary_icon_box .icon img {
    filter: brightness(0) invert(1);
}

.delivery_features_box.primary_icon_box h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.blue_box_light h4 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blue_box_light h4 img {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.blue_box_light h4 span {
    width: calc(100% - 70px);
    font-size: 24px;
    font-weight: 600;
}

.case_study_box {
    background: var(--white-color);
    padding: 24px;
    clip-path: polygon(80% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
    height: 100%;
}

.case_study_box h4 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.case_study_box h4 img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.case_study_box h4 span {
    font-size: 20px;
    font-weight: 600;
    width: calc(100% - 53px);
}

.case_study_box p {
    margin: 0;
}

.p_16 {
    font-size: 16px !important;
}

.small_spacing {
    padding-block: 60px;
}

.about_wrap_img {
    aspect-ratio: 70/55;
    overflow: hidden;
    width: 100%;
    clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}

.about_wrap_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_number_box {
    padding: 50px 40px;
    background: var(--bg-color);
    color: var(--blue-color);
    clip-path: polygon(75% 0, 100% 23%, 100% 100%, 0 100%, 0 0);
    height: 100%;
}

.about_number_box h4 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 40px;
}

.about_number_box h3 {
    font-size: 80px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    text-align: right;
}

.about_number_box hr {
    margin: 30px 0;
    border-color: var(--gray-color);
    opacity: 0.3;
}

.about_number_box p {
    margin: 0;
}

.about_number_Wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.about_number_Wrapper li {
    width: calc(50% - 12px);
}

.about_number_Wrapper li:nth-child(2) .about_number_box,
.about_number_Wrapper li:nth-child(3) .about_number_box {
    background: var(--blue-color);
}

.about_number_Wrapper li:nth-child(2) .about_number_box h4,
.about_number_Wrapper li:nth-child(2) .about_number_box h3,
.about_number_Wrapper li:nth-child(2) .about_number_box p {
    color: var(--bg-color);
}

.performance_img {
    aspect-ratio: 1/1;
    overflow: hidden;
    max-width: 580px;
    margin-left: auto;
    clip-path: polygon(75% 0, 100% 23%, 100% 100%, 0 100%, 0 0);
}

.performance_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cimmitment_img {
    aspect-ratio: 77/65;
}

.p_20 {
    font-size: 20px;
    margin-bottom: 0;
}

.cimmitment_img_right {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, -70% 100%, 17% 0%);
}

.why_choose_inner {
    margin-top: 50px;
}

.why_choose_wrapper .title_wrapper {
    max-width: 40%;
    margin: 0 auto;
}

.why_choose_box {
    background-color: var(--bg-color);
    padding: 16px 70px 16px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    clip-path: polygon(0 0, 100% 0%, 100% 0%, 87% 100%, 0% 100%, 0 0%);

}

.why_choose_box_main {
    position: relative;
}

.why_choose_box_main:before {
    content: "";
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: var(--yellow-color);
}

.why_choose_box_main:after {
    content: "";
    position: absolute;
    left: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url('../images/plus.svg');
    background-size: 22px;
}

.why_choose_box_wrapper .why_choose_box_main:nth-child(2):before {
    left: -50%;
    width: 50%;
}

.why_choose_box_wrapper .why_choose_box_main:nth-child(2):after {
    left: -50%;
}

.why_choose_box_wrapper .why_choose_box_main:nth-child(3):before {
    left: -60%;
    width: 60%;
}

.why_choose_box_wrapper .why_choose_box_main:nth-child(3):after {
    left: -60%;
}

.why_choose_box_wrapper.left .why_choose_box_main:before {
    right: -80%;
    width: 80%;
    left: inherit;
}

.why_choose_box_wrapper.left .why_choose_box_main:after {
    left: inherit;
    right: -80%;
}

.why_choose_box_wrapper.left .why_choose_box_main:nth-child(2):before {
    right: -67%;
    width: 67%;
}

.why_choose_box_wrapper.left .why_choose_box_main:nth-child(2):after {
    right: -67%;
}

.why_choose_box_wrapper.left .why_choose_box_main:nth-child(3):before {
    right: -63%;
    width: 63%;
}

.why_choose_box_wrapper.left .why_choose_box_main:nth-child(3):after {
    right: -63%;
}

.why_choose_box_wrapper.left .why_choose_box {
    background-color: var(--bg-color);
    padding: 16px 20px 16px 60px;
    flex-direction: row-reverse;
    text-align: right;
    clip-path: polygon(0 0, 100% 0%, 100% 0%, 100% 100%, 13% 100%, 0 0%);
}

.why_choose_box .icon {
    width: 68px;
    height: 68px;
    background: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.why_choose_box .icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 39px;
    height: 4px;
    background: var(--white-color);
    border-radius: 5px;
    transform: translateX(-50%);
}

.why_choose_box h5 {
    margin: 0;
    width: calc(100% - 88px);
}

.why_choose_box_wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.industry_wrapper {
    background: var(--bg-color);
    position: relative;
    z-index: 9;
}

.industry_wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 35%;
    height: 100%;
    background: var(--blue-color);
    z-index: -1;
}

.industry_slider {
    padding-top: 140px;
    margin-top: -60px;
}

.industry_box {
    position: relative;
    z-index: 9;
    clip-path: polygon(82% 0, 100% 12%, 100% 100%, 0 100%, 0 0);
}

.industry_box .industry_img {
    aspect-ratio: 37/45;
    overflow: hidden;
    width: 100%;
}

.industry_box .industry_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industry_box .industry_content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
    z-index: 9;
}

.industry_content h2 {
    font-size: 26px;
    font-weight: 700;
    background: var(--white-color);
    padding: 10px;
    margin: 0 0 0 10px;
}

.industry_content h6 {
    font-size: 12px;
    font-weight: 500;
    background: var(--yellow-color);
    padding: 8px 8px 70px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 0;
    z-index: -1;
    color: var(--white-color);
}

.process_wrapper {
    margin: 80px auto 0;
    max-width: 1150px;
}

.process_wrapper ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.process_wrapper ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    height: 1px;
    opacity: 0.5;
    background:
        linear-gradient(90deg, var(--gray-color) 50%, transparent 0) repeat-x,
        linear-gradient(90deg, var(--gray-color) 50%, transparent 0) repeat-x,
        linear-gradient(0deg, var(--gray-color) 50%, transparent 0) repeat-y,
        linear-gradient(0deg, var(--gray-color) 50%, transparent 0) repeat-y;

    background-size:
        16px 2px,
        16px 2px,
        2px 16px,
        2px 16px;

    background-position:
        0 0,
        0 100%,
        0 0,
        100% 0;

}

.process_wrapper ul li {
    width: calc(33.333%);
    max-width: 200px;
    text-align: center;
    position: relative;
    /* min-height: 428px; */
}

.process_wrapper ul li:before {
    content: "";
    position: absolute;
    right: -70%;
    top: 15px;
    width: 28px;
    height: 28px;
    background: url('../images/plane.svg');
    background-size: 28px;
    background-repeat: no-repeat;
}

.process_wrapper ul li:last-child:before {
    display: none;
}

.process_box {
    position: relative;
}

.process_box:before {
    content: "";
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    background: url('../images/process-arrow.svg');
    background-repeat: no-repeat;
    background-size: 150px;
}

.process_wrapper ul li:last-child .process_box:before {
    display: none;
}

.process_box span {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ECF0F1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: var(--gray-color);
    margin: 0 auto 50px;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);
}

.process_box .icon {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    outline: 1px solid var(--yellow-color);
    outline-offset: 15px;
}


.process_box p {
    margin-bottom: 0;
}

.process_box h4 {
    margin: 0 0 5px;
    font-size: 24px;
}

.client_testimonial_wrapper p.text-end.m-0 {
    max-width: 690px;
    float: right;
}

.testimonial_inner_wrapper {
    margin-top: 80px;
}

.client_testimonial_wrapper {
    background: var(--bg-color);
}

.testimonial_box {
    padding: 30px 80px 30px 30px;
    background: var(--white-color);
}

.testimonial_box>p {
    font-size: 20px;
    font-weight: 500;
    color: var(--blue-color);
    margin: 0 0 20px;
    height: 150px;
    overflow: hidden;
}

.testimonial_box .user_wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.testimonial_box .user_wrapper img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.testimonial_box .user_wrapper .userName {
    width: calc(100% - 72px);
}

.testimonial_box .user_wrapper .userName h6 {
    margin: 0 0 5px;
}

.testimonial_box .user_wrapper .userName p {
    margin: 0;
}

.testimonial_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.testimonial_img {
    width: 100%;
    height: 100%;
}

.testimonial_img img {
    width: 100%;
    height: 100%;
	object-position: top;
}

/* .testimonial_wrap .testimonial_box:first-child,
.testimonial_wrap .testimonial_box:nth-child(2) {
    clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
} */
.beyond-construction {
    position: relative;
}

.beyond-construction::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 27, 66, 0.5);
    pointer-events: none;
}

.beyond-construction .title_wrapper h6 {
    color: var(--bg-color);
}

.beyond-construction .title_wrapper {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.dark_bg_wrapper .title_wrapper h6 {
    color: var(--white-color);
}

.technology_wrapper h6,
.technology_wrapper p {
    color: var(--bg-color);
}

.technology_wrapper p {
    font-size: 16px;
}

.technology_wrapper-wp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.technology_wrapper-wp .title_wrapper {
    margin-bottom: 35px;
}

footer {
    background: var(--blue-color);
}

.fixed-footer-button {
    position: fixed;
    bottom: 40px;
    top: auto;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    z-index: 22;
}

footer .main_footer {
    padding: 100px 0 80px;
}

.footer-links-wp {
    padding-left: 90px;
}

.newsletter_form p {
    display: flex;
    /* align-items: center; */
    justify-content: flex-end;
    margin-bottom: 0;
    position: relative;
}

.newsletter_form input[type="email"] {
    max-width: 450px;
    background-color: transparent;
    border: 1px solid var(--gray-color);
    border-radius: 0;
    color: var(--white-color) !important;
    box-shadow: none !important;
    padding: 15px 20px;
}

.newsletter_form input[type="email"]::placeholder {
    color: var(--gray-color);
}

.newsletter_form input[type="submit"] {
    line-height: 0;
}

.newsletter_form .button:hover {
    background-color: rgba(226, 176, 68, 0.9);
    color: var(--blue-color);
}

.newsletter_form .button:hover img {
    filter: unset;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: #dc3232;
    border-color: #dc3232;
}

.wpcf7-not-valid-tip {
    position: absolute;
}

.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
}

.form-control:focus {
    background-color: transparent;
    border-color: var(--gray-color);
}

.newsletter_wrapper {
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid rgba(244, 248, 255, 0.3)
}

.newsletter_wrapper span.wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    background-color: #454b51;
}

.footer_logo_wrap>img {
    margin: 0 0 10px;
}

.footer_logo_wrap p {
    margin: 0 0 20px;
    color: var(--bg-color);
    opacity: 0.8;
    font-size: 16px;
    font-weight: 400;

}

.social_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.social_wrapper li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(244, 248, 255, 0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease;
}

.social_wrapper li a img {
    transition: 0.5s ease;
}

.social_wrapper li a:hover {
    background: var(--yellow-color);
}

.social_wrapper li a:hover img {
    filter: invert(1);
}

.footer_link h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--white-color);
    margin: 0 0 30px;
    position: relative;
}

.footer_link h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 18px;
    height: 2px;
    background: var(--bg-color);
}

.footer_link h4:after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -10px;
    width: 50px;
    height: 2px;
    background: var(--yellow-color);
}

.footer_link ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer_link ul li a {
    color: var(--bg-color);
    opacity: 0.8;
    font-size: 16px;
    font-weight: 400;
    transition: var(--transition);
}

.footer_link ul li a:hover,
.footer_link li.current-menu-item a {
    color: var(--yellow-color);
    opacity: 1;
}

.copyright_wrapper ul li.current-menu-item.current_page_item a {
    color: var(--white-color);
}

.contact_detail ul {
    margin: 0 0 20px;
}

.contact_detail li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact_detail li:nth-child(2) {
    word-break: break-all;
}

.contact_detail li>img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.contact_detail li a {
    width: calc(100% - 30px);
}

.contact_detail h5 {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
    margin-block: 20px;
}

.contact_detail p {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
}

.contact_detail p span {
    font-weight: 600;
    color: var(--yellow-color);
    display: block;
}

.copyright_wrapper p {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-color);
}

.copyright_wrapper {
    padding: 25px 0;
    background: var(--yellow-color);
}

.copyright_wrapper ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.copyright_wrapper ul li {
    padding: 0 15px;
    border-left: 1px solid var(--blue-color);
}

.copyright_wrapper ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-color);
}

.copyright_wrapper ul li a:hover {
    color: var(--white-color);
}

.copyright_wrapper ul li:first-child {
    border-left: 0;
}

.inner_banner_wrappper {
    padding: 150px 0;
}

.inner_banner_wrappper:before {
    display: none;
}

.inner_banner_wrappper .hero-banner-content {
    max-width: inherit;
}

/* .awards-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 70px;
} */
.awards-grid {
    display: flex;
    gap: 90px;
    overflow-x: auto;
    scroll-behavior: smooth;
}

.awards-grid::-webkit-scrollbar {
    display: none;
}

.award-item {
    width: 240px;
    flex-shrink: 0;
}

.award-item {
    text-align: center;
}

.award-item h4 {
    font-weight: 700;
    margin-bottom: 0;
}

.award-item p {
    font-size: 18px;
    line-height: 1.4;
}

.award-icon {
    margin-bottom: 30px;
}

.industry_wrapper .title_wrapper h2 {
    margin-bottom: 0;
}

.our-commitment p.p_20 {
    color: var(--blue-color);
}

.our-commitment .our-commitment-rows {
    margin-bottom: 100px;
}

.our-commitment .our-commitment-rows.flex-row-reverse {
    margin-bottom: 0;
}

.story_wrapper .title_wrapper h2 {
    max-width: 700px;
    margin: 0 auto 20px;
}

.industry_top_wrapper .title_wrapper {
    max-width: 785px;
}

.industry_box_content p {
    color: var(--blue-color);
}

.list_section_right hr {
    border-top: 1px solid #e9e9e9 !important;
    opacity: 1;
}

.list_section_wrapper .title_wrapper p span {
    color: var(--yellow-color);
    text-decoration: underline !important;
}

.accordion-body .text_primary {
    text-decoration: underline !important;
}

.other_service_wrapper .row .col-md-6:nth-child(1) .other_service_box {
    padding-left: 0;
}

.energy-chemicals-center-intro .title_wrapper {
    max-width: 1250px;
    margin: 0 auto;
}

.dark_bg_wrapper ul.list_ul {
    max-width: 495px;
}

@media screen and (max-width: 1680px) {
    .about_number_box h3 {
        font-size: 60px;
    }

    .about_number_box h4 {
        font-size: 24px;
        margin: 0px 0 20px;
    }

    .industry_wrapper .title_wrapper {
        max-width: 60%;
    }

    .number_wrapper li span {
        font-size: 40px;
        line-height: 1.4;
    }

    .number_wrapper li {
        font-size: 22px;
    }

    .accordian_section_inner {
        padding: 25px 40px;
    }

    .footer-links-wp {
        padding-left: 0px;
    }

    .story_slider .swiper-button-next {
        right: 10px;
    }

    .story_slider .swiper-button-prev {
        left: 10px;
    }
}

@media screen and (max-width: 1399px) {
    .about_number_box {
        padding: 25px;
    }

    .about_number_box h3 {
        font-size: 48px;
    }

    .why_choose_box .icon {
        width: 60px;
        height: 60px;
    }

    .why_choose_box h5 {
        font-size: 18px;
    }

    .why_choose_box {
        gap: 10px;
        padding: 20px;
    }

    .why_choose_box_wrapper.left .why_choose_box {
        padding: 16px 20px;
    }

    .process_wrapper {
        margin: 50px auto 0;
    }

    .testimonial_box {
        padding: 30px;
    }

    .testimonial_box>p {
        font-size: 18px;
        margin: 0 0 15px;
        height: auto;
    }

    .testimonial_inner_wrapper {
        margin-top: 50px;
    }

    footer .main_footer {
        padding-block: 80px;
    }

    .newsletter_wrapper {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    .mb_80 {
        margin-bottom: 50px;
    }

    .story_content {
        padding-left: 0;
    }

    .story_slider .swiper-button-next,
    .story_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .story_slider .swiper-button-next {
        right: 45%;
        transform: translateX(-50%);
        top: auto;
        bottom: 25px;
    }

    .story_slider .swiper-button-prev {
        left: 45%;
        top: auto;
        bottom: 25px;
        transform: translateX(-50%);
    }

    .story_slider {
        padding-bottom: 100px;
        position: relative;
    }

    .expertise_title p {
        font-size: 16px;
        padding-left: 0;
    }

    .number_wrapper li span {
        font-size: 30px;
    }

    .number_wrapper li {
        font-size: 20px;
    }

    .global_network_content {
        gap: 10px;
    }

    .certificate_wrapper ul {
        gap: 40px;
    }

    .industry_box_wrap {
        padding: 20px;
    }

    .complexity_box h4 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .complexity_box p {
        font-size: 16px;
    }

    .delivery_left {
        padding-right: 0;
    }

    .delivery_features_box {
        padding: 20px;
    }

    .delivery_features_box h4 {
        font-size: 18px;
    }

    .delivery_features_box p {
        font-size: 16px;
    }

    .technology_box h4 {
        font-size: 22px;
        margin: 0 0 10px;
    }

    .technology_box {
        padding: 15px;
    }

    .care_box .content h4 {
        font-size: 22px;
    }

    .care_box {
        padding: 20px;
        gap: 15px;
    }

    .elevate_bottom p {
        font-size: 16px;
    }

    .trust_box .trust_head .icon {
        width: 60px;
        height: 60px;
    }

    .trust_box {
        padding: 20px;
    }

    .trust_box ul {
        gap: 10px;
    }

    .dark_bg_section {
        padding: 130px 0;
    }

    .img_wrapper {
        height: calc(100% - 240px);
    }

    .double_img_wrap img.img_two {
        width: 50%;
        max-width: 400px;
        margin-left: 245px;
        margin-top: -220px;
    }

    .blue_box_light h4 span {
        font-size: 22px;
    }

    .blue_box_light h4 img {
        width: 45px;
        height: 45px;
    }

    .leaders-innovation .pe-5 {
        padding-right: 0 !important;
    }

    .leaders-innovation .ps-5 {
        padding-left: 0 !important;
    }

    .other_service_wrapper {
        margin-top: 50px;
    }

    .courier-ser-step::before,
    .courier-ser-step::after {
        width: 300px;
    }

    .why_choose_wrapper .title_wrapper {
        max-width: 48%;
    }

    .industry_content h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .mb_80 {
        margin-bottom: 40px;
    }

    .about_wrapper .pe-5 {
        padding-right: 0 !important;
    }

    .about_number_box hr {
        margin: 15px 0;
    }

    .about_number_box h4 {
        font-size: 18px;
        margin: 0px 0 15px;
    }

    .about_number_box {
        padding: 20px;
        clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    }

    .about_number_box h3 {
        font-size: 44px;
    }

    .about_wrap_img {
        margin-bottom: 20px !important;
    }

    .why_choose_img.text-center img {
        width: 95%;
    }

    .why_choose_box_wrapper {
        gap: 30px;
    }

    .why_choose_box .icon img {
        width: 30px;
    }

    .why_choose_box .icon {
        width: 50px;
        height: 50px;
    }

    .why_choose_box h5 {
        font-size: 14px;
    }

    .process_box:before {
        right: -80%;
        top: 40%;
    }

    .process_box .icon {
        width: 130px;
        height: 130px;
    }

    .process_wrapper {
        margin: 40px auto 0;
    }

    .testimonial_box {
        padding: 20px;
    }

    .testimonial_box>p {
        font-size: 16px;
    }

    .testimonial_box .user_wrapper .userName h6 {
        margin: 0;
        font-size: 16px;
    }

    .testimonial_inner_wrapper {
        margin-top: 40px;
    }

    footer .main_footer {
        padding-block: 60px 40px;
    }

    .newsletter_wrapper {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .copyright_wrapper ul {
        flex-wrap: wrap;
        row-gap: 7px;
    }

    .p_20 {
        font-size: 18px;
    }

    .awards-grid {
        gap: 40px;
    }

    .award-item p {
        font-size: 16px;
    }

    .award-icon {
        margin-bottom: 20px;
    }

    .story_slider .swiper-button-next {
        right: 43%;
    }

    .story_slider .swiper-button-prev {
        left: 43%;
    }

    .accordion-button {
        font-size: 18px;
    }

    .accordian_section .accordion-header {
        padding: 0 0 0 60px;
    }

    .number_wrapper li span {
        font-size: 20px;
    }

    .number_wrapper li {
        font-size: 16px;
    }

    .certificate_wrapper ul {
        gap: 30px;
    }

    .complexity_box {
        padding: 20px;
    }

    .complexity_box h4 {
        font-size: 18px;
        margin: 0 0 11px;
    }

    .complexity_box .icon {
        width: 60px;
        height: 60px;
    }

    .delivery_features_box h4 {
        font-size: 16px;
    }

    .delivery_features_box {
        padding: 15px;
    }

    .delivery_features_box .icon {
        width: 50px;
        height: 50px;
    }

    .care_box .content h4 {
        font-size: 20px;
    }

    .care_wrapper {
        padding-left: 0;
    }

    .list_section_left {
        padding-right: 20px;
    }

    .list_section_right h4 {
        font-size: 20px;
        margin: 0 0 10px;
    }

    .trust_box .trust_head h4 {
        font-size: 17px;
    }

    .trust_box .trust_head .icon img {
        width: 60%;
        height: auto;
    }

    .trust_box .trust_head .icon {
        width: 50px;
        height: 50px;
    }

    .dark_bg_section {
        padding: 80px 0;
    }

    .double_img_wrap img.img_two {
        width: 46%;
    }

    .delivery_features_box.primary_icon_box .icon img {
        width: 75%;
    }

    .delivery_features_box.primary_icon_box h4 {
        font-size: 18px;
    }

    .blue_box_light h4 span {
        font-size: 20px;
    }

    .tech-consumer-electronics .center-title-sec {
        padding-bottom: 80px;
    }

    .center-title-sec {
        padding-bottom: 0;
    }

    .technology_wrapper-wp .title_wrapper {
        margin-bottom: 40px;
    }

    .courier-ser-step::before,
    .courier-ser-step::after {
        width: 250px;
    }

    .process_box h4 {
        font-size: 22px;
    }

    .our-commitment .our-commitment-rows {
        margin-bottom: 80px;
    }

    .story_content h3 {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .mb_80 {
        margin-bottom: 30px;
    }

    .about_wrap_img {
        margin-bottom: 30px !important;
    }

    .story_slider .swiper-button-next,
    .story_slider .swiper-button-prev {
        width: 50px;
        height: 50px;
        top: 35%;
    }

    .story_slider {
        padding-bottom: 50px;
    }

    .story_slider .swiper-button-next {
        right: 5%;
    }

    .story_slider .swiper-button-prev {
        left: 10%;
    }

    /* .awards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    } */
    .award-icon img {
        width: 75%;
    }

    .why_choose_box_wrapper.left .why_choose_box_main:before,
    .why_choose_box_wrapper.left .why_choose_box_main:after,
    .why_choose_box_main:before {
        display: none;
    }

    .why_choose_inner .row .col-lg-6 {
        order: -1;
    }

    .why_choose_box h5 {
        font-size: 18px;
        width: fit-content;
        text-align: left;
    }

    .why_choose_box .icon {
        flex-shrink: 0;
    }

    .why_choose_box_wrapper.left .why_choose_box {
        flex-direction: row;
        clip-path: polygon(0 0, 100% 0%, 100% 0%, 87% 100%, 0% 100%, 0 0%);
    }

    .industry_wrapper h2 {
        max-width: 80%;
    }

    .industry_slider {
        padding-top: 100px;
    }

    .process_box:before {
        display: none;
    }

    .process_wrapper ul li {
        min-height: auto;
    }

    .process_wrapper ul li:before {
        right: -20%;
    }

    .performance_img {
        aspect-ratio: 1 / .7;
        max-width: 100%;
    }

    .process_box .icon {
        width: 100px;
        height: 100px;
    }

    .process_box .icon img {
        width: 50%;
    }

    .process_wrapper {
        margin: 30px auto 0;
    }

    .testimonial_inner_wrapper {
        margin-top: 30px;
    }

    .client_testimonial_wrapper .text-end {
        text-align: left !important;
    }

    .testimonial_img {
        height: auto;
/*         aspect-ratio: 1 / .6; */
    }

    .copyright_wrapper p {
        text-align: center;
    }

    .copyright_wrapper ul {
        justify-content: center;
    }

    .copyright_wrapper .col-lg-7 {
        margin-top: 15px;
    }

    footer .main_footer {
        padding-block: 40px 20px;
    }

    .newsletter_wrapper {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .copyright_wrapper p,
    .copyright_wrapper ul li a {
        font-size: 14px;
    }

    .newsletter_form {
        justify-content: flex-start;
    }

    .newsletter_form .form-control {
        max-width: 100%;
        padding: 11px 20px;
    }

    .our-commitment .cimmitment_img {
        aspect-ratio: 1 / .7;
        margin-bottom: 0 !important;
    }

    .our-commitment .ps-5 {
        padding-left: 0 !important;
    }

    .p_20 {
        font-size: 16px;
    }

    .our-commitment h2 {
        margin-bottom: 10px !important;
    }

    .our-commitment .flex-row-reverse {
        margin-bottom: 0;
    }

    .accordion-button {
        font-size: 16px;
    }

    .industry_wrapper .title_wrapper {
        max-width: 80%;
    }

    .expertise_img {
        aspect-ratio: 1 / .7;
    }

    .network_img img {
        aspect-ratio: 1 / .7;
    }

    .certificate_wrapper ul {
        gap: 20px;
        justify-content: flex-start;
    }

    .industry_box_wrap {
        padding: 20px;
    }

    .complexity_img {
        height: auto;
        aspect-ratio: 1 / .7;
    }

    .complexity_box_wrapper {
        flex-direction: row;
    }

    .complexity_box {
        flex: 0 0 48%;
    }

    .delivery_features_box {
        padding: 20px;
    }

    .delivery_img img {
        aspect-ratio: 1 / .7;
    }

    .accordion-item>span:before {
        font-size: 20px;
        left: 20px;
    }

    .accordion-item {
        padding: 25px 20px;
    }

    .accordion-body {
        padding: 10px 40px 0;
    }

    .techmology_img {
        aspect-ratio: 1 / .7;
        height: auto;
        max-width: 100%;
        margin-top: 30px;
    }

    .technology_box h4 {
        font-size: 20px;
    }

    .beyond-construction .title_wrapper {
        max-width: 100%;
    }

    .accordian_section_inner {
        padding: 25px;
    }

    .elevate_img {
        max-width: 100%;
    }

    .elevate_img img {
        max-width: 100%;
        height: auto;
        aspect-ratio: 1/.7;
    }

    .elevate_wrapper .row {
        flex-direction: column-reverse;
    }

    .list_section_left {
        padding-right: 0;
    }

    ul.list_ul {
        gap: 7px;
    }

    .img_wrapper {
        position: relative;
        top: 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1 / .7;
        transform: unset;
    }

    .dark_bg_wrapper {
        padding-right: 0;
        position: unset;
    }

    .dark_bg_wrapper:before {
        left: 0;
        top: auto;
        width: 100%;
        height: 65%;
        bottom: 0;
    }

    .dark_bg_section {
        padding: 60px 0;
    }

    .double_img_wrap img.img_two {
        width: 50%;
        margin-top: -300px;
    }

    .double_img_wrap img.img_one {
        aspect-ratio: 1 / .7;
        max-width: 100%;
    }

    .auto_img1 img {
        aspect-ratio: 1 / .7;
        height: auto;
    }

    .auto_img1 {
        max-width: 100%;
    }

    .title_wrapper h6 {
        margin: 0 0 5px;
    }

    .home .working_process_wrapper {
        padding-top: 60px;
    }

    .working_process_wrapper {
        padding-top: 0;
    }

    .delivery_features_box.primary_icon_box h4 {
        font-size: 18px;
    }

    .blue_box_light h4 {
        gap: 10px;
    }

    .leaders-innovation .img_wrap1 img {
        aspect-ratio: 1 / .7;
    }

    .other_service_box h4 {
        font-size: 20px;
        margin: 0 0 10px;
    }

    .other_service_wrapper {
        padding: 20px;
        margin-top: 20px;
    }

    .other_service_box {
        padding: 20px;
    }

    .tech-consumer-electronics .center-title-sec {
        padding-bottom: 50px;
    }

    .center-title-sec {
        padding-bottom: 0;
    }

    .technology_wrapper-wp .title_wrapper {
        margin-bottom: 20px;
    }

    .courier-ser-step::before,
    .courier-ser-step::after {
        width: 170px;
    }

    .courier-ser-step::before {
        left: -60px;
    }

    .double_img_wrap img {
        border-width: 7px;
    }

    .why_choose_wrapper .title_wrapper {
        max-width: 58%;
    }

    .process_box h4 {
        font-size: 20px;
    }

    .client_testimonial_wrapper p.text-end.m-0 {
        max-width: 100%;
    }

    .our-commitment .our-commitment-rows {
        margin-bottom: 60px;
    }

    .story_content h3 {
        font-size: 20px;
    }

    .care_box .content h4 {
        font-size: 18px;
    }

    .care_box .icon {
        width: 46px;
        height: 46px;
    }

    .care_wrapper {
        gap: 15px;
    }

    .number_wrapper {
        margin-top: 30px;
    }

    .company_strength_section {
        padding-bottom: 0;
    }

    .newsletter_form p {
        justify-content: flex-start;
    }
}



@media screen and (max-width:767px) {
    .our-commitment .our-commitment-rows {
        margin-bottom: 50px;
    }

    .industry_wrapper:before {
        display: none;
    }

    .industry_wrapper h2 {
        max-width: 100%;
    }

    .industry_slider {
        margin-top: 0px;
    }

    .swiper-button-next.white,
    .swiper-button-prev.white {
        border-color: var(--blue-color);
    }

    .swiper-button-next.white:after,
    .swiper-button-prev.white:after {
        filter: unset;
    }

    .swiper-button-next.white:hover,
    .swiper-button-prev.white:hover {
        border-color: var(--yellow-color);
    }

    .story_img {
        aspect-ratio: 1 / .7;
    }

    .industry_content h2 {
        font-size: 20px;
    }

    .certificate_wrapper ul li {
        width: 120px;
        height: 120px;
    }

    .list_section_right h4 {
        font-size: 18px;
    }

    .courier-ser-step::before,
    .courier-ser-step::after {
        display: none;
    }

    .technology_box h4 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .why_choose_wrapper .title_wrapper {
        max-width: 100%;
    }

    .process_box h4 {
        font-size: 18px;
    }

    .home .working_process_wrapper {
        padding-top: 50px;
    }

    .process_box .icon {
        width: 80px;
        height: 80px;
    }

    .industry_slider {
        padding-top: 80px;
    }
}

@media (max-width: 576px) {
    .awards-grid {
        grid-template-columns: 1fr;
    }

    .process_box .icon {
        width: 80px;
        height: 80px;
        outline-offset: 10px;
        margin: 0 auto 20px;
    }

    .process_wrapper ul {
        flex-direction: column;
        gap: 20px;
    }

    .process_wrapper ul li {
        width: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .process_wrapper ul:before {
        display: none;
    }

    .process_wrapper ul li:before {
        display: none;
    }

    .process_wrapper ul span:after {
        content: "";
        position: absolute;
        left: 0;
        top: 28px;
        width: 100%;
        height: 1px;
        opacity: 0.5;
        background: linear-gradient(90deg, var(--gray-color) 50%, transparent 0) repeat-x, linear-gradient(90deg, var(--gray-color) 50%, transparent 0) repeat-x, linear-gradient(0deg, var(--gray-color) 50%, transparent 0) repeat-y, linear-gradient(0deg, var(--gray-color) 50%, transparent 0) repeat-y;
        background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
        background-position: 0 0, 0 100%, 0 0, 100% 0;
        z-index: -1;
    }

    .testimonial_wrap {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .why_choose_box h5 {
        font-size: 16px;
    }

    .award-icon img {
        width: 40%;
    }

    .award-icon {
        margin-bottom: 12px;
    }

    .about_number_Wrapper li {
        width: 100%;
    }

    .about_number_Wrapper li:nth-child(2) .about_number_box,
    .about_number_Wrapper li:nth-child(4) .about_number_box {
        background: var(--blue-color);
    }

    .about_number_Wrapper li:nth-child(4) .about_number_box h4,
    .about_number_Wrapper li:nth-child(4) .about_number_box h3,
    .about_number_Wrapper li:nth-child(4) .about_number_box p {
        color: var(--bg-color);
    }

    .about_number_Wrapper li:nth-child(3) .about_number_box {
        background: var(--bg-color);
    }

    .about_number_Wrapper li:nth-child(3) .about_number_box h4,
    .about_number_Wrapper li:nth-child(3) .about_number_box h3,
    .about_number_Wrapper li:nth-child(3) .about_number_box p {
        color: var(--blue-color);
    }

    .story_slider .swiper-button-next,
    .story_slider .swiper-button-prev {
        width: 40px;
        height: 40px;
        top: 15%;
    }

    .story_slider {
        padding-bottom: 30px;
    }

    .story_slider .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
    }

    .accordian_section .accordion-item:before {
        width: 35px;
        height: 35px;
        background-size: 35px !important;
    }

    .accordian_section .accordion-header {
        padding: 0 0 0 50px;
    }

    .complexity_box_wrapper {
        flex-direction: column;
    }

    .complexity_box {
        flex: 0 0 100%;
    }

    .double_img_wrap img.img_two {
        width: 40%;
        margin-top: -250px;
    }

    .dark_bg_wrapper:before {
        height: 72%;
    }

    .request_quote_form .arrow img {
        width: 40px;
        height: auto;
    }

    .request_quote_form {
        gap: 10px;
    }

    .request_quote_form .form_group .form-select {
        padding: 10px 20px;
    }

    .story_content h3 {
        font-size: 18px;
    }

    .care_box .content h4 {
        font-size: 16px;
    }

    .care_box .icon {
        width: 36px;
        height: 36px;
    }

    .fixed-footer-button {
        bottom: 30px;
        right: 10px;
        gap: 10px;
    }

    .fixed-footer-button img {
        width: 60px;
        height: 60px;
    }

    .request_quote_form .form_group label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .request_quote_form_wrap {
        margin: -350px auto 0;
    }
}

@media screen and (max-width: 450px) {

    /* .story_slider .swiper-button-next,
    .story_slider .swiper-button-prev {
        display: none;
    } */

    .double_img_wrap img.img_two {
        display: none;
    }



    .request_quote_form_inner {
        padding: 15px;
    }

/*     .sticky-header .logo img {
        width: 75%;
    } */

    .logo {
        width: 50%;
    }

    .number_wrapper li span {
        font-size: 16px;
    }

    .number_wrapper li {
        padding: 10px;
    }

    .number_wrapper ul {
        flex-wrap: wrap;
    }

    .newsletter_form button {
        font-size: 14px;
        padding: 10px;
        height: unset;
    }
}

/* kaushik sir css end */
/*======================= carrier page css start ====================== */
.joint-business-sec .about-img-wp {
    padding-bottom: 211px;
}

.joint-business-counter {
    position: absolute;
    bottom: 0;
    background-color: var(--blue-color);
    padding: 30px 45px;
}

.joint-business-counter h2 {
    font-size: 60px;
    /* color: var(--white-color); */
    margin-bottom: 0;
}

.joint-business-counter p {
    text-align: center;
    /* color: var(--white-color); */
    font-size: 18px;
    margin-bottom: 0;
}

.joint-business-list li {
    position: relative;
    padding-left: 64px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--blue-color);
}

ul.joint-business-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    margin-bottom: 20px !important;
}

.joint-business-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 30px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.9611%2026.7308C17.6431%2018.964%2030.2323%209.98279%2037.1855%205.05679C37.3748%204.9228%2037.6001%204.84926%2037.832%204.84583C38.0638%204.8424%2038.2912%204.90925%2038.4843%205.03759C38.6334%205.13616%2038.7574%205.26809%2038.8465%205.42292C38.9357%205.57774%2038.9876%205.75121%2038.9981%205.92957C39.0085%206.10793%2038.9773%206.28628%2038.9069%206.45049C38.8365%206.61469%2038.7288%206.76024%2038.5923%206.87559C30.2511%2013.922%2020.3243%2022.352%2017.3267%2031.6384C17.2739%2031.8042%2017.1846%2031.9561%2017.0654%2032.083C16.9462%2032.2099%2016.8002%2032.3085%2016.6379%2032.3716C15.1171%2032.9636%2012.7967%2034.1564%2011.4239%2034.9868C11.288%2035.0694%2011.1364%2035.123%2010.9787%2035.1442C10.821%2035.1654%2010.6606%2035.1538%2010.5076%2035.11C10.3547%2035.0662%2010.2124%2034.9913%2010.0898%2034.8899C9.96716%2034.7885%209.86685%2034.6628%209.79514%2034.5208C7.66834%2030.342%204.24914%2025.1864%201.41274%2022.8508C1.28918%2022.7483%201.18862%2022.6209%201.11764%2022.4769C1.04666%2022.3329%201.00685%2022.1755%201.00081%2022.0151C0.994768%2021.8547%201.02263%2021.6948%201.08259%2021.5458C1.14254%2021.3969%201.23323%2021.2623%201.34874%2021.1508C7.01674%2015.7324%2011.1967%2023.1528%2012.9607%2026.7304L12.9611%2026.7308Z%22%20fill%3D%22%234DB177%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: #4DB177;
    pointer-events: none;
}

.joint-business-sec .about-content-wp {
    max-width: 733px;
    margin-left: 100px;
}

.onboarding-left-content {
    position: sticky;
    top: 120px;
}

.step-number {
    font-size: 18px;
    color: var(--yellow-color);
    font-weight: 500;
    margin-bottom: 10px;
}

.onboarding-right-content {
    position: relative;
    padding-left: 60px;
}

.onboarding-right-content .step {
    position: relative;
    display: flex;
    gap: 24px;
}

.onboarding-right-content .step:not(:last-child) {
    padding-bottom: 80px;
}

.onboarding-right-content .icon {
    --size: 80px;
    width: var(--size);
    height: var(--size);
    background: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    flex-shrink: 0;
}

.onboarding-right-content .step p {
    font-size: 18px;
    color: rgba(4, 27, 66, 0.5);
}

.onboarding-right-content .step:not(:last-child):after {
    content: "";
    position: absolute;
    left: 40px;
    top: 0;
    width: 2px;
    height: 100%;
    background: var(--yellow-color);
    z-index: 0;
    pointer-events: none;
}


.onboarding-sec {
    background-color: var(--bg-color);
}

.onboarding-sec .content h4 {
    font-weight: 700;
}

.proven-perfomance-sec {
    position: relative;
}

.proven-perfomance-sec::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 27, 66, 0.9);
    z-index: 0;
    pointer-events: none;
}

.proven-perfomance-wp {
    position: relative;
}

.proven-perfomance-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-block: 60px !important;
}

.proven-perfomance-list li {
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    line-height: 1.5;
    padding: 20px 20px 20px 66px;
    background-color: rgba(255, 255, 255, 0.1);
}

.proven-perfomance-list li::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%200C5.38294%200%200%205.38294%200%2012C0%2018.6171%205.38294%2024%2012%2024C18.6171%2024%2024%2018.6171%2024%2012C24%205.38294%2018.6171%200%2012%200ZM18.082%209.45703L11.582%2015.9569C11.387%2016.1519%2011.131%2016.2501%2010.875%2016.2501C10.619%2016.2501%2010.363%2016.1519%2010.168%2015.9569L6.91809%2012.707C6.52697%2012.316%206.52697%2011.684%206.91809%2011.293C7.30903%2010.9019%207.94091%2010.9019%208.33203%2011.293L10.875%2013.836L16.6681%208.04309C17.059%207.65197%2017.6909%207.65197%2018.082%208.04309C18.473%208.43403%2018.473%209.06591%2018.082%209.45703Z%22%20fill%3D%22%234DB177%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: #4DB177;
    width: 24px;
    height: 24px;
}

.proven-perfomance-content {
    max-width: 830px;
}

.proven-perfomance-img img,
.proven-perfomance-img {
    height: 100%;
}

.proven-perfomance-img img {
    object-fit: cover;
}

.proven-perfomance-img {
    margin-left: auto;
}

.proven-perfomance-img {
    display: flex;
    justify-content: flex-end;
    clip-path: polygon(30% 0, 100% 0, 100% 45%, 100% 100%, 0 100%, 0 30%);
}

.proven-perfomance-content h6.subtitle {
    color: rgba(244, 248, 255, 0.5);
}

.registration-form .steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 1495px;
    margin: 80px auto;
}

.registration-form .steps::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    border-top: 2px dashed #dcdcdc;
    z-index: 0;
}

.registration-form .step {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 20%;
}

.registration-form .step-circle {
    --size: 56px;
    width: var(--size);
    height: var(--size);
    margin: 0 auto;
    border-radius: 50%;
    background: var(--gray-color);
    color: var(--white-color);
    font-size: 20px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.registration-form .step.active .step-circle,
.registration-form .step.completed .step-circle {
    background: var(--blue-color);
}

.registration-form .step.active .step-label,
.registration-form .step.completed .step-label {
    color: var(--blue-color);
    font-weight: bold;
}

.registration-form .form-card {
    background: var(--white-color);
    padding: 80px;
}

.form-card .form-group {
    margin-bottom: 40px;
}

.form-card .form-group input,
.form-card .form-group select {
    background-color: #EDEDED;
}

.form-card .form-title {
    margin-bottom: 60px;
}

.form-card h3 {
    font-weight: 600;
}

form#multiStepForm {
    max-width: 1200px;
    margin: 0 auto;
}

.step-label.h4-2 {
    font-weight: 600;
    color: var(--gray-color);
    margin-top: 1rem;
}

.registration-form .btn-prev {
    background: transparent;
    border: 1px solid var(--blue-color);
    transition: var(--transition);
}

.registration-form .btn-prev:hover {
    background-color: var(--blue-color);
}

.registration-form .btn-prev:hover img {
    transform: rotate(-45deg);
}

.registration-form .form-step {
    display: none;
}

.registration-form .form-step.active {
    display: block;
}

.button-group {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.custom-select {
    position: relative;
    width: 100%;
}

.custom-select select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.custom-select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--black-color);
    border-bottom: 2px solid var(--black-color);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

/* ---------------- Radio Buttons ---------------- */
.form-card .sub-text {
    color: var(--blue-color);
    font-weight: 600;
}

.radio-group {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.radio-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: #EDEDED;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    width: 200px;
    color: var(--gray-color);
}

.radio-box input {
    display: none;
}

.custom-radio {
    width: 16px;
    height: 16px;
    border: 1px solid var(--gray-color);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.radio-box input:checked+.custom-radio {
    border: 7px solid var(--yellow-color);
}

.radio-box input:checked+.custom-radio::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--white-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ---------------- Phone Group ---------------- */

.phone-group {
    display: flex;
    align-items: center;
    background: #EDEDED;
    /* overflow: hidden; */
    position: relative;
    padding-inline: 20px;
}

div#countrySelect {
    flex-shrink: 0;
}

.country-code {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    background: #e0e0e0;
    font-size: 14px;
}

.phone-group input:focus {
    outline: none;
}

.country-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 260px;
    background: var(--white-color);
    border: 1px solid #ddd;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
}

.country-dropdown li {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

.country-dropdown li:hover {
    background: #f5f5f5;
}

.country-dropdown img {
    width: 20px;
}

/* Grid Layout */
.vehicles-grid {
    display: flex;
    gap: 80px;
    justify-content: space-between;
}

.vehicle-column {
    flex: 1;
}

/* Vehicle Row */
.vehicle-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 40px;
}

/* Counter */
.counter {
    display: flex;
    align-items: center;
    gap: 8px;
}

.counter button {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    color: var(--gray-color);
}

.counter input {
    width: 40px;
    padding: 10px 13px;
    text-align: center;
    border: none;
    background: var(--bg-color);
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
}

.vehicle-label {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--gray-color);
}

.vehicle-column.left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vehicle-column h4.h4-2 {
    margin-bottom: 22px;
}

.upload-row {
    display: flex;
    gap: 42px;
    margin-bottom: 1rem;
}

.upload-section {
    flex: 1;
}

.upload-section strong {
    color: var(--blue-color);
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}

.upload-box {
    padding: 20px 30px;
    background: var(--bg-color);
    /* border: 1px dashed var(--gray-color); */
    text-align: center;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--blue-color);
}

label.upload-box::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        repeating-linear-gradient(90deg, #929292 0 8px, transparent 8px 16px) top,
        repeating-linear-gradient(90deg, #929292 0 8px, transparent 8px 16px) bottom,
        repeating-linear-gradient(0deg, #929292 0 8px, transparent 8px 16px) left,
        repeating-linear-gradient(0deg, #929292 0 8px, transparent 8px 16px) right;

    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
    background-repeat: no-repeat;
}

.upload-box input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
}

.upload-box .upload-icon {
    margin-bottom: 10px;
}

.note {
    font-size: 18px;
    color: rgba(4, 27, 66, 0.5);
    line-height: 1.5;
}

.note strong {
    color: var(--blue-color);
}

.upload-box small {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color);
    margin-top: 10px;
    display: block;
}

.browse-file-wp {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 10px;
    background-color: #fff;
    width: fit-content;
    margin: 10px auto 0;
}

.browse-file-wp strong {
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.radio-grp label.radio-box {
    width: 400px;
}

.radio-grp {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.button-group button.btn-next.button {
    margin-left: auto;
}

.form-message {
    max-width: 1200px;
    margin: 20px auto;
    font-weight: 600;
}

.form-message.success {
    color: #46b450;
}

.form-message.error {
    color: #dc3232;
}

@media screen and (max-width: 1680px) {
    .joint-business-sec .about-content-wp {
        margin-left: 50px;
    }

    .joint-business-counter {
        padding: 30px;
    }

    ul.joint-business-list {
        gap: 30px;
    }

    .joint-business-list li {
        padding-left: 50px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1399px) {
    .joint-business-sec .about-content-wp {
        margin-left: 0;
    }

    .joint-business-list li {
        padding-left: 40px;
        font-size: 16px;
    }

    ul.joint-business-list {
        gap: 30px 10px;
    }

    .joint-business-counter h2 {
        font-size: 42px;
    }

    .onboarding-right-content {
        padding-left: 0;
    }

    .proven-perfomance-list li::before {
        left: 15px;
    }

    .proven-perfomance-list li {
        font-size: 18px;
        line-height: 1.4;
        padding: 20px 20px 20px 50px;
    }

    .proven-perfomance-list {
        margin-block: 30px !important;
    }

    .registration-form .form-card {
        padding: 50px;
    }

    .form-card .form-title {
        margin-bottom: 40px;
    }

    .registration-form .steps {
        margin: 60px auto;
    }
}

@media screen and (max-width: 1199px) {
    .joint-business-sec .img-wp .first {
        width: 90%;
    }

    .joint-business-sec .img-wp .second {
        right: 0;
        width: 60%;
    }

    ul.joint-business-list {
        gap: 20px 10px;
    }

    .onboarding-right-content .icon {
        --size: 60px;
    }

    .onboarding-right-content .step:not(:last-child):after {
        left: 30px;
    }

    .onboarding-right-content .icon img {
        width: 35px;
        height: auto;
    }

    .onboarding-right-content .step:not(:last-child) {
        padding-bottom: 60px;
    }

    .proven-perfomance-list li {
        font-size: 16px;
        padding: 15px 15px 15px 40px;
    }

    .proven-perfomance-list li::before {
        left: 10px;
        width: 20px;
    }

    .registration-form .form-card {
        padding: 30px;
    }

    .button-group {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .onboarding-left-content {
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }

    .joint-business-sec .img-wp .first {
        aspect-ratio: 1 / .7;
    }

    .joint-business-sec .about-img-wp {
        padding-bottom: 170px;
    }

    /* .sustainability-about-sec .about-content-wp p {
        margin-block: 15px;
    } */

    .onboarding-right-content .step:not(:last-child) {
        padding-bottom: 20px;
    }

    .onboarding-right-content .step p,
    .step-number {
        font-size: 16px;
    }

    .proven-perfomance-img img {
        width: 100%;
    }

    .proven-perfomance-img {
        aspect-ratio: 1/.7;
    }

    .proven-perfomance-wp .row {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .proven-perfomance-list {
        gap: 15px;
    }

    .registration-form .step-circle {
        --size: 44px;
    }

    .registration-form .steps {
        margin: 30px auto;
        overflow-x: auto;
        gap: 50px;
    }

    .step-label.h4-2 {
        white-space: nowrap;
        margin-top: 5px;
    }

    .button-group {
        margin-top: 30px;
    }

    .form-card .form-group,
    .radio-group {
        margin-bottom: 30px;
    }

    .radio-box {
        padding: 17px;
    }

    .vehicles-grid {
        gap: 20px;
        flex-direction: column;
    }

    .upload-row {
        gap: 30px;
        flex-direction: column;
    }

    ul.joint-business-list {
        gap: 15px;
    }

    .registration-form .step {
        width: fit-content;
    }

    .registration-form .steps::before {
        display: none;
    }

    .registration-form .step::before {
        content: "";
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        border-top: 2px dashed #dcdcdc;
        z-index: -1;
        width: 150%;
    }
}

@media screen and (max-width: 575px) {
    .joint-business-sec .img-wp .first {
        aspect-ratio: 1 / 1;
    }

    .joint-business-sec .img-wp .second {
        width: 65%;
    }

    .joint-business-counter {
        padding: 20px;
    }

    .joint-business-counter h2 {
        font-size: 28px;
    }

    .joint-business-sec .about-img-wp {
        padding-bottom: 130px;
    }

    ul.joint-business-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .joint-business-list li::before {
        width: 30px;
        height: 25px;
    }

    .onboarding-right-content .step {
        gap: 15px;
    }

    .registration-form .form-card {
        padding: 20px;
    }
}

@media screen and (max-width: 450px) {
    .onboarding-right-content .icon {
        --size: 40px;
    }

    .onboarding-right-content .icon img {
        width: 25px;
    }

    .onboarding-right-content .step:not(:last-child):after {
        left: 20px;
        width: 1px;
    }

}

#countryDropdown.show {
    display: block;
}

/*======================= carrier page css end ====================== */