@import "https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;
400;
500;
600;
700&family=Josefin+Sans:wght@300;
400;
500;
600;
700&family=Jost:wght@300;
400;
500;
600;
700;
800&family=Mulish:wght@300;
400;
500;
600;
700;
800&display=swap";
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-300.ttf) format("truetype");
    font-weight:300
}
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-400.ttf) format("truetype");
    font-weight:400
}
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-500.ttf) format("truetype");
    font-weight:500
}
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-600.ttf) format("truetype");
    font-weight:600
}
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-700.ttf) format("truetype");
    font-weight:700
}
@font-face{
    font-family:spartan;
    src:url(../fonts/spartan-800.ttf) format("truetype");
    font-weight:800
}
:root{
    --primary-color1: #FBB42F;
    --text-color1: #070812;
    --text-color2: #383838;
    --text-color3: #CACACA;
    --text-color3-light: #383838;
    --text-color4: #EEEEEE;
    --text-color4-light: #070707;
    --text-border-color-light: rgba(7, 8, 18, 0.3);
    --hover-color: #FA6350;
    --white: #fff;
    --white2: #fff;
    --text-light-dark-color1: #070812;
    --dark-white: #fff;
 
}
body.dark{
     margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    height: 100%;
    text-align: center;
    background: #fff;
    color: #000;
    font-family: 'Ek Mukta', sans-serif;
    background: #1b1b1b !important;
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-cormorant)
}
body{
    margin:0;
    padding:0;
    scroll-behavior:smooth;
    box-sizing:border-box
}
a{
    color:unset;
    text-decoration:none
}
a:focus{
    outline:0 solid
}
a:hover{
    text-decoration:none;
    color:unset
}
p{
    margin-bottom:0;
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:18px;
    line-height:35px
}
@media(max-width:991px){
    p{
        font-size:17px
    }
}
input:focus,textarea:focus,button:focus{
    outline:none;
    border:1px solid rgba(250,99,80,.5);
    transition:all .45s ease
}
input{
    width:100%;
    background-color:transparent;
    height:52px;
    border:1px solid rgba(167,167,167,.431372549)
}
@media(max-width:767px){
    input{
        height:45px
    }
}
textarea{
    width:100%;
    background-color:transparent;
    border:1px solid rgba(167,167,167,.431372549);
    min-height:150px
}
ul{
    list-style:none
}
i.bx{
    vertical-align:middle
}
.pt-120{
    padding-top:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pt-120{
        padding-top:90px
    }
}
@media(max-width:991px){
    .pt-120{
        padding-top:80px
    }
}
.mr-40{
    margin-right:40px
}
.ml-40{
    margin-left:40px
}
.mb-120{
    margin-bottom:120px
}
@media(min-width:992px) and (max-width:1199px){
    .mb-120{
        margin-bottom:90px
    }
}
@media(max-width:991px){
    .mb-120{
        margin-bottom:80px
    }
}
.mb-100{
    margin-bottom:100px
}
@media(min-width:992px) and (max-width:1199px){
    .mb-100{
        margin-bottom:70px
    }
}
@media(max-width:991px){
    .mb-100{
        margin-bottom:60px
    }
}
.pb-120{
    padding-bottom:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pb-120{
        padding-bottom:90px
    }
}
@media(max-width:991px){
    .pb-120{
        padding-bottom:80px
    }
}
.ml--230{
    margin-left:-230px
}
@media(max-width:1399px){
    .ml--230{
        margin-left:unset
    }
}
.pt-100{
    padding-top:100px
}
.mt-100{
    margin-top:100px
}
.pt-80{
    padding-top:80px
}
.pt-30{
    padding-top:30px
}
.pt-60{
    padding-top:60px
}
@media(max-width:576px){
    .pt-60{
        padding-top:40px
    }
}
.pt-35{
    padding-top:35px
}
.pt-20{
    padding-top:20px
}
.pb-80{
    padding-bottom:80px
}
.pb-70{
    padding-bottom:70px
}
.pb-60{
    padding-bottom:60px
}
.mb-60{
    margin-bottom:60px
}
.mb-90{
    margin-bottom:90px
}
@media(max-width:991px){
    .mb-90{
        margin-bottom:70px
    }
}
.mb-70{
    margin-bottom:70px
}
@media(max-width:767px){
    .mb-70{
        margin-bottom:40px
    }
}
.mb-75{
    margin-bottom:75px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-45{
    margin-bottom:45px
}
.mb-40{
    margin-bottom:40px!important
}
.pt-45{
    padding-top:45px
}
.pt-40{
    padding-top:40px
}
.pt-70{
    padding-top:70px
}
.mb-30{
    margin-bottom:30px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-10{
    margin-bottom:10px!important
}
.pt-50{
    padding-top:50px!important
}
.pt-25{
    padding-top:25px!important
}
.swiper-fix{
    margin:-12px;
    padding:12px
}
.eg-btn1{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    color:var(--white);
    transition:all .4s;
    padding:18px 32px;
    border:1px solid;
    border-color:var(--white)
}
.btn--primary{
    border:none;
    display:inline-block;
    position:relative
}
.btn--primary::before,.btn--primary::after{
    content:" ";
    transition:.5s;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:100%;
    width:25%;
    border:1px solid #fbb42f;
    border-right:none;
    z-index:1
}
.btn--primary::after{
    left:auto;
    right:0;
    border-right:1px solid #fbb42f;
    border-left:none
}
.btn--primary:hover{
    color:#eee
}
.btn--primary:hover::before,.btn--primary:hover::after{
    border-color:#fbb42f;
    width:55%
}
.btn--primary1{
    border:none;
    display:inline-block;
    position:relative
}
.btn--primary1::before,.btn--primary1::after{
    content:" ";
    transition:.5s;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:100%;
    width:25%;
    border:1px solid #fff;
    border-right:none;
    z-index:1;
    opacity:0
}
.btn--primary1::after{
    left:auto;
    right:0;
    border-right:1px solid #fff;
    border-left:none
}
.btn--primary1:hover{
    color:#fff!important
}
.btn--primary1:hover::before,.btn--primary1:hover::after{
    border-color:#fff;
    width:55%;
    opacity:1
}
.primary-btn2{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:15px;
    text-transform:uppercase;
    color:var(--text-light-dark-color1);
    display:inline-block;
    align-items:baseline;
    justify-content:center;
    transition:.35s;
    position:relative;
    border-bottom:2px dashed;
    border-color:var(--text-light-dark-color1)
}
.primary-btn2 svg{
    fill:var(--text-light-dark-color1);
    margin-right:8px;
    transition:.35s
}
.primary-btn2.light-mode{
    color:var(--text-color1);
    border-color:var(--text-color1)
}
.primary-btn2.light-mode svg{
    fill:var(--text-color1)
}
.primary-btn2:hover{
    color:var(--hover-color);
    border-color:var(--hover-color)
}
.primary-btn2:hover svg{
    fill:var(--hover-color);
    transform:rotate(45deg)
}
.primary-btn3{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:18px;
    color:var(--white);
    background-color:transparent;
    border:1px solid #fa6350;
    padding:12px 30px 10px;
    display:inline-block
}
.primary-btn6{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:18px;
    color:var(--white);
    background-color:transparent;
    border:1px solid #fbb42f;
    padding:12px 30px 10px;
    display:inline-block
}
.primary-btn6.style-two{
    border:1px solid #f85a4d
}
.button-hover-one{
    position:relative;
    z-index:1;
    transition:all .6s ease
}
.button-hover-one:hover{
    color:#fff!important
}
.button-hover-one:hover::before{
    width:100%
}
.button-hover-one::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:0%;
    height:100%;
    background-color:var(--primary-color1);
    z-index:-1;
    transition:all .6s ease;
    color:#fff
}
.button-hover-two{
    position:relative;
    z-index:1;
    transition:all .6s ease
}
.button-hover-two:hover{
    color:#fff!important
}
.button-hover-two:hover::before{
    width:100%
}
.button-hover-two::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:0%;
    height:100%;
    background-color:var(--hover-color);
    z-index:-1;
    transition:all .6s ease;
    color:#fff
}
::-moz-selection{
    background-color:#f85a4d;
    color:#fff
}
::selection{
    background-color:#f85a4d;
    color:#fff
}
.section-title2{
    margin-bottom:60px
}
.section-title2 h5{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:20px;
    line-height:28px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--text-light-dark-color1);
    display:inline-block;
    position:relative
}
.section-title2 h5::after{
    content:"";
    position:absolute;
    right:-157px;
    top:50%;
    transform:translateY(-50%);
    width:137px;
    height:2px;
    background:linear-gradient(90deg,#FBB42F -2.19%,rgba(251,180,47,0) 102.19%);
    border-radius:30px
}
@media(max-width:576px){
    .section-title2 h5::after{
        right:unset;
        top:unset;
        left:0;
        bottom:-10px;
        width:100%
    }
}
.section-title2.style-two h5::after{
    background:linear-gradient(90deg,#F85A4D -2.19%,rgba(251,88,47,0) 102.19%)
}
.section-title3{
    max-width:770px;
    width:100%;
    margin:0 auto;
    padding-top:90px;
    position:relative
}
.section-title3::after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    height:60px;
    background:var(--text-color3);
    border-radius:30px
}
.section-title3 span{
    font-family:var(--font-spartan);
    font-weight:600;
    font-size:16px;
    line-height:35px;
    letter-spacing:5px;
    text-transform:uppercase;
    color:var(--primary-color1);
    display:inline-block;
    margin-bottom:10px
}
.section-title3 h2{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:42px;
    line-height:1.4;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
@media(max-width:767px){
    .section-title3 h2{
        font-size:32px
    }
}
.primary-btn4{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:18px;
    color:var(--text-light-dark-color1);
    border:1px solid #fa6350;
    padding:12px 20px 10px;
    display:inline-block
}
.preloader{
    position:fixed;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    width:100%;
    background-color:#070707;
    z-index:999999999
}
.preloader::before{
    position:absolute;
    top:45%;
    content:url(../images/header-logo2.svg);
    width:100%;
    margin:auto;
    text-align:center;
    transform:scale(6);
    opacity:.2
}
.overlay .dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #1b1b1b;
	z-index: 3;
}
@media(max-width:991px){
    .preloader::before{
        transform:scale(1.5)
    }
}
.preloader.active{
    transform:translateY(-100vh);
    transition:ease-in-out 1.5s;
    transition-delay:1s
}
.preloader .counter{
    position:relative;
    color:#fff;
    font-size:6rem;
    font-weight:600;
    z-index:1
}
.preloader .counter::after{
    content:"%";
    font-size:80px
}
.preloader .hide{
    opacity:0;
    transition:1s;
    pointer-events:none
}
#magic-cursor{
    position:absolute;
    display:none;
    width:10px;
    height:10px;
    pointer-events:none;
    z-index:99999;
    opacity:0
}
body.tt-magic-cursor #magic-cursor{
    display:block
}
#ball{
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--hover-color);
    pointer-events:none;
    border-style:solid;
    border-radius:50%;
    border-color:rgba(255,255,255,.5)
}
#ball.ball-view{
    background-color:var(--text-light-dark-color1);
    font-size:15px;
    font-weight:500;
    color:var(--dark-white);
    line-height:1.2;
    text-align:center;
    border:1px solid rgba(255,255,255,.5)
}
#ball .ball-view-inner{
    padding:0 5px;
    opacity:0;
    visibility:hidden;
    transform:scale(0)
}
#ball .ball-view-inner i{
    font-size:19px
}
#ball .ball-drag{
    position:absolute;
    display:block;
    width:100%;
    padding:0 5px;
    font-size:15px;
    font-weight:600;
    color:var(--hover-color);
    line-height:1.2;
    text-align:center;
    transition:all .3s
}
#ball .ball-drag::before,#ball .ball-drag::after{
    position:absolute;
    top:50%;
    margin-top:-5px;
    font-size:16px;
    color:var(--hover-color);
    height:10px;
    line-height:10px;
    font-family:"font awesome 5 free";
    font-weight:900;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased
}
#ball .ball-drag::before{
    content:"\f060";
    left:0;
    transform:translate3d(-30px,0,0);
    transition:all .25s
}
#ball .ball-drag::after{
    content:"\f061";
    right:0;
    transform:translate3d(30px,0,0);
    transition:all .25s
}
#ball.ball-close-enabled{
    opacity:1!important
}
#ball .ball-close{
    position:absolute;
    padding:0 5px;
    font-size:14px;
    font-weight:600;
    color:var(--hover-color);
    line-height:1;
    text-align:center
}
.magnetic-wrap{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
#ball.magnetic-active{
    border-color:rgba(255,255,255,.5)!important
}
.tt-style-switch{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 15px;
    width: 40px;
    height: 50px;
    background-color: #E60000;
    font-size: 16px;
    color: #fff!important;
    cursor: pointer;
    z-index: 9;
    border-radius: 0px 0px 10px 10px;
    transition: all .2s;
}
.tt-style-switch .bi{
    color:#fff;
    z-index:9999
}

@media(max-width:640px){
.tt-style-switch {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 18px;
    right: 15px;
    width: 30px;
    height: 30px;
    background-color: #f000;
    font-size: 16px;
    color: #1b1b1b!important;
    cursor: pointer;
    z-index: 19;
    border-radius: 0px 0px 10px 10px;
    transition: all .2s;
    border-radius: 100%;
	 bottom: 100px;

    margin-right: 65px;
}}
@media (max-width: 640px){
.dark .tt-style-switch {

    background-color: #f000;

    color: #e3e3e3!important;
   
}}
@media (max-width: 640px){
.dark .tt-style-switch .bi {
    color: #e3e3e3;
    z-index: 9999;
}}
@media(max-width:640px){
   .tt-style-switch:hover {
   
    color: #fff;

}}

@media(min-width: 1025px){
.tt-style-switch:hover {
    width: 40px;
    color: #fff;
}}
@media(max-width:640px){
.tt-style-switch:hover {
    width: 30px !important;
    background-color: transparent;
    color: #1b1b1b;
} }
@media(max-width:640px){
.tt-style-switch .bi {
    color: #667781;
    z-index: 9999;
}}
body:not(.is-mobile) .tt-style-switch:hover{
    width:40px;
    color:#fff;
	right:15px;
}
.tt-stsw-dark,.tt-stsw-light{
    line-height:0
}
.tt-style-switch:not(.is-dark) .tt-stsw-dark{
    display:none
}
.tt-style-switch.is-dark .tt-stsw-light{
    display:none
}
@media(min-width:769px){
    body.tt-sliding-sidebar-right-on .tt-style-switch{
        right:auto;
        left:0;
        border-radius:0 50px 50px 0
    }
}
.circle-container{
    background:0 0;
    position:fixed;
    right:30px;
    bottom:55px;
    height:46px;
    width:46px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.07);
    z-index:10000;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all 200ms linear
}
.circle-container.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.circle-container.agency::after{
    color:var(--primary-color1)
}
.circle-container.agency:hover::after{
    color:var(--primary-color1)
}
.circle-container.agency svg.circle-progress path{
    stroke:var(--primary-color1)
}
.circle-container::after{
    position:absolute;
    font-family:bootstrap-icons;
    content:"\f145";
    text-align:center;
    line-height:46px;
    font-size:28px;
    color:var(--hover-color);
    left:0;
    top:0;
    height:46px;
    width:46px;
    cursor:pointer;
    display:block;
    z-index:1;
    transition:all 200ms linear
}
.circle-container:hover::after{
    position:absolute;
    font-family:bootstrap-icons;
    content:"\f145";
    color:var(--hover-color);
    transition:all 200ms linear
}
.circle-container svg path{
    fill:none
}
.circle-container svg.circle-progress path{
    stroke:var(--hover-color);
    stroke-width:5;
    box-sizing:border-box;
    transition:all 200ms linear
}
.egns-preloader{
    min-width:100%;
    min-height:100%;
    position:fixed!important;
    z-index:999999;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#fff
}
.egns-preloader::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100vh;
    background:#fff;
    z-index:-1
}
.circle-border{
    width:100%;
    max-width:140px;
    height:100%;
    max-height:140px;
    border:0 solid var(--primary-color1);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:auto;
    border-radius:50%;
    box-shadow:2px 2px 30px rgba(0,0,0,.1)
}
.circle-border svg{
    fill:var(--primary-color1)
}
.circle-border svg path{
    stroke:var(--primary-color1)
}
.circle-border .moving-circle{
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    -webkit-animation:circle 2s linear infinite;
    animation:circle 2s linear infinite
}
.circle-border .moving-circle:nth-child(2){
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    -webkit-animation:circle 2.25s linear infinite;
    animation:circle 2.25s linear infinite
}
.circle-border .moving-circle:nth-child(3){
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    -webkit-animation:circle 2.5s linear infinite;
    animation:circle 2.5s linear infinite
}
@-webkit-keyframes circle{
    0%{
        transform:rotate(0deg) translate(-70px) rotate(0deg)
    }
    100%{
        transform:rotate(360deg) translate(-70px) rotate(-360deg)
    }
}
@keyframes circle{
    0%{
        transform:rotate(0deg) translate(-70px) rotate(0deg)
    }
    100%{
        transform:rotate(360deg) translate(-70px) rotate(-360deg)
    }
}
#outline{
    stroke-dasharray:2.427766571px,242.7766571045px;
    stroke-dashoffset:0;
    -webkit-animation:anim 1.6s linear infinite;
    animation:anim 1.6s linear infinite
}
@-webkit-keyframes anim{
    12.5%{
        stroke-dasharray:33.9887319946px,242.7766571045px;
        stroke-dashoffset:-26.7054322815px
    }
    43.75%{
        stroke-dasharray:84.9718299866px,242.7766571045px;
        stroke-dashoffset:-84.9718299866px
    }
    100%{
        stroke-dasharray:2.427766571px,242.7766571045px;
        stroke-dashoffset:-240.3488905334px
    }
}
@keyframes anim{
    12.5%{
        stroke-dasharray:33.9887319946px,242.7766571045px;
        stroke-dashoffset:-26.7054322815px
    }
    43.75%{
        stroke-dasharray:84.9718299866px,242.7766571045px;
        stroke-dashoffset:-84.9718299866px
    }
    100%{
        stroke-dasharray:2.427766571px,242.7766571045px;
        stroke-dashoffset:-240.3488905334px
    }
}
.menu-side-bar{
    background-color:#070707;
    background-image:url(../images/bg/side-bar-bg.png);
    box-shadow:0 0 10px rgba(0,0,0,.09);
    width:100%;
    height:100vh;
    position:fixed;
    cursor:pointer;
    transform:scale(0);
    transform-origin:top right;
    top:0;
    left:0;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    transition:.65s ease;
    display:flex;
    justify-content:center
}
.menu-side-bar.slide{
    transform:scale(1);
    opacity:1;
    visibility:visible
}
.menu-side-bar .sidebar-header{
    padding-top:50px
}
.menu-side-bar .sidebar-header .close-btn i{
    color:var(--white);
    font-size:35px
}
.menu-side-bar .sidebar-content{
    height:90vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.menu-side-bar .newsletter-area{
    margin-bottom:50px
}
.menu-side-bar .newsletter-area .newsletter-content{
    max-width:570px;
    width:100%;
    margin:0 auto;
    text-align:center;
    margin-bottom:50px
}
.menu-side-bar .newsletter-area .newsletter-content h2{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:50px;
    line-height:40px;
    text-transform:uppercase;
    color:var(--white)
}
.menu-side-bar .newsletter-area .newsletter-content p{
    color:#a0a0a0
}
.menu-side-bar .newsletter-area form{
    max-width:780px;
    width:100%;
    margin:0 auto
}
.menu-side-bar .newsletter-area form .form-inner input{
    width:100%;
    border:1px solid rgba(202,202,202,.2);
    color:#cacaca;
    padding:10px 20px;
    font-family:var(--font-spartan)
}
.menu-side-bar .newsletter-area form .form-inner input::-moz-placeholder{
    color:#cacaca
}
.menu-side-bar .newsletter-area form .form-inner input:-ms-input-placeholder{
    color:#cacaca
}
.menu-side-bar .newsletter-area form .form-inner input::placeholder{
    color:#cacaca
}
.menu-side-bar .newsletter-area form .form-inner button{
    font-family:var(--font-spartan);
    font-size:16px;
    color:var(--white);
    border:none;
    background-color:var(--hover-color);
    padding:10px 30px
}
.menu-side-bar .social-area2 ul{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:70px
}
@media(max-width:576px){
    .menu-side-bar .social-area2 ul{
        gap:65px
    }
}
.menu-side-bar .social-area2 ul li{
    position:relative
}
.menu-side-bar .social-area2 ul li::after{
    content:"";
    position:absolute;
    top:50%;
    left:130%;
    width:54px;
    height:1px;
    background:rgba(255,255,255,.3);
    border-radius:30px;
    transition:.35s
}
.menu-side-bar .social-area2 ul li a i{
    color:rgba(255,255,255,.3);
    font-size:25px;
    transition:.35s
}
.menu-side-bar .social-area2 ul li:last-child::after{
    display:none
}
.menu-side-bar .social-area2 ul li:hover::after{
    background-color:var(--white)
}
.menu-side-bar .social-area2 ul li:hover a i{
    color:var(--white)
}
header.style-1{
    width:100%;
    z-index:9999;
    padding:18px 110px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:#0b0b0b;
    position:relative
}
@media(max-width:1199px){
    header.style-1{
        padding:30px
    }
}
@media(max-width:991px){
    header.style-1{
        padding:5px 30px
    }
}
header.style-1 .side-icon{
    cursor:pointer
}
header.style-1 .side-icon svg{
    fill:var(--white)
}
header.style-1 .toggle .line1{
    transform:rotate(-45deg) translate(-5px,6px)
}
header.style-1 .toggle .line2{
    opacity:0
}
header.style-1 .toggle .line3{
    transform:rotate(45deg) translate(-5px,-6px)
}
header.style-1 .header-logo{
    height:100%;
    padding:10px 0
}
@media(max-width:991px){
    header.style-1 .header-logo{
        padding:10px 0
    }
}
header.style-1 .header-logo img{
    min-width:120px;
    max-width:100%
}
header.style-1 .nav-right{
    gap:100px
}
@media(max-width:1399px){
    header.style-1 .nav-right{
        gap:50px
    }
}
@media(max-width:1199px){
    header.style-1 .nav-right{
        gap:20px
    }
}
header.style-1 .nav-right .header-btn a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:17px;
    line-height:30px;
    color:var(--primary-color1);
    border:1px solid #fbb42f;
    padding:15px 25px 13px
}
@media(max-width:1199px){
    header.style-1 .nav-right .header-btn{
        display:none;
        visibility:hidden
    }
}
header.style-1 .main-menu .menu-list{
    margin-bottom:0;
    display:flex;
    align-items:center;
    padding:0
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list{
        flex-direction:column;
        justify-content:start
    }
}
header.style-1 .main-menu .menu-list>li{
    position:relative;
    margin:0 10px;
    display:inline-block
}
@media(max-width:1199px){
    header.style-1 .main-menu .menu-list>li{
        margin:0
    }
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li{
        margin:0;
        width:100%
    }
}
header.style-1 .main-menu .menu-list>li .dropdown-icon{
    color:var(--white);
    font-size:8px;
    transition:.4s ease-in
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li .dropdown-icon{
        opacity:1;
        visibility:visible
    }
}
header.style-1 .main-menu .menu-list>li .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-1 .main-menu .menu-list>li a{
    font-size:15px;
    line-height:1;
    font-weight:400;
    color:var(--white);
    padding:10px 20px;
    display:inline-block;
    white-space:nowrap;
    transition:.4s;
    display:flex;
    align-items:center;
    font-family:var(--font-jost);
    text-transform:uppercase
}
header.style-1 .main-menu .menu-list>li a.active{
    color:var(--primary-color1)
}
header.style-1 .main-menu .menu-list>li a:hover{
    color:var(--primary-color1)
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li a{
        padding:12px 0;
        display:block;
        position:relative;
        border-bottom:1px solid rgba(219,167,101,.098)
    }
}
header.style-1 .main-menu .menu-list>li .submenu{
    padding:10px;
    position:absolute;
    top:53px;
    left:0;
    background-color:var(--text-color1);
    border:1px solid #222;
    text-align:left;
    opacity:0;
    visibility:hidden;
    transition:all .55s ease-in-out;
    box-shadow:5px 3px 40px rgba(0,72,88,.1);
    max-width:380px;
    min-width:220px
}
@media(max-width:1399px){
    header.style-1 .main-menu .menu-list>li .submenu.contact{
        left:unset;
        right:0
    }
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li .submenu{
        opacity:1;
        position:relative;
        left:0;
        top:0;
        width:100%;
        border:unset;
        display:none;
        transition:unset;
        box-shadow:unset;
        transform:translateY(0px);
        visibility:unset
    }
}
header.style-1 .main-menu .menu-list>li .submenu>li a{
    display:block;
    padding:15px;
    position:relative;
    z-index:1;
    font-size:14px;
    color:#bebebe
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li .submenu>li a{
        border-bottom:unset;
        padding:12px 15px
    }
}
header.style-1 .main-menu .menu-list>li .submenu>li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background:#fa6350;
    width:100%;
    height:.5px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:-1;
    opacity:.3
}
header.style-1 .main-menu .menu-list>li .submenu>li a:hover{
    color:var(--hover-color)
}
header.style-1 .main-menu .menu-list>li .submenu>li a:hover::before{
    transform:scale(1)
}
header.style-1 .main-menu .menu-list>li .submenu>li a:last-child{
    border-bottom:unset
}
header.style-1 .main-menu .menu-list>li.menu-item-has-children{
    position:relative;
    z-index:1;
    padding-right:20px
}
@media(max-width:991px){
    header.style-1 .main-menu .menu-list>li.menu-item-has-children{
        padding-right:unset
    }
}
header.style-1 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon{
    position:absolute;
    top:16px;
    right:28px;
    font-size:5px
}
header.style-1 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover .submenu{
    opacity:1;
    transform:translateY(0);
    visibility:visible
}
header.style-1 .main-menu .menu-list>li.menu-item-has-children:hover::after{
    color:var(--primary-color1);
    transform:rotate(180deg)
}
@media(max-width:991px){
    header.style-1 .main-menu{
        position:fixed;
        top:0%;
        left:-100%;
        width:280px;
        height:100%;
        overflow-y:auto;
        background-color:#222;
        border-right:1px solid rgba(238,238,238,.1);
        padding:40px 20px;
        z-index:999;
        transition:.7s ease-in-out;
        border-right:1px solid #eee;
        display:none
    }
    header.style-1 .main-menu.show-menu{
        left:0
    }
}
header.style-1 .main-menu .mobile-logo-area{
    margin-bottom:25px
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn{
    cursor:pointer
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi{
    color:var(--white);
    font-size:18px
}
header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi:hover{
    color:var(--primary-color1)
}
header.style-1 .main-menu .mobile-logo-wrap{
    padding:10px
}
header.style-1 .mobile-menu-btn{
    margin-left:25px;
    display:none;
    visibility:hidden
}
header.style-1 .mobile-menu-btn .bx{
    color:var(--white);
    font-size:28px
}
header.style-1 .hotline,header.style-1 .email{
    display:flex;
    align-items:center
}
header.style-1 .hotline .hotline-icon svg,header.style-1 .hotline .email-icon svg,header.style-1 .email .hotline-icon svg,header.style-1 .email .email-icon svg{
    fill:var(--white)
}
header.style-1 .hotline .hotline-info,header.style-1 .hotline .email-info,header.style-1 .email .hotline-info,header.style-1 .email .email-info{
    margin-left:10px
}
header.style-1 .hotline .hotline-info span,header.style-1 .hotline .email-info span,header.style-1 .email .hotline-info span,header.style-1 .email .email-info span{
    font-size:12px;
    font-weight:400;
    font-family:var(--font-josefin);
    color:var(--primary-color1)
}
header.style-1 .hotline .hotline-info h6,header.style-1 .hotline .email-info h6,header.style-1 .email .hotline-info h6,header.style-1 .email .email-info h6{
    font-size:15px;
    font-weight:400;
    font-family:var(--font-yeseva);
    color:var(--white);
    white-space:nowrap;
    margin-bottom:0
}
header.style-1.header-transparent{
    background-color:transparent;
    position:absolute;
    left:0;
    top:0
}
.horo-style-1{
    background-color:#101010;
    background-image:url(../images/bg/banner-bg1.png);
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    padding:40px 0 0
}
@media(max-width:991px){
    .horo-style-1{
        padding:80px 0
    }
}
.horo-style-1 .warter-mark{
    position:absolute;
    right:20px;
    bottom:-13px;
    z-index:2
}
.horo-style-1 .warter-mark h2{
    font-size:105px;
    opacity:.055;
    color:#fff;
    font-weight:600;
    font-family:var(--font-josefin)
}
.horo-style-1 .social-area{
    position:absolute;
    left:-100px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:767px){
    .horo-style-1 .social-area{
        display:none
    }
}
.horo-style-1 .social-area ul{
    margin:0;
    padding:0;
    gap:40px;
    transform:rotate(-90deg);
    display:flex
}
.horo-style-1 .social-area ul li a{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:10px;
    line-height:13px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:rgba(255,255,255,.4);
    position:relative;
    transition:.35s
}
.horo-style-1 .social-area ul li a:hover{
    color:var(--white)
}
.horo-style-1 .social-area ul li a::after{
    content:"";
    width:1px;
    height:10px;
    background-color:rgba(251,180,47,.3);
    position:absolute;
    left:-21px;
    top:0
}
.horo-style-1 .social-area ul li:first-child a::after{
    display:none;
    visibility:hidden
}
.horo-style-1 .social-area.sytle-two{
    position:absolute;
    left:30px;
    top:95%;
    z-index:2
}
.horo-style-1 .social-area.sytle-two ul{
    margin:0;
    padding:0;
    gap:40px;
    transform:rotate(0deg);
    display:flex
}
@media(max-width:767px){
    .horo-style-1 .social-area.sytle-two{
        display:none
    }
}
.horo-style-1 .banner-left-img{
    min-height:670px
}
.horo-style-1 .banner-left-img img{
    min-height:670px;
    -o-object-fit:cover;
    object-fit:cover
}
@media(min-width:992px) and (max-width:1199px){
    .horo-style-1 .banner-left-img{
        min-height:500px
    }
    .horo-style-1 .banner-left-img img{
        min-height:500px
    }
}
@media(max-width:991px){
    .horo-style-1 .banner-left-img{
        display:none;
        visibility:hidden
    }
}
.horo-style-1 .banner-slider{
    overflow:hidden
}
.horo-style-1 .banner-slider .banner-slider1{
    margin-right:-120px;
    padding-bottom:75px
}
.horo-style-1 .banner-slider .banner-slider1 .swiper-slide .slider-cetagory h4{
    font-family:var(--font-cormorant);
    font-weight:600;
    font-size:25px;
    line-height:30px;
    letter-spacing:.02em;
    text-transform:capitalize;
    color:#fff;
    margin-bottom:20px;
    opacity:0
}
.horo-style-1 .banner-slider .banner-slider1 .swiper-slide.swiper-slide-active .slider-cetagory h4{
    opacity:1
}
.horo-style-1 .banner-slider .swiper-pagination-h{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:220px;
    left:60%
}
@media(max-width:1500px){
    .horo-style-1 .banner-slider .swiper-pagination-h{
        left:50%
    }
}
@media(max-width:1199px){
    .horo-style-1 .banner-slider .swiper-pagination-h{
        left:40%
    }
}
@media(max-width:991px){
    .horo-style-1 .banner-slider .swiper-pagination-h{
        left:60%
    }
}
@media(max-width:767px){
    .horo-style-1 .banner-slider .swiper-pagination-h{
        left:48%
    }
}
@media(max-width:576px){
    .horo-style-1 .banner-slider .swiper-pagination-h{
        left:50%;
        transform:translateX(-50%)
    }
}
.horo-style-1 .banner-slider .swiper-pagination-bullet{
    height:23px;
    width:20px;
    font-family:var(--font-cormorant);
    font-weight:500;
    font-size:20px;
    line-height:24px;
    color:#fff;
    background-color:transparent;
    opacity:.7;
    transition:.5s
}
.horo-style-1 .banner-slider .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::after{
    display:none;
    visibility:hidden
}
@media(max-width:767px){
    .horo-style-1 .banner-slider .swiper-pagination-bullet{
        font-size:17px
    }
}
.horo-style-1 .banner-slider .swiper-pagination-bullet-active{
    font-size:30px;
    position:relative;
    margin-right:82px;
    opacity:1;
    transition:.5s
}
@media(max-width:767px){
    .horo-style-1 .banner-slider .swiper-pagination-bullet-active{
        font-size:24px
    }
}
.horo-style-1 .banner-slider .swiper-pagination-bullet-active::after{
    content:"";
    height:1px;
    width:60px;
    background-color:var(--white);
    position:absolute;
    left:39px;
    top:50%;
    transition:.5s
}
.horo-style-1 .banner-right-content{
    margin-left:-100px
}
@media(max-width:1399px){
    .horo-style-1 .banner-right-content{
        margin-left:-55px
    }
}
@media(max-width:991px){
    .horo-style-1 .banner-right-content{
        margin-left:0
    }
}
@media(max-width:576px){
    .horo-style-1 .banner-right-content{
        padding-top:20px
    }
}
.horo-style-1 .banner-right-content h1{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:50px;
    line-height:61px;
    text-transform:uppercase;
    color:var(--white);
    margin-bottom:20px
}
@media(max-width:576px){
    .horo-style-1 .banner-right-content h1{
        font-size:40px;
        line-height:50px
    }
}
.horo-style-1 .banner-right-content h5{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:20px;
    line-height:22px;
    text-transform:capitalize;
    color:var(--hover-color)
}
.portfolio-banner-item img{
    min-height:480px;
    max-height:480px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
@media(max-width:991px){
    .portfolio-banner-item img{
        min-height:350px
    }
}
.portfolio-banner-item:hover .portfilio-img-overlay{
    opacity:1
}
.team-item{
    overflow:hidden
}
@media(max-width:576px){
    .team-item img{
        width:100%!important
    }
}
.team-item .social-icon{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:20px;
    margin:0;
    padding:0;
    padding-top:10px
}
.team-item .social-icon li a{
    color:var(--white);
    transition:all .5s ease
}
.team-item .social-icon li a:hover{
    color:var(--hover-color)
}
.team-item .social-icon li i{
    font-size:16px
}
.team-item:hover .portfilio-img-overlay{
    opacity:1;
    transform:translateY(0px)
}
.team-item .portfilio-img-overlay{
    min-height:50px;
    background-color:rgba(0,0,0,.6);
    position:absolute;
    bottom:0;
    left:0;
    padding:15px;
    transition:all .5s ease;
    opacity:0;
    width:100%;
    text-align:center;
    transform:translateY(20px)
}
.team-item .portfilio-img-overlay h2{
    margin-bottom:0;
    font-size:26px;
    font-weight:500;
    color:#fff;
    font-family:var(--font-cormorant);
    line-height:1.3
}
.team-item .portfilio-img-overlay p{
    margin-bottom:0;
    font-size:14px;
    font-weight:500;
    color:#dedede;
    font-family:var(--font-spartan)
}
.portfilio-img-overlay{
    min-height:50px;
    background-color:rgba(0,0,0,.5);
    position:absolute;
    bottom:0;
    left:0;
    padding:15px;
    transition:all .5s ease;
    opacity:0
}
.portfilio-img-overlay h2{
    margin-bottom:0;
    font-size:24px;
    font-weight:500;
    color:#fff;
    font-family:var(--font-cormorant);
    line-height:1.3
}
.bk-slider{
    position:relative;
    width:100vw;
    height:auto;
    padding:180px 0 230px
}
@media(min-width:768px) and (max-width:991px){
    .bk-slider{
        padding:90px 0 150px
    }
}
@media(max-width:767px){
    .bk-slider{
        padding:70px 0 130px
    }
}
.bk-slider .swiper{
    width:100%;
    overflow:visible;
    height:350px
}
.bk-slider .banner-img-overlay{
    min-height:50px;
    background-color:rgba(0,0,0,.5);
    position:absolute;
    bottom:0;
    left:0;
    padding:15px;
    opacity:0;
    transition:all .5s ease
}
.bk-slider .banner-img-overlay h2{
    margin-bottom:0
}
.bk-slider .banner-img-overlay h2 a{
    font-size:20px;
    font-weight:500;
    color:#fff;
    font-family:var(--font-cormorant);
    line-height:1.3
}
.bk-slider .swiper-slide{
    text-align:center;
    font-size:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    background:var(--text-color1);
    transition:all .65s ease;
    opacity:.3
}
.bk-slider .swiper-slide img{
    height:380px;
    max-width:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .65s ease
}
.bk-slider .swiper-slide.swiper-slide-active{
    color:#fff;
    transform:scale(1.4);
    z-index:2;
    opacity:1
}
.bk-slider .swiper-slide.swiper-slide-active .banner-img-overlay{
    opacity:1
}
.bk-slider .swiper-slide.swiper-slide-active img{
    height:350px;
    width:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .65s ease
}
.bk-slider .swiper-pagination-bullet{
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    font-size:12px;
    color:#fff;
    opacity:1;
    transform:translateY(100px)
}
.bk-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    color:#fff;
    background:linear-gradient(45deg,rgba(250,99,80,0.5),#FA6350);
    transition:all .65s ease
}
.profile-tab-buttons{
    position:absolute;
    top:40px;
    left:40px;
    z-index:2
}
.profile-tab-buttons.style-two{
    position:absolute;
    top:60px
}
.profile-tab-buttons:hover .nav-pills{
    transform:scaleY(1)
}
.profile-tab-buttons i{
    font-size:35px;
    color:#fff;
    background:rgba(0,0,0,.45);
    cursor:pointer;
    width:60px;
    height:50px;
    line-height:60px;
    padding:0 5px
}
.profile-tab-buttons .nav-pills{
    transform:scaleY(0);
    transition:all .6s;
    transform-origin:top;
    padding:10px 15px;
    background:rgba(0,0,0,.85);
    min-width:130px;
    margin-bottom:0
}
.profile-tab-buttons .nav-pills .nav-link{
    font-size:15px;
    display:block;
    padding:5px 0;
    color:#fff;
    text-decoration:none;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-transform:capitalize
}
.profile-tab-buttons .nav-pills .nav-link.active{
    background-color:unset;
    color:var(--hover-color)
}
.slider-arrows .swiper-prev-arrow{
    height:30px;
    width:30px;
    border-radius:50%;
    border:1px solid var(--white);
    transition:all .5s ease
}
.slider-arrows .swiper-prev-arrow svg{
    transform:translateX(13px);
    fill:var(--white);
    transition:all .5s ease
}
.slider-arrows .swiper-prev-arrow:hover{
    border:1px solid var(--hover-color)
}
.slider-arrows .swiper-prev-arrow:hover svg{
    fill:var(--hover-color);
    transform:translateX(0px)
}
.slider-arrows .swiper-next-arrow{
    height:30px;
    width:30px;
    border-radius:50%;
    border:1px solid var(--white);
    transition:all .5s ease
}
.slider-arrows .swiper-next-arrow svg{
    transform:translateX(-13px);
    fill:var(--white);
    transition:all .5s ease
}
.slider-arrows .swiper-next-arrow:hover{
    border:1px solid var(--hover-color)
}
.slider-arrows .swiper-next-arrow:hover svg{
    fill:var(--hover-color);
    transform:translateX(0px)
}
.banner-fullscreen-section{
    position:relative;
    min-height:100vh
}
.banner-fullscreen-section .fullscreen-arrows{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    width:94%
}
@media(max-width:991px){
    .banner-fullscreen-section .fullscreen-arrows{
        width:auto;
        top:94%
    }
}
.banner-fullscreen-section .swiper .swiper-wrapper .swiper-slide::after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(16,16,16,.4)
}
.banner-fullscreen-section .swiper .swiper-wrapper .swiper-slide img{
    width:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    min-height:100vh;
    height:100%
}
.about-style-1{
    position:relative
}
.about-style-1::after{
    content:url(../images/bg/about-bg-btm.png);
    position:absolute;
    left:0;
    bottom:0;
    opacity:.1
}
@media(max-width:767px){
    .about-style-1::after{
        display:none;
        visibility:hidden
    }
}
.about-style-1::before{
    content:url(../images/bg/about-bg-top.png);
    position:absolute;
    right:0;
    top:0;
    opacity:.1
}
@media(max-width:767px){
    .about-style-1::before{
        display:none;
        visibility:hidden
    }
}
.about-style-1 .section-title1{
    max-width:870px;
    width:100%;
    margin:0 auto;
    text-align:center
}
.about-style-1 .section-title1 h6{
    font-family:var(--font-spartan);
    font-weight:600;
    font-size:16px;
    line-height:35px;
    letter-spacing:.25em;
    text-transform:uppercase;
    color:var(--text-light-dark-color1);
    margin-bottom:10px;
    margin-top:-7px
}
.about-style-1 .section-title1 h3{
    font-family:var(--font-cormorant);
    font-weight:600;
    font-size:30px;
    line-height:1.45;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.about-style-1 .about-img2{
    position:relative;
    z-index:1;
    padding-top:20px
}
.about-style-1 .about-img2 img{
    width:100%
}
.about-style-1 .about-img2::after{
    content:"";
    position:absolute;
    right:-20px;
    top:0;
    bottom:20px;
    border:1px solid #fa6350;
    width:100%;
    height:96%;
    z-index:-1
}
@media(max-width:576px){
    .about-style-1 .about-img2::after{
        display:none
    }
}
@media(max-width:767px){
    .about-style-1 .about-img1,.about-style-1 .about-img3{
        display:none;
        visibility:hidden
    }
}
.about-style-1 .about-content{
    max-width:870px;
    width:100%;
    margin:0 auto;
    text-align:center
}
.about-style-1 .about-content p{
    color:var(--text-light-dark-color1);
    margin-bottom:25px
}
@media(max-width:767px){
    .about-style-1 .about-content p{
        margin-bottom:0
    }
}
.section-title1{
    max-width:570px;
    width:100%
}
.section-title1 span{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:14px;
    line-height:30px;
    color:var(--text-light-dark-color1)
}
.section-title1 h2{
    font-family:var(--font-cormorant);
    font-weight:600;
    font-size:45px;
    line-height:60px;
    text-transform:uppercase;
    color:var(--text-light-dark-color1)
}
@media(max-width:767px){
    .section-title1 h2{
        font-size:32px
    }
}
.section-title1 p{
    color:var(--text-light-dark-color1)
}
.services-area{
    position:relative;
    overflow:hidden
}
.services-area .mb--40{
    margin-bottom:40px
}
@media(max-width:1399px){
    .services-area .mb--40{
        margin-bottom:10px
    }
}
.services-area .services-slider{
    padding-bottom:50px;
    margin-bottom:-50px
}
.services-area .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:1px solid;
    border-color:var(--text-light-dark-color1);
    opacity:1
}
.services-area .swiper-pagination{
    bottom:-5px;
    left:0%
}
@media(max-width:991px){
    .services-area .swiper-pagination{
        left:0
    }
}
.services-area .swiper-pagination-bullet-active{
    background:var(--hover-color);
    border-color:var(--hover-color)
}
.services-area .services-border{
    position:relative;
    z-index:1
}
.services-area .services-border::after{
    content:"";
    border:1px solid #fa6350;
    border-left:none;
    width:70%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1
}
@media(max-width:991px){
    .services-area .services-border::after{
        display:none
    }
}
.services-area .services-content{
    padding:90px 0 90px 150px
}
@media(max-width:1399px){
    .services-area .services-content{
        padding:90px 0 90px 50px
    }
}
@media(max-width:991px){
    .services-area .services-content{
        padding:80px 20px 0
    }
}
.services-area .services-content .section-title1{
    max-width:570px;
    width:100%
}
@media(max-width:991px){
    .services-area .services-content .section-title1{
        text-align:center;
        margin:0 auto 50px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .services-area .services-content .nav-pills{
        gap:25px
    }
}
@media(max-width:991px){
    .services-area .services-content .nav-pills{
        justify-content:center;
        gap:40px
    }
}
.services-area .services-content .nav-pills .nav-item{
    margin-right:120px;
    padding-top:50px
}
@media(max-width:1700px){
    .services-area .services-content .nav-pills .nav-item{
        margin-right:60px
    }
}
@media(max-width:1199px){
    .services-area .services-content .nav-pills .nav-item{
        margin-right:0
    }
}
@media(max-width:991px){
    .services-area .services-content .nav-pills .nav-item{
        padding-top:0
    }
}
@media(max-width:767px){
    .services-area .services-content .nav-pills .nav-item:last-child{
        display:block
    }
}
.services-area .services-content .nav-pills .nav-item .nav-link{
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    transition:all .5s ease;
    font-family:var(--font-cormorant);
    font-weight:600;
    font-size:28px;
    line-height:30px;
    color:var(--text-color4-light)
}
.services-area .services-content .nav-pills .nav-item .nav-link:hover{
    color:var(--hover-color);
    background-color:transparent
}
.services-area .services-content .nav-pills .nav-item .nav-link:hover svg{
    fill:#fa6350;
    border-color:rgba(250,99,80,.3)
}
.services-area .services-content .nav-pills .nav-item .nav-link svg{
    display:block;
    fill:var(--text-color4-light);
    border:2px dashed;
    border-color:var(--text-border-color-light);
    border-radius:50%;
    margin-bottom:15px;
    transition:all .5s ease
}
@media(min-width:1200px) and (max-width:1399px){
    .services-area .services-content .nav-pills .nav-item .nav-link svg{
        height:90px;
        width:90px
    }
}
@media(max-width:1199px){
    .services-area .services-content .nav-pills .nav-item .nav-link svg{
        height:80px;
        width:80px
    }
}
@media(max-width:1399px){
    .services-area .services-content .nav-pills .nav-item .nav-link{
        font-weight:500;
        font-size:22px;
        line-height:20px
    }
}
@media(max-width:767px){
    .services-area .services-content .nav-pills .nav-item .nav-link{
        font-size:20px
    }
}
.services-area .services-content .nav-pills .nav-item:last-child{
    display:flex;
    align-items:center
}
@media(max-width:576px){
    .services-area .services-content .nav-pills .nav-item:last-child{
        padding:0 50px
    }
}
.services-area .services-content .nav-pills .nav-link.active,.services-area .services-content .nav-pills .show>.nav-link{
    color:var(--hover-color);
    background-color:transparent
}
.services-area .services-content .nav-pills .nav-link.active svg,.services-area .services-content .nav-pills .show>.nav-link svg{
    fill:#fa6350;
    border-color:rgba(250,99,80,.3)
}
.services-area .tab-content{
    padding:90px 0;
    z-index:9
}
@media(max-width:991px){
    .services-area .tab-content{
        padding:50px 0
    }
}
.photo-gallery .section-title1{
    margin:0 auto
}
.photo-gallery .single-img{
    position:relative;
    margin-right:30px;
    margin-bottom:30px
}
@media(max-width:576px){
    .photo-gallery .single-img img{
        width:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width:576px){
    .photo-gallery .single-img{
        margin-right:0;
        margin-bottom:0
    }
}
.photo-gallery .single-img::after{
    content:"";
    position:absolute;
    right:-20px;
    top:-20px;
    bottom:20px;
    border:1px solid #fa6350;
    width:100%;
    height:96%;
    z-index:-1;
    opacity:0;
    transition:.35s;
    transform:scale(.2);
    transform-origin:left bottom
}
.photo-gallery .single-img .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(7,8,18,.4);
    opacity:0;
    transition:.35s;
    transform:scale(.4);
    transform-origin:bottom
}
.photo-gallery .single-img .overlay svg{
    position:absolute;
    top:30px;
    right:30px;
    stroke:var(--white);
    transition:.35s
}
.photo-gallery .single-img .overlay svg:hover{
    stroke:var(--hover-color)
}
.photo-gallery .single-img .gallery-content{
    background-color:var(--white);
    max-width:310px;
    padding:20px 30px;
    position:absolute;
    bottom:-30px
}
.photo-gallery .single-img .gallery-content h4 a{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:25px;
    line-height:30px;
    color:var(--text-color1);
    margin-bottom:0;
    transition:.35s
}
.photo-gallery .single-img .gallery-content h4 a:hover{
    color:var(--hover-color)
}
.photo-gallery .single-img .gallery-content span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    line-height:30px;
    color:var(--text-color2)
}
.photo-gallery .single-img:hover .overlay{
    opacity:1;
    transform:scale(1)
}
.photo-gallery .single-img:hover::after{
    opacity:1;
    transform:scale(1)
}
.photo-gallery .single-img.one{
    margin-top:20px
}
.photo-gallery .single-img.three{
    margin-top:50px
}
@media(max-width:991px){
    .photo-gallery .single-img.three{
        margin-top:-43px
    }
}
@media(max-width:767px){
    .photo-gallery .single-img.three{
        margin-top:0
    }
}
.photo-gallery .single-img.four{
    margin-top:-55px
}
@media(max-width:1399px){
    .photo-gallery .single-img.four{
        margin-top:-47px
    }
}
@media(max-width:1199px){
    .photo-gallery .single-img.four{
        margin-top:-35px
    }
}
@media(max-width:991px){
    .photo-gallery .single-img.four{
        margin-top:0
    }
}
@media(max-width:767px){
    .photo-gallery .single-img.four{
        margin-top:0
    }
}
@media(max-width:991px){
    .photo-gallery .single-img.five{
        margin-top:-50px
    }
}
@media(max-width:767px){
    .photo-gallery .single-img.five{
        margin-top:0
    }
}
.photo-gallery .single-img.six{
    margin-top:-127px
}
@media(max-width:1399px){
    .photo-gallery .single-img.six{
        margin-top:-100px
    }
}
@media(max-width:1199px){
    .photo-gallery .single-img.six{
        margin-top:-70px
    }
}
@media(max-width:991px){
    .photo-gallery .single-img.six{
        margin-top:0
    }
}
@media(max-width:767px){
    .photo-gallery .single-img.six{
        margin-top:0
    }
}
.photo-gallery.light-mode .single-img{
    position:relative;
    margin-right:30px;
    margin-bottom:30px
}
@media(max-width:576px){
    .photo-gallery.light-mode .single-img img{
        width:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width:576px){
    .photo-gallery.light-mode .single-img{
        margin-right:0;
        margin-bottom:0
    }
}
.photo-gallery.light-mode .single-img::after{
    content:"";
    position:absolute;
    right:-20px;
    top:-20px;
    bottom:20px;
    border:1px solid #fa6350;
    width:100%;
    height:96%;
    z-index:-1;
    opacity:0;
    transition:.35s;
    transform:scale(.2);
    transform-origin:left bottom
}
.photo-gallery.light-mode .single-img .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(7,8,18,.4);
    opacity:0;
    transition:.35s;
    transform:scale(.4);
    transform-origin:bottom
}
.photo-gallery.light-mode .single-img .overlay svg{
    position:absolute;
    top:30px;
    right:30px;
    stroke:var(--white);
    transition:.35s
}
.photo-gallery.light-mode .single-img .overlay svg:hover{
    stroke:var(--hover-color)
}
.photo-gallery.light-mode .single-img .gallery-content{
    box-shadow:3px 2px 30px rgba(0,0,0,.06)
}
.photo-gallery.light-mode .single-img:hover .overlay{
    opacity:1;
    transform:scale(1)
}
.photo-gallery.light-mode .single-img:hover::after{
    opacity:1;
    transform:scale(1)
}
.video-area .video-wraper{
    position:relative;
    width:100%
}
.video-area .video-wraper video{
    width:100%
}
.video-area.one .video-wraper{
    width:100%
}
.video-area.one .video-wraper .my-video-dimensions{
    height:728px
}
.testimonial-area .testimonial-wrrap{
    text-align:center
}
.testimonial-area .testimonial-wrrap .content{
    max-width:870px;
    width:100%;
    margin:0 auto
}
.testimonial-area .testimonial-wrrap .content p{
    color:var(--text-color3-light);
    text-align:center;
    font-family:var(--font-spartan);
    font-weight:300;
    font-size:28px;
    line-height:1.55
}
@media(max-width:767px){
    .testimonial-area .testimonial-wrrap .content p{
        font-size:24px
    }
}
.testimonial-area .testimonial-wrrap .author-area{
    padding-top:25px
}
.testimonial-area .testimonial-wrrap .author-area .author-name h4{
    font-family:var(--font-cormorant);
    font-weight:600;
    font-size:27px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    margin-bottom:15px
}
.testimonial-area .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:1px solid;
    border-color:var(--text-light-dark-color1);
    opacity:1
}
.testimonial-area .swiper-pagination{
    bottom:-5px
}
.testimonial-area .swiper-pagination-bullet-active{
    background:var(--hover-color);
    border-color:var(--hover-color)
}
.news-area .section-title1{
    margin:0 auto
}
.news-area .single-news{
    position:relative;
    z-index:1
}
.news-area .single-news::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:linear-gradient(transparent,rgba(0,0,0,0.9));
    z-index:1
}
@media(max-width:576px){
    .news-area .single-news img{
        width:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width:576px){
    .news-area .single-news{
        margin-right:0;
        margin-bottom:0
    }
}
.news-area .single-news .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
.news-area .single-news .overlay svg{
    position:absolute;
    top:30px;
    right:30px;
    opacity:0;
    transform:scale(.2);
    transform-origin:left bottom;
    transition:.5s;
    stroke:var(--white)
}
.news-area .single-news .overlay svg:hover{
    stroke:var(--hover-color)
}
.news-area .single-news .gallery-content{
    padding:0 30px;
    position:absolute;
    bottom:30px
}
.news-area .single-news .gallery-content h4{
    margin-bottom:10px
}
.news-area .single-news .gallery-content h4 a{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:26px;
    line-height:30px;
    color:var(--white);
    margin-bottom:0;
    transition:.35s
}
.news-area .single-news .gallery-content h4 a:hover{
    color:var(--hover-color)
}
.news-area .single-news .gallery-content span{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:15px;
    line-height:30px;
    color:var(--white)
}
.news-area .single-news:hover .overlay svg{
    opacity:1;
    transform:scale(1)
}
.news-area .load-more-btn a{
    color:var(--text-light-dark-color1)
}
.instagram-feed-section .section-title-small{
    margin-bottom:40px;
    margin-top:-4px
}
.instagram-feed-section .section-title-small i{
    font-size:20px;
    color:var(--text-color3-light)
}
.instagram-feed-section .section-title-small span{
    font-family:var(--font-spartan);
    font-size:26px;
    font-weight:400;
    color:var(--text-color4-light);
    padding-left:18px
}
.instagram-feed-section .insta-feed-slider{
    width:95%
}
@media(max-width:991px){
    .instagram-feed-section .insta-feed-slider{
        width:100%
    }
}
@media(min-width:992px) and (max-width:1199px){
    footer.style1 .footer-social-widget{
        margin-top:30px
    }
}
footer.style1 .footer-widget{
    padding:0 110px
}
@media(min-width:1400px) and (max-width:1599px){
    footer.style1 .footer-widget{
        padding:0 60px
    }
}
@media(max-width:1399px){
    footer.style1 .footer-widget{
        padding:0 30px
    }
}
@media(max-width:991px){
    footer.style1 .footer-widget{
        padding:0
    }
}
footer.style1 .footer-widget .widget-title{
    text-align:center
}
footer.style1 .footer-widget .widget-title h4{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:25px;
    line-height:40px;
    text-transform:uppercase;
    color:var(--text-light-dark-color1);
    margin-bottom:20px
}
footer.style1 .footer-widget .widget-title p{
    color:var(--text-light-dark-color1);
    font-weight:400;
    font-size:16px;
    line-height:26px
}
footer.style1 .footer-widget .menu-container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:1199px){
    footer.style1 .footer-widget .menu-container{
        justify-content:center;
        gap:50px
    }
}
footer.style1 .footer-widget .menu-container ul{
    margin:0;
    padding:0
}
footer.style1 .footer-widget .menu-container ul li a{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:15px;
    line-height:30px;
    color:var(--text-color4-light);
    transition:.35s
}
footer.style1 .footer-widget .menu-container ul li a:hover{
    color:var(--hover-color)
}
footer.style1 .footer-widget .newsletter-container{
    display:flex;
    align-items:center;
    padding-top:30px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width:600px
}
@media(max-width:767px){
    footer.style1 .footer-widget .newsletter-container{
        padding-top:20px
    }
}
footer.style1 .footer-widget .newsletter-container input{
    width:100%;
    border:1px solid #a7a7a7;
    height:56px;
    background-color:transparent;
    margin-right:20px;
    padding:15px 25px;
    font-weight:400;
    font-size:14px
}
@media(max-width:991px){
    footer.style1 .footer-widget .newsletter-container input{
        margin-right:8px;
        padding:15px
    }
}
footer.style1 .footer-widget .newsletter-container input::-moz-placeholder{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    color:#4a4a4a
}
footer.style1 .footer-widget .newsletter-container input:-ms-input-placeholder{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    color:#4a4a4a
}
footer.style1 .footer-widget .newsletter-container input::placeholder{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    color:#4a4a4a
}
footer.style1 .footer-widget .newsletter-container input:focus{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    color:var(--text-light-dark-color1)
}
footer.style1 .footer-widget .newsletter-container button{
    border:1px solid #fa6350;
    background-color:transparent;
    font-family:var(--font-spartan);
    font-weight:600;
    font-size:15px;
    text-transform:uppercase;
    color:var(--hover-color);
    height:56px;
    padding:18px 25px
}
footer.style1 .footer-widget .newsletter-container button.agency{
    color:var(--primary-color1);
    border:1px solid var(--primary-color1)
}
footer.style1 .footer-widget.two{
    position:relative
}
footer.style1 .footer-widget.two::before{
    content:"";
    width:1px;
    height:100%;
    background-color:rgba(167,167,167,.431372549);
    position:absolute;
    left:0;
    top:0
}
@media(max-width:991px){
    footer.style1 .footer-widget.two::before{
        display:none;
        visibility:hidden
    }
}
footer.style1 .footer-widget.two::after{
    content:"";
    width:1px;
    height:100%;
    background-color:rgba(167,167,167,.431372549);
    position:absolute;
    right:0;
    top:0
}
@media(max-width:1199px){
    footer.style1 .footer-widget.two::after{
        display:none;
        visibility:hidden
    }
}
footer.style1 .footer-widget.one{
    max-width:500px;
    min-width:400px;
    width:100%
}
@media(min-width:1400px) and (max-width:1599px){
    footer.style1 .footer-widget.one{
        max-width:300px
    }
}
@media(max-width:1399px){
    footer.style1 .footer-widget.one{
        max-width:220px
    }
}
@media(max-width:1199px){
    footer.style1 .footer-widget.one{
        max-width:unset;
        min-width:unset;
        margin:0 auto
    }
}
@media(max-width:991px){
    footer.style1 .footer-widget.one{
        max-width:300px
    }
}
footer.style1 .footer-widget.three{
    min-width:350px
}
@media(max-width:576px){
    footer.style1 .footer-widget.three{
        min-width:unset
    }
}
footer.style1 .footer-widget .socila-container{
    margin-bottom:30px
}
footer.style1 .footer-widget .socila-container ul{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:70px
}
@media(max-width:576px){
    footer.style1 .footer-widget .socila-container ul{
        gap:65px
    }
}
footer.style1 .footer-widget .socila-container ul.agency li:hover::after{
    background-color:var(--primary-color1)
}
footer.style1 .footer-widget .socila-container ul.agency li:hover a i{
    color:var(--primary-color1)
}
footer.style1 .footer-widget .socila-container ul li{
    position:relative
}
footer.style1 .footer-widget .socila-container ul li::after{
    content:"";
    position:absolute;
    top:50%;
    left:130%;
    width:50px;
    height:1px;
    background:rgba(167,167,167,.431372549);
    border-radius:30px;
    transition:.35s
}
footer.style1 .footer-widget .socila-container ul li a i{
    color:var(--text-light-dark-color1);
    font-size:22px;
    transition:.35s
}
footer.style1 .footer-widget .socila-container ul li:last-child::after{
    display:none
}
footer.style1 .footer-widget .socila-container ul li:hover::after{
    background-color:var(--hover-color)
}
footer.style1 .footer-widget .socila-container ul li:hover a i{
    color:var(--hover-color)
}
footer.style1 .footer-widget p{
    color:var(--text-light-dark-color1);
    text-align:center;
    font-weight:400;
    font-size:16px;
    line-height:26px
}
footer.style1 .footer-btm{
    background-color:#181b22;
    padding:20px 0
}
footer.style1 .footer-btm p{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:12px;
    line-height:13px;
    color:var(--white)
}
footer.style1 .footer-btm p a{
    color:var(--hover-color)
}
footer.style1 .footer-btm.style-agency p a{
    color:var(--primary-color1)
}
header.style-2{
    width:100%;
    z-index:9999;
    padding:0 75px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:var(--dark-white);
    position:relative
}
@media(max-width:1399px){
    header.style-2{
        padding:0 80px
    }
}
@media(max-width:767px){
    header.style-2{
        padding:0 30px
    }
}
header.style-2 .header-logo{
    height:100%
}
@media(max-width:991px){
    header.style-2 .header-logo{
        padding:20px 0
    }
}
header.style-2 .header-logo img{
    min-width:120px;
    width:100%
}
@media(max-width:767px){
    header.style-2 .header-logo img{
        max-width:90px
    }
}
header.style-2 .nav-right{
    gap:50px
}
@media(max-width:1399px){
    header.style-2 .nav-right{
        gap:50px
    }
}
@media(max-width:1199px){
    header.style-2 .nav-right{
        gap:20px
    }
}
header.style-2 .nav-right .header-btn a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:17px;
    line-height:30px;
    color:var(--dark-white);
    background-color:var(--primary-color1);
    padding:15px 25px 13px;
    transition:.35s
}
header.style-2 .nav-right .header-btn a:hover{
    background-color:var(--text-light-dark-color1)
}
header.style-2 .nav-right .side-icon{
    cursor:pointer
}
header.style-2 .nav-right .side-icon svg{
    fill:var(--text-light-dark-color1)
}
header.style-2 .main-menu .menu-list{
    margin-bottom:0;
    display:flex;
    align-items:center;
    padding:0
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list{
        flex-direction:column;
        justify-content:start
    }
}
header.style-2 .main-menu .menu-list>li{
    position:relative;
    margin:0 10px;
    display:inline-block
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-2 .main-menu .menu-list>li{
        margin:0
    }
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-2 .main-menu .menu-list>li{
        margin:0
    }
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list>li{
        margin:0;
        width:100%
    }
}
header.style-2 .main-menu .menu-list>li .dropdown-icon{
    color:var(--text-light-dark-color1);
    font-size:25px;
    transition:.4s ease-in
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list>li .dropdown-icon{
        opacity:1;
        visibility:visible
    }
}
header.style-2 .main-menu .menu-list>li .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-2 .main-menu .menu-list>li a{
    font-size:15px;
    line-height:1;
    font-weight:400;
    color:var(--text-light-dark-color1);
    padding:40px 20px;
    display:inline-block;
    white-space:nowrap;
    transition:.4s;
    display:flex;
    align-items:center;
    font-family:var(--font-josefin);
    text-transform:uppercase
}
header.style-2 .main-menu .menu-list>li a.active{
    color:var(--primary-color1)
}
header.style-2 .main-menu .menu-list>li a:hover{
    color:var(--primary-color1)
}
@media(max-width:1199px){
    header.style-2 .main-menu .menu-list>li a{
        padding:40px 8px
    }
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list>li a{
        padding:12px 0;
        display:block;
        position:relative;
        border-bottom:1px solid rgba(219,167,101,.098)
    }
}
header.style-2 .main-menu .menu-list>li .submenu{
    padding:10px;
    position:absolute;
    top:96px;
    left:0;
    max-width:380px;
    min-width:220px;
    background-color:var(--text-color1);
    border:1px solid #222;
    text-align:left;
    opacity:0;
    visibility:hidden;
    transition:all .55s ease-in-out;
    box-shadow:5px 3px 40px rgba(0,72,88,.1)
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list>li .submenu{
        opacity:1;
        position:relative;
        left:0;
        top:0;
        width:100%;
        border:unset;
        display:none;
        transition:unset;
        box-shadow:unset;
        transform:translateY(0px);
        visibility:unset
    }
}
header.style-2 .main-menu .menu-list>li .submenu>li a{
    display:block;
    padding:15px;
    position:relative;
    z-index:1;
    font-size:14px;
    color:#bebebe
}
@media(max-width:991px){
    header.style-2 .main-menu .menu-list>li .submenu>li a{
        border-bottom:unset;
        padding:12px 15px
    }
}
header.style-2 .main-menu .menu-list>li .submenu>li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background:#fbb42f;
    width:100%;
    height:.5px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:-1;
    opacity:.3
}
header.style-2 .main-menu .menu-list>li .submenu>li a:hover{
    color:var(--primary-color1)
}
header.style-2 .main-menu .menu-list>li .submenu>li a:hover::before{
    transform:scale(1)
}
header.style-2 .main-menu .menu-list>li .submenu>li a:last-child{
    border-bottom:unset
}
header.style-2 .main-menu .menu-list>li.menu-item-has-children{
    position:relative;
    z-index:1;
    padding-right:10px
}
header.style-2 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon{
    position:absolute;
    top:46px;
    right:10px;
    font-size:5px;
    color:var(--text-light-dark-color1)
}
header.style-2 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-2 .main-menu .menu-list>li.menu-item-has-children:hover .submenu{
    opacity:1;
    transform:translateY(0);
    visibility:visible
}
header.style-2 .main-menu .menu-list>li.menu-item-has-children:hover::after{
    color:var(--primary-color1);
    transform:rotate(180deg)
}
@media(max-width:991px){
    header.style-2 .main-menu{
        position:fixed;
        top:0%;
        left:-100%;
        width:280px;
        height:100%;
        overflow-y:auto;
        background-color:#222;
        border-right:1px solid rgba(238,238,238,.1);
        padding:40px 20px;
        z-index:999;
        transition:.7s ease-in-out;
        border-right:1px solid #eee
    }
    header.style-2 .main-menu.show-menu{
        left:0
    }
}
header.style-2 .main-menu .mobile-logo-area{
    margin-bottom:25px
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn{
    cursor:pointer
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi{
    color:var(--white);
    font-size:18px
}
header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi:hover{
    color:var(--primary-color1)
}
header.style-2 .main-menu .mobile-logo-wrap{
    padding:10px
}
header.style-2 .mobile-menu-btn{
    margin-left:25px
}
header.style-2 .mobile-menu-btn .bx{
    color:var(--text-light-dark-color1);
    font-size:28px
}
.horo-style-2{
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    padding:0 80px;
    overflow:hidden;
    background-color:var(--dark-white)
}
@media(max-width:991px){
    .horo-style-2{
        padding:0
    }
}
.horo-style-2 .social-area{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:767px){
    .horo-style-2 .social-area{
        display:none
    }
}
.horo-style-2 .social-area ul{
    margin:0;
    padding:0;
    transform:rotate(-90deg);
    display:flex;
    gap:25px
}
.horo-style-2 .social-area ul li{
    margin-bottom:80px
}
.horo-style-2 .social-area ul li a{
    color:var(--text-light-dark-color1);
    font-family:var(--font-jost);
    font-weight:400;
    font-size:16px;
    text-transform:uppercase
}
.horo-style-2 .social-area ul li:last-child{
    margin-bottom:0
}
.horo-style-2 .side-icon{
    position:absolute;
    left:25px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer
}
.horo-style-2 .side-icon svg{
    fill:var(--text-light-dark-color1)
}
.horo-style-2 .scroll-down{
    position:absolute;
    bottom:0;
    right:30px;
    -webkit-animation:up-down 2s linear infinite alternate;
    animation:up-down 2s linear infinite alternate;
    z-index:9;
    transform:translateY(-50%)
}
@media(max-width:991px){
    .horo-style-2 .scroll-down{
        display:none;
        visibility:hidden
    }
}
@-webkit-keyframes up-down{
    0%{
        bottom:50%
    }
    50%{
        bottom:48%
    }
    100%{
        bottom:50%
    }
}
@keyframes up-down{
    0%{
        bottom:50%
    }
    50%{
        bottom:48%
    }
    100%{
        bottom:50%
    }
}
.horo-style-2 .scroll-down a svg{
    stroke:var(--text-light-dark-color1);
    fill:none
}
.horo-style-2 .scroll-down a svg path{
    fill:var(--text-light-dark-color1);
    stroke:var(--text-light-dark-color1)
}
.horo-style-2 .hero-wrrap{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center
}
.horo-style-2 .hero-wrrap .video-wraper{
    position:relative;
    width:100%
}
.horo-style-2 .hero-wrrap .video-wraper video{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    height:100%
}
@media(max-width:991px){
    .horo-style-2 .hero-wrrap .video-wraper video{
        min-height:550px
    }
}
.horo-style-2 .hero-wrrap .hero-content{
    max-width:970px;
    width:100%;
    text-align:left;
    padding:180px 0;
    position:absolute;
    left:100px
}
@media(max-width:1199px){
    .horo-style-2 .hero-wrrap .hero-content{
        padding:150px 0;
        max-width:650px
    }
}
@media(max-width:991px){
    .horo-style-2 .hero-wrrap .hero-content{
        left:25px;
        max-width:auto
    }
}
@media(max-width:576px){
    .horo-style-2 .hero-wrrap .hero-content{
        max-width:300px
    }
}
.horo-style-2 .hero-wrrap .hero-content span{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:20px;
    line-height:28px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--primary-color1);
    background-color:rgba(0,0,0,.3);
    padding:10px 10px 8px
}
@media(max-width:767px){
    .horo-style-2 .hero-wrrap .hero-content span{
        font-size:18px
    }
}
.horo-style-2 .hero-wrrap .hero-content h1{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:85px;
    line-height:1.3;
    text-transform:capitalize;
    color:var(--white);
    margin-bottom:35px;
    padding-top:30px
}
@media(min-width:1400px) and (max-width:1599px){
    .horo-style-2 .hero-wrrap .hero-content h1{
        font-size:80px
    }
}
@media(max-width:1199px){
    .horo-style-2 .hero-wrrap .hero-content h1{
        font-size:55px
    }
}
@media(max-width:576px){
    .horo-style-2 .hero-wrrap .hero-content h1{
        font-size:55px
    }
}
.horo-style-2 .hero-wrrap .hero-content .eg-btn1{
    color:var(--primary-color1);
    font-weight:700
}
.horo-style-2 .hero-wrrap .hero-content .btn--primary::after{
    border-width:2px
}
.horo-style-2 .hero-wrrap .hero-content .btn--primary::before{
    border-width:2px
}
.horo-style-2 .hero-wrrap .hero-meta{
    display:flex;
    justify-content:space-between;
    position:absolute;
    bottom:50px;
    width:100%;
    padding:0 150px
}
@media(max-width:991px){
    .horo-style-2 .hero-wrrap .hero-meta{
        padding:0 50px;
        display:none;
        visibility:hidden
    }
}
@media(max-width:576px){
    .horo-style-2 .hero-wrrap .hero-meta{
        display:none;
        visibility:hidden
    }
}
.horo-style-2 .hero-wrrap .hero-meta .contact-number a,.horo-style-2 .hero-wrrap .hero-meta .photographer a{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:18px;
    line-height:30px;
    color:#eee;
    transition:.35s
}
.horo-style-2 .hero-wrrap .hero-meta .contact-number a:hover,.horo-style-2 .hero-wrrap .hero-meta .photographer a:hover{
    color:var(--primary-color1)
}
.horo-style-2 .swiper-pagination{
    bottom:50%;
    left:48%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    gap:13px
}
@media(max-width:1199px){
    .horo-style-2 .swiper-pagination{
        left:0;
        flex-direction:row;
        bottom:30px
    }
}
.horo-style-2 .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background-color:var(--text-light-dark-color1);
    opacity:1
}
.horo-style-2 .swiper-pagination-bullet-active{
    background:var(--primary-color1);
    position:relative
}
.horo-style-2 .swiper-pagination-bullet-active::after{
    content:"";
    height:16px;
    width:16px;
    border-radius:50%;
    border:1px solid #fff;
    position:absolute;
    left:-4px;
    top:-4px
}
.our-patner-area.two .our-patner-slider{
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    padding:70px 0
}
.our-patner-area .our-patner-slider .swiper-slide{
    display:flex;
    justify-content:center
}
.our-patner-area .our-patner-slider .swiper-slide svg{
    fill:#6d6d6d;
    transition:.35s;
    cursor:pointer
}
.our-patner-area .our-patner-slider .swiper-slide svg:hover{
    fill:var(--primary-color1)
}
@media(max-width:767px){
    .our-patner-area .our-patner-slider .swiper-slide svg{
        max-width:120px
    }
}
.our-patner-area .our-patner-slider.style-two .swiper-slide svg:hover{
    fill:var(--hover-color)
}
.about-area2{
    position:relative;
    width:85%;
    margin:0 auto
}
.about-area2 .about-sm-img{
    position:absolute;
    margin-left:auto;
    margin-right:0;
    right:-7%;
    bottom:-120px;
    max-width:200px
}
@media(min-width:1400px) and (max-width:1599px){
    .about-area2 .about-sm-img{
        right:-70px;
        bottom:0
    }
}
@media(max-width:1199px){
    .about-area2 .about-sm-img{
        display:none;
        visibility:hidden
    }
}
@media(max-width:767px){
    .about-area2{
        width:100%
    }
}
.about-area2 .about-right{
    padding-top:55px
}
@media(max-width:991px){
    .about-area2 .about-right{
        padding-top:0;
        text-align:center
    }
}
.about-area2 .about-right .about-title{
    max-width:650px
}
.about-area2 .about-right .about-title h3{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:38px;
    line-height:1.4;
    color:var(--text-light-dark-color1)
}
@media(max-width:767px){
    .about-area2 .about-right .about-title h3{
        font-size:32px
    }
}
.about-area2 .about-right .about-content{
    max-width:570px;
    margin-left:80px;
    padding-top:50px
}
@media(min-width:1400px) and (max-width:1599px){
    .about-area2 .about-right .about-content{
        max-width:450px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .about-area2 .about-right .about-content{
        margin-left:0;
        max-width:410px
    }
}
@media(max-width:1199px){
    .about-area2 .about-right .about-content{
        margin-left:0
    }
}
@media(max-width:1199px){
    .about-area2 .about-right .about-content{
        padding-top:25px
    }
}
@media(max-width:991px){
    .about-area2 .about-right .about-content{
        max-width:100%
    }
}
.about-area2 .about-right .about-content p{
    color:var(--text-color3-light);
    margin-bottom:40px
}
.about-area2 .about-right .about-content a{
    color:var(--primary-color1)
}
.about-area2 .about-right .about-content a.style-two{
    color:var(--hover-color)
}
.about-area2 .about-img-paginnation{
    position:relative;
    margin-top:40px;
    margin-bottom:40px
}
.about-area2 .swiper-pagination-bullet{
    width:12px;
    height:12px;
    border:.5px solid;
    border-color:var(--text-light-dark-color1);
    background-color:transparent;
    opacity:1
}
.about-area2 .swiper-pagination-bullet-active{
    background:var(--primary-color1);
    border-color:var(--primary-color1)
}
.about-area2.style-two .swiper-pagination-bullet-active{
    background:var(--hover-color);
    border-color:var(--hover-color)
}
.service-area2{
    width:85%;
    margin:0 auto
}
@media(max-width:576px){
    .service-area2{
        width:100%
    }
}
.service-area2 .service-wrrap:hover .icon{
    transform:scale(1.1)
}
.service-area2 .service-wrrap .icon{
    margin-bottom:30px;
    transition:all .5s ease
}
@media(max-width:991px){
    .service-area2 .service-wrrap .icon{
        margin-bottom:15px
    }
}
.service-area2 .service-wrrap .icon svg{
    fill:var(--primary-color1);
    max-width:50px;
    height:50px
}
.service-area2 .service-wrrap .icon.sytle-two svg{
    fill:var(--hover-color)
}
.service-area2 .service-wrrap .secvice-content{
    max-width:300px
}
.service-area2 .service-wrrap .secvice-content h3{
    margin-bottom:8px
}
.service-area2 .service-wrrap .secvice-content h3 a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:30px;
    line-height:30px;
    color:var(--text-light-dark-color1)
}
@media(max-width:767px){
    .service-area2 .service-wrrap .secvice-content h3 a{
        font-size:26px
    }
}
.service-area2 .service-wrrap .secvice-content p{
    color:var(--text-color3-light);
    font-weight:400;
    font-size:16px;
    line-height:32px
}
.portfolio-area2 .portfolio-img{
    margin-bottom:35px;
    position:relative
}
@media(max-width:991px){
    .portfolio-area2 .portfolio-img img{
        width:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
.portfolio-area2 .portfolio-img .overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    transition:.4s ease-in-out;
    background:linear-gradient(183.62deg,rgba(7,8,18,0) 2.97%,#070812 88.71%);
    opacity:0;
    transform:scaleY(0);
    transform-origin:top
}
.portfolio-area2 .portfolio-img .overlay .icon{
    position:absolute;
    top:30px;
    right:30px
}
.portfolio-area2 .portfolio-img .overlay .icon a{
    height:50px;
    width:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--primary-color1);
    border-radius:50%
}
.portfolio-area2 .portfolio-img .overlay .icon a i{
    font-size:35px
}
.portfolio-area2 .portfolio-img .overlay .content{
    position:absolute;
    left:30px;
    right:30px;
    bottom:25px
}
.portfolio-area2 .portfolio-img .overlay .content h4{
    margin-bottom:0
}
.portfolio-area2 .portfolio-img .overlay .content h4 a{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:26px;
    line-height:40px;
    color:var(--white)
}
.portfolio-area2 .portfolio-img .overlay .content span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    line-height:30px;
    color:var(--white)
}
.portfolio-area2 .portfolio-img:hover .overlay{
    opacity:1;
    transform:scaleY(1)
}
.portfolio-area2 .twos{
    padding-top:90px
}
@media(max-width:991px){
    .portfolio-area2 .twos{
        padding-top:0
    }
}
.portfolio-area2 .see-more-btn a{
    color:var(--primary-color1)
}
.video-contact-testimonial-area{
    width:95%;
    margin:0 auto
}
.video-contact-testimonial-area .video-wraper{
    position:relative;
    width:100%
}
.video-contact-testimonial-area .video-wraper video{
    width:100%
}
.video-contact-testimonial-area .contact-wrap{
    margin-top:-150px;
    margin-left:65px;
    background:var(--dark-white);
    box-shadow:3px 2px 30px rgba(0,0,0,.06);
    border-radius:10px;
    max-width:500px;
    padding:50px 60px;
    position:relative;
    z-index:99
}
@media(max-width:991px){
    .video-contact-testimonial-area .contact-wrap{
        margin-top:80px;
        margin-left:auto;
        margin-right:auto
    }
}
@media(max-width:576px){
    .video-contact-testimonial-area .contact-wrap{
        padding:35px 25px
    }
}
.video-contact-testimonial-area .contact-wrap .title{
    margin-bottom:50px;
    text-align:center
}
.video-contact-testimonial-area .contact-wrap .title h2{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:40px;
    line-height:50px;
    color:var(--text-light-dark-color1);
    position:relative;
    margin-bottom:0
}
@media(max-width:767px){
    .video-contact-testimonial-area .contact-wrap .title h2{
        font-size:32px
    }
}
.video-contact-testimonial-area .contact-wrap .title h2::after{
    content:"";
    width:60px;
    height:2px;
    background:#fbb42f;
    border-radius:30px;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.video-contact-testimonial-area .contact-wrap form .form-inner{
    margin-bottom:20px
}
.video-contact-testimonial-area .contact-wrap form .form-inner input{
    width:100%;
    background-color:transparent;
    border:none;
    padding:18px 0;
    border-bottom:1px solid rgba(167,167,167,.431372549);
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:14px;
    color:var(--text-color3)
}
.video-contact-testimonial-area .contact-wrap form .form-inner input:focus{
    font-family:var(--font-spartan);
    border:1px solid rgba(250,99,80,.5)
}
.video-contact-testimonial-area .contact-wrap form .form-inner textarea{
    width:100%;
    min-height:100px;
    background-color:transparent;
    border:none;
    padding:18px 0;
    border-bottom:1px solid rgba(167,167,167,.431372549);
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:13px;
    color:var(--text-color3);
    transition:all .45s ease
}
.video-contact-testimonial-area .contact-wrap form .form-inner textarea:focus{
    outline:none;
    border:1px solid rgba(250,99,80,.5)
}
.video-contact-testimonial-area .contact-wrap form .form-inner button{
    background-color:transparent;
    color:var(--primary-color1)
}
.video-contact-testimonial-area .contact-wrap form .form-inner:last-child{
    margin-bottom:0
}
.testimonial-area2{
    padding-top:120px;
    position:relative
}
.testimonial-area2.two{
    padding-top:unset
}
@media(max-width:991px){
    .testimonial-area2{
        padding-top:80px
    }
}
.testimonial-area2 .section-title2{
    margin-bottom:50px!important
}
.testimonial-area2 .section-title2 h5{
    margin-bottom:0!important
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap{
    max-width:865px
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-content p{
    font-family:var(--font-josefin);
    font-style:italic;
    font-weight:300;
    font-size:30px;
    line-height:45px;
    color:var(--text-light-dark-color1);
    text-align:start
}
@media(max-width:767px){
    .testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-content p{
        font-size:22px;
        line-height:35px
    }
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-meta{
    padding-top:40px
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-meta .author-img{
    margin-right:18px
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-meta .content{
    text-align:start
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-meta .content h5{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:20px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.testimonial-area2 .testimonial-slider .testimonial-wrrap .testimonial-meta .content span{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:14px;
    line-height:30px;
    color:var(--text-color3-light)
}
.testimonial-area2 .swiper-pagination{
    bottom:32%;
    left:unset;
    right:0;
    width:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    gap:13px
}
@media(max-width:1500px){
    .testimonial-area2 .swiper-pagination{
        right:-30px
    }
}
@media(max-width:767px){
    .testimonial-area2 .swiper-pagination{
        right:-20px
    }
}
@media(max-width:576px){
    .testimonial-area2 .swiper-pagination{
        display:none;
        visibility:hidden
    }
}
.testimonial-area2 .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background-color:var(--text-light-dark-color1);
    opacity:1
}
.testimonial-area2 .swiper-pagination-bullet-active{
    background:var(--primary-color1);
    position:relative
}
.testimonial-area2 .swiper-pagination-bullet-active::after{
    content:"";
    height:16px;
    width:16px;
    border-radius:50%;
    border:1px solid #fbb42f;
    position:absolute;
    left:-4px;
    top:-4px
}
.testimonial-area2.style-two .swiper-pagination-bullet-active{
    background:var(--hover-color)
}
.testimonial-area2.style-two .swiper-pagination-bullet-active::after{
    border:1px solid var(--hover-color)
}
.blog-wrrap .swiper-btns{
    position:absolute;
    right:0;
    bottom:0;
    background-color:var(--text-light-dark-color1);
    z-index:9;
    padding:10px 15px
}
.blog-wrrap .swiper-btns .swiper-button-prev-m i,.blog-wrrap .swiper-btns .swiper-button-next-m i{
    font-size:25px;
    color:var(--dark-white);
    transition:.35s
}
.blog-wrrap .swiper-btns .swiper-button-prev-m:hover i,.blog-wrrap .swiper-btns .swiper-button-next-m:hover i{
    color:var(--primary-color1)
}
.blog-wrrap .blog-img{
    position:relative
}
.blog-wrrap .blog-img .publish-date{
    border:1px solid #fff;
    display:inline-block;
    text-align:center;
    padding:18px;
    position:absolute;
    left:30px;
    bottom:30px
}
@media(max-width:576px){
    .blog-wrrap .blog-img .publish-date{
        padding:10px;
        left:15px;
        bottom:15px
    }
}
.blog-wrrap .blog-img .publish-date span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:18px;
    color:var(--white)
}
@media(max-width:576px){
    .blog-wrrap .blog-img .publish-date span{
        font-size:14px
    }
}
.blog-wrrap .blog-img .publish-date p{
    padding-top:10px;
    font-weight:700;
    font-size:26px;
    color:var(--white);
    margin-bottom:3px
}
@media(max-width:576px){
    .blog-wrrap .blog-img .publish-date p{
        line-height:1;
        margin-bottom:0
    }
}
.blog-wrrap .blog-img .video-area{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.blog-wrrap .blog-img .video-area a i{
    font-size:50px;
    color:var(--hover-color)
}
.blog-wrrap .blog-content{
    padding-top:20px
}
.blog-wrrap .blog-content.style-two h3 a:hover{
    color:var(--primary-color1)
}
.blog-wrrap .blog-content span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:32px;
    color:var(--text-color3-light);
    display:inline-block;
    margin-bottom:10px
}
@media(max-width:767px){
    .blog-wrrap .blog-content span{
        font-size:14px
    }
}
.blog-wrrap .blog-content .blog-meta{
    margin-bottom:10px
}
.blog-wrrap .blog-content .blog-meta p{
    margin-bottom:0;
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:32px;
    color:var(--text-color3-light)
}
@media(max-width:767px){
    .blog-wrrap .blog-content .blog-meta p{
        font-size:15px
    }
}
.blog-wrrap .blog-content .blog-meta .name{
    color:var(--hover-color)
}
.blog-wrrap .blog-content h3{
    margin-bottom:0
}
.blog-wrrap .blog-content h3 a{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:32px;
    line-height:1.3;
    color:var(--text-light-dark-color1);
    transition:.35s
}
@media(min-width:768px) and (max-width:991px){
    .blog-wrrap .blog-content h3 a{
        font-size:30px
    }
}
@media(max-width:767px){
    .blog-wrrap .blog-content h3 a{
        font-size:26px
    }
}
.blog-wrrap .blog-content h3 a:hover{
    color:var(--hover-color)
}
.blog-wrrap .blog-content>p{
    font-size:16px;
    line-height:32px;
    color:var(--text-color3-light)
}
.blog-wrrap .blog-content .button-social{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:25px
}
@media(max-width:576px){
    .blog-wrrap .blog-content .button-social{
        flex-wrap:wrap
    }
}
.blog-wrrap .blog-content .button-social .read-more-btn a{
    color:var(--text-light-dark-color1)
}
.blog-wrrap .blog-content .button-social .social-icon{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:20px
}
.blog-wrrap .blog-content .button-social .social-icon li a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:15px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.blog-wrrap .blog-content .button-social .social-icon li a:hover{
    color:var(--primary-color1)
}
.pagination{
    margin:0;
    padding:0;
    padding-top:60px;
    gap:30px
}
@media(max-width:767px){
    .pagination{
        padding-top:30px
    }
}
.pagination li a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:17px;
    letter-spacing:.03em;
    text-transform:capitalize;
    color:var(--text-color4-light);
    background-color:transparent;
    border:unset;
    padding:0
}
.pagination li a:hover{
    z-index:2;
    color:var(--hover-color);
    background-color:unset;
    border-color:unset
}
.pagination li a:focus{
    color:var(--hover-color);
    background-color:unset;
    border-color:unset;
    box-shadow:unset
}
.pagination li a.active{
    color:var(--hover-color)
}
footer.style2{
    background-image:url(../images/bg/footer2-bg.png);
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:1;
    position:relative;
    display:inline-block
}
footer.style2::after{
    content:"";
    background:linear-gradient(180deg,#18181E 54.89%,rgba(24,24,30,0.85) 100%);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1
}
footer.style2 .footer-width{
    width:82%;
    margin:0 auto
}
footer.style2 .footer-width .social-area{
    padding-top:100px;
    padding-bottom:55px;
    border-bottom:1px solid var(--text-color2)
}
footer.style2 .footer-width .social-area .title h3{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:28px;
    line-height:38px;
    color:var(--white);
    margin-bottom:30px
}
footer.style2 .footer-width .social-area .social-icon{
    margin:0;
    padding:0;
    gap:35px
}
footer.style2 .footer-width .social-area .social-icon li a{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:20px;
    color:var(--white);
    display:flex;
    align-items:center
}
footer.style2 .footer-width .social-area .social-icon li a .icon{
    width:40px;
    height:40px;
    background-color:var(--white);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    border:5px solid;
    border-color:rgba(255,255,255,.4)
}
footer.style2 .footer-width .social-area .social-icon li a i{
    font-size:25px;
    color:var(--text-color1)
}
footer.style2 .footer-width .footer-widget{
    padding:0 0 120px
}
@media(max-width:991px){
    footer.style2 .footer-width .footer-widget{
        padding:0 0 50px
    }
}
footer.style2 .footer-width .footer-widget .footer-icon{
    margin-bottom:25px
}
footer.style2 .footer-width .footer-widget .widget-title h4{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:26px;
    line-height:40px;
    color:var(--white);
    margin-bottom:0
}
footer.style2 .footer-width .footer-widget .widget-title p{
    font-family:var(--font-josefin);
    font-weight:300;
    font-size:28px;
    line-height:40px;
    color:var(--white);
    max-width:400px
}
footer.style2 .footer-width .footer-widget .widget-title.three h4{
    margin-bottom:25px
}
footer.style2 .footer-width .footer-widget .widget-title.three p{
    font-weight:300;
    font-size:18px;
    line-height:30px;
    max-width:360px
}
footer.style2 .footer-width .footer-widget .payment-mathort-area{
    padding-top:30px
}
footer.style2 .footer-width .footer-widget .payment-mathort-area h4{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:25px;
    line-height:30px;
    color:var(--text-color4);
    margin-bottom:20px
}
footer.style2 .footer-width .footer-widget .payment-mathort-area ul{
    padding:0;
    margin:0;
    flex-wrap:wrap
}
footer.style2 .footer-width .footer-widget .menu-container{
    max-width:350px;
    padding-top:10px
}
@media(max-width:991px){
    footer.style2 .footer-width .footer-widget .menu-container{
        flex-wrap:wrap
    }
}
footer.style2 .footer-width .footer-widget .menu-container ul{
    margin:0;
    padding:0;
    margin-right:20px
}
footer.style2 .footer-width .footer-widget .menu-container ul li{
    padding:10px 0;
    margin-bottom:5px
}
footer.style2 .footer-width .footer-widget .menu-container ul li:last-child{
    margin-bottom:0
}
footer.style2 .footer-width .footer-widget .menu-container ul li a{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:17px;
    line-height:30px;
    color:var(--text-color4)
}
footer.style2 .footer-width .footer-widget .newsletter-container{
    display:flex;
    border-bottom:1px solid #383838;
    max-width:360px;
    padding-top:30px
}
footer.style2 .footer-width .footer-widget .newsletter-container input{
    width:100%;
    border:none;
    background-color:transparent;
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:14px;
    line-height:30px;
    color:var(--white)
}
footer.style2 .footer-width .footer-widget .newsletter-container button{
    border:none;
    background-color:transparent;
    font-family:var(--font-spartan);
    font-weight:600;
    font-size:16px;
    line-height:28px;
    color:var(--white)
}
footer.style2 .footer-width .footer-btm{
    border-top:1px solid #615f5f;
    padding:25px 0 22px
}
footer.style2 .footer-width .footer-btm p{
    margin-bottom:0;
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:14px;
    line-height:22px;
    color:#fff
}
header.style-3{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:9999;
    padding:30px 110px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:transparent
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-3{
        padding:30px 50px
    }
}
@media(max-width:1199px){
    header.style-3{
        padding:30px
    }
}
@media(max-width:1199px){
    header.style-3{
        padding:20px 30px
    }
}
header.style-3 .header-logo{
    height:100%
}
@media(max-width:991px){
    header.style-3 .header-logo{
        padding:20px 0
    }
}
header.style-3 .header-logo img{
    min-width:120px;
    max-width:100%
}
header.style-3 .nav-right{
    gap:100px
}
@media(max-width:1399px){
    header.style-3 .nav-right{
        gap:50px
    }
}
@media(max-width:1199px){
    header.style-3 .nav-right{
        gap:20px
    }
}
header.style-3 .nav-right .header-btn a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:17px;
    line-height:30px;
    color:var(--hover-color);
    border:1px solid #fa6350;
    padding:15px 25px 13px
}
@media(max-width:1199px){
    header.style-3 .nav-right .header-btn{
        display:none;
        visibility:hidden
    }
}
header.style-3 .nav-right .side-icon{
    cursor:pointer
}
header.style-3 .nav-right .side-icon.style-two svg{
    fill:var(--white)
}
header.style-3 .main-menu .menu-list{
    margin-bottom:0;
    display:flex;
    align-items:center;
    padding:0
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list{
        flex-direction:column;
        justify-content:start
    }
}
header.style-3 .main-menu .menu-list>li{
    position:relative;
    display:inline-block
}
@media(max-width:1199px){
    header.style-3 .main-menu .menu-list>li{
        margin:0
    }
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li{
        margin:0;
        width:100%
    }
}
header.style-3 .main-menu .menu-list>li .dropdown-icon{
    color:var(--white);
    font-size:8px;
    transition:.4s ease-in
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li .dropdown-icon{
        opacity:1;
        visibility:visible
    }
}
header.style-3 .main-menu .menu-list>li .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-3 .main-menu .menu-list>li a{
    font-size:15px;
    line-height:1;
    font-weight:500;
    color:var(--white);
    padding:10px 20px;
    display:inline-block;
    white-space:nowrap;
    transition:.4s;
    display:flex;
    align-items:center;
    font-family:var(--font-jost);
    text-transform:uppercase
}
header.style-3 .main-menu .menu-list>li a.active{
    color:var(--primary-color1)
}
header.style-3 .main-menu .menu-list>li a:hover{
    color:var(--primary-color1)
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li a{
        padding:12px 0;
        display:block;
        position:relative;
        border-bottom:1px solid rgba(219,167,101,.098)
    }
}
header.style-3 .main-menu .menu-list>li .submenu{
    padding:10px 12px;
    position:absolute;
    top:53px;
    left:0;
    max-width:380px;
    min-width:200px;
    background-color:var(--text-color1);
    border:1px solid #222;
    text-align:left;
    opacity:0;
    visibility:hidden;
    transition:all .55s ease-in-out;
    box-shadow:5px 3px 40px rgba(0,72,88,.1)
}
@media(max-width:1399px){
    header.style-3 .main-menu .menu-list>li .submenu.contact{
        left:unset;
        right:0
    }
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li .submenu{
        opacity:1;
        position:relative;
        left:0;
        top:0;
        width:100%;
        border:unset;
        display:none;
        transition:unset;
        box-shadow:unset;
        transform:translateY(0px);
        visibility:unset
    }
}
header.style-3 .main-menu .menu-list>li .submenu>li a{
    display:block;
    padding:15px;
    position:relative;
    z-index:1;
    font-size:14px;
    color:#bebebe
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li .submenu>li a{
        border-bottom:unset;
        padding:12px 15px
    }
}
header.style-3 .main-menu .menu-list>li .submenu>li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background:#fa6350;
    width:100%;
    height:.5px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:-1;
    opacity:.5
}
header.style-3 .main-menu .menu-list>li .submenu>li a:hover{
    color:var(--hover-color)
}
header.style-3 .main-menu .menu-list>li .submenu>li a:hover::before{
    transform:scale(1)
}
header.style-3 .main-menu .menu-list>li .submenu>li a:last-child{
    border-bottom:unset
}
header.style-3 .main-menu .menu-list>li.menu-item-has-children{
    position:relative;
    z-index:1;
    padding-right:20px
}
@media(max-width:991px){
    header.style-3 .main-menu .menu-list>li.menu-item-has-children{
        padding-right:unset
    }
}
header.style-3 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon{
    position:absolute;
    top:16px;
    right:28px;
    font-size:5px
}
header.style-3 .main-menu .menu-list>li.menu-item-has-children .dropdown-icon.active{
    color:var(--primary-color1)
}
header.style-3 .main-menu .menu-list>li.menu-item-has-children:hover .submenu{
    opacity:1;
    transform:translateY(0);
    visibility:visible
}
header.style-3 .main-menu .menu-list>li.menu-item-has-children:hover::after{
    color:var(--primary-color1);
    transform:rotate(180deg)
}
@media(max-width:991px){
    header.style-3 .main-menu{
        position:fixed;
        top:0%;
        left:-100%;
        width:280px;
        height:100%;
        overflow-y:auto;
        background-color:#000;
        padding:40px 20px;
        z-index:999;
        transition:.7s ease-in-out
    }
    header.style-3 .main-menu.show-menu{
        left:0
    }
}
header.style-3 .main-menu .mobile-logo-area{
    margin-bottom:25px
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn{
    cursor:pointer
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi{
    color:var(--white);
    font-size:18px
}
header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi:hover{
    color:var(--hover-color)
}
header.style-3 .main-menu .mobile-logo-wrap{
    padding:10px
}
header.style-3 .mobile-menu-btn{
    margin-left:25px
}
header.style-3 .mobile-menu-btn .bx{
    color:var(--white);
    font-size:28px
}
.inner-page-banner{
    background:rgba(7,10,17,.4);
    background-image:url(../images/bg/breadcrumb-bg.png);
    background-size:cover;
    background-position:center center;
    padding:320px 0 265px
}
@media(max-width:1500px){
    .inner-page-banner{
        padding:250px 0 190px
    }
}
@media(max-width:576px){
    .inner-page-banner{
        padding:170px 0 110px
    }
}
.inner-page-banner.two{
    padding:200px 0 115px
}
.inner-page-banner .banner-content h1{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:60px;
    line-height:80px;
    color:var(--white);
    margin-bottom:10px
}
@media(max-width:576px){
    .inner-page-banner .banner-content h1{
        font-size:50px;
        line-height:60px
    }
}
.inner-page-banner .banner-content nav ol{
    margin:0;
    padding:0;
    justify-content:center
}
.inner-page-banner .banner-content nav ol li{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:28px;
    color:var(--white);
    position:relative
}
.inner-page-banner .banner-content nav ol li::before{
    display:none;
    visibility:hidden
}
.inner-page-banner .banner-content nav ol li a{
    color:var(--hover-color)
}
.inner-page-banner .banner-content nav ol .breadcrumb-item+.breadcrumb-item::after{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--hover-color);
    position:absolute;
    top:13px;
    left:-7px
}
.banner-center-content{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    transition:all .5s;
    text-align:center;
    width:100%;
    background:linear-gradient(0deg,rgba(0,0,0,0.88),transparent);
    height:180px;
    z-index:9
}
@media(max-width:767px){
    .banner-center-content{
        height:150px
    }
}
.banner-center-content span{
    display:inline-block;
    font-size:18px;
    font-weight:500;
    color:var(--hover-color);
    font-family:var(--font-josefin);
    text-transform:uppercase;
    background-color:rgba(0,0,0,.3);
    padding:10px 15px 8px
}
@media(max-width:767px){
    .banner-center-content span{
        font-size:16px
    }
}
.banner-center-content h2{
    display:block;
    font-size:60px;
    font-weight:600;
    color:var(--white);
    font-family:var(--font-josefin)
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-center-content h2{
        font-size:50px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-center-content h2{
        font-size:45px
    }
}
@media(min-width:768px) and (max-width:991px){
    .banner-center-content h2{
        font-size:45px
    }
}
@media(max-width:767px){
    .banner-center-content h2{
        font-size:42px
    }
}
.banner-center-content.style-two span{
    color:var(--primary-color1);
    margin-bottom:15px
}
.hero-center-slider-section{
    overflow:hidden
}
.hero-center-slider-section .swiper-slide{
    position:relative;
    transition:.5s;
    overflow:hidden
}
.hero-center-slider-section .swiper-slide-active{
    position:relative;
    z-index:1
}
.hero-center-slider-section .swiper-slide-active .banner-center-content{
    opacity:1
}
.social-area-left{
    background-color:#0b0b0b;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:100px;
    height:100%;
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(min-width:1200px) and (max-width:1399px){
    .social-area-left{
        width:70px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .social-area-left{
        width:70px
    }
}
@media(min-width:768px) and (max-width:991px){
    .social-area-left{
        width:50px
    }
}
@media(max-width:767px){
    .social-area-left{
        display:none;
        visibility:hidden
    }
}
.social-area-left ul{
    margin:0;
    padding:0;
    list-style:none;
    gap:90px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.social-area-left ul li{
    position:relative;
    transform:rotate(-90deg)
}
.social-area-left ul li::after{
    content:"";
    display:block;
    width:1px;
    height:10px;
    background-color:rgba(251,180,47,.3);
    position:absolute;
    right:-15px;
    top:8px
}
.social-area-left ul li a{
    color:#878787;
    text-transform:uppercase;
    transition:all .45s ease
}
.social-area-left ul li a:hover{
    color:var(--white);
    text-decoration:underline
}
.banner-pagination-section{
    position:relative
}
.banner-pagination-section .swiper .swiper-wrapper .swiper-slide::after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(16,16,16,.4);
    transition:all .5s ease;
    transition-delay:.3s
}
.banner-pagination-section .swiper .swiper-wrapper .swiper-slide img{
    width:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    min-height:500px
}
.banner-pagination-section .swiper-pagination-num{
    position:absolute;
    bottom:120px;
    left:75%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:20px;
    width:220px
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-section .swiper-pagination-num{
        bottom:70px
    }
}
@media(max-width:991px){
    .banner-pagination-section .swiper-pagination-num{
        left:50%;
        transform:translateX(-50%);
        bottom:30px
    }
}
.banner-pagination-section .swiper-pagination-bullet{
    height:23px;
    width:20px;
    font-family:var(--font-cormorant);
    font-weight:500;
    font-size:20px;
    line-height:24px;
    color:#fff;
    background-color:transparent;
    opacity:.7;
    transition:.5s
}
.banner-pagination-section .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::after{
    display:none;
    visibility:hidden
}
@media(max-width:767px){
    .banner-pagination-section .swiper-pagination-bullet{
        font-size:17px
    }
}
.banner-pagination-section .swiper-pagination-bullet-active{
    font-size:30px;
    position:relative;
    margin-right:82px!important;
    opacity:1;
    transition:.5s
}
@media(max-width:767px){
    .banner-pagination-section .swiper-pagination-bullet-active{
        font-size:24px;
        margin-right:42px!important
    }
}
.banner-pagination-section .swiper-pagination-bullet-active::after{
    content:"";
    height:1px;
    width:60px;
    background-color:var(--white);
    position:absolute;
    left:39px;
    top:50%;
    transition:.5s
}
@media(max-width:767px){
    .banner-pagination-section .swiper-pagination-bullet-active::after{
        width:30px
    }
}
.banner-pagination-content{
    position:absolute;
    bottom:110px;
    left:70px;
    transition:all .5s;
    text-align:left;
    z-index:9
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-content{
        left:110px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-content{
        left:50px;
        bottom:50px
    }
}
@media(max-width:767px){
    .banner-pagination-content{
        left:25px
    }
}
.banner-pagination-content span{
    display:inline-block;
    font-size:18px;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-spartan);
    text-transform:uppercase;
    position:relative;
    margin-bottom:20px;
    font-size:17px;
    font-weight:400;
    letter-spacing:3px;
    z-index:1;
    line-height:1.5;
    padding:5px 75px 3px 10px
}
@media(max-width:576px){
    .banner-pagination-content span{
        font-size:12px
    }
}
.banner-pagination-content span::before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:rgba(0,0,0,.4);
    z-index:-1
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-content span{
        font-size:16px
    }
}
@media(max-width:991px){
    .banner-pagination-content span{
        font-size:16px
    }
}
.banner-pagination-content span::after{
    content:"";
    position:absolute;
    right:14px;
    top:16px;
    width:54px;
    height:1.5px;
    background-color:var(--white)
}
@media(max-width:991px){
    .banner-pagination-content span::after{
        height:1px
    }
}
@media(max-width:576px){
    .banner-pagination-content span::after{
        top:12px
    }
}
.banner-pagination-content h2{
    display:block;
    font-size:50px;
    font-weight:600;
    color:var(--white);
    font-family:var(--font-spartan);
    line-height:1.35
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-content h2{
        font-size:45px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-content h2{
        font-size:45px
    }
}
@media(max-width:767px){
    .banner-pagination-content h2{
        font-size:38px
    }
}
@media(min-width:768px) and (max-width:991px){
    .banner-pagination-content.style-two{
        left:90px
    }
}
.banner-pagination-content.style-two span{
    color:var(--hover-color)
}
@media(max-width:576px){
    .banner-pagination-content.style-two span{
        font-size:12px
    }
}
.banner-pagination-content.style-two span::after{
    background-color:var(--hover-color);
    top:15px
}
@media(max-width:576px){
    .banner-pagination-content.style-two span::after{
        top:12px
    }
}
@media(min-width:768px) and (max-width:991px){
    .banner-pagination-content.style-three{
        left:90px
    }
}
.banner-pagination-content.style-three span{
    color:var(--primary-color1)
}
.banner-pagination-content.style-three span::after{
    background-color:var(--primary-color1)
}
.banner-pagination-image-section{
    position:relative;
    overflow:hidden
}
.banner-pagination-image-section .swiper .swiper-wrapper .swiper-slide{
    position:relative
}
.banner-pagination-image-section .swiper .swiper-wrapper .swiper-slide::after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(16,16,16,.2)
}
.banner-pagination-image-section .swiper .swiper-wrapper .swiper-slide img{
    width:100%!important;
    -o-object-fit:cover;
    object-fit:cover;
    min-height:500px
}
.banner-pagination-small-image{
    position:absolute;
    bottom:10px;
    right:10px;
    height:100px;
    width:550px
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-small-image{
        width:450px;
        height:90px;
        bottom:0;
        right:0
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-small-image{
        height:80px;
        bottom:0;
        right:10px;
        height:80px;
        width:400px
    }
}
@media(max-width:991px){
    .banner-pagination-small-image{
        height:60px;
        bottom:0;
        right:3px;
        width:275px
    }
}
.banner-pagination-small-image .swiper-slide{
    overflow:hidden;
    border-radius:50px;
    transition:all .5s ease;
    min-height:100px!important;
    cursor:pointer
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-small-image .swiper-slide{
        min-height:90px!important;
        border-radius:30px;
        width:100px!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-small-image .swiper-slide{
        min-height:80px!important;
        border-radius:30px;
        width:90px!important
    }
}
@media(max-width:991px){
    .banner-pagination-small-image .swiper-slide{
        min-height:60px!important;
        border-radius:20px;
        width:60px!important
    }
}
.banner-pagination-small-image .swiper-slide img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    background-position:center;
    min-height:100px!important
}
.banner-pagination-small-image .swiper-slide-thumb-active{
    border-radius:0
}
.banner-pagination-small-image .swiper-slide-thumb-active::after{
    content:unset
}
.banner-pagination-image-content{
    position:absolute;
    bottom:100px;
    left:40px;
    transition:all .5s;
    text-align:left;
    z-index:9
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-image-content{
        left:110px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-image-content{
        left:110px;
        bottom:100px
    }
}
@media(max-width:767px){
    .banner-pagination-image-content{
        left:25px
    }
}
.banner-pagination-image-content span{
    display:inline-block;
    font-size:17px;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-spartan);
    text-transform:uppercase;
    position:relative;
    margin-bottom:20px;
    background-color:rgba(0,0,0,.3);
    padding:10px 75px 5px 15px;
    letter-spacing:3px
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-image-content span{
        font-size:16px
    }
}
@media(max-width:991px){
    .banner-pagination-image-content span{
        font-size:16px
    }
}
.banner-pagination-image-content span::after{
    content:"";
    position:absolute;
    right:15px;
    top:20px;
    width:54px;
    height:2px;
    background-color:var(--white)
}
@media(max-width:991px){
    .banner-pagination-image-content span::after{
        height:1px
    }
}
.banner-pagination-image-content h2{
    display:block;
    font-size:50px;
    font-weight:600;
    color:var(--white);
    font-family:var(--font-spartan)
}
@media(min-width:1200px) and (max-width:1399px){
    .banner-pagination-image-content h2{
        font-size:45px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .banner-pagination-image-content h2{
        font-size:45px
    }
}
@media(max-width:767px){
    .banner-pagination-image-content h2{
        font-size:42px
    }
}
.agency-banner-section{
    background:rgba(7,10,17,.4);
    background-image:url(../images/bg/breadcrumb-bg.png);
    background-size:cover;
    background-position:center center;
    min-height:90vh;
    padding:0 100px
}
@media(min-width:1400px) and (max-width:1599px){
    .agency-banner-section{
        padding:0 40px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .agency-banner-section{
        padding:0 40px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .agency-banner-section{
        padding:0 30px;
        min-height:auto
    }
}
@media(max-width:991px){
    .agency-banner-section{
        padding:0 20px;
        min-height:auto
    }
}
@media(max-width:991px){
    .agency-banner-img{
        padding-bottom:120px
    }
}
.agency-banner-img img{
    max-width:112%
}
@media(min-width:1400px) and (max-width:1599px){
    .agency-banner-img img{
        max-width:107%
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .agency-banner-img img{
        max-width:107%
    }
}
@media(min-width:992px) and (max-width:1199px){
    .agency-banner-img img{
        max-width:105%
    }
}
@media(max-width:991px){
    .agency-banner-img img{
        max-width:100%
    }
}
.agency-banner-content{
    width:100%;
    text-align:left;
    padding:120px 0
}
@media(max-width:991px){
    .agency-banner-content{
        text-align:center;
        padding:120px 0 60px
    }
}
.agency-banner-content span{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:20px;
    line-height:28px;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--primary-color1);
    background-color:rgba(0,0,0,.3);
    padding:10px 10px 8px
}
@media(max-width:767px){
    .agency-banner-content span{
        font-size:18px
    }
}
.agency-banner-content h1{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:75px;
    line-height:1.3;
    text-transform:capitalize;
    color:var(--white);
    margin-bottom:35px;
    padding-top:30px
}
@media(min-width:1400px) and (max-width:1599px){
    .agency-banner-content h1{
        font-size:68px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .agency-banner-content h1{
        font-size:55px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .agency-banner-content h1{
        font-size:50px
    }
}
@media(max-width:576px){
    .agency-banner-content h1{
        font-size:45px
    }
}
.agency-banner-content .eg-btn1{
    color:var(--primary-color1);
    font-weight:700;
    margin-left:6px
}
.agency-banner-content .btn--primary::after{
    border-width:2px
}
.agency-banner-content .btn--primary::before{
    border-width:2px
}
.introduction-area .introduction-content span{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:14px;
    line-height:30px;
    color:var(--text-light-dark-color1)
}
.introduction-area .introduction-content h3{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:35px;
    line-height:1.45;
    color:var(--text-color4-light);
    margin-bottom:15px;
    padding-top:10px
}
@media(max-width:767px){
    .introduction-area .introduction-content h3{
        font-size:30px
    }
}
.introduction-area .introduction-content p{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    margin-bottom:15px
}
.introduction-area .introduction-content h4{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:25px;
    line-height:35px;
    color:var(--text-light-dark-color1);
    margin-bottom:10px;
    padding-top:15px
}
.introduction-area .introduction-content a{
    margin-top:30px;
    color:var(--text-light-dark-color1)
}
.introduction-area .introduction-banner{
    position:relative
}
@media(max-width:576px){
    .introduction-area .introduction-banner img{
        width:100%
    }
}
.introduction-area .introduction-banner .overlay{
    background-color:rgba(23,24,26,.9);
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    top:20px;
    display:flex;
    align-items:center
}
.introduction-area .introduction-banner .overlay .intro-banner-content{
    padding:30px;
    text-align:center
}
.introduction-area .introduction-banner .overlay .intro-banner-content h4{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:25px;
    line-height:40px;
    text-transform:uppercase;
    color:var(--white)
}
.introduction-area .introduction-banner .overlay .intro-banner-content a{
    color:var(--white)
}
.choose-area .choose-bg{
    background-image:url(../images/bg/choose-bg.png);
    background-size:cover;
    background-position:center center
}
.choose-area .choose-bg .choose-content{
    background:#fff;
    border:25px solid #383838;
    padding:50px 35px;
    transform:translateY(-100px)
}
@media(max-width:767px){
    .choose-area .choose-bg .choose-content{
        padding:40px 20px;
        border:5px solid #383838
    }
}
.choose-area .choose-bg .choose-content span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    line-height:30px;
    color:#383838
}
.choose-area .choose-bg .choose-content h2{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:45px;
    line-height:56px;
    color:var(--text-color1);
    margin-bottom:10px;
    padding-top:10px
}
@media(max-width:767px){
    .choose-area .choose-bg .choose-content h2{
        font-size:30px;
        line-height:38px
    }
}
.choose-area .choose-bg .choose-content p{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:#383838;
    margin-bottom:24px
}
.choose-area .choose-bg .choose-content ul{
    margin:0;
    padding:0;
    margin-bottom:35px
}
.choose-area .choose-bg .choose-content ul li{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    color:#4f4f4f;
    margin-left:20px;
    margin-bottom:15px;
    position:relative
}
.choose-area .choose-bg .choose-content ul li::after{
    content:"";
    height:10px;
    width:10px;
    border-radius:50%;
    background-color:var(--hover-color);
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.choose-area .choose-bg .choose-content a{
    color:var(--text-color1)
}
.booking-area .booking-wrap{
    background:#181b22;
    padding:45px 90px
}
@media(max-width:576px){
    .booking-area .booking-wrap{
        padding:45px 25px
    }
}
.booking-area .booking-wrap .booking-title{
    margin-bottom:50px
}
.booking-area .booking-wrap .booking-title h5{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    color:var(--white);
    margin-bottom:0;
    background-color:rgba(250,99,80,.2);
    padding:15px 15px 13px;
    border-radius:5px
}
.booking-area .booking-wrap form .form-inner{
    margin-bottom:20px
}
.booking-area .booking-wrap form .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--white);
    padding:0 0 5px
}
.booking-area .booking-wrap form .form-inner textarea,.booking-area .booking-wrap form .form-inner input{
    color:var(--white);
    font-family:var(--font-josefin);
    padding:10px
}
.booking-area .booking-wrap form .form-inner textarea:focus,.booking-area .booking-wrap form .form-inner input:focus{
    border:1px solid rgba(250,99,80,.5)
}
.booking-area .booking-wrap form .form-inner.two{
    margin-bottom:0
}
.portfolio-details-pages .title{
    margin-bottom:35px
}
.portfolio-details-pages .title h3{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:35px;
    line-height:50px;
    color:var(--text-light-dark-color1);
    margin-bottom:15px
}
.portfolio-details-pages .title p{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.portfolio-details-pages .download-link p{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    color:var(--text-light-dark-color1)
}
.portfolio-details-pages .client-info{
    border:1px solid #dbdbdb;
    padding:18px 30px 15px;
    max-width:310px;
    width:100%;
    margin-left:auto
}
@media(max-width:991px){
    .portfolio-details-pages .client-info{
        margin:20px auto 30px
    }
}
@media(max-width:576px){
    .portfolio-details-pages .client-info{
        padding:18px 15px 15px
    }
}
.portfolio-details-pages .client-info p{
    font-family:var(--font-josefin);
    font-weight:300;
    font-size:20px;
    line-height:40px;
    color:var(--text-light-dark-color1)
}
.portfolio-details-pages .client-info p span{
    font-weight:400;
    margin-right:5px
}
@media(max-width:576px){
    .portfolio-details-pages .portfolio-img img{
        width:100%
    }
}
.portfolio-details-pages .load-more-btn a{
    color:var(--text-light-dark-color1)
}
.portfolio-banner .load-more-btn a{
    color:var(--text-light-dark-color1)
}
.inner-blog .pagination{
    padding-top:0
}
@media(max-width:991px){
    .inner-blog .widget-area{
        padding-top:50px
    }
}
.inner-blog .widget-area .single-widgets{
    margin-bottom:50px
}
.inner-blog .widget-area .single-widgets .widget-title h3{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:28px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper{
    display:flex;
    border-bottom:1px solid #dbdbdb;
    padding:5px 0;
    align-items:baseline
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input{
    border:none;
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:15px;
    color:var(--text-light-dark-color1);
    height:unset;
    transition:all .5s ease
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input::-moz-placeholder{
    -moz-transition:all .5s ease;
    transition:all .5s ease
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input:-ms-input-placeholder{
    -ms-transition:all .5s ease;
    transition:all .5s ease
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input::placeholder{
    transition:all .5s ease
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input:focus::-moz-placeholder{
    color:var(--hover-color)
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input:focus:-ms-input-placeholder{
    color:var(--hover-color)
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper input:focus::placeholder{
    color:var(--hover-color)
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper button{
    border:none;
    background-color:unset
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper button svg{
    fill:var(--text-light-dark-color1);
    transition:all .5s ease
}
.inner-blog .widget-area .widget_search .wp-block-search__inside-wrapper button:hover svg{
    fill:var(--hover-color)
}
.inner-blog .widget-area .widget_sidebar-author .author-img{
    margin-bottom:25px
}
.inner-blog .widget-area .widget_sidebar-author .author-img img{
    border-radius:50%
}
.inner-blog .widget-area .widget_sidebar-author .author-name{
    margin-bottom:15px
}
.inner-blog .widget-area .widget_sidebar-author .author-name h4{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:25px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.inner-blog .widget-area .widget_sidebar-author .author-content p{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
.inner-blog .widget-area .widget_egns_categoris .widget-title{
    margin-bottom:20px
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_categoris .widget-title{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud{
    margin:0;
    padding:0
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud li{
    padding:5px 0
}
.inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud li:last-child{
    padding:5px 0 0
}
.inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud li a{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.inner-blog .widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover{
    color:var(--hover-color)
}
.inner-blog .widget-area .widget_egns_recent_post .widget-title{
    margin-bottom:30px
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_recent_post .widget-title{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt{
    display:flex;
    align-items:center;
    margin-bottom:40px
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi{
    margin-right:15px
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6{
    margin-bottom:5px
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:18px;
    line-height:1.45;
    text-transform:capitalize;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a:hover{
    color:var(--hover-color)
}
.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc span{
    font-family:spartan;
    font-weight:400;
    font-size:14px;
    line-height:30px;
    color:var(--text-color3-light)
}
.inner-blog .widget-area .widget_egns_tag .widget-title{
    margin-bottom:25px
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_tag .widget-title{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud{
    margin-bottom:0
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a:hover{
    color:var(--hover-color);
    border-bottom:1px solid #fa6350
}
.inner-blog .widget-area .widget_egns_social .widget-title{
    margin-bottom:35px
}
@media(max-width:991px){
    .inner-blog .widget-area .widget_egns_social .widget-title{
        text-align:center
    }
}
.inner-blog .widget-area .widget_egns_social .social-link{
    margin:0;
    padding:0;
    gap:20px
}
.inner-blog .widget-area .widget_egns_social .social-link .instragram-wrap .instra-img{
    position:relative;
    transition:.5s;
    overflow:hidden
}
.inner-blog .widget-area .widget_egns_social .social-link .instragram-wrap .instra-img .instragram-icon{
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(7,8,18,.5);
    height:100%;
    width:100%;
    transition:.5s;
    transform:translateX(-100%);
    transform-origin:left;
    opacity:0
}
.inner-blog .widget-area .widget_egns_social .social-link .instragram-wrap .instra-img .instragram-icon i{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-size:25px;
    color:var(--white)
}
.inner-blog .widget-area .widget_egns_social .social-link .instragram-wrap .instra-img:hover .instragram-icon{
    transform:translateX(0);
    opacity:1
}
.inner-blog .blog-details-area .blog-publisher-meta-title{
    padding-top:45px;
    gap:40px;
    margin-bottom:23px
}
@media(max-width:576px){
    .inner-blog .blog-details-area .blog-publisher-meta-title{
        flex-wrap:wrap;
        gap:25px
    }
}
.inner-blog .blog-details-area .blog-publisher-meta-title .publish-date{
    border:1px solid #dbdbdb;
    display:inline-block;
    text-align:center;
    padding:12px 18px
}
.inner-blog .blog-details-area .blog-publisher-meta-title .publish-date span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:18px;
    color:var(--text-light-dark-color1)
}
@media(max-width:576px){
    .inner-blog .blog-details-area .blog-publisher-meta-title .publish-date span{
        font-size:14px
    }
}
.inner-blog .blog-details-area .blog-publisher-meta-title .publish-date p{
    padding-top:10px;
    font-weight:600;
    font-size:26px;
    color:var(--text-light-dark-color1);
    margin-bottom:3px
}
@media(max-width:576px){
    .inner-blog .blog-details-area .blog-publisher-meta-title .publish-date p{
        line-height:1;
        margin-bottom:0
    }
}
.inner-blog .blog-details-area .blog-publisher-meta-title .title-meta .blog-meta{
    margin-bottom:12px
}
.inner-blog .blog-details-area .blog-publisher-meta-title .title-meta .blog-meta a{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:15px;
    line-height:28px;
    color:var(--text-color3-light)
}
.inner-blog .blog-details-area .blog-publisher-meta-title .title-meta .post-title h3{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:35px;
    line-height:1.35;
    color:var(--text-light-dark-color1)
}
.inner-blog .blog-details-area>p{
    font-size:16px;
    line-height:32px;
    color:var(--text-color3-light)
}
.inner-blog .blog-details-area .wp-block-quote{
    border:1px solid #fa6350;
    position:relative;
    padding:45px 30px 30px;
    margin-top:55px
}
.inner-blog .blog-details-area .wp-block-quote::before{
    content:"";
    width:30px;
    height:70px;
    background:var(--white2);
    border-bottom-right-radius:90px;
    border-top-right-radius:90px;
    border:1px solid #fa6350;
    border-left:0;
    position:absolute;
    top:-21px;
    left:50px;
    z-index:6;
    transform:rotate(90deg)
}
.inner-blog .blog-details-area .wp-block-quote .quage-icon{
    position:absolute;
    top:-1px;
    left:54px;
    z-index:9
}
.inner-blog .blog-details-area .wp-block-quote>p{
    font-family:var(--font-josefin);
    font-style:italic;
    font-weight:300;
    font-size:27px;
    line-height:35px;
    margin-bottom:20px;
    color:var(--text-color3-light)
}
.inner-blog .blog-details-area .wp-block-quote cite{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:22px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    font-style:normal
}
.inner-blog .blog-details-area .title2{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:30px;
    line-height:40px;
    color:var(--text-light-dark-color1);
    margin-bottom:10px;
    padding-top:35px
}
.inner-blog .blog-details-area .tag-social-area{
    border-top:1px solid #dbdbdb;
    gap:10px;
    margin-top:32px;
    padding:8px 0;
    margin-bottom:50px
}
.inner-blog .blog-details-area .tag-social-area .tags p{
    font-family:var(--font-josefin);
    font-style:italic;
    font-weight:400;
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1)
}
.inner-blog .blog-details-area .tag-social-area .tags p a{
    color:var(--text-light-dark-color1);
    transition:.35s
}
.inner-blog .blog-details-area .tag-social-area .tags p a:hover{
    color:var(--primary-color1)
}
.inner-blog .blog-details-area .tag-social-area .social-area ul{
    margin:0;
    padding:0;
    gap:20px
}
.inner-blog .blog-details-area .tag-social-area .social-area ul li a{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:15px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.inner-blog .blog-details-area .tag-social-area .social-area ul li a:hover{
    color:var(--hover-color)
}
.inner-blog .blog-details-area .post-author-area{
    background:#181b22;
    padding:30px 35px;
    margin-bottom:90px
}
@media(max-width:576px){
    .inner-blog .blog-details-area .post-author-area{
        flex-wrap:wrap
    }
    .inner-blog .blog-details-area .post-author-area .author-img{
        margin-bottom:35px
    }
}
.inner-blog .blog-details-area .post-author-area .author-img{
    margin-right:35px
}
.inner-blog .blog-details-area .post-author-area .author-content .author-name h4{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:22px;
    line-height:30px;
    text-transform:capitalize;
    color:var(--white);
    margin-bottom:5px
}
.inner-blog .blog-details-area .post-author-area .author-content p{
    font-size:14px;
    line-height:30px;
    color:var(--white)
}
.inner-blog .blog-details-area .comments-area .number-of-comment h5{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    color:#fff;
    background:#181b22;
    display:inline-block;
    padding:10px 20px 12px
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul{
    margin:0;
    padding:0
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment{
    gap:30px
}
@media(max-width:767px){
    .inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment{
        gap:20px
    }
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .comment-content .c-header{
    margin-bottom:5px
}
@media(max-width:576px){
    .inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .comment-content .c-header{
        flex-wrap:wrap
    }
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .comment-content .c-header h5{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:20px;
    line-height:34px;
    color:var(--text-light-dark-color1)
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .comment-content .c-header .c-date{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:34px;
    color:var(--text-light-dark-color1)
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .comment-content .c-body p{
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--text-light-dark-color1)
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .replay-btn a{
    font-family:var(--font-josefin);
    font-style:italic;
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--hover-color);
    position:relative
}
.inner-blog .blog-details-area .comments-area .comment-list-area ul li .single-comment .replay-btn a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    border:1px dashed #fa6350;
    width:100%
}
.inner-blog .blog-details-area .comments-area .comment-reply{
    margin-left:135px!important
}
@media(max-width:767px){
    .inner-blog .blog-details-area .comments-area .comment-reply{
        margin-left:30px!important
    }
}
.inner-blog .blog-details-area .comments-area .comment-reply>li{
    margin-bottom:25px
}
.inner-blog .blog-details-area .comments-area .comment-reply>li:first-child{
    padding-top:50px
}
@media(max-width:767px){
    .inner-blog .blog-details-area .comments-area .comment-reply>li:first-child{
        padding-top:25px
    }
}
.inner-blog .blog-details-area .comments-area .comment-reply>li:last-child{
    margin-bottom:0
}
.inner-blog .blog-details-area .comments-area .comment-list>li{
    border-bottom:1px solid #dbdbdb;
    padding:40px 0
}
.inner-blog .blog-details-area .comments-area .comment-form .number-of-comment{
    margin-bottom:32px
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner{
    margin-bottom:20px
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    padding:0 0 5px
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner textarea,.inner-blog .blog-details-area .comments-area .comment-form form .form-inner input{
    color:var(--text-light-dark-color1);
    font-family:var(--font-josefin);
    padding:10px
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner textarea{
    min-height:200px
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner button{
    color:var(--hover-color)
}
.inner-blog .blog-details-area .comments-area .comment-form form .form-inner.two{
    margin-bottom:0;
    padding-top:30px
}
.our-portfilio-area .filter-button-group{
    margin-bottom:90px;
    border-bottom:1px solid #dbdbdb
}
@media(max-width:767px){
    .our-portfilio-area .filter-button-group{
        margin-bottom:70px
    }
}
.our-portfilio-area .filter-button-group ul{
    margin:0;
    padding:0;
    gap:20px
}
@media(max-width:576px){
    .our-portfilio-area .filter-button-group ul{
        gap:15px
    }
}
.our-portfilio-area .filter-button-group ul li{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:16px;
    line-height:28px;
    color:var(--text-light-dark-color1);
    padding-bottom:5px;
    padding-right:20px;
    cursor:pointer
}
@media(max-width:576px){
    .our-portfilio-area .filter-button-group ul li{
        font-size:14px;
        padding-right:0
    }
}
.our-portfilio-area .filter-button-group ul li.active{
    position:relative
}
.our-portfilio-area .filter-button-group ul li.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-18px;
    height:20px;
    width:20px;
    background-color:var(--dark-white);
    transform:rotate(45deg) translateX(-50%);
    border:1px solid #fa6350;
    border-left:none;
    border-top:none
}
.our-portfilio-area .filter-button-group ul li.active::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    border-bottom:1px solid #fa6350;
    width:100%
}
.our-portfilio-area .portfolio-img{
    position:relative
}
@media(max-width:991px){
    .our-portfilio-area .portfolio-img img{
        width:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
.our-portfilio-area .portfolio-img .overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    transition:.4s ease-in-out;
    background:linear-gradient(183.62deg,rgba(7,8,18,0) 2.97%,#070812 88.71%);
    opacity:0;
    transform:scaleY(0);
    transform-origin:top
}
.our-portfilio-area .portfolio-img .overlay .icon{
    position:absolute;
    top:30px;
    right:30px
}
.our-portfilio-area .portfolio-img .overlay .icon a{
    height:50px;
    width:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--hover-color);
    border-radius:50%
}
.our-portfilio-area .portfolio-img .overlay .icon a i{
    font-size:35px
}
.our-portfilio-area .portfolio-img .overlay .content{
    position:absolute;
    left:30px;
    right:30px;
    bottom:25px
}
.our-portfilio-area .portfolio-img .overlay .content h4{
    margin-bottom:0
}
.our-portfilio-area .portfolio-img .overlay .content h4 a{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:25px;
    line-height:40px;
    color:var(--white)
}
.our-portfilio-area .portfolio-img .overlay .content span{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:14px;
    line-height:30px;
    color:var(--white)
}
.our-portfilio-area .portfolio-img:hover .overlay{
    opacity:1;
    transform:scaleY(1)
}
.our-portfilio-area .load-more-btn a{
    color:var(--text-light-dark-color1)
}
.faq-page .faq-sidebar .faq-title{
    margin-bottom:50px
}
.faq-page .faq-sidebar .faq-title h2{
    font-family:var(--font-josefin);
    font-weight:500;
    font-size:50px;
    line-height:1.45;
    color:var(--text-light-dark-color1);
    margin-bottom:0
}
@media(max-width:767px){
    .faq-page .faq-sidebar .faq-title h2{
        font-size:40px
    }
}
.faq-page .faq-sidebar .faq-question h4{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:25px;
    line-height:25px;
    color:var(--text-light-dark-color1);
    margin-bottom:12px
}
.faq-page .faq-sidebar .faq-question p{
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1);
    margin-bottom:30px
}
.faq-page .faq-sidebar .form-inner{
    margin-bottom:20px
}
.faq-page .faq-sidebar .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    padding:0 0 5px
}
.faq-page .faq-sidebar .form-inner input{
    height:50px;
    font-family:var(--font-spartan);
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:28px;
    color:var(--text-light-dark-color1);
    padding:15px 20px
}
.faq-page .faq-sidebar .form-inner input::-moz-placeholder{
    color:var(--text-light-dark-color1)
}
.faq-page .faq-sidebar .form-inner input:-ms-input-placeholder{
    color:var(--text-light-dark-color1)
}
.faq-page .faq-sidebar .form-inner input::placeholder{
    color:var(--text-light-dark-color1)
}
.faq-page .faq-sidebar .form-inner input:focus{
    border:1px solid rgba(250,99,80,.5)
}
.faq-page .faq-sidebar .form-inner textarea{
    font-family:var(--font-spartan);
    font-style:normal;
    font-weight:400;
    font-size:15px;
    line-height:28px;
    color:var(--text-light-dark-color1);
    min-height:130px;
    padding:15px 20px
}
.faq-page .faq-sidebar .form-inner textarea:focus{
    border:1px solid rgba(250,99,80,.5)
}
.faq-page .faq-sidebar .form-inner button{
    color:var(--text-light-dark-color1)
}
.faq-page .faq-wrap{
    margin-left:50px
}
@media(max-width:991px){
    .faq-page .faq-wrap{
        margin-left:0
    }
}
.faq-page .faq-wrap .faq-item{
    border-bottom:1px solid #dbdbdb
}
.faq-page .faq-wrap .faq-item .accordion-button{
    font-weight:400;
    font-size:23px;
    line-height:34px;
    background:unset;
    color:var(--text-light-dark-color1);
    cursor:pointer;
    font-family:var(--font-josefin);
    transition:.4s ease-in-out;
    padding:25px 50px 17px 0;
    margin-bottom:8px;
    text-transform:capitalize;
    border:none;
    align-items:flex-start
}
@media(max-width:576px){
    .faq-page .faq-wrap .faq-item .accordion-button{
        font-size:20px;
        line-height:32px
    }
}
.faq-page .faq-wrap .faq-item .accordion-button::after{
    flex-shrink:0;
    width:unset;
    height:unset;
    margin-left:auto;
    background-image:none;
    background-repeat:unset;
    background-size:unset;
    font-family:bootstrap-icons!important;
    position:absolute;
    right:22px;
    content:"\f4fe";
    transition:unset;
    font-size:20px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-light-dark-color1)
}
.faq-page .faq-wrap .faq-item .accordion-button:hover svg{
    fill:var(--hover-color)
}
.faq-page .faq-wrap .faq-item .accordion-button.accordion-button:not(.collapsed){
    color:var(--text-light-dark-color1);
    background-color:transparent;
    box-shadow:none
}
.faq-page .faq-wrap .faq-item .accordion-button.accordion-button:not(.collapsed) svg{
    fill:var(--hover-color)
}
.faq-page .faq-wrap .faq-item .accordion-button.accordion-button:not(.collapsed)::after{
    background-image:none;
    transform:unset;
    font-family:bootstrap-icons!important;
    content:"\f2ea";
    color:var(--text-light-dark-color1)
}
.faq-page .faq-wrap .faq-item .accordion-button svg{
    fill:var(--text-color3-light);
    margin-right:25px;
    transition:all .45s ease
}
@media(max-width:767px){
    .faq-page .faq-wrap .faq-item .accordion-button svg{
        margin-trim:15px
    }
}
.faq-page .faq-wrap .faq-item .accordion-button.for-stroke svg{
    fill:none;
    stroke:var(--text-light-dark-color1)
}
.faq-page .faq-wrap .faq-item .faq-body{
    font-weight:400;
    font-size:16px;
    font-family:var(--font-spartan);
    background:0 0;
    color:var(--text-light-dark-color1);
    border-top:none;
    padding:0 0 30px 50px;
    line-height:32px;
    text-align:left
}
.error-page .bacground-img{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    opacity:.5
}
.error-page .error-content{
    max-width:580px;
    width:100%;
    margin:0 auto
}
.error-page .error-content.style-two a{
    color:var(--hover-color)
}
.error-page .error-content h5{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    color:#fff;
    background:#181b22;
    display:inline-block;
    padding:10px 20px 7px;
    margin-bottom:30px
}
.error-page .error-content h2{
    font-family:var(--font-josefin);
    font-weight:700;
    font-size:60px;
    line-height:80px;
    -webkit-text-stroke:1px;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-color:var(--text-light-dark-color1);
    margin-bottom:0
}
.error-page .error-content h2 span{
    -webkit-text-stroke-color:var(--hover-color)
}
.error-page .error-content p{
    font-size:16px;
    line-height:32px;
    margin-bottom:45px;
    color:var(--text-color3-light)
}
.error-page .error-content a{
    color:var(--primary-color1)
}
.contact-us-page .contact-left h2{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:48px;
    line-height:60px;
    color:var(--text-light-dark-color1)
}
.contact-us-page .contact-left p{
    font-size:16px;
    line-height:32px;
    color:var(--text-light-dark-color1)
}
.contact-us-page .contact-left ul{
    margin:0;
    padding:0;
    padding-top:50px
}
.contact-us-page .contact-left ul li{
    display:flex;
    align-items:center;
    margin-bottom:50px
}
.contact-us-page .contact-left ul li .icon{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:var(--hover-color);
    color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:20px;
    position:relative
}
.contact-us-page .contact-left ul li .icon::after{
    content:"";
    height:62px;
    width:1px;
    background-color:var(--hover-color);
    position:absolute;
    left:50%;
    bottom:-61px;
    transform:translateX(-50%)
}
.contact-us-page .contact-left ul li .content h6{
    margin-bottom:0
}
.contact-us-page .contact-left ul li .content h6 a{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:18px;
    line-height:32px;
    color:var(--text-light-dark-color1)
}
.contact-us-page .contact-left ul li:last-child .icon::after{
    display:none;
    visibility:hidden
}
.contact-us-page .contact-form .number-of-comment{
    margin-bottom:32px
}
.contact-us-page .contact-form .number-of-comment h5{
    background-color:#181b22;
    display:inline-block;
    color:var(--white);
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    padding:10px 20px 8px
}
.contact-us-page .contact-form form .form-inner{
    margin-bottom:20px
}
.contact-us-page .contact-form form .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    padding:0 0 5px
}
.contact-us-page .contact-form form .form-inner textarea,.contact-us-page .contact-form form .form-inner input{
    color:var(--text-light-dark-color1);
    font-family:var(--font-josefin);
    padding:10px;
    border:1px solid rgba(167,167,167,.431372549);
    transition:all .5s ease
}
.contact-us-page .contact-form form .form-inner textarea:focus,.contact-us-page .contact-form form .form-inner input:focus{
    border:1px solid rgba(250,99,80,.5)
}
.contact-us-page .contact-form form .form-inner textarea{
    min-height:200px
}
.contact-us-page .contact-form form .form-inner button{
    color:var(--text-light-dark-color1)
}
.contact-us-page .contact-form form .form-inner.two{
    margin-bottom:0;
    padding-top:30px
}
.contact-us-page .location-map{
    width:100%
}
.contact-us-page .location-map iframe{
    height:440px;
    width:100%;
    filter:grayscale(199%) invert(98%) contrast(122%)
}
.pricing-plan-area .section-title1{
    margin:0 auto
}
.pricing-plan-area .pricing-wrap{
    position:relative;
    z-index:1;
    background:#05080f;
    border-radius:10px;
    padding:20px 75px 40px
}
@media(max-width:1399px){
    .pricing-plan-area .pricing-wrap{
        padding:20px 40px 40px
    }
}
@media(max-width:1199px){
    .pricing-plan-area .pricing-wrap{
        padding:20px 15px 40px
    }
}
@media(max-width:1199px){
    .pricing-plan-area .pricing-wrap{
        padding:20px 30px 40px
    }
}
@media(max-width:767px){
    .pricing-plan-area .pricing-wrap{
        padding:20px 70px 40px;
        max-width:450px;
        width:100%;
        margin:0 auto
    }
}
@media(max-width:576px){
    .pricing-plan-area .pricing-wrap{
        padding:20px 20px 40px
    }
}
.pricing-plan-area .pricing-wrap::after{
    content:" ";
    transition:.65s;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    height:96%;
    width:0%;
    border:1px solid #fa6350;
    border-right:none;
    z-index:-1;
    opacity:0
}
.pricing-plan-area .pricing-wrap::before{
    content:" ";
    transition:.65s;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    height:96%;
    width:0%;
    border:1px solid #fa6350;
    border-left:none;
    z-index:-1;
    opacity:0
}
.pricing-plan-area .pricing-wrap:hover::after,.pricing-plan-area .pricing-wrap:hover::before{
    width:50%;
    opacity:.85
}
.pricing-plan-area .pricing-wrap .top-bg{
    position:absolute;
    left:0;
    top:0
}
.pricing-plan-area .pricing-wrap .btm-bg{
    position:absolute;
    bottom:0;
    right:0
}
.pricing-plan-area .pricing-wrap .pricing-title{
    text-align:center;
    margin-bottom:45px
}
@media(max-width:767px){
    .pricing-plan-area .pricing-wrap .pricing-title{
        margin-bottom:30px
    }
}
.pricing-plan-area .pricing-wrap .pricing-title h2{
    font-family:var(--font-cormorant);
    font-weight:700;
    font-size:40px;
    line-height:75px;
    text-transform:capitalize;
    color:var(--white);
    margin-bottom:0
}
.pricing-plan-area .pricing-wrap .pricing-title .price{
    font-family:var(--font-spartan);
    font-weight:600;
    font-size:20px;
    text-transform:capitalize;
    color:var(--hover-color)
}
.pricing-plan-area .pricing-wrap .pricing-features{
    margin:0;
    padding:0;
    max-width:300px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    transition:all .6s ease
}
.pricing-plan-area .pricing-wrap .pricing-features li{
    font-family:var(--font-spartan);
    font-weight:400;
    font-size:16px;
    line-height:26px;
    text-transform:capitalize;
    color:var(--white);
    margin-bottom:35px;
    margin-left:25px;
    position:relative
}
@media(max-width:767px){
    .pricing-plan-area .pricing-wrap .pricing-features li{
        margin-bottom:30px
    }
}
.pricing-plan-area .pricing-wrap .pricing-features li::after{
    content:url(../images/icons/lens1.svg);
    position:absolute;
    left:-25px;
    top:2px
}
.pricing-plan-area .pricing-wrap .book-btn{
    padding-top:25px;
    text-align:center
}
.pricing-plan-area .pricing-wrap .book-btn a{
    color:var(--hover-color);
    padding:8px 30px 10px;
    display:inline-block;
    position:relative
}
.pricing-plan-area .pricing-wrap .book-btn a::after{
    content:" ";
    transition:.5s;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:100%;
    width:25%;
    border:1px solid #fa6350;
    border-right:none;
    z-index:1
}
.pricing-plan-area .pricing-wrap .book-btn a::before{
    content:" ";
    transition:.5s;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    height:100%;
    width:25%;
    border:1px solid #fa6350;
    border-left:none;
    z-index:1
}
.pricing-plan-area .pricing-wrap .book-btn a:hover::after,.pricing-plan-area .pricing-wrap .book-btn a:hover::before{
    width:50%
}
.home1-booking-area .booking-wraper{
    background:#181b22;
    padding:70px 100px
}
@media(min-width:992px) and (max-width:1199px){
    .home1-booking-area .booking-wraper{
        padding:70px 60px
    }
}
@media(min-width:768px) and (max-width:991px){
    .home1-booking-area .booking-wraper{
        padding:70px 50px
    }
}
@media(min-width:576px) and (max-width:768px){
    .home1-booking-area .booking-wraper{
        padding:50px 40px
    }
}
@media(max-width:576px){
    .home1-booking-area .booking-wraper{
        padding:50px 15px
    }
}
.home1-booking-area .booking-wraper .section-title1{
    margin:0 auto 70px
}
@media(max-width:767px){
    .home1-booking-area .booking-wraper .section-title1{
        margin:0 auto 50px
    }
}
.home1-booking-area .booking-wraper .section-title1 h2{
    color:var(--white)
}
.home1-booking-area .booking-wraper .section-title1 p{
    color:var(--white)
}
.home1-booking-area .booking-wraper .form-inner{
    margin-bottom:30px
}
@media(max-width:767px){
    .home1-booking-area .booking-wraper .form-inner{
        margin-bottom:25px
    }
}
.home1-booking-area .booking-wraper .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--white);
    margin-bottom:10px
}
@media(max-width:767px){
    .home1-booking-area .booking-wraper .form-inner label{
        font-size:15px
    }
}
.home1-booking-area .booking-wraper .form-inner input,.home1-booking-area .booking-wraper .form-inner textarea{
    font-family:var(--font-josefin);
    color:var(--white);
    padding:10px 20px
}
.home1-booking-area .booking-wraper .form-inner textarea{
    min-height:150px
}
.home1-booking-area .booking-wraper .form-inner button{
    color:var(--hover-color)
}
.home1-booking-area .booking-wraper .form-inner.date{
    position:relative
}
.home1-booking-area .booking-wraper .form-inner.date::after{
    content:url(../images/icons/event.svg);
    position:absolute;
    right:20px;
    bottom:11px
}
.ui-datepicker{
    width:17em;
    padding:.5em .5em 0;
    display:none;
    z-index:99
}
.ui-datepicker td{
    border:0;
    padding:2px
}
.ui-datepicker .ui-datepicker-header{
    position:relative;
    padding:.2em 0;
    background:var(--hover-color);
    border:1px solid var(--hover-color);
    color:#fff;
    border-radius:0
}
div#ui-datepicker-div{
    border:1px solid transparent;
    box-shadow:3px 3px 10px rgba(0,0,0,.07);
    border-radius:0;
    margin-top:8px;
    margin-left:-15px
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{
    border:1px solid rgba(238,238,238,.5);
    background:var(--white);
    font-weight:400;
    padding:4px;
    transition:all .45s ease;
    color:var(--text-color1)
}
.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover,.ui-button:hover,html .ui-button.ui-state-disabled:hover:hover,html .ui-button.ui-state-disabled:active:hover{
    border:1px solid var(--hover-color);
    color:var(--hover-color)
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
    border:1px solid var(--hover-color)!important;
    color:var(--hover-color)!important
}
.ui-widget-header .ui-icon{
    background-image:unset;
    position:relative
}
.ui-widget-header .ui-icon::after{
    content:"\f12c";
    position:absolute;
    left:0;
    top:0;
    font-family:bootstrap-icons;
    color:var(--white);
    z-index:9
}
.ui-datepicker-prev{
    border:1px solid var(--hover-color)
}
.ui-datepicker-prev:hover{
    border:1px solid var(--hover-color);
    background-color:inherit
}
.ui-datepicker-prev::after{
    content:"\f12c";
    font-family:bootstrap-icons;
    font-weight:400;
    position:absolute;
    top:-1px;
    left:5px;
    z-index:9;
    margin:auto;
    font-size:22px;
    color:var(--white);
    transition:all .35s ease
}
.ui-datepicker-prev span.ui-icon{
    display:none!important;
    visibility:hidden
}
.ui-datepicker-next{
    border:1px solid var(--hover-color)
}
.ui-datepicker-next:hover{
    border:1px solid var(--hover-color);
    background-color:inherit
}
.ui-datepicker-next::after{
    content:"\f135";
    font-family:bootstrap-icons;
    font-weight:400;
    position:absolute;
    top:-1px;
    left:5px;
    z-index:9;
    margin:auto;
    font-size:22px;
    color:var(--white);
    transition:all .35s ease
}
.ui-datepicker-next span.ui-icon{
    display:none!important;
    visibility:hidden
}
.main-nav-wrapper{
    transition:all .7s ease-in;
    position:relative;
    width:100%;
    z-index:9999999999999
}
.main-nav-wrapper::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--text-color1);
    z-index:1
}
.main-nav-wrapper .sidebar-menu-contact{
    gap:35px
}
.main-nav-wrapper .sidebar-menu-contact a{
    width:45px;
    text-align:center
}
.main-nav-wrapper .mobile-logo-area{
    padding:14px 0
}
.main-nav-wrapper .main-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:20px 5%!important;
    z-index:99;
    height:100%;
    overflow-y:auto;
    background:#020b0d;
    box-shadow:4px 3px 20px rgba(16,33,34,.06);
    transition:all .7s;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transform:translateY(-10vh);
    opacity:0;
    visibility:hidden;
    gap:30px
}
.main-nav-wrapper .main-nav::before{
    content:"Explore Pages.";
    position:absolute;
    top:25%;
    right:5%;
    transform:translateY(-50%);
    display:block;
    font-size:220px;
    font-weight:700;
    line-height:1;
    font-family:var(--font-Jost);
    color:var(--white2);
    opacity:.05;
    z-index:1;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:0;
    height:300px;
    letter-spacing:5px;
    text-align:right;
    z-index:-1
}
@media(min-width:1200px) and (max-width:1399px){
    .main-nav-wrapper .main-nav::before{
        font-size:200px
    }
}
@media(max-width:991px){
    .main-nav-wrapper .main-nav::before{
        display:none;
        visibility:hidden
    }
}
@media(min-width:576px) and (max-width:768px){
    .main-nav-wrapper .main-nav{
        min-width:100%;
        max-width:100%
    }
}
@media(max-width:576px){
    .main-nav-wrapper .main-nav{
        min-width:100%;
        max-width:100%
    }
}
.main-nav-wrapper .main-nav::-webkit-scrollbar{
    width:5px
}
.main-nav-wrapper .main-nav::-webkit-scrollbar-track{
    background:#f1f1f1
}
.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb{
    background:#999
}
.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb:hover{
    background:red
}
.main-nav-wrapper .main-nav .menu-close-btn{
    position:absolute;
    right:5%;
    top:35px;
    opacity:1;
    cursor:pointer;
    border:1px solid var(--white);
    padding:5px;
    border-radius:50%;
    width:40px;
    height:40px;
    text-align:center;
    line-height:30px;
    opacity:.8
}
.main-nav-wrapper .main-nav .menu-close-btn i{
    color:var(--white)
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul{
    float:none;
    text-align:left;
    padding:80px 0;
    margin-bottom:0;
    width:100%;
    max-width:500px;
    margin-left:0;
    margin-right:auto;
    z-index:3
}
@media(min-width:1200px) and (max-width:1399px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul{
        padding:45px 0 35px
    }
}
@media(max-width:767px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul{
        padding:40px 0 30px
    }
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li{
    display:block;
    position:relative;
    padding:5px;
    transition:all .2s;
    transform:translateY(50px) scaleY(0);
    opacity:0
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li:last-child{
    border-bottom:1px solid transparent
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li:hover a:before{
    width:100%
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li>.bi{
    position:absolute;
    right:40px;
    top:26px;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    color:var(--white)
}
@media(min-width:576px) and (max-width:768px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul>li>.bi{
        top:17px;
        font-size:18px
    }
}
@media(max-width:576px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul>li>.bi{
        top:15px;
        right:0;
        font-size:16px
    }
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li a{
    padding:4px 0;
    display:inline-block;
    font-size:3rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-josefin);
    transition:all .6s ease;
    font-style:normal;
    text-decoration:none;
    -webkit-text-stroke:1px var(--white);
    color:transparent;
    transition:all .55s ease;
    position:relative;
    text-transform:uppercase
}
@media(max-width:767px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul>li a{
        font-size:1.8rem
    }
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li a::before{
    overflow:hidden;
    position:absolute;
    top:5px;
    left:0;
    width:0;
    color:var(--text-light);
    white-space:nowrap;
    content:attr(data-hover);
    transition:all .8s cubic-bezier(.17,.67,.32,.87)
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li ul.sub-menu{
    position:static;
    min-width:180px;
    background:0 0;
    border:none;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    transform:none;
    transition:none;
    display:none;
    margin-top:0!important;
    list-style:none;
    padding-left:20px;
    padding-bottom:25px
}
@media(max-width:767px){
    .main-nav-wrapper .main-nav .sidebar-menu-area>ul>li ul.sub-menu{
        padding-left:10px
    }
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li ul.sub-menu li{
    opacity:1
}
.main-nav-wrapper .main-nav .sidebar-menu-area>ul>li ul.sub-menu li a{
    font-size:22px;
    font-weight:400;
    padding:7px 5px;
    font-style:normal;
    text-transform:capitalize;
    -webkit-text-stroke:unset;
    -webkit-text-fill-color:unset;
    font-family:var(--font-Jost);
    color:var(--white)
}
.main-nav-wrapper .main-nav.show-menu{
    transform:none;
    opacity:1;
    visibility:visible
}
@-webkit-keyframes navLinkFade{
    from{
        opacity:0;
        transform:translateY(50px) scaleY(0)
    }
    to{
        opacity:1;
        transform:translateY(0) scaleY(1)
    }
}
@keyframes navLinkFade{
    from{
        opacity:0;
        transform:translateY(50px) scaleY(0)
    }
    to{
        opacity:1;
        transform:translateY(0) scaleY(1)
    }
}
.main-nav-wrapper .uesr-aera{
    background:var(--primary-color2);
    display:inline-block;
    margin-left:auto;
    margin-right:auto
}
.main-nav-wrapper .uesr-aera .bi{
    font-size:35px;
    color:var(--text-color1)
}
.main-nav-wrapper .mobile-menu{
    position:relative;
    top:2px;
    padding:0 5px;
    border-radius:50%;
    display:inline-block
}
.main-nav-wrapper .nav-contact-list{
    padding:0;
    margin:0
}
@media(max-width:991px){
    .main-nav-wrapper .nav-contact-list{
        margin-top:50px
    }
}
.main-nav-wrapper .nav-contact-list .citem h6{
    font-family:var(--font-josefin);
    font-size:16px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:10px;
    color:var(--white);
    text-transform:uppercase;
    letter-spacing:1px
}
.main-nav-wrapper .nav-contact-list .citem p{
    font-family:var(--font-josefin);
    font-size:16px;
    color:#cacaca;
    margin-bottom:2rem
}
.main-nav-wrapper .nav-contact-list .citem>a{
    font-family:var(--font-josefin);
    font-size:16px;
    color:#cacaca;
    margin-bottom:2rem;
    display:inline-block
}
.main-nav-wrapper .nav-contact-list .citem .social-icon{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:25px
}
.main-nav-wrapper .nav-contact-list .citem .social-icon li{
    line-height:38px
}
.main-nav-wrapper .nav-contact-list .citem .social-icon li a{
    color:#cacaca
}
.contact-me-area .contact-left{
    height:530px;
    width:530px;
    border-radius:50%;
    background:#070812;
    box-shadow:0 0 45px rgba(0,0,0,.25);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin:0 auto
}
@media(max-width:991px){
    .contact-me-area .contact-left{
        width:100%;
        height:100%;
        padding:50px;
        border-radius:0;
        margin:0
    }
}
@media(max-width:576px){
    .contact-me-area .contact-left{
        padding:20px
    }
}
.contact-me-area .contact-left h3{
    font-family:var(--font-josefin);
    font-weight:600;
    font-size:30px;
    line-height:30px;
    color:var(--white);
    margin-bottom:0;
    display:block
}
.contact-me-area .contact-left ul{
    margin:0;
    padding:0;
    padding-top:50px
}
@media(max-width:991px){
    .contact-me-area .contact-left ul{
        display:flex;
        flex-wrap:wrap;
        gap:35px
    }
}
@media(max-width:576px){
    .contact-me-area .contact-left ul{
        padding-top:30px
    }
}
.contact-me-area .contact-left ul li{
    display:flex;
    align-items:flex-start;
    margin-bottom:50px
}
@media(max-width:991px){
    .contact-me-area .contact-left ul li{
        margin-bottom:0
    }
}
.contact-me-area .contact-left ul li .icon{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:20px;
    position:relative
}
.contact-me-area .contact-left ul li .content h6{
    margin-bottom:0
}
.contact-me-area .contact-left ul li .content h6 a{
    font-family:var(--font-spartan);
    font-weight:500;
    font-size:18px;
    line-height:30px;
    color:var(--white)
}
.contact-me-area .contact-left ul li:last-child .icon::after{
    display:none;
    visibility:hidden
}
.contact-me-area .contact-form .number-of-comment{
    margin-bottom:32px
}
.contact-me-area .contact-form .number-of-comment h5{
    background-color:#181b22;
    display:inline-block;
    color:var(--white);
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:20px;
    line-height:30px;
    padding:10px 20px 8px
}
.contact-me-area .contact-form form .form-inner{
    margin-bottom:20px
}
.contact-me-area .contact-form form .form-inner label{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:16px;
    line-height:30px;
    color:var(--text-light-dark-color1);
    padding:0 0 5px
}
.contact-me-area .contact-form form .form-inner textarea,.contact-me-area .contact-form form .form-inner input{
    color:var(--white);
    font-family:var(--font-josefin);
    padding:10px
}
.contact-me-area .contact-form form .form-inner textarea{
    min-height:200px
}
.contact-me-area .contact-form form .form-inner button{
    color:var(--hover-color)
}
.contact-me-area .contact-form form .form-inner.two{
    margin-bottom:0;
    padding-top:30px
}
@media(max-width:767px){
    .contact-me-area .contact-form form .form-inner.two{
        padding-top:20px
    }
}
.contact-me-area .join-us-title h3{
    font-family:var(--font-josefin);
    font-weight:400;
    font-size:30px;
    line-height:38px;
    color:var(--text-color4-light);
    margin-bottom:0
}
.contact-me-area .social-icon{
    margin:0;
    padding:0;
    gap:20px;
    display:flex;
    align-items:center;
    justify-content:end
}
@media(max-width:767px){
    .contact-me-area .social-icon{
        justify-content:start
    }
}
.contact-me-area .social-icon li a{
    height:36px;
    width:36px;
    border:1px solid #dbdbdb;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.contact-me-area .social-icon li a i{
    font-size:20px;
    color:var(--text-light-dark-color1);
    transition:.35s
}
.contact-me-area .social-icon li a:hover{
    background-color:var(--hover-color)
}
.contact-me-area .social-icon li a:hover i{
    color:var(--text-color1)
}