::-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: #fff
    }
    .main-header.sticky {
        background: #fff;
        -webkit-box-shadow: 0 4px 6px 0 rgba(12,0,46,.08);
        box-shadow: 0 4px 6px 0 rgba(12,0,46,.08)
    }
    .main-header {
        padding: 0 20px;
        height: 85px;
        z-index: 99999;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }
    .fa-ani {
        margin-left: 5px;
        font-size: 12px;
        animation: 2s infinite arrowanim;
        -webkit-animation: 2s infinite arrowanim
    }
    .sub-menu-center-block {
        display: flex
    }
    .menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
    .right-bddr {
        border-right: 1px solid rgba(255,255,255,.1);
        padding: 0 10px 0 0!important;
        margin: 0 20px 0 0
    }
    .custom-nav .sbmenu>a::before {
        content: "+";
        position: absolute;
        right: 4px
    }
    .custom-nav .sbmenu.hover>a::before {
        content: "-"
    }
    .main-header.sticky .custom-nav .nav-list li a.menu-links {
        color: #050748
    }
    .main-header.sticky .mega-white-logo {
        display: none
    }
    .main-header .mega-white-logo {
        display: none
    }
    .nav-bg-b.main-header.sticky .mega-white-logo {
        display: none
    }
    .nav-bg-b.main-header .mega-white-logo {
        display: inline-block
    }
    .nav-bg-b.main-header .mega-darks-logo {
        display: none
    }
    .main-header.sticky .mega-darks-logo {
        display: inline-block
    }
    .dsk-logo {
        float: left;
        line-height: 85px
    }
    .dsk-logo .nav-brand img {
        max-height: 205px
    }
    .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: 16px;
        color: #050748;
        font-family: Poppins, sans-serif;
        font-weight: 500;
        padding: 0 15px;
        line-height: 85px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden
    }
    .btn-br {
        line-height: 48px;
        color: #fff;
        border-radius: 100px;
        padding: 0 20px
    }
    .btn-br:hover {
        color: #fff
    }
    .btn-round- {
        width: 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 0;
        padding: 0 0 14px 0;
        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 rgba(12,108,211,0)
    }
    }
    .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 0
    }
    .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 0;
        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 0;
        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 20px;
        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 0
    }
    .s-block a {
        display: inline-block;
        margin: 30px 0 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 0
    }
    .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 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 0
    }
    .isotope_item h4 {
        font-weight: 600;
        margin: 0 0 10px 0
    }
    .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 0
    }
    .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 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 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: .9;
        z-index: 99999
    }
    .fdgn2 input, .fdgn2 select, .fdgn2 textarea {
        border: 2px solid #e6e6e6!important
    }
    .form-block input:focus, .form-block textarea:focus {
        border-bottom: 2px solid #ff1f8e
    }
    .form-block input {
        width: 100%;
        height: 50px;
        padding: 0 15px;
        margin: 0 0 15px 0;
        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 0;
        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 0;
        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 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 0
    }
    .office-text h4 {
        margin: 0 0 10px 0
    }
    .office-text p {
        padding: 0 50px 0 0;
        margin: 0 0 20px 0
    }
    .skyline-img {
        background: #fbf4f1;
        padding: 20px;
        border-radius: 8px 40px 8px 0;
        -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059), 0 8.2px 8.9px -30px rgba(0,0,0,.071), 0 25px 40px -30px rgba(0,0,0,.2);
        box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059), 0 8.2px 8.9px -30px rgba(0,0,0,.071), 0 25px 40px -30px rgba(0,0,0,.2)
    }
    .-address-list li a {
        color: #6a6a8e
    }
    .-address-list li a i {
        width: 25px
    }
    .-address-list li {
        line-height: 35px
    }
    #scrollUp:hover {
        opacity: 1
    }
    #scrollUp {
        bottom: 20px;
        right: 20px;
        width: 30px;
        height: 50px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        color: #fff;
        opacity: .4;
        background: url(../images/icons/up-arrow.svg) #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 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 0
    }
    .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 0
    }
    .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 0
    }
    .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 0
    }
    .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 0;
        position: relative;
        overflow: hidden;
        text-align: center
    }
    .breadcrumb-areav2 {
        padding: 150px 0 100px 0;
        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 0
    }
    .bread-inner p {
        font-size: 16px;
        line-height: 28px
    }
    .block-1 p+p {
        margin: 25px 0 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 0
    }
    .info-text-block h4 {
        margin: 0 0 10px 0
    }
    .info-text-block h4 a {
        color: #050748
    }
    .full-image-card {
        margin-top: 60px
    }
    .otherinfo {
        margin: 30px 0 0 0
    }
    .otherinfo p {
        line-height: 28px
    }
    .social-media-profile {
        margin: 30px 0 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 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 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: 50px 10px
    }
    .tech-icons img {
        width: 45px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        transform: translatey(-50%)
    }
    .tech-icons li {
        margin: 6px;
        display: inline-block
    }
    .tech-icons a:hover {
        border: 4px solid #d9cbff
    }
    .tech-icons a {
        border: 4px solid #fff;
        display: inline-block;
        height: 100%;
        position: relative;
        width: 90px;
        height: 90px;
        background: #fff;
        border-radius: 100%;
        -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059), 0 8.2px 8.9px -30px rgba(0,0,0,.071), 0 25px 40px -30px rgba(0,0,0,.2);
        box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059), 0 8.2px 8.9px -30px rgba(0,0,0,.071), 0 25px 40px -30px rgba(0,0,0,.2)
    }
    .techonology-used- {
        text-align: center;
        background: #f9f9f9
    }
    .banner-2 {
        background: url(../images/banner/6.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
    .service {
        overflow: hidden
    }
    .service .common-heading h2 {
        margin-bottom: 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 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 0;
        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 0;
        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 0
    }
    .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 0
    }
    .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 0
    }
    .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 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 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 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 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 0
    }
    .-service-list li a {
        font-size: 13px;
        color: #6a6a8e;
        text-transform: uppercase;
        text-decoration: none;
        padding-bottom: 5px;
        display: inline-block;
        font-weight: 700
    }
    .link-prb {
        display: block
    }
    .col-lg-6-cus {
        width: 40%
    }
    .col-lg-3-cus {
        width: 30%
    }
    .mt30- {
        margin-top: 20px
    }
    .text-w, .text-w a, .text-w h1, .text-w h2, .text-w h3, .text-w h4, .text-w h5, .text-w h6 {
        color: #fff
    }
    .service-section-prb {
        position: relative;
        margin-top: -200px
    }
    .bg-shape-dez {
        position: relative
    }
    .bg-shape-dez::after, .bg-shape-dez::before {
        position: absolute;
        z-index: 0;
        content: '';
        width: 50%;
        height: 50%;
        background: #007bff;
        background: -webkit-linear-gradient(left, #007bff 0, #ff1f8e 100%);
        background: linear-gradient(to right, #007bff 0, #ff1f8e 100%)
    }
    .bg-shape-dez::after {
        top: -10px;
        right: -10px;
        border-radius: 0 8px 0 0
    }
    .single-image img {
        position: relative;
        z-index: 5;
        border-radius: 8px
    }
    .bg-shape-dez::before {
        bottom: -10px;
        left: -10px;
        border-radius: 0 0 0 8px
    }
    .single-image img {
        position: relative;
        z-index: 5;
        border-radius: 8px
    }
    .srcl1 {
        background: #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: 60px;
        width: 60px;
        margin-bottom: 10px
    }
    .service-sec-list:hover {
        padding: 25px
    }
    .service-sec-list:hover img {
        height: 0;
        width: 60px
    }
    .service-sec-list:hover p {
        display: block
    }
    .service-sec-list, .service-sec-list:hover, .service-sec-list:hover p {
        -moz-transition: all .8s;
        -o-transition: all .8s;
        -webkit-transition: all .8s;
        transition: all .8s
    }
    .-cta-btn {
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        width: 100%
    }
    .-cta-btn p {
        font-size: 30px;
        color: #050748;
        margin: 0 30px 0 0
    }
    .-cta-btn p span {
        font-weight: 700
    }
    .free-cta-title {
        display: inline-flex
    }
    .key-block.shadow-box {
        padding: 15px;
        margin-bottom: 20px;
        border-top: 3px solid #a241bb;
        transition: all .3s ease-out 0s
    }
    .key-icon {
        margin-right: 15px;
        float: left
    }
    .clients-logos ul li p {
        font-size: 12px;
        padding-top: .5em;
        letter-spacing: 0;
        font-weight: 300;
        color: #959595
    }
    .clients-logos ul li {
        display: inline-block;
        padding: 30px 0 0 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 0
    }
    .rount-btn {
        width: 52px;
        height: 52px;
        padding: 0;
        text-align: center;
        font-size: 18px;
        border: 2px solid #dcdcdc
    }
    .review-ref {
        display: flex;
        align-items: center;
        justify-content: space-around
    }
    .review-icons a {
        display: inline-block;
        padding: 0 20px
    }
    .bg-none {
        background: 0 0
    }
    .img-with-shape {
        position: relative;
        text-align: center
    }
    .dg-hero-img0 {
        border-radius: 8px;
        transform: translateZ(60px);
        position: relative;
        z-index: 9
    }
    .dg-hero-shp1a {
        top: 0;
        left: 0
    }
    .dg-hero-shp1 {
        top: -50px;
        left: 0
    }
    .dg-hero-shp2 {
        transform: translatez(80px);
        top: 40%;
        z-index: 999;
        left: 0;
        max-width: 120px
    }
    .dg-hero-shp3 {
        bottom: -80px;
        right: 0
    }
    .shape-dg-1 {
        position: absolute
    }
    .dark-main .-content-sec .title-hero-oth p, .dark-main .footer-address-list li a, .dark-main .post-social a, .dark-main a, .dark-main p {
        color: #a2a2a2
    }
    .dark-main .entry-blog-post a, .dark-main .isotope_item h4 a, .dark-main .link-reviewrr a, .dark-main .review-vid-details p, .dark-main .single-blog-info- h4 a, .dark-main .statistics span, .dark-main .title-hero-oth p, .dark-main h1, .dark-main h2, .dark-main h3, .dark-main h4, .dark-main h5, .dark-main h6 {
        color: #e6e6e6
    }
    .dark-main a.bg-btn, .dark-main a.lnk {
        color: #fff
    }
    .dark-main input, .dark-main textarea {
        box-shadow: none
    }
    .dark-main .s-block {
        background: #1d1d1d;
        border: 1px solid #1d1d1d
    }
    .dark-main .single-blog-post- {
        background: #1d1d1d;
        border: 1px solid #1d1d1d
    }
    .dark-main .post-social {
        border-top: 1px solid #2b2b2b
    }
    .dark-main .blog-content-tt {
        border: 0 solid #ececec
    }
    .f-weight .-cta-btn p span {
        font-weight: 900
    }
    p.video-lab-- {
        color: #6a6a8e
    }
    .mr25 {
        margin-right: 25px
    }
    .dg-bg2 {
        background-image: -moz-linear-gradient(45deg, #ff3870 0, #ff3870 50%, #c300c3 100%)!important;
        background-image: -webkit-linear-gradient(45deg, #ff3870 0, #ff3870 50%, #c300c3 100%)!important;
        background-image: linear-gradient(45deg, #ff0048 0, #ff3870 50%, #c300c3 100%)!important
    }
    .hero-digital-agency-1 p {
        color: #bdbfca
    }
    .hero-digital-agency-1 .header-heading h1 {
        font-size: 80px;
        line-height: 90px;
        font-weight: 900
    }
    .-content-sec .triangle-play {
        border-left: 25px solid #fff
    }
    .-content-sec a.play-video::after {
        border: 6px solid #ff2d8d
    }
    .-content-sec a.play-video {
        background: #ff2d8d
    }
    .-content-sec .title-hero-oth p {
        font-size: 18px;
        color: #6a6a8e;
        margin: 0 0 0 20px;
        text-transform: capitalize
    }
    .dg-btn {
        background-color: transparent;
        border: 1px solid #fff
    }
    .dg-bg {
        background-color: #202020
    }
    .dg-bg--1 {
        background-color: #111
    }
    .dg-bg--2 {
        background-color: #171717
    }
    .dg-clients-section .opl ul li {
        display: inline-block;
        padding: 30px 0 0 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 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 0;
        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 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 0
    }
    .link-reviewrr a {
        display: block;
        padding: 0 0 4px 0;
        color: #6a6a8e
    }
    .dark-footer, .dark-footer .ff-social-icons a, .dark-footer .footer-address-list li a, .dark-footer .footer-address-list li p, .dark-footer .footer-address-list li>span, .dark-footer .footer-link-- li a {
        color: #a2a2a2
    }
    .dark-footer h5 {
        color: #e6e6e6
    }
    .dg2-main .footer-address-list li a {
        color: #bdbfca
    }
    .footer-copyrights- a {
        color: #bdbfca
    }
    .footer-link-- {
        text-align: right
    }
    .footer-link-- li {
        display: inline-block
    }
    .footer-link-- li a {
        color: #bdbfca;
        margin-left: 15px;
        font-size: 16px
    }
    .end-footer- {
        border-top: 1px solid rgba(237,237,237,.05);
        margin-top: 70px;
        padding: 35px 0
    }
    .ff-social-icons a {
        color: #fff;
        padding: 0 20px 0 0;
        font-size: 18px
    }
    .video-bg- {
        background: #000
    }
    .full-video {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        opacity: .3
    }
    .email-subs-form .form-cta {
        align-items: center;
        justify-content: center;
        display: flex
    }
    .hero-creative-agenc1 {
        background-size: cover;
        background-position: center center
    }
    .hero-creative-agenc1 .header-heading h1 {
        font-weight: 900
    }
    .ovr-bg2 .ovr-base:before {
        content: "";
        background: -webkit-linear-gradient(135deg, #fc00c7 0, #1c4efd 54%, #00aded 100%);
        background: linear-gradient(135deg, #fc00c7 0, #1c4efd 54%, #00aded 100%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        opacity: 0
    }
    .sec-dark h2, .sec-dark h4, .sec-dark h5 {
        color: #fff
    }
    .sec-dark p {
        color: #bdbfca
    }
    .hero-creative-agenc2 .container {
        max-width: 1320px
    }
    .img-design {
        display: inline-flex;
        align-items: center
    }
    .ag-dg1 {
        z-index: 1;
        border-radius: 8px 8px 8px 100px;
        min-width: 100%;
        top: 0;
        left: 30px;
        position: relative
    }
    .ag-dg2 {
        z-index: 0;
        border-radius: 8px 8px 100px 8px;
        bottom: 0;
        right: 30px;
        min-width: 100%;
        position: relative
    }
    .shpdzz {
        position: absolute
    }
    .shpdez1 {
        width: 90px;
        height: 90px;
        background: #ffc107;
        border-radius: 100px 100px 00px 100px;
        left: 0;
        bottom: 0
    }
    .shpdez2 {
        width: 140px;
        height: 140px;
        background: #00bcd4;
        border-radius: 00px 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 00px 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 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: white
    }
    .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 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 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: 100px;
        padding-bottom: 100px
    }
    .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: rgba(0,0,0,0)!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: rgba(0,0,0,0);
        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: rgba(0,0,0,0);
        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: 0px 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 4px;
        display: block;
        width: 100%;
        height: 45px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #c5c5c5
    }
    .floating-input:focus, .floating-select:focus {
        outline: 0;
        border-bottom: 1px solid #6b3489
    }
    .floating-label label {
        color: #999;
        font-size: 16px;
        font-weight: 400;
        position: absolute;
        pointer-events: none;
        left: 30px;
        top: 16px;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all;
        margin-bottom: 0
    }
    .floating-input:focus~label, .floating-input:not(:placeholder-shown)~label, .floating-select:focus~label, .floating-select:not([value=""]):valid~label {
    top:-4px;
    font-size:12px;
    color:#828282
    }
    .hero-slider {
        width: 100%;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 0
    }
    .hero-slider .slide-inner {
        position: relative
    }
    .hero-slider .slide-inner:before {
        content: "";
        position: absolute;
        background: #000;
        width: 100%;
        height: 100%;
        opacity: .3;
        top: 0;
        left: 0;
        right: 0
    }
    .hero-slider .swiper-slide {
        overflow: hidden;
        color: #fff
    }
    .hero-slider .swiper-container {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .hero-slider .slide-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left
    }
    .hero-slider .swiper-button-next, .hero-slider .swiper-button-prev {
        background: 0 0;
        width: 55px;
        height: 55px;
        line-height: 53px;
        margin-top: -30px;
        text-align: center;
        border: 2px solid #d4d3d3;
        border-radius: 55px;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }
    .hero-slider:hover .swiper-button-next, .hero-slider:hover .swiper-button-prev {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }
    .hero-slider .swiper-button-prev {
        left: 25px;
        transform: translateX(50px)
    }
    .hero-slider .swiper-button-prev:before {
        font-family: "Font Awesome 5 Free";
        content: "\f060";
        font-size: 15px;
        color: #d4d3d3;
        font-style: normal;
        display: inline-block;
        vertical-align: middle;
        font-weight: 900
    }
    .hero-slider .swiper-button-next {
        right: 25px;
        transform: translateX(-50px)
    }
    .hero-slider .swiper-button-next:before {
        font-family: "Font Awesome 5 Free";
        content: "\f061";
        font-size: 15px;
        color: #d4d3d3;
        font-style: normal;
        display: inline-block;
        font-weight: 900
    }
    .hero-slider .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        text-align: left;
        line-height: 12px;
        font-size: 12px;
        color: #000;
        opacity: .3;
        background: #fff;
        transition: all .2s ease
    }
    .hero-slider .swiper-pagination-bullet-active {
        opacity: 1
    }
    .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction {
        bottom: 30px
    }
    .swiper-pagination {
        text-align: left
    }
    .hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 50px;
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%)
    }
    .hero-style .slide-btns, .hero-style .slide-text, .hero-style .slide-title {
        max-width: 600px
    }
    .hero-style .slide-title h2 {
        font-size: 60px;
        line-height: 70px;
        color: #fff;
        margin: 0 0 20px;
        transition: all .4s ease
    }
    .hero-style .slide-text p {
        font-size: 20px;
        letter-spacing: normal;
        color: #fff;
        margin: 0 0 30px;
        transition: all .4s ease
    }
    .hero-style .slide-btns>a:first-child {
        margin-right: 10px
    }
    .freelancerv2 {
        background-color: #05081a
    }
    .freelancerv2 .footerdez {
        background-color: #0b0e22
    }
    .flv2 .header-heading h1 {
        font-size: 60px;
        line-height: 74px;
        margin-bottom: 30px
    }
    .freelancerv2:before {
        content: "";
        background-image: url(../images/shape/stars.svg);
        position: absolute;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto
    }
    .text-effect-3 {
        background: url(../images/shape/bg-gradient.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .font-bold h1, .font-bold h2, .font-bold h3 {
        font-weight: 900
    }
    html .mb15 {
        margin-bottom: 15px
    }
    html .mt15 {
        margin-top: 15px
    }
    .card-dark-2 {
        overflow: hidden;
        border: 1px solid hsla(0,0%,100%,.05);
        background-color: hsla(0,0%,100%,.05);
        border-radius: 14px
    }
    .inforcardtt h3 {
        font-size: 22px;
        line-height: 32px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 10px
    }
    .inforcardttt h2 {
        font-size: 30px;
        line-height: 40px;
        color: #fff;
        font-weight: 600
    }
    .inforcardttt h3 {
        font-size: 20px;
        line-height: 30px;
        color: #787c97;
        font-weight: 600
    }
    .srve .inforcardtt {
        padding: 24px;
        background: #121526
    }
    .about-dg-ca2 .inforcardtt {
        padding: 24px;
        padding-bottom: 0;
        background: #121526
    }
    .footerlinkcard {
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        padding: 20px 0 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 0
    }
    .freelancer-footer p.ffttrr {
        padding: 20px 0 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 0
    }
    .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 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 0;
        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 0
    }
    .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 0;
        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 0;
        margin: 14px 0 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 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 0
    }
    .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 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: 70px
    }
    .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 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 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 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 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,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a759' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3E%3C/svg%3E")!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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff0000' d='M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59 7.71 6.29A1 1 0 0 0 6.29 7.71L10.59 12l-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L12 13.41l4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42Z'/%3E%3C/svg%3E")!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: 15px
    }
    .custom-nav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        float: none
    }
    .sidebarform form {
        margin-bottom: 20px
    }
    .navm- {
        position: relative
    }
    div.custom-nav>ul>li:hover .nx-dropdown {
        opacity: 1;
        height: auto;
        overflow: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .nx-dropdown {
        -webkit-transform: perspective(600px) rotateX(-15deg);
        transform: perspective(600px) rotateX(-15deg);
        -webkit-transform-origin: 50% -50px;
        -ms-transform-origin: 50% -50px;
        transform-origin: 50% -50px;
        width: 97vw;
        right: 0;
        left: 0;
        margin: 0 auto;
        border-radius: 0 0 20px 20px;
        overflow: hidden!important;
        -webkit-box-shadow: 0 20px 20px -10px rgb(0 0 0 / 15%);
        box-shadow: 0 20px 20px -10px rgb(0 0 0 / 15%)
    }
    .clientsicons {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px
    }
    .clientsicons img {
        padding: 0 10px
    }
    img {
        max-width: 100%;
        height: auto
    }
    .contact-review {
        background: #fff;
        padding: 30px 20px;
        border-radius: 14px
    }
    .niwax23form {
        background: #fff;
        padding: 50px 30px;
        border-radius: 14px
    }
    .contact-review .owl-dots {
        position: absolute;
        right: 10px;
        bottom: 10px
    }
    .locations {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px
    }
    .ouroffice a {
        color: #050748;
        margin-top: 20px;
        display: block
    }
    .ouroffice h4 {
        margin-bottom: 8px
    }
    .form-block {
        overflow: hidden
    }
    .leadpopup .modal-body {
        padding: 0
    }
    .leadpopup .modal-dialog {
        max-width: 800px
    }
    .leadpopup .modal-content {
        border-radius: 0
    }
    .innerbody {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px
    }
    .innerleft {
        padding: 30px
    }
    .innerright {
        background-size: cover
    }
    .leadbtnclose {
        position: absolute;
        right: 5px;
        top: 5px;
        background: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px
    }
    input {
        accent-color: #ff1f8e
    }
    .pad-t-b{
        padding-top: 50px;
        padding-bottom: 50px;
    }