/* ================================= Anton font Start ================================= */
@font-face {
    font-family: 'Anton';
    src: url('../fonts/Anton/Anton-Regular.eot');
    src: url('../fonts/Anton/Anton-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Anton/Anton-Regular.woff2') format('woff2'),
        url('../fonts/Anton/Anton-Regular.woff') format('woff'),
        url('../fonts/Anton/Anton-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* ================================= Anton font End ================================= */
/* ================================= Inter font Start ================================= */
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Thin.eot");
    src: url("../fonts/Inter/Inter-Thin.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Thin.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Thin.woff") format("woff"),
        url("../fonts/Inter/Inter-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-ExtraLight.eot");
    src: url("../fonts/Inter/Inter-ExtraLight.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-ExtraLight.woff2") format("woff2"),
        url("../fonts/Inter/Inter-ExtraLight.woff") format("woff"),
        url("../fonts/Inter/Inter-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Light.eot");
    src: url("../fonts/Inter/Inter-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Light.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Light.woff") format("woff"),
        url("../fonts/Inter/Inter-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Regular.eot");
    src: url("../fonts/Inter/Inter-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Regular.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Regular.woff") format("woff"),
        url("../fonts/Inter/Inter-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Medium.eot");
    src: url("../fonts/Inter/Inter-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Medium.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Medium.woff") format("woff"),
        url("../fonts/Inter/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-SemiBold.eot");
    src: url("../fonts/Inter/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
        url("../fonts/Inter/Inter-SemiBold.woff") format("woff"),
        url("../fonts/Inter/Inter-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Bold.eot");
    src: url("../fonts/Inter/Inter-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Bold.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Bold.woff") format("woff"),
        url("../fonts/Inter/Inter-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Black.eot");
    src: url("../fonts/Inter/Inter-Black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-Black.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Black.woff") format("woff"),
        url("../fonts/Inter/Inter-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-ExtraBold.eot");
    src: url("../fonts/Inter/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Inter/Inter-ExtraBold.woff2") format("woff2"),
        url("../fonts/Inter/Inter-ExtraBold.woff") format("woff"),
        url("../fonts/Inter/Inter-ExtraBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ================================= Inter font End ================================= */
/* ================================= Arial font Start ================================= */
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/Arial-BoldMT.eot');
    src: url('../fonts/Arial/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/Arial/Arial-BoldMT.woff') format('woff'),
        url('../fonts/Arial/Arial-BoldMT.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial/ArialMT.eot');
    src: url('../fonts/Arial/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial/ArialMT.woff2') format('woff2'),
        url('../fonts/Arial/ArialMT.woff') format('woff'),
        url('../fonts/Arial/ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* ================================= Arial font End ================================= */
*,
:after,
::before {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
:focus,
:active {
    outline: none !important;
}
:root {
    --PrimaryColor: #D62323;
    --SecondColor: #141414;
    --WhiteColor: #fff;
    --BlackColor: #0E0E0E;
    --color_1: #1E1F24;
    --color_2: #F1F1F1;
    --color_3: #C00000;
    --color_4: #000;
    --primary-font: "Inter";
    --Anton: "Anton";
    --Arial: "Arial";
    --h1: normal normal 400 91px/92px var(--Anton);
    --h2: normal normal 400 42px/52px var(--Anton);
    --h3: normal normal 400 38px/1 var(--Anton);
    --h4: normal normal 600 30px/24px var(--primary-font);
    --h5: normal normal 600 27px/24px var(--primary-font);
    --h6: normal normal 700 20px/24px var(--primary-font);
    --subHeading1: normal normal 700 19px/23px var(--primary-font);
    --p: normal normal 400 15px/24px var(--primary-font);
    --subp1: normal normal 400 14px/20px var(--primary-font);
    --transitionCt: all 0.3s ease;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    list-style: none;
}
/* --------------------------------- HTML5 display-role reset for older browsers --------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    -webkit-text-size-adjust: 100%;
    outline: none;
}
body {
    color: var(--BlackColor);
    font: var(--p);
    letter-spacing: -0.04em;
}
button,
input {
    font-family: var(--primary-font);
}
img,
video,
svg {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 100%;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
a,
a:hover,
a:focus,
button,
button:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: var(--transitionCt);
    -webkit-transition: var(--transitionCt);
    -moz-transition: var(--transitionCt);
    -ms-transition: var(--transitionCt);
    -o-transition: var(--transitionCt);
}
a {
    text-decoration: none;
    display: inline-block;
    color: currentColor;
    width: fit-content;
}
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.no-wrap {
    flex-wrap: nowrap;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
.align-center {
    align-items: center;
}
.justify-around {
    justify-content: space-around;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.direction-column {
    flex-direction: column;
    -ms-flex-direction: column;
}
.row-reverse {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.overflow-hidden {
    overflow: hidden;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.PrimaryLight {
    background-color: var(--PrimaryLight) !important;
}
.BgColor {
    background-color: var(--BgColor) !important;
}
/* --------------------------------- Container  --------------------------------- */
.container {
    max-width: 1578px;
    padding: 0 30px;
    margin: 0 auto;
    width: 100%;
}
h1,
.h1 {
    font: var(--h1);
}
h2,
.h2 {
    font: var(--h2);
    letter-spacing: -0.01em;
}
h3,
.h3 {
    font: var(--h3);
}
h4,
.h4 {
    font: var(--h4);
    letter-spacing: -0.04em;
}
h5,
.h5 {
    font: var(--h5);
    letter-spacing: -0.04em;
}
h6,
.h6 {
    font: var(--h6);
    letter-spacing: -0.03em;
}
.subHeading1 {
    font: var(--subHeading1);
    letter-spacing: -0.03em;
}
p,
.p {
    font: var(--p);
    letter-spacing: -0.04em;
}
a,
.a, button {
    font: var(--p);
    letter-spacing: -0.02em;
}
.subp1 {
    font: var(--subp1);
}
.text-ellipsis {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aspect-ratio {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    display: block;
}
.aspect-ratio img,
.aspect-ratio iframe,
.aspect-ratio video {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: center;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
:not(html, body)::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border: 4px solid var(--WhiteColor);
    border-radius: 15px;
}
:not(html, body)::-webkit-scrollbar-track {
    border-radius: 15px;
}
:not(html, body)::-webkit-scrollbar-thumb {
    background-color: var(--color_3);
    border-radius: 15px;
    border: 1px solid var(--WhiteColor);
}
.main-header-menu-inner .menu-item-has-children>a:before, .home-hero-img::before, .home-hero-img::after, .ct-button-2:before, .ct-button-4:before, .main-supping-items .main-supping-items-img:before, .main-supping-slider-main:before, .main-supping-heading:before, .main-blog-items-img:before, .main-blog-items-inner .main-blog-items-content:before, .main-footer-bottom-right ul li:not(:last-child):before, .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items-content::before, .main-breadcrumb ul li:not(:last-child)::before, .one-stop-img:before, .extra-mile-box-content ul li:before, .blogs-grid-content.first-row .blogs-grid-items:nth-child(-n + 2) .blogs-grid-items-img:before, .project-heading-left:before, .details-content-list ul li:before, .blog-details-nav:before, .blog-details-nav a:before, .project-details-img .aspect-ratio:before {
    content: "";
    position: absolute;
    pointer-events: none;
}
.header-mobile-icon, .header-search-input .close-btn, .main-header-menu .close-btn, .main-hilight-shape, .our-project-heading-right, .customers-slider-btn, .our-project-content-hover, .main-banner-breadcrumb.inner-page .main-breadcrumb-section, .main-faq-box-body .faq-tab-body, .main-faq-section .our-project-shape, .blogs-info-tab, .contact-page-form .main-banner-content-inner h1 span:before, .main-header-touch, .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children>.sub-menu-toggle *, .pagination-list .screen-reader-text, .one-stop-shape {
    display: none;
}
.btn {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    appearance: none;
}
.ct-button-1 {
    background-color: var(--WhiteColor);
    color: var(--color_4);
    display: flex;
    padding: 18px 26px;
    font: var(--subp1);
    font-weight: 700;
    line-height: 14.72px;
    letter-spacing: -0.03em;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 21px;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
    transition: var(--transitionCt);
    text-transform: capitalize;
    cursor: pointer;
}
.ct-button-1:hover {
    background-color: var(--color_3);
    color: var(--WhiteColor);
}
.ct-button-1 span:last-child {
    width: 19px;
    height: 12px;
}
.ct-button-2, .ct-button-4 {
    background-color: transparent;
    color: var(--WhiteColor);
    display: flex;
    padding: 16px 21px;
    font: var(--subp1);
    font-weight: 700;
    line-height: 14.72px;
    letter-spacing: -0.03em;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 15px;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
    transition: var(--transitionCt);
    position: relative;
    border: 2px solid var(--WhiteColor);
    overflow: hidden;
    text-transform: capitalize;
    cursor: pointer;
}
.ct-button-2:before, .ct-button-4:before {
    top: -13px;
    left: -10px;
    height: 20px;
    width: 20px;
    background-color: var(--WhiteColor);
    transform: rotate(-45deg);
    transition: var(--transitionCt);
}
.ct-button-4 {
    border-color: var(--PrimaryColor);
    background-color: var(--PrimaryColor);
}
.ct-button-4:before {
    background-color: var(--PrimaryColor);
    top: -14px;
}
.ct-button-2:hover, .ct-button-2:hover:before {
    background-color: var(--PrimaryColor);
    color: var(--WhiteColor);
    border-color: var(--PrimaryColor);
}
.ct-button-4:hover {
    background-color: transparent;
    color: var(--PrimaryColor);
}
.ct-button-2 span:last-child, .ct-button-4 span:last-child {
    width: 19px;
    height: 12px;
}
.ct-button-3 {
    font: var(--subp1);
    line-height: 24px;
    font-weight: 600;
    background-color: var(--PrimaryColor);
    display: block;
    color: var(--WhiteColor);
    padding: 11px;
    width: 100%;
    border-radius: 5px;
    text-transform: capitalize;
    border: 2px solid var(--PrimaryColor);
    transition: var(--transitionCt);
    letter-spacing: -0.02em;
}
.ct-button-3:hover {
    background-color: transparent;
    border-color: var(--WhiteColor);
    color: var(--WhiteColor);
}
/*------------------------------------ Header CSS Start ------------------------------------*/
.main-header-section {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 20;
    color: var(--WhiteColor);
    border-bottom: 1px solid #FFFFFF33;
    transition: var(--transitionCt);
}
.main-header-section.sticky {
    background-color: var(--BlackColor);
}
.main-header-site {
    width: 300px;
    padding: 0;
    display: flex;
    align-items: center;
    border-left: 1px solid #FFFFFF33;
    border-right: 1px solid #FFFFFF33;
    justify-content: center;
}
.main-header-site a {
    display: flex;
    max-width: 275px;
    max-height: 100%;
}
.main-header-menu {
    flex: 1;
}
.main-header-menu-inner {
    padding: 19px;
}
.main-header-menu-inner .menu-primary-menu-container>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.main-header-menu-inner .menu-primary-menu-container>ul>li {
    position: relative;
    transition: var(--transitionCt);
}
.main-header-menu-inner .menu-primary-menu-container>ul>li:hover {
    background-color: var(--PrimaryColor);
}
.main-header-menu-inner .menu-primary-menu-container>ul>li a {
    font: normal normal 400 16px/38px var(--primary-font);
    letter-spacing: -0.03em;
    padding: 7px 16px;
    position: relative;
    display: block;
    transition: var(--transitionCt);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children>a {
    padding-right: 42px;
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--WhiteColor);
    color: var(--BlackColor);
    opacity: 0;
    visibility: hidden;
    min-width: 200px;
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children:hover>ul, .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children:hover ul {
    opacity: 1;
    visibility: visible;
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children>.sub-menu-toggle {
    background-image: url("../images/down-arrow.svg");
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    transition: var(--transitionCt);
    font-size: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: absolute;
    background-repeat: no-repeat;
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children:hover>.sub-menu-toggle {
    transform: translateY(-50%) rotate(180deg);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul a {
    white-space: nowrap;
    font: normal normal 400 14px/1 var(--primary-font);
    width: 100%;
    padding: 10px 30px 10px 16px;
    transition: var(--transitionCt);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul li:hover>a {
    color: var(--WhiteColor);
    background-color: var(--PrimaryColor);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children>a {
    position: relative;
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children>a:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    transform: translateY(-50%) rotate(46deg);
    right: 10px;
    z-index: 1;
    transition: var(--transitionCt);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children:hover a:before {
    border-color: var(--WhiteColor);
}
.main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children ul {
    left: 100%;
    top: 0;
}
.header-search-inner .header-search-icon {
    width: 24px;
    height: 24px;
}
.header-search-inner .header-search-icon .search_icon {
    background-color: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 100%;
}
.header-search-input {
    max-width: 179px;
}
.header-search-inner .header-search-input input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 11px;
    font: var(--p);
    line-height: 38px;
    color: var(--WhiteColor);
    width: 100%;
}
.header-search-inner .header-search-input input::placeholder {
    font-style: italic;
    text-transform: capitalize;
    color: var(--WhiteColor);
    opacity: 0.4;
}
.main-header-search {
    gap: 22px;
    padding-right: 33px;
}
.main-header-social ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.main-header-social ul a {
    display: flex;
    width: 19px;
    height: 19px;
}
.main-header-call {
    display: flex;
    align-items: center;
    border-left: 1px solid #FFFFFF33;
    border-right: 1px solid #FFFFFF33;
}
.main-header-call-inner {
    padding: 10px 50px 10px 34px;
}
.main-header-call-inner a {
    display: flex;
    align-items: center;
    gap: 14px;
    font: normal normal 600 18px/22px var(--primary-font);
}
.main-header-call-inner a .header-call-icon {
    width: 18px;
    height: 18px;
}
.close-btn {
    display: flex;
    background-color: transparent;
    width: 33px;
    height: 33px;
    flex-direction: column;
    padding: 4px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    justify-content: center;
}
.close-btn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--WhiteColor);
    margin: 4px 0;
}
.close-btn span:nth-child(1) {
    transform: translate(0px, 8px) rotate(45deg);
}
.close-btn span:nth-child(2) {
    transform: translate(0px, -2px) rotate(-45deg);
}
.main-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff42;
    z-index: 19;
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transitionCt);
}
.main-overlay.open {
    opacity: 1;
    visibility: visible;
}
.main-header-touch {
    background-color: var(--PrimaryColor);
}
.main-header-touch-inner {
    gap: 12px;
    padding: 9px 0;
}
.main-header-touch-inner p, .main-header-touch-inner a {
    font: normal normal 400 13px/16px var(--primary-font);
    letter-spacing: -0.02em;
}
.main-header-touch-inner .main-header-call-inner {
    padding: 0;
}
.main-header-touch-inner .main-header-call-inner a {
    gap: 6px;
}
.main-header-touch-inner .main-header-call-inner a .header-call-icon {
    width: 14px;
    height: 14px;
}
/*------------------------------------ Header CSS End ------------------------------------*/
/*************** Home Hero section CSS Start ***************/
.home-hero-inner {
    padding: 194px 0 127px 0;
    position: relative;
    color: var(--WhiteColor);
    overflow: hidden;
}
.home-hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-hero-img .aspect-ratio {
    height: 100%;
    padding-bottom: 0;
}
.home-hero-inner .container {
    position: relative;
    z-index: 2;
}
.home-hero-img::before, .home-hero-img::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 56.1%, rgba(0, 0, 0, 0.2) 78.94%);
}
.home-hero-img::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 151.85%);
}
.home-hero-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.home-hero-left {
    padding-top: 10px;
}
.main-heading h1 {
    margin-bottom: 23px;
}
.main-heading h1 span {
    display: inline;
    background-image: linear-gradient(transparent calc(100% - 16px), var(--PrimaryColor) 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 -21px;
}
.home-hero-heading .main-heading {
    max-width: 441px;
}
.home-hero-heading .main-heading h1 span {
    margin-left: 46px;
}
.home-hero-content {
    margin-left: 71px;
    max-width: 445px;
}
.home-hero-content {
    margin-left: 71px;
    max-width: 445px;
}
.home-hero-content-inner {
    margin-bottom: 36px;
}
.home-hero-content-inner p {
    font: var(--subp1);
    letter-spacing: -0.02em;
}
.home-hero-content-inner p strong {
    font-weight: 600;
}
.home-hero-content-inner p:not(:last-child) {
    margin-bottom: 10px;
}
.home-hero-btn {
    gap: 16px;
}
.main-contact-form {
    max-width: 574px;
    margin-left: auto;
}
.main-contact-form-inner {
    box-shadow: 1.83px 3.67px 6.42px 0px #00000040;
    border: 1px solid #ffffff3d;
    background: linear-gradient(86.26deg, rgb(255 255 255 / 20%) 2.84%, rgb(134 134 134 / 37%) 96.16%);
    border-radius: 5px;
    overflow: hidden;
    backdrop-filter: blur(8px);
    padding: 32px 35px;
    width: 100%;
}
.main-contact-heading {
    margin-bottom: 13px;
}
.main-contact-heading h3 {
    text-transform: uppercase;
    margin-bottom: 9px;
}
.main-contact-heading p {
    font: var(--subp1);
    letter-spacing: -0.02em;
    line-height: 24px;
}
.main-contact-heading p:not(:last-child) {
    margin-bottom: 6px;
}
.contact-form form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 12px;
}
.contact-form form .form-group:not(.half-col), .contact-form form .wpcf7-response-output {
    grid-column: span 2 / span 2;
}
.form-group label {
    font: normal normal 400 12px/24px var(--primary-font);
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 3px;
    display: block;
}
.form-control {
    background-color: var(--WhiteColor);
    border: none;
    border-radius: 5px;
    font: var(--subp1);
    font-size: 12px;
    line-height: 24px;
    width: 100%;
    padding: 11px 13px;
    color: var(--BlackColor);
    position: relative;
}
.form-control[type="date"] {
    appearance: none;
    height: 46px;
}
.form-control[type="date"]::-webkit-inner-spin-button,
.form-control[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
textarea.form-control {
    height: 46px;
    resize: none;
}
.form-group input[type="checkbox"], .form-group input[type="radio"] {
    margin: 1px 0 0;
    width: 13px;
    height: 13px;
    border: none;
    border-radius: 2px;
    background-color: var(--WhiteColor);
    appearance: none;
}
.form-group input[type="checkbox"]:checked, .form-group input[type="radio"]:checked {
    background-image: url("../images/check-icon.svg");
    background-size: contain;
}
.form-group-check {
    display: flex;
}
.form-group-check .wpcf7-list-item-label {
    flex: 1;
    text-align: left;
    padding-left: 12px;
    font: normal normal 400 11px/16px var(--primary-font);
    max-width: 180px;
}
.form-group-check .wpcf7-list-item-label a {
    font: normal normal 400 11px/16px var(--primary-font);
    text-decoration: underline;
    transition: var(--transitionCt);
}
.form-group-check .wpcf7-list-item-label a:hover {
    color: var(--PrimaryColor);
}
.project-form .form-group-check .wpcf7-list-item-label a:hover {
    color: var(--BlackColor);
}
.home-hero-shape {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-left: 40%;
}
.home-hero-shape span {
    display: block;
    width: 100%;
    background-color: var(--WhiteColor);
    height: 29px;
    max-width: 773px;
    margin-left: auto;
    clip-path: polygon(29px 0, 100% 0, 100% 100%, 0 100%);
}
/*************** Home Hero section CSS End ***************/
/*************** Brand logo slider CSS Start ***************/
.brand-logo-section {
    margin: 54px 0 56px;
}
.brand-logo-section.bg-change {
    background-color: #f1f1f1;
    margin: 0;
}
.brand-logo-section.bg-change .brand-logo-section-inner {
    padding: 64px 0 70px;
}
.brand-logo-slider .swiper-wrapper {
    justify-content: space-between;
    align-items: center;
    gap: 68px;
}
.brand-logo-slider .swiper-slide {
    height: auto;
    width: auto;
}
.brand-logo-item {
    margin: auto;
    display: flex;
    align-items: center;
    max-width: 208px;
    max-height: 83px;
}
/*************** Brand logo slider CSS End ***************/
/*************** Supping slider CSS Start ***************/
.main-supping-section {
    margin: 56px 0 95px;
}
.main-supping-inner {
    margin-left: calc((100% - 1578px) / 2);
    padding-left: 30px;
}
.main-supping-left {
    max-width: 678px;
    width: 40%;
}
.main-supping-right {
    width: 60%;
    padding-left: 66px;
}
.main-supping-heading {
    padding-left: 51px;
    position: relative;
    margin-bottom: 18px;
}
.main-supping-heading:before {
    width: 28px;
    height: 28px;
    background-color: var(--color_3);
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.main-supping-heading h2 {
    max-width: 438px;
    text-transform: uppercase;
}
.main-supping-heading h2 span {
    color: var(--color_3);
}
.main-supping-content strong {
    max-width: 580px;
    display: block;
}
.main-supping-content p:not(:last-child) {
    margin-bottom: 12px;
}
.main-supping-btn {
    padding-top: 28px;
}
.main-supping-items {
    position: relative;
}
.main-supping-items .main-supping-items-img {
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
}
.main-supping-items .main-supping-items-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28.09%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 1;
}
.main-supping-items .main-supping-items-content {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    padding: 30px;
    display: flex;
    align-items: flex-end;
}
.main-supping-items .main-supping-items-content a {
    width: 100%;
    color: var(--WhiteColor);
    gap: 10px;
}
.main-supping-items .main-supping-items-content a span {
    width: 17px;
    height: 17px;
    transition: var(--transitionCt);
}
.main-supping-items .main-supping-items-content a:hover span {
    transform: rotate(45deg);
}
.main-supping-slider {
    padding-right: 19.4%;
}
.main-supping-items .main-supping-items-img .aspect-ratio {
    padding-bottom: 89.2%;
}
.supping-slider-progress {
    width: auto !important;
    margin-right: 19.4%;
    position: relative;
    background: #E9E9E9;
    margin-top: 27px;
}
.supping-slider-progress .swiper-pagination-progressbar-fill {
    background: var(--PrimaryColor);
}
.main-supping-slider-main {
    position: relative;
}
.main-supping-slider-main:before {
    width: 19.4%;
    top: 0;
    background: linear-gradient(270deg, var(--WhiteColor) 0%, rgba(255, 255, 255, 0) 100%);
    right: 0;
    height: 100%;
    z-index: 2;
}
.main-supping-slider .swiper-slide {
    transition: var(--transitionCt);
}
.main-supping-slider .swiper-slide:not(.swiper-slide-active, .swiper-slide-next) {
    opacity: 0.24;
}
/*************** Supping slider CSS End ***************/
/*************** Blog slider CSS Start ***************/
.main-blog-section {
    margin: 95px 0;
}
.main-blog-items-inner {
    position: relative;
    overflow: hidden;
}
.main-blog-items-inner .main-blog-items-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    padding: 40px;
    color: var(--WhiteColor);
    z-index: 1;
}
.main-blog-items-inner .main-blog-items-content:before {
    background-color: var(--color_3);
    width: 46px;
    height: 46px;
    bottom: -100%;
    right: -100%;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    transition: var(--transitionCt);
}
.main-blog-items-inner:hover .main-blog-items-content:before {
    bottom: 0;
    right: 0;
}
.main-blog-items-img {
    position: relative;
}
.main-blog-items-img:before {
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
    transition: var(--transitionCt);
}
.main-blog-items-inner:hover .main-blog-items-img:before {
    background: #000000D9;
}
.main-blog-items-content-heading {
    gap: 20px;
}
.main-blog-items-content-heading span {
    width: 17px;
    height: 17px;
    display: flex;
}
.main-blog-items-content-bottom {
    overflow: auto;
    max-height: 100%;
    margin-top: 19px;
    padding-right: 10px;
    display: none;
}
.blog-items-content-bottom-inner {
    margin-bottom: 28px;
}
.blog-items-content-bottom-inner p {
    font: var(--subp1);
}
.blog-items-content-bottom-inner p:not(:last-child) {
    margin-bottom: 18px;
}
.blog-items-content-bottom-inner p strong {
    font-weight: 600;
}
.blog-items-content-bottom-link a {
    font: var(--subp1);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: var(--transitionCt);
}
.blog-items-content-bottom-link a:hover {
    color: var(--PrimaryColor);
}
.main-blog-items-img .aspect-ratio {
    padding-bottom: 68%;
}
.blog-slider-btn {
    width: 46px;
    height: 46px;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
    background-color: var(--PrimaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    transition: var(--transitionCt);
}
.blog-slider-btn.swiper-button-disabled {
    background-color: #979797;
    pointer-events: none;
}
.blog-slider-btn.blog-slider-btn-next {
    transform: scaleX(-1) scaleY(-1);
}
.blog-slider-btn :is(img, svg) {
    width: 9px;
    height: 13px;
}
.main-blog-slider-btn-main {
    gap: 8px;
    margin-bottom: 28px;
}
.main-blog-section.main-blog-section-2 {
    margin: 59px 0 185px;
}
.main-blog-section.main-blog-section-2:has(.main-blog-shape) {
    margin: 89px 0 0;
    padding-bottom: 46px;
    position: relative;
    overflow: hidden;
}
.main-blog-section.main-blog-section-2 .main-blog-shape {
    height: 264px;
    background-color: var(--BlackColor);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.main-blog-heading {
    margin-bottom: 32px;
}
.main-blog-heading h2 {
    text-transform: uppercase;
    margin-bottom: 7px;
    color: var(--color_3);
}
.main-blog-heading p:not(:last-child) {
    margin-bottom: 10px;
}
/*************** Blog slider CSS End ***************/
/*************** Hilight Section CSS Start ***************/
.main-hilight-section {
    margin: 96px 0 98px;
}
.main-hilight-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-hilight-left {
    max-width: 745px;
    width: 50%;
}
.main-hilight-right {
    margin-left: -106px;
    width: calc(50% + 120px);
    max-width: 880px;
    flex: 1;
}
.main-hilight-left-inner {
    padding: 114px 147px 66px 80px;
    background-color: var(--color_2);
}
.main-hilight-right {
    margin-left: -106px;
}
.main-hilight-right-inner .aspect-ratio {
    padding-bottom: 65.2%;
}
.main-supping-inner-heading h5 {
    font: normal normal 400 22px/24px var(--Anton);
    letter-spacing: -0.01em;
    margin-bottom: 14px;
    color: var(--color_3);
}
.main-hilight-left-inner .main-supping-inner-heading {
    margin-bottom: 12px;
    max-width: 412px;
}
.main-hilight-left-inner .main-supping-heading {
    padding-left: 41px;
}
.main-hilight-left-inner .main-supping-content strong {
    line-height: 22px;
}
.main-hilight-left-inner .main-supping-content p:last-child {
    max-width: 460px;
}
.main-hilight-left-inner .main-supping-btn {
    padding-top: 21px;
}
/*************** Hilight Section CSS End ***************/
/*************** Our Projects Section CSS Start ***************/
.our-project-inner-main {
    padding: 85px 0 68px;
    background-color: var(--SecondColor);
    color: var(--WhiteColor);
}
.our-project-shape {
    background-color: var(--WhiteColor);
}
.our-project-shape span {
    max-width: 828px;
    width: 100%;
    display: block;
    background-color: var(--SecondColor);
    height: 32px;
    margin-left: auto;
    clip-path: polygon(32px 0, 100% 0, 100% 100%, 0 100%);
}
.our-project-section .our-project-shape {
    margin-bottom: -1px;
}
.our-project-heading-left .main-supping-heading {
    padding-left: 43px;
    margin-bottom: 0;
}
.our-project-btn .ct-button-4 {
    border-right-width: 3px;
    padding: 16px 27px;
}
.our-project-heading-left {
    gap: 15px;
    flex: 1;
}
.our-project-heading {
    margin-bottom: 48px;
    gap: 10px;
}
.our-project-content-heading {
    margin-bottom: 10px;
    position: relative;
}
.our-project-content-inner {
    position: relative;
}
.our-project-content-heading p {
    font: normal normal 500 18px/24px var(--primary-font);
    text-align: left;
    color: var(--color_3);
    margin-bottom: 9px;
    transition: var(--transitionCt);
}
.our-project-content-inner p {
    font: var(--subp1);
    font-weight: 300;
    line-height: 24px;
}
.our-project-content-default p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.our-project-content-hover .our-project-content-btn {
    margin-top: 31px;
}
.ct-button-5 {
    background-color: transparent;
    color: var(--WhiteColor);
    display: flex;
    font: var(--subp1);
    font-weight: 700;
    line-height: 14.72px;
    letter-spacing: -0.03em;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 15px;
    transition: var(--transitionCt);
    position: relative;
    border: none;
    overflow: hidden;
    text-transform: capitalize;
}
.ct-button-5 span:last-child {
    width: 19px;
    height: 12px;
}
.our-project-content-hover .our-project-content-btn .ct-button-5 {
    margin-left: auto;
}
.our-project-content-hover .our-project-content-btn .ct-button-5 span:last-child {
    transition: var(--transitionCt);
}
.our-project-content-hover .our-project-content-btn .ct-button-5:hover span:last-child {
    transform: translateX(-6px);
}
.our-project-items-content {
    padding: 22px 0;
    background-color: var(--SecondColor);
}
.our-project-items {
    position: relative;
}
.our-project-items-img .aspect-ratio {
    padding-bottom: 55.4%;
}
/*************** Our Projects Section CSS End ***************/
/*************** Extra Mile Section CSS Start ***************/
.extra-mile-section {
    margin: 89px 0 105px;
}
.extra-mile-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
}
.extra-mile-left-inner .main-supping-heading {
    padding-left: 42px;
}
.extra-mile-left-inner .main-supping-heading::before {
    top: 8px;
}
.extra-mile-left-inner .main-supping-heading .main-supping-inner-heading {
    margin-bottom: 10px;
}
.extra-mile-left-inner .main-supping-heading h2 {
    max-width: 100%;
}
.extra-mile-left-inner .main-supping-content {
    margin-bottom: 16px;
}
.extra-mile-left-inner .main-supping-btn {
    padding-top: 21px;
}
.extra-mile-box {
    max-width: 607px;
    background-color: var(--color_2);
    padding: 42px 80px 46px 41px;
    margin-left: auto;
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
}
.extra-mile-box-items {
    gap: 22px;
}
.extra-mile-box-items:not(:last-child) {
    margin-bottom: 44px;
}
.extra-mile-box-items .extra-mile-box-img {
    max-width: 68px;
    width: 100%;
    background-color: var(--SecondColor);
    clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%, 0 14px);
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.extra-mile-box-items .extra-mile-box-img .aspect-ratio {
    max-width: 32px;
    padding-bottom: 32px;
    margin: 0 auto;
}
.extra-mile-box-items .extra-mile-box-content {
    flex: 1;
}
.extra-mile-box-content h6 {
    color: var(--color_3);
    margin-bottom: 3px;
}
.extra-mile-box-content p {
    font: var(--subp1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.extra-mile-list-inner .extra-mile-box-content h6 {
    letter-spacing: -0.01em;
}
/*************** Extra Mile Section CSS End ***************/
/*************** Customers slider Section CSS Start ***************/
.customers-slider-inner {
    padding: 86px 0 117px;
    background-color: var(--color_3);
    color: var(--WhiteColor);
}
.customers-heading {
    margin-bottom: 38px;
}
.customers-heading h2 {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.customers-slider {
    padding: 0 10.1%;
}
.customers-slider .swiper-slide {
    height: auto;
}
.customers-slider-items {
    background-color: var(--WhiteColor);
    padding: 41px 33px 35px 40px;
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
    color: var(--BlackColor);
    height: 100%;
    position: relative;
}
.customers-slider-heading {
    gap: 14px;
    margin-bottom: 17px;
}
.customers-slider-heading .customers-slider-heading-img {
    max-width: 56px;
    padding-bottom: 56px;
    border-radius: 100px;
    overflow: hidden;
}
.customers-slider-heading-content {
    flex: 1;
}
.customers-slider-heading-content p {
    font: normal normal 700 19px/23px var(--primary-font);
    letter-spacing: -0.03em;
    color: var(--color_3);
    text-transform: capitalize;
    margin-bottom: 4px;
}
.customers-slider-heading-content .customers-slider-heading-review {
    max-width: 127px;
}
.customers-slider-content p:not(:last-child) {
    margin-bottom: 10px;
}
.customers-slider-section .our-project-shape {
    padding-left: 219px;
    margin-bottom: -1px;
}
.customers-right-shape .our-project-shape {
    transform: scaleX(-1);
}
/*************** Customers slider Section CSS End ***************/
/*************** Latest news Section CSS Start ***************/
.latest-news-section {
    margin: 94px 0 73px;
}
.latest-news-heading {
    gap: 15px;
    margin-bottom: 30px;
}
.latest-news-heading .main-supping-heading {
    margin-bottom: 0;
    padding-left: 42px;
}
.latest-news-heading .main-supping-heading::before {
    top: 8px;
}
.latest-news-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.latest-news-items {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.latest-news-items .latest-news-items-img {
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
    padding-bottom: 55.4%;
}
.latest-news-items-content {
    padding: 15px 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.latest-news-content-heading {
    margin-bottom: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.latest-news-content-heading p {
    font: normal normal 500 16px/24px var(--primary-font);
    text-transform: capitalize;
    margin-bottom: 8px;
    color: var(--color_3);
    flex: 1;
}
.latest-news-content-heading h4 {
    text-transform: capitalize;
}
.latest-news-content-inner p {
    font: var(--subp1);
    line-height: 24px;
}
.latest-news-content-inner p:not(:last-child) {
    margin-bottom: 10px;
}
/*************** Latest news Section CSS End ***************/
/*************** Application form Section CSS Start ***************/
.application-form-section {
    position: relative;
    overflow: hidden;
    margin: 89px 0 0;
}
.application-form-section .application-form-shape {
    background-color: var(--color_1);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 144px;
}
.application-form-box {
    color: var(--WhiteColor);
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
}
.application-form-box-heading {
    background-color: var(--PrimaryColor);
    padding: 49px 71px 49px 76px;
    gap: 24px;
}
.form-box-heading-left {
    flex: 1;
    max-width: 626px;
}
.form-box-heading-left h2 {
    text-transform: uppercase;
    margin-bottom: 11px;
}
.form-box-heading-left p {
    font-weight: 500;
    line-height: 22px;
}
.application-form {
    background-color: var(--BlackColor);
    padding: 56px 69px 59px 62px;
}
.application-form h2 {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.application-form form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px 20px;
}
.form-group-check-main .form-group-check {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 14px 0;
}
.form-group-check-main .wpcf7-list-item-label {
    margin-bottom: 0;
    padding-left: 7px;
    cursor: pointer;
}
.form-group-inner {
    padding-top: 26px;
    gap: 20px;
}
.form-group-inner .form-group-check {
    flex: 1;
}
.form-group-inner .form-group-check .wpcf7-list-item-label {
    max-width: 100%;
}
.form-group-btn .ct-button-2 {
    padding: 12px 24px;
}
.form-box-heading-right .ct-button-1 {
    color: var(--color_3);
}
.form-box-heading-right .ct-button-1:hover {
    background-color: var(--BlackColor);
    color: var(--WhiteColor);
}
/*************** Application form Section CSS End ***************/
/*************** Banner Section CSS Start ***************/
.main-banner-box {
    position: relative;
}
.main-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-banner-img:before, .main-banner-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(182.3deg, rgba(0, 0, 0, 0.84) 17.27%, rgba(0, 0, 0, 0) 172.7%);
    z-index: 1;
    top: 0;
    left: 0;
}
.main-banner-img:after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 56.1%, rgba(0, 0, 0, 0.5) 78.94%);
}
.main-banner-img .aspect-ratio {
    height: 100%;
    padding-bottom: 0;
}
.main-banner-content {
    padding: 199px 0 156px;
    position: relative;
    color: var(--WhiteColor);
    z-index: 2;
}
.main-banner-content-inner h1 {
    margin-bottom: 34px;
}
.main-banner-content:not(:has(.main-banner-des-inner)) .main-banner-content-inner h1 {
    margin-bottom: 0;
}
.main-banner-des-inner {
    max-width: 650px;
}
.main-banner-des-inner p:not(:last-child) {
    margin-bottom: 10px;
}
.main-banner-breadcrumb-inner {
    align-items: unset;
}
.main-breadcrumb {
    padding: 5px 0;
    background-color: var(--WhiteColor);
    clip-path: polygon(0 0, calc(100% - 62px) 0%, 100% 100%, 0% 100%);
    padding-right: 67px;
    display: flex;
    align-items: center;
    width: 15%;
}
.main-breadcrumb-section {
    padding: 15px 15px 15px 56px;
    width: 85%;
}
.main-breadcrumb-slider {
    padding-right: 21%;
}
.main-breadcrumb-slider .swiper-slide:not(:first-child) .breadcrumb-slider-items {
    margin-left: 29px;
}
.main-breadcrumb ul {
    display: flex;
    gap: 24px;
    color: var(--color_4);
    overflow: auto;
    padding: 10px 0;
}
.main-breadcrumb ul li {
    position: relative;
    display: flex;
}
.main-breadcrumb ul li:not(.active) {
    color: #A1A1A1;
}
.main-breadcrumb ul li:not(:last-child)::before {
    width: 1px;
    height: 12px;
    background-color: currentColor;
    top: 50%;
    transform: translateY(-50%) rotate(12deg);
    right: -12px;
}
.main-breadcrumb ul a {
    font: var(--subp1);
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: 2px;
    max-width: 122px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: var(--transitionCt);
}
.main-breadcrumb ul a:hover {
    color: var(--PrimaryColor);
}
.main-breadcrumb ul :not(.active) a {
    font-weight: 300;
}
.main-breadcrumb ul .active a {
    pointer-events: none;
}
.breadcrumb-slider-items-inner {
    gap: 7px;
}
.breadcrumb-slider-items-inner .breadcrumb-slider-items-img {
    max-width: 31px;
    padding-bottom: 31px;
}
.breadcrumb-slider-items-content {
    flex: 1;
}
.breadcrumb-slider-items-content p {
    font: var(--subp1);
    font-weight: 500;
    line-height: 17px;
    text-transform: capitalize;
}
.main-banner-breadcrumb {
    position: relative;
}
.main-banner-breadcrumb .container {
    position: relative;
    z-index: 1;
}
.main-banner-breadcrumb .banner-breadcrumb-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: #F4F2F2;
}
.main-banner-breadcrumb .banner-breadcrumb-shape-1 {
    width: 20%;
    z-index: 1;
    background-color: var(--WhiteColor);
    clip-path: polygon(0 0, calc(100% - 62px) 0%, 100% 100%, 0% 100%);
}
.main-banner-inner {
    position: relative;
}
.main-banner-breadcrumb.inner-page {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.main-banner-breadcrumb.inner-page .banner-breadcrumb-shape-2 {
    height: 50%;
    top: auto;
    bottom: 0;
    background-color: var(--WhiteColor);
}
.main-banner-breadcrumb.inner-page .main-breadcrumb {
    width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
    padding: 10px 0;
    padding-right: 67px;
}
/*************** Banner Section CSS End ***************/
/*************** One stop Section CSS Start ***************/
.one-stop-section {
    margin: 64px 0;
}
.one-stop-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 45px;
    align-items: center;
}
.one-stop-left .main-supping-left-inner {
    max-width: 610px;
    padding-top: 22px;
}
.one-stop-left .main-supping-heading {
    padding-left: 41px;
}
.one-stop-left .main-supping-heading h2 {
    max-width: 501px;
}
.one-stop-left .main-supping-heading::before {
    top: 7px;
}
.one-stop-left .main-supping-btn {
    padding-top: 22px;
}
.one-stop-right-inner {
    max-width: 650px;
    margin-left: auto;
}
.one-stop-img {
    position: relative;
}
.one-stop-img:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28.03%, rgba(0, 0, 0, 0.595) 99.78%);
    z-index: 1;
}
.one-stop-right-inner .one-stop-img-1 {
    max-width: 520px;
    margin-right: 50px;
}
.one-stop-right-inner .one-stop-img-1 .aspect-ratio {
    padding-bottom: 71%;
}
.one-stop-right-inner .one-stop-img-2 {
    max-width: 350px;
    outline: 7px solid var(--WhiteColor);
    margin-left: auto;
    margin-top: -35%;
    z-index: 1;
    position: relative;
}
.one-stop-right-inner .one-stop-img-2 .aspect-ratio {
    padding-bottom: 83%;
}
/*************** One stop Section CSS End ***************/
/*************** Extra mile content Section CSS Start ***************/
.extra-content-shape {
    display: flex;
    background-color: var(--WhiteColor);
    overflow: hidden;
}
.extra-content-shape span {
    display: block;
    width: 50%;
    height: 27px;
    background-color: var(--color_4);
    clip-path: polygon(0 0, calc(100% - 27px) 0%, 100% 100%, 0% 100%);
}
.extra-content-shape.extra-content-reverse span {
    transform: scaleX(-1) scaleY(-1);
    margin-left: auto;
}
.extra-content-inner {
    background-color: var(--color_4);
    color: var(--WhiteColor);
    padding: 82px 0 87px;
}
.extra-content-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 260px;
}
.extra-content-items .main-supping-heading {
    padding-left: 42px;
}
.extra-content-items .main-supping-heading::before {
    top: 8px;
}
.extra-content-items .main-supping-heading h2 {
    max-width: 100%;
    margin-bottom: 10px;
}
.extra-content-items .main-supping-content p:not(:last-child) {
    margin-bottom: 10px;
}
/*************** Extra mile content Section CSS End ***************/
/*************** Our expertise CSS Start ***************/
.our-expertise-section {
    margin: 83px 0 100px;
}
.our-expertise-section .one-stop-left .main-supping-left-inner {
    max-width: 647px;
}
.our-expertise-section .one-stop-right-inner .aspect-ratio {
    padding-bottom: 79.4%;
}
/*************** Our expertise CSS End ***************/
/*************** Count Section CSS Start ***************/
.main-count-section {
    margin: 100px 0 244px;
}
.main-count-inner {
    gap: 10px;
}
.main-count-items h2 {
    font: normal normal 400 100px/1 var(--Anton);
    color: var(--PrimaryColor);
    margin-bottom: 8px;
}
.main-count-items p {
    font: var(--h5);
    line-height: 32px;
    letter-spacing: -0.05em;
    color: var(--color_4);
}
/*************** Count Section CSS End ***************/
/*************** Extra mile List Section CSS Start ***************/
.our-expertise-other {
    margin: 63px 0 89px;
}
.our-expertise-other .main-supping-inner-heading h5 {
    margin-bottom: 7px;
    text-transform: capitalize;
}
.our-expertise-other .one-stop-left .main-supping-heading {
    margin-bottom: 20px;
}
.our-expertise-section.our-expertise-other .one-stop-left .main-supping-left-inner {
    max-width: 583px;
}
.our-expertise-section.our-expertise-other .one-stop-right-inner {
    max-width: 743px;
}
.our-expertise-section.our-expertise-other .one-stop-right-inner .aspect-ratio {
    padding-bottom: 69.4%;
}
.our-expertise-other .one-stop-inner {
    gap: 100px 45px;
}
.our-expertise-other .one-stop-inner .one-stop-left {
    order: 1;
}
.our-expertise-other .one-stop-inner .one-stop-right {
    order: 2;
}
.our-expertise-other .one-stop-inner .extra-mile-list-inner {
    order: 3;
    grid-column: span 2 / span 2;
}
.extra-mile-list-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 92px 99px;
}
.extra-mile-list-inner .extra-mile-box-items {
    margin: 0 !important;
}
.extra-mile-list-section .extra-mile-box-content h6 {
    margin-bottom: 9px;
}
.extra-mile-box-content ul li {
    position: relative;
    padding-left: 22px;
    font-weight: 500;
}
.extra-mile-box-content ul li p {
    font: var(--p);
    font-weight: 500;
    letter-spacing: -0.02em;
}
.extra-mile-box-content ul li:not(:last-child) {
    margin-bottom: 11px;
}
.extra-mile-box-content ul li::before {
    background-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91186 0.88316C6.7971 0.819302 6.67088 0.778693 6.54041 0.763653C6.40994 0.748614 6.27779 0.759441 6.15151 0.795514C6.02523 0.831587 5.9073 0.8922 5.80447 0.973884C5.70163 1.05557 5.6159 1.15672 5.55219 1.27157L3.69615 4.61175L2.63391 3.54951C2.54168 3.45402 2.43136 3.37786 2.30939 3.32546C2.18742 3.27306 2.05623 3.24548 1.92348 3.24433C1.79073 3.24318 1.65909 3.26847 1.53622 3.31874C1.41335 3.36901 1.30173 3.44325 1.20786 3.53712C1.11399 3.63099 1.03976 3.74261 0.989487 3.86548C0.939219 3.98834 0.913923 4.11999 0.915077 4.25274C0.91623 4.38548 0.94381 4.51667 0.996206 4.63864C1.0486 4.76062 1.12477 4.87094 1.22025 4.96316L3.21976 6.96267C3.40872 7.15212 3.66365 7.2561 3.92659 7.2561L4.06506 7.2461C4.21829 7.22467 4.36446 7.16795 4.49206 7.08043C4.61966 6.99291 4.7252 6.87696 4.80038 6.74173L7.29976 2.24283C7.36357 2.12808 7.40416 2.00189 7.4192 1.87146C7.43424 1.74103 7.42344 1.60891 7.38742 1.48265C7.3514 1.35639 7.29086 1.23847 7.20927 1.13561C7.12767 1.03274 7.02661 0.946964 6.91186 0.88316Z" fill="black"/></svg>');
    width: 8px;
    height: 8px;
    top: 8px;
    left: 0;
}
.one-stop-left .revice-mob-image {
    max-width: 411px;
    margin-top: 24px;
}
/*************** Extra mile List Section CSS End ***************/
/*************** FAQ section CSS Start ***************/
.main-faq-section {
    background-color: var(--BlackColor);
    padding: 46px 0 51px;
    color: var(--WhiteColor);
}
.main-faq-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}
.main-faq-left-inner {
    max-width: 350px;
    margin-top: 80px;
}
.main-faq-heading {
    margin-bottom: 45px;
}
.main-faq-heading h2 {
    text-transform: uppercase;
    margin-bottom: 32px;
}
.main-faq-heading p {
    font: var(--subp1);
    letter-spacing: -0.01em;
    max-width: 312px;
}
.main-faq-inner .main-faq-right {
    grid-column: span 2 / span 2;
}
.main-faq-box {
    padding: 24px 39px;
    background-color: var(--color_1);
    border-radius: 16px;
}
.main-faq-box-body {
    padding: 24px 0;
}
.main-faq-box-body:not(:last-child) {
    border-bottom: 1px solid #ffffff1a;
}
.faq-tab-header {
    gap: 20px;
    cursor: pointer;
}
.faq-tab-header h6 {
    flex: 1;
    font: normal normal 700 20px/38px var(--primary-font);
    letter-spacing: -0.04em;
    text-align: left;
}
.faq-tab-header .faq-tab-icon {
    width: 16px;
    height: 16px;
    position: relative;
}
.faq-tab-header .faq-tab-icon span {
    height: 2px;
    display: block;
    width: 8px;
    background-color: #D9D9D9;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transitionCt);
}
.faq-tab-header:not(.active) .faq-tab-icon span:last-child {
    transform: translate(-50%, -50%) rotate(90deg);
}
.faq-tab-body-inner {
    padding: 10px 0 24px;
    max-width: 750px;
}
.faq-tab-body-inner p {
    font: var(--subp1);
    letter-spacing: -0.01em;
}
/*************** FAQ section CSS End ***************/
/*************** Blogs Grid Section CSS Start ***************/
.blogs-grid-section {
    margin: 51px 0 68px;
}
.blogs-grid-tab-inner {
    margin-bottom: 50px;
    white-space: nowrap;
    overflow: auto;
}
.blogs-grid-tab-inner::-webkit-scrollbar {
    display: none;
}
.blogs-grid-tab-inner ul {
    display: flex;
    gap: 31px;
}
.blogs-grid-tab-inner .ct-button-2 {
    color: var(--BlackColor);
    border-color: #C8C8C8;
    gap: 0;
}
.blogs-grid-tab-inner .ct-button-2:hover, .blogs-grid-tab-inner .active .ct-button-2 {
    border-color: var(--PrimaryColor);
    color: var(--WhiteColor);
    background-color: var(--PrimaryColor);
    gap: 15px;
}
.blogs-grid-tab-inner .ct-button-2::before {
    background-color: #C8C8C8;
}
.blogs-grid-tab-inner .ct-button-2:hover::before, .blogs-grid-tab-inner .active .ct-button-2:before {
    background-color: var(--PrimaryColor);
}
.blogs-grid-tab-inner .ct-button-2 span:last-child {
    margin-right: -19px;
    opacity: 0;
    transition: margin-right 0.3s ease, opacity 0.3s ease;
}
.blogs-grid-tab-inner .ct-button-2:hover span:last-child, .blogs-grid-tab-inner .active .ct-button-2 span:last-child {
    margin-right: 0;
    opacity: 1;
}
.blogs-grid-content {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 35px 20px;
    color: var(--color_4);
}
.blogs-grid-content .blogs-grid-items {
    grid-column: span 4 / span 4;
    display: flex;
    flex-direction: column;
}
.blogs-grid-content.first-row .blogs-grid-items:nth-child(-n + 2) {
    grid-column: span 6 / span 6;
}
.blogs-grid-items .blogs-grid-items-img {
    padding-bottom: 55.4%;
}
.blogs-grid-content.first-row .blogs-grid-items:nth-child(-n + 2) .blogs-grid-items-img {
    padding-bottom: 54.1%;
}
.blogs-grid-content.first-row .blogs-grid-items:nth-child(-n + 2) .blogs-grid-items-img:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.57) 99.5%);
    z-index: 1;
}
.blogs-grid-items .blogs-grid-items-content {
    padding: 25px 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.blogs-grid-content-heading {
    margin-bottom: 10px;
}
.blogs-grid-content-heading p {
    font: normal normal 500 18px/24px var(--primary-font);
    color: var(--color_3);
    margin-bottom: 9px;
    text-transform: capitalize;
}
.blogs-grid-content-heading h4 {
    text-transform: capitalize;
}
.blogs-grid-content-inner {
    flex: 1;
    margin-bottom: 20px;
}
.blogs-grid-content-inner p {
    font: var(--subp1);
    font-weight: 300;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.blogs-grid-content-btn .btn {
    font: var(--subp1);
    font-weight: 700;
    letter-spacing: -0.03em;
    gap: 15px;
    display: flex;
    align-items: center;
}
.blogs-grid-content-btn .btn span:last-child {
    width: 19px;
    height: 12px;
}
.blogs-grid-content {
    margin-bottom: 19px;
}
.pagination-list .nav-links {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.pagination-list .nav-links .page-numbers {
    letter-spacing: -0.01em;
    color: #A1A1A1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 16px;
    text-align: center;
    justify-content: center;
}
.pagination-list .nav-links .page-numbers.current {
    color: var(--color_4);
}
.pagination-list .nav-links .page-numbers:hover:not(.current) {
    color: var(--PrimaryColor);
}
.pagination-list .nav-links .page-numbers svg {
    width: 8px;
    height: 12px;
    color: var(--PrimaryColor);
}
.pagination-list .nav-links .prev.page-numbers svg {
    transform: scaleX(-1);
}
.blogs-grid-content:not(.first-row) .blogs-grid-items-content {
    padding: 15px 0;
}
.blogs-grid-content:not(.first-row) .blogs-grid-content-heading p {
    font-size: 16px;
}
.blogs-grid-content:not(.first-row) .blogs-grid-items .blogs-grid-items-img {
    padding-bottom: 56%;
}
/*************** Blogs Grid Section CSS End ***************/
/*************** Project form Section CSS Start ***************/
.project-form-section {
    margin: 87px 0 90px;
}
.project-form-section:has(.project-form-shape) {
    margin: 68px 0 0;
    position: relative;
}
.project-form-shape {
    height: 144px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--color_1);
}
.project-form-box {
    background-color: var(--color_3);
    color: var(--WhiteColor);
    padding: 89px 67px 93px;
    position: relative;
    z-index: 1;
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 0 100%, 0 28px);
}
.project-form-box::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background-color: var(--WhiteColor);
    top: 0;
    left: 0;
    clip-path: polygon(100% 0, 0% 100%, 0 0);
}
.project-form-box-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.project-form-right {
    grid-column: span 2 / span 2;
}
.project-form-left-inner {
    max-width: 377px;
    padding-right: 20px;
}
.project-form-left-content {
    margin-bottom: 24px;
}
.project-form-left-content h2 {
    line-height: 46px;
    text-transform: uppercase;
    margin-bottom: 25px;
    max-width: 327px;
}
.project-form-left-content p {
    line-height: 22px;
}
.project-form-left-content p:not(:last-child) {
    margin-bottom: 24px;
}
.project-form-link li {
    display: flex;
    gap: 17px;
}
.project-form-link li:not(:last-child) {
    margin-bottom: 38px;
}
.project-form-link li span {
    width: 22px;
    height: 22px;
}
.project-form-link li a {
    line-height: 23px;
    transition: var(--transitionCt);
}
.project-form-link li a:hover {
    text-decoration: underline;
}
.project-form form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px 20px;
}
.project-form .form-group:has(textarea) {
    grid-row: span 2 / span 2;
}
.project-form .form-group:has(textarea) p {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.project-form textarea.form-control, .project-form .form-group:has(textarea) .wpcf7-form-control-wrap {
    height: 100%;
}
.project-form .ct-button-2:hover, .project-form .ct-button-2:hover:before {
    background-color: var(--BlackColor);
    border-color: var(--BlackColor);
}
/*************** Project form Section CSS End ***************/
/*************** Project details Section CSS Start ***************/
.project-details-section {
    margin: 58px 0 88px;
}
.project-details-heading {
    margin-bottom: 83px;
}
.project-details-heading-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.project-heading-left {
    position: relative;
    padding-left: 49px;
}
.project-heading-left::before {
    clip-path: polygon(100% 0, 0 0, 0 100%);
    width: 28px;
    height: 28px;
    top: 7px;
    left: 0;
    background-color: var(--color_3);
}
.project-heading-left-inner {
    position: relative;
}
.project-heading-left-inner h2 {
    margin-bottom: 41px;
    text-transform: uppercase;
    max-width: 493px;
}
.project-auth-main {
    gap: 20px 0;
}
.project-auth-left {
    padding-right: 16px;
    margin-right: 21px;
    border-right: 1px solid #D9D2D2;
    gap: 15px;
}
.project-auth-left .project-auth-img {
    border-radius: 10px;
    overflow: hidden;
    width: 43px;
    padding-bottom: 43px;
    background-color: var(--color_1);
}
.project-auth-left .project-auth-content {
    flex: 1;
    white-space: nowrap;
}
.project-auth-content span {
    font: normal normal 400 12px/16px var(--primary-font);
    display: block;
}
.project-auth-content p {
    font-weight: 700;
}
.project-auth-right ul {
    display: flex;
    align-items: center;
    gap: 15px;
}
.project-auth-right ul li {
    display: flex;
    align-items: center;
}
.project-auth-right ul li a {
    max-width: 26px;
    max-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-heading-right-inner {
    max-width: 642px;
    margin-left: auto;
}
.project-heading-right-content p {
    line-height: 20px;
}
.project-heading-right-content p:not(:last-child) {
    margin-bottom: 10px;
}
.project-heading-right-content {
    margin-bottom: 45px;
}
.project-heading-right-list ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
.project-heading-right-list span {
    font: normal normal 400 12px/24px var(--primary-font);
    display: block;
    margin-bottom: 3px;
}
.project-heading-right-list p {
    font: normal normal 700 18px/24px var(--primary-font);
}
.project-details-img {
    margin-bottom: 82px;
}
.project-details-img .aspect-ratio {
    padding-bottom: 36.3%;
    clip-path: polygon(44px 0, 100% 0, 100% 100%, 0 100%, 0 44px);
}
.project-details-img .aspect-ratio::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.57) 99.5%);
    z-index: 1;
}
.project-details-content {
    gap: 60px;
    margin-bottom: 87px;
}
.project-details-content-left {
    flex: 1;
}
.project-details-content-right {
    width: 100%;
    max-width: 625px;
}
.project-details-content-right .aspect-ratio {
    padding-bottom: 79.1%;
    clip-path: polygon(44px 0, 100% 0, 100% 100%, 0 100%, 0 44px);
}
.details-content-left {
    margin-bottom: 36px;
}
.details-content-left p {
    line-height: 22px;
}
.details-content-left p:not(:last-child) {
    margin-bottom: 22px;
}
.details-content-list h6 {
    line-height: 25px;
    margin-bottom: 19px;
    color: var(--color_3);
    letter-spacing: -0.01em;
}
.details-content-list ul {
    margin-bottom: 41px;
}
.details-content-list ul li {
    position: relative;
    padding-left: 28px;
}
.details-content-list ul li:not(:last-child) {
    margin-bottom: 19px;
}
.details-content-list ul li p {
    font-weight: 500;
}
.details-content-list ul li::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.3398" cy="9.68848" r="9.3584" fill="%23C00000"/><path d="M13.0818 6.56505C12.967 6.50119 12.8408 6.46058 12.7103 6.44554C12.5799 6.4305 12.4477 6.44133 12.3214 6.4774C12.1952 6.51347 12.0772 6.57408 11.9744 6.65577C11.8716 6.73745 11.7858 6.83861 11.7221 6.95345L9.86607 10.2936L8.80383 9.23139C8.7116 9.13591 8.60129 9.05974 8.47931 9.00735C8.35734 8.95495 8.22615 8.92737 8.0934 8.92622C7.96066 8.92506 7.82901 8.95036 7.70614 9.00063C7.58328 9.0509 7.47165 9.12513 7.37778 9.219C7.28391 9.31287 7.20968 9.42449 7.15941 9.54736C7.10914 9.67023 7.08385 9.80187 7.085 9.93462C7.08615 10.0674 7.11373 10.1986 7.16613 10.3205C7.21852 10.4425 7.29469 10.5528 7.39017 10.645L9.38968 12.6446C9.57864 12.834 9.83358 12.938 10.0965 12.938L10.235 12.928C10.3882 12.9065 10.5344 12.8498 10.662 12.7623C10.7896 12.6748 10.8951 12.5588 10.9703 12.4236L13.4697 7.92471C13.5335 7.80997 13.5741 7.68377 13.5891 7.55334C13.6042 7.42291 13.5934 7.29079 13.5573 7.16454C13.5213 7.03828 13.4608 6.92035 13.3792 6.81749C13.2976 6.71463 13.1965 6.62885 13.0818 6.56505Z" fill="white"/></svg>');
    width: 19px;
    height: 19px;
    top: 3px;
    left: 0;
    background-size: contain;
}
.details-content-list .ct-button-4 {
    padding: 16px 27px;
}
.project-details-slider .aspect-ratio {
    border-radius: 5px;
    overflow: hidden;
}
.project-details-heading-inner:not(:has(.project-heading-right)) {
    display: flex;
}
.project-details-heading-inner:not(:has(.project-heading-right)) .project-heading-left-inner h2 {
    max-width: 100%;
    margin-bottom: 12px;
}
.project-heading-left-inner>p {
    font: normal normal 400 12px/24px var(--primary-font);
}
.project-heading-left-inner>p sup {
    font-size: 12px;
}
.project-details-heading:not(:has(.project-heading-right)) {
    margin-bottom: 43px;
}
.project-details-inner:not(:has(.project-heading-right)) .project-details-img {
    margin-bottom: 50px;
}
/*************** Project details Section CSS End ***************/
/*************** Blog details Section CSS Start ***************/
.blog-details-inner {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}
.blog-details-right {
    grid-column: span 5 / span 5;
}
.blog-details-nav {
    position: relative;
    margin-bottom: 27px;
}
.blog-details-nav::before {
    width: 2px;
    height: 100%;
    background-color: #E7E7E7;
    top: 0;
    left: 0;
    border-radius: 2px;
}
.blog-details-nav li:not(:last-child) {
    margin-bottom: 13px;
}
.blog-details-nav a {
    font: normal normal 500 14px/normal var(--primary-font);
    padding: 6px 15px;
    color: #A1A1A1;
    position: relative;
    transition: var(--transitionCt);
}
.blog-details-nav a.active {
    color: #1D1D1D;
    font-weight: 700;
}
.blog-details-nav a:before {
    width: 2px;
    height: 100%;
    border-radius: 2px;
    background-color: var(--color_3);
    top: 0;
    left: 0;
    opacity: 0;
    transition: var(--transitionCt);
}
.blog-details-nav a.active::before {
    opacity: 1;
}
.blog-details-left-inner {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
}
/*************** Blog details Section CSS End ***************/
/*************** Contact Us banner Section CSS Start ***************/
.contact-page-form .home-hero-inner {
    padding: 159px 0 110px;
}
.contact-page-form .home-hero-box {
    align-items: center;
}
.contact-page-form .main-banner-content-inner h1 {
    font: normal normal 400 45px/53px var(--Anton);
    letter-spacing: -0.02em;
    max-width: 400px;
    margin-bottom: 16px;
}
.contact-page-form .main-banner-content-inner h1 span {
    display: inline;
    background-image: linear-gradient(transparent calc(100% - 9px), var(--PrimaryColor) 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 -10px;
}
.contact-page-form .main-banner-des-inner {
    max-width: 435px;
    margin-bottom: 16px;
}
.contact-page-form .main-banner-des-inner p {
    font: normal normal 400 14px/22.4px var(--primary-font);
    letter-spacing: -0.02em;
}
/*************** Contact Us banner Section CSS End ***************/
/*************** Contact map Section CSS Start ***************/
.contact-map-section {
    margin: 53px 0 24px;
}
.contact-map-inner {
    gap: 48px;
}
.contact-map-inner .contact-map-left {
    max-width: 351px;
}
.contact-map-inner .contact-map-right {
    max-width: 920px;
    flex: 1;
}
.contact-map-list:not(:last-child) {
    margin-bottom: 42px;
}
.contact-map-list h6 {
    font: normal normal 400 13px/24px var(--primary-font);
    color: #3A3A3A;
    margin-bottom: 8px;
}
.contact-map-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.contact-map-list li:not(:last-child) {
    margin-bottom: 12px;
}
.contact-map-list li span, .contact-map-list li>img {
    width: 16px;
}
.contact-map-list li span {
    margin-top: 6px;
}
.contact-map-list li :is(a, p) {
    font: normal normal 600 16px/28px var(--primary-font);
    letter-spacing: -0.01em;
    text-align: left;
    flex: 1;
    word-break: break-all;
    transition: var(--transitionCt);
}
.contact-map-list li a {
    width: calc(100% - 26px);
    max-width: fit-content;
    flex: unset;
}
.contact-map-list li a:hover {
    color: var(--PrimaryColor);
}
.contact-map-list.social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.contact-map-list.social ul li {
    margin: 0;
}
.contact-map-right-inner {
    width: 100%;
    clip-path: polygon(44px 0, 100% 0, 100% 100%, 0 100%, 0 44px);
    filter: grayscale(100%);
    display: flex;
}
.contact-map-right-inner iframe {
    width: 100%;
}
/*************** Contact map Section CSS End ***************/
/*------------------------------------ Footer CSS Start ------------------------------------*/
.main-footer-section {
    color: var(--WhiteColor);
}
.main-footer-top {
    padding: 71px 0 75px;
    background-color: var(--color_1);
}
.main-footer-top-inner {
    gap: 20px;
    justify-content: flex-start;
}
.main-footer-addre {
    max-width: 390px;
    width: 100%;
}
.main-footer-addre :is(h6, p) {
    font: var(--subp1);
    line-height: 23px;
    letter-spacing: normal;
}
.main-footer-addre h6 {
    font-weight: 700;
}
.main-footer-addre ul {
    margin-top: 20px;
}
.main-footer-addre ul p {
    font: var(--p);
    line-height: 30px;
}
.main-footer-section a:hover {
    text-decoration: underline;
}
.main-footer-items {
    width: 100%;
    max-width: 238px;
}
.main-footer-items.quick-items {
    max-width: 510px;
}
.main-footer-items-heading h6 {
    font: normal normal 700 16px/23px var(--primary-font);
    margin-bottom: 17px;
}
.main-footer-items .main-footer-items-content {
    gap: 33px;
    width: 100%;
}
.main-footer-items .main-footer-items-content .menu-footer-quick-links-menu-container {
    width: 100%;
    max-width: 427px;
}
.main-footer-items.quick-items .menu-footer-quick-links-menu-container ul {
    column-count: 2;
    column-gap: 33px;
}
.main-footer-items :is(a, p) {
    font: var(--subp1);
    line-height: 34px;
    letter-spacing: normal;
}
.main-footer-social {
    margin-top: 38px;
}
.main-footer-social .main-footer-items-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.main-footer-social .main-footer-items-content ul li {
    display: flex;
}
.main-footer-social .main-footer-items-content img {
    width: 20px;
    height: 20px;
}
.main-footer-bottom {
    background-color: #383838;
    padding: 14px 0;
}
.main-footer-bottom-inner {
    gap: 19px;
}
.main-footer-bottom-right ul {
    display: flex;
    align-items: center;
    gap: 40px;
}
.main-footer-bottom-right ul li {
    position: relative;
}
.main-footer-bottom-right ul li:not(:last-child):before {
    width: 1px;
    height: 18px;
    top: 50%;
    right: -20px;
    background-color: var(--WhiteColor);
    transform: translateY(-50%);
}
.main-footer-bottom-inner :is(a, p) {
    font: var(--subp1);
    font-family: var(--Arial);
    line-height: 34px;
    letter-spacing: 0.02em;
}
.main-footer-bottom-left {
    flex: 1;
}
.blog-details-social p {
    font: normal normal 700 14px/18px var(--primary-font);
    letter-spacing: -0.02em;
    margin-bottom: 17px;
}
.blog-details-social .a2a_kit {
    display: flex;
    align-items: center;
    gap: 23px;
}
.blog-details-social .a2a_kit a {
    display: flex;
    max-width: 26px;
    max-height: 26px;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.blog-details-right-inner {
    max-width: 1093px;
    margin-left: auto;
}
.blog-details-box p {
    letter-spacing: -0.01em;
    line-height: 25px;
    margin-bottom: 16px;
}
.blog-details-box :is(h1, h2, h3, h4, h5, h6), .blog-details-box-topics :is(h1, h2, h3, h4, h5, h6) {
    font: var(--h6);
    line-height: 20px;
    text-transform: capitalize;
    margin: 30px 0 20px;
}
.blog-details-box :is(ul, ol) {
    padding-left: 24px;
    margin-bottom: 20px;
}
.blog-details-box ul li {
    list-style: disc;
    list-style-position: outside;
}
.blog-details-box ol {
    counter-reset: line;
    padding-left: 4px;
}
.blog-details-box ol li {
    position: relative;
    display: flex;
    gap: 8px;
}
.blog-details-box ol li::before {
    counter-increment: line;
    content: counter(line)".";
    display: block;
    top: 0;
    left: 0;
    position: relative;
    width: 15px;
    text-align: right;
}
.blog-details-box li:not(:last-child) {
    margin-bottom: 8px;
}
.blog-details-box li p {
    display: inline;
    margin: 0;
}
.blog-details-box ol li p {
    display: block;
    flex: 1;
}
.blog-details-box img {
    clip-path: polygon(42px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
    margin: 48px 0 52px;
    min-height: 233px;
    object-fit: cover;
    max-height: 472px;
}
.blog-details-topics ul {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}
.blog-details-topics ul a {
    font: var(--subp1);
    font-weight: 700;
    border: 1px solid #D9D9D9;
    border-radius: 50px;
    display: block;
    text-align: center;
    padding: 12px 30px;
    background-color: transparent;
    transition: var(--transitionCt);
}
.blog-details-topics ul a:hover {
    border-color: var(--PrimaryColor);
    background-color: var(--PrimaryColor);
    color: var(--WhiteColor);
}
/*------------------------------------ Footer CSS End ------------------------------------*/
/*************** Wordpress CSS Start ***************/
.no-search-result-row h4 {
    margin-bottom: 20px;
}
.no-search-result-row .ct-button-4 {
    margin: 20px auto 0;
}
.form-group {
    position: relative;
}
.form-group-check .wpcf7-list-item {
    margin: 0;
}
.form-group-check .wpcf7-list-item label {
    display: flex;
    margin: 0;
}
.form-group .wpcf7-spinner {
    position: absolute;
    top: 50%;
    margin: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form-group .wpcf7-not-valid-tip {
    color: var(--PrimaryColor);
    display: block !important;
    font: normal normal 400 11px / 1 var(--primary-font);
    letter-spacing: -0.02em;
    text-align: left;
    margin-top: 10px;
}
.wpcf7-response-output {
    font: normal normal 400 11px / 14px var(--primary-font);
    letter-spacing: -0.02em;
    text-align: left;
    margin: 15px 0 0 !important;
    width: fit-content;
    padding: 8px 15px !important;
}
.form-group .flag-container {
    padding: 0;
}
.form-group .flag-container .selected-flag {
    padding: 12px 18px 12px 12px;
    width: 60px !important;
    background-color: transparent !important;
}
.form-group .flag-container .selected-flag .iti-arrow {
    border: none;
    background-image: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.93264 1.30715L4.85513 5.33648C4.81726 5.37394 4.77229 5.40366 4.72279 5.42394C4.67329 5.44421 4.62023 5.45465 4.56664 5.45465C4.51306 5.45465 4.46 5.44421 4.4105 5.42394C4.361 5.40366 4.31603 5.37394 4.27816 5.33648L0.200643 1.30715C0.143553 1.2508 0.104667 1.17897 0.0889073 1.10077C0.0731475 1.02257 0.0812229 0.9415 0.112111 0.867835C0.142999 0.794169 0.195311 0.731217 0.262425 0.686946C0.329538 0.642676 0.408435 0.619078 0.489127 0.619141H8.64416C8.72485 0.619078 8.80375 0.642676 8.87086 0.686946C8.93798 0.731217 8.99029 0.794169 9.02118 0.867835C9.05206 0.9415 9.06014 1.02257 9.04438 1.10077C9.02862 1.17897 8.98973 1.2508 8.93264 1.30715Z" fill="black"/></svg>');
    width: 10px;
    height: 6px;
    margin: 0;
    transform: translateY(-50%);
    transition: var(--transitionCt);
}
.form-group .flag-container:has(.country-list:not(.hide)) .selected-flag .iti-arrow {
    transform: translateY(-50%) rotate(-180deg);
}
.form-group .flag-container .selected-flag .selected-dial-code, .form-group .form-group-btn p br {
    display: none;
}
.form-group .country-list {
    color: var(--BlackColor);
    max-width: 440px;
}
.form-group .form-group-btn p {
    background-color: transparent;
    color: var(--WhiteColor);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 15px;
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
    transition: var(--transitionCt);
    position: relative;
    border: 2px solid var(--WhiteColor);
    overflow: hidden;
    text-transform: capitalize;
    cursor: pointer;
    line-height: normal;
}
.form-group .form-group-btn p .btn {
    color: currentColor;
    font: var(--subp1);
    font-weight: 700;
    line-height: 14.72px;
    letter-spacing: -0.03em;
    padding: 12px 57px 12px 24px;
}
.form-group .form-group-btn p:before {
    content: "";
    position: absolute;
    top: -13px;
    left: -10px;
    height: 20px;
    width: 20px;
    background-color: var(--WhiteColor);
    transform: rotate(-45deg);
    transition: var(--transitionCt);
}
.form-group .form-group-btn p:hover, .form-group .form-group-btn p:hover:before {
    background-color: var(--PrimaryColor);
    color: var(--WhiteColor);
    border-color: var(--PrimaryColor);
}
.project-form .form-group .form-group-btn p:hover, .project-form .form-group .form-group-btn p:hover::before {
    background-color: var(--BlackColor);
    border-color: var(--BlackColor);
}
.form-group .form-group-btn p span:last-child {
    width: 19px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}
.application-form form .wpcf7-response-output {
    grid-column: span 3 / span 3;
}
.form-group .separate-dial-code .form-control {
    padding-left: 70px !important;
}
.one-stop-left .main-supping-heading:has(.main-supping-inner-heading)::before {
    top: 2px;
}
.reverse-section .one-stop-right, .our-expertise-other .one-stop-inner.reverse-section .one-stop-right {
    order: 1;
}
.reverse-section .one-stop-left, .our-expertise-other .one-stop-inner.reverse-section .one-stop-left {
    order: 2;
}
.reverse-section .one-stop-right .one-stop-right-inner {
    margin-left: 0;
}
.project-details-inner:not(:has(.project-heading-right)) .project-details-img .aspect-ratio {
    padding-bottom: 31.8%;
}
.error_hero_section {
    padding: 160px 0 80px;
    text-align: center;
}
.error_hero_section .error_hero__title {
    margin-bottom: 40px;
}
.error_hero_section .page-content {
    max-width: 700px;
    margin: 0px auto;
}
.error_hero_section .page-content img {
    margin-bottom: 40px;
}
.error_hero_section .page-content p {
    font: var(--subHeading1);
    margin-bottom: 10px;
}
.error_hero_section .page-content .ct-button-4 {
    margin: 40px auto 0;
}
.error404 .main-header-section {
    background-color: var(--BlackColor);
}
.project-form .form-group .wpcf7-not-valid-tip {
    color: #F8EDED;
}
/*************** Wordpress CSS End ***************/
/* ========================================================================== Responsive Start ========================================================================== */
@media (max-width: 1578px) {
    .main-supping-inner {
        margin-left: 0;
    }
    .blog-details-inner {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .blog-details-right {
        grid-column: span 4 / span 4;
    }
    .main-footer-top-inner {
        justify-content: space-between;
    }
    .main-footer-addre, .main-footer-items.quick-items, .main-footer-items {
        max-width: fit-content;
    }
    .main-breadcrumb {
        width: 20%;
    }
    .main-breadcrumb-section {
        width: 80%;
    }
}
@media (max-width: 1280px) {
    .main-header-site {
        padding: 22px;
    }
    .main-header-call-inner {
        padding: 10px 22px;
    }
    .main-header-search {
        padding-right: 22px;
    }
    .main-header-menu-inner .menu-item-has-children>a {
        padding-right: 34px;
    }
    .main-header-menu-inner .menu-item-has-children>a:before {
        right: 6px;
    }
    .main-header-call {
        display: none;
    }
    .main-header-touch {
        display: block;
    }
    .main-supping-inner {
        padding: 0;
    }
    .main-supping-left {
        max-width: 100%;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 40px;
    }
    .main-supping-right {
        width: 100%;
        padding-left: 30px;
    }
    .main-hilight-left-inner {
        padding: 60px 80px 60px 40px;
    }
    .main-hilight-right {
        margin-left: -40px;
    }
    .extra-content-box {
        gap: 60px;
    }
    .brand-logo-slider .swiper-wrapper {
        gap: 0;
    }
    .project-details-content, .application-form form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .project-details-content-right {
        max-width: 100%;
    }
    .blog-details-inner {
        display: flex;
        flex-wrap: wrap;
    }
    .blog-details-left {
        width: calc(33.33% - 10px);
    }
    .blog-details-right {
        width: calc(66.66% - 10px);
    }
    .main-breadcrumb-slider {
        padding-right: 0;
    }
    .project-form-box-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 42px;
    }
    .project-form-left-inner {
        max-width: 770px;
        padding-right: 0;
    }
    .project-form-link li:not(:last-child) {
        margin-bottom: 16px;
    }
}
@media (max-width: 991px) {
    :root {
        --h1: normal normal 400 64px / 65px var(--Anton);
    }
    .main-header-social, .home-hero-section:not(.contact-page-form) .home-hero-right {
        display: none;
    }
    .header-mobile-icon, .header-search-input .close-btn, .main-header-menu .close-btn {
        display: flex;
    }
    .header-search-input {
        max-width: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: var(--BlackColor);
        left: 0;
        padding: 16px 30px;
        display: none;
        height: 100%;
    }
    .header-search-input .header-search-input-inner {
        height: 100%;
        align-items: center;
    }
    .header-search-inner .header-search-input input {
        flex: 1;
    }
    .main-header-site {
        flex: 1;
        border: 0;
        justify-content: center;
    }
    .main-header-menu {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 19;
        height: 100%;
        max-width: 360px;
        padding-right: 20px;
        z-index: 20;
        transition: var(--transitionCt);
        transform: translateX(-100%);
    }
    .main-header-menu.open {
        transform: none;
    }
    .main-header-menu-inner {
        background-color: var(--BlackColor);
        width: 100%;
        flex: 1;
        height: 100%;
        display: flex;
        overflow: auto;
        padding: 90px 16px;
    }
    .main-header-menu-inner .menu-primary-menu-container>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .main-header-menu-inner .menu-primary-menu-container, .main-header-menu-inner .menu-primary-menu-container>ul>li, .main-header-menu-inner .menu-primary-menu-container>ul>li a {
        width: 100%;
    }
    .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul {
        position: relative;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
        width: 100%;
        overflow: hidden;
        border-radius: 6px;
    }
    .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children>.sub-menu-toggle, .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children:hover>.sub-menu-toggle {
        top: 14px;
        transform: translateY(0%);
        width: 24px;
        height: 24px;
        background-position: center;
        z-index: 1;
    }
    .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children>.sub-menu-toggle.active {
        transform: translateY(0%) rotate(180deg);
    }
    .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children ul {
        left: 0;
        margin: 10px;
        width: auto;
    }
    .main-header-menu-inner .menu-item-has-children:hover>a:before {
        transform: none;
    }
    .main-header-menu-inner .menu-item-has-children.active>a:before {
        transform: translateY(-50%) rotate(180deg);
    }
    .main-header-menu-inner .menu-primary-menu-container .menu-item-has-children ul .menu-item-has-children.active>a:before {
        transform: translateY(-50%) rotate(136deg);
    }
    .main-header-search {
        padding: 0;
    }
    .main-header-menu .close-btn {
        position: absolute;
        top: 14px;
        right: 34px;
    }
    .home-hero-heading .main-heading h1 span {
        margin-left: 0;
    }
    .home-hero-content {
        margin-left: 0;
    }
    .home-hero-box, .extra-mile-inner, .one-stop-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .main-hilight-inner {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .main-hilight-left, .main-hilight-right {
        max-width: unset;
        width: auto;
    }
    .main-hilight-right {
        flex: auto;
    }
    .main-blog-section, .main-blog-section.main-blog-section-2 {
        margin: 60px 0;
    }
    .swiper-slide-active .main-blog-items-inner .main-blog-items-content:before {
        opacity: 1;
    }
    .swiper-slide-active .main-blog-items-inner .main-blog-items-img:before {
        background: #000000D9;
    }
    .main-blog-slider {
        margin: 0 -30px;
        padding: 0 53px;
    }
    .main-blog-items-content-heading h5 {
        font: normal normal 600 18px / 24px var(--primary-font);
    }
    .main-blog-items-content-heading span {
        width: 12px;
        height: 12px;
    }
    .main-footer-top-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 20px;
    }
    .main-hilight-right, .extra-mile-box {
        margin-left: 0;
    }
    .main-hilight-left-inner {
        padding: 60px;
    }
    .latest-news-box, .blogs-grid-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .application-form-box-heading, .application-form {
        padding: 40px;
    }
    .form-group-check-main .form-group-check, .form-group-inner {
        padding: 0;
    }
    .application-form form {
        gap: 20px;
    }
    .application-form form .form-group:last-child, .application-form form .wpcf7-response-output {
        grid-column: span 2 / span 2;
    }
    .our-project-items {
        padding-bottom: 25.4%;
    }
    .our-project-items-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        padding: 25px;
        max-height: calc(100% - 70px);
        display: flex;
        flex-direction: column;
    }
    .our-project-items-content::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 100%;
        top: 0;
        left: 0;
        background-color: var(--PrimaryColor);
        transition: var(--transitionCt);
    }
    .swiper-slide-active .our-project-items-content::before {
        width: 100%;
    }
    .our-project-content-inner {
        overflow: auto;
        padding-right: 10px;
    }
    .swiper-slide-active .our-project-content-heading p {
        color: #161616;
    }
    .one-stop-right-inner:not(:has(.one-stop-img-2)), .our-expertise-section .one-stop-left .main-supping-left-inner, .our-expertise-section.our-expertise-other .one-stop-left .main-supping-left-inner {
        margin-left: 0;
        max-width: 100%;
    }
    .main-count-section {
        margin: 100px 0;
    }
    .main-count-items {
        margin: 20px 0;
    }
    .main-count-items h2 {
        font: normal normal 400 56px/1 var(--Anton);
    }
    .main-count-items p {
        font: normal normal 600 15px/18px var(--primary-font);
    }
    .extra-mile-list-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 20px;
    }
    .our-expertise-other .one-stop-inner .extra-mile-list-inner {
        order: 2;
        grid-column: span 1 / span 1;
    }
    .our-expertise-other .one-stop-inner .one-stop-right, .our-expertise-other .one-stop-inner.reverse-section .one-stop-right {
        order: 3;
    }
    .our-expertise-other .one-stop-inner {
        gap: 42px 0;
    }
    .main-faq-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 63px;
    }
    .main-faq-inner .main-faq-right, .blogs-grid-content.first-row .blogs-grid-items:nth-child(-n + 2), .blogs-grid-content .blogs-grid-items, .project-form-right {
        grid-column: span 1 / span 1;
    }
    .project-form form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 14px;
    }
    .project-form-box {
        padding: 40px;
    }
    .project-form .form-group:has(textarea) {
        grid-row: span 1 / span 1;
    }
    .main-contact-form {
        max-width: 768px;
        margin-left: 0;
    }
    .main-heading h1 span {
        background-image: linear-gradient(transparent calc(100% - 10px), var(--PrimaryColor) 0);
        background-position: 0 -14px;
    }
    .header-search-inner .header-search-icon .search_icon {
        pointer-events: none;
    }
    .header-search-input.input-has-value .close-btn {
        background-image: url("https://mcr.flywheelsites.com/wp-content/themes/twentytwentyone-child/assets/images/search-icon.svg");
        background-size: 25px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .header-search-input.input-has-value .close-btn span {
        opacity: 0;
    }
    .main-breadcrumb {
        width: 30%;
    }
    .main-breadcrumb-section {
        width: 70%;
    }
    .form-group .country-list {
        max-width: 340px;
    }
    .main-faq-left-inner {
        margin-top: 0;
    }
    .reverse-section .one-stop-right {
        order: 2;
    }
    .reverse-section .one-stop-left, .our-expertise-other .one-stop-inner.reverse-section .one-stop-left {
        order: 1;
    }
    .application-form .form-group.acceptance-wrap {
        grid-column: span 2 / span 2;
    }
    .main-header-menu-inner .menu-primary-menu-container>ul>li:hover {
        background-color: transparent;
    }
    .project-form .form-group.tname {
        order: 1;
    }
    .project-form .form-group.office-add {
        order: 2;
    }
    .project-form .form-group.pcname {
        order: 3;
    }
    .project-form .form-group.frm-number {
        order: 4;
    }
    .project-form .form-group.email-add {
        order: 5;
    }
    .project-form .form-group.frm-messege {
        order: 6;
    }
    .project-form .form-group.frm-acceptance {
        order: 7;
    }
    .project-form-left-inner {
        max-width: 100%;
    }
}
@media (max-width: 840px) {
    .main-footer-bottom-inner :is(a, p) {
        font: normal normal 400 13px/22px var(--Arial);
    }
    .main-footer-bottom-right :is(a, p) {
        line-height: 34px;
    }
    .customers-slider-items:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0.69%, var(--WhiteColor) 21.63%);
        pointer-events: none;
        z-index: 1;
        opacity: 1;
        transition: var(--transitionCt);
    }
    .swiper-slide-active .customers-slider-items:before {
        opacity: 0;
    }
    .project-details-heading-inner, .project-details-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 45px;
    }
    .project-heading-right-inner {
        max-width: 100%;
    }
    .project-details-content-right {
        display: none;
    }
    .project-details-heading, .project-details-img {
        margin-bottom: 35px;
    }
    .contact-map-inner .contact-map-right, .contact-map-inner .contact-map-left {
        max-width: 100%;
        flex: auto;
        width: 100%;
    }
    .contact-map-inner .contact-map-right {
        margin: 0 -30px;
        width: auto;
        max-width: unset;
    }
    .contact-map-right-inner {
        clip-path: none;
    }
    .main-banner-breadcrumb .banner-breadcrumb-shape-1, .main-breadcrumb {
        width: 30%;
    }
    .form-group .country-list {
        max-width: 300px;
    }
}
@media (max-width: 767px) {
    .home-hero-section .home-hero-shape, .our-project-section .our-project-shape, .extra-content-items:not(:first-child), .blogs-grid-tab-inner .ct-button-2 span:last-child, .main-banner-breadcrumb .main-breadcrumb, .main-banner-breadcrumb .banner-breadcrumb-shape-1, .main-banner-content-inner h1 br {
        display: none;
    }
    .home-hero-inner {
        padding: 183px 0 107px 0;
    }
    .home-hero-left {
        padding: 0;
    }
    .latest-news-box, .extra-content-box, .extra-mile-list-inner, .contact-form form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .our-project-items {
        padding-bottom: 21.4%;
    }
    .extra-mile-list-inner {
        gap: 30px;
    }
    .blogs-grid-tab-inner {
        margin: 0 -30px;
        padding: 0 30px;
    }
    .blogs-grid-tab {
        margin-bottom: 30px;
        position: relative;
    }
    .blogs-grid-tab::before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 1px;
        left: 0;
        background-color: #F4F2F2;
    }
    .blogs-grid-tab-inner ul {
        gap: 34px;
    }
    .blogs-grid-tab-inner .ct-button-2, .blogs-grid-tab-inner .ct-button-2:hover, .blogs-grid-tab-inner .active .ct-button-2 {
        clip-path: none;
        padding: 21px 0;
        background-color: transparent;
        border: none;
        color: #5F6368;
        position: relative;
    }
    .blogs-grid-tab-inner .active .ct-button-2 {
        color: var(--color_3);
    }
    .blogs-grid-tab-inner .ct-button-2::before {
        width: 0%;
        height: 2px;
        background-color: var(--color_3);
        top: auto;
        bottom: 0;
        left: 0;
        transform: none;
        transition: var(--transitionCt);
    }
    .blogs-grid-tab-inner .active .ct-button-2:before {
        width: 100%;
    }
    .blogs-grid-content-main {
        margin-top: 30px;
    }
    .main-breadcrumb-section {
        width: 100%;
        padding: 9px 0;
        max-width: 100%;
    }
    .project-details-img .aspect-ratio, .project-details-inner:not(:has(.project-heading-right)) .project-details-img .aspect-ratio {
        padding-bottom: 74%;
        clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%, 0 18px);
    }
    .blog-details-left, .blog-details-right {
        width: 100%;
    }
    .blog-details-inner {
        gap: 48px;
    }
    .contact-form form {
        gap: 14px;
    }
    .contact-form form .form-group:not(.half-col), .contact-form form .wpcf7-response-output {
        grid-column: span 1 / span 1;
    }
    .contact-page-form .home-hero-box {
        gap: 49px;
    }
    .customers-right-shape .our-project-shape {
        transform: none;
    }
    .main-footer-bottom-left, .form-box-heading-left {
        flex: auto;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 640px) {
    :root {
        --h2: normal normal 400 32px / 40px var(--Anton);
        --h5: normal normal 600 18px / 20px var(--primary-font);
    }
    .main-supping-slider-main:before, .latest-news-heading .ct-button-4:before, .our-project-btn .ct-button-4::before, .main-banner-breadcrumb.inner-page, .one-stop-right-inner .one-stop-img-2, .one-stop-img:before, .main-blog-section.main-blog-section-2 .main-blog-shape, .project-details-heading-inner:not(:has(.project-heading-right)) .project-heading-left-inner>p {
        display: none;
    }
    .main-hilight-shape, .our-project-heading-right, .one-stop-left .revice-mob-image, .main-faq-section .our-project-shape {
        display: block;
    }
    .main-heading h1 {
        margin-bottom: 15px;
    }
    .main-header-site {
        padding: 14px;
    }
    .home-hero-content-inner p strong {
        font-weight: 500;
        letter-spacing: -0.03em;
    }
    .home-hero-content-inner {
        margin-bottom: 24px;
    }
    .home-hero-btn .btn {
        width: 100%;
        max-width: 197px;
    }
    .home-hero-img .aspect-ratio img {
        object-position: 24%;
    }
    .brand-logo-section {
        margin: 0;
        padding: 31px 0 39px;
        background-color: var(--color_2);
    }
    .main-supping-section {
        margin: 0;
        background-color: var(--color_2);
    }
    .main-supping-heading {
        padding-left: 30px;
        margin-left: -30px;
        margin-bottom: 20px;
    }
    .main-supping-heading:before, .extra-mile-left-inner .main-supping-heading::before, .latest-news-heading .main-supping-heading::before {
        width: 20px;
        height: 20px;
        top: 7px;
    }
    .main-supping-content p {
        font: var(--subp1);
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.04em;
    }
    .main-supping-content strong {
        font-weight: 700;
        letter-spacing: -0.04em;
    }
    .main-supping-btn {
        padding-top: 23px;
    }
    .main-supping-left {
        margin-bottom: 52px;
    }
    .main-supping-shape span {
        width: 100%;
        display: block;
        max-width: 156px;
        background-color: var(--WhiteColor);
        height: 32px;
        margin-left: auto;
        clip-path: polygon(32px 0, 100% 0, 100% 100%, 0 100%);
    }
    .main-supping-items .main-supping-items-content {
        padding: 17px;
    }
    .main-supping-items .main-supping-items-content a span {
        width: 13px;
        height: 13px;
    }
    .supping-slider-progress {
        margin-top: 21px;
        margin-right: 22%;
    }
    .main-supping-slider .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.60;
    }
    .main-supping-right {
        padding-bottom: 39px;
    }
    .main-supping-slider {
        padding-right: 22%;
    }
    .main-blog-section {
        margin: -4px 0 51px;
    }
    .main-blog-items-img .aspect-ratio {
        padding-bottom: 126.4%;
    }
    .main-blog-items-inner .main-blog-items-content {
        padding: 55px 21px 57px 21px;
    }
    .main-blog-items-inner .main-blog-items-content:before {
        width: 32px;
        height: 32px;
    }
    .main-blog-items-content-heading {
        gap: 10px;
    }
    .blog-items-content-bottom-inner p strong {
        font-weight: 500;
    }
    .blog-items-content-bottom-inner p:not(:last-child) {
        margin-bottom: 8px;
    }
    .blog-items-content-bottom-inner {
        margin-bottom: 25px;
    }
    .main-blog-slider .swiper-slide {
        transition: var(--transitionCt);
        opacity: 0.5;
    }
    .main-blog-slider .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    .main-footer-top {
        padding: 42px 0 39px;
    }
    .main-footer-top-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 33px;
    }
    .main-footer-items.quick-items .menu-footer-quick-links-menu-container ul {
        column-count: 1;
    }
    .main-footer-items.quick-items .menu-footer-quick-links-menu-container ul li:nth-child(4) {
        margin-bottom: 33px;
    }
    .main-hilight-section {
        margin: 50px 0 0;
        background-color: var(--color_2);
    }
    .main-hilight-left {
        margin: 0 -30px;
    }
    .main-hilight-left-inner {
        padding: 50px 30px 50px 0;
    }
    .main-hilight-left-inner .main-supping-heading {
        margin: 0;
        padding-left: 30px;
    }
    .main-hilight-left-inner .main-supping-heading:before {
        top: 0;
    }
    .main-supping-inner-heading h5 {
        font: normal normal 400 18px/20px var(--Anton);
        margin-bottom: 11px;
    }
    .main-hilight-left-inner .main-supping-heading h2 {
        line-height: 35px;
    }
    .main-hilight-left-inner .main-supping-inner-heading {
        margin-bottom: 20px;
    }
    .main-hilight-left-inner .main-supping-content p:not(:last-child) {
        margin-bottom: 14px;
    }
    .main-hilight-left-inner .main-supping-btn {
        padding-top: 30px;
    }
    .main-hilight-left-inner .ct-button-4 {
        padding: 16px 27px;
    }
    .main-hilight-right {
        margin: 0 -30px;
        padding: 0 30px;
        position: relative;
    }
    .main-hilight-right .main-hilight-shape {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: var(--SecondColor);
        height: 58px;
    }
    .main-hilight-right-inner .aspect-ratio {
        padding-bottom: 53.4%;
        clip-path: polygon(100% calc(100% - 20px), 100% 0, 0 0, 0 100%, calc(100% - 20px) 100%);
    }
    .extra-mile-section {
        margin: 50px 0 38px;
    }
    .extra-mile-left-inner .main-supping-content p {
        letter-spacing: -0.04em;
    }
    .extra-mile-left-inner .main-supping-content {
        margin-bottom: 28px;
    }
    .extra-mile-left-inner .main-supping-content:nth-child(4) {
        margin-bottom: 6px;
    }
    .extra-mile-left-inner .main-supping-heading {
        padding-left: 30px;
        margin-bottom: 0;
    }
    .extra-mile-box {
        padding: 37px 18px 32px 18px;
    }
    .extra-mile-box-content h6 {
        font: var(--h5);
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .extra-mile-box-items {
        gap: 24px;
    }
    .extra-mile-box-items:not(:last-child) {
        margin-bottom: 25px;
    }
    .customers-slider-inner {
        padding: 38px 0 50px;
    }
    .customers-heading {
        margin-bottom: 31px;
        text-align: left;
    }
    .customers-heading h2 {
        margin-bottom: 20px;
        letter-spacing: -0.04em;
    }
    .customers-heading p {
        font: var(--subp1);
        max-width: 300px;
    }
    .customers-slider-btn {
        display: flex;
        gap: 5px;
        margin-top: 18px;
    }
    .customers-slider-btn .blog-slider-btn {
        width: 33px;
        height: 33px;
    }
    .customers-slider-btn .blog-slider-btn img {
        width: 7px;
        height: 10px;
    }
    .customers-slider-btn .blog-slider-btn:not(.swiper-button-disabled) {
        background-color: var(--WhiteColor);
    }
    .customers-slider-items {
        padding: 35px 19px 26px 18px;
    }
    .customers-slider-heading .customers-slider-heading-img {
        max-width: 38px;
        padding-bottom: 38px;
    }
    .customers-slider-heading {
        margin-bottom: 12px;
    }
    .customers-slider-heading-content p {
        font: normal normal 700 18px/22px var(--primary-font);
    }
    .customers-slider-content p {
        font: var(--subp1);
        line-height: 24px;
    }
    .customers-slider {
        padding: 0 76px 0 30px;
    }
    .customers-slider-heading-content .customers-slider-heading-review {
        max-width: 93px;
    }
    .latest-news-section {
        margin: 49px 0 27px;
    }
    .latest-news-heading .main-supping-heading {
        margin-bottom: 0;
        padding-left: 31px;
    }
    .latest-news-heading {
        margin-bottom: 31px;
    }
    .latest-news-heading .ct-button-4 {
        background-color: transparent;
        color: var(--BlackColor);
        padding: 0;
        border: none;
        clip-path: unset;
        text-decoration: underline;
        text-underline-offset: 2px;
        gap: 10px;
    }
    .latest-news-items .latest-news-items-img {
        clip-path: none;
        padding-bottom: 60.2%;
    }
    .latest-news-items-content {
        padding: 16px 0 23px;
    }
    .latest-news-content-heading p {
        font: var(--subp1);
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 1px;
    }
    .latest-news-content-heading h4 {
        font: normal normal 600 18px/24px var(--primary-font);
    }
    .latest-news-content-heading {
        margin-bottom: 5px;
    }
    .latest-news-content-inner p {
        font: normal normal 300 13px/24px var(--primary-font);
    }
    .application-form-box-heading {
        padding: 41px 20px 44px 18px;
    }
    .application-form {
        padding: 52px 18px 21px 18px;
        position: relative;
    }
    .application-form:before {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        background-color: var(--PrimaryColor);
        top: 0;
        left: 0;
        clip-path: polygon(0 0, 0% 100%, 100% 0);
    }
    .application-form form {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 14px;
    }
    .application-form form .form-group:last-child, .application-form form .wpcf7-response-output {
        grid-column: span 1 / span 1;
    }
    .form-group-inner {
        gap: 36px;
        flex-direction: column;
    }
    .form-group-inner .form-group-btn {
        width: 100%;
    }
    .form-group .form-group-btn p {
        width: fit-content;
        margin-left: auto;
    }
    .our-project-inner-main {
        padding: 34px 0 46px;
    }
    .our-project-items {
        padding-bottom: 0;
        clip-path: polygon(100% calc(100% - 20px), 100% 0, 0 0, 0 100%, calc(100% - 20px) 100%);
    }
    .our-project-items-img .aspect-ratio {
        padding-bottom: 95%;
    }
    .our-project-btn .ct-button-4 {
        padding: 0;
        background-color: transparent;
        border: none;
        clip-path: none;
    }
    .our-project-heading-left .main-supping-heading {
        padding-left: 30px;
    }
    .our-project-heading-left {
        flex: 1;
    }
    .our-project-heading-right-inner {
        gap: 5px;
    }
    .our-project-heading-right-inner .blog-slider-btn {
        width: 33px;
        height: 33px;
    }
    .our-project-heading-right-inner .blog-slider-btn :is(img, svg) {
        width: 7px;
        height: 10px;
    }
    .our-project-slider {
        margin: 0 -30px;
        padding: 0 30px;
    }
    .our-project-items-content {
        padding: 17px 18px 23px;
    }
    .our-project-content-heading p {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 2px;
    }
    .our-project-content-heading h4 {
        font-size: 18px;
    }
    .our-project-content-heading {
        margin-bottom: 7px;
    }
    .our-project-content-inner p {
        line-height: 20px;
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
    .our-project-content-hover .our-project-content-btn {
        margin-top: 21px;
    }
    .main-banner-content-inner h1 {
        margin-bottom: 21px;
        line-height: 72px;
    }
    .main-heading h1 span {
        background-position: 0 -15px;
    }
    .main-banner-content {
        padding: 183px 0 77px;
    }
    .main-banner-img:before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 151.85%);
    }
    .main-banner-img:after {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 56.1%, rgba(0, 0, 0, 0.2) 78.94%);
    }
    .main-breadcrumb-slider {
        margin: 0 -30px;
        padding: 0 51% 0 23px;
    }
    .one-stop-section {
        margin: 39px 0 50px;
    }
    .one-stop-left .main-supping-heading h2 {
        max-width: 271px;
    }
    .one-stop-left .main-supping-left-inner {
        padding-top: 0;
    }
    .one-stop-left .main-supping-heading {
        padding-left: 30px;
    }
    .one-stop-left .main-supping-btn {
        padding-top: 35px;
    }
    .one-stop-right-inner .one-stop-img-1 {
        max-width: 100%;
        margin-right: 0;
    }
    .one-stop-right-inner .one-stop-img-1 .aspect-ratio {
        padding-bottom: 60%;
    }
    .extra-content-shape span {
        width: 100%;
        max-width: 177px;
        height: 20px;
        clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 100%, 0% 100%);
        margin-left: auto;
        transform: scaleX(-1);
    }
    .extra-content-shape.extra-content-reverse span {
        transform: scaleY(-1);
        margin-left: 0;
        max-width: 218px;
    }
    .extra-content-inner {
        background-color: var(--color_4);
        color: var(--WhiteColor);
        padding: 49px 0 36px;
    }
    .extra-content-items .main-supping-heading h2 {
        margin-bottom: 21px;
    }
    .extra-content-items .main-supping-heading {
        margin-bottom: 0;
    }
    .extra-content-items .main-supping-content p:not(:last-child) {
        margin-bottom: 16px;
    }
    .extra-content-shape, .brand-logo-section.bg-change {
        background-color: #FCFCFC !important;
    }
    .brand-logo-section.bg-change {
        padding: 0;
    }
    .brand-logo-section.bg-change .brand-logo-section-inner {
        padding: 31px 0 39px;
    }
    .our-expertise-section {
        margin: 34px 0 54px;
        position: relative;
    }
    .our-expertise-section:has(.one-stop-shape) .container {
        position: relative;
        z-index: 1;
    }
    .our-expertise-section:has(.one-stop-shape) {
        margin-bottom: 0;
    }
    .our-expertise-section:has(.one-stop-shape) .one-stop-right-inner .aspect-ratio {
        padding-bottom: 53.4%;
        clip-path: polygon(100% calc(100% - 20px), 100% 0, 0 0, 0 100%, calc(100% - 20px) 100%);
    }
    .our-expertise-section .one-stop-right-inner .aspect-ratio {
        padding-bottom: 83.5%;
    }
    .main-count-section {
        margin: 54px 0 58px;
    }
    .main-count-items {
        display: block;
        width: 100%;
        max-width: 50%;
        margin: 0;
    }
    .main-count-items:nth-child(even) {
        margin-left: auto;
    }
    .main-blog-section.main-blog-section-2 {
        margin: 42px 0 0;
    }
    .main-blog-section-2 .main-blog-slider-main {
        display: flex;
        flex-direction: column;
        gap: 29px;
    }
    .main-blog-section-2 .main-blog-slider-main .main-blog-slider {
        order: 1;
    }
    .main-blog-section-2 .main-blog-slider-main .main-blog-slider-btn-main {
        order: 2;
        margin-bottom: 0;
    }
    .our-project-shape-reverse {
        transform: scaleX(-1);
    }
    .main-blog-section.main-blog-section-2:has(.main-blog-shape) {
        margin: 53px 0 0;
        padding-bottom: 0;
    }
    .main-blog-heading {
        text-align: left;
    }
    .main-faq-section {
        padding: 0;
    }
    .main-faq-inner {
        padding: 85px 0 53px;
    }
    .main-faq-section .our-project-shape {
        padding-left: 160px;
    }
    .main-faq-section .our-project-shape span {
        height: 20px;
        clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%);
    }
    .main-faq-left-inner {
        max-width: 277px;
    }
    .main-faq-heading {
        margin-bottom: 27px;
    }
    .main-faq-box {
        padding: 24px 18px 4px 24px;
    }
    .faq-tab-body-inner {
        padding: 10px 0 12px;
        max-width: 256px;
    }
    .one-stop-left .revice-mob-image {
        max-width: 209px;
        margin-top: 31px;
    }
    .blogs-grid-section {
        margin: 6px 0 40px;
    }
    .blogs-grid-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 49px;
    }
    .blogs-grid-items .blogs-grid-items-content {
        padding: 15px 0;
    }
    .blogs-grid-content-heading p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .blogs-grid-content-heading h4 {
        font: normal normal 600 18px/24px var(--primary-font);
    }
    .blogs-grid-content-inner {
        margin-bottom: 12px;
    }
    .project-form-section {
        margin: 40px 0 50px;
    }
    .project-form-section:has(.project-form-shape) {
        margin: 31px 0 0;
    }
    .project-form-box {
        padding: 40px 18px 31px 18px;
    }
    .project-form-left-content h2 {
        line-height: 36px;
        margin-bottom: 20px;
    }
    .project-form-left-content p {
        font: var(--subp1);
        font-weight: 500;
    }
    .project-form textarea.form-control {
        height: 46px;
    }
    .project-form-shape {
        height: 152px;
    }
    .project-heading-left {
        padding-left: 30px;
        margin-left: -30px;
    }
    .project-heading-left::before {
        width: 20px;
        height: 20px;
        top: 4px;
    }
    .project-heading-left-inner h2 {
        margin-bottom: 28px;
    }
    .project-heading-right-content p {
        font: var(--subp1);
        line-height: 24px;
    }
    .project-heading-right-list ul {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .project-heading-right-list span {
        font-size: 11px;
    }
    .project-heading-right-list p {
        font-size: 13px;
    }
    .details-content-list ul {
        margin-bottom: 17px;
    }
    .project-details-section {
        margin: 52px 0 40px;
    }
    .project-details-content {
        margin-bottom: 29px;
    }
    .project-details-slider {
        margin: 0 -30px;
        padding: 0 42px 0 30px;
    }
    .details-content-list ul li p {
        font: var(--subp1);
        font-weight: 500;
        line-height: 24px;
    }
    .project-heading-right-content {
        margin-bottom: 25px;
    }
    .blogs-grid-items .blogs-grid-items-img, .blogs-grid-content.first-row .blogs-grid-items:nth-child(-n+2) .blogs-grid-items-img, .blogs-grid-content:not(.first-row) .blogs-grid-items .blogs-grid-items-img {
        padding-bottom: 66.4%;
    }
    .blog-details-box img {
        clip-path: polygon(18px 0, 100% 0, 100% 100%, 0 100%, 0 18px);
        margin: 48px 0 62px;
    }
    .blog-details-box p {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-details-topics ul {
        gap: 44px;
    }
    .blog-details-topics ul a {
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .blog-details-topics ul a:hover {
        background-color: transparent;
        color: var(--PrimaryColor);
    }
    .blog-details-box ol {
        padding-left: 0;
    }
    .contact-page-form .home-hero-inner {
        padding: 134px 0 44px;
    }
    .contact-page-form .main-banner-content-inner h1 {
        max-width: 283px;
    }
    .contact-page-form .main-banner-des-inner {
        max-width: 290px;
        margin-bottom: 30px;
    }
    .contact-page-form .home-hero-box .home-hero-left {
        padding-left: 14px;
    }
    .main-contact-form-inner {
        padding: 37px 18px;
    }
    .contact-map-section {
        margin: 68px 0 0;
    }
    .contact-map-list li :is(a, p) {
        font-size: 14px;
    }
    .contact-map-list:not(:last-child) {
        margin-bottom: 39px;
    }
    .contact-map-right-inner iframe {
        max-height: 387px !important;
    }
    .one-stop-left .main-supping-heading::before {
        top: 0px;
    }
    .home-hero-section:not(.contact-page-form) .home-hero-box {
        padding: 0 11px 0 16px;
    }
    .home-hero-heading .main-heading h1 span {
        margin-left: 32px;
    }
    .main-supping-section .main-supping-heading h2 {
        text-transform: capitalize;
    }
    .main-supping-section .main-supping-content strong {
        letter-spacing: -0.03em;
        line-height: 22px;
    }
    .our-project-heading {
        align-items: flex-end;
    }
    .application-form .form-group.tname {
        order: 1;
    }
    .application-form .form-group.office-addr {
        order: 2;
    }
    .application-form .form-group.pname {
        order: 3;
    }
    .application-form .form-group.pnumber {
        order: 4;
    }
    .application-form .form-group.email-addr {
        order: 5;
    }
    .application-form .form-group.business-date {
        order: 6;
    }
    .application-form .form-group.business-type {
        order: 7;
    }
    .application-form .form-group.other {
        order: 8;
    }
    .application-form .form-group.acceptance-wrap {
        order: 9;
    }
    .main-banner-des-inner {
        max-width: 290px;
    }
    .main-banner-des-inner p {
        font: normal normal 400 14px/20px var(--primary-font);
    }
    .extra-mile-list-inner .extra-mile-box-items .extra-mile-box-img {
        max-width: 43px;
        height: 41px;
    }
    .extra-mile-list-inner .extra-mile-box-items .extra-mile-box-img .aspect-ratio {
        max-width: 22px;
        padding-bottom: 22px;
    }
    .extra-mile-list-inner .extra-mile-box-items {
        gap: 32px;
    }
    .extra-mile-list-inner .extra-mile-box-content ul li {
        font: normal normal 500 14px/24px var(--primary-font);
        letter-spacing: -0.01em;
        padding-left: 17px;
    }
    .extra-mile-list-inner .extra-mile-box-content ul li:not(:last-child) {
        margin-bottom: 9px;
    }
    .our-expertise-section .one-stop-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 86px;
        display: block;
    }
    .faq-tab-header h6 {
        font-size: 18px;
    }
    .application-form .form-group.acceptance-wrap {
        grid-column: span 1 / span 1;
    }
    .form-group-inner .form-group-check {
        width: 100%;
        flex: auto;
    }
    .form-group-check .wpcf7-list-item label {
        align-items: center;
    }
    .form-box-heading-left {
        max-width: 257px;
    }
    .form-box-heading-left h2 {
        max-width: 217px;
    }
}
@media (max-width: 360px) {
    .main-footer-bottom-right ul {
        gap: 18px;
    }
    .main-footer-bottom-right ul li:not(:last-child):before {
        right: -9px;
    }
    .main-footer-bottom-right :is(a, p) {
        line-height: 22px;
        font-size: 12px;
    }
    .extra-mile-box-items .extra-mile-box-content {
        flex: auto;
        width: 100%;
    }
    .our-project-items-img .aspect-ratio {
        padding-bottom: 110%;
    }
    .contact-page-form .home-hero-box .home-hero-left {
        padding-left: 0;
    }
}
@media (min-width: 992px) {
    .main-blog-slider-btn-main {
        display: none;
    }
    .main-blog-slider .swiper-wrapper {
        display: grid;
        transform: none !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .main-blog-slider .swiper-wrapper .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
    }
    .main-blog-section-2 .main-blog-slider .swiper-wrapper {
        gap: 30px;
    }
    .main-blog-section-2 .main-blog-slider .swiper-wrapper .main-blog-items-inner {
        clip-path: polygon(46px 0, 100% 0, 100% 100%, 0 100%, 0 46px);
        transition: var(--transitionCt);
    }
    .main-blog-section-2 .main-blog-slider .swiper-wrapper .main-blog-items-inner:hover {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
    .main-blog-section-2 .main-blog-items-img .aspect-ratio {
        padding-bottom: 78%;
    }
    .main-blog-section-2 .main-blog-items-content-heading h5 {
        letter-spacing: -0.03em;
    }
    .our-project-slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        transform: none !important;
        gap: 13px;
    }
    .our-project-slider .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
        grid-column: span 4 / span 4;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) {
        grid-column: span 6 / span 6;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items-img .aspect-ratio {
        padding-bottom: 54.1%;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 452px;
        padding: 33px 41px 41px;
        max-height: 100%;
        display: flex;
        flex-direction: column;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items-content .our-project-content-inner {
        overflow: auto;
        padding-right: 10px;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items-content::before {
        width: 8px;
        height: 100%;
        top: 0;
        left: 0;
        background-color: var(--PrimaryColor);
        transition: var(--transitionCt);
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items:hover .our-project-items-content::before {
        width: 100%;
    }
    .our-project-slider .swiper-slide:nth-child(-n + 2) .our-project-items:hover .our-project-content-heading p {
        color: #161616;
    }
}
@media (min-width: 1281px) {
    .main-blog-slider .swiper-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* ========================================================================== Responsive End ========================================================================== */