/* Legacy The Website Providers styles, scoped to `.about-scope`.
   Generated from: assets/css/{style,responsive,case-study}.css
   The shared header lives outside `.about-scope`, so these rules cannot reach it. */

/* ===== style.css ===== */
.about-scope,.about-scope{
    scroll-behavior: smooth!important;
    overflow-x: hidden
}
.about-scope .btn-banner,.about-scope .overlay .closebtn,.about-scope .tabs .tab{
    text-decoration: none
}
.about-scope .footer-sec .scroll-downBtn,.about-scope .scroll-downBtn,.about-scope a,.about-scope a:hover{
    text-decoration: none!important
}
.about-scope .banner-scroll-btn,.about-scope .btn--primary,.about-scope .btn-banner,.about-scope .btns_with,.about-scope .contents-design,.about-scope .form-box p,.about-scope .heading h1,.about-scope .loading-text,.about-scope .offer-keyword,.about-scope .overlay .overlay-content a,.about-scope .popup-btn,.about-scope .popup-content h6,.about-scope .scroll-downBtn,.about-scope .tabs .tab,.about-scope .technology h2{
    text-transform: uppercase
}
.about-scope .video-content,.about-scope .work-content{
    --moz-animation: spin 8s infinite linear
}
.about-scope .emerio-logo,.about-scope .intl-tel-input .country-list .country-name,.about-scope .intl-tel-input .country-list .dial-code,.about-scope .intl-tel-input .country-list .flag-box{
    vertical-align: middle
}
.about-scope .box-item,.about-scope .box-item2,.about-scope .inner-baner .mock img,.about-scope .web-inner-baner .mock img{
    max-width: 100%
}
.about-scope .form-popup-bg,.about-scope .intl-tel-input .v-hide{
    visibility: hidden
}
.about-scope{
    --yellow-gradient: linear-gradient(to right, #fff, #37b4e4 60%);
    --black: #000000;
    --white: #ffffff;
    --light-black: #0E0E0E;
    --light-black2: #1a1a1a;
    --light-black3: #141515;
    --ff: "general-sans";
    --fs-45rem: 4.5rem;
    --fs-6: 6rem;
    --fs-55: 5.5rem;
    --fs-5: 5rem;
    --fs-3: 3rem;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Extralight.otf") format("opentype");
    font-weight: 200;
    font-style: normal
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal
}
@font-face{
    font-family: general-sans;
    src: url("../fonts/GeneralSans-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal
}
.about-scope .box-container2 .slick-next:before,.about-scope .box-container2 .slick-prev:before,.about-scope .color-white,.about-scope .design-sec .content p,.about-scope .experience-sec ul.sm li a,.about-scope .faq_accordions .show,.about-scope .faq_header .show,.about-scope .flip-box .colored .flip-box-header,.about-scope .flip-box .flip-box-back .flip-box-header,.about-scope .flip-box2 .colored .flip-box-header2,.about-scope .flip-box2 .flip-box-back2 .flip-box-header2,.about-scope .form-control,.about-scope .inner-baner .intl-tel-input.separate-dial-code .selected-dial-code,.about-scope .inner-baner article a,.about-scope .megamune .bx h3,.about-scope .megamune .bx ul li a:hover,.about-scope .web-inner-baner article a{
    color: #fff
}
.about-scope .intl-tel-input{
    position: relative;
    display: inline-block;
    width: 100%
}
.about-scope .intl-tel-input *{
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.about-scope #mobile .hide,.about-scope #tabs .hide,.about-scope #tabs-development .hide,.about-scope .display-mobile,.about-scope .intl-tel-input .hide,.about-scope .mobile-only,.about-scope .tabs-all,.about-scope .tabs-blogs,.about-scope .tabs-news,.about-scope .tabs-social,.about-scope .work-sections{
    display: none
}
.about-scope .intl-tel-input input,.about-scope .intl-tel-input input[type=tel],.about-scope .intl-tel-input input[type=text]{
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}
.about-scope .intl-tel-input .flag-container{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}
.about-scope .intl-tel-input .selected-flag{
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}
.about-scope .intl-tel-input .selected-flag .iti-flag{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}
.about-scope .intl-tel-input .selected-flag .iti-arrow{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}
.about-scope .intl-tel-input .selected-flag .iti-arrow.up{
    border-top: none;
    border-bottom: 4px solid #555
}
.about-scope .intl-tel-input .country-list{
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}
.about-scope .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.about-scope .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag,.about-scope .iti-flag.np{
    background-color: transparent
}
.about-scope .intl-tel-input .country-list.dropup{
    bottom: 100%;
    margin-bottom: -1px
}
.about-scope .intl-tel-input .country-list .flag-box{
    display: inline-block;
    width: 20px
}
@media (max-width: 500px){
.about-scope .intl-tel-input .country-list{
        white-space:normal
    }
}
.about-scope .intl-tel-input .country-list .divider{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}
.about-scope .intl-tel-input .country-list .country{
    padding: 5px 10px
}
.about-scope .intl-tel-input .country-list .country .dial-code{
    color: #999
}
.about-scope .intl-tel-input .country-list .country.highlight,.about-scope .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{
    background-color: rgba(0,0,0,.05)
}
.about-scope .intl-tel-input.allow-dropdown input,.about-scope .intl-tel-input.allow-dropdown input[type=tel],.about-scope .intl-tel-input.allow-dropdown input[type=text],.about-scope .intl-tel-input.separate-dial-code input,.about-scope .intl-tel-input.separate-dial-code input[type=tel],.about-scope .intl-tel-input.separate-dial-code input[type=text]{
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}
.about-scope .intl-tel-input.allow-dropdown .flag-container,.about-scope .intl-tel-input.separate-dial-code .flag-container{
    right: auto;
    left: 0
}
.about-scope .intl-tel-input.allow-dropdown .selected-flag,.about-scope .intl-tel-input.separate-dial-code .selected-flag{
    width: 46px
}
.about-scope .brand-slider .slideshow-navigation-button:focus,.about-scope .intl-tel-input.allow-dropdown .flag-container:hover,.about-scope .intl-tel-input.iti-container:hover,.about-scope .slideshow-navigation-button:hover,.about-scope .slideshow-pagination-item:focus,.about-scope .slideshow-pagination-item:hover{
    cursor: pointer
}
.about-scope .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.about-scope .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{
    cursor: default
}
.about-scope .intl-tel-input.separate-dial-code .selected-flag{
    background-color: rgba(0,0,0,.05);
    display: table
}
.about-scope .intl-tel-input.separate-dial-code .selected-dial-code{
    display: table-cell;
    vertical-align: middle;
    padding-left: 24px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-2 input,.about-scope .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{
    padding-left: 66px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{
    width: 60px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{
    padding-left: 76px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{
    width: 70px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-3 input,.about-scope .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{
    padding-left: 74px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{
    width: 68px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{
    padding-left: 84px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{
    width: 78px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-4 input,.about-scope .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{
    padding-left: 82px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{
    width: 76px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{
    padding-left: 92px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{
    width: 86px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-5 input,.about-scope .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{
    padding-left: 90px
}
.about-scope .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{
    width: 84px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{
    padding-left: 100px
}
.about-scope .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{
    width: 94px
}
.about-scope .intl-tel-input.iti-container{
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}
.about-scope .iti-mobile .intl-tel-input.iti-container{
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}
.about-scope #progress-loader,.about-scope .cursor::before,.about-scope .loading-text{
    left: 0;
    position: absolute
}
.about-scope .iti-mobile .intl-tel-input .country-list{
    max-height: 100%;
    width: 100%
}
.about-scope .iti-mobile .intl-tel-input .country-list .country{
    padding: 10px;
    line-height: 1.5em
}
.about-scope .iti-flag.be,.about-scope .iti-flag.ne{
    width: 18px
}
.about-scope .iti-flag.ch{
    width: 15px
}
.about-scope .iti-flag.ac{
    height: 10px;
    background-position: 0 0
}
.about-scope .iti-flag.ad{
    height: 14px;
    background-position: -22px 0
}
.about-scope .iti-flag.ae{
    height: 10px;
    background-position: -44px 0
}
.about-scope .iti-flag.af{
    height: 14px;
    background-position: -66px 0
}
.about-scope .iti-flag.ag{
    height: 14px;
    background-position: -88px 0
}
.about-scope .iti-flag.ai{
    height: 10px;
    background-position: -110px 0
}
.about-scope .iti-flag.al{
    height: 15px;
    background-position: -132px 0
}
.about-scope .iti-flag.am{
    height: 10px;
    background-position: -154px 0
}
.about-scope .iti-flag.ao{
    height: 14px;
    background-position: -176px 0
}
.about-scope .iti-flag.aq{
    height: 14px;
    background-position: -198px 0
}
.about-scope .iti-flag.ar{
    height: 13px;
    background-position: -220px 0
}
.about-scope .iti-flag.as{
    height: 10px;
    background-position: -242px 0
}
.about-scope .iti-flag.at{
    height: 14px;
    background-position: -264px 0
}
.about-scope .iti-flag.au{
    height: 10px;
    background-position: -286px 0
}
.about-scope .iti-flag.aw{
    height: 14px;
    background-position: -308px 0
}
.about-scope .iti-flag.ax{
    height: 13px;
    background-position: -330px 0
}
.about-scope .iti-flag.az{
    height: 10px;
    background-position: -352px 0
}
.about-scope .iti-flag.ba{
    height: 10px;
    background-position: -374px 0
}
.about-scope .iti-flag.bb{
    height: 14px;
    background-position: -396px 0
}
.about-scope .iti-flag.bd{
    height: 12px;
    background-position: -418px 0
}
.about-scope .iti-flag.be{
    height: 15px;
    background-position: -440px 0
}
.about-scope .iti-flag.bf{
    height: 14px;
    background-position: -460px 0
}
.about-scope .iti-flag.bg{
    height: 12px;
    background-position: -482px 0
}
.about-scope .iti-flag.bh{
    height: 12px;
    background-position: -504px 0
}
.about-scope .iti-flag.bi{
    height: 12px;
    background-position: -526px 0
}
.about-scope .iti-flag.bj{
    height: 14px;
    background-position: -548px 0
}
.about-scope .iti-flag.bl{
    height: 14px;
    background-position: -570px 0
}
.about-scope .iti-flag.bm{
    height: 10px;
    background-position: -592px 0
}
.about-scope .iti-flag.bn{
    height: 10px;
    background-position: -614px 0
}
.about-scope .iti-flag.bo{
    height: 14px;
    background-position: -636px 0
}
.about-scope .iti-flag.bq{
    height: 14px;
    background-position: -658px 0
}
.about-scope .iti-flag.br{
    height: 14px;
    background-position: -680px 0
}
.about-scope .iti-flag.bs{
    height: 10px;
    background-position: -702px 0
}
.about-scope .iti-flag.bt{
    height: 14px;
    background-position: -724px 0
}
.about-scope .iti-flag.bv{
    height: 15px;
    background-position: -746px 0
}
.about-scope .iti-flag.bw{
    height: 14px;
    background-position: -768px 0
}
.about-scope .iti-flag.by{
    height: 10px;
    background-position: -790px 0
}
.about-scope .iti-flag.bz{
    height: 14px;
    background-position: -812px 0
}
.about-scope .iti-flag.ca{
    height: 10px;
    background-position: -834px 0
}
.about-scope .iti-flag.cc{
    height: 10px;
    background-position: -856px 0
}
.about-scope .iti-flag.cd{
    height: 15px;
    background-position: -878px 0
}
.about-scope .iti-flag.cf{
    height: 14px;
    background-position: -900px 0
}
.about-scope .iti-flag.cg{
    height: 14px;
    background-position: -922px 0
}
.about-scope .iti-flag.ch{
    height: 15px;
    background-position: -944px 0
}
.about-scope .iti-flag.ci{
    height: 14px;
    background-position: -961px 0
}
.about-scope .iti-flag.ck{
    height: 10px;
    background-position: -983px 0
}
.about-scope .iti-flag.cl{
    height: 14px;
    background-position: -1005px 0
}
.about-scope .iti-flag.cm{
    height: 14px;
    background-position: -1027px 0
}
.about-scope .iti-flag.cn{
    height: 14px;
    background-position: -1049px 0
}
.about-scope .iti-flag.co{
    height: 14px;
    background-position: -1071px 0
}
.about-scope .iti-flag.cp{
    height: 14px;
    background-position: -1093px 0
}
.about-scope .iti-flag.cr{
    height: 12px;
    background-position: -1115px 0
}
.about-scope .iti-flag.cu{
    height: 10px;
    background-position: -1137px 0
}
.about-scope .iti-flag.cv{
    height: 12px;
    background-position: -1159px 0
}
.about-scope .iti-flag.cw{
    height: 14px;
    background-position: -1181px 0
}
.about-scope .iti-flag.cx{
    height: 10px;
    background-position: -1203px 0
}
.about-scope .iti-flag.cy{
    height: 13px;
    background-position: -1225px 0
}
.about-scope .iti-flag.cz{
    height: 14px;
    background-position: -1247px 0
}
.about-scope .iti-flag.de{
    height: 12px;
    background-position: -1269px 0
}
.about-scope .iti-flag.dg{
    height: 10px;
    background-position: -1291px 0
}
.about-scope .iti-flag.dj{
    height: 14px;
    background-position: -1313px 0
}
.about-scope .iti-flag.dk{
    height: 15px;
    background-position: -1335px 0
}
.about-scope .iti-flag.dm{
    height: 10px;
    background-position: -1357px 0
}
.about-scope .iti-flag.do{
    height: 13px;
    background-position: -1379px 0
}
.about-scope .iti-flag.dz{
    height: 14px;
    background-position: -1401px 0
}
.about-scope .iti-flag.ea{
    height: 14px;
    background-position: -1423px 0
}
.about-scope .iti-flag.ec{
    height: 14px;
    background-position: -1445px 0
}
.about-scope .iti-flag.ee{
    height: 13px;
    background-position: -1467px 0
}
.about-scope .iti-flag.eg{
    height: 14px;
    background-position: -1489px 0
}
.about-scope .iti-flag.eh{
    height: 10px;
    background-position: -1511px 0
}
.about-scope .iti-flag.er{
    height: 10px;
    background-position: -1533px 0
}
.about-scope .iti-flag.es{
    height: 14px;
    background-position: -1555px 0
}
.about-scope .iti-flag.et{
    height: 10px;
    background-position: -1577px 0
}
.about-scope .iti-flag.eu{
    height: 14px;
    background-position: -1599px 0
}
.about-scope .iti-flag.fi{
    height: 12px;
    background-position: -1621px 0
}
.about-scope .iti-flag.fj{
    height: 10px;
    background-position: -1643px 0
}
.about-scope .iti-flag.fk{
    height: 10px;
    background-position: -1665px 0
}
.about-scope .iti-flag.fm{
    height: 11px;
    background-position: -1687px 0
}
.about-scope .iti-flag.fo{
    height: 15px;
    background-position: -1709px 0
}
.about-scope .iti-flag.fr{
    height: 14px;
    background-position: -1731px 0
}
.about-scope .iti-flag.ga{
    height: 15px;
    background-position: -1753px 0
}
.about-scope .iti-flag.gb{
    height: 10px;
    background-position: -1775px 0
}
.about-scope .iti-flag.gd{
    height: 12px;
    background-position: -1797px 0
}
.about-scope .iti-flag.ge{
    height: 14px;
    background-position: -1819px 0
}
.about-scope .iti-flag.gf{
    height: 14px;
    background-position: -1841px 0
}
.about-scope .iti-flag.gg{
    height: 14px;
    background-position: -1863px 0
}
.about-scope .iti-flag.gh{
    height: 14px;
    background-position: -1885px 0
}
.about-scope .iti-flag.gi{
    height: 10px;
    background-position: -1907px 0
}
.about-scope .iti-flag.gl{
    height: 14px;
    background-position: -1929px 0
}
.about-scope .iti-flag.gm{
    height: 14px;
    background-position: -1951px 0
}
.about-scope .iti-flag.gn{
    height: 14px;
    background-position: -1973px 0
}
.about-scope .iti-flag.gp{
    height: 14px;
    background-position: -1995px 0
}
.about-scope .iti-flag.gq{
    height: 14px;
    background-position: -2017px 0
}
.about-scope .iti-flag.gr{
    height: 14px;
    background-position: -2039px 0
}
.about-scope .iti-flag.gs{
    height: 10px;
    background-position: -2061px 0
}
.about-scope .iti-flag.gt{
    height: 13px;
    background-position: -2083px 0
}
.about-scope .iti-flag.gu{
    height: 11px;
    background-position: -2105px 0
}
.about-scope .iti-flag.gw{
    height: 10px;
    background-position: -2127px 0
}
.about-scope .iti-flag.gy{
    height: 12px;
    background-position: -2149px 0
}
.about-scope .iti-flag.hk{
    height: 14px;
    background-position: -2171px 0
}
.about-scope .iti-flag.hm{
    height: 10px;
    background-position: -2193px 0
}
.about-scope .iti-flag.hn{
    height: 10px;
    background-position: -2215px 0
}
.about-scope .iti-flag.hr{
    height: 10px;
    background-position: -2237px 0
}
.about-scope .iti-flag.ht{
    height: 12px;
    background-position: -2259px 0
}
.about-scope .iti-flag.hu{
    height: 10px;
    background-position: -2281px 0
}
.about-scope .iti-flag.ic{
    height: 14px;
    background-position: -2303px 0
}
.about-scope .iti-flag.id{
    height: 14px;
    background-position: -2325px 0
}
.about-scope .iti-flag.ie{
    height: 10px;
    background-position: -2347px 0
}
.about-scope .iti-flag.il{
    height: 15px;
    background-position: -2369px 0
}
.about-scope .iti-flag.im{
    height: 10px;
    background-position: -2391px 0
}
.about-scope .iti-flag.in{
    height: 14px;
    background-position: -2413px 0
}
.about-scope .iti-flag.io{
    height: 10px;
    background-position: -2435px 0
}
.about-scope .iti-flag.iq{
    height: 14px;
    background-position: -2457px 0
}
.about-scope .iti-flag.ir{
    height: 12px;
    background-position: -2479px 0
}
.about-scope .iti-flag.is{
    height: 15px;
    background-position: -2501px 0
}
.about-scope .iti-flag.it{
    height: 14px;
    background-position: -2523px 0
}
.about-scope .iti-flag.je{
    height: 12px;
    background-position: -2545px 0
}
.about-scope .iti-flag.jm{
    height: 10px;
    background-position: -2567px 0
}
.about-scope .iti-flag.jo{
    height: 10px;
    background-position: -2589px 0
}
.about-scope .iti-flag.jp{
    height: 14px;
    background-position: -2611px 0
}
.about-scope .iti-flag.ke{
    height: 14px;
    background-position: -2633px 0
}
.about-scope .iti-flag.kg{
    height: 12px;
    background-position: -2655px 0
}
.about-scope .iti-flag.kh{
    height: 13px;
    background-position: -2677px 0
}
.about-scope .iti-flag.ki{
    height: 10px;
    background-position: -2699px 0
}
.about-scope .iti-flag.km{
    height: 12px;
    background-position: -2721px 0
}
.about-scope .iti-flag.kn{
    height: 14px;
    background-position: -2743px 0
}
.about-scope .iti-flag.kp{
    height: 10px;
    background-position: -2765px 0
}
.about-scope .iti-flag.kr{
    height: 14px;
    background-position: -2787px 0
}
.about-scope .iti-flag.kw{
    height: 10px;
    background-position: -2809px 0
}
.about-scope .iti-flag.ky{
    height: 10px;
    background-position: -2831px 0
}
.about-scope .iti-flag.kz{
    height: 10px;
    background-position: -2853px 0
}
.about-scope .iti-flag.la{
    height: 14px;
    background-position: -2875px 0
}
.about-scope .iti-flag.lb{
    height: 14px;
    background-position: -2897px 0
}
.about-scope .iti-flag.lc{
    height: 10px;
    background-position: -2919px 0
}
.about-scope .iti-flag.li{
    height: 12px;
    background-position: -2941px 0
}
.about-scope .iti-flag.lk{
    height: 10px;
    background-position: -2963px 0
}
.about-scope .iti-flag.lr{
    height: 11px;
    background-position: -2985px 0
}
.about-scope .iti-flag.ls{
    height: 14px;
    background-position: -3007px 0
}
.about-scope .iti-flag.lt{
    height: 12px;
    background-position: -3029px 0
}
.about-scope .iti-flag.lu{
    height: 12px;
    background-position: -3051px 0
}
.about-scope .iti-flag.lv{
    height: 10px;
    background-position: -3073px 0
}
.about-scope .iti-flag.ly{
    height: 10px;
    background-position: -3095px 0
}
.about-scope .iti-flag.ma{
    height: 14px;
    background-position: -3117px 0
}
.about-scope .iti-flag.mc{
    width: 19px;
    height: 15px;
    background-position: -3139px 0
}
.about-scope .iti-flag.md{
    height: 10px;
    background-position: -3160px 0
}
.about-scope .iti-flag.me{
    height: 10px;
    background-position: -3182px 0
}
.about-scope .iti-flag.mf{
    height: 14px;
    background-position: -3204px 0
}
.about-scope .iti-flag.mg{
    height: 14px;
    background-position: -3226px 0
}
.about-scope .iti-flag.mh{
    height: 11px;
    background-position: -3248px 0
}
.about-scope .iti-flag.mk{
    height: 10px;
    background-position: -3270px 0
}
.about-scope .iti-flag.ml{
    height: 14px;
    background-position: -3292px 0
}
.about-scope .iti-flag.mm{
    height: 14px;
    background-position: -3314px 0
}
.about-scope .iti-flag.mn{
    height: 10px;
    background-position: -3336px 0
}
.about-scope .iti-flag.mo{
    height: 14px;
    background-position: -3358px 0
}
.about-scope .iti-flag.mp{
    height: 10px;
    background-position: -3380px 0
}
.about-scope .iti-flag.mq{
    height: 14px;
    background-position: -3402px 0
}
.about-scope .iti-flag.mr{
    height: 14px;
    background-position: -3424px 0
}
.about-scope .iti-flag.ms{
    height: 10px;
    background-position: -3446px 0
}
.about-scope .iti-flag.mt{
    height: 14px;
    background-position: -3468px 0
}
.about-scope .iti-flag.mu{
    height: 14px;
    background-position: -3490px 0
}
.about-scope .iti-flag.mv{
    height: 14px;
    background-position: -3512px 0
}
.about-scope .iti-flag.mw{
    height: 14px;
    background-position: -3534px 0
}
.about-scope .iti-flag.mx{
    height: 12px;
    background-position: -3556px 0
}
.about-scope .iti-flag.my{
    height: 10px;
    background-position: -3578px 0
}
.about-scope .iti-flag.mz{
    height: 14px;
    background-position: -3600px 0
}
.about-scope .iti-flag.na{
    height: 14px;
    background-position: -3622px 0
}
.about-scope .iti-flag.nc{
    height: 10px;
    background-position: -3644px 0
}
.about-scope .iti-flag.ne{
    height: 15px;
    background-position: -3666px 0
}
.about-scope .iti-flag.nf{
    height: 10px;
    background-position: -3686px 0
}
.about-scope .iti-flag.ng{
    height: 10px;
    background-position: -3708px 0
}
.about-scope .iti-flag.ni{
    height: 12px;
    background-position: -3730px 0
}
.about-scope .iti-flag.nl{
    height: 14px;
    background-position: -3752px 0
}
.about-scope .iti-flag.no{
    height: 15px;
    background-position: -3774px 0
}
.about-scope .iti-flag.np{
    width: 13px;
    height: 15px;
    background-position: -3796px 0
}
.about-scope .iti-flag.nr{
    height: 10px;
    background-position: -3811px 0
}
.about-scope .iti-flag.nu{
    height: 10px;
    background-position: -3833px 0
}
.about-scope .iti-flag.nz{
    height: 10px;
    background-position: -3855px 0
}
.about-scope .iti-flag.om{
    height: 10px;
    background-position: -3877px 0
}
.about-scope .iti-flag.pa{
    height: 14px;
    background-position: -3899px 0
}
.about-scope .iti-flag.pe{
    height: 14px;
    background-position: -3921px 0
}
.about-scope .iti-flag.pf{
    height: 14px;
    background-position: -3943px 0
}
.about-scope .iti-flag.pg{
    height: 15px;
    background-position: -3965px 0
}
.about-scope .iti-flag.ph{
    height: 10px;
    background-position: -3987px 0
}
.about-scope .iti-flag.pk{
    height: 14px;
    background-position: -4009px 0
}
.about-scope .iti-flag.pl{
    height: 13px;
    background-position: -4031px 0
}
.about-scope .iti-flag.pm{
    height: 14px;
    background-position: -4053px 0
}
.about-scope .iti-flag.pn{
    height: 10px;
    background-position: -4075px 0
}
.about-scope .iti-flag.pr{
    height: 14px;
    background-position: -4097px 0
}
.about-scope .iti-flag.ps{
    height: 10px;
    background-position: -4119px 0
}
.about-scope .iti-flag.pt{
    height: 14px;
    background-position: -4141px 0
}
.about-scope .iti-flag.pw{
    height: 13px;
    background-position: -4163px 0
}
.about-scope .iti-flag.py{
    height: 11px;
    background-position: -4185px 0
}
.about-scope .iti-flag.qa{
    height: 8px;
    background-position: -4207px 0
}
.about-scope .iti-flag.re{
    height: 14px;
    background-position: -4229px 0
}
.about-scope .iti-flag.ro{
    height: 14px;
    background-position: -4251px 0
}
.about-scope .iti-flag.rs{
    height: 14px;
    background-position: -4273px 0
}
.about-scope .iti-flag.ru{
    height: 14px;
    background-position: -4295px 0
}
.about-scope .iti-flag.rw{
    height: 14px;
    background-position: -4317px 0
}
.about-scope .iti-flag.sa{
    height: 14px;
    background-position: -4339px 0
}
.about-scope .iti-flag.sb{
    height: 10px;
    background-position: -4361px 0
}
.about-scope .iti-flag.sc{
    height: 10px;
    background-position: -4383px 0
}
.about-scope .iti-flag.sd{
    height: 10px;
    background-position: -4405px 0
}
.about-scope .iti-flag.se{
    height: 13px;
    background-position: -4427px 0
}
.about-scope .iti-flag.sg{
    height: 14px;
    background-position: -4449px 0
}
.about-scope .iti-flag.sh{
    height: 10px;
    background-position: -4471px 0
}
.about-scope .iti-flag.si{
    height: 10px;
    background-position: -4493px 0
}
.about-scope .iti-flag.sj{
    height: 15px;
    background-position: -4515px 0
}
.about-scope .iti-flag.sk{
    height: 14px;
    background-position: -4537px 0
}
.about-scope .iti-flag.sl{
    height: 14px;
    background-position: -4559px 0
}
.about-scope .iti-flag.sm{
    height: 15px;
    background-position: -4581px 0
}
.about-scope .iti-flag.sn{
    height: 14px;
    background-position: -4603px 0
}
.about-scope .iti-flag.so{
    height: 14px;
    background-position: -4625px 0
}
.about-scope .iti-flag.sr{
    height: 14px;
    background-position: -4647px 0
}
.about-scope .iti-flag.ss{
    height: 10px;
    background-position: -4669px 0
}
.about-scope .iti-flag.st{
    height: 10px;
    background-position: -4691px 0
}
.about-scope .iti-flag.sv{
    height: 12px;
    background-position: -4713px 0
}
.about-scope .iti-flag.sx{
    height: 14px;
    background-position: -4735px 0
}
.about-scope .iti-flag.sy{
    height: 14px;
    background-position: -4757px 0
}
.about-scope .iti-flag.sz{
    height: 14px;
    background-position: -4779px 0
}
.about-scope .iti-flag.ta{
    height: 10px;
    background-position: -4801px 0
}
.about-scope .iti-flag.tc{
    height: 10px;
    background-position: -4823px 0
}
.about-scope .iti-flag.td{
    height: 14px;
    background-position: -4845px 0
}
.about-scope .iti-flag.tf{
    height: 14px;
    background-position: -4867px 0
}
.about-scope .iti-flag.tg{
    height: 13px;
    background-position: -4889px 0
}
.about-scope .iti-flag.th{
    height: 14px;
    background-position: -4911px 0
}
.about-scope .iti-flag.tj{
    height: 10px;
    background-position: -4933px 0
}
.about-scope .iti-flag.tk{
    height: 10px;
    background-position: -4955px 0
}
.about-scope .iti-flag.tl{
    height: 10px;
    background-position: -4977px 0
}
.about-scope .iti-flag.tm{
    height: 14px;
    background-position: -4999px 0
}
.about-scope .iti-flag.tn{
    height: 14px;
    background-position: -5021px 0
}
.about-scope .iti-flag.to{
    height: 10px;
    background-position: -5043px 0
}
.about-scope .iti-flag.tr{
    height: 14px;
    background-position: -5065px 0
}
.about-scope .iti-flag.tt{
    height: 12px;
    background-position: -5087px 0
}
.about-scope .iti-flag.tv{
    height: 10px;
    background-position: -5109px 0
}
.about-scope .iti-flag.tw{
    height: 14px;
    background-position: -5131px 0
}
.about-scope .iti-flag.tz{
    height: 14px;
    background-position: -5153px 0
}
.about-scope .iti-flag.ua{
    height: 14px;
    background-position: -5175px 0
}
.about-scope .iti-flag.ug{
    height: 14px;
    background-position: -5197px 0
}
.about-scope .iti-flag.um{
    height: 11px;
    background-position: -5219px 0
}
.about-scope .iti-flag.us{
    height: 11px;
    background-position: -5241px 0
}
.about-scope .iti-flag.uy{
    height: 14px;
    background-position: -5263px 0
}
.about-scope .iti-flag.uz{
    height: 10px;
    background-position: -5285px 0
}
.about-scope .iti-flag.va{
    width: 15px;
    height: 15px;
    background-position: -5307px 0
}
.about-scope .iti-flag.vc{
    height: 14px;
    background-position: -5324px 0
}
.about-scope .iti-flag.ve{
    height: 14px;
    background-position: -5346px 0
}
.about-scope .iti-flag.vg{
    height: 10px;
    background-position: -5368px 0
}
.about-scope .iti-flag.vi{
    height: 14px;
    background-position: -5390px 0
}
.about-scope .iti-flag.vn{
    height: 14px;
    background-position: -5412px 0
}
.about-scope .iti-flag.vu{
    height: 12px;
    background-position: -5434px 0
}
.about-scope .iti-flag.wf{
    height: 14px;
    background-position: -5456px 0
}
.about-scope .iti-flag.ws{
    height: 10px;
    background-position: -5478px 0
}
.about-scope .iti-flag.xk{
    height: 15px;
    background-position: -5500px 0
}
.about-scope .iti-flag.ye{
    height: 14px;
    background-position: -5522px 0
}
.about-scope .iti-flag.yt{
    height: 14px;
    background-position: -5544px 0
}
.about-scope .iti-flag.za{
    height: 14px;
    background-position: -5566px 0
}
.about-scope .iti-flag.zm{
    height: 14px;
    background-position: -5588px 0
}
.about-scope .iti-flag.zw{
    height: 10px;
    background-position: -5610px 0
}
.about-scope .hundredvh .container,.about-scope .hundredvh .row{
    height: 100%!important
}
.about-scope .iti-flag{
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
.about-scope .iti-flag{
        background-image:url("../images/flags.png")
    }
}
.about-scope label.error{
    display: none!important
}
.about-scope .error{
    background: #f6d8d8!important;
    border: 1px solid #f65050!important
}
.about-scope .gradient_text,.about-scope .heading div span.shadow-text,.about-scope .heading h1 span.shadow-text{
    background: linear-gradient(to right,#fff,#37b4e4 60%);
    -webkit-text-fill-color: transparent
}
.about-scope *{
    box-sizing: border-box
}
.about-scope{
    margin: 0;
    padding: 0;
    cursor: none;
    background: #000;
    overflow: visible;
    font-family: var(--ff);
    width: 100%
}
.about-scope .gradient_text{
    background-clip: text;
    -webkit-background-clip: text
}
.about-scope .gradient_bg{
    background: linear-gradient(to right,#37b4e4,#0f5671 60%)
}
.about-scope .footer_email a:hover,.about-scope .white_clr_text{
    color: var(--white)
}
.about-scope .pb_7p{
    padding-block:7%}
.about-scope .light_black_bg{
    background-color: var(--light-black2)
}
.about-scope .fs-45{
    font-size: var(--fs-45rem)!important
}
.about-scope .fs-6{
    font-size: var(--fs-6)!important
}
.about-scope .fs-55{
    font-size: var(--fs-55)!important
}
.about-scope .fs-5{
    font-size: var(--fs-5)!important
}
.about-scope .fs-3{
    font-size: var(--fs-3)!important
}
.about-scope .fw-400{
    font-weight: var(--fw-400)
}
.about-scope .fw-500{
    font-weight: var(--fw-500)
}
.about-scope .fw-600{
    font-weight: var(--fw-600)
}
.about-scope .fw-700{
    font-weight: var(--fw-700)
}
.about-scope .fw-800{
    font-weight: var(--fw-800)
}
.about-scope .fw-900{
    font-weight: var(--fw-900)
}
.about-scope .hundredvh{
    height: 100vh
}
.about-scope .hundredvh .container{
    display: flex;
    flex-direction: column;
    justify-content: center
}
.about-scope .modal-open .modal,.about-scope header,.about-scope section{
    overflow: hidden!important
}
.about-scope .five,.about-scope .four,.about-scope .one,.about-scope .three,.about-scope .two{
    position: absolute;
    right: -95%
}
.about-scope a,.about-scope a:hover{
    color: #000
}
.about-scope .loading-screen{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100vh;
    background-color: #000;
    color: #fff;
    overflow: hidden
}
.about-scope .loading-section{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-image: url('../images/group.png');
    background-repeat-y: no-repeat;
    background-position-y: center
}
.about-scope #progress-loader{
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #000;
    z-index: 1
}
.about-scope .loading-text{
    top: 70%;
    bottom: 0;
    right: 0;
    margin: auto;
    height: fit-content;
    width: fit-content;
    letter-spacing: 5px
}
.about-scope #loader{
    font-size: 50px;
    font-weight: 400;
    z-index: 2
}
.about-scope .transition-container{
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 999999
}
.about-scope .cursor,.about-scope .cursor-follower{
    position: fixed;
    background-color: #fff;
    border-radius: 100%;
    z-index: 10000
}
.about-scope .transition-container.from-left .tile{
    background: #a375ff;
    position: absolute;
    width: 500vw;
    height: 500vh;
    z-index: 9;
    clip-path: circle(0% at 0% 0%);
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    top: 0;
    left: 0
}
.about-scope .cursor{
    width: 10px;
    height: 10px;
    left: -10px;
    top: -10px;
    transform: scale(.8)
}
.about-scope .cursor-follower,.about-scope .video-cursor{
    user-select: none;
    pointer-events: none;
    transform: scale(1)
}
.about-scope .cursor::before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    display: block
}
.about-scope .cursor.active{
    opacity: .8;
    transform: scale(6);
    background: #a375ff
}
.about-scope .cursor.active::before,.about-scope .instagram:hover .hover-slider,.about-scope .slideshow-pagination-item.active .pagination-number{
    opacity: 1
}
.about-scope .cursor-follower{
    width: 40px;
    height: 40px;
    left: -21px;
    top: -21px;
    mix-blend-mode: difference;
    transform: translate(4px,4px)
}
.about-scope .cursor-follower.active,.about-scope .video-cursor.active{
    opacity: .3;
    transform: scale(0)
}
.about-scope .header{
    width: 100%;
    background: #000;
    position: relative;
    overflow: hidden
}
.about-scope .right-open{
    position: absolute;
    right: 100px;
    z-index: 999999
}
.about-scope .banner{
    position: relative;
    height: calc(100vh - 69px);
    display: flex;
    align-items: center
}
.about-scope .heading h1{
    font-size: 110px;
    font-weight: 400;
    color: #fff;
    position: relative
}
.about-scope .heading div span.shadow-text,.about-scope .heading h1 span.shadow-text{
    -webkit-background-clip: text;
    display: block
}
.about-scope .banner-scroll-btn{
    position: absolute;
    bottom: 0;
    color: #fff
}
.about-scope .btn-banner{
    line-height: 60px;
    color: #fff!important;
    font-weight: 800!important;
    position: relative;
    padding: 8px 0
}
.about-scope .btn-banner:hover b{
    background: #a375ff;
    color: #000
}
.about-scope .navbar-dark .navbar-toggler{
    color: #fff;
    border: 0!important
}
.about-scope .btn-banner b{
    color: #fff;
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 50px;
    border: 2px solid #a375ff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-right: 20px
}
.about-scope .bg-dark1{
    background-color: #222!important
}
.about-scope .navbar{
    z-index: 9
}
.about-scope .navbar-dark{
    position: relative!important
}
.about-scope .overlay{
    height: 100%;
    width: 0;
    display: block;
    position: fixed!important;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 97%);
    overflow: hidden
}
.about-scope .overlay-content{
    position: relative;
    top: 30%;
    left: -20%;
    width: 170vw;
    overflow: hidden;
    scroll-behavior: smooth;
    text-align: center;
    margin-top: 30px;
    background: #000
}
.about-scope .overlay .overlay-content a{
    margin: 0 25px;
    text-decoration: none;
    font-size: 5vw;
    font-weight: 600;
    color: #818181;
    z-index: 2;
    display: inline-block;
    cursor: none
}
.about-scope .overlay a:focus,.about-scope .overlay a:hover{
    color: #f1f1f1
}
.about-scope .overlay .closebtn{
    position: absolute;
    top: 5px;
    right: 45px;
    font-size: 60px;
    color: #818181
}
.about-scope .content-section{
    width: 100%;
    background: #ececec;
    display: flex;
    flex-wrap: wrap;
    padding: 150px 0 0
}
.about-scope .section-titles{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px
}
.about-scope .section-titles h5{
    font-size: 12px;
    letter-spacing: 3px;
    display: inline-block;
    position: relative
}
.about-scope .section-titles h2{
    width: 100%;
    font-size: 54px;
    font-weight: 800;
    margin-bottom: 0;
    padding-right: 10%;
    line-height: 1.4;
    z-index: 2
}
.about-scope .section-titles h5:after{
    content: "";
    width: 0;
    height: 1px;
    display: inline-block;
    background: #a375ff;
    margin: 3px 10px
}
.about-scope .content-section .animated h5:after{
    width: 120px!important
}
.about-scope .content-section p{
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 800
}
.about-scope .panel h2{
    color: #000;
    font-size: 40px;
    margin-top: 5px;
    font-weight: 800
}
.about-scope .panel h2 span{
    color: #a375ff;
    font-size: 60px
}
.about-scope #panels #panels-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 30px;
    overflow: hidden;
    pointer-events: none
}
.about-scope #panels #panels-container .panel{
    position: relative;
    margin-left: 50px;
    text-align: left;
    pointer-events: none
}
.about-scope #panels #panels-container .panel img{
    max-width: 100%;
    height: 400px;
    pointer-events: none
}
.about-scope .heading-technology h2{
    width: 100%;
    font-size: 80px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
    padding-right: 10%;
    color: #fff;
    line-height: 1.4;
    z-index: 2
}
.about-scope .technology-section{
    background: #053b54;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 200px 0
}
.about-scope .scroll-downBtn:hover,.about-scope .video-box{
    background-color: #000
}
.about-scope .technology-wrapper{
    padding-top: 80px
}
.about-scope .technology{
    height: 180px;
    position: relative
}
.about-scope .technology h2{
    font-size: 150px;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    background: radial-gradient(circle,#30b4e6 0,#30b4e6 80%,rgba(242,166,185,0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.about-scope .design-sec hr,.about-scope .development-sec hr{
    opacity: 1;
    background-color: #554f51
}
.about-scope .video-box{
    width: 168px;
    height: 168px;
    transform: translateY(-344px);
    line-height: 100px;
    font-size: 50px;
    text-align: center;
    will-change: transform;
    border-radius: 125px;
    margin: auto;
    overflow: hidden
}
.about-scope .video-content,.about-scope .video-cursor{
    border-radius: 100%;
    object-position: center
}
.about-scope .video-box video{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.about-scope .btn-11,.about-scope .footer-logo,.about-scope .form-box,.about-scope .fs-5,.about-scope .fullWidthPortfolio .swiper-slide,.about-scope .inner-baner article,.about-scope .mainTit,.about-scope .megamune .bx,.about-scope .position1,.about-scope .position2,.about-scope .purple-box,.about-scope .slideshow,.about-scope .way-work article,.about-scope .web-inner-baner article,.about-scope .work-boxsf,.about-scope form .fieldset{
    position: relative
}
.about-scope .position1 .first-child svg,.about-scope .position2 .second-child svg{
    width: 400px;
    height: 400px
}
.about-scope .second-child{
    position: absolute;
    top: -190px
}
.about-scope .emeriosoft-svg{
    transform: scale(1.6);
    transform-origin: -68px 350px
}
.about-scope .video-cursor{
    opacity: 0;
    position: fixed;
    background: url('../images/cur-content.png') center/cover;
    width: 150px;
    height: 150px;
    left: -21px;
    top: -21px;
    z-index: 9999;
    transform: translate(4px,4px);
    object-fit: cover
}
.about-scope .pause-btn,.about-scope .play-btn,.about-scope .video-content{
    z-index: 99999999;
    user-select: none;
    pointer-events: none
}
.about-scope .video-content{
    position: absolute;
    background: url('../images/cursor-content.png') center/cover;
    width: 140px;
    height: 140px;
    left: 5px;
    top: 5px;
    transform: scale(1);
    transform: translate(4px,4px);
    object-fit: cover;
    animation: 8s linear infinite spin;
    -webkit-animation: 8s linear infinite spin
}
.about-scope .pause-btn,.about-scope .play-btn{
    position: fixed;
    width: 100%;
    height: 100%
}
.about-scope .play-btn{
    background: url('../images/play-btn.svg') no-repeat;
    left: 39%;
    top: 38%;
    transform: scale(1);
    transform: translate(4px,4px)
}
.about-scope .pause-btn{
    background: url('../images/pause-btn.svg') no-repeat;
    left: 33%;
    top: 35%;
    transform: scale(1);
    display: none;
    transform: translate(4px,4px)
}
.about-scope .experience-sec{
    padding: 150px 0;
    overflow: hidden;
    background: #000;
    color: #fff;
    z-index: 1;
    position: relative
}
.about-scope .brand .brand-heading .brand-gredient,.about-scope .commerce_development,.about-scope .content-gredient,.about-scope .follow-us .follow-heading .follow-gredient{
    background: linear-gradient(to right,#fff,#37b4e4 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.about-scope .experience-sec .content h3{
    font-size: 1.5rem;
    line-height: 1.5
}
.about-scope .experience-sec .content .counter{
    margin-top: 6rem
}
.about-scope .experience-sec .content .counter h5{
    font-size: 8.5rem;
    font-weight: 500
}
.about-scope .experience-sec .content .years p{
    font-size: 1.2rem;
    text-align: right;
    max-width: 145px;
    margin-bottom: 2.2rem;
    line-height: 1.2
}
.about-scope .experience-sec .content-left p{
    font-size: 1.3em;
    line-height: 1.5;
    font-weight: 200;
    margin: 0 0 15px
}
.about-scope .contents-design{
    background: linear-gradient(to right,#fff,#37b4e4 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    font-weight: 400
}
.about-scope #mobile .show,.about-scope #tabs .show,.about-scope #tabs-development .show,.about-scope .experience-sec ul.sm li,.about-scope .megamune .bx ul li,.about-scope .tabs-all.current,.about-scope .tabs-blogs.current,.about-scope .tabs-news.current,.about-scope .tabs-social.current{
    display: block
}
.about-scope .design-sec{
    padding: 80px 0;
    background: #141515
}
.about-scope .design-sec hr{
    margin: 4rem 0 3rem
}
.about-scope .content .num p{
    margin-left: 6rem;
    color: #fff
}
.about-scope .development-sec .content .num p{
    margin-left: 6rem;
    color: #000
}
.about-scope .design-sec .design-content h3{
    font-size: 5.5rem;
    font-weight: 400;
    line-height: 1;
    padding: 2rem 0;
    text-transform: uppercase
}
.about-scope .switcher{
    border: 2px solid #73756c;
    border-radius: 15rem;
    padding: 1rem;
    overflow: hidden
}
.about-scope .switcher .video video{
    height: 14rem;
    width: 14rem;
    border-radius: 50%;
    transition: 1s;
    object-fit: cover;
    object-position: center
}
.about-scope .development-sec .switcher .video video{
    float: right
}
.about-scope .development-sec .switcher .vid video:hover,.about-scope .switcher:hover video{
    height: 14rem;
    width: 100%;
    border-radius: 150px;
    transition: 1s
}
.about-scope .tabs .tab{
    display: inline-block;
    padding: .5rem 1rem;
    cursor: pointer;
    position: relative;
    z-index: 5;
    border: 1px solid #73756c;
    border-radius: 1.5rem;
    margin: 10px 5px 10px 0;
    font-size: 1rem;
    color: #fff
}
.about-scope .tabs .tab-buttons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: .6rem;
    row-gap: .9rem;
    color: #fff
}
.about-scope .tabs-content p{
    font-size: 1rem;
    color: #fff;
    line-height: 30px
}
.about-scope .scroll-downBtn{
    color: #fff;
    font-size: 1rem
}
.about-scope .nav-pills .nav-link.active,.about-scope .nav-pills .show>.nav-link{
    color: #000;
    background-color: #37b4e4
}
.about-scope .development-sec,.about-scope .development-sec .scroll-downBtn,.about-scope .development-sec .scroll-downBtn:hover,.about-scope .highway-car a{
    color: #000!important
}
.about-scope .development-sec{
    background: linear-gradient(to right,#fff 0,#37b4e4 100%);
    padding: 90px 0
}
.about-scope .development-sec hr{
    margin: 3rem 0
}
.about-scope .development-sec .design-content,.about-scope .development-sec .tabs .tab,.about-scope .flip-box .flip-box-front .flip-box-header,.about-scope .flip-box2 .flip-box-front2 .flip-box-header2,.about-scope .get-in-touch .get-in-touch-content .subtitle,.about-scope .latest-blogs .btnscroll .scroll-downBtn,.about-scope .latest-blogs .nav-link,.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg .accordion-body,.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg .faq_accordions .accordion-button,.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg h3{
    color: #000
}
.about-scope .development-sec .tabs-content p{
    font-size: 1rem;
    color: #000;
    line-height: 30px
}
.about-scope .development-sec .content .design-content h3{
    font-size: 5.5rem;
    font-weight: 400;
    line-height: 1;
    padding: 2rem 0
}
.about-scope .development-sec .switcher .vid video{
    height: 14rem;
    width: 14rem;
    border-radius: 50%;
    transition: 1s;
    margin-left: auto;
    display: block
}
.about-scope .development-sec .nav-pills .nav-link.active,.about-scope .development-sec .nav-pills .show>.nav-link{
    background-color: #000;
    color: #fff
}
.about-scope .partners-sec{
    padding: 90px 0;
    background: #000
}
.about-scope .partners-sec h4{
    font-size: 2.7rem;
    font-weight: 400;
    line-height: 55px;
    color: #fff
}
.about-scope .partners-sec hr{
    color: #fff;
    margin-right: 3rem;
    margin-top: 4rem
}
.about-scope .partner-slider main,.about-scope .partner-sliders main{
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 150px;
    margin-top: 50px
}
.about-scope .partner-slider .b,.about-scope .partner-slider.a,.about-scope .partner-sliders .a,.about-scope .partner-sliders .b{
    background: 0 0
}
.about-scope .partner-slider .slides-container,.about-scope .partner-sliders .slides-containers{
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 1
}
.about-scope .partner-slider .slide,.about-scope .partner-sliders .slides{
    font-size: 90px;
    font-weight: 700;
    color: rgba(255,255,255,.9);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px
}
.about-scope .partner-slider .slides-inner,.about-scope .partner-sliders .slides-inners{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}
.about-scope .partner-slider .slick-track,.about-scope .partner-sliders .slick-track{
    margin-left: -20px;
    margin-right: 20px
}
.about-scope .footer-sec{
    background: #cdcecf;
    padding: 90px 0;
    overflow: hidden
}
.about-scope .footer-sec .footer-content h4{
    font-size: 4rem;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    margin-top: 2rem
}
.about-scope .footer-sec .footer-content .relative{
    position: relative;
    z-index: 9
}
.about-scope .footer-sec .footer-content .btn{
    position: absolute;
    bottom: 136px;
    right: 10px;
    z-index: 1
}
.about-scope .footer-sec .footer-content .btn .get-btn{
    background: #000;
    padding: .8rem 1.5rem;
    border-radius: 50px;
    color: #37b4e4
}
.about-scope .footer-sec .footer-content .btn .right-arrow{
    background: #000;
    display: inline-block;
    width: 50px;
    line-height: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    margin-left: 5px
}
.about-scope .footer-sec .footer-content .peras{
    margin-top: 5rem
}
.about-scope .footer-sec .footer-content .peras p{
    font-size: 1rem;
    color: #000
}
.about-scope .footer-sec .footer-content .menus ul li,.about-scope .footer_black .menus ul{
    list-style: none
}
.about-scope .footer-sec .footer-content .menus ul li a{
    color: #000;
    font-weight: 500;
    font-size: .9rem
}
.about-scope .footer-sec .footer-content .peras .email{
    font-size: 1.2rem;
    font-weight: 700
}
.about-scope .footer-sec .scroll-downBtn{
    color: #000;
    font-size: 1rem
}
.about-scope .footer-sec .scroll-downBtn img{
    margin-top: -3px;
    margin-right: 5px
}
.about-scope .footer-logo .logos{
    position: absolute;
    right: -65px;
    top: -50px;
    z-index: 0;
    height: 49rem;
    width: 50rem;
    display: block
}
.about-scope .footer-logo .logos img{
    height: 100%;
    width: 100%
}
.about-scope .form-box,.about-scope .mainTit,.about-scope .split-line,.about-scope .split-parent{
    overflow: hidden
}
.about-scope .work-box{
    background: #ececec
}
.about-scope .intl-tel-input .country-list .country-name,.about-scope .intl-tel-input .country-list .flag-box{
    margin-right: 6px;
    color: #000
}
.about-scope .work-box .work-para{
    position: absolute;
    left: 0;
    right: 0;
    width: 70%;
    bottom: 220px;
    font-size: 1rem;
    margin: auto
}
.about-scope .work-section{
    color: #262523;
    width: 100%;
    overflow: hidden;
    height: calc(100vh + 120px);
    padding-top: 60px
}
.about-scope .work-text{
    margin-left: 50%;
    position: absolute;
    transform: translateX(-50%);
    font-size: 100vh;
    line-height: 1
}
.about-scope .blog-content,.about-scope .follow-us .follow-heading,.about-scope .highway-slider .highway-lane,.about-scope .work{
    display: flex
}
.about-scope .work-heading{
    position: relative;
    display: inline-block;
    width: 100vh;
    height: 100vh;
    margin-left: -40px;
    margin-right: -40px
}
.about-scope .emerio-logo,.about-scope .emerio-logo img,.about-scope .work-content{
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    position: absolute;
    right: 0
}
.about-scope .work-content{
    background: url(../images/latest-project.svg) center/cover;
    width: calc(100% - 160px);
    height: calc(100% - 160px);
    border-radius: 100%;
    user-select: none;
    pointer-events: none;
    animation: 8s linear infinite spin;
    -webkit-animation: 8s linear infinite spin
}
@-moz-keyframes spin{
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}
@-webkit-keyframes spin{
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes spin{
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
.about-scope .emerio-logo{
    width: calc(100% - 120px);
    height: calc(100% - 120px);
    background: #fff;
    border-radius: 50%
}
.about-scope .banner-chat-btn,.about-scope .banner-whatsapp-btn{
    margin-right: 10px;
    border-radius: 50%;
    line-height: 60px;
    background: linear-gradient(91.39deg,rgba(27 27 27) 1.99%,rgb(27 27 27) 200.81%);
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    display: inline-block;
    text-transform: uppercase
}
.about-scope .emerio-logo img{
    width: 95%
}
@-webkit-keyframes animate-svg-stroke-1{
    0% {
        stroke-dashoffset: 3157.15576171875px;
        stroke-dasharray: 3157.15576171875px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 3157.15576171875px
    }
}
@keyframes animate-svg-stroke-1{
    0% {
        stroke-dashoffset: 3157.15576171875px;
        stroke-dasharray: 3157.15576171875px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 3157.15576171875px
    }
}
.about-scope .first-1{
    -webkit-animation: 4s linear 5s both animate-svg-stroke-1;
    animation: 4s linear 5s both animate-svg-stroke-1
}
@-webkit-keyframes animate-svg-stroke-2{
    0% {
        stroke-dashoffset: 2318.809326171875px;
        stroke-dasharray: 2318.809326171875px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 2318.809326171875px
    }
}
@keyframes animate-svg-stroke-2{
    0% {
        stroke-dashoffset: 2318.809326171875px;
        stroke-dasharray: 2318.809326171875px
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 2318.809326171875px
    }
}
.about-scope .second-1{
    -webkit-animation: 4s 9s both animate-svg-stroke-2;
    animation: 4s 9s both animate-svg-stroke-2
}
.about-scope .right-menu a{
    padding: 0 20px
}
.about-scope .right-menu .nav-menu{
    padding: 0 0 0 40px
}
.about-scope .gettouch img,.about-scope .header-phone img,.about-scope .right-menu .nav-menu .circle{
    margin-right: 5px
}
.about-scope .right-menu .nav-menu .menubar{
    margin-left: 7px
}
.about-scope .gettouch,.about-scope .header-phone,.about-scope .right-menu a{
    color: #fff;
    text-decoration: none
}
.about-scope .banner-btns{
    position: absolute;
    bottom: -145px;
    right: 0
}
.about-scope .brand,.about-scope .brand-slider .slide{
    position: relative;
    overflow: hidden
}
.about-scope .brand{
    padding: 120px 0;
    background: #141515;
    color: #fff;
    z-index: 1
}
.about-scope .brand .brand-heading h2,.about-scope .brand .brand-heading h3{
    font-size: 9rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}
.about-scope .brand .brand-heading svg{
    margin-top: 30px;
    width: 60px;
    height: 60px
}
.about-scope .brand-slider{
    width: 100%;
    height: 100vh
}
.about-scope .fullWidthPortfolio .img_wrapper,.about-scope .latest-blogs .sldier img,.about-scope .swiper-container{
    width: 100%;
    height: 100%
}
.about-scope .brand-slider .slide{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    background: #fff
}
.about-scope .slide-image{
    position: absolute;
    top: -200px;
    left: -200px;
    width: calc(100% + 400px);
    height: calc(100% + 400px);
    background-position: 50% 50%;
    background-size: cover
}
.about-scope .brand-slider .slide-title{
    font-size: 4rem;
    line-height: 1;
    max-width: 50%;
    white-space: normal;
    word-break: break-word;
    color: #fff;
    z-index: 100;
    text-transform: uppercase;
    font-weight: 400
}
.about-scope .brand-slider .slide-title span{
    white-space: pre;
    display: inline-block;
    opacity: 0
}
.about-scope .slideshow-pagination{
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: opacity .3s;
    z-index: 10
}
.about-scope .btnes-with-arrow,.about-scope .slideshow-pagination-item{
    display: flex;
    align-items: center
}
.about-scope .slideshow-pagination-item .pagination-number{
    opacity: .5
}
.about-scope .slideshow-pagination-item:last-of-type .pagination-separator{
    width: 0
}
.about-scope .slideshow-pagination-item.active .pagination-separator{
    width: 10vw
}
.about-scope .slideshow-navigation-button{
    position: absolute;
    top: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    width: 5rem;
    z-index: 1000;
    transition: .3s;
    color: #fff
}
.about-scope .slideshow-navigation-button.prev{
    left: 0
}
.about-scope .slideshow-navigation-button.next{
    right: 0
}
.about-scope .pagination-number{
    font-size: 1.8rem;
    color: #fff;
    padding: 0 .5rem
}
.about-scope .cb-postcard,.about-scope .follow-us,.about-scope .latest-blogs{
    z-index: 1;
    padding: 100px 0;
    overflow: hidden
}
.about-scope .pagination-separator{
    display: none;
    position: relative;
    width: 40px;
    height: 2px;
    background: rgba(255,255,255,.25);
    transition: .3s
}
.about-scope .pagination-separator-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform-origin: 0 0
}
.about-scope .follow-us{
    background: #141515;
    color: #fff;
    position: relative
}
.about-scope .follow-us .follow-heading h2,.about-scope .follow-us .follow-heading h3{
    font-size: 9rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    padding-top: 30px
}
.about-scope .follow-us .follow-heading span{
    margin: 35px 70px;
    background: 0 0;
    border: 1px solid #fff;
    width: 130px;
    line-height: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center
}
.about-scope .follow-us .follow-heading span img{
    height: 90px;
    width: 90px
}
.about-scope .follow-social{
    margin-top: 30px
}
.about-scope .follow-social li,.about-scope .follow-social ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.about-scope .follow-social li a{
    font-size: 26px;
    text-decoration: none;
    color: #fff
}
.about-scope .follow-social li{
    text-transform: uppercase;
    padding: 1.6rem 4rem;
    border-bottom: 1px solid #554f51
}
.about-scope .blog-content p,.about-scope .latest-blogs .nav-item{
    padding-left: 10px
}
.about-scope .follow-social li:first-child{
    border-top: 1px solid #554f51
}
.about-scope .follow-social li a img{
    height: 20px;
    margin-top: 5px
}
.about-scope .latest-blogs{
    background: #e5e6e8;
    color: #141515;
    position: relative
}
.about-scope .latest-blogs .btnscroll{
    text-align: left
}
.about-scope .latest-blogs .heading-section{
    margin-top: 40px
}
.about-scope .latest-blogs .blog-heading{
    font-size: 25px
}
.about-scope .latest-blogs .nav-pills .nav-link.active,.about-scope .latest-blogs .nav-pills .show>.nav-link{
    color: #000;
    background-color: #37b4e4
}
.about-scope .latest-blogs .nav-pills .nav-link{
    background: 0 0;
    border: 1px solid #000;
    border-radius: 25px;
    width: 90px;
    text-transform: uppercase
}
.about-scope .latest-blogs .nav-item:first-child{
    padding-left: 0
}
.about-scope .latest-blogs .slick-track{
    display: flex;
    align-items: end;
    margin-left: -20px;
    margin-right: 20px
}
.about-scope .latest-blogs .sldier{
    padding: 0 35px
}
.about-scope .footer_black .f_bottom,.about-scope .latest-blogs .tab-content{
    margin-top: 50px
}
.about-scope .blog-content,.about-scope .f_header .btn-with-arrow,.about-scope .footer_black .f_body{
    margin-top: 20px
}
.about-scope .blog-content .icons{
    width: 40px;
    height: 40px;
    padding: 12px 15px 0;
    background: #fff;
    text-align: center;
    border-radius: 50%
}
.about-scope .blog-content .icons img{
    width: auto;
    height: auto
}
.about-scope .blog-content a{
    text-decoration: none;
    color: #000
}
.about-scope .blog-content p{
    font-size: 20px;
    line-height: 30px
}
.about-scope .blog-content .days span{
    padding-left: 10px;
    color: #686961;
    text-transform: uppercase;
    font-size: 15px
}
.about-scope .main-tbing-sec ul.tbing{
    padding: 0;
    text-align: center;
    margin: 0 0 10px
}
.about-scope .main-tbing-sec ul.tbing li.current{
    transition: .7s;
    color: #000;
    border: 1px solid #000;
    background: #37b4e4
}
.about-scope .main-tbing-sec ul.tbing li{
    transition: .7s;
    display: inline-block;
    width: auto;
    padding: 8px 20px 10px;
    height: 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    border: 1px solid #000;
    margin: 0 3px;
    border-radius: 25px;
    background: 0 0
}
.about-scope .cb-postcard{
    position: relative;
    color: #fff;
    background: #000
}
.about-scope .box-container{
    align-items: center;
    display: flex;
    justify-content: space-around;
    padding: 35px 15px;
    width: 100%
}
.about-scope .box-item{
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 480px;
    margin-bottom: 35px
}
.about-scope .flip-box,.about-scope .flip-box2{
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px
}
.about-scope .flip-box-back,.about-scope .flip-box-front{
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    min-height: 520px;
    padding: 40px 25px 25px;
    -ms-transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.about-scope .flip-box-front.bx1{
    background-image: url("../images/updated-image/ecommerce-web-design.webp")
}
.about-scope .flip-box-front.bx2{
    background-image: url("../images/updated-image/corporate-web-design.webp")
}
.about-scope .flip-box-front.bx3{
    background-image: url("../images/updated-image/cms-web-design.webp")
}
.about-scope .flip-box-front.bx4{
    background-image: url("../images/updated-image/luxury-web-design.webp")
}
.about-scope .flip-box-front,.about-scope .flip-box-front2,.about-scope .flip-box2:hover .flip-box-back2,.about-scope .flip-box:hover .flip-box-back{
    -ms-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.about-scope .flip-box2:hover .flip-box-front2,.about-scope .flip-box:hover .flip-box-front{
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.about-scope .flip-box-back,.about-scope .flip-box-back2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.about-scope .flip-box-header{
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px
}
.about-scope .flip-box p,.about-scope .flip-box2 p{
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 40px
}
.about-scope .flip-box-img,.about-scope .flip-box-img2{
    margin-top: 25px
}
.about-scope .flip-box-button,.about-scope .flip-box-button2{
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase
}
.about-scope .badges,.about-scope .badgess,.about-scope .flip-box .colored .badges{
    padding: .1em .65em;
    text-transform: uppercase
}
.about-scope .badgess,.about-scope .flip-box .colored .badges{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    margin: 10px 10px 10px 0
}
.about-scope .badges{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    margin: 0 10px 10px 0
}
.about-scope .commerce_development,.about-scope .design_development{
    font-size: 35px;
    font-weight: 400
}
.about-scope .hover-slider{
    display: flex;
    flex-flow: column;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}
.about-scope .hover-slider .highway-slider{
    display: flex;
    justify-content: center;
    width: 100%
}
.about-scope .hover-slider .highway-slider .highway-barrier{
    overflow: hidden;
    position: relative
}
.about-scope .hover-slider .highway-slider .highway-lane .highway-car{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #37b4e4;
    color: #000
}
.about-scope .hover-slider .highway-slider .highway-lane .highway-car span{
    font-size: 1.6rem;
    font-weight: 500
}
@keyframes translateinfinite{
    100% {
        transform: translateX(calc(-1500px))
    }
}
.about-scope #infinite .highway-barrier{
    transform: scaleY(0);
    background: #37b4e4;
    transition: transform .8s
}
.about-scope #infinite .highway-barrier::after,.about-scope #infinite .highway-barrier::before{
    content: " ";
    position: absolute;
    z-index: 9;
    height: 100%
}
.about-scope #infinite .highway-barrier::before{
    top: 0;
    left: 0;
    background: #37b4e4;
    transform: scaleY(0);
    transition: transform .5s
}
.about-scope #infinite .highway-barrier::after{
    top: 0;
    right: 0;
    background: #37b4e4
}
.about-scope #infinite .highway-barrier .highway-lane{
    width: calc(3000px)
}
.about-scope #infinite .highway-barrier .highway-lane .highway-car{
    width: 180px;
    animation: 15s linear infinite translateinfinite;
    border: 0
}
.about-scope .facebook:hover #infinite .highway-barrier,.about-scope .facebook:hover #infinite .highway-barrier::before,.about-scope .instagram:hover #infinite .highway-barrier,.about-scope .instagram:hover #infinite .highway-barrier::before,.about-scope .linkedin:hover #infinite .highway-barrier,.about-scope .linkedin:hover #infinite .highway-barrier::before,.about-scope .twitter:hover #infinite .highway-barrier,.about-scope .twitter:hover #infinite .highway-barrier::before{
    transform: scaleY(1);
    transition-duration: .5s
}
.about-scope .linkedin:hover:hover .hover-slider{
    opacity: 1
}
.about-scope .facebook:hover:hover .hover-slider{
    opacity: 1
}
.about-scope .twitter:hover .hover-slider,.about-scope ul.brandslist li:hover img{
    opacity: 1
}
.about-scope .heading div{
    font-size: 110px;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    line-height: 140px;
    margin-top: 43px
}
.about-scope .heading{
    position: absolute
}
.about-scope .faq_accordions .accordion-button{
    color: var(--white);
    background: 0 0!important;
    padding-block:1.6rem}
.about-scope .faq_accordions .accordion-item,.about-scope .faq_header .accordion-item,.about-scope .faq_header.accordion-item{
    background: 0 0!important;
    border: none!important;
    border-bottom: 1px solid gray!important;
    margin-bottom: 10px
}
.about-scope .faq_accordions .accordion-button:is(:focus,:active,:visited,:focus-within,:target){
    border-color: none;
    box-shadow: none
}
.about-scope .accordion-header.accordion-button.collapsed,.about-scope .faq_accordions .accordion-button.collapsed,.about-scope .faq_header .accordion-button.collapsed,.about-scope .faq_header.accordion-button.collapsed{
    background: 0 0!important;
    border-radius: 0!important
}
.about-scope .faq_accordions .accordion-item:first-of-type .accordion-button,.about-scope .faq_accordions .accordion-item:last-of-type,.about-scope .faq_accordions .accordion-item:last-of-type .accordion-button,.about-scope .faq_header .accordion-item:first-of-type .accordion-button,.about-scope .faq_header .accordion-item:last-of-type,.about-scope .faq_header .accordion-item:last-of-type .accordion-button{
    border-radius: 0!important
}
.about-scope .faq_accordions .accordion-item .accordion-button{
    border-radius: 0!important;
    font-size: 1.3rem
}
.about-scope .btn-with-arrow .arrow_icon{
    display: flex!important;
    align-items: center;
    justify-content: center
}
.about-scope .faq_accordions .accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12H12V0' stroke='white' stroke-width='2'%3E%3C/path%3E%3Cline x1='11.7929' y1='11.7071' x2='1.18629' y2='1.10051' stroke='white' stroke-width='2'%3E%3C/line%3E%3C/svg%3E")!important
}
.about-scope .footer_black{
    padding-top: 3%;
    padding-bottom: 3%
}
.about-scope .footer_black .f_header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
.about-scope .btn-with-arrow.white .btn_text,.about-scope .btnes-with-arrow.white .btn_text{
    background: var(--white)
}
.about-scope .btn-with-arrow .arrow_icon svg,.about-scope .btn-with-arrow.white img,.about-scope .new-cta-web .arrow_icon svg{
    transform: rotate(-45deg)
}
.about-scope .btn-with-arrow.white .arrow_icon,.about-scope .btnes-with-arrow.white .arrow_icon{
    width: 45px;
    height: 45px
}
.about-scope .address_details :is(p,h6){
    color: var(--white);
    color: var(--white);
    font-size: .8rem
}
.about-scope .address_details :is(.address,.phone-email){
    width: 50%;
    font-size: .8rem
}
.about-scope .footer_black .f_bottom h6,.about-scope .footer_black .menus ul li a{
    color: var(--white);
    font-size: .8rem
}
.about-scope .footer_black .bottom_menu ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0
}
.about-scope .footer_black .bottom_menu ul li a{
    color: #fff;
    font-size: .8rem
}
.about-scope .newsletter .arrow_icon{
    width: 35px;
    height: 35px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 100px
}
.about-scope .newsletter form{
    display: flex;
    gap: 20px
}
.about-scope .full-width-portfolio .swiper,.about-scope .newsletter form .btn{
    padding: 0!important
}
.about-scope .newsletter form input,.about-scope .newsletter form textarea{
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid #6c6567!important;
    border: none
}
.about-scope .newsletter form .form-control:is(:focus){
    color: var(--white);
    background-color: transparent;
    border: none;
    box-shadow: none
}
.about-scope .footer_black .menu_name h5{
    text-transform: uppercase;
    font-size: 1rem
}
.about-scope .portfolio .swiper{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}
.about-scope .portfolio .swiper-slide{
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 600px
}
.about-scope .portfolio .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.about-scope .portfolio :is(.swiper-button-next,.swiper-button-prev){
    top: 92%;
    background-color: #fff;
    width: 50px;
    height: 50px;
    padding: 0;
    border-radius: 100%;
    color: var(--black);
    font-weight: 700
}
.about-scope .portfolio :is(.swiper-button-next,.swiper-button-prev):after{
    font-size: 16px
}
.about-scope .portfolio .swiper-button-next{
    right: 46%
}
.about-scope .portfolio .swiper-button-prev{
    left: 46%
}
.about-scope .portfolio .swiper-wrapper{
    padding-bottom: 90px
}
.about-scope .fullWidthPortfolio,.about-scope .mainMen{
    height: 100%
}
.about-scope .fullWidthPortfolio .img_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.about-scope .fullWidthPortfolio .swiper-slide .content{
    position: absolute;
    bottom: 120px;
    left: 80px;
    color: var(--white)
}
.about-scope .fullWidthPortfolio .swiper-slide .content h2,.about-scope .fullWidthPortfolio .swiper-slide .content h3{
    position: relative;
    font-size: 4rem
}
.about-scope .fullWidthPortfolio .swiper-slide .content h2 span{
    position: absolute;
    left: -25px;
    top: 15px;
    font-size: 16px
}
.about-scope .fullWidthPortfolio .swiper-pagination{
    width: fit-content!important;
    position: absolute!important;
    bottom: 60px!important;
    left: 120px!important;
    background-color: #ffffff82;
    padding: .3rem 1rem;
    border-radius: 50px
}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){
    top: 90.5%;
    border: 1px solid var(--white);
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    color: var(--white);
    font-weight: 700
}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev):after{
    font-size: 16px
}
.about-scope .fullWidthPortfolio .swiper-button-next{
    right: 84.2%
}
.about-scope .fullWidthPortfolio .swiper-button-prev{
    left: 5.5%
}
.about-scope .inner-baner{
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0
}
.about-scope .inner-baner article .cercle,.about-scope .way-work article .cercle,.about-scope .web-inner-baner article .cercle{
    position: absolute;
    top: 15px;
    left: 10px
}
.about-scope .inner-baner article .cercle span,.about-scope .way-work article .cercle span,.about-scope .web-inner-baner article .cercle span{
    background: linear-gradient(to right,#dff3fb,#37b4e4 60%);
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 100%;
    margin-left: -4px
}
.about-scope .inner-baner article h2,.about-scope .web-inner-baner article h2{
    color: #fff;
    font-size: 4rem;
    margin: 0 0 2rem;
    padding-left: 0
}
.about-scope .inner-baner article p,.about-scope .web-inner-baner article p{
    font-size: 1rem;
    color: #ffff;
    width: 100%
}
.about-scope .inner-baner article span.line,.about-scope .web-inner-baner article span.line{
    width: 30%;
    background: #fff;
    height: 1px;
    display: block;
    margin: 40px 0 20px
}
.about-scope .about-services{
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 40px
}
.about-scope .about-services h2{
    font-size: 2.5rem;
    text-align: right;
    margin: 4rem 0 0
}
.about-scope .about-services p{
    font-size: 1.2em;
    line-height: 1.5;
    margin: 4rem 3rem 0;
    color: #141515
}
.about-scope .about-services .logos{
    border-top: 1px solid;
    padding: 50px 0 0;
    margin: 8rem 0 0;
    text-align: center
}
.about-scope .about-services .logos img{
    margin: 0 3rem;
    filter: grayscale(100%)
}
.about-scope .about-services .logos img:hover{
    filter: grayscale(0%)
}
.about-scope .cb-postcard2{
    padding-bottom: 0
}
.about-scope .cb-postcard2 .info h2,.about-scope .new-cta h3,.about-scope .way-work h2{
    font-size: 2.5rem
}
.about-scope .cb-postcard2 .info p{
    font-size: 1.3rem
}
.about-scope .box-container2{
    align-items: center;
    padding: 85px 0;
    width: 100%
}
.about-scope .box-item2{
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 400px;
    margin: 0 50px
}
.about-scope .flip-box-back2,.about-scope .flip-box-front2{
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    min-height: 360px;
    padding: 40px 25px 25px;
    -ms-transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.about-scope .flip-box-header2{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    color: #fff!important
}
.about-scope .box-container2 .slick-track{
    padding: 0 0 100px
}
.about-scope .box-item2.slick-slide.slick-current.slick-active.slick-center{
    margin-top: 100px
}
.about-scope .box-container2 .slick-next{
    right: auto;
    left: 150px;
    top: auto;
    bottom: 20%
}
.about-scope .box-container2 .slick-prev{
    left: 100px;
    top: auto;
    bottom: 20%;
    z-index: 999
}
.about-scope .box-container2 .slick-next,.about-scope .box-container2 .slick-prev{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #141515
}
.about-scope .box-container2 .slick-next:focus,.about-scope .box-container2 .slick-next:hover,.about-scope .box-container2 .slick-prev:focus,.about-scope .box-container2 .slick-prev:hover{
    background: 0 0;
    background: linear-gradient(to right,#fff,#ade0f4 60%)
}
.about-scope .box-container2 .slick-next:focus:before,.about-scope .box-container2 .slick-next:hover:before,.about-scope .box-container2 .slick-prev:focus:before,.about-scope .box-container2 .slick-prev:hover:before{
    opacity: 1;
    color: #444!important
}
.about-scope .about-services2{
    height: auto;
    background: #fff;
    background: -moz-linear-gradient(left,#fff 49%,#dff3fb 77%,#a9dff3 100%);
    background: -webkit-linear-gradient(left,#fff 49%,#dff3fb 77%,#a9dff3 100%);
    background: linear-gradient(to right,#fff 49%,#dff3fb 77%,#a9dff3 100%)
}
.about-scope .about-services2 h2{
    font-size: 2.5rem;
    text-align: left;
    margin: 4rem 0 0
}
.about-scope .about-services2 p{
    font-size: 18PX;
    line-height: 1.3;
    margin: 4rem 3rem 0;
    color: #141515
}
.about-scope .way-work h2,.about-scope .ways-worker{
    color: #fff;
    text-align: left
}
.about-scope .about-services2 .btn-with-arrow.white .btn_text{
    border: 1px solid
}
.about-scope .about-services2 .btn-with-arrow{
    position: relative;
    z-index: 99
}
.about-scope .about-services2 .emeriosoft-svg{
    margin: -40px 0 0;
    transform: scale(1);
    transform-origin: -78px 330px
}
.about-scope .way-work{
    background-color: #1a1a1a
}
.about-scope .btn-11,.about-scope .btn-11:hover,.about-scope .form-box p,.about-scope .newportfolio .item p,.about-scope ul.brandslist{
    text-align: center
}
.about-scope .faq_header .accordion-button{
    color: var(--white);
    padding-block:1.6rem;color: var(--white);
    background: 0 0!important;
    padding-block:1.6rem;font-size: 1.8rem;
    font-weight: 500;
    padding: 1rem 0
}
.about-scope .faq_header .accordion-body{
    padding: 0 0 2rem;
    font-size: 1rem
}
.about-scope .faq_header .accordion-button:is(:focus,:active,:visited,:focus-within,:target){
    border-color: none;
    box-shadow: none
}
.about-scope .btn-with-arrow span.btn_text{
    background: #393939;
    padding: .8rem 1.5rem;
    border-radius: 100px;
    display: inline-block
}
.about-scope .btn-with-arrow .arrow_icon{
    width: 50px;
    height: 50px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #242424;
    color: #fff;
    background: #242424
}
.about-scope .btn-with-arrow{
    display: flex;
    align-items: center;
    margin-top: 50px
}
.about-scope .faq_header .accordion-button::after{
    background-image: url("../images/plus-img.svg")!important
}
.about-scope .megamune .bx:after,.about-scope .megamune .bx:before{
    content: '';
    height: 1px;
    background: linear-gradient(to right,#fff,#37b4e4 60%);
    transition: .5s
}
.about-scope .faq_header{
    margin: 40px 0
}
.about-scope .ways-worker article h2{
    color: #fff;
    font-size: 3rem;
    margin: 0 1rem 2rem;
    padding-left: 5rem;
    font-weight: 400
}
.about-scope .way-work article img{
    max-width: 70%;
    margin: 70px auto;
    display: block
}
.about-scope .worker-1{
    position: absolute;
    top: 23px;
    opacity: .5;
    margin-right: 4px;
    color: #fff;
    font-size: 20px;
    left: -40px;
    font-weight: 500
}
.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg{
    background-color: #dcdcdc!important
}
.about-scope .new-cta{
    margin: 100px 0 0
}
.about-scope .new-cta .container{
    height: 350px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    padding: 40px 60px;
    position: relative
}
.about-scope .new-cta-text{
    position: absolute;
    bottom: 40px;
    width: 90%
}
.about-scope .megamune,.about-scope .menufooter{
    width: 100vw;
    scroll-behavior: smooth;
    overflow: hidden
}
.about-scope .btn-11,.about-scope .newportfolio .item img{
    width: 100%
}
.about-scope .address a,.about-scope .new-cta h3,.about-scope .new_case_studies,.about-scope .phone-email a,.about-scope .sub-titless{
    color: #fff!important
}
.about-scope .btnes-with-arrow .arrow_icon{
    border: 1px solid #fff;
    width: 45px;
    height: 45px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}
.about-scope .btnes-with-arrow span.btn_text{
    background: #393939;
    padding: .8rem 1.5rem;
    display: inline-block;
    border-radius: 100px
}
.about-scope .working-about{
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 20px 0
}
.about-scope .working-about img{
    width: 30px;
    margin-right: 5px
}
.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg .faq_accordions .accordion-button{
    color: #000;
    font-size: 1.6rem;
    font-weight: 500
}
.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg .faq_accordions .accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12H12V0' stroke='black' stroke-width='2'%3E%3C/path%3E%3Cline x1='11.7929' y1='11.7071' x2='1.18629' y2='1.10051' stroke='black' stroke-width='2'%3E%3C/line%3E%3C/svg%3E")!important
}
.about-scope .turn-01{
    animation-name: turnOne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin: 50% 50%
}
@keyframes turnOne{
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(180deg)
    }
}
.about-scope .newportfolio .item{
    margin: 0 60px
}
.about-scope .newportfolio .item h3{
    opacity: 0;
    display: none;
    text-align: center;
    font-size: 16px;
    margin: 20px 0 5px
}
.about-scope .newportfolio .item p{
    opacity: 0;
    display: none;
    font-size: 12px
}
.about-scope .newportfolio .item.slick-current.slick-active.slick-center{
    transform: rotate(0)
}
.about-scope .newportfolio .item.slick-current.slick-active.slick-center h3,.about-scope .newportfolio .item.slick-current.slick-active.slick-center p{
    opacity: 1;
    display: block
}
.about-scope .newportfolio .item.slick-cloned.slick-active{
    transform: rotate(-20deg)
}
.about-scope .newportfolio .item.slick-active{
    transform: rotate(20deg)
}
.about-scope .newportfolio .slick-track{
    padding: 50px 0 80px
}
.about-scope .megamune{
    display: none;
    margin: 20px 0 0
}
.about-scope .megamune .bx{
    padding: 30px
}
.about-scope .megamune .bx:before{
    width: 0;
    display: block;
    margin: 0 0 15px
}
.about-scope .megamune .bx:after{
    width: 0;
    display: block;
    float: right;
    margin: 20px 0 0
}
.about-scope .megamune .bx h2{
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 1rem
}
.about-scope .megamune .bx ul{
    margin: 0;
    padding: 0
}
.about-scope .megamune .bx ul li a{
    color: #a3a3a3;
    font-size: 1rem;
    display: block;
    padding: 5px 0
}
.about-scope .megamune .bx:hover:after,.about-scope .megamune .bx:hover:before{
    width: 50%
}
.about-scope .menufooter{
    border-top: 1px solid;
    padding-top: 30px
}
.about-scope .menufooter .logo{
    border-right: 1px solid;
    margin-right: 20px
}
.about-scope .menufooter .logo img{
    margin-top: 15px;
    margin-left: -13px
}
.about-scope .menufooter h2{
    font-size: 1.2rem;
    color: #d8d8d8
}
.about-scope .menufooter p{
    font-size: 1rem;
    color: #d8d8d8;
    font-weight: 400;
    letter-spacing: 1px
}
.about-scope .btn-11{
    display: block;
    overflow: hidden;
    height: 50px;
    max-width: 250px;
    margin: 1rem 0;
    text-transform: uppercase;
    border: 1px solid #afe1f4;
    color: #fff;
    padding: 10px 20px;
    transition: .5s
}
.about-scope .btn-11:after,.about-scope .btn-11:before{
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(to right,#37b4e4,#0f5671 60%);
    border-radius: 50%;
    z-index: -1
}
.about-scope .btn-11:before{
    left: -20px;
    transform: translate(-50%,-50%)
}
.about-scope .btn-11:after{
    right: -20px;
    transform: translate(50%,-50%)
}
.about-scope .btn-11:hover{
    color: #fff;
    border: 1px solid #afe1f4
}
.about-scope .btn-11:hover:before{
    -webkit-animation: 1s alternate both criss-cross-left;
    animation: 1s alternate both criss-cross-left
}
.about-scope .btn-11:hover:after{
    -webkit-animation: 1s alternate both criss-cross-right;
    animation: 1s alternate both criss-cross-right
}
@-webkit-keyframes criss-cross-left{
    0% {
        left: -20px
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px
    }
}
@keyframes criss-cross-left{
    0% {
        left: -20px
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px
    }
}
@-webkit-keyframes criss-cross-right{
    0% {
        right: -20px
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px
    }
}
@keyframes criss-cross-right{
    0% {
        right: -20px
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px
    }
}
.about-scope ul.brandslist li{
    display: inline-block;
    margin: 0 30px
}
.about-scope ul.brandslist li img{
    opacity: .5;
    transition: 1s
}
.about-scope .rotate{
    -webkit-animation: 15s linear infinite rotate;
    animation: 15s linear infinite rotate
}
.about-scope #new_sticky.fixedss,.about-scope #sticky.fixed{
    z-index: 999;
    animation: 1s forwards smoothScroll
}
.about-scope .seo_company_heading,.about-scope .texting-gradient{
    -webkit-text-fill-color: transparent;
    animation: 3s linear infinite reverse bgMove;
    mix-blend-mode: normal
}
@keyframes rotate{
    0% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }

    25% {
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg)
    }

    50% {
        -webkit-transform: rotate3d(0,0,1,180deg);
        transform: rotate3d(0,0,1,180deg)
    }

    75% {
        -webkit-transform: rotate3d(0,0,1,270deg);
        transform: rotate3d(0,0,1,270deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,360deg);
        transform: rotate3d(0,0,1,360deg)
    }
}
.about-scope .anniversaryContent .titlea{
    margin-bottom: 30px
}
.about-scope .anniversaryContent .titlea i{
    display: block;
    font-style: normal;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    left: 4px;
    letter-spacing: -5px;
    color: #37b4e4;
    font-size: 74px
}
.about-scope .mainTit .colorG,.about-scope .mainTit .colord{
    position: absolute;
    width: 130%;
    height: 130%;
    top: -11%;
    left: -15%;
    animation: 6s ease-in-out infinite roundRotate;
    transform: scale(1)
}
.about-scope .btn.form-btn,.about-scope form input{
    height: 46px;
    background: 0 0
}
.about-scope .mainTit .colord{
    z-index: 1;
    background-color: #fff;
    mix-blend-mode: overlay
}
@keyframes roundRotate{
    0% {
        -webkit-transform: rotate(0) scale(1.5)
    }

    to {
        -webkit-transform: rotate(359deg) scale(1.5)
    }
}
.about-scope .mainTit .colorG{
    background: linear-gradient(to bottom right,#37b4e4,#37b4e4 25%,#37b4e4 40%,#15769b 60%,rgba(14,80,106,.99) 70%) 100% 100%/51% 51% no-repeat,linear-gradient(to bottom left,#37b4e4,#37b4e4 25%,#37b4e4 40%,#15769b 60%,rgba(14,80,106,.99) 70%) 0 100%/50% 51% no-repeat,linear-gradient(to top left,#37b4e4,#37b4e4 25%,#37b4e4 40%,#15769b 60%,rgba(14,80,106,.99) 70%) 0 0/50% 50% no-repeat,linear-gradient(to top right,#37b4e4,#37b4e4 25%,#37b4e4 40%,#15769b 60%,rgba(14,80,106,.99) 70%) 100% 0/51% 50% no-repeat;
    mix-blend-mode: darken;
    z-index: 2
}
@media (max-width: 1620px){
.about-scope .purple-box{
        padding:40px
    }
}
.about-scope .purple-box{
    background: linear-gradient(45deg,#37b4e4,#37b4e4,#0f5570 79%);
    border-radius: 35px;
    padding: 40px 80px;
    color: #fff;
    margin: 50px 0
}
@media (max-width: 1400px){
.about-scope .get-in-touch .get-in-touch-content h2{
        font-size:85px;
        color: #000
    }
}
.about-scope .get-in-touch .get-in-touch-content h2{
    font-size: 90px
}
.about-scope .get-in-touch .get-in-touch-content .hand-image{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1)
}
.about-scope .get-in-touch .get-in-touch-content h2 span{
    display: block;
    text-align: right
}
.about-scope .rounded-btn{
    width: 45px;
    height: 45px;
    background: #000;
    border-radius: 70px;
    overflow: hidden;
    transition: .5s ease-out;
    border: 1px solid transparent;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}
.about-scope .rounded-btn span{
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    width: 0;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    z-index: 1
}
.about-scope .get-in-touch .rounded-btn svg path{
    fill: #fff
}
.about-scope .rounded-btn:hover{
    width: 160px;
    color: #fff
}
.about-scope .anniversaryImg{
    width: 400px
}
.about-scope .blur-effect{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: #1c1c1c87;
    filter: blur(50px);
    overflow: hidden
}
.about-scope #sticky.fixed,.about-scope .float{
    position: fixed
}
.about-scope form .fieldset{
    border-radius: 15px;
    padding: 40px;
    border: 1px solid #37b4e4;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 466px;
    font-size: 16px;
    background: #000000a1;
    z-index: 22
}
.about-scope .form-box .fieldset .tell-abouts-form,.about-scope .form-box .fieldset h3{
    font-size: 25px!important;
    text-transform: uppercase!important;
    margin: auto;
    color: #fff;
    font-weight: 700
}
.about-scope .btn-12,.about-scope .btn.form-btn{
    text-transform: uppercase
}
.about-scope form .field-outer{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    font-size: inherit
}
.about-scope .btn.form-btn,.about-scope .btns_with{
    flex-wrap: wrap;
    font-style: normal;
    text-align: center
}
.about-scope #new_sticky.fixedss,.about-scope #sticky.fixed,.about-scope form input,.about-scope p.new_expand_content{
    width: 100%!important
}
@media (max-width: 1660px){
.about-scope form input{
        font-size:14px
    }
}
.about-scope form input{
    border-radius: 0;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: .875em;
    line-height: 150%;
    border: 2px solid #37b4e4;
    color: #fff;
    padding: 16px
}
.about-scope .btn.form-btn{
    border-radius: 10px;
    width: 100%;
    border: 1px solid #37b4e4;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 46px;
    display: flex;
    align-items: center;
    letter-spacing: .5px;
    color: #fff;
    padding: 0;
    transition: .5s
}
.about-scope .get-in-touch .get-in-touch-content:hover .hand-image{
    transform: translate(-50%,-50%) rotate(-5deg) scale(1.1)
}
.about-scope .get-in-touch .ptb,.about-scope .new_portifilo_slider{
    padding: 60px 0
}
.about-scope .generics--heads__headss{
    color: #fff;
    font-size: 74px;
    margin: 0 0 2rem;
    padding-left: 0;
    font-weight: 900
}
.about-scope .texting-gradient{
    background: 0 0/300% 100% #fff;
    -webkit-background-clip: text;
    color: #fff;
    padding-right: 2px
}
.about-scope .development_strong{
    color: #37b4e4
}
.about-scope .navbar{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.about-scope #sticky{
    transition: position 10s
}
@keyframes smoothScroll{
    0% {
        transform: translateY(-40px)
    }

    100% {
        transform: translateY(0)
    }
}
.about-scope .web-inner-baner{
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
    display: flex;
    align-items: center
}
.about-scope .seo_company_heading{
    background: linear-gradient(90deg,#37b4e4,#fff,#37b4e4,#fff);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    color: transparent
}
@keyframes bgMove{
    0% {
        background-position: 0 100%
    }

    to {
        background-position: 100% 100%
    }
}
.about-scope input:focus-visible{
    border: none!important;
    outline: 0;
    border-bottom: 1px solid #37b4e4!important
}
@media only screen and (max-width: 767px){
.about-scope .generics--heads__headss{
        font-size:33px;
        text-align: center;
        font-weight: 800
    }
.about-scope form .fieldset{
        padding: 40px 25px;
        max-width: 342px;
        margin-top: 21px
    }
.about-scope .right-menu .nav-menu{
        padding: 0
    }
.about-scope .right-menu{
        width: 100%;
        text-align: right;
        padding-right: 10px
    }
}
.about-scope .float,.about-scope .mobile-only__get-quote a,.about-scope .modal-body,.about-scope .modal-body h3,.about-scope .new_counting,.about-scope .popup .fade-out,.about-scope .popup-content h6,.about-scope .social-icon i,.about-scope .style-btn{
    text-align: center
}
@media(max-width: 767px){
.about-scope .get-in-touch .purple-box{
        padding:20px 10px
    }
.about-scope .get-in-touch .get-in-touch-content h2{
        font-size: 27px;
        text-align: center
    }
.about-scope .get-in-touch .get-in-touch-content h2 span{
        margin-left: 7px;
        display: inline-block
    }
.about-scope .web-inner-baner{
        height: auto;
        padding: 40px 0;
        background-position: right center
    }
.about-scope .brand .brand-heading h3{
        font-size: 3rem
    }
.about-scope .get-in-touch .get-in-touch-content .subtitle{
        text-align: center
    }
.about-scope .cb-postcard2 .info p{
        text-align: center!important
    }
.about-scope .follow-us .follow-heading h3{
        font-size: 30px
    }
.about-scope .inner-baner article span.line{
        margin: auto
    }
.about-scope .inner-baner article a{
        margin-top: 18px;
        display: flex;
        justify-content: center
    }
}
@media (max-width: 991px){
.about-scope .get-in-touch .get-in-touch-content .hand-image{
        position:static;
        transform: none;
        transition: none;
        text-align: center
    }
.about-scope .get-in-touch .get-in-touch-content .hand-image img{
        max-width: 100%
    }
.about-scope .get-in-touch .get-in-touch-content:hover .hand-image{
        transform: none
    }
}
.about-scope .float{
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 40px;
    color: #fff;
    border-radius: 50px;
    font-size: 30px;
    z-index: 100
}
.about-scope .my-float{
    margin-top: 16px
}
.about-scope #new_sticky.fixedss{
    background: rgba(0,0,0,.75);
    position: fixed!important;
    top: 0
}
@media (max-width: 576px){
.about-scope .mobile-only{
        display:block;
        position: fixed;
        bottom: 0;
        z-index: 99;
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
}
.about-scope .mobile-only__social-wrapper{
    background: #141515;
    width: 50%;
    display: flex;
    justify-content: center;
    text-align: center
}
.about-scope .mobile-only__social-wrapper a{
    width: 50%;
    z-index: 1;
    display: block;
    padding: .75em 0
}
.about-scope .mobile-only__social-wrapper a:first-child{
    border-right: 1px solid rgba(255,255,255,.5)
}
.about-scope .mobile-only__social-wrapper svg{
    width: 1.52em
}
.about-scope .mobile-only__get-quote{
    background: #37b4e4;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}
.about-scope .mobile-only__get-quote a{
    text-transform: capitalize;
    color: #000;
    font-weight: 600
}
.about-scope .mobile-only .icon-btn-wrapper{
    display: flex;
    align-items: center;
    width: 100%
}
.about-scope .hero--section__social-linkWrapper{
    position: absolute;
    top: 45%;
    left: 4.5%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    z-index: 1
}
@media (max-width: 767px){
.about-scope .hero--section__social-linkWrapper{
        display:none
    }
.about-scope .float{
        display: none!important
    }
.about-scope .heading div{
        margin-top: 20px!important
    }
.about-scope .input-select{
        margin-top: 10px
    }
.about-scope .megamune .bx h3,.about-scope .megamune .bx ul li a{
        text-align: center
    }
.about-scope .megamune .bx:after{
        position: relative;
        right: 70px
    }
.about-scope .megamune .bx:before{
        position: relative;
        left: 68px
    }
}
.about-scope .hero--section__social-link{
    position: relative;
    width: 2.5625em;
    height: 2.5625em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100%;
    z-index: 1;
    margin: 0 0 1.25em;
    overflow: hidden;
    transition: .4s
}
.about-scope .hero--section__social-link::before{
    content: "";
    position: absolute;
    width: 110%;
    height: 110%;
    border-radius: 100%;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0);
    z-index: -1;
    transition: .4s
}
.about-scope .hero--section__social-link .img-wrapper{
    width: 45%;
    height: 45%
}
.about-scope .hero--section__social-link .img-wrapper svg{
    width: 100%;
    height: 100%;
    transition: .4s
}
.about-scope .hero--section__social-link:hover{
    transition: .4s
}
.about-scope .hero--section__social-link:hover::before{
    transform: translate(-50%,-50%) scale(1);
    transition: .4s
}
.about-scope .hero--section__social-link:hover svg path{
    fill: #363636;
    transition: .4s
}
.about-scope .hero--section__scrollWrapper{
    position: absolute;
    top: 75%;
    right: 6.78%;
    transform: translate(33%,-50%) rotate(-90deg)
}
.about-scope .btn--small{
    font-size: 1rem;
    line-height: 30px;
    letter-spacing: .001953125em;
    height: 30px
}
.about-scope .btn--primary{
    padding: 0 1.4375em;
    font-style: normal;
    font-weight: 600;
    color: #333;
    border-radius: 2.0625em;
    background-color: #37b4e4
}
.about-scope .btn--primary:hover{
    background-color: #fff
}
.about-scope #bew-popup-modal .modal-form-btn:before{
    position: absolute;
    content: '';
    background: url(../images/sub-icon.webp) 0 0/cover no-repeat;
    width: 100%;
    max-width: 124px;
    height: 98px;
    border-radius: 7px;
    right: 0;
    top: -18px
}
.about-scope .bannerformwrapper form input{
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
    height: 37px;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 5px;
    font-size: 16px
}
.about-scope .popup{
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 10001
}
.about-scope .popup.active{
    top: 0;
    background-color: rgb(3 3 3 / 38%);
    transition: background-color .6s,opacity .6s
}
.about-scope .popup .main-btn-rect{
    padding: 10px 100px
}
.about-scope .popup .popup-content{
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 568px;
    min-width: 320px;
    margin-top: 150px;
    padding: 25px;
    color: #070000;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transition: margin .6s;
    -webkit-transition: margin .6s;
    -moz-transition: margin .6s;
    -o-transition: margin .6s
}
.about-scope .popup.active .popup-content{
    margin-top: 0
}
.about-scope .popup-content h6{
    display: table;
    font-size: 16px;
    margin: 10px auto;
    font-family: Roboto,sans-serif;
    font-weight: 100
}
.about-scope .main-btn-rect,.about-scope .modal-body h3{
    position: relative;
    display: inline-block
}
.about-scope .popup .fade-out{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px
}
.about-scope .main-btn-circle{
    -webkit-box-shadow: inset 2px 1px 0 20px rgba(255,255,240,.2);
    -moz-box-shadow: inset 2px 1px 0 20px rgba(255,255,240,.2);
    box-shadow: inset 2px 1px 0 20px rgba(255,255,240,.2);
    background-color: #52c5e9;
    color: #fff
}
.about-scope .popup-btn{
    background: no-repeat #52c5e9;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    transition: .5s;
    padding: 11px 0;
    width: 100%;
    margin: 0 4px;
    font-size: 15px;
    border: 0
}
.about-scope .modal-body h3::after,.about-scope .modal-body h3::before{
    position: absolute;
    width: 96px;
    height: 3px;
    top: 21px;
    border-radius: 10px;
    content: "";
    background: #fff
}
.about-scope .offer-modal .modal-body{
    padding: 15px
}
.about-scope .modal-body{
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    min-width: 300px;
    min-height: 300px;
    background: #092c4a;
    width: 500px
}
.about-scope .modal-body h3::before{
    left: -102px
}
.about-scope .modal-body h3::after{
    right: -102px
}
.about-scope .modal-body h3{
    font-size: 38px;
    font-weight: 600;
    color: #52c5e9
}
.about-scope .modal-body h5{
    font-size: 19px;
    font-weight: 500;
    color: #fff
}
.about-scope .offer-keyword{
    font-size: 30px;
    font-weight: 600;
    animation: .8s infinite blinkingTextModal
}
.about-scope .btns_with,.about-scope .new_control,.about-scope .tabs_links ul li a{
    font-weight: 500;
    color: #fff
}
@keyframes blinkingTextModal{
    0%,100%,49% {
        color: #52c5e9
    }

    60%,99% {
        color: transparent
    }
}
.about-scope .main-btn-rect{
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: heartsBeat;
    animation-timing-function: ease-in-out;
    color: #fff;
    border: 1px solid #fff;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    min-width: 161px;
    align-items: center;
    line-height: 1.3;
    background-color: transparent
}
.about-scope .main-btn-circle{
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 100%;
    line-height: 40px;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s
}
.about-scope .style-btn{
    transition: .2s ease-in;
    height: 45px;
    border-radius: 7px;
    padding: 10px 25px
}
.about-scope .whatsapp-theme{
    background-color: #51b27e!important;
    color: #fff;
    border: 1px solid #51b27e!important
}
.about-scope .bg-theme{
    background: #52c5e9;
    color: #fff
}
.about-scope .form-popup-bg{
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* background-color:rgba(94,110,141,.9); */
    opacity: 0;
    -webkit-transition: opacity .3s,visibility 0s .3s;
    -moz-transition: opacity .3s,visibility 0s .3s;
    transition: opacity .3s,visibility 0s .3s;
    overflow-y: auto;
    z-index: 9998;
}
.about-scope .form-popup-bg.is-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s,visibility;
    -moz-transition: opacity .3s,visibility;
    transition: opacity .3s,visibility
}
.about-scope .form-container{
    background-color: #000;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px;
    color: #fff
}
.about-scope .close-button{
    background: 0 0;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #37b4e4;
    border-radius: 25px
}
.about-scope .input-select,.about-scope .new_control{
    font-size: 1em;
    height: 100%;
    background: 0 0;
    width: 100%
}
.about-scope .form-popup-bg:before{
    content: '';
    opacity: 1.25;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.about-scope .input-select{
    border: none;
    border-bottom: 1px solid #37b4e4;
    position: relative;
    top: unset;
    left: unset!important;
    color: #5d6061!important
}
.about-scope .input-select option{
    padding-bottom: 3.125em
}
.about-scope .new_control{
    border: none;
    border: 2px solid #37b4e4;
    transition: .25s
}
.about-scope .btns_with{
    background: 0 0;
    border-radius: 10px;
    width: 100%;
    height: 46px;
    border: 1px solid #37b4e4;
    justify-content: center;
    font-size: 18px;
    line-height: 46px;
    display: flex;
    align-items: center;
    letter-spacing: .5px;
    padding: 0;
    transition: .5s;
    background: #37b4e4;
    margin-top: 10px;
    color: #000;
}
.about-scope .new_case_studies,.about-scope .sub-titless{
    font-size: 16px
}
.about-scope .connect_links h5,.about-scope .tabs_links h5{
    flex-wrap: wrap;
    line-height: 100%;
    padding-left: .61em
}
.about-scope input:focus{
    border: none!important
}
.about-scope .new_control:focus-visible{
    outline: 0;
    border-bottom: 1px solid #37b4e4!important
}
.about-scope select:focus-visible{
    outline: 0;
    border-bottom: 1px solid #37b4e4!important
}
.about-scope .samples-slider img{
    border-radius: 7px;
    min-height: 300px;
    width: 300px;
    background-color: #37b4e4;
    margin: auto!important
}
.about-scope .title.rbt-section-title span{
    font-size: 40px;
    color: #fff;
    font-weight: 700
}
.about-scope .address a:hover,.about-scope .phone-email a:hover{
    color: #818181!important
}
.about-scope .footer_black .bottom_menu ul li a:hover,.about-scope .footer_black .f_bottom h6:hover,.about-scope .footer_black .menus ul li a:hover,.about-scope .gettouch:hover,.about-scope .header-phone:hover,.about-scope .nav-menu:hover{
    color: #818181
}
.about-scope::-webkit-scrollbar{
    width: .8em;
    height: 100px
}
.about-scope ::-webkit-scrollbar{
    width: 10px
}
.about-scope ::-webkit-scrollbar-track{
    background: #f1f1f1
}
.about-scope ::-webkit-scrollbar-thumb{
    background: #000;
    height: 100px
}
.about-scope ::-webkit-scrollbar-thumb:hover{
    background: #000
}
.about-scope .best-design-heading{
    font-size: 50px;
    font-weight: 600
}
.about-scope .new_counting{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #ffff!important;
    margin-right: 20px;
    font-size: 18px;
    padding: 7px 10px;
    height: 40px;
    width: 45px;
    display: inline-block
}
.about-scope .fs-5::after,.about-scope .fs-5::before{
    content: '';
    width: 100px;
    background-color: #e7e7e7;
    border-radius: 15px;
    top: 48%;
    position: absolute;
    height: 2px
}
.about-scope .connect_links h5,.about-scope .icon-wrapper .icon,.about-scope .tabs_links h5{
    display: flex;
    position: relative
}
.about-scope .fs-5::before{
    left: -103px
}
.about-scope .fs-5::after{
    right: -119px
}
.about-scope .eme{
    transform: translatey(0);
    animation: 6s ease-in-out infinite float
}
@keyframes float{
    0%,100% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }
}
@media (max-width: 768px){
.about-scope .eme{
        margin-top:0;
        width: 350px
    }
}
.about-scope .new-footer{
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #1a1a1a
}
.about-scope .tabs_links h5{
    align-items: center;
    color: #fff;
    height: 1.22em;
    margin-left: 27px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px
}
.about-scope .tabs_links h5::before{
    content: "";
    width: 1px;
    height: 1.22em;
    background: linear-gradient(to right,#fff,#37b4e4 60%);
    position: absolute;
    left: 0;
    top: 0
}
.about-scope .tabs_links ul{
    list-style: none;
    margin: 0
}
.about-scope .tabs_links ul li{
    line-height: normal;
    text-align: left;
    margin: 0
}
.about-scope .tabs_links ul li a{
    line-height: 233.5%;
    margin-bottom: 0;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    text-align: justify
}
.about-scope .tabs_links ul li a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -.3em;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
    transition: transform .5s
}
.about-scope .w-uline:hover::before{
    transition: transform .5s;
    transform: scaleX(1)
}
.about-scope .connect_links h5{
    align-items: center;
    font-weight: 400;
    font-size: 1.115em;
    color: #fff;
    margin-bottom: 1em;
    height: 1.22em;
    margin-left: 27px
}
.about-scope .icon-wrapper{
    display: flex;
    flex-wrap: wrap
}
.about-scope .icon-wrapper .icon{
    width: 3em;
    height: 3em;
    align-items: center;
    justify-content: center;
    overflow: hidden
}
.about-scope .footer-tab h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #fff
}
.about-scope .footer-tab li{
    line-height: 1.3;
    margin-bottom: 13px;
    color: #fff
}
.about-scope .social-tab i,.about-scope .social-tab img{
    margin-right: 7px;
    font-size: 18px;
    color: #fff
}
.about-scope .footer-tab a{
    font-size: 16px;
    font-weight: 500;
    color: #fff
}
.about-scope .social-icon i{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #ffff;
    margin-right: 20px;
    font-size: 20px;
    padding: 10px;
    height: 40px;
    width: 40px
}
.about-scope .bg-footer-2{
    background: no-repeat #000
}
@media only screen and (max-width: 768px){
.about-scope .fs-5::after,.about-scope .fs-5::before{
        display:none!important
    }
}
@media (min-width: 768px) and (max-width:1024px){
.about-scope .box-item{
        margin:auto!important
    }
.about-scope .brand .brand-heading h3,.about-scope .follow-us .follow-heading h3{
        font-size: 4rem
    }
.about-scope .fullWidthPortfolio .swiper-slide .content h2{
        font-size: 45px
    }
.about-scope .best-design-heading{
        font-size: 30px!important
    }
.about-scope .blog-content p{
        font-size: 15px!important;
        line-height: 15px
    }
.about-scope .design-sec .design-content h3,.about-scope .development-sec .content .design-content h3{
        font-size: 3.5rem!important
    }
.about-scope .menufooter .logo img{
        margin-left: -120px
    }
.about-scope .main-tbing-sec ul.tbing{
        margin: auto
    }
.about-scope .latest-blogs .blog-heading{
        text-align: center;
        margin-top: -32px
    }
.about-scope .latest-blogs .btnscroll{
        text-align: center
    }
.about-scope .footer_black .menu_name h5{
        font-size: 13px!important
    }
.about-scope .box-container{
        display: inline
    }
.about-scope .inner-baner{
        height: 800px
    }
.about-scope .generics--heads__headss{
        font-size: 50px
    }
.about-scope .about-services h2{
        font-size: 1.5rem
    }
.about-scope .about-services p{
        font-size: 16px;
        line-height: 1.2
    }
.about-scope .about-services2 h2,.about-scope .cb-postcard2 .info h2{
        font-size: 20px
    }
.about-scope .btn.form-btn,.about-scope .cb-postcard2 .info p,.about-scope .megamune .bx h3{
        font-size: 16px
    }
.about-scope .flip-box-header2{
        font-size: 16px;
        line-height: 20px
    }
.about-scope .about-services2 p{
        font-size: 16px!important
    }
.about-scope .ways-worker article h2{
        font-size: 22px
    }
.about-scope form .fieldset{
        max-width: 252px
    }
.about-scope .form-box .fieldset h3{
        font-size: 15px!important
    }
.about-scope .form-box .fieldset p{
        font-size: 12px
    }
}
@media (min-width: 820px) and (max-width:1180px){
.about-scope .box-item{
        margin:auto!important
    }
.about-scope .brand .brand-heading h3,.about-scope .follow-us .follow-heading h3{
        font-size: 4rem
    }
.about-scope .fullWidthPortfolio .swiper-slide .content h2{
        font-size: 45px
    }
.about-scope .best-design-heading{
        font-size: 30px!important
    }
.about-scope .blog-content p{
        font-size: 15px!important;
        line-height: 15px
    }
.about-scope .design-sec .design-content h3,.about-scope .development-sec .content .design-content h3{
        font-size: 3.5rem!important
    }
.about-scope .menufooter .logo img{
        margin-left: -120px
    }
.about-scope .main-tbing-sec ul.tbing{
        margin: auto
    }
.about-scope .latest-blogs .blog-heading{
        text-align: center;
        margin-top: -32px
    }
.about-scope .latest-blogs .btnscroll{
        text-align: center
    }
.about-scope .footer_black .menu_name h5{
        font-size: 13px!important
    }
.about-scope .box-container{
        display: inline
    }
.about-scope .inner-baner{
        height: 800px
    }
.about-scope .generics--heads__headss{
        font-size: 50px
    }
.about-scope .about-services h2{
        font-size: 1.5rem
    }
.about-scope .about-services p{
        font-size: 16px;
        line-height: 1.2
    }
.about-scope .about-services2 h2,.about-scope .cb-postcard2 .info h2{
        font-size: 20px
    }
.about-scope .btn.form-btn,.about-scope .cb-postcard2 .info p,.about-scope .megamune .bx h3{
        font-size: 16px
    }
.about-scope .flip-box-header2{
        font-size: 16px;
        line-height: 20px
    }
.about-scope .about-services2 p{
        font-size: 16px!important
    }
.about-scope .ways-worker article h2{
        font-size: 22px
    }
.about-scope form .fieldset{
        max-width: 252px
    }
.about-scope .form-box .fieldset h3{
        font-size: 15px!important
    }
.about-scope .form-box .fieldset p{
        font-size: 12px
    }
}
@media (min-width: 834px) and (max-width:1194px){
.about-scope .box-item{
        margin:auto!important
    }
.about-scope .brand .brand-heading h3,.about-scope .follow-us .follow-heading h3{
        font-size: 4rem
    }
.about-scope .fullWidthPortfolio .swiper-slide .content h2{
        font-size: 45px
    }
.about-scope .best-design-heading{
        font-size: 30px!important
    }
.about-scope .blog-content p{
        font-size: 15px!important;
        line-height: 15px
    }
.about-scope .design-sec .design-content h3,.about-scope .development-sec .content .design-content h3{
        font-size: 3.5rem!important
    }
.about-scope .menufooter .logo img{
        margin-left: -120px
    }
.about-scope .main-tbing-sec ul.tbing{
        margin: auto
    }
.about-scope .latest-blogs .blog-heading{
        text-align: center;
        margin-top: -32px
    }
.about-scope .latest-blogs .btnscroll{
        text-align: center
    }
.about-scope .footer_black .menu_name h5{
        font-size: 13px!important
    }
.about-scope .box-container{
        display: inline
    }
.about-scope .inner-baner{
        height: 800px
    }
.about-scope .generics--heads__headss{
        font-size: 50px
    }
.about-scope .about-services h2{
        font-size: 1.5rem
    }
.about-scope .about-services p{
        font-size: 16px;
        line-height: 1.2
    }
.about-scope .about-services2 h2,.about-scope .cb-postcard2 .info h2{
        font-size: 20px
    }
.about-scope .btn.form-btn,.about-scope .cb-postcard2 .info p,.about-scope .megamune .bx h3{
        font-size: 16px
    }
.about-scope .flip-box-header2{
        font-size: 16px;
        line-height: 20px
    }
.about-scope .about-services2 p{
        font-size: 16px!important
    }
.about-scope .ways-worker article h2{
        font-size: 22px
    }
.about-scope form .fieldset{
        max-width: 252px
    }
.about-scope .form-box .fieldset h3{
        font-size: 15px!important
    }
.about-scope .form-box .fieldset p{
        font-size: 12px
    }
}
@media (min-width: 800px) and (max-width:1280px){
.about-scope .box-item{
        margin:auto!important
    }
.about-scope .brand .brand-heading h3,.about-scope .follow-us .follow-heading h3{
        font-size: 4rem
    }
.about-scope .fullWidthPortfolio .swiper-slide .content h2{
        font-size: 45px
    }
.about-scope .best-design-heading{
        font-size: 30px!important
    }
.about-scope .blog-content p{
        font-size: 15px!important;
        line-height: 15px
    }
.about-scope .design-sec .design-content h3,.about-scope .development-sec .content .design-content h3{
        font-size: 3.5rem!important
    }
.about-scope .menufooter .logo img{
        margin-left: -120px
    }
.about-scope .main-tbing-sec ul.tbing{
        margin: auto
    }
.about-scope .latest-blogs .blog-heading{
        text-align: center;
        margin-top: -32px
    }
.about-scope .latest-blogs .btnscroll{
        text-align: center
    }
.about-scope .footer_black .menu_name h5{
        font-size: 13px!important
    }
.about-scope .box-container{
        display: inline
    }
.about-scope .inner-baner{
        height: 800px
    }
.about-scope .generics--heads__headss{
        font-size: 50px
    }
.about-scope .about-services h2{
        font-size: 1.5rem
    }
.about-scope .about-services p{
        font-size: 16px;
        line-height: 1.2
    }
.about-scope .about-services2 h2,.about-scope .cb-postcard2 .info h2{
        font-size: 20px
    }
.about-scope .btn.form-btn,.about-scope .cb-postcard2 .info p,.about-scope .megamune .bx h3{
        font-size: 16px
    }
.about-scope .flip-box-header2{
        font-size: 16px;
        line-height: 20px
    }
.about-scope .about-services2 p{
        font-size: 16px!important
    }
.about-scope .ways-worker article h2{
        font-size: 22px
    }
.about-scope .megamune .bx ul li a{
        font-size: 14px
    }
.about-scope form .fieldset{
        max-width: 252px
    }
.about-scope .form-box .fieldset h3{
        font-size: 15px!important
    }
.about-scope .form-box .fieldset p{
        font-size: 12px
    }
.about-scope .right-menu{
        width: 100%;
        text-align: right;
        padding-right: 10px
    }
}
@media only screen and (width: 430px) and (height:932px) and (-webkit-device-pixel-ratio:3){
.about-scope .right-menu .nav-menu{
        padding:0
    }
.about-scope .right-menu{
        width: 100%;
        text-align: right;
        padding-right: 10px
    }
}
.about-scope .sitecore-list{
    list-style: none;
    padding-left: 52px;
    margin-top: 10px
}
.about-scope .sitecore-list li{
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500
}
.about-scope .sitecore-list li img{
    margin-right: 7px
}
.about-scope .expert-online{
    background-color: #37b4e4;
    color: #000!important;
    margin: 15px 0 20px;
    font-size: 19px!important;
    font-weight: 600;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px
}
.about-scope .btn-12,.about-scope .btn-12:hover{
    color: #fff;
    border: 1px solid #afe1f4
}
.about-scope .error-page{
    background-position: center;
    background-size: cover;
    height: 800px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative
}
.about-scope .error-content{
    position: absolute;
    bottom: 85px;
    text-align: center;
    left: 0;
    right: 0
}
.about-scope .error-content p{
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 36px;
    margin-top: 36px
}
.about-scope .btn-12{
    overflow: hidden;
    width: 100%;
    height: 50px;
    max-width: 250px;
    margin: 1rem 0;
    padding: 10px 20px;
    transition: .5s
}
.about-scope .scroll-downBtn:hover,.about-scope .scrolled-downBtn{
    color: #000;
    text-decoration: none!important
}
@media screen and (max-width: 767px){
.about-scope .error-page{
        background-size:220%;
        height: 500px
    }
.about-scope .error-content{
        bottom: 52px
    }
}
.about-scope .scrolled-downBtn{
    font-size: 20px;
    text-transform: capitalize
}
.about-scope .footer_black .menu_name .footer-heading{
    text-transform: uppercase;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}
.about-scope .form-box .fieldset .tell-abouts-form{
    font-size: 25px !important;
    text-transform: uppercase !important;
    margin: auto;
    color: #fff;
    font-weight: 700;
}
.about-scope .scrolled-downBtn{
    color: #000;
    font-size: 20px;
    text-decoration: none !important;
    text-transform: capitalize;
}
.about-scope .case-study-sec{
    padding: 60px 0px;
}
.about-scope .primary-color{
    color: #37b4e4;
}
.about-scope .genericHead__subTitle{
    position: relative;
    padding-left: 1.77em;
    text-transform: capitalize;
    width: 100%;
    max-width: max-content;
}
.about-scope .genericHead__subTitle::before{
    content: "";
    position: absolute;
    width: 0.72em;
    height: 0.72em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: linear-gradient(90deg, #37b4e4, #fff, #37b4e4, #fff);
    border-radius: 50%;
    box-shadow: 0 4px 15px 0 rgba(205, 13, 206, 0.5), 0 6px 20px 0 rgba(95, 13, 206, 0.4);
}
.about-scope .black-color{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}
.about-scope .form-popup-bg input::placeholder,.about-scope .form-popup-bg textarea::placeholder{
    color: #fff;
    /* apna desired color */
    opacity: 1;
    /* full visible */
}
.about-scope .intl-tel-input.separate-dial-code .selected-dial-code{
    color: #fff;
}
.about-scope .iti{
    position: relative;
    display: block !important;
}
.about-scope .iti--separate-dial-code .iti__selected-dial-code{
    margin-left: 6px;
    color: #fff;
}
.about-scope .new_control{
    color: #fff !important;
}
.about-scope a#btnOpenForm{
    width: 100%;
    height: 50px;
    max-width: 250px;
    margin: 1rem 0;
    text-transform: uppercase;
    border: 1px solid #37b4e4;
    background-color: #37b4e4;
    color: #000 !important;
    padding: 10px 20px;
    transition: 0.5s;
    border-radius: 20px;
}
.about-scope a.header-phone{
    width: 100%;
    height: 50px;
    max-width: 250px;
    margin: 1rem 0;
    text-transform: uppercase;
    padding: 10px 20px;
    transition: 0.5s;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 30px;
    backdrop-filter: blur(30px);
    margin-top: 20px;
    border: 2px solid #37b4e4;
        margin-right: 10px;
}
.about-scope .form-container{
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px;
    color: #000 !important;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 30px;
    backdrop-filter: blur(30px);
    margin-top: 20px;
    border: 2px solid #37b4e4;
}
.about-scope .form-container input::placeholder{
    color: #000;
}
.about-scope .close-button{
    background: 0 0;
    color: #000;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 15px;
    border: 1px solid #000;
    background-color: #37b4e4;
    border-radius: 25px;
}
.about-scope .input-select,.about-scope .new_control{
    font-size: 1em;
    height: 100%;
    background: 0 0;
    width: 100%;
}
.about-scope .form-popup-bg:before{
    content: "";
    opacity: 1.25;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    /* backdrop-filter: blur(10px); */
}
.about-scope .form-popup-bg input::placeholder,.about-scope .form-popup-bg textarea::placeholder{
	color: #fff; /* apna desired color */
	opacity: 1; /* full visible */
}
.about-scope .intl-tel-input.separate-dial-code .selected-dial-code{
	color: #fff;
}
.about-scope .welcome-screen{
    height: 100vh;
}
.about-scope .homeHero__video{
    position: absolute;
    width: 100%;
    height: 100%;
        left: 0;
    top: 0;
}
.about-scope .homeHero__video iframe,.about-scope .homeHero__video video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 109%;
    height: 109%;
    object-fit: cover
}
.about-scope /* about-us banner: full viewport height with the content centred,.about-scope so the top and
   bottom spacing stay equal and the copy lines up with the mockup */
.inner-baner-about{
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 120px 0
}
.about-scope .inner-baner-about > .container{
    width: 100%
}
.about-scope /* custom-all.js runs gsap.to(".firstTxt", {x: 100}) - keep the heading flush with the paragraph */
.inner-baner-about .firstTxt{
    transform: none !important
}
.about-scope .inner-baner-about .mock img{
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto
}
@media (max-width: 991px){
.about-scope .inner-baner-about{
        height: auto;
        padding: 90px 0
    }
}
@media (max-width: 767px){
.about-scope .inner-baner-about{
        padding: 70px 0
    }
.about-scope .inner-baner-about .mock{
        margin-top: 40px
    }
}
.about-scope /* about-us "Our Vision": image in place of the old counter block */
.experience-sec .experience-visual{
    overflow: hidden;
    border-radius: 18px;
    line-height: 0
}
.about-scope .experience-sec .experience-visual img{
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover
}
@media (max-width: 991px){
.about-scope .experience-sec .experience-visual img{
        height: 420px
    }
}
@media (max-width: 767px){
.about-scope .experience-sec .experience-visual{
        margin-bottom: 40px
    }
.about-scope .experience-sec .experience-visual img{
        height: 320px
    }
}
.about-scope /* about-us metrics bar,.about-scope sits between the vision section and the services block.
   Reuses the site motifs: gradient dot,.about-scope gradient numerals,.about-scope diagonal arrow,.about-scope #37b4e4 accent */
.metrics-bar{
    background: #000;
    color: #fff;
    /* top padding keeps the hover lift + glow inside the overflow-hidden box */
    padding: 90px 0 150px;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.about-scope /* soft blue wash so the cards lift off the flat black */
.metrics-bar::before{
    content: "";
    position: absolute;
    top: -55%;
    left: 50%;
    width: 1000px;
    height: 1000px;
    transform: translateX(-50%);
    background: radial-gradient(circle,rgba(55,180,228,.16) 0,rgba(55,180,228,0) 62%);
    pointer-events: none;
    z-index: -1
}
.about-scope .metrics-bar .row{
    row-gap: 24px
}
.about-scope .metrics-bar .metrics-bar-item{
    position: relative;
    height: 100%;
    padding: 42px 36px 38px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: linear-gradient(160deg,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 55%);
    transition: border-color .4s ease,transform .4s ease,box-shadow .4s ease
}
.about-scope .metrics-bar .metrics-bar-item:hover{
    border-color: rgba(55,180,228,.55);
    transform: translateY(-6px);
    box-shadow: 0 18px 40px -18px rgba(55,180,228,.45)
}
.about-scope .metrics-bar .cercle{
    display: block;
    margin-bottom: 26px;
    line-height: 0
}
.about-scope .metrics-bar .cercle span{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: linear-gradient(to right,#dff3fb,#37b4e4 60%)
}
.about-scope .metrics-bar .metrics-bar-arrow{
    position: absolute;
    top: 40px;
    right: 32px;
    color: rgba(255,255,255,.28);
    transition: color .4s ease,transform .4s ease
}
.about-scope .metrics-bar .metrics-bar-item:hover .metrics-bar-arrow{
    color: #37b4e4;
    transform: translate(4px,-4px)
}
.about-scope .metrics-bar .metrics-bar-item h3{
    font-size: 4.6rem;
    font-weight: 500;
    line-height: 1;
    margin: 0
}
.about-scope .metrics-bar .metrics-bar-rule{
    display: block;
    width: 56px;
    height: 2px;
    margin: 26px 0 20px;
    background: linear-gradient(to right,#37b4e4,#0f5671 60%);
    transition: width .4s ease
}
.about-scope .metrics-bar .metrics-bar-item:hover .metrics-bar-rule{
    width: 96px
}
.about-scope .metrics-bar .metrics-bar-item h6{
    font-size: .95rem;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.7);
    margin: 0
}
@media (max-width: 991px){
.about-scope .metrics-bar{
        padding-top: 60px;
        padding-bottom: 90px
    }
.about-scope .metrics-bar .metrics-bar-item{
        padding: 34px 28px 30px
    }
.about-scope .metrics-bar .metrics-bar-item h3{
        font-size: 3.4rem
    }
.about-scope .metrics-bar .metrics-bar-arrow{
        top: 32px;
        right: 26px
    }
}
@media (max-width: 767px){
.about-scope .metrics-bar{
        padding-top: 45px;
        padding-bottom: 60px
    }
.about-scope .metrics-bar .metrics-bar-item{
        padding: 28px 24px 26px
    }
.about-scope .metrics-bar .metrics-bar-item h3{
        font-size: 2.8rem
    }
.about-scope .metrics-bar .cercle{
        margin-bottom: 20px
    }
.about-scope .metrics-bar .metrics-bar-rule{
        margin: 20px 0 16px
    }
.about-scope .metrics-bar .metrics-bar-item h6{
        font-size: .85rem;
        letter-spacing: 1.5px
    }
}
.about-scope /* about-us "Our Services": heading sits above the copy,.about-scope main services listed opposite it */
.about-services.about-services-intro h2{
    text-align: left;
    margin: 4rem 3rem 1.5rem
}
.about-scope .about-services.about-services-intro p{
    margin-top: 0
}
.about-scope .about-services-intro .main-services-list{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}
.about-scope .about-services-intro .main-services-list li{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    color: #141515;
    padding: 16px 0;
    border-bottom: 1px solid rgba(20,21,21,.15)
}
.about-scope /* first item lines up with the first line of the paragraph beside it */
.about-services-intro .main-services-list li:first-child{
    padding-top: 0
}
.about-scope .about-services-intro .main-services-list li:last-child{
    border-bottom: 0
}
@media (max-width: 767px){
.about-scope .about-services.about-services-intro h2{
        text-align: center;
        margin: 3rem 0 1rem
    }
.about-scope .about-services-intro .main-services-list{
        margin: 2.5rem 0 0;
        text-align: center
    }
.about-scope .about-services-intro .main-services-list li,.about-scope .about-services-intro .main-services-list li:first-child{
        font-size: 1.25rem;
        padding: 12px 0
    }
}
/* ===== responsive.css ===== */
@media screen and (max-height:450px){
.about-scope .overlay a{font-size:20px}
.about-scope .overlay .closebtn{font-size:40px;top:15px;right:35px}
}
@media (min-width:45em){
.about-scope .brand-slider .slide-title{font-size:7vw;max-width:none}
.about-scope .pagination-separator{display:block}
}
@media screen and (max-width:1350px) and (min-width:1300px){
.about-scope .container{max-width:1230px}
.about-scope .banner-btns{position:absolute;bottom:-80px;right:12px}
}
@media screen and (max-width:1400px) and (min-width:1351px){
.about-scope .container{max-width:1300px}
.about-scope .banner-btns{position:absolute;bottom:-100px;right:15px}
}
@media (min-width:1500px){
.about-scope .container{max-width:1390px}
.about-scope .banner-btns{position:absolute;bottom:-125px;right:0}
}
@media screen and (max-width:1920px){
.about-scope .banner-btns{bottom:-250px}
.about-scope .fullWidthPortfolio .swiper-pagination{bottom:83px!important}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:4%}
.about-scope .fullWidthPortfolio .swiper-button-next{right:88.3%}
.about-scope .portfolio .swiper-slide{height:750px}
.about-scope .portfolio .swiper-button-next{right:47%}
.about-scope .portfolio .swiper-button-prev{left:47%}
.about-scope .follow-social li{padding:2.6rem 4rem}
.about-scope .follow-us{height:100vh!important}
}
@media screen and (max-width:1600px){
.about-scope .banner-btns{bottom:-166px}
.about-scope .emeriosoft-svg{transform:scale(1.5)}
.about-scope .fullWidthPortfolio .swiper-button-next{right:86%}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:88%}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:4.8%}
.about-scope .portfolio .swiper-button-next{right:46.5%}
.about-scope .portfolio .swiper-button-prev{left:46.5%}
.about-scope .follow-social li{padding:1.6rem 4rem}
}
@media screen and (max-width:1536px){
.about-scope .banner-btns{bottom:-220px}
.about-scope .fullWidthPortfolio .swiper-button-next{right:85.5%}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:5%}
.about-scope .portfolio .swiper-button-next{right:46.5%}
.about-scope .portfolio .swiper-button-prev{left:46.5%}
.about-scope .portfolio .swiper-slide{height:680px}
.about-scope .fullWidthPortfolio .swiper-pagination{bottom:75px!important}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:90.5%}
}
@media screen and (max-width:1440px){
.about-scope .banner-btns{bottom:-130px}
.about-scope .emeriosoft-svg{transform-origin:-68px 430px}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:88.1%}
.about-scope .fullWidthPortfolio .swiper-button-next{right:84.4%}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:5.3%}
.about-scope .portfolio .swiper-slide{height:620px}
.about-scope .follow-us{height:auto!important}
}
@media screen and (max-width:1400px){
.about-scope .emeriosoft-svg{transform:scale(1.4);transform-origin:-68px 545px}
.about-scope #t1 .video-box{width:150px;height:150px}
.about-scope .banner-scroll-btn{bottom:25px}
.about-scope .banner-btns{bottom:-75px}
.about-scope .fullWidthPortfolio .swiper-button-next{right:84%}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:87.3%}
.about-scope .portfolio :is(.swiper-button-next,.swiper-button-prev){width:40px;height:40px}
.about-scope :is(.faq_section,.footer_black){height:auto!important}
}
@media screen and (max-width:1280px){
.about-scope .portfolio .swiper-slide{height:550px}
.about-scope .footer_email a{font-size:2.5rem!important}
}
@media screen and (max-width:1024px){
.about-scope .banner .heading div{font-size:90px;line-height:120px}
.about-scope .experience-sec .content-left p{font-size:1em}
.about-scope .brand .brand-heading h2{font-size:8rem}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){width:35px;height:35px}
.about-scope .fullWidthPortfolio .swiper-pagination{left:92px!important}
.about-scope .fullWidthPortfolio .swiper-button-next{right:81.3%}
.about-scope .portfolio .swiper-slide{height:480px}
.about-scope .portfolio .swiper-button-prev{left:45.5%}
.about-scope .portfolio .swiper-button-next{right:45.5%}
.about-scope .banner-btns{bottom:-100px}
.about-scope .banner-scroll-btn{bottom:0}
.about-scope .design-sec .design-content h3{font-size:4.5rem}
}
@media screen and (max-width:992px){
.about-scope .follow-us .follow-heading h2{font-size:7.5rem}
}
@media screen and (max-width:991px){
.about-scope .container{max-width:95%}
.about-scope .follow-us .follow-heading h2{font-size:7rem}
.about-scope .follow-social li a>div{width:50%}
.about-scope .emeriosoft-svg{transform-origin:-450px 545px}
}
@media screen and (max-width:800px){
.about-scope .emeriosoft-svg{transform-origin:-250px 515px}
.about-scope .banner .heading div{font-size:70px;font-weight:500}
.about-scope .experience-sec :is(.col-md-5,.col-md-7){width:100%}
.about-scope .experience-sec .col-md-7 .col-md-10{width:100%;margin-top:20px}
.about-scope .brand .brand-heading h2{font-size:6rem}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:87.6%}
.about-scope .fullWidthPortfolio .swiper-button-next{right:76.1%}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:6.6%}
.about-scope .design-sec .row.align-items-center:nth-child(2) :is(.col-md-5,.col-md-7){width:100%}
.about-scope .development-sec .row.align-items-center :is(.col-md-5,.col-md-7){width:100%}
.about-scope .design-sec .row:nth-child(3) .col-md-6{width:100%}
.about-scope #tabs-development,.about-scope .design-sec .row:nth-child(3) #tabs{flex-direction:column}
.about-scope .design-sec .row:nth-child(3) #tabs .col-md-6:nth-child(2) .col-md-9{width:100%!important}
.about-scope .design-sec .row:nth-child(3) .col-md-6 :is(.col-md-8,.col-md-10){width:100%}
.about-scope #tabs-development .col-md-6,.about-scope #tabs-development .col-md-6:nth-child(2) .col-md-9,.about-scope .faq_section .col-md-6,.about-scope .partners-sec .row:first-child .col-md-6{width:100%}
.about-scope .faq_section .col-md-6:nth-child(2){margin-top:50px}
.about-scope .follow-us .follow-heading{align-items:center}
.about-scope .follow-us .follow-heading h2{font-size:6.5rem;padding:0!important}
.about-scope .follow-us .follow-heading span{margin:25px 0}
.about-scope .footer_email a{font-size:1.5rem!important}
.about-scope .f_header h3{font-size:4rem!important}
.about-scope .portfolio .swiper-button-prev{left:44%}
.about-scope .portfolio .swiper-button-next{right:44%}
}
@media screen and (max-width:768px){
.about-scope nav.navbar .row{width:auto!important}
.about-scope nav.navbar .container{display:block!important}
.about-scope .right-menu :is(.header-phone,.gettouch) img{width:17px}
}
@media screen and (max-width:767px){
.about-scope .follow-us .follow-heading h2{font-size:6rem;padding-right:10px}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev):after{font-size:10px}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){width:30px;height:30px;top:87.8%}
.about-scope .fullWidthPortfolio .swiper-pagination{left:87px!important}
.about-scope nav.navbar .row .col-md-4{width:25%!important}
.about-scope nav.navbar .row .col-md-8{width:75%!important}
.about-scope .footer_black .f_body{margin-top:50px}
.about-scope .inner-baner article .cercle{position:relative}
.about-scope .inner-baner article h2{font-size:1.8rem;margin:20px 0 1rem;padding-left:0;transform:translate(0,0)!important}
.about-scope .inner-baner article p{width:100%;padding-left:0;text-align:center}
.about-scope .inner-baner .col-md-5.my-auto{display:none}
.about-scope .inner-baner{height:auto;padding:40px 0;background-position:right center}
.about-scope .inner-baner .vh-100{height:auto!important}
.about-scope .experience-sec{padding:60px 0}
.about-scope .experience-sec .content .counter{margin-top:0}
.about-scope .about-services p{margin:2rem 0 0}
.about-scope .about-services h2{font-size:2rem;text-align:center;margin:3rem 0 0}
.about-scope .about-services .logos{margin:4rem 0 0}
.about-scope .about-services .logos img{margin:10px 0;filter:grayscale(100%);width:150px}
}
@media screen and (max-width:600px){
.about-scope .follow-us .follow-heading span{width:80px;height:80px;line-height:75px;display:none}
.about-scope .follow-us .follow-heading span img{height:50px;width:50px}
.about-scope .follow-social li a{font-size:16px}
.about-scope .follow-social li a img{height:14px}
.about-scope .fullWidthPortfolio .swiper-button-prev{left:9%}
.about-scope .fullWidthPortfolio :is(.swiper-button-next,.swiper-button-prev){top:87.9%}
.about-scope .fullWidthPortfolio .swiper-button-next{right:69.9%}
.about-scope .gettouch,.about-scope .header-phone{font-size:0;display:none}
.about-scope .follow-us{padding:50px 0}
.about-scope .follow-us .follow-heading h2{font-size:3rem;padding-right:20px!important;padding-top:10px!important}
.about-scope .mobcen{text-align:center}
.about-scope .address_details :is(.address,.phone-email){width:100%;font-size:.8rem}
.about-scope :is(.header-phone,.gettouch) img{margin-bottom:5px}
.about-scope .banner .heading div{line-height:100px}
.about-scope .portfolio .swiper-button-prev{left:42%}
.about-scope .portfolio .swiper-button-next{right:42%}
}
@media screen and (max-width:540px){
.about-scope .fullWidthPortfolio .swiper-button-next{right:65%}
.about-scope .f_header h3{font-size:2.5rem!important}
}
@media screen and (max-width:480px){
.about-scope .fullWidthPortfolio .swiper-pagination{left:74px!important}
.about-scope .portfolio .swiper-button-prev{left:40%}
.about-scope .portfolio .swiper-button-next{right:40%}
.about-scope .design-sec .design-content h3{font-size:3.2rem}
.about-scope .development-sec .content .design-content h3{font-size:4rem}
.about-scope .switcher .video video{height:10rem;width:10rem}
.about-scope .banner .heading div{line-height:75px;font-size:50px}
.about-scope .follow-social li{padding:1.6rem 2rem}
}
@media screen and (max-width:425px){
.about-scope .right-menu a{width:fit-content}
.about-scope .banner .heading div{line-height:75px;font-size:50px}
.about-scope .development-sec .content .design-content h3,.about-scope .follow-us .follow-heading h2,.about-scope .fullWidthPortfolio .swiper-slide .content h2{font-size:3rem}
.about-scope .fullWidthPortfolio .swiper-button-next{right:59.8%}
.about-scope .experience-sec .content-left p{margin:0}
.about-scope .follow-us .follow-heading span{width:60px;height:60px;line-height:55px}
.about-scope .follow-us .follow-heading span img{height:40px;width:40px}
.about-scope .faq_section h3{font-size:3.8rem!important}
.about-scope .partners-sec h4{font-size:2rem}
.about-scope .design-sec .design-content h3{font-size:2.6rem}
}
@media screen and (max-width:375px){
.about-scope .banner-btns{bottom:-110px}
.about-scope .experience-sec .content .counter h5{font-size:6rem}
.about-scope .brand .brand-heading h2{font-size:4.6rem}
.about-scope .fullWidthPortfolio .swiper-slide .content{left:40px}
.about-scope .fullWidthPortfolio .swiper-button-next{right:54%}
.about-scope .portfolio .swiper-button-prev{left:37%}
.about-scope .portfolio .swiper-button-next{right:37%}
.about-scope .switcher .video video{height:8rem;width:8rem}
.about-scope .follow-us .follow-heading h2{font-size:2.6rem}
.about-scope .flip-box-header{font-size:32px;line-height:40px}
.about-scope .badges,.about-scope .flip-box .colored .badges{font-size:16px}
}
@media screen and (max-width:320px){
.about-scope a#openNav{font-size:0}
.about-scope .banner .heading div{font-size:40px}
.about-scope .experience-sec .content-left p{font-size:1.2em}
.about-scope .brand .brand-heading h2{font-size:4rem}
.about-scope .fullWidthPortfolio .swiper-pagination{left:58px!important}
.about-scope .design-sec .design-content h3{font-size:2rem}
.about-scope .tabs .tab{font-size:.8rem}
.about-scope .faq_section h3{font-size:3rem!important}
.about-scope .faq_accordions .accordion-item .accordion-button{padding-inline:0!important}
.about-scope .follow-us .follow-heading h2{font-size:2.4rem;padding-right:15px!important}
.about-scope .follow-us .follow-heading span{width:50px;height:50px;line-height:43px}
.about-scope .follow-us .follow-heading span img{height:30px;width:30px}
}
@media screen and (max-width:767px){
.about-scope .navbar-brand img{width:160px}
.about-scope .about-services2 .emeriosoft-svg,.about-scope .circle,.about-scope .display-desktop,.about-scope .flip-box:hover .flip-box-back,.about-scope .menufooter,.about-scope .mobile-menu,.about-scope .switcher,.about-scope .work-section,.about-scope .worker-1{display:none}
.about-scope .banner{padding-top:14px;height:300px;align-items:start}
.about-scope .banner-btns{bottom:-360px}
.about-scope .brand .brand-heading h2{font-size:2.5rem}
.about-scope .brand .brand-heading svg{margin-top:15px;width:30px;height:30px}
.about-scope .brand{padding:40px 0;height:auto}
.about-scope .banner-scroll-btn{bottom:45px}
.about-scope .banner .heading div{line-height:60px;font-size:52px}
.about-scope .newportfolio .item{margin:0 20px}
.about-scope .design-sec .design-content h3{font-size:2.6rem;padding:2rem 0}
.about-scope .design-sec hr,.about-scope .development-sec hr{margin:2rem 0 1rem}
.about-scope .tabs .tab{margin:5px 5px 5px 0;font-size:.8rem}
.about-scope .cb-postcard,.about-scope .design-sec,.about-scope .development-sec,.about-scope .faq_section,.about-scope .latest-blogs,.about-scope .partners-sec{padding:50px 0}
.about-scope .development-sec .content .design-content h3{padding:1rem 0}
.about-scope .partners-sec h4{font-size:1.5rem;line-height:35px}
.about-scope .partners-sec hr{margin-right:0;margin-top:1rem}
.about-scope .partner-slider .slide,.about-scope .partner-sliders .slides{height:70px}
.about-scope .partner-sliders main{height:100px;margin-top:40px}
.about-scope .partner-slider main{height:100px;margin-top:30px}
.about-scope .btn-with-arrow,.about-scope .faq_section .col-md-6:nth-child(2),.about-scope .flip-box p{margin-top:20px}
.about-scope .box-container{padding:0 10px;flex-direction:column}
.about-scope .btn-with-arrow .arrow_icon{margin-left:10px}
.about-scope .flip-box:hover .flip-box-front{-ms-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(0);-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.about-scope .flip-box .colored .flip-box-header{color:#000}
.about-scope .flip-box .colored .badges{color:#000;border:1px solid #000}
.about-scope .box-item,.about-scope .video-tag{width:100%}
.about-scope .faq_section h3{font-size:2.5rem!important}
.about-scope .btn-with-arrow{display:flex;justify-content:center}
.about-scope .flip-box2 p,.about-scope .latest-blogs .heading-section,.about-scope .md-mar h1{margin-top:15px}
.about-scope .main-tbing-sec ul.tbing{margin-top:10px}
.about-scope .main-tbing-sec ul.tbing li:first-child,.about-scope .main-tbing-sec ul.tbing li:nth-child(2){margin-bottom:15px}
.about-scope .latest-blogs .slick-track{margin-left:0;align-items:center}
.about-scope .latest-blogs .sldier{padding:0 20px}
.about-scope .position1 .first-child svg,.about-scope .position2 .second-child svg{width:250px;height:250px;display:none}
.about-scope .first-child{position:absolute;top:30px}
.about-scope .second-child{position:absolute;top:170px}
.about-scope .emeriosoft-svg{transform-origin:-100px 410px}
.about-scope #infinite .highway-barrier .highway-lane .highway-car{width:100px}
.about-scope .hover-slider .highway-slider .highway-lane .highway-car span{font-size:1rem}
.about-scope .new-cta .container{height:500px;padding:40px 20px}
.about-scope .footer_black{padding-top:10%;padding-bottom:6%}
.about-scope .footer_logo{text-align:center}
.about-scope .about-services .ordering-2{order:2}
.about-scope .about-services .ordering-1{order:1}
.about-scope .new-cta{margin:50px 0 0}
.about-scope .footer_address{margin-top:30px}
.about-scope .faq_accordions .accordion-button{padding-block:1rem}
.about-scope .faq_accordions .accordion-item .accordion-button,.about-scope .servicess-pages-item .faq_section.pb_7p.light_black_bg .faq_accordions .accordion-button{font-size:1.1rem;line-height:1.4}
.about-scope .faq_accordions .accordion-item,.about-scope .faq_header .accordion-item{margin-bottom:0}
.about-scope .display-mobile{display:none;padding:50px 20px}
.about-scope .fullWidthPortfolio{height:100%}
.about-scope .work-box{padding:50px 0 0}
.about-scope .work-sections{display:block;color:#262523;width:100%}
.about-scope .work-texts{font-size:90px;line-height:1}
.about-scope .works{display:flex;justify-content:center;padding:40px 0}
.about-scope .work-headings{position:relative;display:inline-block;width:85px;height:85px;margin-left:10px;margin-right:10px}
.about-scope .emerio-logos,.about-scope .emerio-logos img{position:absolute;left:0;right:0;bottom:0}
.about-scope .emerio-logos{width:80px;height:80px;top:6px;background:#fff;border-radius:50%;vertical-align:top;animation:8s linear infinite spin;-webkit-animation:8s linear infinite spin;--moz-animation:spin 8s infinite linear}
.about-scope .emerio-logos img{width:95%;top:0;margin:auto}
.about-scope .work-box .work-para{position:unset;font-size:1rem;margin:auto;width:100%;padding:0 15px}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.about-scope .menufooter .logo{border-right:0;margin-right:20px;padding-bottom:30px}
.about-scope .overlay .overlay-content a{margin:0 15px;font-size:30px}
.about-scope .megamune .bx h2{margin:0 0 .2rem;font-size:1.2rem}
.about-scope .megamune .bx{padding:5px}
.about-scope .overlay-content{position:relative;top:0;left:1%;width:100%;display:grid;line-height:1.9;background:0 0}
.about-scope .footer_black .menu_name h5{font-size:1.5rem}
.about-scope .footer_black .menus ul li a{font-size:1rem;line-height:30px}
.about-scope .footer_black .f_bottom{margin-top:30px;margin-bottom:60px}
.about-scope .flip-box-header{font-size:28px}
.about-scope .address a,.about-scope .address_details{font-size:1.2rem}
.about-scope .address a{color:#fff!important}
.about-scope .address_dubai{margin:0 0 30px}
.about-scope .white_clr_text{color:var(--white);font-size:1.1rem}
.about-scope .best-design-heading{font-size:40px;font-weight:600}
.about-scope .box-item2.slick-slide.slick-current.slick-active.slick-center{margin-top:0}
.about-scope .flip-box-back2{padding:10px 15px}
.about-scope .box-container2 .slick-next{right:0;left:14%;margin:0 auto;bottom:0}
.about-scope .box-container2 .slick-prev{left:40%;top:auto;margin:0 auto;bottom:0;z-index:999}
.about-scope .box-container2 .slick-track{padding:0 0 20px}
.about-scope .flip-box-back2,.about-scope .flip-box-front2{overflow-y:auto;min-height:360px;height:360px}
.about-scope .about-services2{padding:50px 0;height:auto}
.about-scope .about-services2 h2{font-size:25px;margin:0;text-align:center;line-height:1.3}
.about-scope .about-services p,.about-scope .about-services2 p,.about-scope .cb-postcard2 .info p{font-size:1rem;text-align:center}
.about-scope .about-services2 p{margin:30px 0 0}
.about-scope .ways-worker article h2{color:#fff;font-size:25px;text-align:center;line-height:1.3}
.about-scope .new-cta-web .container{height:350px}
.about-scope .faq_header .accordion-button{font-size:1.5rem;line-height:1.4}
.about-scope .cb-postcard2 .info h2{font-size:24px;text-align:center;line-height:1.9}
.about-scope .way-work{padding:60px 0 50px}
.about-scope .fullWidthPortfolio .swiper-slide .content h2{font-size:1.3rem}
.about-scope .about-services .logos img:first-child{width:70px;margin-right:30px}
.about-scope .about-services .logos img:nth-child(3){width:70px;margin-right:30px;margin-top:20px}
}
@media screen and (min-width:1250px){
.about-scope .box-container{flex-direction:row}
}
@media only screen and (max-width:767px){
.about-scope .right-menu .nav-menu{padding:0}
.about-scope .right-menu{width:100%;text-align:right;padding-right:10px}
.about-scope .flip-box-front.bx1,.about-scope .flip-box-front.bx2,.about-scope .flip-box-front.bx3,.about-scope .flip-box-front.bx4{background:#dadada;height:200px;min-height:200px}
}
@media only screen and (width:430px) and (height:932px) and (-webkit-device-pixel-ratio:3){
.about-scope .right-menu .nav-menu{padding:0}
.about-scope .right-menu{width:100%;text-align:right;padding-right:10px}
}
/* ===== case-study.css ===== */
.about-scope{
	--primary-color: #37b4e4;
	--secondary-color: #000000;
	--white-color: #000;
}
.about-scope .agency-tabs-box .nav-pills .nav-link.active img,.about-scope .team-slider img:hover{
	filter: unset;
}
.about-scope .agency-content .agency-content-header a{
	display: flex;
	align-items: baseline;
	gap: 10px;
	width: 100%;
	padding: 20px 30px;
	font-size: 26px;
	text-decoration: none;
	cursor: text;
}
.about-scope .agency-content .agency-content-header span{
	color: var(--primary-color);
	font-family: gilroy;
	font-weight: 500;
	font-size: 20px;
}
.about-scope .agency-content p{
	color: rgba(0, 0, 0, 0.65);
	font-size: 15px;
	padding: 0 30px;
	font-weight: 500;
}
.about-scope .agency-links{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0 30px;
}
.about-scope .our-projects-card,.about-scope .view-all-btn{
	display: block;
	text-decoration: none;
}
.about-scope .agency-links a{
	border: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 14px;
	border-radius: 50px;
	padding: 5px 12px;
	font-family: gilroy;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	transition: 0.4s;
}
.about-scope .our-projects{
	padding: 60px 0;
}
.about-scope .embrace-slider,.about-scope .embrace-slider .slick-list,.about-scope .our-projects-slider,.about-scope .team-slider .slick-list,.about-scope .web-design-slider .slick-list{
	overflow: visible;
}
.about-scope .our-projects-slider .slick-list{
	overflow: visible;
	padding: 0 100px;
}
.about-scope .our-projects-card{
	margin: 10px;
	border: 50px;
}
.about-scope .our-projects-card .our-projects-image{
	position: relative;
	box-shadow: 0 50px 100px -30px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 20px;
	z-index: -2;
	border: 3px solid #000;
}
.about-scope .our-projects-card .our-projects-image img{
	width: 100%;
	transition: 0.4s;
}
.about-scope .our-projects-card:hover .our-projects-image .project-img{
	transform: scale(1.2);
}
.about-scope .our-projects-card .our-projects-image .our-projects-tags{
	gap: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 10px;
	flex-wrap: wrap;
}
.about-scope .our-projects-card .our-projects-image .our-projects-tags img{
	width: auto;
	height: 30px;
}
.about-scope .our-projects-card .our-projects-details{
	padding-top: 10px;
	padding-inline: 10px;
}
.about-scope .our-projects-card .our-projects-details span{
	color: var(--white-color);
	font-size: 14px;
	font-weight: 400;
}
.about-scope .our-projects-card .our-projects-details .project-title,.about-scope .our-projects-card .our-projects-details h5 h3{
	color: var(--white-color);
	font-size: 21px;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 13px;
}
.about-scope .our-projects-card .our-projects-details .project-arrow{
	border-radius: 25px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	text-align: center;
	width: 45px;
}
.about-scope .view-all-btn{
	margin: 30px auto auto;
	padding: 8px 25px;
	border-radius: 66.667px;
	border: 1px solid var(--white-color);
	/* font-family: Gilroy; */
	font-weight: 600;
	background: var(--primary-color);
	color: #000;
	width: max-content;
}
.about-scope .award-section{
	background-color: #000;
	padding: 50px 0;
	position: relative;
}
.about-scope .award-section.new{
	padding: 0;
}
.about-scope .award-section .section-title-wrapper{
	text-align: start;
	margin: 0;
	padding: 0;
}
.about-scope .award-section.new .section-title-wrapper{
	padding-inline-start: 15%;
	padding-inline-end: 10%;
}
.about-scope .award-section-img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35%;
}
.about-scope .award-section.new .award-section-img{
	position: relative;
	left: unset;
	bottom: unset;
	width: 80%;
}
.about-scope #award-tab{
	margin-top: 30px;
}
.about-scope #award-tab button{
	border-radius: 66.7px;
	font-size: 13px;
	font-family: gilroy;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 255, 255, 0.1);
	color: var(--white-color);
	padding: 7px 20px;
}
.about-scope #award-tab button.active{
	color: var(--primary-color);
}
.about-scope .award-section.new .award-box{
	display: flex;
	flex-wrap: wrap;
}
.about-scope .award-box{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 6px;
}
.about-scope .award-box .award-item{
	border: 1px solid rgba(245, 245, 245, 0.166);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.about-scope .award-box .award-item img{
	width: 150px;
	height: 150px;
	object-fit: contain;
	object-position: center;
	opacity: 0.7;
	transition: 0.4s;
}
.about-scope .award-box .award-item img:hover{
	opacity: 1;
}
@media screen and (max-width: 992px){
.about-scope .award-section.new .section-title-wrapper{
		padding-inline-start: 15px;
		padding-inline-end: 15px;
	}
}
.about-scope .our-service-sub{
	font-size: 16px;
	color: rgba(0, 0, 0, 0.55);
	font-family: Gilroy;
	font-weight: 500;
}
.about-scope .our-client-img{
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 370px;
	max-width: 450px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--primary-color);
}
.about-scope .our-client-img img{
	width: 270px;
	height: 270px;
	border-radius: 330px;
	object-fit: cover;
	margin: auto;
	background-color: #fff;
}
.about-scope .our-client-detail p{
	font-size: 15px;
	font-weight: 200;
	line-height: 22px;
	font-family: gilroy;
	color: #a2a2a2;
}
.about-scope .our-client-detail h6,.about-scope .our-client-detail-para{
	margin: 0;
	font-family: gilroy !important;
	font-weight: 600 !important;
}
@media (min-width: 768px){
.about-scope .embrace-box{
		height: 100%;
	}
.about-scope .embrace-slider .swiper-wrapper{
		display: flex;
	}
.about-scope .embrace-slider .swiper-slide{
		display: flex;
		height: auto;
	}
.about-scope .our-projects-slider{
		padding: 0 5%;
	}
.about-scope .our-projects-slider::before{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		height: 100%;
		border-radius: 20px;
		background-color: var(--primary-color);
		z-index: -1;
	}
}
@media (max-width: 640px){
.about-scope .our-projects-slider::before{
		content: "";
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 94.8%;
		height: 100%;
		border-radius: 20px;
		background-color: var(--primary-color);
		z-index: -1;
	}
}
.about-scope .embrace-slide-bt{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	width: 100%;
	pointer-events: none;
	z-index: 10;
}
.about-scope .embrace-slide-bt .embrace-slider-btn{
	pointer-events: all;
}
.about-scope .embrace-slide-bt #emb-slider-btn-1{
	margin-left: -10px;
}
.about-scope .embrace-slide-bt #emb-slider-btn-2{
	margin-right: -10px;
}
.about-scope .embrace-slider-btn{
	border: none;
	border: 1px solid var(--primary-color);
	background-color: transparent;
	background-color: var(--primary-color);
	border-radius: 50%;
	padding: 25px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	transition: 0.3s;
	color: var(--white-color);
}
.about-scope .center-title-primary{
	color: #fff;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
}
@media only screen and (max-width: 768px){
.about-scope .embrace-slider-btn{
		display: none !important;
	}
}

/* ===== guards against the new design system's generic rules ===== */
.about-scope section { padding: 0; }

/* The legacy pages inherit Bootstrap's default body colour; the new design
   system forces white on <body>, which would hide dark-on-light sections such
   as "Our Services". Restore the inherited colour inside the scope - the dark
   sections set white on themselves anyway. */
.about-scope { color: #212529; }

/* The shared header is fixed and the banner is a centred 100vh block, so no
   extra top offset is needed - but the header still has to sit above it. */
.about-scope { position: relative; z-index: 0; }

.about-scope .container { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px)  { .about-scope .container { max-width: 540px; } }
@media (min-width: 768px)  { .about-scope .container { max-width: 720px; } }
@media (min-width: 992px)  { .about-scope .container { max-width: 960px; } }
@media (min-width: 1200px) { .about-scope .container { max-width: 1140px; } }
@media (min-width: 1400px) { .about-scope .container { max-width: 1320px; } }