@charset "UTF-8";
 .navbar.blur {
     height: 80px;
}
 .arrow-icon{
    animation:bounce 2s infinite
}


div#abt_iframess_15 img, div#abt_iframess_16 img, div#abt_iframess_11 img, div#abt_iframess_12 img, div#abt_iframess_14 img {
    width: 60%;
}

@media (max-width:767px){
div#abt_iframess_15 img, div#abt_iframess_16 img, div#abt_iframess_11 img, div#abt_iframess_12 img, div#abt_iframess_14 img {
    width: 90%;
}
}

@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(10px)
    }
    60%{
        transform:translateY(10px)
    }
}
.active-button{
    background-color:#97bce4
}
.active-button:active{
    background-color:#0056b3
}
.text-org{
    color:#ff5003
}
*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
    list-style:none
}
body{
    color:#fff;
    background-color:#1a1a1a;
    font-size:16px;
    font-family:'Poppins',sans-serif;
    font-family:'Satoshi-Variable';
    overflow-x:hidden!important
}
body.crev-agency h1,body.crev-agency h2,body.crev-agency h3,body.crev-agency h4,body.crev-agency h5,body.crev-agency h6{
    font-weight:400
}
body.crev-portfolio main{
    padding:0 20px
}
body.crev-portfolio section{
    position:relative
}
body.crev-portfolio section .sec-head .fixed-head{
    position:absolute;
    left:0;
    top:0;
    padding:15px 40px;
    border-radius:0 0 15px 0
}
body.crev-portfolio section .sec-head .fixed-head .shap-right-top{
    position:absolute;
    top:-5px;
    right:-1.05rem
}
body.crev-portfolio section .sec-head .fixed-head .shap-right-top svg{
    width:1.1rem;
    height:1.1rem
}
body.crev-portfolio section .sec-head .fixed-head .shap-left-bottom{
    position:absolute;
    bottom:-1.05rem;
    left:0
}
body.crev-portfolio section .sec-head .fixed-head .shap-left-bottom svg{
    width:1.1rem;
    height:1.1rem
}
body.crev-portfolio section .sec-head .fixed-head h5{
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:35px
}
body.vcard .section-padding{
    padding:100px 0
}
main{
    position:relative;
    z-index:5
}
.row>*{
    padding-left:15px;
    padding-right:15px;
    margin-top:0
}
.row.sm-marg{
    margin-left:-5px;
    margin-right:-5px
}
.row.sm-marg>*{
    padding-left:5px;
    padding-right:5px
}
.row.stand-marg{
    margin-left:-20px;
    margin-right:-20px
}
.row.stand-marg>*{
    padding-left:20px;
    padding-right:20px
}
.row.md-marg{
    margin-left:-25px;
    margin-right:-25px
}
.row.md-marg>*{
    padding-left:25px;
    padding-right:25px
}
.row.lg-marg{
    margin-left:-40px;
    margin-right:-40px
}
.row.lg-marg>*{
    padding-left:40px;
    padding-right:40px
}
.row.xlg-marg{
    margin-left:-50px;
    margin-right:-50px
}
.row.xlg-marg>*{
    padding-left:50px;
    padding-right:50px
}
.row.xxlg-marg{
    margin-left:-80px;
    margin-right:-80px
}
.row.xxlg-marg>*{
    padding-left:80px;
    padding-right:80px
}
.container-xxl{
    max-width:1500px
}
.container-xl{
    max-width:1400px
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
    line-height:1.3;
    margin-bottom:.2rem
}
.hh3{
    font-weight:500;
    line-height:1.3;
    margin-bottom:.2rem
}
h1{
    font-size:70px
}
h2{
    /*font-size:50px*/
    font-size:40px
}
h3{
    /*font-size:40px*/
    font-size:32px
    
}
h4{
    font-size:30px
}
h5{
    font-size:25px
}
h6{
    font-size:20px
}
.hh3{
    font-size:20px
}
p{
    line-height:1.8;
    font-size:15px;
    font-weight:400;
    font-family:'Poppins',sans-serif;
    color:#c6c8c9;
    margin:0
}
a,a:hover{
    color:inherit
}
span{
    display:inline-block
}
a{
    display:inline-block;
    text-decoration:none
}
a:hover{
    text-decoration:none
}
img{
    width:100%;
    height:auto
}
figure{
    margin:0
}
.main-color{
    color:#ff5003!important
}
.main-colorbg{
    background:#ff5003!important
}
.main-color2{
    color:#caff33!important
}
.main-colorbg2{
    background:#caff33!important
}
.main-bg{
    background:#1a1a1a!important
}
.sub-bg{
    background:#1d1d1d!important
}
.sub-bg2{
    background:#222!important
}
.btn:hover,.btn:focus,.btn:active{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.lines{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none
}
.lines.two:after{
    content:'';
    position:absolute;
    top:0;
    left:30%;
    width:40%;
    height:100%;
    border-right:1px solid rgb(255 255 255 / .1);
    border-left:1px solid rgb(255 255 255 / .1)
}
.lines.four{
    left:5%;
    width:90%;
    border-right:1px solid rgb(255 255 255 / .05);
    border-left:1px solid rgb(255 255 255 / .05)
}
.lines.four:after{
    content:'';
    position:absolute;
    top:0;
    left:33.3333%;
    width:33.3333%;
    height:100%;
    border-right:1px solid rgb(255 255 255 / .05);
    border-left:1px solid rgb(255 255 255 / .05)
}
.lines.two-out{
    left:60px;
    right:60px;
    width:auto;
    border-right:1px solid rgb(255 255 255 / .05);
    border-left:1px solid rgb(255 255 255 / .05);
    z-index:7
}
.line-overlay{
    position:absolute;
    top:-10%;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.line-overlay.revers{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.line-overlay.up{
    top:-25%
}
.line-overlay svg path{
    stroke:#353535
}
.in-box{
    width:calc(100% - 30px);
    margin:auto
}
.blur-left-top{
    position:absolute;
    top:-120px;
    left:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    pointer-events:none
}
.blur-right-top{
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:translateX(50%) translateY(-50%);
    -ms-transform:translateX(50%) translateY(-50%);
    transform:translateX(50%) translateY(-50%);
    pointer-events:none
}
.bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2
}
.bg-pattern.bg-repeat{
    background-repeat:repeat
}
.noise{
    -webkit-animation:grain 8s steps(10) infinite;
    animation:grain 8s steps(10) infinite;
    background-image:url(../imgs/noise.png);
    content:"";
    height:300%;
    left:-50%;
    opacity:.4;
    position:absolute;
    top:-100%;
    width:300%;
    pointer-events:none
}
@-webkit-keyframes grain{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    10%{
        -webkit-transform:translate(-5%,-10%);
        transform:translate(-5%,-10%)
    }
    20%{
        -webkit-transform:translate(-15%,5%);
        transform:translate(-15%,5%)
    }
    30%{
        -webkit-transform:translate(7%,-25%);
        transform:translate(7%,-25%)
    }
    40%{
        -webkit-transform:translate(-5%,25%);
        transform:translate(-5%,25%)
    }
    50%{
        -webkit-transform:translate(-15%,10%);
        transform:translate(-15%,10%)
    }
    60%{
        -webkit-transform:translate(15%);
        transform:translate(15%)
    }
    70%{
        -webkit-transform:translateY(15%);
        transform:translateY(15%)
    }
    80%{
        -webkit-transform:translate(3%,35%);
        transform:translate(3%,35%)
    }
    90%{
        -webkit-transform:translate(-10%,10%);
        transform:translate(-10%,10%)
    }
}
@keyframes grain{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    10%{
        -webkit-transform:translate(-5%,-10%);
        transform:translate(-5%,-10%)
    }
    20%{
        -webkit-transform:translate(-15%,5%);
        transform:translate(-15%,5%)
    }
    30%{
        -webkit-transform:translate(7%,-25%);
        transform:translate(7%,-25%)
    }
    40%{
        -webkit-transform:translate(-5%,25%);
        transform:translate(-5%,25%)
    }
    50%{
        -webkit-transform:translate(-15%,10%);
        transform:translate(-15%,10%)
    }
    60%{
        -webkit-transform:translate(15%);
        transform:translate(15%)
    }
    70%{
        -webkit-transform:translateY(15%);
        transform:translateY(15%)
    }
    80%{
        -webkit-transform:translate(3%,35%);
        transform:translate(3%,35%)
    }
    90%{
        -webkit-transform:translate(-10%,10%);
        transform:translate(-10%,10%)
    }
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-track{
    background:rgb(255 255 255 / .02)
}
::-webkit-scrollbar-thumb{
    background:#ff5003;
    border-radius:40px
}
.butn{
    border:1px solid #fff0
}
.butn.butn-md{
    padding:14px 35px
}
.butn.butn-full{
    width:100%;
    padding:15px 25px;
    text-align:center
}
.butn.butn-bord{
    border-color:#fff;
    background:#ff5003;
    color:#fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.butn.butn-bord:hover{
    background:#fff;
    color:#000
}
.butn.butn-bord:hover span{
    color:#000
}
.butn.butn-bord-thin{
    border-color:rgb(255 255 255 / .12);
    background:#fff0;
    color:#fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.butn.butn-bord-thin:hover{
    background:#fff;
    color:#000
}
.butn.butn-bord-thin:hover span{
    color:#000
}
.butn.butn-bg{
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.butn.butn-bg:hover{
    background:transparent!important;
    border-color:#fff;
    color:#fff!important
}
.butn .rolling-text{
    margin-bottom:-5px
}
.btn-circle{
    border-radius:50%;
    border:1px solid #fff;
    width:105px;
    height:105px;
    position:relative;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.btn-circle:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#14cf93;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.btn-circle:hover{
    border-color:#14cf93
}
.btn-circle:hover:after{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.btn-circle:hover span{
    color:#1c1c1c
}
.btn-circle span{
    position:relative;
    z-index:2;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.btn-circle span:last-of-type{
    display:block;
    padding-left:10px
}
.btn-circle.btn-md{
    width:120px;
    height:120px
}
.btn-circle.btn-lg{
    width:140px;
    height:140px
}
.butn-circle-text .text{
    margin-right:20px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:14px
}
.butn-circle-text .circle{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border:1px solid rgb(255 255 255 / .3);
    border-radius:50%
}
.butn-circle-text .circle svg{
    width:22px;
    height:22px
}
.rmore.to-in{
    margin-left:-100px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.rmore.to-in:hover{
    margin-left:0
}
.go-more{
    position:relative;
    padding:0 20px
}
.go-more:after{
    content:'';
    position:absolute;
    right:5px;
    top:-10px;
    width:40px;
    height:40px;
    border-radius:40px;
    background:rgb(255 255 255 / .05);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.go-more .icon{
    margin-left:15px;
    bottom:-2px;
    position:relative
}
.go-more:hover:after{
    width:100%;
    right:0
}
.vew-all{
    position:relative;
    padding:50px 0 50px 50px;
    z-index:3
}
.vew-all:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid rgb(255 255 255 / .12);
    border-right-color:#fff0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    z-index:-1
}
.vew-all:hover:after{
    -webkit-transform:translateY(-50%) rotate(360deg);
    -ms-transform:translateY(-50%) rotate(360deg);
    transform:translateY(-50%) rotate(360deg)
}
.hover-this .hover-anim{
    pointer-events:none;
    -webkit-transition:-webkit-transform 0.2s linear;
    transition:-webkit-transform 0.2s linear;
    -o-transition:transform 0.2s linear;
    transition:transform 0.2s linear;
    transition:transform 0.2s linear,-webkit-transform 0.2s linear
}
.cursor{
    pointer-events:none;
    position:fixed;
    padding:.3rem;
    background-color:#fff;
    border-radius:50%;
    mix-blend-mode:difference;
    -webkit-transition:opacity 0.4s ease,-webkit-transform 0.3s ease;
    transition:opacity 0.4s ease,-webkit-transform 0.3s ease;
    -o-transition:transform 0.3s ease,opacity 0.4s ease;
    transition:transform 0.3s ease,opacity 0.4s ease;
    transition:transform 0.3s ease,opacity 0.4s ease,-webkit-transform 0.3s ease;
    z-index:99999
}
.cursor-active{
    -webkit-transform:translate(-50%,-50%) scale(8);
    -ms-transform:translate(-50%,-50%) scale(8);
    transform:translate(-50%,-50%) scale(8);
    opacity:.1
}
.rolling-text{
    display:inline-block;
    overflow:hidden;
    line-height:50px;
    height:50px
}
.rolling-text.butn{
    padding:0 35px
}
.social-text .rolling-text{
    line-height:30px;
    height:30px
}
.rolling-text:hover .letter,.rolling-text.play .letter{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.rolling-text .letter{
    display:inline-block;
    -webkit-transition:-webkit-transform 0.5s cubic-bezier(.76,0,.24,1);
    transition:-webkit-transform 0.5s cubic-bezier(.76,0,.24,1);
    -o-transition:transform 0.5s cubic-bezier(.76,0,.24,1);
    transition:transform 0.5s cubic-bezier(.76,0,.24,1);
    transition:transform 0.5s cubic-bezier(.76,0,.24,1),-webkit-transform 0.5s cubic-bezier(.76,0,.24,1)
}
.letter:nth-child(1){
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s
}
.letter:nth-child(2){
    -webkit-transition-delay:0.015s;
    -o-transition-delay:0.015s;
    transition-delay:0.015s
}
.letter:nth-child(3){
    -webkit-transition-delay:0.03s;
    -o-transition-delay:0.03s;
    transition-delay:0.03s
}
.letter:nth-child(4){
    -webkit-transition-delay:0.045s;
    -o-transition-delay:0.045s;
    transition-delay:0.045s
}
.letter:nth-child(5){
    -webkit-transition-delay:0.06s;
    -o-transition-delay:0.06s;
    transition-delay:0.06s
}
.letter:nth-child(6){
    -webkit-transition-delay:0.075s;
    -o-transition-delay:0.075s;
    transition-delay:0.075s
}
.letter:nth-child(7){
    -webkit-transition-delay:0.09s;
    -o-transition-delay:0.09s;
    transition-delay:0.09s
}
.letter:nth-child(8){
    -webkit-transition-delay:0.105s;
    -o-transition-delay:0.105s;
    transition-delay:0.105s
}
.letter:nth-child(9){
    -webkit-transition-delay:0.12s;
    -o-transition-delay:0.12s;
    transition-delay:0.12s
}
.letter:nth-child(10){
    -webkit-transition-delay:0.135s;
    -o-transition-delay:0.135s;
    transition-delay:0.135s
}
.letter:nth-child(11){
    -webkit-transition-delay:0.15s;
    -o-transition-delay:0.15s;
    transition-delay:0.15s
}
.letter:nth-child(12){
    -webkit-transition-delay:0.165s;
    -o-transition-delay:0.165s;
    transition-delay:0.165s
}
.letter:nth-child(13){
    -webkit-transition-delay:0.18s;
    -o-transition-delay:0.18s;
    transition-delay:0.18s
}
.letter:nth-child(14){
    -webkit-transition-delay:0.195s;
    -o-transition-delay:0.195s;
    transition-delay:0.195s
}
.letter:nth-child(15){
    -webkit-transition-delay:0.21s;
    -o-transition-delay:0.21s;
    transition-delay:0.21s
}
.letter:nth-child(16){
    -webkit-transition-delay:0.225s;
    -o-transition-delay:0.225s;
    transition-delay:0.225s
}
.letter:nth-child(17){
    -webkit-transition-delay:0.24s;
    -o-transition-delay:0.24s;
    transition-delay:0.24s
}
.letter:nth-child(18){
    -webkit-transition-delay:0.255s;
    -o-transition-delay:0.255s;
    transition-delay:0.255s
}
.letter:nth-child(19){
    -webkit-transition-delay:0.27s;
    -o-transition-delay:0.27s;
    transition-delay:0.27s
}
.letter:nth-child(20){
    -webkit-transition-delay:0.285s;
    -o-transition-delay:0.285s;
    transition-delay:0.285s
}
.letter:nth-child(21){
    -webkit-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s
}
.progress-wrap{
    position:fixed;
    bottom:30px;
    right:30px;
    height:44px;
    width:44px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    z-index:100;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear;
    mix-blend-mode:difference
}
.progress-wrap.active-progress{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.progress-wrap::after{
    position:absolute;
    font-family:'Font Awesome 5 Free';
    content:'\f077';
    text-align:center;
    line-height:44px;
    font-size:13px;
    font-weight:900;
    color:#ccc;
    left:0;
    top:0;
    height:44px;
    width:44px;
    cursor:pointer;
    display:block;
    z-index:1;
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear
}
.progress-wrap svg path{
    fill:none
}
.progress-wrap svg.progress-circle path{
    stroke:#ccc;
    stroke-width:4;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear
}
.d-rotate{
    -webkit-perspective:1000px;
    perspective:1000px
}
.d-rotate .rotate-text{
    display:block;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s;
    -webkit-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
    transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(.95);
    opacity:0;
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.d-rotate.animated .rotate-text{
    -webkit-transform:translate3d(0,0,0) rotateX(0deg) scale(1);
    transform:translate3d(0,0,0) rotateX(0deg) scale(1);
    opacity:1
}
.d-slideup .sideup-text{
    overflow:hidden;
    display:block
}
.d-slideup .sideup-text:first-of-type .up-text{
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.d-slideup .sideup-text:nth-of-type(2) .up-text{
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s
}
.d-slideup .sideup-text:nth-of-type(3) .up-text{
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.d-slideup .sideup-text:nth-of-type(4) .up-text{
    -webkit-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    transition-delay:1.4s
}
.d-slideup .sideup-text:nth-of-type(5) .up-text{
    -webkit-transition-delay:1.8s;
    -o-transition-delay:1.8s;
    transition-delay:1.8s
}
.d-slideup .sideup-text .up-text{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}
.d-slideup.animated .up-text{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.main-marq{
    position:relative;
    padding:0
}
.main-marq:after{
    position:absolute;
    top:-30px;
    bottom:-30px;
    left:-30px;
    right:-30px;
    pointer-events:none;
    background:-webkit-linear-gradient(right,#181818,#fff0 220px,#fff0 calc(100% - 220px),#181818);
    background:-o-linear-gradient(right,#181818,#fff0 220px,#fff0 calc(100% - 220px),#181818);
    background:linear-gradient(to left,#181818,#fff0 220px,#fff0 calc(100% - 220px),#181818)
}
.main-marq.md-text .box .item h4{
    font-size:40px
}
.main-marq.lrg .box .item h4{
    font-size:5vw
}
.main-marq.xlrg .box .item{
    padding:0 30px
}
.main-marq.xlrg .box .item h4{
    font-size:8vw
}
.main-marq .slide-har{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.main-marq .strok .item h4{
    color:transparent!important;
    -webkit-text-stroke:.5px #fff
}
.main-marq .strok .item h4 a{
    color:transparent!important;
    -webkit-text-stroke:.5px #fff
}
.main-marq .non-strok .item h4{
    color:#fff!important;
    -webkit-text-stroke:0!important
}
.main-marq .non-strok .item h4 a{
    color:#fff!important;
    -webkit-text-stroke:0!important
}
.main-marq .box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.main-marq .box .item{
    padding:0 30px
}
.main-marq .box .item h4{
    white-space:nowrap;
    margin:0
}
.main-marq .box .item h4 .icon{
    margin-bottom:-15px
}
.main-marq .box .item h2{
    margin:0
}
.main-marq .box .item:nth-of-type(even) h4{
    color:#fff0;
    -webkit-text-stroke:.5px #fff
}
.main-marq .box .item:nth-of-type(even) h4 a{
    color:#fff0;
    -webkit-text-stroke:.5px #fff
}
.main-marq .box:last-of-type .item:nth-of-type(even) h4{
    color:#fff;
    -webkit-text-stroke:0
}
.main-marq .box:last-of-type .item:nth-of-type(even) h4 a{
    color:#fff;
    -webkit-text-stroke:0
}
.main-marq .box:last-of-type .item:nth-of-type(odd) h4{
    color:#fff0;
    -webkit-text-stroke:1px #fff
}
.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a{
    color:#fff0;
    -webkit-text-stroke:1px #fff
}
.dark-text{
    color:#000!important
}
.dark-text .box .item h4,.dark-text .box:last-of-type .item:nth-of-type(even) h4{
    color:#000!important
}
.dark-text .strok .box .item h4,.dark-text .box .item:nth-of-type(even) h4,.dark-text .box:last-of-type .item:nth-of-type(odd) h4{
    -webkit-text-stroke:1px #000
}
.light-text{
    color:#fff
}
.light-text .box .item h4,.light-text .box:last-of-type .item:nth-of-type(even) h4{
    color:#fff
}
.light-text .box .item:nth-of-type(even) h4,.light-text .box:last-of-type .item:nth-of-type(odd) h4{
    -webkit-text-stroke:1px #fff
}
.slide-har{
    position:relative
}
.slide-har.st1 .box{
    position:relative;
    -webkit-animation:slide-har 20s linear infinite;
    animation:slide-har 20s linear infinite
}
.slide-har.st2 .box{
    position:relative;
    -webkit-animation:slide-har-revers 1s linear infinite;
    animation:slide-har-revers 1s linear infinite
}
@-webkit-keyframes slide-har{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes slide-har{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@-webkit-keyframes slide-har-revers{
    100%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes slide-har-revers{
    100%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%)
    }
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.main-marqv{
    position:relative;
    padding:0
}
.main-marqv:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:-webkit-linear-gradient(bottom,#1d1d1d,#fff0 80px,#fff0 calc(100% - 80px),#1d1d1d);
    background:-o-linear-gradient(bottom,#1d1d1d,#fff0 80px,#fff0 calc(100% - 80px),#1d1d1d);
    background:linear-gradient(to top,#1d1d1d,#fff0 80px,#fff0 calc(100% - 80px),#1d1d1d);
    pointer-events:none
}
.main-marqv .slide-vertical{
    overflow:hidden;
    height:600px;
    margin:0 auto;
    position:relative
}
.main-marqv .slide-vertical:hover .box{
    -webkit-animation-play-state:paused!important;
    animation-play-state:paused!important
}
.main-marqv .slide-vertical .box{
    position:relative;
    -webkit-animation:slide-vertical 50s linear infinite;
    animation:slide-vertical 50s linear infinite
}
@-webkit-keyframes slide-vertical{
    0%{
        -webkit-transform:translateY(0%);
        transform:translateY(0%)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes slide-vertical{
    0%{
        -webkit-transform:translateY(0%);
        transform:translateY(0%)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
.imago{
    -webkit-clip-path:polygon(0 0,0% 0,0% 100%,0 100%);
    clip-path:polygon(0 0,0% 0,0% 100%,0 100%);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-filter:blur(5px);
    filter:blur(5px);
    -webkit-transition:-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s;
    transition:-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s;
    -o-transition:clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s;
    transition:clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s;
    transition:clip-path .8s ease-in-out .3s,transform .8s ease-in-out 1.1s,filter .5s ease-in-out 1.1s,-webkit-clip-path .8s ease-in-out .3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .5s ease-in-out 1.1s;
    position:relative
}
.imago.animated{
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0)
}
.imago.simpl{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0)
}
.o-hidden{
    overflow:hidden
}
.position-re{
    position:relative
}
.position-abs{
    position:absolute
}
.cursor-pointer{
    cursor:pointer
}
.revers-x{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.revers-y{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.full-over{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.ontop{
    position:relative;
    z-index:7
}
.rest{
    padding:0!important;
    margin:0!important
}
img.out-box{
    width:140%
}
img.left{
    margin-left:-40%
}
.no-bord{
    border:0!important
}
.bord-thin-top{
    border-top:1px solid #0074fa
}
.bord-thin-bottom{
    border-bottom:1px solid #0074fa
}
.bord-thin-right{
    border-right:1px solid #0074fa
}
.bord-thin-left{
    border-left:1px solid #0074fa
}
.radius-5{
    border-radius:5px!important
}
.radius-10{
    border-radius:10px!important
}
.radius-15{
    border-radius:15px!important
}
.radius-20{
    border-radius:20px!important
}
.radius-25{
    border-radius:25px!important
}
.radius-30{
    border-radius:30px!important
}
.radius-50{
    border-radius:50px
}
.order-md-1,.order-md-2,.order-md-3,.order-md-4{
    -webkit-box-ordinal-group:inherit!important;
    -ms-flex-order:inherit!important;
    order:inherit!important
}
.full-width{
    width:100%!important
}
.bg-img{
    background-size:cover;
    background-repeat:no-repeat
}
.bg-top{
    background-position:center top
}
.bg-bottom{
    background-position:center bottom
}
.bg-center{
    background-position:center center
}
.bg-fixed{
    background-attachment:fixed
}
.bg-repeat{
    background-size:auto;
    background-repeat:repeat
}
.bg-auto{
    background-size:auto;
    background-repeat:no-repeat
}
/*chnage by Ajinath*/
.section-padding{
    padding-top:60px;
    padding-bottom:60px
}
/*.section-padding{*/
/*    padding-top:140px;*/
/*    padding-bottom:140px*/
/*}*/
/*end */
.section-ptb{
    padding:80px 0
}
.cmd-padding{
    padding:0 10px
}
.csm-padding{
    padding:0 5px
}
.head-pt{
    padding:80px 0 0
}
.head-pb{
    padding:0 0 80px
}
.no-shad{
    -webkit-box-shadow:none;
    box-shadow:none
}
.fit-img{
    overflow:hidden
}
.fit-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.rounded{
    border-radius:5px
}
.circle{
    border-radius:50%
}
.circle-img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.circle-30{
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    overflow:hidden
}
.circle-40{
    width:40px;
    height:40px;
    border-radius:50%;
    text-align:center;
    line-height:40px;
    overflow:hidden
}
.circle-50{
    width:50px;
    height:50px;
    border-radius:50%;
    text-align:center;
    line-height:50px;
    overflow:hidden
}
.circle-60{
    width:60px;
    height:60px;
    border-radius:50%;
    text-align:center;
    line-height:60px;
    overflow:hidden
}
.circle-70{
    width:70px;
    height:70px;
    border-radius:50%;
    text-align:center;
    line-height:70px;
    overflow:hidden
}
.circle-80{
    width:80px;
    height:80px;
    border-radius:50%;
    text-align:center;
    line-height:80px;
    overflow:hidden
}
.circle-90{
    width:90px;
    height:90px;
    border-radius:50%;
    text-align:center;
    line-height:90px;
    overflow:hidden
}
.circle-100{
    width:100px;
    height:100px;
    border-radius:50%;
    text-align:center;
    line-height:100px;
    overflow:hidden
}
.circle-120{
    width:120px;
    height:120px;
    border-radius:50%;
    text-align:center;
    line-height:120px;
    overflow:hidden
}
.nowrap{
    white-space:nowrap
}
.unlist{
    list-style:none
}
.underline a{
    text-decoration:underline!important
}
.underline span{
    text-decoration:underline
}
.undecro:hover{
    text-decoration:none
}
.inline{
    display:inline-block
}
.valign{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.horizontal-link li{
    display:inline-block
}
.rest{
    margin:0;
    padding:0
}
.plink{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.social.circle-bord a{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #eee;
    border-radius:50%
}
.primery-shadow{
    -webkit-box-shadow:0 8px 30px -4px rgb(0 0 0 / .1);
    box-shadow:0 8px 30px -4px rgb(0 0 0 / .1)
}
.icon-img-20{
    width:20px
}
.icon-img-30{
    width:30px
}
.icon-img-40{
    width:40px
}
.icon-img-50{
    width:50px
}
.icon-img-60{
    width:60px
}
.icon-img-70{
    width:70px
}
.icon-img-80{
    width:80px
}
.icon-img-90{
    width:90px
}
.icon-img-100{
    width:100px
}
.icon-img-120{
    width:120px
}
.icon-img-150{
    width:150px
}
.zindex-1{
    z-index:1
}
.zindex-2{
    z-index:2
}
.zindex-3{
    z-index:3
}
.zindex-4{
    z-index:4
}
.zindex-5{
    z-index:5
}
.zindex-10{
    z-index:10
}
.zindex-99{
    z-index:99
}
.opacity-05{
    opacity:.05!important
}
.opacity-0{
    opacity:0!important
}
.opacity-1{
    opacity:.1!important
}
.opacity-2{
    opacity:.2!important
}
.opacity-3{
    opacity:.3!important
}
.opacity-4{
    opacity:.4!important
}
.opacity-5{
    opacity:.5!important
}
.opacity-6{
    opacity:.6!important
}
.opacity-7{
    opacity:.7!important
}
.opacity-8{
    opacity:.8!important
}
.opacity-9{
    opacity:.9!important
}
.text-white{
    color:#FFF
}
.text-black{
    color:#000
}
.text-dark{
    color:#444
}
.text-extra-light-gray{
    color:#b7b7b7
}
.text-hover-inherit:hover{
    color:inherit!important
}
.text-hover-light:hover{
    color:#fff!important
}
.fw-100{
    font-weight:100!important
}
.fw-200{
    font-weight:200!important
}
.fw-300{
    font-weight:300!important
}
.fw-400{
    font-weight:400!important
}
.fw-500{
    font-weight:500!important
}
.fw-600{
    font-weight:600!important
}
.fw-700{
    font-weight:700!important
}
.fw-800{
    font-weight:800!important
}
.fw-900{
    font-weight:900!important
}
.fz-10{
    font-size:10px!important
}
.fz-12{
    font-size:12px!important
}
.fz-13{
    font-size:13px!important
}
.fz-14{
    font-size:14px!important
}
.fz-15{
    font-size:15px!important
}
.fz-16{
    font-size:16px!important
}
.fz-18{
    font-size:18px!important
}
.fz-20{
    font-size:20px!important
}
.fz-22{
    font-size:22px!important
}
.fz-24{
    font-size:24px!important
}
.fz-25{
    font-size:25px!important
}
.fz-26{
    font-size:26px!important
}
.fz-28{
    font-size:28px!important
}
.fz-30{
    font-size:30px!important
}
.fz-35{
    font-size:35px!important
}
.fz-40{
    font-size:40px!important
}
.fz-42{
    font-size:42px!important
}
.fz-44{
    font-size:44px!important
}
.fz-45{
    font-size:45px!important
}
.fz-46{
    font-size:46px!important
}
.fz-48{
    font-size:48px!important
}
.fz-50{
    font-size:50px!important
}
.fz-55{
    font-size:55px!important
}
.fz-60{
    font-size:60px!important
}
.fz-65{
    font-size:65px!important
}
.fz-70{
    font-size:70px!important
}
.fz-80{
    font-size:80px!important
}
.fz-100{
    font-size:100px!important;
    line-height:1.1
}
.fz-120{
    font-size:120px!important;
    line-height:1.1
}
.line-height-1{
    line-height:1
}
.line-height-10{
    line-height:10px
}
.line-height-13{
    line-height:13px
}
.line-height-18{
    line-height:18px
}
.line-height-20{
    line-height:20px
}
.line-height-22{
    line-height:22px
}
.line-height-24{
    line-height:24px
}
.line-height-26{
    line-height:26px
}
.line-height-28{
    line-height:28px
}
.line-height-30{
    line-height:30px
}
.line-height-35{
    line-height:35px
}
.line-height-40{
    line-height:40px
}
.line-height-45{
    line-height:45px
}
.line-height-50{
    line-height:50px
}
.line-height-55{
    line-height:55px
}
.line-height-60{
    line-height:60px
}
.line-height-65{
    line-height:65px
}
.line-height-70{
    line-height:70px
}
.line-height-75{
    line-height:75px
}
.line-height-80{
    line-height:80px
}
.line-height-85{
    line-height:85px
}
.line-height-90{
    line-height:90px
}
.line-height-95{
    line-height:95px
}
.line-height-100{
    line-height:100px
}
.line-height-110{
    line-height:110px
}
.line-height-120{
    line-height:120px
}
.text-u{
    text-transform:uppercase!important
}
.text-l{
    text-transform:lowercase!important
}
.text-c{
    text-transform:capitalize!important
}
.text-non{
    text-transform:none!important
}
.text-i{
    font-style:italic
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.ls0{
    letter-spacing:0px!important
}
.ls1{
    letter-spacing:1px!important
}
.ls2{
    letter-spacing:2px!important
}
.ls3{
    letter-spacing:3px!important
}
.ls4{
    letter-spacing:4px!important
}
.ls5{
    letter-spacing:5px!important
}
.ls6{
    letter-spacing:6px!important
}
.ls7{
    letter-spacing:7px!important
}
.ls8{
    letter-spacing:8px!important
}
.ls9{
    letter-spacing:9px!important
}
.ls10{
    letter-spacing:10px!important
}
.ls15{
    letter-spacing:15px!important
}
.ls20{
    letter-spacing:20px!important
}
.ls25{
    letter-spacing:25px!important
}
.ls30{
    letter-spacing:30px!important
}
.mt-0{
    margin-top:0!important
}
.mt-5{
    margin-top:5px!important
}
.mt-10{
    margin-top:10px!important
}
.mt-15{
    margin-top:15px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-35{
    margin-top:35px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-45{
    margin-top:45px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-55{
    margin-top:55px!important
}
.mt-60{
    margin-top:60px!important
}
.mt-62{
    margin-top:62px!important
}
.mt-65{
    margin-top:65px!important
}
.mt-70{
    margin-top:70px!important
}
.mt-75{
    margin-top:75px!important
}
.mt-80{
    margin-top:80px!important
}
.mt-85{
    margin-top:85px!important
}
.mt-90{
    margin-top:90px!important
}
.mt-95{
    margin-top:95px!important
}
.mt-100{
    margin-top:100px!important
}
.mt-120{
    margin-top:120px!important
}
.mt-140{
    margin-top:140px!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-5{
    margin-bottom:5px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-45{
    margin-bottom:45px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-55{
    margin-bottom:55px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mb-62{
    margin-bottom:62px!important
}
.mb-65{
    margin-bottom:65px!important
}
.mb-70{
    margin-bottom:70px!important
}
.mb-75{
    margin-bottom:75px!important
}
.mb-80{
    margin-bottom:40px!important
}
.mb-85{
    margin-bottom:85px!important
}
.mb-90{
    margin-bottom:90px!important
}
.mb-95{
    margin-bottom:95px!important
}
.mb-100{
    margin-bottom:100px!important
}
.mb-120{
    margin-bottom:120px!important
}
.mb-140{
    margin-bottom:140px!important
}
.mr-0{
    margin-right:0!important
}
.mr-5{
    margin-right:5px!important
}
.mr-10{
    margin-right:10px!important
}
.mr-15{
    margin-right:15px!important
}
.mr-20{
    margin-right:20px!important
}
.mr-25{
    margin-right:25px!important
}
.mr-30{
    margin-right:30px!important
}
.mr-35{
    margin-right:35px!important
}
.mr-40{
    margin-right:40px!important
}
.mr-45{
    margin-right:45px!important
}
.mr-50{
    margin-right:50px!important
}
.mr-55{
    margin-right:55px!important
}
.mr-60{
    margin-right:60px!important
}
.mr-62{
    margin-right:62px!important
}
.mr-65{
    margin-right:65px!important
}
.mr-70{
    margin-right:70px!important
}
.mr-75{
    margin-right:75px!important
}
.mr-80{
    margin-right:80px!important
}
.mr-85{
    margin-right:85px!important
}
.mr-90{
    margin-right:90px!important
}
.mr-95{
    margin-right:95px!important
}
.mr-100{
    margin-right:100px!important
}
.ml-auto{
    margin-left:auto
}
.ml-0{
    margin-left:0!important
}
.ml-5{
    margin-left:5px!important
}
.ml-10{
    margin-left:10px!important
}
.ml-15{
    margin-left:15px!important
}
.ml-20{
    margin-left:20px!important
}
.ml-25{
    margin-left:25px!important
}
.ml-30{
    margin-left:30px!important
}
.ml-35{
    margin-left:35px!important
}
.ml-40{
    margin-left:40px!important
}
.ml-45{
    margin-left:45px!important
}
.ml-50{
    margin-left:50px!important
}
.ml-55{
    margin-left:55px!important
}
.ml-60{
    margin-left:60px!important
}
.ml-62{
    margin-left:62px!important
}
.ml-65{
    margin-left:65px!important
}
.ml-70{
    margin-left:70px!important
}
.ml-75{
    margin-left:75px!important
}
.ml-80{
    margin-left:80px!important
}
.ml-85{
    margin-left:85px!important
}
.ml-90{
    margin-left:90px!important
}
.ml-95{
    margin-left:95px!important
}
.ml-100{
    margin-left:100px!important
}
.m-auto{
    margin-left:auto;
    margin-right:auto
}
.min-30{
    margin-left:-30px;
    margin-right:-30px
}
.margin-rl-5{
    margin-right:5px;
    margin-left:5px
}
.margin-rl-10{
    margin-right:10px;
    margin-left:10px
}
.margin-rl-15{
    margin-right:15px;
    margin-left:15px
}
.margin-rl-20{
    margin-right:20px;
    margin-left:20px
}
.margin-rl-25{
    margin-right:25px;
    margin-left:25px
}
.margin-rl-30{
    margin-right:30px;
    margin-left:30px
}
.margin-rl-35{
    margin-right:35px;
    margin-left:35px
}
.margin-rl-40{
    margin-right:40px;
    margin-left:40px
}
.margin-rl-45{
    margin-right:45px;
    margin-left:45px
}
.margin-rl-50{
    margin-right:50px;
    margin-left:50px
}
.pt-0{
    padding-top:0!important
}
.pt-5{
    padding-top:5px!important
}
.pt-10{
    padding-top:10px!important
}
.pt-15{
    padding-top:15px!important
}
.pt-20{
    padding-top:20px!important
}
.pt-25{
    padding-top:25px!important
}
.pt-30{
    padding-top:30px!important
}
.pt-35{
    padding-top:35px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-45{
    padding-top:45px!important
}
.pt-50{
    padding-top:50px!important
}
.pt-55{
    padding-top:55px!important
}
.pt-60{
    padding-top:60px!important
}
.pt-65{
    padding-top:65px!important
}
.pt-70{
    padding-top:70px!important
}
.pt-75{
    padding-top:75px!important
}
.pt-80{
    padding-top:80px!important
}
.pt-85{
    padding-top:85px!important
}
.pt-90{
    padding-top:90px!important
}
.pt-95{
    padding-top:95px!important
}
.pt-100{
    padding-top:100px!important
}
.pt-120{
    padding-top:120px!important
}
.pt-140{
    padding-top:140px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-5{
    padding-bottom:5px!important
}
.pb-10{
    padding-bottom:10px!important
}
.pb-15{
    padding-bottom:15px!important
}
.pb-20{
    padding-bottom:20px!important
}
.pb-25{
    padding-bottom:25px!important
}
.pb-30{
    padding-bottom:30px!important
}
.pb-35{
    padding-bottom:35px!important
}
.pb-40{
    padding-bottom:40px!important
}
.pb-45{
    padding-bottom:45px!important
}
.pb-50{
    padding-bottom:50px!important
}
.pb-55{
    padding-bottom:55px!important
}
.pb-60{
    padding-bottom:60px!important
}
.pb-65{
    padding-bottom:65px!important
}
.pb-70{
    padding-bottom:70px!important
}
.pb-75{
    padding-bottom:75px!important
}
.pb-80{
    padding-bottom:80px!important
}
.pb-85{
    padding-bottom:85px!important
}
.pb-90{
    padding-bottom:90px!important
}
.pb-95{
    padding-bottom:95px!important
}
.pb-100{
    padding-bottom:100px!important
}
.pb-120{
    padding-bottom:120px!important
}
.pb-140{
    padding-bottom:140px!important
}
.no-padding{
    padding:0!important
}
.pr-30{
    padding-right:30px
}
.pr-50{
    padding-right:50px
}
.pl-30{
    padding-left:30px
}
.pl-50{
    padding-left:50px
}
.padding-rl-5{
    padding-right:5px;
    padding-left:5px
}
.padding-rl-10{
    padding-right:10px;
    padding-left:10px
}
.padding-rl-15{
    padding-right:15px;
    padding-left:15px
}
.padding-rl-20{
    padding-right:20px;
    padding-left:20px
}
.padding-rl-25{
    padding-right:25px;
    padding-left:25px
}
.padding-rl-30{
    padding-right:30px;
    padding-left:30px
}
.padding-rl-35{
    padding-right:35px;
    padding-left:35px
}
.padding-rl-40{
    padding-right:40px;
    padding-left:40px
}
.padding-rl-45{
    padding-right:45px;
    padding-left:45px
}
.padding-rl-50{
    padding-right:50px;
    padding-left:50px
}
body.loaded{
    overflow:hidden!important;
    height:100%!important
}
.loader-wrap{
    position:fixed;
    z-index:10;
    height:100vh;
    width:100%;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#fff0;
    z-index:99999999999999
}
.loader-wrap svg{
    position:absolute;
    top:0;
    width:100vw;
    height:110vh;
    fill:#1d1d1d
}
.loader-wrap .loader-wrap-heading .load-text{
    font-size:20px;
    font-weight:200;
    letter-spacing:15px;
    text-transform:uppercase;
    z-index:20;
    text-align:center
}
.load-text span{
    -webkit-animation:loading 1s infinite alternate;
    animation:loading 1s infinite alternate
}
.load-text span:nth-child(1){
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.load-text span:nth-child(2){
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s
}
.load-text span:nth-child(3){
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s
}
.load-text span:nth-child(4){
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s
}
.load-text span:nth-child(5){
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s
}
.load-text span:nth-child(6){
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s
}
.load-text span:nth-child(7){
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s
}
@-webkit-keyframes loading{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes loading{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
[data-overlay-dark],[data-overlay-light]{
    position:relative
}
[data-overlay-dark] .container,[data-overlay-dark] .container-xxl,[data-overlay-light] .container-xxl,[data-overlay-light] .container{
    position:relative;
    z-index:7
}
[data-overlay-dark]:before,[data-overlay-light]:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    pointer-events:none
}
/*Ajinath*/
/*[data-overlay-dark]:before{*/
/*    background:#1d1d1d*/
/*}*/
[data-overlay-dark]:before{
    background:#1d1d1d33;
}
/*end Ajinath*/

[data-overlay-light]:before{
    background:#fff
}
[data-overlay-dark],[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark span,.bg-color h1,.bg-color h2,.bg-color h3,.bg-color h4,.bg-color h5,.bg-color h6,.bg-color span{
    color:#fff
}
[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{
    opacity:0
}
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{
    opacity:.1
}
[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{
    opacity:.2
}
[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{
    opacity:.3
}
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{
    opacity:.4
}
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{
    opacity:.5
}
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{
    opacity:.6
}
[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{
    opacity:.7
}
[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{
    opacity:.8
}
[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before,[data-overlay-color="9"]:before{
    opacity:.9
}
[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{
    opacity:1
}
.navbar{
    position:absolute;
    left:0;
    top:0;
    padding:0;
    margin:0;
    width:100%;
    background:#fff0;
    border-bottom:2px solid #fff0;
    z-index:999
}
.navbar.nav-crev{
    width:calc(100% - 80px);
    left:40px;
    top:30px;
    background:rgb(255 255 255 / .05);
    border:1px solid rgb(255 255 255 / .1);
    border-radius:40px;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    min-height:auto;
    -webkit-transform:translate(0)!important;
    -ms-transform:translate(0)!important;
    transform:translate(0)!important
}
.navbar.nav-crev.nav-scroll{
    background:#1a1a1a;
    border-color:rgb(255 255 255 / .05);
    padding:0;
    position:fixed;
    top:-80px;
    -webkit-transform:translateY(80px)!important;
    -ms-transform:translateY(80px)!important;
    transform:translateY(80px)!important;
    left:0;
    width:100%;
    border-radius:0
}
.navbar.static{
    position:relative
}
.navbar.main-bg{
    background:#1a1a1a;
    border-color:rgb(255 255 255 / .05)
}
.navbar.sub-bg{
    background:#1d1d1d;
    border-color:rgb(255 255 255 / .05)
}
.navbar.bord{
    border-color:rgb(255 255 255 / .05)
}
.navbar.blur{
    border-color:rgb(255 255 255 / .05);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
}
.navbar.nav-scroll{
    border-color:rgb(255 255 255 / .05);
    padding:0;
    position:fixed;
    top:-80px;
    -webkit-transition:-webkit-transform .8s;
    transition:-webkit-transform .8s;
    -o-transition:transform .8s;
    transition:transform .8s;
    transition:transform .8s,-webkit-transform .8s;
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.navbar .icon-bar{
    color:#fff
}
.navbar .navbar-toggler{
    display:none
}
.navbar .navbar-nav .nav-link{
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    padding:20px 10px 15px 10px;
    margin:0 15px
}
.navbar .navbar-nav .nav-link .rolling-text{
    height:30px;
    line-height:30px
}
.navbar .navbar-nav .dropdown-menu{
    padding:20px 10px;
    border:1px solid #393939
}
.navbar .dropdown-menu{
    display:block;
    position:absolute;
    top:75px;
    opacity:0;
    visibility:hidden;
    color:#fff;
    background:rgb(29 29 29 / .7);
    border:1px solid #393939;
    border-radius:5px;
    min-width:255px;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    z-index:10
}
.navbar .dropdown-menu.show{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.navbar .dropdown-menu.show-left .dropdown-item .dropdown-side{
    left:auto;
    right:248px
}
.navbar .dropdown-menu .dropdown-item{
    font-size:14px;
    color:#fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    padding:10px 25px;
    position:relative
}
.navbar .dropdown-menu .dropdown-item .dropdown-side{
    position:absolute;
    left:248px;
    top:-15px;
    display:block;
    opacity:0;
    visibility:hidden;
    border:1px solid #393939;
    border-radius:5px;
    background:#1d1d1d;
    width:240px;
    padding:20px 0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.navbar .dropdown-menu .dropdown-item .dropdown-side.show{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.navbar .dropdown-menu .dropdown-item .icon-arrow{
    position:absolute;
    right:15px
}
.navbar .dropdown-menu .dropdown-item:after{
    content:'';
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    left:10px;
    top:18px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.navbar .dropdown-menu .dropdown-item:hover{
    padding-left:30px;
    background:#fff0
}
.navbar .dropdown-menu .dropdown-item:hover:after{
    width:10px
}
.navbar .no-relative{
    position:static
}
.navbar .dropdown{
    position:static
}
.navbar .mega-menu{
    width:96vw;
    position:absolute;
    left:2vw;
    top:75px;
    padding:40px 0 30px!important;
    border:1px solid #393939;
    border-radius:5px;
    overflow:hidden
}
.navbar .mega-menu .title{
    margin-bottom:20px
}
.navbar .mega-menu .title .sub-title{
    font-weight:600
}
.navbar .mega-menu .dropdown-item{
    padding:10px 0
}
.navbar .mega-menu .dropdown-item:after{
    left:0
}
.navbar .mega-menu .dropdown-item:hover{
    padding-left:20px
}
.navbar .search-form{
    position:relative
}
.navbar .search-form.open .form-group{
    opacity:1;
    visibility:visible;
    bottom:-1px
}
.navbar .search-form.open .search-icon .open-search{
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px)
}
.navbar .search-form .form-group{
    position:absolute;
    right:0;
    bottom:-35px;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    padding:15px;
    background:rgb(255 255 255 / .05);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.navbar .search-form .form-group input{
    padding:10px 55px 10px 15px;
    background:#fff;
    border:0;
    border-radius:5px
}
.navbar .search-form .form-group button{
    position:absolute;
    top:15px;
    right:15px;
    padding:10px 15px;
    background:#ccc;
    border:0;
    border-radius:5px
}
.navbar .search-form .search-icon{
    position:relative;
    padding:25px 30px;
    cursor:pointer
}
.navbar .search-form .search-icon:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-left:1px solid rgb(255 255 255 / .2);
    border-right:1px solid rgb(255 255 255 / .2)
}
.navbar .search-form .search-icon .close-search{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    text-align:center;
    padding:25px 0;
    font-size:20px;
    display:none
}
.navbar .search-form .search-icon .open-search{
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.navbar .menu-icon{
    padding:25px 30px
}
.navbar .dropdown-toggle:after{
    margin-left:5px;
    vertical-align:12px
}
.hamenu{
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    height:100vh;
    background:#1d1d1d;
    overflow:hidden;
    z-index:9999;
    -webkit-transition:all 0.5s cubic-bezier(1,0,.55,1);
    -o-transition:all 0.5s cubic-bezier(1,0,.55,1);
    transition:all 0.5s cubic-bezier(1,0,.55,1)
}
.hamenu .logo{
    position:absolute;
    top:40px;
    left:40px
}
.hamenu .close-menu{
    position:absolute;
    top:30px;
    right:40px;
    width:60px;
    height:60px;
    line-height:60px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:50%;
    text-align:center;
    cursor:pointer;
    z-index:4
}
.hamenu .logo,.hamenu .close-menu{
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.hamenu.open .logo,.hamenu.open .close-menu{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu.open .menu-links .main-menu>li .link{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu.open .cont-info .item{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    -webkit-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    transition-delay:1.4s
}
.hamenu.open .menu-text .text{
    opacity:1;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu.open .menu-text:after{
    height:200vh;
    -webkit-transition-delay:.7s;
    -o-transition-delay:.7s;
    transition-delay:.7s
}
.hamenu .menu-links{
    color:#fff;
    height:100vh;
    padding-top:140px;
    overflow:auto
}
.hamenu .menu-links::-webkit-scrollbar{
    width:5px
}
.hamenu .menu-links::-webkit-scrollbar-track{
    background:#111
}
.hamenu .menu-links::-webkit-scrollbar-thumb{
    background:rgb(255 255 255 / .2);
    border-radius:5px
}
.hamenu .menu-links .main-menu{
    position:relative;
    z-index:2
}
.hamenu .menu-links .main-menu ul{
    margin:0;
    padding:0
}
.hamenu .menu-links .main-menu>li{
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.hamenu .menu-links .main-menu>li .link{
    font-size:50px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.2;
    padding:20px 30px;
    border-top:1px solid rgb(255 255 255 / .05);
    width:100%;
    position:relative;
    display:block;
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    opacity:0;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s
}
.hamenu .menu-links .main-menu>li .link i{
    position:absolute;
    width:90px;
    top:0;
    right:0;
    bottom:0;
    background:rgb(255 255 255 / .02)
}
.hamenu .menu-links .main-menu>li .link i:before{
    content:'';
    width:1px;
    height:16px;
    position:absolute;
    top:50%;
    left:50%;
    background:#fff
}
.hamenu .menu-links .main-menu>li .link i:after{
    content:'';
    width:16px;
    height:1px;
    position:absolute;
    top:calc(50% + 8px);
    left:calc(50% - 8px);
    background:#fff
}
.hamenu .menu-links .main-menu>li .link.dopen i:before{
    opacity:0
}
.hamenu .menu-links .main-menu>li .link .fill-text{
    position:relative;
    color:rgb(255 255 255 / .4)
}
.hamenu .menu-links .main-menu>li .link .fill-text:after{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    -webkit-transition:width 0.75s cubic-bezier(.63,.03,.21,1);
    -o-transition:width 0.75s cubic-bezier(.63,.03,.21,1);
    transition:width 0.75s cubic-bezier(.63,.03,.21,1)
}
.hamenu .menu-links .main-menu>li:last-of-type .link{
    border-bottom:1px solid rgb(255 255 255 / .05)
}
.hamenu .menu-links .main-menu>li.hoverd .link .fill-text:after{
    width:0
}
.hamenu .menu-links .main-menu>li .sub-dmenu{
    font-size:30px;
    font-weight:500;
    padding-left:50px;
    text-transform:capitalize;
    letter-spacing:normal;
    border-color:rgb(255 255 255 / .02);
    background:rgb(255 255 255 / .009)
}
.hamenu .menu-links .main-menu .sub-menu{
    display:none;
    padding:20px 0;
    border-top:1px solid rgb(255 255 255 / .05)
}
.hamenu .menu-links .main-menu .sub-menu.no-bord{
    border-top:0;
    padding:0
}
.hamenu .menu-links .main-menu .sub-menu li{
    padding:0;
    margin:0;
    line-height:1;
    font-size:22px;
    font-weight:400
}
.hamenu .menu-links .main-menu .sub-menu li a{
    padding:12px 12px 12px 40px;
    opacity:.6;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.hamenu .menu-links .main-menu .sub-menu li a:hover{
    opacity:1
}
.hamenu .menu-links .main-menu .sub-menu2{
    display:none;
    padding:10px 0 20px
}
.hamenu .menu-links .main-menu .sub-menu2 li{
    padding:0;
    margin:0;
    line-height:1;
    font-size:22px;
    font-weight:400
}
.hamenu .menu-links .main-menu .sub-menu2 li a{
    padding:12px 12px 12px 70px;
    opacity:.6;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.hamenu .menu-links .main-menu .sub-menu2 li a:hover{
    opacity:1
}
.hamenu .menu-text{
    position:relative;
    height:100%
}
.hamenu .menu-text .text{
    position:absolute;
    right:25%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:2;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.hamenu .menu-text .text h2{
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    font-size:10vw;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    opacity:.02
}
.hamenu .menu-text:after{
    content:'';
    width:1px;
    height:0;
    background:rgb(255 255 255 / .05);
    position:absolute;
    right:-30px;
    bottom:-75vh;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease
}
.hamenu .cont-info{
    padding-top:140px;
    padding-left:15px;
    position:relative;
    z-index:3
}
.hamenu .cont-info:after{
    content:'';
    width:300%;
    height:200vh;
    position:absolute;
    left:-30px;
    top:-75vh;
    background:#1a1a1a;
    z-index:-1
}
.hamenu .cont-info .item{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    opacity:0
}
.hamenu .cont-info .item h5{
    font-size:20px
}
.sec-head .stroke{
    color:#fff0;
    -webkit-text-stroke:1px rgb(255 255 255 / .4);
    font-weight:800;
    font-size:55px;
    text-transform:uppercase;
    line-height:1
}
.sec-head .bord{
    position:relative;
    padding-right:30px
}
.sec-head .bord:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:40px;
    border-right:1px solid #0074fa
}
.sub-title{
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px
}
.numb-font{
    font-family:'Allerta Stencil',sans-serif
}
.main-font{
    font-family:'Space Grotesk',sans-serif
}
.sec-bottom{
    position:relative
}
.sec-bottom:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    border-top:1px solid #0074fa
}
.sec-bottom .d-flex{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin:auto;
    border:1px solid rgb(255 255 255 / .1);
    padding:10px 30px;
    border-radius:30px;
    position:relative;
    z-index:3
}
.intro .marq-brand .item{
    width:200px
}
.half-block{
    padding:15px
}
.half-block .colmn{
    padding:40px
}
.about-crev .left-block{
    position:relative;
    z-index:3
}
.about-crev .left-block .info{
    padding:0 60px;
    margin-top:-30px
}
.about-crev .left-block .mz-shap{
    position:absolute;
    top:-100px;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.about .img-vid{
    position:relative;
    border-radius:30px 30px 30px 0;
    overflow:hidden
}
.about .img-vid .curv-butn{
    position:absolute;
    bottom:0;
    left:0;
    width:100px;
    height:100px;
    line-height:80px;
    text-align:center;
    border-radius:0 30px 0 0
}
.about .img-vid .curv-butn .vid{
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    border-radius:50%;
    background:rgb(255 255 255 / .04)
}
.about .img-vid .curv-butn .shap-left-top{
    position:absolute;
    top:-2.05rem;
    left:-1px;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
    line-height:1
}
.about .img-vid .curv-butn .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.about .img-vid .curv-butn .shap-right-bottom{
    position:absolute;
    bottom:-1px;
    right:-2.1rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg);
    line-height:1
}
.about .img-vid .curv-butn .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.intro-card h2{
    font-size:100px;
    font-weight:700;
    line-height:.8;
    position:relative;
    z-index:4
}
.intro-card h2 .botm{
    font-size:70px;
    font-weight:400;
    padding-left:30px;
    opacity:.4;
    position:relative;
    z-index:-1
}
.vcard-bg{
    background-position:center;
    background-color:#1a1a1a
}
.resume .resume-clumn{
    border-left:1px solid rgb(255 255 255 / .1)
}
.resume .items{
    padding-left:50px;
    position:relative
}
.resume .items:before{
    content:'';
    position:absolute;
    left:-5px;
    top:10px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#444;
    z-index:2
}
.resume .items h6{
    display:inline-block;
    color:#ccc;
    padding:7px 20px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:30px;
    margin-bottom:15px
}
.resume .items h5{
    font-size:22px
}
.resume .items span{
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px
}
.page-intro .img{
    height:520px
}
.page-intro .img.to-up{
    margin-top:-100px
}
.page-intro-cerv .cont{
    padding:60px;
    height:100%
}
.page-intro-cerv .img{
    padding:15px;
    height:100%
}
.page-intro-cerv .bg-dots{
    position:absolute;
    bottom:-250px;
    left:60px;
    width:140px;
    height:250px;
    background-repeat:repeat;
    background-size:6px;
    opacity:.4
}
.page-intro-modern{
    position:relative
}
.page-intro-modern:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:60%;
    z-index:-1
}
.page-intro-modern .img1{
    height:380px;
    width:100%
}
.page-intro-modern .img2{
    height:650px;
    width:100%;
    border-radius:30px
}
.page-intro-modern .img3{
    height:220px;
    width:80%;
    margin-left:20%
}
.page-intro-modern .img4{
    height:280px
}
.awards .item-line{
    padding:25px 15px;
    border-bottom:1px solid rgb(255 255 255 / .08);
    position:relative;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    z-index:3
}
.awards .item-line>div{
    padding:0
}
.awards .item-line>div:last-of-type{
    text-align:right
}
.awards .item-line:hover{
    color:#0c0c0c
}
.awards .item-line:hover:after{
    height:100%
}
.awards .item-line:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    background:#fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    z-index:-1
}
.awards .item-line .project-date span{
    font-size:14px;
    opacity:.7;
    margin-left:15px
}
.awards .item-title{
    padding:0 15px 25px;
    border-bottom:1px solid rgb(255 255 255 / .5)
}
.awards .item-title>div{
    padding:0
}
.blog .img{
    border-radius:15px;
    overflow:hidden
}
.blog .cont{
    width:100%
}
.blog .cont .info .date{
    padding-right:30px;
    margin-right:20px;
    position:relative
}
.blog .cont .info .date:after{
    content:'';
    position:absolute;
    right:0;
    top:40%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#fff
}
.blog-modern .item .img{
    position:relative;
    padding:10px;
    border:1px solid rgb(255 255 255 / .08);
    border-radius:10px
}
.blog-modern .item .img img{
    border-radius:10px
}
.blog-modern .item .img .tag{
    position:absolute;
    top:40px;
    right:10px;
    border-radius:15px 0 0 15px;
    padding:8px 20px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px
}
.blog-modern .item .img .tag .shap-right-top{
    position:absolute;
    top:-1.05rem;
    right:-1px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.blog-modern .item .img .tag .shap-right-top svg{
    width:1.1rem;
    height:1.1rem
}
.blog-modern .item .img .tag .shap-right-bottom{
    position:absolute;
    bottom:-1.05rem;
    right:-1px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.blog-modern .item .img .tag .shap-right-bottom svg{
    width:1.1rem;
    height:1.1rem
}
.blog-modern .item .cont{
    padding:0 10px
}
.blog-crev .item{
    border-radius:15px
}
.blog-crev .item .img{
    position:relative;
    border-radius:15px
}
.blog-crev .item .img img{
    border-radius:15px
}
.blog-crev .item .img .tag{
    position:absolute;
    bottom:-2px;
    left:50%;
    border-radius:25px 25px 0 0;
    padding:8px 30px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.blog-crev .item .img .tag .shap-right-bottom{
    position:absolute;
    bottom:-1px;
    right:-1.05rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.blog-crev .item .img .tag .shap-right-bottom svg{
    width:1.1rem;
    height:1.1rem
}
.blog-crev .item .img .tag .shap-left-bottom{
    position:absolute;
    bottom:-1px;
    left:-1.05rem;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.blog-crev .item .img .tag .shap-left-bottom svg{
    width:1.1rem;
    height:1.1rem
}
.blog-crev .item .cont{
    padding:40px 30px
}
.blog-list-half .item{
    border-radius:10px;
    overflow:hidden
}
.blog-list-half .item .img{
    min-height:300px;
    padding-right:0;
    position:relative
}
.blog-list-half .item .img:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    background:-webkit-gradient(linear,left top,left bottom,from(#1a1a1a),to(transparent));
    background:-webkit-linear-gradient(top,#1a1a1a,transparent);
    background:-o-linear-gradient(top,#1a1a1a,transparent);
    background:linear-gradient(180deg,#1a1a1a,transparent);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.blog-list-half .item .img .img-post{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    border-radius:10px
}
.blog-list-half .item .img .author{
    position:absolute;
    top:15px;
    left:15px;
    z-index:3;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.blog-list-half .item .cont{
    padding:40px 15px 40px 30px
}
.blog-list-half .item .cont .tags a{
    font-size:12px;
    padding:8px 20px;
    background:rgb(255 255 255 / .05);
    border-radius:30px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.blog-list-half .item .cont .tags a:hover{
    background:#14cf93
}
.blog-list-half .item .cont .tags.colorbg a:hover{
    background:#14cf93;
    color:#1a1a1a
}
.blog-list-half .item:hover .img:after{
    opacity:.3
}
.blog-list-half .item:hover .img .author{
    opacity:1
}
.blog-list-half.crev .item{
    overflow:visible;
    border:1px solid rgb(255 255 255 / .1)
}
.blog-list-half.crev .item .img{
    padding:0 0 0 15px
}
.blog-list-half.crev .item .img img{
    border-radius:0;
    position:relative;
    bottom:-30px
}
.blog-list-half.crev .item .cont{
    padding:30px 0
}
.blog-list-crev .item{
    padding:40px;
    position:relative
}
.blog-list-crev .item:hover .background{
    opacity:1;
    background-position:center bottom
}
.blog-list-crev .item .info .author{
    margin-right:20px
}
.blog-list-crev .item .info .author .img{
    width:60px;
    height:60px;
    overflow:hidden;
    border-radius:50%
}
.blog-list-crev .item .info .author .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.blog-list-crev .item .tags a{
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:8px 12px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:30px;
    margin:5px 5px 5px 0
}
.blog-list-crev .item .background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center top;
    opacity:0;
    -webkit-transition:opacity .4s,background-position 10s linear;
    -o-transition:opacity .4s,background-position 10s linear;
    transition:opacity .4s,background-position 10s linear
}
.blog-list-crev .item .background .more a{
    font-size:14px;
    padding:14px 35px;
    background:#14cf93;
    border-radius:30px
}
.blog-list-crev .item .background .more a span,.blog-list-crev .item .background .more a i{
    color:#000
}
.sidebar .search-box{
    position:relative
}
.sidebar .search-box input{
    color:#fff;
    padding:15px;
    border:1px solid rgb(255 255 255 / .4);
    border-radius:5px;
    width:100%;
    background:#fff0
}
.sidebar .search-box input:focus{
    border-color:#fff
}
.sidebar .search-box .icon{
    position:absolute;
    top:50%;
    right:15px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.sidebar .widget{
    margin-top:50px
}
.sidebar .widget .title-widget{
    margin-bottom:40px;
    padding-top:20px;
    border-top:1px solid rgb(255 255 255 / .08);
    text-transform:uppercase;
    letter-spacing:1px;
    position:relative
}
.sidebar .widget .title-widget:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:30px;
    border-right:1px solid rgb(255 255 255 / .08)
}
.sidebar .widget.catogry li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:15px;
    margin-bottom:7px;
    padding:10px 20px;
    background:rgb(255 255 255 / .02);
    border-radius:30px
}
.sidebar .widget.catogry li:last-of-type{
    margin-bottom:0
}
.sidebar .widget.last-post-thum .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px
}
.sidebar .widget.last-post-thum .item:last-of-type{
    margin-bottom:0
}
.sidebar .widget.last-post-thum .item:hover .img a .date{
    opacity:1
}
.sidebar .widget.last-post-thum .item .img{
    width:90px;
    height:100px;
    border-radius:5px;
    overflow:hidden
}
.sidebar .widget.last-post-thum .item .img a{
    width:100%;
    height:100%;
    position:relative
}
.sidebar .widget.last-post-thum .item .img a .date{
    position:absolute;
    top:50%;
    left:50%;
    font-size:14px;
    width:50px;
    height:50px;
    text-align:center;
    background:rgb(0 0 0 / .1);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-radius:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    z-index:3;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.sidebar .widget.last-post-thum .item .img a .date span{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    line-height:1
}
.sidebar .widget.last-post-thum .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sidebar .widget.last-post-thum .item .cont{
    padding-left:25px
}
.sidebar .widget.last-post-thum .item .cont h6{
    font-size:17px
}
.sidebar .widget.last-post-thum .item .cont .tag{
    font-size:12px;
    padding:5px 15px;
    border-radius:30px;
    background:rgb(255 255 255 / .03);
    margin-bottom:10px
}
.sidebar .widget.tags a{
    padding:8px 15px;
    border-radius:5px;
    background:rgb(255 255 255 / .02);
    margin:2px 0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.sidebar .widget.tags a:hover{
    background:#14cf93
}
.blog-main .item .content{
    padding:30px;
    background:#1a1a1a;
    width:95%;
    margin:auto;
    margin-top:-80px;
    position:relative;
    z-index:3
}
.blog-main .item .content .post-date{
    padding:7px 15px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:30px;
    font-size:12px;
    color:#ddd;
    text-transform:uppercase;
    margin-right:15px
}
.blog-header .background{
    height:75vh;
    min-height:480px
}
.main-post .spec-letter{
    font-size:60px;
    line-height:50px;
    padding-right:10px;
    float:left
}
.main-post .post-qoute{
    position:relative;
    padding:40px;
    padding-left:120px;
    border:1px solid rgb(255 255 255 / .15)
}
.main-post .post-qoute h6{
    position:relative
}
.main-post .post-qoute h6:before{
    content:'“';
    position:absolute;
    top:80px;
    left:-100px;
    font-size:180px;
    font-family:Poppins;
    line-height:0
}
.main-post .iner-img{
    height:400px
}
.main-post .iner-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.main-post .unorder-list li,.main-post .order-list li{
    margin-top:10px;
    opacity:.7;
    padding-left:15px;
    position:relative
}
.main-post .unorder-list li:before,.main-post .order-list li:before{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ccc;
    position:absolute;
    left:0;
    top:10px
}
.main-post .order-list li{
    padding-left:0
}
.main-post .order-list li:before{
    display:none
}
.main-post .order-list li span{
    font-size:13px
}
.main-post .info-area .tags span,.main-post .info-area .share-icon span{
    font-size:14px;
    margin-right:5px;
    opacity:.7
}
.main-post .info-area .tags a,.main-post .info-area .share-icon a{
    padding:7px 20px;
    font-size:13px;
    background:rgb(255 255 255 / .02);
    border-radius:30px;
    margin-right:5px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.main-post .info-area .tags a:hover,.main-post .info-area .share-icon a:hover{
    background:#14cf93;
    color:#1d1d1d
}
.main-post .info-area .share-icon a{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:11px;
    text-align:center;
    padding:0
}
.main-post .author-area{
    padding:40px;
    background:rgb(255 255 255 / .02);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px)
}
.main-post .author-area .author-img .img{
    width:100px;
    height:100px;
    border-radius:10px;
    overflow:hidden
}
.main-post .next-prv-post .thumb-post{
    width:100%;
    padding:40px;
    position:relative;
    overflow:hidden;
    z-index:2
}
.main-post .next-prv-post .thumb-post:after{
    content:'';
    background:#1a1a1a;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:1px solid rgb(255 255 255 / .1);
    z-index:-1;
    opacity:.7;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.main-post .next-prv-post .thumb-post:first-of-type{
    margin-right:15px
}
.main-post .next-prv-post .thumb-post:last-of-type{
    margin-left:15px
}
.comments-post .item-box{
    position:relative
}
.comments-post .item-box p{
    font-size:14px;
    width:80%
}
.comments-post .item-box.replayed{
    margin-left:30px
}
.comments-post .item-box .replay-butn{
    position:absolute;
    top:15px;
    right:15px
}
.comments-post .item-box .replay-butn a{
    font-size:13px;
    padding:8px 20px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:30px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.comments-post .item-box .replay-butn a:hover{
    background:var(--maincolor);
    color:#1d1d1d
}
.comments-from input,.comments-from textarea{
    width:100%;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:5px;
    background:#fff0;
    color:#fff;
    padding:15px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.comments-from input:focus,.comments-from textarea:focus{
    border-color:#fff
}
.comments-from textarea{
    min-height:180px
}
.comments-from button{
    padding:15px 35px;
    width:100%;
    background:rgb(255 255 255 / .02);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    color:#fff;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    position:relative;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:5px;
    overflow:hidden;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.comments-from button .text{
    position:relative;
    z-index:4
}
.comments-from button:hover{
    color:#1d1d1d;
    background:#fff
}
.brands .brand-swiper .swiper-slide{
    height:auto
}
.brands .brand-swiper .item{
    padding:60px 30px;
    border-right:1px solid rgb(255 255 255 / .08);
    height:100%
}
.brands .brand-swiper .item a{
    width:100px
}
.brands-crev .sec-head{
    padding:80px 20px 80px 80px;
    position:relative
}
.brands-crev .sec-head:after{
    content:'';
    position:absolute;
    top:-30px;
    left:0;
    right:-100vw;
    bottom:0;
    background:#1d1d1d;
    border-radius:0 0 0 30px
}
.brands-crev .sec-head .shap-left-top{
    position:absolute;
    top:-1px;
    left:-2.05rem;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.brands-crev .sec-head .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.brands-crev .sec-head.nocurve:after{
    border-radius:0
}
.brands-crev .item{
    padding:130px 20px;
    text-align:center;
    position:relative;
    border:1px solid rgb(255 255 255 / .08)
}
.brands-crev .item:after{
    content:'';
    position:absolute;
    top:35px;
    left:35px;
    right:35px;
    bottom:35px;
    background:#ff5003;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.brands-crev .item:hover:after{
    opacity:1
}
.brands-crev .item.empty{
    border:0
}
.brands-crev .item.empty .text{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.brands-crev .item.empty:after{
    display:none
}
.brands-crev .item .top-left{
    top:-.8rem;
    left:-.8rem
}
.brands-crev .item .top-right{
    top:-.8rem;
    right:-.8rem
}
.brands-crev .item .bottom-left{
    bottom:-.8rem;
    left:-.8rem
}
.brands-crev .item .bottom-right{
    bottom:-.8rem;
    right:-.8rem
}
.brands-crev .item .top-left,.brands-crev .item .top-right,.brands-crev .item .bottom-left,.brands-crev .item .bottom-right{
    position:absolute
}
.brands-crev .item .top-left:after,.brands-crev .item .top-right:after,.brands-crev .item .bottom-left:after,.brands-crev .item .bottom-right:after{
    content:'';
    position:absolute;
    top:-20px;
    left:-20px;
    right:-20px;
    bottom:-20px;
    background:#1a1a1a
}
.brands-crev .item svg{
    width:1.6rem;
    position:relative;
    z-index:3;
    opacity:.4
}
.brands-crev .item img{
    width:100px
}
.brands-crev .item .img,.brands-crev .item .text{
    position:relative;
    z-index:2
}
.brands-crev.simple .sec-head:after{
    display:none
}
.brands-crev.revers-bg .item .top-left,.brands-crev.revers-bg .item .top-right,.brands-crev.revers-bg .item .bottom-left,.brands-crev.revers-bg .item .bottom-right{
    position:absolute
}
.brands-crev.revers-bg .item .top-left:after,.brands-crev.revers-bg .item .top-right:after,.brands-crev.revers-bg .item .bottom-left:after,.brands-crev.revers-bg .item .bottom-right:after{
    content:'';
    position:absolute;
    top:-20px;
    left:-20px;
    right:-20px;
    bottom:-20px;
    background:#1d1d1d
}
.clients .brand:hover .img{
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0
}
.clients .brand:hover .link{
    opacity:1!important;
    -webkit-transition:all 0;
    -o-transition:all 0;
    transition:all 0
}
.clients .brand:hover .char{
    -webkit-animation:fadeInUp 0.3s cubic-bezier(.3,0,.7,1) both;
    animation:fadeInUp 0.3s cubic-bezier(.3,0,.7,1) both;
    -webkit-animation-delay:calc(20ms * var(--char-index));
    animation-delay:calc(20ms * var(--char-index))
}
.clients .brand .item{
    position:relative;
    text-align:center;
    padding:80px 20px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:10px
}
.clients .brand .item .link{
    font-size:16px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.clients .brand .img{
    opacity:.8;
    max-width:100px;
    margin:auto;
    position:relative;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.clients-carso .img{
    margin:auto
}
.clients-carso2{
    padding:60px 0;
    border-top:1px solid rgb(255 255 255 / .2);
    border-bottom:1px solid rgb(255 255 255 / .2)
}
.clients-carso2 .img{
    margin:auto;
    opacity:.8
}
.clients-carso2 .img:hover{
    opacity:1
}
.brand-box .box-bord{
    border:1px solid rgb(255 255 255 / .08);
    padding:140px 30px 60px
}
.img-scale{
    position:relative;
    height:600px
}
.img-scale .top-curve{
    position:absolute;
    top:-2px;
    right:0;
    background:#1a1a1a;
    padding:40px;
    border-radius:0 0 0 30px;
    z-index:3
}
.img-scale .top-curve .shap-left-top{
    position:absolute;
    top:0;
    left:-2.05rem;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.img-scale .top-curve .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.img-scale .top-curve .shap-right-bottom{
    position:absolute;
    bottom:-2.12rem;
    right:0;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.img-scale .top-curve .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.img-scale .bottom-curve{
    position:absolute;
    left:-1px;
    bottom:-1px;
    padding:30px 140px;
    background:#1a1a1a;
    border-radius:0 30px 0 0;
    z-index:3
}
.img-scale .bottom-curve .shap-left-top{
    position:absolute;
    top:-2.05rem;
    left:1px;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.img-scale .bottom-curve .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.img-scale .bottom-curve .shap-right-bottom{
    position:absolute;
    bottom:0;
    right:-2.1rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.img-scale .bottom-curve .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.img-scale .image{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.img-scale .image>.img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.img-scale .image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.img-scale .vid-circle{
    width:200px;
    height:200px;
    border:1px solid rgb(255 255 255 / .5);
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    z-index:5
}
.contact input,.contact textarea,.contact select{
    width:100%;
    border:0;
    border-bottom:1px solid rgb(255 255 255 / .2);
    background:#fff0;
    color:#ff5003;
    padding:15px 0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.contact input:focus,.contact textarea:focus{
    border-color:#fff
}
.contact textarea{
    min-height:180px
}
.contact .info-box{
    padding:80px 40px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:30px;
    position:relative;
    overflow:hidden
}
.contact .info-box:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../imgs/map.png);
    background-size:cover;
    opacity:.3;
    z-index:-1
}
.contact .form2 input,.contact .form2 textarea,.contact .form2 select{
    padding:15px 30px;
    border:1px solid rgb(255 255 255 / .08)!important;
    border-radius:30px
}
.contact-modern .social-box{
    height:100%;
    overflow:hidden
}
.contact-modern .social-box .item{
    padding:30px;
    border:1px solid rgb(255 255 255 / .2);
    width:calc(50% - 20px);
    height:calc(50% - 10px);
    display:inline-block;
    margin-bottom:20px;
    margin-right:20px;
    border-radius:15px;
    float:left;
    position:relative;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.contact-modern .social-box .item:hover .icon{
    background:rgb(255 255 255 / .08)
}
.contact-modern .social-box .item:nth-of-type(3),.contact-modern .social-box .item:nth-of-type(4){
    margin-bottom:0
}
.contact-modern .social-box .item .icon{
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:20px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:50%;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.contact-modern .social-box .item h6{
    position:absolute;
    bottom:30px;
    left:30px
}
.contact-modern .social-box .item h6 span{
    width:20px;
    margin-right:10px
}
.contact-modern .contact-form input,.contact-modern .contact-form textarea,.contact-modern .contact-form select{
    color:#fff;
    width:100%;
    padding:15px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:5px;
    background:#fff0
}
.contact-modern.box-form{
    padding:40px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:15px
}
.contact-crev{
    position:relative
}
.contact-crev:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    background-image:url(../imgs/patterns/lines1.png);
    background-size:cover;
    background-position:center top;
    opacity:.12;
    z-index:-1
}
.contact-crev input,.contact-crev textarea{
    width:100%;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:10px;
    background:#fff0;
    color:#fff;
    padding:15px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.contact-crev input:focus,.contact-crev textarea:focus{
    border-color:#fff
}
.contact-crev textarea{
    min-height:180px
}
.social-icon-circle a{
    width:55px;
    height:55px;
    line-height:55px;
    text-align:center;
    border:1px solid rgb(255 255 255 / .08);
    border-radius:50%;
    background:rgb(255 255 255 / .02);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.social-icon-circle a:hover{
    color:#ff5003
}
.google-map{
    height:450px;
    width:100%;
    position:relative;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.google-map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.call-box-action .thbox{
    border:2px solid rgb(255 255 255 / .08);
    border-radius:30px;
    position:relative;
    overflow:hidden
}
.accordion .title{
    padding:15px;
    border:1px solid #ff5003;
    border-radius:15px;
    cursor:pointer;
    position:relative;
    margin-bottom:10px
}
.accordion .title .ico{
    position:absolute;
    bottom:20px;
    right:15px
}
.accordion .accordion-info{
    display:none;
    padding:30px;
    background:rgb(255 255 255 / .02);
    border-radius:15px
}
.accordion .active .title .ico{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.accordion .active .accordion-info{
    display:block
}
.list-arrow li .icon{
    width:15px;
    margin-right:10px
}
.dot-list li{
    position:relative;
    padding-left:15px
}
.dot-list li:before{
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:0;
    background:#fff
}
.text-dark .dot-list li:before{
    background:#1a1a1a
}
footer .subscribe-minimal .form-group{
    position:relative
}
footer .subscribe-minimal input{
    color:#fff;
    background:#fff0;
    border-radius:30px;
    border:1px solid rgb(255 255 255 / .1);
    width:100%;
    padding:15px 30px
}
footer .subscribe-minimal input:focus{
    border-color:rgb(255 255 255 / .5)
}
footer .subscribe-minimal button{
    color:#fff;
    padding:15px 0;
    position:absolute;
    top:5px;
    right:30px;
    background:#fff0;
    border:0
}
footer.clean-footer.crev{
    position:relative
}
footer.clean-footer.crev:after{
    content:'';
    position:absolute;
    top:0;
    left:40px;
    right:0;
    bottom:40px;
    background:#1a1a1a;
    z-index:2
}
footer.clean-footer.crev:before{
    background:-webkit-gradient(linear,left top,left bottom,from(#1d1d1d),to(rgb(29 29 29 / .7)));
    background:-webkit-linear-gradient(top,#1d1d1d,rgb(29 29 29 / .7));
    background:-o-linear-gradient(top,#1d1d1d,rgb(29 29 29 / .7));
    background:linear-gradient(180deg,#1d1d1d,rgb(29 29 29 / .7))
}
.modern-footer .bord-left{
    position:relative
}
.modern-footer .bord-left:after{
    content:'';
    position:absolute;
    top:-80px;
    bottom:-80px;
    left:-80px;
    border-left:1px solid rgb(255 255 255 / .1)
}
/*Ajinath*/
.main-header{
    padding:60px 0 0;
    background-size:cover
}
/*.main-header{*/
/*    padding:120px 0 0;*/
/*    background-size:cover*/
/*}*/
/*Ajinath end*/

.main-header .container-fluid{
    width:calc(100% - 100px);
    margin:auto
}
.main-header .lg-text{
    margin-bottom:-50px
}
.main-header .lg-text h1{
    text-transform:uppercase;
    font-size:8rem;
    line-height:1.54
}
.main-header .lg-text .h-h1{
    text-transform:uppercase;
    font-size:8rem;
    line-height:1.54
}
.h3{
    text-transform:uppercase;
    font-size:8rem;
    line-height:1.54
}
.digital-header{
    min-height:100vh;
    width:calc(100% - 60px);
    margin:auto;
    border-radius:30px 30px 30px 0;
    position:relative
}
.digital-header:before{
    border-radius:30px 30px 30px 0
}
.digital-header .caption{
    position:relative;
    background:#1a1a1a;
    padding:30px 30px 30px 80px;
    margin-top:-1px;
    border-radius:0 0 0 30px;
    z-index:3
}
.digital-header .caption .shap-left-top{
    position:absolute;
    top:0;
    left:-2.05rem;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.digital-header .caption .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.digital-header .caption .shap-right-bottom{
    position:absolute;
    bottom:-2.1rem;
    right:10px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.digital-header .caption .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.digital-header .text-info{
    position:absolute;
    left:-1px;
    bottom:-1px;
    padding:40px;
    background:#1a1a1a;
    border-radius:0 30px 0 0;
    z-index:3
}
.digital-header .text-info .shap-left-top{
    position:absolute;
    top:-2.05rem;
    left:1px;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.digital-header .text-info .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.digital-header .text-info .shap-right-bottom{
    position:absolute;
    bottom:0;
    right:-2.1rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.digital-header .text-info .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.crev-agency-header{
    border-bottom:1px solid rgb(255 255 255 / .1)
}
.crev-agency-header .caption{
    padding-left:15px;
    width:calc(100% + 30px);
    position:relative;
    z-index:3
}
.crev-agency-header .caption h1{
    font-size:85px;
    line-height:1.1
}
.crev-agency-header .left-clumn,.crev-agency-header .right-clumn{
    padding:40px 30px
}
.crev-agency-header .left-clumn .img,.crev-agency-header .right-clumn .img{
    border-radius:10px;
    overflow:hidden
}
.crev-agency-header .left-clumn{
    border-right:1px solid rgb(255 255 255 / .1)
}
.crev-agency-header .left-clumn .img{
    margin-bottom:140px
}
.crev-agency-header .right-clumn{
    border-left:1px solid rgb(255 255 255 / .1)
}
.crev-agency-header .right-clumn .img{
    margin-top:70px
}
.crev-portfolio-header{
    position:relative
}
.crev-portfolio-header .numb-fixed{
    position:absolute;
    top:50%;
    right:-1px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:10px 25px;
    border-radius:15px 15px 0 0;
    -webkit-transform:rotate(-90deg) translateX(50%) translateY(-100%);
    -ms-transform:rotate(-90deg) translateX(50%) translateY(-100%);
    transform:rotate(-90deg) translateX(50%) translateY(-100%);
    -webkit-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right
}
.crev-portfolio-header .caption h1{
    font-size:74px
}
.startup-header{
    padding:15px 15px 0
}
.startup-header .bg-img{
    min-height:100vh;
    padding:120px 0
}
.startup-header .caption{
    position:relative
}
.startup-header .caption .lg-text{
    font-size:120px;
    text-transform:uppercase
}
.startup-header .caption .lg-text .text{
    display:block
}
.startup-header .caption .lg-text .text:nth-of-type(2){
    padding-left:30vw
}
.startup-header .caption p{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20vw
}
.freelancer{
    position:relative;
    padding-top:120px
}
.freelancer:after{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:200px;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#1a1a1a),to(transparent));
    background-image:-webkit-linear-gradient(bottom,#1a1a1a,transparent);
    background-image:-o-linear-gradient(bottom,#1a1a1a,transparent);
    background-image:linear-gradient(0deg,#1a1a1a,transparent);
    z-index:5
}
.freelancer:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    background-image:url(../imgs/patterns/lines1.png);
    background-size:cover;
    background-position:center top;
    opacity:.2;
    z-index:-1
}
.freelancer .caption{
    text-align:center
}
.freelancer .caption h1{
    font-size:13vw;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
    position:absolute;
    bottom:50px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1
}
.freelancer .caption h1 span{
    display:block;
    white-space:nowrap
}
.freelancer .caption h1.stroke{
    color:#fff0;
    -webkit-text-stroke:1px rgb(255 255 255 / .8);
    z-index:3
}
.page-header-cerv{
    position:relative
}
.page-header-cerv:after{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:80%;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#1a1a1a),to(transparent));
    background-image:-webkit-linear-gradient(bottom,#1a1a1a,transparent);
    background-image:-o-linear-gradient(bottom,#1a1a1a,transparent);
    background-image:linear-gradient(0deg,#1a1a1a,transparent);
    z-index:2
}
.page-header-cerv.section-padding,.page-header.section-padding{
    padding:100px 0
}
.header-project1{
    padding:180px 0 0
}
.header-project1 .bg-img{
    height:90vh;
    min-height:600px
}
.header-project1 .head-img{
    height:550px
}
.header-project2 .project2{
    width:130%;
    margin-left:-15%
}
.header-project2 .project2 .img{
    height:75vh;
    min-height:500px
}
.header-project2 .project2 .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.header-project3{
    min-height:70vh;
    padding:220px 0 120px
}
.header-project3:before{
    background:-webkit-gradient(linear,left bottom,left top,from(#1a1a1a),to(transparent));
    background:-webkit-linear-gradient(bottom,#1a1a1a,transparent);
    background:-o-linear-gradient(bottom,#1a1a1a,transparent);
    background:linear-gradient(to top,#1a1a1a,transparent);
    opacity:1
}
.header-project4{
    min-height:100vh;
    padding:220px 0 80px
}
.header-project6 .info .category{
    position:relative;
    padding-right:10px
}
.header-project6 .info .category:after{
    content:',';
    position:absolute;
    top:50%;
    right:5px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.header-project6 .info .category:last-of-type:after{
    display:none
}
.header-project6 .info .date{
    position:relative;
    padding-left:10px
}
.header-project6 .info .date:after{
    content:'';
    position:absolute;
    bottom:5px;
    left:-2px;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#14cf93
}
.page-header-error{
    min-height:100vh;
    position:relative
}
.page-header-error .main-marq{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    pointer-events:none;
    opacity:.1
}
.page-header-error .main-marq .item{
    padding:0 100px
}
.page-header-error .main-marq .item h4{
    font-size:20vw;
    line-height:1;
    color:transparent!important;
    -webkit-text-stroke:.5px #fff!important
}
@-webkit-keyframes move{
    0%{
        background-position:0 0
    }
    25%{
        background-position:50% 0
    }
    50%{
        background-position:90% 0
    }
    60%{
        background-position:60%
    }
    75%{
        background-position:40%
    }
    100%{
        background-position:0 0
    }
}
@keyframes move{
    0%{
        background-position:0 0
    }
    25%{
        background-position:50% 0
    }
    50%{
        background-position:90% 0
    }
    60%{
        background-position:60%
    }
    75%{
        background-position:40%
    }
    100%{
        background-position:0 0
    }
}
.skills-img .img{
    position:relative
}
.skills-img .img .curv-title{
    position:absolute;
    top:50%;
    right:-1px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:10px 25px;
    border-radius:15px 15px 0 0;
    -webkit-transform:rotate(-90deg) scaleX(-1) translateX(50%) translateY(-100%);
    -ms-transform:rotate(-90deg) scaleX(-1) translateX(50%) translateY(-100%);
    transform:rotate(-90deg) scaleX(-1) translateX(50%) translateY(-100%);
    -webkit-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right
}
.skills-img .img .curv-title h6{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    transform:scaleX(-1)
}
.skills-img .img .curv-title .shap-left-bottom{
    position:absolute;
    bottom:-1px;
    left:-2.05rem;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.skills-img .img .curv-title .shap-left-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.skills-img .img .curv-title .shap-right-bottom{
    position:absolute;
    bottom:-1px;
    right:-2.05rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.skills-img .img .curv-title .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.skills-img-crev .img{
    position:relative
}
.skills-img-crev .img img{
    -webkit-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    transform:rotate(-10deg);
    margin-bottom:-50px;
    margin-left:25px
}
.skills-img-crev .img .rotate-butn-vid{
    position:absolute;
    bottom:50px;
    left:-100px;
    -webkit-transform:rotate(-90deg) translateY(-100%);
    -ms-transform:rotate(-90deg) translateY(-100%);
    transform:rotate(-90deg) translateY(-100%);
    padding:8px 20px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:30px
}
.skills-img-crev .circle-button{
    background:rgb(26 26 26 / .05);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-radius:50%;
    position:relative;
    z-index:3
}
.skills-box h6{
    font-size:13px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
.skills-box .skill-progress{
    height:5px;
    background-color:rgb(255 255 255 / .05);
    position:relative
}
.skills-box .skill-progress .progres{
    position:absolute;
    height:100%;
    width:40%;
    border-radius:2px;
    top:0;
    left:0;
    background:#ff5003;
    -webkit-transition:all 1.5s;
    -o-transition:all 1.5s;
    transition:all 1.5s
}
.skills-box .skill-progress .progres:after{
    content:attr(data-value);
    position:absolute;
    right:10px;
    top:-25px;
    font-size:12px;
    font-weight:600
}
.my-skills .item{
    padding:30px 30px 0;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:10px;
    position:relative
}
.my-skills .item .value{
    font-size:12px;
    padding:3px 10px;
    border-radius:30px;
    border:1px solid rgb(255 255 255 / .2);
    position:absolute;
    top:10px;
    right:10px
}
.my-skills .skill-progress{
    height:3px;
    background-color:rgb(255 255 255 / .1);
    position:relative
}
.my-skills .skill-progress .progres{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    background-color:#fff;
    -webkit-transition:all 1.5s;
    -o-transition:all 1.5s;
    transition:all 1.5s
}
.my-skills2 .item{
    text-align:center
}
.my-skills2 .item .box-bord{
    padding:40px 15px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:100px
}
.my-skills2 .item .img{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    margin:0 auto 30px;
    border-radius:50%;
    background:rgb(255 255 255 / .05)
}
.my-skills2 .item .img img{
    width:55px
}
.my-skills2 .item .value{
    font-size:30px
}
.my-skills2 .item h6{
    margin-top:25px
}
.marquee-skew{
    position:relative;
    overflow:hidden;
    padding:50px 0;
    border-top:1px solid rgb(255 255 255 / .2);
    border-bottom:1px solid rgb(255 255 255 / .2);
    -webkit-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg);
    width:calc(100% + 60px);
    margin-left:-30px;
    background:#1a1a1a
}
.interactive-inline{
    min-height:100vh;
    padding:380px 0 60px
}
.interactive-inline .item{
    position:relative;
    display:inline-block;
    margin-right:40px;
    padding-bottom:60px
}
.interactive-inline .item a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.interactive-inline .item span{
    font-size:13px;
    opacity:.8;
    margin-right:5px
}
.interactive-inline .item h4{
    font-size:35px;
    font-weight:700;
    color:#fff0;
    -webkit-text-stroke:1px #fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.interactive-inline .item p{
    font-size:14px;
    font-weight:400;
    margin-left:10px
}
.interactive-inline .item:hover h4{
    color:#fff;
    -webkit-text-stroke-color:#fff0
}
.interactive-inline .item .hover-reveal{
    position:absolute!important;
    top:-10px!important;
    left:50%!important;
    -webkit-transform:translateX(-50%) translateY(-100%);
    -ms-transform:translateX(-50%) translateY(-100%);
    transform:translateX(-50%) translateY(-100%);
    width:380px;
    height:280px
}
.interactive-center{
    min-height:100vh;
    padding:120px 0 80px
}
.interactive-center .item a{
    padding:50px 0
}
.interactive-center .item a:hover h4{
    color:#fff;
    -webkit-text-stroke-color:#fff0
}
.interactive-center .item .cont{
    position:relative;
    z-index:3
}
.interactive-center .item h4{
    font-size:70px;
    line-height:1;
    color:#fff0;
    -webkit-text-stroke:1px #fff;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.interactive-center .item p{
    font-weight:400;
    margin-top:15px
}
.interactive-center .item .hover-reveal{
    z-index:-1;
    top:15vh!important;
    left:20vw!important;
    width:60vw;
    height:70vh;
    min-width:600px;
    min-height:450px
}
.inter-links-center{
    position:relative;
    height:100vh;
    overflow:auto
}
.inter-links-center::-webkit-scrollbar{
    width:0
}
.inter-links-center.horizontal .links-text ul{
    margin-left:-40px!important;
    margin-right:-40px!important
}
.inter-links-center.horizontal .links-text li{
    display:inline-block;
    padding:40px
}
.inter-links-center.horizontal .links-text li .sub-title{
    margin-bottom:10px
}
.inter-links-center.horizontal .links-text li h2{
    font-weight:700;
    font-size:30px
}
.inter-links-center.horizontal .links-text li h2 a .tag{
    display:block;
    font-weight:400
}
.inter-links-center.horizontal .links-text li h2 .num{
    font-size:14px;
    font-weight:600;
    opacity:.7;
    margin-right:15px
}
.inter-links-center.vertical .links-text{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    position:relative;
    z-index:66
}
.inter-links-center.vertical .links-text li{
    padding:0 20px
}
.inter-links-center .links-text li{
    padding:40px 0;
    position:relative;
    z-index:9
}
.inter-links-center .links-text li:hover .text{
    color:#fff;
    -webkit-text-stroke-color:#fff0
}
.inter-links-center .links-text li .text{
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    color:#fff0;
    -webkit-text-stroke:1px #fff
}
.inter-links-center .links-text li h2{
    font-weight:700
}
.inter-links-center .links-text li h2 a .tag{
    font-weight:400;
    opacity:.5
}
.inter-links-center .links-text li h2 .num{
    display:block;
    font-size:14px;
    font-weight:600;
    opacity:.7;
    margin-right:15px
}
.inter-links-center .links-img{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    pointer-events:none;
    overflow:hidden
}
.inter-links-center .links-img .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transform:scale(1.04,1.04);
    -ms-transform:scale(1.04,1.04);
    transform:scale(1.04,1.04);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.inter-links-center .links-img .img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.inter-links-center .links-img .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.inter-fixed-text .links-img:hover .img img{
    -webkit-filter:blur(4px);
    filter:blur(4px)
}
.inter-fixed-text .links-img:hover .current img{
    -webkit-filter:none;
    filter:none
}
.inter-fixed-text .links-img .img{
    position:relative;
    height:80vh;
    max-height:700px;
    border-radius:30px;
    overflow:hidden
}
.inter-fixed-text .links-img .img .link-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.inter-fixed-text .links-img .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.inter-fixed-text .links-img .cont{
    margin-top:30px;
    text-align:center;
    display:none
}
.inter-fixed-text .links-text{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:4;
    pointer-events:none
}
.inter-fixed-text .links-text li{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    text-align:center;
    overflow:hidden
}
.inter-fixed-text .links-text li .tag{
    -webkit-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    transform:translateY(-50px)
}
.inter-fixed-text .links-text li h2{
    font-size:75px;
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.inter-fixed-text .links-text li .tag,.inter-fixed-text .links-text li h2{
    opacity:0;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.inter-fixed-text .links-text li.current .tag,.inter-fixed-text .links-text li.current h2{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s;
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.portfolio-tab .cluom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:40px;
    border-bottom:1px solid rgb(255 255 255 / .1);
    border-left:1px solid rgb(255 255 255 / .1);
    position:relative
}
.portfolio-tab .cluom:last-of-type{
    border-bottom:0
}
.portfolio-tab .cluom.current{
    border-left-color:#fff0
}
.portfolio-tab .cluom .more{
    margin-left:auto
}
.portfolio-tab .cluom .img{
    position:absolute;
    top:-25px;
    right:200px;
    width:200px;
    height:300px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.portfolio-tab .glry-img{
    width:100%;
    height:100%;
    position:relative
}
.portfolio-tab .glry-img .bg-img{
    position:absolute;
    top:40px;
    left:40px;
    right:40px;
    bottom:40px;
    -webkit-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    opacity:0;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s;
    background-size:cover;
    background-position:center center
}
.portfolio-tab .glry-img .bg-img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.portfolio-tab.crev{
    border:0
}
.portfolio-tab.crev .cluom{
    padding:0 0 15px;
    border-left:0
}
.portfolio-tab.crev .glry-img{
    width:450px;
    height:450px;
    position:relative;
    -webkit-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    transform:rotate(-10deg)
}
.portfolio-tab.crev .glry-img .bg-img{
    position:absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    opacity:0;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s;
    background-size:cover;
    background-position:center center;
    border-radius:15px
}
.portfolio-tab.crev .glry-img .bg-img:before{
    top:-50px;
    left:50px;
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px)
}
.portfolio-tab.crev .glry-img .bg-img:after{
    bottom:-50px;
    right:50px;
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px)
}
.portfolio-tab.crev .glry-img .bg-img:after,.portfolio-tab.crev .glry-img .bg-img:before{
    content:'';
    position:absolute;
    width:20px;
    height:100px;
    background:#14cf93;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.portfolio-tab.crev .glry-img .bg-img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.portfolio-tab.crev .glry-img .bg-img.current:after,.portfolio-tab.crev .glry-img .bg-img.current:before{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.portfolio-carsouel{
    overflow:hidden
}
.portfolio-carsouel .swiper-slide{
    width:45%
}
.portfolio-carsouel .swiper-slide:nth-child(2n){
    width:30%
}
.portfolio-carsouel .swiper-slide:nth-child(3n){
    width:40%
}
.portfolio-carsouel .work-swiper-auto{
    -webkit-clip-path:inset(-100vw -100vw -100vw 0);
    clip-path:inset(-100vw -100vw -100vw 0)
}
.portfolio-carsouel .swiper-container{
    overflow:visible
}
.portfolio-carsouel .work-swiper-center .item .img{
    height:400px;
    border-radius:10px;
    overflow:hidden
}
.work-carsouel{
    position:relative
}
.work-carsouel .work-crus.out{
    width:120%;
    margin-left:-10%
}
.work-carsouel .work-crus .swiper-slide:hover .img .cont span,.work-carsouel .work-crus .swiper-slide:hover .img .cont h6{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
.work-carsouel .work-crus .img{
    position:relative
}
.work-carsouel .work-crus .img .cont{
    position:absolute;
    bottom:30px;
    left:30px
}
.work-carsouel .work-crus .img .cont span,.work-carsouel .work-crus .img .cont h6{
    background:#1a1a1a;
    font-weight:500;
    padding:5px 15px;
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.work-carsouel .work-crus .img .cont h6{
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.work-carsouel .work-crus .img .plink{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.work-carsouel .work-crus.random .swiper-container{
    overflow:visible
}
.work-carsouel .work-crus.random .swiper-slide .item .img{
    height:450px
}
.work-carsouel .work-crus.random .swiper-slide .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.work-carsouel .work-crus.random .swiper-slide:nth-of-type(odd) .item .img{
    height:380px;
    -webkit-transform:translateY(35px);
    -ms-transform:translateY(35px);
    transform:translateY(35px)
}
.work-carsouel .work-crus.random .swiper-slide:nth-of-type(odd) .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.work-carsouel .out-right{
    -webkit-clip-path:inset(-100vw -100vw -100vw 0);
    clip-path:inset(-100vw -100vw -100vw 0)
}
.work-carsouel .out-right .swiper-container{
    overflow:visible
}
.work-carsouel.full-height{
    min-height:100vh
}
.work-carsouel.full-height .swiper-slide .img{
    height:60vh
}
.work-carsouel.full-height .swiper-slide .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.work-carsouel .work-controls{
    position:absolute;
    bottom:40px;
    left:0;
    width:100%
}
.work-carsouel .work-controls .swiper-pagination{
    position:absolute;
    bottom:10px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:44
}
.work-carsouel .work-controls .swiper-pagination span{
    cursor:pointer
}
.portfolio-clean .item:hover .img .cont{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.portfolio-clean .item .img{
    width:100%;
    height:440px;
    border-radius:15px;
    overflow:hidden;
    position:relative
}
.portfolio-clean .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.portfolio-clean .item .img .cont{
    position:absolute;
    bottom:15px;
    left:15px;
    right:15px;
    padding:15px 30px;
    background:rgb(0 0 0 / .1);
    -webkit-backdrop-filter:blur(30px);
    backdrop-filter:blur(30px);
    border-radius:10px;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.portfolio-clean .item .img .cont h5{
    font-size:20px
}
.portfolio-clean .item .img .cont img{
    width:20px
}
.portfolio-clean .item.smal .img{
    height:240px
}
.work-minimal .item:hover .img .cont{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.work-minimal .item .img{
    position:relative
}
.work-minimal .item .img .cont{
    position:absolute;
    bottom:15px;
    left:15px;
    right:15px;
    padding:15px 30px;
    background:#1a1a1a;
    border-radius:5px;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.work-minimal .item .img .cont h5{
    font-size:20px
}
.work-minimal .item .img .cont p{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1px
}
.work-minimal .item .img .cont img{
    width:20px
}
.work-minimal .item .img .cont.inline{
    padding:25px 30px
}
.work-asymetic .caption{
    position:relative
}
.work-asymetic .caption .lg-text{
    font-size:11vw;
    text-transform:uppercase;
    line-height:1
}
.work-asymetic .caption .lg-text .text{
    display:block
}
.work-asymetic .caption .lg-text .text:nth-of-type(2){
    padding-left:30vw
}
.work-asymetic .caption p{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20vw
}
.work-asymetic .items{
    margin-top:120px
}
.work-metro .item .img{
    height:480px
}
.work-metro .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.work-outline .row{
    border:.5px solid rgb(255 255 255 / .05)
}
.work-outline .row .items{
    border:.5px solid rgb(255 255 255 / .05);
    padding:5%
}
.work-outline .row .item .img{
    height:400px
}
.work-outline .row .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.work-sticky .items{
    margin-top:80px
}
.work-sticky .items .cont{
    padding:0 40px;
    background:rgb(255 255 255 / .02);
    border-radius:10px;
    height:100%
}
.work-sticky .items .cont .sticky-item{
    padding:40px 0
}
.work-sticky .items .img{
    border-radius:10px;
    overflow:hidden
}
.portfolio-fixed .left{
    position:relative;
    height:100vh;
    overflow:hidden
}
.portfolio-fixed .img{
    background-size:cover;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    opacity:0
}
.portfolio-fixed .img:first-of-type{
    opacity:1;
    z-index:1
}
.portfolio-fixed .img:nth-of-type(2){
    z-index:2
}
.portfolio-fixed .img:nth-of-type(3){
    z-index:3
}
.portfolio-fixed .img:nth-of-type(4){
    z-index:4
}
.portfolio-fixed .img:nth-of-type(5){
    z-index:5
}
.portfolio-fixed .img:nth-of-type(6){
    z-index:6
}
.portfolio-fixed .img:nth-of-type(7){
    z-index:7
}
.portfolio-fixed .img:nth-of-type(8){
    z-index:8
}
.portfolio-fixed .img:nth-of-type(9){
    z-index:9
}
.portfolio-fixed .img:nth-of-type(10){
    z-index:10
}
.portfolio-fixed .img.current{
    opacity:1
}
.portfolio-fixed .right{
    padding:250px 100px;
    overflow:hidden
}
.portfolio-fixed .cont{
    margin-bottom:300px;
    opacity:.1;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.portfolio-fixed .cont:last-of-type{
    margin-bottom:0
}
.portfolio-fixed .cont.active{
    opacity:1
}
.portfolio-fixed .cont .img-hiden{
    display:none
}
.portfolio-fixed .current.cont{
    opacity:1
}
.works.thecontainer{
    width:300vw;
    min-height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    padding-left:100px
}
.works .panel{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:30px
}
.works .panel .item{
    width:calc(50vw - 80px)
}
.works .panel .item .img{
    height:480px;
    min-height:50vh
}
.works .panel .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.works .panel .item .cont{
    padding:25px 10px;
    border-bottom:1px solid rgb(255 255 255 / .2)
}
.works .panel .item .cont h5{
    margin-bottom:5px
}
.works .panel .item .cont span{
    font-size:16px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:5px
}
.filtering span{
    margin:0 20px;
    cursor:pointer;
    position:relative
}
.filtering span:after{
    content:'';
    position:absolute;
    left:-2px;
    right:110%;
    bottom:-2px;
    border-bottom:1px solid rgb(255 255 255 / .5);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.filtering span.text{
    cursor:default;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px
}
.filtering span.text:after{
    display:none
}
.filtering span.active:after{
    right:-2px
}
.img-column .img{
    height:100vh;
    min-height:500px
}
.img-column .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.img-column3 .img{
    height:80vh;
    min-height:500px
}
.img-column-sm .img{
    height:60vh;
    min-height:350px
}
.img-column-sm .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.next-project{
    position:relative
}
.next-project .box{
    padding:200px 80px;
    position:relative
}
.next-project .box:after{
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
    background:#1d1d1d;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.next-project .box .cont{
    position:relative;
    z-index:3
}
.next-project .box:hover:after{
    opacity:.3
}
.next-project .all-works-butn{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    padding:25px;
    background:#1a1a1a;
    z-index:4
}
.div-tooltip-tit{
    display:none;
    position:absolute;
    background-color:#1a1a1a;
    padding:0 15px;
    height:50px;
    line-height:50px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    z-index:99999
}
.div-tooltip-sub{
    display:none;
    position:absolute;
    background-color:#fff;
    padding:10px 14px;
    color:#1a1a1a;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    z-index:99999
}
.price-hr .item{
    padding:50px 30px;
    border:1px solid rgb(255 255 255 / .08);
    border-radius:20px
}
.price-hr .item .butn{
    padding:7px 25px
}
.price-hr .item.text-dark .butn{
    border-color:#1d1d1d
}
.price-hr .item.text-dark .butn:hover{
    border-color:#fff
}
.pricing .item{
    padding:50px 30px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:5px
}
.pricing .item li{
    margin-bottom:10px;
    padding-left:20px;
    position:relative
}
.pricing .item li:after{
    content:'';
    width:5px;
    height:5px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:0;
    top:calc(50% - 5px)
}
.process .item{
    border-right:1px solid rgb(255 255 255 / .08)
}
.process .item:last-of-type{
    border:0
}
.process .item:hover .to-in{
    margin-left:0
}
.serv-img .img{
    position:relative
}
.serv-img .img .circle-button{
    position:absolute;
    bottom:-1px;
    right:-50px;
    border-radius:30px 0 0 0
}
.serv-img .img .circle-button .shap-left-bottom{
    position:absolute;
    bottom:-1px;
    left:-2.1rem;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.serv-img .img .circle-button .shap-left-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.serv-img .img .circle-button .shap-right-top{
    position:absolute;
    top:-2.1rem;
    right:50px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.serv-img .img .circle-button .shap-right-top svg{
    width:2.1rem;
    height:2.1rem
}
.services .item-box{
    padding:36px 35px;
    ;
    border:1px solid #0074fa
}
.services .item-box .icon{
    width:70px
}
.services .item-box .icon-box{
    display:inline-block;
    -webkit-box-shadow:inset -2px -2px 2px rgb(65 65 65 / .14),inset 2px 2px 5px rgb(7 7 7 / .38);
    box-shadow:inset -2px -2px 2px rgb(65 65 65 / .14),inset 2px 2px 5px rgb(7 7 7 / .38);
    border-radius:15px;
    width:80px;
    height:80px;
    padding:15px
}
.services .item-box .icon-box img{
    opacity:.7
}
.services .item-box.bg{
    background:rgb(255 255 255 / .01)
}
.services .item-box2{
    padding:40px;
    border-radius:20px;
    background:#1d1d1d;
    position:relative;
    overflow:hidden
}
.services .item-box2:hover .rmore{
    opacity:1;
    top:0;
    right:0
}
.services .item-box2:hover .rmore .arrow img{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    opacity:1
}
.services .item-box2 .icon{
    width:70px;
    opacity:.5
}
.services .item-box2 .rmore{
    position:absolute;
    top:-20px;
    right:-20px;
    background:#1a1a1a;
    padding:10px;
    border-radius:0 0 0 30px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    opacity:0
}
.services .item-box2 .rmore:hover .arrow{
    background:#14cf93
}
.services .item-box2 .rmore .arrow{
    width:70px;
    height:70px;
    line-height:70px;
    border:1px solid rgb(255 255 255 / .08);
    border-radius:50%;
    text-align:center;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.services .item-box2 .rmore .arrow img{
    opacity:0;
    -webkit-transform:translateX(-20px) translateY(20px);
    -ms-transform:translateX(-20px) translateY(20px);
    transform:translateX(-20px) translateY(20px);
    -webkit-transition-delay:.8s;
    -o-transition-delay:.8s;
    transition-delay:.8s;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.services .item-box2 .rmore .shap-left-top{
    position:absolute;
    top:0;
    left:-2.1rem;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    line-height:1
}
.services .item-box2 .rmore .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.services .item-box2 .rmore .shap-right-bottom{
    position:absolute;
    bottom:-2.1rem;
    right:0;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    line-height:1
}
.services .item-box2 .rmore .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.services .serv-swiper{
    -webkit-clip-path:inset(-100vw -100vw -100vw 0);
    clip-path:inset(-100vw -100vw -100vw 0)
}
.services .swiper-container{
    overflow:visible
}
.services-tab .serv-tab-cont .tab-content{
    display:none
}
.services-tab .serv-tab-cont .tab-content.current{
    display:block
}
.services-tab .serv-tab-cont .item{
    position:relative
}
.services-tab .serv-tab-cont .item .img{
    width:70%;
    height:540px
}
.services-tab .serv-tab-cont .item .cont{
    position:absolute;
    bottom:-80px;
    left:20%;
    right:0;
    padding:80px 40px
}
.services-tab .serv-tab-link .item-link{
    cursor:pointer
}
.services-tab .serv-tab-link .item-link span{
    margin-right:30px
}
.services-tab .half-img-left{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:left top;
    background-size:50%;
    pointer-events:none
}
.services-tab.revers .serv-tab-cont .item{
    position:relative
}
.services-tab.revers .serv-tab-cont .item .img{
    width:70%;
    margin-left:30%;
    height:540px
}
.services-tab.revers .serv-tab-cont .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.services-tab.revers .serv-tab-cont .item .cont{
    position:absolute;
    bottom:-2px;
    right:30%;
    left:auto;
    padding:60px 40px
}
.services-tab.revers .serv-tab-cont .item .cont .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:bottom;
    pointer-events:none
}
.services-boxs .items{
    position:relative;
    /*bottom:-30px*/
}
/*.services-boxs .items:nth-of-type(even){*/
/*    top:-30px*/
/*}*/
.services-boxs .item-box {
    padding: 20px 20px;
    border: 1px solid #ff5003;
    height: 100%;
    min-height: 355px;
}
.services-boxs .item-box .icon{
    width:70px;
    height:70px
}
.services-boxs .item-box.bg{
    background:rgb(255 255 255 / .01)
}
.services-boxs .item-box h5,.services-boxs .item-box p{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
/*.services-boxs .item-box p{*/
/*    opacity:0*/
/*}*/
/*.services-boxs .item-box:hover h5,.services-boxs .item-box:hover p{*/
/*    -webkit-transform:translateY(0);*/
/*    -ms-transform:translateY(0);*/
/*    transform:translateY(0);*/
/*    opacity:1*/
/*}*/
.services-crev .item-box{
    padding:40px 60px;
    border:1px solid rgb(255 255 255 / .08);
    background:rgb(255 255 255 / .01);
    position:relative
}
.services-crev .item-box .num{
    position:absolute;
    top:40px;
    left:40px;
    opacity:.7
}
.services-crev .item-box .icon{
    width:80px
}
.services-dots .item{
    padding-top:30px
}
.services-dots .item h4{
    font-size:120px;
    font-weight:800;
    line-height:.8;
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0;
    background-size:cover;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    position:relative
}
.services-dots .item h4:after{
    content:'';
    position:absolute;
    top:-30px;
    left:30px;
    bottom:-20px;
    width:150px;
    background-image:url(../imgs/patterns/dots.png);
    background-repeat:repeat;
    z-index:-1;
    opacity:.1
}
.services-details .serv-imgs .img{
    height:400px
}
.full-showcase .parallax-slider{
    position:relative
}
.full-showcase .parallax-slider .swiper-slide{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:100vh;
    padding:80px 0
}
.full-showcase .parallax-slider .swiper-slide .bg-img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-size:cover;
    background-position:center
}
.full-showcase .parallax-slider .swiper-slide .video-container{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.full-showcase .parallax-slider .swiper-slide .video-container video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.full-showcase .parallax-slider .swiper-slide-active{
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    z-index:99
}
.full-showcase .parallax-slider .swiper-slide-active .caption .thin,.full-showcase .parallax-slider .swiper-slide-active .caption .btn-curve,.full-showcase .parallax-slider .swiper-slide-active .caption p{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.full-showcase .parallax-slider .caption h1{
    font-size:100px
}
.full-showcase .parallax-slider .caption .cal-act{
    position:relative
}
.full-showcase .parallax-slider .caption p{
    color:#eee;
    margin-top:15px;
    opacity:0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.full-showcase .swiper-controls{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    z-index:9
}
.full-showcase .swiper-controls .swiper-button-prev,.full-showcase .swiper-controls .swiper-button-next{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    top:auto;
    color:#fff;
    z-index:9
}
.full-showcase .swiper-controls .swiper-button-prev:after,.full-showcase .swiper-controls .swiper-button-next:after{
    display:none
}
.full-showcase .swiper-controls .swiper-button-prev span,.full-showcase .swiper-controls .swiper-button-next span{
    white-space:nowrap
}
.full-showcase .swiper-controls .swiper-button-prev{
    left:120px
}
.full-showcase .swiper-controls .swiper-button-prev i{
    margin-right:25px
}
.full-showcase .swiper-controls .swiper-button-next{
    right:120px
}
.full-showcase .swiper-controls .swiper-button-next i{
    margin-left:25px
}
.full-showcase .swiper-pagination{
    bottom:40px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:auto
}
.full-showcase .swiper-pagination-bullet{
    background:#fff0;
    margin:0 10px!important
}
.full-showcase .swiper-pagination-bullet-active .path{
    display:inline-block!important;
    stroke-dasharray:1000;
    stroke-dashoffset:0;
    -webkit-animation:dash linear 10s;
    animation:dash linear 10s;
    -webkit-animation-iteration-count:unset;
    animation-iteration-count:unset
}
.full-showcase .path{
    display:none
}
@-webkit-keyframes dash{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
@keyframes dash{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
.carousel-slider{
    min-height:100vh;
    position:relative
}
.carousel-slider .gallery-img .bg-img{
    height:60vh;
    border-radius:15px;
    overflow:hidden;
    position:relative;
    background-position:center
}
@media (max-width:767px){
    header.carousel-slider.valign.container {
    margin-top: -50px;
}
.butn.butn-bord {
    padding: 7px 5px;
}
.skills-img-crev .img img {
        height: 350px;
    }
.people-img img{
    margin-top:20px;
    height: 200px;
    object-fit: cover;
}
    .carousel-slider .gallery-img .bg-img{
        height:50vh;
        border-radius:15px;
        overflow:hidden;
        position:relative;
        background-position:center
    }
    .navbar>.container {
    height: 80px !important;
}
}
.carousel-slider .gallery-img .bg-img a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.carousel-slider .gallery-text{
    position:absolute;
    width:auto;
    top:70%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    text-align:center;
    margin:auto;
    z-index:9
}
.carousel-slider .gallery-text .swiper-container,.carousel-slider .gallery-text .swiper-slide{
    height:100px!important
}
.carousel-slider .gallery-text .swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.carousel-slider .gallery-text .text{
    width:100%;
    text-align:center
}
.carousel-slider .gallery-text .text h4{
    font-size:50px;
    font-weight:500;
    line-height:1
}
.carousel-slider .gallery-text .text .pp1{
    font-size:50px;
    font-weight:500;
    line-height:1
}
.carousel-slider .gallery-text .text h6{
    margin-top:15px;
    overflow:hidden;
    font-size:16px;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:3px
}
.carousel-slider .gallery-text .text h6 span{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}
.carousel-slider .gallery-text .swiper-slide-active .text h6 span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.carousel-slider .swiper-controls{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    z-index:9
}
.carousel-slider .swiper-controls .swiper-button-prev,.carousel-slider .swiper-controls .swiper-button-next{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    top:auto;
    color:#fff;
    z-index:9
}
.carousel-slider .swiper-controls .swiper-button-prev:after,.carousel-slider .swiper-controls .swiper-button-next:after{
    display:none
}
.carousel-slider .swiper-controls .swiper-button-prev span,.carousel-slider .swiper-controls .swiper-button-next span{
    white-space:nowrap
}
.carousel-slider .swiper-controls .swiper-button-prev{
    left:120px
}
.carousel-slider .swiper-controls .swiper-button-prev i{
    margin-right:25px
}
.carousel-slider .swiper-controls .swiper-button-next{
    right:120px
}
.carousel-slider .swiper-controls .swiper-button-next i{
    margin-left:25px
}
.carousel-slider .swiper-pagination{
    bottom:40px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:auto
}
.carousel-slider .swiper-pagination-bullet{
    background:#fff0;
    margin:0 10px!important
}
.carousel-slider .swiper-pagination-bullet-active .path{
    display:inline-block!important;
    stroke-dasharray:1000;
    stroke-dashoffset:0;
    -webkit-animation:dash linear 10s;
    animation:dash linear 10s;
    -webkit-animation-iteration-count:unset;
    animation-iteration-count:unset
}
.carousel-slider .path{
    display:none
}
@keyframes dash{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
.half-slider{
    min-height:100vh;
    position:relative
}
.half-slider .gallery-img{
    width:100vw;
    margin-left:0px
}
.half-slider .gallery-img .swiper-slide{
    height:100vh;
    position:relative;
    overflow:hidden
}
.half-slider .gallery-img .swiper-slide-active .bg-img{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.half-slider .gallery-img .bg-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:all .6s linear;
    -o-transition:all .6s linear;
    transition:all .6s linear;
    background-position:center
}
.half-slider .gallery-img .bg-img a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.half-slider .gallery-text{
    position:absolute;
    width:auto;
    top:50%;
    left:-15vw;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9
}
.half-slider .gallery-text .text h4{
    font-size:70px;
    font-weight:600;
    color:#fff0;
    -webkit-text-stroke:.5px rgb(255 255 255 / .5);
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s
}
.half-slider .gallery-text .text h6{
    margin-bottom:15px;
    overflow:hidden;
    font-size:16px;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:3px
}
.half-slider .gallery-text .text h6 span{
    -webkit-transform:translateY(50px);
    -ms-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}
.half-slider .gallery-text .swiper-slide-active .text h4{
    color:#fff;
    -webkit-text-stroke:.5px #fff0
}
.half-slider .gallery-text .swiper-slide-active .text h6 span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
.half-slider .swiper-controls{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    z-index:9
}
.half-slider .swiper-controls .swiper-button-prev,.half-slider .swiper-controls .swiper-button-next{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    top:auto;
    color:#fff;
    z-index:9
}
.half-slider .swiper-controls .swiper-button-prev:after,.half-slider .swiper-controls .swiper-button-next:after{
    display:none
}
.half-slider .swiper-controls .swiper-button-prev span,.half-slider .swiper-controls .swiper-button-next span{
    white-space:nowrap
}
.half-slider .swiper-controls .swiper-button-prev{
    left:120px
}
.half-slider .swiper-controls .swiper-button-prev i{
    margin-right:25px
}
.half-slider .swiper-controls .swiper-button-next{
    right:120px
}
.half-slider .swiper-controls .swiper-button-next i{
    margin-left:25px
}
.half-slider .swiper-pagination{
    bottom:40px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:auto
}
.half-slider .swiper-pagination-bullet{
    background:#fff0;
    margin:0 10px!important
}
.half-slider .swiper-pagination-bullet-active .path{
    display:inline-block!important;
    stroke-dasharray:1000;
    stroke-dashoffset:0;
    -webkit-animation:dash linear 10s;
    animation:dash linear 10s;
    -webkit-animation-iteration-count:unset;
    animation-iteration-count:unset
}
.half-slider .path{
    display:none
}
@keyframes dash{
    from{
        stroke-dashoffset:1000
    }
    to{
        stroke-dashoffset:0
    }
}
.slider{
    position:relative
}
.slider .parallax-slider{
    position:relative
}
.slider .parallax-slider .swiper-slide{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:100vh;
    padding:80px 0;
    border-radius:0 0 0 30px
}
.slider .parallax-slider .swiper-slide .bg-img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-size:cover
}
.slider .parallax-slider .caption h2{
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:7px
}
.slider .parallax-slider .caption h1{
    font-size:110px
}
.slider .slider-contro{
    position:absolute;
    bottom:-2px;
    right:0;
    border-radius:40px 0 0 0;
    padding:20px 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:5
}
.slider .slider-contro .swiper-nav-ctrl{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    color:inherit;
    text-transform:uppercase
}
.slider .slider-contro .swiper-nav-ctrl:after{
    display:none
}
.slider .slider-contro .shap-left-bottom{
    position:absolute;
    bottom:0;
    left:-2rem;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.slider .slider-contro .shap-left-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.slider .slider-contro .shap-right-top{
    position:absolute;
    top:-2.05rem;
    right:0;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.slider .slider-contro .shap-right-top svg{
    width:2.1rem;
    height:2.1rem
}
.slider .swiper-pagination{
    position:absolute;
    left:30px;
    bottom:20px;
    width:auto;
    font-size:40px
}
.slider .swiper-pagination .swiper-pagination-total{
    position:relative;
    padding-left:25px;
    margin-left:15px
}
.slider .swiper-pagination .swiper-pagination-total:before{
    content:'/';
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:20px
}
.swiper-arrow-control{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-top:25px
}
.swiper-arrow-control .swiper-button-next,.swiper-arrow-control .swiper-button-prev{
    position:static;
    width:50px;
    height:50px;
    background:rgb(255 255 255 / .01);
    border:1px solid rgb(255 255 255 / .05);
    border-radius:50%;
    color:inherit
}
.swiper-arrow-control .swiper-button-next:after,.swiper-arrow-control .swiper-button-prev:after{
    display:none
}
.swiper-arrow-control .swiper-button-next{
    margin-left:15px
}
.team .item{
    position:relative;
    padding-right:60px
}
.team .item:hover .img .info{
    bottom:15px;
    opacity:1
}
.team .item:hover .social{
    right:5px;
    -webkit-transform:rotate(8deg);
    -ms-transform:rotate(8deg);
    transform:rotate(8deg)
}
.team .item .img{
    border-radius:10px;
    overflow:hidden;
    position:relative;
    z-index:2
}
.team .item .img .info{
    position:absolute;
    left:15px;
    right:15px;
    bottom:-15px;
    padding:15px;
    text-align:center;
    background:rgb(0 0 0 / .1);
    -webkit-backdrop-filter:blur(15px);
    backdrop-filter:blur(15px);
    border-radius:10px;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.team .item .social{
    position:absolute;
    top:50px;
    left:50px;
    right:60px;
    bottom:40px;
    border:1px solid rgb(255 255 255 / .1);
    background:#1d1d1d;
    border-radius:10px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.team .item .social .links{
    position:absolute;
    top:15px;
    right:15px
}
.team .item .social .links a{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid rgb(255 255 255 / .3);
    border-radius:50%;
    margin-bottom:5px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.team .item .social .links a:hover{
    background:#14cf93;
    border-color:#14cf93;
    color:#111
}
.team-tab .cluom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:40px;
    border-bottom:1px solid rgb(255 255 255 / .1);
    border-left:1px solid rgb(255 255 255 / .1)
}
.team-tab .cluom:last-of-type{
    border-bottom:0
}
.team-tab .cluom.current{
    border-left-color:#fff0
}
.team-tab .cluom .more{
    margin-left:auto
}
.team-tab .glry-img{
    width:100%;
    height:100%;
    position:relative
}
.team-tab .glry-img .bg-img{
    position:absolute;
    top:80px;
    left:80px;
    right:80px;
    bottom:80px;
    -webkit-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9);
    opacity:0;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s;
    background-size:cover;
    background-position:center center
}
.team-tab .glry-img .bg-img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.team-tab.crev{
    border:0
}
.team-tab.crev .cluom{
    padding:0 0 15px;
    border-left:0
}
.team-tab.crev .glry-img{
    width:450px;
    height:450px;
    position:relative;
    -webkit-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    transform:rotate(-10deg)
}
.team-tab.crev .glry-img .bg-img{
    position:absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    opacity:0;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s;
    background-size:cover;
    background-position:center center;
    border-radius:15px
}
.team-tab.crev .glry-img .bg-img:before{
    top:-50px;
    left:50px;
    -webkit-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px)
}
.team-tab.crev .glry-img .bg-img:after{
    bottom:-50px;
    right:50px;
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px)
}
.team-tab.crev .glry-img .bg-img:after,.team-tab.crev .glry-img .bg-img:before{
    content:'';
    position:absolute;
    width:20px;
    height:100px;
    background:#14cf93;
    opacity:0;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.team-tab.crev .glry-img .bg-img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.team-tab.crev .glry-img .bg-img.current:after,.team-tab.crev .glry-img .bg-img.current:before{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.team-single .img{
    height:100vh;
    overflow:hidden;
    border-radius:30px
}
.team-single .cont{
    position:relative;
    z-index:2
}
.team-single .cont .text{
    padding: 10px 60px 0px 60px;
    margin-left:-180px;
    border-radius: 10px;
}
.team-single .cont .text p.main-text:first-letter{
    color:#fff;
    font-size:30px;
    font-weight:700
}
.skills .skill-item .skill-progress{
    height:10px;
    position:relative
}
.skills .skill-item .skill-progress .progres{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    background-color:#14cf93;
    -webkit-transition:all 1.5s;
    -o-transition:all 1.5s;
    transition:all 1.5s
}
.skills .skill-item .skill-progress .progres:after{
    content:attr(data-value);
    position:absolute;
    top:-5px;
    right:-50px
}
.skills .resume-exp .box-items{
    position:relative;
    border:1px solid rgb(255 255 255 / .3);
    background:#1a1a1a
}
.skills .resume-exp .box-items:after{
    content:'';
    position:absolute;
    bottom:-30px;
    left:-30px;
    background-image:url(../imgs/patterns/dots2.png);
    background-repeat:repeat;
    background-size:10px;
    width:200px;
    height:200px;
    opacity:.4;
    z-index:-1
}
.skills .resume-exp .box-items .item{
    padding:25px;
    position:relative
}
.skills .resume-exp .box-items .item .num{
    position:absolute;
    top:0;
    left:0;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    border-radius:0 50px 50px 50px;
    background:#14cf93;
    color:#1a1a1a;
    font-size:17px;
    font-weight:500
}
.skills .resume-exp .box-items .item .num small{
    font-size:12px;
    margin-left:-3px
}
.skills .resume-exp .box-items .item:nth-of-type(1),.skills .resume-exp .box-items .item:nth-of-type(2){
    border-bottom:1px solid rgb(255 255 255 / .3)
}
.skills .resume-exp .box-items .item:nth-of-type(1),.skills .resume-exp .box-items .item:nth-of-type(3){
    border-right:1px solid rgb(255 255 255 / .3)
}
.testimonials{
    position:relative
}
.testimonials .small-line{
    position:absolute;
    bottom:-100px;
    left:0;
    width:400px;
    height:400px;
    z-index:1;
    pointer-events:none
}
.testimonials .small-line .line-overlay svg path{
    stroke:#6c6969
}
.testimonials .swiper-slide{
    padding-top:50px;
    padding-left:50px
}
.testimonials .item .text{
    position:relative
}
.testimonials .item .text .qout-svg{
    position:absolute;
    left:-40px;
    top:-70px;
    width:160px
}
.testimonials .item .circle{
    width:80px;
    height:80px
}
.testimonials .control-abslout{
    position:absolute;
    bottom:15px;
    right:15px
}
.testim-crev .item{
    padding:50px 50px 0;
    border-radius:30px 30px 30px 0;
    position:relative
}
.testim-crev .item .rate-stars{
    position:absolute;
    top:0;
    right:0;
    padding:15px 60px 15px 30px;
    border-radius:0 0 0 30px
}
.testim-crev .item .rate-stars .shap-left-top{
    position:absolute;
    top:-1px;
    left:-2.05rem;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.testim-crev .item .rate-stars .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.testim-crev .item .rate-stars .shap-right-bottom{
    position:absolute;
    bottom:-2.1rem;
    right:-1px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.testim-crev .item .rate-stars .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.testim-crev .item .qout-svg{
    width:80px;
    height:80px;
    margin-bottom:40px
}
.testim-crev .item .tag{
    padding:8px 20px;
    border:1px solid rgb(255 255 255 / .1);
    border-radius:30px
}
.testim-crev .item .info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:-50px
}
.testim-crev .item .info .img{
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden
}
.testim-crev .item .info .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.testim-crev .item .img-curv{
    position:relative;
    padding:20px;
    border-radius:0 30px 0 0
}
.testim-crev .item .img-curv .shap-left-top{
    position:absolute;
    top:-2.05rem;
    left:-1px;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.testim-crev .item .img-curv .shap-left-top svg{
    width:2.1rem;
    height:2.1rem
}
.testim-crev .item .img-curv .shap-right-bottom{
    position:absolute;
    bottom:0;
    right:-2.1rem;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform:rotate(270deg)
}
.testim-crev .item .img-curv .shap-right-bottom svg{
    width:2.1rem;
    height:2.1rem
}
.testim-crev .bord-box{
    border:1px solid rgb(255 255 255 / .1);
    border-radius:0;
    padding:50px
}
.testim-crev .bord-box .info{
    margin-left:0
}
.testim-crev .bord-box .info .img-curv{
    padding:0;
    border-radius:0
}
.testim-crev .bord-box .info .qout-svg{
    width:80px!important;
    height:80px!important;
    margin-bottom:0!important
}
.testim-crev .testim-swiper2 .item .qout-svg{
    width:60px;
    height:60px;
    margin-bottom:30px
}
.testim-crev .testim-swiper2 .item p{
    font-size:17px
}
.testimonials-crev .testim-swiper{
    position:relative;
    padding:60px 80px 60px 0
}
.testimonials-crev .testim-swiper:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:-2px;
    width:100vw;
    background:#1a1a1a
}
.testimonials-crev .swiper-slide{
    padding-top:50px
}
.testimonials-crev .item .text{
    position:relative
}
.testimonials-crev .item .text .qout-svg{
    position:absolute;
    left:-40px;
    top:-70px;
    width:160px
}
.testimonials-crev .item .circle{
    width:300px;
    height:300px
}
.testimonials-crev .control-abslout{
    position:absolute;
    top:50%;
    right:-15px;
    display:block
}
.testimonials-crev .control-abslout .swiper-button-next{
    margin:15px 0 0
}
.testimonials-crev .control-abslout .swiper-button-prev,.testimonials-crev .control-abslout .swiper-button-next{
    background:#fff0;
    border:1px solid rgb(255 255 255 / .1);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px)
}
@-webkit-keyframes spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.star-icon{
    position:absolute;
    font-size:40vw;
    font-family:'Poppins',sans-serif;
    line-height:.7;
    color:#fff0;
    -webkit-text-stroke:1px rgb(255 255 255 / .7)
}
.circle-button{
    position:relative;
    display:inline-block
}
.circle-button.in-bord:after{
    content:'';
    position:absolute;
    top:55px;
    left:55px;
    right:55px;
    bottom:55px;
    border:1px solid rgb(255 255 255 / .5);
    border-radius:50%
}
.circle-button.in-bord:before{
    content:'';
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border:1px solid rgb(255 255 255 / .5);
    border-radius:50%
}
.circle-button .rotate-circle svg{
    width:210px;
    fill:#fff
}
.circle-button .arrow{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-20px) translateY(-20px);
    -ms-transform:translateX(-20px) translateY(-20px);
    transform:translateX(-20px) translateY(-20px);
    display:inline-block;
    width:0;
    height:0
}
.circle-button .arrow svg{
    width:40px;
    height:40px
}
.circle-button .icon{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.circle-button .in-circle{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.circle-button.no-animate .rotate-circle{
    -webkit-animation:none;
    animation:none
}
.rotate-circle{
    -webkit-animation-name:rotateCircle;
    animation-name:rotateCircle;
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes rotateCircle{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotateCircle{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@media screen and (max-width:992px){
    .navbar>.container {
    height: 80px;
}
    .md-mb10{
        margin-bottom:10px
    }
    .md-mb15{
        margin-bottom:15px
    }
    .md-mb20{
        margin-bottom:20px
    }
    .md-mb30{
        margin-bottom:30px
    }
    .md-mb40{
        margin-bottom:40px
    }
    .md-mb50{
        margin-bottom:50px!important
    }
    .md-mb80{
        margin-bottom:80px
    }
    .md-no-mrg{
        margin:0!important
    }
    .md-pb10{
        padding-bottom:10px
    }
    .md-pb20{
        padding-bottom:20px
    }
    .md-pb30{
        padding-bottom:30px
    }
    .md-pb40{
        padding-bottom:40px
    }
    .md-pb50{
        padding-bottom:50px
    }
    .md-pb60{
        padding-bottom:60px
    }
    .md-pb70{
        padding-bottom:70px
    }
    .md-pb80{
        padding-bottom:80px
    }
    .md-pt80{
        padding-top:80px!important
    }
    .md-no-pad{
        padding:0!important
    }
    .md-center{
        text-align:center!important
    }
    .order-md-1{
        -webkit-box-ordinal-group:2!important;
        -ms-flex-order:1!important;
        order:1!important
    }
    .order-md-2{
        -webkit-box-ordinal-group:3!important;
        -ms-flex-order:2!important;
        order:2!important
    }
    .order-md-3{
        -webkit-box-ordinal-group:4!important;
        -ms-flex-order:3!important;
        order:3!important
    }
    .order-md-4{
        -webkit-box-ordinal-group:5!important;
        -ms-flex-order:4!important;
        order:4!important
    }
    .md-hide{
        display:none
    }
    .justify-end{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-end .vew-all{
        margin-left:25px;
        margin-top:25px
    }
    .justify-end .swiper-controls{
        margin-top:30px
    }
    .justify-end .ml-auto{
        margin-left:0;
        margin-top:30px
    }
    .row.sm-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.sm-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    .row.stand-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.stand-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    .row.md-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.md-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    .row.lg-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.lg-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    .row.xlg-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.xlg-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    .row.xxlg-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.xxlg-marg>*{
        padding-left:15px;
        padding-right:15px
    }
    h1{
        font-size:50px
    }
    h2{
        font-size:40px
    }
    h3{
        font-size:30px
    }
    h4{
        font-size:28px
    }
    h5{
        font-size:23px
    }
    h6{
        font-size:20px
    }
    .fz-120{
        font-size:90px!important
    }
    .fz-80{
        font-size:60px!important
    }
    .fz-70{
        font-size:50px!important
    }
    .navbar .search-form,.hamenu .menu-text,.hamenu .cont-info{
        display:none
    }
    .hamenu .menu-links{
        height:calc(100vh - 40px)
    }
    .sec-head h2{
        font-size:35px
    }
    .main-header .lg-text h1{
        font-size:8vw
    }
    .main-header .lg-text .h-h1{
        font-size:8vw
    }
    .main-header .container-fluid{
        width:100%
    }
    .crev-agency-header{
        padding:100px 0
    }
    .crev-agency-header .left-clumn{
        display:none
    }
    .crev-agency-header .right-clumn{
        padding:0;
        border:0
    }
    .crev-agency-header .caption{
        width:100%;
        padding:0
    }
    .crev-portfolio-header .caption h1{
        font-size:55px
    }
    .crev-portfolio-header .numb-fixed{
        position:static;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin-top:30px;
        padding:0
    }
    .startup-header .bg-img{
        min-height:auto
    }
    .startup-header .caption .lg-text{
        font-size:65px
    }
    .startup-header .caption .lg-text .text{
        display:inline-block!important;
        padding:0!important
    }
    .work-asymetic .caption .lg-text .text{
        display:inline-block!important;
        padding:0!important
    }
    .startup-header .caption p,.work-asymetic .caption p{
        position:static;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        width:100%;
        margin-top:30px
    }
    .slider .parallax-slider .caption h2{
        font-size:25px
    }
    .freelancer .img{
        width:80%;
        margin:0 auto
    }
    .vcard-bg:after{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:#1a1a1a;
        opacity:.7;
        z-index:-1
    }
    .services-boxs .items:nth-of-type(even){
        top:auto
    }
    .services-boxs .items{
        bottom:auto
    }
    .services-crev .item-box{
        padding:40px
    }
    .services-crev .item-box .icon{
        margin-right:50px!important
    }
    .services-tab.mb-80{
        margin-bottom:0!important
    }
    .skills-img-crev{
        padding-bottom:0!important
    }
    .skills-img-crev .img img{
        margin-bottom:30px
    }
    .skills-img-crev .img{
        width:90%;
        margin-left:auto;
        margin-right:auto
    }
    .skills-img-crev .img .rotate-butn-vid{
        bottom:80px;
        left:-50px
    }
    .inter-fixed-text .links-text{
        display:none
    }
    .inter-fixed-text .links-img:hover .img img{
        -webkit-filter:none;
        filter:none
    }
    .inter-fixed-text .links-img .items{
        margin-bottom:50px
    }
    .inter-fixed-text .links-img .items:last-of-type{
        margin-bottom:0
    }
    .inter-fixed-text .links-img .items .cont{
        display:block
    }
    .team-tab .glry-img,.portfolio-tab .glry-img{
        display:none
    }
    .portfolio-tab .cluom:hover .img{
        opacity:1;
        visibility:visible
    }
    .process .item:nth-of-type(2){
        border:0
    }
    .testimonials .small-line{
        display:none
    }
    .testimonials-crev .item .content{
        margin-left:0!important
    }
    .testimonials-crev .item .circle{
        display:none
    }
    .testimonials-crev .item .text .qout-svg{
        left:0
    }
    .brands-crev .mt-100{
        margin-top:0!important
    }
    .brands-crev .mt-100 .item:last-of-type .top-right{
        top:auto;
        bottom:-.8rem
    }
    .img-scale .image img{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important;
        height:100%
    }
    .clean-footer .fz-120{
        font-size:90px!important
    }
    .clean-footer .logo{
        margin-bottom:50px
    }
    .clean-footer .column{
        margin-bottom:50px
    }
    .clean-footer .mt-80{
        margin-top:30px!important
    }
    .modern-footer .social-media{
        display:block!important;
        margin-top:30px
    }
    .modern-footer .call-action{
        margin-bottom:50px
    }
    .modern-footer .bord-left:after{
        display:none
    }
    .page-header .fz-100,.page-header-cerv .fz-100{
        font-size:80px!important
    }
    .page-intro-cerv{
        padding-bottom:80px
    }
    .page-intro-cerv .bg-dots{
        bottom:auto;
        left:auto;
        top:60px;
        right:0;
        width:250px;
        height:140px
    }
    .page-intro-cerv .mt-100{
        margin:0!important
    }
    .page-intro-modern:after{
        height:auto;
        top:-100px
    }
    .team-single .cont{
        padding:60px 40px 0
    }
    .team-single .cont .text{
        padding:0;
        margin:50px 0 0
    }
    .work-metro .mt-140{
        margin-top:80px!important
    }
    .filtering span{
        margin:10px
    }
    .portfolio-fixed{
        padding-top:140px
    }
    .portfolio-fixed .left{
        display:none
    }
    .portfolio-fixed .right{
        padding:0 15px 120px
    }
    .portfolio-fixed .cont{
        opacity:1!important;
        margin-bottom:80px;
        padding:0 15px
    }
    .portfolio-fixed .cont .img-hiden{
        display:block;
        margin-bottom:30px
    }
    .header-project1 .fz-100{
        font-size:80px!important
    }
    .header-project1 .fz-120{
        font-size:60px!important
    }
    .header-project1 .bg-img{
        background-position:center
    }
    .header-project2 .project2 .img{
        height:auto;
        min-height:auto
    }
    .img-column3 .img,.header-project1 .head-img{
        height:auto
    }
    .img-column3 .img img,.header-project1 .head-img img{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important
    }
    .works.thecontainer{
        width:100%;
        min-height:auto;
        height:auto;
        display:block;
        padding:70px 0 120px
    }
    .works .panel{
        display:block;
        padding:0 15px!important
    }
    .works .panel .item{
        width:100%;
        margin-top:50px
    }
    .img-column3 .img,.img-column .img{
        height:auto;
        min-height:auto
    }
    .next-project .box .cont .fz-40{
        font-size:30px!important
    }
    .full-showcase .parallax-slider .caption h1{
        font-size:80px
    }
    .carousel-slider .gallery-text .text h4{
        font-size:34px
    }
    .half-slider .gallery-img{
        width:100%;
        margin-left:0
    }
    .half-slider .gallery-text{
        left:0
    }
    .half-slider .gallery-text .text{
        padding-left:15px
    }
    .half-slider .gallery-text{
        width:100%
    }
    .inter-links-center .links-text li h2{
        font-size:50px!important
    }
    .interactive-center .item h4{
        font-size:50px
    }
    .interactive-center .item .hover-reveal{
        width:90vw!important;
        height:90vh!important;
        left:5vw!important;
        top:5vh!important
    }
    .inter-links-center.vertical{
        height:auto
    }
    .inter-links-center.vertical .links-text{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        -webkit-writing-mode:horizontal-tb;
        -ms-writing-mode:lr-tb;
        writing-mode:horizontal-tb
    }
    .inter-links-center.vertical .links-text li{
        padding:30px 0
    }
}
@media screen and (max-width:768px){
    .navbar>.container {
    height: 80px;
}
    .sm-mb10{
        margin-bottom:10px
    }
    .sm-mb20{
        margin-bottom:20px
    }
    .sm-mb30{
        margin-bottom:30px
    }
    .sm-mb40{
        margin-bottom:40px
    }
    .sm-mb50{
        margin-bottom:50px
    }
    .sm-mb80{
        margin-bottom:80px
    }
    .sm-pb10{
        padding-bottom:10px
    }
    .sm-pb20{
        padding-bottom:20px
    }
    .sm-pb30{
        padding-bottom:30px
    }
    .sm-pb40{
        padding-bottom:40px
    }
    .sm-pb50{
        padding-bottom:50px
    }
    .sm-pb60{
        padding-bottom:60px
    }
    .sm-pb70{
        padding-bottom:70px
    }
    .sm-pb80{
        padding-bottom:80px
    }
    .sm-hide{
        display:none
    }
    .fz-70{
        font-size:40px!important
    }
    h1{
        font-size:50px
    }
    h2{
        font-size:34px
    }
    h3{
        font-size:30px
    }
    h4{
        font-size:28px
    }
    h5{
        font-size:23px
    }
    h6{
        font-size:18px
    }
    .hh3{
        font-size:18px
    }
    .progress-wrap{
        bottom:15px;
        right:15px
    }
    .in-box{
        width:100%
    }
    .in-box.mb-15{
        margin-bottom:0!important
    }
    .hamenu .logo{
        left:25px
    }
    .hamenu .close-menu{
        top:25px;
        right:25px
    }
    .hamenu .menu-links .main-menu>li .link{
        font-size:30px
    }
    .hamenu .menu-links .main-menu>li .sub-dmenu{
        font-size:24px
    }
    .hamenu .menu-links .main-menu .sub-menu li,.hamenu .menu-links .main-menu .sub-menu2 li{
        font-size:20px
    }
    .section-padding{
        padding-top:60px;
        padding-bottom:60px
    }
    .section-padding-bottom{
        padding-bottom:60px
    }
    .section-padding-top{
        padding-top:60px
    }
    .sec-head .bord{
        display:block!important
    }
    .sec-head .bord .ml-auto{
        margin-top:15px!important
    }
    .sec-head .bord .d-flex{
        display:block!important
    }
    .sec-head h2{
        font-size:28px
    }
    .sec-head .go-more{
        margin-top:10px
    }
    .main-header .lg-text{
        margin-bottom:-20px;
        text-align:center
    }
    .main-header .lg-text .d-flex{
        display:none!important
    }
    .main-header .lg-text h1{
        font-size:9vw
    }
    .main-header .lg-text .h-h1{
        font-size:9vw
    }
    .crev-agency-header .caption h1{
        font-size:45px
    }
    .digital-header{
        width:100%
    }
    .digital-header .caption{
        padding:30px
    }
    .digital-header .caption h1{
        font-size:30px
    }
    body.crev-portfolio main{
        padding:0
    }
    body.crev-portfolio section .sec-head .fixed-head h5{
        font-size:25px
    }
    .crev-portfolio-header .caption h1{
        font-size:35px
    }
    .startup-header .caption .lg-text{
        font-size:35px
    }
    .startup-header{
        padding:0
    }
    .slider .parallax-slider .caption h1{
        font-size:50px
    }
    .slider .parallax-slider .caption h2{
        letter-spacing:1px
    }
    .vcard-bg{
        background-position:40%
    }
    .work-asymetic .caption .lg-text{
        font-size:55px
    }
    .intro-card h2{
        font-size:60px
    }
    .intro-card h2 .botm{
        font-size:40px
    }
    .about-crev .left-block .info{
        padding:0 20px
    }
    .about-crev .left-block .mz-shap{
        top:-65px
    }
    .about .cont .d-flex.mt-100{
        display:block!important;
        margin-top:80px!important
    }
    .about .cont .d-flex .ml-80{
        margin:30px 0 0!important
    }
    .skills-img-crev .img{
        width:100%
    }
    .skills-img-crev .img img{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin:0
    }
    .skills-img-crev .img .rotate-butn-vid{
        bottom:90px;
        left:-15px
    }
    .about-crev .left-block{
        margin-top:65px!important
    }
    .services-crev .item-box .d-flex{
        display:block!important
    }
    .services-crev .item-box .icon{
        margin:0 0 30px!important
    }
    .services-crev .item-box .num{
        left:auto;
        right:40px
    }
    .services-tab .serv-tab-cont .item .img{
        width:90%
    }
    .services-tab .serv-tab-cont .item .cont{
        left:15px
    }
    .services-tab.revers .serv-tab-cont .item .img{
        width:100%;
        margin-left:0
    }
    .services-tab.revers .serv-tab-cont .item .cont{
        right:5%;
        padding:40px 30px
    }
    .inter-fixed-text .links-img .img{
        height:400px
    }
    .team-tab .cluom,.portfolio-tab .cluom{
        padding:40px 30px;
        overflow:hidden
    }
    .team-tab .cluom .info h4,.portfolio-tab .cluom .info h4{
        font-size:20px
    }
    .team-tab .cluom .img,.portfolio-tab .cluom .img{
        position:absolute;
        top:0;
        left:0;
        right:0;
        width:100%;
        height:100%;
        z-index:-1
    }
    .team-tab .cluom .img img,.portfolio-tab .cluom .img img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:center center;
        object-position:center center
    }
    .team-tab .cluom .img:after,.portfolio-tab .cluom .img:after{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:#1a1a1a;
        opacity:.15
    }
    .portfolio-tab.crev .cluom{
        padding:30px 10px!important;
        margin:0!important
    }
    .portfolio-tab.crev .cluom .sub-title{
        letter-spacing:1px;
        font-size:13px
    }
    .portfolio-tab.crev .cluom i{
        display:none
    }
    .sec-bottom{
        font-size:12px
    }
    .sec-bottom .d-flex{
        padding:5px 10px
    }
    .sec-bottom p{
        font-size:12px
    }
    .sec-bottom .ml-40{
        margin-left:10px!important
    }
    .numbers .item{
        -webkit-box-pack:left!important;
        -ms-flex-pack:left!important;
        justify-content:left!important
    }
    .half-block .colmn{
        padding:40px 0
    }
    .awards .item-line>div:last-of-type{
        text-align:left
    }
    .testim-crev .item{
        padding:50px 0 0
    }
    .testim-crev .item .text{
        padding:0 15px
    }
    .testim-crev .item .text p{
        font-size:18px!important
    }
    .testim-crev .item .qout-svg{
        margin-right:15px
    }
    .testim-crev .item .info{
        margin-left:0
    }
    .testimonials .item .text .fz-30{
        font-size:16px!important
    }
    .testimonials .item .text .qout-svg{
        position:absolute;
        left:-30px;
        top:-90px;
        width:100px
    }
    .testimonials .item .circle{
        width:60px;
        height:60px
    }
    .testimonials .swiper-slide{
        padding-top:60px;
        padding-left:30px
    }
    .testimonials .control-abslout{
        position:static;
        padding-left:30px;
        margin-top:15px
    }
    .testim-crev .testim-swiper2 .item .qout-svg{
        margin-left:15px
    }
    .testimonials-crev .item h4{
        font-size:22px
    }
    .testimonials-crev .item .text .qout-svg{
        top:-100px;
        width:100px
    }
    .testimonials-crev .control-abslout{
        right:0
    }
    .testim-crev .testim2 .item{
        padding:40px 15px
    }
    .testim-crev .testim2 .item .info .ml-auto{
        position:absolute;
        right:5px;
        bottom:5px
    }
    .testim-crev .testim2 .item .info .ml-auto .qout-svg{
        width:60px!important
    }
    .brands-crev .item{
        padding:70px 10px
    }
    .brands-crev .item img{
        width:80px
    }
    .brands-crev .item svg{
        -webkit-transform:scale(.5);
        -ms-transform:scale(.5);
        transform:scale(.5)
    }
    .brands-crev .item .top-left:after,.brands-crev .item .top-right:after,.brands-crev .item .bottom-left:after,.brands-crev .item .bottom-right:after{
        top:-10px;
        left:-10px;
        bottom:-10px;
        right:-10px
    }
    .price-hr .item{
        display:block!important
    }
    .price-hr .item .cont{
        margin:15px 0!important
    }
    .price-hr .item .ml-auto{
        margin:0!important;
        text-align:left!important
    }
    .price-hr .item .numb-font{
        font-size:45px;
        margin-bottom:10px
    }
    .blog-list-half .item .cont .date{
        margin-top:40px!important
    }
    footer.clean-footer.crev:after{
        left:0;
        bottom:0
    }
    footer.clean-footer.crev .cal-action .ml-30{
        margin:15px 0 0!important;
        display:block
    }
    .clean-footer .mt-80{
        display:block!important
    }
    .clean-footer .mt-80 .ml-auto{
        margin:15px 0 0!important
    }
    .clean-footer .fz-120{
        font-size:70px!important
    }
    .modern-footer .logo{
        width:100px!important
    }
    .modern-footer .social-media .ml-50{
        margin-left:15px!important
    }
    .modern-footer .social-media a i{
        display:none
    }
    .modern-footer .fz-60{
        font-size:30px!important
    }
    .modern-footer .info{
        display:block!important
    }
    .modern-footer .info .ml-30{
        margin:15px 0 0!important
    }
    footer .info-comp{
        display:block!important
    }
    footer .info-comp .mr-30{
        margin:0 0 15px!important
    }
    footer .sub-footer .links{
        -webkit-box-pack:inherit!important;
        -ms-flex-pack:inherit!important;
        justify-content:inherit!important
    }
    footer .sub-footer .text-center{
        text-align:left!important
    }
    .min-footer .logo{
        margin-bottom:30px
    }
    .min-footer .text-center{
        text-align:left!important
    }
    .min-footer2 .logo{
        margin-top:15px;
        margin-bottom:20px
    }
    .min-footer2 .links{
        -webkit-box-pack:inherit!important;
        -ms-flex-pack:inherit!important;
        justify-content:inherit!important
    }
    .min-footer2 .order-md-3 .text-center{
        text-align:left!important
    }
    .min-footer2 .fz-100{
        font-size:55px!important
    }
    .page-header .fz-100,.page-header-cerv .fz-100{
        font-size:45px!important
    }
    .team-single .cont{
        padding:60px 5px 0
    }
    .skills .resume-exp .box-items .item:nth-of-type(1){
        border-right:0
    }
    .skills .resume-exp .box-items .item:nth-of-type(3){
        border-right:0;
        border-bottom:1px solid rgb(255 255 255 / .3)
    }
    .portfolio-fixed{
        padding-top:100px
    }
    .full-showcase .swiper-controls .swiper-button-next,.carousel-slider .swiper-controls .swiper-button-next,.half-slider .swiper-controls .swiper-button-next{
        right:50px
    }
    .full-showcase .swiper-controls .swiper-button-prev,.carousel-slider .swiper-controls .swiper-button-prev,.half-slider .swiper-controls .swiper-button-prev{
        left:50px
    }
    .full-showcase .swiper-pagination,.carousel-slider .swiper-pagination,.half-slider .swiper-pagination{
        display:none
    }
    .full-showcase .parallax-slider .caption h1{
        font-size:40px
    }
    .carousel-slider .gallery-text .text h4{
        font-size:24px
    }
    .carousel-slider .gallery-text .text .pp1{
        font-size:24px
    }
    .carousel-slider .gallery-text .text h6{
        font-size:14px;
        letter-spacing:1px
    }
    .half-slider .gallery-text .text h4{
        font-size:35px
    }
    .inter-links-center .links-text li h2{
        font-size:28px!important
    }
    .inter-links-center.vertical .links-text li,.inter-links-center .links-text li{
        padding:20px 0
    }
    .interactive-center .item h4{
        font-size:30px
    }
    .interactive-center .item a{
        padding:25px 0
    }
    .interactive-center .item .hover-reveal{
        width:90vw!important;
        height:90vh!important;
        left:5vw!important;
        top:5vh!important
    }
}