.allert-top,body{
        font-weight:400;
        letter-spacing:-.01em
    }
    .allert-top,.center-boxes figure,.item-job figure,.mnuSlim li:last-child{
        margin-bottom:0
    }
    hr,ul{
        padding:0
    }
    .border-btn,.btn{
        -moz-user-select:none;
        overflow:hidden;
        cursor:pointer
    }
    .owl-carousel .owl-nav div,.owl-carousel:hover .owl-nav div{
        visibility:visible;
        opacity:1
    }
    .process,html{
        overflow-x:hidden
    }
    .border-btn,.btn,.case-stdy,.case-study,.fix,.hidden,.service-area2,.services-area,.slider-area,.top-rated{
        overflow:hidden
    }
    #back-top,#scrollUp,.allert-top,.boxed-btn,.center-boxes,.extended,.extended p,.preloader .preloader-img,.row-flex div{
        text-align:center
    }
    .followUs ul,li{
        list-style:none
    }
    #close-id,.border-btn,.boxed-btn,.btn,.onclick-video,.play-modal,.submit-btn2{
        cursor:pointer
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:400;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2) format('woff2');
        unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:400;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2) format('woff2');
        unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:500;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBamC3YU-CnE6Q.woff2) format('woff2');
        unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:500;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBimC3YU-Ck.woff2) format('woff2');
        unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:700;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBamC3YU-CnE6Q.woff2) format('woff2');
        unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
    }
    @font-face{
        font-family:'DM Sans';
        font-style:normal;
        font-weight:700;
        font-display:swap;
        src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimC3YU-Ck.woff2) format('woff2');
        unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
    }
    .flex-center{
        justify-content:center!important
    }
    .flex-center .followUs{
        width:auto
    }
    .blur-filter-none .thumbnail img{
        filter:none!important
    }
    .allert-top{
        background:#373b46;
        padding:10px;
        border-radius:0;
        font-size:18px;
        line-height:150%;
        text-transform:lowercase;
        color:#fff
    }
    .boxed-btn,.uppercase{
        text-transform:uppercase
    }
    .allert-top a{
        color:#ffba19;
        opacity:1
    }
    .allert-top button.close{
        opacity:1
    }
    .allert-top button.close span{
        color:#ffba19;
        text-shadow:none;
        opacity:1
    }
    .boxed-btn{
        background:#fff;
        color:#ec5b53!important;
        display:inline-block;
        padding:18px 44px;
        font-family:Rufina,serif;
        font-size:14px;
        font-weight:400;
        border:1px solid #ec5b53;
        letter-spacing:3px
    }
    .btn,.header-area .navbar .dropdown-menu h4,.header-area .navbar .dropdown-menu p,.main-header .main-menu ul li a,.nav-link,body,h1,h2,h3,h4,h5,h6,p{
        font-family:'DM Sans',sans-serif
    }
    .border-btn,.btn,.nav-link,.view-all{
        font-weight:500
    }
    .boxed-btn:hover{
        background:#ec5b53;
        color:#fff!important;
        border:1px solid #ec5b53
    }
    .boxed-btn:focus,button:focus,input:focus,textarea,textarea:focus{
        outline:0
    }
    .boxed-btn.large-width{
        width:220px
    }
    [data-overlay]{
        position:relative;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center
    }
    [data-overlay]::before{
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        content:""
    }
    [data-opacity="1"]::before{
        opacity:.1
    }
    [data-opacity="2"]::before{
        opacity:.2
    }
    [data-opacity="3"]::before{
        opacity:.3
    }
    [data-opacity="4"]::before{
        opacity:.4
    }
    [data-opacity="5"]::before{
        opacity:.5
    }
    [data-opacity="6"]::before{
        opacity:.6
    }
    [data-opacity="7"]::before{
        opacity:.7
    }
    [data-opacity="8"]::before{
        opacity:.8
    }
    [data-opacity="9"]::before{
        opacity:.9
    }
    html{
        scroll-behavior:smooth
    }
    body{
        font-style:normal
    }
    h1,h2,h3,h4,h5,h6{
        color:#2a3349;
        margin-top:0;
        font-style:normal;
        text-transform:normal;
        letter-spacing:-.02em;
        font-weight:700
    }
    .view-all,p{
        letter-spacing:-.01em;
        font-size:18px
    }
    p{
        color:rgba(42,51,73,.8);
        line-height:150%;
        margin-bottom:15px;
        font-weight:400
    }
    .bg-img-1{
        background-image:url(../assets/img/slider/slider-img-1.webp)
    }
    .bg-img-2{
        background-image:url(../assets/img/background-img/bg-img-2.webp)
    }
    .cta-bg-1{
        background-image:url(../assets/img/background-img/bg-img-3.webp)
    }
    .img{
        max-width:100%;
        -webkit-transition:.3s ease-out;
        -moz-transition:.3s ease-out;
        -ms-transition:.3s ease-out;
        -o-transition:.3s ease-out;
        transition:.3s ease-out
    }
    .button,.main-header .main-menu ul li a{
        -webkit-transition:.3s ease-out;
        -moz-transition:.3s ease-out;
        -ms-transition:.3s ease-out;
        -o-transition:.3s ease-out
    }
    .f-left{
        float:left
    }
    .f-right,.left{
        float:right
    }
    .clear{
        clear:both
    }
    .cc-item .owl-stage{
        display:flex;
        align-items:center
    }
    .cc-item .owl-stage img{
        width:auto;
        object-fit:contain;
        filter:grayscale(100%)
    }
    .button{
        transition:.3s ease-out
    }
    .button:focus,a:focus{
        text-decoration:none;
        outline:0
    }
    a{
        color:#635c5c
    }
    .footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover{
        text-decoration:none;
        color:#ffba19
    }
    .view-all{
        border:1px solid #000;
        border-radius:56px;
        padding:15px 30px;
        color:#2a3349
    }
    .btn,.nav-link,.slider-area h2{
        letter-spacing:-.02em
    }
    .view-all svg{
        position:relative;
        margin-left:5px;
        top:-1px
    }
    .view-all:hover{
        border:1px solid #ffba19
    }
    #our_team .row.mt-5.thum-slas.justify-content-center .text-center figure img{
        width:204px;
        object-fit:contain;
        height:251px
    }
    .center-boxes{
        margin-top:50px;
        margin-bottom:50px
    }
    .center-boxes figure img{
        border-radius:50px
    }
    .form-group div,.form-row .form-group,.fz-inr,.theme-overlay,.video-play,section.one{
        position:relative
    }
    section.one:after{
        content:"";
        display:block;
        clear:both
    }
    .left{
        width:calc(50% - 12px);
        margin-right:0
    }
    .img-frame img,.main-menu ul li.active>a::before,.main-menu ul li:hover>a::before,.right div,.services-area .single-services img,.sideways{
        width:100%
    }
    .right{
        width:calc(46% - 13px);
        float:left
    }
    .right-child{
        display:block;
        float:right
    }
    .right-child.posFix{
        position:fixed;
        top:100px;
        width:35%;
        transition:.5s
    }
    .right-child.posAbs{
        position:absolute;
        bottom:25px
    }
    @media (max-width:992px){
        .container,.left,.right,.right .right-child{
            width:100%
        }
    }
    .scroll_paralux::-webkit-scrollbar{
        width:0
    }
    .scroll_paralux::-webkit-scrollbar-track{
        background:#fff
    }
    .scroll_paralux::-webkit-scrollbar-thumb{
        border:0 solid #fff;
        border-radius:10px
    }
    .border-btn,.capitalize,.main-header .main-menu ul li a,.submit-btn2{
        text-transform:capitalize
    }
    input:focus::-moz-placeholder{
        opacity:0;
        -webkit-transition:.4s;
        -o-transition:.4s;
        transition:.4s
    }
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        color:inherit
    }
    ul{
        margin:0
    }
    hr{
        border-bottom:1px solid #eceff8;
        border-top:0;
        margin:30px 0
    }
    .header-area .btn.header-btn{
        position:relative;
        z-index:1000
    }
    @media  screen and (min-width:992px){
        .navbar .dropdown{
            position:static
        }
        .navbar .dropdown-menu{
            width:100%;
            left:0;
            right:0;
            top:54px;
            display:block;
            visibility:hidden;
            opacity:0;
            transition:visibility,opacity .3s linear
        }
        .navbar .dropdown .dropdown-menu:hover,.navbar .dropdown:hover .dropdown-menu{
            display:block;
            visibility:visible;
            opacity:1;
            transition:visibility,opacity .3s linear
        }
    }
    .overlay2::before,.overlay::before,.theme-overlay::before{
        top:0;
        height:100%;
        position:absolute;
        width:100%;
        left:0;
        content:""
    }
    .header-area .navbar .dropdown-menu .text-uppercase{
        font-size:14px;
        line-height:21px;
        letter-spacing:.18em;
        text-transform:uppercase;
        margin-bottom:25px;
        display:inline-block;
        width:100%;
        font-family:'DM Sans',sans-serif;
        color:#2a3349;
        font-weight:700
    }
    .header-area .navbar .dropdown-menu h4{
        font-size:18px;
        line-height:150%;
        letter-spacing:-.02em;
        color:#2a3349
    }
    .middle-align{
        align-items:center;
        display:inherit
    }
    .header-area .navbar .dropdown-menu p{
        font-size:16px;
        line-height:150%;
        height:60px;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    /* .form-row div .custom-select,.header-area .navbar .dropdown-menu p:last-child,.num-box p:last-child{
        margin-bottom:0!important
    } */
    .header-area .navbar .dropdown-menu .pppnl-content,.pb-15{
        padding-bottom:15px
    }
    .bdr-line-right{
        border-right:1px solid #ccc
    }
    .nav-link{
        font-size:18px;
        line-height:19px;
        color:#2a3349;
        position:relative
    }
    .btn-explore1:hover,.btn-explore2:hover,.btn-explore:hover,.masonry-grid .maso-gallery a:hover h6,.masonry-grid .maso-gallery a:hover p,.nav-link:hover{
        color:#2a3349
    }
    .client-carousel .owl-dots,.dropdown-toggle::after,.mob-toggle,.owl-carousel-vertical .owl-dots,.owl-client .owl-dots,.owl-client .owl-nav button span{
        display:none
    }
    .theme-overlay::before{
        background:#1696e7;
        opacity:.6
    }
    .overlay,.overlay2{
        position:relative;
        z-index:0
    }
    .btn,.main-header .main-menu ul li{
        display:inline-block;
        z-index:1
    }
    .overlay::before{
        z-index:-1
    }
    .overlay2::before{
        background-color:#2e2200;
        z-index:-1;
        opacity:.5
    }
    .section-padding{
        padding-top:120px;
        padding-bottom:120px
    }
    .separator{
        border-top:1px solid #f2f2f2
    }
    .form-group .invalid-feedback{
        position:absolute;
        left:0;
        font-size:12px;
        bottom:-18px;
        margin-top:0!important
    }
    @media (max-width:767px){
        .mb-90{
            margin-bottom:30px
        }
    }
    @media (min-width:768px) and (max-width:991px){
        .mb-90{
            margin-bottom:45px
        }
    }
    .owl-carousel .owl-nav div{
        background:rgba(255,255,255,.8);
        height:40px;
        left:20px;
        line-height:40px;
        font-size:22px;
        color:#646464;
        position:absolute;
        text-align:center;
        top:50%;
        transform:translateY(-50%);
        transition:.3s;
        width:40px
    }
    .owl-carousel .owl-nav div.owl-next{
        left:auto;
        right:-30px
    }
    .owl-carousel .owl-nav div.owl-next i{
        position:relative;
        right:0;
        top:1px
    }
    .owl-carousel .owl-nav div.owl-prev i{
        position:relative;
        right:1px;
        top:0
    }
    .owl-carousel:hover .owl-nav div:hover{
        color:#fff;
        background:#ff3500
    }
    .btn{
        background:#2a3349;
        border-radius:56px;
        padding:15px 30px;
        color:#fff!important;
        font-size:16px;
        line-height:0;
        position:relative;
        border:0;
        margin:0;
        transition:transform .2s
    }
    .btn:hover{
        background:#1f2636;
        transform:scale(1.1)
    }
    .btn.bb-btn svg{
        top:-1px
    }
    .btn svg{
        position:relative;
        margin-left:5px
    }
    .btn.focus,.btn:focus{
        outline:0;
        box-shadow:none
    }
    .header-btn{
        padding:20px 30px
    }
    .submit-btn2{
        background:#ec5b53;
        width:100%;
        height:60px;
        padding:10px 20px;
        border:0;
        color:#fff;
        font-size:18px;
        border-radius:0
    }
    .border-btn{
        border:1px solid #e3c6c6;
        color:#464d65;
        background:0 0;
        border-radius:5px;
        padding:25px 57px;
        display:inline-block;
        font-size:14px;
        letter-spacing:1px;
        transition:color .4s linear;
        position:relative;
        margin:0
    }
    .main-header .header-sticky.sticky-bar,.sticky-bar{
        background:#fff
    }
    .footer-top h4,.media-bx h6,.media-flex h5,.slider-area h6,.uppercase-text-small{
        text-transform:uppercase
    }
    .border-btn::before{
        border:1px solid transparent;
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:101%;
        height:101%;
        background:#ec5b53;
        z-index:-1;
        transition:transform .5s cubic-bezier(0.5,1.6,0.4,0.7);
        transform-origin:0 0;
        transform:scaleY(0);
        border-radius:0
    }
    .preloader,.preloader .preloader-circle{
        -webkit-transition:.6s;
        -o-transition:.6s
    }
    .border-btn:hover::before{
        transform:scaleY(1);
        border:1px solid transparent
    }
    .breadcrumb>.active{
        color:#888
    }
    #back-top,#scrollUp{
        background:#ffba19;
        height:50px;
        width:50px;
        right:31px;
        bottom:18px;
        position:fixed;
        color:#fff;
        font-size:20px;
        border-radius:50%;
        line-height:48px;
        border:2px solid transparent;
        box-shadow:0 0 10px 3px rgba(108,98,98,.2);
        z-index:100
    }
    .preloader .preloader-circle,.preloader .preloader-img img{
        width:100px;
        height:100px;
        border-radius:50%
    }
    #back-top a,#scrollUp:hover{
        color:#fff
    }
    #back-top a i,#scrollUp a i{
        display:block;
        line-height:50px
    }
    .sticky-bar{
        left:0;
        margin:auto;
        position:fixed;
        top:0;
        width:100%;
        z-index:1000;
        -webkit-animation:.8s ease-in-out fadeInDown;
        animation:.8s ease-in-out fadeInDown;
        box-shadow:rgba(0,0,0,.1) 0 1px 3px
    }
    .mt-5{
        margin-top:5px
    }
    .mt-15{
        margin-top:15px
    }
    .mt-20{
        margin-top:20px
    }
    .mt-25{
        margin-top:25px
    }
    .mt-35{
        margin-top:35px
    }
    .mt-40{
        margin-top:40px
    }
    .mt-45{
        margin-top:45px
    }
    .mt-50{
        margin-top:50px
    }
    .mt-55{
        margin-top:55px
    }
    .mt-60{
        margin-top:60px
    }
    .mt-65{
        margin-top:65px
    }
    .mt-70{
        margin-top:70px
    }
    .mt-75{
        margin-top:75px
    }
    .mt-80{
        margin-top:80px
    }
    .mt-85{
        margin-top:85px
    }
    .mt-90{
        margin-top:90px
    }
    .mt-95{
        margin-top:95px
    }
    .mt-100{
        margin-top:100px
    }
    .mt-105{
        margin-top:105px
    }
    .mt-110{
        margin-top:110px
    }
    .mt-115{
        margin-top:115px
    }
    .mt-120{
        margin-top:120px
    }
    .mt-125{
        margin-top:125px
    }
    .mt-130{
        margin-top:130px
    }
    .mt-135{
        margin-top:135px
    }
    .mt-140{
        margin-top:140px
    }
    .mt-145{
        margin-top:145px
    }
    .mt-150{
        margin-top:150px
    }
    .mt-155{
        margin-top:155px
    }
    .mt-160{
        margin-top:160px
    }
    .mt-165{
        margin-top:165px
    }
    .mt-170{
        margin-top:170px
    }
    .mt-175{
        margin-top:175px
    }
    .mt-180{
        margin-top:180px
    }
    .mt-185{
        margin-top:185px
    }
    .mt-190{
        margin-top:190px
    }
    .mt-195{
        margin-top:195px
    }
    .mt-200{
        margin-top:200px
    }
    .mb-5{
        margin-bottom:5px
    }
    .footer-top ul li,.mb-10,.mnuSlim li,.switch-wrap{
        margin-bottom:10px
    }
    .mb-15{
        margin-bottom:15px
    }
    .center-video-slider .video-play,.mb-20,.testimonial-box.cote-p h2{
        margin-bottom:20px
    }
    .mb-25{
        margin-bottom:25px
    }
    .mb-35{
        margin-bottom:35px
    }
    .mb-40{
        margin-bottom:40px
    }
    .mb-45{
        margin-bottom:45px
    }
    .mb-50,.slider-area h2{
        margin-bottom:50px
    }
    .mb-55{
        margin-bottom:55px
    }
    .mb-60{
        margin-bottom:60px
    }
    .mb-65{
        margin-bottom:65px
    }
    .mb-70{
        margin-bottom:70px
    }
    .mb-75{
        margin-bottom:75px
    }
    .mb-80{
        margin-bottom:80px
    }
    .mb-85{
        margin-bottom:85px
    }
    .mb-90{
        margin-bottom:90px
    }
    .mb-95{
        margin-bottom:95px
    }
    .mb-100{
        margin-bottom:100px
    }
    .mb-105{
        margin-bottom:105px
    }
    .mb-110{
        margin-bottom:110px
    }
    .mb-115{
        margin-bottom:115px
    }
    .mb-120{
        margin-bottom:120px
    }
    .mb-125{
        margin-bottom:125px
    }
    .mb-130{
        margin-bottom:130px
    }
    .mb-135{
        margin-bottom:135px
    }
    .mb-140{
        margin-bottom:140px
    }
    .mb-145{
        margin-bottom:145px
    }
    .mb-150{
        margin-bottom:150px
    }
    .mb-155{
        margin-bottom:155px
    }
    .mb-160{
        margin-bottom:160px
    }
    .mb-165{
        margin-bottom:165px
    }
    .mb-170{
        margin-bottom:170px
    }
    .mb-175{
        margin-bottom:175px
    }
    .mb-180{
        margin-bottom:180px
    }
    .mb-185{
        margin-bottom:185px
    }
    .mb-190{
        margin-bottom:190px
    }
    .mb-195{
        margin-bottom:195px
    }
    .mb-200{
        margin-bottom:200px
    }
    .ml-5{
        margin-left:5px
    }
    .ml-10{
        margin-left:10px
    }
    .ml-15{
        margin-left:15px
    }
    .ml-20{
        margin-left:20px
    }
    .ml-25{
        margin-left:25px
    }
    .ml-30{
        margin-left:30px
    }
    .ml-35{
        margin-left:35px
    }
    .ml-40{
        margin-left:40px
    }
    .ml-45{
        margin-left:45px
    }
    .ml-50{
        margin-left:50px
    }
    .ml-55{
        margin-left:55px
    }
    .ml-60{
        margin-left:60px
    }
    .ml-65{
        margin-left:65px
    }
    .ml-70{
        margin-left:70px
    }
    .ml-75{
        margin-left:75px
    }
    .ml-80{
        margin-left:80px
    }
    .ml-85{
        margin-left:85px
    }
    .ml-90{
        margin-left:90px
    }
    .ml-95{
        margin-left:95px
    }
    .ml-100{
        margin-left:100px
    }
    .ml-105{
        margin-left:105px
    }
    .ml-110{
        margin-left:110px
    }
    .ml-115{
        margin-left:115px
    }
    .ml-120{
        margin-left:120px
    }
    .ml-125{
        margin-left:125px
    }
    .ml-130{
        margin-left:130px
    }
    .ml-135{
        margin-left:135px
    }
    .ml-140{
        margin-left:140px
    }
    .ml-145{
        margin-left:145px
    }
    .ml-150{
        margin-left:150px
    }
    .ml-155{
        margin-left:155px
    }
    .ml-160{
        margin-left:160px
    }
    .ml-165{
        margin-left:165px
    }
    .ml-170{
        margin-left:170px
    }
    .ml-175{
        margin-left:175px
    }
    .ml-180{
        margin-left:180px
    }
    .ml-185{
        margin-left:185px
    }
    .ml-190{
        margin-left:190px
    }
    .ml-195{
        margin-left:195px
    }
    .ml-200{
        margin-left:200px
    }
    .mr-5{
        margin-right:5px
    }
    .mr-10{
        margin-right:10px
    }
    .mr-15{
        margin-right:15px
    }
    .media-flex img,.mr-20{
        margin-right:20px
    }
    .mr-25{
        margin-right:25px
    }
    .mr-30{
        margin-right:30px
    }
    .mr-35{
        margin-right:35px
    }
    .mr-40{
        margin-right:40px
    }
    .mr-45{
        margin-right:45px
    }
    .mr-50{
        margin-right:50px
    }
    .mr-55{
        margin-right:55px
    }
    .mr-60{
        margin-right:60px
    }
    .mr-65{
        margin-right:65px
    }
    .mr-70{
        margin-right:70px
    }
    .mr-75{
        margin-right:75px
    }
    .mr-80{
        margin-right:80px
    }
    .mr-85{
        margin-right:85px
    }
    .mr-90{
        margin-right:90px
    }
    .mr-95{
        margin-right:95px
    }
    .mr-100{
        margin-right:100px
    }
    .mr-105{
        margin-right:105px
    }
    .mr-110{
        margin-right:110px
    }
    .mr-115{
        margin-right:115px
    }
    .mr-120{
        margin-right:120px
    }
    .mr-125{
        margin-right:125px
    }
    .mr-130{
        margin-right:130px
    }
    .mr-135{
        margin-right:135px
    }
    .mr-140{
        margin-right:140px
    }
    .mr-145{
        margin-right:145px
    }
    .mr-150{
        margin-right:150px
    }
    .mr-155{
        margin-right:155px
    }
    .mr-160{
        margin-right:160px
    }
    .mr-165{
        margin-right:165px
    }
    .mr-170{
        margin-right:170px
    }
    .mr-175{
        margin-right:175px
    }
    .mr-180{
        margin-right:180px
    }
    .mr-185{
        margin-right:185px
    }
    .mr-190{
        margin-right:190px
    }
    .mr-195{
        margin-right:195px
    }
    .mr-200{
        margin-right:200px
    }
    .pt-5{
        padding-top:5px
    }
    .pt-10{
        padding-top:10px
    }
    .pt-15{
        padding-top:15px
    }
    .pt-20{
        padding-top:20px
    }
    .pt-25{
        padding-top:25px
    }
    .owl-client .owl-nav,.pt-30{
        padding-top:30px
    }
    .pt-35{
        padding-top:35px
    }
    .pt-40{
        padding-top:40px
    }
    .pt-45{
        padding-top:45px
    }
    .pt-50{
        padding-top:50px
    }
    .pt-55{
        padding-top:55px
    }
    .pt-60{
        padding-top:60px
    }
    .pt-65{
        padding-top:65px
    }
    .pt-70{
        padding-top:70px
    }
    .pt-75{
        padding-top:75px
    }
    .pt-80,.total-top100{
        padding-top:80px
    }
    .pt-85{
        padding-top:85px
    }
    .pt-90{
        padding-top:90px
    }
    .pt-95{
        padding-top:95px
    }
    .pt-100{
        padding-top:100px
    }
    .pt-105{
        padding-top:105px
    }
    .pt-110{
        padding-top:110px
    }
    .pt-115{
        padding-top:115px
    }
    .pt-120{
        padding-top:120px
    }
    .pt-125{
        padding-top:125px
    }
    .pt-130{
        padding-top:130px
    }
    .pt-135{
        padding-top:135px
    }
    .pt-140{
        padding-top:140px
    }
    .pt-145{
        padding-top:145px
    }
    .pt-150{
        padding-top:150px
    }
    .pt-155{
        padding-top:155px
    }
    .pt-160{
        padding-top:160px
    }
    .pt-165{
        padding-top:165px
    }
    .pt-170{
        padding-top:170px
    }
    .pt-175{
        padding-top:175px
    }
    .pt-180{
        padding-top:180px
    }
    .pt-185{
        padding-top:185px
    }
    .pt-190{
        padding-top:190px
    }
    .pt-195{
        padding-top:195px
    }
    .pb-top,.pt-200{
        padding-top:200px
    }
    .pt-260{
        padding-top:260px
    }
    .pb-5{
        padding-bottom:5px
    }
    .pb-10{
        padding-bottom:10px
    }
    .pb-20{
        padding-bottom:20px
    }
    .pb-25{
        padding-bottom:25px
    }
    .pb-30{
        padding-bottom:30px
    }
    .pb-35{
        padding-bottom:35px
    }
    .pb-40{
        padding-bottom:40px
    }
    .pb-45{
        padding-bottom:45px
    }
    .pb-50{
        padding-bottom:50px
    }
    .pb-55{
        padding-bottom:55px
    }
    .pb-60{
        padding-bottom:60px
    }
    .pb-65{
        padding-bottom:65px
    }
    .pb-70{
        padding-bottom:70px
    }
    .pb-75{
        padding-bottom:75px
    }
    .pb-80{
        padding-bottom:80px
    }
    .pb-85{
        padding-bottom:85px
    }
    .pb-90{
        padding-bottom:90px
    }
    .pb-95{
        padding-bottom:95px
    }
    .pb-100{
        padding-bottom:100px
    }
    .pb-105{
        padding-bottom:105px
    }
    .pb-110{
        padding-bottom:110px
    }
    .pb-115{
        padding-bottom:115px
    }
    .pb-120{
        padding-bottom:120px
    }
    .pb-125{
        padding-bottom:125px
    }
    .pb-130{
        padding-bottom:130px
    }
    .pb-135{
        padding-bottom:135px
    }
    .pb-140{
        padding-bottom:140px
    }
    .pb-145{
        padding-bottom:145px
    }
    .pb-150{
        padding-bottom:150px
    }
    .pb-155{
        padding-bottom:155px
    }
    .pb-160{
        padding-bottom:160px
    }
    .pb-165{
        padding-bottom:165px
    }
    .pb-170{
        padding-bottom:170px
    }
    .pb-175{
        padding-bottom:175px
    }
    .pb-180{
        padding-bottom:180px
    }
    .pb-185{
        padding-bottom:185px
    }
    .pb-190{
        padding-bottom:190px
    }
    .pb-195{
        padding-bottom:195px
    }
    .pb-200,.pb-bottom,.section-padding2{
        padding-bottom:200px
    }
    .pl-5{
        padding-left:5px
    }
    .pl-10{
        padding-left:10px
    }
    .pl-15{
        padding-left:15px
    }
    .pl-20{
        padding-left:20px
    }
    .pl-25{
        padding-left:25px
    }
    .pl-30,.service-area2 .tab-content{
        padding-left:30px
    }
    .pl-35{
        padding-left:35px
    }
    .pl-40{
        padding-left:40px
    }
    .pl-45{
        padding-left:45px
    }
    .pl-50{
        padding-left:50px
    }
    .pl-55{
        padding-left:55px
    }
    .pl-60{
        padding-left:60px
    }
    .pl-65{
        padding-left:65px
    }
    .pl-70{
        padding-left:70px
    }
    .pl-75{
        padding-left:75px
    }
    .pl-80{
        padding-left:80px
    }
    .pl-85{
        padding-left:85px
    }
    .pl-90{
        padding-left:90px
    }
    .pl-95{
        padding-left:95px
    }
    .pl-100{
        padding-left:100px
    }
    .pl-105{
        padding-left:105px
    }
    .pl-110{
        padding-left:110px
    }
    .pl-115{
        padding-left:115px
    }
    .pl-120{
        padding-left:120px
    }
    .pl-125{
        padding-left:125px
    }
    .pl-130{
        padding-left:130px
    }
    .pl-135{
        padding-left:135px
    }
    .pl-140{
        padding-left:140px
    }
    .pl-145{
        padding-left:145px
    }
    .pl-150{
        padding-left:150px
    }
    .pl-155{
        padding-left:155px
    }
    .pl-160{
        padding-left:160px
    }
    .pl-165{
        padding-left:165px
    }
    .pl-170{
        padding-left:170px
    }
    .pl-175{
        padding-left:175px
    }
    .pl-180{
        padding-left:180px
    }
    .pl-185{
        padding-left:185px
    }
    .pl-190{
        padding-left:190px
    }
    .pl-195{
        padding-left:195px
    }
    .pl-200{
        padding-left:200px
    }
    .pr-5{
        padding-right:5px
    }
    .pr-10{
        padding-right:10px
    }
    .pr-15{
        padding-right:15px
    }
    .pr-20{
        padding-right:20px
    }
    .pr-25{
        padding-right:25px
    }
    .pr-30{
        padding-right:30px
    }
    .pr-35{
        padding-right:35px
    }
    .pr-40{
        padding-right:40px
    }
    .pr-45{
        padding-right:45px
    }
    .pr-50{
        padding-right:50px
    }
    .pr-55{
        padding-right:55px
    }
    .pr-60{
        padding-right:60px
    }
    .pr-65{
        padding-right:65px
    }
    .pr-70{
        padding-right:70px
    }
    .pr-75{
        padding-right:75px
    }
    .pr-80{
        padding-right:80px
    }
    .pr-85{
        padding-right:85px
    }
    .pr-90{
        padding-right:90px
    }
    .pr-95{
        padding-right:95px
    }
    .pr-100{
        padding-right:100px
    }
    .pr-105{
        padding-right:105px
    }
    .pr-110{
        padding-right:110px
    }
    .pr-115{
        padding-right:115px
    }
    .pr-120{
        padding-right:120px
    }
    .pr-125{
        padding-right:125px
    }
    .pr-130{
        padding-right:130px
    }
    .pr-135{
        padding-right:135px
    }
    .pr-140{
        padding-right:140px
    }
    .pr-145{
        padding-right:145px
    }
    .pr-150{
        padding-right:150px
    }
    .pr-155{
        padding-right:155px
    }
    .pr-160{
        padding-right:160px
    }
    .pr-165{
        padding-right:165px
    }
    .pr-170{
        padding-right:170px
    }
    .pr-175{
        padding-right:175px
    }
    .pr-180{
        padding-right:180px
    }
    .pr-185{
        padding-right:185px
    }
    .pr-190{
        padding-right:190px
    }
    .pr-195{
        padding-right:195px
    }
    .pr-200{
        padding-right:200px
    }
    .bounce-animate{
        animation-name:float-bob;
        animation-duration:2s;
        animation-iteration-count:infinite;
        -moz-animation-name:float-bob;
        -moz-animation-duration:2s;
        -moz-animation-iteration-count:infinite;
        -moz-animation-timing-function:linear;
        -ms-animation-name:float-bob;
        -ms-animation-duration:2s;
        -ms-animation-iteration-count:infinite;
        -ms-animation-timing-function:linear;
        -o-animation-name:float-bob;
        -o-animation-duration:2s;
        -o-animation-iteration-count:infinite;
        -o-animation-timing-function:linear
    }
    @-webkit-keyframes float-bob{
        0%,100%{
            -webkit-transform:translateY(-20px);
            transform:translateY(-20px)
        }
        50%{
            -webkit-transform:translateY(-10px);
            transform:translateY(-10px)
        }
    }
    .heartbeat{
        animation:1s infinite alternate heartbeat
    }
    @-webkit-keyframes heartbeat{
        to{
            -webkit-transform:scale(1.03);
            transform:scale(1.03)
        }
    }
    .rotateme{
        -webkit-animation-name:rotateme;
        animation-name:rotateme;
        -webkit-animation-duration:30s;
        animation-duration:30s;
        -webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    @keyframes  rotateme{
        from{
            -webkit-transform:rotate(0);
            transform:rotate(0)
        }
        to{
            -webkit-transform:rotate(360deg);
            transform:rotate(360deg)
        }
    }
    @-webkit-keyframes rotateme{
        from{
            -webkit-transform:rotate(0)
        }
        to{
            -webkit-transform:rotate(360deg)
        }
    }
    .preloader{
        background-color:#f7f7f7;
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:999999;
        transition:.6s;
        margin:0 auto
    }
    .preloader .preloader-circle{
        position:absolute;
        border-style:solid;
        border-width:1px;
        border-color:#ffba19 transparent transparent;
        z-index:10;
        -webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,.15);
        box-shadow:0 1px 5px 0 rgba(35,181,185,.15);
        background-color:#fff;
        -webkit-animation:2s infinite zoom;
        animation:2s infinite zoom;
        transition:.6s
    }
    .preloader .preloader-circle2{
        border-top-color:#0078ff
    }
    .preloader .preloader-img{
        position:absolute;
        top:50%;
        z-index:200;
        left:50%;
        display:inline-block;
        -webkit-transition:.6s;
        -o-transition:.6s;
        transition:.6s;
        transform:translate(-50%,-50%);
        padding-top:0
    }
    .preloader .pere-text strong{
        font-weight:800;
        color:#dca73a;
        text-transform:uppercase
    }
    @-webkit-keyframes zoom{
        0%{
            -webkit-transform:rotate(0);
            transform:rotate(0);
            -webkit-transition:.6s;
            -o-transition:.6s;
            transition:.6s
        }
        100%{
            -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
            -webkit-transition:.6s;
            -o-transition:.6s;
            transition:.6s
        }
    }
    @keyframes  zoom{
        0%{
            -webkit-transform:rotate(0);
            transform:rotate(0);
            -webkit-transition:.6s;
            -o-transition:.6s;
            transition:.6s
        }
        100%{
            -webkit-transform:rotate(360deg);
            transform:rotate(360deg);
            -webkit-transition:.6s;
            -o-transition:.6s;
            transition:.6s
        }
    }
    .section-padding2{
        padding-top:200px
    }
    .testimonial-padding{
        padding-top:190px;
        padding-bottom:170px
    }
    .w-padding2{
        padding-top:130px;
        padding-bottom:125px
    }
    .section-padding30{
        padding-top:195px;
        padding-bottom:140px
    }
    @media  only screen and (min-width:1200px) and (max-width:1600px){
        .section-padding2{
            padding-top:200px;
            padding-bottom:200px
        }
        .section-padding30{
            padding-top:195px;
            padding-bottom:140px
        }
    }
    .services-padding{
        padding-top:145px;
        padding-bottom:170px
    }
    .section-paddingt30{
        padding-top:195px;
        padding-bottom:90px
    }
    .section-padding3{
        padding-top:150px;
        padding-bottom:0
    }
    .footer-padding{
        padding-top:150px;
        padding-bottom:136px
    }
    .section-tittle h2{
        font-size:48px;
        display:block;
        color:#000a2d;
        font-weight:600
    }
    .section-bg{
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center
    }
    .navbar-nav{
        width:55%;
        justify-content:space-between
    }
    .header-area .navbar{
        padding:15px 30px!important
    }
    .header-area .nav-item{
        padding:0!important
    }
    .header-area .navbar .navbar-nav .nav-link{
        padding:5px 0!important
    }
    .header-area .navbar .navbar-nav .nav-link:hover::before{
        position:absolute;
        left:50%;
        bottom:0;
        content:"";
        width:6px;
        height:6px;
        background:#ffba19;
        border-radius:50px;
        transform:translateX(-50%)
    }
    .header-area .navbar .navbar-nav .nav-link.active::before{
        position:absolute;
        left:50%;
        bottom:0;
        right:0;
        height:2px;
        background:#ffba19;
        content:"";
        width:50px;
        transform:translateX(-50%)
    }
    .header-area .navbar .navbar-nav .dropdown-menu{
        padding:40px 0;
        border:none;
        border-bottom:1px solid #ccc;
        border-radius:0
    }
    .main-header .main-menu ul li a{
        padding:30px 10px;
        display:block;
        font-size:18px;
        transition:.3s ease-out;
        position:relative;
        margin:0 20px;
        letter-spacing:.02em;
        color:#2a3349
    }
    .bold-font-bg span,.ftr-link li a:hover,.main-header .main-menu ul li:hover>a,.mnuSlim li a:hover,.process .nav .nav-item.nav-link.active span{
        color:#ffba19
    }
    .main-header .main-menu ul div.submenu{
        position:absolute;
        width:100%;
        background:#fff;
        left:0;
        right:0;
        top:120%;
        visibility:hidden;
        opacity:0;
        box-shadow:0 0 10px 3px rgba(0,0,0,.05);
        padding:17px 0;
        -webkit-transition:.3s ease-out;
        -moz-transition:.3s ease-out;
        -ms-transition:.3s ease-out;
        -o-transition:.3s ease-out;
        transition:.3s ease-out;
        z-index:10
    }
    .main-header .main-menu ul div.submenu>li{
        margin-left:7px;
        display:block
    }
    .main-header .main-menu ul div.submenu>li>a{
        padding:6px 10px!important;
        font-size:18px;
        text-transform:capitalize;
        margin:0
    }
    .main-header .main-menu ul div.submenu>li>a:hover{
        color:#ec5b53;
        background:0 0;
        padding-left:15px!important
    }
    .main-header .main-menu ul div.submenu>li>a:hover::before{
        width:10px
    }
    .main-header ul>li:hover>div.submenu{
        visibility:visible;
        opacity:1;
        top:100%
    }
    .header-sticky.sticky-bar .main-menu ul>li>a{
        padding:27px 10px;
        margin:0 20px
    }
    .header-transparent{
        position:absolute;
        top:0;
        right:0;
        left:0;
        z-index:9
    }
    .mobile_menu{
        position:absolute;
        right:0;
        width:100%;
        z-index:99
    }
    .mobile_menu .slicknav_menu{
        background:0 0;
        margin-top:16px!important
    }
    .mobile_menu .slicknav_menu .slicknav_nav a:hover{
        background:0 0;
        color:#ec5b53
    }
    .mobile_menu .slicknav_menu .slicknav_icon-bar{
        background-color:#ec5b53!important
    }
    .mobile_menu .slicknav_btn{
        top:-55px
    }
    .mobile_menu .slicknav_nav{
        margin-top:0
    }
    .followUs ul li,.masonry-grid>.maso-gallery{
        margin:0 15px
    }
    .mnuSlim{
        width:auto!important;
        left:initial!important;
        right:initial!important;
        padding:20px!important
    }
    .mnuSlim li a{
        font-size:14px;
        line-height:176.5%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    .slider-area{
        padding:100px 0;
        background:url(../assets/img/sdw-bg.webp) left 21% center/contain no-repeat #fff
    }
    .btn-explore,.btn-explore1{
        line-height:150%;
        letter-spacing:.02em;
        padding-left:10px;
        color:#2a3349;
        font-weight:500;
        font-family:'DM Sans',sans-serif;
        position:relative
    }
    .slider-area h2{
        font-family:'DM Sans',sans-serif;
        font-size:40px;
        line-height:55px;
        color:#2a3349;
        font-weight:700
    }
    .slider-area h2 span{
        color:#ffba19!important
    }
    .type::after{
        content:"|";
        display:inline;
        animation:.7s infinite blink;
        color:#000a2d
    }
    .typed-cursor{
        opacity:0;
        display:none
    }
    @keyframes  blink{
        0%,100%{
            opacity:1
        }
        50%{
            opacity:0
        }
    }
    @-webkit-keyframes blink{
        0%,100%{
            opacity:1
        }
        50%{
            opacity:0
        }
    }
    @-moz-keyframes blink{
        0%,100%{
            opacity:1
        }
        50%{
            opacity:0
        }
    }
    .btn-grp-sec{
        display:flex;
        align-items:center;
        z-index:1;
        position:relative
    }
    .btn-explore span,.followUs ul li,.ftr-link li,.loader5,.nav-pills li a,.services-area .tab-content,.sideways li,.sideways li a{
        display:inline-block
    }
    .btn-explore{
        font-size:18px
    }
    .btn-explore1::after,.btn-explore::after{
        width:36px;
        background:0 0/contain #ffe3a3;
        height:36px;
        position:absolute;
        left:0;
        content:"";
        border-radius:50%;
        top:50%;
        transform:translateY(-50%);
        transition:left .2s linear;
        z-index:0;
        cursor:initial
    }
    .btn-explore1:hover::after,.btn-explore:hover::after{
        left:85px;
        background:#ffba19
    }
    .btn-explore1{
        font-size:16px
    }
    .btn-explore1 span,.btn-explore2 span{
        position:relative;
        z-index:1
    }
    .btn-explore1:hover svg path,.btn-explore:hover svg path{
        stroke:#fff
    }
    .btn-explore-small:hover::after{
        left:54px!important
    }
    .btn-explore span{
        position:relative;
        z-index:1;
        height:40px;
        line-height:40px
    }
    .slider-area h6{
        font-size:14px;
        line-height:21px;
        margin-bottom:20px;
        letter-spacing:.15em;
        font-family:'DM Sans',sans-serif;
        color:#2a3349;
        font-weight:700
    }
    .font-style,.media-flex span,.service-area2 .tab-content p,.services-area p,.slider-area p,.top-rated p{
        font-size:18px;
        line-height:150%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    .btn-explore2{
        position:relative;
        font-size:16px;
        line-height:150%;
        letter-spacing:.02em;
        color:#2a3349;
        font-family:'DM Sans',sans-serif;
        font-weight:500;
        padding:0 20px;
        left:-20px
    }
    .btn-explore2::after{
        width:50px;
        background:0 0/contain #ffe3a3;
        height:50px;
        position:absolute;
        left:50%;
        content:"";
        border-radius:50px;
        top:50%;
        transform:translate(-50%,-50%);
        transition-timing-function:linear;
        transition-duration:.2s;
        z-index:0
    }
    .btn-explore2:hover::after{
        left:0;
        right:0;
        background:#ffe3a3;
        width:100%;
        transform:initial!important;
        transform:translateY(-50%)!important
    }
    .btn-explore2:hover svg path{
        stroke:#2a3349
    }
    .bnr-top-minus{
        position:relative;
        margin-top:-200px
    }
    .item-job{
        transition:.3s ease-in-out;
        position:relative
    }
    .item-job:hover{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    .loader5{
        width:0;
        height:0;
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        border-bottom:20px solid #000a2d;
        border-top:20px solid #ffba19;
        -webkit-animation:1.2s ease-in-out infinite alternate loader5;
        animation:1.2s ease-in-out infinite alternate loader5
    }
    @keyframes  loader5{
        from{
            transform:rotate(0)
        }
        to{
            transform:rotate(720deg)
        }
    }
    @-webkit-keyframes loader5{
        from{
            -webkit-transform:rotate(0)
        }
        to{
            -webkit-transform:rotate(720deg)
        }
    }
    .service-area2{
        background:#f5fff8;
        padding:100px 0
    }
    .owl-carousel-vertical{
        transform:rotate3d(0,0,1,90deg)
    }
    .owl-carousel-vertical .item{
        transform:rotate3d(0,0,1,-90deg)
    }
    .owl-carousel-vertical .owl-nav{
        position:absolute;
        left:5px;
        bottom:-15px
    }
    .owl-carousel-vertical .owl-nav button{
        font-size:60px!important
    }
    .services-caption .row-flex div img{
        width:41px;
        height:41px;
        object-fit:contain
    }
    .uppercase-text-small{
        font-size:14px;
        line-height:21px;
        margin-bottom:20px;
        letter-spacing:.15em;
        color:#2a3349;
        font-family:'DM Sans',sans-serif
    }
    .bold-font-bg,.masonry-grid .maso-gallery h6,.service-area2 .tab-content h3,.sideways li a div h4{
        letter-spacing:-.02em;
        color:#2a3349;
        font-weight:700
    }
    .bold-font-bg{
        font-size:36px;
        line-height:44px;
        font-family:'DM Sans',sans-serif;
        background:url({{asset('assets').'/img/sm.svg'}}) left bottom no-repeat;
        padding-bottom:15px;
        text-transform:lowercase;
        margin-bottom:20px
    }
    .sideways li{
        width:100%
    }
    .sideways li a{
        padding:30px;
        width:100%;
        border:1px solid rgba(0,0,0,.1);
        position:relative
    }
    .process .nav .nav-item.nav-link.active,.sideways li a.active{
        background:rgba(255,186,25,.05);
        border:1px solid #ffba19
    }
    .sideways li a.active::before{
        position:absolute;
        right:30px;
        top:50%;
        transform:translateY(-50%);
        content:"";
        background:url(../assets/img/arrow-right.webp) 0 0/contain no-repeat;
        width:10px;
        height:10px
    }
    .sideways li a div .num{
        position:relative;
        margin-right:15px;
        font-size:18px;
        line-height:176.5%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.2);
        font-family:'DM Sans',sans-serif
    }
    .testimonial .col-lg-5 ul li,.testimonial .col-lg-5 ul li span{
        line-height:24px!important;
        letter-spacing:-.01em!important;
        list-style:disc
    }
    .testimonial .col-lg-5 ul li,.testimonial .col-lg-5 ul li p,.testimonial .col-lg-5 ul li span,.testimonial p,.testimonial p span{
        color:rgba(42,51,73,.8)!important
    }
    .sideways li a div h4{
        font-size:18px;
        line-height:26px;
        margin-bottom:10px;
        font-family:'DM Sans',sans-serif
    }
    .bold-number,.sideways li a div p{
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif
    }
    .sideways li a div p{
        font-size:18px;
        line-height:150%;
        color:rgba(42,51,73,.8);
        margin-bottom:0
    }
    .bold-number{
        font-size:48px;
        line-height:176.5%;
        margin-bottom:30px;
        color:#ffe29e;
        font-weight:700
    }
    .service-area2 .tab-content h3{
        font-size:24px;
        line-height:36px;
        margin-bottom:20px
    }
    .tab-mock1{
        position:absolute;
        right:0;
        top:0
    }
    .tab-mock2{
        position:absolute;
        right:0;
        bottom:0
    }
    .tab-mock3{
        position:absolute;
        right:0;
        bottom:0;
        width:80%
    }
    .case-studies{
        background:#f9f9f9;
        padding:100px 0
    }
    .masonry-column{
        padding:0 15px
    }
    .row.masonry-grid{
        justify-content:center
    }
    .masonry-grid .maso-gallery a{
        display:inline-block;
        width:100%;
        margin-bottom:15px;
        transition:.3s ease-in-out
    }
    .masonry-grid .maso-gallery a img{
        border-radius:5px;
        width:100%;
        margin-bottom:10px;
        position:relative;
        /* filter:grayscale(100%) */
    }
    .masonry-grid .maso-gallery a:hover{
        -webkit-transform:scale(1.09);
        transform:scale(1.09)
    }
    .masonry-grid .maso-gallery a:hover img{
        filter:initial!important
    }
    .masonry-grid .maso-gallery h6{
        font-size:18px;
        line-height:27px;
        margin-bottom:0;
        margin-top:0
    }
    .masonry-grid .maso-gallery p{
        font-size:18px;
        line-height:150%;
        margin-bottom:0!important;
        letter-spacing:-.01em;
        color:#919191
    }
    html.hidden-ober{
        overflow:hidden!important
    }
    .back-back{
        position:absolute;
        top:55%;
        left:50%;
        transform:translate(-50%,-50%);
        width:100%
    }
    .pp-top{
        width:70%;
        position:relative;
        z-index:1
    }
    .best-incase,.testimonial{
        padding:100px 0;
        overflow:hidden
    }
    .testimonial p span{
        font-family:'DM Sans',sans-serif!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:400!important
    }
    .num-box ul,.testimonial .col-lg-5 ul{
        padding-left:15px;
        margin-bottom:20px
    }
    .testimonial .col-lg-5 ul li{
        font-size:18px;
        font-family:'DM Sans',sans-serif;
        margin-bottom:10px
    }
    .testimonial .col-lg-5 ul li span{
        font-size:16px!important;
        font-family:'DM Sans',sans-serif
    }
    .testimonial .col-lg-5 ul li p{
        margin-bottom:0!important;
        line-height:normal!important
    }
    .bdr-btm{
        border-bottom:1px solid #ccc
    }
    .testimonial-box{
        padding:0 0 40px;
        margin-bottom:40px
    }
    .testimonial-box:last-child{
        margin-bottom:0;
        padding-bottom:0
    }
    .testimonial-box p{
        font-size:18px;
        line-height:150%;
        letter-spacing:--.01em;
        color:rgba(42,51,73,.8);
        font-weight:400
    }
    .media-flex h5,.row-flex div h4{
        font-size:14px;
        line-height:21px;
        font-family:'DM Sans',sans-serif
    }
    .media-flex{
        display:flex;
        padding-top:30px;
        align-items:center
    }
    .media-flex img{
        position:relative;
        border-radius:50%;
        width:60px!important
    }
    .media-flex h5{
        font-weight:700;
        letter-spacing:.15em;
        margin-bottom:0;
        color:#2a3349
    }
    .services-area{
        background:#f9f9f9;
        padding-top:100px;
        padding-bottom:100px
    }
    .services-area .properties__button{
        float:right;
        width:100%
    }
    .services-area .tab-content{
        width:100%;
        padding:30px 0 0
    }
    .row-flex{
        display:grid;
        grid-template-columns:auto auto auto auto;
        grid-gap:10px;
        width:100%
    }
    .row-flex div{
        margin:15px 0
    }
    .row-flex div h4{
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8);
        font-weight:500
    }
    .services-area .nav-tabs .nav-link{
        border:0;
        border-bottom:2px solid transparent;
        padding:10px 25px
    }
    @media  only screen and (min-width:992px) and (max-width:1199px){
        .section-padding2{
            padding-top:200px;
            padding-bottom:200px
        }
        .pb-bottom{
            padding-bottom:200px
        }
        .testimonial-padding{
            padding-top:190px;
            padding-bottom:170px
        }
        .w-padding2{
            padding-top:130px;
            padding-bottom:125px
        }
        .section-padding30,.section-paddingt30{
            padding-top:150px;
            padding-bottom:90px
        }
        .services-padding{
            padding-top:145px;
            padding-bottom:170px
        }
        .section-padding3{
            padding-top:150px;
            padding-bottom:0
        }
        .footer-padding{
            padding-top:150px;
            padding-bottom:136px
        }
        .main-header .main-menu ul li a{
            padding:39px 15px;
            margin:0 10px
        }
        .services-area .nav-tabs .nav-link{
            padding:10px
        }
    }
    .services-area .nav-tabs::before{
        position:absolute;
        content:"";
        width:100%;
        height:2px;
        background:#e7ebf2;
        bottom:-1px;
        left:0
    }
    .services-area .nav-tabs .nav-item.show .nav-link,.services-area .nav-tabs .nav-link.active{
        background:0 0;
        border-bottom:2px solid #000;
        z-index:5;
        color:#000;
        position:relative
    }
    .services-area .nav-tabs .nav-item{
        display:block;
        font-size:18px;
        line-height:176.5%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.4)
    }
    .services-area .nav-tabs{
        margin-bottom:9px;
        padding-bottom:0;
        position:relative;
        border:0;
        display:flex;
        justify-content:center
    }
    @media  only screen and (min-width:768px) and (max-width:991px){
        .section-padding2,.w-padding2{
            padding-top:100px;
            padding-bottom:100px
        }
        .pb-bottom{
            padding-bottom:50px
        }
        .pb-top{
            padding-top:70px
        }
        .testimonial-padding{
            padding-top:70px;
            padding-bottom:60px
        }
        .section-padding30,.section-paddingt30{
            padding-top:100px;
            padding-bottom:40px
        }
        .services-padding{
            padding-top:100px;
            padding-bottom:70px
        }
        .section-padding3{
            padding-top:60px;
            padding-bottom:0
        }
        .footer-padding{
            padding-top:100px;
            padding-bottom:80px
        }
        .services-area .properties__button{
            float:left
        }
        .services-area .nav-tabs .nav-link{
            padding:10px 15px
        }
        .services-area .nav-tabs{
            justify-content:start
        }
    }
    @media  only screen and (min-width:576px) and (max-width:767px){
        .btn.btn-black.f-right{
            float:left;
            margin-top:20px
        }
        .section-padding2,.w-padding2{
            padding-top:70px;
            padding-bottom:70px
        }
        .pb-bottom{
            padding-bottom:10px
        }
        .pb-top{
            padding-top:70px
        }
        .testimonial-padding{
            padding-top:60px;
            padding-bottom:40px
        }
        .section-padding30,.section-paddingt30{
            padding-top:65px;
            padding-bottom:10px
        }
        .services-padding{
            padding-top:65px;
            padding-bottom:70px
        }
        .section-padding3{
            padding-top:60px;
            padding-bottom:0
        }
        .footer-padding{
            padding-top:80px;
            padding-bottom:40px
        }
        .section-tittle{
            margin-bottom:50px
        }
        .section-tittle h2{
            font-size:31px
        }
        .services-area .properties__button{
            float:left
        }
        .services-area .nav-tabs .nav-link{
            padding:10px 15px
        }
        .services-area .nav-tabs::before{
            display:none
        }
        .services-area .nav-tabs{
            justify-content:start
        }
    }
    @media (max-width:575px){
        .hero-btn{
            margin-bottom:20!important
        }
        .btn.btn-black.f-right{
            float:left;
            margin-top:20px
        }
        .border-btn,.services-area .nav-tabs::before{
            display:none
        }
        #back-top,#scrollUp{
            right:16px
        }
        .section-padding2,.w-padding2{
            padding-top:70px;
            padding-bottom:70px
        }
        .pb-bottom{
            padding-bottom:10px
        }
        .pb-top{
            padding-top:70px
        }
        .testimonial-padding{
            padding-top:60px;
            padding-bottom:40px
        }
        .section-padding30,.section-paddingt30{
            padding-top:65px;
            padding-bottom:10px
        }
        .services-padding{
            padding-top:65px;
            padding-bottom:70px
        }
        .section-padding3{
            padding-top:60px;
            padding-bottom:0
        }
        .footer-padding{
            padding-top:80px;
            padding-bottom:40px
        }
        .section-tittle{
            margin-bottom:50px
        }
        .section-tittle h2{
            font-size:24px;
            line-height:1.6
        }
        .services-area .properties__button{
            float:left
        }
        .services-area .nav-tabs .nav-link{
            padding:10px 15px
        }
        .services-area .nav-tabs{
            justify-content:start
        }
    }
    .tab-pane{
        -webkit-transition:.6s ease-out;
        -moz-transition:.6s ease-out;
        -ms-transition:.6s ease-out;
        -o-transition:.6s ease-out;
        transition:.6s ease-out
    }
    .mt-10{
        margin-top:10px
    }
    .section-top-border{
        padding:50px 0;
        border-top:1px dotted #eee
    }
    .mb-30{
        margin-bottom:30px
    }
    .mt-30{
        margin-top:30px
    }
    .process{
        padding:100px 0
    }
    .img-frame{
        width:100%;
        padding-top:50px
    }
    .process .nav.row{
        margin:0
    }
    .process .nav.row .col-lg-4,.taberTab{
        padding:0
    }
    .extended,.family,.our-blog,.solution,.top-rated{
        padding:100px 0
    }
    .process .nav .nav-item.nav-link{
        border:1px solid rgba(0,0,0,.1);
        padding:20px
    }
    .process .nav .nav-item.nav-link span{
        font-size:72px;
        line-height:normal;
        font-weight:700;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif;
        color:rgba(42,51,73,.1)
    }
    .process .nav .nav-item.nav-link h5{
        font-size:18px;
        line-height:28px;
        letter-spacing:-.02em;
        color:#2a3349;
        margin-bottom:8px;
        font-weight:700
    }
    .extended p,.process .nav .nav-item.nav-link p{
        font-size:18px;
        line-height:150%;
        letter-spacing:-.01em
    }
    .extended p,.footer-top ul li a,.media-bx h6{
        color:rgba(42,51,73,.8)
    }
    .process .nav .nav-item.nav-link p{
        margin-bottom:0;
        color:rgba(42,51,73,.8)
    }
    .process .nav{
        flex-wrap:initial!important
    }
    .top-rated{
        background:#f9f9f9
    }
    .bg-center{
        background-position:center bottom
    }
    .all-this,.extended{
        background:#f9f9f9;
        overflow:hidden
    }
    .case-stdy p,.case-stdy p span{
        text-align:left!important
    }
    .flex-box{
        display:flex;
        padding:0 0 30px
    }
    .flex-box .thum-img{
        position:relative;
        margin-right:35px;
        width:30%
    }
    .flex-box .thum-img img{
        border-radius:5px;
        width:100%
    }
    .media-bx{
        position:relative;
        width:70%;
        padding-right:50px
    }
    .media-bx h6{
        font-size:13px;
        line-height:15px;
        letter-spacing:.33em;
        margin-bottom:20px
    }
    .footer-top h4,.media-bx p,.text-right-body h6{
        color:#2a3349;
        font-family:'DM Sans',sans-serif;
        font-weight:700
    }
    .media-bx p{
        font-size:24px;
        line-height:36px;
        letter-spacing:-.01em
    }
    .footer-top h4,.ftr-btm{
        font-size:14px;
        line-height:21px
    }
    .next-absolute{
        position:absolute;
        right:0;
        bottom:40px
    }
    .all-this{
        padding:100px 0
    }
    .footer{
        padding:100px 0 45px
    }
    .footer-top{
        padding:0 0 30px
    }
    .footer-top h4{
        margin-bottom:30px;
        letter-spacing:.15em
    }
    .footer-top ul{
        margin:0 0 30px
    }
    .footer-top ul li a{
        font-size:16px;
        line-height:15%;
        letter-spacing:-.01em
    }
    .footer-top ul li a:hover{
        text-decoration:underline;
        color:#ffba19
    }
    .text-right-body h6{
        font-size:13px;
        line-height:15px;
        letter-spacing:-.01em;
        margin-bottom:10px
    }
    .followUs span,.ftr-link li a,.text-right-body p{
        font-size:16px;
        line-height:150%;
        letter-spacing:-.01em
    }
    .text-right-body p{
        color:rgba(42,51,73,.8)
    }
    .followUs span,.ftr-btm,.ftr-link li a{
        color:#2a3349;
        font-family:'DM Sans',sans-serif
    }
    .footer-btm{
        padding:40px 0;
        border-top:1px solid #e5e5e5;
        display:flex;
        align-items:center;
        justify-content:flex-end
    }
    .followUs{
        width:50%;
        display:flex;
        align-items:center
    }
    .followUs span{
        position:relative;
        margin-right:20px
    }
    .followUs ul{
        margin:0;
        padding:0
    }
    .num-box h2,.taberTab h3,.taberTab p{
        margin-bottom:20px
    }
    .ftr-link{
        width:50%;
        text-align:right
    }
    .ftr-link li{
        margin-left:24px
    }
    .fg-center img,.play-modal img{
        display:inline-block!important
    }
    .best-incase p,.best-incase p span,p font,p i,p strong,p u{
        font-size:16px!important;
        line-height:24px!important;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)!important
    }
    .ftr-btm{
        background:#f2f2f2;
        padding:10px 0;
        text-align:center;
        letter-spacing:-.01em
    }
    p font,p i,p strong,p u{
        font-family:'DM Sans',sans-serif
    }
    .best-incase p,.best-incase p span{
        font-family:'DM Sans',sans-serif!important
    }
    .webdesign-tab{
        padding:35px 0 100px;
        background:#fbfbfb
    }
    .nav-pills{
        display:flex;
        justify-content:space-evenly;
        align-items:center
    }
    .nav-pills li a{
        padding:12px 15px;
        font-size:18px;
        line-height:150%;
        letter-spacing:-.02em;
        font-family:'DM Sans',sans-serif;
        color:#2a3349;
        font-weight:500
    }
    .click_li.active,.click_li2.active,.nav-pills .click_li2:hover,.nav-pills .click_li:hover,.nav-pills li a.active,.nav-pills li a:hover{
        background:rgba(255,186,25,.1);
        border-radius:5px
    }
    .form-section .custom-select,.form-section .form-control{
        border:1px solid #cdcdcd!important;
        margin-bottom:30px;
        padding:13px 15px!important;
        box-sizing:border-box
    }
    .stickySide{
        top:0;
        width:100%;
        height:100%
    }
    .bar-sticky{
        padding:15px 0!important;
        position:sticky;
        top:80px;
        z-index:100
    }
    .gray-box,.white-box{
        padding:100px 0;
        overflow:hidden
    }
    .click-function svg,.img-reletive,.line-bg,.media-flex2 img,.number-bold,.onclick-video,.video-pnl{
        position:relative
    }
    .taberTab h3{
        font-size:24px;
        line-height:130%;
        letter-spacing:-.01em;
        color:#2a3349;
        font-family:'DM Sans',sans-serif
    }
    .scaling-banner p,.taberTab p{
        font-size:18px;
        line-height:150%;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif
    }
    .taberTab p{
        color:rgba(42,51,73,.8)
    }
    .white-box{
        background:#fff
    }
    .gray-box{
        background:#fbfbfb
    }
    .bg-change-inner .top-rated,.white-bg{
        background:#fff!important
    }
    .scaling-banner{
        padding:140px 0;
        background:url(../assets/img/ind1.webp) center/cover no-repeat
    }
    .scaling-banner .bold-font-bg,.scaling-banner .btn-explore,.scaling-banner .uppercase-text-small{
        color:#fff!important
    }
    .scaling-banner p{
        color:rgba(241,241,241,.8)
    }
    .num-box h2{
        font-size:32px;
        line-height:176.5%;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif;
        color:#ffe29e
    }
    #close-id,.num-box h5{
        letter-spacing:-.02em
    }
    .num-box h5{
        font-size:18px;
        line-height:27px;
        font-family:'DM Sans',sans-serif;
        color:#2a3349
    }
    .num-box p,.num-box p b,.num-box p span,.num-box p span b{
        font-family:'DM Sans',sans-serif!important
    }
    .num-box p,.num-box p span{
        font-size:16px!important;
        line-height:24px!important;
        letter-spacing:-.01em!important;
        color:rgba(42,51,73,.8)!important
    }
    .case-stdy p,.case-study p,.privacy-content p{
        line-height:150%;
        font-family:'DM Sans',sans-serif;
        color:rgba(42,51,73,.8);
        font-size:18px;
        letter-spacing:-.01em
    }
    .click-function:focus,.num-box p b,.num-box p span b{
        color:#2a3349!important
    }
    .num-box p b{
        font-size:18px!important;
        line-height:30px!important;
        letter-spacing:-.01em!important
    }
    .case-stdy p span,.num-box p span b{
        font-size:16px!important;
        line-height:24px!important;
        letter-spacing:-.01em!important
    }
    .video-pnl{
        display:flex;
        align-items:center;
        justify-content:center;
        background-color:#22252e;
        overflow:hidden;
        height:700px
    }
    .video-pnl .cover-videi-img{
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        object-fit:cover;
        height:100%;
        width:100%
    }
    .onclick-video{
        height:100%;
        width:100%
    }
    .video-pnl .onclick-video .play-area{
        position:absolute;
        left:50%;
        top:55%;
        z-index:2;
        transform:translate(-50%,-50%)
    }
    .video-pnl .onclick-video .play-area img{
        width:75px;
        object-fit:contain;
        height:75px
    }
    .video-pnl iframe{
        width:100%;
        max-width:1200px;
        height:650px
    }
    .display-inline{
        display:inline-block
    }
    .eb-bnr{
        background:url(../assets/img/ecomerce2.webp) center top/cover no-repeat!important
    }
    .portfolio-section{
        padding:0;
        background:#e5e5e5
    }
    .case-stdy p a{
        color:#10285d
    }
    .case-stdy p span,.cote-p p span,.padding-part p span{
        font-family:'DM Sans',sans-serif!important;
        color:rgba(42,51,73,.8)!important
    }
    .cote-p p span,.cote-p p strong{
        font-size:24px!important;
        font-weight:400!important
    }
    .cote-p p,.cote-p p span{
        text-align:center!important
    }
    .case-stdy h4{
        font-size:18px;
        line-height:130%;
        letter-spacing:-.01em;
        color:#2a3349;
        font-family:'DM Sans',sans-serif;
        font-weight:700;
        text-transform:capitalize
    }
    .cote-p p,.padding-part p{
        font-size:18px;
        font-family:'DM Sans',sans-serif;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    .row-reverce{
        flex-direction:row-reverse
    }
    .click-function{
        color:#2a3349;
        font-size:18px;
        font-weight:500
    }
    .click-function svg{
        -webkit-animation:1.2s infinite dzKjFp;
        animation:1.2s infinite dzKjFp;
        right:-5px
    }
    @-webkit-keyframes dzKjFp{
        0%,100%{
            -webkit-transform:translateX(-3px);
            -ms-transform:translateX(-3px);
            transform:translateX(-3px)
        }
        50%{
            -webkit-transform:translateX(3px);
            -ms-transform:translateX(3px);
            transform:translateX(3px)
        }
    }
    /*!sc*/
    @keyframes  dzKjFp{
        0%,100%{
            -webkit-transform:translateX(-3px);
            -ms-transform:translateX(-3px);
            transform:translateX(-3px)
        }
        50%{
            -webkit-transform:translateX(3px);
            -ms-transform:translateX(3px);
            transform:translateX(3px)
        }
    }
    /*!sc*/
    data-styled.g190[id=sc-keyframes-dzKjFp]{
        content:"dzKjFp,"
    }
    .cote-p p{
        line-height:28px
    }
    .cote-p p span{
        line-height:36px!important;
        letter-spacing:-.02em!important
    }
    .padding-part p,.padding-part p span,.testimonial .cote-p p{
        text-align:left!important
    }
    .impliment{
        background:#fff;
        display:flex;
        justify-content:space-between;
        overflow:hidden
    }
    .impliment .width-50{
        width:50%
    }
    .impliment .width-50 img.w-100{
        height:100%;
        object-fit:cover
    }
    .padding-part{
        padding:50px 130px
    }
    .padding-part p{
        line-height:150%
    }
    #close-id,.media-flex2 h5{
        font-size:14px;
        text-transform:uppercase
    }
    .padding-part p span{
        font-size:16px!important;
        line-height:24px!important;
        letter-spacing:-.01em!important
    }
    .media-flex2{
        padding:20px 0 0
    }
    .media-flex2 img{
        width:100px;
        height:100px;
        margin-bottom:15px
    }
    .media-flex2 h5{
        line-height:21px;
        letter-spacing:.15em;
        font-family:'DM Sans',sans-serif;
        color:#2a3349
    }
    .media-flex2 span,.thum-slas h5,.thum-slas span{
        font-size:18px;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif
    }
    .media-flex2 span{
        line-height:150%;
        color:rgba(42,51,73,.8)
    }
    .gray-color{
        background:#fbfbfb
    }
    .thum-slas h5{
        line-height:130%;
        color:#2a3349;
        margin-bottom:0
    }
    .thum-slas span{
        line-height:150%;
        color:rgba(42,51,73,.8)
    }
    .num-box h4,.num-box li{
        letter-spacing:-.01em!important
    }
    .num-box li,.num-box li span{
        color:rgba(42,51,73,.8)!important;
        font-size:16px!important
    }
    .num-box li{
        line-height:150%!important;
        font-family:'DM Sans',sans-serif;
        list-style:disc;
        margin-bottom:10px
    }
    .num-box h4{
        font-size:18px!important;
        line-height:130%!important;
        font-family:'DM Sans',sans-serif!important;
        color:#2a3349!important
    }
    .best-incase h4,.form-section label,.privacy-content h6{
        line-height:130%;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif
    }
    .form-section label{
        margin-bottom:15px;
        font-size:18px;
        font-weight:500;
        color:#2a3349
    }
    .form-section .form-control{
        border-radius:5px;
        height:auto;
        background:0 0
    }
    .form-section .custom-select{
        border-radius:5px;
        height:auto;
        background:url({{asset('assets').'/img/select-arrow.webp'}}) right .75rem center no-repeat
    }
    .form-section .custom-file .custom-file-label{
        border:1px solid #cdcdcd!important;
        box-sizing:border-box;
        border-radius:5px;
        height:auto;
        padding:14px 15px!important;
        background:0 0;
        margin-bottom:0;
        font-family:'DM Sans',sans-serif;
        word-break:break-word;
        width:73%;
        color:rgba(42,51,73,.8);
        letter-spacing:.01em;
        text-transform:lowercase
    }
    .form-section .custom-file .custom-file-label::after{
        background:#fbfbfb;
        height:auto;
        padding:14px 15px;
        color:#2a3349;
        line-height:normal;
        align-items:center;
        display:inline-flex;
        right:-115px;
        letter-spacing:.02em;
        font-size:18px;
        border:1px solid #2a3349;
        border-radius:56px;
        justify-content:center;
        width:32%;
        cursor:pointer;
        content:"upload"
    }
    #close-id,.video-mdl.modal .modal-dialog .close{
        background:#ffba19;
        color:#fff;
        right:15px;
        top:15px;
        position:absolute
    }
    .form-section .btn{
        padding:18px 25px!important
    }
    .form-section .form-row{
        margin-right:-15px;
        margin-left:-15px
    }
    .form-section .form-row .form-group{
        padding-right:15px;
        padding-left:15px
    }
    .form-group .custom-file .invalid-feedback{
        bottom:-32px!important
    }
    .best-incase h4,.privacy-content h6{
        font-size:18px;
        color:#2a3349
    }
    .spacer50{
        display:inline-block;
        width:100%;
        height:50px
    }
    .client-carousel .item figure{
        padding:0 20px
    }
    .client-carousel .owl-nav button{
        width:50px;
        height:50px;
        border-radius:50%!important;
        border:1px solid #2a3349!important;
        z-index:500
    }
    .client-carousel .owl-nav button span{
        display:none!important
    }
    .client-carousel .owl-nav button.owl-prev{
        right:46%!important;
        background:url({{asset('assets').'/img/pre.webp'}}) center no-repeat!important
    }
    .client-carousel .owl-nav button.owl-next,.owl-client .owl-nav button.owl-next{
        background:url({{asset('assets').'/img/next2.webp'}}) center no-repeat!important
    }
    .client-carousel .owl-nav button.owl-next{
        right:46%!important
    }
    .client-carousel .testimonial-box.cote-p p{
        text-align:left!important;
        font-size:18px!important;
        line-height:27px!important
    }
    .modal-backdrop{
        z-index:1000
    }
    .video-mdl.modal{
        z-index:10001;
        padding:0!important;
        overflow:hidden;
        height:100vh!important
    }
    .video-mdl.modal .modal-dialog{
        width:100%;
        max-width:100%;
        margin:0!important;
        -webkit-transition:opacity .5s ease-out,top .5s ease-out;
        -moz-transition:opacity .5s ease-out,top .5s ease-out;
        -o-transition:opacity .5s ease-out,top .5s ease-out;
        transition:opacity .5s ease-out,top .5s ease-out
    }
    .video-mdl.modal .modal-body{
        padding:0!important;
        border-radius:0!important
    }
    .video-mdl.modal .modal-dialog .close{
        border-radius:50%;
        width:40px;
        height:40px;
        text-align:center;
        line-height:40px;
        z-index:1000;
        opacity:1;
        font-size:30px
    }
    .video-mdl.modal .modal-dialog .close span{
        position:relative;
        top:-2px
    }
    .video-mdl.modal .modal-dialog iframe{
        border-radius:0;
        height:100%
    }
    #close-id{
        padding:5px 10px;
        font-weight:700;
        z-index:100
    }
    .fade.video-mdl.show .lab-modal-body{
        top:0;
        opacity:1!important
    }
    .width70{
        width:70px!important
    }
    .content-item{
        padding:15px 0;
        text-align:left
    }
    .item-job figure img{
        width:100%;
        object-fit:cover;
        height:220px
    }
    .content-item h5{
        font-size:18px;
        line-height:27px;
        margin-bottom:0;
        letter-spacing:-.01em;
        color:#2a3349;
        font-family:'DM Sans',sans-serif
    }
    .content-item h6,.flex-apply span{
        line-height:150%;
        letter-spacing:-.01em;
        font-size:18px;
        font-family:'DM Sans',sans-serif
    }
    .content-item h6{
        color:#919191;
        font-weight:500
    }
    .flex-apply{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding-top:15px
    }
    .flex-apply span{
        color:#00b747
    }
    .flex-apply a{
        font-size:18px;
        line-height:19px;
        letter-spacing:.02em;
        font-family:'DM Sans',sans-serif;
        color:#2a3349;
        font-weight:500
    }
    .engagment-bnr{
        background:url(../assets/img/engagement-bnr.webp) center top/cover no-repeat!important
    }
    .remote-bnr{
        background:url(../assets/img/remote-bnr.webp) center top/cover no-repeat!important
    }
    .end-bnr{
        background:url(../assets/img/end-bnr.webp) center top/cover no-repeat!important
    }
    .bpo-bnr{
        background:url(../assets/img/bpo-landing.webp) center top/cover no-repeat!important
    }
    .ef-tr::after{
        background:rgba(255,186,25,.2)
    }
    .strategic-bnr{
        background:url(../assets/img/strategic.webp) center top/cover no-repeat!important
    }
    .number-bold{
        font-size:91.6063px;
        line-height:145.5%;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif;
        color:rgba(42,51,73,.05);
        font-weight:700
    }
    .number-bold::before{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        content:"";
        width:15px;
        height:15px;
        background:#ffba19;
        border-radius:50%
    }
    .line-bg::after,.line-bg::before{
        background:#fff;
        left:-250px;
        height:20px;
        width:450px;
        content:"";
        position:absolute
    }
    .line-bg{
        display:inline-block;
        width:100%
    }
    .line-bg::after{
        top:50px
    }
    .line-bg::before{
        top:380px
    }
    .line-bg img{
        position:absolute;
        right:-50px;
        top:65px;
        z-index:-1;
        height:328px
    }
    .typescale{
        background:#2a3349;
        padding:50px 0 0
    }
    .typescale h1{
        font-size:144px;
        line-height:130%;
        letter-spacing:-.01em;
        font-family:'DM Sans',sans-serif;
        color:rgba(255,255,255,.15);
        text-align:center
    }
    .img-reletive{
        margin-top:0;
        top:1px
    }
    .float{
        animation-name:float;
        animation-duration:3s;
        animation-iteration-count:infinite;
        animation-timing-function:ease-in-out;
        margin-left:30px;
        margin-top:5px
    }
    @keyframes  float{
        from,to{
            transform:translate(0,0)
        }
        65%{
            transform:translate(0,15px)
        }
    }
    .tg-mnu{
        transform:rotate(90deg);
        position:absolute;
        right:0;
        z-index:7;
        top:13px;
        width:30px;
        height:30px;
        line-height:30px;
        vertical-align:middle;
        display:none
    }
    .popup-bg,.video-popup{
        height:100vh
    }
    .video-popup{
        display:none;
        width:100%;
        margin:auto;
        position:fixed;
        top:0;
        box-shadow:10px 10px 10px 10px #000;
        z-index:10000
    }
    .play-modal,.popup-bg,.popup-content{
        position:absolute;
        width:100%
    }
    .popup-content{
        background:#000;
        top:0;
        left:0;
        bottom:0;
        right:0;
        height:auto
    }
    .content-home-left{
        padding-right:10%
    }
    .content-home-left p{
        letter-spacing:-.01em;
        line-height:150%
    }
    .guy-p{
        padding:25px 0 0
    }
    .guy-p h4{
        font-weight:700;
        font-size:14px;
        line-height:150%;
        letter-spacing:.2em;
        text-transform:uppercase;
        color:#2a3349
    }
    .guy-p h6{
        font-weight:400;
        font-size:15px;
        line-height:150%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    .play-modal{
        top:0;
        right:0;
        left:0;
        bottom:0;
        text-align:right;
        padding:15px
    }
    .center-video-slider,.fg-center,.owl-theme p{
        text-align:center
    }
    .play-modal img{
        width:20px!important
    }
    .grid-flex-row{
        display:grid
    }
    .grid-2-col{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .we-build{
        border:1px solid rgba(0,0,0,.1);
        padding:30px;
        background:#fff;
        position:relative;
        z-index:1
    }
    .we-build h3{
        font-weight:700;
        font-size:24px;
        line-height:130%;
        letter-spacing:-.02em;
        color:#2a3349;
        margin-bottom:35px
    }
    .center-video-slider .video-play img.img-fluid{
        border-radius:10px
    }
    .fg-center img{
        height:40px
    }
    .owl-theme p{
        font-weight:400;
        font-size:16px;
        line-height:150%;
        letter-spacing:-.01em;
        color:rgba(42,51,73,.8)
    }
    .bd-example-modal-lg .modal-dialog{
        max-width:800px
    }
    .owl-client .owl-nav button{
        width:48px;
        height:48px;
        border:1px solid #2a3349!important;
        border-radius:50%!important
    }
    .owl-client .owl-nav button.owl-prev{
        background:url({{asset('assets').'/img/pre.webp'}}) center no-repeat!important
    }
    
    
    
        
    
        
        
    
            .slider-area{
                visibility: hidden;
            }
    
            .toastify {
                padding: 12px 20px;
                color: #fff;
                display: inline-block;
                box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
                background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
                background: linear-gradient(135deg, #73a5ff, #5477f5);
                position: fixed;
                opacity: 0;
                transition: all .4s cubic-bezier(.215, .61, .355, 1);
                border-radius: 2px;
                cursor: pointer;
                text-decoration: none;
                max-width: calc(50% - 20px);
                z-index: 2147483647
            }
    
            .toastify.on {
                opacity: 1
            }
    
            .toast-close {
                opacity: .4;
                padding: 0 5px
            }
    
            .toastify-right {
                right: 15px
            }
    
            .toastify-left {
                left: 15px
            }
    
            .toastify-top {
                top: -150px
            }
    
            .toastify-bottom {
                bottom: -150px
            }
    
            .toastify-rounded {
                border-radius: 25px
            }
    
            .toastify-avatar {
                width: 1.5em;
                height: 1.5em;
                margin: -7px 5px;
                border-radius: 2px
            }
    
            .toastify-center {
                margin-left: auto;
                margin-right: auto;
                left: 0;
                right: 0;
                max-width: fit-content;
                max-width: -moz-fit-content
            }
    
            @media  only screen and (max-width:360px) {
    
                .toastify-left,
                .toastify-right {
                    margin-left: auto;
                    margin-right: auto;
                    left: 0;
                    right: 0;
                    max-width: fit-content
                }
            }
    
    
    
            .spinner-border {
                display: inline-block;
                width: 2rem;
                height: 2rem;
                vertical-align: text-bottom;
                border: 0.25em solid currentColor;
                border-right-color: transparent;
                border-radius: 50%;
                -webkit-animation: spinner-border 0.75s linear infinite;
                animation: spinner-border 0.75s linear infinite;
            }
    
            .spinner-border-sm {
                width: 1rem;
                height: 1rem;
                border-width: 0.2em;
            }
    
            @-webkit-keyframes spinner-border {
                to {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
    
            @keyframes  spinner-border {
                to {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
    
     
    
    
    
    
            .navbar-brand {
                width: 10%;
            }
            .navbar-brand img {
                width: 100%;
            }
        
            @media  screen and (max-width: 768px) {
                .navbar-brand {
                    width: 50%;
                }
            }