/*!
Theme Name: simply_vara
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: simply_vara
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

simply_vara is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

*{
	text-transform: lowercase;
}

.theme-animated-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
/* 	background-color: #000; */
	z-index: -5;
}

.theme-animated-bg .elem-1,
.theme-animated-bg .elem-2 {
	width: 40rem;
	aspect-ratio: 1 / 1;
	clip-path: polygon(
		50% 0%,
		61% 35%,
		98% 35%,
		68% 57%,
		79% 91%,
		50% 70%,
		21% 91%,
		32% 57%,
		2% 35%,
		39% 35%
	);
	animation: rotate 15s linear infinite;
}
.theme-animated-bg .elem-1 {
	background-color: rgba(255, 142, 13, 0.4);
	position: absolute;
	left: -12rem;
	bottom: -2rem;
}

.theme-animated-bg .elem-2 {
	background-color: rgba(29, 144, 245, 0.4);
	position: absolute;
	right: -12rem;
	top: -8rem;
}

.theme-animated-bg:before {
	content: '';
	position: absolute;
	inset: 0;
	backdrop-filter: blur(80px);
	z-index: 11;
}

@keyframes rotate{
	to{
		rotate: 0turn;
	}
	from{
		rotate: 1turn;
	}
}


.anim-bottom-box,.anim-left-box, .anim-right-box{
  opacity: 0;
  transition: 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}
.anim-bottom-box { 
  translate: 0 3.125rem;
}
.anim-left-box {
  translate: -3.125rem 0 ; 
}
.anim-right-box {  
  translate: 3.125rem 0 ;
}

:is(.anim-bottom-box, .anim-left-box, .anim-right-box).active-anim{
  translate: 0 0; 
  opacity: 1;
}

:is(.hero-head, .section-head) span.word{
    opacity: 0;
	translate: -10px 10px; 
	transition: .8s ease-out calc(var(--word-index) / 1.8 * 0.1s);
}
:is(.hero-head, .section-head).show-head span.word{
    opacity: 1;
	translate: 0 0;
}  

.custom-form.wpforms-container button.wpforms-submit{
	all: revert;
		cursor: pointer;
        width: calc(100% - 4.55rem);
        margin-top: 3rem;
	color: #fff;
}
.custom-btn,
.custom-form.wpforms-container button.wpforms-submit{
    padding: 1.13rem 2.66rem;
    border-radius: 2.20119rem;
    border: 1.2px solid var(--theme-color-white);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.015rem;
    text-transform: lowercase;
    margin-right: calc(3.8125rem + 0.75rem);
    display: inline-block;
    position: relative;
	
	&:hover { 
    box-shadow: 0 0 0 6px #1d90f57a;
    text-decoration:none;
}

    &:after {
        content: '';
        background-image: url('/wp-content/uploads/2025/06/arrow-right-icon.svg'),
            url('/wp-content/uploads/2025/06/arrow-right-icon.svg');
        background-repeat: no-repeat, no-repeat;
        background-size: auto, auto;
        display: inline-block;
        width: 3.8125rem;
        aspect-ratio: 1/1;
        background-color: var(--theme-color-sky-400);
        background-position:
            50% 50%,
            -90% 50%;
        border-radius: 100%;
        rotate: -45deg;
        transition: background-position   ease-out, background-color 100ms ease-out;
        position: absolute;
        right: -4.55rem;
        top: 50%;
        translate: 0 -50%;
    }
    &:hover:after {
    transition: background-position 250ms ease-out , background-color 300ms ease-out 160ms;
    background-position: 190% 50%,  50% 50%;
		background-color: #ff8e0d;
    }
	&:before{
    content:"";
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    background-image: linear-gradient(90deg, #00000000, #1d90f5);
    background-size: 190%;
    background-position: 0 center;
    background-repeat: no-repeat;
    border-radius: 2.20119rem;
    z-index: -1;
    transition: background-position 400ms ease-out;
    
}
	&:hover:before{ 
     background-position: 100% center;
}
}



.magnet-wrap {
	max-width: max-content;
	margin-inline: auto;
}

.magnet-btn {
	cursor: pointer;
	// overflow: hidden;
	transform: translate(var(--tx), var(--ty));
	transition: transform 0.25s cubic-bezier(0.25, 1, 0.3, 1);
	will-change: transform;
}

.magnet-btn span {
	position: relative;
	display: inline-block;
	transform: translate(var(--ix), var(--iy));
	transition: transform 0.25s cubic-bezier(0.25, 1, 0.3, 1);
	will-change: transform;
	filter: invert(1);
	mix-blend-mode: difference;
	pointer-events: none;
}

.magnet-btn:after {
	transform: translate(calc(var(--ix) / 3), calc(var(--iy) / 3));
	transition: transform 0.25s cubic-bezier(0.25, 1, 0.3, 1);
	will-change: transform;
}


.wp-img-cover-radius{
    border-radius: 0.75rem;
        overflow: hidden;
    & *{
        width:100%!important;
        height: 100%!important;
    }
    & img{
        object-fit: cover;
    }
}
.text-big-para:is(p), .text-big-para:not(p) p {
        font-size: 2.25rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0225rem;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #0000;
    transition: 400ms ease-out;
    &.headerActive {
		 background-color: #050505b3;
        backdrop-filter: blur(3px);
        & .header-wrap {
            padding: 0.5rem 0;
        }
    }
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    transition: 400ms ease-out;
	
	& img.custom-logo {
    height: 2rem;
    width: auto;
	}
    & #primary-menu {
        list-style: none;
        padding-left: 0;
        display: flex;
        gap: 2rem;

        & a {
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.02rem;
        }
        & li {
            margin-bottom: 0;
        }
    }

     & .custom-btn {
        padding: 0.8rem 1.3rem;
        font-size: 1.2rem;
        margin-right: calc(2.8125rem + 0.75rem);

        &:after {
            width: 2.8125rem!important;
            background-size: 1.2rem, 1.2rem!important;
            right: -3.55rem!important;
        }
    }
}

.tag-btn {
    padding: 0.88rem 1.25rem;
    border-radius: 4.28125rem;
    background-color: var(--theme-color-white);
    display: inline-block;
    border: 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0125rem;

    &:before {
        content: '';
        width: 0.8205rem;
        aspect-ratio: 1/1;
        border-radius: 50%;
        display: inline-block;
        background-color: var(--theme-color-sky-400);
        margin-right: 0.65rem;
        animation: blinking 800ms linear infinite;
        opacity: 1;
    }
}
@keyframes blinking {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.colorful-list {
    list-style: none;
    padding-left: 0;
    & li {
        padding: 0.17rem 0.7rem;
        border-radius: 0.35225rem;
        color: var(--theme-color-white);
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 130.057%;
        letter-spacing: -0.01625rem;
        display: inline-block;
    }
    & li:not(:last-child) {
        margin-bottom: 1.68rem;
    }
    & li:nth-child(5n + 1) {
        background-color: #626261;
    }
    & li:nth-child(5n + 2) {
        background-color: #56324c;
    }
    & li:nth-child(5n + 3) {
        background-color: #645827;
    }
    & li:nth-child(5n + 4) {
        background-color: #264a47;
    }
    & li:nth-child(5n + 5) {
        background-color: #684b3f;
    }
}

.home-hero-section {
	z-index: 8;
    & .sub-head {
        font-size: 2.625rem;
        font-weight: 400;
        line-height: 133.333%;
        letter-spacing: -0.02625rem;
        text-transform: lowercase;
    }

    & .hero-profile-wrap {
        position: absolute;
        left: 50%;
        top: 10rem;
        translate: -50% 0;
        & img {
            width: 31.50019rem;
            height: 46.32325rem;
        }
    }
    &:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 19.4375rem;
        background: linear-gradient(
            180deg,
            rgba(18, 18, 18, 0) 10.77%,
            rgba(18, 18, 18, 0.2) 19.23%,
            rgba(18, 18, 18, 0.42) 28.62%,
            rgba(18, 18, 18, 0.48) 33.84%,
            rgba(18, 18, 18, 0.65) 45.47%,
            rgba(18, 18, 18, 0.95) 77.71%
        );
/* 		z-index:2; */
    }

    & .tag-btn {
        translate: 0 8rem;
    }
}

/* .bg-elems-right-left {
    background:
        url('/wp-content/uploads/2025/06/blue-elem-bg.png') 30rem -50rem/120vw no-repeat,
        url('/wp-content/uploads/2025/06/orange-elem-bg.png') -35rem -10rem/120vw
            no-repeat;
} */
.about-section {
	&:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 19.4375rem;
        background: linear-gradient(0deg, rgba(18, 18, 18, 0) 10.77%, rgba(18, 18, 18, 0.2) 19.23%, rgba(18, 18, 18, 0.42) 28.62%, rgba(18, 18, 18, 0.48) 33.84%, rgba(18, 18, 18, 0.65) 45.47%, rgba(18, 18, 18, 0.95) 77.71%);
        z-index: -1;
    }
    & .about-content-wrap p {
        font-size: 2.25rem;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.0225rem;
    }
    & .about-content-wrap p:not(:last-child) {
        margin-bottom: 2rem;
    }

    & .wpb_single_image {
        background: var(--theme-color-white)
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0) 72.89%,
                rgba(0, 0, 0, 0.4) 93.1%
            );
        aspect-ratio: 470 / 616;
        width: 100%;
        border-radius: 0.75rem;
        overflow: hidden;

        & * {
            height: 100% !important;
            width: 100% !important;
        }
        & img {
            object-fit: cover;
        }
    }
}

.counter-wrap {
    margin-top: 4.31rem;
    gap: 2rem;
    flex-wrap: nowrap !important;
    & > * > * {
        position: relative;
        padding: 2.17rem 1.56rem !important;
        border-radius: 1.24575rem;
        background-color: #151319;
        border: 2px solid #242424;
        background: url('/wp-content/uploads/2025/06/blur-circle-icon.png') -7rem
            2rem / cover no-repeat;
    }

    & h3 {
        color: var(--theme-color-sky-200);
        line-height: normal;
        letter-spacing: -0.035rem;
        margin-bottom: 0.43rem;
    }

    & p {
        color: var(--theme-color-gray-200);
        font-size: 1.375rem;
        font-weight: 400;
        line-height: 118.182%;
        letter-spacing: -0.01375rem;
        margin-bottom: 0;
    }
}

.testimonials-section {
    background: #5b3100
        url('/wp-content/uploads/2025/06/orange-blur-bg-elem.png') center 0%/ 100vw
        no-repeat;

    & h2 {
        font-weight: 400;
        line-height: 121.429%;
        letter-spacing: -0.035rem;
        text-transform: unset;
    }
	& h3{
		text-transform: none;
	}
    & p {
        opacity: 0.6;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.015rem;
    }
}

.quote-section {
    background: #032644 url('/wp-content/uploads/2025/06/blue-blur-bg-elem.png')
        center 0%/ 100vw no-repeat;
}

.progress-slider {
    overflow: visible;
    color: var(--theme-color-white);
    & h3 {
        font-size: 2rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.02rem;
    }
    & p {
        font-size: 1.375rem;
        font-weight: 400;
        line-height: 136.364%;
        letter-spacing: -0.01375rem;
    }

    & .swiper-slide > * {
        padding: 2.62rem 2.92rem !important;
        border-radius: 1rem;
        border: 1px solid #242424;
        background: #151319
            url('/wp-content/uploads/2025/06/blue-blur-bg-elem.png') center -30%/40rem
            no-repeat;
        box-shadow: 0px 53px 32.2px 0px rgba(0, 0, 0, 0.25);
    }
    & .swiper-slide.swiper-slide-active > * {
        background: #151319
            url('/wp-content/uploads/2025/06/blue-blur-bg-elem.png') center 30%/40rem
            no-repeat;
    }
    & .swiper-slide {
        height: auto;
        width: calc(100vw / 2.5) !important;
    }
}

.steps-cards-wrap {
    counter-set: count;
    display: flex;
    flex-wrap: nowrap !important;
    gap: 5.5rem;
    & > * > * {
        padding: 0 !important;
    }
    & > * {
        &:after {
            counter-increment: count;
            content: '0' counter(count);
            color: #52391d;
            font-family: 'Inter Tight';
            font-size: 9.62031rem;
            font-weight: 600;
            line-height: 7.32031rem;
            letter-spacing: -0.09619rem;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
        }
        & .wpb_single_image {
            width: 3.15113rem;
            aspect-ratio: 1/1;
            margin-bottom: 0.88rem;

            & * {
                width: 100%;
                height: 100%;
            }

            & img {
                border-radius: 50%;
                object-fit: cover;
            }
        }

        & h3 {
            font-family: 'Cambon';
            font-size: 1.75rem;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.0175rem;
        }

        & .wpb_text_column {
            margin-bottom: 0;
            & p {
                color: var(--theme-color-white);
                font-size: 1.125rem;
                line-height: 144.444%;
                letter-spacing: -0.01125rem;
            }
        }
    }
}

.post-cards-wrap {
    color: var(--theme-color-white);
	padding-bottom: 3rem;
    & .post-img {
        aspect-ratio: 411/199;
        width: 100%;
		border-radius: 0.66431rem 0.66431rem 0 0;
        overflow: hidden;

        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    & .post-category {
        margin-top: 1.51rem;
        display: flex;
        gap: 0.58rem;
		flex-wrap: wrap;
        & span {
            padding: 0.58rem 1.17rem;
            font-size: 0.75rem;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.01rem;
            display: inline-block;
            border-radius: 2.40725rem;
            border: 1.167px solid #f3f4f7;
        }
    }
    & h3 {
        margin-top: 1.12rem;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.015rem;
		text-transform: none;
    }

    & .post-cta {
        display: flex;
        align-items: center;
        gap: 0.33rem; 
/* 		display:none!important; */

        &:before {
            content: '';
            background: var(--theme-color-white)
                url('/wp-content/uploads/2025/06/arrow-right-dark-icon.svg')
                center/ 1.33513rem no-repeat;
            display: inline-block;
            width: 2.82331rem;
            aspect-ratio: 1/1;
            border-radius: 50%;
        }
    }
	& .post-box{
		height:auto!important;
	}
    & .post-box a {
/* 		pointer-events:none; */
        display: flex;
        gap: 2rem;
        flex-direction: column;
        justify-content: space-between;
		height:100%;
    }
	& .post-box:not(:has(.post-cta)) a:after {
    content: 'NDA in Place';
    font-size: 1.1rem;
    /* margin-top: 1rem; */
    display: inline-block;
    color: var(--theme-color-sky-200); 
      text-transform: none; 
}

 
}

.swiper-pagination {
     
    & >*{
        background-color: #fff;
    }
    & .swiper-pagination-bullet-active{
        background-color: #fff ;
        width: 1.5rem; 
        border-radius: 0.3rem;
    }
}

.logo-text-slider {
    & .swiper-slide {
        color: var(--theme-color-white);

        & > * {
            padding: 2.75rem 2.15rem !important;
            border-radius: 1rem;
            background-color: var(--theme-color-gray-400);
            box-shadow: 0px 35.775px 31.535px 0px rgba(0, 0, 0, 0.3);
        }
        &.swiper-slide-active > * {
            background-color: var(--theme-color-sky-500);
        }
        & .wpb_single_image {
            height: 4.5625rem;
            width: 100%;
            margin-bottom: 2.13rem;

            & * {
                width: 100% !important;
                height: 100% !important;
            }
            & img {
                object-fit: contain;
            }
        }
        & h3 {
            font-size: 1.375rem;
            font-weight: 600;
            line-height: normal;
            letter-spacing: -0.01375rem;
            margin-bottom: 0.41rem;
            text-align: center !important;
        }
        & p {
            font-size: 0.99375rem;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.00994rem;
            text-align: center !important;
            margin-bottom: 0;
        }
    }
}

.contact-form-section .custom-form {
    max-width: 33.7rem;
    width: 100%;
}
.custom-form.wpforms-container {
    & .wpforms-field {
        padding: 0;

        &:not(:last-child) {
            margin-bottom: 1.18rem;
        }
        & :is(input, textarea) {
            height: auto !important;
            background-color: var(--theme-color-apricot-800);
            border-radius: 0.6015rem;
            padding: 1.2rem 0.9rem;
            font-size: 1.125rem !important;
            font-weight: 400;
            line-height: 160.404%;
            letter-spacing: -0.01125rem;
            &::placeholder {
                color: var(--theme-color-white);
            }
            &:focus {
                color: var(--theme-color-white) !important;
            }
        }
        & * {
            color: var(--theme-color-white);
        }
        & label {
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 120.303%;
            letter-spacing: -0.0125rem;
            margin-bottom: 0.39rem;
			text-transform: lowercase;
        }
    }
    & button.wpforms-submit {
/*         all: revert;
        padding: 0.75rem;
        font-family: 'Inter Tight';
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 91.875%;
        letter-spacing: -0.0125rem;
        text-transform: lowercase;
        cursor: pointer;
        border: 0;
        background-color: var(--theme-color-white) !important;
        color: var(--theme-color-black) !important;
        width: 100%;
        border-radius: 3.125rem; */
/* 		cursor: pointer;
        width: calc(100% - 4.55rem);
        margin-top: 3rem; */
    }
}

.circular-btn a {
    display: inline-block;
    width: 11.9375rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--theme-color-white);
    padding: 2.75rem 1.3rem 1.3rem 1.3rem;
    color: var(--theme-color-black);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 143.367%;
    letter-spacing: -0.015rem;
    text-transform: lowercase;
    translate: 0 -2rem;

    &:after {
        content: '';
        background-image: url('/wp-content/uploads/2025/06/arrow-right-icon.svg'),
            url('/wp-content/uploads/2025/06/arrow-right-icon.svg');
        background-repeat: no-repeat, no-repeat;
        background-size: auto, auto;
        display: inline-block;
        width: 3.61344rem;
        aspect-ratio: 1/1;
        background-color: var(--theme-color-sky-400);
        background-position:
            50% 50%,
            -100% 50%;
        border-radius: 100%;
        rotate: -45deg;
        transition: background-position ease-out;
        margin-top: 0.74rem;
    }
    &:hover:after {
        transition: background-position 250ms ease-out 70ms;
        background-position:
            200% 50%,
            50% 50%;
    }
}

.social-media-list {
    list-style: none;
    display: flex;
    gap: 1.35rem;

    & a {
        width: 2.49088rem;
        aspect-ratio: 1/1;
        display: inline-block;
        border: 0.539px solid rgba(241, 245, 249, 0.4);
        background: rgba(241, 245, 249, 0.2);
        border-radius: 50%;
        padding: 0.24rem;
    }
    & img {
        width: 100%;
        aspect-ratio: 1/1;
        object-fit: scale-down;
    }
}

/* .footer-about {
} */
.logo-text {
        font-family: 'Cambon';
        font-size: 2.5rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.025rem; 
        & em {
            color: #b8babf;
        }
	& *{
	text-transform: none;	
	}
    }

.footer-content {
    margin-bottom: 5.5rem;
}

#footer-menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 2.25rem;

    & a {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.015rem;
    }
}

.footer-copyrights {
    padding: 1rem;
    border-top: 1px solid #45454a;
	max-width: 63rem;
    width: 100%;
    margin-inline: auto;
}

.casestudy-info-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    width: 100%;
    margin-inline: 0!important;
    & >*>*{
			padding: 0!important;
		}
    
    &:before,&:after{
        display: none!important;
    }
    & p.vc_custom_heading {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 142.857%;
        letter-spacing: -0.00875rem;
    }
    & * {
        color: var(--theme-color-white);
    }
    
    & .colorful-list li{
        font-size: 1rem;
        padding: 0.68rem 1rem;
    }
    & .wpb_text_column {
        margin-bottom:0;
    }
    & a {
        word-wrap: wrap;
    }
}



/* ////////////////////// Media Queries ////////////////////// */

@media screen and (max-width: 768px) {
    :root {
        --equal-padds: 4.25rem;
    }
    html {
        font-size: 3.6vw;
    }

    h1,
    .h1,
    .hero-head {
        font-size: 2.4rem;
        letter-spacing: -0.12rem;
    }

    h2,
    .h2 {
        font-size: 2rem;
        letter-spacing: -0.12rem;
    }

    h3,
    .h3 {
        font-size: 1.6rem;
    }

    h4,
    .h4 {
        font-size: 1.4rem;
    }

    h5,
    .h5 {
        font-size: 1.2rem;
    }

    h6,
    .h6 {
        font-size: 1.125rem;
    }

    br {
        display: none;
    }
    p {
        font-size: 1rem;
    }

    .container,
    section .container {
        max-width: calc(100% - 3rem) !important;
    }
	
	.text-big-para:is(p), .text-big-para:not(p) p {
		font-size: 1.25rem;
	}
	
    .header-wrap {
        & #primary-menu {
            flex-direction: column;
            gap: 4rem;
            & a {
                font-size: 2rem;
            }
        }
        .header-right {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
    }
    .mobile-hamburger {
        background-color: #0000;
        border: 0;
        width: 2rem;
        aspect-ratio: 1 / 1;
        & img {
            width: 100%;
            aspect-ratio: 1/1;
            object-fit: contain;
        }
        & img:nth-child(1),
        &.active img:nth-child(2){
            display: block;
        }
        & img:nth-child(2),
        &.active img:nth-child(1){
            display: none;
        }
        & img:nth-child(2){
            filter: invert(1);
        }
    }
    #site-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        height: 100lvh;
        width: 100%;
        padding: 2rem;
        background-color: var(--theme-color-black);
        opacity: 0;
        pointer-events: none;
        &.active{
            opacity: 1;
        pointer-events: auto;
        }
    }
    .colorful-list {
        & li {
            font-size: 1.1rem;
        }
    }
    .header-wrap {
        & #primary-menu {
        }    
		& img.custom-logo {
			height: 1.5rem;
		}
    }
    .home-hero-section {
        & .sub-head {
            font-size: 1.625rem;
        }
        & .hero-profile-wrap {
            position: unset;
            translate: 0% 0;
            & img {
                width: 33.50019rem;
                height: auto;
            }
        }
        & .tag-btn {
            translate: 0 0rem;
            width: 100%;
        }

        & .home-hero-row {
            gap: 2rem;
            & > *:nth-child(2) {
                order: -1;
            }
        }
    }
/*     .bg-elems-right-left {
    background: url(/wp-content/uploads/2025/06/blue-elem-bg.png) 6rem -19rem / 150vw no-repeat, url(/wp-content/uploads/2025/06/orange-elem-bg.png) -18rem 16rem / 150vw no-repeat;
} */
    .custom-btn {
        &:after {
            background-size: 1.5rem, 1.5rem;
        }
    }
    .about-section {
        & .about-content-wrap p {
            font-size: 1.25rem;
        }
    }
    .counter-wrap {
        flex-wrap: wrap !important;
        margin-top: 2.31rem;
    }
    .testimonials-section {
        & p {
            font-size: 1.2rem;
        }
        & .wpb_single_image img {
            width: 8rem;
        }
    }
    .progress-slider {
        & .swiper-slide {
            width: 100% !important;
        }
    }
    .steps-cards-wrap {
        flex-wrap: wrap !important;
    }
    .circular-btn a {
        translate: 0 -0.8rem;
        &:after {
            background-size: 1.4rem, 1.4rem;
        }
    }
    #footer-menu {
        flex-wrap: wrap;
        gap: 1rem;
        margin-top: 1.5rem;
        & li {
            margin-bottom: 0;
        }
    }
    .footer-content {
        margin-bottom: 2.5rem 32.22px;
    }
	
	.casestudy-info-wrap { 
    gap: 1rem; 
		
	}
	.logo-text {
		font-size: 1.5rem;
	}
	.anim-bottom-box:has(button.tag-btn) {
    opacity:1!important;
    translate: 0 0 !important;
}
	
	
}