@charset "UTF-8";
.container{
    padding-right:1rem;
    padding-left:1rem;
    margin-right:auto;
    margin-left:auto
}
.row{
    display:grid;
    grid-template-columns:repeat(12,1fr)
}
.col-1{
    grid-column:span 1
}
.col-sm-1,.col-md-1,.col-lg-1,.col-xl-1{
    grid-column:span 12
}
.col-2{
    grid-column:span 2
}
.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{
    grid-column:span 12
}
.col-3{
    grid-column:span 3
}
.col-sm-3,.col-md-3,.col-lg-3,.col-xl-3{
    grid-column:span 12
}
.col-4{
    grid-column:span 4
}
.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{
    grid-column:span 12
}
.col-5{
    grid-column:span 5
}
.col-sm-5,.col-md-5,.col-lg-5,.col-xl-5{
    grid-column:span 12
}
.col-6{
    grid-column:span 6
}
.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{
    grid-column:span 12
}
.col-7{
    grid-column:span 7
}
.col-sm-7,.col-md-7,.col-lg-7,.col-xl-7{
    grid-column:span 12
}
.col-8{
    grid-column:span 8
}
.col-sm-8,.col-md-8,.col-lg-8,.col-xl-8{
    grid-column:span 12
}
.col-9{
    grid-column:span 9
}
.col-sm-9,.col-md-9,.col-lg-9,.col-xl-9{
    grid-column:span 12
}
.col-10{
    grid-column:span 10
}
.col-sm-10,.col-md-10,.col-lg-10,.col-xl-10{
    grid-column:span 12
}
.col-11{
    grid-column:span 11
}
.col-sm-11,.col-md-11,.col-lg-11,.col-xl-11,.col-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xl-12{
    grid-column:span 12
}
@media (min-width: 576px){
    .col-sm-1{
        grid-column:span 1!important
    }
    .col-sm-2{
        grid-column:span 2!important
    }
    .col-sm-3{
        grid-column:span 3!important
    }
    .col-sm-4{
        grid-column:span 4!important
    }
    .col-sm-5{
        grid-column:span 5!important
    }
    .col-sm-6{
        grid-column:span 6!important
    }
    .col-sm-7{
        grid-column:span 7!important
    }
    .col-sm-8{
        grid-column:span 8!important
    }
    .col-sm-9{
        grid-column:span 9!important
    }
    .col-sm-10{
        grid-column:span 10!important
    }
    .col-sm-11{
        grid-column:span 11!important
    }
    .col-sm-12{
        grid-column:span 12!important
    }
}
@media (min-width: 768px){
    .col-md-1{
        grid-column:span 1!important
    }
    .col-md-2{
        grid-column:span 2!important
    }
    .col-md-3{
        grid-column:span 3!important
    }
    .col-md-4{
        grid-column:span 4!important
    }
    .col-md-5{
        grid-column:span 5!important
    }
    .col-md-6{
        grid-column:span 6!important
    }
    .col-md-7{
        grid-column:span 7!important
    }
    .col-md-8{
        grid-column:span 8!important
    }
    .col-md-9{
        grid-column:span 9!important
    }
    .col-md-10{
        grid-column:span 10!important
    }
    .col-md-11{
        grid-column:span 11!important
    }
    .col-md-12{
        grid-column:span 12!important
    }
}
@media (min-width: 992px){
    .col-lg-1{
        grid-column:span 1!important
    }
    .col-lg-2{
        grid-column:span 2!important
    }
    .col-lg-3{
        grid-column:span 3!important
    }
    .col-lg-4{
        grid-column:span 4!important
    }
    .col-lg-5{
        grid-column:span 5!important
    }
    .col-lg-6{
        grid-column:span 6!important
    }
    .col-lg-7{
        grid-column:span 7!important
    }
    .col-lg-8{
        grid-column:span 8!important
    }
    .col-lg-9{
        grid-column:span 9!important
    }
    .col-lg-10{
        grid-column:span 10!important
    }
    .col-lg-11{
        grid-column:span 11!important
    }
    .col-lg-12{
        grid-column:span 12!important
    }
}
@media (min-width: 1200px){
    .col-xl-1{
        grid-column:span 1!important
    }
    .col-xl-2{
        grid-column:span 2!important
    }
    .col-xl-3{
        grid-column:span 3!important
    }
    .col-xl-4{
        grid-column:span 4!important
    }
    .col-xl-5{
        grid-column:span 5!important
    }
    .col-xl-6{
        grid-column:span 6!important
    }
    .col-xl-7{
        grid-column:span 7!important
    }
    .col-xl-8{
        grid-column:span 8!important
    }
    .col-xl-9{
        grid-column:span 9!important
    }
    .col-xl-10{
        grid-column:span 10!important
    }
    .col-xl-11{
        grid-column:span 11!important
    }
    .col-xl-12{
        grid-column:span 12!important
    }
}
@media (min-width: 1440px){
    .container{
        max-width:1312px
    }
}
.m0{
    margin:0rem!important
}
.ml0{
    margin-left:0rem!important
}
.mr0{
    margin-right:0rem!important
}
.mt0{
    margin-top:0rem!important
}
.mb0{
    margin-bottom:0rem!important
}
.mx0{
    margin-left:0rem!important;
    margin-right:0rem!important
}
.my0{
    margin-top:0rem!important;
    margin-bottom:0rem!important
}
.m1{
    margin:.25rem!important
}
.ml1{
    margin-left:.25rem!important
}
.mr1{
    margin-right:.25rem!important
}
.mt1{
    margin-top:.25rem!important
}
.mb1{
    margin-bottom:.25rem!important
}
.mx1{
    margin-left:.25rem!important;
    margin-right:.25rem!important
}
.my1{
    margin-top:.25rem!important;
    margin-bottom:.25rem!important
}
.m2{
    margin:.5rem!important
}
.ml2{
    margin-left:.5rem!important
}
.mr2{
    margin-right:.5rem!important
}
.mt2{
    margin-top:.5rem!important
}
.mb2{
    margin-bottom:.5rem!important
}
.mx2{
    margin-left:.5rem!important;
    margin-right:.5rem!important
}
.my2{
    margin-top:.5rem!important;
    margin-bottom:.5rem!important
}
.m3{
    margin:.75rem!important
}
.ml3{
    margin-left:.75rem!important
}
.mr3{
    margin-right:.75rem!important
}
.mt3{
    margin-top:.75rem!important
}
.mb3{
    margin-bottom:.75rem!important
}
.mx3{
    margin-left:.75rem!important;
    margin-right:.75rem!important
}
.my3{
    margin-top:.75rem!important;
    margin-bottom:.75rem!important
}
.m4{
    margin:1rem!important
}
.ml4{
    margin-left:1rem!important
}
.mr4{
    margin-right:1rem!important
}
.mt4{
    margin-top:1rem!important
}
.mb4{
    margin-bottom:1rem!important
}
.mx4{
    margin-left:1rem!important;
    margin-right:1rem!important
}
.my4{
    margin-top:1rem!important;
    margin-bottom:1rem!important
}
.m5{
    margin:1.25rem!important
}
.ml5{
    margin-left:1.25rem!important
}
.mr5{
    margin-right:1.25rem!important
}
.mt5{
    margin-top:1.25rem!important
}
.mb5{
    margin-bottom:1.25rem!important
}
.mx5{
    margin-left:1.25rem!important;
    margin-right:1.25rem!important
}
.my5{
    margin-top:1.25rem!important;
    margin-bottom:1.25rem!important
}
.m6{
    margin:1.5rem!important
}
.ml6{
    margin-left:1.5rem!important
}
.mr6{
    margin-right:1.5rem!important
}
.mt6{
    margin-top:1.5rem!important
}
.mb6{
    margin-bottom:1.5rem!important
}
.mx6{
    margin-left:1.5rem!important;
    margin-right:1.5rem!important
}
.my6{
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important
}
.m7{
    margin:1.75rem!important
}
.ml7{
    margin-left:1.75rem!important
}
.mr7{
    margin-right:1.75rem!important
}
.mt7{
    margin-top:1.75rem!important
}
.mb7{
    margin-bottom:1.75rem!important
}
.mx7{
    margin-left:1.75rem!important;
    margin-right:1.75rem!important
}
.my7{
    margin-top:1.75rem!important;
    margin-bottom:1.75rem!important
}
.m8{
    margin:2rem!important
}
.ml8{
    margin-left:2rem!important
}
.mr8{
    margin-right:2rem!important
}
.mt8{
    margin-top:2rem!important
}
.mb8{
    margin-bottom:2rem!important
}
.mx8{
    margin-left:2rem!important;
    margin-right:2rem!important
}
.my8{
    margin-top:2rem!important;
    margin-bottom:2rem!important
}
.m9{
    margin:2.25rem!important
}
.ml9{
    margin-left:2.25rem!important
}
.mr9{
    margin-right:2.25rem!important
}
.mt9{
    margin-top:2.25rem!important
}
.mb9{
    margin-bottom:2.25rem!important
}
.mx9{
    margin-left:2.25rem!important;
    margin-right:2.25rem!important
}
.my9{
    margin-top:2.25rem!important;
    margin-bottom:2.25rem!important
}
.m10{
    margin:2.5rem!important
}
.ml10{
    margin-left:2.5rem!important
}
.mr10{
    margin-right:2.5rem!important
}
.mt10{
    margin-top:2.5rem!important
}
.mb10{
    margin-bottom:2.5rem!important
}
.mx10{
    margin-left:2.5rem!important;
    margin-right:2.5rem!important
}
.my10{
    margin-top:2.5rem!important;
    margin-bottom:2.5rem!important
}
.m11{
    margin:2.75rem!important
}
.ml11{
    margin-left:2.75rem!important
}
.mr11{
    margin-right:2.75rem!important
}
.mt11{
    margin-top:2.75rem!important
}
.mb11{
    margin-bottom:2.75rem!important
}
.mx11{
    margin-left:2.75rem!important;
    margin-right:2.75rem!important
}
.my11{
    margin-top:2.75rem!important;
    margin-bottom:2.75rem!important
}
.m12{
    margin:3rem!important
}
.ml12{
    margin-left:3rem!important
}
.mr12{
    margin-right:3rem!important
}
.mt12{
    margin-top:3rem!important
}
.mb12{
    margin-bottom:3rem!important
}
.mx12{
    margin-left:3rem!important;
    margin-right:3rem!important
}
.my12{
    margin-top:3rem!important;
    margin-bottom:3rem!important
}
.p0{
    padding:0rem!important
}
.pl0{
    padding-left:0rem!important
}
.pr0{
    padding-right:0rem!important
}
.pt0{
    padding-top:0rem!important
}
.pb0{
    padding-bottom:0rem!important
}
.px0{
    padding-left:0rem!important;
    padding-right:0rem!important
}
.py0{
    padding-top:0rem!important;
    padding-bottom:0rem!important
}
.p1{
    padding:.25rem!important
}
.pl1{
    padding-left:.25rem!important
}
.pr1{
    padding-right:.25rem!important
}
.pt1{
    padding-top:.25rem!important
}
.pb1{
    padding-bottom:.25rem!important
}
.px1{
    padding-left:.25rem!important;
    padding-right:.25rem!important
}
.py1{
    padding-top:.25rem!important;
    padding-bottom:.25rem!important
}
.p2{
    padding:.5rem!important
}
.pl2{
    padding-left:.5rem!important
}
.pr2{
    padding-right:.5rem!important
}
.pt2{
    padding-top:.5rem!important
}
.pb2{
    padding-bottom:.5rem!important
}
.px2{
    padding-left:.5rem!important;
    padding-right:.5rem!important
}
.py2{
    padding-top:.5rem!important;
    padding-bottom:.5rem!important
}
.p3{
    padding:.75rem!important
}
.pl3{
    padding-left:.75rem!important
}
.pr3{
    padding-right:.75rem!important
}
.pt3{
    padding-top:.75rem!important
}
.pb3{
    padding-bottom:.75rem!important
}
.px3{
    padding-left:.75rem!important;
    padding-right:.75rem!important
}
.py3{
    padding-top:.75rem!important;
    padding-bottom:.75rem!important
}
.p4{
    padding:1rem!important
}
.pl4{
    padding-left:1rem!important
}
.pr4{
    padding-right:1rem!important
}
.pt4{
    padding-top:1rem!important
}
.pb4{
    padding-bottom:1rem!important
}
.px4{
    padding-left:1rem!important;
    padding-right:1rem!important
}
.py4{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.p5{
    padding:1.25rem!important
}
.pl5{
    padding-left:1.25rem!important
}
.pr5{
    padding-right:1.25rem!important
}
.pt5{
    padding-top:1.25rem!important
}
.pb5{
    padding-bottom:1.25rem!important
}
.px5{
    padding-left:1.25rem!important;
    padding-right:1.25rem!important
}
.py5{
    padding-top:1.25rem!important;
    padding-bottom:1.25rem!important
}
.p6{
    padding:1.5rem!important
}
.pl6{
    padding-left:1.5rem!important
}
.pr6{
    padding-right:1.5rem!important
}
.pt6{
    padding-top:1.5rem!important
}
.pb6{
    padding-bottom:1.5rem!important
}
.px6{
    padding-left:1.5rem!important;
    padding-right:1.5rem!important
}
.py6{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important
}
.p7{
    padding:1.75rem!important
}
.pl7{
    padding-left:1.75rem!important
}
.pr7{
    padding-right:1.75rem!important
}
.pt7{
    padding-top:1.75rem!important
}
.pb7{
    padding-bottom:1.75rem!important
}
.px7{
    padding-left:1.75rem!important;
    padding-right:1.75rem!important
}
.py7{
    padding-top:1.75rem!important;
    padding-bottom:1.75rem!important
}
.p8{
    padding:2rem!important
}
.pl8{
    padding-left:2rem!important
}
.pr8{
    padding-right:2rem!important
}
.pt8{
    padding-top:2rem!important
}
.pb8{
    padding-bottom:2rem!important
}
.px8{
    padding-left:2rem!important;
    padding-right:2rem!important
}
.py8{
    padding-top:2rem!important;
    padding-bottom:2rem!important
}
.p9{
    padding:2.25rem!important
}
.pl9{
    padding-left:2.25rem!important
}
.pr9{
    padding-right:2.25rem!important
}
.pt9{
    padding-top:2.25rem!important
}
.pb9{
    padding-bottom:2.25rem!important
}
.px9{
    padding-left:2.25rem!important;
    padding-right:2.25rem!important
}
.py9{
    padding-top:2.25rem!important;
    padding-bottom:2.25rem!important
}
.p10{
    padding:2.5rem!important
}
.pl10{
    padding-left:2.5rem!important
}
.pr10{
    padding-right:2.5rem!important
}
.pt10{
    padding-top:2.5rem!important
}
.pb10{
    padding-bottom:2.5rem!important
}
.px10{
    padding-left:2.5rem!important;
    padding-right:2.5rem!important
}
.py10{
    padding-top:2.5rem!important;
    padding-bottom:2.5rem!important
}
.p11{
    padding:2.75rem!important
}
.pl11{
    padding-left:2.75rem!important
}
.pr11{
    padding-right:2.75rem!important
}
.pt11{
    padding-top:2.75rem!important
}
.pb11{
    padding-bottom:2.75rem!important
}
.px11{
    padding-left:2.75rem!important;
    padding-right:2.75rem!important
}
.py11{
    padding-top:2.75rem!important;
    padding-bottom:2.75rem!important
}
.p12{
    padding:3rem!important
}
.pl12{
    padding-left:3rem!important
}
.pr12{
    padding-right:3rem!important
}
.pt12{
    padding-top:3rem!important
}
.pb12{
    padding-bottom:3rem!important
}
.px12{
    padding-left:3rem!important;
    padding-right:3rem!important
}
.py12{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
html[dir=rtl] .ml1{
    margin-right:.25rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr1{
    margin-left:.25rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml2{
    margin-right:.5rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr2{
    margin-left:.5rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml3{
    margin-right:.75rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr3{
    margin-left:.75rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml4{
    margin-right:1rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr4{
    margin-left:1rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml5{
    margin-right:1.25rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr5{
    margin-left:1.25rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml6{
    margin-right:1.5rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr6{
    margin-left:1.5rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml7{
    margin-right:1.75rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr7{
    margin-left:1.75rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml8{
    margin-right:2rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr8{
    margin-left:2rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml9{
    margin-right:2.25rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr9{
    margin-left:2.25rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml10{
    margin-right:2.5rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr10{
    margin-left:2.5rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml11{
    margin-right:2.75rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr11{
    margin-left:2.75rem!important;
    margin-right:0!important
}
html[dir=rtl] .ml12{
    margin-right:3rem!important;
    margin-left:0!important
}
html[dir=rtl] .mr12{
    margin-left:3rem!important;
    margin-right:0!important
}
html[dir=rtl] .pl1{
    padding-right:.25rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr1{
    padding-left:.25rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl2{
    padding-right:.5rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr2{
    padding-left:.5rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl3{
    padding-right:.75rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr3{
    padding-left:.75rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl4{
    padding-right:1rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr4{
    padding-left:1rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl5{
    padding-right:1.25rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr5{
    padding-left:1.25rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl6{
    padding-right:1.5rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr6{
    padding-left:1.5rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl7{
    padding-right:1.75rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr7{
    padding-left:1.75rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl8{
    padding-right:2rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr8{
    padding-left:2rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl9{
    padding-right:2.25rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr9{
    padding-left:2.25rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl10{
    padding-right:2.5rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr10{
    padding-left:2.5rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl11{
    padding-right:2.75rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr11{
    padding-left:2.75rem!important;
    padding-right:0!important
}
html[dir=rtl] .pl12{
    padding-right:3rem!important;
    padding-left:0!important
}
html[dir=rtl] .pr12{
    padding-left:3rem!important;
    padding-right:0!important
}
.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis
}
.ellipsis-4{
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.button{
    cursor:pointer;
    position:relative;
    z-index:1;
    transition:all .3s ease-in-out;
    box-shadow:var(--boxShadow);
    padding-block:.75rem;
    padding-inline:1.5rem;
    background-color:var(--primary);
    border-radius:.5rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    gap:1rem;
    font-weight:400;
    border:3px solid rgba(255,255,255,.3019607843);
    outline:none;
    overflow:hidden;
    font-size:1.25rem;
    font-family:Rajdhani
}
.button.secondary{
    background-color:#ee4a62
}
.button.light{
    background-color:#eee;
    color:var(--secondary)
}
.button .icon{
    width:1.5rem;
    height:1.5rem;
    transition:all .3s ease-in-out
}
.button .icon path{
    stroke:var(--white)
}
.button:hover{
    transform:scale(1.05);
    border-color:var(--white)
}
.button:hover .icon{
    transform:translate(4px)
}
.button:hover:before{
    animation:shine 1.5s ease-out infinite
}
.button:before{
    content:"";
    position:absolute;
    width:100px;
    height:100%;
    background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);
    top:0;
    left:-100px;
    opacity:.6
}
@keyframes shine{
    0%{
        left:-100px
    }
    60%{
        left:100%
    }
    to{
        left:100%
    }
}
.button.white{
    background-color:var(--white);
    color:var(--primary);
    border:3px solid var(--primary);
    font-weight:700
}
.button.white .icon path{
    stroke:var(--primary)
}
.button-2{
    display:inline-block;
    background:none;
    border:0;
    box-sizing:border-box;
    padding:.75rem 1.75rem;
    box-shadow:inset 0 0 0 2px #eee;
    color:var(--black);
    font-size:1.25rem;
    position:relative;
    z-index:99;
    vertical-align:middle;
    transition:color .25s;
    font-family:bold
}
.button-2:before,.button-2:after{
    box-sizing:inherit;
    content:"";
    position:absolute;
    border:2px solid transparent;
    width:0;
    height:0
}
.button-2:before{
    top:0;
    left:0
}
.button-2:after{
    bottom:0;
    right:0
}
.button-2:hover{
    color:var(--primary)
}
.button-2:hover:before,.button-2:hover:after{
    width:100%;
    height:100%
}
.button-2:hover:before{
    border-top-color:var(--secondary);
    border-right-color:var(--secondary);
    transition:width .25s ease-out,height .25s ease-out .25s
}
.button-2:hover:after{
    border-bottom-color:var(--secondary);
    border-left-color:var(--secondary);
    transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s
}
@font-face{
    font-family:swiper-icons;
    src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight:400;
    font-style:normal
}
:root{
    --swiper-theme-color: #007aff
}
:host{
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    z-index:1
}
.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1;
    display:block
}
.swiper-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
    transform:translateZ(0)
}
.swiper-horizontal{
    touch-action:pan-y
}
.swiper-vertical{
    touch-action:pan-x
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform;
    display:block
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
    height:auto
}
.swiper-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide{
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper{
    perspective:1200px
}
.swiper-3d .swiper-wrapper{
    transform-style:preserve-3d
}
.swiper-3d{
    perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{
    transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
    scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before{
    content:"";
    flex-shrink:0;
    order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:center center;
    scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
    margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{
    height:100%;
    min-height:1px;
    width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
    margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{
    width:100%;
    min-width:1px;
    height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-3d .swiper-slide-shadow{
    background:#00000026
}
.swiper-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(to right,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(to bottom,#00000080,#0000)
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    transform-origin:50%;
    box-sizing:border-box;
    border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius:50%;
    border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
    animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.swiper-virtual .swiper-slide{
    -webkit-backface-visibility:hidden;
    transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{
    height:1px;
    width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{
    width:1px;
    height:var(--swiper-virtual-size)
}
:root{
    --swiper-navigation-size: 44px
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:var(--swiper-navigation-top-offset, 50%);
    width:calc(var(--swiper-navigation-size) / 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(0px - var(--swiper-navigation-size) / 2);
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
    opacity:0;
    cursor:auto;
    pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
    display:none!important
}
.swiper-button-next svg,.swiper-button-prev svg{
    width:100%;
    height:100%;
    object-fit:contain;
    transform-origin:center
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{
    transform:rotate(180deg)
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
    left:var(--swiper-navigation-sides-offset, 10px);
    right:auto
}
.swiper-button-lock{
    display:none
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    font-variant:initial;
    line-height:1
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
    content:"prev"
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
    right:var(--swiper-navigation-sides-offset, 10px);
    left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
    content:"next"
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translateZ(0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
    display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:var(--swiper-pagination-bottom, 8px);
    top:var(--swiper-pagination-top, auto);
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display:inline-block;
    border-radius:var(--swiper-pagination-bullet-border-radius, 50%);
    background:var(--swiper-pagination-bullet-inactive-color, #000);
    opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active{
    opacity:var(--swiper-pagination-bullet-opacity, 1);
    background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
    right:var(--swiper-pagination-right, 8px);
    left:var(--swiper-pagination-left, auto);
    top:50%;
    transform:translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translate(-50%);
    white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
.swiper-pagination-fraction{
    color:var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar{
    background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color, var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:var(--swiper-pagination-progressbar-size, 4px);
    left:0;
    top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{
    width:var(--swiper-pagination-progressbar-size, 4px);
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:var(--swiper-scrollbar-border-radius, 10px);
    position:relative;
    touch-action:none;
    background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{
    display:none!important
}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{
    position:absolute;
    left:var(--swiper-scrollbar-sides-offset, 1%);
    bottom:var(--swiper-scrollbar-bottom, 4px);
    top:var(--swiper-scrollbar-top, auto);
    z-index:50;
    height:var(--swiper-scrollbar-size, 4px);
    width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{
    position:absolute;
    left:var(--swiper-scrollbar-left, auto);
    right:var(--swiper-scrollbar-right, 4px);
    top:var(--swiper-scrollbar-sides-offset, 1%);
    z-index:50;
    width:var(--swiper-scrollbar-size, 4px);
    height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius:var(--swiper-scrollbar-border-radius, 10px);
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move;
    touch-action:none
}
.swiper .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-grid>.swiper-wrapper{
    flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
    flex-wrap:wrap;
    flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
    transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-cube{
    overflow:visible
}
.swiper-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide{
    transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    opacity:.6;
    z-index:0
}
.swiper-cube .swiper-cube-shadow:before{
    content:"";
    background:#000;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    filter:blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide{
    pointer-events:auto;
    visibility:visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-flip{
    overflow:visible
}
.swiper-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-creative .swiper-slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    transition-property:transform,opacity,height
}
.swiper-cards{
    overflow:visible
}
.swiper-cards .swiper-slide{
    transform-origin:center bottom;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden
}
html,body{
    overflow-x:hidden
}
@media only screen and (max-width: 575px){
    html,body{
        font-size:13px!important
    }
}
@media only screen and (min-width: 576px) and (max-width: 991px){
    html,body{
        font-size:14px!important
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    html,body{
        font-size:15px!important
    }
}
select,textarea,input{
    position:relative;
    z-index:1
}
select:focus,textarea:focus,input:focus{
    outline:0!important
}
ul{
    list-style:none;
    margin:0;
    padding:0
}
a{
    text-decoration:none;
    color:inherit
}
.home .hero{
    height:100vh;
    overflow:hidden;
    background-color:#d5d8da;
    background-image:url(/build/assets/7-2r9IPtTd.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.home .hero .button-2{
    color:var(--white)
}
.home .hero .overlay{
    padding-top:8rem;
    background-color:#0009;
    height:100vh
}
.home .hero .overlay .container{
    display:flex;
    align-items:center;
    height:100%
}
.home .hero .overlay .content{
    max-width:40rem
}
.home .hero .overlay .button-2{
    color:#fff
}
.home .hero .overlay h1{
    font-family:Bold;
    font-size:3.5rem;
    line-height:1;
    color:#fff
}
.home .hero .overlay h1 span{
    color:var(--primary)
}
@media only screen and (max-width: 991px){
    .home .hero .overlay h1{
        font-size:3rem
    }
}
.home .hero .overlay p{
    font-size:1.4rem;
    color:#fff
}
.home .service{
    text-align:center;
    padding:5rem 0;
    background-color:var(--bgGray)
}
.home .service .row{
    gap:2rem
}
.home .service__meta{
    font-size:1rem;
    color:var(--secondary);
    font-weight:600;
    letter-spacing:1px
}
.home .service__title{
    font-size:3rem;
    color:var(--primary);
    font-family:bold;
    margin-bottom:2.5rem
}
.home .service__card{
    background-color:var(--white);
    border-radius:.25rem;
    padding:.5rem .5rem 1rem;
    box-shadow:0 4px 34px #0000001a;
    transition:.3s;
    position:relative;
    z-index:9;
    cursor:pointer;
    height:100%;
    display:grid;
    align-content:space-between
}
.home .service__card:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    margin:-3px;
    border-radius:inherit;
    background:linear-gradient(to bottom,var(--secondary),rgba(12, 99, 0, 0));
    transition:.3s;
    opacity:0
}
.home .service__card:hover{
    box-shadow:0 4px 10px #00000008
}
.home .service__card:hover:after{
    opacity:1
}
.home .service__card:hover .service__card--read-more{
    color:var(--primary)!important
}
.home .service__card img{
    height:8rem;
    width:100%;
    margin-bottom:1rem;
    object-fit:cover;
    border-radius:.25rem
}
.home .service__card--title{
    margin:.5rem 0;
    font-size:1.6rem;
    font-weight:600
}
.home .service__card--desc{
    margin:1rem 0;
    font-size:1.1rem
}
.home .service__card--read-more{
    font-size:1.5rem;
    color:var(--black);
    transition:.3s
}
.home .solutions{
    padding:5rem 0;
    background-color:var(--bgGray)
}
.home .solutions .row{
    gap:2rem
}
.home .solutions__meta{
    font-size:1rem;
    color:var(--primary);
    font-weight:600;
    letter-spacing:1px;
    text-align:center
}
.home .solutions__title{
    font-size:3rem;
    color:var(--secondary);
    font-family:bold;
    margin-bottom:2.5rem;
    text-align:center
}
.home .solutions__card{
    background-color:var(--white);
    border-radius:.25rem;
    box-shadow:0 4px 34px #0000001a;
    transition:.3s;
    position:relative;
    cursor:pointer;
    display:block
}
.home .solutions__card img{
    height:14rem;
    width:100%;
    object-fit:cover
}
.home .solutions__card--title{
    font-size:1.5rem;
    font-weight:600;
    margin-bottom:1rem
}
.home .solutions__card--desc{
    margin:.25rem 0 1rem;
    font-size:1.1rem
}
.home .solutions__card--read-more{
    font-size:1.5rem;
    color:var(--black);
    transition:.3s
}
.home .solutions-design{
    overflow:hidden
}
.home .solutions-design .row{
    gap:2rem;
    margin:5rem 2rem 0;
    padding:1rem;
    background-color:var(--bgGray);
    border-radius:.5rem;
    box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px
}
@media only screen and (max-width: 991px){
    .home .solutions-design .row{
        margin:3rem 1rem 0
    }
}
@media only screen and (min-width: 991px){
    .home .solutions-design .row{
        transform:translate(15rem)
    }
    .home .solutions-design .row.one{
        transform:translate(25rem)
    }
    .home .solutions-design .row.two{
        transform:translate(30rem)
    }
}
.home .solutions-design .title{
    font-size:2rem;
    text-transform:uppercase;
    font-weight:600;
    word-spacing:1.5px;
    letter-spacing:1px;
    color:var(--primary);
    font-family:bold;
    padding-bottom:.5rem
}
.home .solutions-design .sub-title{
    font-size:1.5rem;
    color:var(--secondary);
    margin:1rem 0 .25rem;
    font-weight:600
}
.home .solutions-design img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:.5rem;
    box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset
}
.home .solutions-design p{
    font-size:1.25rem;
    max-width:25rem;
    padding-bottom:1rem
}
.home .service-design{
    padding:4rem 0
}
@media only screen and (max-width: 991px){
    .home .service-design{
        padding:2rem 0
    }
}
.home .service-design .title{
    font-size:2rem;
    text-transform:uppercase;
    font-weight:600;
    word-spacing:1.5px;
    letter-spacing:1px;
    color:var(--primary);
    font-family:bold;
    padding-bottom:.5rem;
    margin-top:1rem
}
.home .service-design .sub-title{
    font-size:1.5rem;
    color:var(--secondary);
    margin:1rem 0 .25rem;
    font-weight:600
}
.home .service-design ul{
    margin-left:.25rem;
    font-size:1.25rem
}
.home .service-design ul li{
    margin-top:.5rem;
    line-height:1.5;
    color:var(--primary)
}
.home .service-design ul li span{
    color:var(--black)
}
.home .service-design .main-2{
    width:100%;
    border-radius:.25rem;
    box-shadow:#0000003d 0 3px 8px
}
.home .service-design .images{
    position:relative
}
.home .service-design .images img{
    border-radius:.25rem
}
.home .service-design .images .main{
    margin:auto;
    display:flex;
    width:70%;
    height:100%;
    object-fit:cover
}
.home .service-design .images .left,.home .service-design .images .right{
    position:absolute;
    box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px
}
.home .service-design .images .left{
    left:0;
    top:2rem;
    width:12rem
}
.home .service-design .images .right{
    right:0;
    bottom:-2rem;
    width:9rem
}
.home .service-design .row{
    gap:2rem
}
.home .service-design p{
    font-size:1.25rem;
    padding-bottom:1rem
}
.home .contact{
    padding:4.5rem 0
}
@media only screen and (max-width: 991px){
    .home .contact{
        padding:2rem 0
    }
}
.home .contact .content .meta{
    font-size:.9rem;
    color:var(--secondary);
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:.25rem
}
.home .contact .content .title{
    font-size:2rem;
    font-family:bold;
    color:var(--primary);
    font-weight:800;
    margin-bottom:1.25rem
}
.home .contact .content .desc{
    line-height:1.6;
    font-size:1.1rem;
    margin-bottom:.5rem
}
.home .contact .content .items{
    display:flex;
    align-items:center;
    background-color:var(--white);
    border-radius:.5rem;
    padding:1rem 0
}
.home .contact .content .items .icon{
    border-radius:.5rem;
    width:4rem;
    height:4rem;
    background-color:#11702c1a;
    display:flex;
    align-items:center;
    justify-content:center
}
.home .contact .content .items .icon svg{
    width:2.25rem
}
.home .contact .content .items .icon svg path{
    stroke:var(--primary)
}
.home .contact .content .items .item--content{
    padding-left:1rem;
    width:calc(100% - 4rem)
}
.home .contact .content .items .item--content .item--content_title{
    font-size:1.25rem;
    color:var(--secondary);
    font-weight:400;
    text-transform:uppercase
}
.home .contact .content .items .item--content .text{
    color:var(--black);
    font-size:1.25rem
}
.home .contact .images{
    position:relative
}
.home .contact .images .contact-box{
    border:1px solid var(--secondary);
    border-radius:.5rem;
    padding:2.5rem;
    box-shadow:var(--boxShadow)
}
.home .contact .images .contact-box .box--title{
    color:var(--primary);
    font-weight:400;
    font-size:1.75rem;
    margin-bottom:.75rem
}
.home .contact .images .contact-box .box--desc{
    font-size:1.2rem;
    line-height:1.5
}
.home .contact .images .contact-box .row{
    gap:.5rem
}
.home .contact .images .contact-box input,.home .contact .images .contact-box textarea{
    width:100%;
    background:var(--bgColor);
    border-color:var(--secondary);
    border-width:0 0 1px 0;
    border-radius:.25rem;
    padding:.5rem .75rem;
    font-size:1rem;
    color:var(--black);
    font-family:Rajdhani
}
.home .contact .images .contact-box input::placeholder,.home .contact .images .contact-box textarea::placeholder{
    color:var(--secondary)
}
.home .contact .images .contact-box .button-2{
    padding-block:.5rem;
    margin-top:1rem;
    cursor:pointer
}
.home .contact .images .square{
    background-color:#11702c8e;
    position:absolute;
    top:.5rem;
    bottom:.5rem;
    left:0;
    width:10rem;
    border-radius:1rem;
    z-index:0
}
.home .contact .images .sharp{
    width:8rem;
    bottom:2rem;
    right:20%;
    position:absolute;
    z-index:3
}
.home .contact .images .sharp path{
    stroke:var(--primary);
    fill:transparent
}
.home .contact .images .sky{
    position:absolute;
    right:1rem;
    top:0;
    width:6rem;
    z-index:3
}
.home .contact .images .sky path{
    stroke:var(--primary)
}
.home .contact .images .goal{
    position:absolute;
    z-index:3;
    bottom:2rem;
    right:1rem;
    display:flex;
    align-items:center;
    padding:1rem 1.75rem 1rem 1rem;
    box-shadow:var(--boxShadow);
    background-color:var(--white);
    border-radius:.5rem
}
.home .contact .images .goal .icon{
    border-radius:.5rem;
    width:5rem;
    height:5rem;
    background-color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center
}
.home .contact .images .goal .icon svg{
    width:3rem
}
.home .contact .images .goal .icon svg path{
    fill:var(--white)
}
.home .contact .images .goal .goal--content{
    padding-left:1rem
}
.home .contact .images .goal .goal--content .number{
    font-size:2rem;
    color:var(--primary);
    font-weight:800
}
.home .contact .images .goal .goal--content .text{
    color:var(--black);
    font-size:1.25rem
}
.home .clients{
    padding:4.5rem 0
}
@media only screen and (max-width: 991px){
    .home .clients{
        padding:2rem 0
    }
}
.home .clients .row{
    gap:1rem
}
.home .clients .meta{
    font-size:.9rem;
    color:var(--primary);
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:.25rem
}
.home .clients .title{
    font-size:2rem;
    font-family:bold;
    color:var(--black);
    font-weight:800;
    margin-bottom:1.25rem
}
.home .clients .box{
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:#63636333 0 2px 8px;
    border-radius:.5rem;
    aspect-ratio:1/1
}
.home .clients .box img{
    width:80%
}
.home .faq{
    position:relative;
    overflow:hidden
}
.home .faq img{
    height:100%;
    width:100%;
    object-fit:cover;
    transition:.25s
}
.home .faq img:hover{
    filter:saturate(200%)
}
.home .faq .images{
    position:relative
}
.home .faq .images .faq-1{
    width:100%;
    box-shadow:var(--boxShadow)
}
.home .faq .images .faq-2{
    width:15rem;
    position:absolute;
    z-index:10;
    right:-1rem;
    top:20rem;
    border-radius:2.5rem 0
}
@media only screen and (max-width: 991px){
    .home .faq .images .faq-2{
        display:none
    }
}
.home .faq .images .shape-1{
    width:10rem;
    position:absolute;
    left:-1rem;
    top:-1rem
}
.home .faq .images .shape-2{
    width:8rem;
    position:absolute;
    right:-1rem;
    bottom:45%;
    opacity:.5
}
.home .faq .images .shape-6{
    width:10rem;
    position:absolute;
    left:-1.5rem;
    top:50%
}
.home .faq .images .shape-62{
    width:10rem;
    position:absolute;
    right:-1rem;
    top:40%
}
.home .faq .images .shape-7{
    width:5rem;
    position:absolute;
    left:25%;
    bottom:5rem
}
.home .faq .content{
    padding:5rem 4rem
}
@media only screen and (max-width: 991px){
    .home .faq .content{
        padding:5rem 1.5rem
    }
}
.home .faq .content .meta{
    font-size:1rem;
    color:var(--secondary);
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    height:1rem
}
.home .faq .content h2{
    font-family:bold;
    font-size:2.5rem;
    color:var(--primary);
    margin-bottom:.5rem
}
.home .faq .content .desc{
    font-size:1.25rem
}
.home .faq .emety-circle{
    position:absolute;
    background-color:#f8b81f;
    width:7rem;
    height:7rem;
    border-radius:50%;
    top:2rem;
    right:-1rem;
    display:flex;
    align-items:center;
    justify-content:center
}
.home .faq .emety-circle:after{
    content:"";
    width:5rem;
    height:5rem;
    border-radius:50%;
    background-color:var(--white)
}
.home .faq .accordion{
    margin-top:2.5rem
}
.home .faq .accordion .accordion-item{
    border-radius:.25rem;
    position:relative;
    z-index:1;
    border:none;
    margin-top:1rem;
    overflow:hidden;
    box-shadow:var(--boxShadow)
}
.home .faq .accordion .accordion-item-toggle{
    display:none
}
.home .faq .accordion .accordion-item-title{
    font-family:bold;
    font-size:1.4rem;
    padding:1rem 1.75rem;
    margin:0;
    cursor:pointer;
    width:100%;
    display:block;
    transition:.5s;
    color:var(--black)
}
.home .faq .accordion .accordion-item-content{
    max-height:0;
    overflow:hidden;
    transition:.5s;
    font-weight:600
}
.home .faq .accordion .accordion-item-content p{
    padding:.25rem 1.75rem;
    margin:0;
    font-size:1.1rem;
    line-height:1.6
}
.home .faq .accordion .accordion-item-content ul{
    padding:.25rem 1.75rem;
    margin-left:1.25rem;
    font-size:1.25rem
}
.home .faq .accordion .accordion-item-content ul li{
    margin-top:.5rem;
    line-height:1.5;
    list-style-type:"✔";
    padding-inline-start:.5rem;
    color:var(--primary)
}
.home .faq .accordion .accordion-item-content ul li span{
    color:var(--black)
}
.home .faq .accordion .accordion-item-toggle:checked+.accordion-item-title{
    color:var(--secondary);
    border-radius:.25rem;
    box-shadow:inset 0 0 0 2px var(--primary)
}
.home .faq .accordion .accordion-item-toggle:checked+.accordion-item-title+.accordion-item-content{
    max-height:70rem;
    transition:.5s
}
@media only screen and (max-width: 991px){
    .home .faq .accordion .accordion-item-toggle:checked+.accordion-item-title+.accordion-item-content{
        max-height:100rem
    }
}
.about__header{
    background-color:var(--bgGray);
    position:relative
}
@media only screen and (min-width: 991px){
    .about__header{
        height:100vh
    }
}
.about__header--content{
    padding:12rem 4rem 4rem
}
@media only screen and (max-width: 991px){
    .about__header--content{
        padding:10rem 1rem 2rem
    }
}
.about__header--content h1{
    font-size:2.5rem;
    color:var(--primary);
    font-family:bold;
    margin-bottom:1rem
}
.about__header--content p{
    line-height:1.8;
    font-size:1.25rem;
    margin-bottom:2rem
}
.about__header--down{
    position:absolute;
    bottom:4rem;
    left:50%;
    transform:translate(-50%);
    background-color:var(--primary);
    height:4rem;
    width:4rem;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:#959da533 0 8px 24px;
    opacity:.75;
    transition:.5s
}
.about__header--down svg{
    width:1.25rem;
    transition:.5s
}
.about__header--down svg path{
    fill:var(--white)
}
.about__header--down:hover{
    opacity:1
}
.about__header--down:hover svg{
    width:1.5rem
}
@media only screen and (max-width: 991px){
    .about__header--down{
        bottom:-2rem
    }
}
.about__header img{
    width:100%;
    object-fit:cover;
    display:none
}
@media only screen and (min-width: 991px){
    .about__header img{
        height:100vh;
        display:inherit
    }
}
.about__extra{
    padding:4rem 0
}
.about__extra .row{
    gap:2rem
}
.about__extra--image{
    position:relative;
    margin:1rem 0
}
.about__extra--image__main{
    width:25rem;
    height:25rem;
    border-radius:50%;
    object-fit:cover;
    margin:auto;
    display:flex;
    border:3px solid var(--secondary);
    box-shadow:#63636333 0 2px 8px
}
.about__extra--image__experience{
    position:absolute;
    bottom:-3rem;
    left:6rem;
    width:9rem;
    height:9rem;
    border-radius:50%;
    text-align:center;
    background-color:var(--secondary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.about__extra--image__experience .num{
    font-size:3rem;
    line-height:1;
    font-weight:700
}
.about__extra--image__experience .text{
    font-size:.8rem
}
.about__extra--content h2{
    font-size:2rem;
    color:var(--primary);
    font-family:bold;
    margin:2rem 0 1rem
}
.about__extra--content p{
    line-height:1.8;
    font-size:1.2rem;
    margin-bottom:2rem
}
.about__extra--content .item{
    display:grid;
    grid-template-columns:5rem 1fr;
    gap:1rem
}
.about__extra--content .item svg{
    width:100%
}
.about__extra--content .item svg path{
    fill:var(--secondary)
}
.about__extra--content .item__content{
    padding:.5rem 0
}
.about__extra--content .item__content--title{
    color:var(--secondary);
    font-size:2rem;
    font-family:bold
}
.about__extra--content .item__content--desc{
    font-size:1.25rem;
    color:var(--black);
    font-weight:600
}
.about__mission{
    padding:3rem 0
}
.about__mission .row{
    gap:2rem
}
.about__mission--content{
    padding-top:1rem
}
.about__mission--content h2{
    font-size:2rem;
    color:var(--primary);
    font-family:bold;
    margin-bottom:.5rem
}
.about__mission--image{
    position:relative;
    margin-bottom:1.5rem
}
.about__mission--image__main{
    width:90%;
    border-radius:.5rem;
    object-fit:cover;
    margin:auto;
    display:flex;
    border:1px solid var(--primary);
    box-shadow:#63636333 0 2px 8px
}
.about__mission--image__experience{
    position:absolute;
    bottom:-3rem;
    left:6rem;
    border-radius:.25rem;
    background-color:var(--white);
    color:var(--black);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:#0000003d 0 3px 8px;
    padding:.5rem 1rem;
    border:1px solid var(--primary)
}
.about__mission--image__experience .num{
    font-size:2rem;
    line-height:1;
    font-weight:700;
    color:var(--primary)
}
.about__mission--image__line{
    position:absolute;
    width:.4rem;
    border-radius:.5rem;
    background-color:var(--primary);
    opacity:.75
}
.about__mission--image__line.one{
    height:70%;
    top:1rem;
    right:0
}
.about__mission--image__line.two{
    height:15%;
    bottom:.5rem;
    right:0
}
.about__mission--image__line.three{
    height:50%;
    top:20%
}
.about__mission--content h2{
    font-size:2rem;
    color:var(--primary);
    font-family:bold;
    margin-bottom:1rem
}
.about__mission--content p{
    line-height:1.8;
    font-size:1.2rem;
    margin-bottom:2rem
}
.blog-detils .blog__header{
    padding-top:12rem;
    padding-bottom:2rem;
    background-color:var(--bgGray);
    position:relative;
    overflow:hidden
}
.blog-detils .blog__header h1{
    font-size:2.5rem;
    color:var(--black);
    font-weight:600;
    font-family:Rajdhani;
    text-transform:capitalize
}
.blog-detils .blog__header svg{
    width:6rem;
    position:absolute
}
.blog-detils .blog__header .sharp-1{
    top:5rem;
    right:-1.5rem
}
.blog-detils .blog__header .sharp-1 path{
    stroke:var(--primary)
}
.blog-detils .blog__header .sharp-2{
    top:8rem;
    right:50%
}
.blog-detils .blog__header .sharp-3{
    bottom:-1rem;
    left:2rem
}
.blog-detils .blog__header .sharp-3 path{
    stroke:var(--primary)
}
.blog-detils .blog__content{
    padding:1rem 0 3rem
}
.blog-detils .blog__content img{
    width:100%;
    border-radius:.25rem;
    margin:1rem 0
}
.blog-detils .blog__content p{
    font-size:1.25rem;
    margin-bottom:1rem;
    line-height:1.5
}
.blog-detils .blog__content a{
    color:var(--secondary)
}
.blog-detils .blog__content ul{
    list-style-type:decimal;
    margin-left:2rem;
    font-size:1.2rem
}
.blog-detils .blog__content ul li{
    line-height:1.5;
    margin-bottom:1rem
}
.blog-detils .blog__content h2,.blog-detils .blog__content h3,.blog-detils .blog__content h4,.blog-detils .blog__content h5,.blog-detils .blog__content h6{
    margin:4rem 0 1rem;
    font-family:Rajdhani
}
.blog-detils .blog__content h2{
    font-size:2rem
}
.blog-detils .blog__content h3{
    font-size:1.75rem
}
.blog-detils .blog__content h4{
    font-size:1.5rem
}
.blog-detils .blog__content h5{
    font-size:1.4rem
}
.blog-detils .blog__content h6{
    font-size:1.3rem
}
.thanks-for-message{
    padding:8rem 0;
    text-align:center
}
.thanks-for-message img{
    max-width:40rem;
    margin:auto
}
.thanks-for-message .message{
    font-size:2rem;
    font-family:Rajdhani;
    color:var(--black)
}
.navbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding:1.5rem 0;
    z-index:99999;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    transition:all .8s ease;
    font-weight:600
}
.navbar.scroll{
    background-color:var(--white);
    padding:.5rem 0;
    box-shadow:var(--boxShadow)
}
.navbar.scroll .container{
    align-items:center
}
.navbar.scroll .container ul a{
    color:var(--black);
    transition:.5s
}
.navbar.scroll .container ul a:hover{
    color:var(--primary)
}
.navbar.scroll .toggleTheme svg{
    fill:var(--black)
}
.navbar.scroll .logo svg .st0{
    fill:var(--secondary)
}
.navbar.scroll .logo svg .st1{
    fill:var(--primary)
}
.navbar.scroll .logo svg .st3{
    fill:#494E52;
}


.navbar.about .logo .st0{
    fill:var(--secondary)
}
.navbar.about .logo .st1{
    fill:var(--primary)
}
.navbar.about .logo .st3{
    fill:#494E52;
}
.navbar .logo svg{
    height:3rem
}
.navbar .logo svg .st0{
    fill:#E1A425
}
.navbar .logo svg .st1{
    fill:#fff;
    transition:.25s
}
.navbar .logo svg .st3{
    fill:#fff;
    transition:.25s
}
.navbar .toggleTheme{
    cursor:pointer;
    display:flex;
    height:100%
}
.navbar .toggleTheme svg{
    width:1.25rem;
    fill:#fff
}
.navbar .container{
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.navbar .container .links{
    font-size:1.2rem;
    display:flex
}
@media only screen and (max-width: 991px){
    .navbar .container .links{
        display:none
    }
}
.navbar .container .links li{
    padding:.5rem 1rem
}
.navbar .container .links a{
    letter-spacing:.75px;
    color:#fff;
    transition:.5s
}
.navbar .container .links a:hover{
    color:var(--primary)
}
.hamburger{
    margin-right:.75rem;
    width:1.6rem;
    cursor:pointer;
    transition:.5s;
    position:fixed;
    right:.5rem;
    z-index:999999;
    top:1.25rem
}
@media only screen and (min-width: 991px){
    .hamburger{
        display:none
    }
}
.hamburger line{
    stroke:var(--primary);
    stroke-width:6px
}
.menu{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--white);
    visibility:hidden;
    z-index:99999
}
.menu .toggleTheme{
    cursor:pointer;
    display:flex;
    height:100%
}
.menu .toggleTheme svg{
    width:1.25rem;
    fill:var(--black)
}
.menu .logo{
    margin:1.25rem 0 0 1.25rem;
    display:flex
}
.menu .logo svg{
    height:3rem
}
.menu .logo svg .st0{
    fill:var(--secondary)
}
.menu .logo svg .st1{
    fill:var(--primary);
    transition:.25s
}
.menu .navigation{
    position:absolute;
    top:50%;
    left:40%;
    overflow:hidden
}
.menu .navigation a:hover{
    color:var(--primary)
}
.menu .navigation ul{
    margin:0;
    padding:0
}
.menu .navigation ul li{
    list-style-type:none;
    font-size:2rem;
    margin-bottom:0
}
.menu .navigation ul li .menu-lang{
    position:relative;
    margin-bottom:3rem
}
.menu .navigation ul li .menu-lang .menu-title{
    color:#181818;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
.menu .navigation ul li .menu-lang .menu-title img{
    width:1.75rem;
    height:1.75rem;
    border-radius:50%;
    object-fit:cover
}
.menu .navigation ul li .menu-lang .menu-title svg{
    width:.9rem;
    fill:#181818;
    transform:rotate(180deg) translateY(-.15rem);
    transition:.25s
}
.menu .navigation ul li .menu-lang .menu-title svg.active{
    transform:rotate(0) translateY(.15rem)
}
.menu .navigation ul li .menu-lang .items{
    position:absolute;
    max-height:0;
    margin-top:.5rem;
    overflow:hidden;
    transition:.25s
}
.menu .navigation ul li .menu-lang .items.active{
    max-height:8rem
}
.menu .navigation ul li .menu-lang .items .link{
    color:#181818;
    display:flex;
    align-items:center;
    cursor:pointer
}
.menu .navigation ul li .menu-lang .items .link img{
    width:1.75rem;
    height:1.75rem;
    border-radius:50%;
    object-fit:cover
}
.footer{
    background-color:var(--bgGray);
    position:relative;
    z-index:10
}
.footer .content{
    padding:1rem 0 1.75rem
}
.footer .content .newsletters{
    margin-top:3rem
}
.footer .content .newsletters svg{
    width:15rem;
    margin-bottom:1rem
}
.footer .content .newsletters svg .st0{
    fill:var(--secondary)
}
.footer .content .newsletters svg .st1{
    fill:var(--primary)
}
.footer .content .newsletters .icon{
    display:flex;
    justify-content:center;
    align-items:center;
    width:3.375rem;
    height:3.375rem;
    border-radius:1rem;
    background:linear-gradient(0deg,#f75f45,#f5951b 50%)
}
.footer .content .newsletters .icon img{
    width:1.9rem
}
.footer .content .newsletters .title{
    font-family:Rajdhani;
    font-size:1.5rem;
    margin:1.4rem 0 .9rem;
    font-weight:700;
    color:var(--black)
}
.footer .content .newsletters .desc{
    max-width:17rem;
    line-height:1.75rem;
    color:var(--black)
}
.footer .content .newsletters .email{
    margin:1.75rem 0 .85rem;
    position:relative;
    max-width:23.5rem
}
.footer .content .newsletters .email input{
    color:var(--black);
    height:3.375rem;
    border:1px solid var(--white);
    border-radius:2.5rem;
    background-color:var(--white);
    padding:0 1.25rem;
    width:100%;
    font-size:1.05rem;
    font-family:var(--fontFamily);
    transition:.5s;
    font-weight:500
}
.footer .content .newsletters .email input::placeholder{
    color:var(--black);
    font-family:var(--fontFamily)
}
.footer .content .newsletters .email input:focus{
    background-color:var(--black);
    color:var(--white)
}
.footer .content .newsletters .email button{
    cursor:pointer;
    position:absolute;
    right:.25rem;
    top:50%;
    transform:translateY(-50%);
    border:0;
    width:2.875rem;
    height:2.875rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--black)
}
.footer .content .newsletters .email button svg{
    width:1.4rem
}
.footer .content .quick_links{
    margin-top:3rem;
    margin-left:2.5rem
}
.footer .content .quick_links .title{
    font-family:Rajdhani;
    font-size:1.5rem;
    margin-bottom:2.5rem;
    color:var(--black);
    font-weight:700
}
.footer .content .quick_links ul li{
    margin-bottom:1.1rem
}
.footer .content .quick_links ul li a{
    color:var(--black);
    display:flex;
    align-items:center;
    transition:.25s
}
.footer .content .quick_links ul li a svg{
    width:.9rem;
    margin-right:1rem
}
.footer .content .quick_links ul li a svg rect{
    transition:.25s
}
.footer .content .quick_links ul li a:hover{
    color:var(--primary);
    transform:scale(1.02)
}
.footer .content .quick_links ul li a:hover svg rect{
    fill:var(--primary)
}
.footer .content .quick_links ul li a:active{
    transform:scale(.98)
}
.footer .content .promotion{
    width:20rem;
    margin-top:3rem
}
.footer .content .promotion .title{
    color:var(--black);
    font-weight:800;
    font-size:1.8rem;
    margin:.55rem 0 1.25rem;
    line-height:2.5rem
}
.footer .copyright{
    border-top:1px dotted var(--textColor);
    padding:1.5rem 0 2.25rem;
    color:var(--black)
}
.footer .copyright span{
    color:var(--primary)
}
.footer .copyright .content_copy{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.footer .copyright .content_copy .social{
    display:flex;
    align-items:center
}
.footer .copyright .content_copy .social li{
    margin-left:.6rem
}
.footer .copyright .content_copy .social .follow{
    font-size:1.1rem;
    color:var(--black);
    margin-right:.6rem
}
.footer .copyright .content_copy .social a{
    width:2.5rem;
    border:1px dotted var(--black);
    height:2.5rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.5s
}
.footer .copyright .content_copy .social a:hover{
    border:1px dotted var(--primary)
}
.footer .copyright .content_copy .social a:hover svg path{
    fill:var(--primary)
}
.footer .copyright .content_copy .social a svg path{
    fill:var(--black);
    transition:.5s
}
@media only screen and (max-width: 991px){
    .footer .content .quick_links{
        margin-left:0
    }
    .footer .content .promotion{
        margin-top:1.5rem;
        margin-left:0
    }
    .footer .copyright .content_copy{
        display:inline-flex;
        flex-direction:column-reverse;
        align-items:flex-start
    }
    .footer .copyright .content_copy .social{
        margin-bottom:1rem
    }
    .footer .copyright .content_copy .social li{
        margin-left:0;
        margin-right:.6rem
    }
}
.not-found{
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center
}
.not-found svg{
    width:30rem
}
.scroll-top{
    position:fixed;
    right:2rem;
    bottom:2rem;
    height:2.75rem;
    width:2.75rem;
    cursor:pointer;
    display:block;
    border-radius:50%;
    box-shadow:inset 0 0 0 3px var(--bgGray);
    z-index:10000;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.scroll-top.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.scroll-top .circle path{
    fill:none;
    stroke:var(--secondary);
    stroke-width:4;
    box-sizing:border-box;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.scroll-top .arrow-up{
    position:absolute;
    text-align:center;
    line-height:2.75rem;
    font-size:1.5rem;
    fill:var(--secondary);
    left:50%;
    top:50%;
    width:1rem;
    cursor:pointer;
    display:block;
    z-index:2;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
    transform:translate(-50%,-50%)
}
/* loading screen */

.loadingScreen2{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 300vh;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingScreen {
    z-index: 101;
    position: absolute;
    margin: auto;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 6.250em; height: 6.250em;
    animation: rotate 2.4s linear infinite;
}
.white { 
    top: 0; bottom: 0; left: 0; right: 0; 
    background: white; 
    animation: flash 2.4s linear infinite;
    opacity: 0;
}
.dot {
    position: absolute;
    margin: auto;
    width: 2.4em; height: 2.4em;
    border-radius: 100%;
    transition: all 1s ease;
}
.dot:nth-child(2) { top: 0; bottom: 0; left: 0; background: var(--secondary); animation: dotsY 2.4s linear infinite; }
.dot:nth-child(3) { left: 0; right: 0; top: 0; background: var(--secondary); animation: dotsX 2.4s linear infinite; }
.dot:nth-child(4) { top: 0; bottom: 0; right: 0; background: var(--secondary); animation: dotsY 2.4s linear infinite; }
.dot:nth-child(5) { left: 0; right: 0; bottom: 0; background: var(--secondary); animation: dotsX 2.4s linear infinite; }

@keyframes rotate {
    0% { transform: rotate( 0 ); }
    10% { width: 6.250em; height: 6.250em; }
    66% { width: 2.4em; height: 2.4em; }
    100%{ transform: rotate(360deg); width: 6.250em; height: 6.250em; }
}

@keyframes dotsY {
    66% { opacity: .1; width: 2.4em; }
    77%{ opacity: 1; width: 0; }
}
@keyframes dotsX {
    66% { opacity: .1; height: 2.4em;}
    77%{ opacity: 1; height: 0; }
}

@keyframes flash {
    33% { opacity: 0; border-radius: 0%; }
    55%{ opacity: .6; border-radius: 100%; }
    66%{ opacity: 0; }
}
/* ---- */
@media only screen and (max-width: 575px){
    .footer .content .newsletters svg {
        width: 10rem;
    }
    .hero{
        background-position: 70%;
    }
}
@media only screen and (max-width: 900px){
    .hero{
        background-position: 70%;
    }
}
.top-img{
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-white{
    background-color: white !important;
}