/*
Theme Name: wishingwell
Theme URI: https://wordpress.org/themes/wishingwell/
Author: the WordPress team
Author URI: https://wordpress.org
Description: wishingwell emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

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






body,html {
  font-family: 'Poppins', sans-serif !important;
}


a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;outline:none;border:none;
}


a:hover{text-decoration:none !important;border:none !important;}


/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}



:root {
    --common-unit  : 0.0625rem;
    --f-48-28:clamp(1.75rem, calc(2.5vw + var(--common-unit)) , 3rem);
    --f-26-16:clamp(1rem, calc(1.35vw + var(--common-unit)) , 1.625rem);
    --f-24-16:clamp(1rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
    --banner-txt:clamp(2.75rem, calc(6.67vw + var(--common-unit)) , 8rem);
    --f-22-18:clamp(1.125rem, calc(1.145vw + var(--common-unit)) , 1.375rem);
    --f-22-16:clamp(1rem, calc(1.145vw + var(--common-unit)) , 1.375rem);
    --f-30-20:clamp(1.25rem, calc(1.5625vw + var(--common-unit)) ,1.875rem);
    --f-88-34:clamp(2.125rem, calc(4.58vw + var(--common-unit)) ,5.5rem);
    --f-28-18:clamp(1.125rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
    --f-50-32:clamp(2rem, calc(2.60vw + var(--common-unit)) , 3.125rem);
    --f-40-20:clamp(1.25rem, calc(2.08vw + var(--common-unit)) , 2.5rem);
    --f-34-20:clamp(1.25rem, calc(1.77vw + var(--common-unit)) , 2.125rem);
    --f-20-16:clamp(1rem, calc(1.04vw + var(--common-unit)) , 1.25rem);
    --f-60-28:clamp(1.75rem, calc(3.125vw + var(--common-unit)) , 3.75rem);
    --f-18-16:clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
    --f-28-20:clamp(1.25rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
    --f-82-36:clamp(2.25rem, calc(4.27vw + var(--common-unit)) ,5.125rem);
    --f-68-36:clamp(2.25rem, calc(3.541vw + var(--common-unit)) ,4.25rem);
    --f-22-20:clamp(1.25rem, calc(1.145vw + var(--common-unit)) , 1.375rem);
    --f-40-28:clamp(1.75rem, calc(2.08vw + var(--common-unit)) , 2.5rem);
    --f-60-22:clamp(1.375rem, calc(3.125vw + var(--common-unit)) , 3.75rem);
    --f-60-36:clamp(2.25rem, calc(3.125vw + var(--common-unit)) , 3.75rem);
    --f-80-34:clamp(2.125rem, calc(4.16vw + var(--common-unit)) , 5rem);
    --f-56-24:clamp(1.5rem, calc(2.91vw + var(--common-unit)) , 3.5rem);
    --f-56-36:clamp(2.25rem, calc(2.91vw + var(--common-unit)) , 3.5rem);
    --f-40-24:clamp(1.5rem, calc(2.08vw + var(--common-unit)) , 2.5rem);
    --f-34-22:clamp(1.375rem, calc(1.77vw + var(--common-unit)) , 2.125rem);
    --f-30-24:clamp(1.5rem, calc(1.5625vw + var(--common-unit)) ,1.875rem);
    --f-56-30:clamp(1.875rem, calc(2.91vw + var(--common-unit)) , 3.5rem);
    --f-34-16:clamp(1rem, calc(1.77vw + var(--common-unit)) , 2.125rem);
    --f-34-26:clamp(1.625rem, calc(1.77vw + var(--common-unit)) , 2.125rem);
    --f-70-36:clamp(4.375rem, calc(3.64vw + var(--common-unit)) ,5.125rem);
    --f-65-36:clamp(2.25rem, calc(4.063vw + var(--common-unit)) , 3.75rem);
    --f-220-90:clamp(5.625rem, calc(11.45vw + var(--common-unit)) ,13.75rem);
    --f-40-22:clamp(1.375rem, calc(2.08vw + var(--common-unit)) , 2.5rem);
    --f-80-40:clamp(2.5rem, calc(4.16vw + var(--common-unit)) , 5rem);
    --f-24-18:clamp(1.125rem, calc(1.25vw + var(--common-unit)) , 1.5rem);
    --f-26-20:clamp(1.25rem, calc(1.35vw + var(--common-unit)) , 1.625rem);
    --f-28-20:clamp(1.25rem, calc(1.45vw + var(--common-unit)) , 1.75rem);
    
   
}


.f-26-16{font-size:var(--f-26-16) !important;text-align: left;}
.f-24-16{font-size:var(--f-24-16) !important;text-align: left;}
.f-22-18{font-size:var(--f-22-18) !important;}
.f-22-16{font-size:var(--f-22-16) !important;}
.f-30-20{font-size:var(--f-30-20) !important;}
.f-88-34{font-size:var(--f-88-34) !important;}
.f-50-32{font-size:var(--f-50-32) !important;}
.f-28-18{font-size:var(--f-28-18) !important;}
.f-34-20{font-size:var(--f-34-20) !important;}
.f-82-36{font-size:var(--f-82-36) !important;}
.f-20-16{font-size:var(--f-20-16) !important;}
.f-60-28{font-size:var(--f-60-28) !important;}
.f-18-16{font-size:var(--f-18-16) !important;}
.f-28-20{font-size:var(--f-28-20) !important;}
.f-68-36{font-size:var(--f-68-36) !important;}
.f-40-28{font-size:var(--f-40-28) !important;}
.f-22-20{font-size:var(--f-22-20) !important;}
.f-60-22{font-size:var(--f-60-22) !important;}
.f-60-36{font-size:var(--f-60-36) !important;}
.f-80-34{font-size:var(--f-80-34) !important;}
.f-56-24{font-size:var(--f-56-24) !important;}
.f-56-36{font-size:var(--f-56-36) !important;}
.f-40-24{font-size:var(--f-40-24) !important;}
.f-34-22{font-size:var(--f-34-22) !important;}
.f-30-24{font-size:var(--f-30-24) !important;}
.f-56-30{font-size:var(--f-56-30) !important;}
.f-34-16{font-size:var(--f-34-16) !important;}
.f-34-26{font-size:var(--f-34-26) !important;}
.f-70-36{font-size:var(--f-70-36) !important;}
.f-65-36{font-size:var(--f-65-36) !important;}

.f-40-22{font-size:var(--f-40-22) !important;}
.f-80-40{font-size:var(--f-80-40) !important;}


.f-24-18{font-size:var(--f-24-18) !important;}
.f-26-20{font-size:var(--f-26-20) !important;}


.f-28-20{font-size:var(--f-28-20) !important;}

.txt-404{font-size:var(--f-220-90) !important;}



.grid-2{    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 4rem 5rem;
}



.relative{position:relative;}


#get-start .cell-img{    position: absolute;
    top: calc(5% + 0rem);
    right: 20%;margin-top:0;}




 /* Box sizing rules */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    /* Remove default margin and padding */
    * {
        margin: 0;
        padding: 0;
    }

    /* Remove list styles on ul, ol elements with a list role */
    ul[role='list'],
    ol[role='list'] {
        list-style: none;
    }

    /* Set core root defaults */
    html {
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    html:focus-within {
        scroll-behavior: smooth;
    }

    /* Set core body defaults */
    body {
        min-height: 100vh;
        line-height: 1.5;
        text-rendering: optimizeSpeed;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* Remove default styling for links */
    a {
        text-decoration: none;
        color: inherit;
        background-color: transparent;
    }

    a:not([class]) {
        text-decoration-skip-ink: auto;
    }

    /* Make images easier to work with */
    img,
    picture,
    video,
    canvas,
    svg {
        display: block;
        max-width: 100%;
        height: auto;
    }

    /* Remove border on images inside links */
    img {
        border-style: none;
    }

    /* Inherit fonts for inputs and buttons */
    input,
    button,
    textarea,
    select {
        font: inherit;
        color: inherit;    font-family: 'Poppins';
    }
    
    
     input::placeholder,
    button::placeholder,
    textarea::placeholder,
    select::placeholder{
         font-family: 'Poppins';
    } 

    /* Remove default button styles */
    button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
    @media (prefers-reduced-motion: reduce) {
        html:focus-within {
            scroll-behavior: auto;
        }

        *,
        *::before,
        *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }
    }

    /* Remove default fieldset styles */
    fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        min-width: 0;
    }

    /* Remove default legend styles */
    legend {
        padding: 0;
        display: table;
    }

    /* Remove default table spacing */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    /* Reset heading styles */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    /* Remove default list styles */
    ul,
    ol {
        list-style: none;
    }

    /* Remove default quote styles */
    blockquote,
    q {
        quotes: none;
    }

    blockquote::before,
    blockquote::after,
    q::before,
    q::after {
        content: '';
        content: none;
    }

    /* Reset form elements */
    input,
    textarea,
    select,
    button {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    /* Remove spinner for number inputs */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    /* Remove search input styles */
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        -webkit-appearance: none;
    }

    /* Reset textarea */
    textarea {
        overflow: auto;
        vertical-align: top;
        resize: vertical;
    }

    /* Remove default horizontal rule styles */
    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
        border: 0;
        border-top: 1px solid;
        margin: 1em 0;
        padding: 0;
    }

    /* Reset abbr */
    abbr[title] {
        text-decoration: underline dotted;
        border-bottom: none;
    }

    /* Reset code and pre */
    pre,
    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }

    /* Reset small */
    small {
        font-size: 80%;
    }

    /* Reset sub and sup */
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    /* Reset details and summary */
    details {
        display: block;
    }

    summary {
        display: list-item;
        cursor: pointer;
    }

    /* Reset template and hidden */
    template,
    [hidden] {
        display: none;
    }

    /* Accessibility improvements */
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    /* Focus styles for keyboard navigation */
    :focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 2px;
    }

    /* Remove outline for mouse users */
    :focus:not(:focus-visible) {
        outline: none;
    }

    /* Prevent iOS text size adjust after orientation change */
    html {
        -webkit-text-size-adjust: 100%;
    }

    /* Remove tap highlight on mobile */
    * {
        -webkit-tap-highlight-color: transparent;
    }

    /* Better scrollbar styling (optional) */
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    /* Selection styles */
    ::selection {
        background-color: #b3d4fc;
        text-shadow: none;
    }

    ::-moz-selection {
        background-color: #b3d4fc;
        text-shadow: none;
    }

    .video-background video {
        width: 100%;
        height: auto;
        position: fixed;
    }



.cta-bg a{background: conic-gradient(from 125deg at 44.33% 162.5%, #BADAF9 0deg, #BEDEFD 158.79282474517822deg, #BFDFFE 169.47215795516968deg, #8DBDEF 181.78233861923218deg, #6FADF0 187.39575147628784deg, #4284CE 202.18412160873413deg, #296CBA 211.4842414855957deg, #1A55A0 223.98179054260254deg, #10458D 238.1100583076477deg, #1D539D 360deg);}


.op0{opacity:0;}


    .video-background video {
        width: 100%;
        height: auto;
        position: fixed;
    }



    h1 {
        font-weight: 700;
        font-size: 8rem;
        line-height: .9;
        color: #000;
        text-transform: uppercase;
    }

    .container {
        max-width: 1280px;
        margin: auto;
    }

    .row-flex {
        flex-direction: row;
        display: flex;
        gap: 0;
        width: 100%;
    }

    .left {
        flex: 0 0 65%;
    }

    .right {
        flex: 0 0 35%;

    }

    .absolute-text {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
            display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    }



section.min100{
    /*height: 100vh;*/
    
    margin-bottom:300px;
    
    
    
}


#get-start{margin-bottom:400px;}
header{    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: #fff;}



 /*section{*/
 /*       position: relative;*/
 /*   }*/
    
    .pos-static{position:static;}
    
    
 /*   .black{*/
 /*       font-size:30px;*/
 /*       font-weight: 600;*/

 /*       text-align: left;*/
 /*   }*/
 /*   .content-container {*/
 /*       width: 100%;*/
 /*       position: relative;*/
 /*       display: flex;*/
 /*       align-items: center;*/
 /*           background: transparent;*/
 /*   height: 70vh;*/
 /*   width: 100%;*/
 /*   }*/

 /*   .content-overlay {*/
 /*       position: absolute;*/
 /*       top: 0;*/
 /*       left: 0;*/
 /*       width: 100%;*/
 /*       height: 70vh;*/
 /*       display: flex;*/
 /*       justify-content: start;*/
 /*       align-items: start;*/
 /*       color: white;*/
        
 /*   }*/

 /*   .box-text {*/
 /*       background: #FFF;*/
 /*       width: 100%;*/
 /*       top: 0;*/
 /*       height: 100%;*/
 /*       display: flex;*/
 /*       flex-direction: row;*/
 /*       align-items: center;*/
 /*       justify-content: center;*/
 /*           mix-blend-mode: screen;*/

 /*   }*/
 
 
 
 
 
 
 
header .wp-block-site-logo img{transition:0.5s all linear;}
body.bg header .wp-block-site-logo img{max-width:85px !important;}


footer{background: #fff;
    position: relative;}


.flex-col{flex-direction:column;}
.h-unset{height:unset !important;}


.w-100{width:100%;}

.d-flex{    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;}


.max-1280-flex{    max-width: 1280px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    flex-direction: column;}


.r-item .num{font-size:var(--f-48-28); background: radial-gradient(200.36% 466.78% at 159.7% 178.62%, 
    #BADAF9 0%, 
    #BEDEFD 36.72%, 
    #BFDFFE 50%, 
    #8ABBEF 58.95%, 
    #5999E1 75%, 
    #407CC5 85.28%, 
    #1D539D 100%);
  -webkit-background-clip: text;
  color: transparent !important;line-height: 1;}
.r-item .text{}


.l-disc{    list-style: disc;}



.m-head {
  background: radial-gradient(200.36% 466.78% at 159.7% 178.62%, #BADAF9 0%, #BEDEFD 36.72%, #5480a8 50%, #8ABBEF 58.95%, #5999E1 75%, #407CC5 85.28%, #1D539D 100%);
  -webkit-background-clip: text;
  color: transparent !important;
  line-height: 1;     font-weight: 700;
        font-size: 6.5rem;
}










 .video-background {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        overflow: hidden;
    }

    .video-background video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    * {
        font-family: "Poppins", sans-serif;
    }

    h1 {
        font-weight: 900;
        font-size: 8rem;
        line-height: .9;
        color: #000;
        text-transform: uppercase;
    }

    .container {
        max-width: 1280px;
        margin: auto;
    }

    .row-flex {
        flex-direction: row;
        display: flex;
        gap: 0;
        width: 100%;
    }

    .left {
        flex: 0 0 65%;
    }

    .right {
        flex: 0 0 35%;margin:0;
    }

    .absolute-text {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;margin:0;max-height:80vh;padding-top:5% !important;padding-bottom:5% !important;
    }

    /* Section - Fixed for Safari blend mode */
    section {
        position: relative;
        /* isolation: isolate; */
        z-index: 1;
    }

    .black {
        font-size: 30px;
        font-weight: 600;
        color: #000;
        text-align: left;
    }

    .content-container {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        background: transparent;
        height: 70vh;
        width: 100%;
    }

    .content-overlay {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 80vh;
        display: flex;
        justify-content: start;
        align-items: start;
        color: white;
        /*text-align: center;*/
        /* transform: translateZ(0);
        -webkit-transform: translateZ(0); */
    }

    /* Box Text - Fixed for Safari blend mode */
    .box-text {
        background: #FFF;
        width: 100%;
        top: 0;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        /*justify-content: center;*/
        mix-blend-mode: screen;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }




#get-start .left {
    flex: 0 0 55%;
}


#get-start .right {
    flex: 0 0 45%;    
    /*padding: 5% 0% !important;*/
}

#get-start .container{
    /*position: absolute;*/
    top: 5%;margin-top:0;}

/*#get-start .absolute-text{max-height:unset}*/


#get-start .content-overlay{min-height:70vh;}
#get-start  .absolute-text,#get-start  .box-text{min-height:640px;}





*#get-start .box-text{
    padding-top: 5% !important;
    padding-bottom: 5% !important;}



.cta-sec{    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}


.cta-sec a,.cta-sec button{
    background: conic-gradient(from 125.35deg at 44.33% 162.5%, #BADAF9 0deg, #BEDEFD 158.79deg, #BFDFFE 169.47deg, #8DBDEF 181.78deg, #6FADF0 187.4deg, #4284CE 202.18deg, #296CBA 211.48deg, #1A55A0 223.98deg, #10458D 238.11deg, #1D539D 360deg);
    color: #fff;
    padding: 10px 0px 10px 25px;
    display: flex;
    gap: 15px;
    align-items: center;transition:0.8s all linear;

}



.cta-sec a:hover, .cta-sec button:hover{color:#000;    background: conic-gradient(from 254deg at 44.33% 162.5%, #BADAF9 0deg, #BEDEFD 158.79deg, #BFDFFE 169.47deg, #8DBDEF 181.78deg, #6FADF0 187.4deg, #4284CE 202.18deg, #296CBA 211.48deg, #1A55A0 223.98deg, #10458D 238.11deg, #1D539D 360deg);}




.cta-sec .c-arrow{    min-width: 35px;
    position: relative;}
.cta-sec .c-arrow span{    min-width: 70px;
    width: 70px;
    display: block;
    /*background: #fff;*/
    height: 1px;
    position: absolute;}

.cta-sec .c-arrow span::after{    content: "";
    position: absolute;
    left: 0;
    width: 35px;
    background: #fff;
    height: 1px;transition: 0.3s all 
linear;
}
.cta-sec .c-arrow span::before{    content: "";
    position: absolute;
    right: 0;
    width: 35px;
    background: #2f2f2f;
    height: 1px; 
}

@keyframes expand {
  from {
    width: 35px;
  }
  to {
    width: 0px;
  }
}

.cta-sec a:hover span::before,.cta-sec button:hover span::before{animation: expand 1s infinite alternate;}
.cta-sec a:hover span::after,.cta-sec button:hover span::after{animation: expand 1s infinite alternate;}



.m-25px{margin-left:-32px !important;}

.min-w135{min-width:135px;}
.min-w290{min-width:290px;}


#why .num-sec,.scroll-container .num-sec{    background: radial-gradient(188.75% 375% at 151.25% 285.63%, #BADAF9 0%, #BEDEFD 36.72%, #BFDFFE 50%, #8ABBEF 58.95%, #5999E1 75%, #407CC5 85.28%, #1D539D 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    font-size: var(--f-40-20);min-width: 80px;}


.scroll-container .num-sec{ width: 60px;
    height: 60px;min-width:60px;margin: 0;}

.scroll-container .num-sec p{color: #fff !important;
    font-size: var(--f-40-20);}



.grid-3{
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;gap:6rem;
}


.grid-5{    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 49px 20px;}


#specialist .bg-eke{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 29vw;}


footer .inline-img{display: flex;
    align-items: center;
    gap: 8px;}


footer .f-menu{    background-size: contain !important;
    padding-top: 15vh;
    padding-bottom: 15vh;
    background-position: center;}


/* Wrapper must be relative for absolute images */



#care{overflow:hidden;}

#care .parallax-item {
  position: relative;       /* IMPORTANT: enables z-index */
  z-index: 1;
}


#care .left-col{    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #f1f5ff;
}


#care .img-cont{position: relative;}



#care .img-cont .img-sec{position: absolute;
    left: 0;
    width: 100%;}




#care .img-cont .img-sec figure{width: 55vw;
    height: auto;}


#care .img-cont .img-sec figure img{width:100%;}


#care .ser-item{padding-left:0px !important;}

#care .scroll-down-txt{    position: absolute;
    right: -85px;
    transform: rotate(90deg);
    margin: 0;
    bottom: 22vh;
    display: flex;
    align-items: anchor-center;
    gap: 10px;}

#care .scroll-down-txt code::after{content:"";}

#care .scroll-down-txt code{    min-width: 70px;
    width: 70px;
    display: block;
    /*background: #fff;*/
    height: 1px;
    position: relative;display:block}

#care .scroll-down-txt code::after{    content: "";
    position: relative;
    left: 35px;
    width: 35px;
    background: #93ADFF;    bottom: 1px;
    height: 1px;display:block;}
#care .scroll-down-txt code::before{    content: "";
    position: relative;
    right: 0;
    width: 35px;
    background: #2f2f2f;
    height: 1px;display:block}




.mobile{display:none !important;}
.desktop{display:block !important;}
#philosophy .bg-ele{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 12vw;}



#why .bg-ele{    margin: 0;
    position: absolute;
    right: 0;
    top: 10vh;
    max-width: 16vw;}

#what-makes .bg-ele{    margin: 0;
    position: absolute;
    right: 0;
    top: 10vh;
    max-width: 16vw;}
    
    
    
    
  .letter {
    color: rgba(74, 74, 74, 0.32);
    transition: color 0.6s ease;
}

.letter.active {
    color: #4a4a4a;
}

.letter.space {
    display: inline;
    white-space: pre;
}

.sup-text .letter.space {
    display: inline;
    white-space: unset;
}


.ser-inner .letter{color:#c4e2ff;}
.ser-inner .letter.active{
    color: #2d97dd !important;}



 .video-sticky-container {
            height: 200vh;
            position: relative;
        }

        .video-sticky-wrapper {
            position: sticky;
            top: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .video-content-wrapper {
            position: relative;
            width: 30%;
            max-width: 100%;
            transition: all 0.1s linear;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .expanding-video {
            width: 100%;
            height: auto;
            border-radius: 12px;
            display: block;
            transition: all 0.1s linear;
            position: relative;
            z-index: 1;border-radius:0px !important;
        }

        .video-overlay-content {
           position: absolute;
    color: white;
    text-align: left;
    z-index: 20;
    max-width: 100%;
    transition: opacity 0.5s ease;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 5% 10%;
    background: linear-gradient(269.91deg, rgba(0, 0, 0, 0) -14.78%, rgba(0, 0, 0, 0.7) 47.83%);
        }

        .video-overlay-content h3 {
            font-size: 2rem;
            margin-bottom: 15px;
            text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
        }

        .video-overlay-content p {
            font-size: 1.1rem;
            text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
            line-height: 1.6;
        }



 .video-overlay-content h3{max-width:610px;font-weight:600;}
 
 
  .video-overlay-content p{max-width:610px;padding-top:8px;}

#what-makes .abs-sec{position: absolute;
    background: transparent;
    width: 100%;
    left: 0;
    background-color: transparent !important;
    top: 80px;}

#what-makes{min-height:calc(200vh + 80px) !important;}


#help .bg-ele{    position: absolute;
    right: 0;
    top: -30vh;}


#help .l-disc{    gap: 15px;
    display: flex;
    flex-direction: column;}



#help .bg-ele-left{    position: absolute;
    left: 0;
    bottom: 10vh;
    max-width: 15vw;}

#get-start .bg-ele-left{  position: absolute;
    top: 0;
    left: 0;
    max-width: 11vw;}


#get-start .bg-ele{       position: absolute;
    right: 0;
    top: 25vh;
    max-width: 15vw;}




#get-start h1{line-height:1.1;}

#get-start .absolute-text>.row-flex{ align-items: center;}



header{background:transparent;}
body.bg header{background:#fff;}
   
.pos-static{margin:0px;}   


.min-100vh{min-height:100vh;}
.m-b0{margin-bottom:0px !important;}
   
   
.blog-listing{  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
    "a a a"
    "b c d"
    "e f g";  gap: 3rem 1rem;
    padding-top: 3rem; }   
   
.blog-listing .b-expert{display:none;} 
.blog-listing .inner-col{flex-direction:column;    gap: 0rem;}

.blog-listing .category-text,.more-blogs .category-text{ position: absolute;
    top: 15px;
    backdrop-filter: blur(10px);
    left: 15px;
}

.blog-listing li:nth-child(1) { grid-area: a;padding-bottom:80px; }
.blog-listing li:nth-child(2) { grid-area: b; }
.blog-listing li:nth-child(3) { grid-area: c; }
.blog-listing li:nth-child(4) { grid-area: d; }
.blog-listing li:nth-child(5) { grid-area: e; }
.blog-listing li:nth-child(6) { grid-area: f; }
.blog-listing li:nth-child(7) { grid-area: g; }
 
.blog-listing li:nth-child(1) .b-expert{display:block;} 
.blog-listing li:nth-child(1) .inner-col{flex-direction:row; gap: 0rem;}
 
 .blog-listing li .inner-cont, .more-blogs li .inner-cont{padding:10px;padding-top:1rem;transition:0.5s all linear;}
 
 /*.blog-listing li:hover .inner-cont, .more-blogs li:hover .inner-cont{background:#fff;}*/
 
 
 
 .blog-listing li:nth-child(1) .inner-cont{
     background: #F2F5FF;
    padding: 40px;
    padding-left: 80px;
    margin-left: -40px;}

 .blog-listing li:nth-child(1) h2 a{font-weight:500 !important;font-size:32px !important;}
 
 .blog-listing li:nth-child(1) .wp-block-post-featured-image{padding-bottom:10vh;}


 .blog-listing li:nth-child(1) .bl-items{border-bottom:unset !important;}


 .blog-listing li:nth-child(1) .category-text{background: conic-gradient(from 125.35deg at 44.33% 162.5%, #BADAF9 0deg, #BEDEFD 158.79deg, #BFDFFE 169.47deg, #8DBDEF 181.78deg, #6FADF0 187.4deg, #4284CE 202.18deg, #296CBA 211.48deg, #1A55A0 223.98deg, #10458D 238.11deg, #1D539D 360deg);}
 
 .blog-listing li:nth-child(1) .category-text a{color:#fff !important;font-weight:300 !important;} 
 
 
 
 .blog-listing li .inner-cont,.more-blogs li .inner-cont{display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
 
 
 
 .blg-detail .inner-blog-container .inner-cont{margin-left:-40px;}
 
 
 .blg-detail .b-content p{    color: #4B4B4B;
    font-weight: 400;
    font-size: 18px;
    margin-top: 8px;
    line-height: 1.5;}
 
  .blg-detail .b-content h2{color: #4B4B4B;font-weight:600;font-size:26px;}


.more-blogs .inner-col{flex-direction:column !important;    gap: 0rem;}
 
 
 .blg-detail .l-ele{    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;    max-width: 27vw;}
 
 
 
 .color-sec {
    position: relative;
}
.color-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--before-height) + 25px);
    background: #fff;
}


.r-z-1{    position: relative;
    z-index: 1;}
    
.r-z-0{    position: relative;
    z-index: 0;}    
    
    
.bl .l-e{    position: absolute;
    left: 0;
    top: 25vh;
    max-width: 17vw;}    

.bl .r-e{    position: absolute;
    right: 0;
    top: 0;
    max-width: 20vw;}



.inner-banner .left {
    flex: 0 0 100% !important;
}

.in-on .bg-element{margin: 0;
    position: absolute;
    right: 0;
    top: 0;}
    
.in-on .l-e{    top: -4%;
    margin: 0;
    max-width: 13vw;}    
    
.sup-sec .right-el,.sup-third .right-el,.w-sec .right-el{    position: absolute;
    right: 0;
    margin: 0;
    top: 30%;
    max-width: 12vw;}

   .cta-sec a, .cta-sec button{position:relative;} 
   
   
   
.w-sec .grid-3,.gap4-3{    gap: 4rem 5rem;}   
   

#learn .grid-3 p.text::before{content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #4b4b4b;
    border-radius: 50%;
    min-width: 8px;max-width: 8px;min-height:8px;max-height:8px;
    margin-top: 10px;}


#learn .grid-3 p.text{    display: flex;
    gap: 10px;}
    
    
#banner-sec.inner-banner .absolute-text{max-height:55vh;padding: 0% 5%;}    
#banner-sec.inner-banner .content-overlay{height:55vh;}   

.inner-banner .right{display:none;}
 
#banner-sec.inner-banner.min-100vh {
    min-height: 75vh;
} 
 
 

 
#banner-sec.inner-banner .r-e{
position: absolute;
    right: 0;
    top: 0;
    max-width: 17vw;
    margin: 0; }

#banner-sec.inner-banner .l-e{    position: absolute;
    left: 0;
    top: 0;
    max-width: 10vw;}

#banner-sec.inner-banner .box-text{padding-left: 5%;
    padding-right: 5%; }
    
    
.blog-listing li:nth-child(1) .inner-col .wp-block-post-featured-image a img{box-shadow: 6px 6px 16px 4px #4B4B4B26;}    
.blog-listing li .inner-col .wp-block-post-featured-image{overflow:hidden;}
.blog-listing li .inner-col .wp-block-post-featured-image a img{transition:0.5s all linear;}
.blog-listing li:hover .inner-col .wp-block-post-featured-image a img{transform:scale(1.07);}


.blog-listing li .inner-cont, .more-blogs li .inner-cont{position:relative;}


.blog-listing li .inner-cont::before, .more-blogs li .inner-cont::before{content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: -1;
    transition: 0.3s all 
linear;
    height: 0;}


.blog-listing li:hover .inner-cont::before, .more-blogs li:hover .inner-cont::before{height:100%;}


#why .m-minus-sec{margin-top:-8rem !important;}


    
    
    
     .horizontal-scroll-section {
           
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            position: sticky;
            top: 0;
            z-index: 10;    display: flex;
    align-items: center;
    justify-content: center;
        }

        .spacer {
            height: 300vh;
            position: relative;    background-attachment: fixed !important;
        }

        .scroll-container {
            display: flex;
            gap: 30px;
            padding: 40px;
            transition: transform 0.3s ease-out;
            will-change: transform;    padding-left: 0;
        }

        .scroll-item {
            min-width: 47%;

            padding: 40px 30px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            transition: transform 0.3s ease;
        }

       


        .section-title {
            font-size: 48px;
            font-weight: bold;
            text-align: center;
        }

     

      

#spacer{padding-left:0px !important;padding-right:0px !important;}



#scrollContainer .scroll-item:nth-child(1){padding-left:0px !important;}

/*.scroll-container .num-sec{    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-start;}*/
/*.scroll-container .num-sec p{height: 25px;*/
/*    width: 25px;*/
/*    align-items: center;*/
/*    line-height: 1;*/
/*    display: flex;*/
/*    gap: 0;*/
/*    justify-content: center;*/
/*}*/



.scroll-p{position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    transform: rotate(90deg);}
.scroll-p code{    min-width: 70px;
    width: 70px;
    display: block;
    /*background: #fff;*/
    height: 1px;
    position: relative;}

.scroll-p code::after{    content: "";
    position: absolute;
    left: 0;
    width: 35px;
    background: #93ADFF;
    height: 1px;transition: 0.3s all 
linear;
}
.scroll-p code::before{    content: "";
    position: absolute;
    right: 0;
    width: 35px;
    background: #2f2f2f;
    height: 1px; 
}

@keyframes expand {
  from {
    width: 35px;
  }
  to {
    width: 0px;
  }
}

/*.cta-sec a:hover span::before,.cta-sec button:hover span::before{animation: expand 1s infinite alternate;}*/
/*.cta-sec a:hover span::after,.cta-sec button:hover span::after{animation: expand 1s infinite alternate;}*/
    
 
 .img-100 img{width:100%;}
 
 
 .menu-close{display: flex;
    align-items: center;
    gap: 10px;cursor:pointer;}
 
 
 .search-container .wp-block-search__inside-wrapper{    border: 1px solid #2F2F2F;
    padding: 5px;}
 
 .search-container .wp-block-search__input{outline:none;}
 
 .search-container .wp-block-search__input{background-image: url(https://www.wishingwellcare.com/wp-content/uploads/2025/12/Vector-14.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 50px;}
 
 
  .search-container .wp-block-search__input::placeholder{}
  
  
  .search-container .wp-block-search__button{    padding: 0;
    background: transparent;
    background-image: url(https://www.wishingwellcare.com/wp-content/uploads/2025/12/Group-1000006872-1.png);
    width: 62px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0;
    margin-left: 0;
    background-position: 100%;}
  .search-container .wp-block-search__button svg{display:none;} 
 
 
 
  .search-container  .l-ele{    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 13vw;}
 
  .search-container  .r-ele{    margin: 0;
    position: absolute;
    right: 0;
    top: 5%;
    max-width: 15vw;}
 
.search-container .w-100 a img,.search-container .w-100 a {width:100%;}
 
.search-container  {transform: translateY(-150vh);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all linear;
    background: #fff;
    z-index: 9999;}
 
.search-container.open{transform: translateY(0vh);} 
.s-close{cursor:pointer;position:relative;z-index:1;}
.search-icon{cursor:pointer;} 
 
.search-container .mob-row{flex-direction: row;}
.search-container .mob-row .wp-block-column:nth-child(1){max-width:35%;}
.search-container .mob-row .wp-block-column:nth-child(2){max-width:55%;}


body.search .search-container {  position: relative;transform: translateY(0vh);z-index:1;}
body.search .search-container .wp-block-search__input{background-color: transparent;}
body.search header .search-icon{opacity:0 !important;}
    
body.search .custom-link svg{min-width: 40px !important;}

body.search .search-more .custom-link svg{width:40px !important;}


.menu-container{    max-width: 40%;transform: translateX(150vw);
    position: fixed;
    top: 0;
    z-index: 9999;
    right: 0;
    height: 100%;   transition: 0.3s all linear;
    min-width: 40%;max-height: 100vh;
    overflow: scroll;}
.menu-container ul li{font-size:var(--f-28-20) !important;color:#4b4b4b;font-weight:400;}

.menu-container.open{transform: translateX(0vh);}

 .menu-container ul li.open-on-hover-click .wp-block-navigation__submenu-container{position:relative;background: transparent;border:none !important;}
 .menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding-top: 15px;
    padding-bottom: 0;outline:none;padding-left:0px;
}


 .menu-container ul li .wp-block-navigation__submenu-icon{    position: absolute;
    right: 0;
    top: 10px;width:20px;height:20px;}


 .menu-container ul li{transition:0.5s all linear;}
 .menu-container ul li:hover{color: #0336D6 !important;font-weight:500 !important;}



/* Smooth transition for WordPress navigation submenu */
.wp-block-navigation__submenu-container {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.4s ease;
}

/* When menu is open (WordPress adds this class dynamically) */
.wp-block-navigation-item.has-child.open-on-hover-click[aria-expanded="true"] > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click.is-menu-open > .wp-block-navigation__submenu-container {
  max-height: 500px; /* adjust as needed */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {transition: all .5s linear !important;}



.menu-container ul li.open-on-hover-click {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 40px;
    outline: none;
}

.menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container li{font-size:var(--f-18-16) !important;color:#4b4b4b;font-weight:400 !important;}

header .menu-icon{cursor:pointer;}
.menu-container .b-ele{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 15vw;
}

html{scroll-padding-top:180px;}


@media screen and (min-width: 1100px) and (max-width: 1500px) {
    
    section.min100{margin-bottom:220px;}
    
}
   
   
   #contact .address,#contact .icon-sec{    display: flex;
    gap: 10px;
    align-items: baseline;
    position: relative;
    padding-left: 40px;}
    
    
    #contact .icon-sec img{    position: absolute;
    left: 0;
    top: 0;}
   
   
   
   
   #why #contact .bg-element {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 16vw;
}
   


.csr-one.w-sec .right-el{max-width:18vw;top:0;}

.m-t-5rem{    margin-top: -5rem !important;}
.m-t-3rem{    margin-top: -3rem !important;}




.page-id-1115 #banner-sec.inner-banner.min-100vh {
    min-height: 100vh;
}


.page-id-1115 #banner-sec.inner-banner .content-overlay {
    height: 75vh;
}


.page-id-1115 #banner-sec.inner-banner .absolute-text {
    max-height: 75vh;}

/*.page-id-1115 .cta-sec{overflow:hidden;}*/


#why .num-sec.w-60{    width: 60px;
    height: 60px;
 
    min-width: 60px;font-size:var(--f-30-20) !important;
}  



.ser-items{padding-bottom:300px;}

.z-index1{z-index:1;}


.ser-items .ser-img{position: absolute;
    top: 0;
    width: 100%;}


.w-sec .grid-3, .gap4-3
{
    gap: 4rem 3rem;
}

.m-close{cursor:pointer;}

@media screen and (max-width: 781px) {
    
    
    
    #get-start  .absolute-text,#get-start  .box-text{min-height:unset;}
    
    
    #help .bg-ele,#help .bg-ele-left,#get-start .bg-ele,#get-start .bg-ele-left{display:none;}
    
    .desktop,.sup-sec .right-el,.sup-third .right-el,.w-sec .right-el{display:none !important;}
.mobile{display:block !important;}
    
    
 .row-flex{flex-direction:column;}   
   
  h1,.m-head{font-size:2.9rem;} 
    
 
.black {
    font-size: 20px;padding-top: 10px;}   
    
 .wp-block-site-logo.is-default-size img {
    height: auto;
    width: 70px;
}   
    
    
    .content-overlay .left,.content-overlay .right{padding:0% 5%;}
    
    
    .grid-2 {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 2rem 0rem;padding:0% 5%;        padding-top: 1.5rem;
}
    
    
    
    
    #understand .box-text,#help .box-text{padding-top:10% !important;}
    #help .left,#help .d-flex{padding:0% 5% !important;}
    #get-start .box-text{padding-top:5% !important;align-items:flex-start;justify-content:flex-start;}
    
    #get-start .absolute-text{max-height:unset !important;align-items:flex-start;justify-content:flex-start;}
    
    
    /* #get-start .left{position: absolute;*/
    /*top: 0;}*/
    
    #get-start .cell-img {
    margin-left:-50%;position:relative;top:unset;
        max-width: 115px;
}
    
    
    #philosophy,#what-makes{padding-top:10% !important;}
   .m-f-col{flex-direction:column;} 
     #philosophy .m-f-col{
    justify-content: flex-start;
        align-items: flex-start;
        gap: 0.5rem;}
    
    
    
    .m-25px {
    margin-left: -18px !important;
}
    .min-w135 {
    min-width: 100px;
}
    
    
    .m-pt0{padding-top:0px !important;}
    
    
    .min-w290 {
    min-width: 120px;
}
    
    
    .m-gap10{gap:10px;}
    
    #philosophy .bg-ele{display:none;}
    
    .mob-44{font-size:44px !important;}
    .mob-30{font-size:30px !important;}
    
    .mob-p0{padding:0px !important;}
    
    .mob-pb0{padding-bottom:0px !important;}
    
    .grid-3 {grid-template-columns: 1fr;        gap: 1.5rem;}



#why .num-sec{    width: 44px;
    height: 44px;
       min-width: 44px;}
    
    .m-align-start{    align-items: flex-start;}
    
    
   #why{padding-bottom:70px !important} 
    
    
    #care .left-col {
    min-height:unset;}
    
    #care{padding-top:5% !important;padding-bottom:5% !important;        padding-right: 5% !important;}
    
    
    #care .scroll-down-txt{display:none !important;}
    
    #care .img-cont .img-sec {
    position: relative;        padding-top: 5%;}
    
       /*#care .img-cont .img-sec img{width:100%;aspect-ratio: 414 / 324;}*/
    .parallax-item{background:#f2f5ff !important;gap:0px !important}
    
    #care .img-cont .img-sec figure {
        margin-left: -5%;
    width: calc(100% + 10%);}




#post-treatment,#specialist{padding-top:10% !important;padding-bottom:10% !important;}

.mob-col{flex-direction:column;}
.gap-0{gap:0px !important;}

#post-treatment .f-60-28{
    display: flex;
    gap: 5px;
    padding-bottom: 1.25rem;
}


.grid-5 {
           grid-template-columns: 1fr;
        gap: 25px 20px;
        padding: 0;
        margin: 0;
}


.grid-5 .wp-block-group figure{width: 36px;
    min-width: 24px;height:auto;}
.grid-5 .wp-block-group{border:unset !important;}

.grid-5 .wp-block-group p{font-size:18px !important;}


#specialist .bg-eke{max-width:40vw;}


#specialist{padding-bottom: 100px !important;}
 
 
 .mob-pt1rem{padding-top:1rem !important;}

 #contactForm{margin:0px !important;}

 #contactForm .single{flex-direction:column;}



footer .f-menu {
    padding-top: 3vh;
    padding-bottom: 3vh;}

footer .mob-col{    flex-direction: column;
    gap: 1.5rem;
    justify-content: flex-start;
    align-items: flex-start;}


.email-form{width:100% !important;}
footer .mob-col .wp-block-group{width:100% !important;}

.mob-t-acenter{text-align:center;}

.mob-j-center{justify-content: center !important;}


.head-pad{padding-top: 10px !important;
    padding-bottom: 10px !important;}

#what-makes .abs-sec {
    position: relative;top:0px;}

.video-sticky-wrapper {
    position: relative;height:unset;}



#what-makes,.video-sticky-container{
            min-height: unset !important;
        height: unset !important;
}


.mob-plr0{padding-left:0% !important;padding-right:0% !important;}
.mob-plr5{padding-left:5% !important;padding-right:5% !important;}

.video-overlay-content{padding:5%;}
.expanding-video{min-height:500px;}
.video-overlay-content h3{font-size:1.25rem;}
.video-overlay-content p{font-size:1rem;}

#get-start .left{flex-wrap: nowrap;
        flex: 0 0 100%;
        display: flex;
        flex-direction: row;
        width: 100%;align-items:center;}


#get-start h1{width:100%;}


#get-start .right{    background: #fff;
    padding: 0 5% !important;
    top: 0;
    position: relative;        padding-bottom: 8% !important;}

/*#get-start .box-text{min-height:210px !important;}*/

.follow-icons svg{max-width:28px !important;}

.mob-pt2rem{padding-top:2rem !important;}


#philosophy .our-column{        padding-top: 4rem !important;
        padding-bottom: 2rem !important;}

#care{padding-bottom:10% !important;}

.mob-gap1{gap:1rem !important;}

.mob-b-none{border:none !important;}


#why .f-50-32{    padding-top: 0 !important;
    padding-bottom: 0 !important;}

.particles-field{width:100% !important;}

.letter.space{    white-space: unset;}
    
#and-so .img-sec,#why .img-sec{    align-items: center;
    justify-content: center;
    display: flex;}
#and-so .img-sec figure{    max-width: 70vw;
    padding-bottom: 1.25rem;} 

#why .img-sec img{max-width:60vw;} 



.email-form{border: 1px solid #00000042 !important;}
 
 section.min100{margin-bottom:unset;        height: 100vh;}
 
 #get-start{margin-bottom:unset;}
 
 
 #contactForm input::placeholder, #contactForm textarea::placeholder, #contactForm input, #contactForm textarea{border-radius:0px !important;}
    
 #banner-sec .content-overlay{height:52vh;}    
 #banner-sec .absolute-text{max-height:55vh;}   
 #banner-sec .black {padding-top:0px;}
    
 .b-head-sec{    flex-direction: column !important;
    align-items: flex-start;
    padding-top: 5%;
 }   
 
 
 .cat-select{    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;}
 .blog-listing li:nth-child(1) .wp-block-post-featured-image {
    padding-bottom: 0;
}
    .blog-listing {
    grid-template-areas:
        "a"
        "b"
        "c"
        "d"
        "e"
        "f"
        "g";        gap: 2rem;}
    
    
    .blog-listing li:nth-child(1) .inner-cont {
    background: #F2F5FF;
    padding: 20px;
    padding-left: 20px;
    margin-left: 0px;
}
    
    
   .blog-listing li:nth-child(1) h2 a {
    font-size: 18px !important;
    line-height: 1.3;}
    
    
    .blog-listing li:nth-child(1) .b-expert,.blog-listing li:nth-child(1) .wp-container-core-group-is-layout-cb46ffcb{margin-top:10px;}
    
     .blg-detail .wp-block-post-featured-image{padding-bottom:0px !important;}
    
    .blg-detail .inner-blog-container .inner-cont{    padding: 25px !important;margin-left:0px !important;}
    
    .blg-detail .inner-col{gap:0px !important;}
    
    .read-time{font-size:16px !important;}
    .blg-detail .b-content p{font-size:16px;}
    .blg-detail .b-content h2{font-size:20px;        line-height: 1.3;}
 
    .mob-ptb10{padding-top:10% !important;padding-bottom:10% !important;}
   .more-blogs{gap:2.5rem !important;}
 
   .m-gap1rem{gap:1rem !important;}
   
   .breadcrumb{display:none !important;}
   
   
   .in-on .bg-element.mobile {
    margin: 0;
    position: relative;
    right: 0;
    top: 0;
    display: flex !important;
    justify-content: end;
}
   
   .in-on .bg-element.mobile img{    max-height: 250px;
    width: auto;
    margin-top: -85px;}
   
   #why.ser-scnd{padding-bottom:0px !important;}
   #fund,#ser-last,#learn,#why.when{padding-top:10% !important;padding-bottom:10% !important;}
   
   .w-sec .grid-3, .gap4-3 {
    gap: 2rem 4rem;        margin: 0;}
   
   #why.w-sec,#why.sepc{
        padding-bottom: 5% !important;
    }
    
    
    
   #why.when .mob-b-none{padding-bottom:0px !important;}
   
   .mob-pt10{padding-top:10% !important;}
   
 .mob-b-none-sec .r-item{padding-bottom:0px !important;border-bottom:unset !important;}
   
   .mob-b-none-sec.grid-3{margin:0px !important;}
   
   .mob-b-none-sec.gap4-3 {
        gap: 1.25rem 4rem !important;}
        
      #why.sepc{padding-top:10% !important;}   
        
        
        
    .mob-b-none{border:unset !important;}    
    .mob-b-bottom{border-bottom:1px solid #888888 !important;padding-bottom:2rem !important;}
    
    #contact .icon-sec img{max-width:19px;height:auto;}
        #contact .address, #contact .icon-sec{padding-left:30px;}
       #why #contact .bg-element{display:none !important;} 
        
        
        .m-t-5rem{    margin-top: -0rem !important;}
.m-t-3rem{    margin-top: -0rem !important;}
    
    
    .mob-pt1rem{padding-top:1rem !important;}
   
   
   .mob-m0{margin:0px !important;}
   
   #why .m-minus-sec {
    margin-top: 0rem !important;
}
   
   .mob-flex-rev{flex-direction: column-reverse;}
   
   
   .mob-flh{line-height:1.2 !important;}
   
     .m-f36 {
        font-size: 36px !important;
    }
    
    
    
    .horizontal-scroll-section {
    min-height: unset;}
    
    .spacer{height:unset;}
   
   .scroll-container{flex-direction:column;padding-right:0px;padding-top:0px;        gap: 0.75rem;}
   .scroll-p{display:none !important;}
   #spacer {
    padding-left: 5% !important;
    padding-right: 5% !important;
}
    
    .scroll-item{padding:20px;}
    .scroll-container .num-sec {
    width: 40px;
    height: 40px;
    min-width: 40px;
}
    
    
    .m-pb0{padding-bottom:0px !important;}
    
    
    
    
  .error404 .cta-a .span, .page-id-1115 .cta-a .span{    min-width: 170px;}  
    
    
   .page-id-1115 .txt-404{font-size: 70px !important;}
    
    .page-id-1115 .t-cta{    justify-content: flex-start !important;
    margin-top: 20px;}
    
    
    .deep-sec .num-sec{position: sticky;
        top: 100px;}
    
    .mob-col-j-start{    flex-direction: column;
    align-items: flex-start;        gap: 1rem;}
    
    
    .ser-items .ser-img {
    position: relative;}
    
    .ser-items {
    padding-bottom: 10px;
}
    
    #why .num-sec.w-60 {
    width: 40px;
    height: 40px;
    min-width: 40px;position: sticky;
        top: 90px;}
    
    
    .ser-items .ser-img img{min-height:250px;width:auto;}
    
    .mob-g0-75{gap:0.75rem !important;}
     .mob-plr5rem3rem{    padding: 2rem 1rem !important;}
    .menu-container {
    max-width: 100%;min-width:100%;}

.m-close img{max-width:35px;}



.menu-container .b-ele{max-width:55vw;}
.menu-container ul li.open-on-hover-click{width:100%;}
.menu-container .wp-block-navigation__container{width:100%;}


.mob-pt70{padding-top:70px !important;}
    
}

.hide{
    display:none !important;
}



.scroll-item {
    min-width: 30vw;}

 .inline-flex{    display: inline-flex;
    flex-wrap: nowrap;}





