@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-Light.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-LightItalic.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-Italic.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-Medium.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-Bold.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-Heavy.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/gill-sans/GillSans-HeavyItalic.woff2') format('woff2'),
        url('../fonts/gill-sans/GillSans-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}





:root{
    --bdr: 1px solid red;

    --base-size : 62.5%;

     /* variables for colors */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-lilac: #F9F5FF;
    --color-lilac-100: #F9F0F9;
    --color-lilac-500: #DED9F7;
    --color-lilac-600: #dcd7f0;

    --color-grey: #7D7D7D;
    --color-pink: #EB4D7C;
    --color-purple: #8E69F2;

    --color-body: var(--color-black);

    /* variables for fonts */
    --font-gill: 'Gill Sans', sans-serif;
    --body-font: var(--font-gill);
    --heading-font: var(--font-gill);

    /* font size */
   --f-63 : 6.3rem;
   --f-43 : 4.3rem;
   --f-38 : 3.8rem;
   --f-30 : 3.0rem;
   --f-26 : 2.6rem;
   --f-23 : 2.3rem;
   --f-20 : 2.0rem;
   --f-18 : 1.8rem;
   --f-16 : 1.6rem;

   /* spacing */
   --py-100 : 10.0rem;
   --py-50 : 5.0rem;
   --mt-80 : 8.0rem;
}

@media(max-width:1199px){
    :root{
        /* --f-43 : 3.8rem; */
        --f-38 : 3.0rem;
        --f-30 : 2.6rem;
        --f-26 : 2.0rem;

        /* spacing */
        --py-100 : 6.0rem;
        --py-50 : 5.0rem;
        --mt-80 : 4.0rem;
    }
}

@media(max-width:767px){
    :root{
        --f-43 : 2.6rem;
        --f-38 : 2.6rem;
        --f-30 : 1.8rem;
        --f-26 : 1.8rem;

        /* spacing */
        --py-100 : 4.0rem;
        --py-50 : 3.0rem;
    }
}
html{
    font-size: var(--base-size);
}
/* reset style start */
*, *::before, *::after{ box-sizing: border-box; }
*{ margin: 0; padding: 0; }
ul[role='list'], ol[role='list']{ list-style: none; }
html:focus-within{ scroll-behavior: smooth; }
a:not([class]){ text-decoration-skip-ink: auto; }
img, picture, svg, video, canvas{ max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; }
input, button, textarea, select{ font: inherit; }
@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; transition: none; } }
body, html{ height: 100%; scroll-behavior: smooth; }
/* reset style end */

/*reset defualt*/
::-moz-selection { background: var(--color-pink); color: var(--color-white); }
::selection { background: var(--color-pink); color: var(--color-white); }
:focus-visible{ outline: none !important; }
:-webkit-direct-focus{ outline: none !important; }

body{
    width: 100%;
    max-width: 100%;
    font-family: var(--body-font), -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    color: var(--color-body);
    font-weight: normal;
    /* font-size: 20px; */
    font-size: 2.0rem;
    line-height: 1.5;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* -moz-font-feature-settings: 'liga','kern'; */
    overflow-x: hidden;
    cursor: none;

}


h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    line-height: auto;
    font-weight: bold;
    margin-bottom: 1.5rem;
    font-family: var(--heading-font);
    color: var(--color-navy);
}
h1,.h1{
    font-size: var(--f-43);
    line-height: 1.34;
}
h2,.h2{
    font-size: var(--f-38);
    line-height: 1.34;
}
h3,.h3{
    font-size: var(--f-30);
    line-height: 1.33;
}
h4,.h4{
    font-size: var(--f-26);
    font-weight: semibold;
    line-height: 1.30;
}
h5,.h5{
    font-size: var(--f-23);
    line-height: 1.27;
    margin-bottom: .8rem;
}
h6,.h6{
    font-size: var(--f-16);
    line-height: 1.25;
}

.sub-heading{
    font-weight: normal;
    font-size: 3.0rem;
    line-height: 1.33;
}


p{
    margin-bottom: 3.0rem;
    font-size: 2.0rem;
    line-height: 1.5;
}
p:last-of-type{
    margin-bottom: 0;
}

strong{
    font-weight: bold;
}
a{
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    transition: all .5s;
}

ul li{
    list-style: none;
    position: relative;
}

ol{
    padding-left: 2.0rem;
}
ul,ol{
    margin-bottom: 3.0rem;
}
ul:last-of-type,
ol:last-of-type{
    margin-bottom: 0;
}
p + ul,
p + ol,
ul + p,
ul + ol,
ol + ul{
    margin-top: 3.0rem;
}

dfn, cite, em, i {
    font-style: italic;
}
small{
    font-size: 12px;
    line-height: 1;
}

table{
  text-align: left;
  border-spacing: 0;
  font-size: 14px;
  font-family: var(--body-font);
}

table td,
table th{
  border-collapse: collapse;
  padding: 10px 8px;
  vertical-align: top;
}
table thead th{
  padding-bottom: 30px;
}

section{
    position: relative;
}

.typo {
    section{
        padding: 4.0rem 0;
    }
}

@media(max-width:1199px){
    h2,.h2{
        font-size: var(--f-38);
        line-height: 1.34;
    }
}
@media(max-width:991px){
    p{
        font-size: 1.8rem;
        line-height: 1.4;
    }
}
@media(max-width:767px){
    p{
        font-size: 1.6rem;
        line-height: 1.4;
    }
}



.cursor{
    width: 2.5rem;
    height: 2.5rem;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    overflow: hidden;
}
.cursor:after{
    width: 100%;
    height: 100%;
    background: rgb(209,197,234);
    /* background: linear-gradient(180deg, rgba(209,197,234,1) 0%, rgba(219,198,230,1) 35%, rgba(241,200,221,1) 100%); */
    background: linear-gradient(120deg, #503BB4 0%, #EB4D7B 100%);
    opacity: 1;
    content: "";
    position: absolute;
    border-radius: 100%;
    transform: scale(.5);
    transition: all .2s;

}
.cursor:before{
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../images/cursor-ring.svg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;
    background-size:100%;
    transition: all .2s;
    transform: scale(1);
    border-radius: 100%;
}

.cursor.grow:after{
    transform: scale(1);

}
.cursor.grow:before{
    /* transform: scale(.6); */
    opacity: 0;
}

@media(max-width:1199px){
    body{
        cursor: default;
    }
    .cursor{
        display: none;
    }
}

.container{
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

@media(min-width:768px){
    .container{ padding: 0 48px; }
}
@media(min-width:992px){
    .container{ max-width: 960px; padding: 0 15px;}
}
@media(min-width:1200px){
    .container{ max-width: 1170px; }
}

@media(min-width:1400px){
    .container{ max-width: 1315px; }
}


/*custom grid start*/
.row-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
[class*="box-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.box { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.row-wrap-boxs-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) { .box-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-sm-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-sm-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-sm-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-sm-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-sm-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-sm-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 768px) { .box-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-md-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-md-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-md-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-md-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-md-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-md-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 992px) { .box-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-lg-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-lg-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-lg-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-lg-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-lg-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-lg-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
@media (min-width: 1200px) { .box-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-wrap-boxs-xl-1>* { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-wrap-boxs-xl-2>* { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-wrap-boxs-xl-3>* { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-wrap-boxs-xl-4>* { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-wrap-boxs-xl-5>* { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-wrap-boxs-xl-6>* { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .box-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .box-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .box-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .box-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .box-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .box-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .box-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .box-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .box-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .box-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .box-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
/*custom grid end*/

/* custome classes */
.bg-lilac{
    background-color: var(--color-lilac);
}
.bg-white{
    background-color: var(--color-white);
}
.bg-pink{
    background-color: var(--color-pink);
}


/* aligment */
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.w-full{
    width: 100%;
}

/* wysiwyg style */
.wysiwyg-content p:not(:last-of-type){
    margin-bottom: 3rem;
}
.wysiwyg-content [id="anchor_"]{
    padding-top: 4rem;
}
.wysiwyg-content li a,
.wysiwyg-content p a{
    text-decoration: underline;
}
.wysiwyg-content li a:hover,
.wysiwyg-content p a:hover{
    text-decoration: none;
}
.wysiwyg-content figure{
    margin: 3rem 0;
}
.wysiwyg-content figure img{
    width: 100%;
    object-fit: cover;
}

.wysiwyg-content ul,
.wysiwyg-content ol{
    margin: 30px 0;
    padding-left: 2rem;
}
.comments-area ol,
.wysiwyg-content ol{
    padding-left: 2.2rem;
}

.wysiwyg-content li{
    margin-bottom: 1.2rem;
}
.wysiwyg-content ul li{
    position: relative;
    list-style-type: disc;
}
.wysiwyg-content table{
    font-size: 2rem;
}
.wysiwyg-content table th,
.wysiwyg-content table td{
    border-top: none;
}
.wysiwyg-content table th:first-of-type,
.wysiwyg-content table td:first-of-type{
    border-left: none;
}
.wysiwyg-content table th:last-of-type,
.wysiwyg-content table td:last-of-type{
    border-right: none;
}

@media(max-width:767px){
    .wysiwyg-content p,
    .wysiwyg-content li{
        font-size: 1.6rem;
        line-height: 1.62;
    }
}

/* form style */
form input[type="text"],
form input[type="tel"],
form input[type="email"]{
    border: none;
    border: 1px solid var(--color-black);
    background-color: var(--color-white);
    outline: none;
    padding: 8px 15px;
    font-size: 1.6rem;
    width: 100%;
}


/* button style */
.form-container button,
.cta-button,
input[type="submit"],
.submit{
    background: var(--color-black);
    outline: none !important;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    line-height: inherit;
    font-weight: bold;
    font-family: var(--body-font);
    text-transform: uppercase;
    color: var(--color-white);
    text-decoration: none;
    transition: all .3s;
    /* letter-spacing: 0.1rem; */
    letter-spacing: 0.15rem;
    border: 2px solid var(--color-black);
    /* padding: .3rem 2.0rem 0; */
    padding: 0.9rem 2.0rem 0.8rem;
    border-radius: 5.0rem;
}
.form-container button:hover,
.cta-button:hover,
.submit:hover{
    background-color: transparent;
    color: var(--color-black);
}

.cta-button svg{
    width: 18px;
    transform: translate(.5rem, 0);
}
/* .cta-button:hover svg{
    transform: translate(.6rem, -0.1rem);
} */
.cta-button svg path{
    transition: all .3s;
}
.cta-button:hover svg path{
    stroke: var(--color-black);
}

.cta-button.outline{
    background-color: transparent;
    color: var(--color-black);
}
.cta-button.outline svg path{
    stroke: var(--color-black);
}
.cta-button.outline:hover{
    background-color: var(--color-black);
    color: var(--color-white);
}
.cta-button.outline:hover svg path{
    stroke: var(--color-white);
}

.white-button{
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}
.white-button path{
    stroke: var(--color-black);
}
.white-button:hover{
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}
.white-button:hover path{
    stroke: var(--color-white) !important;
}

/* cta-link */
.cta-link{
    position: relative;
    font-weight: bold;
    letter-spacing: .04rem;
    text-transform: uppercase;
    font-size: 1.1rem;
}
.cta-link.icon{
    padding-right: 22px;
    display: inline-flex;
}
.cta-link.icon:after{
    content: "";
    position: absolute;
    right: 0;
    background-image: url(../images/button-arrow-black.svg);
    width: 15px;
    height: 15px;
    top: 50%;
    background-size: 15px;
    margin-top: 1px;
    transform: translateY(-50%);
    transition: right .5s;
    backface-visibility: hidden;
}
.cta-link.icon:hover:after{
    right: -3px;
}

.bg-media{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*slider style*/
.flickity-viewport{
    width: 100%;
}
.flickity-button{
    width: 3rem;
    height: 3rem;
    background-position: center !important;
    background-size: 4rem !important;
    background: none;
    transition: all .5s;
}
.flickity-button:hover{
    opacity: .5;
}
.flickity-button svg{
    display: none;
}
.flickity-button.next{
    background-image: url(../images/slider-right-arrow-black.svg);
    right: -3rem;
}
.flickity-button.previous{
    background-image: url(../images/slider-left-arrow-black.svg);
    left: -3rem;
}


section.pt-0{
    padding-top: 0;
}
section.pb-0{
    padding-bottom: 0;
}

.media{
    display: flex;
    gap: 13px;
    align-items: center;
}



.section-heading .content-wrap{
    padding-left: 3rem;
}
.section-heading .content-wrap p{
    /* font-size: var(--f-30); */
    font-size: 2.6rem;
    line-height: 4.9rem;
}
@media(max-width:1199px){
    .section-heading .h1{
        font-size: 3.8rem;
    }
    .section-heading .content-wrap{
        padding-left: 1.5rem;
    }
    .section-heading .content-wrap p{
        /* font-size: 2.6rem;
        line-height: 3.8rem; */
        font-size: 2rem;
        line-height: 3rem;
    }
    .section-heading .content-wrap p br{
        display: none;
    }
}
@media(max-width:767px){
    .section-heading .h1{
        font-size: 2.6rem;
    }
    .section-heading .content-wrap p{
        /* font-size: 1.8rem; */
        font-size: 2rem;
        line-height: 2.7rem;
    }
    .flickity-button{
        background-size: 3rem !important;
    }
    .flickity-button.next{
        right: -2.5rem;
    }
    .flickity-button.previous{
        left: -2.5rem;
    }

}
/* ------------------------------------------------------------------------------------
site-header style start
-------------------------------------------------------------------------------- */
.site-header{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
body:not(.has-hero-banner) .site-header.is-sticky,
body:not(.has-hero-banner) .site-header.is-sticky-home{
    top: 0 !important;
    position: fixed;
    transition: transform .2s;
    background-color: var(--color-white);
    transform: translateY(-100%);
    animation: headerDown .3s ease forwards;
}
@keyframes headerDown {
    from{
        transform: translateY(-100%);
    }
    to{
        transform: translateY(0);
    }
}
.site-header .site-header-logo{
    width: 110px;
    display: inline-block;
    vertical-align: top;
}
.site-header .site-header-logo img{
    width: 100%;
}
.site-header .action-wrap .media-icon{
    width: 20px;
    display: flex;
}

.site-header .action-wrap .media-icon img,
.site-header .action-wrap .media-icon svg{
    width: 20px;
    max-height: 17px;
    transition: all .4s;
}
.site-header .action-wrap .media-icon svg path{
    transition: all .4s;
}
.site-header .action-wrap .media-icon:hover svg path{
    fill: var(--color-pink);
}
.site-header-wrap .menu-wrap a{
    color: var(--color-white);
    font-weight: 500;
    font-size: 1.2rem;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0;
    transition: all .3s;
    letter-spacing: .15rem;
}

.site-header-wrap .menu-wrap a:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    content: "";
    /* transform: scaleX(0); */
    transition: all .4s;
}
.site-header-wrap .menu-wrap a:hover:after{
    width: 100%;
    left: 0;
}

.site-header.light-theme .site-header-logo path{
    fill: var(--color-black);
}

.has-hero-banner .site-header-logo svg{
    transform: translateY(30px);
    opacity: 0;
    transition: transform .4s ease;
}
.has-hero-banner .is-logo-appear .site-header-logo svg{
    transform: translateY(0);
    opacity: 1;
}
.has-hero-banner .site-header-logo svg path{
    fill: var(--color-black);
}

@media(min-width:1200px){
    .has-hero-banner .site-header{
        display: none;
    }
    .has-hero-banner .hero-banner + .site-header{
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    .site-header-wrap{
        display: flex;
        gap: 30px;
        padding: 1.5rem 0;
    }
    .site-header-wrap .nav-wrap{
        flex: 1;
    }
    .site-header .nav-wrap .inner-wrap{
        display: flex;
        justify-content: space-between;
    }
    .site-header .nav-wrap ul{
        display: flex;
        flex-wrap: wrap;
        gap: 2.5rem;
    }
    .site-header .nav-wrap ul li{
        vertical-align: top;
        display: flex;
        align-items: center;
    }
    .site-header .nav-wrap ul li a{text-transform: uppercase;}
    .site-header.is-sticky .nav-wrap ul li a,
    .site-header.is-sticky-home .nav-wrap ul li a,
    .site-header.is-sticky-home .action-wrap .media-icon,
    .site-header.is-sticky .action-wrap .media-icon{color: var(--color-black);}
    .site-header.is-sticky .site-header-logo path,
    .site-header.is-sticky-home .site-header-logo path{
        fill: var(--color-black);
    }
    .site-header.is-sticky .social-list,
    .site-header.is-sticky-home .social-list{
        border-color: var(--color-black);
    }

    .site-header .media-content{
        display: none;
    }
    .action-wrap,
    .action-wrap > div{
        display: flex;
        gap: 1.7rem;
        align-items: center;
        color: var(--color-white);
    }
    .light-theme .action-wrap, .light-theme .action-wrap > div{
        color: var(--color-black);
    }
    .social-list{
        border-left: 2px solid currentColor;
        padding-left: 2.0rem;
    }
    .has-hero-banner .site-header {
        background-color: var(--color-white);
        top: calc(100vh - 68px);
    }

    .has-hero-banner .site-header .nav-wrap ul li a,
    .light-theme .site-header-wrap .menu-wrap a,
    .site-header.light-theme .action-wrap .media-icon {
        color: var(--color-black);
    }
    .has-hero-banner .action-wrap,
    .has-hero-banner .action-wrap > div{
        color: var(--color-black);
    }

    .has-hero-banner .site-header .action-wrap .media-icon{
        color: var(--color-black);
    }
    .is-sticky .site-header-wrap .menu-wrap a:hover:after{
        background-color: var(--color-black);
    }

}
@media(max-width:1199px){
    .has-hero-banner.menu-open .site-header-logo svg{
        opacity: 1;
        transform: none;
    }
    .is-logo-appear{
        background-color: var(--color-white);
    }
    .nav-wrap{
        position: fixed;
        top: 0;
        height: 100%;
        background: #000;
        width: 100%;
        z-index: -1;
        padding: 100px 40px;
        left: 0;
        clip-path: inset(0 0 100% 0 round 0 0 0 0);
        pointer-events: none;
        opacity: 0;
        transition: clip-path .7s ease, opacity .35s ease;
    }

    .menu-open{
        overflow: hidden;
    }
    .menu-open .nav-wrap{
        opacity: 1;
        clip-path: inset(0 0 0 0 round 0 0 0 0);
        height: 100vh;
        pointer-events: fill;
    }

    .menu-wrap ul li{
        border-top: 1px solid #7D7D7D;
        padding-top: 1.7rem;
        padding-bottom: 1.5rem;
        opacity: 0;
        transform: translateY(10px);
    }
    .nav-wrap .action-wrap > *{
        opacity: 0;
        transform: translateY(10px);
    }
    .menu-open .menu-wrap ul li,
    .menu-open .nav-wrap .action-wrap > *{
        animation: fadeIn 0.5s forwards; /* Apply fade-in animation */
    }
    .menu-wrap ul li:nth-child(1) { animation-delay: 0.1s; }
    .menu-wrap ul li:nth-child(2) { animation-delay: 0.2s; }
    .menu-wrap ul li:nth-child(3) { animation-delay: 0.3s; }
    .menu-wrap ul li:nth-child(4) { animation-delay: 0.4s; }
    .menu-wrap ul li:nth-child(5) { animation-delay: 0.5s; }
    .menu-wrap ul li:nth-child(6) { animation-delay: 0.6s; }
    /* .menu-wrap ul li:nth-child(7) { animation-delay: 0.7s; }
    .menu-wrap ul li:nth-child(8) { animation-delay: 0.8s; }
    .menu-wrap ul li:nth-child(9) { animation-delay: 0.9s; }
    .menu-wrap ul li:nth-child(10) { animation-delay: 1s; } */

    .nav-wrap .action-wrap .action-list{
        animation-delay: 0.6s;
    }
    .nav-wrap .action-wrap .social-list{
        animation-delay: 0.7s;
    }
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
     .site-header-wrap .menu-wrap a{
        display: flex;
    }
    .menu-wrap ul li:last-child{
        border-bottom: 1px solid #7D7D7D;
    }
    .menu-wrap ul li a,
    .site-header-wrap .menu-wrap a{
        padding: 0;
    }
    .menu-wrap ul li a:after{
        display: none;
    }

    .nav-wrap .action-wrap{
        margin-top: 3.0rem;
        display: flex;
        flex-direction: column;
        gap: 2.0rem;
    }
    .nav-wrap .action-wrap .action-list{
        display: flex;
        flex-direction: column;
        gap: 2.0rem;
    }
    .nav-wrap .action-wrap .social-list{
        display: flex;
        gap: 3.0rem;
    }


    .menu-trigger{
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 4rem;
        height: 4rem;
        justify-content: center;
    }
    .menu-trigger span{
        height: .2rem;
        width: 3.6rem;
        background-color: currentColor;
        transition: transform .2s ease-in;
    }

    .menu-trigger.is-active span:first-of-type{
        transform: rotate(45deg) translate(4px, 4px)
    }
    .menu-trigger.is-active span:last-of-type{
        transform: rotate(-45deg) translate(4px, -4px)
    }


    .site-header-wrap .logo-wrap{
        display: flex;
        gap: 30px;
        justify-content: space-between;
        align-items: center;
        padding: 3.0rem 0;
    }

    .site-header .site-header-logo path{
        fill: currentColor !important;
    }
    .site-header{
        position: fixed;
    }
    .site-header,
    .menu-open .site-header.is-sticky,
    .menu-open .site-header.is-sticky-home{
        color: var(--color-white);
    }
    .site-header.light-theme,
    .site-header.is-sticky,
    .site-header.is-sticky-home{
        color: var(--color-black);
    }
    .menu-open .site-header.light-theme,
    .menu-open .site-header.is-sticky{
        color: var(--color-white);
    }
    .menu-open .site-header.light-theme .site-header-logo path{
        fill: var(--color-white);
    }


}

@media(max-width:767px){
    .menu-trigger{
        width: 2rem;
    }
    .menu-trigger span{
        width: 2.5rem;
    }
    .nav-wrap{
        padding: 10rem 2rem;
    }
    .site-header-wrap .logo-wrap{
        padding-block: 1rem;
    }
    .nav-wrap .action-wrap .action-list,
    .nav-wrap .action-wrap .social-list{
        font-size: 1.4rem;
        /* letter-spacing: .15rem; */
    }
    .real-mobile-device .nav-wrap .action-wrap .social-list .media-content{
        padding-top: .5rem;
    }
}
/* ------------------------------------------------------------------------------------
site-header style end
-------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
hero-banner style start
-------------------------------------------------------------------------------- */
.hero-banner { overflow: hidden; min-height: 100vh; display: grid; }
.hero-banner .bg-media:before{ background-color: var(--color-purple); content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: .16; }
.hero-banner .banner-content{ max-width: 80.0rem; padding: 100px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin: auto; position: relative; z-index: 1; }
.hero-banner .banner-content .logo-wrap{
    overflow: hidden;
    position: relative;
}
.hero-banner .banner-content .logo-wrap a{
    display: block;
}
.hero-banner .banner-logo img, .hero-banner .banner-logo svg{ width: 670px; }
.bg-video{ width: 100%; height: 100%;position: absolute;left: 0;top: 0; pointer-events: none;}
.bg-video iframe { height: 56.25vw; left: 50%; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity .5s ease-in-out; width: 100vw; }
.bg-video.is-youtube iframe{ min-height: 130vh; min-width: 230vh; }
.bg-video video{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

.click-down-arrow{ display: none; }

@media(max-width:991px){
    .click-down-arrow{ background-image: url(../images/banner-down-arrow-white.svg); background-position: center; background-repeat: no-repeat; background-size: 4rem; width: 4rem; height: 4rem; position: absolute; /* bottom: -20px; */ bottom: 6rem; left: 0; right: 0; margin: 0 auto; z-index: 3; display: block; text-align: center; animation: bounce 2s infinite; cursor: pointer; transition: all .4s; }
    .click-down-arrow:hover{ opacity: .6; }

    @keyframes bounce {
        0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, 0, 0); }
        40%, 43% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0); }
        70% { animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0); }
        90% { transform: translate3d(0, -4px, 0); }
    }
}

@media(max-width:767px) {
    .mac-os .site-wrapper{ height: 100%; }
    .mac-os .hero-banner{ min-height: 100%; height: 100%; }
}
/* ------------------------------------------------------------------------------------
hero-banner style end
-------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
inner-banner style start
-------------------------------------------------------------------------------- */
.inner-banner{
    position: relative;
    overflow: hidden;
}
.inner-banner .bg-media:after,
.inner-banner .bg-media:before{ width: 100%; height: 100%; background: linear-gradient(124deg, rgb(80, 59, 180) 0%, rgb(87, 60, 177) 42%, rgb(235, 77, 123) 100%); position: absolute; content: ""; top: 0; left: 0; opacity: .3; mix-blend-mode: overlay; }
.inner-banner .banner-content{position: relative;z-index: 1; min-height: 70rem; display: flex; align-items: flex-end; padding-top: 15.0rem; padding-bottom: 6.0rem; color: var(--color-white); }
.banner-content .inner-wrap{ max-width: 81.8rem; }
.banner-content .inner-wrap p{ font-size: 2.6rem; }
.banner-content .banner-subheading{ margin-bottom: 2.5rem; font-size: 1.8rem; letter-spacing: 0.113rem; text-transform: uppercase; }

.inner-banner.has-overlay .bg-media:after{
    background: #000;
    opacity: 0.2;
    z-index: 0;
    mix-blend-mode: inherit;
}


@media(max-width:1199px){
    .banner-content .inner-wrap p{ font-size: 2rem; }
    .inner-banner .banner-content{ min-height: 100vh ; }
}
@media(max-width:767px){
    .mac-os .inner-banner,.mac-os .inner-banner .banner-content{ height: 100%; min-height: 100%; }
    .inner-banner .banner-content{ padding-bottom: 3rem; }
    .banner-content .inner-wrap p{ font-size: 1.8rem; }
    .banner-content .banner-subheading{ font-size: 1.4rem; }
}
/* ------------------------------------------------------------------------------------
inner-banner style end
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
post-banner style start
-------------------------------------------------------------------------------- */
.post-banner{ padding-block: 6.5rem; padding-top: 12.0rem; }
.post-banner .banner-subheading{ font-size: 1.8rem; text-transform: uppercase; letter-spacing: .113rem; margin-bottom: 2rem; }
.post-banner .content-wrap .inner-wrap{ display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.post-banner .image-wrap .inner-wrap{ padding-bottom: 120%; height: 0; position: relative; }
.post-banner .content-wrap .inner-wrap p{ font-size: var(--f-30); line-height: 1.33; }
.post-banner .image-wrap .inner-wrap img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.post-banner .desktop-hide{ display: none; }

@media(max-width:991px){
    .post-banner .banner-subheading{ font-size: 1.6rem; }
    .post-banner .image-wrap .inner-wrap{ margin-top: 3rem; padding-bottom: 76%; }
    .post-banner .mobile-hide{ display: none; }
    .post-banner .desktop-hide{ display: block; margin-top: 3rem; }
}
@media(max-width:767px){
    .post-banner{ padding-block: 4rem; padding-top: 10rem; }
    .post-banner .banner-subheading{ font-size: 1.3rem; margin-bottom: 1.5rem; }
    .post-banner .image-wrap .inner-wrap { margin-top: 1rem; padding-bottom: 115%; }
    .post-banner .content-wrap .inner-wrap p{ font-size: 2rem; }
}
/* ------------------------------------------------------------------------------------
post-banner style end
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
intro-content style start
-------------------------------------------------------------------------------- */
.intro-content{ padding-block: var(--py-100); }
.intro-content .content-wrap .inner-wrap{ padding-left: 5.0rem; }

@media(max-width:991px){
    .intro-content .content-wrap .inner-wrap{ padding-left: 0; padding-top: 3.0rem; }
    .intro-content .content-wrap .inner-wrap h1{ font-size: 3.8rem; }
}
@media(max-width:767px){
    .intro-content .heading-wrap .inner-wrap{ width: 160px; }
    .intro-content .content-wrap .inner-wrap h1{ font-size: 2.6rem; }
}
/* ------------------------------------------------------------------------------------
intro-content style end
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
what-we-do style start
-------------------------------------------------------------------------------- */

.card-circle { width: 100%; border-radius: 50%; text-align: center; padding: 30px; transition: transform 0.3s ease-in-out; position: relative; display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1/1; }
.card-circle:before, .card-circle:after{ z-index: 0; transition: transform 0.3s ease-in-out, background 0.3s ease-in-out; }
.card-circle:before{ background: rgb(80,59,180); background: linear-gradient(190deg, rgba(80,59,180,1) 0%, rgba(87,60,177,1) 30%, rgba(235,77,123,1) 100%); width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ""; border-radius: 50%; opacity: .4; }
.card-circle:after{ background-color: var(--color-lilac); width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content: ""; border-radius: 50%; /* opacity: 0; */ }
.card-circle > *{ position: relative; z-index: 1; }
/* .card-circle .card-content{ padding: 3.0rem 4.0rem; } */
.card-circle .card-content{ padding: 3.0rem 1rem; }
.card-circle h3 { margin-bottom: 2.0rem; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
/* .card-circle p { font-size: 2.0rem; margin-bottom: 2.0rem; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } */
.card-circle p { font-size: 2.0rem; margin-bottom: 2.0rem; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.card-circle:hover:after{ background: rgb(209,197,234); background: linear-gradient(180deg, rgba(209,197,234,1) 0%, rgba(219,198,230,1) 35%, rgba(241,200,221,1) 100%); }
.card-circle:hover:before,.card-circle:hover:after{ transform: translate(-50%, -50%) scale(1.1); }


.what-we-do{ background-color: var(--color-lilac); padding-block: var(--py-100); }
.what-we-do-list{ margin-inline: -2.7rem; margin-top: var(--mt-80); justify-content: center; row-gap: 3.0rem; padding-inline: 7rem; }
.what-we-do-item{ padding: 0 2.7rem; }
@media(max-width:1399px){
    .what-we-do-list{ padding-inline: 3rem; }
}
@media(max-width:1199px){
    .what-we-do-list{ padding-inline: 8rem; }
}
@media(max-width:991px){
    .what-we-do-list{ row-gap: 0; justify-content: center; margin-inline:0; padding-inline: 0;}
    .what-we-do-item{ padding: 0 .5rem; }
    .card-circle .card-content{ padding: 3rem 2rem; }
}

@media(max-width:767px){
    .what-we-do-list{ row-gap: 2rem;  }
    .what-we-do .container{ max-width: 41rem; }
    .card-circle .card-content{ padding: 3.0rem 2rem; }
    .card-circle h3{ font-size: 2.1rem; }
}
/* ------------------------------------------------------------------------------------
what-we-do style end
-------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
image-content style start
-------------------------------------------------------------------------------- */
.image-content{ padding-block: var(--py-100); overflow: hidden; }
.image-content .row-wrap{ align-items: center; }
.image-content .image-wrap{ position: relative; }
.image-content .image-wrap .inner-wrap{ max-width: 50rem; padding-bottom: 89%; position: relative; height: 0; }
.image-content .image-wrap .inner-wrap img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.image-content .image-wrap:after{ width: 140%; height: 140%; content: ""; position: absolute; right: -5%; top: 10%; background-image: url(../images/dot-pettern.svg); background-repeat: no-repeat; background-position: center center; z-index: -1; background-size: contain; }
.image-content .content-wrap .inner-wrap{ max-width: 580px; }
.image-content .content-wrap p, .image-content .content-wrap li{ font-size: var(--f-26); }

@media(min-width: 992px){
    .image-content.right-image .row-wrap{ flex-direction: row-reverse; }
    .image-content.right-image .image-wrap:after{ right: -30%; }
}
@media(max-width:1199px){
    .image-content .image-wrap .inner-wrap{ padding-bottom: 113%; }
}

@media(max-width:991px){
    .image-content .content-wrap{ margin-top: 4.0rem; }
    .image-content .image-wrap .inner-wrap{ margin-inline: auto; max-width: 49.6rem; padding-bottom: 86.3%; }
    .image-content .image-wrap:after { width: 140%; height: 140%; right: -17%; }
}
@media(max-width:767px){
    .image-content .image-wrap .inner-wrap{ max-width: 45rem; padding-bottom: 93%; }
}
@media(max-width:600px){
    .image-content .image-wrap .inner-wrap{ max-width: 26.6rem;  }
}
/* ------------------------------------------------------------------------------------
image-content style end
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
our work style start
-------------------------------------------------------------------------------- */
.card-our-work .card-content{
    padding-top: 3.5rem;
}
.card-our-work .tag{ text-transform: uppercase; font-size: var(--f-18); margin-bottom: 10px; }
.our-work{
    padding-block: var(--py-100);
}
.our-work-list{
    margin-inline: -3.0rem;
    margin-top: 8.0rem;
    row-gap: 5rem
}
.our-work-item{
    padding: 0 3.0rem;
}

.our-work .button-wrap{
    margin-top: 8.0rem;
}
@media(max-width:767px){
    .our-work-list{
        margin-inline: 0 ;
        margin-top: 4rem;
        row-gap: 3rem;
    }
    .our-work-item{
        padding: 0;
    }

    .our-work .card-post .tags{
        font-size: 1.3rem;
    }
}
/* ------------------------------------------------------------------------------------
our work style end
-------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
image-content-inline section start
-------------------------------------------------------------------------------- */
.image-content-inline{
    background-color: var(--color-black);
}
.card-inline{
    display: flex;
    height: 228px;
}
.card-inline .card-image{
    flex: 1;
}
.card-inline .card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}
.card-inline .card-content{
    width: 45%;
    text-align: center;
    padding: 2.0rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--color-white);
}
.card-inline .text-big{
    font-size: 6.0rem;
    line-height: 1.3;
    font-weight: bold;
}
.card-inline p{
    font-size: var(--f-23);
    line-height: 1.21;
    text-transform: uppercase;
    letter-spacing: .2rem;
    max-width: 160px;
    font-weight: 500;
    margin: 0 auto;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.image-content-inline-slider{
    display: flex;
    justify-content: center;
}
.image-content-inline-slider .slide-item{
    width: 44%;
}
@media(max-width:991px){
    .image-content-inline-slider .slide-item{
        width: 83%;
    }
}

@media(max-width:767px){
    .card-inline .text-big{
        font-size: 3.5rem;
    }
    .card-inline p{
        font-size: 1.3rem;
    }
}
/* ------------------------------------------------------------------------------------
image-content-inline section end
-------------------------------------------------------------------------------- */

/*-----------------------------------------------------------------------
site-footer style start
------------------------------------------------------------------------*/
.site-footer{ background-color: var(--color-black); padding: 5.8rem 0 0; color: var(--color-white);}
.site-footer .heading{ font-weight: bold; font-size: 2.4rem; margin-bottom: 1.2rem; line-height: 1.33; }
.top-wrap > div{ width: 25%; padding: 0 15px; }
.top-wrap .footer-logo-wrap{ width: 35%; }
.footer-logo-wrap .inner-wrap{ padding: 5px 0 0 ;
    padding-right: 1rem;
}
.footer-logo-wrap .logo{ display: inline-block; margin-bottom: 10px;max-width: 223px; }
.footer-logo-wrap address{ margin-top: 17px; font-style: normal;font-weight: 500; }
.footer-logo-wrap address:last-of-type{ margin-bottom: 20px; }

.footer-logo-wrap .contact-links{
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.footer-logo-wrap .contact-links > *{
    width: calc(50% - 2rem);
}
.top-wrap .quick-links-wrap{ width: 17.4%; }
.site-footer a:hover{
    opacity: .6;
}
.site-footer ul li{ margin-bottom: 1.2rem; }
.site-footer ul li:last-of-type{ margin-bottom: 0; }
.top-wrap .what-we-do-wrap{ width: 17.4%; }

.top-wrap .subscribe-wrap{ width: 30%; }
.top-wrap .subscribe-wrap input[type="email"]{ border-color: var(--color-white); color: var(--color-black);height: 5.8rem;border-radius: 0 !important; }
.top-wrap .subscribe-wrap form .mc4wp-form-fields{
    display: flex;
    flex-direction: column;
    row-gap: 1.4rem;
    margin-top: 2rem;
}
/* .top-wrap .subscribe-wrap .field-item:last-of-type{ margin-top: 0 } */
.subscribe-wrap .field-item{
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.6rem;
}
.subscribe-wrap input[type="checkbox"]{
    border: none !important;
    outline: none !important;
    border-radius: 0;
    width: 2rem;
    height: 2rem;
    appearance: none;
    background: #fff;
    background-size: 2.6rem;
    cursor: pointer;
    background-position: center;
    margin-right: .6rem;
}

.subscribe-wrap input[type="checkbox"]:checked{
    background-image: url(../images/check-svg-black.svg);
}

.top-wrap .subscribe-wrap .cta-button{ border-color: var(--color-white); color: var(--color-white); padding-bottom: .8rem;}
.top-wrap .subscribe-wrap .cta-button:hover{
    background-color: var(--color-white);
    color: var(--color-black);
}
.top-wrap .subscribe-wrap .mc4wp-response{
    padding-top: 1rem;
}
.top-wrap .subscribe-wrap .mc4wp-response .mc4wp-error{
    color: red;
}
.top-wrap .subscribe-wrap .mc4wp-response .mc4wp-notice{
    color: #08ae08;
}
.top-wrap .subscribe-wrap .mc4wp-response p{
    font-size: 1.4rem;
}

.top-wrap{ padding-bottom: 5.5rem; }
.site-footer .bottom-wrap{ padding: 2.0rem 0; position: relative; }
.site-footer .bottom-wrap:before{ width: calc(100% - 3rem); left: 50%; transform: translateX(-50%); top: 0; content: ""; position: absolute; height: 1px; background-color: var(--color-white); opacity: .3;}
.site-footer .bottom-wrap .social-link{ display: flex; gap: 2rem; align-items: center; justify-content: flex-end; padding: 1rem 0; }
.site-footer .bottom-wrap .social-link a{ display: flex; align-items: center; }
.site-footer .bottom-wrap .box-6:first-of-type p{
    display: flex; flex-wrap: wrap; column-gap: 1.3rem;
}

.top-wrap .subscribe-wrap .cta-button{
    padding-right: 4.5rem;
    background-image: url(../images/button-arrow-wihte.svg);
    background-position: 89% 61%;
    background-repeat: no-repeat;
    background-size: 20px;
}
.top-wrap .subscribe-wrap .cta-button:hover{
    background-image: url(../images/button-arrow-black.svg);
}

@media(max-width:1199px){
    .footer-logo-wrap address,
    .footer-logo-wrap address p,
    .site-footer ul li,
    .bottom-wrap p{
        font-size: 1.8rem;
    }
}

@media(max-width:991px){

    .top-wrap > div{ width: calc(25% - 1rem) !important; }
    .top-wrap{ column-gap: 1rem; row-gap: 3rem; }
    /* .top-wrap .what-we-do-wrap{ order: 4; } */
    .footer-logo-wrap .inner-wrap{
        padding-right: 0;
    }
    .top-wrap .footer-logo-wrap {
        width: 100% !important;
    }
    .top-wrap .quick-links-wrap,
    .top-wrap .what-we-do-wrap{
        margin-top: 3rem;
    }
    .top-wrap .quick-links-wrap .inner-wrap, .top-wrap .what-we-do-wrap .inner-wrap{
        padding-left: 0;
    }
    .top-wrap .subscribe-wrap {
        width: calc(50% - 1rem) !important;
        margin-top: 3rem;
    }
    .top-wrap .subscribe-wrap .field-item:last-of-type{ margin-top: 14px; }
    .top-wrap { padding-bottom: 4.4rem; }
    .bottom-wrap { padding: 1.3rem 0; }
    .bottom-wrap .social-link{ padding: .5rem 0; }

    .site-footer h5{
        font-size: 1.8rem;
    }
    .site-footer .heading{
        font-size: 2rem;
    }
    .footer-logo-wrap .contact-links{
        max-width: 65%;
    }
    .footer-logo-wrap address{
        margin-top: 2.5rem;
    }
}
@media(max-width:767px){
    .top-wrap > div {
        width: calc(50% - 0rem) !important;
    }
    .top-wrap{ column-gap: 0px; row-gap: 45px; }
    /* .top-wrap .quick-links-wrap{ order: 3; width: 50% !important; padding-top: 0; } */
    .top-wrap .footer-logo-wrap {
        width: 100% !important;
    }
    .footer-logo-wrap .logo{
        width: 15rem;
    }
    .footer-logo-wrap .inner-wrap{
        padding-right: 0;
    }
    .top-wrap .what-we-do-wrap{ width: 50% !important; }
    .top-wrap .quick-links-wrap .inner-wrap, .top-wrap .what-we-do-wrap .inner-wrap{ padding-left: 0; }
    .top-wrap .quick-links-wrap,
    .top-wrap .what-we-do-wrap{
        margin-top: 0rem;
    }
    .site-footer .heading{ font-size: 1.8rem; }
    .footer-logo-wrap address, .footer-logo-wrap address p, .site-footer ul li, .bottom-wrap p{ font-size: 1.5rem; }
    .site-footer ul li{ font-size: 16px; }
    .top-wrap .subscribe-wrap { margin-top: 0; }
    .bottom-wrap .social-link{ padding: 0; }
    .site-footer .bottom-wrap .box-6:first-of-type p{
        column-gap: .7rem;
    }
    .footer-logo-wrap .contact-links{
        max-width: 100%;
    }
    .top-wrap .subscribe-wrap {
        width: 100% !important;
    }
    .site-footer h5,
    .footer-logo-wrap{
        font-size: 1.5rem;
    }
}
@media(max-width: 390px){
    .footer-logo-wrap address, .footer-logo-wrap address p, .site-footer ul li, .bottom-wrap p{ font-size: 1.5rem; }

}
/*-----------------------------------------------------------------------
site-footer style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
our-process style end
------------------------------------------------------------------------*/
.our-process-list{ position: relative;  margin-top: 8.0rem; /* padding-inline: 5.2rem; */ display: grid; grid-gap: 11rem; }
.our-process-list .line{
    content: "";
    position: absolute;
    top: 0;
    left:50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: hsla(0, 0%, 31%, 0.48);
}
.our-process-list .line:before,
.our-process-list .line span,
.our-process-list .line:after{
    width: 1rem;
    height: 1rem;
    background-color: #505050;
    border-radius: 1rem;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.our-process-list .line span{
     width: 4.1rem;
    height: 4.1rem;
    background: linear-gradient(120deg, #503BB4 0%, #EB4D7B 100%);
    /* content: ""; */
    position: sticky;
    top: calc(50vh - 20.5px); /* Centers the circle in the viewport */
    display: block;
    border-radius: 100%;
    margin-top: -20px; /* Adjust for any alignment issues */
    transition: all 0.2s ease;
    z-index: 1;
}

.our-process-list .line:before{
    top: 0;
}
.our-process-card{ align-items: center; margin-block: 8.0rem; display: flex; overflow: hidden;}
.our-process-list-item:nth-child(odd) .our-process-card .image-wrap.aos-init:not(.aos-animate){ transform: translateX(-100px); opacity: 0; transition-delay: .5s;}
.our-process-list-item:nth-child(odd) .our-process-card .content-wrap.aos-init:not(.aos-animate){ transform: translateX(100px); opacity: 0;transition-delay: .5s;}
.our-process-list-item:nth-child(even) .our-process-card .image-wrap.aos-init:not(.aos-animate){ transform: translateX(100px); opacity: 0;transition-delay: .5s;}
.our-process-list-item:nth-child(even) .our-process-card .content-wrap.aos-init:not(.aos-animate){ transform: translateX(-100px); opacity: 0;transition-delay: .5s;}
.our-process-card:not(.our-services-card) .image-wrap .inner-wrap{ padding-bottom: 89%; height: 0; position: relative; }
.our-process-card:not(.our-services-card) .image-wrap img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
/* .our-process-card > *{ border: var(--bdr); } */
.our-process-card:not(.our-services-card) .content-wrap .inner-wrap{ padding: 2rem 0; }
.our-process-card p{ font-size: var(--f-26); }
.our-process-card p:last-of-type{ margin-bottom: 0; }
.our-process{ padding-block: var(--py-100); }

@media(min-width:768px){
    .our-process-card{
        gap: 7rem;
        margin-block: 0;
    }
    .our-process-card > *{
        width: calc(50% - 32px);
    }
    .our-process-card:not(.our-services-card) .image-wrap .inner-wrap{
        padding-bottom: 98%;
    }
    .our-process-card:not(.our-services-card) .content-wrap{
        max-width: 44.8rem;
    }
    .our-process-list-item:nth-child(even) .our-process-card{
        flex-direction: row-reverse;
    }
    .our-process-list-item:nth-child(even) .our-process-card:not(.our-services-card) .content-wrap{
        text-align: right;
    }
}
@media(min-width:1200px){
    .our-process-card{
        gap: 16.5rem;
    }
    .our-process-card > *{
        width: calc(50% - 80px);
    }
    .our-process-card:not(.our-services-card) .image-wrap .inner-wrap{
        padding-bottom: 74%;
    }
}
@media(max-width:1199px){
    .our-process-list .line span{
        width: 3rem;
        height: 3rem;
    }
}
@media(max-width:991px){
    .our-process-card:not(.our-services-card) .content-wrap .inner-wrap{
        padding: 4rem 0;
    }


    .our-process-list{
        padding-inline: 0;
        grid-gap: 7rem;
    }
}

@media(max-width:767px){
    .our-process-card p{
        font-size: 1.8rem;
    }
    .our-process-card:not(.our-services-card) .content-wrap .inner-wrap{
        padding: 4rem 0 0;
    }
     .our-process-list{
        grid-gap: 4rem;
     }
    .our-process-list .line{
        left: 1rem;
    }
    /* .our-process-list .line:before{
        width: 3.0rem;
        height: 3.0rem;
    } */
    .our-process-list{
        padding-left: 5.0rem;
        margin-top: 4rem;
    }

    .our-process-card{
        flex-direction: column;
        margin-block: 0;
    }
    .our-process-card > *{
        width: 100%;
    }
    .our-process-card .content-wrap .inner-wrap{
        padding-bottom: 0;
    }

    .our-process-list-item:nth-child(odd) .our-process-card .image-wrap.aos-init:not(.aos-animate),.our-process-list-item:nth-child(even) .our-process-card .content-wrap.aos-init:not(.aos-animate){ transform: translateX(100px); opacity: 0; transition-delay: .5s;}


}
/*-----------------------------------------------------------------------
our-process style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
our-process style end
------------------------------------------------------------------------*/
.our-services-card{ margin: 0; }
.is-active .our-services-card{ padding-block: 5rem; }
.our-services-card .group-images{ max-height: 0; overflow: hidden; display: grid; grid-gap: 2.0rem; padding-top: 2.0rem; /* display: none; */ }
.our-services-card .image-wrap .inner-wrap{ background-color: var(--color-white); transition:  padding .3s;}
.our-services-card .image-wrap img{ object-fit: cover; object-position: center; transition: all .5s; width: 100%;}
.our-services-card .image-wrap .inner-wrap .group-images img{opacity: 0;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(1){transition-delay: .2s;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(2){transition-delay: .4s;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(3){transition-delay: .8s;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(4){transition-delay: 1.1s;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(5){transition-delay: 1.4s;}
.our-services-card .image-wrap .inner-wrap .group-images img:nth-child(6){transition-delay: 1.8s;}

.is-active .our-services-card .image-wrap .inner-wrap img{ opacity: 1;}
.is-active .our-services-card .image-wrap img{ height: 243px; }
.is-active .our-services-card .group-images{ max-height: max-content; overflow: inherit; }
.is-active .our-services-card .image-wrap .inner-wrap{
    padding: 2.0rem;
}



.our-services-card .wysiwyg-content p{
    font-size: var(--f-26);
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all .3s;
}
.our-services-card .wysiwyg-content p a{
    text-decoration: underline;
}
.our-services-card .wysiwyg-content p a:hover{
    text-decoration: none;
}
.is-active .our-services-card .wysiwyg-content p{
    line-clamp: auto;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    display: block;
    overflow: inherit;
}

.our-services-card .hidden-content{
    display: none;
    padding-top: 2.0rem;
}
.our-services-card .hidden-content p{
    font-size: var(--f-20);
    line-clamp: inherit;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    display: inline-block;
    overflow: inherit;
}
.our-services-card .button-wrap{
    padding-top: 2.5rem;
}
.our-services-card .more-content-trigger{
    width: 4.4rem;
    height: 4.4rem;
    margin-left: auto;
    margin-top: 2.0rem;
    border: 0.2rem solid var(--color-black);
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: all .3s;

    cursor: pointer;
}
.our-services-card .more-content-trigger:hover{
    transform: rotate(-90deg);
}
.our-services-card .more-content-trigger.is-open{
    transform: rotate(-90deg);
}
.our-services-list-item{
    position: relative;
}
.our-services-list-item:last-of-type{
    padding-bottom: 0;
}
.our-services-list-item.is-active:before{
    transition: all .2s;
    width: 100vw;
    height: 100%;
    background: #503BB4;
    background: linear-gradient(180deg, #503BB4 0%, #EB4D7B 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    opacity: .15;
    z-index: -1;
}



@media(max-width:991px){
    .our-services-list{
        padding-inline: 0;
        padding-top: 7rem;
    }
    .our-services-card .content-wrap .inner-wrap{
        padding: 0;
        transition: all .3s;
    }
    .our-services-list-item{
        padding-block: 2.0rem;
        margin-block: 3rem;
    }
    .our-services-card .more-content-trigger{
        width: 3.8rem;
        height: 3.8rem;
    }
    .our-services-card .more-content-trigger svg{
        width: 75%;
    }

    .is-active .our-services-card .image-wrap .inner-wrap{
        padding: 1rem;
    }
    .is-active .our-services-card .group-images{
        padding-top: 1rem;
        grid-gap: 1rem;
    }
    .is-active .our-services-card .image-wrap img{
        aspect-ratio: 16 / 9;
        height: auto;
    }
}

@media(max-width:767px){
    .our-services-list{
        padding-left: 4rem;
        padding-top: 2rem;
    }
    .our-services-list-item{
        margin-block: 0;
        padding-block: 0;
    }
    /* .our-services-card .image-wrap img{
        height: 200px;
    } */
    .our-services-card .content-wrap .inner-wrap{
        padding-top: 2.4rem;
    }
    .our-services-card .hidden-content p{
        font-size: 1.6rem;
    }
    .our-services-card .more-content-trigger{
        width: 2.5rem;
        height: 2.5rem;
    }
    .is-active .our-services-card {
        padding-block: 2rem;
    }
    .our-services-card .group-images img:not(:first-of-type){
        display: none;
    }
    .our-services-list-item.is-active:before{
        width: 100vw;
        left:-6rem;
        transform: none;
    }

}
/*-----------------------------------------------------------------------
our-values style start
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
our-values style start
------------------------------------------------------------------------*/
.our-values-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--mt-80);
}

.value-card {
    display: flex;
    background-color: var(--color-lilac-500);
    overflow: hidden;
}
.value-card:nth-child(4n+4),
.value-card:nth-child(4n+3){
    flex-direction: row-reverse;
}

.value-card.reverse {
    flex-direction: row-reverse;
}

.value-card .card-image {
    width: 50%;
    overflow: hidden;
    position: relative;
}
.value-card .bg-video{
    pointer-events: none;
}
.value-card .bg-video iframe{
    height: 30.25vw;
    min-height: 40vh;
    min-width: 50.77vh;
    width: 65vw;
}
.value-card .card-image img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    position: absolute;
}

.value-card .card-content {
    width: 50%;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    padding-top: 8.7rem;
    min-height: 310px;
}

.value-card h2 {
    font-size: var(--f-30);
}

.value-card .number {
    font-size: 4.5rem;
    line-height: 1.42;
    letter-spacing: -0.03rem;
    position: absolute;
    right: 2.4rem;
    top: 2.4rem;
    /* outline */
    -webkit-text-stroke: 1px var(--color-black);
    -webkit-text-fill-color: transparent;
}

.value-card p {
    font-size: 2.4rem;
    line-height: 1.5;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.our-values{
    padding-top: var(--py-100);
    background-color: var(--color-lilac);
}
@media(min-width:1200px){
    .value-card:nth-child(4n+4) , .value-card:nth-child(4n+3) {
        background-color: var(--color-lilac-100);
    }
}
@media(max-width:1199px){
    .our-values-list{
        grid-template-columns: 1fr;
    }
    .value-card:nth-child(4n+4),
    .value-card:nth-child(4n+3){
        flex-direction: inherit;
    }
    .value-card:nth-child(even){
        flex-direction: row-reverse;
    }
    .value-card h2{
        font-size: 3rem;
    }
}
@media(max-width:767px){
    .value-card h2{
        font-size: 1.8rem;
    }
    .value-card p{
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
    .value-card .card-content{
        min-height: 210px;
         padding: 1.7rem;
        padding-top: 6rem;
    }
    .value-card .number{
        right: 1rem;
        top: 1rem;
        font-size: 2.5rem;
    }
    .value-card p {
        line-clamp: 6;
        -webkit-line-clamp: 6;
    }
    /* .value-card .card-image{
        width: 100%;
        aspect-ratio: 1/1;
    }
    .value-card .card-content{
        width: 100%;
    } */
}
/*-----------------------------------------------------------------------
our-values style end
------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
speak-to-seven style start
------------------------------------------------------------------------*/
.speak-to-seven{
    position: relative;
    overflow: hidden;
    padding-block: 6.3rem;
    color: var(--color-white);
    background: rgb(80,59,180);
    background: linear-gradient(124deg, rgba(80,59,180,1) 0%, rgba(87,60,177,1) 42%, rgba(235,77,123,1) 100%);
}
.speak-to-seven .row-wrap{
    align-items: center;
}
.speak-content{
    display: flex;
    align-items: center;
    gap: 3.0rem;
}
.speak-content h2{
    width: 20.0rem;
}
.speak-content p{
    font-size: var(--f-30);
    line-height: 1.33;
    text-align: center;
    flex: 1;
}

.speak-links{
    display: flex;
    justify-content: flex-end;
    gap: 2.0rem;
}
.speak-links .cta-button{
    background-color: var(--color-white);
    border-color: #707070;
    border-width: 1px;
    color: var(--color-black);
    min-width: 14rem;
    padding-bottom: .8rem;
}
.speak-links .cta-button svg path{
    fill: currentcolor;
    stroke: none;
    transition: all .2s;
}
.speak-links .cta-button:hover{
    background-color: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black);
}

/* button-content style */
.speak-to-seven .button-content{
    display: flex;
    justify-content: center;
}
.speak-to-seven .button-content .cta-button{
    font-size: 1.8rem;
    padding: .3rem 2.4rem;
}
.mac-os .speak-to-seven .button-content .cta-button{
    padding-top: 1rem;
}
.speak-to-seven .button-content .cta-button svg{
    width: 2.2rem;
}

@media(min-width:1200px){
    .speak-content h2{
        margin-bottom: 0;
    }
}

@media(max-width:1399px){
    .speak-links{
        gap: 1.3rem;
    }
}
/* @media(max-width:1199px){
    .speak-links{
        flex-direction: column;
    }
} */



/* row-layout */
.row-layout{
    color: var(--color-black);
    background-image: url(../images/img/speaktoseven-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-block: 15.0rem ;
    position: relative;
}
.row-layout:after{
        background: rgb(80, 59, 180);
    background: linear-gradient(190deg, rgba(80, 59, 180, 1) 0%, rgba(87, 60, 177, 1) 30%, rgba(235, 77, 123, 1) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";

    opacity: .4;
    z-index: -1;
    pointer-events: none;
}

.row-layout .speak-content h2{
    width: 100%;
    margin-bottom: 3.0rem;
}
.row-layout .speak-content p{
    text-align: left;
}
.row-layout .speak-links{
    justify-content: flex-start;
    margin-top: 5.0rem;
}
.row-layout .cta-button{
    background-color: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black);
}
.row-layout .cta-button:hover{
    background-color: var(--color-white);
    color: var(--color-black);
    border-color: var(--color-white);
}
@media(min-width:1400px){
    .row-layout{
        padding: 10.4vw 0;
    }
}
@media(max-width:1399px){
    .row-layout .speak-content .inner-wrap{
        max-width: 80%;
    }
}
@media(max-width:1199px){
    .row-layout{
        padding-block: 10rem;
        background-image: url(../images/img/speaktoseven-bg-tablate.jpg) !important;
        background-size: cover;
    }
    .row-layout .speak-links{
        flex-direction: row;
    }


    .speak-content{
        flex-direction: column;
        align-items: flex-start;
        gap: 2.0rem;
    }
}
@media(max-width:991px){
    .speak-content{
        flex-direction: column;
        align-items: flex-start;
    }
    .speak-content h2{
        margin-bottom: 2rem;
        width: max-content;
    }
    .speak-content p{
        text-align: left;
    }
    .speak-links{
        justify-content: flex-start;
        margin-top: 3.5rem;
    }
    .row-layout .speak-content .inner-wrap{
        max-width: 60%;
    }
}
@media(max-width:767px){
    .speak-content{
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }
    .speak-content h2{
        width: 100%;
    }
    .speak-links{
        justify-content: flex-start;
        margin-top: 30px;
        flex-direction: row;
    }

    .row-layout .speak-content{
        text-align: left;
    }
    .row-layout .speak-content .inner-wrap{
        max-width: 280px;
    }
    .row-layout .speak-content h2 {
        margin-bottom: 1.8rem;
    }
    .row-layout .speak-content .inner-wrap{
        width: 100%;
        max-width: 100%;
    }
    .row-layout .speak-links {
        margin-top: 2.5rem;
    }
}

@media(max-width:575px){
    .row-layout{
        padding-top: 4.5rem;
        background-image: url(../images/img/speaktoseven-bg-mobile.jpg) !important;
        background-position: bottom;
        padding-bottom: 60%;
    }
}
@media(max-width:320px){
    .row-layout .speak-links {
        flex-direction: column;
    }
}
/*-----------------------------------------------------------------------
speak-to-seven style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
post card and filter style start
------------------------------------------------------------------------*/
.card-post .card-image{
    padding-bottom: 71%;
    position: relative;
    height: 0;
    width: 100%;
    background-color: var(--color-lilac-500);
    overflow: hidden;
}
.card-post a:hover{
    text-decoration: none;
}
.card-post .card-image *{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.card-post .card-image img{
    transition: all 0.5s;
}
.card-post:hover .card-image img{
    transform: scale(1.04);
}
.card-post .tags{
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    font-size: 1.8rem;
    margin-bottom: .8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .15rem;
}
.card-post .card-content{
    padding-top: 2.0rem;
}
.card-post .card-content ~ .card-content{
    padding-top: 0;
}
.card-post h3{
    margin-bottom: 0;
}
.card-post p{
    font-size: 2.6rem;
    max-width: 500px;
}


.post-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    opacity: .5;
    z-index: 1;
}

.filter-posts{
    padding-block: var(--py-100);
    overflow: hidden;
    position: relative;
}
.filter-posts .container{
    position: initial;
}
.filter-posts .section-heading{
    align-items: center;
}
.filter-posts .section-heading .inner-wrap{
    overflow: hidden;
}
.filter-posts .section-heading h2{
    margin-bottom: 0;
}
.filter-posts-list{
    margin-top: rem;
    margin-inline: -3.0rem;
    display: flex;
    flex-wrap: wrap;
}
.filter-posts-item{
    width: 50%;
    padding: 6.0rem 3.0rem;
}

.filter-posts-item.big-post{
    width: 100%;
    padding-block: 8.0rem;
    background-color: var(--color-lilac);
    position: relative;
}
.filter-posts-item.big-post:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    background-color: var(--color-lilac);
    height: 100%;
    width: 300vw;
    transform: translateX(-50%);
}
.filter-posts-item.big-post:after{
    width: 60%;
    height: 96%;
    background-image: url(../images/case-studies-image-pattern.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 50%;
    left: 55%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 0;
    mix-blend-mode: hard-light;
}
.filter-posts-item .card-post .card-image{
    background-color: transparent;
}
.filter-posts-item.big-post .card-post{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: 60px;
    position: relative;
    z-index: 1;
}
.filter-posts-item.big-post .card-image{
    grid-column: 2/3;
    grid-row: 2/-1;
    padding-bottom: 0;
    height: inherit;
}
.filter-posts-item.big-post .card-image *{
    position: relative;
}
.filter-posts-item.big-post .card-image a{
    width: 512px;
    margin-left: auto;
}
.filter-posts-item.big-post .card-image img{
    aspect-ratio: 8 / 10;
    filter: grayscale(1);
}
.filter-posts-item.big-post .card-content{
    grid-column: 1/2;
    padding-right: 4.0rem;
    padding-top: 2rem;
}
.filter-posts-item.big-post .card-content:last-of-type{
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    justify-content: center;
}
.filter-posts .button-wrap .cta-button svg{
    width: 23px;
    margin-top: -3px;
    transition: all .4s;
}
.filter-posts .button-wrap .cta-button:hover svg{
    transform: rotate(-90deg);
}

@media(min-width:1200px){
    .filter-posts-item.big-post .card-post{
        grid-template-rows: auto 25% 1fr;
    }
    .filter-posts-item.big-post .card-content {
        grid-row: 1 / 3;
    }
    .filter-posts-item.big-post .card-image{
        grid-row: 2 / -1;
    }
    .card-post .card-content ~ .card-content {
        grid-row: 3 / -1 !important;
    }
}

@media(max-width: 1199px){
    .filter-posts-item.big-post .card-image a{
        width: 40rem;
    }
    .filter-posts-item.big-post .card-image img{
        aspect-ratio: 5 / 6;
    }
    .card-post .tags{
            font-size: 1.4rem;
    }
}
@media(max-width: 991px){
    .filter-posts .section-heading h2{
        margin-bottom: 3rem;
    }
    .filter-posts-item{
        width: 100%;
        padding: 3.0rem 3.0rem;
    }
    .filter-posts-item.big-post .card-post{
        grid-template-columns: 0.56fr 1fr 0.7fr;
        grid-template-rows: auto 1fr auto;
        grid-gap:2rem;
        row-gap: 6rem;
    }
    .filter-posts-item.big-post .card-content {
        grid-column: 1 / 3;
        padding-right: 0;
    }
    .filter-posts-item.big-post .card-image{
        grid-column: 2 / 4;
        grid-row: 2 / 3;
    }
    .filter-posts-item.big-post .card-image a{
        width: 51.2rem;
        max-width: 100%;
    }
    .filter-posts-item.big-post:after{
        width: 90%;
        left: 45%;
    }
    .card-post p{
        font-size: 2rem;
    }

}

@media(max-width:767px){
    .filter-posts-item.big-post{
        padding-block: 2rem;
    }
    .filter-posts-item.big-post .card-content {
        grid-column: 1 / 4;
        padding-right: 0;
    }
    .filter-posts-item.big-post .card-image {
        grid-column: 1 / 4;
        padding: 4rem 0;
    }
    .filter-posts-item.big-post .card-image a {
        width: 256px;
        margin: 0 auto;
    }
    .card-post .tags{
            font-size: 1.3rem;
    }
}


/*-----------------------------------------------------------------------
post card and filter style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
blog-detail-intro style start
------------------------------------------------------------------------*/

.blog-detail-intro{
    padding-block: var(--py-50);
}
.blog-detail-intro .row-wrap{
    align-items: center;
}
.blog-detail-intro .content-wrap p{
    font-size: var(--f-26);
}
.blog-detail-intro .tags-wrap ul{
    display: flex;
    flex-wrap: wrap;
    margin-inline: -1.0rem;
}
.blog-detail-intro .tags-wrap .inner-wrap{
    width: 300px;
    margin-left: auto;
    text-transform: uppercase;}
.tags-heading{
    font-size: var(--f-18);
    letter-spacing: 0.1rem;
    margin-bottom: 1rem;
}
.blog-detail-intro .tags-wrap ul li{
    width: 50%;
    padding-inline: 1.0rem;
    margin: 0;
    margin-top: 0.7rem;
    display: flex;
    align-items: center;
    gap:0.8rem;
    font-size: 1.7rem;
    letter-spacing: 0.1rem;
}
.blog-detail-intro .tags-wrap ul li svg{
    flex-shrink: 0;
}
@media(max-width:991px){
    .blog-detail-intro .tags-wrap{
        margin-top: 2.0rem;

    }
    .blog-detail-intro .tags-wrap .inner-wrap{
        margin-left: 0;
    }
}

@media(max-width:767px){
    .blog-detail-intro .tags-wrap ul li{
        font-size: 1.6rem;
    }

}
/*-----------------------------------------------------------------------
blog-detail-intro style end
------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
card-alternat-image-content style start
------------------------------------------------------------------------*/
.card-alternat{
    align-items: center;
    display: flex;
    gap: 11.3rem;
}
.card-alternat p{
    font-size: var(--f-26);
}

.card-alternat > *{
    width: 50%;
}
.card-alternat .card-image img{
    width: 100%;
}
.alternat-image-content{
    padding-block: var(--py-100);
    overflow: hidden;
}
.alternat-image-content-wrap{
    display: grid;
    grid-gap: 9.0rem;
}
.card-alternat .card-content a{
    text-decoration: underline;
}
.card-alternat .card-content a:hover{
    text-decoration: none;
}


@media(min-width:1200px){
    .alternat-image-content .container{
        max-width: 1070px;
    }
}
@media(min-width:768px){
    .alternat-item:nth-child(even) .card-alternat{
        flex-direction: row-reverse;
    }
}

@media(max-width:991px){
    .card-alternat{
        gap: 5rem;
    }
}
@media(max-width:767px){

    .card-alternat{
        flex-direction: column;
        gap: 3rem;
    }
    .alternat-image-content-wrap{
        gap: 5rem;
    }
    .card-alternat > *{
        width: 100%;
    }
}


/*-----------------------------------------------------------------------
card-alternat-image-content style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
single-testimonial style start
------------------------------------------------------------------------*/
.card-testimonial{
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.card-testimonial .card-image .inner-wrap{
    position: relative;
    height: 0;
    padding-bottom: 108%;
    max-width: 51.4rem;
    margin-left: auto;
}
.card-testimonial .card-image img{
    filter: grayscale(1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-testimonial blockquote{
    font-size: var(--f-38);
    line-height: 1.2;
    padding-left: 8.0rem;
    padding-bottom: 6.0rem;
    padding-right: 2.2rem;
    position: relative;
}
.card-testimonial blockquote:before,
.card-testimonial blockquote:after{
    width: 8rem;
    height: 6rem;
    content: "";
    position: absolute;
    background-image: url(../images/quat-sign.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.card-testimonial blockquote:before{
    left: 0;
    top: -1.3rem;
}
.card-testimonial blockquote:after{
    right: 6rem;
    bottom: 0;
    transform: rotate(180deg);
}
.card-testimonial .client-info{
    padding-left: 8.0rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.card-testimonial .card-content{
    width: 100%;
    margin-top: 5.0rem;
    position: relative;
    z-index: 1;
}
.single-testimonial{
    padding-block: var(--py-100);
    background-color: var(--color-lilac);
    overflow: hidden;
    position: relative;
}
.single-testimonial:after{
    width: 60%;
    height: 100%;
    background-image: url(../images/case-studies-image-pattern.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 56%;
    left: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: hard-light;
}
.single-testimonial .container{
    max-width: 1170px;
}


@media(min-width:992px){
    .card-testimonial{
        flex-direction: row-reverse;
        margin-inline: -5.0rem;
    }
    .card-testimonial > *{
        padding-inline: 5.0rem;
    }

    .card-testimonial .card-content{
        width: 55.8rem;
        max-width: 100%;
        margin-top: 0;
        padding-right: 0;
    }

}
@media(max-width:991px){
    .card-testimonial blockquote:before,
    .card-testimonial blockquote:after{
        width: 6rem;
        height: 6rem;
    }
    .card-testimonial blockquote{
        padding-left: 1rem;
        padding-bottom: 5rem;
        margin-bottom: 1rem;
    }
    .card-testimonial blockquote:before{
        left: -3rem;
    }
    .single-testimonial .container{
        max-width: 56.2rem;
    }
    .card-testimonial .client-info{
        font-size: 1.4rem;
    }
    .single-testimonial:after{
        top: 32%;
        left: 37%;
        width: 85%;
    }
}
@media(max-width:767px){

    .card-testimonial .card-image .inner-wrap {
        max-width: 280px;
        margin-inline: auto;
            padding-bottom: 89%;
    }
    .card-testimonial blockquote{
        padding-left: 1rem;
        font-size: 2rem;
        padding-right: 0;
        padding-bottom: 4rem;
    }
    .card-testimonial blockquote:before,
    .card-testimonial blockquote:after{
        width: 4.8rem;
        height: 4.8rem;
    }
    .card-testimonial blockquote:before{
            top: -1.9rem;
    }
    .card-testimonial blockquote:after{
        right: 3rem;
    }
    .card-testimonial .client-info{
        font-size: 1.1rem;
        text-align: center;
        padding-left: 0;
    }
    .single-testimonial:after{
        width: 120%;
        height: 100%;

        top: 33%;
        left: 35%;
    }

}
/*-----------------------------------------------------------------------
single-testimonial style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
three-image-content style start
------------------------------------------------------------------------*/

.three-image-content{
    background-color: var(--color-lilac);
    padding-block: var(--py-100);
    overflow: hidden;
}
.three-image-content:after{
    width: 60%;
    height: 100%;
    background-image: url(../images/case-studies-image-pattern.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 50%;
    left: 65%;
    /* transform: translateY(-50%); */
    position: absolute;
    z-index: 0;
    mix-blend-mode: hard-light;
}
.three-image-content .row-wrap{
    z-index: 1;
    position: relative;
}
.three-image-content p{
    font-size: var(--f-26);
}
.image-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-template-rows: 1fr 1fr; */
    grid-template-rows: .5fr 1fr;
    grid-gap: 5.5rem;
}
.image-grid img{
    width: 100%;
}
.image-grid .img-1{
    grid-column: 1/2;
    grid-row: 1/2;
    padding-top: 3.0rem;
}
.image-grid .img-2{
    grid-column: 2/-1;
    grid-row: 1/2;
    padding-right: 3.0rem;
}
.image-grid .img-3{
    grid-column: 2/-1;
    grid-row: 2/-1;
    padding-left: 3.0rem;
}

@media(min-width:1200px){
    .three-image-content .row-wrap{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        /* grid-template-rows: 351px 6.0rem auto; */
        grid-template-rows: 35rem 6.0rem auto;
    }
    .three-image-content .row-wrap > *{
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .three-image-content .content-wrap{
        grid-column: 1/4;
        grid-row: 2/-1;
        padding-right: 6.0rem;
    }
    .three-image-content .image-wrap{
        grid-column: 3/-1;
        grid-row: 1/-1;

    }
}
@media(max-width:991px){
    .image-grid{
        margin-top: 3rem;
    }
    .three-image-content:after{
        top: 42%;
        left: 50%;
        width: 86%;
    }
}
@media(max-width:767px){
    .image-grid{
        grid-gap: 2.5rem;
    }
    .three-image-content:after{
        width: 100%;
        left: 44%;
    }
}
/*-----------------------------------------------------------------------
three-image-content style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
post-detail-content style start
------------------------------------------------------------------------*/

.post-detail-content{
    padding-block: var(--py-100);
    padding-top: 3rem;
    overflow: hidden;
}
.post-detail-content-wrap{
    /* display: grid; */
    /* grid-gap: 4.0rem; */
}

.post-detail-content-wrap .blog-intro-content{
    padding-bottom: 4rem;
    margin-top: 5rem;
}
.post-detail-content-wrap .wp-block-image{
    margin-bottom: 3rem;
}

.post-detail-content-wrap h2,
.post-detail-content-wrap h3,
.post-detail-content-wrap h4,
.post-detail-content-wrap h5,
.post-detail-content-wrap h6{
    margin-top: 3rem;
}

.post-detail-content-wrap ul,.post-detail-content-wrap ol{
    padding-left: 2.1rem;
}
.post-detail-content-wrap ul li,
.post-detail-content-wrap ol li{
    list-style-type: disc;
    margin: 2rem 0;
}

.post-detail-content-wrap p a{
    text-decoration: underline;
}
.post-detail-content-wrap p a:hover{
    text-decoration: none;
}

/* image gallery */
.post-detail-content-wrap .wp-block-gallery{
    margin-top: 6rem;
    justify-content: center;
}
.post-detail-content-wrap .wp-block-gallery.image-colum-2,
.post-detail-content-wrap .wp-block-gallery.image-colum-3{
    gap: 3.5rem !important;
}

.post-detail-content-wrap .wp-block-gallery.image-colum-3 .wp-block-image{
    width: calc(33.33% - 3.5rem) !important;
}
.post-detail-content-wrap .wp-block-gallery.image-colum-2 .wp-block-image{
    width: calc(50% - 3.5rem) !important;
}

.single-image-slider figure{
    width: 100%;
}
.single-image-slider img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.single-image-slider .flickity-button[disabled]{
    display: none;
}
/* .single-image-slider:not(.is-draggable) .flickity-page-dots{
    display: none;
} */

.post-detail-content .wysiwyg-content h5{
    font-size: var(--f-20);
}
[class*="image-column-"]{
    margin-inline: -2.0rem;
}
[class*="image-column-"] .image-column{
    padding: 2.0rem;
}
[class*="image-column-"] figure{
    position: relative;
    padding-bottom: 120.5%;
    height: 0;
}
[class*="image-column-"] img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.image-column-3 figure{
    padding-bottom: 139%;
}
.blog-intro-content p{
    font-size: var(--f-26) ;
}
.blog-intro-content P a{
    text-decoration: underline;
}
.blog-intro-content P a:hover{
    text-decoration: none;
}
.blog-intro-content p + figure{
    margin-top: 4.0rem;
}
.blog-intro-content figure,
.blog-intro-content figure img{
    margin-inline: auto;
    display: block;
}
.blog-intro-content .button-wrap{
    margin-top: 3.0rem;
}
.blog-intro-content .cta-button svg path{
    transition: none;
}
@media(min-width:992px){
    .post-detail-content .container{
        max-width: 78.4rem;
    }
}
@media(max-width:992px){
    .post-detail-content-wrap .wp-block-gallery.image-colum-2,
    .post-detail-content-wrap .wp-block-gallery.image-colum-3{
        gap: 3rem !important;
    }

    .post-detail-content-wrap .wp-block-gallery.image-colum-3 .wp-block-image{
        width: calc(33.33% - 3rem) !important;
    }
    .post-detail-content-wrap .wp-block-gallery.image-colum-2 .wp-block-image{
        width: calc(50% - 3rem) !important;
    }
    .post-detail-content-wrap h2,
    .post-detail-content-wrap h3,
    .post-detail-content-wrap h4,
    .post-detail-content-wrap h5,
    .post-detail-content-wrap h6{
        margin-top: 3rem;
    }

}
@media(max-width:767px){
    .post-detail-content-wrap .wp-block-gallery.image-colum-2,
    .post-detail-content-wrap .wp-block-gallery.image-colum-3{
        gap: 1.3rem !important;
    }

    .post-detail-content-wrap .wp-block-gallery.image-colum-3 .wp-block-image{
        width: calc(33.33% - 1.3rem) !important;
    }
    .post-detail-content-wrap .wp-block-gallery.image-colum-2 .wp-block-image{
        width: calc(50% - 1.3rem) !important;
    }


    .post-detail-content-wrap .blog-intro-content{
        padding-bottom: 3rem;
        margin-top: 3rem;
    }
    .post-detail-content-wrap .wp-block-gallery{
        margin-top: 3rem;
    }
}
/*-----------------------------------------------------------------------
post-detail-content style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
related-blogs style start
------------------------------------------------------------------------*/
.related-blogs .card-post .card-image{
    padding-bottom: 120%;
}
.related-blogs .card-post h3{
    font-size: var(--f-20);
}
.related-blogs {
    padding-block: var(--py-100);
    overflow: hidden;
}
.related-blogs-list{
    margin-top: var(--mt-80);
}
.related-post-slider{
     display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.related-blogs-list{
    margin-inline: -3rem;
}
.related-post-slider .related-blog-item{
    width: 25%;
    padding: 0 3rem;
}
.related-post-slider .related-blog-item .tags {
    font-size: 1.4rem;
}

/* related services */
.related-service-slider .related-service-item{
    width: 33.33%;
    padding: 0 3rem;
}

@media(max-width:1399px){
     .related-blogs-list{
        margin-inline: -2rem;
    }
    .related-post-slider .related-blog-item{
        padding: 0 2rem;
    }
}
@media(max-width: 1199px){
    .related-blogs-list{
        row-gap: 3rem;
    }
}
@media(max-width:991px){
    .related-post-slider .related-blog-item{
        width: 50%;
        margin-bottom: 2rem;
    }
    .related-post-slider .flickity-button{
        top: 40%;
    }
    .related-post-slider .flickity-button.previous{
        left: -1rem;
    }
    .related-post-slider .flickity-button.next{
        right: -1rem;
    }
}
@media(max-width:767px){
    .related-blogs-list{
        margin-inline: -1rem;
    }
    .related-post-slider .related-blog-item{
        width: 100%;
        padding: 0 1rem;
    }
     .related-post-slider .flickity-button.previous{
        left: -1.5rem;
    }
    .related-post-slider .flickity-button.next{
        right: -1.5rem;
    }
}
/*-----------------------------------------------------------------------
related-blogs style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
blogs-filter style start
------------------------------------------------------------------------*/
.filter-link-list{
    display: flex;
    flex-wrap: wrap;
    gap: 2.0rem;
}
.filter-button{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border: 1px solid #CCCCCC;
    border-radius: 50px;
    font-size: 1.3rem;
    letter-spacing: .1rem;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}

.filter-button:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    transform: scale(0);
    z-index: 0;
    border-radius: 50px;
    transition: transform .4s ease;
}
.filter-button.is-active,
.filter-button:hover{
    color: var(--color-white);
}
.filter-button.is-active:after,
.filter-button:hover:after{
    transform: scale(1);
}
.filter-button span{
    position: relative;
    z-index: 1;
}
.blogs-filter{
    padding-block: var(--py-100);
    overflow: hidden;
    background-color: var(--color-white);
    position: relative;
}
.blogs-filter .container{
    position: initial;
}
#loader{
    background-color: var(--color-white);
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.blogs-filter .section-heading h2{
    margin-bottom: 0;
}
.blogs-filter .section-heading .content-wrap{ margin-top: 3.0rem; }

.blogs-list{
   margin-top: 1.0rem;
}
.blogs-list .blog-item{
    margin-top: 4.0rem;
}
.blogs-list .card-post h3{
    font-size: var(--f-26);
}
.blogs-list .card-post .tag{
    font-size: 1.6rem;
    text-transform: uppercase;
}

@media(min-width:1200px){
    .blogs-filter .section-heading {
        align-items: center;
    }
    .blogs-filter .section-heading .content-wrap{ margin-top: 0; }

    .blogs-list .blog-item{
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .blogs-list .blog-item:nth-child(5n+3),
    .blogs-list .blog-item:nth-child(5n+5),
    .blogs-list .blog-item:nth-child(5n+4){
        width: 33.33%;
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .blogs-list .blog-item:nth-child(5n+3) .card-post .card-image,
    .blogs-list .blog-item:nth-child(5n+5) .card-post .card-image,
    .blogs-list .blog-item:nth-child(5n+4) .card-post .card-image{
        padding-bottom: 106.3%
        ;
    }
}

@media(min-width:768px) and (max-width:1199px){
    .blogs-list .blog-item:nth-child(4n+3),
    .blogs-list .blog-item:nth-child(4n+4){
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media(max-width:991px){
    .card-post .card-image{
        padding-bottom: 64.6%;
    }
    .blogs-list .blog-item:nth-child(4n+3) .card-post .card-image,
    .blogs-list .blog-item:nth-child(4n+4) .card-post .card-image{
        padding-bottom: 109%;
    }
}
@media(max-width:767px){
    .filter-link-list{
        column-gap: 1.6rem;
    }
    .filter-button{
        font-size: 1.1rem;
        padding: 0.8rem 1.5rem;
    }
    .card-post .card-image,
    .blogs-list .blog-item:nth-child(4n+3) .card-post .card-image,
    .blogs-list .blog-item:nth-child(4n+4) .card-post .card-image{
        padding-bottom: 67%;
    }
}


/*-----------------------------------------------------------------------
blogs-filter style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
team-card section style start
------------------------------------------------------------------------*/

.team-card {
  width: 100%;
  min-height: 44.8rem;
  /* aspect-ratio: 1 / 1; */
  perspective: 100.0rem; /* Perspective for 3D flip */
  display: flex;
}

.team-card .team-card-inner {
  position: relative;
  width: 100%;
  /* height: 100%; */
  transition: transform 0.6s;
  transform-style: preserve-3d;
  overflow: hidden;
}

.team-card .team-card-front, .team-card .team-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  /* backface-visibility: hidden; */
  padding: 2.0rem;
  display: flex;
  flex-direction: column;
  gap: 1.0rem;
  background-color: rgba(80,59,180,.2);
  transition: all .3s;
}

.team-card:nth-child(even) .team-card-front,
.team-card:nth-child(even) .team-card-back{
    background-color: #F9F5FF;
}

.team-card .top-content{
    display: flex;
    align-items: flex-end;
    flex-grow: 0 !important;
}
.team-card .top-content .text-wrap{
    padding-right: 4rem;
}
.team-card .top-content h5{
    margin: 0;
}
.team-card .top-content p{
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: .6rem;
    letter-spacing: .113rem;
}
.team-card .team-card-front > *{
    flex: auto;
}
.team-card .card-image{
    flex: 1;
    pointer-events: none;
    position: relative;
}
.team-card .card-image img{
    /* height: 100%; */
    object-fit: cover;
    object-position: bottom;
    position: absolute;
    max-width: inherit;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2rem;
    width: calc(100% + 40px);
}
.team-card .team-card-front {
  display: flex;
  flex-direction: column;
  z-index: 2;
  /* overflow: hidden; */
}

.team-card .team-card-back {
  /* transform: rotateY(180deg); */
  display: flex;
  opacity: 0;
  flex-direction: column;
  background: rgb(80,59,180);
    background: linear-gradient(180deg, rgba(80,59,180,.4) 0%, rgba(235,77,123,.4) 100%);
    z-index: 2;
transform: translateY(-100%);
}
.team-card.flipped .team-card-front{
    opacity: 0;
    transform: translateY(50%);
}
.team-card.flipped .team-card-back{
    opacity: 1;
    transform: translateY(0);
}
.team-card.flipped .team-card-back .flip-button{
    transform: rotate(-90deg);
}
.team-card .team-card-back .botton-content {
    max-height: 100%;
    overflow-y: auto;
    padding-top: .5rem;
    padding-right: 4rem;
}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  cursor: pointer;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  cursor: pointer;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.team-card .team-card-back .botton-content p{
    font-size: 2.5rem;
    line-height: 1.52;
    margin-bottom: 1.5rem;
}

.team-card .flip-button{
    width: 3.7rem;
    height: 3.7rem;
    margin-left: auto;
    border: 0.1rem solid var(--color-black);
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    transition: all .1s;
    backface-visibility: hidden;
}
.team-card .flip-button:hover{
    cursor: pointer;
    transform: rotate(-80deg);
}
.team-card .flip-button svg{
    width: 2.0rem;
}

/* qoute-style */
.content-card .team-card-front .card-image{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    pointer-events: fill;
}
.team-card.content-card .team-card-front .card-image img{
    width: 95%;
    height: 95%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    object-position: center;
}
.team-card.content-card .team-card-front .card-image h2{
    font-weight: 500;
    max-width: 33.0rem;
    margin-inline: auto;
    line-height: 1.1;
    margin: 0;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}




.our-team{
    padding-block: var(--py-100);
    overflow: hidden;
}
.team-list{
    margin-top: var(--mt-80);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.detail-content{
    padding-block: var(--py-100);
}
.detail-content h1{
    margin-bottom: 3rem;
}
.detail-content h5{
    margin-top: 4rem;
}

@media(min-width:1200px){
    .detail-content .container{
        max-width: 83.7rem;
    }
}


@media(min-width:768px) and (max-width:1199px){
    .team-card:nth-child(even) .team-card-front,
    .team-card:nth-child(even) .team-card-back{
        background-color: inherit;
    }
    .team-card:nth-child(3n+3) .team-card-front,
    .team-card:nth-child(3n+2) .team-card-front,
    .team-card:nth-child(3n+3) .team-card-back,
    .team-card:nth-child(3n+2) .team-card-back{
        background-color: #F9F5FF;

    }
}
@media(max-width:1199px){
    .detail-content{
        padding-top: 10rem;
    }
    .team-card .team-card-back .botton-content p{
        font-size: 2rem;
    }
    .team-list{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:991px){
    .team-card .flip-button {
        width: 2.9rem;
        height: 2.9rem;
    }
}

@media(max-width:767px){
    .team-list{
        display: block;
    }

    .detail-content{
        padding-block: 10rem;
    }
    .team-card {
        aspect-ratio: 1 / 0.9;
        min-height: 32.8rem;
    }
    .team-card .top-content h5{
        font-size: 1.6rem;
    }
    .team-card .top-content p{
        font-size: .9rem;
    }
    .team-card .card-image img{
        width: 100%;
    }
    .team-card .team-card-back .botton-content p{
        font-size: 1.5rem;
    }
    .team-card .flip-button {
        width: 1.9rem;
        height: 1.9rem;
        margin-bottom: .3rem;
    }
}
/*-----------------------------------------------------------------------
team-card section style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
team-card section style end
------------------------------------------------------------------------*/
.opportunities-card{
    padding-block: 3.0rem;
    border-bottom: 1px solid #707070;
}
.opportunities-card:first-of-type{
    padding-top: 0;
}
.opportunities-card:last-of-type{
    border-bottom: 0;
    padding-bottom: 0;
}
.opportunities-card .button-wrap{
    display: flex;
    justify-content: flex-end;
    padding-top: 1.4rem;
}
.opportunities{
    padding-block: var(--py-100);
    overflow: hidden;
    background-color: var(--color-lilac);

}
.opportunities .heading-image-wrap{
    position: relative;
}
.opportunities .heading-image-wrap .inner-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 9.0rem;
}
.opportunities .heading-image-wrap:after{
    content: "";
    width: 100%;
    aspect-ratio: 1 / 1;
    bottom: 0;
    left: -45%;
    position: absolute;
    background-image: url(../images/case-studies-image-pattern.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

@media(min-width:992px){
    .opportunities .heading-image-wrap .inner-wrap{
        padding-right: 4rem;
    }
}

@media(max-width:1199px){
    .opportunities .heading-image-wrap .inner-wrap{
        padding-bottom: 2rem;
    }
    .opportunities .heading-image-wrap .image-wrap,
    .opportunities .heading-image-wrap:after{
        display: none;
    }
    .opportunities-card h3{
        font-size: 2.6rem;
    }
    .opportunities-card p{
        font-size: 1.8rem;
    }
}

@media(min-width:768px) and (max-width:1199px){
    .opportunities .heading-image-wrap h2{
        font-size: 3.8rem;
        line-height: 1.18;
    }
}
@media(max-width:767px){
    .opportunities-card h3{
        font-size: 1.8rem;
    }
    .opportunities-card p{
        font-size: 1.6rem;
        line-height: 1.62;
    }
}

/*-----------------------------------------------------------------------
team-card section style end
------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
privacy-content section style start
------------------------------------------------------------------------*/
/* .privacy-content .intro-wrap{
    margin-bottom: 8rem;
} */
.privacy-content {
    padding-bottom: 7rem;
}
.privacy-content .intro-wrap ol li{
    margin-top: 2rem;
}
.privacy-content .intro-wrap ol a{
    text-decoration: underline;
}
.privacy-content .intro-wrap ol a:hover{
    text-decoration: none;
}
.privacy-content .wysiwyg-content h5[id]{
    padding-top: 6rem;
    scroll-margin-top: 6rem;
}
.privacy-content .wysiwyg-content p a:hover{
    text-decoration: underline;
}
.privacy-content .wysiwyg-content h6{
    font-size: var(--f-20);
}
.privacy-content + .detail-content{
    padding-top: 0;
}
@media(max-width:1199px){
    .privacy-content {
        padding-top: 10rem;
    }
}
/*-----------------------------------------------------------------------
privacy-content section style end
------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
error-404 section style start
------------------------------------------------------------------------*/

.error-404{
    min-height:70vh;
    display: flex;
    align-items: center;
    padding: 12rem 0;
}
.error-404 h1{
    font-size: 12rem;
}
.error-404 p{
    font-size: 3rem;
    margin-bottom: 3rem;
}
.error-404 .content-wrap{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
/*-----------------------------------------------------------------------
error-404 section style end
------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
search-page section style start
------------------------------------------------------------------------*/
.search-page{
    padding-block: var(--py-100);
}
.search-page article{
    padding: 3rem 0;
    border-top: 1px solid var(--color-black);
}
.search-page article.has-post-thumbnail,
.search-page article.format-standard{
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-gap: 3rem;

}
.search-page article.has-post-thumbnail .post-thumbnail,
.search-page article.format-standard .post-thumbnail{
    grid-row: 1 / -4;
    grid-column: 1 / 2;
}
.search-page article.format-standard .entry-footer{
    width: 100%;
}
.search-page article.has-post-thumbnail .entry-summary,
.search-page article.format-standard .entry-summary,
.search-page article.has-post-thumbnail .entry-footer,
.search-page article.format-standard .entry-footer{
     grid-column: 2 / -1;
}

@media(max-width:767px){
    .search-page{
        padding-top: 10rem;
    }
}

@media(max-width:550px){
    .search-page article.format-standard{
        display: block;
    }
    .search-page article.has-post-thumbnail .post-thumbnail,
    .search-page article.format-standard .post-thumbnail{
        display: block;
        margin: 2rem 0;
        padding-bottom: 70%;
        position: relative;
        height: 0;
    }
    .search-page article.has-post-thumbnail .post-thumbnail img,
    .search-page article.format-standard .post-thumbnail img{
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
    }
}
/*-----------------------------------------------------------------------
search-page section style end
------------------------------------------------------------------------*/
#sidebar-root{
    display: none;
}


.default-page-content{
    padding: 12rem 0 10rem;
}
.default-page-content .entry-header{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
@media(max-width:1199px){
    .default-page-content{
        padding: 10rem 0 7rem;
    }
}



/* browser specific style */
.mac.chrome .filter-button{
    padding: 1.4rem 1.8rem 1rem;
}
.mac.chrome .form-container button, .mac.chrome .cta-button, .mac.chrome input[type="submit"], .submit{
    padding: 1.223rem 2.0rem 0.8rem;
}
.webkit.mac .top-wrap .subscribe-wrap input[type="email"]{
    padding-top: 1.2rem;
}