*{
    -webkit-font-smoothing:antialiased;
    -moz-os-font-smoothing:grayscale;
    box-sizing:border-box;
    padding:0;
    margin:0;
    outline:0;
    vertical-align:baseline
}
body{
    font-family:open sans,sans-serif;
    color:#232323;
    font-weight:400;
    font-style:normal;
    line-height:1;
    font-size:17px;
    outline:0;
    overflow-x:hidden
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{
    display:block
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Nunito Sans', sans-serif;
    color:#333;
    font-weight:600
}
h1,h2,h3,h4,h5,h6,p,ul{
    padding:0;
    margin:0
}
ul{
    list-style:none
}
a:hover{
    text-decoration:none
}
button:focus{
    outline:0!important
}
.fa-icon{
    margin-left:5px;
    font-size:12px
}
.header-heading .fa-icon{
    margin-left:5px;
    font-size:12px;
    animation:2s infinite arrowanim;
    -webkit-animation:2s infinite arrowanim
}
.common-heading{
    padding:0;
    text-align:center;
    position:relative;
    z-index:10
}
.mb-30 {
    margin-bottom: 30px;
}
.inner-heading h2{
    margin-bottom:30px
}
.v-center{
    align-self:center;
    align-items:center
}
button{
    position:relative;
    overflow:hidden
}
.lnk{
    position:relative;
    overflow:hidden
}
.animation,.circle,.circle2,.clients-logo,.custom-btn,.dropdown-toggle,.hoshd,.hover-scale img,.icon-set,.isotope_item,.link-hover,.main-header,.main-header.sticky,.navbar,.s-block,.sticky,.sub-menu-sec a,a,button,input{
    -webkit-transition:1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition:1.2s cubic-bezier(.17,.85,.438,.99);
    transition:1.2s cubic-bezier(.17,.85,.438,.99)
}
.no-shadow{
    box-shadow:none!important
}
span.circle{
    background:rgba(255,255,255,.2);
    display:block;
    position:absolute;
    top:-10%;
    right:-130px;
    width:200px;
    height:200px;
    border-radius:50%
}
.lnk:hover span.circle{
    top:-10%;
    right:-80px
}
span.circle2{
    background:rgba(255,255,255,.2);
    display:block;
    position:absolute;
    top:-10%;
    right:-50px;
    width:80px;
    height:80px;
    border-radius:50%
}
.lnk:hover span.circle2{
    top:-10%;
    right:-40px
}
.font-15{
    font-size:15px
}
.f-medium{
    font-weight:600
}
.f-bold{
    font-weight:700
}
.light-blue{
    background:#f8fdff
}
.text-radius{
    border-radius:3px;
    padding:0 3px
}
.text-primary{
    color:#fe4c1c
}
.text-second{
    color:#e91e63
}
.text-bold{
    font-weight:700
}
.header-icon-nav a{
    background:#ffffff7a;
    padding:12px;
    margin:5px;
    border-radius:50%;
    color:#0a2233
}
.sticky .dsk-logo{
    line-height:70px
}
.sticky .custom-nav .nav-list li a.menu-links{
    line-height:70px
}
.main-header.sticky{
    height:80px
}
.top-header{
    position:relative;
    z-index:999
}
.navbar .mobile-menu{
    display:none
}
.navbar .mobilemenu{
    color:#0a2233;
    top:-4px;
    position:relative
}
.navbar .mobilemenu i{
    font-size:25px
}
.mob-nav{
    display:flex
}
.mob-nav li{
    position:relative
}
.ml8{
    margin-left:8px
}
.animate{
    animation-duration:.4s;
    -webkit-animation-duration:.4s;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both
}
.top-header .dropdown-toggle::after{
    display:inline-block;
    margin-left:3px;
    vertical-align:baseline;
    content:"+";
    border-top:0;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:100px
}
.slideIn{
    -webkit-animation-name:slideIn;
    animation-name:slideIn
}
.dropdown-item:focus,.dropdown-item:hover{
    color:#16181b;
    text-decoration:none;
    background-color:#fff;
    outline:0
}
.dropdown-item.active,.dropdown-item:active{
    color:#0a2233;
    text-decoration:none;
    background-color:#fff;
    outline:0
}
.dropdown-menu{
    border:0 solid rgba(0,0,0,.15)
}
header .dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:10rem;
    padding:10px 0;
    margin:0;
    font-size:16px;
    color:#212529;
    text-align:left;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border:0;
    border-top:0 solid #00baff;
    border-radius:0 0 8px 8px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.dropdown-item{
    display:block;
    width:100%;
    clear:both;
    font-weight:400;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    font-size:15px;
    color:#0a2233;
    font-family:Poppins,sans-serif;
    font-weight:500;
    padding:10px 15px
}
.navbar-toggler{
    background-color:#fff;
    border:1px solid #fff
}
.top-header .sticky{
    background:#fff;
    -webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,.08);
    box-shadow:0 4px 6px 0 rgba(12,0,46,.08);
    height:70px
}
.nav-item.dropdown:hover{
    background:#fff
}
.list-mnu li a{
    white-space:break-spaces;
    line-height:24px;
    padding:5px 10px
}
.navbar-light .navbar-nav .nav-link{
    font-weight:600;
    font-size:16px;
    color:#0a2233;
    font-family:Poppins,sans-serif;
    font-weight:500;
    padding:0 15px;
    line-height:48px
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030;
    padding-top:0;
    padding-bottom:0;
    height:100px
}
.brand-logo a{
    display:block
}
.top-header .navbar .custom-btn{
    padding:0 32px;
    color:#fff;
    font-weight:400
}
.top-header .navbar .custom-btn:focus,.top-header .navbar .custom-btn:hover{
    color:#fff
}
.modal-backdrop{
    background:linear-gradient(135deg,#0c0004 0,#000e0c 100%)
}
.modal{
    z-index:999999
}
.abt{
    position:absolute;
    right:15px!important;
    top:0!important;
    z-index:9999999
}
.popup-modalfull .modal-dialog{
    min-height:100%;
    margin:0 0 0 auto;
    background:#fff;
    width:100%;
    max-width:100%;
    height:100%;
    margin:0
}
.popup-modalfull .modal-content{
    border:0;
    height:100%;
    border-radius:0
}
.popup-modalfull .modal-body{
    overflow-y:auto
}
.main-header.sticky .nx-dropdown{
    top:65px
}
.nav-bg-b .custom-nav .nav-list li a.menu-links{
    color:#232323
}
.main-header.sticky{
    background:#fff;
    -webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,.08);
    box-shadow:0 4px 6px 0 rgba(12,0,46,.08)
}
.main-header{
    padding:0 20px;
    height:85px;
    z-index:99999;
    border-bottom:1px solid rgba(255,255,255,.1)
}
.fa-ani{
    margin-left:5px;
    font-size:12px;
    animation:2s infinite arrowanim;
    -webkit-animation:2s infinite arrowanim
}
.sub-menu-center-block{
    display:flex
}
.menu-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.right-bddr{
    border-right:1px solid rgba(255,255,255,.1);
    padding:0 10px 0 0!important;
    margin:0 20px 0 0
}
.custom-nav .sbmenu>a::before{
    content:"+";
    position:absolute;
    right:4px
}
.custom-nav .sbmenu.hover>a::before{
    content:"-"
}
.main-header.sticky .custom-nav .nav-list li a.menu-links{
    color:#050748
}
.main-header.sticky .mega-white-logo{
    display:none
}
.main-header .mega-white-logo{
    display:none
}
.nav-bg-b.main-header.sticky .mega-white-logo{
    display:none
}
.nav-bg-b.main-header .mega-white-logo{
    display:inline-block
}
.nav-bg-b.main-header .mega-darks-logo{
    display:none
}
.main-header.sticky .mega-darks-logo{
    display:inline-block
}
.dsk-logo{
    float:left;
    line-height:85px
}
.dsk-logo .nav-brand img{
    max-height:75px
}
.custom-nav{
    float:right
}
.custom-nav .menu-dorpdown{
    width:240px;
    margin:0 auto
}
.custom-nav .smfull{
    width:100%
}
.custom-nav .nav-list li{
    display:inline-flex
}
.custom-nav .nav-list li.rpdropdown{
    position:relative
}
.custom-nav .nav-list li a.menu-links{
    font-size: 15px;
    color: #050748;
    font-family: system-ui;
    font-weight: 600;
    padding: 0 15px;
    line-height: 85px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}
.btn-br{
    line-height:48px;
    color:#fff;
    border-radius:100px;
    padding:0 20px;
}
.btn-br:hover{
    color:#fff
}
.btn-round-{
    width:44px;
    height:44px;
    text-align:center;
    line-height:44px;
    padding:0;
    margin-right:8px;
    position:relative;
    display:inline-block
}
/* .btn-round-.trngl:after{
    content:'';
    position:absolute;
  
    top:50%;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:6px solid #e8e8e8;
    clear:both;
    transform:translateY(-50%)
} */
.btshad-b1{
    -webkit-box-shadow:0 10px 15px 0 rgba(175,0,87,.2);
    box-shadow:0 10px 15px 0 rgba(175,0,87,.2)
}
.btshad-b2{
    -webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);
    box-shadow:0 10px 15px 0 rgba(56,0,189,.2)
}
.nx-dropdown{
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:80px;
    opacity:0;
    height:0;
    overflow:hidden;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
div.custom-nav>ul>li:hover .nx-dropdown{
    opacity:1;
    height:auto;
    overflow:inherit
}
.submenu-btnset{
    position:relative;
    display:block;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    white-space:normal
}
.sub-menu-column{
    width:25%;
    float:left;
    padding:0 20px
}
.sub-menu-column .menuheading{
    color: #333;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .2px;
    margin: 0 0 12px;
    padding: 0 0 8px;
    border-bottom: 2px solid #dcdcdcb8;
    font-family: "Nunito Sans", sans-serif;
}

.sub-menu-column .menuheading a{
    color: #333;
}


.sub-menu-column ul{
    width:100%;
    display:inline-block;
    position:relative
}
.sub-menu-column ul li{
    width:100%;
    height:auto;
    float:left;
    padding:0;
    margin-right:0;
    margin-bottom:9px
}
.sub-menu-column ul li a{
    width: 100%;
    font-size: 15px;
    color: rgb(5, 7, 72);
    position: relative;
    line-height: 25px;
    font-family: system-ui;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.sub-menu-section{
    box-shadow:0 10px 20px 0 rgb(0 0 0/.04);
    border-top:2px solid #f3f3f3;
    width:100%;
    padding:10px 0;
    display:inline-block;
    background-color:#fff;
    margin-top:4px
}
.btn-block a{
    min-width:230px;
    text-align:center;
    -webkit-box-shadow:0 10px 15px 0 rgba(47,0,16,.15);
    box-shadow:0 10px 15px 0 rgba(47,0,16,.15)
}
.bgtspnt{
    background:0 0!important
}
.app-hero-bnr{
    margin-top: -110px;
}
div.custom-nav>ul>li.sbmenu>a:after{
    content:'';
    position:absolute;
    width:100%;
    height:5px;
    background:#4f4daf;
    left:-100%;
    bottom:0;
    opacity:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
div.custom-nav>ul>li.sbmenu:hover>a:after{
    left:0;
    opacity:1
}
.contact-show{
    position:relative
}
.contact-show:hover .contact-inquiry{
    display:block
}
.contact-inquiry{
    width:285px;
    position:absolute;
    top:43px;
    right:0;
    z-index:99;
    display:none;
    transition:all 2s linear
}
.hrbg{
    background:#e4e8ff
}
.contact-info- .contct-heading{
    font-size:19px;
    color:#3c4147;
    font-weight:700;
    padding:11px 20px;
    letter-spacing:.2px
}
.contact-info- .inquiry-card-nn .title-inq-c{
    font-size:14px;
    font-weight:700
}
.contact-info- .inquiry-card-nn ul li a{
    font-size:16px;
    color:#050748;
    font-weight:700;
    text-decoration:none
}
.contact-info- .inquiry-card-nn{
    border-top:1px solid #e1e1e2;
    position:relative;
    padding:15px 20px;
    text-align:left
}
.contact-info-{
    width:100%;
    display:inline-block;
    padding:0;
    background:#fff;
    border-radius:5px;
    margin-top:20px;
    position:relative;
    box-shadow:0 0 5px rgba(0,0,0,.3)
}
.contact-info- .inquiry-card-nn ul li{
    list-style:none;
    margin:14px 0;
    text-align:left;
    display:block
}
.contact-info- .inquiry-card-nn ul li.mb0{
    margin-bottom:0
}
.contact-info- .inquiry-card-nn ul li i{
    font-size:20px;
    margin:0 11px 0 0;
    color:#8bc34a
}
.contact-info- .inquiry-card-nn span{
    font-size:13px;
    color:#828282
}
.contact-info- .inquiry-card-nn .fa-envelope{
    color:#012169
}
.contact-info-:after{
    content:'';
    position:absolute;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid transparent;
    border-bottom:7px solid rgba(255,255,255,.95);
    top:-14px;
    right:22px;
    transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease
}
a.play-video{
    min-width:60px;
    min-height:60px;
    display:inline-flex;
    background:#fff;
    border-radius:1000px;
    transition:all .3s ease-in-out 0s;
    cursor:pointer;
    outline:0;
    position:relative;
    padding:10px;
    align-items:center
}
a.play-video::after{
    content:'';
    width:60px;
    height:60px;
    border-radius:100%;
    border:6px solid #fff;
    position:absolute;
    z-index:0;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    animation:ring-ani 1.75s infinite cubic-bezier(.66,0,0,1);
    box-shadow:0 0 0 0 rgba(12,108,211,.5)
}
@-webkit-keyframes ring-ani{
    to{
        box-shadow:0 0 0 18px transparent
    }
}
.triangle-play{
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-left:18px solid #ff2d8d;
    border-bottom:10px solid transparent;
    text-align:center;
    margin:0 auto
}
.hero-card-web{
    background-image: url(../images/home-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
    overflow:hidden;
    padding-top:40px;
    padding-bottom:40px;
    height:89vh;
    align-items:center;
    display:flex
}
.app-hero-bnr img{
    margin-top: 160px;
}
.hero-heading-sec h2{
    color:#fff;
    font-size:55px;
    line-height:67px;
    text-transform:uppercase;
    font-weight:700
}
.hero-heading-sec h2 span{
    display:block
}
.hero-heading-sec>p{
    color:#fff000;
    font-size:18px;
    max-width:400px;
    margin:40px 0
}
.flags-size{
    width:25px
}
.awards-block-tt{
    margin-top:40px
}
.hero-content-sec{
    display:inline-flex;
    align-items:center
}
.title-hero-oth p{
    font-size:20px;
    color:#fff;
    margin:0 0 0 25px;
    text-transform:uppercase
}
.title-hero-oth p span{
    display:block;
    color:#fff000
}
.hero-service-cards{
    margin-top:100px
}
.service-slide{
    border-radius:30px;
    max-width:280px;
    overflow:hidden;
    margin:20px 0;
    transform-style:preserve-3d;
    transform:perspective(1000px)
}
.service-card-hh{
    transform:translateZ(20px);
    display:block
}
.image-sr-mm{
    height:250px;
    width:100%;
    padding:0;
    position:relative;
    margin:0 auto
}
.image-sr-mm img{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    margin:0 auto;
    max-width:100%;
    max-height:100%;
    width:initial!important
}
.title-serv-c{
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:1.2;
    padding:20px 20px 35px
}
.title-serv-c span{
    display:block
}
.card-bg-a{
    background:#3faee5;
    background:-moz-linear-gradient(top,#3faee5 0,#6d03ce 100%);
    background:-webkit-linear-gradient(top,#3faee5 0,#6d03ce 100%);
    background:linear-gradient(to bottom,#3faee5 0,#6d03ce 100%)
}
.card-bg-b{
    background:#ff92f6;
    background:-moz-linear-gradient(top,#ff92f6 0,#b300a5 100%);
    background:-webkit-linear-gradient(top,#ff92f6 0,#b300a5 100%);
    background:linear-gradient(to bottom,#ff92f6 0,#b300a5 100%)
}
.card-bg-c{
    background:#3e35b7;
    background:-moz-linear-gradient(top,#3e35b7 0,#4c4aff 100%);
    background:-webkit-linear-gradient(top,#3e35b7 0,#4c4aff 100%);
    background:linear-gradient(to bottom,#3e35b7 0,#4c4aff 100%)
}
.card-bg-d{
    background:#f72c8c;
    background:-moz-linear-gradient(top,#f72c8c 0,#b82dcf 100%);
    background:-webkit-linear-gradient(top,#f72c8c 0,#b82dcf 100%);
    background:linear-gradient(to bottom,#ffa76a 0,#ff8e38 100%)
}
.card-bg-e{
    background:#5782ea;
    background:-moz-linear-gradient(top,#5782ea 0,#2251af 100%);
    background:-webkit-linear-gradient(top,#5782ea 0,#2251af 100%);
    background:linear-gradient(to bottom,#5782ea 0,#2251af 100%)
}
.card-bg-f{
    background:#95e5ff;
    background:-moz-linear-gradient(top,#95e5ff 0,#009688 100%);
    background:-webkit-linear-gradient(top,#95e5ff 0,#009688 100%);
    background:linear-gradient(to bottom,#95e5ff 0,#009688 100%)
}
.shape-bg3:before{
    content:"";
    background:url(../images/shape/shape-12.svg);
    position:absolute;
    height:100%;
    width:100%;
    opacity:.03
}
.hero-bg-bg1:before{
    content:"";
    background:url(../images/hero/banner-shap-2.png);
    position:absolute;
    height:100vh;
    right:0;
    left:0;
    top:0;
    width:100%;
    background-position:left 0;
    background-size:contain;
    background-repeat:no-repeat
}
.hero-section{
    position:relative;
    overflow:hidden;
    padding-top:100px;
    padding-bottom:100px;
    height:100vh;
    align-items:center;
    display:grid
}
.btn-main:hover{
    color:#fff
}
.btn-main{
    font-size:16px;
    font-weight:400;
    font-family:Poppins,sans-serif;
    padding:0 32px;
    line-height:56px;
    text-align:center;
    outline:0;
    color:#fff;
    background-color:#ff1f8e;
    border:none;
    -webkit-border-radius:100px;
    border-radius:5px;
    display:inline-block;
    position:relative;
    -webkit-box-shadow:0 10px 15px 0 rgba(233,30,99,.15);
    box-shadow:0 10px 15px 0 rgba(233,30,99,.15)
}
.header-heading h1{
    font-size:60px;
    line-height:72px;
    font-weight:700;
    margin-bottom:30px
}
.header-heading p{
    font-size:20px;
    line-height:30px;
    margin-bottom:35px
}
.about-agency .common-heading h2{
    margin-bottom:20px
}

.common-heading h5{
    font-size: 21px;
    margin-top: 20px;
}

.common-heading h6{
    font-size: 18px;
    margin-top: 20px;
}
.portfolio-section .common-heading h2{
    font-size:28px;
    font-weight: 700;
}
.about-agency{
    position:relative;
    overflow:hidden
}
.about-agency:before{
    content:"";
    background:url(../images/shape/dot_bg.png);
    position:absolute;
    width:100%;
    height:100%;
    top:0
}
.testimonialcyberx h2{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px;
    padding-bottom: 40px;
}
.text-l{
    text-align:left!important
}
.common-heading>span{
    color: #ff6b2b;;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-size:16px;
    font-weight:600;
    display:block;
    font-family: 'Nunito Sans', sans-serif;
}
.quote{
    font-weight:500;
    padding:25px;
    position:relative;
    border-left:4px solid #ff358f;
    margin:30px 0;
    background:#fafafb;
    color:#6a6a8e;
    font-family:Poppins,sans-serif
}
.user- .user-image img{
    border-radius:100%;
    width:80px
}
.user-info{
    margin:0 0 0 20px;
    text-align:left
}
.user-info p span{
    font-weight:700
}
.service-section{
    background:#fff;
    position:relative;
    overflow:hidden
}
.image-block img{
    width:100%;
    border-radius:8px
}
.img-block img{
    width:100%;
    border-radius:8px
}
.white-text{
    color:#fff!important
}
.shape-num .shape-loc:first-child:before{
    content:'';
    background:url(../images/shape/shape-1.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    left:-40px;
    bottom:-60px;
    z-index:-1
}
.shape-num .shape-loc:last-child:after{
    content:'';
    background:url(../images/shape/shape-2.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    right:-40px;
    bottom:-60px;
    z-index:-1
}
.shape-bg2 img{
    z-index:1;
    position:relative
}
.shape-bg2{
    position:relative
}
.shape-bg2:after{
    content:'';
    background:url(../images/shape/shape-2.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    right:-40px;
    bottom:-60px;
    z-index:-1
}
.shape-bg2:before{
    content:'';
    background:url(../images/shape/shape-1.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    left:-40px;
    bottom:-60px;
    z-index:0
}
.service-section:before{
    content:"";
    background:url(../images/shape/dot-shape.png) #d7f0fd;
    position:absolute;
    height:400px;
    right:0;
    left:0;
    top:0;
    width:100%;
    background-position:center top;
    background-size:contain;
    background-repeat:repeat
}
.s-block{
    background:#fff;
    text-align:center;
    background-size:200%;
    background-position:top right;
    background-repeat:no-repeat;
    text-align:center;
    padding:50px 20px;
    margin:0;
    position:relative;
    -webkit-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.service-section .s-block{
    background:url(../images/shape/shape-7.svg) #fff;
    background-size:180px;
    background-position:top right;
    background-repeat:no-repeat
}
.s-card-icon{
    width:80px;
    margin:0 auto 30px
}
.whycyberx h4{
    font-size: 19px;
    letter-spacing: 0.5px;
}
.s-block h4{
    margin:0 0 10px
}
.s-block a{
    display:inline-block;
    margin:30px 0 0;
    color:#050748;
    font-family:Poppins,sans-serif
}
.upset{
    position:relative;
    z-index:5
}
.service-2:before{
    background-color:#f9f9f9
}
.wide-block{
    padding:40px 30px;
    margin:5px 0;
    position:relative;
    border:0 solid #d4f0ff;
    -webkit-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.service-img1{
    background:#e9ddff
}
.service-img1:after{
    background:url(../images/service/service-img-1.png)
}
.service-img2{
    background:#ffdadb
}
.service-img2:after{
    background:url(../images/service/service-img-2.png)
}
.service-img3{
    background:#d6edff
}
.service-img3:after{
    background:url(../images/service/service-img-3.png)
}
.service-img4{
    background:#ffede1
}
.service-img4:after{
    background:url(../images/service/service-img-4.png)
}
.wide-block:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:100%;
    background-size:280px;
    background-position:right center;
    background-repeat:no-repeat
}
.block-space-{
    max-width:50%;
    position:relative;
    z-index:555
}
.wide-block h4{
    margin:20px 0 30px
}
.tilt3d .statistics-img{
    transform-style:preserve-3d;
    transform:perspective(1000px)
}
.tilt3d .statistics-img img{
    transform:translateZ(20px)
}
.statistics{
    align-items:center;
    display:flex
}
.statistics p{
    font-size:20px;
    margin:10px 0 0;
    font-weight:500
}
.statistics span{
    font-size:45px;
    font-family:Poppins,sans-serif;
    color:#050748;
    font-weight:700;
    display:inline-block
}
.statistics-img{
    width:100px;
    height:100px;
    float:left;
    padding:15px;
    background:#fff;
    border-radius:8px 40px 8px 40px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.statnumb{
    margin:0 0 0 20px;
    text-align:left;
    float:left
}
.small .statistics-img{
    width:75px;
    height:75px
}
.t-ctr{
    text-align:center
}
.small .statistics span{
    font-size:35px;
    color:#050748
}
.in-stats .statistics span{
    font-size:35px;
    color:#ff1f8e
}
.small .statistics p{
    font-size:18px;
    line-height:24px
}
.small{
    margin-top:100px
}
.in-stats .statistics{
    text-align:left
}
.card-stats .statistics{
    padding:40px;
    text-align:center;
    border-radius:8px;
    background:#fff;
    -webkit-box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff;
    box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff
}
.portfolio-section{
    background:#fff;
    position:relative
}

.isotope_item{
    position:relative
}
.item-info{
    padding:20px 0 0
}
.isotope_item h4{
    font-weight:600;
    margin:0 0 10px
}
.isotope_item h4 a{
    color:#333;
    font-size: 18px;
}
.item-image{
    display:block;
    width:100%;
    border-radius:8px;
    overflow:hidden;
    background:#f3f9ff;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.item-image img{
    width:100%
}

.portfolio-page{
    padding: 60px 0 20px;
}
.portfolio-block{
    position:relative;
    padding:0 50px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.LatestWork h2{
    font-size: 32px;
}
.portfolio-item-info h3 a{
    color:#050748
}
.portfolio-item-info{
    width:50%;
    padding-right:40px
}
.portfolio-item-image{
    width:50%;
    text-align:center
}
.portfolio-item-info .-reviewr{
    width:50px;
    height:50px;
    border-radius:100px;
    overflow:hidden;
    margin-right:15px
}
.portfolio-item-info .review-text{
    padding:0 0 20px
}
.portfolio-item-info .reviews-card{
    background:rgba(255,255,255,.6);
    padding:25px;
    border-radius:8px
}
.clients-logo{
    background:#fff;
    padding:0 15px;
    max-height:150px;
    min-height:150px;
    margin:0 15px;
    border:1px solid #d4f0ff;
    align-items:center;
    display:flex;
    position:relative;
    border-radius:8px;
    -webkit-box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff;
    box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff
}
.clients-section{
    background:#fffaf5;
    background:-moz-linear-gradient(top,#fffaf5 0,#f8ecff 100%);
    background:-webkit-linear-gradient(top,#fffaf5 0,#f8ecff 100%);
    background:linear-gradient(to bottom,#fffaf5 0,#f8ecff 100%)
}
.clients-logo img{
    margin:0 auto;
    display:block;
    width:160px
}
.opl ul{
    display:contents
}
.opl ul li{
    width:20%;
    float:left;
    position:relative
}
.work-category{
    background:#f2f2f2;
    position:relative
}
.work-category .common-heading h2{
    margin-bottom:30px;
}
.work-card p{
    color:#050748;
    font-family:Poppins,sans-serif;
    line-height:24px;
    font-size:16px;
    margin:5px 0 0;
    padding:0 12px
}
.icon-bg{
    display:block;
    height:62px;
    width:62px;
    margin:0 auto;
    text-align:center
}
.icon-set{
    width:25%;
    display:inline-block;
    float:left;
    position:relative
}
.work-card{
    margin:10px;
    padding:30px 20px;
    max-height:170px;
    text-align:center;
    min-height:170px;
    border-radius:8px 40px 8px 40px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.cd1{
    background:#70e4e8
}
.cd2{
    background:#f5eb92
}
.cd3{
    background:#a3ffe2
}
.cd4{
    background:#ffbc7a
}
.cd5{
    background:#e3ff8e
}
.cd6{
    background:#ffa0c6
}
.cd7{
    background:#f3a6ff
}
.cd8{
    background:#97ffaf
}
.cd9{
    background:#6cfffa
}
.cd10{
    background:#77baff
}
.cd11{
    background:#ffefd4
}
.cd12{
    background:#7affdb
}
.testinomial-section{
background-color: #F8F8FF;
padding: 80px 0 70px;
}
.testimonial-card .t-text p{
    font-size:16px;
    line-height:28px
}
.testinomial-section .owl-carousel .owl-dots{
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    
    width:100px;
    margin:0;
    height:50px;
    padding:25px 0 0
}
.testinomial-section  .common-heading{
    
}
.user-info p{
    font-size:16px;
    line-height:24px
}
.owl-carousel .user-image img{
    border-radius:100%;
    width:80px
}
.owl-carousel .owl-dots .owl-dot:before{
    top:2px;
    right:2px;
    bottom:2px;
    left:2px;
    opacity:0;
    background:0 0;
    border:1px solid #ff1f8e
}
.owl-carousel .owl-dots .owl-dot:after,.owl-carousel .owl-dots .owl-dot:before{
    content:'';
    position:absolute;
    border-radius:50%;
    -webkit-transition:ease-out .16s;
    transition:ease-out .16s
}
.owl-carousel .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 2px;
    vertical-align:middle
}
.owl-carousel .owl-dots .owl-dot.active:before{
    top:0;
    right:0;
    bottom:0;
    left:0
}
.owl-carousel .owl-dots .owl-dot:after{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:.4;
    background:#ff1f8e;
    width:4px;
    height:4px
}
.owl-carousel .owl-dots .owl-dot.active:after,.owl-carousel .owl-dots .owl-dot.active:before{
    opacity:1
}
.owl-carousel .owl-dots .owl-dot.active:after,.owl-carousel .owl-dots .owl-dot:focus:after,.owl-carousel .owl-dots .owl-dot:hover:after{
    opacity:1
}
.light-bgs{
    background:rgba(255,255,255,.52);
    padding:30px;
    border-radius:8px
}
.enquire-form{
    background:#d6fffc;
    background:-moz-linear-gradient(top,#d6fffc 0,#ffeff5 100%);
    background:-webkit-linear-gradient(top,#d6fffc 0,#ffeff5 100%);
    background:linear-gradient(to bottom,#d6fffc 0,#ffeff5 100%)
}
.custom-file-label::after{
    line-height:44px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:3;
    display:block;
    border:0;
    height:auto;
    padding:0 15px;
    color:#495057;
    content:"Browse";
    background-color:#e9ecef;
    border-left:inherit;
    border-radius:0;
    cursor:pointer
}
.custom-file-label{
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:1;
    padding:0 15px;
    font-weight:400;
    height:50px;
    line-height:46px;
    background-color:#fff;
    border:2px solid #ced4da;
    border-radius:4px
}
.custom-file{
    position:relative;
    display:inline-block;
    width:100%;
    height:auto;
    margin-bottom:0
}
.modal-backdrop.show{
    opacity:.9;
    z-index:99999
}
.fdgn2 input,.fdgn2 select,.fdgn2 textarea{
    border:2px solid #e6e6e6!important
}
.form-block input:focus,.form-block textarea:focus{
    border-bottom:2px solid #ff1f8e
}
.form-block input{
    width:100%;
    height:50px;
    padding:0 15px;
    margin:0 0 15px;
    color:#172b43;
    font-size:16px;
    outline:0;
    background:#fff;
    border:0;
    border-bottom:2px solid #e6e6e6;
    -webkit-border-radius:4px;
    border-radius:4px
}
.form-block textarea{
    height:100px;
    width:100%;
    padding:15px;
    margin:0 0 15px;
    color:#172b43;
    font-size:16px;
    outline:0;
    background:#fff;
    border:0;
    border-bottom:2px solid #e6e6e6;
    -webkit-border-radius:4px;
    border-radius:4px
}
.form-block .form-group{
    margin-bottom:0
}
.form-block select{
    width:100%;
    height:50px;
    padding:0 15px;
    margin:0 0 15px;
    color:#172b43;
    font-size:16px;
    outline:0;
    background:#fff;
    border:0;
    border-bottom:2px solid #e6e6e6;
    -webkit-border-radius:4px;
    border-radius:4px
}
.help-block.with-errors{
    color:#ff5050;
    margin:0 0 0 10px;
    font-size:13px;
    position:relative;
    bottom:12px
}
.messages .alert{
    position:relative;
    padding:6px 25px 6px 6px;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:.25rem;
    font-size:14px
}
.form-block .messages button:hover{
    background-color:transparent
}
.messages .close{
    font-size:1.5rem;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5;
    text-align:right;
    position:absolute;
    right:5px;
    top:0
}
.custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:#ff1f8e;
    background-color:#ff1f8e
}
.custom-control-input:focus~.custom-control-label::before{
    -webkit-box-shadow:0 3px 6px rgba(91,130,148,.08);
    box-shadow:0 3px 6px rgba(91,130,148,.08)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color:#ffbc80
}
.custom-control-label::before{
    position:absolute;
    top:-1px;
    left:-1.5rem;
    display:block;
    width:20px;
    height:20px;
    pointer-events:none;
    content:"";
    background-color:#fff;
    border:#adb5bd solid 1px
}
.custom-control-label::after{
    position:absolute;
    top:-3px;
    left:-26px;
    display:block;
    width:25px;
    height:25px;
    content:"";
    background:no-repeat 50%/50% 50%
}
.custom-control{
    margin-bottom:10px
}
.form-block label input{
    height:20px;
    width:20px;
    position:relative;
    top:5px;
    margin:0 5px 0 0
}
.fieldsets label{
    position:relative;
    top:-14px;
    font-size:14px;
    color:#ff1f8e;
    margin:0;
    padding:0;
    display:inline
}
.custom-control label{
    text-indent:-21px;
    padding:2px 0 0 21px;
    font-size:14px
}
.form-block label a{
    color:#000
}
.form-block p.trm{
    font-size:13px;
    width:100%;
    text-align:center;
    margin:10px 0 0
}
.form-block p.trm i{
    padding:5px 5px 0 0
}
.form-block button:hover{
    background-color:#ff1f8e
}
.form-block button{
    width:100%
}
.our-office{
    background:#fff;
    position:relative;
    overflow:hidden
}
.shape-bg1,.shape-num{
    position:relative
}
.shape-numm .shape-loc:first-child:before{
    content:'';
    background:url(../images/shape/shape-1.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    left:-40px;
    top:-55px;
    z-index:-1
}
.shape-numm .shape-loc:last-child:after{
    content:'';
    background:url(../images/shape/shape-2.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    right:-40px;
    top:-55px;
    z-index:-1
}
.shape-bg1:before{
    content:'';
    background:url(../images/shape/shape-1.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    left:-40px;
    top:-55px;
    z-index:-1
}
.shape-bg1:after{
    content:'';
    background:url(../images/shape/shape-2.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    right:-30px;
    top:-80px;
    z-index:-1
}
.office-text{
    padding:20px 0 0
}
.office-text h4{
    margin:0 0 10px
}
.office-text p{
    padding:0 50px 0 0;
    margin:0 0 20px
}
.skyline-img{
    background:#fbf4f1;
    padding:20px;
    border-radius:8px 40px 8px 0;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.-address-list li a{
    color:#6a6a8e
}
.-address-list li a i{
    width:25px
}
.-address-list li{
    line-height:35px
}
#scrollUp:hover{
    opacity:1
}
#scrollUp{
    bottom:20px;
    right:20px;
    width:30px;
    height:50px;
    -webkit-border-radius:100px;
    border-radius:100px;
    color:#fff;
    opacity:.4;
    background:url(../images/icons/up-arrow.svg) #ff6b2b;
    background-repeat:no-repeat;
    background-size:15px;
    background-position:center center;
    background-repeat:no-repeat;
}
footer{
    position:relative
}
.footer-svg{
    height:80px;
    overflow:hidden;
    margin:-20px 0 0
}
.footer-svg svg path{
    fill:#fff0f5
}
footer .row{
    position:relative;
    z-index:1
}
footer.ftshap:after{
    content:"";
    background:url(../images/shape/shape-1.png);
    position:absolute;
    width:200px;
    height:370px;
    background-repeat:no-repeat;
    top:35%;
    z-index:0;
    right:0;
    background-position:center right;
    background-size:80%;
    opacity:.5
}
footer.ftshap:before{
    content:"";
    background:url(../images/shape/shape-2.png);
    position:absolute;
    width:250px;
    height:250px;
    bottom:0;
    z-index:0;
    left:0;
    background-repeat:no-repeat;
    background-position:left bottom;
    background-size:100%;
    opacity:.5
}
.footer-row1{
    background:#fffdf2;
    background:-moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background:-webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background:linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%);
    padding:80px 0
}
.footer-row2{
    background:#fff;
    padding:50px 0 80px
}
.footer-row3{
    background:#fff;
    padding:40px 0
}
.email-subs h3{
    margin-bottom:10px
}
.hline{
    border-top:1px solid #e2eaef;
    margin:0;
    position:relative
}
.email-subs-form{
    position:relative
}
.email-subs-form form{
    align-items:center;
    justify-content:center;
    display:flex
}
.email-subs-form input{
    width:100%;
    height:65px;
    padding:0 175px 0 30px;
    margin:0;
    color:#172b43;
    font-size:16px;
    outline:0;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-border-radius:100px;
    border-radius:100px;
    -webkit-box-shadow:-6px 6px 11px #f2f2f2,6px -6px 11px #fff0e8;
    box-shadow:-6px 6px 11px #f2f2f2,6px -6px 11px #fff0e8
}
.email-subs-form button{
    width:max-content;
    position:absolute;
    right:5px;
    border-radius:28px 100px 100px 28px;
    padding:0 30px;
    line-height:55px;
    box-shadow:none
}
.footer-row2 h5{
    margin-bottom:25px;
    font-size:24px;
    font-weight:500;
    margin-top:30px
}
.footer-address-list li p{
    font-weight:600;
    font-size:18px;
    font-family:Poppins,sans-serif;
    line-height:25px
}
.footer-address-list li p span{
    display:flex;
    font-weight:400;
    font-size:15px;
    font-family:open sans,sans-serif
}
.footer-address-list li>span{
    position:relative;
    top:5px
}
.footer-address-list li{
    color:#6a6a8e;
    display:flex;
    padding:0 0 5px
}
.footer-address-list li:last-child{
    padding:0
}
.footer-address-list li a{
    color:#6a6a8e;
    font-family:open sans,sans-serif;
    font-size:16px;
    line-height:24px
}
.footer-address-list li i{
    margin:0 15px 0 0;
    display:initial;
    font-size:21px
}
.ftr-details li{
    padding:0 0 15px
}
.footer-block{
    padding:20px 0
}
.social-links{
    text-align:right
}
.social-links a{
    color:#6a6a8e;
    font-size:25px;
    line-height:1
}
.footer-social-media-icons a:hover{
    color:#ff1f8e!important
}
.footer-social-media-icons a{
    color:#6a6a8e;
    font-size:26px;
    border-radius:4px;
    margin:0 20px;
    width:35px;
    height:35px;
    display:inline-block;
    text-align:center;
    line-height:34px
}
.copyright{
    text-align:center;
    color:#6a6a8e
}
.footer-social-media-icons{
    margin:0 0 30px
}
.footer- p a{
    color:#6a6a8e
}
.link-hover a{
    color:#6a6a8e;
    font-family:Poppins,sans-serif;
    display:inline-block;
    padding:3px 0;
    position:relative;
    overflow:hidden;
    -webkit-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    z-index:1
}
.link-hover a::after{
    content:"";
    width:0;
    height:1px;
    bottom:0;
    position:absolute;
    left:auto;
    right:0;
    z-index:-1;
    -webkit-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background:currentColor
}
.link-hover a:hover::after{
    width:100%;
    left:0;
    right:auto
}
.link-hover a:hover{
    color:#ff1f8e!important
}
.breadcrumb-area{
    padding:150px 0 90px;
    position:relative;
    overflow:hidden;
    text-align:center
}
.breadcrumb-areav2{
    padding:150px 0 100px;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}

.statistics-wrap{
    padding:30px 0;
    -webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.05);
    box-shadow:0 10px 10px -10px rgba(0,0,0,.05)
}
.breadcrumb-areav2:before{
    content:'';
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    opacity:.85;
    right:0;
    left:0;
    z-index:0;
    background-color: #000000ab;
}
/* .breadcrumb-area:before{
    content:'';
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    opacity:.85;
    right:0;
    left:0;
    z-index:0;
    background:-moz-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background:-webkit-linear-gradient(-45deg,#ffdee9 0,#c8fff4 100%);
    background:linear-gradient(135deg,#ffdee9 0,#c8fff4 100%)
} */
/* .breadcrumb-area:after{
    content:'';
    z-index:0;
    background:url(../images/banner/banner-shap-2.png);
    background-size:auto;
    position:absolute;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    right:0;
    top:0;
    z-index:1;
    background-position:center right;
    background-size:contain
} */
.breadcrumb-area ul li{
    display:block;
    display:inline-block
}
.breadcrumb-area .bread-menu li a{
    color:#6a6a8e;
    font-size:16px;
    font-weight:400;
    padding-right:6px;
    display:inline-block
}
.breadcrumb-area .bread-menu li+li::before{
    font-size:5px;
    font-family:'font awesome 5 free';
    content:"\f111";
    font-weight:700;
    margin:0 10px 0 0;
    position:relative;
    top:-3px
}
.text-block{
    position:relative;
    z-index:55
}
.bread-title h2{
    font-weight:600;
    font-size:35px;
    line-height:47px;
    margin:15px 0 0
}
.bread-inner p{
    font-size:16px;
    line-height:28px
}
.block-1 p+p{
    margin:25px 0 0
}
.block-1 .small{
    margin-top:50px
}
.block-1 .statnumb{
    margin:0
}
.why-choose{
    background:#f7fcff
}
.banner-4{
    background:url(../images/banner/2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.team{
    overflow:hidden
}
.bg-gradient99{
    background:#fff;
    background:-moz-linear-gradient(top,#fff 0,#eef4fd 100%);
    background:-webkit-linear-gradient(top,#fff 0,#eef4fd 100%);
    background:linear-gradient(to bottom,#fff 0,#eef4fd 100%)
}
.image-div{
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    -webkit-border-radius:8px;
    border-radius:8px;
    overflow:hidden
}
.info-text-block{
    padding:20px 0 0
}
.info-text-block h4{
    margin:0 0 10px
}
.info-text-block h4 a{
    color:#050748
}
.full-image-card{
    margin-top:60px
}
.otherinfo{
    margin:30px 0 0
}
.otherinfo p{
    line-height:28px
}
.social-media-profile{
    margin:30px 0 0
}
.social-media-profile a{
    color:#6a6a8e;
    font-size:22px;
    margin:0 30px 0 0;
    display:inline-block;
    line-height:34px
}
.social-media-profile a:hover{
    color:#ff1f8e
}
.bg-shape img{
    position:relative;
    z-index:5
}
.bg-shape:after{
    content:'';
    background:url(../images/shape/shape-1.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    left:-55px;
    top:-55px;
    z-index:0
}
.bg-shape:before{
    content:'';
    background:url(../images/shape/shape-2.svg);
    background-size:auto;
    position:absolute;
    height:150px;
    width:150px;
    background-repeat:no-repeat;
    right:-55px;
    bottom:-55px;
    z-index:0
}
.banner-3{
    background:url(../images/banner/5.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.common-heading.pp h2{
    margin-bottom:0
}
.common-heading.pp{
    padding:0;
    text-align:left
}
.common-heading.pp p{
    margin:20px 0 0
}
.single-card-item{
    margin-top:60px
}
.filter-menu{
    text-align:center
}
.filters .filter-menu.recent{
    list-style:none;
    padding:0;
    bottom:0;
    position:inherit;
    text-align:right;
    margin:35px 0 0
}

.filters .filter-menu li {
    display: inline-block;
    padding: 14px 18px;
    color: #333;
    cursor: pointer;
    background: #feeee3;
    -webkit-border-radius: 100px;
    border-radius: 40px 40px 40px 20px;
}

.filters .filter-menu li.is-checked{
    background:#ff6b2b;
    color:#fff
}
.portfolio-meta ul li{
    font-size:14px;
    color:#fff;
    display:block;
    text-align:left;
    background:#fff;
    position:relative;
    padding:15px 20px 15px 55px;
    border-bottom:1px solid #ebebeb
}
.portfolio-meta ul li p{
    font-family:Poppins,sans-serif;
    font-size:16px;
    line-height:28px;
    background:#fff;
    display:inline-block;
    color:#050748;
    font-weight:600
}
.portfolio-meta ul li p span{
    font-family:open sans,sans-serif;
    display:block;
    margin-top:2px;
    color:#6a6a8e;
    font-weight:400
}
.portfolio-meta ul li i{
    position:absolute;
    left:10px;
    color:#050748;
    font-size:25px;
    top:50%;
    margin-top:-12.5px
}
.pv-:hover .item-image img{
    transform:scale(1)
}
.h-scroll{
    width:100%;
    padding:50px 10px
}
.tech-icons img{
    width:45px;
    margin:0 auto;
    position:absolute;
    right:0;
    left:0;
    top:50%;
    transform:translatey(-50%)
}
.tech-icons li{
    margin:6px;
    display:inline-block
}
.tech-icons a:hover{
    border:4px solid #d9cbff
}
.tech-icons a{
    border:4px solid #fff;
    display:inline-block;
    height:100%;
    position:relative;
    width:90px;
    height:90px;
    background:#fff;
    border-radius:100%;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.techonology-used-{
    text-align:center;
    background:#f9f9f9
}
.banner-2{
    background:url(../images/banner/6.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.service{
    overflow:hidden
}
.service .common-heading h2{
    margin-bottom: 15px;
    font-size: 28px;
    letter-spacing: 0.5px;
}
.cta-area{
    position:relative;
    overflow:hidden;
    background:#e0f8ff;
    background:-moz-linear-gradient(top,#e0f8ff 0,#fff0e5 100%);
    background:-webkit-linear-gradient(top,#e0f8ff 0,#fff0e5 100%);
    background:linear-gradient(to bottom,#e0f8ff 0,#fff0e5 100%)
}
.btn-outline{
    color:#050748;
    display:inline-block;
    padding:0 32px;
    font-size:16px;
    -webkit-box-shadow:0 10px 15px 0 rgba(3,35,68,.1);
    box-shadow:0 10px 15px 0 rgba(3,35,68,.1);
    line-height:52px;
    -webkit-border-radius:100px;
    border-radius:10px;

    background: #03385e;
    color: #fff;
    border-radius: 10px;
}
.btn-outline:hover{
    background:#ff6b2b;
    color:#fff;
}
.cta-call{
    margin:30px 0 0
}
.cta-call i{
    margin:0 5px 0 0
}
.cta-call a{
    font-family:Poppins,sans-serif;
    font-size:24px;
    color:#6a6a8e;
    display:inline-block;
    padding:0 0 0 10px
}
.cta-area .common-heading h2{
    margin-bottom:40px
}
.shape{
    position:absolute
}
.shape-a1{
    bottom:-20px;
    left:0
}
.shape-a2{
    bottom:-30px;
    right:0
}
.shape-a3{
    top:0;
    right:0
}
.shape-a4{
    top:-150px;
    right:20%
}
.common-heading.ptag h2{
    margin-bottom:20px;
    text-transform: uppercase;
    color: #333;
    font-family: 'Nunito Sans', sans-serif;
}
.common-heading.ptag p{
    font-size:16px;
    line-height:28px;
}
.ps-block span{
    font-size:60px;
    font-family:Poppins,sans-serif;
    border-radius:100%;
    border:1px solid #e8e8e8;
    width:100px;
    height:100px;
    display:block;
    text-align:center;
    line-height:100px;
    margin:0 0 20px;
    color:#6a6a8e;
    border-radius:68% 32% 64% 36%/59% 59% 41% 41%;
    background:#f5f5ff;
    animation:border-transform 6s linear infinite
}
.ps-block h3{
    margin-bottom:20px
}
.ps-block p{
    font-size:16px;
    line-height:28px
}
.ps-block{
    padding:0 25px
}
.featured-project .isotope_item{
    margin-top:60px
}
.featured-project{
    background:#f3fbff;
    background:-moz-linear-gradient(top,#f3fbff 0,#fffdf6 100%);
    background:-webkit-linear-gradient(top,#f3fbff 0,#fffdf6 100%);
    background:linear-gradient(to bottom,#f3fbff 0,#fffdf6 100%)
}
.maga-btn{
    text-align:center
}
.image-block1 img{
    -webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    -webkit-border-radius:8px;
    border-radius:8px;
    width:100%
}
.image-block img{
    -webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    -webkit-border-radius:8px
}
.wide-sblock{
    display:inline-flex;
    text-align:left;
    padding:30px 20px
}
.s-block-content{
    margin:0 0 0 20px
}
.key-points{
    display:block
}
.key-points li{
    padding:8px 0 8px 35px;
    position:relative;
    line-height:28px;
    font-size:17px
}
.key-points li:before{
    content:"\f00c";
    position:absolute;
    font-family:"font awesome 5 free";
    font-weight:900;
    left:0;
    top:9px;
    background:#ffc627;
    height:25px;
    width:25px;
    border-radius:50%;
    text-align:center;
    align-items:center;
    color:#333
}
.service-point-2{
    display:flow-root
}
.service-point-2 li{
    font-size:17px;
    font-weight:600;
    line-height:25px;
    padding:4px 0;
    float:left;
    width:50%
}
.s-card-icon-large{
    width:150px
}
.s-block-content-large{
    margin:0 0 0 20px;
    width:calc(100% - 150px)
}
.pricing-table{
    position:relative;
    text-align:center;
    padding:30px 30px 0;
    -webkit-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff;
    box-shadow:-30px 30px 60px #f2f2f2,30px -30px 60px #fff
}
.pricing-table img{
    background:#e9f8ff;
    width:90px;
    height:90px;
    border-radius:100%;
    padding:10px;
    border:8px solid #fbfbfb;
    animation:border-transform 6s linear infinite
}
.pricing-table .title{
    margin:30px 0 10px;
    font-size:16px;
    font-family:Poppins,sans-serif;
    font-weight:700;
    text-transform:uppercase;
    width:100%;
    display:block;
    letter-spacing:.5px
}
.pricing-table .title-sub{
    margin:0 0 30px
}
.pricing-table .inner-table h2{
    font-size:42px;
    font-weight:700;
    color:#ff1f8e;
    margin-bottom:3px
}
.pricing-table .inner-table p.duration{
    color:#72729a;
    font-weight:500;
    margin-bottom:0
}
.pricing-table .inner-table .details{
    margin-top:35px;
    padding-top:28px;
    padding-bottom:30px;
    line-height:42px;
    border-top:1px solid #e5e5e5
}
.pricing-table a{
    margin-bottom:-26px;
    display:inline-block
}
.pricing-table .inner-table .details ul{
    list-style:none;
    margin-bottom:0;
    padding:0
}
.pricing-table.best-plan .inner-table h2{
    color:#2a89ea
}
.pricing-table.best-plan img{
    background:#ccf0ff;
    width:90px;
    height:90px;
    border-radius:100%;
    padding:10px;
    border:8px solid #e9f8ff
}
.banner-5{
    background:url(../images/banner/7.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.case-study1{
    overflow:hidden
}
.case-study3{
    overflow:hidden
}
.case-study .image-div{
    border-radius:8px;
    overflow:hidden;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.case-study2{
    background:#fee
}
.image-div img{
    width:100%
}
.case-study2 .s-block{
    text-align:center;
    background:#fff;
    padding:50px 20px;
    margin:5px 0;
    position:relative;
    border:1px solid #d4f0ff;
    -webkit-box-shadow:-25px 25px 45px #f0dede,25px -25px 45px #fff6f6;
    box-shadow:-25px 25px 45px #f0dede,25px -25px 45px #fff6f6
}
.case-study1 .image-block img,.case-study3 .image-block img{
    -webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    width:100%
}
.case-study4{
    background:#fff
}
.project-platform{
    display:inline-flex
}
.project-platform-used a{
    display:flex;
    margin:0 auto;
    align-items:center;
    height:100%
}
.project-platform-used img{
    width:40px;
    margin:0 auto
}
.project-platform-used{
    width:80px;
    height:80px;
    background:#fff;
    border-radius:100%;
    text-align:center
}
.screen-splits{
    padding:0 10px
}

.blog-page{
    padding: 10px 0 60px;
}
.vrbloglist+.vrbloglist{
    margin-top:60px
}
.entry-blog{
    text-transform:capitalize;
    font-weight:400;
    font-size:15px;
    margin:5px 0 15px
}
.entry-blog a{
    color:#6a6a8e
}
.entry-blog a i{
    margin-right:4px
}
.bypost{
    margin-right:10px
}
.item-image{
    position:relative
}
.category-blog{
    position:absolute;
    left:0;
    bottom:0
}
.posted-on{
    margin-right:10px
}
.category-blog a{
    display:inline-block;
    padding:5px;
    background:#ff6b2b;
    color:#fff
}
.image-set{
    border-radius:8px;
    overflow:hidden
}
.image-set img{
    width:100%
}
.blog-header .user-image img{
    border-radius:100%;
    width:50px
}
.blog-header .user-info{
    font-family:Poppins,sans-serif;
    margin:0 0 0 20px
}
.postwatch{
    text-align:right
}
.ul-list{
    padding:0 0 0 20px
}
.ul-list li{
    font-size:16px;
    line-height:38px;
    list-style-type:circle
}
.rd-quote{
    padding:30px;
    position:relative;
    border-left:4px solid #fc4899;
    font-size:20px;
    line-height:32px;
    font-style:italic;
    margin:40px 0;
    background:#fafafb
}
.author-block{
    position:relative;
    padding:30px;
    margin-top:50px;
    border-top:none;
    background:#fafafb;
    border-radius:10px
}
.author-block .user-image img{
    width:80px;
    border-radius:100px
}
.comments-block h2{
    font-weight:600;
    font-size:25px;
    line-height:35px
}
.comments-block .user-info h5 span{
    font-size:15px;
    text-align:right;
    float:right;
    color:#6a6a8e
}
.comments-block .user-info h5{
    font-size:20px;
    display:flow-root
}
.comments-block .user-info h5 a{
    display:inline-block;
    padding:0 0 0 6px;
    color:#00b2ff
}
.comments-block .user-image img{
    width:50px;
    border-radius:100px
}
.replied{
    padding-left:60px
}
.form-blog button{
    width:max-content
}
.comments-block .media+.media{
    margin-top:60px
}
.form-blog{
    background:#fafafb;
    padding:40px;
    border-radius:8px
}
.offer-image{
    border-radius:8px;
    overflow:hidden
}
.offer-image img{
    width:100%
}
.recent-post .post-info p{
    font-size:16px;
    line-height:28px
}
.recent-post .post-image img{
    border-radius:8px;
    width:80px
}
.recent-post .post-image a{
    display:block
}
.recent-post .post-info h5 a{
    color:#050748
}
.recent-post .post-info h5 a:hover{
    color:#2196f3
}
.recent-post .post-info h5{
    font-size:16px;
    line-height:26px
}
.post-info{
    margin:0 0 0 20px
}
.widgets h3{
    font-size:20px
}
.recent-post .media+.media{
    margin-top:20px
}
.tabs a{
    font-size:15px;
    font-weight:400;
    text-transform:lowercase;
    padding:0 10px;
    line-height:30px;
    border-radius:4px;
    border:none;
    color:inherit;
    margin:0 4px 8px 0;
    display:inline-block;
    background:#f6f5fa;
    font-family:Poppins,sans-serif
}
.blog-categories ul li:first-child a{
    padding-top:0
}
.blog-categories ul li a{
    font-family:Poppins,sans-serif;
    display:block;
    padding:10px 0;
    font-size:16px;
    line-height:28px;
    border-bottom:1px solid #d3d3d3;
    text-decoration:none;
    color:#757589;
    position:relative
}
.blog-categories ul li span.categories-number{
    position:absolute;
    right:0
}
.blog-categories ul li:first-child{
    border-top:0 solid
}
.blog-post-tag span{
    font-size:18px;
    font-weight:700;
    display:block;
    margin-bottom:17px;
    color:#062a4d
}
.blog-share-icon span{
    font-size:18px;
    font-weight:700;
    color:#062a4d;
    display:block;
    margin-bottom:17px
}
.blog-share-icon a{
    color:#6a6a8e;
    font-size:18px;
    margin-right:22px
}
.blog-post-tag a{
    color:#6a6a8e;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    margin-right:10px;
    margin-bottom:10px;
    border-width:2px;
    border-style:solid;
    border-color:#eaedff;
    border-image:initial;
    padding:12px 24px;
    border-radius:5px
}
.blog-share-icon a:last-child{
    margin-right:0
}
.post-navigation span a{
    color:#6a6a8e;
    margin-bottom:5px;
    display:block
}
.post-navigation h4 a{
    color:#050748
}
.banner-6{
    background:url(../images/banner/4.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.contact-location{
    overflow:hidden
}
.info-card{
    padding: 10px 30px 10px; 
    margin-bottom: 10px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}

.info-card h3{
    font-size: 20px;
}
/* .contact-card{
    background:#fff8f2
} */
.email-card{
    background:#ffecec
}
.skype-card{
    background:#eafffd
}
.info-card span i{
    margin-right:10px
}
.info-card span{
    font-size:20px;
    font-weight:700;
    font-family:Poppins,sans-serif
}
.info-card p{
    font-size:16px;
    line-height:28px;
    margin:2px 0 6px
}
/* .info-card a{
    font-size:20px;
    color:inherit;
    font-weight:600
} */
.bglight{
    background:#fbfbfb
}
.list-ul li{
    padding:0 0 12px 25px;
    position:relative;
    line-height:22px;
    font-size:16px
}
.list-ul li:before{
    font-family:"font awesome 5 free";
    font-weight:700;
    position:absolute;
    left:0;
    top:2px;
    font-size:15px
}
.ul-check li:before{
    content:"\f00c"
}
.ul-circle li:before{
    content:"\f0a9"
}
.ul-numm li{
    list-style-type:decimal;
    padding:0 0 12px 5px
}
.ul-abc li{
    list-style-type:upper-latin;
    padding:0 0 12px 5px
}
.ul-liin{
    padding:0 0 0 20px
}
.error{
    height:100vh
}
.error-block{
    padding-top:50px;
    position:relative;
    z-index:5
}
.layer-div{
    position:relative
}
.error-block a{
    margin-top:40px
}
.layer-div:before{
    background:url(../images/icons/404.svg);
    background-repeat:no-repeat;
    background-size:70%;
    background-position:center center;
    content:"";
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    bottom:0;
    text-align:center;
    right:0;
    left:0;
    z-index:0
}
.reviews-block{
    background:#fafaff
}
.pr-shadow{
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.revbx-lr{
    font-size:40px
}
.revbx-rl{
    text-align:right;
    display:block
}
.revbx-rl img{
    max-width:130px
}
.reviews-card{
    position:relative;
    z-index:9;
    background:#fff;
    padding:25px;
    border-radius:8px
}
.right-review-box p{
    color:#676767;
    font-size:16px;
    line-height:25px;
    letter-spacing:.4px;
    font-style:inherit
}
.review-text{
    padding:30px 0
}
.left-review-box h4{
    font-size:16px;
    letter-spacing:1px;
    color:#333;
    padding:8px 0 0
}
.-client-details-{
    display:flex
}
.-reviewr{
    width:70px;
    height:70px;
    border-radius:100px;
    overflow:hidden;
    margin-right:15px
}
.reviewer-text h4{
    color:#333;
    padding:5px 0 0;
    font-size:16px;
    line-height:24px
}
.review-text{
    text-align:justify
}
.reviewer-text p{
    font-size:15px;
    line-height:20px
}
.star-rate li{
    display:inline-block;
    margin:0 2px
}
.star-rate{
    margin-top:5px
}
.star-rate li a.chked{
    color:#ff711c
}
.star-rate li a{
    color:#6a6a8e
}
.fl-hero{
    background:url(../images/shape/hero-shape.svg),#ffd6d6;
    background-position:center center,center center;
    background-size:cover,cover;
    background-repeat:no-repeat,no-repeat
}
.showin-mobile{
    display:none
}
.follow-label{
    display:flex
}
.follow-label h6{
    margin:0 40px 0 0;
    position:relative
}
.follow-label h6:after{
    content:'';
    position:absolute;
    top:50%;
    right:-38px;
    width:30px;
    height:1px;
    background:#6a6a8e
}
.follow-label a{
    color:#6a6a8e;
    padding:5px 10px;
    font-size:20px
}
.bhv-service{
    overflow:hidden
}
.counter-number{
    transform:translateZ(20px)
}
.hexagon{
    transform-style:preserve-3d;
    transform:perspective(1000px);
    text-align:center;
    min-width:240px;
    height:auto;
    padding:20px 30px;
    margin:0 20px;
    background:#fff;
    border-radius:8px 40px 8px 40px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.hexa1{
    border:2px solid #ffc3fe
}
.hexa2{
    border:2px solid #ffe6ba
}
.hexa3{
    border:2px solid #addaff
}
.hexa4{
    border:2px solid #ffbaba
}
.counter-no span{
    font-size:50px;
    font-weight:700;
    color:#050748
}
.counter-no p{
    font-size:20px;
    margin:10px 0 0;
    font-weight:500
}
.counter-no{
    display:inline-block
}
.freelance-service{
    background:#d4f0ff
}
.header-heading .title-{
    display:block;
    margin-bottom:15px
}
.header-heading span{
    color:#e60072
}
.lead-hero{
    background:url(../images/hero/bg-gradient.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.follow-label{
    display:flex
}
.lead-gen-client .clients-logo{
    background:#fff;
    padding:0 15px;
    max-height:150px;
    min-height:150px;
    margin:0;
    border:1px solid #d4f0ff;
    align-items:center;
    display:flex;
    position:relative;
    border-radius:8px;
    -webkit-box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff;
    box-shadow:-20px 20px 40px #ece0f2,20px -20px 40px #fff8ff
}
.itm-media-object .media .img-media{
    width:65px;
    background:#d3f3ff;
    padding:10px;
    border-radius:8px
}
.itm-media-object .media-body{
    margin-left:30px
}
.why-choos-lg{
    position:relative
}
.why-choos-lg:before{
    content:"";
    background:url(../images/shape/dot_bg.png);
    position:absolute;
    width:100%;
    height:100%;
    top:0
}
.itm-media-object h4{
    text-align:left
}
.srvc-bg-nx{
    background:#fff;
    overflow:hidden;
    border-radius:6px;
    margin:0 10px;
    height:240px;
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.about-sec-rpb{
    background:#fff8f2
}
.about-sec-rpb.pad-tb{
    padding-bottom:200px
}
.badges-content{
    text-align:center
}
.badges-content p{
    font-size:15px;
    line-height:22px;
    padding:0 50px;
    margin-top:10px
}
.w-txt h2{
    color:#fff
}
.common-heading.w-txt>span{
    color:#fff
}
.-service-list li:first-child{
    padding-left:0
}
.-service-list li{
    text-transform:uppercase;
    list-style:none;
    padding:0 8px;
    border-right:1px solid #d4d4d4;
    display:inline-block
}
.-service-list li:last-child{
    border-right:none
}
.service-sec-list p{
    font-size:15px;
    line-height:24px;
    margin:14px 0 0
}
.-service-list li a{
    font-size:13px;
    color:#6a6a8e;
    text-transform:uppercase;
    text-decoration:none;
    padding-bottom:5px;
    display:inline-block;
    font-weight:700
}
.link-prb{
    display:block
}
.col-lg-6-cus{
    width:40%
}
.col-lg-3-cus{
    width:30%
}
.mt30-{
    margin-top:20px
}
.text-w,.text-w a,.text-w h1,.text-w h2,.text-w h3,.text-w h4,.text-w h5,.text-w h6{
    color:#fff
}
.service-section-prb{
    position:relative;
    margin-top:-200px
}
.bg-shape-dez{
    position:relative
}
.bg-shape-dez::after,.bg-shape-dez::before{
    position:absolute;
    z-index:0;
    content:'';
    width:50%;
    height:50%;
    background:#007bff;
    background:-webkit-linear-gradient(left,#007bff 0,#ff1f8e 100%);
    background:linear-gradient(to right,#007bff 0,#ff1f8e 100%)
}
.bg-shape-dez::after{
    top:-10px;
    right:-10px;
    border-radius:0 8px 0 0
}
.single-image img{
    position:relative;
    z-index:5;
    border-radius:8px
}
.bg-shape-dez::before{
    bottom:-10px;
    left:-10px;
    border-radius:0 0 0 8px
}
.single-image img{
    position:relative;
    z-index:5;
    border-radius:8px
}
.srcl1{
  background-color:#fff ;
}
.srcl2{
    background-color:#fff ;
}
.srcl3{
    background-color:#fff ;
}
.srcl4{
    background-color:#fff ;
}
.srcl5{
    background-color:#fff ;
}
.service-sec-list p{
    display:none
}
.service-sec-list{
    padding:52px 25px
}
.service-sec-brp{
    padding:30px 25px
}
.service-sec-list img{
    -moz-transition:width .5s,height .5s;
    -webkit-transition:width .5s,height .5s;
    transition:width .5s,height .5s;
    height:60px;
    width:60px;
    margin-bottom:10px
}
.service-sec-list:hover{
    padding:25px
}
.service-sec-list:hover img{
    height:0;
    width:60px
}
.service-sec-list:hover p{
    display:block
}
.service-sec-list,.service-sec-list:hover,.service-sec-list:hover p{
    -moz-transition:all .8s;
    -o-transition:all .8s;
    -webkit-transition:all .8s;
    transition:all .8s
}
.-cta-btn{
    margin:0 auto;
    display:inline-block;
    text-align:center;
    width:100%
}
.-cta-btn p{
    font-size:30px;
    color:#050748;
    margin:0 30px 0 0
}
.-cta-btn p span{
    font-weight:700
}
.free-cta-title{
    display:inline-flex
}
.key-block.shadow-box{
    padding:15px;
    margin-bottom:20px;
    border-top:3px solid #a241bb;
    transition:all .3s ease-out 0s
}
.key-icon{
    margin-right:15px;
    float:left
}
.clients-logos ul li p{
    font-size:12px;
    padding-top:.5em;
    letter-spacing:0;
    font-weight:300;
    color:#959595
}
.clients-logos ul li{
    display:inline-block;
    padding:30px 0 0
}
.brand-logo{
    max-width:180px;
    margin:0 auto;
    padding:10px
}
.video-review{
    border-radius:8px;
    overflow:hidden
}
.video-review a{
    position:relative;
    display:inline-block
}
.video-review a:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    opacity:1;
    width:100%;
    height:100%;
    z-index:5;
    background:-moz-linear-gradient(top,rgb(30,87,153,0) 0,rgb(32,124,202,0) 70%,rgb(0,0,0,.5) 100%);
    background:-webkit-linear-gradient(top,rgb(30,87,153,0) 0,rgb(32,124,202,0) 70%,rgb(0,0,0,.5) 100%);
    background:linear-gradient(to bottom,rgba(30,87,153,0) 0,rgba(32,124,202,0) 70%,rgba(0,0,0,.5) 100%)
}
.review-vid-details{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:10px;
    position:absolute;
    bottom:0;
    z-index:10
}
.review-vid-details p{
    font-weight:700;
    color:#fff;
    font-size:20px
}
.-vid-ico{
    min-width:40px;
    min-height:40px;
    display:inline-flex;
    background:#fff;
    border-radius:1000px;
    transition:all .3s ease-in-out 0s;
    cursor:pointer;
    outline:0;
    position:relative;
    padding:10px;
    align-items:center
}
.triangle-play2{
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-left:12px solid #ff2d8d;
    border-bottom:7px solid transparent;
    text-align:center;
    margin:0 auto
}
.rount-btn{
    width:52px;
    height:52px;
    padding:0;
    text-align:center;
    font-size:18px;
    border:2px solid #dcdcdc
}
.review-ref{
    display:flex;
    align-items:center;
    justify-content:space-around
}
.review-icons a{
    display:inline-block;
    padding:0 20px
}
.bg-none{
    background:0 0
}
.img-with-shape{
    position:relative;
    text-align:center
}
.dg-hero-img0{
    border-radius:8px;
    transform:translateZ(60px);
    position:relative;
    z-index:9
}
.dg-hero-shp1a{
    top:0;
    left:0
}
.dg-hero-shp1{
    top:-50px;
    left:0
}
.dg-hero-shp2{
    transform:translatez(80px);
    top:40%;
    z-index:999;
    left:0;
    max-width:120px
}
.dg-hero-shp3{
    bottom:-80px;
    right:0
}
.shape-dg-1{
    position:absolute
}
.dark-main .-content-sec .title-hero-oth p,.dark-main .footer-address-list li a,.dark-main .post-social a,.dark-main a,.dark-main p{
    color:#a2a2a2
}
.dark-main .entry-blog-post a,.dark-main .isotope_item h4 a,.dark-main .link-reviewrr a,.dark-main .review-vid-details p,.dark-main .single-blog-info- h4 a,.dark-main .statistics span,.dark-main .title-hero-oth p,.dark-main h1,.dark-main h2,.dark-main h3,.dark-main h4,.dark-main h5,.dark-main h6{
    color:#e6e6e6
}
.dark-main a.bg-btn,.dark-main a.lnk{
    color:#fff
}
.dark-main input,.dark-main textarea{
    box-shadow:none
}
.dark-main .s-block{
    background:#1d1d1d;
    border:1px solid #1d1d1d
}
.dark-main .single-blog-post-{
    background:#1d1d1d;
    border:1px solid #1d1d1d
}
.dark-main .post-social{
    border-top:1px solid #2b2b2b
}
.dark-main .blog-content-tt{
    border:0 solid #ececec
}
.f-weight .-cta-btn p span{
    font-weight:900
}
p.video-lab--{
    color:#6a6a8e
}
.mr25{
    margin-right:25px
}
.dg-bg2{
    background-image:-moz-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%)!important;
    background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%)!important;
    background-image:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%)!important
}
.hero-digital-agency-1 p{
    color:#bdbfca
}
.hero-digital-agency-1 .header-heading h1{
    font-size:80px;
    line-height:90px;
    font-weight:900
}
.-content-sec .triangle-play{
    border-left:25px solid #fff
}
.-content-sec a.play-video::after{
    border:6px solid #ff2d8d
}
.-content-sec a.play-video{
    background:#ff2d8d
}
.-content-sec .title-hero-oth p{
    font-size:18px;
    color:#6a6a8e;
    margin:0 0 0 20px;
    text-transform:capitalize
}
.dg-btn{
    background-color:transparent;
    border:1px solid #fff
}
.dg-bg{
    background-color:#202020
}
.dg-bg--1{
    background-color:#111
}
.dg-bg--2{
    background-color:#171717
}
.dg-clients-section .opl ul li{
    display:inline-block;
    padding:30px 0 0
}
.dg-clients-section .opl ul li p{
    font-size:12px;
    padding-top:.5em;
    letter-spacing:0;
    font-weight:300;
    color:#959595
}
.dg-testinomial-section .owl-carousel .owl-dots{
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    background:0 0;
    width:100px;
    margin:0;
    height:50px;
    padding:25px 0 0
}
.quote-css{
    font-size:45px;
    padding:0 20px 0 0;
    color:#909090
}
.video-testimonial{
    display:flex
}
.dg-statistics-section .statistics span{
    font-size:45px;
    font-weight:900
}
.common-heading-2{
    padding:0;
    text-align:center;
    position:relative;
    z-index:10
}
.common-heading-2 h2{
    font-weight:900
}
.common-heading-2>span{
    color:#e60072;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-size:16px;
    font-weight:400;
    margin:0 0 15px;
    display:block;
    font-weight:900
}
.itm-media-object .media img{
    width:100%
}
.itm-media-object .media .img-ab-{
    background:#f5f5f5;
    border-radius:8px;
    width:65px;
    padding:10px
}
.overlay-- .s-block{
    background:#222;
    border:1px solid #222;
    padding:30px;
    overflow:hidden
}
.ovr-bg1 .ovr-base:before{
    content:"";
    background:#ff6b2b;
    
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    left:0;
    opacity:0
}
.nn-card-set{
    position:relative;
    z-index:5;
    overflow:hidden
}
.ho-gdnt .s-block:hover:before{
    opacity:1
}
.ho-gdnt .s-block{
    overflow:hidden
}
.ho-gdnt .ovr-base:before{
    -webkit-transition:.8s cubic-bezier(.17,.85,.438,.99);
    -o-transition:.8s cubic-bezier(.17,.85,.438,.99);
    transition:.8s cubic-bezier(.17,.85,.438,.99)
}
.ho-gdnt .s-block:hover a,.ho-gdnt .s-block:hover h4,.ho-gdnt .s-block:hover p{
    color:#fff
}
.dg2-main .isotope_item h4 a{
    color:#fff
}
.up-hor:hover{
    transform:translateY(-7.5px)
}
.h-scl- .h-scl-base{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.h-scl-:hover .h-scl-base{
    -webkit-transform:scale(.9);
    -ms-transform:scale(.9);
    transform:scale(.9)
}
.h-scl-:hover .h-scl-base img{
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15)
}
.h-scl- .h-scl-base{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.bd-hor .bd-hor-base:after,.h-scl- .h-scl-base,.h-scl-base img,.up-hor{
    -webkit-transition:1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition:1.2s cubic-bezier(.17,.85,.438,.99);
    transition:1.2s cubic-bezier(.17,.85,.438,.99)
}
.itm-media-object h4{
    text-align:left;
    margin-bottom:10px
}
.single-blog-post-{
    border-radius:8px;
    background:#fff
}
.single-blog-img- img{
    border-radius:8px 8px 0 0
}
.single-blog-img-{
    position:relative
}
.entry-blog-post{
    border-radius:100px;
    padding:10px 15px;
    margin:0 20px;
    position:absolute;
    bottom:-18px;
    right:0;
    left:0;
    justify-content:space-between;
    display:flex
}
.entry-blog-post a{
    color:#fff;
    font-size:14px
}
.single-blog-info- h4{
    margin-bottom:18px
}
.single-blog-info- h4 a{
    color:#050748
}
.post-social{
    margin:30px 0 0;
    border-top:1px solid #dadada;
    padding-top:30px
}
.post-social a{
    color:#6a6a8e;
    display:inline-block;
    padding:0 10px 0 0
}
.blog-content-tt{
    padding:45px 25px 25px;
    border:1px solid #ececec;
    border-top:0;
    border-radius:0 0 8px 8px
}
.link-reviewrr{
    margin:30px 0 0
}
.link-reviewrr a{
    display:block;
    padding:0 0 4px;
    color:#6a6a8e
}
.dark-footer,.dark-footer .ff-social-icons a,.dark-footer .footer-address-list li a,.dark-footer .footer-address-list li p,.dark-footer .footer-address-list li>span,.dark-footer .footer-link-- li a{
    color:#a2a2a2
}
.dark-footer h5{
    color:#e6e6e6
}
.dg2-main .footer-address-list li a{
    color:#bdbfca
}
.footer-copyrights- a{
    color:#bdbfca
}
.footer-link--{
    text-align:right
}
.footer-link-- li{
    display:inline-block
}
.footer-link-- li a{
    color:#bdbfca;
    margin-left:15px;
    font-size:16px
}
.end-footer-{
    border-top:1px solid rgba(237,237,237,.05);
    margin-top:70px;
    padding:35px 0
}
.ff-social-icons a{
    color:#fff;
    padding:0 20px 0 0;
    font-size:18px
}
.video-bg-{
    background:#000
}
.full-video{
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:.3
}
.email-subs-form .form-cta{
    align-items:center;
    justify-content:center;
    display:flex
}
.hero-creative-agenc1{
    background-size:cover;
    background-position:center center
}
.hero-creative-agenc1 .header-heading h1{
    font-weight:900
}
.ovr-bg2 .ovr-base:before{
    content:"";
    background:-webkit-linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    left:0;
    opacity:0
}
.sec-dark h2,.sec-dark h4,.sec-dark h5{
    color:#fff
}
.sec-dark p{
    color:#bdbfca
}
.hero-creative-agenc2 .container{
    max-width:1320px
}
.img-design{
    display:inline-flex;
    align-items:center
}
.ag-dg1{
    z-index:1;
    border-radius:8px 8px 8px 100px;
    min-width:100%;
    top:0;
    left:30px;
    position:relative
}
.ag-dg2{
    z-index:0;
    border-radius:8px 8px 100px 8px;
    bottom:0;
    right:30px;
    min-width:100%;
    position:relative
}
.shpdzz{
    position:absolute
}
.shpdez1{
    width:90px;
    height:90px;
    background:#ffc107;
    border-radius:100px 100px 0 100px;
    left:0;
    bottom:0
}
.shpdez2{
    width:140px;
    height:140px;
    background:#00bcd4;
    border-radius:0 100px 100px 100px;
    left:0;
    top:0;
    z-index:5
}
.shpdez3{
    width:40px;
    height:40px;
    background:#4caf50;
    border-radius:100px 0 100px 100px;
    left:160px;
    top:0
}
.shpdez4{
    width:140px;
    height:80px;
    background:#ff6c89;
    border-radius:100px;
    left:130px;
    bottom:0;
    z-index:5
}
.img-block-ca2 .abt-ca2{
    border-radius:100px 0 100px 0;
    position:relative;
    z-index:5;
    width:80%
}
.img-block-ca2 .dot-sp-ca2{
    position:relative;
    z-index:0
}
.div-portfolio-{
    background:#1d1d1d;
    padding:60px;
    border-radius:8px
}
.itm-tag{
    font-weight:700;
    font-style:italic
}
.div-item-image img{
    border-radius:8px;
    width:inherit!important;
    margin:0 auto
}
.porto-slide .owl-dots{
    text-align:center;
    margin-top:30px
}
.img-ca2set{
    max-height:370px;
    overflow:hidden;
    border-radius:8px
}
.aa a:hover{
    color:#ff1f8e!important
}
.bd-hor .bd-hor-base{
    overflow:hidden
}
.bd-hor .bd-hor-base:hover:after{
    width:100%;
    overflow:hidden
}
.bd-hor .bd-hor-base:after{
    content:'';
    position:absolute;
    left:0;
    width:0%;
    bottom:0;
    height:4px;
    background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%)
}
.dot-c1{
    position:absolute;
    width:80px;
    height:80px;
    border-radius:100px;
    border:0
}
.dot-c1 img{
    width:70px;
    border-radius:100px
}
.tcc1{
    background:#ffc107;
    width:130px;
    text-align:left;
    padding-left:5px;
    border-radius:100px 100px 100px 100px
}
.tcc2{
    background:#f44336;
    right:0;
    width:120px;
    text-align:right;
    padding-right:5px;
    border-radius:0 100px 100px 0
}
.tcc3{
    background:#00bcd4;
    right:120px;
    width:130px;
    top:200px;
    border-radius:100px 8px 100px 100px;
    text-align:left;
    padding-left:5px
}
.tcc4{
    background:#ff6c89;
    left:150px;
    top:110px;
    width:150px;
    border-radius:100px 100px 100px 8px;
    text-align:right;
    padding-right:5px
}
.tcc5{
    background:#4caf50;
    right:0;
    bottom:0;
    border-radius:100px 100px 100px 8px;
    width:130px;
    text-align:right;
    padding-right:5px
}
.tcc6{
    background:#9c27b0;
    bottom:0;
    left:10%;
    width:150px;
    text-align:left;
    padding-left:5px;
    border-radius:100px 8px 100px 100px
}
.dot-c1.active{
    box-shadow:6px 6px 0 rgb(255 255 255/.5)
}
.instagram-post .thumb{
    overflow:hidden
}
.instagram-post{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:5px
}
.minimal-portfolio{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain
}
.minimal-portfolio .dzname{
    font-size:22px;
    line-height:30px;
    font-weight:700
}
h3 a{
    color:#050748
}
.br-blog-post-{
    position:relative
}
.link-blog-post a{
    position:absolute;
    right:0;
    bottom:0;
    padding:20px;
    background:#fff;
    color:#050748;
    font-weight:600
}
.btn-flnc{
    align-items:flex-end;
    display:flex
}
.post-newsltr .owl-stage{
    padding-left:0!important
}
.bg-light-f7{
    background:#f7f7f7
}
.img-hro img{
    border-radius:8px
}
/* .mobile-app-{
    background: url(../images/home-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
} */
.hero-heading-sec2 h1{
    color:#14133b;
    font-size:42px;
    line-height:67px;
    font-weight:900;
    display:inline-block;
    margin-top: 80px;
    font-family: 'Nunito Sans', sans-serif
}
.hero-heading-sec2>p{
    color: #14133b;
    margin-top: 25px;
    font-size: 18px;
    border: 1px dashed #ff6b2b;
    padding: 9px 22px;
    border-radius: 5px;
    margin-bottom: 30px;
    display: inline-block;
}
.wide-sblock{
    display:inline-flex;
    text-align:left;
    padding:30px 20px
}
.img100w{
    max-width:100%!important;
    width:auto!important
}
.funfct{
    box-shadow:0 11px 20px rgb(123 149 162/15%);
    line-height:26px;
    padding:18px;
    margin-top: 20px;
 

    position:relative;
    text-align:center
}
.funfct p{
    font-weight:600;
    color:#232323;
    font-size: 15px;
}
.funfct img{
    width:65px;
    margin:0 auto 15px;
    display:block
}
.funfct .services-cuntr{
    display:inline-block;
    font-weight:900;
    font-size:30px;
    color:#050748;
    padding:15px 0
}
.about-sec-app{
    padding: 70px 0 60px;
}
.service-section-app{
   
    padding: 50px 0 50px !important;
}
.-service-list li:first-child{
    padding-left:0
}
.-service-list li{
    text-transform:uppercase;
    list-style:none;
    padding:0 8px;
    border-right:1px solid #d4d4d4;
    display:inline-block
}
.link-prbs{
    display:block;
    color:#6a6a8e;
    font-size:16px;
    font-family:Poppins,sans-serif
}
.tec-icon ul li .img-iconbb{
    display:inline-flex;
    border-radius:100%;
    background:#f5f7ff;
    width:60px;
    height:60px;
    align-items:center
}
.tec-icon ul li img{
    width:40px;
    margin:0 auto
}
.tec-icon ul li{
    display:inline-block;
    margin:0 10px 0 0
}
.service-card-app{
    display:block;
    background:#fff;
    box-shadow:0 11px 20px rgb(123 149 162/15%);
    font-weight:400;
    font-size:14px;
    padding:30px;
    border-radius:40px 8px 40px 8px
}
.servc-icon-sldr{
    display:flex
}
.clients-section-app{
    background:#4302ae
}
.item-info-div{
    background:#fff;
    padding:8px 15px;
    position:relative;
    top:-20px;
    width:95%;
    border-radius:40px 8px 8px 8px; 
    margin:0 auto;
    text-align:center
}
.item-info-div h4{
    margin:0
}
.industry-workfor{
    background:#fff;
    padding:8px 8px;
    border-radius:8px;
    margin-top:30px;
    display:flex;
    align-items:center
}
.hoshd:hover{
    box-shadow:0 15px 39px -11px #46638e45;
    transform:translate(0,-5px);
    /* border-radius: 8px 40px 8px 40px; */
}
.industry-workfor img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.industry-workfor h6{
    margin:0 0 0 15px
}
.tcd{
    display:block;
    background:#fff;
    box-shadow:0 11px 20px rgb(123 149 162/15%);
    font-weight:400;
    font-size:14px;
    padding:60px 30px;
    border-radius:40px 8px 8px 8px
}
.posiqut{
    position:absolute;
    right:10px;
    bottom:10px;
    font-size:60px;
    color:#00f2a6
}
.pl50{
    padding-left:50px!important
}
.tcd .owl-dots{
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    margin:15px
}
.app-cta{
    background:#4301b2;
    position:relative;
    overflow:hidden
}
.shape-c1{
    background:0 0;
    width:200px;
    height:200px;
    border-radius:100px 100px 100px 100px;
    border:6px solid #f8d873
}
.shape-c2{
    background:0 0;
    width:200px;
    height:200px;
    border-radius:100px 100px 100px 30px;
    border:6px solid #00f2a6;
    right:-20px;
    top:-70px
}
.shape-c3{
    background:0 0;
    width:100px;
    height:100px;
    border-radius:100px 100px 100px 30px;
    border:6px solid #fff;
    right:90px;
    bottom:-20px
}
.apppg .brand-logo{
    max-width:180px;
    margin:0 auto;
    padding:10px;
    background:#fff;
    border-radius:8px
}
.apppg li p{
    color:#fff;
    margin:10px 0 0
}
.info-text-div{
    padding:20px;
    background:#fff;
    box-shadow:0 20px 30px -20px rgb(0 21 167/20%);
    border-radius:8px 8px 8px 8px;
    border-bottom:5px solid #b0bdff
}
.landscp{
    text-align:center;
    background:#fbfbfb
}
.sctxt{
    font-size:90px;
    position:absolute;
    right:0;
    left:0;
    text-align:center;
    top:5;
    font-weight:900;
    text-transform:uppercase;
    -webkit-text-stroke:1px #e8e8e8;
    -webkit-text-fill-color:#fff
}
.business-startup{
    background:url(../images/hero/wave-hero.svg);
    background-repeat:no-repeat;
    background-position:center top
}
.bg-light-ylo{
    background:#e9f5ff
}
.up-curvs{
    position:absolute;
    right:0;
    left:0;
    top:-50px
}
.bottom-curvs{
    position:absolute;
    right:0;
    left:0;
    bottom:-50px
}
.bg-flat5{
    background:#fff9f1
}
.bg-flat6{
    background:#fff3f3
}
.login-form-div{
    max-width:460px;
    margin:0 auto;
    background:#fff;
    padding:40px;
    border-radius:8px
}
.login-page{
    background:url(../images/shape/bg-rectangles-.png),#101010;
    display:flex;
    height:100vh
}
.fb-btn{
    line-height:46px;
    background-color:#3b5998!important
}
.google-btn{
    line-height:46px;
    background-color:#e94235!important
}
.closes{
    right:8px;
    font-size:35px;
    font-weight:700;
    top:-2px;
    color:#d6d6d6;
    border:0;
    background:0 0
}
.popup-modals .modal-dialog{
    max-width:600px
}
.modal-body{
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:30px
}
@media(min-width:1200px){
    .shop-container{
        max-width:1110px!important
    }
}
.shop-tags-list li{
    display:inline-block;
    margin-top:10px;
    margin-right:2px;
    margin-left:2px
}
.shop-tags-list li a{
    display:inline-block;
    background-color:#fff;
    border:1px solid #f2effc;
    box-shadow:0 2px 8px 0 rgba(0,0,225,.08);
    color:#050748;
    padding:12px 16px;
    border-radius:30px;
    font-weight:500;
    font-size:14px;
    text-transform:capitalize
}
.shop-tags-list li a.active{
    background-color:#436ad6;
    color:#fff
}
.shop-tags-list{
    text-align:center
}
.shop-tags-list li a span{
    display:inline-block;
    margin:0 0 0 4px
}
.main-shop-catte a{
    display:inline-block;
    background-color:#e2e2ef;
    border:1px solid #f2effc;
    box-shadow:0 2px 8px 0 rgba(0,0,225,.08);
    color:#050748;
    padding:18px;
    border-radius:30px;
    font-weight:600;
    font-size:14px;
    text-transform:capitalize
}
.main-shop-catte a.active{
    background-color:#436ad6;
    color:#fff
}
.main-shop-catte{
    text-align:center
}
.shop-products-bhv{
    background:#fafafa
}
.rpb-shop-items-dv{
    padding:0;
    margin:0;
    border:0;
    text-align:inherit
}
.rpb-shop-items-dv a{
    padding:0;
    margin:0
}
.rpb-shop-items-info{
    padding:16px
}
.rpb-shop-items-tittl h3{
    font-size:16px;
    line-height:1
}
.rpb-shop-items-tittl h3 a{
    white-space:nowrap;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
    line-height:24px
}
.rpb-shop-items-tittl p.tags-itmm{
    font-size:14px;
    line-height:22px;
    margin:0;
    padding:0;
    color:#6a6a8e
}
.rpb-shop-items-flex{
    display:flex;
    justify-content:space-between;
    margin-top:20px
}
.rpb-itm-pric span.regular-prz{
    font-size:20px;
    font-weight:100;
    color:#6a6a8e;
    text-decoration:line-through;
    margin:0 0 0 6px
}
.rpb-itm-pric span.offer-prz{
    font-size:20px;
    font-weight:700;
    color:#050748
}
.rpb-tim-rate ul li a{
    margin:0;
    padding:0;
    font-size:13px
}
.rpb-tim-rate ul li{
    margin:0
}
.rpb-tim-rate{
    margin-top:5px
}
.rpb-itm-sale{
    margin-top:10px;
    display:block;
    font-size:14px
}
.rpb-shop-inf-rr{
    align-items:flex-end;
    display:flex
}
.rpb-shop-inf-rr a.rpb-shop-prev{
    display:inline-block;
    background-color:#fff;
    border:1px solid #f2effc;
    box-shadow:0 2px 8px 0 rgba(0,0,225,.08);
    color:#050748;
    padding:12px 16px;
    border-radius:30px;
    font-weight:500;
    font-size:14px;
    text-transform:capitalize
}
.pagination{
    display:-ms-flexbox;
    display:flow-root;
    list-style:none;
    border-radius:.25rem;
    margin:60px 0 0;
    text-align:center
}
.pagination a{
    display:inline-block;
    padding:10px 18px;
    color:#222
}
.pagi1 a{
    width:40px;
    height:40px;
    line-height:40px;
    padding:0;
    text-align:center
}
.pagi1 a.is-active{
    background-color:#436ad6;
    border-radius:100%;
    color:#fff
}
.rpb-shop-prevw{
    margin-bottom:40px;
    background-color:#f6f6f7;
    padding:20px
}
.tab-17 .nav-tabs{
    background:#f6f6f7;
    padding:0 15px
}
.tab-17.tabs-layout .nav-tabs .nav-link.active{
    color:#6a6a8e;
    background-color:transparent;
    border-color:transparent;
    border-radius:0;
    border-bottom:2px solid #ff358d
}
.tab-17.tabs-layout .nav-tabs .nav-link{
    border:0 solid transparent;
    color:#6a6a8e;
    background-color:transparent;
    border-radius:0;
    padding:15px;
    border-bottom:2px solid #f6f6f7
}
.badges{
    display:inline-block;
    padding:.25em .4em;
    font-size:50%;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.rpb-item-review .reviews-card{
    position:relative;
    z-index:9;
    background:#f6f6f7;
    padding:25px;
    border-radius:8px;
    margin-bottom:20px
}
.rpb-item-infodv{
    margin-bottom:40px;
    background-color:#f6f6f7;
    padding:20px
}
.nx-rt{
    float:right;
    font-size:15px;
    width:60%;
    text-align:right
}
.rpb-item-infodv ul li strong{
    color:#050748;
    font-size:15px;
    float:left;
    width:40%
}
.rpb-item-infodv ul li+li{
    border-top:1px solid #e0e0e0
}
.rpb-item-infodv ul li{
    padding:15px 0;
    display:flow-root
}
.btn-grp a{
    margin:0 10px
}
.div-for-data{
    border:1px solid #e0e0e0;
    margin:0;
    text-align:left;
    width:100%;
    border-radius:8px;
    background:#fff;
    border-collapse:separate
}
.rpb-cart-table table.cart_table th{
    padding:15px 20px;
    color:#050748;
    font-size:17px
}
.rpb-cart-table table.cart_table td{
    border-top:1px solid #e0e0e0;
    padding:15px 20px;
    font-size:16px;
    font-weight:500;
    color:#050748
}
.rpb-cart-table table .product-thumbnail img{
    width:60px
}
.rpb-cart-table table .product-name a{
    color:#050748
}
.rpb-cart-table a.remove{
    display:block;
    font-size:24px;
    height:25px;
    width:25px;
    text-align:center;
    line-height:25px;
    border-radius:100%;
    color:red!important;
    text-decoration:none;
    font-weight:700;
    border:0;
    background:#efefef
}
.update-cart{
    text-align:right
}
.cart-pg-coupon input{
    width:180px;
    height:45px;
    padding:0 10px;
    margin:0;
    color:#172b43;
    font-size:16px;
    outline:0;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-border-radius:8px;
    border-radius:8px
}
button.smllbtnn{
    line-height:45px;
    color:#fff;
    border-radius:8px;
    padding:0 20px;
    border:0
}
.cart-extra-sevc{
    padding:20px
}
.post-info h5 a{
    color:#050748;
    font-size:16px
}
.mt5{
    margin-top:5px
}
table{
    color:#050748
}
table.border{
    border-radius:8px
}
.btn-small{
    font-size:15px;
    font-weight:400;
    padding:0 20px;
    line-height:35px
}
.media+.media{
    margin-top:20px
}
.map-div iframe{
    width:100%;
    height:200px;
    border:0
}
.contact2dv{
    background:#e7fbff;
    padding:30px
}
.info-wrapr .dbox p span{
    color:#6a6a8e;
    font-size:20px;
    display:block;
    text-transform:capitalize;
    font-weight:700
}
.info-wrapr .dbox{
    width:100%;
    color:#6a6a8e;
    margin-bottom:25px
}
.info-wrapr .icon i{
    font-size:25px
}
.info-wrapr .text a{
    color:#6a6a8e
}
.pr30{
    padding-right:30px
}
.pl30{
    padding-left:30px
}
.addtocart{
    width:20px;
    height:20px;
    background:#fafafa;
    display:block;
    position:absolute;
    top:1px;
    right:-6px;
    line-height:20px;
    border-radius:100%;
    color:#050748;
    box-shadow:0 5px 10px rgb(93 0 39/44%);
    font-size:14px;
    font-weight:700
}
.custom-file-input:focus~.custom-file-label{
    border-color:#ced4da;
    box-shadow:none
}
.dropcap{
    float:left;
    font-size:45px;
    line-height:1;
    padding-right:10px;
    text-transform:uppercase
}
.list-style-{
    padding:0 0 0 20px;
    text-align:left
}
.list-style- li{
    line-height:32px;
    list-style-type:circle
}
.img-ctr{
    text-align:center;
    display:block
}
.footer-link-v2 li{
    display:inline-flex;
    padding:0 15px
}
.footer-badges-{
    display:flex;
    justify-content:space-between
}
.footer-badges- li{
    display:inline-block
}
.footer-badges- li a img{
    width:150px
}
.footer-brands{
    background:#f8f9fa;
    padding:30px 0
}
.single-blog- img{
    height:70px;
    width:70px;
    display:block;
    border-radius:8px
}
.single-blog- .post-meta i{
    margin:0 5px 0 0
}
.single-blog- .post-meta{
    font-size:13px
}
.single-blog- .content .title{
    line-height:20px;
    font-size:15px
}
.single-blog- .content .title a{
    color:#050748
}
.single-blog- .content .title a:hover{
    color:#ff1f8e
}
.post-thumb{
    margin-right:15px
}
.single-blog-{
    display:inline-flex
}
.footer-blog- .single-blog-:last-child{
    margin-top:20px
}
.icon-card-{
    text-align:center;
    background:#fff;
    border:1px solid #eaeaea;
    border-radius:8px;
    padding:15px
}
.icon-card- img{
    width:60px
}
.icon-card- h4{
    margin:20px 0
}
.logo-pre{
    background:linear-gradient(to bottom,#fffce9 0,#ffe1ec 100%);
    border-radius:50%;
    height:100px;
    width:100px;
    box-shadow:0 0 0 0 rgb(0 0 0/0%);
    animation:pulse 2s infinite;
    margin:0 auto 30px;
    display:flex;
    align-items:center;
    padding:8px
}
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(0,0,0,.5)
    }
    70%{
        box-shadow:0 0 0 30px transparent
    }
    100%{
        box-shadow:0 0 0 0 transparent
    }
}
.tilt-3d .base{
    transform-style:preserve-3d;
    transform:perspective(1000px)
}
.tilt-3d .layer{
    transform:translateZ(20px)
}
.shdo{
    -webkit-box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
    box-shadow:0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2)
}
.-shadow{
    -webkit-box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff;
    box-shadow:-20px 20px 35px #dcdcdc,20px -40px 35px #fff
}
a.disabled{
    pointer-events:none;
    cursor:default;
    opacity:.4
}
h1{
    font-size:45px;
    line-height:57px
}
h2{
    font-size:32px;
    line-height:52px
}
h3{
    font-size:28px;
    line-height:46px
}
h4{
    font-size:22px;
    line-height:32px
}
h5{
    font-size:20px;
    line-height:30px
}
h6{
    font-size:16px;
    line-height:26px
}
p{
    font-size:16px;
    line-height:28px
}
.pad-tb{
    padding-top:60px;
    padding-bottom:60px
}
.pad-tb2{
    padding-top:50px;
    padding-bottom:30px  
}

.pad-tb3{
    padding-top:20px;
    padding-bottom:50px  
}
.pr--100{
    padding-right:100px
}
.pl--100{
    padding-left:100px
}
.pl--50{
    padding-left:50px
}
.pr--50{
    padding-right:50px
}
.mr15{
    margin-right:15px
}
html .pl5{
    padding-left:5px!important
}
html .pt0{
    padding-top:0
}
html .pm0{
    padding-bottom:0
}
html .mt0{
    margin-top:0
}
html .mb0{
    margin-bottom:0
}
html .mt10{
    margin-top:10px
}
html .ml10{
    margin-left:10px
}
html .mt20{
    margin-top:20px
}
html .mt30{
    margin-top:30px
}
html .mt40{
    margin-top:40px
}
html .mt50{
    margin-top:50px
}
html .mt60{
    margin-top:60px
}
html .mt70{
    margin-top:70px
}
html .mt80{
    margin-top:80px
}
html .mt90{
    margin-top:90px
}
html .mt100{
    margin-top:100px
}
html .mb10{
    margin-bottom:10px
}
html .mb20{
    margin-bottom:20px
}
html .mb25{
    margin-bottom:25px
}
html .mb30{
    margin-bottom:30px
}
html .mb40{
    margin-bottom:20px
}
html .mb50{
    margin-bottom:50px
}
html .mb60{
    margin-bottom:60px
}
html .mb70{
    margin-bottom:70px
}
html .mb80{
    margin-bottom:80px
}
html .mb90{
    margin-bottom:90px
}
html .mb100{
    margin-bottom:100px
}
html .m0{
    margin:0!important
}
html .p0{
    padding:0!important
}
html .pt10{
    padding-top:10px
}
html .pt20{
    padding-top:20px
}
html .pt30{
    padding-top:30px
}
html .pt40{
    padding-top:40px
}
html .pt50{
    padding-top:50px
}
html .pt60{
    padding-top:60px
}
html .pt70{
    padding-top:70px
}
html .pt80{
    padding-top:80px
}
html .pt90{
    padding-top:90px
}
html .pt100{
    padding-top:100px
}
html .pt110{
    padding-top:110px
}
html .pt120{
    padding-top:120px
}
html .pt130{
    padding-top:130px
}
html .pt140{
    padding-top:140px
}
html .pb10{
    padding-bottom:10px
}
html .pb20{
    padding-bottom:20px
}
html .pb30{
    padding-bottom:30px
}
html .pb40{
    padding-bottom:40px
}
html .pb50{
    padding-bottom:50px
}
html .pb60{
    padding-bottom:60px
}
html .pb70{
    padding-bottom:70px
}
html .pb80{
    padding-bottom:80px
}
html .pb90{
    padding-bottom:90px
}
html .pb100{
    padding-bottom:100px
}
html .pb110{
    padding-bottom:110px
}
html .pb120{
    padding-bottom:120px
}
html .pb130{
    padding-bottom:130px
}
html .pb140{
    padding-bottom:140px
}
.badge-warning{
    color:#212529;
    background-color:#ffc107;
    text-align:center;
    display:inline
}
.xhighlight{
    display:block;
    color:#ff2c8e
}
.pl25{
    padding-left:25px!important
}
.pr25{
    padding-right:25px!important
}
.text-effect-1{
    background-image:-moz-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);
    background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);
    background-image:linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
.text-effect-2{
    background:#fc00c7;
    background-image:-moz-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background-image:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background-image:linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    -webkit-background-clip:text;
    -moz-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent
}
.bg-btn{
    background:#ff6b2b;
}
.bg-btn2{
    background:#ff6b2b;
}
.bg-btn3{
    background:#673ab7;
    background:-moz-linear-gradient(left,#673ab7 0,#2196f3 100%);
    background:-webkit-linear-gradient(left,#673ab7 0,#2196f3 100%);
    background:linear-gradient(to right,#673ab7 0,#2196f3 100%);
    -webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);
    box-shadow:0 10px 15px 0 rgba(56,0,189,.2)
}
.bg-btn4{
    background:0 0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #fff
}
.bg-btn5{
    background:#ff0048;
    background-image:-webkit-linear-gradient(45deg,#ff3870 0,#ff3870 50%,#c300c3 100%);
    background-image:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);
    -webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);
    box-shadow:0 10px 15px 0 rgba(56,0,189,.2)
}
.bg-btn6{
    background:#fc00c7;
    background:-moz-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:linear-gradient(135deg,#fc00c7 0,#1c4efd 54%,#00aded 100%)
}
.bg-btn7{
    background:#fc00c7;
    background:-moz-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:-webkit-linear-gradient(-45deg,#fc00c7 0,#1c4efd 54%,#00aded 100%);
    background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%);
    -webkit-box-shadow:0 10px 15px 0 rgba(56,0,189,.2);
    box-shadow:0 10px 15px 0 rgb(0 49 189/.2)
}
.hover-scale img{
    transform:scale(1)
}
.hover-scale:hover img{
    transform:scale(1.05)
}
.text-animation{
    font-weight:700;
    color:transparent;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:hue 6s infinite linear
}
.bg-a{
    background-image:linear-gradient(to right,#ff1f8e 0,#ffbd84 36%,#ffbd84 65%,#ff1f8e 100%)
}
.bg-b{
    background-image:linear-gradient(to right,#673ab7 0,#e91e63 36%,#e91e63 65%,#673ab7 100%)
}
@keyframes slideIn{
    0%{
        transform:translateY(1rem);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
    0%{
        transform:translateY(1rem);
        opacity:0
    }
}
@-webkit-keyframes slideIn{
    0%{
        -webkit-transform:transform;
        -webkit-opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        -webkit-opacity:1
    }
    0%{
        -webkit-transform:translateY(1rem);
        -webkit-opacity:0
    }
}
@keyframes hue{
    from{
        background-position:0 0
    }
    to{
        background-position:2000px 0
    }
}
@keyframes arrowanim{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(8px,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@-webkit-keyframes arrowanim{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(8px,0)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes updonanim{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,8px)
    }
    100%{
        transform:translate(0,0)
    }
}
@-webkit-keyframes updonanim{
    0%{
        transform:translate(0,0)
    }
    50%{
        transform:translate(0,8px)
    }
    100%{
        transform:translate(0,0)
    }
}
@keyframes border-transform{
    0%,100%{
        border-radius:63% 37% 54% 46%/55% 48% 52% 45%
    }
    14%{
        border-radius:40% 60% 54% 46%/49% 60% 40% 51%
    }
    28%{
        border-radius:54% 46% 38% 62%/49% 70% 30% 51%
    }
    42%{
        border-radius:61% 39% 55% 45%/61% 38% 62% 39%
    }
    56%{
        border-radius:61% 39% 67% 33%/70% 50% 50% 30%
    }
    70%{
        border-radius:50% 50% 34% 66%/56% 68% 32% 44%
    }
    84%{
        border-radius:46% 54% 50% 50%/35% 61% 39% 65%
    }
}
.lead-intro- img{
    animation:3s infinite updonanim;
    -webkit-animation:3s infinite updonanim
}

.bg-cyberx{
    background-color: #f7faff;
}
.bg-gradient{
    background:#c7ecff;
    background:-moz-linear-gradient(top,#c7ecff 0,#f9efff 100%);
    background:-webkit-linear-gradient(top,#c7ecff 0,#f9efff 100%);
    background:linear-gradient(to bottom,#c7ecff 0,#f9efff 100%)
}
.bg-gradient1{
    background:#ffe2e2;
    background:-moz-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:-webkit-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:linear-gradient(to bottom,#ffe2e2 0,#fff9f4 100%)
}
.bg-gradient2{
    background:#fdffed;
    background:-moz-linear-gradient(top,#fdffed 0,#effff8 100%);
    background:-webkit-linear-gradient(top,#fdffed 0,#effff8 100%);
    background:linear-gradient(to bottom,#fdffed 0,#effff8 100%)
}
.bg-gradient3{
    background:#e2f3ff;
    background:-moz-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background:-webkit-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background:linear-gradient(to bottom,#e2f3ff 0,#fffbef 100%)
}
.bg-gradient4{
    background:#c1eeff;
    background:-moz-linear-gradient(top,#c1eeff 0,#f5faff 100%);
    background:-webkit-linear-gradient(top,#c1eeff 0,#f5faff 100%);
    background:linear-gradient(to bottom,#c1eeff 0,#f5faff 100%)
}
.bg-gradient5{
    background:#fff6f3;
    background:-moz-linear-gradient(top,#fff6f3 0,#fffefb 100%);
    background:-webkit-linear-gradient(top,#fff6f3 0,#fffefb 100%);
    background:linear-gradient(to bottom,#fff6f3 0,#fffefb 100%)
}
.bg-gradient6{
    background:#e8fffc;
    background:-moz-linear-gradient(top,#e8fffc 0,#fff4f4 100%);
    background:-webkit-linear-gradient(top,#e8fffc 0,#fff4f4 100%);
    background:linear-gradient(to bottom,#e8fffc 0,#fff4f4 100%)
}
.bg-gradient7{
    background:#ffe2e2;
    background:-moz-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:-webkit-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:linear-gradient(to bottom,#ffe2e2 0,#fff9f4 100%)
}
.bg-gradient8{
    background:#fff8fb;
    background:-moz-linear-gradient(top,#fff8fb 0,#d0fcf6 100%);
    background:-webkit-linear-gradient(top,#fff8fb 0,#d0fcf6 100%);
    background:linear-gradient(to bottom,#fff8fb 0,#d0fcf6 100%)
}
.bg-gradient9{
    background:#e5ffee;
    background:-moz-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:-webkit-linear-gradient(top,#ffe2e2 0,#fff9f4 100%);
    background:linear-gradient(to bottom,#e5ffee 0,#e2f6ff 100%)
}
.bg-gradient10{
    background:#e4fffe;
    background:-moz-linear-gradient(top,#e4fffe 0,#ffedf3 100%);
    background:-webkit-linear-gradient(top,#e4fffe 0,#ffedf3 100%);
    background:linear-gradient(to bottom,#e4fffe 0,#ffedf3 100%)
}
.bg-gradient11{
    background:#ff1f8e;
    background:-moz-linear-gradient(left,#ff1f8e 0,#007bff 100%);
    background:-webkit-linear-gradient(left,#ff1f8e 0,#007bff 100%);
    background:linear-gradient(to right,#ff1f8e 0,#007bff 100%)
}
.bg-gradient12{
    background:#3f36b9;
    background:-moz-linear-gradient(left,#552ecd 0,#13137a 100%);
    background:-webkit-linear-gradient(left,#552ecd 0,#13137a 100%);
    background:linear-gradient(to right,#552ecd 0,#13137a 100%)
}
.bg-gradient13{
    background:#9c27b0;
    background:-moz-linear-gradient(left,#9c27b0 0,#673ab7 100%);
    background:-webkit-linear-gradient(left,#9c27b0 0,#673ab7 100%);
    background:linear-gradient(to right,#9c27b0 0,#673ab7 100%)
}
.bg-gradient14{
    background:#ff2d8d;
    background:-moz-linear-gradient(top,#ff2d8d 0,#653db9 100%);
    background:-webkit-linear-gradient(top,#ff2d8d 0,#653db9 100%);
    background:linear-gradient(to bottom,#ff2d8d 0,#653db9 100%)
}
.bg-gradient15{
    background:#fffdf2;
    background:-moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background:-webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background:linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%)
}
.bg-gradient16{
    background-image:-moz-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);
    background-image:-webkit-linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%);
    background-image:linear-gradient(45deg,#9217de 0,#4775ff 50%,#00b6d4 100%)
}
.bg-flat1{
    background:#f5f5f5
}
.classic-bg1{
    background:#fffef9
}
.classic-bg2{
    background:#f3fffe
}
.classic-bg3{
    background:#fef9ff
}
.classic-bg4{
    background:#3f36b9
}
.classic-bg5{
    background:#fffef4
}
.mobile-menu2{
    display:none
}
.mobile-menu2 .navm-{
    margin:0 0 0 10px
}
.mob-nav2{
    display:flex
}
.mob-nav2 li{
    position:relative
}
html.hc-nav-yscroll{
    overflow-y:scroll
}
body.hc-nav-open{
    overflow:visible;
    position:relative;
    width:100%;
    min-height:100%
}
.hc-offcanvas-nav{
    visibility:hidden;
    display:none;
    position:fixed;
    top:0;
    height:100%;
    z-index:9999999
}
.hc-offcanvas-nav.is-ios *{
    cursor:pointer!important
}
.hc-offcanvas-nav .nav-container{
    position:fixed;
    z-index:9998;
    top:0;
    height:100%;
    max-width:100%;
    max-height:100%;
    box-sizing:border-box;
    transition:transform .4s ease
}
.hc-offcanvas-nav .nav-wrapper{
    width:100%;
    height:100%;
    box-sizing:border-box
}
.hc-offcanvas-nav .nav-content{
    height:100%
}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content{
    overflow:scroll;
    overflow-x:visible;
    overflow-y:auto;
    box-sizing:border-box
}
.hc-offcanvas-nav ul{
    list-style:none;
    margin:0;
    padding:0
}
.hc-offcanvas-nav li{
    position:relative;
    display:block
}
.hc-offcanvas-nav li.level-open>.nav-wrapper{
    visibility:visible
}
.hc-offcanvas-nav li:not(.custom-content) a{
    position:relative;
    display:block;
    box-sizing:border-box;
    cursor:pointer
}
.hc-offcanvas-nav li:not(.custom-content) a[disabled]{
    cursor:not-allowed
}
.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{
    text-decoration:none
}
.hc-offcanvas-nav input[type=checkbox]{
    display:none
}
.hc-offcanvas-nav label{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    cursor:pointer
}
.hc-offcanvas-nav .nav-item{
    position:relative;
    display:block;
    box-sizing:border-box
}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after{
    content:'';
    position:fixed;
    z-index:9990;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s ease .4s,opacity .4s ease
}
.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after{
    visibility:visible;
    opacity:1;
    transition-delay:.05s
}
.hc-offcanvas-nav:not(.nav-open)::after{
    pointer-events:none
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{
    display:none
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{
    max-height:100vh
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{
    overflow:scroll;
    overflow-x:visible;
    overflow-y:auto;
    box-sizing:border-box;
    max-height:100vh
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{
    min-width:0;
    max-height:0;
    visibility:hidden;
    overflow:hidden;
    transition:height 0s ease .4s
}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{
    max-height:none;
    overflow:visible;
    visibility:visible
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content{
    overflow:scroll;
    overflow-x:visible;
    overflow-y:auto;
    box-sizing:border-box;
    max-height:100vh
}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{
    max-height:100vh
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{
    position:absolute;
    z-index:9999;
    top:0;
    height:100%;
    visibility:hidden;
    transition:visibility 0s ease .4s,transform .4s ease
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{
    position:static
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{
    visibility:visible;
    transform:translate3d(0,0,0);
    transition:transform .4s ease
}
.hc-offcanvas-nav.nav-position-left{
    left:0
}
.hc-offcanvas-nav.nav-position-left .nav-container{
    left:0
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{
    left:0;
    transform:translate3d(-100%,0,0)
}
.hc-offcanvas-nav.nav-position-right{
    right:0
}
.hc-offcanvas-nav.nav-position-right .nav-container{
    right:0
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{
    right:0;
    transform:translate3d(100%,0,0)
}
.hc-offcanvas-nav.nav-position-top{
    top:0
}
.hc-offcanvas-nav.nav-position-top .nav-container{
    top:0;
    width:100%
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{
    left:0;
    transform:translate3d(0,-100%,0)
}
.hc-offcanvas-nav.nav-position-bottom{
    top:auto;
    bottom:0
}
.hc-offcanvas-nav.nav-position-bottom .nav-container{
    top:auto;
    bottom:0;
    width:100%
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{
    left:0;
    transform:translate3d(0,100%,0)
}
.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container{
    transform:translate3d(0,0,0)
}
.hc-offcanvas-nav.rtl li{
    text-align:right
}
.hc-offcanvas-nav.rtl .nav-back span,.hc-offcanvas-nav.rtl .nav-close span,.hc-offcanvas-nav.rtl .nav-next span{
    left:0;
    right:unset
}
.hc-nav-trigger{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:none;
    top:20px;
    z-index:9980;
    width:30px;
    min-height:48px
}
.hc-nav-trigger span{
    width:30px;
    top:50%;
    transform:translateY(-50%);
    transform-origin:50% 50%
}
.main-header.sticky .hc-nav-trigger span,.main-header.sticky .hc-nav-trigger span::after,.main-header.sticky .hc-nav-trigger span::before{
    background:#050748
}
.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before{
    display:block;
    position:absolute;
    left:0;
    height:4px;
    background:#050748;
    transition:all .2s ease
}
.nav-bg-b .hc-nav-trigger span,.nav-bg-b .hc-nav-trigger span::after,.nav-bg-b .hc-nav-trigger span::before{
    background:#000
}
.hc-nav-trigger span::after,.hc-nav-trigger span::before{
    content:'';
    width:100%
}
.hc-nav-trigger span::before{
    top:-10px
}
.hc-nav-trigger span::after{
    bottom:-10px
}
.hc-nav-trigger.toggle-open span{
    background:transparent!important;
    transform:rotate(45deg)
}
.hc-nav-trigger.toggle-open span::before{
    transform:translate3d(0,9px,0)
}
.hc-nav-trigger.toggle-open span::after{
    transform:rotate(-90deg) translate3d(10px,0,0)
}
.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after{
    background:rgba(0,0,0,.5)
}
.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{
    background:#101010
}
.hc-offcanvas-nav h2{
    font-size:22px;
    font-weight:400;
    text-align:left;
    padding:10px 17px;
    color:#101010!important;
    background:#fff
}
.hc-offcanvas-nav .nav-item{
    padding:14px 17px;
    font-size:15px;
    color:#fff;
    z-index:1;
    background:transparent;
    border-bottom:0 solid #fff
}
.hc-offcanvas-nav .nav-item:focus,.hc-offcanvas-nav .nav-item:focus-within{
    z-index:10
}
.hc-offcanvas-nav .nav-item-wrapper{
    position:relative
}
.hc-offcanvas-nav .nav-highlight{
    background:#2e6296
}
.hc-offcanvas-nav .nav-back:focus,.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus{
    z-index:10
}
.hc-offcanvas-nav li:not(.custom-content) a{
    padding:14px 15px;
    font-size:15px;
    color:#fff;
    z-index:1;
    background:transparent;
    border-bottom:0 solid #2c5d8f
}
.hc-offcanvas-nav li:not(.custom-content) a[disabled]{
    color:rgba(255,255,255,.5)
}
.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover{
    background:#101010
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{
    border-top:1px solid #2c5d8f;
    margin-top:-1px
}
.hc-offcanvas-nav li{
    text-align:left
}
.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a{
    background:#fff;
    color:#101010
}
.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover{
    background:#fff
}
.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a{
    margin-top:-1px
}
.hc-offcanvas-nav li.nav-parent .nav-item:last-child{
    padding-right:35px
}
.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child){
    margin-right:44px
}
.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent .nav-next{
    width:45px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    text-align:center;
    cursor:pointer;
    transition:background .2s ease
}
.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before{
    content:'';
    position:absolute;
    top:46%;
    left:50%;
    width:10px;
    height:10px;
    margin-top:-3px;
    border-top:2px solid #101010;
    border-left:2px solid #101010
}
.hc-offcanvas-nav li.nav-close span::before{
    margin-left:-11px;
    transform:rotate(135deg)
}
.hc-offcanvas-nav li.nav-close span::after{
    transform:rotate(-45deg)
}
.hc-offcanvas-nav a.nav-next{
    border-left:1px solid #2c5d8f
}
.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav li.nav-back span::before{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    margin-left:-2px;
    box-sizing:border-box;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    transform-origin:center
}
.hc-offcanvas-nav .nav-next span{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0
}
.hc-offcanvas-nav .nav-next span::before{
    transform:translate(-50%,-50%) rotate(135deg)
}
.hc-offcanvas-nav li.nav-back span::before{
    transform:translate(-50%,-50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper{
    box-shadow:1px 0 2px rgba(0,0,0,.2)
}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper{
    box-shadow:-1px 0 2px rgba(0,0,0,.2)
}
.hc-offcanvas-nav.nav-position-right .nav-next span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(135deg)
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{
    box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.hc-offcanvas-nav.nav-position-top .nav-next span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{
    box-shadow:0 -1px 2px rgba(0,0,0,.2)
}
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before{
    margin-left:0;
    margin-right:-2px;
    transform:translate(-50%,-50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper{
    box-shadow:none;
    background:0 0
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2{
    display:none
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item{
    font-size:14px
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li{
    transition:background .3s ease
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open{
    background:#101010
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a{
    border-bottom:0 solid #fff
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover{
    background:#101010
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before{
    margin-top:2px;
    transform:translate(-50%,-50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before{
    margin-top:-2px;
    transform:translate(-50%,-50%) rotate(-135deg)
}
.hc-offcanvas-nav.rtl a.nav-next{
    border-left:none;
    border-right:0 solid #fff
}
.hc-offcanvas-nav.rtl li.nav-parent .nav-item{
    padding-right:17px;
    padding-left:58px
}
#main-nav{
    display:none
}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content{
    padding-bottom:41px
}
.hc-offcanvas-nav h2{
    font-weight:400
}
.hc-offcanvas-nav a{
    font-size:16px
}
.hc-offcanvas-nav li .custom-message{
    font-size:12px
}
.hc-offcanvas-nav li .custom-message a{
    color:#fff;
    font-size:13px
}
.hc-offcanvas-nav li .custom-message a:hover{
    text-decoration:none
}
.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav,.hc-offcanvas-nav.nav-position-top ul.bottom-nav{
    position:relative;
    border-top:none
}
.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content{
    padding-bottom:0
}
.hc-offcanvas-nav ul.bottom-nav{
    position:absolute;
    z-index:10;
    bottom:0;
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    border-top:0 solid #101010;
    background:#101010
}
.hc-offcanvas-nav ul.bottom-nav li{
    flex:auto
}
.hc-offcanvas-nav ul.bottom-nav li a{
    padding:10px;
    text-align:center;
    height:100%;
    border-bottom:none
}
.hc-offcanvas-nav ul.bottom-nav li svg{
    fill:#fff;
    display:inline-block;
    vertical-align:middle
}
.hc-offcanvas-nav ul.bottom-nav li.prb svg{
    width:18px;
    height:18px
}
.hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title{
    padding-right:60px
}
.hc-offcanvas-nav.close-no-label .nav-title+ul>.nav-close:first-child a{
    position:absolute;
    width:45px;
    height:56px;
    top:0;
    right:0;
    transform:translateY(-100%)
}
.custom-nav .menu-dorpdown{
    width:240px;
    margin:0 auto;
    border-radius:0 0 20px 20px
}
.custom-nav .menu-dorpdown .sub-menu-section{
    border-radius:0 0 20px 20px
}
.shape-bg3:before{
    height:100%;
    width:100%;
    opacity:.03;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    right:0
}
.onloadpage{
    z-index:999999999
}
.hc-offcanvas-nav h2{
    line-height:36px
}
a.smllbtnn{
    line-height:45px;
    color:#fff;
    border-radius:8px;
    padding:0 20px;
    border:0
}
.glassmorphism .service-slide{
    backdrop-filter:blur(10px);
    background:rgb(255 255 255/10%);
    border:1px solid rgb(255 255 255/50%)
}
.niwaxheroscroll{
    position:absolute;
    width:100%;
    height:100%
}
.niwaxheroscroll img{
    position:absolute
}
.nxhs1{
    left:-4%;
    bottom:0
}
.nxhs2{
    right:50%;
    top:50%
}
.nxhs3{
    right:30%;
    bottom:0
}
.nxhs4{
    left:6%;
    top:14%
}
.nxhs5{
    left:0;
    bottom:30%
}
.row-forfullcard{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:20px;
    padding:60px 0;
    background:url(../images/shape/tt-work-bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.fullservicecard .nxgls{
    padding:30px 20px;
    margin:0;
    box-shadow:none;
    border-radius:14px;
    backdrop-filter:blur(8px);
    background:rgb(255 255 255/5%);
    border:1px solid rgb(255 255 255/50%)
}
.intgrdtd{
    background-image:linear-gradient(135deg,#f34079,#f65b69 50%,#fc8b4c)
}
.glassmorphism .badges-content{
    text-align:center;
    backdrop-filter:blur(8px);
    background:rgb(255 255 255/5%);
    border:1px solid rgb(255 255 255/50%)
}
.glassmorphism .work-card{
    backdrop-filter:blur(8px);
    background:rgb(255 255 255/5%);
    border:1px solid rgb(255 255 255/50%)
}
.glassmorphism .work-categorys{
    background-color:#fbf9ed;
    position:relative;
    background-image:url(../images/shape/tt-work-bg.jpg);
    background-size:cover;
    background-position:center center
}
.glassmorphism .statistics-img{
    background:url(../images/shape/shape-f.png),#feefff;
    background-position:left top;
    background-size:130px;
    background-repeat:no-repeat
}
.footerdez{
    background-color:#191919;
    padding:90px 0;
    position:relative;
    z-index:5
}
.fttlnks h5{
    margin-bottom:25px;
    font-size:20px;
    font-weight:500
}
.fttlnks h4{
    margin-bottom:10px;
    font-size:18px;
    font-weight:500
}
.contactinfo a{
    display:block;
    font-size:20px;
    color:#fff;
    line-height:2
}
.dark-footer h2,.dark-footer h4{
    color:#e6e6e6
}
.flexend{
    align-items:flex-end
}
.rffc{
    grid-gap:0;
    padding:0
}
.rffc .fullservicecard .nxgls{
    border-radius:0;
    backdrop-filter:blur(1px);
    background:rgb(21 0 49/75%);
    border:0 solid rgb(255 255 255/50%)
}
.widebloktag span{
    background:#fff;
    padding:5px 14px;
    font-size:14px;
    border-radius:4px
}
.widebloktag span+span{
    margin-left:8px
}
.pbwide{
    position:relative;
    padding:50px;
    border-radius:8px;
    display:grid;
    grid-template-columns:auto 55%;
    align-items:center;
    grid-gap:20px
}
.info-list-ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.info-list-ul li{
    line-height:40px;
    color:#050748
}
.info-list-ul li:before{
    content:"▶";
    font-size:14px;
    margin:0 5px 0 0
}
.img-wide-blocktt{
    position:relative;
    right:-80px
}
.portfolio-item-info-tt h3{
    font-size:30px;
    line-height:40px
}
.desktopblock{
    position:relative;
    width:100%;
    border:10px solid rgb(255 255 255/50%);
    border-radius:28px;
    overflow:hidden
}
.mobileblock{
    position:absolute;
    max-width:190px;
    left:-80px;
    top:0;
    border:8px solid rgb(255 255 255/60%);
    border-radius:28px;
    overflow:hidden;
    transform:scale(1.1)
}
.shadow1{
    -webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/15%);
    box-shadow:0 10px 15px 0 rgb(3 35 68/15%)
}
.wptbb+.wptbb{
    margin-top:40px
}
.forfullcard{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:20px;
    padding:20px;
    background-repeat:no-repeat;
    background-position:center center
}
.forfullcard .srvc-bg-nx{
    margin:0
}
.tilt-outer{
    transform-style:preserve-3d;
    transform:perspective(1000px)
}
.tilt-inner{
    transform:translateZ(20px)
}
.pctmc{
    padding:30px 15px
}
.srcl0{
    background:#f9d59e;
    border-bottom:4px solid #ebc183
}
.srcl6{
    background:#fff1f1;
    border-bottom:4px solid #ffa2a2
}
.srcl7{
    background:#ebfffa;
    border-bottom:4px solid #a2ffe9
}
.floating-label{
    position:relative;
    margin-bottom:20px
}
.floating-input,.floating-select{
    font-size:14px;
    padding:4px;
    display:block;
    width:100%;
    height:45px;
    background-color:transparent;
    border:none;
    border-bottom:1px solid #c5c5c5
}
.floating-input:focus,.floating-select:focus{
    outline:0;
    border-bottom:1px solid #6b3489
}
.floating-label label{
    color:#999;
    font-size:16px;
    font-weight:400;
    position:absolute;
    pointer-events:none;
    left:30px;
    top:16px;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all;
    margin-bottom:0
}
.floating-input:focus~label,.floating-input:not(:placeholder-shown)~label,.floating-select:focus~label,.floating-select:not([value=""]):valid~label{
    top:-4px;
    font-size:12px;
    color:#828282
}
.hero-slider{
    width:100%;
    height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    z-index:0
}
.hero-slider .slide-inner{
    position:relative
}
.hero-slider .slide-inner:before{
    content:"";
    position:absolute;
    background:#000;
    width:100%;
    height:100%;
    opacity:.3;
    top:0;
    left:0;
    right:0
}
.hero-slider .swiper-slide{
    overflow:hidden;
    color:#fff
}
.hero-slider .swiper-container{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.hero-slider .slide-inner{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background-size:cover;
    background-position:center;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:left
}
.hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{
    background:0 0;
    width:55px;
    height:55px;
    line-height:53px;
    margin-top:-30px;
    text-align:center;
    border:2px solid #d4d3d3;
    border-radius:55px;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
.hero-slider:hover .swiper-button-next,.hero-slider:hover .swiper-button-prev{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.hero-slider .swiper-button-prev{
    left:25px;
    transform:translateX(50px)
}
.hero-slider .swiper-button-prev:before{
    font-family:"font awesome 5 free";
    content:"\f060";
    font-size:15px;
    color:#d4d3d3;
    font-style:normal;
    display:inline-block;
    vertical-align:middle;
    font-weight:900
}
.hero-slider .swiper-button-next{
    right:25px;
    transform:translateX(-50px)
}
.hero-slider .swiper-button-next:before{
    font-family:"font awesome 5 free";
    content:"\f061";
    font-size:15px;
    color:#d4d3d3;
    font-style:normal;
    display:inline-block;
    font-weight:900
}
.hero-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;
    text-align:left;
    line-height:12px;
    font-size:12px;
    color:#000;
    opacity:.3;
    background:#fff;
    transition:all .2s ease
}
.hero-slider .swiper-pagination-bullet-active{
    opacity:1
}
.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,.hero-slider .swiper-pagination-custom,.hero-slider .swiper-pagination-fraction{
    bottom:30px
}
.swiper-pagination{
    text-align:left
}
.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:50px;
    max-width:1200px;
    padding:0 15px;
    margin:0 auto;
    left:50%;
    transform:translateX(-50%)
}
.hero-style .slide-btns,.hero-style .slide-text,.hero-style .slide-title{
    max-width:600px
}
.hero-style .slide-title h2{
    font-size:60px;
    line-height:70px;
    color:#fff;
    margin:0 0 20px;
    transition:all .4s ease
}
.hero-style .slide-text p{
    font-size:20px;
    letter-spacing:normal;
    color:#fff;
    margin:0 0 30px;
    transition:all .4s ease
}
.hero-style .slide-btns>a:first-child{
    margin-right:10px
}
.freelancerv2{
    background-color:#05081a
}
.freelancerv2 .footerdez{
    background-color:#0b0e22
}
.flv2 .header-heading h1{
    font-size:60px;
    line-height:74px;
    margin-bottom:30px
}
.freelancerv2:before{
    content:"";
    background-image:url(../images/shape/stars.svg);
    position:absolute;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-size:auto
}
.text-effect-3{
    background:url(../images/shape/bg-gradient.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.font-bold h1,.font-bold h2,.font-bold h3{
    font-weight:900
}
html .mb15{
    margin-bottom:15px
}
html .mt15{
    margin-top:15px
}
.card-dark-2{
    overflow:hidden;
    border:1px solid hsla(0,0%,100%,.05);
    background-color:hsla(0,0%,100%,.05);
    border-radius:14px
}
.inforcardtt h3{
    font-size:22px;
    line-height:32px;
    color:#fff;
    font-weight:600;
    margin-bottom:10px
}
.inforcardttt h2{
    font-size:30px;
    line-height:40px;
    color:#fff;
    font-weight:600
}
.inforcardttt h3{
    font-size:20px;
    line-height:30px;
    color:#787c97;
    font-weight:600
}
.srve .inforcardtt{
    padding:24px;
    background:#121526
}
.about-dg-ca2 .inforcardtt{
    padding:24px;
    padding-bottom:0;
    background:#121526
}
.footerlinkcard{
    display:flex;
    align-items:center;
    justify-content:space-between;
    align-content:center;
    padding:20px 0;
    border-top:1px solid #2f3140;
    margin-top:24px;
    color:#fff
}
.footerlinkcard:hover{
    color:#fff
}
.ffvsocial a{
    display:block
}
.ffvsocial a+a{
    margin-top:20px
}
.freelancerv2 .form-block h3{
    color:#fff;
    font-weight:600
}
.freelancerv2 .follow-label a,.freelancerv2 .follow-label h6,.freelancerv2 p{
    color:#85879b
}
.freelancerv2 .form-block label a{
    color:#85879b
}
.freelancer-footer{
    padding:90px 0 0
}
.freelancer-footer p.ffttrr{
    padding:20px 0;
    border-top:1px solid #303240;
    margin-top:60px
}
.freelancerv2 .hexagon{
    background:#05081a
}
.freelancerv2 .counter-no span{
    color:#fff
}
.freelancerv2 .reviewer-text h4{
    color:#85879b
}
.niwaxheroscroll-v2{
    position:relative;
    overflow-x:clip
}
.niwaxheroscroll-v2 img{
    position:absolute
}
.nxhs10{
    top:0;
    left:-60px;
    filter:blur(80px)
}
.nxhs20{
    top:-10px;
    left:-20px;
    filter:blur(70px)
}
.nxhs30{
    top:-5%;
    right:-5%;
    filter:blur(100px)
}
.nxhs40{
    right:-70px;
    filter:blur(50px)
}
.nxhs50{
    top:0;
    left:0
}
.grid-x{
    position:fixed;
    width:100%;
    z-index:1
}
.grid-line{
    height:100vh;
    border-left:1px solid #1e2131
}
.freelancerv2 .section{
    position:relative;
    z-index:2
}
.innericodiv{
    width:80px;
    height:80px;
    border-radius:100px;
    padding:18px;
    margin:30px 0 0 30px
}
.innidv1{
    background:linear-gradient(135deg,#9100ff 0,#3663ff 54%,#00e2ff 100%)
}
.innidv2{
    background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%)
}
.innidv3{
    background:linear-gradient(to right,#f92c8b 0,#b02cd6 100%)
}
.mouse-cursor{
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    border-radius:50%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    visibility:hidden
}
.cursor.cursor2{
    margin-left:-10px;
    margin-top:-10px;
    width:20px;
    height:20px
}
.cursor{
    margin-left:-4px;
    margin-top:-4px;
    width:8px;
    height:8px;
    z-index:21474836490;
    background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%);
    -webkit-transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    -o-transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    opacity:.9
}
.cursor.cursor-hover{
    margin-left:-40px;
    margin-top:-40px;
    width:80px;
    height:80px;
    background-color:#ffbd84;
    opacity:.2
}
.cursor-follow{
    margin-left:-18px;
    margin-top:-19px;
    width:38px;
    height:38px;
    border:1px solid #ffbd84;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:21474836490;
    opacity:.8;
    -webkit-transition:all .08s ease-out;
    -o-transition:all .08s ease-out;
    transition:all .08s ease-out
}
.cursor-follow.cursor-hover{
    opacity:0
}
.nxbg-a{
    background-color:#f8edff
}
.nxbg-b{
    background-color:#d1d8ff
}
.connect-block a{
    border-radius:8px;
    background:#ffdbdb;
    border:1px solid rgb(255 195 195);
    padding:20px;
    display:flex
}
.icon-fld-nx{
    text-align:center;
    font-size:25px;
    margin:0 20px 0 0;
    color:#050748
}
.text-fld-nx{
    border-left:1px solid #ffa7a7;
    padding:0 0 0 20px
}
.connect-block a span.small-text{
    font-size:14px;
    color:#050748;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2.2px
}
.text-fld-nx span{
    display:block
}
.connect-block a span.large-text{
    font-size:20px;
    color:#050748;
    line-height:34px;
    font-weight:700
}
.common-heading.text-l>p{
    margin-top:10px;
    text-align: justify;
}
.contact-block-btm{
    padding:50px 30px;
    background:#fff;
    border-radius:8px;
    margin-left:50px
}
.footerdex{
    background-color:#01011b
}
#progress-bar{
    --scrollAmount:0%;
    background-image:linear-gradient(to right,#673ab7 0,#2196f3 100%);
    width:var(--scrollAmount);
    height:3px;
    position:fixed;
    top:0;
    z-index:999999999
}
a{
    text-decoration:auto
}
.bread-titlev2 h1{
    color: #fff;
}
.bread-titlev2{
    padding-top: 15%;
}
.bread-titlev2 h3{
    color: #fff;
    font-size: 25px;
    padding: 13px 0 0px;
}
.bread-titlev2 p{
    color: #fff;
}

.cyberxservice h2{
    padding-bottom: 70px;
}
.cyberxbftitle::before{
    content: '';
   
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    left: 0;

    background-color: #000000ab;
}

.portfoliosecbg{
    background: #013860;
}
.bread-titlevport{
    padding: 280px 0 120px;
}
.portfoliotitle{
    padding: 120px 0 80px;
}
.bread-titlevport h1{
    color: #fff !important;
    font-size: 32px;
   text-align: center;
}

.bread-titlevport p{
    color: #fff;
    text-align: center;
}



.bread-titlev2,.clients-creative-pic,.img-design,.testinomial-section-app .pl50{
    position:relative;
    height:100%
}
.about-image,.hero-main-rp,.image-block,.img-block{
    position:relative;
    z-index:10
}
.custom-checkbox input[type=checkbox]{
    width:20px;
    height:20px;
    margin:0
}
.custom-control{
    margin-bottom:10px;
    display:flex;
    grid-gap:10px;
    align-items:center
}
.custom-control label{
    text-indent:0;
    padding:0
}
.custom-control-label::after,.custom-control-label::before{
    display:none
}
.media{
    display:flex
}
.media div:first-child{
    flex-shrink:0
}
.itm-media-object .media .img-ab-{
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center
}
.quote-css{
    position:absolute;
    right:0
}
.accordion-button:focus{
    z-index:3;
    border-color:transparent;
    outline:0;
    box-shadow:none
}
.accordion-button{
    font-size:18px;
    line-height:28px
}
.ftr-brand-pp .navbar-brand{
    display:block
}
.why-choos-lg:before{
    z-index:-1
}
.accordion-item:first-of-type{
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
.accordion-item:last-of-type{
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.accordion-item:first-of-type .accordion-button{
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
.accordion-item:last-of-type .accordion-button.collapsed{
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px
}
.accordion-button:not(.collapsed){
    color:#050748;
    background-color:#f6f6f6;
    box-shadow:none
}
.accordion-button{
    color:#050748;
    background-color:#f6f6f6
}
.bdr0{
    border:0
}
.info-wrapr .dbox{
    grid-gap:20px
}
.form-control[type=file]{
    overflow:hidden;
    padding:11px 20px
}
.tab-content{
    margin-top:20px
}
.nav-tabs{
    border-bottom:0 solid #dee2e6
}
.col-lg-3-cus,.col-lg-6-cus{
    padding:0
}
.ff-social-icons a:hover{
    color:#ff1f8e
}
.info-wrapr .dbox p span{
    padding:0 0 5px
}
.common-heading>span{
    line-height:26px
}
.niwax-btn1{
    padding:2px;
    display:inline-block;
    outline:0;
    color:#fff;
    background:-webkit-linear-gradient(left,#ffd523 0,#ff7f00 16%,#ff271a 32%,#a139ff 48%,#0081ff 64%,#60b5ff 80%,#00e953 100%);
    background:linear-gradient(to right,#ffd523 0,#ff7f00 16%,#ff271a 32%,#a139ff 48%,#0081ff 64%,#60b5ff 80%,#00e953 100%);
    border-radius:30px;
    border:0;
    box-shadow:none;
    cursor:pointer
}
.niwax-btn1>span{
    display:block;
    padding:0 32px;
    line-height:56px;
    font-size:16px;
    background:#fff;
    border-radius:30px;
    color:#050748
}
.niwax-btn2{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    color:#fff;
    cursor:pointer;
    padding:0 32px;
    line-height:56px;
    text-align:center;
    border:none;
    background-size:300% 100%;
    border-radius:50px;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.niwax-btn2:hover{
    background-position:99% 0;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.niwax-btn2:focus{
    outline:0
}
.niwax-btn2{
    background-image:linear-gradient(to right,#ff5652,#ff974f,#ff5752,#ffc323);
    box-shadow:0 10px 15px 0 rgb(175 0 87/20%)
}
.niwax-btn3{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    color:#fff;
    cursor:pointer;
    padding:0 32px;
    line-height:56px;
    text-align:center;
    border:none;
    background-size:300% 100%;
    border-radius:50px;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.niwax-btn3:hover{
    background-position:99% 0;
    moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.niwax-btn3:focus{
    outline:0
}
.niwax-btn3{
    background-image:linear-gradient(to right,#663ab7,#007dff,#00d7ff,#017cfe);
    box-shadow:0 4px 15px 0 rgb(90 75 194/15%)
}
.niwax-btn2:hover,.niwax-btn3:hover{
    color:#fff
}
.niwax-btn4{
    background:#ff0048;
    box-shadow:0 10px 15px 0 rgb(56 0 189/20%)
}
.niwax-btn5{
    background:#00aded;
    box-shadow:0 10px 15px 0 rgb(56 0 189/20%)
}
.niwax-btn6{
    background:#ff9e4a;
    box-shadow:0 10px 15px 0 rgb(56 0 189/20%)
}
.tabs-layout .nav-tabs .nav-link.active{
    color:#fff;
    background-color:#00baff;
    border-color:#00baff;
    border-radius:100px
}
.tabs-layout .nav-tabs .nav-link{
    border:0 solid transparent;
    color:#6a6a8e;
    background-color:#efefef;
    border-radius:100px;
    padding:10px 35px
}
.tabs-layout .nav-tabs .nav-item+.nav-item{
    margin:0 10px
}
.breadcrumb-area{
    background-repeat:no-repeat;
    background-size:cover
}
.niwax21{
    font-weight:700
}
.vrt-tabb .nav-link.active,.vrt-tabb .show>.nav-link{
    color:#fff;
    background:linear-gradient(to right,#298bec 0,#21a5f3 100%)
}
.vrt-tabb{
    padding-right:100px
}
.vrt-tabb li{
    width:100%
}
.vrt-tabb.nav-pills .nav-link{
    border-radius:14px;
    margin-bottom:8px
}
.vrt-tabb .nav-link i{
    margin-right:15px;
    background:#fff;
    padding:10px;
    border-radius:100px;
    height:40px;
    width:40px;
    color:#436ad6;
    box-shadow:0 10px 10px rgb(0 59 100/20%)
}
.vrt-tabb .nav-link{
    width:100%;
    display:block;
    padding:20px;
    background:#fff;
    box-shadow:0 2px 3px rgb(103 192 255/20%)
}
.niwaxgap40{
    grid-gap:40px
}
.timeline{
    position:relative
}
.timeline:after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    margin-left:-2px;
    border-right:2px dashed #288ced;
    height:100%;
    display:block
}
.timeline-row{
    padding-left:50%;
    position:relative;
    margin-bottom:30px
}
.timeline-row .timeline-time{
    position:absolute;
    right:50%;
    top:15px;
    text-align:right;
    margin-right:20px;
    color:#050748;
    font-size:22px;
    font-weight:600
}
.timeline-row .timeline-time small{
    display:block;
    font-size:15px;
    padding:8px 0 0
}
.timeline-row .timeline-content{
    position:relative;
    padding:20px 30px;
    background:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    border:1px solid #efefef;
    -webkit-box-shadow:0 10px 15px 0 rgb(0 0 0/10%);
    box-shadow:0 10px 15px 0 rgb(0 0 0/10%)
}
.timeline-row .timeline-content:after{
    content:"";
    position:absolute;
    top:20px;
    height:16px;
    width:16px;
    background:#fff;
    border:1px solid #efefef
}
.timeline-row .timeline-content:before{
    content:"";
    position:absolute;
    top:20px;
    right:-49px;
    width:20px;
    height:20px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    z-index:10;
    background:#fff;
    border:2px dashed #288ced
}
.timeline-row .timeline-content h4{
    margin:0 0 10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:150%
}
.timeline-row .timeline-content p{
    margin-bottom:30px;
    line-height:150%
}
.timeline-row .timeline-content i{
    font-size:1.2rem;
    line-height:100%;
    padding:15px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    background:#272e48;
    margin-bottom:10px;
    display:inline-block
}
.timeline-row .timeline-content .thumbs{
    margin-bottom:20px;
    display:flex
}
.timeline-row .timeline-content .thumbs img{
    margin:5px;
    max-width:60px
}
.timeline-row .timeline-content .badge{
    color:#fff;
    background:linear-gradient(120deg,#00b5fd 0,#0047b1 100%)
}
.timeline-row:nth-child(even) .timeline-content{
    margin-left:40px;
    text-align:left
}
.timeline-row:nth-child(even) .timeline-content:after{
    left:-8px;
    right:initial;
    border-bottom:0;
    border-left:0;
    transform:rotate(-135deg)
}
.timeline-row:nth-child(even) .timeline-content:before{
    left:-52px;
    right:initial
}
.timeline-row:nth-child(odd){
    padding-left:0;
    padding-right:50%
}
.timeline-row:nth-child(odd) .timeline-time{
    right:auto;
    left:50%;
    text-align:left;
    margin-right:0;
    margin-left:20px
}
.timeline-row:nth-child(odd) .timeline-content{
    margin-right:40px
}
.timeline-row:nth-child(odd) .timeline-content:after{
    right:-8px;
    border-left:0;
    border-bottom:0;
    transform:rotate(45deg)
}
@media(max-width:992px){
    .timeline{
        padding:15px
    }
    .timeline:after{
        border:0
    }
    .timeline .timeline-row:nth-child(odd){
        padding:0
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time{
        position:relative;
        top:0;
        left:0;
        margin:0 0 10px
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content{
        margin:0
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:before{
        display:none
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after{
        display:none
    }
    .timeline .timeline-row:nth-child(even){
        padding:0
    }
    .timeline .timeline-row:nth-child(even) .timeline-time{
        position:relative;
        top:0;
        left:0;
        margin:0 0 10px;
        text-align:left
    }
    .timeline .timeline-row:nth-child(even) .timeline-content{
        margin:0
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:before{
        display:none
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:after{
        display:none
    }
}
.w80{
    width:80px
}
.gap10{
    grid-gap:10px
}
.gap20{
    grid-gap:20px
}
.gap30{
    grid-gap:30px
}
.gap40{
    grid-gap:40px
}
.gap50{
    grid-gap:50px
}
.h-center{
    justify-content:center
}
.h-cb{
    justify-content:space-between
}
.icon-btn{
    display:inline-flex;
    align-items:center;
    grid-gap:8px
}
.icon-btn i{
    font-size:24px
}
a.play-video{
    -webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/10%);
    box-shadow:0 10px 15px 0 rgb(3 35 68/10%)
}
html body .title-hero p{
    padding:0;
    margin:0
}
.niwax-lp1{
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.niwax-lp1:before{
    content:"";
    background:rgb(255 255 255/70%);
    width:100%;
    height:100%;
    position:absolute
}
.formcover{
    background:#fff;
    padding:50px 20px;
    border-radius:14px
}
.formcover h4{
    text-align:center;
    font-size:25px;
    line-height:35px
}
#contactForm .form-group{
    position:relative
}
.help-block.with-errors{
    margin:0 0 0 15px;
    font-size:11px;
    position:absolute;
    bottom:16px
}
.clientlogo img{
    margin:0 auto
}
.niwax-company-awards{
    display:grid;
    grid-template-columns:200px auto;
    grid-gap:20px;
    align-items:center;
    overflow:hidden
}
.companytime p{
    font-weight:700;
    font-size:25px;
    text-transform:uppercase;
    text-align:center;
    color:#fff
}
.companytime p span{
    font-weight:500;
    display:block;
    font-size:20px;
    line-height:26px;
    border-top:1px solid #d9d9d9;
    padding:14px 0 0;
    margin:14px 0 0
}
.companytime{
    background:#0d83fd;
    padding:14px;
    border-radius:10px 50px 10px 50px
}
.niwaxawardrow2{
    text-align:center
}
.shadow{
    -webkit-box-shadow:0 10px 15px 0 rgb(3 35 68/7%)!important;
    box-shadow:0 10px 15px 0 rgb(0 23 46/7%)!important
}
.awardbgwithtext{
    width:150px;
    height:150px;
    position:relative
}
.awardbgwithtext img{
    width:100%
}
.awardbgwithtext p{
    position:absolute;
    top:50%;
    right:0;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    font-size:35px;
    font-weight:700;
    padding:0 25px;
    color:#050748
}
.awardbgwithtext p span{
    color:#050748;
    font-size:15px;
    line-height:18px;
    font-weight:400;
    display:block;
    padding:10px 0 0
}
.niwaxawardrow1 div+div{
    margin-top:20px
}
.whychooseniwax{
    display:grid;
    grid-template-columns:150px auto 150px;
    grid-gap:30px
}
.btnwithiconside img{
    width:42px
}
.btnwithiconside span{
    display:block;
    font-size:14px;
    padding:0 0 4px
}
.btnwithiconside div{
    font-weight:600;
    font-size:20px;
    color:#050748;
    text-align:left
}
.pricingheader h2{
    font-size:28px;
    line-height:40px
}
.pricingrate{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px solid #e5e5e5;
    padding:30px 0 0 20px
}
.pricevalue h2{
    font-size:34px;
    line-height:44px
}
.priceoffer{
    clip-path:polygon(100% 0%,100% 50%,100% 100%,15% 100%,0% 50%,15% 0%);
    background:#007dff;
    text-align:center;
    padding:10px 20px
}
.priceoffer h2{
    font-size:25px;
    line-height:35px;
    color:#fff
}
.priceoffer h2 span{
    display:block;
    text-decoration:line-through;
    font-size:20px;
    line-height:30px
}
.niwaxpricingbox{
    background:#fff;
    border-radius:14px;
    overflow:hidden
}
.pricingheader{
    padding:30px 20px;
    background:#f8f8ff;
    background-repeat:no-repeat;
    background-position:right center;
    background-size:70px
}
.priceodernow{
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.pricingoffers{
    padding:20px;
   
    margin:30px 20px;

}
.pricingoffers .list-ul li{
    padding:0 0 10px 24px;
    position:relative;
    line-height:22px;
    font-size:15px
}
.livechatbtn i{
    color:#018f41
}
.livechatbtn span{
    display:block;
    font-size:14px
}
.livechatbtn{
    color:#050748;
    font-weight:600
}
.livechatbtn:hover{
    color:#018f41
}
.pricingfooter a{
    color:#6a6a8e;
    font-size:14px
}
.pricingfooter{
    background:#f8f8ff;
    padding:10px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.reco .priceoffer{
    background:#ff3381
}
.reco .pricingheader{
    background-color:#e9e9ff
}
.center-dots .owl-dots{
    margin:30px auto 0;
    text-align:center;
    position:absolute;
    right:0;
    left:0
}
.awardlogo{
    text-align:center;
    background:#fff;
    border-radius:14px;
    padding:0 14px;
    width:150px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px -10px rgb(13 131 253/13%)
}
.niwax-logo-slider .industry-workfors{
    text-align:center
}
.niwax-logo-slider .industry-workfors img{
    width:50px;
    margin:0 auto
}
.industry-workfors h6{
    padding-top:10px
}
.pairofbtn{
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    grid-gap:30px
}
.cyberxpackage{
    padding: 0 30px;
}
.cyberxpackage1 h3{
    background-color: #ff6b2b;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 35px;
    font-weight: 500;
    text-align: center;
}

.cyberxpackage2 h3{
    /* background-color: #ff6b2b; */
    color: #03385d;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 35px;
    font-weight: 500;
    text-align: center;
    border-bottom: 2px solid #eee;
    padding: 13px 0 4px 0;
}
ul.price-package-list {
    list-style: none;
    padding-top: 30px;
    margin: 0;
    border-top: 2px solid #eee;
}

ul.price-package-list li {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    color: #2e3030;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.price-package-list li span {
    width: 90%;
    text-align: left;
    word-break: break-word;
    margin-bottom: 0.5rem;
    font-size: 13px;
}

ul.price-package-list li label {
    width: 10%;
    text-align: right;
    cursor: pointer;
    font-weight: 700;
    color: #ff6b2b;
    cursor: pointer;
}

.about-agencys{
    overflow:hidden
}
.niwaxfixbtn{
    position:fixed;
    right:10px;
    bottom:70px
}
.niwaxfixbtn img{
    width:180px
}
.badge{
    font-size:12px
}
.niwax-company-awards-cover{
    background:#f0f7ff;
    padding:20px 0
}
.typer{
    color:#ff6b2b!important
}
.niwaxbtnvideo{
    display:flex;
    align-items:center;
    grid-gap:15px
}
.niwax-lp2{
    background-size:100%;
    background-color:#fff0eb
}
.nlp1{
    top:0;
    right:0;
    height:100%;
    width:65%
}
.nlp2{
    top:0;
    right:0;
    height:100%;
    width:60%
}
.nlp3{
    top:65%;
    left:0;
    height:100%;
    width:200px
}
.nlp4{
    top:65%;
    left:0;
    height:100%;
    width:200px
}
.niwax-lp-img{
    position:absolute
}
.nx-circl-icon img{
    width:42px
}
.nx-circl-icon{
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px
}
.nxlp-a{
    background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%)
}
.nxlp-b{
    background:linear-gradient(to right,#ff3f34 0,#ff834f 100%)
}
.nxlp-c{
    background:linear-gradient(to right,#84bbff 0,#1f70ff 100%)
}
.nxlp-d{
    background:linear-gradient(to right,#4bffc5 0,#00c77c 100%)
}
.hoverwithbg:hover{
    background:linear-gradient(to bottom,#fff 0,#fff0eb 100%)
}
.inforcardtt{
    padding:24px;
    padding-bottom:0;
    background:#fff
}
.sliderset-nx{
    display:grid;
    grid-template-columns:50% auto;
    align-items:center;
    grid-gap:60px
}
.typewriter-text{
    padding-right:10px;
    color:#ffe509;
    border-right:solid #ffe509 7px;
    text-transform:uppercase;
    animation:cursor 1s ease-in-out infinite;
    font-weight:700
}
.clientslider{
    padding:30px 0
}
.cursorx{
    color:#14133b;
    -webkit-animation:blink 2s infinite both;
    animation:blink 2s infinite both
}
@-webkit-keyframes blink{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes blink{
    0%,100%,50%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.niwaxofcanvas{
    z-index:10459999;
    -webkit-transition:all .6s cubic-bezier(.6,.11,.45,1.04);
    transition:all .6s cubic-bezier(.6,.11,.45,1.04)
}
.offcanvas-title img{
    max-height:60px
}
.contactitle{
    font-size:18px;
    opacity:.7;
    font-weight:400
}
.contact-data ul li+li{
    margin-top:10px
}
.contact-data ul li a{
    color:#6a6a8e;
    font-size:17px;
    line-height:26px;
    display:grid;
    grid-template-columns:30px auto;
    grid-gap:10px;
    align-items:start;
    justify-content:start
}
.contact-data ul li a i{
    font-size:20px;
    margin:6px 0 0
}
.companyinfodiv .btn-close{
    position:absolute;
    left:10px;
    top:10px
}
.companyinfodiv{
    background:#f3fffe;
    padding:60px 20px;
    text-align:center
}
.contactinfo-bar{
    padding:0 15px
}
.social-media-linkz a{
    display:inline-block;
    color:#6a6a8e;
    font-size:20px;
    margin:0 15px 0 0
}
.locoff span{
    display:block;
    font-weight:600
}
.companytitle{
    display:block;
    margin:10px 0 0;
    font-size:16px;
    line-height:25px
}
.main-header{
    display:flex;
    align-items:center;
    background-color: #fff;
    box-shadow: 0 0.1px 50px rgb(20 19 59 / 22%);
}
.sidebarform input,.sidebarform select,.sidebarform textarea{
    border:2px solid #e6e6e6
}
.sidebarform{
    background:#fff
}
.icondive img{
    width:35px;
    margin-right:20px
}
.getintouchinfo a{
    color:#050748;
    font-size:18px;
    font-weight:600;
    line-height:25px;
    display:block
}
.getintouchinfo a span{
    display:block;
    color:#6a6a8e;
    font-size:15px;
    font-weight:400
}
.offcanvas.show .cbtn{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.cbtn{
    position:absolute;
    left:-40px;
    top:10px;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0
}
.btnclose{
    background:#fff;
    width:50px;
    height:50px;
    border-radius:50px;
    border:2px solid #e3e3e3;
    box-shadow:0 10px 10px #0000004a
}
.btnclose .btn-close{
    padding:15px
}

.custom-nav .nav-list{
    display:flex;
    align-items:center
}
.active-dark footer .ftr-brand-pp .f-dark-logo{
    display:none
}
.active-dark footer .ftr-brand-pp .f-white-logo{
    display:block
}
footer .ftr-brand-pp .f-white-logo{
    display:none
}
footer .ftr-brand-pp .f-dark-logo{
    display:block
}
.mob-nav2{
    align-items:center
}
#contactform .error-label .error{
    color:#ff0500;
    display:block;
    margin:0;
    font-size:12px;
    bottom:10px;
    top:inherit;
    background:#fff;
    padding:0 8px
}
.formicon{
    position:absolute;
    top:15px;
    left:20px
}
.iconin .form-block input,.iconin .form-block select,.iconin .form-block textarea{
    padding:0 25px 0 35px;
    border-radius:0
}
.iconin .form-block textarea{
    padding:15px 35px;
    margin-top:1px;
    line-height:25px
}
.iconin .floating-label label{
    left:50px
}
.loader-icon{
    display:flex;
    height:100%;
    width:100%;
    position:absolute;
    justify-content:center;
    align-items:center;
    background:#ffbd84;
    background:-moz-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
    background:-webkit-linear-gradient(left,#ffbd84 0,#ff1f8e 100%);
    background:linear-gradient(to right,#ffbd84 0,#ff1f8e 100%)
}
.loader-icon:before{
    content:'';
    box-sizing:border-box;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:30px;
    height:30px;
    border-radius:50%;
    border:3px solid rgb(255 255 255/20%);
    border-top-color:#fff;
    animation:spinner .6s linear infinite
}
@keyframes spinner{
    to{
        transform:rotate(360deg)
    }
}
.niwaxform input.error,.niwaxform select.error,.niwaxform textarea.error{
    border-bottom:1px solid red!important
}
.niwaxform input.valid,.niwaxform select.valid,.niwaxform textarea.valid{
    border-bottom:1px solid #00a759!important
}

.floating-input:focus~label,.floating-input:not(:placeholder-shown)~label,.floating-select:focus~label,.floating-select:not([value=""]):valid~label{
    top:-1px;
    font-size:12px;
    color:#828282;
    width:100%
}
.textareax .floating-input:focus~label,.textareax .floating-input:not(:placeholder-shown)~label,.textareax .floating-select:focus~label,.textareax .floating-select:not([value=""]):valid~label{
    background:#fff
}
.niwaxform textarea.error,.niwaxform textarea.valid{
    background-position-x:98%;
    background-position-y:10px
}
label.error{
    height:auto
}
#contactform .form-group{
    margin-bottom:10px
}
#contactform input:focus,#contactform textarea:focus{
    border-bottom:1px solid #00b1ff
}
#contactform button{
    display:inline-flex;
    overflow:hidden;
    align-items:center;
    justify-content:center;
    position:relative;
    background:#ff6b2b;
    letter-spacing: 1px;
    font-size: 16px;
    width:fit-content;
    padding:0 50px
}
.single-blog- img{
    max-width:70px
}
.offcanvas-body .getintouchblock p{
    margin-bottom:30px
}
.custom-nav .nav-list li.hidedesktop{
    display:none
}
.custom-nav .nav-list li.darkmodeswitch{
    display:block
}
.right-end-btn{
    margin-left:15px
}
.custom-nav{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    float:none
}
.sidebarform form{
    margin-bottom:20px
}
.navm-{
    position:relative
}
div.custom-nav>ul>li:hover .nx-dropdown{
    opacity:1;
    height:auto;
    overflow:inherit;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.nx-dropdown{
    -webkit-transform:perspective(600px) rotateX(-15deg);
    transform:perspective(600px) rotateX(-15deg);
    -webkit-transform-origin:50% -50px;
    -ms-transform-origin:50% -50px;
    transform-origin:50% -50px;
    width:97vw;
    right:0;
    left:0;
    margin:0 auto;
    border-radius:0 0 20px 20px;
    overflow:hidden!important;
    -webkit-box-shadow:0 20px 20px -10px rgb(0 0 0/15%);
    box-shadow:0 20px 20px -10px rgb(0 0 0/15%)
}
.clientsicons{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap:30px
}
.clientsicons img{
    padding:0 10px
}
img{
    max-width:100%;
    height:auto
}
.contact-review{
    background:#fff;
    padding:30px 20px;
    border-radius:14px
}
.niwax23form{
    background:#fff;
    padding:50px 30px;
    border-radius:14px
}
.contact-review .owl-dots{
    position:absolute;
    right:10px;
    bottom:10px
}
.locations{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:30px
}
.ouroffice a{
    color:#050748;
    margin-top:20px;
    display:block
}
.ouroffice h4{
    margin-bottom:8px
}
.form-block{
    overflow:hidden
}
.leadpopup .modal-body{
    padding:0
}
.leadpopup .modal-dialog{
    max-width:800px
}
.leadpopup .modal-content{
    border-radius:0
}
.innerbody{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:30px
}
.innerleft{
    padding:30px
}
.innerright{
    background-size:cover
}
.leadbtnclose{
    position:absolute;
    right:5px;
    top:5px;
    background:#fff;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px
}
input{
    accent-color:#ff6b2b;
}
.cyberxachmt h5{
    color: #14133b;
    text-transform: uppercase;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
}
.hireusbtn a{
    font-size: 16px;
    font-weight: 500;
    background: #03385e;
    color: #fff;
    border-radius: 10px;
}

.requestquotes a{
    border-radius: 5px;
    background: transparent;
    color: #14133b;
    border: 2px solid #14133b;
    line-height: 38px;
    margin-left: 11px;
}

.requestquotes a:hover{
    border-radius: 5px;
    background: #ff6b2b;
    color: #fff;
    border: 2px solid #ff6b2b;
}

.img-badge img{
    box-shadow: 0 0 5px #dcdcdc;
}




.screen {
    display: block;
    height: 400px;
    overflow: hidden;
    position: relative;
    /* border: 2px solid #b3b3b3; */
    border-radius: 1px;
    margin: 0 auto;
    top: 0;
  }
  
  .screen img {
    bottom: -1028px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 11s;
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    transition: bottom 11s;
  }
  
  .screen:hover img {
    bottom: 0;
    -webkit-transition: all 11s;
    -moz-transition: all 11s;
    -ms-transition: all 11s;
    -o-transition: all 11s;
    transition: all 11s;
  }
  

    
.footer--top {
    position: relative;
    z-index: 11;
  }
  
  .contact--bg {
    background: #f6f9ff;
  }
  
  .contact--padding {
    padding: 130px 0 100px;
  }
  
  @media (max-width: 575px) {
    .contact--padding {
      padding: 100px 0 70px 0;
    }
  }
  
  .tech--bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(20, 19, 59, 0.9);
    z-index: 0;
  }
  
  .tech--bg .row,
  .tech--bg .inner {
    position: relative;
    z-index: 2;
  }
  
  .solution--agency {
    padding-top: 122px;
    padding-bottom: 100px;
  }
  
  .project--agency {
    padding-top: 228px;
    padding-bottom: 100px;
    background: #f5f5f5;
    margin-top: -107px;
  }
  
  .feature--about {
    padding: 122px 0 100px;
  }
  
  .services-solutions--minus {
    margin-top: -45px;
  }
  
  .section-title--modern {
    padding: 0;
  }
  
  .section-title--modern .title--small {
    color: #8d8d8d;
    letter-spacing: 0.2em;
    font-size: 20px;
  }
  
  .section-title--modern .heading--big {
    font-weight: 600;
  }
  
  .footer--bg {
    background: #0B1720;
  }
  
  .footer--top-software--bg {
    background: #191b29;
  }
  
  .footer--top__software_top--border {
    border-bottom: 1px solid #323238;
  }
  
  .footer--bottom-software--bg {
    background: #1c1e2e;
    position: relative;
    z-index: 9999;
  }
  
  .footer__software_middle {
    position: relative;
    z-index: 9999;
  }
  
  .footer__software_address ul li {
    color: #ffffff;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 15px;
    line-height: 1.6;
  }
  
  .footer__software_address ul li span {
    padding-left: 5px;
    color: #d7d7d7;
  }
  
  @media (max-width: 575px) {
    .footer--logo__software {
      text-align: center;
    }
  }
  
  .footer-widget__social.footer-social--modern>ul>li>a {
    background: #efefef;
  }
  
  .footer-widget__social ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  
  .footer-widget__social_list {
    margin-right: 7px;
  }
  
  .footer-widget__social_list--link {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    line-height: 37px;
    background: #212338;
    border-radius: 7px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .footer-widget__social_list--link i {
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .footer-widget__social_list .facebook i {
    color: #4064ac;
  }
  
  .footer-widget__social_list .facebook:hover {
    background: #4064ac;
  }
  
  .footer-widget__social_list .facebook:hover i {
    color: #ffffff;
  }
  
  .footer-widget__social_list .twitter i {
    color: #1c9cea;
  }
  
  .footer-widget__social_list .twitter:hover {
    background: #1c9cea;
  }
  
  .footer-widget__social_list .twitter:hover i {
    color: #ffffff;
  }
  
  .footer-widget__social_list .instagram i {
    color: #d1005c;
  }
  
  .footer-widget__social_list .instagram:hover {
    background: #d1005c;
  }
  
  .footer-widget__social_list .instagram:hover i {
    color: #ffffff;
  }
  
  .footer-widget__social_list .linkedin i {
    color: #016196;
  }
  
  .footer-widget__social_list .linkedin:hover {
    background: #016196;
  }
  
  .footer-widget__social_list .linkedin:hover i {
    color: #ffffff;
  }
  
  .footer-widget__social_list .pinterest i {
    color: #df0022;
  }
  
  .footer-widget__social_list .pinterest:hover {
    background: #df0022;
  }
  
  .footer-widget__social_list .pinterest:hover i {
    color: #ffffff;
  }
  
  .footer-widget__text {
    padding-right: 20px;
    margin-bottom: 32px;
  }
  
  .footer-widget__text_paragraph {
    color: #d7d7d7;
  }
  
  .footer-widget__title {
    margin-bottom: 24px;
  }
  
  .footer-widget__title_heading {
    color: #ffffff;
    font-size: 20px;
    position: relative;
    padding-left: 15px;
    font-family: system-ui;
  }
  
  @media (max-width: 1199px) {
    .footer-widget__title_heading {
      font-size: 18px;
    }
  }
  
  .footer-widget__title_heading::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 15px;
    width: 5px;
    background: #ff6b2b;
    left: 0;
  }
  
  .footer-widget__menu_list {
    margin-bottom: 12px;
  }
  
  .footer-widget__menu_list a {
    color: #fff;
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  
  .footer-widget__menu_list a::before {
    position: absolute;
    content: "";
    bottom: 2px;
    width: 0%;
    left: 100%;
    background: #fff;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .footer-widget__menu_list a:hover {
    color: #ffffff;
  }
  .footer--padding {
    padding: 60px 0 40px 0;
}
  .footer-widget__menu_list a:hover::before {
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
  }
  
  .footer-widget__menu_list:last-child {
    margin-bottom: 0;
  }
  
  .footer-widget__software_social {
    text-align: right;
  }

  
.cyber-presence {
    display: flex;
  }
  
  .cyber-presence li {
    padding-right: 10px;
  }
  
  .cyber-presence li span a img {
    width: 55px;
  }
  
  
  .cybersocialctn li {
    color: #fff;
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  
  .cyberxcall{
    color: #fff;
  }

  .cyberxcall:hover{
    color: #ff6b2b;
  }

  .cyberxcall-ctn{
    color: #232323;
  }

  .cyberxcall-ctn:hover{
    color: #ff6b2b;
  }



  .footer-headoffice{
    margin-top: 20px;
  }
  .footer-headoffice h3 {
    color: #ffffff;
    padding: 20px 0 0px;
    font-size: 18px;
    position: relative;
    font-family: system-ui;
  }
  
  .footer-headoffice h4 {
    color: #ffffff;
    padding: 2px 0 0px;
    font-size: 18px;
    position: relative;
    font-family: system-ui;
  }
  
  .footer-headoffice p {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    font-family: system-ui;
  }
  
  .partnerc h3 {
    margin-top: 22px;
    font-weight: 600;
  }
  
  .cyber-partnerlogo {
    display: flex;
  }
  
  .partnerxx {
    padding: 40px 0 0px;
  }
  
  .cyber-partnerlogo li {
    padding: 10px;
  }

  .footer--bottom-border {
    border-top: 1px solid #282b43;
}
.footer--bottom-padding {
    padding: 16px 0;
}

.footer__copyright_text a {
    color: #ffffff;
}

.footer__copyright p{
    color: #fff;
}

.cyberxboutus h2{
    font-size: 42px;
    letter-spacing: 1px;
    font-weight: 900;
}

.cyberxboutus h3{
    font-size: 24px;
    margin-top: 40px;
}

.cyberxboutus p{
   text-align: justify;
   margin-top: 15px;
   padding-right: 85px;
   color: #232323;
}





.services__item--modern {
    padding: 55px 43px 50px;
    text-align: left;
  }
  
  .services__item--modern .icon-box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
    height: 92px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
  }
  
  .services__item--modern .icon-box::before {
    position: absolute;
    content: "";
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f2f6fe;
    border-radius: 46% 54% 50% 50% / 32% 33% 67% 68%;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  
  .services__item--modern .icon {
    font-size: 42px;
    position: relative;
    z-index: 1;
  }
  
  .services__item--modern .content .link {
    padding-left: 0;
  }
  
  .services__item--modern:hover .icon-box::before {
    background: #ffffff;
  }
  
  .services__item--modern:hover .icon-box .icon {
    color: #ff6b2b;
  }
  
  .services__modern--wrapper {
    margin-right: 94px;
  }

  
.services__item {
    padding: 34px 35px 29px;
    border-left: 2px solid #dee9fe;
    position: relative;
    overflow: hidden;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  @media (max-width: 1199px) {
    .services__item {
      padding: 25px 15px 20px;
    }
  }
  
  .services__item:hover {
    border-radius: 5px;
    border-left: 2px solid transparent;
  }
  
  .services__item:hover .services__item_icon {
    color: #ffffff;
  }
  
  .services__item:hover .services__item_title {
    color: #ffffff;
  }
  
  .services__item:hover .services__item_paragraph {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .services__item:hover .services__item_overlay {
    width: 100%;
    left: 0%;
    opacity: 1;
    visibility: visible;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }

  
.services-software {
    padding: 0;
    border-left: 0;
    text-align: center;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 49px 47px 42px;
  }
  
  @media (max-width: 1366px) {
    .services-software {
      padding: 49px 37px 42px;
    }
  }
  
  @media (max-width: 1199px) {
    .services-software {
      padding: 49px 13px 42px;
    }
  }
  
  .services-software .services__item_overlay {
    width: 100%;
    height: 0%;
    bottom: inherit;
  }
  
  .services-software:hover {
    border: 0;
  }
  
  .services-software:hover .services__item_overlay {
    height: 100%;
    top: inherit;
    bottom: 0;
  }
  
  .services-software:hover .services-software__header .icon {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .services-software:hover .services-software__header .heading a {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .services-software:hover .services-software__content .paragraph {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .services-software:hover .services-software__content .link {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding-left: 0px;
  }
  
  .services-software:hover .services-software__content .link svg {
    visibility: visible;
    opacity: 1;
  }
  
  .services-software:hover .services-software__content .link svg path.rt-button-cap {
    stroke: #ffffff;
  }

  
.services__item_overlay {
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0%;
    left: 0%;
    color: #ffffff;
    background-color: #ff6b2b;
    z-index: 1;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }

  .services__tech .services__item_overlay {
    width: 100%;
    height: 0%;
  }
  
  
  .services-key__content:hover .services__item_overlay {
    left: auto;
    right: 0;
  }
  
  
  .services__tech:hover .services__item_overlay {
    height: 100%;
    bottom: 0;
  }
  
  .services-startup {
    padding: 40px 29px 35px;
}
  

.services-software__content {
    position: relative;
    z-index: 2;
  }
  
  .services-startup .heading {
    font-size: 18px;
}
  .services-software__content .paragraph {
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    margin-bottom: 28px;
  }
  
  .services-software__content .link {
    padding-left: 33px;
  }
  .services-startup .icon {
    font-size: 4.375rem;
}
  .services-software__content .link svg {
    visibility: hidden;
    opacity: 0;
    width: 23px;
    margin-left: 10px;
  }

  .services-software:hover .services-software__header .icon {
    color: #fff;
    transition: all 0.4s ease 0s;
    z-index: 999;
}

.services-software:hover .services-software__header .icon {
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
}


.services-software:hover .services-software__header .icon {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
  .services-software:hover .services-software__header .heading a {
    color: #ffffff;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
  }
  
.services-software__header {
    position: relative;
    z-index: 2;
  }
  
  .services-software__header .icon {
    font-size: calc(1.7125rem + 5.55vw);
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    color: #03385e;
  }
  
  @media (min-width: 1200px) {
    .services-software__header .icon {
      font-size: 5.875rem;
    }
  }
  
  .services-software__header .heading {
    font-size: calc(1.2875rem + 0.45vw);
    margin-bottom: 0;
    padding: 13px 0 13px;
  }
  
  @media (min-width: 1200px) {
    .services-software__header .heading {
      font-size: 1.625rem;
    }
}


    .services-startup .heading {
        font-size: 18px;
        font-family: system-ui;
        padding: 6px 0 10px;
      }
      
      @media (min-width: 1200px) {
        .services-startup .heading {
          font-size: 18px;
        }
      }
      



      @media (min-width: 1200px){
        .services-startup .icon {
            font-size: 4.375rem;
        }
      }
     
      
      




      #expertise {
        background-color: #f7faff;
        padding: 50px 0 100px;
        color: #21325e;
        position: relative;
      }
      
      
      
      /* TABS */
      
      #expertise .section__info {
        width: 100%;
        margin: 0 auto;
      }
      
      #expertise .info__box {
        position: relative;
        left: 0;
        top: 25px;
        right: 0;
        bottom: 0;
        overflow: auto;
        display: none;
      }
      
      .info__box--text {
        flex-basis: 50%;
        flex-grow: 1;
      }
      
      .info__box--text .icon {
        color: #f1d00a;
      }
      
      nav {
        width: max-content;
        margin: auto;
        background: #fff;
        padding: 10px 30px 63px;
        border-radius: 35px;
        box-shadow: 0 0 3px #dcdcdc;

      }
      

      .ctt-service {
        float: left;
        text-align: center;
        cursor: pointer;
        z-index: 2;
        margin-right: 30px;
        padding: 18px 42px;
        font-size: 18px;
        border-radius: 5px;
        letter-spacing: 2px;
    }
      
      .ctt-service:last-child {
        margin-right: 0;
      }
      
      .ctt-service:hover {
        background: #ffffff;

      }
      
      .ctt-service:before {
        display: block;
        font-size: 3rem;
        line-height: 5rem;
        z-index: 2;
      }
      
      #web:checked~nav [for="web"],
      #residential:checked~nav [for="residential"],
      #industrial:checked~nav [for="industrial"],
      #tools:checked~nav [for="tools"] {
        background: #ff6b2b;
        color: #fff;
        border-radius: 18px;

      }
      
      #web:checked~.uno,
      #residential:checked~.dos,
      #industrial:checked~.tres,
      #tools:checked~.tool {
        display: flex;
        gap: 75px;
        align-items: center;
      }
      
      .cybertool {
        background-color: #fff;
        opacity: 0.9;
      }
      
      .cybertool img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
      }
      
      .ctt {
        padding: 10px;
      }
      
      .cybertool:hover {
        /* box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 5%); */
        opacity: 1;
      }
      .section__heading--center {
        text-align: center;
    }
    
    .section__caption {
        margin-bottom: 30px;
        font-size: 17px;
    }



    .wrappers {
        position: relative;
        max-width: 600px;
        width: 100%;
        padding: 10px 30px 10px;
        border-radius: 6px;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
      }
      
      .wrappers h2 {
        position: relative;
        font-size: 24px;
        color: #090909;
        letter-spacing: 1px;
      }
      
      .wrappers form {
        margin-top: 18px;
      }
      
      .wrappers form .input-box {
        height: 50px;
        margin: 16px 0;
      }
      
      form .input-box input {
        padding: 10px;
        height: 100%;
        width: 100%;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        border: 1.5px solid #c7bebe;
        border-bottom-width: 2.5px;
        border-radius: 6px;
        transition: all 0.3s ease;
      }
      
      .input-box input:focus,
      .input-box input:valid {
        border-color: #00aaa1;
      }
      
      form .policy {
        display: flex;
        align-items: center;
      }
      
      .textbox textarea{
        position: relative;
        max-width: 600px;
        width: 100%;
        padding: 10px 10px 10px;
        border-radius: 6px;
        background: #fff;
        border: 1.5px solid #c7bebe;
        border-bottom-width: 2.5px;
       
      }

      
      form h3 {
        color: #333;
        font-size: 15px;
        font-weight: 700;
        margin-left: 8px;
      }
      
      .section__info input {
        display: none;
    }
    
      form a {
        color: #ff6b2b;
        text-decoration: none;
      }
      form a:hover {
        text-decoration: underline;
      }
      
      .input-box.button input {
        color: #fff;
        letter-spacing: 1px;
        border: none;
        background: #ff6b2b;
      }
      
      .input-box.button input:hover {
        background: #f06934d0;
        cursor: pointer;
      }
    

      .mobilemenu a{
        font-weight: 600;font-size: 18px;
    }

    .portfolio-item-info1{
        padding: 50px;
    }
    
    
.trms-li{
    font-size: 16px;
    margin-left: 50px;
    line-height: 28px;
}



#pagination {
    margin: 0;
    padding: 0;
    text-align: center
  }
  #pagination li {
    display: inline
  }
  #pagination li a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    color: #000
  }
  
  /* Active and Hoverable Pagination */
  #pagination li a {
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
      
  }
  #pagination li a.active {
    background-color: #4caf50;
    color: #fff
  }
  #pagination li a:hover:not(.active) {
    background-color: #ddd;
  } 
  
  /* border-pagination */
  .b-pagination-outer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: flex
  }
  #border-pagination {
    margin: 0 auto;
    padding: 0;
    text-align: center
  }
  #border-pagination li {
    display: inline;
  
  }
  #border-pagination li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #ddd;
    float: left;
  
  }
  #border-pagination li a {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
  }
  #border-pagination li a.active {
    background-color: #ff6b2b;
    color: #fff;
  }
  #border-pagination li a:hover:not(.active) {
    background: #ddd;
  }

  .casestudy_heading h4{
    font-size: 21px;
  }

  .casestudy{
    padding: 40px 0;
  }

  .cyberxbftitle{
    padding: 30px 0;
  }
.table-striped th{
    border: 1px solid #565656;
    text-align: center;
    padding: 10px 7px !important;
}

.price{
    background: #1d6d95 !important;
    font-size: 18px !important;
    color: #fff;
    padding: 15px 7px;
}

.table-striped td{
    border: 1px solid #565656;
    text-align:center;
}

.description{
    text-align: left !important;
    padding: 10px 0px 10px 20px;
}

.case-study1{
    color: #000;
}

.case-study1 h3{
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0px 0px 0px 32px;
}
.case-study1 ul li span{
    display: block;
    float: left;
    width: 150px;
}
.fr{
    max-width:200px;
    height: auto;
    margin-top: 15%;
}


.even {
    color: black;
    background-color: #f0f0f0;
    padding: 8px;
    text-align: center;
}

.casestudy_text ul li{
    font-size: 16px;
    line-height: 33px;
}



.custom-nav .nav-list li a.menu-links1 {
    font-size: 15px;
    color: #050748;
    font-family: system-ui;
    font-weight: 700;
    padding: 0 15px;
    line-height: 85px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.paybtnnow{
    border-radius: 5px;
    background: transparent;
    color: #14133b;
    border: none;
    margin-left: 11px; 
}
.paylink li a:hover{
    color: #ff6b2b !important;
}


.paybtnnow:hover {
    border-radius: 5px;
    background: #ff6b2b00;
    color: #14133b !important;
    border: none;
} 

.socialMedia{
    display: inline-flex;
}

.socialMedia span{
    color: #ff6b2b;
    font-size: 24px;
    margin-right: 8px;
    margin-top: 10px;
}

/* ═══════════════════════════════════
   TOKENS
═══════════════════════════════════ */
:root {
  --blue:        #2f5fa7;
  --blue-dk:     #1e4a8f;
  --blue-lt:     #EEF2FF;
  --blue-mid:    #3D6BFF;
  --cyan:        #00C2FF;
  --ink:         #111827;
  --ink-2:       #1a2336;
  --ink-60:      #374151;
  --ink-40:      #6B7280;
  --ink-20:      #9ca3af;
  --border:      #e5e7eb;
  --border-dk:   #D1D5DB;
  --surface:     #f6f7fc;
  --paper:       #f6f7fc;
  --white:       #ffffff;
  --green:       #00C97A;
  --orange:      rgb(255,160,51);
  --sans:        'Inter', system-ui, sans-serif;
  --r-sm:        8px;
  --r-md:        14px;
  --r-lg:        22px;
  --r-xl:        32px;
}

/* ═══════════════════════════════════
   BASE
═══════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  font-size: 16px;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }

/* ═══════════════════════════════════
   LAYOUT
═══════════════════════════════════ */
.wrap    { max-width: 1300px; margin: 0 auto; padding: 0 18px; }
.wrap-sm { max-width: 760px;  margin: 0 auto; padding: 0 28px; }
.section { padding: 60px 0; }
.section-alt { background: var(--surface); }

/* ═══════════════════════════════════
   ANIMATIONS
═══════════════════════════════════ */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes pulseRing {
  0%   { box-shadow: 0 0 0 0 rgba(24,99,220,.4); }
  70%  { box-shadow: 0 0 0 12px rgba(24,99,220,0); }
  100% { box-shadow: 0 0 0 0 rgba(24,99,220,0); }
}
@keyframes scanLine {
  0%   { top: 0%; opacity: 1; }
  80%  { top: 96%; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
@keyframes gradMove {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .55s ease, transform .55s ease;
}
.reveal.in { opacity:1; transform:translateY(0); }
.reveal.d1 { transition-delay: .08s; }
.reveal.d2 { transition-delay: .16s; }
.reveal.d3 { transition-delay: .24s; }
.reveal.d4 { transition-delay: .32s; }
.reveal.d5 { transition-delay: .40s; }

/* ═══════════════════════════════════
   SECTION LABELS + HEADINGS
═══════════════════════════════════ */
.label {
  display: flex;
  width: fit-content;
  margin: 0 auto 18px;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue);
  background: var(--blue-lt);
  border-radius: 100px;
  padding: 5px 14px;
}
.label.left { margin: 0 0 18px; }

h2.h-main {
  font-family: var(--sans);
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 900;
  background: linear-gradient(135deg, #0F2443, #1C68AA, #265BA9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
  letter-spacing: -.025em;
  margin-bottom: 16px;
  text-align: center;
}
h2.h-main em { font-style: normal; color: #1C68AA; -webkit-text-fill-color: #1C68AA; }

.section-sub {
  font-size: 18px;
  color: var(--ink-60);
  line-height: 1.65;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
.center-text { text-align: center; }

/* ═══════════════════════════════════
   BUTTONS
═══════════════════════════════════ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  transition: transform .16s, box-shadow .16s, background .16s;
  text-decoration: none;
  white-space: nowrap;
}
.btn-primary {
  background: var(--orange);
  color: #111;
  border-radius: 50px;
}
.btn-primary:hover {
  background: rgb(255, 140, 20);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255,160,51,.35);
  color: #111;
  text-decoration: none;
}
.btn-outline {
  background: transparent;
  color: var(--white);
  border: 1.5px solid rgba(255,255,255,.22);
  border-radius: 50px;
}
.btn-outline:hover {
  background: rgba(255,255,255,.07);
  color: var(--white);
  text-decoration: none;
  transform: translateY(-1px);
}

/* ═══════════════════════════════════
   HERO
═══════════════════════════════════ */
.hero {
  position: relative;
  background: radial-gradient(circle at 70% 10%, #2e6fb7 0%, #031b39 40%, #041a35 100%);
  padding: 90px 0 80px;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 55% 60% at 75% 35%, rgba(47,95,167,.35) 0%, transparent 65%),
    radial-gradient(ellipse 45% 50% at 15% 75%, rgba(0,194,255,.12) 0%, transparent 60%);
  pointer-events: none;
}
.hero::after {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 52px 52px;
  pointer-events: none;
}
.hero-inner {
  position: relative;
  z-index: 2;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 100px;
  padding: 7px 18px 7px 11px;
  font-size: 11.5px;
  font-weight: 600;
  color: #93c5fd;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 28px;
  animation: fadeUp .5s ease both;
}
.badge-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--blue-mid);
  animation: pulseRing 2.2s infinite;
  flex-shrink: 0;
}
.hero h1 {
  font-family: var(--sans);
  font-size: clamp(36px, 5.2vw, 60px);
  font-weight: 800;
  color: var(--white);
  line-height: 1.17;
  letter-spacing: -.025em;
  margin-bottom: 22px;
  animation: fadeUp .55s .08s ease both;
}
.hero h1 em {
  font-style: normal;
  color: var(--orange);
}
.hero-sub {
  font-size: 18px;
  color: #f4f4f4;
  max-width: 600px;
  line-height: 1.65;
  margin-bottom: 38px;
  animation: fadeUp .55s .16s ease both;
}
.hero-cta-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 52px;
  animation: fadeUp .55s .24s ease both;
}
.hero-trust {
  font-size: 12.5px;
  color: #64748b;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}
.hero-trust span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.hero-trust span::before {
  content: '✓';
  color: var(--green);
  font-weight: 700;
  font-size: 13px;
}

/* Hero stat pills */
.hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 40px;
  border-top: 1px solid rgba(255,255,255,.07);
  animation: fadeUp .55s .32s ease both;
}
.hero-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  padding: 13px 18px;
}
.hs-num {
  font-family: var(--sans);
  font-size: 28px;
  font-weight: 800;
  color: var(--white);
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -.02em;
}
.hs-num em { font-style: normal; color: var(--cyan); }
.hs-label {
  font-size: 12px;
  color: #64748b;
  line-height: 1.4;
  max-width: 120px;
}

/* Hero two-column layout */
.hero-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  margin-bottom: 48px;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-content { min-width: 0; }
.hero-img-wrap {
  position: relative;
  animation: fadeUp .6s .28s ease both;
  max-width: 500px;
}


.hero-img-wrap::before {
  content: '';
  position: absolute;
  inset: -28px;
  background: radial-gradient(ellipse 85% 75% at 50% 50%, rgba(47,95,167,.32) 0%, transparent 70%);
  border-radius: 40px;
  z-index: 0;
  pointer-events: none;
}
.hero-img-wrap img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  box-shadow:
    0 28px 80px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.1);
}

/* ═══════════════════════════════════
   STATS BAR
═══════════════════════════════════ */
.stats-bar {
  background: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 52px 0;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  text-align: center;
}
.stat-block {
  padding: 16px 20px;
  border-right: 1px solid var(--border);
}
.stat-block:last-child { border-right: none; }
.stat-num {
  font-family: var(--sans);
  font-size: 50px;
  font-weight: 800;
  color: var(--blue);
  line-height: 1;
  letter-spacing: -.025em;
  margin-bottom: 8px;
}
.stat-num em { font-style: normal; color: var(--blue); }
.stat-label {
  font-size: 12.5px;
  color: var(--ink-60);
  line-height: 1.45;
}

/* ═══════════════════════════════════
   PLUGIN SECTION
═══════════════════════════════════ */
.plugin-section {
  background: var(--ink);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.plugin-section::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 70% at 50% 0%, rgba(47,95,167,.25) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 10% 90%, rgba(0,194,255,.1) 0%, transparent 60%);
  pointer-events: none;
}
.plugin-section::after {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  pointer-events: none;
}
.plugin-inner {
  position: relative;
  z-index: 2;
}
.plugin-header {
  text-align: center;
  margin-bottom: 44px;
}
.plugin-section .label {
  color: #7EB5FF;
  background: rgba(26,75,255,.2);
  margin: 0 auto 18px;
}
.plugin-section h2.h-main {
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: var(--white);
  background-clip: unset;
  color: var(--white);
}
.plugin-section .section-sub { color: #94A3B8; }

/* Plugin embed placeholder */
.plugin-embed-wrap {
  background: rgba(255,255,255,.04);
  border: 1.5px dashed rgba(255,255,255,.18);
  border-radius: 20px;
  height: 600px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: border-color .25s;
  padding: 6px;
}
.plugin-embed-wrap:hover {
  border-color: rgba(61,107,255,.45);
}
.plugin-embed-icon {
  width: 64px; height: 64px;
  border-radius: 18px;
  background: rgba(61,107,255,.2);
  border: 1px solid rgba(61,107,255,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.plugin-embed-icon i { font-size: 28px; color: #7EB5FF; }
.plugin-embed-title {
  font-size: 22px;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -.02em;
  text-align: center;
}
.plugin-embed-sub {
  font-size: 14px;
  color: #475569;
  text-align: center;
  max-width: 420px;
  line-height: 1.6;
}
.plugin-embed-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 100px;
  padding: 5px 14px;
  margin-top: 8px;
}
.plugin-embed-badge i { color: var(--orange); }

/* iframe inside plugin embed */
.seo-iframe {
  position: absolute;
  inset: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: none;
  border-radius: 16px;
  display: block;
}

/* Scan animation inside placeholder */
.scan-line {
  position: absolute;
  left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(61,107,255,.5), var(--cyan), rgba(61,107,255,.5), transparent);
  animation: scanLine 3s ease-in-out infinite;
  pointer-events: none;
}

/* Plugin notes row */
.plugin-notes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}
.plugin-note {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #475569;
}
.plugin-note i { color: var(--green); font-size: 12px; }

/* ═══════════════════════════════════
   WHAT WE AUDIT (FEATURE CARDS)
═══════════════════════════════════ */
.audit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px;
}
.audit-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 30px 28px;
  position: relative;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.audit-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  border-radius: var(--r-md) var(--r-md) 0 0;
}
.audit-card:hover {
  border-color: #bfdbfe;
  box-shadow: 0 8px 32px rgba(24,99,220,.1);
  transform: translateY(-3px);
}
.ac-blue::before   { background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.ac-green::before  { background: linear-gradient(90deg, #10b981, #34d399); }
.ac-purple::before { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
.ac-orange::before { background: linear-gradient(90deg, #f97316, #fb923c); }
.ac-pink::before   { background: linear-gradient(90deg, #db2777, #f472b6); }
.ac-teal::before   { background: linear-gradient(90deg, #0891b2, #22d3ee); }

.audit-card-ico {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  flex-shrink: 0;
}
.ico-blue   { background: #eff6ff; }
.ico-green  { background: #f0fdf4; }
.ico-purple { background: #faf5ff; }
.ico-orange { background: #fff7ed; }
.ico-pink   { background: #fdf2f8; }
.ico-teal   { background: #ecfeff; }

.audit-card-ico i { font-size: 18px; }
.ico-blue   i { color: #2563eb; }
.ico-green  i { color: #16a34a; }
.ico-purple i { color: #7c3aed; }
.ico-orange i { color: #ea580c; }
.ico-pink   i { color: #db2777; }
.ico-teal   i { color: #0891b2; }

.audit-card h3 {
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.01em;
  margin-bottom: 10px;
}
.audit-card p {
  font-size: 14px;
  color: var(--ink-40);
  line-height: 1.65;
  margin-bottom: 16px;
}
.audit-checks {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.audit-checks li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12.5px;
  color: var(--ink-60);
  line-height: 1.45;
}
.audit-checks li::before {
  content: '✓';
  color: var(--green);
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ═══════════════════════════════════
   HOW TO USE THE TOOL
═══════════════════════════════════ */
.how-steps {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: 64px;
}
.how-step {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.how-step.reverse { direction: rtl; }
.how-step.reverse > * { direction: ltr; }

.step-text {}
.step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--blue-lt);
  color: var(--blue);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 16px;
}
.step-text h3 {
  font-size: 24px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -.02em;
  margin-bottom: 12px;
  line-height: 1.25;
}
.step-text p {
  font-size: 15.5px;
  color: var(--ink-60);
  line-height: 1.72;
  margin-bottom: 18px;
}
.step-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.step-tag {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 13px;
  border-radius: 100px;
  background: var(--blue-lt);
  color: var(--blue);
  letter-spacing: .03em;
}

/* Image placeholder */
.step-img {
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
}
.step-img .ph-icon {
  width: 52px; height: 52px;
  border-radius: 14px;
  background: var(--blue-lt);
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-img .ph-icon i { font-size: 22px; color: var(--blue); }
.step-img .ph-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-20);
  text-align: center;
  padding: 0 24px;
}
.step-img .ph-sub {
  font-size: 11.5px;
  color: #d1d5db;
  text-align: center;
}
/* Decorative corner accent */
.step-img::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(47,95,167,.1) 0%, transparent 70%);
}

/* ═══════════════════════════════════
   WHY AUDITS MATTER (PROBLEM)
═══════════════════════════════════ */
.problem-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  margin-top: 32px;
}
.problem-text p {
  font-size: 16.5px;
  color: var(--ink-60);
  line-height: 1.75;
  margin-bottom: 20px;
}
.problem-text p strong { color: var(--ink); font-weight: 600; }
.problem-text p:last-child { margin-bottom: 0; }

/* Mock audit panel */
.audit-mock {
  background: var(--ink);
  border-radius: var(--r-lg);
  padding: 28px;
  position: relative;
  overflow: hidden;
}
.audit-mock::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 220px; height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(24,99,220,.28) 0%, transparent 70%);
  pointer-events: none;
}
.mock-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.mock-dot { width: 10px; height: 10px; border-radius: 50%; }
.d-red   { background: #ef4444; }
.d-amber { background: #f59e0b; }
.d-green { background: #10b981; }
.mock-bar span {
  flex: 1;
  height: 10px;
  background: rgba(255,255,255,.07);
  border-radius: 5px;
  margin-left: 8px;
}
.mock-url-bar {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  padding: 11px 14px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mock-url-bar i { color: #3b82f6; font-size: 13px; }
.mock-url-text { font-size: 13px; color: #94a3b8; flex: 1; }
.mock-url-btn {
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 14px;
  background: var(--blue-mid);
  color: var(--white);
  border-radius: 50px;
  white-space: nowrap;
}
.mock-score-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.mock-score-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 14px;
}
.msc-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #475569;
  margin-bottom: 8px;
}
.msc-score {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  margin-bottom: 5px;
}
.msc-score.s-good  { color: #10b981; }
.msc-score.s-warn  { color: #f59e0b; }
.msc-score.s-bad   { color: #ef4444; }
.msc-bar-track {
  height: 4px;
  background: rgba(255,255,255,.08);
  border-radius: 4px;
  overflow: hidden;
}
.msc-bar-fill { height: 100%; border-radius: 4px; }
.fill-good  { background: #10b981; }
.fill-warn  { background: #f59e0b; }
.fill-bad   { background: #ef4444; }
.mock-issue {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(239,68,68,.07);
  border: 1px solid rgba(239,68,68,.2);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 12px;
  color: #fca5a5;
  margin-bottom: 8px;
}
.mock-issue i { font-size: 12px; flex-shrink: 0; margin-top: 1px; }
.mock-ok {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(16,185,129,.06);
  border: 1px solid rgba(16,185,129,.2);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 12px;
  color: #6ee7b7;
}
.mock-ok i { font-size: 12px; flex-shrink: 0; }

/* ═══════════════════════════════════
   SCORE SCALE SECTION
═══════════════════════════════════ */
.score-scale-section {
  background: var(--surface);
  padding: 88px 0;
}
.score-tiers {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 52px;
}
.score-tier {
  border-radius: var(--r-md);
  padding: 24px 20px;
  text-align: center;
  transition: transform .2s, box-shadow .2s;
  cursor: default;
}
.score-tier:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 32px rgba(0,0,0,.1);
}
.st-f { background: #fef2f2; border: 1px solid #fecaca; }
.st-d { background: #fff7ed; border: 1px solid #fed7aa; }
.st-c { background: #fffbeb; border: 1px solid #fde68a; }
.st-b { background: #f0fdf4; border: 1px solid #bbf7d0; }
.st-a { background: #eff6ff; border: 1px solid #bfdbfe; }

.tier-score {
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  margin-bottom: 6px;
}
.st-f .tier-score  { color: #ef4444; }
.st-d .tier-score  { color: #f97316; }
.st-c .tier-score  { color: #d97706; }
.st-b .tier-score  { color: #16a34a; }
.st-a .tier-score  { color: var(--blue); }

.tier-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}
.st-f .tier-label  { color: #ef4444; }
.st-d .tier-label  { color: #f97316; }
.st-c .tier-label  { color: #d97706; }
.st-b .tier-label  { color: #16a34a; }
.st-a .tier-label  { color: var(--blue); }

.tier-desc {
  font-size: 12.5px;
  color: var(--ink-40);
  line-height: 1.55;
}

.score-note {
  margin-top: 28px;
  padding: 22px 28px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 14px;
  color: var(--ink-60);
  line-height: 1.6;
}
.score-note i { color: var(--blue); font-size: 17px; flex-shrink: 0; margin-top: 2px; }

/* ═══════════════════════════════════
   PROCESS PIPELINE
═══════════════════════════════════ */
.pipeline-wrap {
  margin-top: 52px;
}
.pipeline-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
.pipeline-track::before {
  content: '';
  position: absolute;
  top: 36px; left: 10%; right: 10%;
  height: 2px;
  background: linear-gradient(90deg, var(--blue-lt), var(--blue), var(--cyan), var(--blue));
  z-index: 0;
}
.pipeline-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 0 16px;
  position: relative;
  z-index: 1;
}
.ps-circle {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.07);
  transition: border-color .2s, box-shadow .2s;
}
.pipeline-step:hover .ps-circle {
  border-color: var(--blue);
  box-shadow: 0 6px 24px rgba(47,95,167,.18);
}
.ps-circle i { font-size: 22px; color: var(--blue); }
.ps-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.01em;
}
.ps-sub {
  font-size: 12.5px;
  color: var(--ink-40);
  line-height: 1.5;
}

/* ═══════════════════════════════════
   FAQ
═══════════════════════════════════ */
.faq-wrap {
  max-width: 820px;
  margin: 48px auto 0;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.faq-item { border-bottom: 1px solid var(--border); }
.faq-item:last-child { border-bottom: none; }
.faq-btn {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 28px;
  text-align: left;
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  transition: background .15s;
}
.faq-btn:hover { background: var(--surface); }
.faq-icon {
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 1.5px solid var(--border-dk);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all .2s;
  font-size: 14px;
  color: var(--ink-40);
}
.faq-item.open .faq-icon {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
  transform: rotate(45deg);
}
.faq-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}
.faq-item.open .faq-body { max-height: 360px; }
.faq-body-inner {
  padding: 0 28px 22px;
  font-size: 14.5px;
  color: var(--ink-40);
  line-height: 1.75;
}

/* ═══════════════════════════════════
   TRUST BAR
═══════════════════════════════════ */
.trust-bar {
  padding: 44px 0;
  background: var(--white);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.trust-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 36px;
}
.trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink-60);
}
.trust-item i { color: var(--blue); font-size: 17px; }

/* ═══════════════════════════════════
   FINAL CTA + FORM
═══════════════════════════════════ */
.cta-section {
  background: var(--ink);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 50% 70% at 85% 50%, rgba(24,99,220,.22) 0%, transparent 65%),
    radial-gradient(ellipse 35% 50% at 10% 80%, rgba(6,182,212,.12) 0%, transparent 60%);
  pointer-events: none;
}
.cta-section::after {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 52px 52px;
  pointer-events: none;
}
.cta-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}
.cta-left h2 {
  font-family: var(--sans);
  font-size: clamp(26px, 3.6vw, 44px);
  font-weight: 800;
  color: var(--white);
  line-height: 1.17;
  letter-spacing: -.025em;
  margin-bottom: 16px;
}
.cta-left h2 em { font-style: normal; color: var(--orange); }
.cta-left p {
  font-size: 15.5px;
  color: #64748b;
  line-height: 1.7;
  margin-bottom: 28px;
}
.cta-includes {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cta-includes li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #64748b;
}
.cta-includes li::before {
  content: '✓';
  color: var(--green);
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}
.cta-form {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-lg);
  padding: 36px 32px;
}
.form-title {
  font-family: var(--sans);
  font-size: 22px;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: 24px;
}
.form-group { margin-bottom: 16px; }
.form-group label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 7px;
}
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 12px 16px;
  font-family: var(--sans);
  font-size: 14px;
  color: var(--white);
  outline: none;
  transition: border-color .2s;
  appearance: none;
}
.form-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-color: rgba(255,255,255,.07);
  padding-right: 38px;
  cursor: pointer;
}
.form-group select option { background: #1a2336; color: var(--white); }
.form-group textarea { resize: vertical; min-height: 80px; }
.form-group input::placeholder,
.form-group textarea::placeholder { color: #475569; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: rgba(59,130,246,.5);
  background: rgba(255,255,255,.09);
}
.form-submit {
  width: 100%;
  background: var(--orange);
  color: #111;
  border: none;
  border-radius: 50px;
  padding: 15px 24px;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.form-submit:hover {
  background: rgb(255,140,20);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255,160,51,.35);
}
.form-note {
  font-size: 11.5px;
  color: #334155;
  text-align: center;
  margin-top: 14px;
  line-height: 1.5;
}
.form-success {
  display: none;
  text-align: center;
  padding: 32px;
}
.form-success.show { display: block; }
.success-icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: rgba(16,185,129,.15);
  border: 2px solid rgba(16,185,129,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  font-size: 24px;
}
.form-success h3 {
  font-size: 22px;
  font-weight: 800;
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: 10px;
}
.form-success p {
  font-size: 14px;
  color: #64748b;
  line-height: 1.65;
}

/* ═══════════════════════════════════
   RESPONSIVE
═══════════════════════════════════ */
@media (max-width: 1020px) {
  .audit-grid { grid-template-columns: repeat(2, 1fr); }
  .score-tiers { grid-template-columns: repeat(3, 1fr); }
  .pipeline-track { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .pipeline-track::before { display: none; }
  .hero-layout { gap: 36px; }
}

@media (max-width: 920px) {
  .problem-layout,
  .cta-inner { grid-template-columns: 1fr; }
  .how-step,
  .how-step.reverse { grid-template-columns: 1fr; direction: ltr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-block { border-right: none; border-bottom: 1px solid var(--border); }
  .stat-block:last-child { border-bottom: none; }
  .hero-layout {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 40px;
  }
  .hero-img-wrap {
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .section { padding: 56px 0; }
  .hero { padding: 64px 0 56px; }
  .audit-grid { grid-template-columns: 1fr; }
  .score-tiers { grid-template-columns: repeat(2, 1fr); }
  .pipeline-track { grid-template-columns: 1fr; }
  .hero-stats { gap: 10px; }
  .hero-stat { padding: 11px 14px; }
  .hs-num { font-size: 22px; }
  .cta-form { padding: 28px 22px; }
  /* .plugin-embed-wrap { min-height: 300px; padding: 36px 20px; } */
  .trust-row { gap: 20px; }
}

@media (max-width: 440px) {
  .score-tiers { grid-template-columns: 1fr 1fr; }
  .hero-cta-wrap { flex-direction: column; align-items: flex-start; }
}