﻿@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{
    --cp-ff-body: 'Inter', sans-serif;
    --cp-ff-heading: 'Geist', serif;
    --cp-ff-heading-2: 'Clash Display', serif;
    --cp-ff-p: 'Inter', sans-serif;
    --cp-fw-normal: normal;
    --cp-fw-thin: 100;
    --cp-fw-elight: 200;
    --cp-fw-light: 300;
    --cp-fw-regular: 400;
    --cp-fw-medium: 500;
    --cp-fw-sbold: 600;
    --cp-fw-bold: 700;
    --cp-fw-ebold: 800;
    --cp-fw-black: 900;
    --cp-fs-body: 16px;
    --cp-fs-p: 16px;
    --cp-fs-h1: 65px;
    --cp-fs-h2: 56px;
    --cp-fs-h3: 28px;
    --cp-fs-h4: 20px;
    --cp-fs-h5: 18px;
    --cp-fs-h6: 14px;
    --cp-color-common-white: #ffffff;
    --cp-color-common-black: #000000;
    --cp-color-heading-primary: #191919;
    --cp-color-text-body: #4D4D4D;
    --cp-color-theme-primary: #FC5A11;
    --cp-color-bg-1: #191919;
    --cp-color-grey-1: #EAEAEA;
    --cp-color-border-1: rgba(255, 255, 255, 0.2)
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Light.woff2") format("woff2"),url("../fonts/ClashDisplay-Light.woff") format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Regular.woff2") format("woff2"),url("../fonts/ClashDisplay-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Medium.woff2") format("woff2"),url("../fonts/ClashDisplay-Medium.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Extralight.woff2") format("woff2"),url("../fonts/ClashDisplay-Extralight.woff") format("woff");
    font-weight:200;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Bold.woff2") format("woff2"),url("../fonts/ClashDisplay-Bold.woff") format("woff");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Clash Display";
    src:url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"),url("../fonts/ClashDisplay-Semibold.woff") format("woff");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    background-color:var(--cp-color-common-white);
    font-family:"Geist",sans-serif;
    font-size:16px;
    line-height:1.625;
    font-weight:400;
    color:var(--cp-color-text-body);
    position:relative;
    z-index:1
}
img{
    max-width:100%
}
a{
    text-decoration:none
}
a,a:hover{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-heading-primary);
    margin-top:0px;
    font-weight:600;
    line-height:1.2;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -ms-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s
}
h1{
    font-size:var(--cp-fs-h1)
}
h2{
    font-size:var(--cp-fs-h2)
}
h3{
    font-size:var(--cp-fs-h3)
}
h4{
    font-size:var(--cp-fs-h4)
}
h5{
    font-size:var(--cp-fs-h5)
}
h6{
    font-size:var(--cp-fs-h6)
}
ul{
    margin:0px;
    padding:0px
}
p{
    font-family:var(--cp-ff-p);
    font-size:16px;
    font-weight:400;
    color:var(--cp-color-text-body);
    margin-bottom:15px;
    line-height:28px
}
a:focus,.button:focus{
    text-decoration:none;
    outline:none
}
a:focus,a:hover{
    color:inherit;
    text-decoration:none
}
a:hover{
    color:var(--cp-color-theme-primary)
}
a,button{
    color:inherit;
    outline:none;
    border:none;
    background:rgba(0,0,0,0)
}
button:hover{
    cursor:pointer
}
button:focus{
    outline:0;
    border:0
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
input{
    outline:none
}
input[type=color]{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:none;
    border:0;
    cursor:pointer;
    height:100%;
    width:100%;
    padding:0;
    border-radius:50%
}
ul{
    display:block;
    padding:0;
    margin:0
}
*::-moz-selection{
    background:var(--cp-color-common-black);
    color:var(--cp-color-common-white);
    text-shadow:none
}
::-moz-selection{
    background:var(--cp-color-common-black);
    color:var(--cp-color-common-white);
    text-shadow:none
}
::selection{
    background:var(--cp-color-common-black);
    color:var(--cp-color-common-white);
    text-shadow:none
}
*::-moz-placeholder{
    color:var(--cp-color-common-black);
    font-size:var(--cp-fs-body);
    opacity:1
}
*::placeholder{
    color:var(--cp-color-common-black);
    font-size:var(--cp-fs-body);
    opacity:1
}
.container{
    max-width:1490px
}
.w-img img{
    width:100%
}
.m-img img{
    max-width:100%
}
.fix{
    overflow:hidden
}
.clear{
    clear:both
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.z-index-1{
    z-index:1
}
.z-index-11{
    z-index:11
}
.overflow-y-visible{
    overflow-x:hidden;
    overflow-y:visible
}
.p-relative{
    position:relative
}
.p-absolute{
    position:absolute
}
.include-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.b-radius{
    border-radius:6px
}
.overflow-x{
    overflow-x:clip
}
.bg-grey{
    background-color:var(--cp-color-grey-1)
}
.bg-dark-1{
    background-color:var(--cp-color-bg-1)
}
.bg-dark-2{
    background-color:var(--cp-color-bg-2)
}
.bd-bottom{
    border-bottom:1px solid var(--cp-color-border-1)
}
.bg-color-top{
    background-color:#171719;
    width:100%;
    height:400px;
    position:absolute;
    left:0;
    top:0;
    z-index:-2
}
.bg-color-bottom{
    background-color:#171719;
    width:100%;
    height:400px;
    position:absolute;
    left:0;
    bottom:0;
    z-index:-2
}
.overflow-h{
    overflow:hidden
}
.section-heading{
    margin-bottom:60px;
    position:relative;
    z-index:1
}
@media only screen and (max-width: 992px){
    .section-heading{
        margin-bottom:40px
    }
}
.section-heading .sub-heading{
    font-family:var(--cp-ff-body);
    color:var(--cp-color-heading-primary);
    font-size:14px;
    font-weight:700;
    display:inline-block;
    margin-bottom:20px;
    text-transform:uppercase;
    position:relative;
    overflow:hidden;
    padding-left:30px
}
@media only screen and (max-width: 992px){
    .section-heading .sub-heading{
        font-size:16px
    }
}
@media only screen and (max-width: 767px){
    .section-heading .sub-heading{
        font-size:14px
    }
}
.section-heading .sub-heading:before{
    background-color:var(--cp-color-heading-primary);
    content:"";
    width:20px;
    height:2px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.section-heading .sub-heading.after-add{
    padding-right:30px
}
.section-heading .sub-heading.after-add:after{
    background-color:var(--cp-color-heading-primary);
    content:"";
    width:20px;
    height:2px;
    position:absolute;
    top:50%;
    RIGHT:0;
    transform:translateY(-50%)
}
.section-heading .section-title{
    font-size:56px;
    line-height:1.2;
    font-weight:500;
    display:block;
    margin-bottom:0;
    text-transform:inherit;
    position:relative;
    overflow:hidden
}
@media(max-width: 1199px){
    .section-heading .section-title{
        font-size:42px
    }
}
@media only screen and (max-width: 992px){
    .section-heading .section-title{
        font-size:42px;
        max-width:100%
    }
    .section-heading .section-title br{
        display:none
    }
}
@media only screen and (max-width: 767px){
    .section-heading .section-title{
        font-size:36px
    }
    .section-heading .section-title br{
        display:none
    }
}
.section-heading.white-content .sub-heading{
    color:#adadad
}
.section-heading.white-content .sub-heading:before{
    background-color:#adadad
}
.section-heading.white-content p,.section-heading.white-content .section-title{
    color:var(--cp-color-common-white)
}
.section-heading.heading-2{
    margin-bottom:30px
}
.section-heading.heading-2 .section-title{
    margin-bottom:25px
}
@media(max-width: 1199px){
    .section-heading.heading-2 .section-title{
        margin:0;
        margin-bottom:25px
    }
}
.section-heading.section-heading-2 .section-title{
    font-family:var(--cp-ff-heading-2);
    text-transform:uppercase
}
@media(max-width: 1399px){
    .section-heading.section-heading-2 .section-title br{
        display:none
    }
}
.heading-space{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    row-gap:25px;
    margin-bottom:60px
}
@media only screen and (max-width: 992px){
    .heading-space{
        margin-bottom:40px
    }
}
.t-up{
    text-transform:uppercase
}
.white-content h1,.white-content h2,.white-content h3,.white-content h4,.white-content h5,.white-content h6,.white-content p,.white-content li,.white-content span{
    color:var(--cp-color-common-white)
}
.img-reveal{
    position:relative;
    overflow:hidden;
    visibility:hidden;
    z-index:1
}
.img-reveal .img-overlay{
    background-color:var(--cp-color-common-white);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
.img-reveal img{
    object-fit:cover;
    height:100%;
    width:100%
}
.anim-text{
    overflow:hidden
}
.running-text{
    background-color:var(--cp-color-heading-primary);
    background-repeat:repeat;
    background-size:20px;
    padding:14px 0;
    overflow:hidden
}
.running-text ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    gap:95px
}
.running-text ul li{
    font-family:var(--cp-ff-heading-2);
    display:inline-block;
    white-space:nowrap;
    font-size:34px;
    color:var(--cp-color-common-white);
    text-transform:uppercase;
    font-weight:500;
    position:relative
}
.running-text ul li:before{
    background-image:url(../img/icon/running-text-icon.png);
    background-position:center;
    background-size:contain;
    content:"";
    height:29px;
    width:29px;
    position:absolute;
    right:-60px;
    top:51%;
    transform:translateY(-50%)
}
.preloader span{
    font-family:var(--cp-ff-heading);
    font-size:80px;
    font-weight:800;
    color:#fff;
    text-transform:uppercase;
    overflow-x:hidden
}
.site-name{
    background-color:#111
}
.preloader-gutters{
    background-color:rgba(0,0,0,0);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    display:flex
}
.preloader-overlay{
    background-color:#111;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    transform:translateX(-100%);
    opacity:.2
}
.preloader{
    width:100%;
    height:100vh;
    position:relative;
    --preloader-clip: 0;
    clip-path:inset(0 0 0 var(--preloader-clip));
    position:fixed;
    left:0;
    top:0;
    z-index:999
}
.site-name{
    width:100%;
    height:100%;
    text-align:center;
    align-content:center;
    position:absolute;
    top:0;
    z-index:1;
    left:0
}
@media only screen and (max-width: 767px){
    .site-name span{
        font-size:40px
    }
}
.preloader-gutters .bar{
    width:12.5%;
    height:100%;
    background:rgba(0,0,0,0);
    position:relative
}
.preloader-gutters .inner-bar{
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background-color:var(--cp-color-common-white)
}
@keyframes loading{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@media(min-width: 992px){
    .mt-cursor{
        display:block;
        width:10px;
        height:10px;
        border-radius:50%;
        position:fixed;
        left:10px;
        top:10px;
        user-select:none;
        pointer-events:none;
        visibility:hidden;
        z-index:10000;
        -webkit-transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition:all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
    .mt-cursor:before{
        background:var(--cp-color-theme-primary);
        opacity:1;
        content:"";
        width:100%;
        height:100%;
        border-radius:50%;
        position:absolute;
        left:0;
        top:0;
        transition:all .3s ease
    }
    .mt-cursor.cursor-grow:before{
        opacity:.7;
        transform:scale(1.5);
        transition:all .3s ease
    }
    .mt-cursor.hide{
        opacity:0;
        transition:opacity .3s ease;
        transition-delay:.4s
    }
    .mt-cursor.hide .inner{
        transform:scale(0.1);
        transition:transform .3s ease
    }
}
.sticky-widget{
    position:-webkit-sticky;
    position:sticky;
    top:170px
}
@media only screen and (max-width: 767px){
    br{
        display:none
    }
}
.mt-5{
    margin-top:5px
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mt-105{
    margin-top:105px
}
.mt-110{
    margin-top:110px
}
.mt-115{
    margin-top:115px
}
.mt-120{
    margin-top:120px
}
.mt-125{
    margin-top:125px
}
.mt-130{
    margin-top:130px
}
.mt-135{
    margin-top:135px
}
.mt-140{
    margin-top:140px
}
.mt-145{
    margin-top:145px
}
.mt-150{
    margin-top:150px
}
.mt-155{
    margin-top:155px
}
.mt-160{
    margin-top:160px
}
.mt-165{
    margin-top:165px
}
.mt-170{
    margin-top:170px
}
.mt-175{
    margin-top:175px
}
.mt-180{
    margin-top:180px
}
.mt-185{
    margin-top:185px
}
.mt-190{
    margin-top:190px
}
.mt-195{
    margin-top:195px
}
.mt-200{
    margin-top:200px
}
.mb-5{
    margin-bottom:5px
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.mb-105{
    margin-bottom:105px
}
.mb-110{
    margin-bottom:110px
}
.mb-115{
    margin-bottom:115px
}
.mb-120{
    margin-bottom:120px
}
.mb-125{
    margin-bottom:125px
}
.mb-130{
    margin-bottom:130px
}
.mb-135{
    margin-bottom:135px
}
.mb-140{
    margin-bottom:140px
}
.mb-145{
    margin-bottom:145px
}
.mb-150{
    margin-bottom:150px
}
.mb-155{
    margin-bottom:155px
}
.mb-160{
    margin-bottom:160px
}
.mb-165{
    margin-bottom:165px
}
.mb-170{
    margin-bottom:170px
}
.mb-175{
    margin-bottom:175px
}
.mb-180{
    margin-bottom:180px
}
.mb-185{
    margin-bottom:185px
}
.mb-190{
    margin-bottom:190px
}
.mb-195{
    margin-bottom:195px
}
.mb-200{
    margin-bottom:200px
}
.ml-5{
    margin-left:5px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-25{
    margin-left:25px
}
.ml-30{
    margin-left:30px
}
.ml-35{
    margin-left:35px
}
.ml-40{
    margin-left:40px
}
.ml-45{
    margin-left:45px
}
.ml-50{
    margin-left:50px
}
.ml-55{
    margin-left:55px
}
.ml-60{
    margin-left:60px
}
.ml-65{
    margin-left:65px
}
.ml-70{
    margin-left:70px
}
.ml-75{
    margin-left:75px
}
.ml-80{
    margin-left:80px
}
.ml-85{
    margin-left:85px
}
.ml-90{
    margin-left:90px
}
.ml-95{
    margin-left:95px
}
.ml-100{
    margin-left:100px
}
.ml-105{
    margin-left:105px
}
.ml-110{
    margin-left:110px
}
.ml-115{
    margin-left:115px
}
.ml-120{
    margin-left:120px
}
.ml-125{
    margin-left:125px
}
.ml-130{
    margin-left:130px
}
.ml-135{
    margin-left:135px
}
.ml-140{
    margin-left:140px
}
.ml-145{
    margin-left:145px
}
.ml-150{
    margin-left:150px
}
.ml-155{
    margin-left:155px
}
.ml-160{
    margin-left:160px
}
.ml-165{
    margin-left:165px
}
.ml-170{
    margin-left:170px
}
.ml-175{
    margin-left:175px
}
.ml-180{
    margin-left:180px
}
.ml-185{
    margin-left:185px
}
.ml-190{
    margin-left:190px
}
.ml-195{
    margin-left:195px
}
.ml-200{
    margin-left:200px
}
.mr-5{
    margin-right:5px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-20{
    margin-right:20px
}
.mr-25{
    margin-right:25px
}
.mr-30{
    margin-right:30px
}
.mr-35{
    margin-right:35px
}
.mr-40{
    margin-right:40px
}
.mr-45{
    margin-right:45px
}
.mr-50{
    margin-right:50px
}
.mr-55{
    margin-right:55px
}
.mr-60{
    margin-right:60px
}
.mr-65{
    margin-right:65px
}
.mr-70{
    margin-right:70px
}
.mr-75{
    margin-right:75px
}
.mr-80{
    margin-right:80px
}
.mr-85{
    margin-right:85px
}
.mr-90{
    margin-right:90px
}
.mr-95{
    margin-right:95px
}
.mr-100{
    margin-right:100px
}
.mr-105{
    margin-right:105px
}
.mr-110{
    margin-right:110px
}
.mr-115{
    margin-right:115px
}
.mr-120{
    margin-right:120px
}
.mr-125{
    margin-right:125px
}
.mr-130{
    margin-right:130px
}
.mr-135{
    margin-right:135px
}
.mr-140{
    margin-right:140px
}
.mr-145{
    margin-right:145px
}
.mr-150{
    margin-right:150px
}
.mr-155{
    margin-right:155px
}
.mr-160{
    margin-right:160px
}
.mr-165{
    margin-right:165px
}
.mr-170{
    margin-right:170px
}
.mr-175{
    margin-right:175px
}
.mr-180{
    margin-right:180px
}
.mr-185{
    margin-right:185px
}
.mr-190{
    margin-right:190px
}
.mr-195{
    margin-right:195px
}
.mr-200{
    margin-right:200px
}
.pt-5{
    padding-top:5px
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pt-105{
    padding-top:105px
}
.pt-110{
    padding-top:110px
}
.pt-115{
    padding-top:115px
}
.pt-120{
    padding-top:120px
}
.pt-125{
    padding-top:125px
}
.pt-130{
    padding-top:130px
}
.pt-135{
    padding-top:135px
}
.pt-140{
    padding-top:140px
}
.pt-145{
    padding-top:145px
}
.pt-150{
    padding-top:150px
}
.pt-155{
    padding-top:155px
}
.pt-160{
    padding-top:160px
}
.pt-165{
    padding-top:165px
}
.pt-170{
    padding-top:170px
}
.pt-175{
    padding-top:175px
}
.pt-180{
    padding-top:180px
}
.pt-185{
    padding-top:185px
}
.pt-190{
    padding-top:190px
}
.pt-195{
    padding-top:195px
}
.pt-200{
    padding-top:200px
}
.pb-5{
    padding-bottom:5px
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pb-105{
    padding-bottom:105px
}
.pb-110{
    padding-bottom:110px
}
.pb-115{
    padding-bottom:115px
}
.pb-120{
    padding-bottom:120px
}
.pb-125{
    padding-bottom:125px
}
.pb-130{
    padding-bottom:130px
}
.pb-135{
    padding-bottom:135px
}
.pb-140{
    padding-bottom:140px
}
.pb-145{
    padding-bottom:145px
}
.pb-150{
    padding-bottom:150px
}
.pb-155{
    padding-bottom:155px
}
.pb-160{
    padding-bottom:160px
}
.pb-165{
    padding-bottom:165px
}
.pb-170{
    padding-bottom:170px
}
.pb-175{
    padding-bottom:175px
}
.pb-180{
    padding-bottom:180px
}
.pb-185{
    padding-bottom:185px
}
.pb-190{
    padding-bottom:190px
}
.pb-195{
    padding-bottom:195px
}
.pb-200{
    padding-bottom:200px
}
.pl-5{
    padding-left:5px
}
.pl-10{
    padding-left:10px
}
.pl-15{
    padding-left:15px
}
.pl-20{
    padding-left:20px
}
.pl-25{
    padding-left:25px
}
.pl-30{
    padding-left:30px
}
.pl-35{
    padding-left:35px
}
.pl-40{
    padding-left:40px
}
.pl-45{
    padding-left:45px
}
.pl-50{
    padding-left:50px
}
.pl-55{
    padding-left:55px
}
.pl-60{
    padding-left:60px
}
.pl-65{
    padding-left:65px
}
.pl-70{
    padding-left:70px
}
.pl-75{
    padding-left:75px
}
.pl-80{
    padding-left:80px
}
.pl-85{
    padding-left:85px
}
.pl-90{
    padding-left:90px
}
.pl-95{
    padding-left:95px
}
.pl-100{
    padding-left:100px
}
.pl-105{
    padding-left:105px
}
.pl-110{
    padding-left:110px
}
.pl-115{
    padding-left:115px
}
.pl-120{
    padding-left:120px
}
.pl-125{
    padding-left:125px
}
.pl-130{
    padding-left:130px
}
.pl-135{
    padding-left:135px
}
.pl-140{
    padding-left:140px
}
.pl-145{
    padding-left:145px
}
.pl-150{
    padding-left:150px
}
.pl-155{
    padding-left:155px
}
.pl-160{
    padding-left:160px
}
.pl-165{
    padding-left:165px
}
.pl-170{
    padding-left:170px
}
.pl-175{
    padding-left:175px
}
.pl-180{
    padding-left:180px
}
.pl-185{
    padding-left:185px
}
.pl-190{
    padding-left:190px
}
.pl-195{
    padding-left:195px
}
.pl-200{
    padding-left:200px
}
.pr-5{
    padding-right:5px
}
.pr-10{
    padding-right:10px
}
.pr-15{
    padding-right:15px
}
.pr-20{
    padding-right:20px
}
.pr-25{
    padding-right:25px
}
.pr-30{
    padding-right:30px
}
.pr-35{
    padding-right:35px
}
.pr-40{
    padding-right:40px
}
.pr-45{
    padding-right:45px
}
.pr-50{
    padding-right:50px
}
.pr-55{
    padding-right:55px
}
.pr-60{
    padding-right:60px
}
.pr-65{
    padding-right:65px
}
.pr-70{
    padding-right:70px
}
.pr-75{
    padding-right:75px
}
.pr-80{
    padding-right:80px
}
.pr-85{
    padding-right:85px
}
.pr-90{
    padding-right:90px
}
.pr-95{
    padding-right:95px
}
.pr-100{
    padding-right:100px
}
.pr-105{
    padding-right:105px
}
.pr-110{
    padding-right:110px
}
.pr-115{
    padding-right:115px
}
.pr-120{
    padding-right:120px
}
.pr-125{
    padding-right:125px
}
.pr-130{
    padding-right:130px
}
.pr-135{
    padding-right:135px
}
.pr-140{
    padding-right:140px
}
.pr-145{
    padding-right:145px
}
.pr-150{
    padding-right:150px
}
.pr-155{
    padding-right:155px
}
.pr-160{
    padding-right:160px
}
.pr-165{
    padding-right:165px
}
.pr-170{
    padding-right:170px
}
.pr-175{
    padding-right:175px
}
.pr-180{
    padding-right:180px
}
.pr-185{
    padding-right:185px
}
.pr-190{
    padding-right:190px
}
.pr-195{
    padding-right:195px
}
.pr-200{
    padding-right:200px
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.pt-180{
    padding-top:180px
}
@media only screen and (max-width: 992px){
    .pt-180{
        padding-top:70px
    }
}
@media only screen and (max-width: 767px){
    .pt-180{
        padding-top:50px
    }
}
.pt-150{
    padding-top:150px
}
@media only screen and (max-width: 992px){
    .pt-150{
        padding-top:80px
    }
}
@media only screen and (max-width: 767px){
    .pt-150{
        padding-top:70px
    }
}
.pt-130{
    padding-top:130px
}
@media only screen and (max-width: 992px){
    .pt-130{
        padding-top:80px
    }
}
@media only screen and (max-width: 767px){
    .pt-130{
        padding-top:60px
    }
}
.pt-120{
    padding-top:120px
}
@media only screen and (max-width: 992px){
    .pt-120{
        padding-top:70px
    }
}
@media only screen and (max-width: 767px){
    .pt-120{
        padding-top:60px
    }
}
.pt-90{
    padding-top:90px
}
@media only screen and (max-width: 992px){
    .pt-90{
        padding-top:70px
    }
}
@media only screen and (max-width: 767px){
    .pt-90{
        padding-top:60px
    }
}
.pt-80{
    padding-top:80px
}
@media only screen and (max-width: 992px){
    .pt-80{
        padding-top:70px
    }
}
@media only screen and (max-width: 767px){
    .pt-80{
        padding-top:60px
    }
}
.pt-70{
    padding-top:70px
}
@media only screen and (max-width: 992px){
    .pt-70{
        padding-top:70px
    }
}
@media only screen and (max-width: 767px){
    .pt-70{
        padding-top:60px
    }
}
.pb-180{
    padding-bottom:180px
}
@media only screen and (max-width: 992px){
    .pb-180{
        padding-bottom:70px
    }
}
@media only screen and (max-width: 767px){
    .pb-180{
        padding-bottom:60px
    }
}
.pb-150{
    padding-bottom:150px
}
@media only screen and (max-width: 992px){
    .pb-150{
        padding-bottom:80px
    }
}
@media only screen and (max-width: 767px){
    .pb-150{
        padding-bottom:70px
    }
}
.pb-130{
    padding-bottom:130px
}
@media only screen and (max-width: 992px){
    .pb-130{
        padding-bottom:80px
    }
}
@media only screen and (max-width: 767px){
    .pb-130{
        padding-bottom:60px
    }
}
.pb-120{
    padding-bottom:120px
}
@media only screen and (max-width: 992px){
    .pb-120{
        padding-bottom:70px
    }
}
@media only screen and (max-width: 767px){
    .pb-120{
        padding-bottom:60px
    }
}
.pb-90{
    padding-bottom:90px
}
@media only screen and (max-width: 992px){
    .pb-90{
        padding-bottom:70px
    }
}
@media only screen and (max-width: 767px){
    .pb-90{
        padding-bottom:60px
    }
}
.pb-80{
    padding-bottom:80px
}
@media only screen and (max-width: 992px){
    .pb-80{
        padding-bottom:70px
    }
}
@media only screen and (max-width: 767px){
    .pb-80{
        padding-bottom:60px
    }
}
.pb-70{
    padding-bottom:70px
}
@media only screen and (max-width: 992px){
    .pb-70{
        padding-bottom:70px
    }
}
@media only screen and (max-width: 767px){
    .pb-70{
        padding-bottom:60px
    }
}
@media only screen and (max-width: 992px){
    .md-pb-30{
        padding-bottom:30px
    }
}
@media only screen and (max-width: 992px){
    .md-pb-40{
        padding-bottom:40px
    }
}
@media only screen and (max-width: 992px){
    .md-pb-50{
        padding-bottom:50px
    }
}
@media only screen and (max-width: 992px){
    .md-mb-30{
        margin-bottom:30px
    }
}
@media only screen and (max-width: 992px){
    .md-mb-40{
        margin-bottom:40px
    }
}
@media only screen and (max-width: 992px){
    .md-mb-50{
        margin-bottom:50px
    }
}
.pl-0{
    padding-left:0 !important
}
#scroll-percentage{
    position:absolute
}
#scroll-percentage{
    height:60px;
    width:60px;
    background-color:var(--cp-color-theme-primary);
    border-radius:50%;
    position:fixed;
    bottom:40px;
    right:50px;
    transform:scale(0);
    display:grid;
    place-items:center;
    cursor:pointer;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s;
    transition:all .3s;
    z-index:100;
    box-shadow:0px 11px 41px 3px rgba(23,67,63,.12)
}
@media only screen and (max-width: 992px){
    #scroll-percentage{
        right:30px
    }
}
@media only screen and (max-width: 767px){
    #scroll-percentage{
        bottom:20px;
        right:20px
    }
}
#scroll-percentage.active{
    bottom:50px;
    transform:scale(1);
    opacity:1;
    visibility:visible;
    -webkit-animation:500ms ease-in-out 0s normal none 1 running scrollToTop;
    animation:500ms ease-in-out 0s normal none 1 running scrollToTop;
    -webkit-transition:.3s;
    transition:.3s
}
@media only screen and (max-width: 992px){
    #scroll-percentage.active{
        bottom:30px
    }
}
@media only screen and (max-width: 767px){
    #scroll-percentage.active{
        bottom:20px
    }
}
#scroll-percentage-value{
    height:calc(100% - 6px);
    width:calc(100% - 6px);
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-theme-primary);
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:12px;
    font-weight:600
}
#scroll-percentage-value i{
    font-size:20px
}
@-webkit-keyframes scrollToTop{
    0%{
        -webkit-transform:translate3d(0, 80%, 0);
        transform:translate3d(0, 80%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes scrollToTop{
    0%{
        -webkit-transform:translate3d(0, 80%, 0);
        transform:translate3d(0, 80%, 0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes wobble-vertical{
    16.65%{
        transform:translateY(8px)
    }
    33.3%{
        transform:translateY(-6px)
    }
    49.95%{
        transform:translateY(4px)
    }
    66.6%{
        transform:translateY(-2px)
    }
    83.25%{
        transform:translateY(1px)
    }
    100%{
        transform:translateY(0)
    }
}
@keyframes wobble-vertical{
    16.65%{
        transform:translateY(8px)
    }
    33.3%{
        transform:translateY(-6px)
    }
    49.95%{
        transform:translateY(4px)
    }
    66.6%{
        transform:translateY(-2px)
    }
    83.25%{
        transform:translateY(1px)
    }
    100%{
        transform:translateY(0)
    }
}
.cp-primary-btn{
    background-color:var(--cp-color-theme-primary);
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-common-white);
    display:inline-flex;
    align-items:center;
    font-size:14px;
    font-weight:600;
    line-height:1;
    padding:21px 35px;
    border-radius:100px;
    transition:all .3s ease-in-out;
    overflow:hidden;
    text-transform:uppercase;
    position:relative;
    z-index:1
}
.cp-primary-btn:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:var(--cp-color-heading-primary);
    -webkit-transform-origin:right center;
    -moz-transform-origin:right center;
    -ms-transform-origin:right center;
    transform-origin:right center;
    -webkit-transform:scale(0, 1);
    -moz-transform:scale(0, 1);
    -ms-transform:scale(0, 1);
    -o-transform:scale(0, 1);
    transform:scale(0, 1);
    -webkit-transition:-webkit-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition:-moz-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition:-ms-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition:-o-transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index:-1
}
.cp-primary-btn .icon{
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-common-black);
    height:40px;
    width:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    transition:all .3s ease-in-out
}
.cp-primary-btn i{
    font-size:14px;
    transform:rotate(-45deg);
    transition:all .3s ease-in-out;
    margin-left:10px
}
.cp-primary-btn:hover{
    color:var(--cp-color-common-white)
}
.cp-primary-btn:hover:before{
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    -ms-transform-origin:left center;
    transform-origin:left center;
    -webkit-transform:scale(1, 1);
    -moz-transform:scale(1, 1);
    -ms-transform:scale(1, 1);
    -o-transform:scale(1, 1);
    transform:scale(1, 1)
}
.cp-primary-btn:hover i{
    transform:rotate(0deg)
}
.cp-primary-btn:hover .icon{
    background-color:var(--cp-color-theme-primary)
}
.cp-primary-btn:focus{
    color:var(--cp-color-text-black)
}
.cp-primary-btn.transparent{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--cp-color-theme-primary);
    color:var(--cp-color-heading-primary)
}
.cp-primary-btn.transparent:hover{
    color:var(--cp-color-common-white)
}
.cp-primary-btn.transparent:before{
    background-color:var(--cp-color-theme-primary)
}
.header{
    background-color:rgba(0,0,0,0);
    width:100%;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    transition:all .3s ease-in-out;
    border-bottom:1px solid rgba(237,236,232,.3)
}
@media only screen and (max-width: 992px){
    .header{
        top:0;
        height:auto !important
    }
}
.header .header-container{
    max-width:1850px
}
.header .primary-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner{
        padding:20px 0
    }
}
.header .primary-header-inner .header-logo img{
    max-width:170px
}
.header .primary-header-inner .header-logo .logo-light{
    display:none
}
@media(max-width: 1399px){
    .header .primary-header-inner .header-logo img{
        max-width:150px
    }
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-logo img{
        max-width:150px
    }
}
.header .primary-header-inner .header-menu-wrap{
    display:flex !important;
    align-items:center
}
.header .primary-header-inner .header-menu-wrap ul{
    margin:0;
    padding:0;
    list-style:none
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-menu-wrap ul{
        display:none
    }
}
.header .primary-header-inner .header-menu-wrap ul li{
    display:inline-block;
    position:relative;
    margin:0 25px
}
@media(max-width: 1399px){
    .header .primary-header-inner .header-menu-wrap ul li{
        margin:0 15px
    }
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-menu-wrap ul li{
        margin:0 10px
    }
}
.header .primary-header-inner .header-menu-wrap ul li:first-child{
    margin-left:0
}
.header .primary-header-inner .header-menu-wrap ul li:last-child{
    margin-right:0
}
.header .primary-header-inner .header-menu-wrap ul li a{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-common-white);
    display:block;
    font-size:16px;
    padding:27px 0;
    letter-spacing:0px;
    font-weight:500;
    position:relative;
    text-transform:uppercase;
    text-decoration:none;
    -webkit-font-smoothing:antialiased;
    transition:all .3s ease-in-out
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-menu-wrap ul li a{
        font-size:16px
    }
}
.header .primary-header-inner .header-menu-wrap ul li a:hover{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li a i{
    font-size:13px
}
.header .primary-header-inner .header-menu-wrap ul li.active a{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li.active ul li a{
    color:var(--cp-color-heading-primary)
}
.header .primary-header-inner .header-menu-wrap ul li.active ul li a:hover{
    color:var(--cp-color-heading-primary)
}
.header .primary-header-inner .header-menu-wrap ul li.active.menu-item-has-children:after{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li ul{
    background-color:var(--cp-color-common-white);
    display:block;
    width:220px;
    padding:0;
    -webkit-box-shadow:0px 50px 100px 0px rgba(64,1,4,.1),0px -6px 0px 0px rgba(248,99,107,.004);
    box-shadow:0px 50px 100px 0px rgba(64,1,4,.1),0px -6px 0px 0px rgba(248,99,107,.004);
    position:absolute;
    left:0;
    top:80px;
    opacity:0;
    visibility:hidden;
    z-index:0;
    -webkit-transform:rotate3d(1, 0, 0, -90deg);
    transform:rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    transition:all .6s ease
}
.header .primary-header-inner .header-menu-wrap ul li:hover>ul{
    visibility:visible;
    transition:all .6s ease;
    opacity:1;
    transform:none
}
.header .primary-header-inner .header-menu-wrap ul li li{
    display:flex;
    justify-content:space-between;
    text-align:left;
    position:relative;
    transition:all .3s ease-in-out
}
.header .primary-header-inner .header-menu-wrap ul li li:hover a{
    color:var(--cp-color-common-black)
}
.header .primary-header-inner .header-menu-wrap ul li li a{
    white-space:nowrap;
    background-color:var(--cp-color-bg-2);
    display:block;
    height:auto;
    line-height:inherit;
    color:var(--cp-color-heading-primary);
    font-weight:500;
    font-size:15px;
    padding:10px 0;
    padding-left:25px;
    letter-spacing:0px;
    width:100%;
    -webkit-font-smoothing:antialiased;
    margin:0;
    position:relative
}
.header .primary-header-inner .header-menu-wrap ul li li a:hover{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li li a:before{
    background-color:var(--cp-color-theme-primary);
    content:"";
    width:0;
    height:2px;
    position:absolute;
    top:50%;
    left:20px;
    transform:translateY(-50%);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.header .primary-header-inner .header-menu-wrap ul li li:first-child a{
    padding-top:20px
}
.header .primary-header-inner .header-menu-wrap ul li li:first-child a:before{
    top:59%
}
.header .primary-header-inner .header-menu-wrap ul li li:last-child{
    margin:0;
    border-bottom:none
}
.header .primary-header-inner .header-menu-wrap ul li li:last-child a{
    padding-bottom:20px
}
.header .primary-header-inner .header-menu-wrap ul li li:last-child a:before{
    top:41%
}
.header .primary-header-inner .header-menu-wrap ul li li.active{
    background-color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li li:hover a{
    padding-left:35px
}
.header .primary-header-inner .header-menu-wrap ul li li:hover a:before{
    width:10px
}
.header .primary-header-inner .header-menu-wrap ul li li ul{
    top:0;
    left:100%
}
.header .primary-header-inner .header-menu-wrap ul li li ul li a{
    color:var(--cp-color-common-white)
}
.header .primary-header-inner .header-menu-wrap ul li li:hover a{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul li li:hover li a{
    color:var(--cp-color-heading-primary)
}
.header .primary-header-inner .header-menu-wrap ul li li:hover li a:hover{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children{
    position:relative
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a{
    padding-right:17px
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-menu-wrap ul .menu-item-has-children a{
        padding-right:13px
    }
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li{
    margin:0
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children ul li a{
    padding-right:0
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:after{
    background-image:none;
    font-family:"Font Awesome 6 Pro";
    font-size:12px;
    font-weight:700;
    content:"";
    color:var(--cp-color-common-white);
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    transition:all .3s ease-in-out;
    cursor:pointer
}
.header .primary-header-inner .header-menu-wrap ul .menu-item-has-children:hover:after{
    color:var(--cp-color-theme-primary)
}
.header .primary-header-inner .header-right-wrap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:20px
}
@media(max-width: 1399px){
    .header .primary-header-inner .header-right-wrap{
        column-gap:50px
    }
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-right-wrap{
        column-gap:20px
    }
}
.header .primary-header-inner .header-right-wrap .header-right{
    display:flex;
    align-items:center
}
@media only screen and (max-width: 767px){
    .header .primary-header-inner .header-right-wrap .header-right .header-logo img{
        width:90px
    }
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    row-gap:7px;
    margin-left:30px;
    border-radius:3px
}
@media(max-width: 1199px){
    .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger{
        margin-left:15px
    }
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger{
        display:none
    }
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span{
    background-color:var(--cp-color-common-white);
    width:25px;
    height:3px;
    display:block;
    border-radius:2px;
    transition:all .3s ease-in-out;
    margin-left:auto
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span:nth-child(2){
    width:30px
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger span:nth-child(3){
    width:15px
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover span:nth-child(1){
    width:30px
}
.header .primary-header-inner .header-right-wrap .header-right .sidebar-trigger:hover span:nth-child(3){
    width:20px
}
.header .primary-header-inner .header-right-wrap .header-right .search-icon{
    color:var(--cp-color-heading-primary);
    font-size:20px;
    cursor:pointer
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-right-wrap .header-right .search-icon{
        margin-right:20px
    }
}
@media only screen and (max-width: 767px){
    .header .primary-header-inner .header-right-wrap .header-right .search-icon{
        display:none
    }
}
.header .primary-header-inner .header-right-wrap .header-right .header-btn{
    padding:17px 35px
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-right-wrap .header-right .header-btn{
        margin-right:20px
    }
}
@media only screen and (max-width: 767px){
    .header .primary-header-inner .header-right-wrap .header-right .header-btn{
        display:none
    }
}
.header .primary-header-inner .header-right-wrap .header-right .header-btn:before{
    background-color:var(--cp-color-common-white)
}
.header .primary-header-inner .header-right-wrap .header-right .header-btn:hover{
    color:var(--cp-color-heading-primary)
}
.header .primary-header-inner .header-right-wrap .header-right .header-right-item{
    display:flex;
    align-items:center
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-right-wrap .header-right .header-right-item{
        line-height:1
    }
}
@media(min-width: 993px){
    .header .primary-header-inner .header-right-wrap .header-right .header-right-item .mobile-side-menu-toggle{
        display:none
    }
}
.header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon{
    font-size:16px;
    margin-left:55px;
    cursor:pointer
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .header-right-wrap .header-right .header-right-item .search-icon{
        margin-right:20px
    }
}
@media only screen and (max-width: 992px){
    .header .primary-header-inner .mean-push{
        display:none
    }
}
.header .primary-header.fixed{
    background-color:var(--cp-color-heading-primary);
    top:0;
    transition:all .3s ease-in-out
}
@media only screen and (max-width: 992px){
    .header .primary-header.fixed .primary-header-inner{
        padding:20px 0
    }
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li a{
    padding:27px 0
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul{
    top:80px
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li{
    margin:0
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li a{
    padding:10px 0;
    padding-left:25px
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:first-child a{
    padding-top:20px
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:first-child a:before{
    top:59%
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:last-child{
    margin:0;
    border-bottom:none
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:last-child a{
    padding-bottom:20px
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:last-child a:before{
    top:41%
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:hover a{
    padding-left:35px
}
.inner-header .primary-header .primary-header-inner .header-menu-wrap ul li ul li:hover a:before{
    width:10px
}
@media only screen and (max-width: 992px){
    .mobile-side-menu .header-right{
        display:none !important
    }
}
.side-menu-icon{
    position:absolute;
    right:20px;
    top:25px;
    z-index:100;
    display:block;
    cursor:pointer
}
@media only screen and (max-width: 992px){
    .side-menu-icon{
        display:none
    }
}
.side-menu-wrapper{
    position:fixed;
    overflow-y:auto;
    top:0;
    right:0;
    width:850px;
    -webkit-transform:translateX(850px);
    -ms-transform:translateX(850px);
    transform:translateX(850px);
    height:100%;
    display:block;
    background-color:var(--cp-color-theme-bg-dark-deep);
    z-index:100;
    padding:40px;
    -webkit-transition:transform .5s ease;
    -o-transition:transform .5s ease;
    transition:transform .5s ease;
    backface-visibility:hidden
}
.side-menu-wrapper .side-menu-close{
    background-color:var(--cp-color-theme-primary);
    position:absolute;
    top:40px;
    right:40px;
    font-size:18px;
    color:#fff;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    text-align:center
}
.side-menu-wrapper.is-open{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
@media only screen and (max-width: 992px){
    .side-menu-wrapper{
        display:none
    }
}
.side-menu-content .side-menu-header{
    font-family:var(--cp-ff-body);
    font-size:30px;
    max-width:600px;
    line-height:1.5;
    font-weight:400;
    width:100%;
    margin-bottom:40px
}
.side-menu-content .side-menu-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:25px;
    border:1px solid rgba(0,0,0,0);
    transition:all .3s ease-in-out;
    margin-bottom:30px
}
.side-menu-content .side-menu-item .side-menu-thumb-box{
    display:flex;
    align-items:center;
    column-gap:30px
}
.side-menu-content .side-menu-item .side-menu-thumb-box img{
    max-width:150px
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info .side-menu-title{
    font-family:var(--cp-ff-body);
    font-size:32px;
    font-weight:500;
    color:var(--cp-color-theme-primary);
    line-height:1;
    margin-bottom:10px
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p{
    max-width:400px;
    width:100%
}
.side-menu-content .side-menu-item .side-menu-thumb-box .side-menu-info p:last-child{
    margin-bottom:0
}
.side-menu-content .side-menu-item .side-menu-arrow{
    font-size:45px;
    color:var(--cp-color-theme-primary);
    transform:rotate(-45deg);
    transition:all .3s ease-in-out
}
.side-menu-content .side-menu-item:hover{
    border:1px solid var(--cp-color-border-6)
}
.side-menu-content .side-menu-item:hover .side-menu-arrow{
    transform:rotate(0deg)
}
.side-menu-content .side-menu-item:last-child{
    margin-bottom:0
}
.side-menu-overlay{
    background-color:rgba(0,0,0,.7);
    height:100%;
    width:0%;
    position:fixed;
    top:0;
    z-index:9;
    right:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    transition:all 600ms ease;
    z-index:10
}
.side-menu-overlay.is-open{
    width:100%;
    opacity:.5;
    visibility:visible;
    cursor:url(../img/cancel.png),auto
}
@media only screen and (max-width: 992px){
    .side-menu-overlay{
        display:none
    }
}
.primary-header{
    width:100%
}
.primary-header.fixed{
    background-color:var(--cp-color-bg-2);
    position:fixed;
    left:0;
    top:0;
    animation-name:menuSticky;
    -webkit-animation-name:menuSticky;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    animation-timing-function:ease;
    -webkit-animation-timing-function:ease;
    box-shadow:0px 1px 3px 0px rgba(17,17,17,.1);
    z-index:99
}
@media(max-width: 1199px){
    .primary-header.fixed .primary-header-inner{
        padding:20px
    }
}
@-webkit-keyframes menuSticky{
    0%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0%)
    }
}
@keyframes menuSticky{
    0%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0%)
    }
}
.mobile-side-menu-overlay,.mobile-side-menu{
    display:none
}
@media only screen and (max-width: 992px){
    .mobile-side-menu{
        background-color:var(--cp-color-common-white);
        position:fixed;
        overflow-y:scroll;
        top:0;
        right:0;
        width:400px;
        -webkit-transform:translateX(100%);
        -ms-transform:translateX(100%);
        transform:translateX(100%);
        height:100%;
        display:block;
        z-index:100;
        padding:40px 40px 40px 40px;
        -webkit-transition:transform .5s ease;
        -o-transition:transform .5s ease;
        transition:transform .5s ease;
        backface-visibility:hidden
    }
}
@media only screen and (max-width: 992px)and (max-width: 767px){
    .mobile-side-menu{
        padding:40px 20px;
        width:100%;
        max-width:320px
    }
}
@media only screen and (max-width: 992px){
    .mobile-side-menu.is-open{
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    .mobile-side-menu .side-menu-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        margin-bottom:30px
    }
    .mobile-side-menu .side-menu-head a img{
        max-width:120px
    }
    .mobile-side-menu .side-menu-head .mobile-side-menu-close{
        position:fixed;
        top:35px;
        right:40px;
        color:var(--cp-color-heading-primary);
        font-size:17px;
        height:40px;
        width:40px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #edece8
    }
}
@media only screen and (max-width: 992px)and (max-width: 767px){
    .mobile-side-menu .side-menu-head .mobile-side-menu-close{
        right:16px
    }
}
@media only screen and (max-width: 992px){
    .mobile-side-menu .side-menu-head .mobile-side-menu-close:hover{
        background-color:var(--cp-color-theme-primary);
        color:var(--cp-color-common-white)
    }
    .mobile-side-menu .side-menu-wrap{
        overflow:hidden;
        margin-bottom:50px
    }
    .mobile-side-menu p{
        color:var(--cp-color-heading-primary);
        margin-bottom:50px
    }
    .mobile-side-menu .list-header{
        color:var(--cp-color-common-white);
        font-family:var(--cp-ff-body);
        font-weight:400;
        margin-bottom:30px
    }
    .mobile-side-menu .side-menu-list{
        list-style:none
    }
    .mobile-side-menu .side-menu-list li{
        font-family:var(--cp-ff-heading);
        font-size:16px;
        font-weight:500;
        color:var(--cp-color-heading-primary)
    }
    .mobile-side-menu .side-menu-list li span,.mobile-side-menu .side-menu-list li a{
        color:var(--cp-color-heading-primary);
        margin-left:10px;
        font-size:16px
    }
}
@media only screen and (max-width: 992px)and (max-width: 992px){
    .mobile-side-menu .side-menu-list li span,.mobile-side-menu .side-menu-list li a{
        margin-left:0
    }
}
@media only screen and (max-width: 992px){
    .mobile-side-menu .side-menu-list li i{
        margin-right:10px
    }
    .mobile-side-menu-overlay{
        background-color:rgba(0,0,0,.7);
        height:100%;
        width:0%;
        position:fixed;
        top:0;
        z-index:9;
        right:0;
        opacity:0;
        visibility:hidden;
        -webkit-transition:all 600ms ease;
        -o-transition:all 600ms ease;
        transition:all 600ms ease;
        z-index:10;
        display:block
    }
    .mobile-side-menu-overlay.is-open{
        width:100%;
        opacity:.5;
        visibility:visible;
        cursor:url(../img/cancel.png),auto
    }
}
.mean-bar{
    background-color:rgba(0,0,0,0);
    min-height:auto;
    padding:0
}
.mean-bar .meanmenu-reveal{
    display:none !important
}
.mean-bar .mean-nav{
    background-color:rgba(0,0,0,0);
    margin-top:0;
    padding-top:20px
}
.mean-bar .mean-nav.mean-nav>ul{
    display:block !important
}
.mean-bar .mean-nav.mean-nav>ul li{
    position:relative;
    float:none;
    display:block;
    width:auto
}
.mean-bar .mean-nav.mean-nav>ul li:not(:last-of-type){
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid #edece8
}
.mean-bar .mean-nav.mean-nav>ul li a{
    color:var(--cp-color-heading-primary);
    font-size:18px;
    font-weight:600;
    line-height:1;
    border-top:none;
    padding:0;
    float:none
}
@media only screen and (max-width: 767px){
    .mean-bar .mean-nav.mean-nav>ul li a{
        font-size:16px
    }
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    position:absolute;
    padding:0;
    top:3px;
    right:0;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before,.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:after{
    font-size:12px;
    font-family:"Font Awesome 6 Pro";
    font-weight:900
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand:before{
    content:"+"
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:after{
    content:""
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand.mean-clicked:before{
    display:none
}
.mean-bar .mean-nav.mean-nav>ul li a.mean-expand i{
    display:none
}
.mean-bar .mean-nav.mean-nav>ul li ul{
    padding:0 0 0 30px;
    margin-top:20px
}
.mean-bar .mean-nav.mean-nav>ul li ul li:not(:last-of-type){
    padding-bottom:15px;
    margin-bottom:15px
}
.mean-bar .mean-nav.mean-nav>ul li ul li a{
    padding:0;
    font-size:14px;
    font-weight:500;
    text-transform:capitalize
}
@media only screen and (max-width: 767px){
    .mean-bar .mean-nav.mean-nav>ul li ul li a{
        font-size:14px
    }
}
#popup-search-box{
    background-color:var(--cp-color-common-white);
    position:fixed;
    width:100%;
    height:20%;
    top:-100%;
    left:0;
    right:0;
    white-space:nowrap;
    z-index:99;
    opacity:0;
    visibility:hidden;
    -webkit-transition:500ms ease all;
    -moz-transition:500ms ease all;
    transition:500ms ease all
}
#popup-search-box .box-inner-wrap{
    background-color:var(--cp-color-common-white);
    position:relative;
    width:100%;
    height:100%;
    box-shadow:0px 0px 60px 0px rgba(0,0,0,.05)
}
#popup-search-box .box-inner-wrap form{
    position:relative;
    width:100%;
    max-width:560px;
    margin:0 auto;
    padding:0 15px
}
#popup-search-box .box-inner-wrap form input{
    width:100%;
    padding:20px 15px;
    padding-right:80px;
    background:rgba(0,0,0,0);
    border:none;
    color:#ddd;
    border:1px solid var(--cp-color-border-1);
    color:#666;
    font-size:16px
}
#popup-search-box .box-inner-wrap form input::-webkit-input-placeholder{
    color:#666;
    font-size:16px
}
#popup-search-box .box-inner-wrap form input:-moz-placeholder{
    color:#666;
    font-size:16px
}
#popup-search-box .box-inner-wrap form input::-moz-placeholder{
    color:#666;
    font-size:16px
}
#popup-search-box .box-inner-wrap form input:-ms-input-placeholder{
    color:#666;
    font-size:16px
}
#popup-search-box .box-inner-wrap form input:focus{
    outline:none
}
#popup-search-box .box-inner-wrap:hover{
    cursor:url(../img/cross.png),auto
}
#popup-search-box .box-inner-wrap .search-close{
    position:absolute;
    top:30px;
    right:50px;
    color:var(--cp-color-heading-primary);
    border:1px solid var(--cp-color-border-1);
    height:50px;
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    border-radius:50%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
@media only screen and (max-width: 767px){
    #popup-search-box .box-inner-wrap .search-close{
        height:35px;
        width:35px;
        top:10px;
        right:10px
    }
}
#popup-search-box .box-inner-wrap .search-close:hover{
    background-color:var(--cp-color-theme-primary);
    border:1px solid var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
#popup-search-box.toggled{
    top:0;
    opacity:1;
    visibility:visible
}
.popup-tags{
    position:relative;
    margin:0 auto
}
.buildfix-slider .slider-item{
    position:relative;
    z-index:1
}
.buildfix-slider .slider-item .bg-img{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.buildfix-slider .slider-item .bg-img:before{
    background-color:var(--cp-color-common-black);
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    opacity:.56
}
.slider-container{
    max-width:1725px;
    margin:0 auto;
    width:100%
}
.slider-content-wrap{
    padding:600px 0 80px 0
}
@media only screen and (max-width: 992px){
    .slider-content-wrap{
        padding-top:400px
    }
}
@media only screen and (max-width: 992px){
    .slider-content-wrap{
        padding-top:300px
    }
}
.slider-content-wrap .buildfix-caption .slider-title{
    color:var(--cp-color-common-white);
    font-size:220px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1
}
@media only screen and (max-width: 992px){
    .slider-content-wrap .buildfix-caption .slider-title{
        font-size:120px
    }
}
@media only screen and (max-width: 767px){
    .slider-content-wrap .buildfix-caption .slider-title{
        font-size:50px;
        margin-bottom:0
    }
}
.slider-content-wrap .buildfix-caption .slider-title span{
    font-size:100px;
    font-weight:700;
    display:block;
    line-height:1;
    margin-bottom:-10px
}
@media only screen and (max-width: 992px){
    .slider-content-wrap .buildfix-caption .slider-title span{
        font-size:60px;
        margin-bottom:10px
    }
}
@media only screen and (max-width: 767px){
    .slider-content-wrap .buildfix-caption .slider-title span{
        font-size:40px
    }
}
.buildfix-animation,.buildfix-animation span{
    animation-duration:.3s;
    animation-fill-mode:both
}
.buildfix-animation span{
    display:inline-block
}
.buildfix-fadeIn{
    animation-name:asFadeIn
}
@keyframes asFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.buildfix-fadeInLeft{
    animation-name:asFadeInLeft
}
@keyframes asFadeInLeft{
    from{
        opacity:0;
        transform:translateX(-50px)
    }
    to{
        opacity:1
    }
}
.buildfix-fadeInRight{
    animation-name:asFadeInRight
}
@keyframes asFadeInRight{
    from{
        opacity:0;
        transform:translateX(50px)
    }
    to{
        opacity:1
    }
}
.buildfix-fadeInDown{
    animation-name:asFadeInTop
}
@keyframes asFadeInTop{
    from{
        opacity:0;
        transform:translateY(-50px)
    }
    to{
        opacity:1
    }
}
.buildfix-fadeInUp{
    animation-name:asFadeInBottom
}
@keyframes asFadeInBottom{
    from{
        opacity:0;
        transform:translateY(50px)
    }
    to{
        opacity:1
    }
}
.buildfix-moveFromLeft{
    animation-name:asMoveFromLeft
}
@keyframes asMoveFromLeft{
    from{
        visibility:hidden;
        transform:translateX(-50px)
    }
    to{
        visibility:visible
    }
}
.buildfix-moveFromRight{
    animation-name:asMoveFromRight
}
@keyframes asMoveFromRight{
    from{
        visibility:hidden;
        transform:translateX(50px)
    }
    to{
        visibility:visible
    }
}
.buildfix-moveFromTop{
    animation-name:asMoveFromTop
}
@keyframes asMoveFromTop{
    from{
        visibility:hidden;
        transform:translateY(-50px)
    }
    to{
        visibility:visible
    }
}
.buildfix-moveFromBottom{
    animation-name:asMoveFromBottom
}
@keyframes asMoveFromBottom{
    from{
        visibility:hidden;
        transform:translateY(50px)
    }
    to{
        visibility:visible
    }
}
.buildfix-blurIn{
    animation-name:asBlurIn
}
@keyframes asBlurIn{
    from{
        filter:blur(20px);
        opacity:0
    }
}
.buildfix-blurInLeft{
    animation-name:asBlurInLeft
}
@keyframes asBlurInLeft{
    from{
        transform:translateX(50px);
        filter:blur(20px);
        opacity:0
    }
}
.buildfix-blurInRight{
    animation-name:asBlurInRight
}
@keyframes asBlurInRight{
    from{
        transform:translateX(-50px);
        filter:blur(20px);
        opacity:0
    }
}
.buildfix-blurInTop{
    animation-name:asBlurInTop
}
@keyframes asBlurInTop{
    from{
        transform:translateY(50px);
        filter:blur(20px);
        opacity:0
    }
}
.buildfix-blurInBottom{
    animation-name:asBlurInBottom
}
@keyframes asBlurInBottom{
    from{
        transform:translateY(-50px);
        filter:blur(20px);
        opacity:0
    }
}
.buildfix-zoomIn{
    animation-name:asZoomIn
}
@keyframes asZoomIn{
    from{
        transform:scale(5);
        opacity:0
    }
}
.buildfix-zoomInLeft{
    animation-name:asZoomInLeft
}
@keyframes asZoomInLeft{
    from{
        transform:scale(5) translateX(-50%);
        opacity:0
    }
}
.buildfix-zoomInRight{
    animation-name:asZoomInRight
}
@keyframes asZoomInRight{
    from{
        transform:scale(5) translateX(50%);
        opacity:0
    }
}
.buildfix-zoomInTop{
    animation-name:asZoomInTop
}
@keyframes asZoomInTop{
    from{
        transform:scale(10) translateY(-50%);
        opacity:0
    }
}
.buildfix-zoomInBottom{
    animation-name:asZoomInBottom
}
@keyframes asZoomInBottom{
    from{
        transform:scale(10) translateY(50%);
        opacity:0
    }
}
.buildfix-flipInTop{
    animation-name:asFlipInTop
}
@keyframes asFlipInTop{
    from{
        transform:perspective(600px);
        opacity:0
    }
    30%{
        transform:perspective(600px) rotateX(180deg);
        transform-origin:0 0;
        animation-timing-function:ease-out
    }
    to{
        transform:perspective(600px)
    }
}
.buildfix-flipInBottom{
    animation-name:asFlipInBottom
}
@keyframes asFlipInBottom{
    from{
        transform:perspective(600px);
        opacity:0
    }
    30%{
        transform:perspective(600px) rotateX(180deg);
        transform-origin:bottom;
        animation-timing-function:ease-out
    }
    to{
        transform:perspective(600px)
    }
}
.buildfix-rollFromLeft{
    animation-name:asRollFromLeft
}
@keyframes asRollFromLeft{
    from{
        transform:translateX(-60px) perspective(600px) rotateY(180deg);
        opacity:0
    }
}
.buildfix-rollFromRight{
    animation-name:asRollFromRight
}
@keyframes asRollFromRight{
    from{
        transform:translateX(60px) perspective(600px) rotateY(-180deg);
        opacity:0
    }
}
.buildfix-rollFromTop{
    animation-name:asRollFromTop
}
@keyframes asRollFromTop{
    from{
        transform:translateY(-60px) perspective(600px) rotateX(180deg);
        opacity:0
    }
}
.buildfix-rollFromBottom{
    animation-name:asRollFromBottom
}
@keyframes asRollFromBottom{
    from{
        transform:translateY(60px) perspective(600px) rotateX(-180deg);
        opacity:0
    }
}
.buildfix-rotateSkateInRight{
    animation-name:asRotateSkateInRight
}
@keyframes asRotateSkateInRight{
    from{
        transform:scaleX(0.2) translateX(100px);
        opacity:0
    }
}
.buildfix-rotateSkateInLeft{
    animation-name:asRotateSkateInLeft
}
@keyframes asRotateSkateInLeft{
    from{
        transform:scaleX(0.2) translateX(-100px);
        opacity:0
    }
}
.buildfix-rotateSkateInTop{
    animation-name:asRotateSkateInTop
}
@keyframes asRotateSkateInTop{
    from{
        transform:scaleY(0.2) translateY(-100px);
        opacity:0
    }
}
.buildfix-rotateSkateInBottom{
    animation-name:asRotateSkateInBottom
}
@keyframes asRotateSkateInBottom{
    from{
        transform:scaleY(0.2) translateY(100px);
        opacity:0
    }
}
.buildfix-popUp{
    animation-name:asPopUp
}
@keyframes asPopUp{
    0%{
        visibility:hidden
    }
    50%{
        transform:scale(1.1);
        visibility:visible
    }
}
.buildfix-popUpLeft{
    animation-name:asPopUpLeft
}
@keyframes asPopUpLeft{
    0%{
        visibility:hidden
    }
    50%{
        visibility:visible;
        transform:translateX(-20px) scale(1.1);
        animation-timing-function:ease-in
    }
}
.buildfix-popUpRight{
    animation-name:asPopUpRight
}
@keyframes asPopUpRight{
    0%{
        visibility:hidden
    }
    50%{
        visibility:visible;
        transform:translateX(20px) scale(1.1);
        animation-timing-function:ease-in
    }
}
.swiper-slide-active .kenburns-top{
    -webkit-animation-name:kenburns-top;
    animation-name:kenburns-top
}
@-webkit-keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    100%{
        -webkit-transform:scale(1.08) translateY(-15px);
        transform:scale(1.08) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    100%{
        -webkit-transform:scale(1.08) translateY(-15px);
        transform:scale(1.08) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
.hero-section{
    background-color:var(--cp-color-heading-primary);
    position:relative;
    z-index:1
}
.hero-section .bg-shape{
    position:absolute;
    top:88px;
    right:30px;
    z-index:-1
}
.hero-wrap{
    padding-bottom:100px
}
.hero-content{
    padding:180px 0 0 0
}
.hero-content .hero-title-wrap{
    position:relative
}
.hero-content .hero-title-wrap .hero-author-list{
    display:flex;
    align-items:center;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
@media only screen and (max-width: 767px){
    .hero-content .hero-title-wrap .hero-author-list{
        display:none
    }
}
.hero-content .hero-title-wrap .hero-author-list li{
    height:87px;
    width:87px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%
}
.hero-content .hero-title-wrap .hero-author-list li:not(:first-of-type){
    margin-left:-10px
}
.hero-content .title{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    font-size:120px;
    font-weight:400;
    text-transform:uppercase;
    line-height:1;
    margin-bottom:75px
}
@media only screen and (max-width: 992px){
    .hero-content .title{
        font-size:80px;
        line-height:1.2
    }
}
@media only screen and (max-width: 767px){
    .hero-content .title{
        font-size:45px
    }
}
.hero-content .title .inner-text{
    padding-left:260px
}
@media only screen and (max-width: 767px){
    .hero-content .title .inner-text{
        padding-left:0
    }
}
.hero-content .hero-bottom{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:40px;
    flex-wrap:wrap;
    row-gap:30px
}
.hero-content .hero-bottom .left-content{
    display:grid;
    grid-template-columns:70px 1fr;
    grid-gap:20px
}
.hero-content .hero-bottom .left-content .icon{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    height:70px;
    width:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px
}
.hero-content .hero-bottom .left-content .award{
    color:var(--cp-color-common-white);
    font-size:32px;
    font-weight:500;
    margin-bottom:0
}
.hero-content .hero-bottom .left-content .award span{
    text-transform:capitalize;
    font-family:var(--cp-ff-pp);
    display:block;
    font-size:24px;
    font-weight:400
}
.hero-content .hero-bottom .right-content p{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    font-size:24px;
    margin-bottom:40px
}
.hero-content .hero-bottom .right-content .cp-primary-btn:before{
    background-color:var(--cp-color-common-white)
}
.hero-content .hero-bottom .right-content .cp-primary-btn:hover{
    color:var(--cp-color-heading-primary)
}
.hero-img{
    width:100%;
    height:900px;
    overflow:hidden;
    border:16px solid var(--cp-color-heading-primary);
    border-top:none
}
@media(max-width: 1199px){
    .hero-img{
        height:600px
    }
}
@media only screen and (max-width: 767px){
    .hero-img{
        height:450px
    }
}
.hero-img img{
    width:100%;
    height:100%
}
.hero-section-2{
    position:relative;
    z-index:1
}
.hero-section-2 .bg-img{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}
.hero-section-2 .bg-img:before{
    background-color:rgba(0,0,0,.64);
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.hero-content-2{
    padding:560px 0 120px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:30px;
    flex-wrap:wrap;
    row-gap:40px
}
@media only screen and (max-width: 992px){
    .hero-content-2{
        padding:400px 0 80px 0
    }
}
@media only screen and (max-width: 767px){
    .hero-content-2{
        padding:100px 0 80px 0
    }
}
.hero-content-2 .title{
    color:var(--cp-color-common-white);
    font-size:120px;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase;
    line-height:1
}
@media only screen and (max-width: 992px){
    .hero-content-2 .title{
        font-size:80px;
        line-height:1.2
    }
}
@media only screen and (max-width: 767px){
    .hero-content-2 .title{
        font-size:48px
    }
}
.about-content p{
    font-family:var(--cp-ff-heading);
    font-size:22px;
    font-weight:400;
    margin-bottom:40px
}
.about-content .about-btn{
    margin-bottom:185px
}
@media only screen and (max-width: 992px){
    .about-content .about-btn{
        margin-bottom:50px
    }
}
.about-content .about-author-list{
    display:flex;
    align-items:center
}
.about-content .about-author-list li{
    height:56px;
    width:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:3px solid var(--cp-color-common-white)
}
.about-content .about-author-list li:not(:first-of-type){
    margin-left:-20px
}
.about-content .about-author-list li.icon{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
.about-content .desc{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-bg-1);
    font-size:16px;
    font-weight:500;
    line-height:1.4;
    margin-top:15px;
    margin-bottom:0
}
.about-wrap{
    position:relative
}
.about-img-wrap{
    position:absolute;
    bottom:0;
    right:0;
    max-width:940px;
    width:100%;
    height:678px
}
@media(max-width: 1399px){
    .about-img-wrap{
        max-width:740px
    }
}
@media(max-width: 1199px){
    .about-img-wrap{
        max-width:840px;
        position:relative;
        margin:0 auto;
        margin-top:40px
    }
}
.about-img-wrap .about-img-1{
    max-width:370px;
    width:100%;
    height:440px;
    position:absolute;
    bottom:0;
    left:0
}
@media only screen and (max-width: 992px){
    .about-img-wrap .about-img-1{
        z-index:2
    }
}
.about-img-wrap .about-img-1 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-img-wrap .about-img-2{
    max-width:500px;
    width:100%;
    height:678px;
    position:absolute;
    bottom:0;
    right:0
}
@media(max-width: 1399px){
    .about-img-wrap .about-img-2{
        max-width:360px
    }
}
@media(max-width: 1199px){
    .about-img-wrap .about-img-2{
        max-width:450px
    }
}
.about-img-wrap .about-img-2 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-content-2 .about-img-wrap-2{
    display:grid;
    grid-template-columns:540px 1fr;
    grid-gap:80px
}
@media(max-width: 1399px){
    .about-content-2 .about-img-wrap-2{
        grid-gap:50px
    }
}
@media only screen and (max-width: 992px){
    .about-content-2 .about-img-wrap-2{
        grid-template-columns:1fr
    }
}
.about-content-2 .about-img-wrap-2 .about-img-1{
    max-width:540px;
    height:440px
}
.about-content-2 .about-img-wrap-2 .about-img-1 .img-overlay{
    background-color:var(--cp-color-common-white)
}
.about-content-2 .about-img-wrap-2 .img-content .title{
    font-family:var(--cp-ff-heading-2);
    font-size:28px;
    font-weight:500;
    margin-bottom:25px
}
.about-content-2 .about-img-wrap-2 .img-content p{
    font-size:20px
}
@media(max-width: 1399px){
    .about-content-2 .about-img-wrap-2 .img-content p br{
        display:none
    }
}
.about-content-2 .about-img-wrap-2 .img-content .about-btn{
    margin-bottom:60px
}
.about-content-2 .about-img-wrap-2 .img-content .about-client-wrap .about-author-list{
    display:flex;
    align-items:center
}
.about-content-2 .about-img-wrap-2 .img-content .about-client-wrap .about-author-list li{
    height:56px;
    width:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:3px solid var(--cp-color-common-white)
}
.about-content-2 .about-img-wrap-2 .img-content .about-client-wrap .about-author-list li:not(:first-of-type){
    margin-left:-20px
}
.about-content-2 .about-img-wrap-2 .img-content .about-client-wrap .about-author-list li.icon{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
.about-content-2 .about-img-wrap-2 .img-content .about-client-wrap p{
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    margin-top:20px
}
.about-counter-wrap-2{
    margin-top:40px
}
.about-counter-wrap-2 .about-img-2{
    max-width:350px;
    width:100%;
    height:500px;
    margin-bottom:70px
}
@media only screen and (max-width: 992px){
    .about-counter-wrap-2 .about-img-2{
        display:none
    }
}
.about-counter-wrap-2 .about-img-2 .img-overlay{
    background-color:var(--cp-color-common-white)
}
.about-counter-wrap-2 .about-img-2 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-counter-wrap-2 .counter-content .title{
    font-family:var(--cp-ff-heading-2);
    font-size:64px;
    font-weight:500;
    margin-bottom:10px;
    line-height:1;
    margin-bottom:0
}
.about-counter-wrap-2 .counter-content .title .odometer-auto-theme{
    font-family:inherit;
    line-height:1
}
.about-counter-wrap-2 .counter-content p{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-heading-primary);
    margin-bottom:0;
    font-weight:500
}
.about-img-wrapper .about-img-1{
    max-width:624px;
    width:100%;
    height:650px
}
@media only screen and (max-width: 992px){
    .about-img-wrapper .about-img-1{
        height:450px;
        margin-bottom:40px
    }
}
.about-img-wrapper .about-img-1 .img-overlay{
    background-color:var(--cp-color-common-white)
}
.about-img-wrapper .about-img-1 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-right-content-3{
    display:flex;
    align-items:center;
    align-items:baseline;
    justify-content:space-between;
    flex-direction:column;
    height:100%
}
.about-right-content-3 .about-img-wrap-3{
    display:grid;
    grid-template-columns:250px 1fr;
    grid-gap:70px
}
@media(max-width: 1199px){
    .about-right-content-3 .about-img-wrap-3{
        grid-gap:20px
    }
}
@media only screen and (max-width: 767px){
    .about-right-content-3 .about-img-wrap-3{
        grid-template-columns:1fr
    }
}
.about-right-content-3 .about-img-wrap-3 .about-img-2{
    max-width:250px;
    width:100%;
    height:250px
}
.about-right-content-3 .about-img-wrap-3 .about-img-2 .img-overlay{
    background-color:var(--cp-color-common-white)
}
.about-right-content-3 .about-img-wrap-3 .about-img-2 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-right-content-3 .about-img-wrap-3 .img-content{
    display:flex;
    align-items:center;
    align-items:baseline;
    justify-content:space-between;
    flex-direction:column;
    height:100%
}
.about-right-content-3 .about-img-wrap-3 .img-content p{
    font-size:20px;
    font-weight:400;
    margin-bottom:20px
}
.about-inner{
    background-color:#f1eee9
}
.about-img-4{
    max-width:624px;
    width:100%;
    margin-top:60px;
    height:544px
}
.about-img-4 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-content-4 .desc{
    font-size:24px;
    font-weight:400;
    margin-top:95px;
    margin-bottom:48px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(25,25,25,.2);
    line-height:1.4
}
.about-content-4 .about-counter-wrap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:30px
}
.about-content-4 .about-counter-wrap .about-counter:not(:last-of-type){
    margin-right:130px
}
.about-content-4 .about-counter-wrap .about-counter .title{
    font-family:var(--cp-ff-heading-2);
    font-size:100px;
    font-weight:400;
    line-height:1;
    margin-bottom:0;
    display:flex;
    align-items:center;
    align-items:baseline
}
.about-content-4 .about-counter-wrap .about-counter .title .odometer-auto-theme{
    font-family:inherit;
    line-height:1
}
.about-content-4 .about-counter-wrap .about-counter p{
    font-size:20px;
    font-weight:400;
    text-transform:uppercase
}
.sponsor-area .sponsor-wrap{
    padding:70px 0;
    border-bottom:1px solid #f1eee9;
    border-top:none
}
.sponsor-area .sponsor-wrap .sponsor-text{
    font-family:var(--cp-ff-heading-2);
    font-size:20px;
    font-weight:500;
    margin-bottom:0
}
@media only screen and (max-width: 992px){
    .sponsor-area .sponsor-wrap .sponsor-text{
        margin-bottom:40px
    }
}
.about-section-5{
    background-color:var(--cp-color-bg-1)
}
@media only screen and (max-width: 992px){
    .about-content-5{
        margin-bottom:50px
    }
}
.about-content-5 .about-img-wrap-5{
    display:flex;
    align-items:center;
    column-gap:40px
}
@media only screen and (max-width: 767px){
    .about-content-5 .about-img-wrap-5{
        flex-direction:column;
        row-gap:30px
    }
}
.about-content-5 .about-img-wrap-5 .img-content{
    display:flex;
    align-items:center;
    flex-direction:column;
    align-items:baseline;
    justify-content:space-between;
    height:350px
}
@media only screen and (max-width: 767px){
    .about-content-5 .about-img-wrap-5 .img-content{
        height:auto
    }
}
.about-content-5 .about-img-wrap-5 .img-content p{
    color:#f1eee9;
    font-size:20px;
    font-weight:400;
    max-width:320px;
    width:100%;
    margin-bottom:30px
}
.about-content-5 .about-img-wrap-5 .img-content .cp-primary-btn:before{
    background-color:var(--cp-color-common-white)
}
.about-content-5 .about-img-wrap-5 .img-content .cp-primary-btn:hover{
    color:var(--cp-color-heading-primary)
}
.about-content-5 .about-img-wrap-5 .about-img-1{
    max-width:600px;
    width:100%;
    height:350px
}
@media(max-width: 1199px){
    .about-content-5 .about-img-wrap-5 .about-img-1{
        max-width:400px
    }
}
.about-content-5 .about-img-wrap-5 .about-img-1 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.about-img-6{
    height:656px
}
@media only screen and (max-width: 992px){
    .about-img-6{
        height:450px
    }
}
@media only screen and (max-width: 992px){
    .about-img-6{
        height:350px
    }
}
.service-section{
    position:relative
}
.service-section .bg-img{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}
.service-section .bg-img .overlay{
    background-color:var(--cp-color-common-black);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:.5
}
.service-item{
    background-color:var(--cp-color-common-white);
    padding:40px 35px;
    border-radius:8px
}
@media(max-width: 1199px){
    .service-item{
        padding:40px 20px
    }
}
.service-item .icon{
    margin-bottom:150px;
    height:60px;
    width:60px
}
.service-item .service-content .title{
    font-size:24px;
    font-weight:500;
    margin-bottom:15px
}
.service-item .service-content p{
    color:var(--cp-color-text-body);
    font-size:18px;
    margin-bottom:0
}
.service-item.service-inner{
    background-color:#edece8;
    position:relative;
    z-index:1
}
.service-item.service-inner:before{
    background-color:var(--cp-color-heading-primary);
    content:"";
    width:0;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.service-item.service-inner:hover:before{
    width:100%
}
.service-item.service-inner:hover .service-content .title a{
    color:var(--cp-color-common-white)
}
.service-item.service-inner:hover .service-content p{
    color:var(--cp-color-common-white)
}
.service-section-2{
    background-color:#f1eee9
}
.service-item-wrap-2{
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:30px;
    position:relative
}
.service-item-wrap-2 .service-item-2{
    width:100%;
    height:100%
}
.service-item-wrap-2 .service-item-2:not(:last-of-type){
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:1px solid #adadad
}
.service-item-wrap-2 .service-item-2 .service-item-left{
    display:flex;
    align-items:center;
    align-items:baseline;
    height:100%;
    justify-content:space-between;
    flex-direction:column;
    row-gap:20px
}
@media only screen and (max-width: 992px){
    .service-item-wrap-2 .service-item-2 .service-item-left{
        margin-bottom:40px;
        display:block
    }
}
.service-item-wrap-2 .service-item-2 .service-item-left .title{
    font-family:var(--cp-ff-heading-2);
    font-size:36px;
    font-weight:500;
    text-transform:uppercase
}
.service-item-wrap-2 .service-item-2 .service-item-left span{
    color:var(--cp-color-text-body);
    font-size:16px;
    font-weight:500
}
.service-item-wrap-2 .service-item-2 .service-img-wrap{
    display:grid;
    grid-template-columns:540px 1fr;
    grid-gap:80px
}
@media(max-width: 1399px){
    .service-item-wrap-2 .service-item-2 .service-img-wrap{
        grid-gap:30px
    }
}
@media(max-width: 1199px){
    .service-item-wrap-2 .service-item-2 .service-img-wrap{
        grid-template-columns:1fr
    }
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .service-img{
    max-width:540px;
    width:100%;
    height:370px
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .service-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content{
    max-width:348px;
    width:100%;
    display:flex;
    align-items:center;
    align-items:baseline;
    height:100%;
    justify-content:space-between;
    flex-direction:column;
    row-gap:20px;
    margin-left:0
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content p{
    font-size:18px;
    font-weight:400;
    margin-bottom:20px
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content a{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-heading-primary);
    font-size:16px;
    font-weight:500;
    display:flex;
    align-items:center;
    column-gap:10px;
    align-items:baseline;
    text-transform:uppercase;
    position:relative
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content a:before{
    background-color:var(--cp-color-heading-primary);
    content:"";
    height:1.5px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content a:hover{
    color:var(--cp-color-theme-primary)
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content a:hover:before{
    background-color:var(--cp-color-theme-primary)
}
.service-item-wrap-2 .service-item-2 .service-img-wrap .img-content a i{
    transform:rotate(-45deg)
}
.service-item-3{
    position:relative;
    padding:40px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    border-bottom:1px solid #d9d9d9
}
.service-item-3:nth-child(1){
    border-top:1px solid #d9d9d9
}
.service-item-3 .service-item-inner{
    display:flex;
    align-items:center;
    width:100%;
    justify-content:space-between
}
@media only screen and (max-width: 767px){
    .service-item-3 .service-item-inner{
        flex-direction:column;
        align-items:baseline;
        row-gap:20px
    }
}
.service-item-3 .service-item-inner .title{
    font-family:var(--cp-ff-heading-2);
    font-size:36px;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase;
    display:flex;
    align-items:center
}
@media only screen and (max-width: 992px){
    .service-item-3 .service-item-inner .title{
        font-size:28px
    }
}
@media only screen and (max-width: 767px){
    .service-item-3 .service-item-inner .title{
        flex-direction:column;
        row-gap:20px;
        align-items:baseline;
        font-size:24px
    }
}
.service-item-3 .service-item-inner .title span{
    font-size:24px;
    font-weight:500;
    padding-right:180px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
@media only screen and (max-width: 992px){
    .service-item-3 .service-item-inner .title span{
        font-size:24px;
        padding-right:100px
    }
}
@media only screen and (max-width: 767px){
    .service-item-3 .service-item-inner .title span{
        padding-left:0;
        padding-right:0;
        display:block;
        font-size:18px
    }
}
.service-item-3 .service-item-inner .arrow{
    font-size:25px;
    transform:rotate(-45deg)
}
.service-item-3 .service-img-reveal-bg{
    position:absolute;
    top:0;
    left:0;
    width:300px;
    height:300px;
    opacity:0;
    margin:-100px 0 0 -100px;
    overflow:hidden;
    pointer-events:none;
    z-index:99;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    -webkit-transition:opacity .3s,transform .5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition:opacity .3s,transform .5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition:opacity .3s,transform .5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition:opacity .3s,transform .5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:opacity .3s,transform .5s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .5s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.service-item-3:hover .service-img-reveal-bg{
    opacity:1
}
.service-item-3:hover{
    background-color:var(--cp-color-heading-primary)
}
.service-item-3:hover .service-item-inner .title{
    color:var(--cp-color-common-white)
}
.service-item-3:hover .service-item-inner .arrow{
    color:var(--cp-color-common-white)
}
.project-wrap{
    display:flex;
    justify-content:space-between;
    column-gap:30px
}
@media only screen and (max-width: 992px){
    .project-wrap{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        grid-gap:24px;
        padding:0 24px
    }
}
@media only screen and (max-width: 767px){
    .project-wrap{
        grid-template-columns:1fr
    }
}
.project-item .project-thumb{
    height:100%;
    width:100%;
    position:relative
}
.project-item .project-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.project-item .project-thumb a{
    background-color:var(--cp-color-common-white);
    height:70px;
    width:70px;
    border-radius:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) scale(0)
}
.project-item:hover .project-thumb a{
    transform:translate(-50%, -50%) scale(1);
    visibility:visible;
    opacity:1
}
.project-item.item-1{
    margin-top:auto
}
.project-item.item-1,.project-item.item-3{
    max-width:500px;
    width:100%;
    height:550px
}
@media(max-width: 1199px){
    .project-item.item-1,.project-item.item-3{
        height:450px
    }
}
@media only screen and (max-width: 767px){
    .project-item.item-1,.project-item.item-3{
        height:350px
    }
}
.project-item.item-2{
    max-width:900px;
    width:100%;
    height:876px
}
@media(max-width: 1399px){
    .project-item.item-2{
        height:680px
    }
}
@media(max-width: 1199px){
    .project-item.item-2{
        height:580px
    }
}
@media only screen and (max-width: 992px){
    .project-item.item-2{
        height:450px
    }
}
@media only screen and (max-width: 767px){
    .project-item.item-2{
        height:350px
    }
}
.project-item-2 .project-thumb{
    width:100%;
    height:700px;
    overflow:hidden
}
@media(max-width: 1199px){
    .project-item-2 .project-thumb{
        height:500px
    }
}
.project-item-2 .project-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.project-item-2 .project-content{
    display:flex;
    align-items:center;
    column-gap:10px;
    justify-content:space-between;
    flex-wrap:wrap;
    row-gap:15px;
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(173,173,173,.4);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.project-item-2 .project-content .title{
    font-family:var(--cp-ff-heading-2);
    font-size:28px;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:0
}
.project-item-2 .project-content .title span{
    margin-top:10px;
    font-size:16px;
    display:block
}
.project-item-2 .project-content .arrow{
    color:var(--cp-color-heading-primary);
    font-size:22px;
    transform:rotate(-45deg)
}
.project-item-2:hover .project-content{
    border-color:var(--cp-color-theme-primary)
}
.project-carousel-wrap{
    margin-top:-100px
}
.project-carousel{
    max-width:1216px;
    width:100%;
    margin-left:0;
    overflow:visible
}
.project-item-3 .project-thumb{
    height:620px;
    transform:translateY(100px);
    position:relative;
    z-index:5;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media only screen and (max-width: 992px){
    .project-item-3 .project-thumb{
        height:450px
    }
}
.project-item-3 .project-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.project-item-3 .project-content{
    padding-top:25px
}
.project-item-3 .project-content .title{
    font-family:var(--cp-ff-heading-2);
    font-size:36px;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase
}
@media only screen and (max-width: 992px){
    .project-item-3 .project-content .title{
        font-size:26px
    }
}
@media only screen and (max-width: 992px){
    .project-item-3 .project-content .title{
        font-size:22px
    }
}
.project-item-3 .project-content span{
    display:block;
    margin-top:5px;
    font-size:16px;
    position:relative;
    padding-left:30px;
    text-transform:uppercase
}
.project-item-3 .project-content span:before{
    background-color:var(--cp-color-heading-primary);
    content:"";
    width:24px;
    height:1.5px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.project-item-3:hover .project-thumb{
    transform:translateY(0)
}
.portfolio-details .details-title{
    font-family:var(--cp-ff-heading);
    font-size:56px;
    font-weight:500;
    margin-bottom:0;
    margin-bottom:30px
}
.project-details-content p{
    font-size:20px
}
.project-details-content .project-details-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:16px;
    margin-bottom:45px
}
.project-details-content .project-details-list li{
    color:var(--cp-color-heading-primary);
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    column-gap:10px
}
@media only screen and (max-width: 992px){
    .feature-content-left{
        margin-bottom:50px
    }
}
.feature-content-left .desc{
    font-size:22px;
    font-weight:400;
    line-height:1.5;
    margin-bottom:180px
}
@media only screen and (max-width: 992px){
    .feature-content-left .desc{
        margin-bottom:50px
    }
}
.feature-content-left .feature-counter{
    display:grid;
    align-items:center;
    grid-template-columns:150px 1fr;
    grid-gap:24px
}
@media only screen and (max-width: 767px){
    .feature-content-left .feature-counter{
        grid-template-columns:1fr
    }
}
.feature-content-left .feature-counter .counter-content .title{
    font-size:70px;
    font-weight:500;
    margin-bottom:0;
    line-height:1;
    display:flex;
    align-items:center
}
.feature-content-left .feature-counter .counter-content .title .odometer-auto-theme{
    font-family:inherit;
    line-height:1
}
.feature-content-left .feature-counter .counter-content p{
    font-size:20px;
    font-weight:400;
    margin-bottom:0
}
.feature-right-content .feature-img{
    max-width:844px;
    width:100%;
    height:380px;
    margin-bottom:40px
}
.feature-right-content .feature-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.feature-right-content .feature-item-wrap{
    display:flex;
    align-items:center
}
@media only screen and (max-width: 767px){
    .feature-right-content .feature-item-wrap{
        flex-direction:column;
        row-gap:30px
    }
}
.feature-right-content .feature-item-wrap .feature-item:not(:last-of-type){
    margin-right:40px;
    padding-right:40px;
    border-right:1px solid #edece8
}
@media only screen and (max-width: 992px){
    .feature-right-content .feature-item-wrap .feature-item:not(:last-of-type){
        margin-right:40px;
        padding-right:20px
    }
}
@media only screen and (max-width: 767px){
    .feature-right-content .feature-item-wrap .feature-item:not(:last-of-type){
        margin-right:0;
        padding-right:0;
        border:none
    }
}
.feature-right-content .feature-item-wrap .feature-item .icon{
    background:rgba(252,90,17,.1);
    height:80px;
    width:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px
}
.feature-right-content .feature-item-wrap .feature-item .content .title{
    font-size:28px;
    font-weight:500;
    margin-bottom:0;
    margin-bottom:20px
}
.feature-right-content .feature-item-wrap .feature-item .content p{
    font-size:18px;
    margin-bottom:0
}
@media(max-width: 1399px){
    .feature-right-content .feature-item-wrap .feature-item .content p br{
        display:none
    }
}
.testi-item{
    display:grid;
    grid-template-columns:1fr 388px;
    grid-gap:24px
}
@media only screen and (max-width: 767px){
    .testi-item{
        grid-template-columns:1fr
    }
}
.testi-item .testi-content{
    background-color:#edece8;
    padding:48px 44px;
    border-radius:8px
}
@media(max-width: 1399px){
    .testi-item .testi-content{
        padding:40px 20px
    }
}
.testi-item .testi-content .quote{
    margin-bottom:24px
}
.testi-item .testi-content p{
    color:var(--cp-color-heading-primary);
    font-size:24px;
    font-weight:400;
    line-height:1.5;
    margin-bottom:85px
}
@media(max-width: 1399px){
    .testi-item .testi-content p br{
        display:none
    }
}
@media(max-width: 1199px){
    .testi-item .testi-content p{
        font-size:18px
    }
}
.testi-item .testi-content .testi-author .name{
    font-size:24px;
    font-weight:500;
    margin-bottom:10px
}
.testi-item .testi-content .testi-author p{
    color:var(--cp-color-heading-primary);
    font-size:14px;
    margin-bottom:0;
    line-height:1
}
.testi-item .testi-img{
    height:100%;
    max-width:388px;
    width:100%
}
.testi-item .testi-img img{
    height:100%;
    width:100%;
    border-radius:8px
}
.testi-right-content{
    display:flex;
    align-items:center;
    height:100%;
    flex-direction:column;
    align-items:baseline;
    justify-content:space-between
}
@media only screen and (max-width: 992px){
    .testi-right-content{
        margin-top:40px;
        flex-direction:inherit;
        column-gap:20px;
        flex-wrap:wrap;
        row-gap:30px
    }
}
.testi-right-content .testi-counter .title{
    font-size:72px;
    font-weight:500;
    line-height:1;
    display:flex;
    align-items:center
}
.testi-right-content .testi-counter .title .odometer-auto-theme{
    font-family:inherit;
    line-height:1
}
.testi-right-content .testi-counter p{
    font-size:22px;
    font-weight:500;
    margin-bottom:20px
}
@media(max-width: 1199px){
    .testi-right-content .testi-counter p br{
        display:none
    }
}
.testi-right-content .testi-nav-wrap .swiper-arrow{
    display:flex;
    align-items:center;
    column-gap:8px
}
.testi-right-content .testi-nav-wrap .swiper-arrow .swiper-nav{
    background-color:#e8e2df;
    color:var(--cp-color-heading-primary);
    font-size:20px;
    height:56px;
    width:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.testi-right-content .testi-nav-wrap .swiper-arrow .swiper-nav:hover{
    background-color:var(--cp-color-heading-primary);
    color:var(--cp-color-common-white)
}
.testi-carousel-2 .swiper-arrow{
    position:absolute;
    bottom:0;
    right:0;
    z-index:1;
    display:flex;
    align-items:center;
    column-gap:10px
}
.testi-carousel-2 .swiper-arrow .swiper-nav{
    background-color:#e8e2df;
    height:56px;
    width:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.testi-carousel-2 .swiper-arrow .swiper-nav:hover{
    background-color:var(--cp-color-heading-primary);
    color:var(--cp-color-common-white)
}
.testi-item-2{
    display:grid;
    align-items:center;
    grid-template-columns:416px 1fr;
    grid-gap:80px
}
@media(max-width: 1199px){
    .testi-item-2{
        grid-gap:30px
    }
}
@media only screen and (max-width: 992px){
    .testi-item-2{
        margin-top:40px
    }
}
@media only screen and (max-width: 767px){
    .testi-item-2{
        grid-template-columns:1fr
    }
}
.testi-item-2 .testi-author-img{
    max-width:416px;
    width:100%;
    height:400px
}
.testi-item-2 .testi-author-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.testi-item-2 .testi-content .icon{
    margin-bottom:40px
}
.testi-item-2 .testi-content p{
    color:var(--cp-color-heading-primary);
    font-size:28px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:100px
}
@media(max-width: 1399px){
    .testi-item-2 .testi-content p{
        font-size:22px
    }
}
@media(max-width: 1199px){
    .testi-item-2 .testi-content p{
        font-size:20px
    }
}
.testi-item-2 .testi-content .testi-author-box .testi-author .name{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-heading-primary);
    font-size:24px;
    font-weight:500
}
.testi-item-2 .testi-content .testi-author-box .testi-author span{
    display:block;
    font-size:15px;
    font-weight:500
}
.testi-item-3{
    background-color:#f1eee9;
    padding:40px;
    border-radius:8px
}
@media(max-width: 1199px){
    .testi-item-3{
        padding:40px 20px
    }
}
.testi-item-3 .icon{
    margin-bottom:20px
}
.testi-item-3 p{
    color:var(--cp-color-heading-primary);
    font-size:24px;
    font-weight:400;
    margin-bottom:120px;
    line-height:1.5
}
.testi-item-3 .testi-author{
    display:grid;
    align-items:center;
    grid-template-columns:60px 1fr;
    grid-gap:15px
}
.testi-item-3 .testi-author .author-img{
    height:60px;
    width:60px
}
.testi-item-3 .testi-author .author-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%
}
.testi-item-3 .testi-author .content .name{
    font-family:var(--cp-ff-heading-2);
    font-size:24px;
    font-weight:500;
    line-height:1;
    margin-bottom:10px
}
.testi-item-3 .testi-author .content span{
    font-size:16px;
    font-weight:500;
    display:block;
    line-height:1
}
.testi-client-wrap .testi-author-list{
    display:flex;
    align-items:center
}
.testi-client-wrap .testi-author-list li{
    height:56px;
    width:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:3px solid var(--cp-color-common-white)
}
.testi-client-wrap .testi-author-list li:not(:first-of-type){
    margin-left:-20px
}
.testi-client-wrap .testi-author-list li.icon{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
.testi-client-wrap p{
    font-size:18px;
    font-weight:500;
    margin-bottom:0;
    margin-top:20px
}
.team-section{
    background-color:var(--cp-color-heading-primary)
}
@media only screen and (max-width: 992px){
    .team-carousel-wrap{
        align-items:end
    }
}
.team-item{
    align-items:end
}
@media only screen and (max-width: 992px){
    .team-item .team-content{
        margin-bottom:40px
    }
}
.team-item .team-content .title{
    font-size:36px;
    font-weight:500;
    margin-bottom:20px
}
.team-item .team-content .prof{
    font-family:var(--cp-ff-body);
    font-size:14px;
    font-weight:500;
    line-height:1;
    margin-bottom:70px;
    display:block
}
.team-item .team-content .team-social a{
    font-family:var(--cp-ff-body);
    font-size:14px;
    font-weight:500;
    border:1px solid #3a3a3a;
    text-transform:uppercase;
    color:var(--cp-color-common-white);
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.team-item .team-content .team-social a:nth-child(1){
    width:32px;
    border-radius:80px
}
.team-item .team-content .team-social a:nth-child(2){
    padding:0 15px;
    border-radius:80px
}
.team-item .team-content .team-social a:hover{
    color:var(--cp-color-theme-primary)
}
.team-item .team-img{
    max-width:536px;
    width:100%;
    height:582px;
    margin-left:35px
}
@media(max-width: 1399px){
    .team-item .team-img{
        max-width:450px
    }
}
@media(max-width: 1199px){
    .team-item .team-img{
        max-width:380px
    }
}
@media only screen and (max-width: 992px){
    .team-item .team-img{
        margin-left:0;
        max-width:550px
    }
}
@media only screen and (max-width: 767px){
    .team-item .team-img{
        margin-left:0;
        max-width:550px;
        height:350px
    }
}
.team-item .team-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.team-thumb-wrap{
    display:flex;
    align-items:center;
    justify-content:center
}
.team-thumb-carousel{
    height:582px;
    margin-left:auto;
    margin-right:0
}
@media only screen and (max-width: 767px){
    .team-thumb-carousel{
        margin:0 auto;
        margin-top:40px
    }
}
.team-thumb-carousel .team-thumb{
    height:133px;
    max-width:133px;
    width:100%
}
.team-thumb-carousel .team-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.team-section-2{
    background-color:var(--cp-color-common-white)
}
.team-item-2 .team-content .team-social .icon{
    color:var(--cp-color-heading-primary)
}
.team-item-2 .team-content .team-social .icon-text{
    color:var(--cp-color-heading-primary)
}
.team-inner-item .team-img{
    height:348px;
    margin-bottom:24px;
    overflow:hidden
}
.team-inner-item .team-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.team-inner-item .team-content .title{
    font-size:28px;
    font-weight:500;
    margin-bottom:10px
}
.team-inner-item .team-content span{
    font-size:14px;
    nav-down:500;
    margin-bottom:15px;
    display:block
}
.team-inner-item .team-content .team-social a{
    font-family:var(--cp-ff-body);
    font-size:14px;
    font-weight:500;
    border:1px solid #3a3a3a;
    text-transform:uppercase;
    color:var(--cp-color-heading-primary);
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.team-inner-item .team-content .team-social a:nth-child(1){
    width:32px;
    border-radius:80px
}
.team-inner-item .team-content .team-social a:nth-child(2){
    padding:0 15px;
    border-radius:80px
}
.team-inner-item .team-content .team-social a:hover{
    color:var(--cp-color-theme-primary)
}
.team-inner-item:hover .team-img img{
    transform:scale(1.02)
}
.team-details-img{
    background-color:#f8f5f3;
    max-width:580px;
    width:100%;
    height:620px;
    border-radius:8px
}
@media only screen and (max-width: 767px){
    .team-details-img{
        height:450px
    }
}
.team-details-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.team-details-content{
    max-width:670px;
    width:100%
}
@media only screen and (max-width: 992px){
    .team-details-content{
        margin-top:50px
    }
}
.team-details-content p{
    font-size:18px
}
@media only screen and (max-width: 767px){
    .team-details-content p{
        font-size:15px
    }
}
.team-details-content .name{
    font-size:48px;
    font-weight:600
}
@media only screen and (max-width: 767px){
    .team-details-content .name{
        font-size:38px
    }
}
.team-details-content .prof{
    font-family:var(--cp-ff-heading);
    font-size:20px;
    font-weight:500;
    margin-bottom:30px;
    display:block
}
.team-details-content .team-details-list{
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid rgba(63,63,44,.1);
    list-style:none
}
.team-details-content .team-details-list li{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-heading-primary);
    font-size:18px;
    font-weight:500
}
@media only screen and (max-width: 767px){
    .team-details-content .team-details-list li{
        font-size:14px
    }
}
.team-details-content .team-details-list li:not(:last-of-type){
    margin-bottom:10px
}
.team-details-content .team-details-list li span{
    display:inline-block
}
.team-details-content .team-details-list li span:nth-child(1){
    width:137px
}
@media only screen and (max-width: 767px){
    .team-details-content .team-details-list li span:nth-child(1){
        width:100px
    }
}
.team-details-content .team-details-list li span:nth-child(2){
    width:65px
}
@media only screen and (max-width: 767px){
    .team-details-content .team-details-list li span:nth-child(2){
        width:30px
    }
}
.team-details-content .team-portfolio{
    margin-top:40px;
    margin-bottom:40px
}
.team-details-content .team-portfolio .port-title{
    font-size:18px;
    font-weight:500;
    margin-bottom:20px
}
.team-details-content .team-portfolio .team-portfolio-list{
    list-style:none
}
@media only screen and (max-width: 767px){
    .team-details-content .team-portfolio .team-portfolio-list{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        row-gap:10px
    }
}
.team-details-content .team-portfolio .team-portfolio-list li{
    display:inline-flex;
    align-items:center
}
.team-details-content .team-portfolio .team-portfolio-list li:not(:last-of-type){
    margin-right:10px
}
.team-details-content .team-portfolio .team-portfolio-list li a{
    background-color:#f8f5f3;
    font-family:var(--cp-ff-p);
    font-size:14px;
    font-weight:500;
    line-height:1;
    padding:8px 20px;
    border-radius:100px;
    border:1px solid var(--cp-color-border-1)
}
.team-details-content .team-portfolio .team-portfolio-list li a:hover{
    background-color:var(--cp-color-heading-primary);
    color:var(--cp-color-common-white)
}
.team-details-content .team-details-info:not(:last-of-type){
    margin-bottom:40px
}
.team-details-content .team-details-info .info-title{
    font-size:28px;
    font-weight:500;
    margin-bottom:25px
}
.team-details-content .team-details-info p{
    margin-bottom:0
}
.team-details-content .team-details-info .skills-items{
    margin-top:35px
}
.team-details-content .team-details-info .skills-items .skills-item .title{
    font-size:16px;
    font-weight:600
}
.skills-item{
    overflow:hidden
}
.skills-item:not(:last-of-type){
    margin-bottom:25px
}
.skills-item .title{
    color:var(--cp-color-heading-primary);
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
    text-transform:uppercase
}
@media only screen and (max-width: 767px){
    .skills-item .title{
        font-size:18px
    }
}
.skills-item .progress{
    background-color:rgba(0,153,89,.2);
    height:10px;
    overflow:visible;
    border-radius:100px
}
.skills-item .progress .progress-bar{
    position:relative;
    background-color:var(--cp-color-theme-primary);
    overflow:visible;
    border-radius:100px
}
.skills-item .progress .progress-bar span{
    font-size:18px;
    font-weight:700;
    background-repeat:no-repeat;
    color:var(--cp-color-theme-primary);
    padding:10px 10px 20px 10px;
    position:absolute;
    top:-55px;
    right:-11px
}
@media only screen and (max-width: 767px){
    .skills-item .progress .progress-bar span{
        font-size:18px;
        padding-top:20px;
        top:-60px
    }
}
.process-left-content .process-img{
    max-width:620px;
    width:100%;
    height:350px
}
.process-left-content .process-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.process-item-wrap{
    position:relative;
    z-index:1
}
.process-item-wrap .line{
    height:90%;
    border-left:1px dashed #3c5240;
    position:absolute;
    top:0;
    left:19px;
    z-index:-1
}
.process-item-wrap .process-item{
    display:grid;
    grid-template-columns:40px 1fr;
    grid-gap:65px
}
.process-item-wrap .process-item:not(:last-of-type){
    margin-bottom:100px
}
.process-item-wrap .process-item .number{
    font-family:var(--cp-ff-heading-2);
    background-color:#f1eee9;
    color:var(--cp-color-heading-primary);
    height:40px;
    width:40px;
    border-radius:50%;
    border:1px solid #adadad;
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:center
}
.process-item-wrap .process-item .title{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-heading-primary);
    font-size:36px;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase
}
.contact-content{
    display:flex;
    align-items:center;
    align-items:baseline;
    height:100%;
    justify-content:space-between;
    flex-direction:column
}
.contact-content .mail-box{
    margin-top:30px
}
.contact-content .mail-box span{
    display:block;
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
    line-height:1
}
.contact-content .mail-box a{
    color:var(--cp-color-heading-primary);
    font-size:24px;
    font-weight:500
}
.contact-content .mail-box a:hover{
    color:var(--cp-color-theme-primary)
}
.contact-form{
    background-color:#f1eee9;
    padding:40px;
    border-radius:14px
}
.contact-form .form-header{
    font-size:36px;
    font-weight:500;
    margin-bottom:40px
}
.contact-form .form-group{
    margin-bottom:24px
}
.contact-form .form-item .form-title{
    font-size:18px;
    font-weight:500;
    margin-bottom:10px
}
.contact-form .form-item .form-control{
    color:#4d4d4d;
    box-shadow:none;
    border:none;
    outline:none;
    border-radius:8px;
    padding:16px 0;
    padding-left:25px;
    padding-right:30px;
    overflow:hidden
}
.contact-form .form-item .form-control::-webkit-input-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.contact-form .form-item .form-control:-moz-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.contact-form .form-item .form-control::-moz-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.contact-form .form-item .form-control:-ms-input-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.contact-form .form-item .nice-select{
    width:100%;
    height:auto;
    line-height:inherit;
    padding:15.5px 30px;
    padding-left:0;
    border:none;
    outline:none
}
.contact-form .form-item .nice-select:after{
    top:46%;
    width:10px;
    height:10px;
    border-color:#adadad;
    border-bottom:2px solid #adadad;
    border-right:2px solid #adadad;
    right:35px
}
.contact-form .form-item .nice-select span{
    font-size:16px;
    color:#4d4d4d;
    box-shadow:none;
    border:none;
    outline:none;
    border-radius:8px;
    padding:16px 0;
    padding-left:25px;
    padding-right:30px;
    overflow:hidden
}
.contact-form .form-item .nice-select .list li{
    font-size:16px;
    padding:5px 20px
}
.contact-form .form-item .nice-select .list li:not(:last-of-type){
    border-bottom:1px dashed #adadad
}
.contact-form .cp-primary-btn{
    width:100%;
    justify-content:center
}
.award-img{
    max-width:500px;
    width:100%;
    height:488px
}
@media only screen and (max-width: 992px){
    .award-img{
        margin-bottom:40px
    }
}
.award-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.award-list .award-list-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:20px;
    flex-wrap:wrap;
    row-gap:20px;
    width:100%;
    padding:31.5px 24px;
    border-bottom:1px solid rgba(25,25,25,.2);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.award-list .award-list-item:nth-child(1){
    border-top:1px solid rgba(25,25,25,.2)
}
.award-list .award-list-item span{
    font-family:var(--cp-ff-heading);
    font-size:18px;
    font-weight:500;
    line-height:1;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.award-list .award-list-item .title{
    color:var(--cp-color-heading-primary);
    font-size:24px;
    font-weight:500;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.award-list .award-list-item:hover{
    background-color:var(--cp-color-heading-primary)
}
.award-list .award-list-item:hover span{
    color:#adadad
}
.award-list .award-list-item:hover .title{
    color:var(--cp-color-common-white)
}
.pricing-item{
    background-color:var(--cp-color-grey-1);
    padding:45px;
    border-radius:8px
}
@media(max-width: 1199px){
    .pricing-item{
        padding:40px 25px
    }
}
.pricing-item .title{
    font-size:24px;
    font-weight:600
}
.pricing-item .pricing-offer{
    font-size:18px;
    font-weight:400
}
.pricing-item .price{
    font-size:48px;
    font-weight:600;
    line-height:1;
    margin-top:25px;
    margin-bottom:35px;
    padding-bottom:30px;
    border-bottom:1px solid rgba(0,64,55,.16)
}
.pricing-item .pricing-list{
    list-style:none;
    margin-bottom:40px
}
.pricing-item .pricing-list li{
    display:flex;
    align-items:center;
    line-height:1
}
.pricing-item .pricing-list li:not(:last-of-type){
    margin-bottom:20px
}
.pricing-item .pricing-list li i{
    color:var(--cp-color-heading-primary);
    width:25px
}
.pricing-item .pricing-list li.cross-icon i{
    color:var(--cp-color-heading-primary)
}
.faq-content .faq-accordion{
    border-radius:0
}
.faq-content .faq-accordion .accordion-item{
    background-color:var(--cp-color-common-white);
    border:none;
    border-radius:0;
    padding:0
}
.faq-content .faq-accordion .accordion-item:not(:last-of-type){
    margin-bottom:30px
}
.faq-content .faq-accordion .accordion-item .accordion-button{
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-heading-primary);
    border:none;
    box-shadow:none;
    font-size:24px;
    font-weight:600;
    border-bottom:1px solid rgba(20,58,43,.16);
    padding:0;
    padding-bottom:20px;
    border-radius:0
}
.faq-content .faq-accordion .accordion-item .accordion-button:after{
    color:var(--cp-color-heading-primary);
    background-image:none;
    font-family:"Font Awesome 6 Pro";
    font-size:14px;
    font-weight:700;
    content:"+";
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%
}
.faq-content .faq-accordion .accordion-item .accordion-button:not(.collapsed):after{
    content:"-";
    transform:rotate(0)
}
.faq-content .faq-accordion .accordion-item .accordion-body{
    color:var(--cp-color-text-body);
    max-width:600px;
    width:100%;
    font-size:18px;
    font-weight:400;
    padding:0;
    padding-top:20px
}
.consult-section{
    background-color:var(--cp-color-heading-primary);
    position:relative;
    z-index:1
}
.consult-section .bg-img{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:45%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}
@media only screen and (max-width: 992px){
    .consult-section .bg-img{
        width:0
    }
}
.consult-section .bg-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.consult-content{
    padding:150px 0
}
@media(max-width: 1199px){
    .consult-content{
        padding:70px 0
    }
}
.consult-content .consult-img-wrap{
    display:grid;
    grid-template-columns:308px 1fr;
    grid-gap:60px
}
@media(max-width: 1199px){
    .consult-content .consult-img-wrap{
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 992px){
    .consult-content .consult-img-wrap{
        grid-template-columns:308px 1fr
    }
}
@media only screen and (max-width: 767px){
    .consult-content .consult-img-wrap{
        grid-template-columns:1fr
    }
}
.consult-content .consult-img-wrap .consult-img{
    height:380px;
    max-width:308px;
    width:100%
}
.consult-content .consult-img-wrap .consult-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
.consult-content .consult-img-wrap .img-content p{
    color:var(--cp-color-common-white);
    font-size:20px;
    margin-bottom:45px
}
.consult-content .consult-img-wrap .img-content .consult-btn{
    margin-bottom:90px
}
@media(max-width: 1199px){
    .consult-content .consult-img-wrap .img-content .consult-btn{
        margin-bottom:40px
    }
}
.consult-content .consult-img-wrap .img-content .counter-content .title{
    color:var(--cp-color-common-white);
    font-family:var(--cp-ff-heading-2);
    font-size:64px;
    font-weight:500;
    margin-bottom:10px;
    line-height:1;
    margin-bottom:0
}
.consult-content .consult-img-wrap .img-content .counter-content .title .odometer-auto-theme{
    font-family:inherit;
    line-height:1
}
.consult-content .consult-img-wrap .img-content .counter-content p{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    margin-bottom:0;
    font-weight:500
}
.video-img-area{
    height:900px;
    width:100%;
    overflow:hidden
}
@media only screen and (max-width: 992px){
    .video-img-area{
        height:600px
    }
}
@media only screen and (max-width: 767px){
    .video-img-area{
        height:400px
    }
}
.video-img-area img{
    width:100%;
    height:100%;
    object-fit:cover
}
.video-img-area.inner-video{
    height:800px;
    overflow:hidden
}
.sponsor-wrap{
    padding-top:70px;
    padding-bottom:70px;
    border-top:1px solid #f1eee9
}
.sponsor-wrap .sponsor-title{
    font-family:var(--cp-ff-heading-2);
    font-size:20px;
    font-weight:500;
    margin-bottom:0;
    text-transform:uppercase;
    line-height:1.5
}
@media only screen and (max-width: 992px){
    .sponsor-wrap .sponsor-title{
        margin-bottom:40px
    }
}
.core-section{
    background-color:var(--cp-color-heading-primary);
    position:relative;
    z-index:1
}
.core-section .core-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:45%;
    height:100%;
    position:absolute;
    top:0;
    right:0
}
@media only screen and (max-width: 992px){
    .core-section .core-bg{
        width:0
    }
}
.core-item-wrap{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:40px
}
@media only screen and (max-width: 767px){
    .core-item-wrap{
        grid-template-columns:1fr
    }
}
.core-item-wrap .core-item .icon{
    height:50px;
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #4d4d4d;
    margin-bottom:30px
}
.core-item-wrap .core-item .title{
    font-family:var(--cp-ff-heading-2);
    font-size:28px;
    font-weight:500;
    margin-bottom:20px;
    text-transform:uppercase
}
@media(max-width: 1399px){
    .core-item-wrap .core-item .title{
        font-size:22px
    }
}
.core-item-wrap .core-item p{
    font-size:16px;
    font-weight:400;
    margin-bottom:0
}
@media(max-width: 1399px){
    .core-item-wrap .core-item p br{
        display:none
    }
}
.post-card .post-thumb{
    position:relative;
    height:350px;
    overflow:hidden;
    margin-bottom:20px
}
.post-card .post-thumb:after{
    background:rgba(255,255,255,.3);
    bottom:0;
    content:"";
    left:50%;
    position:absolute;
    right:51%;
    top:0;
    opacity:1;
    pointer-events:none;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.post-card .post-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale3d(1, 1, 1);
    transition:transform 1s ease-in-out
}
.post-card .post-thumb .post-meta{
    position:absolute;
    bottom:24px;
    left:24px
}
.post-card .post-thumb .post-meta li{
    font-family:var(--cp-ff-body);
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-heading-primary);
    padding:10px 20px;
    border-radius:100px;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase
}
.post-card .post-content .title{
    font-size:28px;
    font-weight:500;
    line-height:1.3;
    margin-bottom:30px
}
@media only screen and (max-width: 767px){
    .post-card .post-content .title{
        font-size:18px
    }
}
.post-card .post-content .title a{
    background:linear-gradient(var(--cp-color-theme-primary) 0%, var(--cp-color-theme-primary) 98%);
    background-size:0 2px;
    background-repeat:no-repeat;
    background-position:left 100%;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.post-card .post-content .title a:hover{
    color:var(--cp-color-theme-primary);
    background-size:100% 2px
}
.post-card .post-content .read-more{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-heading-primary);
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    column-gap:10px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.post-card .post-content .read-more i{
    transform:rotate(-45deg);
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.post-card .post-content .read-more:hover{
    color:var(--cp-color-theme-primary)
}
.post-card .post-content .read-more:hover i{
    transform:rotate(0)
}
.post-card:hover .post-thumb:after{
    left:0;
    right:0;
    opacity:0
}
.post-card:hover .post-thumb img{
    transform:scale(1.04) rotate(0deg)
}
.post-card-2 .post-thumb{
    height:450px
}
.post-card-2 .post-content .post-meta{
    margin-bottom:15px
}
.post-card-2 .post-content .post-meta li{
    color:var(--cp-color-heading-primary);
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    position:relative;
    line-height:1
}
.post-card-2 .post-content .post-meta li:not(:last-of-type){
    margin-right:25px
}
.post-card-2 .post-content .post-meta li:not(:last-of-type):before{
    color:var(--cp-color-heading-primary);
    content:"-";
    position:absolute;
    top:46%;
    right:-16px;
    transform:translateY(-50%);
    font-size:18px
}
.post-card-2 .post-content .title{
    font-family:var(--cp-ff-heading-2);
    font-size:36px;
    font-weight:500
}
@media(max-width: 1199px){
    .post-card-2 .post-content .title br{
        display:none
    }
}
.post-card-2 .post-content .read-more i{
    color:var(--cp-color-theme-primary)
}
.post-card-3 .post-thumb{
    height:350px
}
.post-card-3 .post-content .title{
    font-size:28px
}
.post-meta{
    display:flex;
    align-items:center;
    list-style:none;
    flex-wrap:wrap;
    row-gap:10px
}
.post-meta li{
    font-family:var(--cp-ff-heading);
    color:#c8c8cd;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    line-height:1
}
.post-meta li i{
    font-size:14px
}
.post-meta li:not(:last-of-type){
    margin-right:15px
}
.post-meta li a:hover{
    color:var(--cp-color-theme-primary)
}
@media only screen and (max-width: 767px){
    .post-meta li{
        font-size:12px
    }
}
.post-inner-card-wrap{
    padding-right:25px
}
@media only screen and (max-width: 992px){
    .post-inner-card-wrap{
        margin-bottom:50px;
        padding-right:0
    }
}
.inner-post:not(:last-of-type){
    margin-bottom:40px
}
.inner-post .post-thumb{
    height:500px;
    margin-bottom:30px;
    border-radius:16px;
    overflow:hidden
}
@media only screen and (max-width: 992px){
    .inner-post .post-thumb{
        height:400px
    }
}
@media only screen and (max-width: 767px){
    .inner-post .post-thumb{
        height:300px
    }
}
.pagination-wrap{
    display:flex;
    align-items:center;
    list-style:none;
    column-gap:10px
}
.pagination-wrap li a{
    background-color:rgba(0,0,0,0);
    color:var(--cp-color-heading-primary);
    font-weight:700;
    height:50px;
    width:50px;
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    border:1px solid #adadad;
    border-radius:50%
}
.pagination-wrap li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border:1px solid var(--cp-color-theme-primary)
}
.pagination-wrap li .active{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border:1px solid var(--cp-color-theme-primary)
}
.page-header{
    background-color:#191919;
    position:relative;
    z-index:1;
    overflow:hidden
}
.page-header .page-header-content{
    padding:220px 0 120px 0;
    position:relative;
    z-index:2
}
@media only screen and (max-width: 992px){
    .page-header .page-header-content{
        padding:180px 0 100px 0
    }
}
.page-header .page-header-content .section-heading .section-title{
    color:var(--cp-color-common-white);
    font-size:80px;
    font-weight:500;
    text-transform:inherit
}
@media only screen and (max-width: 992px){
    .page-header .page-header-content .section-heading .section-title{
        font-size:42px;
        max-width:100%
    }
    .page-header .page-header-content .section-heading .section-title br{
        display:none
    }
}
@media only screen and (max-width: 767px){
    .page-header .page-header-content .section-heading .section-title{
        font-size:36px
    }
    .page-header .page-header-content .section-heading .section-title br{
        display:none
    }
}
.page-header .page-header-content .page-header-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    max-width:1378px;
    column-gap:20px;
    flex-wrap:wrap;
    row-gap:30px;
    margin-top:80px
}
.page-header .page-header-content .page-header-bottom p{
    color:#f1eee9;
    font-size:22px;
    font-weight:400;
    margin-bottom:0;
    line-height:1.4
}
.page-header .page-header-content .page-header-bottom .page-header-list{
    max-width:570px;
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:10px;
    list-style:none
}
@media only screen and (max-width: 767px){
    .page-header .page-header-content .page-header-bottom .page-header-list{
        grid-template-columns:1fr
    }
}
.page-header .page-header-content .page-header-bottom .page-header-list li{
    color:var(--cp-color-common-white);
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    column-gap:10px
}
.page-header .page-header-content .page-header-meta{
    display:flex;
    align-items:center;
    margin-top:55px
}
@media only screen and (max-width: 992px){
    .page-header .page-header-content .page-header-meta{
        flex-wrap:wrap;
        column-gap:50px
    }
}
@media only screen and (max-width: 767px){
    .page-header .page-header-content .page-header-meta{
        flex-direction:column;
        row-gap:30px;
        justify-content:baseline;
        align-items:baseline
    }
}
.page-header .page-header-content .page-header-meta .meta-item:not(:last-of-type){
    margin-right:145px;
    padding-right:145px;
    border-right:1px solid #adadad
}
@media(max-width: 1600px){
    .page-header .page-header-content .page-header-meta .meta-item:not(:last-of-type){
        padding-right:100px;
        margin-right:100px
    }
}
@media(max-width: 1399px){
    .page-header .page-header-content .page-header-meta .meta-item:not(:last-of-type){
        padding-right:50px;
        margin-right:50px
    }
}
@media only screen and (max-width: 992px){
    .page-header .page-header-content .page-header-meta .meta-item:not(:last-of-type){
        border:none;
        margin-right:0;
        padding-right:0
    }
}
.page-header .page-header-content .page-header-meta .meta-item span{
    color:#adadad;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
    opacity:.85
}
.page-header .page-header-content .page-header-meta .meta-item .title{
    color:var(--cp-color-common-white);
    font-size:20px;
    font-weight:500;
    margin-bottom:0
}
#sidebar-overlay,.sidebar-trigger,.sidebar-area{
    display:none
}
.sidebar-area{
    position:relative;
    z-index:1
}
.sidebar-area:before{
    background-color:var(--cp-color-border-1);
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    top:100px;
    left:0;
    z-index:-1
}
.sidebar-trigger{
    display:block
}
.sidebar-area{
    background-color:var(--cp-color-bg-1);
    border-left:1px solid var(--cp-color-border-1);
    position:fixed;
    right:0;
    top:0;
    transform:translateX(100%);
    width:450px;
    height:100%;
    z-index:99;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    overflow-y:auto;
    visibility:hidden;
    transition:all .5s ease-in-out;
    padding:60px 40px;
    padding-top:34px
}
.open-sidebar .sidebar-area{
    right:0;
    visibility:visible;
    transform:translate(0)
}
.sidebar-trigger.close{
    position:absolute;
    right:30px;
    top:35px;
    color:var(--grey-color);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.sidebar-trigger.close:hover{
    color:var(--cp-color-theme-primary)
}
.sidebar-trigger.close svg{
    fill:currentColor;
    stroke:none;
    width:20px;
    height:20px
}
.sidebar-content .site-logo{
    margin-bottom:40px
}
.sidebar-content .site-logo img{
    max-width:200px
}
.sidebar-content .sidebar-info li{
    font-size:18px
}
.sidebar-content .sidebar-social li{
    display:inline-block;
    margin:0 3px;
    padding-top:30px
}
.sidebar-content .sidebar-social li a{
    display:inline-block;
    border:1px solid var(--border-1);
    font-size:16px;
    width:40px;
    height:40px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.sidebar-content .sidebar-social li a:after{
    background-color:var(--primary-color);
    width:40px;
    height:40px;
    border-radius:59%;
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    opacity:1;
    transform:translate(-50%, -50%) scale(0);
    z-index:-1;
    visibility:hidden;
    opacity:0;
    transition:.4s
}
.sidebar-content .sidebar-social li a:hover{
    border:1px solid var(--primary-color);
    color:#fff
}
.sidebar-content .sidebar-social li:hover a:after{
    visibility:visible;
    opacity:1;
    transition:.4s;
    transform:translate(-50%, -50%) scale(1)
}
.sidebar-content .list-post-area{
    margin:50px 0 20px 0
}
.sidebar-area::-webkit-scrollbar{
    width:8px;
    height:8px
}
.sidebar-area::-webkit-scrollbar-thumb{
    cursor:pointer;
    background:#ccc
}
.sidebar-area::selection{
    background-color:#999;
    color:#fff
}
.sidebar-area-webkit-::selection{
    background-color:#999;
    color:#fff
}
.sidebar-area::-moz-selection{
    background-color:#999;
    color:#fff
}
#sidebar-overlay{
    display:block;
    height:100%;
    left:0;
    opacity:0;
    overflow:hidden;
    position:fixed;
    top:0;
    transition:all 0s ease-in-out;
    width:calc(100% - 400px);
    z-index:-1
}
.open-sidebar #sidebar-overlay{
    opacity:1;
    z-index:1002;
    transition:all .6s ease-in-out;
    transition-delay:.3s
}
@media(max-width: 992px){
    .sidebar-content .list-post-area.list-2{
        grid-template-columns:1fr;
        grid-gap:0
    }
    .sidebar-area{
        width:400px;
        padding:60px 30px;
        justify-content:center
    }
    .side-menu-logo{
        margin-bottom:50px
    }
    .side-menu-wrap{
        margin-bottom:70px
    }
    .side-menu-header h3{
        display:none
    }
    .side-menu-list li a{
        font-size:14px
    }
    .side-menu-list li p{
        font-size:14px
    }
}
@media(max-width: 767px){
    .sidebar-area{
        width:320px;
        padding:60px 20px 60px 20px
    }
    .sidebar-content .list-post-area.list-2 .list-post-card .post-img{
        height:90px;
        width:90px
    }
    .sidebar-content .list-post-area.list-2 .list-post-card{
        grid-template-columns:90px 1fr
    }
}
.side-menu-logo{
    max-width:150px
}
.side-menu-about{
    margin:75px 0 60px 0
}
.side-menu-about p{
    font-size:14px
}
.side-menu-about p{
    font-size:15px;
    margin:25px 0
}
.side-menu-header h3{
    font-size:30px;
    font-weight:600px;
    line-height:1;
    font-weight:600
}
.side-menu-content .side-menu-header,.side-menu-about .side-menu-header{
    margin-bottom:20px
}
.side-menu-list{
    margin:25px 0 35px 0
}
.side-menu-list li{
    display:flex;
    align-items:center
}
.side-menu-list li:not(:last-of-type){
    margin-bottom:20px
}
.side-menu-list li i{
    background-color:var(--cp-color-theme-primary);
    font-size:12px;
    color:var(--cp-color-text-black);
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid var(--cp-color-border-1);
    border-radius:4px;
    transition:all .2s ease-in-out
}
.side-menu-list li:hover i{
    background-color:var(--cp-color-theme-primary);
    color:#fff
}
.side-menu-list li p{
    font-size:15px;
    font-weight:400;
    padding-left:10px;
    margin-bottom:0
}
.side-menu-list li a{
    font-size:15px;
    font-weight:400;
    color:var(--cp-color-text-body);
    padding-left:10px
}
.side-menu-list li a:hover{
    color:var(--cp-color-theme-primary)
}
.side-menu-social{
    margin-top:40px;
    list-style:none
}
.side-menu-social li{
    display:inline-flex
}
.side-menu-social li:not(:last-of-type){
    margin-right:10px
}
.side-menu-social li a{
    background-color:var(--cp-color-bg-2);
    font-size:17px;
    color:var(--cp-color-common-white);
    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--cp-color-border-1)
}
.side-menu-social li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-text-black)
}
.blog-details-img{
    width:100%;
    height:600px
}
.blog-details-img img{
    height:100%;
    width:100%;
    object-fit:cover;
    object-position:top
}
@media only screen and (max-width: 992px){
    .blog-details-img{
        height:400px
    }
}
@media only screen and (max-width: 767px){
    .blog-details-img{
        height:300px
    }
}
.blog-details-wrap{
    max-width:1060px;
    width:100%
}
.blog-details-wrap .post-content .title{
    font-family:var(--cp-ff-heading);
    font-size:56px;
    font-weight:500;
    line-height:1.2
}
@media only screen and (max-width: 992px){
    .blog-details-wrap .post-content .title{
        font-size:40px
    }
}
@media only screen and (max-width: 992px){
    .blog-details-wrap .post-content .title{
        font-size:36px
    }
}
@media only screen and (max-width: 992px){
    .blog-details-content{
        margin-bottom:40px
    }
}
.blog-details-content p{
    font-size:18px
}
.blog-details-content .details-title{
    font-size:48px;
    font-weight:500
}
.blog-details-content .details-title span{
    font-family:"NewYork",sans-serif;
    font-weight:200
}
@media only screen and (max-width: 992px){
    .blog-details-content .details-title{
        font-size:30px
    }
}
.blog-details-content .details-title-2{
    font-size:44px;
    font-weight:500;
    margin-bottom:20px
}
@media only screen and (max-width: 992px){
    .blog-details-content .details-title-2{
        font-size:30px
    }
}
.blog-details-content .blog-details-list li{
    margin-left:20px;
    font-size:20px;
    font-weight:400;
    color:var(--cp-color-heading-primary)
}
.blog-details-content .details-img-wrap{
    display:flex;
    align-items:center;
    column-gap:24px
}
.blog-details-content .details-img-wrap img{
    height:450px;
    width:100%;
    object-fit:cover
}
@media(max-width: 1199px){
    .blog-details-content .details-img-wrap{
        flex-wrap:wrap;
        row-gap:24px
    }
}
blockquote{
    background-color:#f1eee9;
    display:grid;
    grid-template-columns:60px 1fr;
    padding:45px;
    align-items:baseline;
    grid-gap:30px;
    border-radius:16px;
    border:1px solid var(--cp-color-border-1)
}
@media only screen and (max-width: 767px){
    blockquote{
        grid-template-columns:1fr
    }
}
blockquote .content p{
    font-family:var(--cp-ff-heading);
    color:var(--cp-color-heading-primary);
    font-size:32px;
    font-weight:400;
    line-height:1.5;
    margin-bottom:20px
}
@media only screen and (max-width: 767px){
    blockquote .content p{
        font-size:20px;
        margin-bottom:30px
    }
}
blockquote .content .author{
    color:var(--cp-color-common-white);
    font-size:16px;
    font-weight:500;
    margin-bottom:0;
    position:relative;
    padding-left:50px;
    line-height:1
}
blockquote .content .author:before{
    background-color:var(--cp-color-common-white);
    content:"";
    width:30px;
    height:2px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}
.tags{
    display:flex;
    align-items:center;
    justify-content:space-between;
    column-gap:30px;
    flex-wrap:wrap;
    row-gap:30px;
    margin:40px 0
}
.tags .tag-left{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:20px
}
.tags .tag-left .tag-title{
    font-family:var(--cp-ff-heading);
    font-size:20px;
    font-weight:600;
    margin-right:30px;
    display:block
}
.tags .tag-left .tag-list{
    list-style:none;
    display:flex;
    align-items:center;
    column-gap:15px;
    flex-wrap:wrap;
    row-gap:15px
}
.tags .tag-left .tag-list li a{
    background-color:#f1eee9;
    font-size:14px;
    font-weight:500;
    padding:8px 20px;
    border:1px solid #adadad;
    border-radius:100px
}
.tags .tag-left .tag-list li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border:1px solid var(--cp-color-theme-primary)
}
.tags .tag-social{
    display:flex;
    align-items:center;
    list-style:none
}
.tags .tag-social li a{
    background-color:rgba(0,0,0,0);
    color:var(--cp-color-heading-primary);
    font-size:14px;
    height:44px;
    width:44px;
    border-radius:50%;
    display:block;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #3a3a3a
}
.tags .tag-social li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border:1px solid var(--cp-color-theme-primary)
}
.tags .tag-social li:not(:last-of-type){
    margin-right:8px
}
.comments-area .section-heading{
    margin-bottom:40px
}
.comments-area .section-heading .section-title{
    font-size:28px
}
.comment-item{
    position:relative;
    display:grid;
    grid-template-columns:60px 1fr;
    grid-gap:25px
}
@media only screen and (max-width: 767px){
    .comment-item{
        grid-template-columns:1fr
    }
}
.comment-item .comment-top{
    display:flex;
    align-items:center;
    column-gap:20px
}
.comment-item .reply{
    background-color:#f1eee9;
    font-family:var(--cp-ff-body);
    color:var(--cp-color-heading-primary);
    font-size:16px;
    display:flex;
    align-items:center;
    column-gap:8px;
    padding:5px 15px;
    border-radius:100px;
    margin-top:15px;
    font-style:italic;
    font-weight:600;
    text-transform:uppercase;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-item .reply img{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-item .reply:hover{
    background-color:var(--cp-color-bg-1);
    color:var(--cp-color-common-white)
}
.comment-item .reply:hover img{
    filter:brightness(0) invert(1)
}
.comment-item .comment-thumb img{
    height:60px;
    width:60px;
    object-fit:cover;
    object-position:top
}
.comment-item .comment-info .comments-meta{
    margin-bottom:10px
}
.comment-item .comment-info .comments-meta span{
    color:var(--cp-color-heading-primary);
    display:flex;
    align-items:center;
    column-gap:10px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.comment-item .comment-info .author{
    font-size:24px;
    font-weight:500;
    margin-bottom:10px
}
.comment-item .comment-info p{
    font-size:16px;
    margin-bottom:0
}
.comment-item.item-2{
    padding-left:84px
}
@media only screen and (max-width: 767px){
    .comment-item.item-2{
        padding-left:0
    }
}
.comment-item:not(:last-of-type){
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid var(--cp-color-border-1)
}
.blog-contact-form{
    background-color:var(--cp-color-common-white)
}
.blog-contact-form .title{
    font-size:36px;
    font-weight:500;
    margin-bottom:30px
}
.blog-contact-form .request-form .form-item{
    position:relative
}
.blog-contact-form .request-form .form-item .form-control{
    background-color:#f1eee9;
    color:#4d4d4d;
    font-size:16px;
    font-weight:400;
    box-shadow:none;
    border:none;
    padding:16.5px 55px 16.5px 20px;
    border-radius:6px;
    margin-bottom:25px;
    width:100%;
    border:1px solid var(--cp-color-border-1)
}
.blog-contact-form .request-form .form-item .form-control::-webkit-input-placeholder{
    color:#4d4d4d;
    font-size:16px;
    font-weight:400
}
.blog-contact-form .request-form .form-item .form-control:-moz-placeholder{
    color:#4d4d4d;
    font-size:16px;
    font-weight:400
}
.blog-contact-form .request-form .form-item .form-control::-moz-placeholder{
    color:#4d4d4d;
    font-size:16px;
    font-weight:400
}
.blog-contact-form .request-form .form-item .form-control:-ms-input-placeholder{
    color:#4d4d4d;
    font-size:16px;
    font-weight:400
}
.blog-contact-form .request-form .form-item .icon{
    color:var(--cp-color-theme-primary);
    position:absolute;
    top:50%;
    right:30px;
    transform:translateY(-50%)
}
.blog-contact-form .request-form .form-item.message-item .icon{
    top:25px
}
.sidebar-widget{
    background-color:var(--cp-color-bg-2);
    border-radius:8px;
    border:1px solid rgba(255,255,255,.2)
}
.sidebar-widget:not(:last-of-type){
    margin-bottom:40px
}
@media(max-width: 1199px){
    .sidebar-widget{
        padding:30px 20px
    }
}
.sidebar-widget .search-form{
    position:relative
}
.sidebar-widget .search-form .form-control{
    background-color:#f1eee9;
    color:#4d4d4d;
    font-style:italic;
    font-size:18px;
    border:none;
    border-radius:8px;
    box-shadow:none;
    padding:14.5px 0;
    padding-left:25px;
    padding-right:30px;
    overflow:hidden
}
.sidebar-widget .search-form .form-control::-webkit-input-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.sidebar-widget .search-form .form-control:-moz-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.sidebar-widget .search-form .form-control::-moz-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.sidebar-widget .search-form .form-control:-ms-input-placeholder{
    color:#4d4d4d;
    font-size:16px
}
.sidebar-widget .search-form .search-btn{
    background-color:var(--cp-color-bg-1);
    color:var(--cp-color-common-white);
    font-size:15px;
    height:48px;
    width:48px;
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%);
    display:block;
    border-radius:8px
}
.sidebar-widget .widget-title{
    font-size:24px;
    font-weight:500;
    display:inline-block;
    margin-bottom:25px
}
.sidebar-widget .category-list{
    list-style:none
}
.sidebar-widget .category-list li:not(:last-of-type) a{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #adadad
}
.sidebar-widget .category-list li a{
    background-color:rgba(0,0,0,0);
    color:#4d4d4d;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:18px;
    font-weight:500;
    overflow:hidden
}
.sidebar-widget .category-list li a:hover{
    color:var(--cp-color-heading-primary);
    border-color:var(--cp-color-heading-primary)
}
.sidebar-widget .category-list li a:hover i{
    color:var(--cp-color-heading-primary)
}
.sidebar-widget .blog-gallery-wrap{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:repeat(2, 1fr);
    grid-gap:10px
}
@media(max-width: 1399px){
    .sidebar-widget .blog-gallery-wrap{
        grid-template-columns:repeat(3, 1fr);
        grid-template-rows:repeat(3, 1fr)
    }
}
@media only screen and (max-width: 992px){
    .sidebar-widget .blog-gallery-wrap{
        display:flex;
        align-items:center;
        column-gap:10px;
        row-gap:10px;
        flex-wrap:wrap
    }
}
.sidebar-widget .blog-gallery-wrap .gallary-img{
    height:100px;
    width:100px
}
.sidebar-widget .tags{
    display:flex;
    align-items:center;
    justify-content:start;
    flex-wrap:wrap;
    row-gap:20px;
    list-style:none;
    column-gap:0;
    margin:0
}
.sidebar-widget .tags li:not(:last-of-type){
    margin-right:10px
}
.sidebar-widget .tags li a{
    background-color:#f1eee9;
    font-size:14px;
    font-weight:500;
    padding:8px 20px;
    border:1px solid #adadad;
    border-radius:100px
}
.sidebar-widget .tags li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border:1px solid var(--cp-color-theme-primary)
}
.sidebar-widget .sidebar-post{
    display:grid;
    grid-template-columns:100px 1fr;
    grid-gap:24px
}
.sidebar-widget .sidebar-post:not(:last-of-type){
    margin-bottom:24px;
    padding-bottom:24px;
    border-bottom:1px solid #adadad
}
.sidebar-widget .sidebar-post img{
    width:100px;
    height:100px;
    object-fit:cover;
    border-radius:8px
}
.sidebar-widget .sidebar-post .post-content .post-meta li{
    color:#4d4d4d;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    padding:8px 15px;
    border-radius:100px;
    border:1px solid #adadad
}
.sidebar-widget .sidebar-post .post-content .title{
    font-size:18px;
    margin-bottom:15px;
    font-weight:600;
    text-transform:capitalize;
    line-height:1.5
}
@media only screen and (max-width: 767px){
    .sidebar-widget .sidebar-post .post-content .title{
        font-size:16px
    }
}
.sidebar-widget .sidebar-post .post-content .title a:hover{
    color:var(--cp-color-theme-primary)
}
.footer-section{
    background-color:#0f0f0f;
    position:relative;
    z-index:1
}
.footer-cta{
    position:relative;
    z-index:1
}
.footer-cta .footer-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:saturate(0)
}
.footer-cta .footer-bg .overlay{
    background-color:#0f0f0f;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:.8
}
.footer-cta .cta-content{
    padding:80px 0
}
.footer-cta .cta-content .title{
    color:var(--cp-color-common-white);
    font-size:48px;
    font-weight:500;
    margin-bottom:0;
    margin-bottom:30px
}
.footer-cta .cta-content .cp-primary-btn{
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-heading-primary)
}
.footer-cta .cta-content .cp-primary-btn:hover{
    color:var(--cp-color-common-white)
}
.footer-cta .cta-content .cp-primary-btn:before{
    background-color:var(--cp-color-theme-primary)
}
.footer-wrap{
    padding:100px 0
}
@media only screen and (max-width: 992px){
    .footer-wrap{
        padding:80px 0 0 0
    }
}
.footer-wrap-3{
    padding:100px 0;
    position:relative
}
@media only screen and (max-width: 992px){
    .footer-wrap-3{
        padding:80px 0 0 0
    }
}
.footer-wrap-3:before{
    background-color:#4d4d4d;
    content:"";
    width:1px;
    height:100%;
    position:absolute;
    top:0;
    left:46%
}
@media(max-width: 1399px){
    .footer-wrap-3:before{
        left:47%
    }
}
@media(max-width: 1199px){
    .footer-wrap-3:before{
        left:40%
    }
}
@media only screen and (max-width: 992px){
    .footer-wrap-3:before{
        display:none
    }
}
@media only screen and (max-width: 992px){
    .footer-widget{
        margin-bottom:80px
    }
}
@media only screen and (max-width: 767px){
    .footer-widget{
        margin-bottom:50px
    }
}
.footer-widget .widget-header{
    margin-bottom:30px
}
.footer-widget .widget-header .footer-logo{
    max-width:170px
}
.footer-widget .widget-header .widget-title{
    color:var(--cp-color-common-white);
    font-size:24px;
    font-weight:500;
    position:relative
}
.footer-widget p{
    color:#d0d0d0;
    font-size:20px
}
.footer-widget .title{
    font-size:14px;
    font-weight:700;
    margin-bottom:0;
    margin-top:30px;
    text-transform:uppercase
}
.footer-widget .title span{
    color:var(--cp-color-text-body);
    display:block;
    margin-top:10px;
    text-transform:inherit;
    font-weight:400
}
.footer-widget .footer-list{
    list-style:none
}
.footer-widget .footer-list li{
    color:#adadad
}
.footer-widget .footer-list li a{
    font-family:var(--cp-ff-body);
    color:#adadad;
    font-size:18px;
    font-weight:400;
    line-height:1
}
.footer-widget .footer-list li a:hover{
    color:var(--cp-color-theme-primary)
}
.footer-widget .footer-list li:not(:last-of-type){
    margin-bottom:20px
}
.footer-widget .footer-form{
    position:relative;
    margin-top:30px
}
.footer-widget .footer-form .form-control{
    background-color:#21354d;
    padding:15px 64px 15px 25px;
    color:#d9e4e3;
    box-shadow:none;
    border:none;
    border-radius:100px
}
.footer-widget .footer-form .form-control::-webkit-input-placeholder{
    color:#d9e4e3
}
.footer-widget .footer-form .form-control:-moz-placeholder{
    color:#d9e4e3
}
.footer-widget .footer-form .form-control::-moz-placeholder{
    color:#d9e4e3
}
.footer-widget .footer-form .form-control:-ms-input-placeholder{
    color:#d9e4e3
}
.footer-widget .footer-form .submit{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-text-black);
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    height:100%;
    font-size:16px;
    font-weight:500;
    border-radius:50%;
    height:48px;
    width:48px;
    display:flex;
    align-items:center;
    justify-content:center
}
.footer-widget .address-list{
    list-style:none;
    margin-bottom:30px
}
.footer-widget .address-list li{
    font-family:var(--cp-ff-body);
    font-size:16px;
    color:#adadad;
    display:flex;
    column-gap:10px
}
.footer-widget .address-list li:not(:last-of-type){
    margin-bottom:15px
}
.footer-widget .address-list li i{
    color:var(--cp-color-theme-primary);
    line-height:1;
    margin-top:6px
}
.footer-widget .address-list li a{
    border-bottom:1px solid rgba(0,0,0,0)
}
.footer-widget .address-list li a:hover{
    color:var(--cp-color-theme-primary);
    border-bottom:1px solid var(--cp-color-theme-primary)
}
.footer-widget .social-list{
    display:flex;
    align-items:center;
    list-style:none
}
.footer-widget .social-list li a{
    background-color:rgba(0,0,0,0);
    color:var(--cp-color-common-white);
    font-size:14px;
    height:44px;
    width:44px;
    border-radius:50%;
    display:block;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #3a3a3a
}
.contact-widget .social-list li a{
    background-color:rgba(0,0,0,1);
}
.footer-widget .social-list li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white);
    border-color:var(--cp-color-theme-primary)
}
.footer-widget .social-list li:not(:last-of-type){
    margin-right:8px
}
.footer-widget .form-check{
    margin-top:30px
}
.footer-widget .form-check .form-check-input{
    background-color:var(--cp-color-border-1);
    border:none;
    box-shadow:none;
    height:17px;
    width:17px
}
.footer-widget .form-check .form-check-input:checked[type=checkbox]{
    box-shadow:none
}
.footer-widget .form-check .form-check-label{
    font-size:16px;
    font-weight:400;
    cursor:pointer
}
.footer-widget.footer-col-2{
    padding-left:70px
}
@media only screen and (max-width: 992px){
    .footer-widget.footer-col-2{
        padding-left:0
    }
}
.footer-widget.footer-col-2 .footer-list li a{
    position:relative
}
.footer-widget.footer-col-2 .footer-list li a:before{
    background-image:none;
    font-family:"Font Awesome 6 Pro";
    font-size:14px;
    font-weight:700;
    content:"";
    color:var(--cp-color-text-body);
    position:absolute;
    top:55%;
    left:0;
    transform:translateY(-50%);
    transition:all .3s ease-in-out;
    cursor:pointer;
    visibility:hidden;
    opacity:0
}
.footer-widget.footer-col-2 .footer-list li a:hover{
    visibility:visible;
    opacity:1;
    padding-left:15px
}
.footer-widget.footer-col-2 .footer-list li a:hover:before{
    color:var(--cp-color-theme-primary);
    visibility:visible;
    opacity:1
}
.footer-widget.widget-3{
    padding-left:30px
}
@media only screen and (max-width: 992px){
    .footer-widget.widget-3{
        padding-left:0
    }
}
.footer-wrap-2{
    padding:120px 0 245px 0
}
@media(max-width: 1199px){
    .footer-wrap-2{
        padding-bottom:150px
    }
}
@media only screen and (max-width: 767px){
    .footer-wrap-2{
        padding:70px 0
    }
}
.footer-wrap-2 .footer-content{
    display:flex;
    align-items:center;
    align-items:end;
    justify-content:space-between;
    column-gap:30px;
    flex-wrap:wrap;
    row-gap:40px
}
.footer-wrap-2 .footer-content .footer-content-left .title{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    font-size:220px;
    font-weight:500;
    line-height:1;
    margin-bottom:30px
}
@media only screen and (max-width: 767px){
    .footer-wrap-2 .footer-content .footer-content-left .title{
        font-size:80px
    }
}
.footer-wrap-2 .footer-content .footer-content-left p{
    color:var(--cp-color-common-white);
    font-size:24px;
    font-weight:500;
    margin-bottom:0
}
@media only screen and (max-width: 767px){
    .footer-wrap-2 .footer-content .footer-content-left p{
        font-size:18px
    }
}
.footer-wrap-2 .footer-content .footer-content-right .info-title{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    font-size:24px;
    font-weight:500;
    line-height:1;
    margin-bottom:25px;
    text-transform:uppercase
}
.footer-wrap-2 .footer-content .footer-content-right p{
    color:#adadad;
    font-size:22px;
    font-weight:500;
    margin-bottom:100px
}
.footer-wrap-2 .footer-content .footer-content-right a{
    color:var(--cp-color-common-white);
    font-size:22px;
    font-weight:500;
    text-decoration:underline;
    line-height:1
}
.footer-wrap-2 .footer-content .footer-content-right a:hover{
    color:var(--cp-color-theme-primary)
}
.footer-3 .footer-widget .footer-title{
    font-family:var(--cp-ff-heading-2);
    color:var(--cp-color-common-white);
    font-size:110px;
    font-weight:500;
    line-height:1;
    margin-bottom:100px
}
@media(max-width: 1199px){
    .footer-3 .footer-widget .footer-title{
        font-size:70px
    }
}
@media only screen and (max-width: 992px){
    .footer-3 .footer-widget .footer-title{
        font-size:50px;
        margin-bottom:30px
    }
}
.footer-3 .footer-widget .footer-btn .cp-primary-btn{
    background-color:var(--cp-color-common-white);
    color:var(--cp-color-heading-primary)
}
.footer-3 .footer-widget .footer-btn .cp-primary-btn:hover{
    color:var(--cp-color-common-white)
}
.footer-3 .footer-widget .footer-btn .cp-primary-btn:before{
    background-color:var(--cp-color-theme-primary)
}
.footer-3 .footer-widget .widget-header .widget-title{
    font-family:var(--cp-ff-heading-2);
    text-transform:uppercase
}
.footer-widget .footer-right-desk{
    font-family:var(--cp-ff-body);
    color:#adadad;
    font-size:18px;
    font-weight:400
}
.copyright-area{
    border-top:1px solid var(--cp-color-border-1);
    padding:30px 0
}
@media only screen and (max-width: 992px){
    .copyright-area{
        padding:40px 0
    }
}
.copyright-content{
    align-items:center
}
@media only screen and (max-width: 992px){
    .copyright-content{
        margin-top:0
    }
}
@media only screen and (max-width: 767px){
    .copyright-content{
        row-gap:20px
    }
}
.copyright-content p{
    color:#d0d0d0;
    font-size:16px;
    font-family:var(--cp-ff-body);
    margin:0
}
.copyright-content p span{
    color:var(--cp-color-theme-primary)
}
@media only screen and (max-width: 767px){
    .copyright-content p{
        text-align:center
    }
}
.copyright-content .social-list{
    display:flex;
    align-items:center;
    justify-content:end;
    list-style:none
}
@media only screen and (max-width: 767px){
    .copyright-content .social-list{
        justify-content:center
    }
}
.copyright-content .social-list li a{
    background-color:var(--cp-color-border-1);
    color:var(--cp-color-common-white);
    font-size:13px;
    height:40px;
    width:40px;
    border-radius:50%;
    display:block;
    display:flex;
    align-items:center;
    justify-content:center
}
.copyright-content .social-list li a:hover{
    background-color:var(--cp-color-theme-primary);
    color:var(--cp-color-common-white)
}
.copyright-content .social-list li:not(:last-of-type){
    margin-right:10px
}
.copyright-content .copyright-list{
    list-style:none;
    display:flex;
    align-items:center;
    column-gap:20px;
    justify-content:end
}
@media only screen and (max-width: 767px){
    .copyright-content .copyright-list{
        justify-content:center
    }
}
.copyright-content .copyright-list a{
    font-family:var(--cp-ff-body);
    color:#d0d0d0;
    font-size:16px;
    font-weight:400
}
.copyright-content .copyright-list a:hover{
    color:var(--cp-color-theme-primary)
}/*# sourceMappingURL=main.css.map */
