@font-face {
    font-family: 'Benzin';
    src: url('../fonts/benzin/Benzin-Regular.woff2') format('woff2'),
        url('../fonts/benzin/Benzin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Benzin';
    src: url('../fonts/benzin/Benzin-Semibold.woff2') format('woff2'),
        url('../fonts/benzin/Benzin-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Benzin';
    src: url('../fonts/benzin/Benzin-ExtraBold.woff2') format('woff2'),
        url('../fonts/benzin/Benzin-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Benzin';
    src: url('../fonts/benzin/Benzin-Medium.woff2') format('woff2'),
        url('../fonts/benzin/Benzin-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




:root{
    --bdr: 1px solid red;
    --base-size : 62.5%;
    --body-font: 'Graphik', sans-serif;
    --heading-font: 'Benzin', sans-serif;

    --color-white: #ffffff;
    --color-black: #000000;
    --color-skyblue: #04daff;

    /* brand colors */
    --color-gray: #383838;
}

/* reset css start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
:focus, a:focus, a:active, a:hover, button, button:focus, button:hover, button:active {outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none; -moz-appearance: none; }
ul:not(.wp-block-list) {
    list-style-type: none;
}
input[type=search] {-webkit-appearance: none; -moz-appearance: none; }
textarea {overflow: auto; vertical-align: top; resize: vertical; }
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; max-width: 100%;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
img {border: 0;-ms-interpolation-mode: bicubic; max-width: 100%; vertical-align: middle;}
figure {margin: 0;}
form {margin: 0;}
fieldset {margin: 0; padding:0;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled],
html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
html, button, input, select, textarea {color: var(--color-black); }
/* reset css end */


*,*:before,*:after{
  box-sizing: border-box;
}
/*reset defualt*/
/* ::-moz-selection { background: var(--color-pink); color: #fff; }
::selection { background: var(--color-pink); color: #fff; }
:focus-visible{ outline: none !important; }
:-webkit-direct-focus{ outline: none !important; } */


html{
    font-size: var(--base-size);
}

body{
    width: 100%;
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size:  1.8rem;
    line-height: auto;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* -moz-font-feature-settings: 'liga','kern'; */
    overflow-x: hidden;
    background-color: var(--color-black);
    position: relative;
    color: var(--color-white);
}

body:before{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background-color: var(--color-black);
    content: "";
    height: 100%;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    transform: translateX(-50%);
}
.menu-open:before{
    opacity: 1;
    transform: translateX(0);
    pointer-events: fill;
}
.post, .page {
    margin: 0 ;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    line-height: auto;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-family: var(--heading-font);
    text-transform: uppercase;
}
h1,.h1{
    font-size: 6rem;
    line-height: 1.37;
    margin-bottom: 2rem;
}
h2,.h2{
    font-size: 4.4rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}
h3,.h3{
    font-size: 2.8rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}
h4,.h4{
    font-size: 2.4rem;
    line-height: 1.65;
    margin-bottom: 2.4rem;

}
h5,.h5{
    font-size: 2rem;
    line-height: 1.42;
    margin-bottom: 1.5rem;

}
h6,.h6{
    font-size: 1.8rem;
    line-height: 1.42;
    margin-bottom: 1.5rem;
}
p{
    margin-bottom: 2.5rem;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: normal;
}
p:last-of-type{
    margin-bottom: 0;
}


@media(max-width:1399px){
    body{
        font-size: 1.6rem;
    }
    h1,.h1{
        font-size: 4.4rem;
    }
    h2, .h2{
        font-size: 3rem;
    }
    h3,.h3{
        font-size: 2rem;
    }
    h4,.h4{
        font-size: 1.8rem;
    }
    h5,.h5{
        font-size: 1.6rem;
    }
    h6,.h6{
        font-size: 1.5rem;
    }
}

@media(max-width:767px){
    h1,.h1{
        font-size: 3rem;
    }
    p{
        font-size: 1.6rem;
    }
}

strong{
    font-weight: 600;
}
a{
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    transition: all .5s;
}
a:hover{
    color: var(--color-skyblue);
}
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: 3rem;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea{
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--color-white);
    height: 5.4rem;
    background-color: var(--color-white);
    border-radius: 0px;
    padding: .5rem 1rem 1rem;
    transition: all .5s;
    color: var(--color-black);
}
textarea{
    height:20rem;
    resize: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus{
    border-color: var(--color-navy-50);
}
.form-wrap ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--color-black);
}

.form-wrap ::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--color-black);
}

.form-wrap :-ms-input-placeholder {
    /* IE 10+ */
    color: var(--color-black);
}

.form-wrap :-moz-placeholder {
    /* Firefox 18- */
    color: var(--color-black);
}
.form-wrap ::placeholder {
    /* Firefox 18- */
    color: var(--color-black);
}
.form-wrap input[type=submit]{
    padding: 1.4rem 3rem 1.6rem !important;
}


.replaced-svg *{
    transition: all .5s;
}

.tableWrap{
  overflow-x: auto;
}

.container{
    width: 100%;
    max-width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
@media(min-width:768px){
    .container{
        padding: 0 6rem;
    }
}
/*
@media(min-width:992px){
    .container,.home .container{
        max-width: 86rem;
    }
}
@media(min-width:1200px){
    .container,.home .container{
        max-width: 1140px;
    }
}

@media(min-width:1300px){
    .container,.home .container{
        max-width: 1270px;
    }
} */
/* @media(min-width:768px) and (max-width:1499px) {

    .container,
    .home .container {
        max-width: 100%;
        padding: 0 5rem;
    }
} */
/* @media(min-width:1500px) {

    .container,
    .home .container {
        max-width: 1270px;
    }
} */

/*custom grid start*/
.row-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; }
[class*="box-"] { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; }
.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) {.row-wrap{margin-left: -20px;margin-right: -20px;} [class*="box-"]{padding-left: 20px;padding-right: 20px;}  .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*/



.cta-button {
    border: 1px solid var(--color-white) !important;
    background-color: var(--color-white) !important;
    padding: 1.1rem 3rem 1.6rem !important;
    display: inline-flex;
    font-size: 2rem;
    font-family: var(--heading-font);
    text-transform: uppercase;
    font-weight: 600;
    min-width: 20rem;
    border-radius: 0 !important;
    gap: 1.7rem;
    text-align: center;
    justify-content: center;
    color: var(--color-black) !important;

    transition: all .4s;
}

.cta-button:hover {
    background-color: var(--color-skyblue) !important;
    color: var(--color-black) !important;
    border-color: var(--color-skyblue) !important;
    text-decoration: none;
}
.cta-link{
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--body-font);
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.5;
}
.cta-link span{
    position: relative;
    display: inline-block;
    border-bottom: 2px solid  transparent;
    transition: all .5s;
    line-height: 1;
}

.cta-link:hover{
    color: var(--color-skyblue);
}
.cta-link:hover span{
    border-color: var(--color-white);
}
@media(max-width:1399px){
    .cta-link{
        font-size: 1.6rem;
    }
}

@media(max-width:767px){
    .cta-button{
        font-size: 1.6rem;
        padding: 1rem 2rem;
    }
    .cta-link{
        font-size: 1.6rem;
    }
}

/* flicity style update */
.flickity-button{ background-color: var(--color-white); transition: all .3s;width: 30px;
    height: 30px; }
.flickity-button:hover{opacity: .7;background: #f0f0f0; }
.flickity-button:focus{ box-shadow: none !important; }


.flickity-prev-next-button {
    width: 30px;
    height: 30px;
    display: flex ;
    justify-content: center;
    align-items: center;
}

.flickity-button-icon,
.flickity-prev-next-button .flickity-button-icon {
    fill: #333;
    width: 14px;
    height: 14px;
    left: auto;
    top: auto;
}
/* flicity style update end*/

/* wysiwyg style */

.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 p{
    margin-bottom: 2rem;
}
.wysiwyg-content p:last-of-type{
    margin-bottom: 0;
}

.wysiwyg-content p img,
.wysiwyg-content figure {
    margin: 3rem 0;
}
.wysiwyg-content img,
.wysiwyg-content figure img {
    width: 100%;
    object-fit: cover;
}

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

.wysiwyg-content ol {
    padding-left: 2.2rem;
}

.wysiwyg-content li {
    font-size: 2rem;
        margin-bottom: 2.1rem;
            line-height: 1.6;
}
.wysiwyg-content ul{
    padding-left: 0;
}
.wysiwyg-content ul li {
    position: relative;
    list-style: none;
    padding-left: 5rem;
}
.wysiwyg-content ul li:before{
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--color-white);
    content: "";
    position: absolute;
    left: 0;
    top: 0.7rem;
        border-radius: 2rem;
}

.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;
}

.wysiwyg-content h4 {
    margin-top: 8.3rem;
    margin-bottom: 5.3rem;
}

.wysiwyg-content h1 + h4{
    margin-top: 2.3rem;
}

@media(max-width:767px){
    .wysiwyg-content ul li{
        font-size: 1.6rem;
        padding-left: 4rem;
    }
    .wysiwyg-content h4{
        margin-top: 4rem;
    }
}


.sub-heading { font-size: 1.9rem; font-weight: 500; padding-bottom: .3rem; margin-bottom: 4rem; display: inline-block; border-bottom: 2px solid #ffffff; }
/* site header style start */

.site-header{ /*position: fixed;*/ position: absolute; top: 0; width: 100%; padding: 4.5rem 4rem; z-index: 999; transition: all .15s cubic-bezier(.35,0,.25,1) .15s; }
.site-header-wrap{ display: flex; align-items: center; gap: 4rem; justify-content: space-between; }
.site-branding a{ display: inline-block; width: 100%; max-width: 217px; }
.site-branding a img{ width: 100%; }
.site-header .site-branding {display: flex; align-items: center;}

.navigation .menu { display: flex; padding: 1rem 0; gap: 4.8rem; justify-content: flex-end;}
.navigation .menu li { list-style: none; }
.navigation .menu li a { color: var(--color-white); padding: 1.5rem 0;  transition: color 0.3s;font-family: var(--heading-font); text-transform: uppercase; font-size: 1.6rem; font-weight: 600; position: relative; }
.navigation .menu li a:after { content: ""; position: absolute; right: 0; bottom: 0; display: block; height: 2px; width: 0; background-color: var(--color-white); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.navigation .menu li.current_page_item a:after,
.navigation .menu li a:hover:after{ left: 0; right: auto; width: 100%; }
.navigation .menu li a:hover { color: var(--color-skyblue); }
.menu-close,.hamburger-wrapper{ display: none; }

.site-header.is-sticky{
    /* position: fixed; */
    left: 0;
    padding: 2rem 0;
    /* background-color: var(--color-black); */
}

@media(max-width: 1399px){
    .main-navigation .menu li a{
        font-size: 1.6rem;
    }
}

@media(max-width:1199px){
    .site-header{ padding: 2rem 0rem; }
    .site-branding a{
        max-width: 13rem;
    }
    .navigation{ position: fixed; left: 0; top: 0; width: 100%;  height: calc(100% - 6rem); padding: 3rem 2rem; /* background-color: var(--color-black); */ transform: translateX(-100%); transition: all .3s; margin-top: 6rem; opacity: 0; }
    .menu-open .navigation { transform: translateX(0); opacity: 1; }
    .site-branding{ display: flex; justify-content: space-between; gap: 5rem; align-items: center; width: 100%; }

    .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 24px; height: 2px; border-radius: 2px;cursor: pointer; }
    .hamburger-wrapper { display: block; cursor: pointer; padding: 12px 0; z-index: 1338; }
    .hamburger-menu { position: relative; background: var(--color-white); transition: all 0ms 200ms; display: block; }
    .hamburger-menu.animate { background:transparent; }
    .hamburger-menu:before { content: ""; position: absolute; left: 0; bottom: 8px; background: var(--color-white); transition: bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }
    .hamburger-menu:after { content: ""; position: absolute; left: 0; top: 8px; background: var(--color-white); transition: top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }
    .hamburger-menu.animate:after { top: 0; transform: rotate(45deg); transition: top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);; }
    .hamburger-menu.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1); }

    .navigation .inner-wrap{ overflow-y: auto; height: 100%; max-height: 100%; max-width: 860px;margin-inline: auto; padding-inline: 2rem;}
    .navigation .menu{ flex-direction: column; gap: 2.6rem; padding: 0; }

}
@media (max-width: 991px) {
    .navigation .inner-wrap { max-width: 590px; }
}
/* Responsive Styles */
@media (max-width: 767px) {
    .navigation .inner-wrap{padding-inline: 0;}
    .navigation .menu li a { padding: 0.5rem 0; text-align: left; font-size: 1.6rem; }
}

/* site header style end */



/* banner style start */
.banner-section {min-height: 60rem; height: 100vh; position: relative; }
.bg-media-wrap{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-media-wrap:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); z-index: 1; }
.bg-media-wrap > *{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.banner-section video,.banner-section img {width: 100%;height: 100%;  object-fit: cover; pointer-events: none; z-index: -1; }
.banner-section img.mobile-image{ display: none; }
.banner-section .mobile-video{ display: none; }

.bg-video.is-vimeo{
    position: absolute;
    background-color: #000;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.bg-video.is-vimeo iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.admin-bar .bg-video.is-vimeo iframe{
width: 99vw;
}

/* inner banner style */
.inner-banner{
    min-height: inherit;
    height: 50rem;
}
.banner-section:before,
.inner-banner:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 89%);
    z-index: 1;
    opacity: 0.9;
}

@media(max-width:767px){
    .banner-section img.mobile-image{ display: block; }
    .banner-section img.desktop-image{ display: none; }

    .banner-section .mobile-video{ display: block; }
    .banner-section .desktop-video{ display: none; }

}
/* banner style end */

/* alternate-image-content style start */
.alternate-image-content{ margin: 15rem 0; }
.image-content-wrap .media-wrap{ width: 100%; height: 55.7rem; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.image-content-wrap .video-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.image-content-wrap .video-wrap video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 1;transition: all .5s; }
.image-content-wrap .video-wrap:hover video{ opacity: 1; }
.image-content-wrap .video-wrap .bg-video{z-index: 0; opacity: 0; pointer-events: none; transition: all .5s;}
.image-content-wrap .video-wrap:hover .bg-video{opacity: 1; pointer-events: auto;}
.alternate-image-content .cta-button{ margin-top: 4rem; }

/* rihgt media */
@media(min-width:1200px){
    .alternate-image-content.right-media .image-wrap{ order: 2; padding-left: 4.3rem;}
    .alternate-image-content .content-wrap .inner-wrap{margin-top: -1rem;}
        .alternate-image-content .content-wrap h4{
            margin-top: 4rem;
        }
}
@media(max-width:1299px){
    .alternate-image-content {
            margin: 8rem 0;
        }
}
@media(max-width:1199px){
    .image-content-wrap .content-wrap{
        margin-bottom: 4rem;
    }
    .image-content-wrap{
        flex-direction: column-reverse;
    }
}
@media(max-width:991px){
    .alternate-image-content{
        margin: 6rem 0;
    }
}
@media(max-width:767px){
    .image-content-wrap .media-wrap{
        height: 35rem;
    }

}
/* alternate-image-content style end */

.card-work{
    height: 35rem;
    position: relative;
    width: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-work .video-wrap,
.card-work .over-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    transition: all .5s;
    /* pointer-events: none; */
}
.card-work .video-wrap video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-work .bg-video{
    z-index: 0;
}

.card-work .over-content{
    opacity: 1;
    padding: 4.3rem;
    background-color: rgba(0,0,0,.4);
    pointer-events: none;
}

.card-work .over-content:after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
    width: 100%;
    background-color: var(--color-black);
    filter: blur(100px);
    z-index: 0;
}
.card-work .over-content *{
    position: relative;
    z-index: 1;
}
.card-work .over-content *{
    transform: translateY(1rem);
    opacity: 0;
    transition-delay: .4s;
    transition: all .4s;
}
.card-work:hover .video-wrap,
.card-work:active .video-wrap{
    opacity: 1;
    pointer-events: fill;
}
.card-work:hover .over-content *,
.card-work:active .over-content *{
    transform: translateY(0rem);
    opacity: 1;
    /* pointer-events: fill; */
}

.card-work .over-content h3{
    color: var(--color-white);  
}

@media (hover: hover) {
    .card-work:hover .video-wrap,
    .card-work:active .video-wrap {
        opacity: 1;
    }

    .card-work:hover .over-content *,
    .card-work:active .over-content * {
        transform: translateY(0rem);
        opacity: 1;
        /* pointer-events: fill; */
    }
}
/* .card-work .cta-link{
    text-transform: uppercase;
} */
.our-work-list{
    padding-top: 8rem;
}
.our-work-item{
    margin-bottom: 4rem;
}
.our-work-item:nth-last-child(-n + 2){
    margin-bottom: 0;
}
.our-work{
    margin: 15rem 0;
}
.our-work .section-heading h4{
    margin-bottom: 0;
}
.our-work .section-heading .cta-button{
    margin-top: 3rem;
}
.our-work .section-heading .box-xl-7 .inner-wrap{
    padding-left: 1.6rem;
}
/* .our-work-item .image .card-work .over-content:before ,
.our-work-item .video .card-work .over-content:before{
    width: 5rem;
    height: 5rem;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-image: url(../images/zoom-svg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4.5rem;
} */

/* .our-work-item .image .card-work .over-content h3,
.our-work-item .video .card-work .over-content h3{
    display: none;
} */


/* filter update */
.filter-wrap{ overflow: hidden; overflow-x: auto; padding-bottom: .6rem; }
.filter-wrap ul{ display: flex; flex-wrap: nowrap; column-gap: 11rem; row-gap: 2rem; margin: 15rem 0 0.4rem; }
.filter-wrap ul a{ font-size: 3.6rem; font-weight: 600; font-family: var(--heading-font); text-transform: uppercase; position: relative; padding-bottom: 1rem; }
.filter-wrap ul a:after { content: ""; position: absolute; right: 0; bottom: 0; display: block; height: 2px; width: 0; background-color: var(--color-white); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.filter-wrap ul a.active:after, .filter-wrap ul a:hover:after { left: 0; right: auto; width: 100%; }

@media(min-width:1500px){
    .card-work{ height: 46rem; }
}
@media(min-width:1200px){
    .our-work .section-heading .box-xl-5 .inner-wrap{ margin-top: -1rem; }
    .our-work-list{ margin-inline: -2.5rem; }
    .our-work-item{ padding-inline: 2.5rem; margin-bottom: 5rem; }
}
@media(max-width:1299px){
    .filter-wrap ul{ column-gap: 6.7rem; }
}
@media(max-width: 1199px){
    .our-work{ margin: 6rem 0; }
    .our-work-item, .our-work-item:nth-last-child(-n + 2){ margin-bottom: 4rem; }
    .filter-wrap ul { column-gap: 4.7rem; row-gap: 2rem; margin: 8rem 0 0; }
    .filter-wrap ul a { font-size: 2.4rem; }
    .our-work .section-heading .box-xl-7 .inner-wrap{ padding-left: 0; }
    .our-work-list { padding-top: 5rem; }
}
@media(max-width:767px){
    .card-work .over-content{ padding: 3rem 2rem; }
    .our-work-item:last-of-type{ margin-bottom: 0; }
    .filter-wrap ul { column-gap: 3rem; row-gap: 2rem; }
    .filter-wrap ul a { font-size: 2rem; }
    .our-work-list{ padding-top: 3rem; }
    .card-work:not(.card-project) .video-wrap video{ display: none; }
}

/* full-width-content style start */
.full-width-content{ margin: 15rem 0; }
.full-width-content-wrap .inner-wrap{ margin-top: -1rem; }
.full-width-content-wrap .inner-wrap h4{ margin-bottom: 5.2rem; }
.full-width-content + .tab-section { margin-top: -8rem; }
.full-width-content + .image-grid{ margin-top: -7rem; }
.full-width-content .inner-wrap h1 span.large-font{font-size: 10vw; text-align: center;
    display: block;}
@media(min-width:1399px) {
    .full-width-content h1, .full-width-content .h1 { font-size: 9rem; }
}
@media(max-width: 1199px){
    .full-width-content+.image-grid { margin-top: -3rem; }
}
@media(max-width:991px){
    .full-width-content{ margin: 5rem 0; }
    .full-width-content-wrap .inner-wrap h4 { margin-bottom: 3rem; }
    .full-width-content+.tab-section { margin-top: -3rem; }
}
/* full-width-content style end */

/* projects-list style start */
.card-project{ height: 50rem; }
.card-project .video-wrap{ opacity: 1; transition: all .4s; }
.card-project .video-wrap .bg-video {z-index: 0; opacity: 0; transition: all .4s;background-color: #000; }
.card-work.card-project .over-content:after{ bottom: 0; top: auto; transform: none; }
.card-work.card-project .over-content{ justify-content: flex-end; background-color: rgba(0,0,0,.45); pointer-events: fill; }
.card-work.card-project .over-content *{ opacity: 1; transform: none; }
.card-work.card-project p { max-width: 995px; }
.card-work.card-project .over-content .cta-link{ margin-top: 2rem; }
.card-work.card-project .video-wrap video{ opacity: 0; transition: all .4s; }
.card-project .trigger-play{ position: absolute; width: 5rem; height: 5rem; right: 5rem; top: 5.1rem; background-image: url(../images/play-icon.svg); background-position: center center; background-repeat: no-repeat; background-size: 4.8rem; z-index: 2; transition: all .5s; cursor: pointer; }
.card-project.no-video .trigger-play{ display: none; }
.card-project .trigger-play.play,
.card-project.is-playing .trigger-play{ background-image: url(../images/stop-icon.svg); }
.card-work.card-project .trigger-play.play + .video-wrap video{ opacity: 1; }
.card-work.card-project.is-playing .bg-video{ opacity: 1; }
.card-project .trigger-play:hover{ opacity: .7; }
.projects-list{ margin: 10rem 0 8rem; display: block; }
.projects-list-item:not(:last-of-type){ margin-bottom: 5rem; }
.infinite-loader{ position: relative; height: 15rem; }
.infinite-loader:after{ content: "Load more"; font-size: 1.3rem; text-align: center; width: max-content; bottom: 0; height: 2rem; position: absolute; left: 50%; transform: translateX(-50%); }
.infinite-loader .loader-spinner{ position: absolute; left: calc(50% - 2.5rem); top: 50%; transform: translate(-50%, -50%); background-image: url(../images/loading-icon.svg); width: 5rem; height: 5rem; background-size: 100%; animation: rotate-animation 3s infinite linear; }
.infinite-loader span{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; }
#load-more-btn{
    margin: 0 auto;
    display: block;
    max-width: max-content;
    margin-top: 50px;
}

@keyframes rotate-animation {
    0% { transform: rotate(0deg); } 50% { transform: rotate(-180deg); } 100% { transform: rotate(-360deg); }
}
@media(min-width: 1500px){
    .card-project { min-height: 50rem; height: 64vh; }
}
@media(max-width:991px){
    .card-project .trigger-play{ right: 2rem; top: 2rem; }
}
/* projects-list style end */


/* error page strat */
.error-404{ text-align: center; padding: 22rem 0 10rem; }
.error-404 .big-text{ font-size: 14rem; font-weight: 900; margin-bottom: 5rem; }
.error-404 .cta-button{ margin-top: 3rem; }

@media(max-width:1399px){
    .error-404 .big-text{ font-size: 9rem; margin-bottom: 3rem; }
    .error-404 h1{ font-size: 4rem; }
    .error-404 .cta-button { margin-top: 1rem; }
}
@media(max-width:991px){
    .error-404{ text-align: center; }
    .error-404 .big-text{ font-size: 7rem; }
    .error-404 h1{ font-size: 3rem; }
}

@media(max-width:767px){
    .error-404 .big-text{ font-size: 6rem; }
    .error-404 h1{ font-size: 2.2rem; }
}
/* error page end */

/*client logos style*/

.client-logos { margin: 8rem 0; }
/* Individual Logo Slide */
.logo-slider .flickity-slider{ height: 10rem; }
.logo-slide { width: 20%; /* 5 items on desktop */ padding: 0 2rem; display: flex; align-items: center; justify-content: center; height: 100%; }
.logo-slide img { width: 100%; height: auto; max-width: 200px; max-height: 10rem; }

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .logo-slide { width: 33.333%; /* 3 items on tablet */ }
}
@media (max-width: 480px) {
    .logo-slide { width: 50%; /* 2 items on mobile */ padding: 0 1rem; }
}
/*client logos style*/

.contact-section{ margin: 10em 0; }
.contact-section-content .inner-wrap{ display: flex; flex-direction: column; align-items: flex-start; }
.contact-section-content h4{ max-width: 800px; line-height: 1.5; margin-bottom: 1rem; }
.contact-section-content .h1{ margin-bottom: 23px; line-height: 1.47; }
.contact-section-content a:not(.cta-button):hover{text-decoration: underline;}
.contact-section-content .inner-wrap p:last-of-type , .contact-section-content .inner-wrap .h1:last-of-type{ margin-bottom: 0rem; }
.contact-section-content .cta-button{ min-width: 16rem; margin-bottom: 2.5rem; gap: 0.2rem; margin-top: 2rem;}
.contact-section-content .logo-wrap{ width: 100%; display: inline-block; max-width: 312px; margin-bottom: 2.7rem; }
.contact-section-content .logo-wrap img{ width: 100%; }

@media(min-width:1200px){
    .contact-section-content h2.h1 { margin-bottom: 2.9rem; }
}
@media(max-width:767px){
    .contact-section{ margin: 5rem  0; }
    .contact-section-content .logo-wrap{ max-width: 15rem; }
    .contact-section-content .h1{ font-size: 2.3rem; }
}

/* contact-boxs-section style start */
.card-contect{ text-align: center; padding: 3rem; background-color: var(--color-gray); min-height: 19rem; display: flex; flex-direction: column; align-items: center; transition: all .3s; }
.card-contect:hover{ transform: scale(1.06)  ; }
.card-contect a:hover { text-decoration: underline; }
.card-contect .icon{ width: 5.2rem; height: 5.2rem; margin-bottom: 1rem; }
.contact-boxs-section{ margin: 6rem 0; }
.contact-boxs-section .row-wrap{ row-gap: 3rem; }
/* contact-boxs-section style end */

/* tab section style start */
.tab-wrap { display: flex; min-height: 400px; gap: 4rem; padding-block: 7.4rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.tab-nav { flex: 0 0 38.6%; display: flex; flex-direction: column; gap: 1rem; }
.tab-button { background: transparent; border: none; text-align: left; padding: 0; cursor: pointer; transition: all 0.3s ease; position: relative; margin-bottom: 23.3px; width: max-content; }
.tab-section .tab-button:hover{color: #04daff;}
.tab-button:last-of-type{ margin-bottom: 0; }
.tab-button::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background-color: #fff; transition: width 0.3s ease; }
.tab-button.active { opacity: 1; }
.tab-button.active::after { width: 100%; }
.tab-content { flex: 1; padding: 0 1rem; }
.tab-content h4, .tab-content .h4{ margin-bottom: 4rem; }
.tab-panel { display: none; animation: fadeIn 0.5s ease forwards; }
.tab-panel.active { display: block; }

.tab-section{ position: relative; }
.tab-section.has-background .bg-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.tab-section.has-background .bg-wrap .bg-video{ background-color: #000; z-index: 0;}
.tab-section.has-background .bg-wrap video{ width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0; left: 0; pointer-events: none; }
.tab-section.has-background .bg-wrap:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 1; content: ""; }
.tab-section.has-background .tab-wrap{ border-top: none; border-bottom: none; }
.tab-section .container{ z-index: 1; }



@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
@media(min-width:1399px){
    .tab-section.has-background .tab-button {font-size: 5rem; }
}
@media(min-width:1199px){
    .tab-section.has-background .tab-button {font-size: 3.5rem; }
}
@media (max-width: 991px) {
    .tab-wrap { flex-direction: column; gap: 2rem; padding-block: 5rem;}
    .tab-content{ padding: 0; }
    .tab-content h4, .tab-content .h4 { margin-bottom: 1rem; }
    .tab-nav { flex: none; margin-bottom: 3rem; }
    .tab-button{ margin-bottom: 1rem; }
}
/* tab section style end */


/* popup style */
.mfp-bg{ background-color: var(--color-black) !important; opacity: .9 !important; }
button.mfp-arrow{ display: none; }
.mfp-content button.mfp-close{ width: 4rem; height: 4rem; border-radius: 4rem; background-color: var(--color-white); position: absolute; top: 2rem; display: flex; color: #000; justify-content: center; align-items: center; padding: 1px 0px 0 1px; font-size: 4rem; right: -2rem; opacity: 1;  }
.mfp-content button.mfp-close { opacity: .7; }
.mfp-iframe-holder .mfp-content{ position: relative; }
.mfp-figure figure{ padding: 3rem; }

.mfp-iframe-holder .mfp-content::before{ position: absolute; left: -3rem; top: -3rem; width: calc(100% + 6rem); height: calc(100% + 6rem); background-color: var(--color-gray); content: ""; }
.mfp-iframe-scaler button.mfp-close{ top: -5rem; right: -5rem; }
.mfp-iframe-scaler iframe{ box-shadow: none !important; }

@media(max-width:900px){
    .mfp-container{ padding: 3rem; }
    .mfp-figure figure { padding: 2rem; }
    .mfp-figure:after, .mfp-iframe-holder .mfp-content::before{ left: -1.5rem; top: -1.5rem; width: calc(100% + 3rem); height: calc(100% + 3rem); }
    .mfp-content button.mfp-close, .mfp-iframe-scaler button.mfp-close { top: -3rem; right: -1.5rem; width: 3rem; height: 3rem; }
}

/* two-column-half-content style start */
.two-column-half-content{ margin: 15rem 0; }
/* two-column-half-content style end */


/* full-screen-video style start */
.full-screen-video{ margin: 8rem 0; }
.full-screen-video .trigger-play{ top: 50%; right: inherit; left: 50%; transform: translate(-50%, -50%); width: 10rem; height: 10rem; background-size: 8rem; transition: all .4s; }
.full-screen-video .trigger-play:hover{ transform: translate(-50%, -50%) scale(1.05); }
.full-screen-video .card-project .trigger-play.play{ opacity: 0; }
.full-screen-video .card-project:hover .trigger-play.play { opacity: 1; }

@media(max-width:1199px){
    .full-screen-video .trigger-play{ width: 7rem; height: 7rem; background-size: 6rem; }
    .full-screen-video .card-project { height: 40rem; }
}
@media(max-width:575px) {
    .full-screen-video .trigger-play { width: 6rem; height: 6rem; background-size: 5rem; }
    .full-screen-video .card-project { height: 30rem; }
}
/* full-screen-video style end */


/* image-grid style start */
.image-grid{ margin: 15rem 0; }
.image-grid-wrap{ display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 400px; grid-gap: 5rem; }
.image-grid-item{ position: relative; }
.image-grid-item img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; }
.image-grid-item:nth-child(1){ grid-column: 1 / 4; grid-row: span 2; }
.image-grid-item:nth-child(2) { grid-column: 4 / -1; }
.image-grid-item:nth-child(3) { grid-column: 4 / -1; }
.image-grid-item:nth-child(4) { grid-column: 1 / 4; }
.image-grid-item:nth-child(5) { grid-column: 4 / -1; grid-row: span 2; }
.image-grid-item:nth-child(6) { grid-column: 1 / 4; }
.image-grid-item:nth-child(1n + 7){ grid-column: span 2; }

@media(max-width:1199px){
    .image-grid-wrap{ grid-auto-rows: 300px; grid-gap: 3rem; }
    .image-grid+.our-work {margin-top: -4rem;}
}
@media(max-width:991px) {
    .image-grid-wrap { grid-auto-rows: 300px; grid-gap: 3rem; }
    .image-grid-item:nth-child(1) { grid-column: 1 / -1; grid-row: auto; }
    .image-grid-item:nth-child(2) { grid-column: 1 / 4; }
    .image-grid-item:nth-child(4) { grid-column: 1 / -1; }
    .image-grid-item:nth-child(5) { grid-column: 1 / 4; grid-row: auto; }
    .image-grid-item:nth-child(6) { grid-column: 4 / -1; }
    .image-grid-item:nth-child(1n + 7) { grid-column: span 3; }
    .image-grid+.our-work { margin-top: -7rem; }
}
@media(max-width:575px) {
    .image-grid-item { grid-column: 1 / -1 !important; }
}
/* image-grid style end */

/* two-column-half-content style start */
.two-column-half-content .row-wrap{ align-items: center; }
.two-column-half-content .content-wrap { margin-top: -0.7rem; padding-left: 9.2rem; }
.two-column-half-content .wysiwyg-content h4{ margin-top: 0px; margin-bottom: 2.1rem; }
.two-column-half-content + .full-screen-video{ margin-top: -6.8rem; }
.two-column-half-content.layout-2 .row-wrap{ align-items: flex-start; }

@media(max-width:1299px){
    .two-column-half-content .content-wrap{ padding-left: 4rem; }
    .two-column-half-content{ margin: 10rem 0; }
    .two-column-half-content+.full-screen-video { margin-top: -3.8rem; }
}
@media(max-width:1199px) {
    .two-column-half-content .content-wrap { padding-left: 2rem; margin-top: 3rem; }
}
@media(max-width:991px){
    .two-column-half-content { margin: 5rem 0; }
    .two-column-half-content+.full-screen-video { margin-top: 0; }
}

/* two-column-half-content style end */

/* our team style start */
.team-list.flickity-enabled .card-team{ opacity: .4; transition: all .4s; }
.card-team .card-image{ position: relative; padding-bottom: 118%; height: 0; }
.card-team .card-image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.card-team .card-content { padding-top: 4rem; text-align: center; transition: all .4s; }
.team-list.flickity-enabled .card-team .card-content{ opacity: 0; }
.card-team .card-content h4{ margin-bottom: 1rem; }
.card-team .card-content p{ font-size: 1.6rem; }
.team-list{ display: flex; width: 100%; justify-content: center; }
.team-list.flickity-enabled{ display: block; }
.team-list .flickity-viewport{ width: 100%; }
.team-item{ width: 20%; }
/* .team-item.is-selected .card-team, .team-item.is-selected .card-team .card-content{ opacity: 1; } */
.our-team{ margin:9rem 0 15rem; }
.our-team .larg-heading h2{ text-align: center; font-size: 14rem; }
.card-team:hover, .card-team:hover .card-content{ opacity: 1 !important; }

@media(max-width:1299px) {
    .our-team .larg-heading h2 { font-size: 8rem; }
    .our-team{ margin: 7rem 0 9rem; }
}
@media(max-width:1199px){
    .team-item { width: 33.33%; }
    .our-team .larg-heading h2 { font-size: 5rem; }
}
@media(max-width:650px) {
    .team-item { width: 55%; }
    .our-team .larg-heading h2 { font-size: 3rem; }
    .our-team { margin: 5rem 0; }
    .team-item.is-selected .card-team, .team-item.is-selected .card-team .card-content{ opacity: 1; }

}
/* our team style end */

/* contect form style start */
.form-wrap .field-wrap{ margin-bottom: 3rem; }
.wpcf7-not-valid-tip{ font-size: 1.6rem; margin-top: 0.6rem; display: none; }
.wpcf7-not-valid-tip:first-of-type{ display: block; }
.wpcf7 form .wpcf7-response-output{ margin-inline:0 !important ; border: none !important; padding: 0 !important; margin: 0 !important; padding-bottom: 3rem !important; }
.contact-from-wrap{ padding: 8rem; background-color: var(--color-gray); }
.contact-form{ margin: 15rem 0; }

@media(max-width:1399px) {
    .contact-form { margin: 9rem 0; }
}
@media(max-width:1199px){
    .contact-from-wrap{ padding: 4rem; }
    .contact-form { margin: 6rem 0; }
}
@media(max-width:767px) {
    .contact-from-wrap { padding: 2rem; }
    .contact-form { margin: 5rem 0; }
    .contact-form .wpcf7-spinner {display: block;margin: 0;margin-top: 1rem;}
}
/* contect form style end */

/* site-footer style start */
.site-footer-wrap{ margin: 0; border-top: 2px solid var(--color-white); padding-top: 10rem; padding-bottom: 10rem; }
.site-footer-wrap a:hover{ text-decoration: underline; color: var(--color-skyblue); }
.site-footer-wrap .box-12{ padding: 0; }
.footer-logo{ width: 100%; display: inline-block; max-width: 200px; }
.footer-logo img{ width: 100%; }

.social-links{ display: flex; gap: .8rem; flex-wrap: wrap; }
.social-links a{ width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; color: var(--color-black); background-color: var(--color-white); border-radius: 5rem; }
.social-links a:hover{ text-decoration: none; background-color: var(--color-skyblue); color: var(--color-black); }
.footer-content .inner-content{ margin-top: 2.8rem; max-width: 57rem; }
.footer-action .inner-wrap{ display: flex; flex-direction: column; align-items: flex-end; gap: 2rem; font-size: 1.6rem; }
.footer-action .inner-wrap p{ font-size: 1.6rem; }
.footer-action .menu-privacy-policy-container ul{ display: flex; flex-wrap: wrap; gap: 3rem; }
.footer-action .menu-privacy-policy-container ul li{ position: relative; }
.menu-privacy-policy-container{ margin-top: 1rem; }
.footer-action .menu-privacy-policy-container ul li:before{ width: 1px; height: 1.6rem; background-color: var(--color-white); content: ""; position: absolute; left: calc(100% + 1rem); top: 0; }
.footer-action .menu-privacy-policy-container ul li:last-of-type::before{ display: none; }

@media(max-width:991px){
    .site-footer-wrap .box-12{ text-align: center; }
    .footer-action .inner-wrap{ align-items: center; margin-top: 30px; }
    .footer-action .menu-privacy-policy-container ul{justify-content: center;}
    .footer-content .inner-content {
        margin-inline: auto;
    }
}
@media(max-width:767px){
    .site-footer-wrap{ padding-top: 5rem; padding-bottom: 5rem; }
}
/* site-footer style start */


/*mac style update start*/
.mac-os .cta-button{
    padding: 1.5rem 3rem 1.3rem !important;
}
.mac-os .cta-button.wpcf7-submit {
    padding: 1.7rem 3rem 1.3rem !important;
}