/*
Theme Name: Qquench
Description: Child theme for Twenty Twenty-Five. You can now safely customize it and not risk losing your customizations.
Author: Krishna Paralkar
Template: twentytwentyfive
Version: 2.0
Text Domain: qquench-child
*/

:root {
    --arrow-b: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%209H15M9%202L16%209L9%2016%22%20stroke%3D%22%230B0B0B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
    --arrow-w: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%209H15M9%202L16%209L9%2016%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%22pa1.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
    --arrow-t: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%209H15M9%202L16%209L9%2016%22%20stroke%3D%22%2300E1A0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
    --arrow-blue: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%209H15M9%202L16%209L9%2016%22%20stroke%3D%22%234049e0%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E");
    --wp--preset--font-family--lemon: "Lemon", "Arial Narrow", sans-serif;
}

@font-face {
    font-display: swap !important;
}

*,
html,
body {
    font-feature-settings: "salt" on;
    font-family: "Poppins", sans-serif;
    /*text-wrap: balance*/
    /* 	  user-select: none; */
}

html {
    scroll-behavior: smooth;
}

body.no-scroll {
    overflow: hidden;
    /* Prevent scrolling */
}

#wpadminbar {
    position: fixed !important;
    z-index: 9999999;
}

html,
body {
    margin-top: 0 !important;
}

a,
button {
    outline: none;
}

.grecaptcha-badge {
    opacity: 0 !important;
}

a:hover {
    color: var(--wp--preset--color--accent-1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-spacing: 0.1em;
}

h1[style*="font-weight: 800"],
h2[style*="font-weight: 800"] {
    font-family: "Lemon", Impact, sans-serif;
}


strong,
b,
p,
mark,
span {
    font-family: inherit;
}

strong {
    font-weight: 600;
}

.serif,
.serif * {
    font-family: Georgia, 'Times New Roman', serif !important;
}

.poppins,
.poppins * {
    font-family: "Poppins", sans-serif !important;
}

/* strong{
font-weight: 700;
} */


.hidden {
    display: none !important;
}

:root :where(.is-layout-constrained)>* {
    margin-block-start: 0 !important;
}

ol {
    padding-left: 18px;
}

.scroll-x {
    overflow-x: auto;
    scroll-behavior: smooth;
}

/* Hide the default scrollbar for all browsers */
::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: rgba(172, 172, 172, 0.4);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    background: var(--wp--preset--color--accent-1);
    border-radius: 50px;
}

.scroll-small::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.cky-btn {
    background: linear-gradient(264deg, #5e00ff 0%, #00e1a0 100%) !important;
    border: none !important;
}

.cky-btn,
.cky-consent-container .cky-consent-bar {
    border-radius: 10px !important;
}

.cky-btn-revisit-wrapper {
    width: 34px !important;
    height: 35px !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
    height: 24px !important;
    width: 24px !important;
}

.cky-consent-container {
    top: auto !important;
    right: auto !important;
    left: 20px;
    bottom: 20px;
    max-width: calc(100% - 40px) !important;
}

.cky-notice-des {
    overflow-y: auto !important;
}

/* Splide animation CSS */
.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

.single-post .post-meta p {
    font-weight: 600 !important;
}

.single-post .post-meta .meta-separate {
    background: #8e8e93;
}

.single-post .post-meta .meta-separate {
    background-color: #8e8e93;
}

.single-post .wp-block-post-terms a {
    color: #a3a3a3;
}

.single-post .wp-block-post-terms a:hover {
    color: var(--wp--preset--color--accent-5);
}

.single-post .wp-block-post-terms:not(.taxonomy-category) a::before {
    content: "# ";
}

.single-post .wp-block-post-terms .wp-block-post-terms__separator {
    margin-right: 8px;
    color: #a3a3a3;
    opacity: 0;
}

.taxonomy-category.wp-block-post-terms a {
    display: inline-block;
    width: fit-content;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #5e00ff;
    background: #f2f2f2;
    border-radius: 100px;
    margin-bottom: 12px;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.taxonomy-category.wp-block-post-terms a:hover {
    text-decoration: underline;
}

.taxonomy-post_tag a {
    text-decoration: none;
}

.single-post .post-sidebar-cat {
    max-width: 300px;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
}

@media (max-width: 1200px) {
    .single-post .post-sidebar-cat {
        max-width: 100%;
    }

    .single-post .blog-wrapper {
        flex-direction: column;
    }

    .single-post .post-sidebar,
    .single-post .taxonomy-post_tag {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
        margin: 0 !important;
    }

    .single-post .taxonomy-post_tag a {
        line-height: 2;
    }

}


.blog-num-heading {
    display: flex;
    align-items: center;
    gap: 20px;
}


.blog-num-heading mark:first-child {
    background: linear-gradient(136deg, #00e1a0, #5E00FF) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    position: relative;
    overflow: hidden;
    width: 50px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-num-heading mark:first-child::after {
    content: "";
    background: #f2f2f2;
    border-radius: 100%;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    box-sizing: border-box;
}

.btn.blogcard-btn .wp-block-button__link {
    height: 54px !important;
}

.blog-table th {
    background: #0b0b0b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500 !important;
    border: none;
    padding: 10px;
    text-align: left;
}

.blog-table td {
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 8px 10px;
    font-size: 14px;
}

.blog-table tr:nth-child(even) {
    background-color: #f4f4f4;
}

.blog-table tr:hover {
    background-color: #fbfbfb;
    transition: background-color 0.2s ease;
}

.blog-table td strong {
    font-weight: 600;
}

.single-post .post-content p a {
    color: var(--wp--preset--color--custom-blue);
    text-decoration: none;
}

.single-post .post-content p a:hover {
    color: var(--wp--preset--color--accent-1) !important;
}


.aspect-1 {
    aspect-ratio: 1 / 1;
}


@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

/* .home #banner h1 mark,
.thank-you #banner h1,
.thank-you #banner p,
.ai-page #banner h1 mark,
.elearning #banner h1 mark, .elearning #banner p,
.about #banner h1 mark, 
.uiux #banner h1 mark, 
.brandingPage #banner h1 mark, .brandingPage #banner .slideX,
.designThinking #banner h1 mark,
.digitalMarketing  #banner h1 mark,
.packaging #banner h1 mark,
.single-service #banner h1 mark, .single-service #banner .slideX
{
    transform: translateX(100px);
    opacity: 0;
 }

.home #banner .slide2img img, .home #banner .slide1img img,
.thank-you #banner img,
.about #banner .slide1img img, 
.single-service #banner .slide1img, .single-service #banner .slide2img 
{
	opacity:0;
	transform: translateY(150px);
}

.home .fade, .ai-page .fade, .elearning .fade, .about .fade, .uiux .fade, .brandingPage .fade, .designThinking .fade, .digitalMarketing .fade, .packaging .fade
{
	opacity:0;
} */

.splide .mark-slider,
.logo-loop {
    visibility: visible;
}


/* Splide animation CSS ends */


header.qquench-nav {
    background: #0a0a0ae6;
}

header.qquench-nav.darkMenu {
    background: rgb(255 255 255 / 10%);
}

header.qquench-nav {
    position: fixed;
    z-index: 999999;
    width: 100%;
    transition: background-color .3s ease;
    /*background: rgb(11 11 11 / 70%);*/
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #3D3D3D;
    /*overflow: hidden;*/
}

header.qquench-nav,
div#menuWrapper,
nav ul,
nav li,
header.qquench-nav .top-menu .wp-block-group {
    min-height: 75px;
    font-size: 16px;
}

header.qquench-nav .top-menu a:not(.has-child a) {
    outline: none !important;
    display: flex !important;
    height: 75px !important;
    align-items: center;
}

header.qquench-nav .has-child ul a {
    align-items: initial;
}

header.qquench-nav a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--accent-1) !important;
}


nav ul li {
    padding: 0px 12px !important;
    outline: none;
}

/*   nav ul li:last-child {
      padding: 0px 0px 0px 16px !important;
  } */
.has-child>a:first-child {
    padding-right: 30px;
    position: relative;
}

.has-child>a:first-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    transition: all ease-in-out 300ms;
}


.has-child:hover>a:first-child::before,
.has-child.active>a:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='%2300E1A0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(-180deg);
}

.darkMenu .has-child>a:first-child::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='%230b0b0b' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    transition: all ease-in-out 300ms;
}


.darkMenu .has-child:hover>a:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='%2300E1A0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(-180deg);
}

.menuBtn {
    position: relative;
    width: 36px;
    height: 26px;
    padding: 4px 0;
    background: transparent;
    cursor: pointer;
    display: none;
    outline: none;
    border: none;
}

.menuBtn span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.light .menuBtn span {
    background: #0b0b0b;
}

.menuBtn span:nth-of-type(1) {
    top: 0px;
    transform-origin: left center;
}

.menuBtn span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    transform-origin: left center;
}

.menuBtn span:nth-of-type(3) {
    top: 100%;
    transform-origin: left center;
    transform: translateY(-100%);
}

.open .menuBtn span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 0px;
    left: 5px;
}

.open .menuBtn span:nth-of-type(2) {
    width: 0%;
    opacity: 0;
}

.open .menuBtn span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 25px;
    left: 5px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    background: #161616 !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 20px !important;
    /*       flex-direction: row !important; */
    position: absolute !important;
    /*       width: 730px !important; */
    width: 450px !important;
    flex-wrap: wrap;
    padding: 20px;
    row-gap: 20px;
    column-gap: 40px;
    box-sizing: border-box;
    right: calc(100% - 350px) !important;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
    /*           width: calc(100% / 2 - 20px); */
    padding: 12px !important;
    box-sizing: border-box;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 0 !important;
}

.wp-block-navigation-submenu li a {
    flex-direction: column;
    gap: 6px;
    padding: 0 0 0 80px !important;
    justify-content: center;
    min-height: max-content;
}

.wp-block-navigation .wp-block-navigation-item__description {
    font-size: 80%;
    color: #A1A1A1;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.wp-block-navigation-submenu li a:hover {
    text-decoration: none;
}

.wp-block-navigation-submenu li a:hover .wp-block-navigation-item__label {
    text-decoration: none;
    color: var(--wp--preset--color--accent-1) !important;
}

.wp-block-navigation-submenu li.wp-block-navigation-link a::before {
    content: "";
    position: absolute;
    left: 12px;
    width: 44px;
    height: 44px;
    padding: 8px;
    border: 1px solid white;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 2;
}

.wp-block-navigation-submenu li.wp-block-navigation-link.branding a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_branding.webp");
}

.wp-block-navigation-submenu li.wp-block-navigation-link.ai a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_ai.webp");
}

.wp-block-navigation-submenu li.wp-block-navigation-link.dm a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_digital-marketing.webp");
}

.wp-block-navigation-submenu li.wp-block-navigation-link.elearning a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_elearning.webp");
}

.wp-block-navigation-submenu li.wp-block-navigation-link.packaging a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_packaging.webp");
}

.wp-block-navigation-submenu li.wp-block-navigation-link.web a::before {
    background-image: url("/wp-content/uploads/2025/03/menu_web.webp");
}

.wp-block-navigation-item.ai {
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(123deg, #11B8B2 30%, #4932EA 90%) !important;
    position: relative;
    padding: 1px
}

.wp-block-navigation-submenu li a span {
    z-index: 1;
}

.wp-block-navigation-submenu li.ai a:hover span,
.wp-block-navigation-submenu li a:hover .wp-block-navigation-item__description {
    color: #fff;
}

.wp-block-navigation-item.ai::after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #161616;
    z-index: 0;
    border-radius: 20px;
}


.darkMenu .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    display: none !important;
}


.darkMenu .has-child ul .wp-block-navigation-item__content .wp-block-navigation-item__label {
    color: #ffffff !important;
}

.darkMenu .has-child ul .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: var(--wp--preset--color--accent-1) !important;
}


.page-template-default {
    transition: fill 0.3s ease;
}



nav ul li.current-menu-item a {
    color: var(--wp--preset--color--accent-1) !important;
}


.g-text-1 {
    background: linear-gradient(136deg, #00e1a0, #5E00FF) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    width: max-content;
}

.g-text-2 {
    background: linear-gradient(90deg, #00e1a0, #5E00FF) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    width: max-content;
}

.bold {
    font-weight: 700 !important;
}

.extra-bold {
    font-weight: 800 !important;
}

.black {
    font-weight: 900 !important;
}

.no-decoration,
.no-decoration * {
    text-decoration: none !important;
}

/* ── Dynamic Column Grid (Container Query) ── */
.row-2-col {
    --cols: 2;
}

.row-3-col {
    --cols: 3;
}

.row-4-col {
    --cols: 4;
}

.row-5-col {
    --cols: 5;
}

.row-6-col {
    --cols: 6;
}

.row-7-col {
    --cols: 7;
}

.row-8-col {
    --cols: 8;
}

.row-9-col {
    --cols: 9;
}

.row-10-col {
    --cols: 10;
}

/* ── Tablet Overrides ── */
.tab-1-col {
    --tab-cols: 1;
}

.tab-2-col {
    --tab-cols: 2;
}

.tab-3-col {
    --tab-cols: 3;
}

.tab-4-col {
    --tab-cols: 4;
}

.tab-5-col {
    --tab-cols: 5;
}

.tab-6-col {
    --tab-cols: 6;
}

/* ── Mobile Overrides ── */
.mob-1-col {
    --mob-cols: 1;
}

.mob-2-col {
    --mob-cols: 2;
}

.mob-3-col {
    --mob-cols: 3;
}

.mob-4-col {
    --mob-cols: 4;
}

[class*="row-"][class*="-col"] {
    --gap: 24px;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100%;
}


/* Desktop: N columns */
[class*="row-"][class*="-col"]>* {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)) !important;
}

/* Tablet: 2 columns */
@media (max-width: 800px) {
    [class*="row-"][class*="-col"]>* {
        flex: 1 1 calc((100% - var(--gap)) / 2) !important;
    }
}

/* Override: keep 2 columns on mobile */
@media (max-width: 480px) {
    [class*="row-"][class*="-col"].mob-2-col>* {
        flex: 1 1 calc((100% - var(--gap)) / 2) !important;
    }
}

@media (max-width: 800px) {
    [class*="row-"][class*="-col"][class*="tab-"]>* {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols)) !important;
    }
}

@media (max-width: 480px) {
    [class*="row-"][class*="-col"][class*="mob-"]>* {
        flex: 1 1 calc((100% - (var(--mob-cols) - 1) * var(--gap)) / var(--mob-cols)) !important;
    }
}


/* ── Column Spanning: Desktop (col-span-1 to 5) ── */
[class*="row-"][class*="-col"]>.col-span-1 {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)) !important;
}

[class*="row-"][class*="-col"]>.col-span-2 {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols) * 2 + var(--gap)) !important;
}

[class*="row-"][class*="-col"]>.col-span-3 {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols) * 3 + var(--gap) * 2) !important;
}

[class*="row-"][class*="-col"]>.col-span-4 {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols) * 4 + var(--gap) * 3) !important;
}

[class*="row-"][class*="-col"]>.col-span-5 {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols) * 5 + var(--gap) * 4) !important;
}

/* ── Column Spanning: Tablet (tab-col-span-1 to 5) ── */
@media (max-width: 800px) {
    [class*="row-"][class*="-col"]>.tab-col-span-1 {
        flex: 1 1 calc((100% - var(--gap)) / 2) !important;
    }

    [class*="row-"][class*="-col"]>.tab-col-span-2 {
        flex: 1 1 100% !important;
    }

    [class*="row-"][class*="-col"][class*="tab-"]>.tab-col-span-1 {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols)) !important;
    }

    [class*="row-"][class*="-col"][class*="tab-"]>.tab-col-span-2 {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols) * 2 + var(--gap)) !important;
    }

    [class*="row-"][class*="-col"][class*="tab-"]>.tab-col-span-3 {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols) * 3 + var(--gap) * 2) !important;
    }

    [class*="row-"][class*="-col"][class*="tab-"]>.tab-col-span-4 {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols) * 4 + var(--gap) * 3) !important;
    }

    [class*="row-"][class*="-col"][class*="tab-"]>.tab-col-span-5 {
        flex: 1 1 calc((100% - (var(--tab-cols) - 1) * var(--gap)) / var(--tab-cols) * 5 + var(--gap) * 4) !important;
    }

    /* Reset desktop spans on tablet */
    [class*="row-"][class*="-col"]>.col-span-2,
    [class*="row-"][class*="-col"]>.col-span-3,
    [class*="row-"][class*="-col"]>.col-span-4,
    [class*="row-"][class*="-col"]>.col-span-5 {
        flex: 1 1 calc((100% - var(--gap)) / 2) !important;
    }
}

/* ── Column Spanning: Mobile (mob-col-span-1 to 3) ── */
@media (max-width: 480px) {
    [class*="row-"][class*="-col"]>.mob-col-span-1 {
        flex: 1 1 100% !important;
    }

    [class*="row-"][class*="-col"][class*="mob-"]>.mob-col-span-1 {
        flex: 1 1 calc((100% - (var(--mob-cols) - 1) * var(--gap)) / var(--mob-cols)) !important;
    }

    [class*="row-"][class*="-col"][class*="mob-"]>.mob-col-span-2 {
        flex: 1 1 calc((100% - (var(--mob-cols) - 1) * var(--gap)) / var(--mob-cols) * 2 + var(--gap)) !important;
    }

    [class*="row-"][class*="-col"][class*="mob-"]>.mob-col-span-3 {
        flex: 1 1 calc((100% - (var(--mob-cols) - 1) * var(--gap)) / var(--mob-cols) * 3 + var(--gap) * 2) !important;
    }

    /* Reset desktop + tablet spans on mobile */
    [class*="row-"][class*="-col"]>.col-span-2,
    [class*="row-"][class*="-col"]>.col-span-3,
    [class*="row-"][class*="-col"]>.col-span-4,
    [class*="row-"][class*="-col"]>.col-span-5,
    [class*="row-"][class*="-col"]>.tab-col-span-2,
    [class*="row-"][class*="-col"]>.tab-col-span-3,
    [class*="row-"][class*="-col"]>.tab-col-span-4,
    [class*="row-"][class*="-col"]>.tab-col-span-5 {
        flex: 1 1 100% !important;
    }
}

/* Custom width override */
[class*="row-"][class*="-col"]>.col-auto {
    flex: 0 0 auto !important;
}



.btn:not(.text-btn1):not(.text-btn2):not(.btn-style3):not(.ebpg-pagination-page) {
position: relative;
    isolation: isolate;
    border-radius: 20px;
    padding: 1px; /* creates space for gradient */
    background: linear-gradient(264deg, #5e00ff 0%, #00e1a0 100%);
}

.btn:not(.text-btn1):not(.text-btn2):not(.btn-style3):not(.ebpg-pagination-page) > a.wp-block-button__link {
    display: block;
    border-radius: 19px; /* 1px less than parent */
/*     background: #0a0a0a; /* match your page background */ 
    overflow: visible !important;
    position: relative;
    z-index: 1;
}

/* .btn.btn-style2 {
    background: linear-gradient(264deg, #5e00ff 0%, #00e1a0 100%);
	position:relative;
	isolation: isolate; 
	border-radius: 20px;
} */

/* .btn:not(.text-btn1):not(.text-btn2):not(.btn-style3):not(.ebpg-pagination-page)::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(264deg, #5e00ff 0%, #00e1a0 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
	    border-radius: 20px;
} */


.btn .wp-block-button__link {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all ease-in-out 300ms;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1;
    height: 70px;
}

.btnArrow .wp-block-button__link {
    padding-right: 50px !important;
}


.text-btn1 .wp-block-button__link,
.text-btn2 .wp-block-button__link {
    text-underline-offset: 5px;
    text-decoration-color: var(--wp--preset--color--accent-1) !important;
    /*       font-weight: inherit; */
    font-family: inherit !important;
    border-radius: 0;
}

.text-btn1 .wp-block-button__link {
    padding-right: 44px !important;
}

.text-btn1 .wp-block-button__link:hover {
    color: var(--wp--preset--color--custom-blue) !important;
    text-decoration-color: white !important;
}


.text-btn2 .wp-block-button__link:hover {
    color: var(--wp--preset--color--accent-1) !important;
    text-decoration-color: var(--wp--preset--color--accent-1) !important;
}

.btnArrowB .wp-block-button__link::after,
.btnArrowW .wp-block-button__link::after,
.btnArrowT .wp-block-button__link::after,
.subArrow a .wp-block-navigation-item__label::after {
    content: "";
    position: absolute;
    right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 22px;
    /*margin-left: 10px;*/
    transition: all ease-in-out 300ms;
}

.subArrow a .wp-block-navigation-item__label::after {
    right: auto !important;
    margin-left: 10px !important;
}

.btnArrowB.rotate .wp-block-button__link::after,
.btnArrowW.rotate .wp-block-button__link::after,
.btnArrowT.rotate .wp-block-button__link::after,
.btnArrowB .wp-block-button__link:hover::after,
.btnArrowW .wp-block-button__link:hover::after,
.btnArrowT .wp-block-button__link:hover::after,
.subArrow.rotate a .wp-block-navigation-item__label::after {
    transform: rotate(0deg);
}

.btnArrowB.rotate .wp-block-button__link::after,
.btnArrowW.rotate .wp-block-button__link::after,
.btnArrowT.rotate .wp-block-button__link::after,
.btnArrowB .wp-block-button__link::after,
.btnArrowW a:hover::after,
.btnArrowT a:hover::after {
    transform: rotate(0deg);
}

.btnArrowB.rotate .wp-block-button__link:hover::after,
.btnArrowW.rotate .wp-block-button__link:hover::after,
.btnArrowT.rotate .wp-block-button__link:hover::after,
.btnArrowB .wp-block-button__link::after,
.btnArrowW .wp-block-button__link::after,
.btnArrowT .wp-block-button__link::after,
.subArrow.rotate a:hover .wp-block-navigation-item__label::after {
    transform: rotate(-45deg);
}

.btnArrowB .wp-block-button__link::after,
.subArrowB a .wp-block-navigation-item__label::after {
    background-image: var(--arrow-b);
}

.btnArrowW .wp-block-button__link::after,
.subArrowW a .wp-block-navigation-item__label::after {
    background-image: var(--arrow-w);
}

.btnArrowT .wp-block-button__link::after,
.subArrowT a .wp-block-navigation-item__label::after,
.subArrowW:not(.ai) a:hover .wp-block-navigation-item__label:after {
    background-image: var(--arrow-t);
}

.text-btn1.btnArrowB .wp-block-button__link::after,
.text-btn1.btnArrowW .wp-block-button__link::after,
.text-btn1.btnArrowT .wp-block-button__link::after {
    background-size: 80%;
    right: 0;
}

.text-btn1.btnArrowB .wp-block-button__link:hover::after,
.text-btn1.btnArrowW .wp-block-button__link:hover::after,
.text-btn1.btnArrowT .wp-block-button__link:hover::after {
    background-image: var(--arrow-blue) !important;
}

.text-btn2.btnArrowB .wp-block-button__link:hover::after,
.text-btn2.btnArrowW .wp-block-button__link:hover::after,
.text-btn2.btnArrowT .wp-block-button__link:hover::after {
    background-image: var(--arrow-t) !important;
}



.btn-style1 .wp-block-button__link::before,
.btn-style2 .wp-block-button__link::before,
.btn-style3 .wp-block-button__link::before,
.btn-style4 .wp-block-button__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: width ease-in-out 300ms;
    /* Ensure smooth width transition */
    z-index: -1;
}

.btn-style1 .wp-block-button__link::before,
.btn-style4 .wp-block-button__link::before {
    width: 0;
    background: linear-gradient(264deg, #5e00ff 0%, #00e1a0 100%);
}

.btn-style1 .wp-block-button__link:hover::before,
.btn-style4 .wp-block-button__link:hover::before {
    width: 100%;
}

.btn-style1 .wp-block-button__link:hover,
.btn-style4 .wp-block-button__link:hover {
    color: #fff !important;
}

.btn-style4 .wp-block-button__link:hover::after {
    background-image: var(--arrow-w);
}

.btn-style2 .wp-block-button__link::before {
    width: 0;
    background: #fff;
}

.btn-style2 .wp-block-button__link:hover {
    color: var(--wp--preset--color--contrast) !important;
}

.btn-style2 .wp-block-button__link:hover::before {
    width: 100%;
}

.btn-style2 .wp-block-button__link:hover::after {
    background-image: var(--arrow-b);
}

.btn-style3 .wp-block-button__link {
    border: 1px solid #ffffff;
}

.btn-style3 .wp-block-button__link::before {
    width: 0;
    background: #ffffff;
}

.btn-style3 .wp-block-button__link:hover {
    color: var(--wp--preset--color--contrast) !important;
}

.btn-style3 .wp-block-button__link:hover::before {
    width: 100%;
}

.btn-style3 .wp-block-button__link:hover::after {
    background-image: var(--arrow-b);
}




.form-wrapper.formCol,
.formCol {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 40px;
    width: 100%;
}

.formCatWrapper {
    width: 100%;
}

.formCategory {
    width: 100%;
    font-weight: 500;
    margin: 20px 0;
}

.form-wrapper .input-label {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-wrapper .input-label.full {
    width: 100%;
}


.form-wrapper span.wpcf7-form-control-wrap,
input,
select,
textarea,
label.input-label.workinfo,
button {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
}

.form-wrapper input,
.form-wrapper select,
.form-wrapper textarea {
    min-height: 50px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #C1C1C1;
    font-size: clamp(14px, 16px, 18px);
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-wrapper select {
    padding: 0 10px;
    cursor: pointer;
}

.requirementWrapper {
    display: flex;
    gap: 20px;
}

.form-wrapper option:checked {
    padding: 10px !important;
    background-color: var(--wp--preset--color--accent-1) !important;
}

.form-wrapper option:hover {
    padding: 10px !important;
    background-color: var(--wp--preset--color--custom-blue) !important;
}

.form-wrapper textarea {
    height: 50px;
    /*       margin-top: 10px; */
}

.form-wrapper textarea::placeholder,
.form-wrapper input::placeholder {
    color: #0b0b0b52;
}

select option {
    color: #0B0B0B;
}

select option:hover {
    color: red;
}

select:invalid,
select option:first-child {
    color: #0b0b0b52;
}


.form-wrapper input:focus,
.form-wrapper select:focus,
.form-wrapper textarea:focus {
    border-bottom-color: var(--wp--preset--color--accent-1);
    color: #0B0B0B;
}

span.wpcf7-not-valid-tip {
    font-size: 0.8rem;
    margin-top: 8px;
}

.prefix {
    display: flex;
}

.prefix .wpcf7-form-control-wrap:first-child {
    width: 40px !important;
    position: absolute;
}

span.subLabel {
    font-size: 80%;
}

/*.form-wrapper  .placeholder {*/
/*   position: absolute;*/
/*   z-index: 1;*/
/*   transform: translateY(50%);*/
/*   display: flex;*/
/*   pointer-events: none;*/
/*   transition: allease-in-out 300ms;*/
/* }*/

.inputBtnWrapper,
.btnWrapper {
    position: relative;
    width: max-content;
    background: linear-gradient(315deg, #5e00ff 0%, #00e1a0 100%);
    padding: 1px;
    border-radius: 20px;
    transition: all ease-in-out 300ms;
    overflow: hidden;

}

.inputBtnWrapper span.wpcf7-spinner {
    position: absolute;
    margin: 0;
    top: 17px;
    right: 17px;
    opacity: 1;
    z-index: 2;
    background: #e7e7e7;
}

.wpcf7-spinner:before {
    background-color: #00e1a0 !important;
}

.inputBtnWrapper input.wpcf7-form-control.wpcf7-submit.has-spinner,
.btnWrapper button {
    background: transparent;
    outline: none;
    border: none;
    font-weight: 600;
    padding: 16px 50px 16px 16px;
    height: 60px;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    transition: all ease-in-out 300ms;
    cursor: pointer;

}

.inputBtnWrapper:hover input.wpcf7-form-control.wpcf7-submit.has-spinner,
.btnWrapper:hover button {
    color: #0B0B0B;
}

.inputBtnWrapper::after,
.btnWrapper:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 22px;
    margin-left: 10px;
    transition: all ease-in-out .3s;
    pointer-events: none;
}

.innerWrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.inputBtnWrapper .innerWrapper::before,
.btnWrapper .innerWrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: width ease-in-out 300ms;
    background: #fff;
    width: 0;
}

.inputBtnWrapper:hover .innerWrapper::before,
.btnWrapper:hover .innerWrapper::before {
    width: 100%;
}


.inputBtnWrapper::after,
.btnWrapper::after {
    background-image: var(--arrow-w);
    transform: rotate(0deg);
}

.inputBtnWrapper:hover::after,
.btnWrapper:hover::after {
    background-image: var(--arrow-b);
    transform: rotate(-45deg);
}

/*   .wpcf7-form.submitting .inputBtnWrapper input[type="submit"],  .wpcf7-form.submitting .inputBtnWrapper{
      pointer-events:none;
  }
    .wpcf7-form.submitting{
        position: relative;
            padding: 20px;
    overflow: hidden;
    }
    
    .wpcf7-form.submitting .form-wrapper::after{
            content: "Request is submitting...";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex
;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    background: #000000d9;
    backdrop-filter: blur(2px);
    box-sizing: border-box;
    border-radius: 14px;
		    z-index: 10;
    } */


span[data-name="userEmail"]:after,
span[data-name="phone"]:after,
span[data-name="timeline"]:after,
span[data-name="budget"]:before,
span[data-name="serviceFor"]:after,
span[data-name="requirement"]:after {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    pointer-events: none;
    position: absolute;
    top: 15px;
    /*transform: translateY(-50%);*/
}

span[data-name="userEmail"]:after,
span[data-name="phone"]:after,
span[data-name="serviceFor"]:after,
span[data-name="requirement"]:after,
span[data-name="timeline"]:after {
    right: 0;
}

span[data-name="userEmail"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z' stroke='%2328292B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9' stroke='%2328292B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

span[data-name="phone"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.97 18.33C21.97 18.69 21.89 19.06 21.72 19.42C21.55 19.78 21.33 20.12 21.04 20.44C20.55 20.98 20.01 21.37 19.4 21.62C18.8 21.87 18.15 22 17.45 22C16.43 22 15.34 21.76 14.19 21.27C13.04 20.78 11.89 20.12 10.75 19.29C9.6 18.45 8.51 17.52 7.47 16.49C6.44 15.45 5.51 14.36 4.68 13.22C3.86 12.08 3.2 10.94 2.72 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C11.27 13.75 11.79 14.24 12.32 14.69C12.84 15.13 13.27 15.43 13.61 15.61C13.66 15.63 13.72 15.66 13.79 15.69C13.87 15.72 13.95 15.73 14.04 15.73C14.21 15.73 14.34 15.67 14.45 15.56L15.21 14.81C15.46 14.56 15.7 14.37 15.93 14.25C16.16 14.11 16.39 14.04 16.64 14.04C16.83 14.04 17.03 14.08 17.25 14.17C17.47 14.26 17.7 14.39 17.95 14.56L21.26 16.91C21.52 17.09 21.7 17.3 21.81 17.55C21.91 17.8 21.97 18.05 21.97 18.33Z' stroke='%2328292B' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

span[data-name="timeline"]:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='28292B'%3E%3Cpath d='M320-402.31q-14.69 0-25.04-10.34-10.34-10.35-10.34-25.04t10.34-25.04q10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.35 10.34 25.04t-10.34 25.04q-10.35 10.34-25.04 10.34Zm160 0q-14.69 0-25.04-10.34-10.34-10.35-10.34-25.04t10.34-25.04q10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.35 10.34 25.04t-10.34 25.04q-10.35 10.34-25.04 10.34Zm160 0q-14.69 0-25.04-10.34-10.34-10.35-10.34-25.04t10.34-25.04q10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.35 10.34 25.04t-10.34 25.04q-10.35 10.34-25.04 10.34ZM212.31-100Q182-100 161-121q-21-21-21-51.31v-535.38Q140-738 161-759q21-21 51.31-21h55.38v-84.61h61.54V-780h303.08v-84.61h60V-780h55.38Q778-780 799-759q21 21 21 51.31v535.38Q820-142 799-121q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-375.38H200v375.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM200-607.69h560v-100q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v100Zm0 0V-720v112.31Z'/%3E%3C/svg%3E");
}

span[data-name="budget"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16.4444C8.1 17.5556 10.3 18.6667 12.5 18.6667M12.5 18.6667C15.25 18.6667 18 18.1111 18 15.3333C18 12.5556 15.3045 12 12.5 12M12.5 18.6667V12M12.5 18.6667V22M12.5 12C9.75 12 7 11.4444 7 8.66667C7 5.88889 9.75 5.33333 12.5 5.33333M12.5 12V5.33333M12.5 5.33333C14.7 5.33333 16.9 6.44444 18 7.55556M12.5 5.33333V2' stroke='%2328292B' stroke-width='1.4'/%3E%3C/svg%3E%0A");
}

span.ind[data-name="budget"]:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3.56255C5 3.56255 7.03308 3.56255 9.08333 3.56255M14.3333 21.5625L6.16667 13.6875C6.16667 13.6875 7.91667 13.6875 9.08333 13.6875C10.25 13.6875 15.5 13.757 15.5 8.62503C15.5 3.49304 10.25 3.56255 9.08333 3.56255M19 3.56255C19 3.56255 12.5004 3.56255 9.08333 3.56255M5 8.06254H19' stroke='%2328292B' stroke-width='1.4'/%3E%3C/svg%3E%0A");
}

span[data-name="serviceFor"]:after,
span[data-name="requirement"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%2328292B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.46875 10.7402L11.9987 14.2602L15.5287 10.7402' stroke='%2328292B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


span[data-name="budget"] input {
    padding-left: 40px;
}

span[data-name="userEmail"] input,
span[data-name="phone"] input,
span[data-name="timeline"] input,
span[data-name="serviceFor"] input,
span[data-name="requirement"] input {
    padding-right: 40px;
}

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.iti {
    width: 100%;
    height: 49px;
}

.iti .iti__selected-dial-code {
    font-size: clamp(14px, 16px, 18px) !important;
}

.splide__track {
    height: 100%;
}

button.splide__pagination__page.is-active {
    background: var(--wp--preset--color--accent-1);
}

.fit-img,
.fit-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}



.post-grid-title,
.post-grid-excerpt p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: #fff;
    margin: 0;
}


.post-grid-title {
    -webkit-line-clamp: 3;
    line-height: 1.2;
}

.post-grid-excerpt p {
    -webkit-line-clamp: 4;
    margin: 20px 0;
}

.splide__pagination {
    bottom: 1em;
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 20px;
}

.wp-block-query-pagination {
    gap: 20px !important;
}

.wp-block-query-pagination-numbers span.page-numbers,
.wp-block-query-pagination-numbers a {
    font-weight: 400;
}

.wp-block-query-pagination-numbers .page-numbers,
.pageNav {
    background: var(--wp--preset--color--custom-blue);
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
}

.wp-block-query-pagination-numbers span.page-numbers.current,
.wp-block-query-pagination-numbers .page-numbers:hover,
.pageNav:hover {
    color: #fff;
    background: linear-gradient(136deg, #00e1a0, #5E00FF) !important;
}

.pageNav .wp-block-query-pagination-next-arrow,
.pageNav .wp-block-query-pagination-previous-arrow {
    color: transparent;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.pageNav .wp-block-query-pagination-next-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}

.pageNav .wp-block-query-pagination-previous-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}


.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border-radius: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    padding: 40px 20px;
}


.wp-block-query-title span {
    background: linear-gradient(136deg, #00e1a0, #5E00FF) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
}



/* call-Popup Overlay */
.call-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    display: none;
    justify-content: center;
    align-items: start;
    z-index: 999999;
    opacity: 0;
    transition: opacity 0.3s ease;
    overflow-y: auto;
    padding: 40px;
}

.call-popup-overlay.show {
    display: flex;
    opacity: 1;
}

.call-popup {
    background: white;
    color: #333;
    border-radius: 20px;
    padding: 2rem;
    max-width: 400px;
    width: 90%;
    position: relative;
    transform: scale(0.7);
    transition: transform 0.3s ease;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    min-height: max-content;
}

.call-popup-overlay.show .call-popup {
    transform: scale(1);
}

.call-popup-close {
    position: absolute;
    top: 0;
    right: -50px;
    background: #fff;
    padding: 0.7rem;
    border-radius: 10px;
    cursor: pointer;
    z-index: 999;
}

.call-popup-close path {
    fill: #666;
    transition: color 0.3s ease;
}

.call-popup-close svg {
    width: 18px !important;
}

.call-popup-close:hover path {
    fill: #333;
}

#call-popup .form-wrapper .input-label {
    width: 100% !important;
    gap: 0;
}

#call-popup .inputBtnWrapper {
    width: 100%;
}

#call-popup .form-wrapper.formCol,
#call-popup .formCol {
    row-gap: 20px;
}

#call-popup .wpcf7-response-output {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    font-size: 16px;
}

.sticky-button {
    position: fixed;
    right: 120px;
    bottom: 20px;
    z-index: 999;
}

div#book-a-call .btn {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.blog #footer-blog {
    display: none;
}

.archive-page .post-item {
    overflow: hidden !important;
}

.archive-page .post-img {
    overflow: hidden;
}

.archive-page .wp-block-post img {
    transition: all 200ms ease-in-out;
}

.archive-page .wp-block-post:hover img {
    transform: scale(1.15);
}

.archive-title {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    font-size: clamp(2rem, 3.5vw, 4rem) !important;
    font-weight: 400 !important;
}

.archive-title span {
    font-size: clamp(3rem, 7vw, 8rem) !important;
    font-weight: 800 !important;
    text-wrap: balance !important;
    line-height: 0.76;
}

.archive-page .post-grid-title {
    line-height: 1.2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.archive-page .wp-block-post a {
    text-decoration: none;
}


.archive-page .wp-block-post:hover .wp-block-button__link {
    color: var(--wp--preset--color--accent-1) !important;
}

.single-case-study .eb-img-style-square {
    width: 100% !important;
    height: 100% !important;
}

.single-case-study .eb-img-style-square img {
    object-fit: cover;
}


@media (max-width: 1080px) {


    header.qquench-nav.open {
        height: 100vh;
    }


    header.qquench-nav nav>ul>li:not(.has-child) {
        min-height: 50px !important;
        height: 50px;
    }


    #menuWrapper {
        display: flex;
        /* Flex is set initially */
        background: #161616;
        border: 1px solid #3d3d3d;
        border-radius: 20px;
        position: absolute;
        top: 75px;
        width: calc(100% - 60px);
        max-height: 0;
        display: none;
        overflow: hidden;
        transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out;
    }

    .open #menuWrapper {
        height: max-content;
        max-height: calc(100vh - 140px);
        display: flex;
        overflow-y: auto;
    }

    #menuBtn {
        display: block;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        flex-direction: column !important;
        width: 320px !important;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
        width: 100%;
    }

    .menu {
        width: 100%;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        column-gap: 50px;
    }

    .menu>ul>li {
        min-width: 100px;
        width: max-content;
    }

    .menu li ul li {
        width: calc(100% / 2 - 20px) !important;
    }

    .menu li.has-child {
        width: 100% !important;
        min-height: max-content;
        flex-direction: column;
        align-items: flex-start;
        border-top: 1px solid #3d3d3d;
        border-bottom: 1px solid #3d3d3d;
        padding-top: 30px !important;
        padding-bottom: 10px !important;
        /* order: 4; */
    }

    .has-child>a:first-child {
        height: 30px !important;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        display: flex !important;
        flex-direction: row !important;
        position: relative !important;
        top: 0 !important;
        height: max-content !important;
        opacity: 1 !important;
        visibility: visible !important;
        border: none !important;
        width: 100% !important;
        padding: 10px 0 20px 0;
        right: auto !important;
        gap: 10px;
    }

    .menu li:nth-child(6),
    .menu li:nth-child(7),
    .menu li:nth-child(8),
    .menu li:nth-child(9) {
        order: 5;
    }



}




@media (max-width: 781px) {

    header {
        overflow: hidden;
    }





    .form-wrapper .input-label {
        width: 100%;
    }


    .wp-block-essential-blocks-column {
        min-width: 100%;
    }

    .btn .wp-block-button__link {
        height: 60px;
    }

    .btn:not(.text-btn1):not(.text-btn2):not(.btn-style3):not(.ebpg-pagination-page),
    .btn:not(.text-btn1):not(.text-btn2):not(.btn-style3):not(.ebpg-pagination-page) a {
        border-radius: 14px;
    }


    .archive .wp-block-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .call-popup-close {
        top: 10px;
        right: 10px;
    }

    .call-popup-overlay {
        padding: 40px 10px 40px 10px;
    }

    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        flex-direction: column !important;
    }

    .menu li ul li {
        width: 100% !important;
    }

    .menu .elearning {
        order: 1;
    }

    .menu .web {
        order: 2;
    }

    .menu .ai {
        order: 3;
    }

    .menu .dm {
        order: 4;
    }

    .menu .branding {
        order: 5;
    }

    .menu .packaging {
        order: 6;
    }

}


@media (max-width: 480px) {
/*     p br {
        display: none;
    } */

    .copyright-wrapper {
        max-width: 330px;
        margin: auto;
    }
}




/* new menu */

.open header,
.open header.qquench-nav.darkMenu {
    height: 85vh;
    background-color: #0a0a0ae6 !important;
}

.open header.darkMenu .top-menu li {
    color: #ffffff;
}

.open header::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background: linear-gradient(0deg, transparent 0%, #00e1a054 100%);
}

.open .forDark {
    display: none;
}

.open .forLight {
    display: block !important;
}

.darkMenu .menuBtn span {
    background: #000;
}

.open .darkMenu .menuBtn span {
    background: #fff;
}

.top-menu-wrapper {
    position: relative;
}

.bot-trigger-buttons {
    cursor: pointer;
}

.bot-trigger-buttons:hover {
    color: var(--wp--preset--color--accent-1) !important;
}

.ham-wrapper {
    position: relative;
}

.open .eb-wrapper-outer.eb-wrapper-bctnn {
    background-color: transparent;
}

.menuBtn {
    top: 25px !important;
    right: 0;
    z-index: 9999999;
    position: absolute !important;
}

.open .menuBtn {
    display: block;
}

.open.expanded .menuBtn {
    top: 80px !important;
}

.menuBtn:hover span {
    background-color: var(--wp--preset--color--accent-1) !important;
}


@media (min-width: 1081px) {

    li.wp-block-navigation-item.serviceMenu>.wp-block-navigation__submenu-container,
    li.wp-block-navigation-item.serviceMenu:hover>.wp-block-navigation__submenu-container,
    li.wp-block-navigation-item.serviceMenu.active>.wp-block-navigation__submenu-container {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    .serviceMenu:hover>a:first-child::before {
        transform: rotate(0deg) !important;
    }
}

.has-child.active>a:first-child::before {
    transform: rotate(-180deg) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='%2300E1A0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.serviceMenu.active a,
.serviceMenu:hover>a:first-child {
    color: var(--wp--preset--color--accent-1) !important;
}

.serviceMenu {
    cursor: pointer;
}

#expanded-menu {
    display: none;
    z-index: 999999;
    position: fixed;
    width: 100vw;
    height: 75vh;
    top: 70px;
}

#expanded-menu {
    pointer-events: none;
}

div#expanded-menu .eb-wrapper-inner {
    max-width: 1460px;
    margin: auto;
}

#expanded-menu .menu-tab,
#expanded-menu .menu-tab-content a,
#expanded-menu .menu-tab-content details {
    pointer-events: auto !important;
}

#expanded-menu h2 a {
    font-size: 32px !important;
}

#expanded-menu.active {
    display: block !important;
}

#expanded-menu .wp-block-button {
    width: 100%;
}

#expanded-menu .menu-tab-wrapper .menu-tab img, #expanded-menu .bca-link img {
    width: 50px;
    min-width: 50px;
}

#expanded-menu .menu-tab-wrapper {
    max-width: 290px;
}


#expanded-menu .menu-tab-wrapper a {
    background: #434343;
    border-radius: 20px;
    padding: 2px;
    text-decoration: none;
}

#expanded-menu .menu-tab-wrapper a:hover,
#expanded-menu .menu-tab-wrapper a.active, #expanded-menu .bca-link .menu-tab-wrapper a:hover{
    background: linear-gradient(123deg, #11B8B2 30%, #4932EA 90%) !important;
}

#expanded-menu .menu-tab-wrapper a.active p {
    font-weight: 600;
}

#expanded-menu .menu-tab-wrapper .menu-item-wrapper {
    border-radius: 20px;
    padding: 5px 25px 5px 10px;
    background: #0b0b0b;
}

#expanded-menu #menu-tab-content-wrapper,
#expanded-menu .menu-tab-item {
    flex: 1;
    width: 100%;
}

#expanded-menu .bca-link{
	 pointer-events: all !important;
}

#expanded-menu details {
    width: 100%;
    position: relative;
}

#expanded-menu li.wp-block-post h5,
#expanded-menu p {
    font-size: 15px !important;
}

#expanded-menu details p {
    margin-top: 7px;
}

#expanded-menu details p:nth-of-type(1):not(.menu-content-view-all) {
    margin-top: 12px;
}

#expanded-menu summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    pointer-events: none !important;
    outline: none;
    color: #3FB1AA;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
}

#expanded-menu summary:focus-visible {
    outline: none;
}

#expanded-menu summary::-webkit-details-marker {
    display: none;
}

#expanded-menu details a,
#expanded-menu details a {
    cursor: pointer;
    text-decoration: none;
}

#expanded-menu details a:hover,
#expanded-menu details a.active {
    color: var(--wp--preset--color--accent-1);
    cursor: pointer;
}

#expanded-menu .menu-tab-content-wrapper {
    height: 65vh;
    overflow-y: auto;
    padding-right: 15px;
    pointer-events: all !important;
}

#expanded-menu .menu-tab-content {
    display: none;
}

#expanded-menu .menu-tab-content.active {
    display: flex;
}

#expanded-menu .menu-content-view-all {
    display: flex;
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 2;
    border-bottom: 1px solid var(--wp--preset--color--accent-1);
    margin-top: 0;
}

#expanded-menu .wp-block-query {
    padding-top: 15px;
    max-width: 800px;
}

#expanded-menu .menu-tab-content li.wp-block-post {
    border: 1px solid #393939;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
}

#expanded-menu .menu-tab-content figure.wp-block-post-featured-image {
    border: 1px solid #222222;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

#expanded-menu .menu-tab-content figure.wp-block-post-featured-image img {
    max-height: 130px;
}

#expanded-menu .wp-block-post img {
    transition: all 200ms ease-in-out;
}

#expanded-menu .wp-block-post:hover img {
    transform: scale(1.05);
}

#expanded-menu .wp-block-post h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
}

#expanded-menu .menu-tab-title a {
    font-family: var(--wp--preset--font-family--lemon);
    width: max-content;
    display: flex;
    position: relative;
    text-decoration: none;
}

.home-cta {
	padding-right:60px;
}

 .home-cta a {
    font-family: var(--wp--preset--font-family--lemon);
    display: flex;
    position: relative;
    text-decoration: none;
}

#expanded-menu .menu-tab-title a::after, .home-cta a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    background-image: var(--arrow-w);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all ease-in-out 300ms;
}

#expanded-menu .menu-tab-title a::after {
    width: 24px;
    height: 24px;
    right: -40px;
}

.home-cta a::after {
    width: 36px;
    height: 36px;
    right: -60px;
}

#expanded-menu .menu-tab-title a:hover::after, .home-cta a:hover::after  {
    background-image: var(--arrow-t);
    transform: translateY(-50%) rotate(-45deg);
}

#expanded-menu .expanded-menu-close,
header .menu-back {
    cursor: pointer;
}

header .menu-back {
    display: none;
}

#expanded-menu .expanded-menu-close:hover path,
header .menu-back:hover path {
    stroke: var(--wp--preset--color--accent-1) !important;
}

#expanded-menu .menu-tab-item-wrapper {
    margin-bottom: 20px !important;
    gap: 20px;
}


.open .menu li a {
    width: 100%;
}

@media (max-width: 1080px) {
    #expanded-menu .menu-tab-wrapper {
        display: none;
    }

    .open header,
    .open header.qquench-nav.darkMenu {
        height: 100vh;
    }

    #expanded-menu {
        height: 90vh;
    }

    #expanded-menu .menu-tab-content-wrapper {
        height: 80vh;
    }


    .open.expanded header .menu-back {
        display: flex;
    }

    header.qquench-nav nav>ul>li:not(.has-child) {
        width: 100%;
    }

    .open.expanded .menuBtn {
        top: 25px !important;
    }

    .open.expanded #menuWrapper {
        display: none;
    }

    #expanded-menu summary {
        pointer-events: auto !important;
    }

    #menuWrapper {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .open .menu {
        align-items: flex-start;
    }

    .menu li.has-child {
        border-top: none !important;
        border-bottom: none !important;
    }

    .open .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        background: transparent !important;
    }

    .has-child .wp-block-navigation-item {
        border-radius: 20px;
        overflow: hidden;
        background: #434343 !important;
        position: relative;
        padding: 1px;
    }

    .has-child .wp-block-navigation-item::after {
        content: "";
        position: absolute;
        left: 1px;
        top: 1px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        background: #161616;
        z-index: 0;
        border-radius: 20px;
    }

    .has-child .wp-block-navigation-item.ai {
        background: linear-gradient(123deg, #11B8B2 30%, #4932EA 90%) !important;
    }

    .open .menu li.has-child {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
        /* 		pointer-events:none; */
    }

    /* .open .menu li.has-child * {
		pointer-events:all;
    } */

    .open .menu li {
        border-bottom: 1px solid #434343 !important;
        padding: 0 !important;
    }

    .open #menuWrapper {
        max-height: 75vh !important;
        min-height: calc(100vh - 180px) !important;
        padding-right: 10px !important;
        width: calc(100% - -10px) !important;
        margin-right: -10px !important;
    }

}

@media (max-width: 768px) {



    #expanded-menu summary::after {
        content: '';
        width: 11px;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6775 0.4375L5.87417 4.24083C5.425 4.69 4.69 4.69 4.24083 4.24083L0.4375 0.4375' stroke='white' stroke-width='0.875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        transition: transform 0.3s ease;
    }

    #expanded-menu details[open] summary {
        color: #3FB1AA
    }

    #expanded-menu details[open] summary::after {
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6775 0.4375L5.87417 4.24083C5.425 4.69 4.69 4.69 4.24083 4.24083L0.4375 0.4375' stroke='%2300e1a0' stroke-width='0.875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    }

    #expanded-menu .menu-content-view-all {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
        order: 2;
    }

    #expanded-menu .menu-tab-item-wrapper {
        flex-direction: column;
        gap: 20px;
    }


    #expanded-menu .menu-tab-content-wrapper {
        padding-top: 20px;
    }

    #expanded-menu .menu-tab-item {
        padding-bottom: 20px;
        border-bottom: 1px solid #393939;
    }

    #expanded-menu hr {
        display: none;
    }

    .open .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        flex-direction: column !important;
    }

    .open .menu li ul li {
        width: 100% !important;
    }


}


/* ══════════════════════════════════════════
   Qquench Blog Card & Grid System
   ══════════════════════════════════════════ */
.grid-container {
    display: flex;
    gap: 24px;
}

.row-2-col {
    --cols: 2;
}

.row-3-col {
    --cols: 3;
}

.row-4-col {
    --cols: 4;
}

[class*="row-"][class*="-col"] {
    --gap: 24px;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100%;
}

[class*="row-"][class*="-col"]>* {
    flex: 1 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)) !important;
}

@media (max-width: 800px) {
    [class*="row-"][class*="-col"]>* {
        flex: 1 1 calc((100% - var(--gap)) / 2) !important;
    }
}

@media (max-width: 480px) {
    [class*="row-"][class*="-col"]>* {
        flex: 1 1 100% !important;
    }
}

.blog-card {
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
}

.blog-card:hover {
    /* transform: translateY(-4px); */
    border-color: #5e00ff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

.blog-card__title a:hover {
    color: var(--wp--preset--color--accent-1) !important;
}

.blog-card__body {
    box-sizing: border-box;
    padding: 20px 24px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.blog-card__tag {
    display: inline-block;
    width: fit-content;
    padding: 4px 12px;
    font-size: 0.75rem;
    background: #f2f2f2;
    border-radius: 100px;
    margin-bottom: 15px;
}

.card__tag {
    display: inline-block;
    font-size: 0.75rem;
    color: #5E00FF;
    text-transform: capitalize;
}

.blog-card__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #0b0b0b;
    margin: 0 0 10px;
    line-height: 1.4;
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;

}

.blog-card__title a {
    color: inherit;
    text-decoration: none;
}

.blog-card__title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
}

.blog-card__excerpt {
    font-size: 12px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card__meta {
    font-size: 0.78rem;
    color: #4b5563;
    margin-top: auto;
    margin-bottom: 15px;
}

.blog-card__readmore {
    font-size: 0.85rem;
    color: var(--wp--preset--color--accent-1);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.blog-card:hover .blog-card__readmore {
    color: #5e00ff !important;
    text-decoration: underline;
}

.blog-card p:not(.blog-card__excerpt) {
    margin: 0;
}

/* ── Dark Background Card Overrides ── */
.dark-bg .blog-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    transition: all 300ms ease-in-out;
}

.dark-bg .blog-card:hover {
    /* background: linear-gradient(0deg, rgb(60, 85, 217) 0%, rgb(30, 176, 179) 100%); */
    border-color: #00e1a05e;
    box-shadow: 0 0 20px rgba(8, 227, 165, 0.5), 0 0 40px rgba(28, 31, 213, 0.4);
}

.dark-bg .blog-card__tag {
    background: rgba(255, 255, 255, 0.08);
}

.dark-bg .card__tag {
    color: #fff;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
}

.dark-bg .blog-card:hover .card__tag {
    color: #00e1a0;
}

.dark-bg .blog-card:hover .blog-card__tag {
    background: rgba(255, 255, 255, 0.15);
}

.dark-bg .blog-card__title {
    color: #ffffff;
}

.dark-bg .blog-card__excerpt {
    color: rgba(255, 255, 255, 0.55);
}

.dark-bg .blog-card:hover .blog-card__excerpt {
    color: rgba(255, 255, 255, 0.85);
}

.dark-bg .blog-card__meta {
    color: rgba(255, 255, 255, 0.4);
    font-style: italic;
    letter-spacing: 0.5px;
}

.dark-bg .blog-card:hover .blog-card__meta {
    color: rgba(255, 255, 255, 0.7);
}

.dark-bg .blog-card__readmore {
    color: #fff;
}

.dark-bg .blog-card:hover .blog-card__readmore {
    color: #00e1a0 !important;
}