/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'maison new light';
    src: url('../font-maison/fonnts.com-Maison_Neue_Light.ttf');
}

@font-face {
    font-family: 'maison new book';
    src: url('../font-maison/fonnts.com-Maison_Neue_Book.ttf');
}

@font-face {
    font-family: 'maison new bold';
    src: url('../font-maison/fonnts.com-Maison_Neue_Bold.ttf');
}

@font-face {
    font-family: 'maison new mono';
    src: url('../font-maison/fonnts.com-Maison_Neue_Mono.ttf');
}


/* Neutraface */


@font-face {
    font-family: 'neutraface';
    src: url('../neutraface/Neutraface\ Text\ Demi.otf');
}

@font-face {
    font-family: 'neutraface light';
    src: url('../neutraface/Neutraface\ Text\ Book.otf');
}

/* Architext */

@font-face {
    font-family: 'architext ';
    src: url('../architext/Architex.ttf');
}

/* Chillen */

@font-face {
    font-family: 'chillen ';
    src: url('../chillen/Chillen.ttf');
}

/* American Typewriter */

@font-face {
    font-family: 'american-typewriter ';
    src: url('../american-typewriter/dehinted-AmericanTypewriter-Condensed.ttf');
}

/* Big Caslon */

@font-face {
    font-family: 'big-caslon ';
    src: url('../big-caslon/fonnts.com-Big_Caslon_CC.otf');
}


:root {
    --primary: #b0c527;
    --primary-dark: #9aac21;
    --primary-light: #f8ffcc;
    --primary-gradiant: ;
    --secondry: #82BB84;
    --secondry-dark: #619f63;
    --secondry-light: #b9e9bb;
    --second-primary-light: #c1d0ed;
    --light-green: #45c73e;
    --dark-green: #21831b;
    --color-black: #000;
    --color-white: #fff;
    --color-light-gray: #b7b7b7;
    --color-dark-gray: #404040;
    --light-gray: #c6c6c6;
    --text-gray: #828282;
    --bg-light: #f2f2f2;
    --gray: #e0e0e0;
    --how-bg-1: #f7f7f7;
    --how-bg-2: #efefef;
    --how-bg-3: #e8e8e8;
    --how-bg-4: #e1e1e1;
    --how-bg-5: #dadada;
    /* --font-main: "maison new book", sans-serif;
    --font-sub: "maison new light", sans-serif;
    --font-bold: "maison new bold", sans-serif;
    --font-mono: "maison new mono", sans-serif; */
    --font-main: "Poppins", sans-serif;
    --font-sub: "Inter", sans-serif;
    --font-bold: "Poppins", sans-serif;
    --font-mono: "Poppins", sans-serif;
    --font-neutra: "neutraface", sans-serif;
    --font-neutra-light: "neutraface light", sans-serif;
    --font-architext: "architext ", sans-serif;
    --font-chillen: "chillen ", sans-serif;
    --font-american-typewriter: "american-typewriter ", sans-serif;
    --font-big-caslon: "big-caslon ", sans-serif;
    --font-courier: "big-caslon ", sans-serif;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



p,
span,
li,
td,
th {
    font-family: var(--font-sub);
    font-weight: 400;
    color: var(--color-black);


}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-main);
    font-weight: 600;

}

button,
a {
    font-family: var(--font-main) !important;
    /* font-weight: 500; */
}

body {
    line-height: 1.7 !important;
    background-color: var(--bg-light) !important;
}

label,
input,
select {
    font-family: var(--font-main);
}

.header {
    padding: 10px 0;
    height: 100px;
    width: 100%;
}

.baner-caption {
    width: 100%;
}

.brand-logo img {
    width: 200px;
}

ul.nav-menus {
    justify-content: space-between !important;
    width: 100%;
    padding-left: 250px;


}

ul.nav-menus li {
    margin: 0 10px;
}

ul.nav-menus li a {
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    color: #6d6d6d;
    font-family: var(--font-neutra);
}

ul.nav-menus li a:hover {
    color: var(--primary);
}

/* ul.baner-top-menu li a{
    color: var(--color-white);
} */
/* 
.baner-text-scroll {
    display: flex;
    position: relative;
    width: 100%;
    height: 600px;
    margin: auto;
    overflow: hidden;
    z-index: 1;
}

.baner-text-scroll-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transform: scale(2);
    transition: all 1s ease;
}

.baner-text-scroll-title>div {
    display: flex;
    animation: scrollText 30s infinite linear;
}

.baner-text-scroll-title h1 {
    margin: 0;
    font-size: 140px;
    color: #6d6d6d;
    transition: all 2s ease;
    font-family: var(--font-main);
}

.baner-text-scroll-title a {
    text-decoration: none;
    color: #575757;
}

.baner-text-scroll-title a:hover {
    -webkit-text-stroke: 1px white;
    color: transparent;
}

@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
} */
.baner-text-scroll {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 600px;
    margin: auto;
    overflow: hidden;
    z-index: 1;
}

/* Title wrapper */
.baner-text-scroll-title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    /* Removed scale(2) because Safari clips it */
    transform: none;
    transition: all 1s ease;
}

/* Inner content to animate */
.baner-text-scroll-title>div {
    display: inline-flex;
    white-space: nowrap;
    animation: scrollText 30s linear infinite;
}

/* Headline style */
.baner-text-scroll-title h1 {
    margin: 0;
    font-size: 20rem;
    color: #b7b7b7;
    font-family: var(--font-neutra-light, Arial, sans-serif);
    /* fallback added */
    transition: all 2s ease;
}

/* Link styles */
.baner-text-scroll-title a {
    text-decoration: none;
    color: #b7b7b7;
}

.baner-text-scroll-title a:hover {
    -webkit-text-stroke: 1px #fff;
    /* Safari-safe */
    color: transparent;
}

/* Keyframes */
@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

.banner-section {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.banner-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-baner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #00000094; */
}

.baner-image-card {
    position: absolute;
    top: 51%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 100;
    overflow: hidden;
}













.swiperBaner {
    max-width: 900px;
    height: 520px;
}

.swiperBaner .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.baner-images {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.baner-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.baner-caption {
    margin-top: -30px;
}

.baner-caption p {
    font-size: 17px;
    text-align: center;
    font-family: var(--font-neutra-light);
    margin: 0;
    color: #595959;
}

.section-padding {
    padding: 70px 0;
}

/* .fluid-padding{
    padding: 0 100px !important;
} */
.section-left-title {
    margin-right: auto;
}

.section-left-title p {
    font-family: var(--font-neutra-light) !important;
    font-size: 17px;
}

.section-left-title h2 {
    color: var(--color-black);
    font-family: var(--font-main);
    text-transform: uppercase;
    margin: 0;
    font-size: 40px;
    line-height: 40px;
    font-family: var(--font-neutra-light) !important;
    padding-bottom: 30px;
}

.section-left-title h2 a {
    text-decoration: none;
    color: var(--color-dark-gray);
    font-family: var(--font-neutra-light) !important;
}

.home-tab-container ul.nav-tabs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 0 !important;
    padding-bottom: 100px;
}

.home-tab-container ul.nav-tabs li button {
    background-color: transparent !important;
    border: 0 !important;
    font-size: 18px;
    color: #838282;
    font-family: var(--font-neutra-light) !important;
}

.home-tab-container ul.nav-tabs li button.active {
    font-weight: 500;
}

.offer-swiper-container {
    padding: 10px;
}

.offer-swiper-img {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offer-swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.offer-swiper-container h6 {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: var(--font-neutra);
    color: #5d5c5c;
}

.offer-swiper-container p {
    font-size: 17px;
    margin: 0;
    line-height: 24px;
    font-family: var(--font-neutra-light) !important;
    color: #494949;
}

/* .offerSwiper .swiper-wrapper{
    margin-left: -15%;
} */

.project-container-home {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.project-arrow-widget {
    width: 16%;
    height: 10px;
}

.project-widget-info {
    width: 100%;
}

.a-custom {
    text-decoration: none !important;
    width: 100%;
    height: 100%;
}

.project-swiper-container {
    /* border-top: 1px solid #222; */
    padding-top: 10px;
    margin-top: 30px;
}

.project-swiper-container span {
    font-size: 48px;
    margin: 20px 0;
    font-family: var(--font-architext);
    font-weight: 700;
    letter-spacing: 01px;
}

.project-swiper-container p {
    margin: 2px 0;
    font-size: 15px;
    color: #787878;
    font-family: var(--font-bold);
}

.project-swiper-container h6 {
    font-family: var(--font-bold);
    color: var(--color-black);
    margin: 7px 0;
    font-size: 19px;
}

.project-swiper-img {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.project-swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.project-swiper-img-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    background-color: #000000a8;
    padding: 30px;
     background: rgba(146, 146, 146, 0.33);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* .project-swiper-img:hover .project-swiper-img-overlay{
    top: 0;
} */
.project-swiper-img-overlay h3 {
    font-size: 22px;
    color: var(--color-white);
    margin-bottom: 15px;
    font-family: var(--font-neutra);

}

.project-swiper-img-overlay p {
    font-size: 16px;
    margin: 0;
    color: #f0f0f0;
    font-weight: 400;
    font-family: var(--font-neutra-light);
}

.arrowCarousel .owl-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    right: 20%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}


.arrowCarousel .owl-nav button {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 90px;
}

.arrowCarousel .owl-nav button.disabled {
    opacity: 0.2;
}



.arrowCarousel .owl-nav button.owl-next span {
    display: none;
}

.arrowCarousel .owl-nav button.owl-next::after {
    content: url(../img/arrow.png);
    scale: 0.4;

}

.arrowCarousel .owl-nav button.owl-prev span {
    display: none;
}

.arrowCarousel .owl-nav button.owl-prev::after {
    content: url(../img/arrow.png);
    rotate: 180deg;
    scale: 0.4;
}


.view-all-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
}

.view-all-box a {
    text-decoration: none;
    font-size: 16px;
    color: var(--color-black);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    font-family: var(--font-neutra-light) !important;
}

.view-all-box a span.circle {
    width: 70px;
    height: 70px;
    border: 1px solid #494949;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 50px;
}

.view-all-box a span img {
    width: 80px;
    margin-left: -70px;
}

.bottom-border {
    border-bottom: 1px solid #222;
}

/* .project-category-carusel a{
     cursor: url(https://www.mozilla.org/media/img/logos/social/social-icon-sprite.bf2ae0cd0f01.svg), auto;
} */



.home-categories {
    padding: 10px;
}

.home-categories span {
    font-size: 35px;
    font-family: var(--font-architext);
    font-weight: 600;
}

.home-categories-image {
    width: 100%;
    height: 300px;
    border: 1px solid #222;
    padding: 5px;
}

.home-categories-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-categories h4 {
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    height: 45px;
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--color-black);
    margin-bottom: 0;
}

.home-categories-desc {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #222;
}

.home-categories-desc p {
    font-size: 14px;
    margin: 0;
    /* text-align: justify; */
}

.row-5-col .col-lg-20 {
    width: 20%;
}

.categories-second-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.categories-second-widget img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.categories-second-text {
    padding: 10px 0;
    width: 100%;
}

.categories-second-text span {
    width: 50px;
    height: 50px;
    border: 1px solid #4d4c4c;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.categories-second-text h4 {
    margin: 10px 0;
    font-family: var(--font-bold);
}

.categories-second-text p {
    margin: 0;
    font-size: 15px;
}

.categories-section {
    /* background-image: url(../img/section-bg-shape-1.svg); */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.categories-section-2 {
    background-image: url(../img/section-bg-shape-2.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.pos-relative {
    position: relative;
}

a.vertical-position {
    position: fixed;
    top: 50%;
    right: -52px;
    text-decoration: none;
    rotate: 90deg;
    color: var(--text-gray);
    display: none;
    font-size: 20px;
    font-family: var(--font-neutra-light) !important;
    opacity: .7;
}

a.vertical-position-scroll {
    display: block;
}

.portfolio-left {
    position: sticky;
    top: 15px;
    padding: 20px 0;
}

.portfolio-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portfolio-left ul li {
    margin: 15px 0;

}

.portfolio-left ul li a {

    font-size: 18px;
    text-decoration: none;
    color: #595959;
    font-family: var(--font-neutra) !important;

}

.portfolio-image-box {
    width: 100%;
    /* height: 600px; */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.portfolio-image-box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    position: relative;

}

.portfolio-image-box img::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
}

img.h-200 {
    height: 200px;
}

img.h-300 {
    height: 300px;
}

img.h-400 {
    height: 400px;
}

img.h-500 {
    height: 500px;
}

.portfolio-image-box p {
    font-size: 15px;
    margin: 10px 0;
    line-height: 24px;
    text-align: left;
    font-weight: 500;
}

/* .portfolio-image-right{
    padding: 0 30px;
} */



.footer {
    padding: 50px 0;
    padding-bottom: 20px;
    background: #e5e5e5;
    padding-top: 0;

}

.footer-logo img {
    width: 250px;
}

.footer-top-contact ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 0;
    margin-top: 10px;
    padding-left: 45px;
}

.footer-top-contact ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.footer-top-contact ul li i {
    min-width: 40px;
    height: 40px;
    /* background-color: var(--color-black); */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--primary);
}

.footer-top-contact-box p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: var(--color-black);
    font-family: var(--font-bold);
}

.footer-top-contact-box a {
    font-size: 15px;
    color: var(--color-black);
    text-decoration: none;
}

.border-bottom-cs {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.footer-about h3 {
    font-size: 22px;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-about p {
    font-size: 15px;
    margin: 0;
    color: var(--color-black);
}

.footer-widget,
.footer-about {
    padding: 10px;
}

.footer-widget {
    padding-left: 40px;
}

.footer-widget h3 {
    font-size: 22px;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 30px;
}

.footer-widget ul li {
    margin: 4px 0;
}

.footer-widget ul li a {
    text-decoration: none;
    color: var(--bg-light);
    font-size: 15px;
    color: var(--color-black);
}

.footer-widget ul li a:hover {
    color: var(--primary);
}

.footer-bottom {
    background: #cfcfcf;
    padding: 20px 0;

}

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

.footer-bottom p {
    font-size: 14px;
    color: #222;
    margin: 0;
}

.footer-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer-bottom ul li {
    margin-left: 15px !important;
}

.footer-bottom ul li a {
    text-decoration: none;
    color: var(--bg-light);
    font-size: 14px;
    color: var(--color-black);
}

.footer-bottom ul li a:hover {
    color: var(--primary) !important;
}

.footer-left-second {
    padding-left: 10px;
}

.footer-left-second h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-black);
    font-family: var(--font-bold);
}

.footer-left-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.footer-left-second a.footer-contact-btn {
    width: 150px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--second-primary);
    color: var(--color-white);
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.5s;
}

.footer-left-second a.footer-contact-btn:hover {
    border-radius: 40px;
    background-color: var(--second-primary-dark);
}

.footer-left-icons ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding: 0;
}

.footer-left-icons ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--color-white);
    background-color: #9f9f9f;
    border-radius: 5px;
    transition: 0.5s;
}

.footer-left-icons ul li a:hover {
    border-radius: 50%;
    background-color: var(--primary);
}

/* 
.footer-left-icons ul li a.twitter {
    background-color: #1DA1F2;
}

.footer-left-icons ul li a.facebook {
    background-color: #0066e9;
}

.footer-left-icons ul li a.whatsapp {
    background-color: #25D366;
}
.footer-left-icons ul li a.instagram {
    background-color: #d62976;
} */



/* CONTACT */

.page-left-baner .container-fluid {
    padding: 0;
}

.page-left-baner .container-fluid .col-lg-7 {
    padding: 0;
}

.pages-baner-img {
    width: 100%;
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.teams-baner-img {
    height: 80vh !important;
}

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

.pages-baner-content {
    /* height: 100%; */
    padding: 30px 0 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.pages-baner-content h3 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--font-neutra-light);
    color: var(--color-dark-gray);
}

.pages-baner-content h3 img {
    width: 40px;
}

.pages-baner-content h6 {
    font-family: var(--font-bold);
    color: var(--primary);
}

.pages-baner-content p {
    font-size: 17px;

}

.contact-baner .pages-baner-img .map {
    width: 100%;
    height: 70vh;
}

.contact-baner .pages-baner-img .map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-form h3 {
    font-size: 27px;
    margin: 0;
    font-family: var(--font-bold);
}

.contact-form p {
    font-size: 17px;
    margin-bottom: 20px;
    font-family: var(--font-neutra-light);
}

.contact-form label {
    font-size: 15px;
    font-family: var(--font-neutra);
    font-weight: 600;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    height: 60px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #939090;
    border-radius: 0;
    font-family: var(--font-neutra);
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    background-color: transparent;
    border-bottom: 1px dashed var(--primary);
}

.contact-form textarea {
    height: 150px;
}

.contact-form button.contact-btn {
    width: 180px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary);
    color: var(--color-white);
    border: 0;
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--font-bold) !important;
    margin: 10px auto;
}

.contact-form button.contact-btn:hover {
    background-color: var(--primary-dark);
}

.contact-main-info {
    padding: 0 30px;
}

.contact-main-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.contact-main-info ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0;
}
.contact-main-info ul li:first-child{
    margin-top: 0;
}

.contact-main-info ul li i {
    min-width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--how-bg-5);
    border-radius: 50%;
    font-size: 20px;
    color: var(--primary);
}

.contact-main-info ul li h5 {
    margin: 0;
    font-size: 17px;
    font-family: var(--font-neutra);
}

.contact-main-info ul li p {
    margin: 0;
    font-size: 17px;
    color: var(--text-gray);
    font-family: var(--font-neutra-light) !important;
}

.contact-main-info ul li a {
    text-decoration: none;
    color: var(--text-gray);
    font-family: var(--font-neutra-light) !important;
    font-size: 17px;
}

.contact-main-info h3 {
    font-size: 25px;
    margin: 0;
    font-family: var(--font-neutra);
    margin-top: 55px !important;
    margin-bottom: 15px;

}

.contact-main-info p {
    font-size: 17px;
    font-family: var(--font-neutra-light);
    margin: 0;
}

.contact-main-info-btns {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 15px;
}

.contact-main-info-btns a {
    color: var(--color-black);
    font-family: var(--font-neutra-light) !important;
    font-size: 20px !important;

}

:root {
    --bg: #f2f4f7;
    --glass-bg: rgba(255, 255, 255, 0.14);
    --glass-border: rgba(255, 255, 255, 0.35);
}

.contact-main-info-btns a.contact-whatsapp {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    border-radius: 40px;
    background: linear-gradient(180deg, rgb(166 160 160 / 8%), rgb(153 149 149 / 37%));
    border: 1px solid var(--glass-border);
    box-shadow: 0 6px 18px rgba(2, 6, 23, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: #222;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    overflow: hidden;
    width: 180px;
    margin-top: 5px;
    font-weight: 600;
    font-family: var(--font-neutra) !important;
    justify-content: center;
}

.contact-main-info-btns a.contact-whatsapp:hover {
    background-color: var(--primary);
    color: #fff;
}

.contact-main-info .map {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2222228a;
    padding: 3px;
}

.contact-main-info .map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

/* CMS */
.cms-container h2 {
    font-size: 38px;
    text-transform: uppercase;
    font-family: var(--font-neutra) !important;
}

.cms-container h6 {
    color: var(--primary);
    margin-bottom: 25px;
    font-family: var(--font-neutra) !important;
}

.cms-container ul {
    margin: 0;
    padding-left: 20px;
    list-style: none;
}

.cms-container p,
.cms-container ul li {
    font-size: 17px;
    margin: 5px 0;
    line-height: 30px;
    color: var(--color-black);
    font-family: var(--font-neutra-light) !important;
    position: relative;
}
.cms-container ul li::before{
      /* width: 10px;
    height: 10px; */
    content: '→';
    /* background-color: #000; */
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: -2px;
}
.cms-container h5 {
    margin: 15px 0;
    font-family: var(--font-bold);
    font-family: var(--font-neutra) !important;
    font-size: 25px;
}

/* ABOUT */

.about-info-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-info-container img {
    width: 50%;
    height: 400px;
    object-fit: cover;
}

.about-info-inner-container {
    padding: 15px;
}

.about-info-inner-container h3 {
    text-transform: capitalize;
    font-family: var(--font-bold);
    margin-bottom: 10px;
}

.about-info-inner-container p {
    font-size: 16px;
    margin: 0;
}



.how-we-work {
    background: #f7f7f7;
    padding: 100px 0;
}

.how-we-work-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.how-we-work-item {
    width: 100%;
}

.how-we-work-item h3 {
    font-family: var(--font-bold);
    text-transform: uppercase;
}

.how-we-work-item .icon-box {
    margin-bottom: 30px;
}

.how-we-work-item .icon-box img {
    max-width: 60px;
}

.how-we-work-content h3 {
    font-size: 20px;
    font-family: var(--font-bold);
    text-transform: uppercase;
    color: var(--white-color);
    margin-bottom: 10px;
}

.how-we-work-content p {
    font-size: 16px;
}

.how-we-work .section-title h6 {
    font-size: 16px;
    font-family: var(--font-bold);
}

.how-we-work .section-title h2 {
    color: var(--color-black);
    font-family: var(--font-main);
    text-transform: uppercase;
    margin: 0;
    font-size: 37px;
    padding-right: 40px;
}

.how-we-work .section-title p {
    font-size: 18px;
}

.client-container img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.client-container-info {
    padding: 15px 0;
    border-top: 2px solid #989898;
    padding-top: 30px;
}

.client-container-info h5 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: var(--font-neutra);
    font-size: 19px;
}

.client-container-info h5 span {
    color: var(--text-gray);
    font-family: var(--font-neutra-light);
    font-size: 16px;
}

.client-container-info h6 {
    color: var(--primary-dark);
    font-size: 15px;
     font-family: var(--font-neutra-light);
}

.client-container-info p {
    font-size: 16px;
    margin: 0;
    margin-top: 30px;
     font-family: var(--font-neutra-light);

}

.founder-section-bg {
    width: 100%;
    height: 100vh;
    background-color: #2b2b2b;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    position: relative;
    padding: 50px;
}

.founder-section-bg .row {
    width: 100%;
}

.founder-section-bg img.founder-img-1 {
    width: 100%;
    height: 700px;
    object-fit: cover;
    margin-top: 20px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.founder-section-bg img.founder-img-2 {
    width: 75%;
    height: 500px;
    object-fit: cover;
    margin-top: -30px;
    margin-left: auto;
    display: flex;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.founder-section-bg img.founder-img-3 {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-top: 50px;
    margin-left: auto;
    display: flex;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.founder-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000a2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.founder-info h3 {
    color: var(--color-white);
    font-family: var(--font-bold);
    margin: 10px 0;
    text-align: center;

}

.founder-info p {
    color: var(--bg-light);
    text-align: center;
    font-size: 17px;
    margin: 0;
    text-align: left;
    font-family: var(--font-courier);
}

.founder-info h4 {
    color: var(--how-bg-4);
    font-family: var(--font-bold);
    margin-bottom: 20px;
    font-size: 35px;
    font-family: var(--font-big-caslon) !important;
}

.founder-info h5 {
    color: var(--color-white);
    font-family: var(--font-bold);
    margin-bottom: 20px;
    font-size: 30px;
    font-family: var(--font-american-typewriter) !important;
}

.founder-widget h6 {
    margin-top: 180px;
    text-align: center;
    font-size: 20px;
    color: var(--text-gray);
    font-family: var(--font-architext) !important;
}


.founder-info-row {
    /* border-top: 1px solid #ccc; */
    margin-top: 40px !important;
    padding-top: 40px;
}

.founder-info-row .founder-widget {
    padding: 20px;
    /* border-right: 1px solid #e8e8e884; */
}

.founder-info-row .founder-widget.border-right-0 {
    border-right: 0 !important;
}

.founder-info-row .founder-widget p {
    line-height: 27px;
    text-align: left;
    font-size: 18px;
    color: var(--how-bg-3);
}

.founder-widget ul {
    margin: 0;
    padding: 0;
}

.founder-widget ul li {
    color: var(--color-white);
    font-size: 15px;
    margin: 5px 0;
}

.team-bnr-pd {
    padding-bottom: 70px;
}

.team-pd {
    padding-top: 0;
}

.teams-container {
    width: 100%;
}

.teams-container img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.teams-container-info {
    padding: 10px 0;
}

.teams-container-info h5 {
    color: var(--color-black);
    font-family: var(--font-neutra);
    font-size: 22px;
    margin: 0;
}

.teams-container-info h6 {
    margin: 5px 0;
    color: #3f3f3f;
    font-size: 16px;
    font-family: var(--font-neutra-light);
}



.our-project {
    padding: 40px 0;
}

.our-Project-nav {
    text-align: center;
    margin-bottom: 60px;
}

.our-Project-nav ul {
    list-style: none;
    text-align: center;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px 30px;
    padding: 0;
    margin: 0;
}

.our-Project-nav ul li a {
    position: relative;
    display: inline-block;
    color: var(--text-color);
    font-weight: 500;
    line-height: 1.2em;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.our-Project-nav ul li a:after,
.our-Project-nav ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background-color: var(--accent-color);
    transform-origin: bottom right;
    transition: transform 0.4s ease-in-out;
    transform: scaleX(0);
}

.our-Project-nav ul li a:after {
    top: -8px;
    bottom: auto;
    left: 0px;
}

.our-Project-nav ul li a:hover:before,
.our-Project-nav ul li a.active-btn:before,
.our-Project-nav ul li a:hover:after,
.our-Project-nav ul li a.active-btn:after {
    transform-origin: bottom left;
    transform: scaleX(1);
}

.project-item {
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.project-featured-image figure::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 111.33%);
    z-index: 0;
}

.project-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(20px);
    border-radius: 50%;
    transform: translate(-50%, -30%);
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.project-item:hover .project-btn {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}

.project-btn a {
    width: 100px;
    height: 100px;
    background: var(--primary);
    /* background: var(--dark-divider-color); */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    color: var(--color-white);
    rotate: -30deg;
    text-decoration: none;
}

.project-btn a i {
    font-size: 25px;
}

.project-btn img {
    max-width: 24px;
    transform: rotate(-45deg);
    transition: all 0.4s ease-in-out;
}

.project-btn a:hover {
    background: var(--primary);
    rotate: 0deg;
}

.project-btn a:hover img {
    transform: rotate(0deg);
}

.project-featured-image img {
    width: 100%;
    aspect-ratio: 1 / 0.79;
    object-fit: cover;
}

.project-content {
    position: absolute;
    left: 40px;
    bottom: 40px;
    right: 40px;
}

.project-content h3,
.project-content h2 {
    color: var(--color-white);
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    font-family: var(--font-bold);
}

.project-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.project-content h2 {
    font-size: 23px;
    text-transform: none;
    line-height: 30px;
}

.project-content h2 a {
    color: inherit;
    text-decoration: none;
    font-family: var(--font-bold) !important;
}

.project-content p {
    color: var(--color-white);
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.project-tabContainer ul.nav-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}

.project-tabContainer ul.nav-tabs li button {
    background-color: transparent !important;
    border: 0 !important;
    font-size: 17px !important;
    text-transform: capitalize;
    color: var(--color-black);
    border-radius: 0;
    padding: 5px 15px !important;
}

.project-tabContainer ul.nav-tabs li button.active {
    border-top: 2px solid var(--primary) !important;
    border-bottom: 2px solid var(--primary) !important;
}


.project-btn-cs .project-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(4px);
    border-radius: 0;
    transform: translate(-50%, -30%);
    transition: all 0.3s ease-in-out;
    z-index: 7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

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

.footer-contact {
    background-color: #e7e7e7;
    padding: 20px 0;
}

.footer-contact h6 {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    font-family: var(--font-neutra);
}

.footer-contact a {
    color: var(--text-gray);
    text-decoration: none;
    font-size: 17px;
    font-family: var(--font-neutra) !important;
}

.footer-contact a.footer-mail {
    font-size: 30px;
    color: var(--color-black);
    font-weight: 500;
    font-family: var(--font-neutra) !important;
}

.newsletter-box {
    background-color: #d8d8d8;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 25px;
}

.newsletter-box h3 {
    font-size: 30px;
    font-weight: 600;
}

.newsletter-box h5 {
    font-size: 18px;
    margin: 5px 0;
}

.newsletter-box form {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 150px;
    gap: 5px;
    margin-top: 15px;
}

.newsletter-box form input {
    height: 60px;
    border-radius: 0;
    background-color: #e9e9e9;
}

.newsletter-box form input:focus {
    background-color: #e9e9e9;
}

.newsletter-box form button {
    width: 150px;
    background-color: var(--primary);
    border: 0;
    color: var(--color-white);
}



@media screen and (min-width:991px) {
    .container {
        max-width: 1560px !important;
        padding: 0 30px !important;
    }
}


.swiper-pagination-tab {
    position: absolute !important;
    top: 0px !important;
    display: flex;
    justify-content: space-between;
    height: fit-content;
    column-gap: 30px;
}

.swiper-pagination-tab span.swiper-pagination-bullet {
    width: fit-content;
    background: transparent;
    border-top: 3px solid var(--primary) !important;
    border-radius: 0;
    /* display: none; */
    font-size: 16px;
    transition: 0.5s;
    padding: 10px 0;
    font-family: var(--font-neutra-light);


}

/* 
.swiper-pagination-tab span.swiper-pagination-bullet-active {
    display: block !important;
} */
.project-categories-section {
    padding-bottom: 120px !important;
}

.project-categories-section .swiper-slide .project-swiper-container span {
    opacity: 0.1;
}

.project-categories-section .swiper-slide .project-swiper-container .project-swiper-img {
    opacity: 0.2;
}

.project-categories-section .swiper-slide-active .project-swiper-container span {
    opacity: 1;
}

.project-categories-section .swiper-slide-active .project-swiper-container .project-swiper-img {
    opacity: 1;
}

.project-categories-section .swiper-slide-active .project-swiper-container .project-swiper-img:hover .project-swiper-img-overlay {
    top: 0;
}

.home-cursor a,
.home-cursor button,
.home-cursor,.offerSwiper .swiper-slide,.offerSwiper .swiper-wrapper {
    cursor: url(../img/cursor5.png) 40 10, auto !important;
}

/* .home-cursor a,.home-cursor button{
 cursor: url(../img/cursor2.png) 50 -10, auto !important;
} */
.portfolio-section a {
    text-decoration: none;
}

/* .project-start-btn a {
    background-color: ;
 } */
.project-start-btn a span.circle {
    margin-left: -25px;
}

.project-start-btn a span.bg-body {
    background-color: var(--bg-light) !important;
    position: relative;
    z-index: 55;
    font-family: var(--font-neutra-light) !important;
    font-size: 16px;
}

/* .about-text-left{
    padding-left: 100px;
} */
.about-text-left h6 {
    font-size: 17px;
    line-height: 30px;
}

.about-text-left h4 {
    font-weight: 600;
    font-size: 21px;
    position: sticky;
    top: 15px;
}

.about-step {
    padding: 20px 15px;
}

.about-step h3 {
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-black);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.about-step h3 span {
    font-size: 16px;
    font-weight: 400;
}

.owl-count h6 {
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: var(--color-black);
}

.owl-count h6 span {
    width: 40px;
    height: 2px;
    background-color: var(--color-black);
}


.gallery-bx,
.gallery-bx a {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.gallery-bx a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-bx a:hover {
    cursor: zoom-in;
}

.gallery-bx a:hover img {
    transform: scale(1.2);
    transition: 0.10s;
    rotate: 5deg;
    transition: 0.5s;
}

.portfolio-main .portfolio-image-box p {
    font-size: 17px;
    font-family: var(--font-neutra);
    color: #595959;
}

.project-top-text {
    padding: 15px 20px;
}

.project-top-text p {
    text-align: left;
    margin: 0;
    font-family: var(--font-american-typewriter);
    font-size: 17px;
    color: #595959;
}

.project-top-text ul li,
.project-top-text ul li span {
    font-family: var(--font-american-typewriter);
    font-size: 17px;
    padding: 0;
}

.project-top-text ul li {
    list-style: none;
    color: #595959;
}

.project-top-text ul li span {
    color: #595959;
}

.project-listing-widget a {
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.project-listing-widget .project-listing-img {
    height: 450px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.project-listing-widget .project-listing-img.h-600 {
    height: 600px;

}

.project-listing-widget .project-listing-img.h-380 {
    height: 380px;

}
/* 
.blink-hard {
    animation: blinker 1s step-end infinite;
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
} */

.project-listing-widget .project-listing-img span {
   position: absolute;
    bottom: 10px;
    font-size: 17px;
    font-family: var(--font-neutra) !important;
    color: #e6e6e6;
    text-align: center;
    line-height: 25px;
    opacity: 0;
    z-index: 500;
    text-transform: uppercase;
    font-weight: 600;

}
.project-listing-widget:hover .project-listing-img span{
    opacity: 1;
}
.project-listing-widget .project-listing-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: -100%;
    /* background-color: #00000080; */
    transition: 0.5s;
    z-index: 5;
     background: rgba(138, 138, 138, 0.33);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.project-listing-widget:hover .project-listing-img::before {
    top: 0;
    left: 0;
}

.project-listing-widget:hover .project-listing-img img {
    transform: scale(1.1);
    transition: 0.5s;
    rotate: 2deg;
}

.project-listing-widget .project-listing-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-listing-widget a p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    font-family: var(--font-neutra);
    color: #595959;
    text-transform: uppercase;
}

.project-listing-widget a p span {
    font-weight: 500;
    color: var(--text-gray);
}

.project-listing-widget:hover a p {
    color: var(--primary);
}

.project-details-baner .col-lg-6 {
    padding: 0;
}

.project-details-baner-img {
    width: 100%;
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.project-details-baner-img a {
    height: 100%;
    width: 100%;
}

.project-details-baner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-details-overlay {
     background: rgba(138, 138, 138, 0.33);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    padding: 50px 80px;

}
.project-details-baner-img:hover .project-details-overlay{
    top: 0;
    transition: 0.5s;
}
.project-info-baner-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.project-info-baner-inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-info-baner-inner ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #e6e6e6;
    margin: 20px 0;
}

.project-info-baner-inner ul li label {
    font-size: 17px;
    white-space: nowrap;
    font-weight: 500;
    font-family: var(--font-neutra);
    text-transform: uppercase;
}

.baner-project-info {
    width: 70%;
    margin-top: 20px;
}

.baner-project-info p {
    color: #efefef;
    margin: 0;
    font-weight: 300;
    font-family: var(--font-neutra-light);
}

.baner-project-info ul li {
    margin: 5px 0;
    font-family: var(--font-neutra-light);
}

.project-details-main-info h3 {
    font-size: 25px;
    font-weight: 600;
    font-family: var(--font-neutra) !important;
    text-transform: uppercase;
}

.project-over-hightlights h3 {
    margin-top: 40px;
}

.project-details-main-info p {
    font-size: 17px;
    font-family: var(--font-neutra-light) !important;
}

.project-details-main-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 15px 0;
    margin-bottom: 35px;
}

.project-details-main-info ul li {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #222;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-neutra);
}
.project-blueprint {
    width: 80%;
    /* height: 100%; */
    /* border: 1px solid red; */
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:10px auto;
}
.project-blueprint img {
    width: 450px;
    /* height: 100%; */
    margin: auto;
    display: flex;
    object-fit: cover;
}
img.w-550{
    width: 550px;
}
.no-bluprint{
    width: 90%;
    height: unset;
}
.no-bluprint img{
    width: 100%;
    height: 100%;
}
.project-info-widget img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}


.project-info-widget h5 {
    margin: 7px 0;
    font-size: 22px;
    font-family: var(--font-neutra);
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.project-info-widget p {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--font-neutra-light);
    color: #494949;
}

.services-item-widget .services-item-img {
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.services-item-widget .services-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* .services-item-widget .services-item-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: -100%;
    background-color: #00000080;
    transition: 0.5s;
    z-index: 5;
} */

.services-item-widget:hover .services-item-img::before {
    top: 0;
    left: 0;
}

.services-item-widget:hover .services-item-img img {
    transform: scale(1.1);
    transition: 0.5s;
    rotate: 2deg;
}

.services-item-widget h6 {
    font-size: 16px;
    margin: 10px 0;
    color: var(--color-black);
    font-weight: 600;
}

.services-item-widget h3 {
    font-size: 19px;
    line-height: 25px;
    color: var(--color-black);
    text-transform: uppercase;
}

.services-item-widget:hover.services-item-widget h3 {
    color: var(--primary);
}

.service-price-container {
    background-color: var(--color-white);
    padding: 50px;
    overflow: hidden;
    position: relative;
}

.service-price-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-price-container ul li {
    padding: 20px 0;
    border-bottom: 1px solid #cccccc5c;
}

.service-price-container ul li h3 {
    font-size: 25px;
    color: var(--color-black);
}

.service-price-container ul li p {
    margin: 0;
    font-size: 15px;
    color: var(--text-gray);
}

a.btn-classic {
    padding: 10px 15px;
    font-size: 15px;
    text-decoration: none;
    color: var(--color-black);
    border: 1px solid var(--color-black);
    margin-left: auto;
    display: flex;
    width: fit-content;
    font-weight: 500;
    transition: 0.5s;
}

a.btn-classic:hover {
    border-radius: 40px;
    background-color: var(--primary);
    color: var(--color-white);
    border-color: var(--primary);
}

.serviceCollapseContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.serviceCollapseWidget {
    width: 100%;
    position: absolute;
    right: 0;
    top: -20px;
    width: 100%;
    height: fit-content;
    background-color: #f7f7f7;
    padding: 20px;
}

.serviceCollapseWidget button {
    border: 0;
    background-color: transparent;
    display: flex;
    margin-left: auto;
    margin-bottom: 30px;
    font-size: 20px;
}

.serviceCollapseWidget h3 {
    font-size: 20px !important;
}

.serviceCollapseWidget p {
    font-size: 16px !important;
    margin: 5px 0;
    color: #3d3d3d;
}

.serviceCollapseWidgetInner {
    background-color: var(--color-white);
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #cccccc9d;
    border-radius: 10px;
}

.serviceCollapseWidgetInner h5 {
    margin: 0;
    font-size: 19px;
    margin-bottom: 10px;
}

.serviceCollapseWidgetInner ol {
    margin: 5px 0;

}

.serviceCollapseWidgetInner ol li {
    padding: 8px 0;
    border: 0 !important;
}

.serviceCollapseWidget a {
    width: 100%;
    height: 50px;
    background-color: var(--color-black);
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 5px;
    margin: 10px auto;

}

.pages-baner-img {
    height: 70vh;
    width: 100%;
    background-image: linear-gradient(128deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.5) 100%), url(../img/wellthenso/10.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages-baner-img h1 {
    text-align: center;
    color: var(--color-white);
    font-size: 40px;
}

.pages-baner-img p {
    text-align: center;
    color: var(--color-white);
    font-size: 20px;
}

.service-form {
    /* background-color: #f7f7f7; */
    padding: 30px 0;
    margin-top: 20px;
    border-radius: 5px;
}

.service-form h3 {
    margin: 0;
    font-size: 45px;
    font-family: var(--font-architext);
    text-align: center;
    text-transform: uppercase;

}

.service-form label {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-neutra-light);
}

.service-form input {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #828282;
    font-family: var(--font-main);
    font-size: 15px;
    color: var(--color-black);
    background-color: transparent !important;
}

.service-form input:focus {
    border: 1px dashed var(--primary);
}

.title-font h2 {
    font-size: 45px;
    font-family: var(--font-architext) !important;
    text-align: center;
    text-transform: capitalize;
}

.service-section-container p {
    font-size: 19px;
    font-family: var(--font-neutra-light);
}

.service-section-container ul {
    margin-top: 20px !important;
    padding: 0;
    list-style: none;
    margin-bottom: 0 !important;
}

.service-section-container ul li {
    margin: 15px 0;
    font-size: 25px;
    font-family: var(--font-architext);
}
ul.font-fam-cs li{
    font-size: 20px;
    font-family: var(--font-neutra-light);
}
.service-section-container ul li:last-child {
    margin-bottom: 0;
}

.service-faq-section {
    background-color: #f2f5dd;
}


.faq-box .accordion-item {
    overflow: hidden;
    border: none;
    margin-bottom: 10px;
    background-color: var(--color-white);
    border-radius: 2px !important;
    border-bottom: 1px solid #cccccc9c !important;
    background-color: transparent
}

.faq-box .accordion-button {
    font-size: 16px;
    box-shadow: none !important;
    background-color: transparent !important;
    /* height: 60px; */
    line-height: 25px;
}

.faq-box .accordion-button:not(.collapsed) {

    font-weight: 600;
    color: var(--second-primary-dark);
    background-color: #fafced !important;
}

.faq-body {}

.faq-body p {
    font-size: 15px;
    color: var(--color-black);
    margin: 0;
    line-height: 27px;
}

.faq-body ul {
    border: 0;
    width: 100%;
}

.faq-body ul li {
    font-size: 15px;
    line-height: 25px;
    color: var(--color-black);
    margin-bottom: 10px;
}

.faq-body ul li strong {
    margin-right: 5px;
}

.services-list ul {
    margin: 0;
    padding: 0;
    list-style: none;

}

.services-list ul li {
    margin: 20px 0;
}

.services-list ul li a {
    text-align: center;
    color: var(--color-black);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
}

.services-list ul li a:hover {
    color: var(--primary);
}

.payment-info-widget h5 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
}

.payment-info-widget p {
    font-size: 15px;
}



.dropdown-custom {
    background-color: var(--color-white);
    border-radius: 15px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    min-width: 200px;
}

.dropdown-custom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dropdown-custom ul li {
    margin: 5px 0 !important;

}

.dropdown-custom ul li a {
    font-size: 14px;
    color: var(--color-black);
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-decoration: none;
    border-radius: 5px;
}

.dropdown-custom ul li a:hover {
    background-color: var(--primary-light);
    color: var(--primary);
}

.dropdown-pos {
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 10px;
    z-index: 500;
    display: none;
    border-radius: 10px;
}

.dropDisplay {
    display: block !important;
}

.menu-relative {
    position: relative;
    padding: 0 !important;
    color: var(--color-black) !important;
    cursor: pointer;
    text-transform: uppercase;

}

.menu-relative:hover {
    color: var(--primary) !important;
}

.home-cursor .menu-relative {
    cursor: url(../img/cursor2.png) 50 20, auto !important;
}

.menu-relative i {
    font-size: 12px;
}


.founder-section-main-bg img.founder-img-1 {
    width: 100%;
    height: 600px;
    object-fit: cover;
    margin-top: 20px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.founder-section-main-bg img.founder-img-2 {
    width: 75%;
    height: 400px;
    object-fit: cover;
    margin-top: -30px;
    margin-left: auto;
    display: flex;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.founder-section-main-bg img.founder-img-3 {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-top: 50px;
    margin-left: auto;
    display: flex;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.founder-section-baner {
    height: 100vh;
    width: 100%;
    background-image: linear-gradient(128deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.651) 100%), url(../img/team/bnr7.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: sticky; */
    top: 0;
    z-index: -1;
}

.founder-section-baner h3 {
    font-size: 45px;
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-architext);
    text-transform: uppercase;
}

.founder-section-baner p {
    font-size: 20px;
    text-align: center;
    color: var(--color-white);
    font-family: var(--font-neutra-light);
}

.section-founder-two h4 {
    color: var(--color-white);
    font-size: 30px;
    margin-bottom: 20px;
}

.section-founder-two p {
    text-align: left;
    font-size: 16px;
}

.section-founder-two ul {
    margin: 0;
    padding-left: 15px;
}

.section-founder-two ul li {
    text-align: left;
    font-size: 16px;
    color: var(--color-white);
    margin: 7px 0;
}

.service-title-pixel h1 {
    font-size: 8.3rem;
    text-transform: uppercase;
    color: #595959;
    font-family: var(--font-neutra) !important;
    /* margin-right: -120px; */
}

.service-title-pixel .col-lg-5 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

.service-title-pixel p {
    font-size: 30px;
    margin-top: -40px;
    font-family: var(--font-architext);
    text-align: end;
    /* padding-right: 100px; */
    color: #595959;


}

.project-info-section-left {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-info-section-left a {
    width: 100%;
    height: 100%;
}

.project-info-section-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-info-section-right {
    padding-left: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.project-info-section-right h3 {
    font-size: 26px;
    margin-bottom: 10px;
    font-family: var(--font-neutra);
    text-transform: uppercase;
}

.project-info-section-right p {
    margin: 6px 0;
    font-family: var(--font-neutra-light) !important;
    font-size: 17px;
}

.project-info-multi-image img {
    width: 100%;
    height: 200px;
    border-radius: 2px;
    object-fit: cover;

}

.project-info-multi-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-right: 50px;
}

.project-material ul {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    list-style: none;

}

.project-material ul li {
    margin: 5px 0;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--font-neutra-light) !important;
    position: relative;
    line-height: 23px;
    color: #494949;
}

.project-material ul li::before {
    /* width: 10px;
    height: 10px; */
    content: '→';
    /* background-color: #000; */
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 0px;
}

.project-material ul li span {
    font-size: 15px;
    font-family: var(--font-neutra-light) !important;
    color: #494949;
}

.project-material p {
    margin: 5px 0;
    font-weight: 600;
    font-size: 20px;
    color: #2d2c2c;
}

.project-material ul li strong {
    color: #494949;
}

.project-over-hightlights {
    margin-bottom: 30px;
}

.project-over-hightlights ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 30px;
    padding-left: 20px;
    margin-bottom: 7px !important;
}

.project-over-hightlights ul li {
    font-size: 17px;
    text-transform: capitalize;
    border: 0 !important;
    font-weight: 400;
    padding: 0;
    margin: 5px 0;
    position: relative;
    width: 100%;
    font-family: var(--font-neutra-light) !important;

}

.project-over-hightlights ul li::before {
    /* width: 10px;
    height: 10px; */
    content: '→';
    /* background-color: #000; */
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 0px;
}



.project-info-multi-image-height img {
    height: 400px;
}

.project-info-multi-image-height img.img-top-0 {
    margin-top: -30px;

}

.project-info-multi-content ul li {
    margin: 7px 0;
}

.project-top-list ul {
    margin: 0;
    padding: 0;
}

.project-top-list ul li span {
    font-weight: 600;
}

.project-bottom-short p {
    margin: 0;
    text-align: center;
    font-size: 17px;
    font-family: var(--font-neutra-light);

}

.article-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.article-link a {
    color: var(--color-black);
    border-radius: 40px;
    padding: 5px 15px;
    border: 1px solid var(--color-black);
    text-decoration: none;
    white-space: nowrap;
    font-family: var(--font-neutra-light) !important;
}
.project-info-section-right ul{
    list-style: none;
    padding-left: 20px;
}

.project-info-section-right ul li {
    margin: 10px 0;
    font-size: 17px;
    font-family: var(--font-neutra-light) !important;
    position: relative;
}
.project-info-section-right ul li::before{
      /* width: 10px;
    height: 10px; */
    content: '→';
    /* background-color: #000; */
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: -2px;
}
.section-height {
    /* min-height: 100vh; */
    position: relative;
    padding: 50px 0;
}

.pt-80 {
    padding-top: 90px !important;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
}

/* .about-text-big h1 {
    font-size: 14rem;
    font-family: var(--font-architext) !important;
    line-height: 13rem;
    color: #1e1e1e;
}
.about-text-big h1 {
    font-size: 14rem;
    font-family: var(--font-architext) !important;
    line-height: 13rem;
    color: #1e1e1e;
} */
/* #smooth-content {
      margin-top: 50vh;
      margin-bottom: 10vh;
      background-color: black;
      height: 140vh;
    } */

.about_text {

    font-family: var(--font-chillen) !important;
    color: #1e1e1e;
    font-size: 17rem;
    font-family: var(--font-chillen) !important;
    line-height: 17rem;
    /* text-transform: uppercase; */
}

.about-text-xmall h1 {
    font-size: 16rem;
    font-family: var(--font-chillen) !important;
    line-height: 10rem;
    position: relative;
    right: -150px;
    color: #1e1e1e;
    /* text-transform: uppercase; */
    
}

.about-text-xmall h1 span {
    font-family: var(--font-architext) !important;
    margin-left: 150px;
    color: #1e1e1e;
    /* text-transform: uppercase; */
    
}

.about-widget-text {
    padding-top: 50px;
    border-top: 2px solid #ccc;
    margin-top: 10px;
    margin-top: 30px;
}

.about-padding-left {
    padding-left: 80px;
}

.about-widget-text-content {
    padding: 0 15px;
}

.about-widget-text-content p {
    font-size: 16px;

}

/* .section-title-secondry{
    padding-left: 80px;
   

} */
.section-title-secondry h2 {
    font-family: var(--font-architext);
    font-size: 7rem;

}

.section-title-secondry .row {
    border-bottom: 1px solid #a3b15f;
    width: 100%;
    padding-bottom: 20px;

}

.founder-text-aboutSection {
    padding-top: 50px;
}

.founder-text-aboutSection>* {
    text-align: center;
}

.founder-text-aboutSection h6 {
    text-transform: uppercase;
    font-size: 35px;
    font-family: var(--font-neutra);

}

.founder-text-aboutSection h3 {
    font-size: 25px;
    font-family: var(--font-architext) !important;
    margin: 40px 0;
}

.founder-text-aboutSection p {
    font-family: var(--font-architext);
    font-size: 24px;
}

.section-video {
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
    position: sticky;
    top: 0;
    z-index: -2;
}

.section-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.get-in-touch-form input {
    height: 35px;
    border-radius: 0;
    padding: 5px 0;
    background-color: transparent !important;
    margin-bottom: 7px;
    border: 0;
    border-bottom: 1px solid #222;
}

.get-in-touch-form h5 {
    margin-bottom: 15px;
    font-weight: 600;
    font-family: var(--font-neutra) !important;
}

.get-in-touch-form button {
    border: 0;
    background-color: transparent;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: 600;
    font-family: var(--font-neutra) !important;
}

.get-in-left p {
    font-size: 17px;
    font-family: var(--font-neutra-light);
}

.get-in-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.get-in-right ul li {
    margin: 4px 0;
}

.get-in-right ul li a {
    color: var(--color-black);
    font-weight: 500;
    font-family: var(--font-neutra) !important;
    font-size: 18px;
}

.get-in-right ul li a i {
    margin-left: 5px;
}

.get-in-right a.get-email {
    color: var(--color-black);
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-neutra) !important;
}

.min-100vh {
    min-height: 100vh;
}

.padding-100vh {
    padding: 80px 0;
    padding-bottom: 100px !important;
}

.footer-third {
    padding: 60px 0;
    background-color: var(--color-white);
    padding-bottom: 15px;
    position: relative;
    z-index: 2;
}

.footer-third-widget h3 {
    color: #979797;
    font-size: 24px;
    margin-bottom: 15px;
    font-family: var(--font-neutra) !important;
}

.footer-third-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-third-widget ul li a {
    color: #575757;
    font-weight: 500;
    text-decoration: none;
    font-family: var(--font-neutra) !important;
    text-transform: uppercase;
}

.footer-third-widget ul li a:hover {
    color: var(--primary);
}

.footer-third-widget a.get-email {
    color: var(--color-black);
    text-decoration: none;
    font-size: 19px;
    font-weight: 500;
    font-family: var(--font-neutra) !important;
}

.connect-form-footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #ccc;
}

.connect-form-footer input {
    border: 0;
    font-weight: 500;
    color: var(--color-black);
    font-size: 16px;
}


.connect-form-footer button {
          padding: 3px 18px;
    text-decoration: none;
    border: 1px solid #222;
    color: #222;
    font-size: 18px;
    margin: 2px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    font-family: var(--font-neutra) !important;
    font-weight: 600;
    /* width: 150px !important; */
    background: transparent;
}

.connect-form-footer button:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--color-white);
}

.footer-third-widget select {
    border: 0;
    background-color: transparent;
    width: 120px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-black);
}

.my-10 {
    margin-top: 10rem !important;
    margin-bottom: 2rem !important;
}

.my-6 {
    margin-top: 6rem !important;
    margin-bottom: 2rem !important;
}

.cms-link a {
    color: var(--text-gray);
    font-size: 17px;
    text-decoration: none;
    font-family: var(--font-neutra-light) !important;
}

.cms-link a:hover {
    color: var(--primary);
}

.footer-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.footer-social ul li a {
    font-size: 18px;
    color: var(--color-black);
    text-decoration: none;
}

.footer-social ul li a:hover {
    color: var(--primary);
}

.home-get-in-section {
    /* padding-bottom: 100px; */
    padding-top: 100px;
}

.bg-body-custom {
    background-color: var(--bg-light) !important;
    position: relative;
    z-index: 2;
}

.overlap {
    position: sticky;
    top: 0;

}

.bg-gark-gray {
    background: #e1e1e1;
}

.px-about {
    padding-left: 80px;
    padding-right: 350px;
}

.about-text-top {
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
    margin-bottom: 60px;
}

.about-text-top p {
    font-family: var(--font-architext);
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}

.d-end {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.section-video.z-index-1 {
    z-index: 1;
}

.min-95vh {
    min-height: 95vh;
}

.ps-5-footer {
    padding-left: 100px !important;
}

.service-contact ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 20px 0;

}

.service-contact ul li {
    margin: 2px 0;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

.services-list-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.services-list-box ul li {
    width: 40%;
    margin: 15px 0;
    padding-right: 150px;

}

.services-list-box ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    text-decoration: none;
    color: var(--color-black);

}

.services-list-box ul li a {
    font-weight: 600;
    font-size: 19px;
}

.services-list-box ul li a span {
    font-size: 48px;
    font-family: var(--font-architext);
    font-weight: 700;
    letter-spacing: 01px;
    margin-bottom: -20px;

}
.services-list-box ul li a:hover{
    color: var(--primary);
}
.services-list-box ul li a:hover span{
    color: var(--primary);
}
.view-process-btn img {
    width: 280px;
    display: flex;
    margin-left: auto;
    position: relative;
    bottom: -60px;
    right: 30%;
    transition: 0.5s;

}
.view-process-btn img.img-hover1{
    display: none;
}
.view-process-btn:hover img.img-hover{
    display: none;
}
.view-process-btn:hover img.img-hover1{
    display: block;
}
.service-process-baner h1 {
    font-family: var(--font-architext) !important;
    font-size: 60px;
}

.service-process-first-section h2 {
    font-size: 45px;
    font-family: var(--font-architext);
    text-align: center;

}

.service-process-first-section ul {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    padding-left: 30px;
}

.service-process-first-section ul li,
.service-process-first-section p {
    margin: 10px 0;
    text-align: center;
    font-family: var(--font-neutra-light);
    font-size: 19px;
}

.service-process-first-section p a {
    font-family: var(--font-neutra-light) !important;
    font-size: 19px;
    color: #000;
}
.service-process-first-section{
    padding: 20px 0;
}
.line {
    width: 100%;
    height: 1px;
    background-color: var(--color-black);
}

.center-list p {
    text-align: center;
}

.center-list ul li {
    text-align: center;
}

.process-count h3 {
    font-size: 12rem !important;
    font-family: var(--font-architext) !important;
    font-weight: 700;
    margin-top: -35px;
}

.title-font-h3 h3 {
    font-family: var(--font-architext) !important;
    margin: auto;
    text-transform: capitalize;
    font-size: 70px;
    font-weight: 400;
}

.process-right h5 {
    font-family: var(--font-architext);
    font-size: 30px;
}

.process-right h3 {
    font-family: var(--font-architext);
    font-size: 45px;
    font-weight: 600;
}

.process-right ul {
    padding-left: 5rem;
    margin: 15px 0;
}
ul.pps-left{
    padding-left: 4rem;
}
.pps-mt{
    margin-top: 30px !important; 
}
.process-right p {
    padding-left: 4rem;
    margin-bottom: 2px;
    font-family: var(--font-neutra-light);
    margin: 5px 0;
    font-size: 20px;
}

.process-right h6 {
    padding-left: 4rem;
    margin: 10px 0;
    font-weight: 500;
    font-family: var(--font-neutra);
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 11px;
}

.process-right ul li {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: var(--font-neutra-light);
    list-style: none;
    line-height: 26px;
}

.process-right ul li a {
    color: #000;
    font-size: 14px;
}

.process-right ul li a:hover {
    color: var(--primary);
}

.process-padding {
    padding: 70px 0 !important;
}

.portfolio-carousel .portfolio-image-box {
    height: 250px !important;
    position: relative;
}

/* .portfolio-carousel-section{
    position: sticky;
    top: 0;
} */
.category-vertical {
    border-radius: 2px;
    overflow: hidden;
}

.category-vertical:hover img {
    transform: scale(1.1);
    transition: 0.5s;
    rotate: 2deg;
}

.category-vertical img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 5px;
}

.swiper-categories-page .swiper-pagination {
    left: unset !important;
    right: 98% !important;
    top: 38% !important;

}

.swiper-categories-page .swiper-wrapper {
    width: 40% !important;
    display: flex;
    margin-left: auto;
}





.swiper-categories-page .swiper-pagination {

    display: flex;
    justify-content: center;
    flex-direction: column;
    height: fit-content;
    row-gap: 50px;

}

.swiper-categories-page .swiper-pagination span.swiper-pagination-bullet {

    white-space: nowrap;
    background: transparent;
    border-radius: 0;
    /* display: none; */
    font-size: 28px;
    line-height: 30px;
    transition: 0.5s;
    padding: 10px 0;
    font-family: var(--font-neutra-light);
    font-weight: 600;



}

.category-vertical {
    position: relative;

}


.swiper-categories-page .swiper-slide .category-vertical {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.83);
    opacity: 0.3;
}

.swiper-categories-page .swiper-slide-active .category-vertical {
    content: unset;
    opacity: 1;
}

.payment-communication-left {

    position: sticky;
    top: 20px;
}

.payment-communication-left h3 {
    font-family: var(--font-architext);
    font-size: 45px;
    color: var(--color-black);

}

.payment-communication-widget {
    padding-left: 100px;
    margin-bottom: 50px;
}

.payment-communication-widget h3 {
    font-size: 30px;
    font-family: var(--font-architext) !important;
    font-weight: 600;


}

.payment-communication-widget p {
    font-size: 18px;
    font-family: var(--font-neutra-light);
}

.pb_cs_5 {
    padding-bottom: 10px !important;
}

.font-p p {
    font-family: var(--font-neutra-light);
    font-size: 19px;
    margin-bottom: 5px !important;
    text-transform: uppercase;
}

.payment-section,
.cms-container,.payment-section a, .cms-container a {
    cursor: url(../img/cursor-4.png) 50 20, auto !important;
}

#texto1 span,
.changeopacity span {
    width: 100%;
    opacity: 0.2;
    position: relative;
}

.m-top-7rem {
    margin-top: 7rem;
}

.rightimg-dt {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    margin-top: 50px;
    padding-left: 20px;
}

.rightimg-dt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin: 10px auto;
}

.bg-body-blur {
    background: rgba(245, 245, 245, 0.481);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border: 0 !important;
}

.bg-body-blur-lem {
    background: rgba(223, 244, 107, 0.193);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border: 0 !important;
}
.bg-body-blur-lem2 {
   background: rgb(143 161 37 / 54%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 0 !important;
}

.bg-img-sec {
    /* background-image: url(../img/adg-pod/1.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent;
}

.portfolio-title-pixel {
    position: absolute;
    left: 7%;
    top: -400px;
}

.portfolio-title-pixel p {
    text-align: end;
}

.categories-title-main {
    position: relative;
}

.categories-title-main h3 {
    position: absolute;
    bottom: -100px;
    left: 7%;
    font-size: 60px;
    margin: 0;
    font-family: var(--font-architext);
}

.bg-light-lem {
    background-color: #e2ff8d85;
    /* background: rgba(245, 245, 245, 0.81); */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 0 !important;
}

.position-sticky-cs {
    position: sticky;
    top: 0;
    z-index: -1;
}

.bg_white {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.b-top-cs {
    border-top: 1px solid #22222234;
}

.project-cat-title p {
    font-family: var(--font-american-typewriter);
    font-size: 24px;
    margin-bottom: -10px;
}

.offer-padding-top {
    padding-top: 150px !important;
}

.relative-index {
    position: relative;
    z-index: 50;
}

.bg-body-blur2 {
    background: rgba(245, 245, 245, 0.81);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 0 !important;
}

.service-section-container a.svc-btn {
    padding: 15px 15px;
    text-decoration: none;
    border: 1px solid #222;
    color: #222;
    font-size: 22px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    font-family: var(--font-architext) !important;
    font-weight: 600;
}

.service-section-container a.svc-btn:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-light);
}

.start-list-service ul {
    padding-left: 0;
}

.start-list-service ul li {
    text-align: start;
}

.start-list-service h5 {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-neutra);
    margin: 20px 0;
}

.column-list-box-left {
    padding-right: 40px !important;
}

.column-list-box-right {
    padding-left: 40px !important;
}

.column-list-box-right h5,
.column-list-box-left h5 {
    font-size: 20px;
}

.column-list-box-right p,
.column-list-box-left p {
    font-size: 18px;
}

.process-header {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 5;
}

.process-header ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.process-header ul li {
    margin-right: 20px;
}

.process-header ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 15px;
    text-decoration: none;

    text-transform: uppercase;
    color: #6d6d6d;
    font-family: var(--font-neutra) !important;
    font-size: 16px;
    font-weight: 500;
}

.process-header ul li:first-child a span {
    border-bottom: 1px solid #6d6d6d;
    width: 100%;
}
.process-header p.dp{
     color: #6d6d6d;
    font-family: var(--font-neutra) !important;
    font-size: 16px;
    margin: 0;
        margin-left: 10px;
    margin-top: 10px;

}
.process-header p.dp:hover{
    color: var(--primary);
}
.process-header ul li a span {
    color: #6d6d6d;
}

.process-header ul li:first-child a,
.process-header ul li:first-child a span {
    color: #000;
}

.process-header ul li  a:hover,.process-header ul li  a:hover span{
    color: var(--primary);
}
.process-header ul li:first-child a:hover span{
    border-bottom: 1px solid var(--primary);
}
.process-contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.process-contact a {
    text-decoration: none;
    color: #000;
    font-family: var(--font-neutra) !important;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.process-contact a i {
    width: 35px;
    height: 35px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

a.a-whatsapp {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    border-radius: 40px;
    background: linear-gradient(180deg, rgb(166 160 160 / 8%), rgb(153 149 149 / 37%));
    border: 1px solid var(--glass-border);
    box-shadow: 0 6px 18px rgba(2, 6, 23, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    color: #222;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    overflow: hidden;
    width: 180px;
    margin-top: 5px;
    font-weight: 600;
    font-family: var(--font-neutra) !important;
    justify-content: center;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

a.a-whatsapp:hover {
    border-radius: 40px;
    background-color: var(--primary);
    color: #fff;
}

p.process-sticky-text {
    font-family: var(--font-neutra);
    color: #595959;
    padding: 8px 50px;
    /* background-color: #1e1e1e; */
    position: absolute;
    top: 20px;
    left: 0;
    margin: 0;
    font-size: 17px;
}

ul.process-sticky-ul {
    font-family: var(--font-neutra);
    color: #595959;
    padding: 7px 10px;
    /* background-color: #1e1e1e; */
    position: absolute;
    top: 70px;
    left: 3%;
    margin: 0;
    font-size: 17px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
       background: rgb(231 231 231 / 27%);
    border-radius: 16px;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgb(255 255 255 / 30%);
    
    overflow: hidden;
}

ul.process-sticky-ul li {
    font-size: 14px;
    margin: 4px 0;
    /* font-family: var(--font-neutra-light) !important ; */
    display: flex;
    align-items: center;
}
ul.process-sticky-ul span{
    width: 45px;
    display: flex;
}

ul.process-sticky-ul li i {
    margin: 0 3px;
    width: 30px;
}
ul.process-sticky-ul:hover{
    /* background-color: #b2cb12a1; */
    transition: 0.5s;
    left: 4%;
}
/* ul.process-sticky-ul:hover li{
    color: var(--color-white);
}
ul.process-sticky-ul:hover li span{
    color: var(--color-white);
} */
.margin-left-auto h3 {
    margin: 0 0 0 auto;
}

.liquid-glass-btn {
    position: relative;
    padding: 7px 15px;
    font-size: 17px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    box-shadow:
        inset 0 2px 8px rgba(255, 255, 255, 0.2),
        0 4px 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    transition: all 0.4s ease;
    margin-left: auto;
    display: flex;
    margin-top: -25px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    
    background: rgb(241 241 241 / 33%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
        background: rgb(231 231 231 / 27%);
    border-radius: 16px;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgb(255 255 255 / 30%);
    text-decoration: none;
    width: fit-content;
    font-family: var(--font-neutra-light) !important;
}
.liquid-glass-btn span{
    font-family: var(--font-neutra-light) !important;
}

/* Liquid effect */
/* .liquid-glass-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 50% 50%, #dedede, #dadada 70%);
    animation: liquidMove 6s linear infinite;
    opacity: 0.6;

}

@keyframes liquidMove {
    0% {
        transform: translate(-25%, -25%) rotate(0deg);
    }

    100% {
        transform: translate(-25%, -25%) rotate(360deg);
    }
}

.liquid-glass-btn:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.liquid-glass-btn span {
    position: relative;
    z-index: 2;
    letter-spacing: 1px;
} */


.swiper-categories-page .swiper-pagination span {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 20px;
}

.swiper-categories-page .swiper-pagination span small {
    font-size: 16px;
    color: #595959;
}













/* === FULLSCREEN PRELOADER === */
#preloader {
    position: fixed;
    inset: 0;
    background: #000;
    /* White background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    background: rgb(18 18 18 / 35%);
    backdrop-filter: blur(11.1px);
    -webkit-backdrop-filter: blur(9.1px);
}

/* === TEXT MASK === */
.text-mask {
    position: relative;
    font-family: var(--font-neutra) !important;
    font-weight: 900;
    font-size: 10vw;
    text-transform: uppercase;
    color: transparent;
    /* -webkit-text-stroke: 1px rgba(255, 255, 255, 0.056); */
    text-align: center;
    line-height: 1;
}

/* === IMAGE BACKGROUND INSIDE TEXT === */
.text-mask::before {
    content: "WTS";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: imageCycle 4s ease-in-out infinite;
    /* FASTER */
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

/* === FAST IMAGE CYCLE === */
@keyframes imageCycle {

    0%,
    10% {
        background-image: url("../img/preload/1.jpg");
    }

    10%,
    20% {
        background-image: url("../img/preload/2.jpg");
    }

    20%,
    30% {
        background-image: url("../img/preload/3.jpg");
    }

    30%,
    40% {
        background-image: url("../img/preload/4.jpg");
    }

    40%,
    50% {
        background-image: url("../img/preload/5.jpg");
    }

    50%,
    60% {
        background-image: url("../img/preload/6.jpg");
    }

    60%,
    70% {
        background-image: url("../img/preload/7.jpg");
    }

    70%,
    80% {
        background-image: url("../img/preload/8.jpeg");
    }

    80%,
    90% {
        background-image: url("../img/preload/9.jpg");
    }

    90%,
    100% {
        background-image: url("../img/preload/10.jpeg");
    }

}

/* === FASTER LIQUID GLOW === */
.text-mask::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.3), transparent 60%);
    mix-blend-mode: overlay;
    animation: liquidGlow 2s ease-in-out infinite alternate;
    /* FASTER */
}

@keyframes liquidGlow {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0.4;
    }

    100% {
        transform: scale(1.1) translate(10px, -10px);
        opacity: 1;
    }
}

/* === FADE OUT === */
#preloader.hide {
    opacity: 0;
    visibility: hidden;
}

.mt-btn-ms {
    margin: 0;
    margin-left: 20.8rem;
    margin-top: 20px;
}

h2.h2-45 {
    font-size: 45px;
    margin-top: 50px;
}

p.fs-p-16 {
    font-size: 18.5px;
}

.font-caps {
    text-transform: uppercase;
    font-size: 15px;
    margin-right: 10px;
}

.bk-portfolio {
    position: relative;
    padding: 7px 15px;
    font-size: 17px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    box-shadow: inset 0 2px 8px rgba(255, 255, 255, 0.2), 0 4px 10px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    transition: all 0.4s ease;
    margin-left: auto;
    display: flex;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-family: var(--font-neutra-light) !important;
    background: rgb(241 241 241 / 33%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: fit-content;
    color: #000;
    margin-left: auto;
    margin-top: 40px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
     background: rgb(231 231 231 / 27%);
    border-radius: 16px;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.2px);
    -webkit-backdrop-filter: blur(7.2px);
    border: 1px solid rgb(255 255 255 / 30%);
}
.bk-portfolio-2 {
    color: var(--color-black);
    font-size: 18px;
    font-family: var(--font-neutra) !important;
     display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-top: 40px;
    text-transform: uppercase;
    text-decoration: none;
    width: fit-content;
    font-weight: 800;
    border: 0;
    background-color: transparent;
}
.bk-portfolio-2:hover{
    color: var(--primary) !important;
}

.offer-swiper-img a {
    width: 100%;
    height: 100%;
}


.ongoing-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ongoing-container ul.nav-tabs {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ongoing-container ul.nav-tabs li button {
    padding: 0;
    color: #000;
    font-size: 25px;
    background-color: transparent !important;
    font-family: var(--font-neutra-light) !important;
    border: 0;
}

.ongoing-container ul.nav-tabs li button.active {
    font-weight: 700 !important;
}


.lightboxOverlay {
    background: rgb(18 18 18 / 35%) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    opacity: 1 !important;
}

/* 

.liquid-cs-btn{
  position: relative;
  padding: 1.5rem;
  border-radius: 100vmax;
  isolation: isolate;
  background-color: rgb(255 255 255 / 25%);
  color: rgb(255 255 255 / 90%);
  text-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  font-size: 1.25rem;
  box-shadow: 0 6px 6px rgb(0 0 0 / 20%), 0 0 20px rgb(0 0 0 / 10%);
  text-align: center;
  user-select: none;
  cursor: grab;
  border: 0;
  
  &::before,
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
  }
  
  &::before {
    backdrop-filter: blur(3px);
    filter: url(#glass-distortion);
    z-index: -1;
  }
  
  &::after {
    box-shadow: inset 2px 2px 1px 0 rgb(255 255 255 / 50%), inset -1px -1px 1px 1px rgb(255 255 255 / 50%);
  }
  
  &.dragging {
    cursor: grabbing;
  }
} */


.p-category-slider h5 {
    font-size: 17.5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    width: 100%;
    opacity: .2;
    font-family: var(--font-neutra);
    text-transform: uppercase;
}

.p-category-slider .swiper-slide-active h5 {
    opacity: 1;
    font-weight: 600;
    border-bottom: 1px solid var(--primary);
}

.lb-outerContainer {
    border-radius: 20px !important;
}

.lightbox .lb-image {
    border-radius: 20px !important;
}

/* .abt-tm-padding{
    padding-top: 40px;
} */

.vertical-cat-content {
   width: 100%;
    rotate: 270deg;
    position: absolute;
    top: 51%;
    right: -7%;
    padding-top: 15px;
    padding-right: 10%;
    /* height: 100%; */
    padding-left: 15%;
}

.vertical-cat-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;

}

.vertical-cat-content ul li {
    font-size: 17px;
    margin: 0;
    color: #222;
    font-weight: 400;
    font-family: var(--font-neutra-light);
    text-transform: uppercase;
}

.ongoing-project-container {

    overflow: hidden;
}

.ongoing-project-img {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

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

.ongoing-project-container:hover .ongoing-project-img img {
    transform: scale(1.1);
    rotate: 5deg;
    transition: 0.5s;
}

.ongoing-project-container h3 {
    font-size: 27px;
    color: #242424;
    margin-bottom: 15px;
    font-family: var(--font-architext);
    /* position: absolute; */
    z-index: 1;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500;
    text-transform: uppercase;
}

.ongoing-project-container h3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #515151;
    color: #515151;
    text-decoration: none;
    border-radius: 50%;
    font-size: 15px;
    rotate: -50deg;
    transition: 0.5s;
}
.ongoing-project-container h3 span{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.ongoing-project-container h3 a:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--color-white);
    rotate: 0deg;
}
.ongoing-project-container h3 span a.v-modal{
    rotate: 0deg;
}
.ongoing-project-container .ongoing-project-overlay {
    position: absolute;
    top: 100%;
       background: rgb(151 146 146 / 33%);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 15px;
    height: 100%;
}

.ongoing-project-container:hover .ongoing-project-overlay {
    top: 0;
    transition: 0.5s;
}

.ongoing-project-overlay ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ongoing-project-overlay ul li {
    position: relative;
    margin: 10px 0;
    font-size: 17px;
    font-family: var(--font-neutra-light);
    color: #fff;
    font-weight: 300;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 25px;
}

.ongoing-project-overlay ul li label {
    white-space: nowrap;
    min-width: 100px;
    font-family: var(--font-neutra-light);
}

.ongoing-project-overlay ul li span {
    color: #fff;
    white-space: normal;
    font-family: var(--font-neutra-light);
    font-weight: 300 !important;
}

.ongoing-project-overlay h5 {
    font-size: 22px;
    color: var(--color-white);
    margin-bottom: 15px;
    font-family: var(--font-neutra);
}
/* .ongoing-project-overlay:hover ul li,.ongoing-project-overlay:hover ul li span,.ongoing-project-overlay:hover h5{
    color: #484848;
} */

.ongoing-project-overlay a {
    padding: 7px 15px;
    border: 1px solid #fff;
    color: #fff;
    font-family: var(--font-neutra) !important;
    font-size: 16px;
    text-decoration: none;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    width: 150px;
    margin-top: 20px;
    transition: 0.5s;
}

.ongoing-project-overlay a:hover {
    border-radius: 40px;
    background-color: #fff;
    color: #000;

}

#videoModal video,#videoModal2 video,#videoModal3 video {
    border-radius: 15px;
    border: 0 !important;
    outline: 0 !important;
}

#videoModal .modal-content,#videoModal2 .modal-content ,#videoModal3 .modal-content{
    background-color: transparent;
    border-radius: 15px;
    overflow: hidden;
}

div#videoModal,
.modal.fade {
    background: rgba(76, 76, 76, 0.33);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.2px);
    -webkit-backdrop-filter: blur(7.2px);
}

.modal-ongoing-inner {
    background-color: #fff !important;


}

.modal-ongoing-inner .modal-header {
    border: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.modal-ongoing-inner .modal-header h1 {
    font-size: 25px;
    color: #515151;
    margin-bottom: 15px;
    font-family: var(--font-neutra);
}

.modal-ongoing-inner .modal-header button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #515151;
    color: #515151;
    text-decoration: none;
    border-radius: 50%;
    font-size: 15px;
    transition: 0.5s;
    background-color: transparent;
}

.modal-ongoing-inner .modal-header button:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--color-white);
    rotate: 0deg;
}

.ongoing-gallery-image {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ongoing-gallery-image a {
    width: 100%;
    height: 100%;
}

.ongoing-gallery-image img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    object-fit: cover;
}

.modal-ongoing-inner .modal-body {
    padding-top: 0;
}

.founder-team-left img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

.founder-team-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.founder-team-right h3 {
    font-size: 45px;
    color: #4e4e4e;
    text-align: center;
    font-family: var(--font-architext);
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.founder-team-right p {
    font-size: 20px;
    color: #313030;
    font-family: var(--font-neutra-light);
}


.abt-page-baner {
    height: 70vh;
    width: 100%;
    /* background-image: linear-gradient(128deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.5) 100%), url(../img/wellthenso/10.jpeg); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abt-page-baner h1 {
    text-align: center;
    color: var(--color-white);
    font-size: 40px;
}

.abt-page-baner p {
    text-align: center;
    color: var(--color-white);
    font-size: 20px;
}
.abt-page-baner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.terms-para{
    padding: 20px 0;
}
.founder-bg-1{
    background-color: #EEEEEE;
    background-image: url(../img/founde-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.founder-sec-left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.founder-sec-left img{
    width: 100%;
}
.founder-sec-right{
    height: 100%;
    padding: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.founder-sec-right p{
    font-size: 15px;
 font-family: "Bitter", serif;

    margin: 10px 0;
}

.founder-sec-right h3{
     font-size: 17px;
    font-family: "Bitter", serif;

}
.animate-box h3{
    font-size: 15px;
    font-family: "Bitter", serif;
    text-transform: uppercase;
    margin: 0;
    margin-top: 50px;
    font-weight: 400;
    letter-spacing: 1px;

}
.founder-sec-dt{
    /* background-color: #EBEBEB; */
    /* padding: 60px; */
    margin-top: -300px;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}
.founder-sec-dt video{
    width: 100%;
    border: 0 !important;
    outline: 0 !important;
}
.founder-sec-dt video:focus{
      border: 0 !important;
    outline: 0 !important;
}

.founder-sec-dt h3{
    font-size: 30px;
    font-family: var(--font-main);
    text-align: center;
    font-weight: 300;
    line-height: 40px;
}

.founder-sec-dt h4{
    text-align: center;
    margin: 40px 0;
    font-size: 20px;
     font-family: var(--font-main);
     font-weight: 600;
}

.founder-sec-dt p{
    font-size: 19px;
    margin: 0;
    font-family: var(--font-neutra-light);
    text-align: center;
    font-weight: 300;
}
.founder-sec-dt-bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 25px;
}
.founder-sec-dt-bottom h2{
     font-size: 23px;
     font-family: var(--font-main);
     margin: 0;
     text-transform: uppercase;
     font-weight: 600;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-end;
}
.founder-sec-dt-bottom h2 span{
    font-weight: 600;
    font-size: inherit;
}
.founder-sec-dt-bottom h2:first-child{
    margin-left: -30px;
}
.founder-sec-dt-bottom h2:last-child{
    margin-right: -30px;
}
.section-left-title-2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-left-title-2 h2 span{
    font-size: 75px;
    color: var(--primary);
    margin: 0;
    font-family: var(--font-big-caslon);
    line-height: 60px;
    letter-spacing: -5px;
}
.font-architext h2 span{
    font-family: var(--font-architext);
}
.section-left-title-2 a{
    font-size: 60px;
    color: #a2a2a2;
    text-decoration: none;
    rotate: -50deg;
}
.para-space-top{
    margin-top: 4rem !important;
}
.sticky-baner-services{
    position: sticky;
    top: 0;
}
.overlap-relative{
    position: relative;
    z-index: 2;
}
.services-what-we-do{
    background: rgba(206, 206, 206, 0.33);
    backdrop-filter: blur(7.2px);
    -webkit-backdrop-filter: blur(7.2px);
    position: sticky;
    top: 0;
    z-index: 2;
}
.services-what-we-do h2{
    color: var(--color-white);
    text-transform: uppercase;
}
.services-what-we-do ul li{
    color: var(--color-white);
    text-align: center;
}
.overlap-relative-2{
    position: relative;
    z-index: 2;
     background-color: var(--bg-light) !important;
}

.sticky-baner-services-height{
  min-height: 100vh;
}
.z-index-1-cs{
    position: relative;
    z-index: 5;
}

.service-process-align-left {
    align-items: flex-start;
}

.service-process-align-left h2{
    text-align: left;

}
.service-process-align-left ul li{
    text-align: left;
    margin: 10px 0;
    position: relative;
}
.service-process-align-left  ul li::before {
    content: '→';
    /* background-color: #000; */
    border-radius: 50%;
    position: absolute;
    left: -25px;
    top: -2px;
}
.service-process-align-left p{
    text-align: left;
}
.service-process-align-left  ul small{
    font-size: 20px;
    font-family: var(--font-neutra);
    text-transform: uppercase;
}

.upper-text{
    text-transform: uppercase !important;
}

.service-hazo-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.service-hazo-logo img{
    width: 330px;
}

.service-hazo-logo p{
    font-size: 17.5px;
    font-family: var(--font-neutra);
    text-transform: uppercase;
    margin-top: 15px;
}
.service-section-link p a{
    text-decoration: none;
    font-weight: 700;
}
.service-section-link p a:hover{
    color: var(--primary);
}

.footer-getintouch h2{
    border-bottom: 1px solid #535353;
    margin-bottom: 25px;
}
ul.hover-purple li a {
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #4d4d4d;
     padding-top: 10px;
     display: flex;
     width: fit-content;
}
ul.hover-purple li a strong{
    font-size: 16px;
 
   
}

ul.hover-purple li a:hover,.hover-purple-2 a:hover{
    color: #710d60 !important;
}
.ongoing-project-top-desc p{
    text-align: right;
    font-size: 32px;
    font-family: var(--font-architext);
    line-height: 42px;
}
.leadership-team-img img{
    height: 400px;
}
.leadership-pad{
    padding: 0 10px;
    margin-top: 40px !important;
}
.flex-end-project{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.min-margin-bottom{
      margin-bottom: -28px;
         margin-left: 10px;

}
/* .offerSwiper .swiper-wrapper {
    transition-timing-function: linear;
} */




.home-project-categories-box span {
    font-size: 48px;
    margin: 20px 0;
    font-family: var(--font-architext);
    font-weight: 700;
    letter-spacing: 01px;
    opacity: 0.2;
}

.home-project-categories-box p {
    margin: 2px 0;
    font-size: 15px;
    color: #787878;
    font-family: var(--font-bold);
}

.home-project-categories-box h6 {
    font-family: var(--font-bold);
    color: var(--color-black);
    margin: 7px 0;
    font-size: 19px;
}

.home-project-categories-img {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    /* opacity: 0.2; */
}

.home-project-categories-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.home-project-categories-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    background-color: #000000a8;
    padding: 30px;
     background: rgba(146, 146, 146, 0.33);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.home-project-categories-box:hover .home-project-categories-overlay{
    top: 0;
}
.home-project-categories-overlay h3 {
    font-size: 22px;
    color: var(--color-white);
    margin-bottom: 15px;
    font-family: var(--font-neutra);

}

.home-project-categories-overlay p {
    font-size: 16px;
    margin: 0;
    color: #f0f0f0;
    font-weight: 400;
    font-family: var(--font-neutra-light);
}




.home-project-categories-container h5 {
    font-size: 17.5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    width: 100%;
    opacity: .2;
    font-family: var(--font-neutra);
    text-transform: uppercase;
}
/* 
.home-project-categories .owl-item {
    opacity: 0.4;
    pointer-events: none;
    transition: all 0.4s ease;
}

.home-project-categories .owl-item.left-active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1.05);
} */






/* .home-project-categories .owl-stage-outer .owl-stage .owl-item.active:first-child {
    visibility: hidden !important;
}
.home-project-categories .owl-item.active:first-child  .home-project-categories-img{
    opacity: 1;
} */

/* Default: all items faded & disabled */
/* .home-project-categories .owl-item {
    opacity: 0.2;
    pointer-events: none;
    transition: all 0.4s ease;
}

.home-project-categories .owl-item.active {
    opacity: 0.2;
}

.home-project-categories .owl-item.active:first-child {
    opacity: 1 !important;
    pointer-events: auto;
}
.home-project-categories .owl-stage {
    transition: transform 0.8s ease-in-out !important;
} */

/* 
.offerSwiper .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
} */

.founder-video-section-animation video{
    width: 100%;
}
.bk-potfolio-bottom{
    position: relative;
    bottom: -5.4rem;
    z-index: 5;
}

.know-founer-title{
    font-size: 90px !important;
}

.gstn-service{
    text-align: center;
    font-family: var(--font-neutra);
    margin-top: -20px;
    position: relative;
    z-index: 9;
}
.center-hr-service{
    margin-top: -20px;
}

.offerSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.offerSwiper .swiper-slide {
    width: calc(100% / 3);   /* desktop */
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .offerSwiper .swiper-slide {
        width: 50%;
    }
}

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


.weather-box{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 15px;
}
.weather-box span{
    color: var(--color-black);
    font-weight: 500;
    font-family: var(--font-neutra) !important;
    font-size: 18px;
}
.project-info-sm-img img{
    height: 250px;
}
.ldrtm-sec{
    top: -25px;
}




.button-contact{
   padding: 5px 15px;
    text-decoration: none;
    border: 1px solid #222;
    color: #222;
    font-size: 20px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    font-family: var(--font-neutra) !important;
    font-weight: 600;
    width: 150px !important;
    background: transparent;
    margin-top: 15px !important;
}

.button-contact:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-light);
}