::-webkit-scrollbar{
    width:3px
}
::-webkit-scrollbar-track{
    background:#e8e8e8
}
::-webkit-scrollbar-thumb:hover{
    background:#fb5496
}
::-webkit-scrollbar-thumb{
    background-image:-webkit-linear-gradient(45deg,#ffbd84,#ff1f8e);
    background-image:-o-linear-gradient(45deg,#ffbd84,#ff1f8e);
    background-image:linear-gradient(45deg,#ffbd84,#ff1f8e)
}
::-moz-selection{
    background:rgba(166,175,189,.3)
}
::selection{
    background:rgba(166,175,189,.3)
}
*{
    -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:#6a6a8e;
    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:Poppins,sans-serif;
    color:#050748;
    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
}
.common-heading h2{
    margin-bottom:60px
}
.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:70px
}
.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:#373030
}
/* sharanya */
.nav-bg-b1 .custom-nav .nav-list li a.menu-links{
    color:#fff0e5
}
/* end sharanya */

.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 10px;
    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:Poppins,sans-serif;
    font-weight:500;
    padding: 0 18px;
    line-height:85px;
    text-transform:uppercase;
    position:relative;
    overflow:hidden
}
.btn-br{
    line-height:48px;
    color:#fff;
    border-radius:100px;
    padding:0 10px
}
.btn-br:hover{
    color:#fff
}
.btn-round-{
    width:48px;
    height:48px;
    text-align:center;
    line-height:48px;
    padding:0;
    margin-right:8px;
    position:relative;
    display:inline-block
}
.btn-round-.trngl:after{
    content:'';
    position:absolute;
    right:-4px;
    top:50%;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px 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:#050748;
    font-weight:700;
    font-size:18px;
    letter-spacing:.2px;
    margin:0 0 16px;
    padding:0 0 14px;
    border-bottom:1px solid #dadada
}
.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:#050748;
    position:relative;
    line-height:25px;
    font-weight:600
}
.sub-menu-section{
    box-shadow:0 10px 20px 0 rgb(0 0 0/.04);
    border-top:2px solid #f3f3f3;
    width:100%;
    padding:40px 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
}
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:48px;
    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{
    position:relative;
    overflow:hidden;
    padding-top:150px;
    padding-bottom:100px;
    height:100vh;
    align-items:center;
    display:flex
}
.hero-main-rp{
    padding:0 30px 0 180px
}
.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:100px;
    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
}
.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
}
.text-l{
    text-align:left!important
}
.common-heading>span{
    color:#e60072;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-size:16px;
    font-weight:400;
    margin:0 0 15px;
    display:block
}
.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 16px;
    margin:0;
    position:relative;
    border:1px 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-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
}
.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
}
.portfolio-section:before{
    content:"";
    background:url(../images/shape/dot-pattern.png);
    position:absolute;
    height:400px;
    right:0;
    left:0;
    top:0;
    background-size:auto;
    background-repeat:repeat
}
.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:#050748
}
.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-block{
    position:relative;
    padding:50px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.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:#fbf9ed;
    background:-moz-linear-gradient(top,#fbf9ed 0,#fbeaf8 100%);
    background:-webkit-linear-gradient(top,#fbf9ed 0,#fbeaf8 100%);
    background:linear-gradient(to bottom,#fbf9ed 0,#fbeaf8 100%);
    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:url(../images/shape/shape-9.svg) #fff;
    background-size:contain;
    background-position:center left;
    background-repeat:no-repeat
}
.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;
    background:#fff;
    width:100px;
    margin:0;
    height:50px;
    padding:25px 0 0
}
.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: .4;
    z-index: 9;
}
.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:162px;
    right:37px;
    width:30px;
    height:50px;
    -webkit-border-radius:100px;
    border-radius:100px;
    color:#fff;
    opacity:.4;
    background:url(https://separateweb.com/niwax-template/images/icons/up-arrow.svg) #00baff;
    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:55px 0 100px;
    position:relative;
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.bread-titlev2{
    text-align:center
}
.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:-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: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:right
}
.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:20px;
    color:#333;
    cursor:pointer;
    background:#feeee3;
    -webkit-border-radius:100px;
    border-radius:40px 40px 40px 20px
}
.filters .filter-menu li.is-checked{
    background:#f95b94;
    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:20px;
    margin-top: 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:#ded6d65;
    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:20px
}
.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{
    border:2px solid #000248;
    color:#050748;
    display:inline-block;
    padding:0 32px;
    font-family:Poppins,sans-serif;
    font-size:16px;
    background:#fff;
    -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:100px
}
.btn-outline:hover{
    background:#ff1f8e;
    color:#fff;
    border:2px solid #ff1f8e
}
.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:15px
}
.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
}
.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:#fe409c;
    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:30px;
    -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)
}
.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:20px 0 10px
}
.info-card a{
    font-size:20px;
    color:inherit;
    font-weight:600
}
.bglight{
    background:#fbfbfb
}
.list-ul li{
    padding:0 0 12px 29px;
    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%
}
.col-lg-25-cus{
    width:25%;
    padding: 0px;
}
.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:#f3f5ff;
    border-bottom:4px solid #b0bdff
}
.srcl2{
    background:#fff3e6;
    border-bottom:4px solid #ffc093
}
.srcl3{
    background:#fbeefd;
    border-bottom:4px solid #f6bcff
}
.srcl4{
    background:#effdff;
    border-bottom:4px solid #9ff3ff
}
.srcl5{
    background:#fbfff1;
    border-bottom:4px solid #ffdaa2
}
.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:80px;
    width:80px;
    margin-bottom:10px
}
.service-sec-list:hover{
    padding:25px
}
.service-sec-list:hover img{
    height:0;
    width:80px
}
.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:#0c0e34
}
.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:-webkit-linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);
    background:linear-gradient(45deg,#ff0048 0,#ff3870 50%,#c300c3 100%);
    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;
    border-top: 1px solid #4f5b6c;
}
.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-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,#4a0079 0,#4202b2 50%,#4400b1 100%)
}
.hero-heading-sec2 h1{
    color:#fff;
    font-size:55px;
    line-height:67px;
    font-weight:900;
    display:inline-block;
    background:linear-gradient(90deg,#af6dff 0,#ff448e 25%,#ff9d57 50%,#ff38d3 75%,#00ffdc 100%);
    background-size:cover;
    background-position:center;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent
}
.hero-heading-sec2>p{
    color:#fff000;
    font-size:18px;
    margin:40px 0
}
.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:30px;
    border-radius:8px 8px 8px 40px;
    margin-top:30px;
    position:relative;
    text-align:center
}
.funfct p{
    font-weight:600;
    color:#6a6a8e
}
.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{
    background:url(../images/shape/bg-light2.png);
    background-size:contain;
    background-repeat:repeat-x;
    background-position:center center
}
.service-section-app{
    background:url(../images/shape/wave-bg.png);
    background-size:contain;
    background-repeat:repeat-x;
    background-position:center bottom;
    position:relative
}
.-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:15px;
    position:relative;
    top:-40px;
    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:15px 20px;
    border-radius:8px;
    margin-top:30px;
    display:flex;
    align-items:center
}
.hoshd:hover{
    box-shadow:0 15px 39px -11px #46638e45;
    transform:translate(0,-5px)
}
.industry-workfor img{
    width:55px
}
.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:0;
    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
}
.onloadpage{
    position:fixed;
    z-index:99999999;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    background:#fff
}
.onloadpage .pre-content{
    top:50%;
    position:relative;
    right:0;
    left:0;
    text-align:center;
    transform:translateY(-50%)
}
.onloadpage .pre-text-{
    font-size:18px;
    line-height:28px;
    font-weight:600;
    width:30%;
    margin:0 auto
}
.onloadpage .pre-text- span{
    display:block
}
.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:40px;
    line-height:52px
}
h3{
    font-size:34px;
    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:17px;
    line-height:28px
}
.pad-tb{
    padding-top:70px;
    padding-bottom:70px;
}
.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:40px
}
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:#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%);
    -webkit-box-shadow:0 10px 15px 0 rgba(175,0,87,.2);
    box-shadow:0 10px 15px 0 rgba(175,0,87,.2)
}
.bg-btn2{
    background:#f92c8b;
    background:-moz-linear-gradient(left,#f92c8b 0,#b02cd6 100%);
    background:-webkit-linear-gradient(left,#f92c8b 0,#b02cd6 100%);
    background:linear-gradient(to right,#f92c8b 0,#b02cd6 100%);
    -webkit-box-shadow:0 10px 15px 0 rgba(175,0,202,.2);
    box-shadow:0 10px 15px 0 rgba(175,0,202,.2)
}
.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-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:#fff
}
.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
}
.switch-wrapper{
    display:flex;
    align-items:center;
    position:fixed;
    z-index:55555;
    top:50%;
    transform:translateY(-50%);
    transform:rotate(90deg)
}
.switch-wrapper .switch{
    display:inline-block;
    height:34px;
    position:relative;
    width:60px
}
.switch-wrapper .switch input{
    display:none
}
.switch-wrapper .slider{
    background-color:#fff;
    bottom:0;
    cursor:pointer;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transition:.4s;
    border:1px solid #e2e2e2;
    box-shadow:10px 0 10px 0 rgb(0 0 0/15%)
}
.switch-wrapper .slider:before{
    bottom:4px;
    content:"";
    background:url(../images/icons/sun.svg) #ffc400 no-repeat center center;
    height:24px;
    left:4px;
    position:absolute;
    transition:.4s;
    width:24px
}
.switch-wrapper input:checked+.slider{
    background-color:#242424;
    border:1px solid #ffffff57
}
.switch-wrapper input:checked+.slider:before{
    transform:translateX(26px);
    content:"";
    background:url(../images/icons/moon.svg) #2196f3 no-repeat center center
}
.switch-wrapper .slider.round{
    border-radius:50px
}
.switch-wrapper .slider.round:before{
    border-radius:50%
}
.digitalagency20{
    background:url(../images/shape/bg-glass.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    height:100vh;
    display:flex;
    align-items:center
}
.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:90vh;
    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:#fff;*/
    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:#1c1f53;
    opacity:.3;
    background:#2a3d99;
    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:50px;
    line-height:70px;
    color:#1b58b6;
    transition:all .4s ease
}
.hero-style .slide-text p {
	font-size: 20px;
	letter-spacing: normal;
	color: #2b3d9a;
	margin: 0 0 30px;
	transition: all .4s ease;
	font-weight: bold;
}
.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
}
.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,.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{
    overflow-y:scroll;
    max-height:310px;
    height:310px;
    padding:20px;
    background-color:#f8f8ff;
    margin:30px 20px;
    border:1px solid #e8e8e8;
    border-radius:14px 0 0 14px
}
.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
}
.nxpb-1{
    margin-top:60px
}
.nxpb-2{
    margin-top:30px
}
.nxpb-3{
    margin-top:60px
}
.pairofbtn{
    display:flex;
    align-items:center;
    justify-content:center;
    align-content:center;
    grid-gap:30px
}
.about-agencys{
    overflow:hidden
}
.niwaxfixbtn{
    position:fixed;
    right:10px;
    bottom:155px !important;
    z-index: 100;
}
.niwaxfixbtn img{
    width:180px
}
.badge{
    font-size:12px
}
.niwax-company-awards-cover{
    background:#f0f7ff;
    padding:20px 0
}
.typer{
    color:#ff3870!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:#ff3870;
    -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
}
.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
}
.switch-wrapper input:checked+.slider:before{
    transform:translateX(0)
}
.switch-wrapper .switch{
    display:inline-block;
    height:34px;
    position:relative;
    width:34px
}
.switch-wrapper{
    display:block;
    align-items:center;
    position:relative;
    z-index:55555;
    top:auto;
    transform:none;
    transform:none;
    margin:0 10px
}
.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
}
.niwaxform input.valid,.niwaxform textarea.valid{
    background-image:url(data:image/svg+xml;
    base64,CjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgMjQgMjQnPjxwYXRoIGZpbGw9JyMwMGE3NTknIGQ9J00xOC43MSw3LjIxYTEsMSwwLDAsMC0xLjQyLDBMOS44NCwxNC42Nyw2LjcxLDExLjUzQTEsMSwwLDEsMCw1LjI5LDEzbDMuODQsMy44NGExLDEsMCwwLDAsMS40MiwwbDguMTYtOC4xNkExLDEsMCwwLDAsMTguNzEsNy4yMVonLz48L3N2Zz4=)!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    background-size:28px!important;
    transition:none
}
.niwaxform input.error,.niwaxform textarea.error{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmMDAwMCcgZD0nTTEzLjQxIDEybDQuMy00LjI5YTEgMSAwIDEgMC0xLjQyLTEuNDJMMTIgMTAuNTkgNy43MSA2LjI5QTEgMSAwIDAgMCA2LjI5IDcuNzFMMTAuNTkgMTJsLTQuMyA0LjI5YTEgMSAwIDAgMCAwIDEuNDIgMSAxIDAgMCAwIDEuNDIgMEwxMiAxMy40MWw0LjI5IDQuM2ExIDEgMCAwIDAgMS40MiAwIDEgMSAwIDAgMCAwLTEuNDJaJy8+PC9zdmc+)!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    background-size:28px!important;
    transition:none
}
.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:#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%);
    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:5px
}
.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:596px;
}
.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:#ff1f8e
}

/* ################################## Home Page CSS Added by Bhaskar /* ############################  */
.nav-list li a{
	        color: white;
	    }
        .hero-slider .container {
        	margin-left: 10%;
        	margin-top: 6%;
        }
        .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
            text-align: center;
        }
        .header-pr.nav-bg-b.main-header.navfix.fixed-top.menu-white {
        	background: white;
        	box-shadow: 0px 0px 10px -1px #1b58b6;
        }
        .sagar-btn {
              /*margin-top: 10px;*/
              /*margin-right: 15px;*/
              font-size: 1.2rem;
              padding: 1rem 2.5rem;
              border: none;
              outline: none;
              border-radius: 0.4rem;
              cursor: pointer;
              text-transform: uppercase;
              background-color: rgb(33, 150, 243);
              color: rgb(234, 234, 234);
              font-weight: 700;
              transition: 0.6s;
              box-shadow: 0px 0px 60px #1f4c65;
              -webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
            }
            
        .sagar-btn:active {
              scale: 0.92;
            }
            
        .sagar-btn:hover {
              background: rgb(2,29,78);
              background: linear-gradient(270deg, rgba(2, 29, 78, 0.681) 0%, rgba(31, 215, 232, 0.873) 60%);
              color: rgb(255, 255, 255);

            }
	    .popup {
                display: none;
                position: fixed;
                top: 50% !important;
                left: 50% !important;
                transform: translate(-50%, -50%);
                padding: 20px;
                background-color: #fff;
                /*border: 1px solid #ccc;*/
                /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/
                z-index: 9999;
        }

        /* Styles for the overlay */
        .overlay {
        
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 9998;
            }
            .sagar{
                    height: 91px;
                    width: 91px! important;
            }
            .formHeadingDiv{
                    display: flex;
            }
            @media (max-width: 539px) {
               .popup {
                       width: 90% !important;
                       margin-left: 2px !important;
                       position: fixed;
                       top: 50%;
left: 50%;
transform: translate(-50%, -50%);
                   
               }
               .overlay {
                         position: fixed;
               }
               .sagar {
                       justify-content: center !important ;
                       margin-right: 34px !important;
                       margin-left: 100px !important;
                       height: 96px;
                       width: 96px;
               }
               .formHeadingDiv{
                       flex-direction: column;
                       display: flex;
                       align-items: center;
               }
               .sagar-text {
                       text-align: center !important ;
               }
            }
            .hero-card-web.bg-gradient6.shape-bg3 {
            	background: #0b293c;
        }
 /* ################################## Home Page CSS Added by Bhaskar /* ############################  */  


/* Bhaskar */
.home-nav ul li .menu-links {
	color: white !important;
}
.btn-round-.btn-br.bg-btn2 i {
	font-size: 19px !important;
}
.sub-menu-column ul li a:hover {
	color: #1b58b6;
}
.btn-round-.btn-br.bg-btn2 {
	display: none;
}
/* Bhaskar */

.enroll_div {
	position: fixed;
	bottom: 5px !important;
	z-index: 100;
	width: 100%;
	text-align: center;
	background: #b33939;
	color: white;
	font-weight: 900;
	bottom: 0px !important;
}
#chat-bot-launcher-container.chat-bot-avatar-launcher, #chat-bot-launcher-container.chat-bot-launcher-notext {
	bottom: 36px !important;
}



























/* Mobile Version Bhaskar Start */
@media (max-width: 767px) {
    .nav-bg-b .hc-nav-trigger span, .nav-bg-b .hc-nav-trigger span::after, .nav-bg-b .hc-nav-trigger span::before {
    	background: #121212;
    }
    .btn-round-.btn-br.bg-btn2 {
    	display: block !important;
    }
    .hero-slider .container {
    	margin-left: 0%;
    	margin-top: 8%;
    }
    .hero-style .slide-title h2 {
    	font-size: 30px;
    	line-height: 50px;
    	margin-top: 15px;
    	text-align: center;
    }
    .hero-style .btn-main {
    	margin-left: 5%;
    }
    .hms .wow.fadeInUp {
    	font-size: 22px !important;
    }
    .bg-btn6{
       margin-left: 18% !important;
   }
   .benefits .mb10 br {
    	display: none;
    }
  
  
    
    
    
    
    
    
    
    
  
}



/* Mobile Version End */