body,
    html {
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
        color: #000;
        font-family: 'Barlow', sans-serif;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .h1,
    h1 {
        font-size: calc(1.6rem + 1.5vw);
    }
    a {
        text-decoration: none;
        color: #222;
    }
    a:hover {
        color: #b00000;
    }
    button {
        background: 0 0;
        border: none;
        outline: 0;
        box-shadow: none;
    }
    .btn,
    a,
    button,
    img,
    ol li,
    ul li {
        transition: all 0.4s ease-out;
    }
    .btn {
        padding: 13px 30px;
        border-radius: 30px;
        font-size: 15px;
        border: solid 2px #b00000;
        text-transform: uppercase;
        line-height: 1.4;
        font-weight: 600;
        background-color:#fff;
        letter-spacing:1px;
    }
    .btn:hover{
        background-color:#b00000;
        color:#fff;
    }
    .btn .icon {
        vertical-align: middle;
        margin-left: 1px;
    }
    .btn-yellow {
        background-color: #b00000;
        color: #fff;
    }
    .btn-yellow:hover {
        background-color: #000;
        color: #fff;
    }

    .back-to-top {
        position: fixed;
        bottom: 110px;
        z-index: 7;
        display: none;
        width: 26px;
        height: 48px;
        right: 25px;
        background: url(../images/rocket.png) no-repeat 50% -62px;
    }
    .back-to-top:hover {
        background-position: 50% -62px;
    }
    .section {
        width: 100%;
    }
    .txtpink {
        color: #b00000;
    }
    .backbg {
        background-size: cover;
        background-repeat: no-repeat;
    }
    .grbgblue {
        background: linear-gradient(to bottom, #4c5d89 0, #2b344c 80%);
    }
    .grbgmehrun {
        background: linear-gradient(to right, #773455 20%, #462443 60%);
    }
    .grdmrunblkbg {
        background: linear-gradient(to bottom right, #903c3c 10%, #332446);
    }
    .bg-lightgray {
        background: #f6f5f4;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .peachbg {
        background: #ffe8d9;
    }

    .bggray {
        background-color: #eee;
    }
    .dark-bggray {
        background-color: #f1f1f1;
    }
    .bg-primary2 {
        background-color: #191919;
    }
    .bg-darkred {
        background-color: #ab302e;
    }
    .fw-semi {
        font-weight: 600;
    }
    .lh35 {
        line-height: 35px;
    }
    .lh30 {
        line-height: 30px;
    }
    .imgh50 {
        max-height: 50px;
    }
    a.txtpink:hover {
        color: #b00000;
        text-decoration: underline;
    }
    .border-pink {
        border-color: #b00000;
    }
    hr.w120b {
        width: 120px;
        border: solid 4px #222;
        opacity: 1;
    }
    .hovpink:hover {
        color: #b00000;
    }
    .bgdarkblue {
        background-color: #13152c;
    }
    .blueprimary {
        background-color: #12043a;
    }
    .text-justify {
        text-align: justify;
    }
    .bgwhite {
        background-color: #fff;
    }
    .radius50 {
        border-radius: 50px;
    }
    .opacity5 {
        opacity: 0.5;
    }
    .ltrspace {
        letter-spacing: 1px;
    }
    .radius5 {
        border-radius: 5px;
    }
    .radius10 {
        border-radius: 10px;
    }
    .edpiconsplit {
        background: url(../images/spliticon.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .edpiconsplit.littlestar {
        background-position: -8px -78px;
        width: 11px;
        height: 11px;
        top: -3px;
        left: 6px;
    }
    .edpiconsplit.nexttab {
        background-position: -15px -26px;
        width: 14px;
        height: 14px;
        margin-right: 5px;
    }
    .edpiconsplit.iclocation {
        background-position: 0 -168px;
        width: 35px;
        height: 35px;
    }
    .vlm {
        vertical-align: middle;
    }
    .nobg {
        background: 0 0;
    }
    .btn-close.nobg {
        color: #fff;
    }
    .wauto {
        width: auto;
    }
    .pt-80 {
        padding-top: 80px;
    }
    .pt-9 {
        padding-top: 7rem;
    }
    .pt-10 {
        padding-top: 10rem;
    }
    .pb-7 {
        padding-bottom: 5rem;
    }
    .pb-15 {
        padding-bottom: 15rem;
    }
    a.emp-image-link{display:block; text-align:center;}
    img.spinnnerImg[src="images/spinner.gif"]{width:58px!important;height:58px!important; margin:0 auto; -webkit-transition:none!important;
        transition:none!important; max-width:58px!important;}
        @media screen and (max-width: 767px) {
            .pb-15 {
                padding-bottom: 2rem;
            }
        }
        .pt-13 {
            padding-top: 13rem;
        }
        .grbluepurple {
            background: linear-gradient(to right, #194f79, #1d204a 100%);
        }
        .grgreenbg {
            background: linear-gradient(to right, #347770 20%, #244642 60%);
        }
        .grpurplebg {
            background: linear-gradient(to bottom right, #352446 30%, #643c90);
        }
        .bg-grornage {
            background: linear-gradient(to right, #ff5e62 0, #f96 100%);
        }
        .bg-darkgreen {
            background: #05a3af;
        }
        .bg-skyblue {
            background: linear-gradient(to right, #005db9 0, #008ebd 100%);
        }
        .darknavibg {
            background: #10418e;
        }
        .sepborder {
            width: 70px;
            height: 5px;
        }
        .sepborder.w180{width:180px;}
        .plangray {background: #ebece6;}
        .purpinkgrbg {
            background: linear-gradient(to bottom right, #f72a63 30%, #942af7 70%);
        }
        .bggraygr {
            background: linear-gradient(to bottom right, #fff, #f8f8f8 50%);
        }
        .grbg-gray {
            background: linear-gradient(to bottom right, #3e353a, #6a5d66 100%);
        }
        .bg-naviblue {
            background: #213461;
        }
        .lightpink {
            background: #fbf2f3;
        }
        .txtsky {
            color: #427ac0;
        }
        .txtblue {
            color: #122979;
        }
        .txtyellow {
            color: #faca27;
        }
        .txtdarkred {
            color: #ab302e;
        }
        .height100 {
            height: 100px;
        }
        .height180 {
            height: 180px;
        }
        .owl-carousel.m-owl {
            display: flex;
        }
        .mb30 {
            margin-bottom: 30px;
        }
        .mb-6 {
            margin-bottom: 4rem;
        }
        .icon-cancel {
            font-weight: 700;
        }
        canvas {
            max-width: 100%;
        }
        .imgw120 {
            max-width: 120px;
        }
        .imgw160 {
            max-width: 160px;
        }
        .height250 {
            height: 250px;
            overflow-y: auto;
        }
        .lgyellow {
            background-color: #f7ecd6;
        }
        .lgblue {
            background: #d4e7f0;
        }
        .lggreen {
            background: #e8f0d4;
        }
        #happyclient.owl-carousel .btn-sm .icon {
            margin-left: 0;
            font-size: 11px;
            vertical-align: baseline;
        }
        #happyclient.owl-carousel .owl-dots {
            display: none;
        }
        .lh30 li {
            line-height: 30px;
        }
        .lhnormal {
            line-height: normal;
        }
        .modalogo {
            cursor: pointer;
        }
        @media screen and (max-width: 767px) {
            .modalogo {
                width: 180px;
            }
        }
        .accordion-button::after {
            background: 0 0;
            content: "\e908";
            font-family: icomoon;
        }
        .accordion-button:not(.collapsed)::after {
            background: 0 0;
            transform: none;
            content: "\e909";
        }
        .accordion-button:not(.collapsed) {
            background-color: #fff;
        }
        .bg-pink {
            background-color: #b00000;
        }
        .bg-black {
            background-color: #000;
        }
        .dark-graybg {
            background-color: #373f52;
        }
        .bg-lgpurple {
            background-color: #8a94d9;
        }
        .img-hover {
            overflow: hidden;
        }
        .img-hover img {
            -webkit-transition: -webkit-transform 0.35s ease-out;
            transition: transform 0.35s ease-out;
        }
        .img-hover:hover img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
        .bg-trans {
            background: rgba(0, 0, 0, 0.68);
        }
        @media screen and (max-width: 1399px) {
            .fontdsk {
                font-size: 2.5rem;
            }
        }
        @media screen and (max-width: 1199px) {
            .fontdsk {
                font-size: 2rem;
            }
        }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .headernav .sitenav {
                padding: 0;
            }
            .headernav .inq .btn {
                padding: 10px 15px;
            }
            .servicenews .dots-part {
                padding-right: 80px;
            }
        }
        @media screen and (max-width: 991px) {
            .mobbgwhite {
                background-color: #fff;
            }
            .img-smlsec {
                text-align: center;
            }
            #happyclient .btn-sm {
                padding: 5px 4px;
            }
            #happyclient.owl-carousel .bg-white {
                padding: 15px 10px;
            }
        }
        @media screen and (max-width: 767px) {
            .technologies .cmt {
                padding-top: 3rem;
            }
            .slportfolio {
                padding-bottom: 1rem;
            }
            .mpt-5 {
                padding-top: 5rem;
            }
            .pb-7 {
                padding-bottom: 2rem;
            }
            .height100 {
                height: auto;
            }
            .mpt-7 {
                padding-top: 7rem;
            }
        }
        .headernav {
            position: fixed;
            left: 0;
            width: 100%;
            top: 0;
            z-index: 999;
            box-shadow:0px 19px 36px rgba(41,38,99,0.04); transition: all .4s ease-out; padding:0;
        }
        .sub-menu .smhead{text-transform:uppercase; font-weight:600;}
        .headernav .logo {
            display: flex;
            align-items: center;
        }
        .headernav .logo .logod {
            display: none;
        }
        .headernav .logo .gpartner {
            margin-left: 1rem;
        }
        .headernav.fixed {
            background-color: #fff;
            position: fixed;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
        }
        .headernav.fixed .sitenav .hmenu li > a {
            color: #000;
        }
        .headernav.fixed .sitenav .hmenu li.drop-down::after {
            color: #000;
        }
        .headernav.fixed .logo .logod {
            display: block;
        }
        .headernav.fixed .logo .logow {
            display: none;
        }
        .headcontainer {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            align-items: center;
        }
        .headcontainer .headtopright {
            display: flex;
            align-items: center;
        }
        .headcontainer .headtopright .inq {
            margin-left: 10px;
        }
        @media screen and (max-width: 991px) {
            .headcontainer .headtopright .inq {
                margin-left: 0;
            }
        }
        .headcontainer .headtopright .inq .btn {
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            -webkit-transform-origin: center right;
            -ms-transform-origin: center right;
            transform-origin: center right;
            z-index: 9999;
            background: -webkit-gradient(linear, right top, left top, from(#942af7), color-stop(#f72a63), color-stop(#942af7), color-stop(#cc0ebc), color-stop(#f0104c), to(#ff5b11));
            background: -webkit-linear-gradient(right, #942af7, #f72a63, #942af7, #cc0ebc, #f0104c, #ff5b11);
            background: -o-linear-gradient(right, #942af7, #ffde00, #942af7, #cc0ebc, #f0104c, #ff5b11);
            background: linear-gradient(270deg, #942af7, #f72a63, #942af7, #cc0ebc, #f0104c, #ff5b11);
            background-size: auto auto;
            background-size: auto auto;
            background-size: 1000% 1000%;
            -webkit-animation: btnbganim 10s infinite;
            animation: btnbganim 10s infinite;
            padding: 13px 20px;
            text-transform: none;
        }
        .headcontainer .headtopright .inq .btn:hover {
            color: #fff;
        }
        @keyframes btnbganim {
            0%,
            100% {
                background-position: 0 50%;
            }
            50% {
                background-position: 100% 50%;
            }
        }
        .sitenav {
            padding: 0;
        }
        .sitenav .hmenu {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
            padding: 0;
            margin:0;
        }
        .sitenav .hmenu li {
            position: static;
            list-style: none;
            margin-right:15px;
        }
        .sitenav .hmenu li a {
            color: #fff;
            display: block;
            padding:25px 5px; font-size:14px; background-color:transparent;
        }
        .sitenav .hmenu li a:hover, .sitenav .hmenu li.drop-down:hover > a {
            color: #122979; background-color:#b00000; text-decoration:none;
        }
        .sitenav .hmenu li.drop-down .sub-menu {
            display: none;
            position: absolute;
            height: 0;
            top: 100%;
            border-radius:0px;
            z-index: 99;  
            background:#fff;
        }
        .sitenav .hmenu li.nomegamenu{position:relative;}
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu {
            border:solid 1px #b00000;
            box-shadow:0px 5px 5px rgba(0,0,0,0.15);
            min-width:185px;
        }
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li::before{display:none;}
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li{padding:0; border-bottom:solid 1px #b00000;}
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li:last-child{border-bottom:none;}
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li a{padding:10px; white-space:nowrap;}
        .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li a:hover{padding-left:10px;}
        @media screen and (max-width: 1199px) {
            .sitenav .hmenu li.drop-down .sub-menu {
                left: 0;
            }
        }
        .sitenav .hmenu li.drop-down .sub-menu li {
            margin-right:0; position:relative; padding-left:15px; padding-right:5px;
        }
        .sitenav .hmenu li.drop-down .sub-menu li::before{font-family: "Font Awesome 5 Free"; content:"\f111"; position:absolute; left:0; font-size:6px; top:16px; color:#b00000; font-weight:600;}
        .vlb-new-label {margin-left: 2px; padding:5px 10px; border-radius: 15px; background: #b00000; display: inline-block; vertical-align: top; line-height: normal; text-transform: uppercase; letter-spacing: 1px; font-weight:500;color: #fff;}
        .sitenav .hmenu li .sdnav li a:hover .vlb-new-label{background-color:#fff;color: #b00000;}
        .sitenav .hmenu li.drop-down .sub-menu li a {
            padding:10px 0; white-space:normal;
        }
        .sitenav .hmenu li.drop-down .sub-menu li a:hover {
            padding-left:15px; color:#122979;
        }
        .sitenav .hmenu li.drop-down .sub-menu .sdnav {
            margin: 0;
            padding: 0;
        }
        .sitenav .hmenu li.drop-down .sub-menu .sdnav li.navtitle img {
            max-height: 50px;
        }
        .sitenav .hmenu li.drop-down .sub-menu .sdnav li.navtitle h6 {
            font-weight: 700;
        }

        @media screen and (max-width: 1199px) {
            .sitenav .hmenu li.drop-down::after {
                right: 0;
            }
        }
        .sitenav .hmenu li.drop-down.megamenu .sub-menu{min-width:100%; width:100%; left: 0; border:none; box-shadow:none; border-top: solid 2px #b00000;  transition: ease all .4s; margin:0 auto; background:none; padding:0;}
        .sitenav .sub-menu .container {background: #ffffff;  border: solid 1px #eee; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding:15px; position:relative;}
        .sitenav .sub-menu .container::after {background:url(../images/vbnpage/topheaderbg.png) no-repeat; background-size:100% auto; position:absolute; bottom:0; right:0; width:210px; height:170px; content:"";}
        .sitenav .hmenu li:hover .sub-menu {
            height: auto;
            display: block;
        }
        .sitenav .hmenu.topnav {
            margin-bottom: 1rem;
        }
        .sitenav .hmenu.topnav li {
            padding: 0 0.5rem;
            border-right: solid 1px #ddd;
        }
        .sitenav .hmenu.topnav li a {
            padding: 0.2rem 1rem;
            font-size: 13px;
            line-height: 14px;
        }
        .sitenav .hmenu.topnav li .sub-menu {
            top: 100%;
            padding: 6px 0;
            border-bottom: none;
            border-radius: 0;
            background-color: #f7f7f7;
        }
        .sitenav .hmenu.topnav li .sub-menu li a {
            padding: 6px 15px;
        }
        .sitenav .hmenu.topnav li:last-child {
            border-right: none;
        }
        .sitenav .hmenu.bottomnav {
            margin-bottom: 0;
        }
        .sitenav .hmenu.bottomnav li {
            padding: 0 20px;
        }
        @media screen and (min-width:1200px) {
            .sitenav .hmenu li.drop-down .sub-menu .morsubmenu .sub-menu{display:none;}
            .sitenav .hmenu li.drop-down .sub-menu .morsubmenu:hover > .sub-menu, .sitenav .hmenu li.drop-down .sub-menu .sub-menu .drop-down:hover > .sub-menu, .sitenav .hmenu li.drop-down .sub-menu .sub-menu .drop-down:hover > .sub-menu .sub-menu{display:block; left: 100%; top:-1px;}
            .sitenav .hmenu li.drop-down .sub-menu .morsubmenu .subarrow{position: absolute; top: 11px; height: 100%; align-items: center; right: 10px;}
        }
        @media screen and (max-width: 1199px) {
            .sitenav .hmenu.bottomnav li {
                padding: 0 10px;
            }
        }
        .sitenav .hmenu.bottomnav li a {
            padding: 8px 2px;
            font-size: 13px;
            line-height: 1;
            pointer-events: none;
        }
        @media screen and (max-width: 1399px) {
            .sitenav .hmenu.bottomnav li a {
                text-transform: none;
            }
        }
        .sitenav .hmenu.bottomnav li .sub-menu li a {
            padding: 0.5rem 0;
            text-transform: none;
            pointer-events: inherit;
        }
        @media screen and (min-width: 992px) {
            body.wh-header .sitenav .hmenu li a {
                color: #000;
            }
        }
        body.wh-header .sitenav .hmenu li.drop-down::after {
            color: #000;
        }
        body.wh-header .headernav {
            background-color: #fff;
        }
        body.wh-header .headernav .logo .logod {
            display: block;
        }
        body.wh-header .headernav .logo .logow {
            display: none;
        }
        body.wh-header .headernav .logo img {
            max-width: 100%;
        }
        .mobile-nav-overly {
            display: none;
        }
        body.mobile-nav-active .mobile-nav-toggle {
            z-index: 9999999;
        }
        .mobile-nav-toggle {
            position: fixed;
            right: 15px;
            top:10px;
            width: 40px;
            height: 40px;
            background: #b00000;
            color: #fff;
            z-index:9999999999;
            border: 0;
            font-size: 25px;
            border-radius: 50%;
            transition: all 0.4s ease;
            align-items: center;
            justify-content: center;
            padding: 0;
        }
        .mobile-nav-toggle .icon{font-family: "Font Awesome 5 Free"; font-weight:700; font-size:20px;}
        .mobile-nav-toggle .icon-menu::before{content:"\f0c9";}
        .mobile-nav-toggle .icon-cancel::before{content:"\f00d";}
        body.mobile-nav-active {
            overflow: hidden;
        }
        body.mobile-nav-active .mobile-nav {
            left: 0;
            width:280px;
        }
        body.mobile-nav-active .mobile-nav-toggle {
            font-size: 15px;
        }
        amp-sidebar[side][i-amphtml-sidebar-opened].mobile-nav{
            left: 0;
            width:350px;
            max-width:100%;
        }
        @media screen and (min-width: 1199px) {
            .sitenav .sub-menu .menusecset {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
            }
            .sitenav .sub-menu .menusecset .hedrcol {
                width: 65%;
                padding: 15px;
            }
            .sitenav .sub-menu .menusecset .hedrcol.hedrcol2 {
                width: 35%;
            }
            .sitenav .sub-menu .menusecset .hedrcol .nav li {
                width: 33.33%;
            }
            .sitenav .sub-menu .menusecset .hedrcol .nav li a .icon {
                margin-right: 5px;
            }
            .sitenav .sub-menu .hd-row {
                display: flex;
                width: 100%;
            }
            .sitenav .sub-menu .hd-row .menubehave {
                flex: 1;
            }
            .sitenav .sub-menu .hd-row .menubehave .sdnav li {
                padding-left: 10px;
                margin-bottom: 5px;
            }
            .sitenav .sub-menu .hd-row .menubehave .sdnav li::before {
                width: 2px;
                height: 18px;
                background-color: #b00000;
                content: "";
                position: absolute;
                left: 0;
                top: 6px;
            }
            .sitenav .sub-menu .hd-row .menubehave.submenucol {
                padding: 5px 15px 15px;
            }
            .hedrcoltitle {
                text-align: center;
                position: relative;
            }
            .hedrcoltitle::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                background-color: #b00000;
                left: 0;
                top: 16px;
            }
            .hedrcoltitle span {
                display: inline-block;
                vertical-align: top;
                padding: 0 15px;
                background-color: #fff;
                position: relative;
                z-index: 10;
            }
            .sitenav .hmenu li.drop-down .sub-menu.nomegamenu {
                min-width: 210px;
                margin-left: -105px;
            }
        }
        .mobile-nav {
            position: fixed;
            top: 0;
            bottom: 0;
            left:-280px;
            width:0;
            overflow-y: auto;
            background: #fff;
            transition: all 0.4s ease-out;
            z-index:99999;
            padding-bottom:20px;
            border-right:solid 1px #eee;
        }
        .mobile-nav .logo {
            padding: 15px 8px;
            z-index: 99;
        }
        .mobile-nav .logo .logod {
            display: none;
        }
        .mobile-nav .logo .gpartner {
            display: block;
            margin-top: 20px;
        }
        .mobile-nav .headcontainer {
            display: block;
        }
        .mobile-nav .headcontainer .headtopright {
            display: block;
        }
        .mobile-nav .sitenav {
            padding: 0;
        }
        .mobile-nav .sitenav .hmenu {
            margin-bottom: 0;
            display: block;
        }
        .mobile-nav .sitenav .hmenu li {
            padding: 0;
            border-right: none;
            margin-right:0;
            border-bottom:solid 1px #eee;
            position:relative;
        }
        .mobile-nav .sitenav .sub-menu .container{padding:0; border:none; box-shadow:none;}
        .mobile-nav .sub-menu .smhead{padding:15px 15px 0;}
        .mobile-nav .sitenav .hmenu li:last-child{border-bottom:none;}
        .mobile-nav .sitenav .hmenu li a {
            padding: 13px 15px;
            font-size: 15px;
            text-transform: uppercase;
            pointer-events: all;
            line-height: normal;
            color:#000;
        }
        .mobile-nav .sitenav .hmenu li a:focus,
        .mobile-nav .sitenav .hmenu li a:hover {
            text-decoration: none;
        }
        .mobile-nav .sitenav .hmenu li.drop-down::after {
            font-family: "Font Awesome 5 Free";
            content:"\f067"; 
            font-weight:900;
            top: 10px;
            right: 20px;
            font-size: 1rem;
            color: #000;
            position:absolute;
            pointer-events:none;
        }
        .mobile-nav .sitenav .hmenu li.drop-down.megamenu .sub-menu,.mobile-nav .sitenav .hmenu li.drop-down.morsubmenu .sub-menu {
            display: none;
            min-width: 100%;
            margin: 0;
        }
        .mobile-nav .sitenav .hmenu li.drop-down.active::after {
            content:"\f068";
        }
        .mobile-nav .sitenav .hmenu li.drop-down.active > a{color:#b00000!important;}
        .mobile-nav .sitenav .hmenu li.drop-down .sub-menu li::before,.mobile-nav .sitenav .sub-menu .container::after{display:none;}
        .mobile-nav .sitenav .hmenu li .sub-menu {
            display: none;
            transform: none;
            top: 100%;
            position: static;
            background-color: #fff;
            width: 100%;
            box-shadow: none;
            height: auto;
            border-bottom: none;
            padding: 0;
            min-width: 100%;
            left: 0;
            margin-left: 0;
        }
        .mobile-nav .sitenav .hmenu li .sub-menu li {
            border-right: none;
            padding:0;
        }
        .mobile-nav .sitenav .hmenu li .sub-menu li a {
            padding: 13px 25px;
            font-size: 15px;
            text-transform: none;
            color: #000;
        }
        .mobile-nav .sitenav .hmenu li .sub-menu ul{margin:0; padding:0;}
        .mobile-nav .sitenav .nav {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .mobile-nav .sitenav .nav li a .icon {
            display: none;
        }
        .mobile-nav .mhdrnone {
            display: none;
        }
        .mobile-nav .sitenav .hmenu li.drop-down .sub-menu .morsubmenu .subarrow{display:none;}
        .mobile-nav .sitenav .hmenu li.drop-down.nomegamenu .sub-menu{border:none; box-shadow:none; min-width:inherit;}
        .mobile-nav .sitenav .hmenu li.drop-down.nomegamenu .sub-menu li a{padding:13px 25px;}
        .mobile-nav .sitenav .hmenu li.drop-down.nomegamenu .morsubmenu .sub-menu li a{padding:13px 35px; background-color:#f7f8f9;}
        .mobile-nav .sitenav .hmenu li.drop-down.morsubmenu > a{text-transform:uppercase;}
        .mobile-nav .sitenav .hmenu li a:hover, .mobile-nav .sitenav .hmenu li.drop-down:hover > a{background-color:#fff;}
        .tophomebanner {
            position: relative;
            background-image: url(../images/homepage/tophomebanner.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100% auto;
            min-height: inherit;
            padding: 130px 0 60px;
            background-color: #eaf0f6;
        }
        .tophomebanner .btnBlock {
            display: flex;
            align-items: center;
            width: 100%;
            flex-wrap: wrap;
        }
        #home-main-banner .carousel-item .container {
            max-width: 85%;
        }
        .packging_tells {
            font-size: 30px;
            font-weight: 400 !important;
            display: block;
            line-height: 36px;
        }
        #home-main-banner .slider-banner {
            height: 550px;
        }
        .logo_banner{background-image: url(../images/vb_home_logo_banner_bg.jpg);background-size: 100% 100%;background-position: center;}
        .banner_369{background-image: url(../images/vb_home_banner_369_bg.jpg);background-size: 100% 100%;background-position: center;}
        .banner_packaging{background-image: url(../images/vb_home_packaging_banner_bg.jpg);background-size: 100% 100%;background-position: center;}
        .banner_awards{background-image: url(../images/vb-awards-banner.jpg);background-size: 100% 100%;background-position: center;}
        /*.banner_uniquely{background-image: url(../images/gallery/cw-final.gif);background-position: bottom right; background-repeat: no-repeat;}*/
        #home-main-banner .carousel-control-prev-icon, #home-main-banner .carousel-control-next-icon{position: relative;}
        #home-main-banner .carousel-control-next, #home-main-banner .carousel-control-prev{width: 10%;}
        #home-main-banner .carousel-control-prev-icon::after, #home-main-banner .carousel-control-next-icon::after {
            background-color: #000;
            border-radius: 50%;
            background-position: center;
            background-size: contain;
            height: 50px;
            width: 50px;
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 999;
        }
        #home-main-banner .carousel-control-prev-icon i{
            width: 20px;
            height: 20px;
            border-color: transparent;
            position: absolute;
            bottom: 6px;
            border-bottom: 2px solid;
            border-left: 2px solid;
            transform: rotate(45deg);
            left: 10px;
            z-index: 9999;
        }
        #home-main-banner .carousel-control-next-icon i{
            width: 20px;
            height: 20px;
            border-color: transparent;
            position: absolute;
            bottom: 6px;
            border-bottom: 2px solid;
            border-left: 2px solid;
            transform: rotate(-135deg);
            right: 10px;
            z-index: 9999;
        }
        #home-main-banner .carousel-indicators [data-bs-target] {
            width: 15px;
            height: 15px;
            background-color: #b00000;
            border-radius: 50%;
        }
        .banner_369 .ubmtag {
            color: #fff;
        }
        .banner_369 strong {
            color: #fff;
            font-size: 27px;
            margin-top: 15px;
            display: block;
            font-weight: 600;
        }
        .vbprfimg{margin-right: 15px;}
        @media screen and (max-width: 1199px) {
            .tophomebanner {
                background-position: 0 bottom;
            }
        }
        @media screen and (max-width: 767px) {

            .packging_tells {
                font-size: 20px;
                line-height: 24px;
            }
            .ubmtag {
                line-height: 30px;
                font-size: 30px;
            }
            #home-main-banner .slider-banner {
                height: 450px;
                padding: 30px 0px 20px;
                text-align: center;
                align-items: start !important;
            }
            #home-main-banner .carousel-control-prev-icon, #home-main-banner .carousel-control-next-icon{display: none;}
            .banner_uniquely{background: transparent;}
            .banner_packaging{background-image: url(../images/vb_home_packaging_banner_mobile_bg.jpg);background-size: 100% 100%;background-position: bottom center;}
            .banner_packaging .sgmsg,.logo_banner .sgmsg, .banner_uniquely .vbprfimg,.btnBlock .sgmsg {display: none;}
            #home-main-banner .d-slide-none{display: none;}
            .logo_banner{background-image: url(../images/vb_home_logo_banner_mobile_bg.jpg);background-size: 100% 100%;background-position: center;}
            .banner_369{background-image: url(../images/vb_home_banner_369_mobile_bg.jpg);background-size: 100% 100%;background-position: center;}
            /*.banner_packaging{background-image: url(../images/vb_home_packaging_banner_mobile_bg.jpg);background-size: 100% 100%;background-position: center;}*/
            .banner_awards{background-image: url(../images/vb-awards-banner-mobile.jpg);background-size: 100% 100%;background-position: center;}
            .banner_uniquely{background-image: none;}
            .crative_image img{width: 300px;}
            #home-main-banner .carousel-indicators{margin-bottom: 0px}
            .banner_369 strong{font-size: 18px;}




            .tophomebanner {
                padding: 120px 20px 40px;
            }
        }
        .vlh-services .tab-content {
            padding: 0 80px;
        }
        .vlh-services .tab-content a {
            text-decoration: underline;
        }
        .vlh-services .tab-content a:hover {
            text-decoration: none;
        }
        @media screen and (max-width: 1199px) {
            .vlh-services .tab-content {
                padding: 0;
            }
        }
        .secbg {
            background-image: url(../images/homepage/secbg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
        .vlh-osd .vlblock .icon {
            display: block;
            min-height: 150px;
        }
        @media screen and (max-width: 767px) {
            .vlh-osd .vlblock .icon {
                min-height: inherit;
                width: 120px;
                margin: 0 auto;
            }
        }
        .vlblock.active {
            background-color: #fff;
            box-shadow: 0 45px 90px rgba(255, 60, 114, 0.1);
        }
        .vlh-prlist {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            align-items: center;
            justify-content: center;
        }
        .vlh-prlist li {
            flex: 4;
        }
        .vlh-prlist li .prj-bx {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            align-items: center;
        }
        .vlh-prlist li .prj-bx .icon {
            margin-right: 15px;
        }
        @media screen and (max-width: 991px) {
            .vlh-prlist li .prj-bx .icon {
                margin-right: 0;
                margin-bottom: 15px;
                display: block;
            }
        }
        @media screen and (max-width: 991px) {
            .vlh-prlist li .prj-bx {
                justify-content: center;
                display: block;
            }
        }
        @media screen and (max-width: 991px) {
            .vlh-prlist li {
                flex: inherit;
                width: 50%;
                margin-bottom: 20px;
                text-align: center;
            }
        }
        .owl-carousel.owlwauto img {
            width: auto;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
        }
        .fadeanim {
            animation: chngbg linear 2s infinite alternate;
            background-color: #6b7889;
        }
        .dots-part {
            width: 100%;
            margin-left: 80px;
            padding: 15px 130px 15px 10px;
            height: 310px;
            position: relative;
        }
        .whit-bx {
            width: 50px;
            height: 50px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: -25px;
            bottom: 15px;
        }
        @media screen and (max-width: 991px) {
            .whit-bx {
                margin: 0 auto;
                left: 0;
                right: 0;
            }
        }
        .psvnew .content-block {
            height: 100%;
            margin-left: -60px;
            position: relative;
            padding: 0.5rem;
        }
        @media screen and (max-width: 1199px) {
            .psvnew .content-block {
                margin-left: 0;
            }
        }
        .psvnew .content-block p {
            font-size: 18px;
        }
        .psn-title .fs-4 {
            line-height: 1.3;
        }
        .vlserpoints {
            padding: 0 2rem;
        }
        @media screen and (max-width: 1199px) {
            .vlserpoints {
                padding: 0;
            }
        }
        .vlserpoints li {
            margin-bottom: 10px;
            list-style: none;
        }
        .vlserpoints li .vlsp-bx {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            position: relative;
        }
        .vlserpoints li .vlsp-bx .icon-bx {
            width: 70px;
            text-align: center;
            border: solid 1px #d6d6d6;
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @media screen and (max-width: 1199px) {
            .vlserpoints li .vlsp-bx .icon-bx {
                position: absolute;
                top: 10px;
                margin-right: 0;
                border: none;
            }
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon {
            background: url(../images/vl-sr-sprite.png) no-repeat;
            width: 41px;
            height: 35px;
            display: inline-block;
            vertical-align: middle;
            transition: all 0.4s ease-out;
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon.iconweb {
            background-position: 0 0;
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon.iconmad {
            background-position: -41px 0;
            width: 30px;
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon.iconed {
            background-position: -70px 0;
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon.iconlb {
            background-position: -110px 0;
        }
        .vlserpoints li .vlsp-bx .icon-bx .icon.iconseo {
            background-position: -150px 0;
        }
        .vlserpoints li .vlsp-bx .vlsp-content {
            width: calc(100% - 85px);
            border: solid 1px #d6d6d6;
            padding: 0.5rem 1rem 0.5rem 1.5rem;
            position: relative;
        }
        @media screen and (max-width: 1199px) {
            .vlserpoints li .vlsp-bx .vlsp-content {
                width: 100%;
                padding-left: 70px;
            }
        }
        .vlserpoints li .vlsp-bx .vlsp-content::after {
            position: absolute;
            width: 0;
            background: linear-gradient(90deg, #b00000 0, #05878a 35%, #211b38 100%);
            height: 2px;
            content: "";
            right: 0;
            bottom: 0;
            transition: width 0.4s;
        }
        .vlserpoints li .vlsp-bx:hover .icon-bx .iconweb {
            background-position: 0 -38px;
        }
        .vlserpoints li .vlsp-bx:hover .icon-bx .iconmad {
            background-position: -41px -38px;
            width: 30px;
        }
        .vlserpoints li .vlsp-bx:hover .icon-bx .iconed {
            background-position: -70px -38px;
        }
        .vlserpoints li .vlsp-bx:hover .icon-bx .iconlb {
            background-position: -110px -38px;
        }
        .vlserpoints li .vlsp-bx:hover .icon-bx .iconseo {
            background-position: -150px -38px;
        }
        .vlserpoints li .vlsp-bx:hover .vlsp-content::after {
            width: 100%;
            left: 0;
            right: auto;
        }
        .vlserpoints li .vlsp-bx:hover .vlsp-content a {
            color: #000;
        }
        .whowearesec::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background-color: #13152c;
        }
        @media screen and (max-width: 991px) {
            .whowearesec::before {
                width: 100%;
            }
        }
        .vlindtab {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .vlindtab .cmntab {
            width: 240px;
            margin-right: 20px;
        }
        @media screen and (max-width: 991px) {
            .vlindtab .cmntab {
                width: 100%;
                margin-right: 0;
            }
        }
        @media screen and (max-width: 767px) {
            .vlindtab .cmntab {
                display: none;
            }
        }
        .vlindtab .tab-content {
            width: calc(100% - 260px);
            background-color: #12043a;
            position: relative;
            border-radius: 5px;
            overflow: hidden;
        }
        .vlindtab .tab-content .bottom-content {
            position: absolute;
            bottom: 0;
            padding: 40px 50px;
            background-color: rgba(18, 4, 58, 0.9);
        }
        @media screen and (max-width: 767px) {
            .vlindtab .tab-content .bottom-content {
                position: static;
                padding: 20px 15px;
                text-align: center;
            }
        }
        @media screen and (max-width: 991px) {
            .vlindtab .tab-content {
                width: 100%;
                margin-top: 20px;
            }
        }
        .cmntab li {
            width: 100%;
            margin-bottom: 10px;
        }
        @media screen and (max-width: 991px) {
            .cmntab li {
                width: 50%;
                padding: 0 10px;
            }
        }
        .cmntab li .nav-link {
            background-color: #fff;
            border-radius: 5px;
            margin-bottom: 0;
            border: solid 2px #d6d6d6;
            padding: 15px 15px 15px 80px;
            width: 100%;
            text-align: left;
            position: relative;
        }
        .cmntab li .nav-link .icon {
            position: absolute;
            left: 18px;
        }
        .cmntab li .nav-link span {
            display: block;
        }
        @media screen and (max-width: 767px) {
            .cmntab li .nav-link {
                padding: 0.5rem 1rem;
                height: 100%;
                text-align: center;
                font-size: 14px;
            }
        }
        .cmntab li .nav-link .industrysvg {
            background: url(../images/all-industry-ic.svg) no-repeat;
            width: 45px;
            height: 45px;
            display: inline-block;
            vertical-align: middle;
        }
        .cmntab li .nav-link .industrysvg.icon1 {
            background-position: -248px 0;
        }
        .cmntab li .nav-link .industrysvg.icon2 {
            background-position: -290px 0;
        }
        .cmntab li .nav-link .industrysvg.icon3 {
            background-position: -44px 0;
        }
        .cmntab li .nav-link .industrysvg.icon4 {
            background-position: -85px 0;
        }
        .cmntab li .nav-link .industrysvg.icon5 {
            background-position: -160px 0;
        }
        .cmntab li .nav-link .industrysvg.icon6 {
            background-position: -204px 0;
        }
        .cmntab li .nav-link .industrysvg.icon7 {
            background-position: -330px 0;
        }
        .cmntab li .nav-link .industrysvg.icon8 {
            background-position: -373px 0;
        }
        .cmntab li .nav-link.active,
        .cmntab li .nav-link:hover {
            background-color: #13152c;
            color: #fff;
        }
        .cmntab li .nav-link.active .icon img,
        .cmntab li .nav-link:hover .icon img {
            filter: contrast(0) brightness(10);
        }
        @media screen and (max-width: 767px) {
            .cmntab li .nav-link span {
                display: none;
            }
        }
        @media screen and (max-width: 767px) {
            .cmntab li {
                width: 33.33%;
                padding: 0 5px;
            }
        }
        .cmntab li:last-child {
            margin-bottom: 0;
        }
        .technolist {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .technolist li {
            list-style: none;
            width: 25%;
            padding: 0;
            border-right: solid 1px #363636;
            border-bottom: solid 1px #363636;
        }
        @media screen and (max-width: 767px) {
            .technolist li {
                width: 24.5%;
            }
        }
        .technolist li a {
            text-align: center;
            display: block;
            padding: 16px 0;
        }
        .technolist li a .icon {
            height: 50px;
            display: block;
        }
        .technolist li a span {
            color: #fff;
            display: block;
            font-size: 14px;
            margin-top: 6px;
        }
        .technolist li .technosvg {
            background: url(../images/techsprite.png) no-repeat;
            width: 90px;
            height: 60px;
            display: inline-block;
            vertical-align: top;
        }
        .technolist li .technosvg.icon1 {
            background-position: -270px -60px;
        }
        .technolist li .technosvg.icon2 {
            background-position: -360px -60px;
        }
        .technolist li .technosvg.icon3 {
            background-position: 0 0;
        }
        .technolist li .technosvg.icon4 {
            background-position: -90px 0;
        }
        .technolist li .technosvg.icon5 {
            background-position: -180px 0;
        }
        .technolist li .technosvg.icon6 {
            background-position: -270px 0;
        }
        .technolist li .technosvg.icon7 {
            background-position: -360px 0;
        }
        .technolist li .technosvg.icon8 {
            background-position: 0 -60px;
        }
        .technolist li .technosvg.icon9 {
            background-position: -90px -60px;
        }
        .technolist li .technosvg.icon10 {
            background-position: -180px -60px;
        }
        @media screen and (max-width: 767px) {
            .technolist li .technosvg {
                transform: scale(0.6) translateX(-15px);
            }
        }
        .technolist li:nth-child(4n + 4) {
            border-right: none;
        }
        .techcard {
            margin-bottom: 40px;
        }
        @media screen and (max-width: 767px) {
            .techcard {
                margin-bottom: 20px;
                border: solid 1px #ccc;
            }
        }
        .techcard .tech-c-head {
            border: solid 1px #b00000;
            border-radius: 5px;
            box-shadow: 0 30px 60px rgba(255, 60, 114, 0.1);
            text-align: center;
            font-size: 1.5rem;
            font-weight: 700;
            padding: 15px;
            line-height: normal;
        }
        .techcard .tech-c-head span {
            display: block;
        }
        @media screen and (max-width: 767px) {
            .techcard .tech-c-head span {
                display: inline;
            }
        }
        @media screen and (max-width: 991px) {
            .techcard .tech-c-head {
                font-size: 18px;
            }
        }
        @media screen and (max-width: 767px) {
            .techcard .tech-c-head {
                background-color: #f1f1f1;
                border: none;
                border-radius: 0;
                font-weight: 400;
            }
        }
        .techcard .list-group {
            margin-top: 15px;
        }
        @media screen and (max-width: 767px) {
            .techcard .list-group {
                margin-top: 0;
                flex-wrap: wrap;
                flex-direction: inherit;
            }
        }
        .techcard .list-group li {
            margin-bottom: 8px;
        }
        .techcard .list-group li a {
            display: block;
            padding: 10px 10px 10px 70px;
            font-size: 20px;
            background-color: #f8f8f8;
        }
        .techcard .list-group li a:hover {
            background-color: #f1f1f1;
        }
        @media screen and (max-width: 991px) {
            .techcard .list-group li a {
                padding: 10px;
                font-size: 15px;
            }
        }
        @media screen and (max-width: 767px) {
            .techcard .list-group li a {
                background-color: #fff;
            }
        }
        .techcard .list-group li .icon {
            width: 34px;
            display: inline-block;
            margin-right: 10px;
        }
        @media screen and (max-width: 767px) {
            .techcard .list-group li .icon {
                min-height: 30px;
                display: block;
                margin: 0 auto 10px;
            }
        }
        @media screen and (max-width: 767px) {
            .techcard .list-group li {
                width: 50%;
                padding: 5px;
                text-align: center;
                background-color: #fff;
            }
        }
        .bigbach {
            position: absolute;
            bottom: -24px;
            right: 20px;
            width: 130px;
            text-align: center;
            line-height: normal;
            z-index: 2;
        }
        @media screen and (max-width: 767px) {
            .bigbach {
                bottom: 0;
                right: 8px;
            }
        }
        .bigbach::before {
            content: "";
            position: absolute;
            width: 136px;
            height: 127px;
            background-image: url(../images/homesprite.png);
            background-repeat: no-repeat;
            background-position: 0 0;
            z-index: -1;
            left: 50%;
            top: 55%;
            transform: translate(-50%, -50%) scale(0.9);
        }
        .bigbach span {
            display: block;
        }
        .sidewidecar {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: -1;
        }
        .sidewidecar img {
            max-height: 720px;
        }
        @media screen and (max-width: 1199px) {
            .sidewidecar img {
                max-height: 500px;
            }
        }
        .vl-blogs {
            position: relative;
        }
        .vl-blogs::before {
            content: "";
            position: absolute;
            height: 100%;
            width: 70%;
            max-width: 1920px;
            top: 0;
            bottom: 0;
            left: 0;
            background-color: #f8f8f8;
        }
        @media screen and (max-width: 767px) {
            .vl-blogs::before {
                width: 100%;
            }
        }
        .vl-client .vltmslide {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin-top: 50px;
        }
        .vl-client .vltmslide .carousel-indicators {
            width: 40%;
            position: static;
            margin: 0;
            flex-wrap: wrap;
        }
        .vl-client .vltmslide .carousel-indicators button {
            width: 48%;
            height: 200px;
            border-radius: 10px;
            overflow: hidden;
            box-sizing: border-box;
            background: 0 0;
            flex: inherit;
            opacity: 1;
            text-indent: inherit;
            margin: 0 1% 10px;
            border: none;
            position: relative;
            transition: all 0.4s ease;
        }
        .vl-client .vltmslide .carousel-indicators button img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
            position: relative;
        }
        .vl-client .vltmslide .carousel-indicators button.active::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom right, #f72a63 30%, #942af7 70%);
            opacity: 0.6;
            top: 0;
            left: 0;
            z-index: 999;
        }
        @media screen and (max-width: 1199px) {
            .vl-client .vltmslide .carousel-indicators {
                margin-bottom: 20px;
                width: 100%;
            }
        }
        .vl-client .vltmslide .carousel-inner {
            width: 60%;
            padding-left: 60px;
        }
        @media screen and (max-width: 1199px) {
            .vl-client .vltmslide .carousel-inner {
                padding-left: 0;
                width: 100%;
                text-align: center;
            }
        }
        .vl-client .vltmslide .after {
            font-style: italic;
        }
        .vl-client .vltmslide .after .icon {
            vertical-align: middle;
        }
        .vl-client .vltmslide .after .badge {
            margin-left: 10px;
            vertical-align: middle;
        }
        .homespic {
            background-image: url(../images/homesprite.png);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
        .homespic.caric1 {
            background-position: -136px -50px;
            width: 200px;
            height: 77px;
        }
        .homespic.appstore {
            background-position: -340px -50px;
            width: 123px;
            height: 43px;
        }
        .homespic.iosstore {
            background-position: -465px -50px;
            width: 127px;
            height: 43px;
        }
        .homespic.testiic1 {
            background-position: -136px -177px;
            min-width: 35px;
            height: 35px;
        }
        .homespic.startsetic5 {
            background-position: 0 -177px;
            min-width: 91px;
            height: 18px;
        }
        .homespic.iconmail {
            background-position: -144px -135px;
            min-width: 34px;
            height: 34px;
        }
        .homespic.iconskype {
            background-position: -194px -135px;
            min-width: 34px;
            height: 34px;
        }
        .homespic.iconphone {
            background-position: -244px -135px;
            min-width: 34px;
            height: 34px;
        }
        .homespic.secureic {
            background-position: -20px -134px;
            min-width: 116px;
            height: 37px;
        }
        .homespic.fb {
            background-position: -350px -136px;
        }
        .homespic.fb:hover {
            background-position: -350px -168px;
        }
        .homespic.lkdin {
            background-position: -394px -136px;
        }
        .homespic.lkdin:hover {
            background-position: -394px -168px;
        }
        .homespic.twtr {
            background-position: -438px -136px;
        }
        .homespic.twtr:hover {
            background-position: -438px -168px;
        }
        .homespic.yt {
            background-position: -526px -136px;
        }
        .homespic.yt:hover {
            background-position: -526px -168px;
        }
        .homespic.insgrm {
            background-position: -569px -136px;
        }
        .homespic.insgrm:hover {
            background-position: -569px -168px;
        }
        .recentwork::before {
            content: "";
            background-color: rgba(0, 0, 0, 0.7);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .showcase_content {
            color: #fff;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            background-color: rgba(0, 0, 0, 0.3);
            padding: 50px 30px;
            border-radius: 10px;
            text-align: center;
        }
        .showcase_content h3 {
            margin: 15px 0;
        }
        .owlportfolio img:hover {
            transform: scale(1.08);
            cursor: pointer;
            transition: ease 0.2s all 0s;
        }
        .owlportfolio .owl-item:hover {
            z-index: 11;
        }
        @media screen and (min-width: 992px) {
            .findouthelp {
                background-image: url(../images/homepage/findouthelp.png);
                background-repeat: no-repeat;
                background-position: -250px -50px;
            }
        }
        .packages-slider {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        @media screen and (min-width: 992px) {
            .packages-slider {
                flex-direction: row;
            }
        }
        .packages-slider .package-wrapper {
            transition: 0.5s flex ease-in-out;
            margin: 0 5px 30px;
            border-radius: 5px;
            height: 25em;
            max-height: 450px;
            position: relative;
            overflow: hidden;
            background-color: #363636;
            background-size: cover;
            background-position: center center;
        }
        @media screen and (max-width: 767px) {
            .packages-slider .package-wrapper {
                height: auto;
                max-height: inherit;
            }
        }
        .packages-slider .package-wrapper::before {
            content: "";
            background-color: rgba(20, 22, 45, 0.5);
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
        }
        .packages-slider .package-wrapper .before {
            width: 100%;
            max-width: 400px;
            opacity: 1;
            z-index: 2;
            position: relative;
        }
        @media screen and (min-width: 992px) {
            .packages-slider .package-wrapper .before {
                position: absolute;
                opacity: 0;
                transition: ease 0.8s all 0s;
                top: 40%;
                left: 30px;
            }
        }
        .packages-slider .package-wrapper .after {
            padding: 20px 0;
        }
        @media screen and (min-width: 992px) {
            .packages-slider .package-wrapper .after {
                position: absolute;
                bottom: 30px;
                left: 30px;
            }
        }
        .packages-slider .package-wrapper:hover .before {
            display: block;
        }
        @media screen and (min-width: 992px) {
            .packages-slider .package-wrapper:hover .before {
                top: 50px;
                opacity: 1;
            }
        }
        @media screen and (min-width: 992px) {
            .packages-slider .package-wrapper:hover {
                flex: 3;
            }
        }
        @media screen and (min-width: 992px) {
            .packages-slider .package-wrapper {
                flex: 1;
                height: 30vw;
                margin: 0 5px;
            }
        }
        .vl-client .vltmslide .carousel-inner .clientpic {
            display: none;
        }
        .readmtsec {
            display: none;
        }
        @media screen and (min-width: 992px) {
            .blogsec.set2 .showbox1 {
                position: absolute;
                background-color: #d5d1f3;
                width: 30px;
                height: 30px;
                left: 10px;
                z-index: 1;
                bottom: 22%;
            }
            .blogsec.set2 .showbox2 {
                position: absolute;
                background-color: #d5d1f3;
                width: 110px;
                height: 110px;
                right: 0;
                z-index: 1;
                bottom: 20px;
            }
            .blogsec.set2 .showbox3 {
                position: absolute;
                background-color: #d5ecf6;
                width: 30px;
                height: 30px;
                right: -20px;
                z-index: 1;
                bottom: 30%;
            }
            .blogsec.set1 .showbox1 {
                position: absolute;
                background-color: #d5ecf6;
                width: 30px;
                height: 30px;
                right: 150px;
                z-index: 1;
                top: -25px;
            }
            .blogsec.set1 .showbox2 {
                position: absolute;
                background-color: #d5d1f3;
                width: 110px;
                height: 110px;
                left: -25px;
                z-index: 1;
                top: -25px;
            }
        }
        @media screen and (max-width: 1199px) {
            .appi-portfolio-sec {
                display: none;
            }
            .vl-work .vlwork-portfolio {
                display: block;
            }
            .vl-work .vlwork-portfolio .appstore {
                text-align: center;
            }
            .vl-work .vlwork-portfolio .appstore a {
                display: block;
                width: 160px;
                margin: 0 auto 16px;
            }
            .vl-work .vlwork-portfolio .appstore img {
                width: auto;
                display: inline;
            }
        }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .packages-slider .package-wrapper .before {
                position: relative;
                left: 0;
                top: 0;
            }
            .packages-slider .package-wrapper:hover .before {
                top: 0;
            }
            .packages-slider .package-wrapper .after {
                position: relative;
                left: 0;
                bottom: 0;
            }
            .packages-slider .package-wrapper {
                height: 36vw;
            }
        }
        @media screen and (max-width: 767px) {
            .vlhomevideo .bnrbtn {
                padding: 13px 20px;
                margin-top: 20px;
            }
            .vl-client .vltmslide .carousel-inner .clientpic {
                display: block;
                width: 80px;
                height: 80px;
                overflow: hidden;
                border-radius: 50%;
                border: solid 2px #ccc;
                margin: 0 auto 20px;
            }
            .vl-client .vltmslide .carousel-inner .clientpic img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .vlh-services .tab-content > .tab-pane {
                display: block;
                opacity: 1;
                text-align: center;
                padding: 15px 0;
                border-bottom: solid 1px #ccc;
            }
            .vlh-services .tab-content > .tab-pane:last-child {
                padding-bottom: 0;
                border-bottom: none;
            }
            .readmtsec {
                display: block;
            }
            .readmtsec .visitxt {
                display: none;
            }
            .vlh-services .tab-content .tab-pane .text-center img {
                max-width: 200px;
            }
            .vlindtab .tab-content {
                background: 0 0;
                margin-top: 0;
            }
            .vlindtab .tab-content .bottom-content {
                position: static;
                padding: 20px 15px;
                text-align: center;
            }
            .vlindtab .tab-content .bottom-content .btn {
                margin-top: 20px;
            }
            .vlindtab .tab-content > .tab-pane {
                display: block;
                opacity: 1;
                text-align: center;
                padding: 15px 0;
                border-bottom: none;
            }
            .vl-client .vltmslide .carousel-indicators {
                display: none;
            }
            .vl-blogs .lhnormal {
                text-align: center;
            }
        }
        .overheader {
            margin: -50px 0 50px;
        }
        @media screen and (max-width: 767px) {
            .overheader {
                margin: 0;
                box-shadow: none;
            }
        }
        .hpylist {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        @media screen and (max-width: 767px) {
            .hpylist {
                margin-top: 1rem;
            }
        }
        .hpylist li {
            flex: 1;
            padding: 0 10px;
        }
        @media screen and (max-width: 991px) {
            .hpylist li {
                flex: inherit;
                width: 50%;
                margin-bottom: 1rem;
            }
        }
        .hpylist li .hpylist-bx {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            align-items: flex-end;
        }
        .hpylist li .hpylist-bx .bx-content {
            width: calc(100% - 70px);
            padding-left: 30px;
        }
        @media screen and (max-width: 767px) {
            .hpylist li .hpylist-bx .bx-content {
                width: 100%;
                padding-left: 0;
                text-align: center;
            }
        }
        .homesvg {
            background-image: url(../images/homepage.svg);
            display: inline-block;
            position: relative;
        }
        .homesvg.icon {
            width: 70px;
            top: 0;
            height: 60px;
        }
        @media screen and (max-width: 767px) {
            .homesvg.icon {
                margin: 0 auto;
            }
        }
        .homesvg.medal {
            background-position: -24px -195px;
            background-size: 350px auto;
        }
        .homesvg.industrye {
            background-position: -112px -202px;
            background-size: 360px auto;
        }
        .homesvg.resourcesc {
            background-position: -255px -254px;
            background-size: 450px auto;
        }
        .homesvg.happyc {
            background-position: -308px -225px;
            background-size: 400px auto;
        }
        .txtpink::before {
            color: #b00000;
        }
        .patternbg:before {
            background-image: url(../images/patternleft.png);
            background-position: center left;
        }
        .patternbg:after {
            background-image: url(../images/patternleft.png);
            background-position: center right;
        }
        .patternbg::after,
        .patternbg:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            background-repeat: no-repeat;
        }
        .vlclient .container {
            position: relative;
            z-index: 10;
        }
        .owl-carousel.theme-arrow .owl-nav button {
            width: 40px;
            height: 40px;
            position: absolute;
            top: 50%;
            margin-top: -20px;
            color: #b00000;
            font-size: 24px;
        }
        .owl-carousel.theme-arrow .owl-nav button.owl-prev {
            left: -30px;
        }
        .owl-carousel.theme-arrow .owl-nav button.owl-prev::before {
            content: "\f060";
            font-family: "Font Awesome 5 Free";
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight:700;
        }
        @media screen and (max-width: 767px) {
            .owl-carousel.theme-arrow .owl-nav button.owl-prev {
                left: 0;
            }
        }
        .owl-carousel.theme-arrow .owl-nav button.owl-next {
            right: -30px;
        }
        .owl-carousel.theme-arrow .owl-nav button.owl-next::before {
            content: "\f061";
            font-family: "Font Awesome 5 Free";
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight:700;
        }
        @media screen and (max-width: 767px) {
            .owl-carousel.theme-arrow .owl-nav button.owl-next {
                right: 0;
            }
        }
        .owl-carousel.theme-arrow .owl-nav button span {
            display: none;
        }
        .appiconsplit {
            background-image: url(../images/mobile/splitappdevelop.png);
            display: inline-block;
            position: relative;
            width: 82px;
            height: 82px;
        }
        .appiconsplit.icon1 {
            background-position: 0 -386px;
        }
        .appiconsplit.icon2 {
            background-position: 0 -482px;
        }
        .appiconsplit.icon3 {
            background-position: 0 0;
        }
        .appiconsplit.icon4 {
            background-position: 0 -97px;
        }
        .appiconsplit.icon5 {
            background-position: 0 -192px;
        }
        .appiconsplit.serveicon1 {
            background-position: -110px 0;
        }
        .appiconsplit.serveicon2 {
            background-position: -110px -97px;
        }
        .appiconsplit.serveicon3 {
            background-position: -110px -192px;
        }
        .appiconsplit.serveicon4 {
            background-position: -110px -288px;
        }
        .appiconsplit.serveicon5 {
            background-position: -110px -386px;
        }
        .appiconsplit.serveicon6 {
            background-position: -110px -482px;
        }
        .appiconsplit.serveicon7 {
            background-position: -210px 0;
        }
        .appiconsplit.serveicon8 {
            background-position: -210px -97px;
        }
        .appiconsplit.serveicon9 {
            background-position: -210px -192px;
        }
        .appiconsplit.serveicon10 {
            background-position: -210px -288px;
        }
        .appiconsplit.serveicon11 {
            background-position: -210px -386px;
        }
        .appiconsplit.serveicon12 {
            background-position: -210px -482px;
        }
        .appiconsplit.serveicon13 {
            background-position: -310px 0;
        }
        .appiconsplit.serveicon14 {
            background-position: -310px -97px;
        }
        .appiconsplit.serveicon15 {
            background-position: -310px -192px;
        }
        .appiconsplit.chat {
            background-position: 0 -288px;
        }
        .portfolio_grid {
            background-color: #fff;
            box-shadow: 0 0 5px gray;
            cursor: pointer;
            transition: all 0.4s ease;
            height: 100%;
            position: relative;
        }
        .portfolio_grid img {
            width: 100%;
        }
        .portfolio_grid .portfolio_grid_content {
            padding: 15px 15px 40px 15px;
            transition: all 0.4s ease;
        }
        .portfolio_grid .portfolio_grid_content::before {
            content: "";
            width: 100%;
            height: 4px;
            background-color: #d6d6d6;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .portfolio_grid .portfolio_grid_content .icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #d6d6d6;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: -25px;
            color: #fff;
            font-size: 20px;
            transition: all 0.4s ease;
        }
        .portfolio_grid:hover .portfolio_grid_content::before {
            background-color: #b00000;
        }
        .portfolio_grid:hover .portfolio_grid_content .icon {
            background-color: #b00000;
        }
        .pfmodal {
            padding-right: 0;
            z-index: 9999;
        }
        .pfmodal .modal-dialog {
            width: 100%;
            height: 100%;
            max-width: 100%;
            margin: 0;
        }
        .pfmodal .modal-dialog .modal-content {
            background-color: #8b9aa0;
            padding-bottom: 20px;
            position: relative;
            min-height: 100%;
        }
        .pfmodal .modal-dialog .modal-content::before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: " ";
            background-position: center center;
            background-size: cover;
            width: 100%;
            background-repeat: no-repeat;
            background-image: url(../images/bg_shade.png);
        }
        .pfmodal .modal-dialog .modal-content .container {
            position: relative;
        }
        .pfmodal h1,
        .pfmodal h2,
        .pfmodal h3,
        .pfmodal h4,
        .pfmodal h5,
        .pfmodal h6 {
            line-height: 1.3;
        }
        .pfmodal .list-group {
            justify-content: center;
            flex-wrap: wrap;
        }
        .pfmodal .list-group li.btn {
            margin: 5px;
        }
        .pfmodal .port_inquery {
            border-top: solid 1px #fff;
            margin-top: 60px;
            padding: 50px 0 0;
        }
        @media screen and (max-width: 767px) {
            .pfmodal .port_inquery {
                margin-top: 30px;
                padding: 30px 0;
            }
        }
        .quote_para {
            position: relative;
        }
        .quote_para::after,
        .quote_para::before {
            content: "";
            position: absolute;
            width: 90px;
            height: 90px;
            background-repeat: no-repeat;
        }
        .quote_para::before {
            background-image: url(../images/quote2.png);
            top: -30px;
            left: -40px;
        }
        .quote_para::after {
            background-image: url(../images/quote1.png);
            top: auto;
            right: auto;
        }
        .faqs .accordion-item {
            background-color: #fff;
            margin-bottom: 1rem;
        }
        .faqs .accordion-item .accordion-button {
            padding:1rem 2.5rem 1rem 1rem;
            color:#000;
            background-color: #f4f4f4;
            border-radius:0!important;
            border:solid 1px #ddd;
        }
        .faqs .accordion-item .accordion-collapse{border:solid 1px #ddd;}
        .faqs .accordion-item .accordion-button::after{
            font-family: "Font Awesome 5 Free";
            font-weight:600;
            content:"\f068";
            position:absolute;
            right:15px;
            top:15px;
        }
        .faqs .accordion-item .accordion-button.collapsed::after{
            content:"\f067";
        }
        .faqs .accordion-item .accordion-body {
            padding:1rem;
        }
        .accordion-button,
        .accordion-button:focus,
        .accordion-button:hover {
            box-shadow: none;
            border-color: #d6d6d6;
        }

        .hweportfoliosec img {
            width: 100%;
        }
        body.openwheel {
            overflow-y: hidden;
        }
        @media screen and (max-width: 991px) {
            body.openwheel {
                overflow-y: auto;
            }
        }
        #wheelsec {
            position: fixed;
            width: 100%;
            top: 0;
            bottom: 0;
            line-height: normal;
            left: 0;
            z-index: 101;
        }
        #wheelsec .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 10;
        }
        #wheelsec .innercontent {
            transition: all 0.4s ease;
            padding: 50px 40px;
            width: 900px;
            max-width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            background-color: #fff;
            position: absolute;
            z-index: 11;
            top: 50%;
            transform: translateY(-50%);
            left: -50%;
            line-height: normal;
        }
        #wheelsec .the_wheel {
            background-image: url(../images/wheel_back.png);
            line-height: 10px;
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            z-index: 11;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: -320px;
            width: 700px;
            text-align: center;
        }
        #wheelsec .the_wheel canvas {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }
        #wheelsec .closewheel {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            padding: 0;
        }
        #wheelsec.show {
            display: block;
        }
        @media screen and (max-width: 991px) {
            #wheelsec.show {
                display: none;
            }
        }
        #wheelsec.show .innercontent {
            left: 0;
        }
        .feature-box {
            height: 100%;
        }
        .feature-box figure .img-block {
            height: 100px;
            width: 100px;
            margin: -70px auto 40px;
            border: 1px solid #464f63;
            border-radius: 50%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }
        .feature-box figure .img-block img {
            max-width: 60px;
        }
        .top-spin-circle {
            width: 90px;
            height: 90px;
            border: solid 4px #fff;
            background-color: #13152c;
            border-radius: 50%;
            margin: -90px auto 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            transition: all 0.4s ease;
        }
        .top-spin-circle:hover {
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
        }
        .simpletab {
            justify-content: center;
            width: 100%;
            border-color: #464f63;
        }
        @media screen and (max-width: 767px) {
            .simpletab {
                display: none;
            }
        }
        .simpletab li {
            flex: 1;
        }
        .simpletab li .nav-link {
            border-radius: 0;
            border: none;
            margin-bottom: -2px;
            text-align: center;
            display: block;
            width: 100%;
            border-bottom: solid 2px transparent;
        }
        @media screen and (max-width: 1199px) {
            .simpletab li .nav-link {
                font-size: 15px;
            }
        }
        .simpletab li .nav-link.active,
        .simpletab li .nav-link:hover {
            border-color: #b00000;
        }
        .simpletab li .nav-link span {
            display: block;
            margin: 10px 0 5px;
            font-weight: 600;
        }
        .mobdevallinone {
            background-image: url(../images/web-development/splitemobdev.png);
            display: inline-block;
            position: relative;
            width: 40px;
            height: 40px;
            vertical-align: top;
        }
        .mobdevallinone.developic1 {
            background-position: -5px -5px;
        }
        .mobdevallinone.developic2 {
            background-position: -55px -5px;
        }
        .mobdevallinone.developic3 {
            background-position: -105px -5px;
        }
        .mobdevallinone.developic4 {
            background-position: -155px -5px;
        }
        .mobdevallinone.developic5 {
            background-position: -205px -5px;
        }
        .mobdevallinone.developic6 {
            background-position: -255px -5px;
        }
        .allinourex {
            background-image: url(../images/web-development/spliteallexp.png);
            display: inline-block;
            position: relative;
            width: 70px;
            height: 70px;
            vertical-align: top;
        }
        .allinourex.ourexpic1 {
            background-position: 0 0;
        }
        .allinourex.ourexpic2 {
            background-position: -70px 0;
        }
        .allinourex.ourexpic3 {
            background-position: -140px 0;
        }
        .allinourex.ourexpic4 {
            background-position: -210px 0;
        }
        .allinourex.ourexpic5 {
            background-position: -280px 0;
        }
        .allinourex.ourexpic6 {
            background-position: 0 -70px;
        }
        .allinourex.ourexpic7 {
            background-position: -70px -70px;
        }
        .allinourex.ourexpic8 {
            background-position: -140px -70px;
        }
        .allinourex.ourexpic9 {
            background-position: -210px -70px;
        }
        .allinourex.ourexpic10 {
            background-position: -280px -70px;
        }
        .allinourex.ourexpic11 {
            background-position: 0 -140px;
        }
        .allinourex.ourexpic12 {
            background-position: -70px -140px;
        }
        .hovershadow {
            transition: ease 0.2s all 0s;
            -webkit-transition: ease 0.2s all 0s;
            margin-top: 10px;
        }
        .hovershadow:hover {
            box-shadow: 0 5px 5px #eee;
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }
        .hirexpert .hrexpert-list {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
        }
        .hirexpert .hrexpert-list li {
            width: 25%;
            padding: 0 5px;
            margin-bottom: 10px;
            text-align: center;
        }
        @media screen and (max-width: 1199px) {
            .hirexpert .hrexpert-list li {
                width: 33.33%;
            }
        }
        @media screen and (max-width: 767px) {
            .hirexpert .hrexpert-list li {
                width: 50%;
            }
            .page-banner {background-image:none !important;}
        }
        .hirexpert .hrexpert-list li a {
            display: block;
            padding: 10px;
            border: solid 1px #d6d6d6;
        }
        .hirexpert .hrexpert-list li .icon {
            display: block;
            margin-bottom: 10px;
            min-height: 32px;
        }
        .page-banner {background-image:url(../images/vbnpage/logo-page-banner.jpg);background-repeat: no-repeat; background-size:100% 100%; position:relative;color: #fff;background-color: #000;}
        .page-banner .container{position:relative; z-index:10;}
        .mobilewbox .icon{min-height:150px;}
        .page-banner .sgmsg{color: #fff;}
        .logo-design-process .container{position:relative; padding-bottom:3rem;}
        .logo-design-process .container::after{position:absolute; content:""; width:2px; height:100%; background-color:#b00000; left:50%; margin-left:-1px; top:0;}
        .ldprow .col-md-6{padding:0 50px;}
        .row.ldprow{position:relative; margin-bottom:30px;}
        .row.ldprow::after{content:""; position:absolute; left:50%; margin-left:-20px; top:105px; width:40px; height:40px; background-color:#b00000; display:flex; align-items:center; justify-content:center; color:#000; border-radius:50%; z-index:10; font-size:25px;color: #fff;}
        .row.ldprow.dbrow::after{content:"1";}
        .row.ldprow.rsrchrow::after{content:"2";}
        .row.ldprow.concptrow::after{content:"3";}
        .row.ldprow.scrow::after{content:"4";}
        .row.ldprow.carow::after{content:"5";}
        .bg-banner {
            background-repeat: no-repeat;
            background-position: right center;
            position: relative;
            width: 100%;
            background-size: contain;
            min-height: 600px;
        }
        @media screen and (max-width: 767px) {
            .bg-banner {
                min-height: inherit;
            }
        }
        .overlaybg::before {
            background: #000;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.4;
            width: 100%;
            height: 100%;
        }
        .overlaybg .container {
            position: relative;
            z-index: 10;
        }
        .soft-verve-choose {
            background-color: #000;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            width: 100%;
            min-height: 520px;
            position: relative;
        }
        @media screen and (max-width: 767px) {
            .soft-verve-choose {
                min-height: inherit;
            }
        }
        .curve-bg {
            background-image: url(../images/about-us/about-new-bg-banner.jpg);
            background-repeat: no-repeat;
            background-position: center bottom;
            width: 100%;
            min-height: 555px;
            position: relative;
        }
        @media screen and (max-width: 991px) {
            .curve-bg {
                min-height: 500px;
            }
        }
        @media screen and (max-width: 767px) {
            .curve-bg {
                min-height: inherit;
                background-image: none;
                background-color: #1f2a41;
                padding-bottom: 40px;
            }
        }
        .commeniconsplit {
            background-image: url(../images/commeniconsplit.png);
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
        .commeniconsplit.ticky {
            background-position: -5px -5px;
            width: 40px;
            height: 40px;
        }
        ul.ultick li {
            margin-bottom:15px;
            position: relative;
            padding-left: 50px;
        }
        ul.ultick li::before {
            content: "";
            background: url(../images/doubletick.png);
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            position: absolute;
        }
        .techbx-list {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .techbx-list li {
            margin-bottom: 16px;
            width: 20%;
            padding: 0 8px;
        }
        @media screen and (max-width: 1199px) {
            .techbx-list li {
                width: 33.33%;
            }
        }
        @media screen and (max-width: 767px) {
            .techbx-list li {
                width: 50%;
            }
        }
        .techbx-list li .softech-bx {
            padding: 60px 20px;
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 600;
            color: #525252;
            text-align: center;
            height: 100%;
            transition: all 0.4s ease;
        }
        @media screen and (max-width: 767px) {
            .techbx-list li .softech-bx {
                font-size: 16px;
                padding: 40px 10px;
                color: #fff;
                font-weight: 400;
            }
        }
        .techbx-list li .softech-bx:hover {
            background-color: #ab302e;
            color: #fff;
        }
        .presence-box {
            height: 100%;
        }
        .presence-box span {
            position: absolute;
            left: 15px;
            bottom: 15px;
            z-index: 99;
            font-size: 20px;
            color: #fff;
        }
        @media screen and (max-width: 767px) {
            .presence-box span {
                position: static;
                font-size: 16px;
                padding: 10px;
                display: block;
            }
        }
        .presence-box:hover img {
            opacity: 0.5;
        }
        .zig-zag-ul ul {
            width: 100%;
            position: relative;
            display: flex;
            flex-wrap: wrap;
        }
        @media screen and (max-width: 767px) {
            .zig-zag-ul ul {
                justify-content: center;
                margin-top: 20px;
            }
        }
        .zig-zag-ul ul li {
            display: inline-block;
            text-align: center;
            width: 130px;
            color: #fff;
            position: absolute;
        }
        @media screen and (max-width: 767px) {
            .zig-zag-ul ul li {
                position: static;
                margin-bottom: 20px;
            }
        }
        .zig-zag-ul ul li .round-brder {
            height: 125px;
            width: 125px;
            border-radius: 50%;
            display: table;
            padding: 6px;
        }
        @media screen and (max-width: 767px) {
            .zig-zag-ul ul li .round-brder {
                margin: 0 auto;
                height: 132px;
            }
        }
        .zig-zag-ul ul li:nth-child(1) {
            top: 50px;
            left: 3%;
        }
        .zig-zag-ul ul li:nth-child(2) {
            top: 133px;
            left: 29%;
        }
        .zig-zag-ul ul li:nth-child(3) {
            top: 30px;
            left: 59%;
        }
        .zig-zag-ul ul li:nth-child(4) {
            top: 137px;
            left: 83%;
        }
        .zig-zag-ul ul li p {
            font-size: 18px;
            margin-top: 16px;
        }
        .owl-carousel.client-carousel .item img {
            width: auto;
        }
        .owl-carousel.client-carousel .item .client-detail {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-top: 50px;
        }
        @media screen and (max-width: 991px) {
            .owl-carousel.client-carousel .item .client-detail {
                justify-content: center;
            }
        }
        @media screen and (max-width: 767px) {
            .owl-carousel.client-carousel .item .client-detail {
                display: block;
                margin-top: 30px;
                text-align: center;
            }
        }
        .owl-carousel.client-carousel .item .client-detail .client-name {
            margin-right: 10px;
        }
        @media screen and (max-width: 767px) {
            .owl-carousel.client-carousel .item .client-detail .client-name {
                margin-bottom: 16px;
                margin-right: 0;
            }
        }
        .owl-carousel.client-carousel .item .quote_para {
            padding-left: 80px;
        }
        .owl-carousel.client-carousel .item .quote_para::before {
            left: 0;
            top: 0;
        }
        .owl-carousel.client-carousel .item .quote_para::after {
            display: none;
        }
        @media screen and (max-width: 767px) {
            .owl-carousel.client-carousel .item .quote_para {
                padding-left: 0;
            }
        }
        .owl-carousel.client-carousel .client-img {
            width: 82px;
            height: 82px;
            border-radius: 50%;
        }
        .owl-carousel.client-carousel .client-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .vl-np-vermodel .vl-np-point {
            margin: 0;
            padding: 0;
        }
        .vl-np-vermodel .vl-np-point li {
            list-style: none;
            padding: 15px 0;
            border-top: solid 1px #e7e7e7;
            margin: 0;
            font-size: 18px;
            color: #000;
            display: block;
            font-weight: 400;
        }
        .vl-np-vermodel .vl-np-vmbx.active {
            background-color: #fff;
            box-shadow: 0 20px 100px rgba(0, 0, 0, 0.15);
        }
        #slideshow {
            position: relative;
        }
        #slideshow #controls {
            position: absolute;
            bottom: 20%;
            display: flex;
            width: 100%;
        }
        @media screen and (max-width: 991px) {
            #slideshow #controls {
                bottom: 0;
            }
        }
        @media screen and (max-width: 767px) {
            #slideshow #controls {
                bottom: -50px;
                justify-content: center;
            }
        }
        #slideshow #controls .navarrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #b00000;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            color: #fff;
            margin: 0 5px;
            padding: 0;
        }
        #slideshow ul li {
            display: none;
        }
        #slideshow ul li.current {
            display: block;
        }
        .splitlogopicon {
            background-image: url(../images/logopage/splitlogopicon.png);
            display: inline-block;
            position: relative;
            vertical-align: top;
        }
        .splitlogopicon.gplogo1 {
            background-position: -90px 0;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.gplogo2 {
            background-position: -90px -90px;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.gplogo3 {
            background-position: -90px -180px;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.gplogo4 {
            background-position: -90px -270px;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.whychoose1 {
            background-position: 0 0;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.whychoose2 {
            background-position: 0 -90px;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.whychoose3 {
            background-position: 0 -180px;
            width: 80px;
            height: 80px;
        }
        .splitlogopicon.whychoose4 {
            background-position: 0 -270px;
            width: 80px;
            height: 80px;
        }
        .prtflio .pfhover {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            text-align: center;
            opacity: 0;
            padding: 10%;
            transition: all 0.4s ease;
            z-index: 5;

        }
        .prtflio .view-more {
            left:0;
            top:0;
            width:100%;
            height:100%;
            position:absolute;
            display:flex;
            align-items:center;
            justify-content:center;
            opacity:0.8;
            visibility:visible;
            transition: all 0.4s ease;
            z-index:99;
        }
        .prtflio:hover::after,
        .prtflio:hover::before {
            opacity: 1;
        }
        .prtflio:hover .pfhover {
            opacity: 1;
        }
        .prtflio:hover .view-more {
            opacity:1;
            visibility:visible;
        }
        .vldmc {
            border-top: solid 1px #777;
        }
        @media screen and (max-width: 767px) {
            .vldmc {
                border-top: none;
                padding-bottom: 30px;
            }
        }
        .ulset {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
        }
        .ulset li {
            width: 20%;
            border-right: solid 1px #777;
            text-align: center;
        }
        .ulset li:last-child {
            border-right: none;
        }
        @media screen and (max-width: 767px) {
            .ulset li:last-child {
                border-right: solid 1px #777;
            }
        }
        .ulset li a {
            padding: 20px 0;
            display: block;
            color: #fff;
        }
        .ulset li a span {
            margin-top: 10px;
            display: block;
        }
        .ulset li a:hover {
            background-color: #ab302e;
        }
        @media screen and (max-width: 767px) {
            .ulset li {
                width: 50%;
                border: solid 1px #777;
            }
        }
        .spliticset1 {
            background-image: url(../images/digital-marketing/spliticset1.png);
            display: inline-block;
            position: relative;
            vertical-align: top;
        }
        .spliticset1.iconset1 {
            background-position: 0 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset2 {
            background-position: -60px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset3 {
            background-position: -120px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset4 {
            background-position: -180px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset5 {
            background-position: -240px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset6 {
            background-position: -300px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset7 {
            background-position: -360px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset8 {
            background-position: -420px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset9 {
            background-position: -480px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.iconset10 {
            background-position: -540px 0;
            width: 60px;
            height: 60px;
        }
        .spliticset1.dmsicset1 {
            background-position: 0 -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset2 {
            background-position: -80px -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset3 {
            background-position: -160px -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset4 {
            background-position: -240px -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset5 {
            background-position: -320px -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset6 {
            background-position: -400px -60px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset7 {
            background-position: 0 -140px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset8 {
            background-position: -80px -140px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset9 {
            background-position: -160px -140px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset10 {
            background-position: -240px -140px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.dmsicset11 {
            background-position: -320px -140px;
            width: 80px;
            height: 80px;
        }
        .spliticset1.wcuicset1 {
            background-position: 0 -220px;
            width: 70px;
            height: 70px;
        }
        .spliticset1.wcuicset2 {
            background-position: -80px -220px;
            width: 70px;
            height: 70px;
        }
        .spliticset1.wcuicset3 {
            background-position: -160px -220px;
            width: 70px;
            height: 70px;
        }
        .spliticset1.wcuicset4 {
            background-position: -240px -220px;
            width: 70px;
            height: 70px;
        }
        .bg-pink .btn-white:hover {
            border-color: #fff;
        }
        .spliticonseo {
            background-image: url(../images/seo-page/seospliticon.png);
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
        .spliticonseo.bestseo1 {
            background-position: 0 0;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.bestseo2 {
            background-position: 0 -55px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.bestseo3 {
            background-position: 0 -110px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.bestseo4 {
            background-position: 0 -165px;
            width: 65px;
            height: 50px;
        }
        .spliticonseo.bestseo5 {
            background-position: 0 -220px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.bestseo6 {
            background-position: 0 -275px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.bestseo7 {
            background-position: 0 -330px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.bestseo8 {
            background-position: 0 -385px;
            width: 60px;
            height: 50px;
        }
        .spliticonseo.bestseo9 {
            background-position: 0 -440px;
            width: 65px;
            height: 50px;
        }
        .spliticonseo.whyseo1 {
            background-position: -80px 0;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.whyseo2 {
            background-position: -80px -55px;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.whyseo3 {
            background-position: -80px -110px;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.whyseo4 {
            background-position: -80px -165px;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.whyseo5 {
            background-position: -80px -220px;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.whyseo6 {
            background-position: -80px -275px;
            width: 55px;
            height: 50px;
        }
        .spliticonseo.seobanif1 {
            background-position: -80px -330px;
            width: 50px;
            height: 50px;
        }
        .spliticonseo.seobanif2 {
            background-position: -80px -385px;
            width: 60px;
            height: 50px;
        }
        .spliticonseo.seobanif3 {
            background-position: -80px -440px;
            width: 65px;
            height: 50px;
        }
        .client-sec .list-group-item {
            width: 20%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @media screen and (max-width: 767px) {
            .client-sec .list-group-item {
                width: 50%;
            }
        }
        .client-sec .list-group-item img {
            filter: grayscale(100%);
        }
        @media screen and (max-width: 767px) {
            .client-sec .list-group-item img {
                filter: inherit;
            }
        }
        .client-sec .list-group-item:hover img {
            filter: grayscale(0);
        }
        .dollImg {
            position: absolute;
            top: -120px;
            left: -150px;
            max-width: 350px;
        }
        @media screen and (max-width: 1199px) {
            .dollImg {
                margin: 30px auto;
                position: static;
            }
        }
        .minustop {
            margin-top: -150px;
        }
        @media screen and (max-width: 767px) {
            .minustop {
                margin-top: 0;
            }
        }
        .c-set {
            width: 200px;
        }
        @media screen and (max-width: 767px) {
            .c-set {
                width: 100%;
                text-align: center;
            }
        }
        .socialvdo video {
            width: auto;
        }
        @media screen and (max-width: 767px) {
            .socialvdo video {
                width: 100%;
            }
        }
        .seo-line .nav {
            justify-content: center;
        }
        .seo-line .nav li {
            flex: 1;
            padding: 10px;
            font-size: 18px;
        }
        @media screen and (max-width: 1199px) {
            .seo-line .nav li {
                flex: inherit;
                width: 33.33%;
            }
        }
        @media screen and (max-width: 767px) {
            .seo-line .nav li {
                width: 100%;
            }
        }
        .icon.square {
            width: 24px;
            height: 24px;
            border-radius: 5px;
            margin: 0 auto 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
        }
        .icon.square.green {
            background-color: green;
        }
        .cunter-bloack {
            width: 105px;
            height: 105px;
            text-align: center;
            border-radius: 50%;
            margin: 0 auto 15px;
            border: solid 2px #000;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pseudo-none::before {
            display: none;
        }
        .pseudo-none::after {
            display: none;
        }
        .carousel .carousel-item .imgmovetop {
            transform: translateY(-100%);
            transition: ease 0.3s all 0s;
        }
        .carousel .carousel-item .imgmovebottom {
            transform: translateY(100%);
            transition: ease 0.3s all 0s;
        }
        .carousel .carousel-item.active .imgmovetop {
            transform: translateY(0);
        }
        .carousel .carousel-item.active .imgmovebottom {
            transform: translateY(0);
        }
        .advallinone {
            background-image: url(../images/services/allsprite2.png);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: top;
            position: relative;
            min-width: 75px;
            height: 75px;
        }
        .advallinone.advimg1 {
            background-position: 0 0;
        }
        .advallinone.advimg2 {
            background-position: -92px 0;
        }
        .advallinone.advimg3 {
            background-position: -184px 0;
        }
        .advallinone.advimg4 {
            background-position: -278px 0;
        }
        .advallinone.advimg5 {
            background-position: -369px 0;
        }
        .advallinone.advimg6 {
            background-position: -460px 0;
        }
        .mobiallinone {
            background-image: url(../images/services/allsprite.png);
            background-repeat: no-repeat;
            display: inline-block;
            vertical-align: top;
            position: relative;
            min-width: 75px;
            height: 75px;
        }
        .mobiallinone.advimg1 {
            background-position: 0 0;
        }
        .mobiallinone.advimg2 {
            background-position: -88px 0;
        }
        .mobiallinone.advimg3 {
            background-position: -176px 0;
        }
        .mobiallinone.advimg4 {
            background-position: -264px 0;
        }
        .mobiallinone.advimg5 {
            background-position: -351px 0;
        }
        .mobiallinone.advimg6 {
            background-position: -439px 0;
        }
        .dedicatedBlock .h3 {
            position: relative;
        }
        .dedicatedBlock .h3:after {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 120px;
            background: #464f63;
            height: 1px;
            content: "";
            margin: 0 auto;
            opacity: 0;
        }
        .dedicatedBlock:hover .h3:after {
            opacity: 1;
        }
        .spriteinone {
            background-image: url(../images/spriteinone.png);
            display: inline-block;
            background-repeat: no-repeat;
        }
        .spriteinone.topawdic1 {
            background-position: 0 0;
            min-width: 35px;
            height: 35px;
        }
        .spriteinone.topawdic2 {
            background-position: -35px 0;
            min-width: 35px;
            height: 35px;
        }
        .spriteinone.topawdic3 {
            background-position: -70px 0;
            min-width: 35px;
            height: 35px;
        }
        .spriteinone.topawdic4 {
            background-position: -105px 0;
            min-width: 35px;
            height: 35px;
        }
        .spriteinone.topawdic5 {
            background-position: -140px 0;
            min-width: 35px;
            height: 35px;
        }
        .spriteinone.serviceic1 {
            background-position: 0 -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.serviceic2 {
            background-position: -70px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.appservc3 {
            background-position: -140px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic1 {
            background-position: -210px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic2 {
            background-position: -280px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic3 {
            background-position: -350px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic4 {
            background-position: -420px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic5 {
            background-position: -490px -35px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic6 {
            background-position: 0 -105px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic7 {
            background-position: -70px -105px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic8 {
            background-position: -140px -105px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic9 {
            background-position: -210px -105px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.devcompic10 {
            background-position: -280px -105px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.rocketroll {
            background-position: -210px 0;
            width: 35px;
            height: 35px;
        }
        .spriteinone.processic1 {
            background-position: 0 -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic2 {
            background-position: -70px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic3 {
            background-position: -140px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic4 {
            background-position: -210px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic5 {
            background-position: -280px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic6 {
            background-position: -350px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic7 {
            background-position: -420px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.processic8 {
            background-position: -490px -175px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic1 {
            background-position: -280px -315px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic2 {
            background-position: -350px -315px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic3 {
            background-position: -420px -315px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic4 {
            background-position: -490px -315px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic5 {
            background-position: 0 -385px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.customappic6 {
            background-position: -70px -385px;
            width: 70px;
            height: 70px;
        }
        .spriteinone.multiaric1 {
            background-position: -10px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric2 {
            background-position: -80px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric3 {
            background-position: -150px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric4 {
            background-position: -220px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric5 {
            background-position: -290px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric6 {
            background-position: -360px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric7 {
            background-position: -430px -255px;
            width: 54px;
            height: 50px;
        }
        .spriteinone.multiaric8 {
            background-position: -500px -255px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric9 {
            background-position: -10px -325px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric10 {
            background-position: -80px -325px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric11 {
            background-position: -150px -325px;
            width: 50px;
            height: 50px;
        }
        .spriteinone.multiaric12 {
            background-position: -220px -325px;
            width: 50px;
            height: 50px;
        }
        .rocketroll {
            position: absolute;
            left: 45px;
            top: 100%;
            animation: moveright 5s infinite;
            z-index: 10;
        }
        .processsec:before {
            content: "";
            position: absolute;
            left: 35px;
            bottom: -35px;
            background-color: #fff;
            width: 60px;
            height: 60px;
            z-index: 0;
        }
        .processsec:after {
            content: "";
            position: absolute;
            right: 40px;
            top: -40px;
            background-color: #fff;
            width: 60px;
            height: 60px;
            z-index: 0;
        }
        @keyframes moveright {
            0% {
                transform: translateY(0);
                -webkit-transform: translateY(0);
                left: 10%;
                opacity: 0;
            }
            15% {
                transform: translateY(-58px);
                -webkit-transform: translateY(-58px);
                left: 10%;
                opacity: 1;
            }
            25% {
                transform: translateY(-58px) rotate(90deg);
                -webkit-transform: translateY(-58px) rotate(90deg);
                left: 10%;
                opacity: 1;
            }
            65% {
                transform: translateY(-58px) rotate(90deg);
                -webkit-transform: translateY(-58px) rotate(90deg);
                left: 83%;
                opacity: 1;
            }
            75% {
                transform: translateY(-58px) rotate(0);
                -webkit-transform: translateY(-58px) rotate(0);
                left: 83%;
                opacity: 1;
            }
            90% {
                transform: translateY(-120px) rotate(0);
                -webkit-transform: translateY(-120px) rotate(0);
                left: 83%;
                opacity: 0;
            }
            100% {
                opacity: 0;
            }
        }
        .nav.w100 li {
            width: 100%;
        }
        .nav.w50 li {
            width: 50%;
        }
        @media screen and (max-width: 767px) {
            .nav.w50 li {
                width: 100%;
            }
        }
        .nav.w20 li {
            width: 20%;
        }
        @media screen and (max-width: 767px) {
            .nav.w20 li {
                width: 33.33%;
            }
        }
        .nav.w25 li {
            width: 25%;
        }
        .nav.w33 li {
            width: 33%;
        }
        @media screen and (max-width: 991px) {
            .nav.w33 li {
                width: 50%;
            }
        }
        @media screen and (max-width: 767px) {
            .nav.w33 li {
                width: 100%;
            }
        }
        .hww-nav li {
            padding: 0 10px;
        }
        @media screen and (max-width: 991px) {
            .hww-nav li {
                padding: 0 5px;
            }
            .hww-nav li .fs-4 {
                font-size: 20px;
            }
        }
        .transformbg:before {
            content: "";
            left: 0;
            top: 0;
            height: 350px;
            background-size: 100%;
            width: 350px;
            position: absolute;
            background-image: url(../images/iot/transformbg.png);
            background-position: left center;
            background-repeat: no-repeat;
        }
        .transformbg:after {
            content: "";
            right: 0;
            top: 0;
            height: 350px;
            background-size: 100%;
            width: 350px;
            position: absolute;
            background-image: url(../images/iot/transformbg.png);
            background-position: right center;
            background-repeat: no-repeat;
            transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
        }
        .sepbrline {
            position: relative;
            width: 80px;
            height: 2px;
            background-color: #3c3c4e;
        }
        .ioticonsplit {
            background-image: url(../images/iot/spliticonset.png);
            display: inline-block;
            position: relative;
            vertical-align: top;
        }
        .ioticonsplit.arenaicon1 {
            background-position: 0 -10px;
            width: 70px;
            height: 80px;
        }
        .ioticonsplit.arenaicon2 {
            background-position: -75px -10px;
            width: 70px;
            height: 80px;
        }
        .ioticonsplit.arenaicon3 {
            background-position: -148px -10px;
            width: 70px;
            height: 80px;
        }
        .ioticonsplit.arenaicon4 {
            background-position: -225px -10px;
            width: 75px;
            height: 80px;
        }
        .iotsprite {
            background-image: url(../images/iot/insurance/spliticonset.png);
            background-repeat: no-repeat;
            display: inline-block;
            position: relative;
            vertical-align: top;
            min-width: 100px;
            height: 100px;
        }
        .iotsprite.autoicon1 {
            background-position: 0 0;
        }
        .iotsprite.autoicon2 {
            background-position: -100px 0;
        }
        .iotsprite.autoicon3 {
            background-position: -200px 0;
        }
        .iotsprite.autoicon4 {
            background-position: -300px 0;
        }
        .iotsprite.autoicon5 {
            background-position: -400px 0;
        }
        .imageuptxt {
            position: relative;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .imageuptxt span {
            position: absolute;
            width: 100%;
            text-transform: uppercase;
            color: #fff;
        }
        .overflow-y {
            overflow-y: auto;
        }
        .technosprit {
            background-image: url(../images/blockchain/splitappdevelop.png);
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
        }
        .technosprit.techicon1 {
            background-position: 0 0;
        }
        .technosprit.techicon2 {
            background-position: -80px 0;
        }
        .technosprit.techicon3 {
            background-position: -160px 0;
        }
        .technosprit.techicon4 {
            background-position: -240px 0;
        }
        .technosprit.techicon5 {
            background-position: -320px 0;
        }
        .technosprit.techicon6 {
            background-position: -400px 0;
        }
        .technosprit.techicon7 {
            background-position: -480px 0;
        }
        .technosprit.techicon8 {
            background-position: 0 -80px;
        }
        .technosprit.techicon9 {
            background-position: -80px -80px;
        }
        .technosprit.techicon10 {
            background-position: -160px -80px;
        }
        .technosprit.blockcsic1 {
            background-position: -15px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic2 {
            background-position: -95px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic3 {
            background-position: -175px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic4 {
            background-position: -255px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic5 {
            background-position: -335px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic6 {
            background-position: -415px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic7 {
            background-position: -495px -175px;
            width: 50px;
            height: 50px;
        }
        .technosprit.blockcsic8 {
            background-position: -15px -255px;
            width: 50px;
            height: 50px;
        }
        .rollit {
            width: 25px;
            height: 25px;
            background-color: #fff;
            position: relative;
            display: inline-block;
            border: 3px solid #ccc;
            border-radius: 50%;
            z-index: 3;
        }
        .rollit::before {
            content: "";
            width: 165px;
            height: 1px;
            background-color: #ccc;
            position: absolute;
            left: -105px;
            top: 95px;
            transform: rotate(110deg);
            -webkit-transform: rotate(110deg);
        }
        .workindicator:after {
            content: "";
            background-image: url(../images/blockchain/indicator.png);
            position: absolute;
            right: 50px;
            top: 10px;
            width: 208px;
            height: 244px;
        }
        .workindicator.right:after {
            right: inherit;
            left: 50px;
            transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
        }
        .workindicator::before {
            content: "";
            width: 245px;
            height: 1px;
            background-color: #ccc;
            position: absolute;
            right: -122px;
            top: 250px;
            transform: rotate(-120deg);
            -webkit-transform: rotate(-120deg);
        }
        .workindicator.right::before {
            top: 240px;
            left: auto;
            left: -125px;
            transform: rotate(120deg);
            -webkit-transform: rotate(120deg);
        }
        .workindicator.right.last::before {
            display: none;
        }
        .five-apps-delivery .nav li {
            width: 20%;
            padding: 0 15px;
            text-align: center;
        }
        @media screen and (max-width: 991px) {
            .five-apps-delivery .nav li {
                width: 33.33%;
                margin-bottom: 1rem;
            }
        }
        @media screen and (max-width: 767px) {
            .five-apps-delivery .nav li {
                width: 100%;
                padding: 0;
            }
        }
        .five-apps-delivery .nav li .bx {
            width: 140px;
            height: 140px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            position: relative;
        }
        .five-apps-delivery .nav li .bx::before {
            content: "";
            position: absolute;
            width: 160px;
            height: 160px;
            border-radius: 50%;
            left: -10px;
            top: -10px;
            transition: all 0.4s ease;
        }
        .five-apps-delivery .nav li .bx.lgyellow::before {
            border: solid 4px #f7ecd6;
        }
        .five-apps-delivery .nav li .bx.lightpink::before {
            border: solid 4px #fbf2f3;
        }
        .five-apps-delivery .nav li .bx.lgblue::before {
            border: solid 4px #d4e7f0;
        }
        .five-apps-delivery .nav li .bx.lggreen::before {
            border: solid 4px #e8f0d4;
        }
        .five-apps-delivery .nav li:hover .bx::before {
            animation: beatpulse 1s infinite;
        }
        @keyframes beatpulse {
            0% {
                transform: scale(0.9);
                opacity: 1;
            }
            100% {
                transform: scale(1.2);
                opacity: 0;
            }
        }
        .hiw-images1:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -243px -113px;
            width: 180px;
            height: 14px;
            top: 90px;
            left: 210px;
        }
        .hiw-images2:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -268px -113px;
            width: 155px;
            height: 14px;
            top: 90px;
            left: 223px;
        }
        .hiw-images3:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -288px -113px;
            width: 135px;
            height: 14px;
            top: 90px;
            left: 210px;
        }
        .hiw-images4:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -20px -113px;
            width: 163px;
            height: 337px;
            top: 90px;
            left: 210px;
        }
        .hiw-images5:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -452px -113px;
            width: 175px;
            height: 14px;
            top: 90px;
            left: -80px;
        }
        .hiw-images6:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -462px -113px;
            width: 154px;
            height: 14px;
            top: 90px;
            left: -75px;
        }
        .hiw-images8:after {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/arrow-sprites.png) no-repeat -19px -16px/846px auto;
            width: 811px;
            height: 53px;
            top: 0;
            left: 50%;
            margin-left: -405px;
        }
        .frameset .item {
            position: relative;
            padding: 50px;
            text-align: center;
        }
        .frameset .item img {
            display: inline;
        }
        .frameset .item::before {
            content: "";
            position: absolute;
            background: url(../images/grocery-delivery-images/slider-frame-new.png) no-repeat top center;
            top: 0;
            width: 540px;
            height: 500px;
            z-index: 99;
            left: 50%;
            transform: translateX(-50%);
        }
        .frameset.pseudo-none .item::before {
            display: none;
        }
        .vdoonmobsec {
            position: relative;
            display: inline-block;
            z-index: 50;
        }
        .vdoonmobsec video {
            position: absolute;
            top: 66px;
            left: 18px;
            width: 232px;
            height: 412px;
        }
        .overlay::before {
            content: "";
            background: rgba(0, 0, 0, 0.6);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .overlay .container {
            position: relative;
        }
        .overlay-4::before {
            content: "";
            background: rgba(0, 0, 0, 0.4);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .overlay-4 .container {
            position: relative;
        }
        .boryellow {
            border-color: #faca27;
        }
        .carriding {
            background-color: #1f1e22;
            padding: 25px 0;
            position: absolute;
            bottom: 0;
            z-index: 50;
            width: 100%;
            left: 0;
        }
        .carriding .car {
            height: 50px;
            width: 133px;
            position: absolute;
            top: -25%;
            z-index: 10;
            -moz-animation: myfirst 15s linear infinite;
            -webkit-animation: myfirst 15s linear infinite;
        }
        .carriding .car > img {
            position: absolute;
            top: 0;
            left: 0;
        }
        @-moz-keyframes myfirst {
            0% {
                left: -25%;
            }
            100% {
                left: 100%;
            }
        }
        @-webkit-keyframes myfirst {
            0% {
                left: -25%;
            }
            100% {
                left: 100%;
            }
        }
        .car .tyre,
        .car .tyre2 {
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            left: 17px;
            top: 24px;
            -moz-animation: tyre-rotate 1s infinite linear;
            -webkit-animation: tyre-rotate 1s infinite linear;
        }
        .car .tyre2 {
            left: 101px;
        }
        .car .tyre img,
        .car .tyre2 img {
            max-width: 100%;
        }
        @-moz-keyframes tyre-rotate {
            from {
                -moz-transform: rotate(-360deg);
            }
            to {
                -moz-transform: rotate(0);
            }
        }
        @-webkit-keyframes tyre-rotate {
            from {
                -webkit-transform: rotate(-360deg);
            }
            to {
                -webkit-transform: rotate(0);
            }
        }
        .street-stripe {
            background: #d4d4d4;
            height: 2px;
            width: 40px;
            position: absolute;
            bottom: 25px;
            border-radius: 2px;
            box-shadow: 200px 0 0 #d4d4d4, 400px 0 0 #d4d4d4, 600px 0 0 #d4d4d4, 800px 0 0 #d4d4d4, 1000px 0 0 #d4d4d4, 1200px 0 0 #d4d4d4, 1400px 0 0 #d4d4d4, 1600px 0 0 #d4d4d4, 1800px 0 0 #d4d4d4, 2000px 0 0 #d4d4d4;
        }
        .driverproc {
            display: inline-block;
            position: relative;
        }
        .driverproc .badge {
            position: absolute;
            top: -10px;
            width: 35px;
            height: 35px;
            line-height: 30px;
            border-radius: 50%;
            background-color: #000;
            color: #fff;
        }
        .driverspliti {
            background-image: url(../images/vl-page/vl-taxi/driversplit.png);
        }
        .driverspliti.vstep1 {
            background-position: 0 0;
            width: 137px;
            height: 41px;
            position: absolute;
            top: 0;
            left: 100%;
        }
        .driverspliti.vstep2 {
            background-position: -155px 0;
            width: 145px;
            height: 260px;
            position: absolute;
            top: 50%;
            left: 60%;
        }
        .driverspliti.vstep3 {
            background-position: 0 -290px;
            width: 260px;
            height: 50px;
            position: absolute;
            top: 0;
            right: 100%;
        }
        .driverspliti.vstep3.rotateview {
            left: 100%;
            transform: scaleX(-1);
        }
        .driverspliti.vstep4 {
            background-position: 0 -40px;
            width: 135px;
            height: 248px;
            position: absolute;
            top: 50%;
            right: 100%;
        }
        .vliconservicei {
            background-image: url(../images/vl-page/vl-taxi/splitvlitaxi.png);
            display: inline-block;
            position: relative;
        }
        .vliconservicei.driveric1 {
            background-position: 0 -140px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric2 {
            background-position: -140px -140px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric3 {
            background-position: 0 -280px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric4 {
            background-position: -140px -280px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric5 {
            background-position: -140px -420px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric6 {
            background-position: 0 -420px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric7 {
            background-position: 0 -560px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric8 {
            background-position: -140px -560px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.driveric9 {
            background-position: -140px -700px;
            width: 140px;
            height: 140px;
        }
        .vliconservicei.appfeat1 {
            background-position: 0 0;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat2 {
            background-position: -70px 0;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat3 {
            background-position: -140px 0;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat4 {
            background-position: -210px 0;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat5 {
            background-position: 0 -70px;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat6 {
            background-position: -70px -70px;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat7 {
            background-position: -140px -70px;
            width: 70px;
            height: 70px;
        }
        .vliconservicei.appfeat8 {
            background-position: -210px -70px;
            width: 70px;
            height: 70px;
        }
        .hiredevp {
            background-image: url(../images/hire-devep/spliticonmdc.png);
            display: inline-block;
            position: relative;
            width: 50px;
            height: 50px;
        }
        .hiredevp.hiredev1 {
            background-position: -200px 0;
        }
        .hiredevp.hiredev2 {
            background-position: 0 -50px;
        }
        .hiredevp.hiredev3 {
            background-position: -50px -50px;
        }
        .hiredevp.hiredev4 {
            background-position: -100px -50px;
        }
        .hiredevp.hiredev5 {
            background-position: -150px -50px;
        }
        .hiredevp.hiredev6 {
            background-position: -100px 0;
        }
        .flex-none {
            flex: none;
        }
        .pftab li {
            flex: none;
            margin-right: 1px;
        }
        .pftab li .nav-link {
            border-radius: 5px 5px 0 0;
            padding: 1rem;
            margin-bottom: 0;
            border: none;
        }
        .pftab li .nav-link.active {
            background-color: #b00000;
            color: #fff;
        }
        .pftab li .nav-link:hover {
            background-color: #b00000;
            color: #fff;
        }
        .table-portfolio tr td {
            vertical-align: middle;
        }
        .table-portfolio tr td:last-child {
            text-align: right;
        }
        .table-portfolio > tbody > tr:nth-of-type(odd) {
            background-color: #fff;
            --bs-table-accent-bg: none;
        }
        .table-portfolio > tbody > tr:nth-of-type(even) {
            background-color: #f8f8f8;
        }
        .grid {
            overflow: hidden;
            margin-bottom: 20px;
        }
        .grid .thumbnail {
            margin-bottom: 15px;
        }
        .grid .thumbnail img {
            border-radius: 8px;
            width: 100%;
        }
        .careers .accordion-button {
            display: block;
            font-weight: 500;
            font-size: 18px;
            position: relative;
            background: #fff url(../images/job.png) no-repeat 15px center;
            padding: 20px 20px 20px 90px;
            border: solid 1px #d6d6d6;
        }
        .careers .accordion-button .subhead {
            display: block;
            font-weight: 400;
            margin-top: 5px;
            font-size: 16px;
            color: #444;
        }
        .careers .accordion-button::after {
            position: absolute;
            right: 15px;
            top: 30px;
        }
        .careers .accordion-body {
            background-color: #f8f8f8;
            border-bottom: solid 1px #d6d6d6;
        }
        .careers .accordion-item {
            margin-bottom: 20px;
        }
        .topbtncircle {
            background-color: #ab302e;
            width: 110px;
            height: 110px;
            border-radius: 50%;
            border: solid 5px #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            line-height: normal;
            position: absolute;
            left: 50%;
            margin-left: -55px;
            bottom: -180px;
        }
        @media screen and (max-width: 1399px) {
            .topbtncircle {
                margin-left: -110px;
                bottom: -200px;
            }
        }
        @media screen and (max-width: 1199px) {
            .topbtncircle {
                margin-left: 0;
                left: 0;
                bottom: -240px;
            }
        }
        @media screen and (max-width: 991px) {
            .topbtncircle {
                bottom: -210px;
            }
        }
        @media screen and (max-width: 767px) {
            .topbtncircle {
                bottom: -90px;
                left: 50%;
                margin-left: -55px;
            }
        }
        .right-sec-about {
            background: #fff;
            box-shadow: 0 0 10px rgba(30, 49, 72, 0.19);
            margin-top: -440px;
            z-index: 3;
            width: 100%;
            padding: 30px 40px 180px;
        }
        @media screen and (max-width: 991px) {
            .right-sec-about {
                margin-top: 20px;
            }
        }
        @media screen and (max-width: 991px) {
            .right-sec-about {
                padding: 30px 15px 100px;
            }
        }
        .corner-top-about-card {
            position: absolute;
            top: -19px;
            right: -24px;
            background-position: -627px -190px;
            width: 130px;
            height: 130px;
        }
        .about-new-sprite {
            background-image: url(../images/about-us/about-new-sprite.png);
            background-repeat: no-repeat;
        }
        .about-new-sprite.clab1 {
            background-position: 0 -81px;
            width: 164px;
            height: 85px;
        }
        .about-new-sprite.clab2 {
            background-position: -164px -81px;
            width: 228px;
            height: 85px;
        }
        .about-new-sprite.clab3 {
            background-position: -392px -81px;
            width: 205px;
            height: 85px;
        }
        .about-new-sprite.clab4 {
            background-position: 0 -166px;
            width: 164px;
            height: 157px;
        }
        .about-new-sprite.clab5 {
            background-position: -164px -166px;
            width: 228px;
            height: 157px;
        }
        .about-new-sprite.clab6 {
            background-position: -392px -166px;
            width: 205px;
            height: 157px;
        }
        .about-new-sprite.clab7 {
            background-position: 0 -323px;
            width: 164px;
            height: 135px;
        }
        .about-new-sprite.clab8 {
            background-position: -164px -323px;
            width: 228px;
            height: 135px;
        }
        .about-new-sprite.clab9 {
            background-position: -392px -323px;
            width: 205px;
            height: 135px;
        }
        .about-new-sprite.abcln {
            width: 78px;
            height: 78px;
            display: inline-block;
            vertical-align: top;
        }
        .about-new-sprite.ab-cln1 {
            background-position: 0 0;
        }
        .about-new-sprite.ab-cln2 {
            background-position: -82px 0;
        }
        .about-new-sprite.ab-cln3 {
            background-position: -162px 0;
        }
        .about-new-sprite.ab-cln4 {
            background-position: -242px 0;
        }
        .about-new-sprite.ab-cln5 {
            background-position: -323px 0;
        }
        .about-new-sprite.ab-cln6 {
            background-position: -407px 0;
        }
        .about-new-sprite.ab-cln7 {
            background-position: -489px 0;
        }
        .about-new-sprite.ab-cln8 {
            background-position: -570px 0;
        }
        .about-new-sprite.client2-about {
            width: 1085px;
            height: 119px;
            background-position: 0 -459px;
            margin: 0 auto;
        }
        @media screen and (max-width: 1199px) {
            .about-new-sprite.client2-about {
                width: 740px;
                background-position: 16px -290px;
                background-size: 100%;
            }
        }
        @media screen and (max-width: 1199px) {
            .about-new-sprite.client2-about {
                width: 320px;
                background-position: 0 -120px;
                background-size: 100%;
                height: 50px;
            }
        }
        .journ-bx {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .journ-bx .journ-circle {
            border: solid 10px #efefef;
            width: 105px;
            height: 105px;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .journ-bx .journ-content {
            width: calc(100% - 105px);
        }
        .journ-bx.right .journ-content {
            text-align: right;
            padding-right: 20px;
        }
        .journ-bx.left .journ-content {
            padding-left: 20px;
        }
        .border-dash-top {
            border-bottom: dashed 1px #cfced4;
            width: 80%;
            position: relative;
            height: 30px;
            margin: 0 auto;
        }
        .border-dash-top::after {
            content: "";
            position: absolute;
            top: 7px;
            right: -30px;
            height: 32px;
            width: 30px;
            background-position: -915px -336px;
            background-image: url(../images/about-us/about-new-sprite.png);
            background-repeat: no-repeat;
        }
        .border-dash-top::before {
            content: "";
            position: absolute;
            top: 29px;
            left: -30px;
            height: 32px;
            width: 30px;
            background-position: -592px -358px;
            background-image: url(../images/about-us/about-new-sprite.png);
            background-repeat: no-repeat;
        }
        .border-dash-bottom {
            border-bottom: dashed 1px #cfced4;
            width: 80%;
            position: relative;
            height: 30px;
            margin: 0 auto;
        }
        .border-dash-bottom::before {
            content: "";
            position: absolute;
            top: 2px;
            left: -30px;
            height: 32px;
            width: 30px;
            background-position: -592px -408px;
            background-image: url(../images/about-us/about-new-sprite.png);
            background-repeat: no-repeat;
        }
        .border-dash-bottom::after {
            content: "";
            position: absolute;
            top: 2px;
            right: -30px;
            height: 60px;
            width: 30px;
            background-position: -900px -408px;
            background-image: url(../images/about-us/about-new-sprite.png);
            background-repeat: no-repeat;
        }
        .bacground-bottom-design {
            width: 100%;
            height: 171px;
            left: 0;
            bottom: 0;
            position: absolute;
        }
        @media screen and (max-width: 767px) {
            .bacground-bottom-design {
                height: 100px;
            }
        }
        .short-gallery-sec {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .short-gallery-sec li {
            list-style: none;
            width: 50%;
            padding: 0 5px;
        }
        .short-gallery-sec li .ecom-prtflio {
            margin-bottom: 10px;
        }
        .cliptri {
            clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        }
        @media screen and (max-width: 767px) {
            .cliptri {
                clip-path: none;
            }
        }
        .boxShadoFrame {
            box-shadow: 0 0 15px #22284430;
            background: #fff;
            padding: 40px 40px 40px 60px;
            margin-bottom: 50px;
            position: relative;
            overflow: hidden;
        }
        @media screen and (max-width: 767px) {
            .boxShadoFrame {
                padding: 0;
            }
        }
        .boxShadoFrame::before {
            width: 40%;
            height: 150%;
            position: absolute;
            top: -25px;
            left: -10%;
            content: "";
            background: #478ff3;
            transform: rotate(-5deg);
        }
        @media screen and (max-width: 767px) {
            .boxShadoFrame::before {
                display: none;
            }
        }
        .boxShadoFrameB {
            position: relative;
            z-index: 1;
            background: #fff;
        }
        .boxShadoFrameB::before {
            content: "";
            top: 50%;
            left: 0;
            margin: -43px 0 0 -43px;
            width: 86px;
            height: 86px;
            position: absolute;
            z-index: 5;
            background: #fff url(../images/client-reviews/dable-cort.png) no-repeat 23px 20px;
            border-radius: 50%;
        }
        .boxShadoFrameB::after {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 70%;
            box-shadow: 0 0 20px #dad8d89c;
            content: "";
            z-index: 1;
        }
        .reviewTopBg {
            background: url(../images/client-reviews/topBg.jpg);
            background-position: top center;
            background-repeat: no-repeat;
        }
        .boxShadoBlock {
            position: relative;
            z-index: 2;
            background: #fff;
        }
        .boxContText {
            display: inline-block;
            width: 70%;
            vertical-align: top;
        }
        .boxContImg {
            display: inline-block;
            width: 29%;
            padding: 45px 0 30px 0;
        }
        .boxContText .text {
            padding: 40px 20px 30px 50px;
        }
        .boxContRowB {
            display: inline-block;
            width: 100%;
            padding: 0 0 20px 50px;
        }
        .minh100 {
            min-height: 100px;
        }
        .minh200 {
            min-height: 200px;
        }
        .whiteBoxFrame {
            box-shadow: 0 0 20px #dad8d89c;
            margin-bottom: 40px;
            padding: 25px;
            position: relative;
            overflow: hidden;
        }
        .whiteBoxFrame::before {
            position: absolute;
            left: -20px;
            width: 115%;
            right: 0;
            bottom: -50px;
            height: 200px;
            content: "";
            background: #468ef0;
            transform: rotate(-9deg);
            z-index: -1;
        }
        .whiteBoxFrame.topFrame::before {
            top: -50px;
            bottom: auto;
        }
        @media screen and (max-width: 767px) {
            .whiteBoxFrame {
                padding: 0;
            }
        }
        .steps {
            padding: 80px 0;
            position: relative;
        }
        .steps::before {
            position: absolute;
            width: 100%;
            top: -110px;
            left: 0;
            height: 100%;
            content: "";
        }
        .steps.step2::before {
            background: url(../images/client-reviews/steps-line-b.png) no-repeat top center;
        }
        .steps.step3::before {
            background: url(../images/client-reviews/steps-line.png) no-repeat top center;
        }
        .steps.step4::before {
            top: -80px;
            background: url(../images/client-reviews/steps-line-b.png) no-repeat top center;
        }
        .steps.step6::before {
            top: -120px;
            background: url(../images/client-reviews/steps-line.png) no-repeat top center;
        }
        .steps.step7::before {
            top: -80px;
            background: url(../images/client-reviews/steps-line-b.png) no-repeat top center;
        }
        .steps.step8::before {
            top: -100px;
            background: url(../images/client-reviews/steps-line.png) no-repeat top center;
        }
        .steps.step9::before {
            top: -80px;
            background: url(../images/client-reviews/steps-line-b.png) no-repeat top center;
        }
        .servicesSection .vlcbw-nav {
            margin-bottom: 0;
            height: 100%;
        }
        .servicesSection .vlcbw-nav li {
            width: 100%;
            padding: 0;
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx {
            box-shadow: none;
            border: solid 1px #cfced4;
            margin-bottom: 0;
            height: 100%;
            text-align: left;
            transition: all 0.4s ease;
        }
        @media screen and (max-width: 991px) {
            .servicesSection .vlcbw-nav li .vlcbw-bx {
                height: auto;
            }
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50%;
            background-color: #f8f8f8;
        }
        @media screen and (max-width: 991px) {
            .servicesSection .vlcbw-nav li .vlcbw-bx .icon {
                width: 100%;
                margin: 0;
            }
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .icon img {
            width: auto;
            height: auto;
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .vlcbw-content {
            width: 50%;
            padding: 20px;
        }
        @media screen and (max-width: 991px) {
            .servicesSection .vlcbw-nav li .vlcbw-bx .vlcbw-content {
                width: 100%;
            }
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .vlcbw-content .vlsv-list {
            margin: 0;
            padding: 0;
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .vlcbw-content .vlsv-list li {
            position: relative;
            padding: 5px 0 5px 16px;
        }
        .servicesSection .vlcbw-nav li .vlcbw-bx .vlcbw-content .vlsv-list li::before {
            content: "\f101";
            font-family: FontAwesome;
            position: absolute;
            left: 0;
            top: 5px;
        }
        .servicesSection .vlcbw-nav li:hover .vlcbw-bx {
            border: solid 1px #000;
        }
        .dbarrow li {
            position: relative;
            padding: 5px 5px 5px 16px;
        }
        .dbarrow li::before {
            content: "\f101";
            font-family: "Font Awesome 5 Free";
            position: absolute;
            left: 0;
            top: 9px;
            font-weight:900;
            font-size:12px;
        }
        #serviceTabContent .bg-white a {
            display: block;
            position: relative;
        }
        #serviceTabContent .bg-white a::before {
            content: "";
            background-color: rgba(34, 173, 213, 0.4);
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: all 0.4s ease;
        }
        #serviceTabContent .bg-white a:hover::before {
            opacity: 1;
        }
        .alliconset {
            background-image: url(../images/ecomp/allspliticon.png);
            display: inline-block;
            position: relative;
            width: 80px;
            height: 80px;
            vertical-align: top;
        }
        .alliconset.iconset1 {
            background-position: 0 0;
        }
        .alliconset.iconset2 {
            background-position: -80px 0;
        }
        .alliconset.iconset3 {
            background-position: -160px 0;
        }
        .alliconset.iconset4 {
            background-position: -240px 0;
        }
        .alliconset.iconset5 {
            background-position: 0 -80px;
        }
        .alliconset.iconset6 {
            background-position: -80px -80px;
        }
        .add-banner {
            position: relative;
            min-height: 400px;
            background: transparent url(../images/add-design/top-banner.png) no-repeat center bottom -50px;
            background-size: cover;
            padding: 0;
        }
        .add-banner .banner-btn {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            text-align: center;
        }
        .add-banner .banner-btn a {
            background: #ab302e;
            padding: 10px;
            display: inline-block;
            vertical-align: top;
            font-size: 18px;
            color: #fff;
        }
        @media screen and (max-width: 1199px) {
            .add-banner .title-link {
                padding-top: 50px;
            }
        }
        @media screen and (max-width: 767px) {
            .add-banner .title-link {
                padding-left: 15px;
                padding-right: 15px;
            }
        }


        .addimgbox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .addimgbox:hover img {
            opacity: 0.8;
        }
        .plnprcs {
            position: relative;
            min-height: 590px;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .plnprcs .plnPrcsFour,
        .plnprcs .plnPrcsOne,
        .plnprcs .plnPrcsThree,
        .plnprcs .plnPrcsTwo {
            width: 25%;
        }
        .plnPrcsFour {
            position: absolute;
            right: 0;
            bottom: 0;
        }
        .rspanel li {
            padding-left: 100px;
            position: relative;
            margin: 20px 0 0;
            text-align: left;
        }
        .rspanel li p:last-child {
            border-bottom: solid 1px #ccc;
            padding-bottom: 10px;
        }
        .rspanel li .circle {
            position: absolute;
            top: 0;
            left: 0;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: #2b83c5;
            text-align: center;
            line-height: 80px;
            font-weight: 700;
            color: #fff;
            box-shadow: 0 0 25px #333 inset;
            transition: all 1s ease;
        }
        .rspanel li:nth-child(2) .circle {
            background: #d22a2a;
        }
        .rspanel li:nth-child(3) .circle {
            background: #ea4d33;
        }
        .rspanel li:nth-child(4) .circle {
            background: #2d8574;
        }
        .rspanel li:hover .circle {
            transform: rotate(360deg) scale(1.05);
        }
        .owl-carousel .mobilewbox .fs-4 {
            font-size: 1.2rem;
        }
        .logo-price-table tr td,
        .logo-price-table tr th {
            text-align: center;
            vertical-align: middle;
            background-color: #f1f1f1;
            padding: 20px;
        }
        .logo-price-table tr td:first-child,
        .logo-price-table tr th:first-child {
            text-align: left;
        }
        .logo-price-table tr td:first-child {
            background-color: #fff;
        }
        #imgPopupBox .modal-body {
            padding: 5px;
            text-align: center;
        }
        .ddimgtooltip {
            box-shadow: 3px 3px 5px #818181;
            -webkit-box-shadow: 3px 3px 5px #818181;
            -moz-box-shadow: 3px 3px 5px #818181;
            display: none;
            position: absolute;
            border: 1px solid #000;
            background: #fff;
            color: #000;
            z-index: 2000;
            padding: 4px;
        }
        .error {
            color: red;
            font-size: 11px;
        }
        input.error {
            font-size: inherit;
        }
        .countryIcons {
            text-align: center;
        }
        .countryIcons .sIcon {
            background: url(../images/customeIcons.png) no-repeat 0 0;
            width: 20px;
            height: 20px;
            display: inline-block;
            vertical-align: top;
            margin: 0 10px;
        }
        .countryIcons .sIcon.in {
            background-position: -7px -150px;
        }
        .countryIcons .sIcon.us {
            background-position: -52px -153px;
        }
        .countryIcons .sIcon.uk {
            background-position: -106px -152px;
        }
        .countryIcons .sIcon.uae {
            background-position: -258px -153px;
        }
        .ondemand-nav.nav li {
            margin-bottom: 10px;
        }
        .carousel-indicators.colorindicator {
            bottom: -40px;
        }
        .carousel-indicators.colorindicator [data-bs-target] {
            background-color: #000;
        }
        .lpdirheader .sitenav .hmenu.bottomnav li {
            padding: 0 15px;
        }
        .lpdirheader .sitenav .hmenu.bottomnav li a {
            pointer-events: all;
        }
        .lpdirheader .sitenav .hmenu li.drop-down::after {
            right: 3px;
        }
        .lpdirheader .sitenav .topmneu .hmenu {
            justify-content: flex-end;
        }
        .lpdirheader .sitenav .topmneu .hmenu li a {
            text-transform: none;
        }
        .pageNavSection .pageNav ul {
            margin: 0;
            padding: 0;
        }
        .lpdirbody .section {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }
        .lpdir-nav li {
            text-align: center;
            width: 138px;
            margin-bottom: 16px;
        }
        .lpdir-nav li .img {
            height: 64px;
        }
        .lpdirbody .pageNavSection {
            background-color: #fff;
            width: 100%;
            display: inline-block;
            vertical-align: top;
            border-bottom: 2px solid #dcdcdc;
        }
        .lpdirbody .pageNavSection .pageNav .nav li a {
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 600;
            padding: 15px;
            display: block;
            border-bottom: solid 2px transparent;
        }
        .lpdirbody .pageNavSection .pageNav .nav li a.active,
        .pageNavSection .pageNav .nav li a:hover {
            border-bottom: solid 2px #b00000;
        }
        .lpdirbody .pageNavSection.fixed {
            background: #000;
            position: fixed;
            top: 78px;
            left: 0;
            z-index: 10;
            border-bottom: solid 2px #000;
        }
        .lpdirbody .pageNavSection.fixed .pageNav .nav li a {
            color: #fff;
        }
        .lpdirbody #happyclient .testImg {
            height: 130px;
        }
        .lpdirbody .formbx {
            border-top: solid 4px #b00000;
        }
        .lpdirbody .form-control.error {
            font-size: inherit;
        }
        @media (min-width: 1200px) {
            .grafeImg img {
                max-width: 500px;
                transition: all 1s ease;
            }
            .grafeImg img:hover {
                transform: rotate(10deg) scale(1);
            }
        }
        @media screen and (max-width: 1399px) {
            .lpdirheader .sitenav .hmenu.bottomnav li {
                padding: 0 10px;
            }
            .lpdirheader .sitenav .hmenu li.drop-down::after {
                right: 0;
            }
            .lpdirheader .sitenav .hmenu.bottomnav li a {
                text-transform: none;
            }
            .lpdirbody label.control-label {
                font-size: 14px;
            }
        }
        @media screen and (max-width: 1199px) {
            .simpletab.mtabshow.pftab {
                display: inline-block;
                white-space: nowrap;
                overflow-x: auto;
            }
            .simpletab.mtabshow.pftab li {
                display: inline-block;
            }
            .minhinherit {
                min-height: inherit;
            }
            .pageNavSection .pageNav {
                max-width: 100%;
                overflow-y: auto;
            }
            .lpdirbody .pageNavSection .pageNav .nav li a {
                padding: 15px 5px;
            }
        }
        @media screen and (max-width: 991px) {
            .badgesBlck {
                display: flex;
                width: 100%;
                margin-right: 0;
                align-items: center;
            }
            .badgesBlck p {
                margin: 0 30px;
            }
            .workindicator::after,
            .workindicator::before {
                display: none;
            }
            .frameset .item {
                padding: 0;
            }
            .frameset .item::before {
                display: none;
            }
            .boxContImg {
                width: 100%;
                text-align: center;
                padding: 15px 0;
            }
            .boxContText {
                width: 100%;
            }
            .plnPrcsFour {
                position: static;
            }
            .plnprcs .plnPrcsFour,
            .plnprcs .plnPrcsOne,
            .plnprcs .plnPrcsThree,
            .plnprcs .plnPrcsTwo {
                width: 100%;
            }
            .logo-price-table tr td,
            .logo-price-table tr th {
                padding: 5px;
            }
        }
        @media screen and (max-width: 767px) {
            .pfmodal .modal-body {
                padding: 1rem 0;
            }
            .pfmodal .modal-body .mt-4 a img {
                margin-top: 10px;
            }
            .quote_para::after,
            .quote_para::before {
                display: none;
            }
            .mobilewbox {
                background-color: #fff;
                box-shadow: 0 1px 6px #ccc;
                border-radius: 2px;
                margin: 15px auto;
                padding: 20px;
            }
            .owl-carousel.client-carousel .item .client-detail .client-img {
                text-align: center;
            }
            .owl-carousel.client-carousel .item .client-detail .client-img img {
                display: inline;
            }
            .bg-naviblue .owl-carousel .mobilewbox a.text-white {
                color: #000;
            }
            .bg-naviblue .owl-carousel .mobilewbox {
                color: #000;
            }
            .chooseImg {
                margin-bottom: 1rem;
            }
            .d-flex.mflex-block {
                display: block;
                text-align: center;
            }
            .mflex-block .ms-4 {
                margin-left: 0;
            }
            .processsec .nav.fs-18 {
                font-size: 13px;
            }
            .processsec .nav.fs-18 .p-3 {
                padding: 1rem 0.65rem;
            }
            .processsec:before {
                left: 20px;
                bottom: -44px;
            }
            .processsec:after {
                top: -44px;
                right: 15px;
            }
            .simpletab.mtabshow {
                display: inline-block;
                white-space: nowrap;
                overflow-x: auto;
            }
            .simpletab.mtabshow li {
                flex: inherit;
                display: inline-block;
            }
            .mbafbenone::after,
            .mbafbenone::before {
                display: none;
            }
            .journ-content p {
                font-size: 15px;
                line-height: 24px;
            }
            .about-client-list .nav.w25 li {
                width: 100%;
                border-right: none;
                border-bottom: 1px solid #dee2e6;
            }
            .boxContText .text {
                padding: 20px;
            }
            .boxShadoFrameB::before {
                display: none;
            }
            .boxContImg {
                display: none;
            }
            .boxContRowB {
                padding: 15px 20px;
            }
            .nav.w25.dbarrow li {
                width: 100%;
                padding: 5px 0 5px 16px;
            }
            .servcontent .nav-tabs li {
                width: 100%;
            }
            .infoText .fs-3 {
                font-size: 1rem;
            }
            .logoPlanBlock .table tr td {
                vertical-align: middle;
            }
            .logoPlanBlock .table tr td:last-child {
                text-align: center;
            }
            .logoPlanTab .nav li span {
                display: block;
            }
            .logoPlanTab .nav li span.active {
                background-color: #000;
                font-weight: 600;
            }
            .m-logo-price .table tr td:nth-child(1) {
                text-align: left;
            }
            .m-logo-price .table tr td:nth-child(2) {
                text-align: right;
            }
            .m-logo-price .table tr td {
                width: 50%;
            }
            .tab-content.showmob-tabcotent .tab-pane {
                display: block;
                opacity: 1;
            }
            .lpdirbody #happyclient br {
                display: block;
            }
        }
        .commerce_navigation_wrapper {
            border-bottom: 2px solid #dcdcdc;
            border-top: 2px solid #dcdcdc;
        }
        .commerce_commerce_list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .commerce_commerce_list li {
            padding: 0 15px;
            position: relative;
        }
        .commerce_commerce_list li a {
            position: relative;
            padding: 15px 0;
            display: block;
            font-size: 14px;
            font-weight: 500;
            border-bottom: solid 2px transparent;
        }
        .commerce_commerce_list li a.hgl::after {
            content: "";
            position: absolute;
            bottom: 15px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #b00000;
        }
        .commerce_commerce_list li a.current {
            border-bottom: solid 2px #b00000;
        }
        .commerce_commerce_list li a:focus,
        .commerce_commerce_list li a:hover {
            text-decoration: none;
            outline: 0;
        }
        .technologies_text_wrapper h2 {
            font-size: 40px;
            color: #000;
            font-weight: 700;
        }
        .pink_text {
            color: #b00000;
        }
        .tech_images_flex {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            width: 100%;
            flex: 5;
        }
        .tech_img_grid {
            margin-bottom: 15px;
            box-shadow: 0 0 2px grey;
            border-radius: 4px;
            border: 1px solid #dcdcdc;
            justify-content: center;
            align-items: center;
            width: 220px;
            height: 90px;
            display: flex;
            background-color: #fff;
            margin-right: 10px;
            padding: 0 15px;
        }
        .tech_img_grid a {
            display: block;
        }
        .tech_img_grid a img {
            width: 100%;
        }
        .tabs_list_wrapper_commerce {
            background-color: #281f48;
            padding: 8px;
            border-radius: 5px;
        }
        .custom_commerce_tabs {
            border-bottom: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .custom_commerce_tabs li {
            margin-bottom: 0;
            padding: 0 5px;
            position: relative;
        }
        .custom_commerce_tabs li::after {
            content: "";
            width: 1px;
            height: 18px;
            background-color: #69637f;
            position: absolute;
            right: 0;
            top: 18px;
        }
        .custom_commerce_tabs li:first-child::after,
        .custom_commerce_tabs li:last-child::after {
            display: none;
        }
        .custom_commerce_tabs li .nav-link {
            text-transform: uppercase;
            font-size: 13px;
            text-align: center;
            color: #cfced4;
            margin-right: 0;
            border-radius: 4px;
            border: none;
            margin-bottom: 0;
        }
        .custom_commerce_tabs li .nav-link span {
            display: block;
        }
        .custom_commerce_tabs li .nav-link.active,
        .custom_commerce_tabs li .nav-link:focus,
        .custom_commerce_tabs li .nav-link:hover {
            background-color: #b00000;
            border: none;
            color: #fff;
        }
        .custom_commerce_tabs.nav-tabs > li.active > a:focus,
        .custom_commerce_tabs.nav-tabs > li.active > a:hover {
            background-color: #b00000;
            border-radius: 4px;
            border: none;
            color: #fff;
        }
        .custom_commerce_tabs li a:hover {
            background-color: #b00000;
            border: 1px solid #b00000;
            color: #fff;
        }
        .all_tabs_wrapper {
            margin-top: 40px;
        }
        .dark_bluish_grid_wrapper {
            background-color: #281f48;
            padding: 30px;
            border-radius: 5px;
            height: 100%;
        }
        .vltabcol {
            margin-bottom: 30px;
        }
        .domains_content .domaingridtitle {
            color: #fff;
            margin: 20px 0 10px;
            font-size: 24px;
            font-weight: 500;
        }
        .domains_content p {
            color: #fff;
            position: relative;
        }
        .custom_row_ecommerce {
            display: flex;
            flex-wrap: wrap;
        }
        .load_btn_wrapper {
            margin-top: 20px;
        }
        .domain_grids .loadMore .sl {
            display: none;
        }
        .domain_grids .loadMore.showless .sl {
            display: block;
        }
        .domain_grids .loadMore.showless .lm {
            display: none;
        }
        .pink_theme_btn {
            padding: 10px 30px;
            border-radius: 50px;
            transition: all 0.6s;
            color: #fff;
            background-color: #f72a63;
            font-weight: 200;
        }
        .pink_theme_btn:hover {
            color: #fff;
        }
        .domain_grids {
            padding-bottom: 30px;
            margin-top: 20px;
        }
        .heading_e_commerce {
            padding: 50px 0;
        }
        .heading_e_commerce h2 {
            font-weight: 800;
            font-size: 38px;
            color: #000;
        }
        .heading_e_commerce p {
            font-size: 14px;
            font-weight: 600;
            color: #53595f;
        }
        .work_heading {
            padding: 50px 0;
        }
        .work_heading h2 {
            font-weight: 800;
            font-size: 38px;
            color: #000;
        }
        .work_heading h2 span {
            color: #b00000;
        }
        .project_list_wrapper {
            list-style: none;
            padding: 0;
        }
        .project_list_wrapper li i {
            font-weight: 700;
            font-size: 13px;
            margin-right: 10px;
        }
        .templatemo-nav {
            position: sticky;
            top: 65px;
            background: #fff;
            z-index: 10;
        }
        .vl-topecompsec {
            width: 100%;
            background: linear-gradient(to right, #773455 20%, #462443 60%);
            position: relative;
            min-height: 640px;
            padding: 160px 0 40px;
        }
        .imgtop {
            position: absolute;
            right: 0;
            top: -200px;
            width: 60%;
        }
        .vl-topecompsec .vltopecompcontent {
            width: 50%;
        }
        .vl-topecompsec .btn-white {
            color: #262a45;
            text-transform: uppercase;
        }
        .vl-topecompsec .btn-white:hover {
            background-color: #b00000;
            color: #fff;
            border-color: #b00000;
        }
        .vl-topecompsec .topsub {
            font-size: 20px;
            margin-bottom: 10px;
            border-left: solid 4px #b00000;
            padding-left: 10px;
            line-height: normal;
        }
        .vl-topecompsec .mt40 {
            margin-top: 40px;
        }
        .vl-services .why-vimg .icon {
            display: inline-block;
            vertical-align: top;
            margin-bottom: 10px;
            height: 60px;
        }
        .vl-services .why-vimg .icon img {
            height: 100%;
            width: auto;
        }
        .vlecomwp-title {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            margin-bottom: 30px;
        }
        .vlecomwp-title h2 {
            font-weight: 800;
            font-size: 38px;
            color: #000;
        }
        .vlecom-nav {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            padding: 0;
        }
        .vlecom-nav li {
            width: 33.33%;
            padding: 0 5px;
            list-style: none;
            margin-bottom: 10px;
        }
        .vlecom-nav li a {
            display: block;
            color: #212121;
            height: 100%;
        }
        .vlecom-nav li .vlnav-bx {
            background-color: #fff;
            box-shadow: 20px 0 59px rgba(20, 23, 58, 0.13);
            padding: 20px;
            text-align: center;
            border: solid 2px transparent;
            transition: all 0.4s ease;
            height: 100%;
            font-size: 18px;
            font-weight: 500;
        }
        .vlecom-nav li .vlnav-bx span {
            display: block;
            font-weight: 400;
        }
        .vlecom-nav li .vlnav-bx:hover {
            border: solid 2px #b00000;
        }
        .vlbackbg {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
        }
        hr.borpink {
            border: solid 3px #b00000;
            width: 230px;
            margin: 30px 0;
            opacity: 1;
        }
        .vl-ultick {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            padding: 0;
            margin: 0;
        }
        .vl-ultick li {
            position: relative;
            padding: 0 15px 0 40px;
            margin-bottom: 20px;
            list-style: none;
            width: 100%;
        }
        .vl-ultick li::before {
            content: "";
            background: url(../images/ecomp/tickicon.png) no-repeat;
            width: 24px;
            height: 22px;
            position: absolute;
            left: 0;
        }
        .vl-ultick.w50 li {
            width: 50%;
        }
        .vl-faqs .panel-default > .panel-heading {
            background-color: #fff;
            border-color: #fff;
        }
        .vl-faqs .panel-default {
            border: none;
            border-radius: 0;
            border: solid 1px #eee;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 10px;
        }
        .vl-faqs .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border: none;
        }
        .vl-faqs .panel-heading {
            padding: 0;
        }
        .vl-faqs .panel-heading .panel-title a {
            display: block;
            padding: 20px 15px;
            font-size: 18px;
            position: relative;
        }
        .vl-faqs .panel-heading .panel-title a:focus,
        .vl-faqs .panel-heading .panel-title a:hover {
            text-decoration: none;
            outline: 0;
        }
        .vl-faqs .panel-body {
            padding: 5px 15px 20px;
        }
        .vl-faqs .panel-heading .panel-title a::after {
            font-family: FontAwesome;
            content: "\f056";
            position: absolute;
            right: 15px;
        }
        .vl-faqs .panel-heading .panel-title a.collapsed::after {
            content: "\f055";
        }
        .vl-ecomapp .vl-ultick li::before {
            content: "";
            background: url(../images/ecomp/tickicon2.png) no-repeat;
            width: 26px;
            height: 22px;
            position: absolute;
            left: 0;
            top: 3px;
        }
        .vl-ecomapp .vl-ultick li {
            padding: 0 15px 0 44px;
            margin-bottom: 15px;
        }
        .bluebgbefore::before {
            content: "";
            background: #13152c;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }
        .vl-benefits .why-vimg .icon {
            display: inline-block;
            vertical-align: top;
            margin-bottom: 10px;
            width: 90px;
        }
        .vl-ecompsolutions .why-vimg .icon {
            display: inline-block;
            vertical-align: top;
            margin-bottom: 20px;
            height: 60px;
        }
        .vl-ecompsolutions .why-vimg .icon img {
            height: 100%;
            width: auto;
        }
        .vlcbw-nav {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            padding: 0;
        }
        .vlcbw-nav li {
            width: 50%;
            padding: 0 10px;
            list-style: none;
        }
        .vlcbw-nav li .vlcbw-bx {
            background: #fff;
            box-shadow: 20px 0 59px rgba(20, 23, 58, 0.13);
            margin-bottom: 10px;
            display: flex;
            width: 100%;
            flex-wrap: wrap;
        }
        .vlcbw-nav li .vlcbw-bx .icon {
            width: 180px;
        }
        .vlcbw-nav li .vlcbw-bx .icon img {
            width: 100%;
            height: 100%;
        }
        .vlcbw-nav li .vlcbw-bx .vlcbw-content {
            padding: 20px;
            width: calc(100% - 180px);
        }
        .vlcbw-nav li .vlcbw-bx .vlcbw-content h4 {
            font-size: 1.25rem;
        }
        .tabluebg {
            background-color: #281f48;
        }
        .tabluebgr {
            background: #42456e;
            background: -moz-linear-gradient(top, #42456e 0, #272a4a 100%);
            background: -webkit-linear-gradient(top, #42456e 0, #272a4a 100%);
            background: linear-gradient(to bottom, #42456e 0, #272a4a 100%);
        }
        .tab_wrapper_img {
            border-radius: 8px;
            padding: 10px;
            margin-top: 20px;
        }
        .vltabcol.vlhide {
            display: none;
        }
        .domain_grids.show .vltabcol.vlhide {
            display: block;
        }
        .vlmenubtn {
            background: 0 0;
            border: none;
            padding: 10px;
            display: none;
            margin: 0 auto;
        }
        .vlmenubtn .dotmenu {
            width: 24px;
            display: block;
        }
        .vlmenubtn:focus,
        .vlmenubtn:hover {
            outline: 0;
            box-shadow: none;
        }
        @media screen and (max-width: 1199px) {
            .imgtop {
                top: -120px;
                width: 50%;
            }
            .bluebgbefore::before {
                height: 100%;
            }
            .vl-ecomapp {
                padding-bottom: 40px;
            }
            .templatemo-nav {
                top: 48px;
            }
        }
        @media screen and (max-width: 991px) {
            .imgtop {
                width: 60%;
            }
            .commerce_commerce_list li {
                padding: 0 8px;
            }
            .custom_commerce_tabs li .nav-link {
                padding: 10px 8px;
                text-transform: none;
            }
            .domain_grids .custom_row_ecommerce .vltabcol {
                width: 50%;
            }
            .vl-ourworksproject .pb_add_row {
                display: flex;
                flex-wrap: wrap;
            }
            .vl-ourworksproject .pb_add_row .col-md-6 {
                width: 50%;
            }
            .mnone {
                display: none;
            }
            .vl-ecomapp.bluebgbefore::before {
                display: none;
            }
            .vl-ecomapp.bluebgbefore {
                background-color: #13152c;
                padding-bottom: 40px;
            }
            .vlcbw-nav li {
                width: 100%;
                padding: 0;
            }
            .vlcbw-nav li .vlcbw-bx {
                align-items: center;
            }
            .vl-topecompsec {
                min-height: inherit;
                padding: 150px 0 50px;
            }
            .templatemo-nav {
                top: 70px;
            }
        }
        @media screen and (max-width: 767px) {
            .vl-topecompsec .mt40 {
                margin-top: 20px;
            }
            .imgtop {
                display: none;
            }
            .vl-topecompsec .vltopecompcontent {
                width: 100%;
            }
            .vl-topecompsec {
                min-height: inherit;
                padding: 120px 0 40px;
            }
            .commerce_commerce_list li {
                border-bottom: solid 1px #555;
            }
            .commerce_commerce_list li:last-child {
                border-bottom: none;
            }
            .tech_img_grid {
                width: 46%;
                margin: 0 2% 15px;
            }
            .tab_wrapper_img {
                display: none;
            }
            .all_tabs_wrapper {
                margin-top: 20px;
            }
            .custom_commerce_tabs {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                overflow-y: auto;
                white-space: nowrap;
            }
            .custom_commerce_tabs li {
                display: inline-block;
                vertical-align: top;
                float: none;
            }
            .dark_bluish_grid_wrapper {
                height: auto;
                padding: 20px;
            }
            .dark_bluish_grid_wrapper .logo_inner {
                display: block;
                text-align: center;
            }
            .vltabcol {
                margin-bottom: 20px;
                text-align: center;
            }
            .domain_grids {
                padding-bottom: 0;
            }
            .project_team .mt50 {
                margin-top: 20px;
            }
            .project_team .font50 {
                font-size: 30px;
            }
            .pb_add_row .blank_pink_color {
                text-align: center;
            }
            .vl-ourworksproject .mt50 {
                margin-top: 30px;
                margin-bottom: 10px;
            }
            .project_content_wrapper h2 {
                margin-top: 0;
                font-size: 26px;
            }
            .pb_side {
                text-align: center;
            }
            .vl-expertise .mb50 {
                margin-bottom: 30px;
            }
            .vlecom-nav li {
                width: 50%;
            }
            .vlecom-nav li .vlnav-bx {
                padding: 5px;
                font-size: 15px;
            }
            .vl-services h2 {
                font-size: 24px;
                line-height: 36px;
                font-weight: 300;
            }
            .vl-services .pt30 {
                padding-top: 0;
            }
            .vl-services .pb50 {
                padding-bottom: 10px;
            }
            .vl-services .why-vimg .icon {
                height: auto;
            }
            .vl-services .why-vimg .icon img {
                height: auto;
            }
            .vl-ecompsolutions .why-vimg .icon {
                height: auto;
            }
            .vl-ecompsolutions .why-vimg .icon img {
                height: auto;
            }
            br {
                display: none;
            }
            .vl-ultick.w50 li {
                width: 100%;
                padding: 0 0 0 40px;
            }
            .vl-faqs .panel-heading .panel-title a::after {
                top: 24px;
                right: 8px;
            }
            .custom_commerce_tabs li a {
                padding: 10px 8px;
                text-transform: none;
            }
            .blank_pink_color {
                margin-top: 20px;
            }
            .vl-ecomapp .font50 {
                font-size: 36px;
            }
            .templatemo-nav {
                top: 65px;
                border-color: #281f48;
            }
            .vlcbw-nav li {
                width: 100%;
                padding: 0;
            }
            .vlcbw-nav li .vlcbw-bx {
                display: block;
                text-align: center;
                margin-bottom: 20px;
            }
            .vlcbw-nav li .vlcbw-bx .icon {
                display: inline-block;
                vertical-align: top;
                margin: 20px auto;
            }
            .vlcbw-nav li .vlcbw-bx .icon img {
                width: auto;
                height: auto;
            }
            .vlcbw-nav li .vlcbw-bx .vlcbw-content {
                width: 100%;
                padding: 0 0 20px;
            }
            .vl-costbuild .font50 {
                margin-top: 0;
                font-size: 30px;
            }
            .vl-benefits .font50 {
                font-size: 30px;
            }
            .tech_sec .font50,
            .vl-becomwdch .font50 {
                font-size: 30px;
            }
            .tech_sec {
                padding: 30px 0;
            }
            .font50 {
                font-size: 30px;
            }
            .vl-topecompsec .topsub {
                margin-bottom: 30px;
            }
            .font30-xs {
                font-size: 24px;
            }
            .domain_grids .custom_row_ecommerce .vltabcol {
                width: 100%;
            }
            .vl-ourworksproject .pb_add_row .col-md-6 {
                width: 100%;
            }
            .vlmenubtn {
                display: inline-block;
                vertical-align: middle;
            }
            .vlmenubtn .dotclosemenu {
                display: none;
                font-size: 16px;
            }
            .templatemo-nav .commerce_list_items {
                position: fixed;
                top: 0;
                bottom: 0;
                z-index: 999999;
                overflow-y: auto;
                left: -260px;
                width: 260px;
                background: #fff;
                transition: all 0.4s ease-out;
                background-color: #1f2a41;
                padding-top: 50px;
            }
            .templatemo-nav.opennav {
                position: relative;
                top: 0;
                z-index: 9999999999;
            }
            .templatemo-nav.opennav .commerce_list_items {
                left: 0;
                width: 100%;
            }
            .vlmenubtn.navclose {
                width: 40px;
                height: 40px;
                background: #b00000;
                border-radius: 50%;
                padding: 0;
                color: #fff;
                line-height: 40px;
                position: fixed;
                top: 8px;
                right: 8px;
                z-index: 9999999;
            }
            .vlmenubtn.navclose .dotmenu {
                display: none;
            }
            .vlmenubtn.navclose .dotclosemenu {
                display: block;
            }
            .templatemo-nav .commerce_list_items .commerce_commerce_list {
                display: block;
            }
            .commerce_commerce_list li a {
                color: #fff;
                padding: 13px 15px;
                border-bottom: none;
                font-size: 18px;
                font-weight: 400;
            }
            .commerce_commerce_list li a.hgl::after {
                display: none;
            }
            .commerce_commerce_list li a.current {
                border-bottom: none;
                color: #fff;
            }
            body.vlecompnavopen .jxPOhn {
                display: none;
            }
            .jxPOhn {
                justify-content: center;
            }
            .templatemo-nav .onmobnav {
                width: calc(100% - 50px);
                float: right;
            }
            .templatemo-nav .onmobnav .commerce_commerce_list {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                overflow-y: auto;
                white-space: nowrap;
            }
            .templatemo-nav .onmobnav .commerce_commerce_list li {
                display: inline-block;
                vertical-align: top;
                padding: 0 5px;
                border-bottom: none;
            }
            .templatemo-nav .onmobnav .commerce_commerce_list li a {
                color: #000;
                padding: 13px 5px;
                font-size: 14px;
                font-weight: 500;
                border-bottom: solid 2px transparent;
            }
            .com_trans_sec {
                padding: 30px 0 50px;
            }
            .templatemo-nav .onmobnav .commerce_commerce_list li a.current {
                border-bottom: solid 2px #b00000;
            }
            .vl-ourworksproject .project_img_wrapper {
                margin-top: 1rem;
            }
            .vl-ourworksproject .project_content_wrapper .btnBlock {
                text-align: center;
            }
            .owl-carousel .vlblock {
                height: auto;
                text-align: center;
            }
        }
        .visuallyhidden {
            border: 0;
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }
        .hwenewsletter {
            background: linear-gradient(to top, #b00000 0, #ef1675 100%);
        }
        .hwenewsletter .form-control {
            box-shadow: none;
        }
        .footer .bgdarkblue {
            padding: 5rem 0 3rem;
        }
        @media screen and (max-width: 991px) {
            .footer .bgdarkblue {
                margin-top: 3rem;
                padding-bottom: 1rem;
            }
        }
        .footer .newsimg {
            margin-top: -55px;
        }
        .footer .sharenav li a {
            display: block;
            margin-right: 8px;
        }
        .footer .sharenav li a .homespic {
            width: 32px;
            height: 32px;
            transition: ease 0.5s all 0s;
        }
        .footer .sharenav li a .homespic.footic1 {
            background-position: -350px -136px;
        }
        .footer .sharenav li a .homespic.footic1:hover {
            background-position: -350px -168px;
        }
        .footer .sharenav li a .homespic.footic2 {
            background-position: -394px -136px;
        }
        .footer .sharenav li a .homespic.footic2:hover {
            background-position: -394px -168px;
        }
        .footer .sharenav li a .homespic.footic3 {
            background-position: -438px -136px;
        }
        .footer .sharenav li a .homespic.footic3:hover {
            background-position: -438px -168px;
        }
        .footer .sharenav li a .homespic.footic4 {
            background-position: -482px -136px;
        }
        .footer .sharenav li a .homespic.footic4:hover {
            background-position: -482px -168px;
        }
        .footer .sharenav li a .homespic.footic5 {
            background-position: -526px -136px;
        }
        .footer .sharenav li a .homespic.footic5:hover {
            background-position: -526px -168px;
        }
        .footer .sharenav li a .homespic.footic6 {
            background-position: -569px -136px;
        }
        .footer .sharenav li a .homespic.footic6:hover {
            background-position: -569px -168px;
        }
        label.control-label {
            margin-bottom: 5px;
        }
        .sd-group {
            position: relative;
        }
        .sd-group::before {
            content: "";
            position: absolute;
            border: solid #999;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(45deg);
            border-color: #999;
            top: 13px;
            right: 15px;
            z-index: 10;
        }
        select.form-control {
            cursor: pointer;
        }
        .form-group {
            margin-bottom: 1rem;
            position: relative;
        }
        .clientLogoBlock {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
            align-items: center;
            border-bottom: solid 1px #ccc;
            padding-bottom: 2.4rem;
        }
        .clientLogoBlock span {
            margin-top: 20px;
            padding: 0 1rem;
        }
        @media screen and (max-width: 640px) {
            .clientLogoBlock span {
                width: 50%;
            }
        }
        .myBrands {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .myBrands span {
            margin-bottom: 20px;
        }
        @media screen and (max-width: 576px) {
            .myBrands span {
                margin-right: -10px;
                padding: 0 6px;
            }
        }
        .right.sidebar img {
            margin-bottom: 5px;
        }
        .left.sidebar .iso-logo{
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-46%, -20px);
            width: 100%;
            align-items: center;
        }
        .left.sidebar{
            position: relative;
        }
        .footerlogo {
            background: url(../images/homepage/footer/footerlogo.png) no-repeat;
            display: inline-block;
            position: relative;
        }
        .footerlogo.partner1 {
            background-position: -45px 0;
            width: 90px;
            height: 60px;
        }
        .footerlogo.partner2 {
            background-position: -10px -60px;
            width: 160px;
            height: 60px;
        }
        .footerlogo.partner3 {
            background-position: -15px -120px;
            width: 155px;
            height: 60px;
        }
        .footerlogo.partner4 {
            background-position: -15px -180px;
            width: 150px;
            height: 60px;
        }
        .footerlogo.partner5 {
            background-position: -20px -240px;
            width: 140px;
            height: 60px;
        }
        .footerlogo.partner6 {
            background-position: -10px -300px;
            width: 160px;
            height: 60px;
        }
        .footerlogo.partner7 {
            background-position: 0 -420px;
            width: 180px;
            height: 60px;
        }
        .footerlogo.partner8 {
            background-position: -50px -360px;
            width: 80px;
            height: 60px;
        }
        .footerlogo.testiview {
            background-position: -189px -435px;
            width: 32px;
            height: 32px;
        }
        .footerlogo.googlereview {
            background-position: -260px -506px;
            width: 70px;
            height: 28px;
        }
        .footerlogo.foostar5 {
            background-position: -260px -481px;
            width: 100px;
            height: 14px;
        }
        .footerlogo.popawards1 {
            background-position: -260px 0;
            width: 100px;
            height: 92px;
        }
        .footerlogo.popawards2 {
            background-position: -260px -98px;
            width: 100px;
            height: 58px;
        }
        .footerlogo.popawards3 {
            background-position: -260px -165px;
            width: 100px;
            height: 96px;
        }
        .footerlogo.popawards4 {
            background-position: -260px -264px;
            width: 100px;
            height: 50px;
        }
        .footerlogo.popawards5 {
            background-position: -260px -320px;
            width: 100px;
            height: 36px;
        }
        .footerlogo.popawards6 {
            background-position: -260px -355px;
            width: 100px;
            height: 30px;
        }
        .footerlogo.popawards7 {
            background-position: -260px -390px;
            width: 100px;
            height: 70px;
        }
        .footerlogo.guaranteeic {
            background-position: -188px -481px;
            width: 35px;
            height: 35px;
            position: absolute;
            left: 0;
            top: 5px;
        }
        .footerlogo.icencyypt {
            background-position: -260px -544px;
            width: 62px;
            height: 46px;
            left: 0;
            bottom: 4px;
        }
        .footerlogo.stickyfoot1 {
            background-position: -180px -195px;
            width: 50px;
            height: 21px;
        }
        .footerlogo.stickyfoot2 {
            background-position: -180px -245px;
            width: 50px;
            height: 21px;
        }
        .footerlogo.stickyfoot3 {
            background-position: -180px -295px;
            width: 50px;
            height: 21px;
        }
        .footerlogo.stickyfoot4 {
            background-position: -180px -345px;
            width: 50px;
            height: 21px;
            position: relative;
        }
        .footermenu {
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
        }
        .footermenu li a,
        .footermenu li button {
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 500;
        }
        .footermenu li a:hover,
        .footermenu li button:hover {
            color: #b00000;
        }
        @media screen and (max-width: 767px) {
            .footermenu li a,
            .footermenu li button {
                padding: 0.375rem;
            }
        }
        @media screen and (min-width: 992px) {
            .footermenu li.dropdown:hover .dropdown-menu {
                display: block;
                top: auto;
                bottom: 100%;
            }
        }
        .footermenu li.dropdown .dropdown-menu {
            background-color: #f4f4f4;
            padding: 0;
            border-radius: 0;
        }
        .footermenu li.dropdown .dropdown-menu li {
            border-bottom: solid 1px #ddd;
        }
        .footermenu li.dropdown .dropdown-menu li a {
            display: block;
            padding: 6px 10px;
            text-transform: none;
            white-space: nowrap;
        }
        .footermenu li.dropdown .dropdown-menu li a:hover {
            background-color: #b00000;
            color: #fff;
        }
        .footermenu li.dropdown .dropdown-menu li:last-child {
            border-bottom: none;
        }
        .morepagemodal {
            padding-right: 0;
            overflow: hidden;
        }
        .morepagemodal .modal-dialog {
            max-width: 100%;
            width: 100%;
            margin: 0;
            height: 100%;
        }
        .morepagemodal .modal-dialog .modal-content {
            border-radius: 0;
            height: 100%;
        }
        .morepagemodal .modal-dialog .modal-body {
            height: calc(100vh - 100px);
            overflow-y: auto;
        }
        .morepagemodal .modal-dialog .modal-body ul {
            padding: 0;
            margin: 0;
        }
        .morepagemodal .modal-dialog .modal-body ul li {
            list-style: none;
            padding: 2px 0;
        }
        .morepagemodal .modal-dialog .modal-body ul li a {
            font-size: 13px;
            display: inline-block;
            vertical-align: top;
        }
        .morepagemodal .modal-dialog .modal-body ul li a:hover {
            text-decoration: underline;
            color: #b00000;
        }
        @media screen and (max-width: 767px) {
            .morepagemodal .modal-header img {
                max-width: 200px;
            }
        }
        .modal .btn-close {
            opacity: 1;
        }
        .separate {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }
        .separate li {
            position: relative;
            margin-right: 5px;
        }
        .separate li::after {
            content: ",";
        }
        .separate li:last-child::after {
            display: none;
        }
        .dropdown .dropdown-list {
            padding: 12px;
            background: #fff;
            position: absolute;
            top: 100%;
            left: 2px;
            right: 2px;
            z-index: 9;
            border: solid 1px #ccc;
            transform-origin: 50% 0;
            transform: scale(1, 0);
            transition: transform 0.15s ease-in-out 0.15s;
            max-height: 360px;
            overflow-y: scroll;
        }
        .dropdown .dropdown-option {
            display: block;
            opacity: 0;
            transition: opacity 0.15s ease-in-out;
        }
        .dropdown .dropdown-label {
            display: block;
            background: #fff;
            border: 1px solid #ced4da;
            padding: 0.375rem 0.75rem;
            cursor: pointer;
            border-radius: 0.25rem;
            margin-bottom: 0;
        }
        .dropdown.on .dropdown-list {
            transform: scale(1, 1);
            transition-delay: 0s;
        }
        .dropdown.on .dropdown-list .dropdown-option {
            opacity: 1;
            transition-delay: 0.2s;
        }
        .dropdown [type="checkbox"] {
            position: relative;
            top: 3px;
            margin-right: 4px;
            display: inline-block;
        }
        .select_label_light {
            color: #999;
            font-size: 13px;
        }
        .select_label_light_upper {
            color: #999;
        }
        .budget_inr_select {
            color: #999;
        }
        .service_all_grid {
            border-bottom: 2px dashed #d6d6d6;
            padding-bottom: 10px;
        }
        .service_all_grid h2 {
            margin: 10px 0;
            color: #000;
            font-size: 13px;
            font-weight: 500;
        }
        .service_all_grid:first-child h2 {
            margin-top: 5px;
        }
        .service_all_grid:last-child {
            border-bottom: none;
        }
        .discussproject .btn.btn-sm {
            padding: 10px 15px;
        }
        .reqmodal {
            padding-right: 0;
            z-index: 9999999;
            height:100%;
        }
        .reqmodal .modal-dialog {
            margin: 0;
            max-width: 100%;
            width: 100%;
            height: 100%;
        }
        .reqmodal .modal-dialog .modal-content {
            border-radius: 0;
            min-height: 100%;
        }
        .reqmodal .modal-header {
            border-radius: 0;
            padding: 1rem 2rem 0 1rem;
        }
        .reqmodal .modal-header img {
            height: 50px;
        }
        .reqmodal .modal-body .sidebar {
            background: linear-gradient(to bottom, #4c5d89 0, #2b344c 80%);
        }
        @media screen and (max-width: 767px) {
            .reqmodal .container {
                padding: 0;
            }
        }
        #popUpForm {
            border-top: solid 4px #b00000;
        }
        #popUpForm .guarantee {
            position: relative;
            padding-left: 50px;
        }
        #popUpForm .encyypt {
            position: relative;
            color: #999;
            text-align: right;
            font-size: 13px;
            line-height: 13px;
        }
        .customByMe .checkbtn {
            position: relative;
            margin: 0.2rem;
            display: inline-block;
            vertical-align: top;
            padding-left: 0;
        }
        .customByMe .checkbtn label {
            padding: 0.375rem 1.3rem;
            border: solid 2px #ddd;
            display: block;
            cursor: pointer;
        }
        .customByMe .checkbtn input[type="checkbox"]:checked + label {
            color: #99a1a7;
        }
        .customByMe .checkbtn input[type="checkbox"]:checked + label::after {
            content: "\2714";
            font-size: 1rem;
            position: absolute;
            top: 6px;
            left: 0;
            color: #b00000;
        }
        .mfb {
            position: fixed;
            width: 100%;
            left: 0;
            z-index: 9999;
            padding: 0;
            bottom: 10px;
        }
        .mfb .mfb-nav {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        .mfb .mfb-nav li {
            list-style: none;
            width: 33.33%;
            border-right: solid 1px #ccc;
        }
        .mfb .mfb-nav li:last-child {
            border-right: none;
        }
        .mfb .mfb-nav li a,
        .mfb .mfb-nav li button {
            font-size: 13px;
            position: relative;
            padding: 4px 0;
            line-height: normal;
            display: block;
            text-align: center;
            background: 0 0;
            font-weight: 500;
            width: 100%;
        }
        .mfb .mfb-nav li a span,
        .mfb .mfb-nav li button span {
            display: flex;
            font-size: 13px;
            width: 100%;
            justify-content: center;
            align-items: center;
            margin-top: 2px;
        }
        .mfb .mfb-nav li a span.stikybadge,
        .mfb .mfb-nav li button span.stikybadge {
            position: absolute;
            top: -2px;
            right: -10px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #b00000;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 10px;
        }
        .mfb .mfb-nav li .mobile-nav-toggle {
            background: 0 0;
            line-height: normal;
            width: auto;
            height: auto;
            right: auto;
            top: auto;
            color: #222;
            border-radius: 0;
        }
        .mfb .mfb-nav li .fa {
            min-height: 24px;
            font-size: 18px;
            position: relative;
        }
        .mfb .mfb-bx {
            width: 220px;
            background-color: #fff;
            border-radius: 40px;
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
            border: solid 1px #eee;
            overflow: hidden;
            margin: 0 auto;
        }
        .mfb .mfb-nav li.whicon {
            background-color: #55cd6c;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .lpdirbody .footer a.contactbox {
            display: block;
            padding: 20px 10px 15px 90px;
            background-color: #34405a;
            border-radius: 5px;
            color: #fff;
            position: relative;
            transition: ease 0.5s all 0s;
        }
        .lpdirbody .footer a.contactbox span:after {
            content: "";
            position: absolute;
            height: 35px;
            width: 1px;
            top: 10px;
            left: 60px;
            background-color: #fff;
        }
        .lpdirbody .footer a.contactbox:hover {
            background-color: #4b6eb6;
        }
        .lpdirbody .footerlogo.flicon {
            width: 50px;
            height: 50px;
            position: absolute;
            left: 15px;
            top: 17px;
        }
        .lpdirbody .footerlogo.fmail {
            background-position: -180px -5px;
        }
        .lpdirbody .footerlogo.fcall {
            background-position: -180px -65px;
        }
        .lpdirbody .footerlogo.fskype {
            background-position: -180px -125px;
        }
        .form-icongroup {
            position: relative;
        }
        .form-icongroup .form-control {
            border: none;
            border-radius: 0;
            padding: 0 50px 0 10px;
            height: 40px;
            line-height: 40px;
        }
        .form-icongroup .btn {
            position: absolute;
            width: 40px;
            height: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            border: none;
            padding: 0;
            right: 0;
            top: 0;
        }
        .form-icongroup .btn:hover {
            background-color: #34405a;
            color: #fff;
        }
        .lpdirbody .querybtn {
            position: fixed;
            text-align: center;
            top: 50%;
            z-index: 99;
            padding: 0;
            transform: translateY(-50%);
        }
        .lpdirbody .querybtn.right {
            right: -1px;
        }
        .lpdirbody .querybtn.left {
            left: -22px;
        }
        .lpdirbody .querybtn.qbtn {
            transform: translateY(-50%) rotate(-90deg);
        }
        .ringspin {
            animation: shakeit 1.2s;
            animation-direction: alternate;
            animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
            animation-iteration-count: infinite;
            animation-delay: 2s;
        }
        @keyframes shakeit {
            0% {
                transform: rotate(-10deg);
            }
            5% {
                transform: rotate(10deg);
            }
            10% {
                transform: rotate(-10deg);
            }
            20% {
                transform: rotate(10deg);
            }
            30% {
                transform: rotate(-10deg);
            }
            40% {
                transform: rotate(10deg);
            }
            50% {
                transform: rotate(0);
            }
        }
        @-webkit-keyframes shakeit {
            0% {
                transform: rotate(-10deg);
            }
            5% {
                transform: rotate(10deg);
            }
            10% {
                transform: rotate(-10deg);
            }
            20% {
                transform: rotate(10deg);
            }
            30% {
                transform: rotate(-10deg);
            }
            40% {
                transform: rotate(10deg);
            }
            50% {
                transform: rotate(0);
            }
        }
        .lpdirbody .querywidget #widgetForm {
            position: fixed;
            width: 0;
            right: -300px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999999999;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            transition: all 0.4s ease;
        }
        .lpdirbody .backbgoverlay {
            background-color: rgba(0, 0, 0, 0.55);
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            display: none;
        }
        .lpdirbody .backbgoverlay {
            cursor: url(../images/about-new/close.png), auto;
        }
        .showquerywidget .querywidget #widgetForm {
            width: 300px;
            right: 0;
        }
        .showquerywidget {
            overflow: hidden;
        }
        .showquerywidget .backbgoverlay {
            display: block;
        }
        @media screen and (max-width: 991px) {
            .lpdirbody .footer .bgdarkblue {
                margin-top: 0;
            }
        }
        @media screen and (min-width: 992px) and (max-width: 1199px) {
            .footer .newsimg {
                display: none;
            }
            .hwenewsletter .flex-fill.ms-md-5 {
                margin-left: 0;
            }
            .footer .bgdarkblue {
                padding: 3rem 0;
            }
        }
        @media screen and (max-width: 767px) {
            .hwenewsletter .bgwhite .btn {
                padding: 10px 15px;
            }
            .showquerywidget .querywidget #widgetForm {
                width: 280px;
                right: 0;
            }
            .querywidget #widgetForm {
                height: 100%;
                overflow-y: auto;
                width: 280px;
                top: 0;
                transform: none;
                right: -280px;
            }
        }
        body.mobile-nav-active.modal-open .mobile-nav-toggle,body.modal-open .mobile-nav-toggle {
            display: none;
        }
        body.mobile-nav-active.modal-open .mobile-nav {
            left: -260px;
            width: 260px;
        }
        .bg-lgold {
            background-color: #f4f0eb;
        }
        .pb-11 {
            padding-bottom: 11rem;
        }
        .mt-brands {
            margin-top: -150px;
            border-radius: 20px;
        }
        .bg-yellow {
            background-color: #b00000;
        }
        .btn-whiteborder{
            background-color:transparent;
            border:solid 2px #fff;
            color:#fff;
        }
        .btn-whiteborder:hover{
            background-color: #b00000;
            border:solid 2px #b00000;
            color:#000;
        }
        .btn-white {
            color: #b00000;
        }
        .headerform .form-control {
            background-color: #fff;
            border: solid 2px #e1ddd8;
            font-size: 14px;
            height: 50px;
            border-radius: 0;
        }
        .headerform textarea.form-control {
            height: 130px;
        }
        .headerform .btn {
            padding: 15px 10px;
        }
        .lyteLazyEntered.zcp_loading {
            filter: none;
        }
        .drag-cursor {
            max-width: 122px;
            opacity: 0;
            pointer-events: none;
            position: fixed;
            top: 0;
            left: 0;
            transition: opacity 0.15s ease-in-out;
            transform-origin: center;
            overflow: visible;
        }
        .drag-cursor.-active {
            opacity: 1;
        }
        .canvasPrcs-img-sec {
            position: relative;
            width: 100vw;
            overflow: visible;
            transform: scale(1);
            transition: transform 0.1s ease-in-out;
        }
        .canvasPrcs-img-sec.-active {
            transform: scale(1.02);
        }
        .canvasPrcs-img-innersec {
            cursor: none;
            display: flex;
            flex-wrap: nowrap;
            will-change: transform;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 4848px;
        }
        .canvasPrcs-img-innersec::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
        .slide-item-image {
            background-repeat: no-repeat;
            background-size: 100% 100%;
            border-radius: 12px;
        }
        .slide-item {
            display: flex;
            flex-shrink: 0;
            flex-basis: 582px;
            height: 424px;
            width: 582px;
            margin: 0 24px 24px 0;
            position: relative;
        }
        .slide-item-image {
            height: 100%;
            width: 100%;
            flex-shrink: 0;
            display: block;
        }
        .sld-img1 {
            background-image: url(../images/homepage/canvas-woodlin.jpg);
        }
        .sld-img2 {
            background-image: url(../images/homepage/canvas-ukada.jpg);
        }
        .sld-img3 {
            background-image: url(../images/homepage/canvas-saffron.jpg);
        }
        .sld-img4 {
            background-image: url(../images/homepage/canvas-thuggle.jpg);
        }
        .sld-img5 {
            background-image: url(../images/homepage/canvas-justjerseys.jpg);
        }
        .sld-img6 {
            background-image: url(../images/homepage/canvas-rickychopra.jpg);
        }
        .sld-img7 {
            background-image: url(../images/homepage/canvas-rdg.jpg);
        }
    /*new UI changes*/
    .pt-7{padding-top:4rem;}
    .clientbtm .climg{max-height:68px;}
    .vlnoslist li{line-height:35px;}
    .bg-blue{background-color:#030a5a;}
    .headerform.vlnform .form-control{border-radius:30px; border:none; font-size:18px; color:#120f3c; padding:0 30px; height:60px;}
    .headerform.vlnform textarea.form-control{padding-top:15px; padding-bottom:10px; height:150px; border-radius:10px;}
    .vlnform .vbnccgrp{position:absolute; top:0; left:0; width:110px; border-right:solid 1px #ccc;}
    .vlnform .vbnphgroup .ccinput{padding:0px 20px 0px 120px;}
    .vlnform .vbnccgrp .form-control{padding:0 15px 0px 30px; border-radius:30px 0px 0px 30px;}
    .bg-blue .vlnform .btn-yellow:hover{background-color:#fff; color:#000; border:solid 2px #fff;}
    .radius30{border-radius:30px;}
    .blog-content .readmore{text-decoration:underline;}
    .form-control.error{
        border-bottom: 1px solid red;
        font-size:1rem;

    }
    .morepagemodal .modal-dialog .modal-body .nav li{
        padding:5px 5px 5px 16px;
    }
    .reqmodal textarea.form-control{height:110px;}
    .reqmodal .modal-header img{height:auto;}
    .mfb .mfb-nav li{
        width:50%;
    }
    .mfb .mfb-nav li a, .mfb .mfb-nav li button{
        padding:0;
    }
    .mfb .mfb-nav li a span, .mfb .mfb-nav li button span{
        font-size:14px;
        margin-top:0;
    }
    .mfb .mfb-nav li a span.fgname, .mfb .mfb-nav li button span.fgname{
        margin-top:3px;
    }
    .mfb .mfb-nav{
        padding:5px 0;
    }
    .footerbottom {background-color: #f6f5f4;}
    .footernav {border-top: solid 2px #dcdcdc; line-height:1;}
    .footermenu {justify-content: flex-end;}
    .footermenu li {border-right: solid 1px #000; line-height: 1;}
    .footermenu li:last-child {border-right: none;}
    .footermenu.nav li a {font-size: 16px; font-weight: 400; padding: 0 8px; text-transform: none;}
    .back-to-top{cursor:pointer;}
    .reqmodal .modal-body .sidebar{height:100%; background: linear-gradient(to bottom, #4c5d89 0, #2b344c 100%);}
    amp-lightbox{overflow-y:auto;}
    .modal-header .btn-close{opacity:1; font-size:20px;}
    .modal-header .btn-close .icon-cancel::before{content:"\f00d"; font-family: "Font Awesome 5 Free"; font-weight:700;}
    .amp-carousel-button{cursor:pointer;}
    .vlclient .slidecontainer .bg-white{padding:15px;}
    .vlclient .slidecontainer i-amphtml-sizer{height:0; position:absolute;}
    .vlclient .slidecontainer .i-amphtml-carousel-content{position:static;}
    .vlclient .slidecontainer .i-amphtml-carousel-scroll{height:auto; align-items:baseline;}
    .vlclient .slidecontainer .i-amphtml-carousel-slide-item{align-items:baseline;}
    .vlclient .slidecontainer .height100{height:100px;}
    .vl-startup{position:relative;}
    .vl-startup::before{content:""; position:absolute; left:-30px; top:110px; background:url(../images/vbnpage/zigleftarrow.png) no-repeat; width:128px; height:107px; display:inline-block; vertical-align:top;}
    .slidecontainer{padding:130px 30px 0; overflow:hidden; position:relative;}
    .slidecontainer::before{content:""; position:absolute; left:0; top:0; background-color:#030a5a; height:250px; width:100%;}
    .slidecontainer::after{content:""; position:absolute; right:0; top:-130px; background:url(../images/vbnpage/ptrndotted.png) no-repeat; width:220px; height:233px; display:inline-block; vertical-align:top;}
    .bg-white .qute-form.vlnform .form-control{background-color:#f0eff2; box-shadow:none;}
    .form-control:hover,.form-control:focus{box-shadow:none; outline:1;}
    .vlnform .vlnformlabel{font-size:18px; color:#120f3c; margin-bottom:10px; padding-left:30px;}
    .vlnform .vlnformlabel small{font-size:13px;}
    .vlnform .frominput-file{line-height:60px; padding:0 1rem;}
    .vbnctpage .vlnform .form-group{margin-bottom:2rem;}
    .vbofcimg{width:250px; height:250px; border-radius:50%; background-color:#fff; overflow:hidden; box-shadow:0px 22px 81px rgba(41,38,99,0.18); margin:0 auto;}
    .vbnctpage{position:relative; min-height:800px; padding-top:5rem;}
    .vbnctpage::before{content:""; position:absolute; top:0; left:0; background-image:url(../images/vbnpage/contactusbg.png); background-repeat:no-repeat; background-position:center center; width:100%; height:1170px;}
    .vbnctpage .container{position:relative; z-index:10;}
    .country .cname{width:72px; height:46px; display:block; margin:0 auto 1rem;}
    .country .cname.india{background:url(../images/vbnpage/indiaflag.png) no-repeat;}
    .country .cname.usa{background:url(../images/vbnpage/usaflag.png) no-repeat;}
    .vlbfilterpf .cards {display: flex;flex-wrap: wrap;width:100%;margin-top:2rem;  }
    .vlbfilterpf .project {transition: all 0.3s linear;width:33.33%; padding:0 15px;margin-bottom:30px;}
    .vlbfilterpf .project .img-hover{height:100%;}
    .vlbfilterpf .project .smovideo{height:100%; width:100%;}
    .vlbfilterpf .vlbpflink{display:flex; vertical-align:top; white-space:nowrap; overflow-x:auto; width:100%; margin:0; padding:0; border-bottom:solid 1px #b00000; position:relative; -webkit-overflow-scrolling: touch;}
    .vlbfilterpf .vlbpflink::-webkit-scrollbar {display:none;}
    .vlbpflink li{list-style:none; margin:0px 3px 0px; display:inline-block; vertical-align:top;}
    .vlbpflink li:first-child{margin-left:0;}
    .vlbpflink li a{padding:6px 10px; display:block; background-color:#fff; border:solid 2px transparent; font-size:16px; border-radius:5px 5px 0px 0px; font-weight:500;}
    .vlbpflink li a.active{background-color:#fff; color:#000; border:solid 2px #b00000; border-bottom:solid 2px transparent;}
    .vlbpflink li a:hover{background-color:#fff; color:#000; border-bottom:solid 2px #b00000;}
    .vlbpflink li a.active:hover{background-color:#fff; color:#000; border:solid 2px #b00000; border-bottom:solid 2px transparent;}
    .uniquebrand{position:relative;}
    .uniquebrand::after{position:absolute; background:url(../images/vbnpage/uniquebrand-bg.png) no-repeat; width:100%; height:100%; background-size:cover; content:""; right:0; bottom:0; z-index:0; opacity:0.3;}
    .uniquebrand .container{position:relative; z-index:10;}
    .company-info .uniquebrand{border-radius:30px; overflow:hidden;}
    .company-info .uniquebrand .row{position:relative; z-index:10;}
    .vbncnum .icon{width:50px; height:50px; border-radius:50%; display:inline-block; vertical-align:middle; line-height:50px; text-align:center; background-color:#fff; color:#000; margin-right:10px;}
    .vbncnum a{color:#fff;}
    .vbnclientreviwtop{background-image:url(../images/vbnpage/clientreviewbg.png); background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; min-height:970px; padding:10rem 0 5rem;}
    .grvwcontent{text-align:center; min-height:130px;}
    .vlbgrvwbx{position:relative; z-index:10; height:100%;}
    .vlbstpimg{position:relative;}
    .vlbstpimg::before {content:""; background: #f0f4f9; width: 100%; height: 100%; position: absolute; left: -130px;top: 0; z-index: -1; border-radius: 120px;}
    .vlbstpimg.left::before{left:auto; right:-130px;}
    .stepline{position:relative;}
    .stepnumber{position:absolute; width:100%; top:50px;}
    .clientrvwpage .clientbtm{margin-top:2rem;}
    .vlbnaboutop{position:relative; padding:100px 0 50px;}
    .vlbnaboutop .container{position:relative; z-index:10;}
    .vlbnaboutop::before{background-image:url(../images/vbnpage/aboutusbg.png); background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; min-height:660px; content:""; position:absolute; top:0; left:0;}
    .vlbnaboutop .abtimeline{padding-top:410px; padding-bottom:50px; position:relative;}
    .abtimeline .vlbtmlicon .icon{width:150px; height:150px; border-radius:50%; background-color:#fff; border:solid 2px #030a5a; display:flex; align-items:center; justify-content:center; position:relative; z-index:10;}
    .flex-row-reverse.tlrow .vlbtmlicon{display:flex; justify-content:right;}
    .row.flex-row-reverse.tlrow .vlbtmlcontent{text-align:right; padding-left:0; padding-right:50px;}
    .row.tlrow{padding:40px 0; position:relative; align-items:center;}
    .row.tlrow .vlbtmlicon::before{content:""; position:absolute; right:-10px; margin-top:-10px; top:50%;; width:20px; height:20px; background-color:#b00000; display:flex; align-items:center; justify-content:center; color:#000; border-radius:50%; z-index:10;}
    .row.flex-row-reverse.tlrow .vlbtmlicon::before{right:auto; left:-10px;}
    .row.tlrow .vlbtmlcontent{padding-left:50px;}
    .vlbnaboutop .abtimeline::before{width:2px;height:100%; background-color:#b00000; content:""; position:absolute; left:50%; top:0;}
    .pointer-none{cursor:default; pointer-events:none;}
    .row.tlrow .vlbtmlicon{position:relative;}
    .row.tlrow .vlbtmlicon::after{position:absolute; width:98%; height:2px; content:""; top:50%; margin-top:-1px; background: rgb(3,10,90);
        background: -moz-linear-gradient(left, rgba(3,10,90,1) 0%, rgba(255,197,24,1) 100%);
        background: -webkit-linear-gradient(left, rgba(3,10,90,1) 0%,rgba(255,197,24,1) 100%);
        background: linear-gradient(to right, rgba(3,10,90,1) 0%,rgba(255,197,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030a5a', endColorstr='#b00000',GradientType=1 );}
        .abclient-list{padding:30px; color:#fff; text-align:center; margin-top:3rem;}
        .servcprovd .exrangeowl .item a{position:relative; display:block;}
        .servcprovd .exrangeowl .item a span {position: absolute; z-index: 99; top: 0; left:0; background: rgba(0,0,0,0.5); width: 100%; color: #fff; padding: 5px; text-align: center;}
        .vlbtwpftop{background-image:url(../images/vbnpage/smo/smotwitter-bg.png); background-color:#fff; min-height:800px;}
        .vlbhelpout{position:relative;}
        .vlbhelpout::after{position:absolute; background:url(../images/vbnpage/smo/twfindout01.png) no-repeat; width:100%; height:100%; background-size:cover; content:""; right:0; bottom:0; z-index:0; opacity:0.3;}
        .vlbhelpout .container{position:relative; z-index:10;}
        .vlbsrvbx .icon{display:block; min-height:85px;}
        .triangle::after{content:""; width:100%; height:100%; background-color:#fffcf2; position:absolute; bottom:0; left:0; clip-path:polygon(100% 0%, 100% 100%, 0% 100%);}
        .triangle .container{position:relative; z-index:10;}
        .twmask::before,.twmask:after{content:""; position:absolute; top:50px;}
        .twmask::before{width:168px; height:146px; background:url(../images/vbnpage/smo/bgmask02.png) no-repeat; left:0;}
        .twmask::after{width:288px; height:244px; background:url(../images/vbnpage/smo/bgmask01.png) no-repeat; right:0;}
        .tweetslide .i-amphtml-carousel-content span {position: absolute; z-index: 99; top: 0; left:0; background: rgba(0,0,0,0.5); width: 100%; color: #fff; padding: 5px; text-align: center; border-radius:10px 10px 0px 0px;}
        amp-lightbox.cmnlightboxmodal{z-index:9999999999;}
        .bg-greendark{background-color:#002d2e;}
        .addesigntop::after{content:""; clip-path:polygon(70% 0%, 100% 0%, 100% 100%, 40% 100%); width:100%; height:100%; position:absolute; left:0; bottom:0; right:0; top:0; background-color:#003635;}
        .addesigntop .container{position:relative; z-index:10;}
        .bgbxadd{position:relative;}
        .bgbxadd::before{content:""; position:absolute; right:15px; width:75%; height:100%; top:0; border-radius:10px; background: rgb(228,246,246);
            background: -moz-linear-gradient(top, rgba(228,246,246,1) 0%, rgba(255,255,255,1) 100%);
            background: -webkit-linear-gradient(top, rgba(228,246,246,1) 0%,rgba(255,255,255,1) 100%);
            background: linear-gradient(to bottom, rgba(228,246,246,1) 0%,rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f6f6', endColorstr='#ffffff',GradientType=0 );}
            .bgbxpanel{position:relative; z-index:10; padding-top:40px; padding-right:20px;}
            .uniquebrand.bookmagazine::after{background:url(../images/vbnpage/design/booktransptrn.png) no-repeat center center; opacity:1;}
            .vlbpfptrn::before{content:""; position:absolute; top:-100px; left:0; width:286px; height:323px; background:url(../images/vbnpage/design/booklight.png) no-repeat;}
            .vlbpfptrn .container{position:relative; z-index:10;}
            .brchrtopbanner{position:relative; min-height:700px;}
            .brchrtopbanner .container{position:relative; z-index:10;}
            .brchrtopbanner::after{content:""; position:absolute; bottom:0; left:0; width:100%; background:url(../images/vbnpage/design/brochouretop.png) no-repeat center center; height:100%;}
            .steprow .row{position:relative; padding-top:30px;}
            .steprow .row::before,.steprow .row::after{position:absolute; content:"";}
            .steprow .row.start::before{width:2px; height:100%; background-color:#ddd; left:0; top:0;}
            .steprow .row.end::before{width:2px; height:100%; background-color:#ddd; right:0; top:0;}
            .steprow .row::after{width:100%; height:2px; background-color:#ddd; bottom:0;}
            .steprow .row.start{padding-left:50px;}
            .steprow .row.end{padding-right:50px;}
            .steprow .row .psnum{content:""; position:absolute; width:40px; height:40px; top:-10px; background-color:#b00000; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:50%; z-index:10; font-size:20px; font-weight:600;}
            .steprow .row.start .psnum{left:-20px;}
            .steprow .row.end .psnum{right:-20px;}
            .flyertopbanner::after{content:""; position:absolute; bottom:0; left:0; width:100%; background:url(../images/vbnpage/design/flyertop.png) no-repeat center center; height:100%;}
            .flyertopbanner{position:relative; min-height:500px;}
            .flyertopbanner .container{position:relative; z-index:10;}
            .bg-darkblue{background-color:#0c2335;}
            .packtopsec{background-color: #383c5f; background-image:url(../images/vbnpage/design/packgtopbg.jpg); background-repeat: no-repeat; background-position: center center; width: 100%; min-height:700px; position: relative;}
            .sqcurveptrn {position:relative; padding-bottom:150px;}
            .sqcurveptrn::after{content:""; position:absolute; bottom:0; width:100%; height:160px; left:0; background-color:#e1e2f7; clip-path:polygon(0% 50%, 100% 0%, 100% 100%, 0% 100%);}
            .stickertopsec{background-color: #060a66; background-image:url(../images/vbnpage/design/stickertopbg.jpg); background-repeat: no-repeat; background-position: center top; width: 100%; min-height:550px; position: relative;}
            .uiuxtopsec{background-image:url(../images/vbnpage/design/uiuxtopbg.png); background-repeat: no-repeat; background-position: center top; width: 100%; min-height: 1110px; position: relative;}
            .cdhlite{position:relative; display:inline-block; vertical-align:top; background:#343783; padding:0 16px 16px; border:dashed 2px #fff;}
            .cdhlite span{display:block;}
            .cdhlite::before, .cdhlite::after{position:absolute; content:""; width:13px; height:13px; background-color:#fff; top:-8px;}
            .cdhlite span::before, .cdhlite span::after{position:absolute; content:""; width:13px; height:13px; background-color:#fff; bottom:-6px;}
            .cdhlite::before, .cdhlite span::before{left:-7px;}
            .cdhlite::after, .cdhlite span::after{right:-8px;}
            .designworksec .vlwbox{border-radius:20px; text-align:center; padding:30px 10px; font-size:1.3rem; font-weight:600; border:solid 2px #ddd; transition:all 0.4s ease;}
            .designworksec .vlwbox:hover, .designworksec .vlwbox.active{border:solid 2px #010564; box-shadow:0px 37px 90px rgba(141,104,213,0.33);}
            .dsprite{background:url(../images/vbnpage/design/uixusprite.png) no-repeat;}
            .designworksec .vlwbox .dsprite{width:44px; height:44px; display:inline-block; vertical-align:middle; margin-right:5px;}
            .designworksec .vlwbox .dsicon{background-position:-230px 0px;}
            .designworksec .vlwbox .uscicon{background-position:-288px 0px;}
            .designworksec .vlwbox .uxinfra{background-position:-230px -56px;}
            .designworksec .vlwbox .mawicon{background-position:-286px -50px;}
            .designworksec .vlwbox .csofticon{background-position:-347px 0px;}
            .achivesec .achv1{width:210px; height:110px; display:inline-block; vertical-align:top; background-position:0px 0px;}
            .achivesec{position:relative; clip-path:polygon(0% 0%, 100% 10%, 100% 100%, 0% 100%); padding:170px 0 50px;}
            .dshelpout{position:relative;}
            .dshelpout::after{position:absolute; background:url(../images/vbnpage/design/uiuxfindoutbg.jpg) no-repeat; width:100%; height:100%; background-size:cover; content:""; right:0; bottom:0; z-index:0;}
            .dshelpout .container{position:relative; z-index:10;}
            .dwhus{position:relative; padding-left:50px;}
            .dwhus::before{position:absolute; content:""; background:url(../images/vbnpage/design/uixusprite.png) no-repeat -353px -62px; width:30px; height:30px; display:inline-block; vertical-align:top; left:0; top:0;}
            .dsrvcsec .circlebox{width:800px; height:800px; border:solid 10px #f5f4ff; background-color:#fff; border-radius:50%; box-shadow:0px 48px 250px rgba(25,38,196,0.10); margin:0 auto; position:relative;}
            .circlebox .circleimg{padding:60px;}
            .dsproces .dspcs{position:absolute; top:0; left:0; font-size:1.3rem; font-weight:500;}
            .uxproces .dspcs.dspcs1{top:230px; left:-100px;}
            .uxproces .dspcs.dspcs2{top:80px; left:-130px;}
            .uxproces .dspcs.dspcs3{top:-80px; left:0px; right:0; margin:0 auto; text-align:center;}
            .uxproces .dspcs.dspcs4{top:80px; left:auto; right:-100px;}
            .uxproces .dspcs.dspcs5{top:230px; left:auto; right:-90px;}
            .formsamplebtn{width:100%;}
            .dsproces .dspcs .count{width:70px; height:70px; background-color:#fff; border:solid 10px #f5f4ff; border-radius:50%; display:flex; align-items:center; justify-content:center; position:absolute; top:-15px; display:none;}
            .row.dspsrow{padding-top:70px;}
            .uxproces .dspcs.dspcs1 .count{right:-90px;}
            .uxproces .dspcs.dspcs2 .count{right:-100px;}
            .uxproces .dspcs.dspcs3 .count{top:40px; right:0px; left:0; margin:0 auto;}
            .uxproces .dspcs.dspcs4 .count{left:-90px;}
            .uxproces .dspcs.dspcs5 .count{left:-85px;}
            .dsproces.uiproces .dspcs{top:auto;}
            .uiproces .dspcs.dspcs1{bottom:230px; left:-100px;}
            .uiproces .dspcs.dspcs2{bottom:50px; left:-100px;}
            .uiproces .dspcs.dspcs3{bottom:-80px; left:0px; right:0; text-align:center;}
            .uiproces .dspcs.dspcs4{bottom:50px; left:auto; right:-50px;}
            .uiproces .dspcs.dspcs5{bottom:230px; left:auto; right:-80px;}
            .uiproces .dspcs.dspcs1 .count{right:-100px;}
            .uiproces .dspcs.dspcs2 .count{right:-110px;}
            .uiproces .dspcs.dspcs3 .count{right:0; left:0; margin:0 auto; top:auto; bottom:40px;}
            .uiproces .dspcs.dspcs4 .count{left:-80px;}
            .uiproces .dspcs.dspcs5 .count{left:-80px;}
            .lightboxcards .project amp-img, .lightboxcards .prtflio amp-img{cursor:pointer;}
            .vlblgpopup .img-hover amp-img{cursor:pointer;}
            .vlblightboxpopup{display:none;}
            #amp-lightbox-gallery .i-amphtml-lbg{z-index:99999999999;}
            .achivesec .bg-white {
                min-height: 390px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .masonry {
                -webkit-column-count: 0;
                column-count: 0;
                -webkit-column-gap: 0;
                column-gap: 0;
                counter-reset: brick-counter;
            }
            .masonry .thumbnail{padding:10px;}
            @media (min-width: 576px){
                .masonry {
                    -webkit-column-count: 2;
                    column-count: 2;
                }
            }
            @media (min-width: 768px){
                .masonry {
                    -webkit-column-count: 3;
                    column-count: 3;
                }
                .masonry.allpdfbrochure {
                    -webkit-column-count: 2;
                    column-count: 2;
                }
            }
            @media (min-width: 992px){
                .masonry {
                    -webkit-column-count: 4;
                    column-count: 4;
                }
                .masonry.allpdfbrochure {
                    -webkit-column-count: 2;
                    column-count: 2;
                }
            }
            @media (min-width: 1200px){
                .masonry {
                    -webkit-column-count: 5;
                    column-count: 5;
                }
                .masonry.allpdfbrochure {
                    -webkit-column-count: 3;
                    column-count: 3;
                }
            }
            .tabs-with-selector {
                display: flex;
                width:100%;
                vertical-align:top;
                white-space:nowrap;
                overflow-x:auto;
                margin:0 0 30px;
                padding:0;
                border-bottom:solid 1px #b00000;
                -webkit-overflow-scrolling: touch;
            }
            .tabs-with-selector::-webkit-scrollbar {display:none;}
            .tabs-with-selector li{list-style:none; border-right:solid 1px #b00000;}
            .tabs-with-selector li:last-child{border-right:none;}
            .tabs-with-selector li a{
                width: auto;
                padding:8px 16px;
                margin:0;
                border-radius:0px;
                text-align: center;
                font-weight:500;
                display:block;
                background-color:#fff;
                border-bottom:solid 2px transparent;
            }
            .tabs-with-selector li a.active,.tabs-with-selector li a.active:hover, .tabs-with-selector li a:hover{
                border-bottom:solid 2px #b00000;
                color:#222;
            }

            .amptabs{width:100%;}
            .amptabs .img-hover amp-img{cursor:pointer;}
            .amptabs .img-hover{height:100%;}
            .bigstar{background:url(../images/vbnpage/bigstar.png) no-repeat; width:141px; height:27px; margin:0 auto 8px;}
            .dctag{text-align:center; line-height:1; font-size:33px;}
            .dctag span.big{font-size:68px;}
            .ubmtag span.big{font-size:50px; font-weight: 600;}
            .ubmtag span.midfont{font-size:25px;}
            .ubmtag span.mtrl{font-size:25px; display:inline-block; padding-left:64px; margin-top:10px;}
            .ubmtag{font-size:50px; font-weight: 400 !important; line-height: 56px;}
            .vbproof {display: flex; width:100%; justify-content: center; margin-top:1.3rem;}
            .sgmsg{font-size:18px; font-style:italic; color:#000; font-weight:500; margin-bottom:15px;}
            #happyclient.owl-carousel .owl-item img{width:auto; display:inline;}
            .qute-form .form-group .form-text, #popUpForm .form-group .form-text {position: absolute; bottom: 3px; right: 20px; font-size:13px;}
            .pkgpf.vlblgpopup .bggray{height:100%;}
            .pkgpf.vlblgpopup .bggray .emp-image-link{height:100%;}
            .pkgpf.vlblgpopup .bggray .emp-image-link img{object-fit:cover; object-position:center; height:100%; width:100%;}

            .uslogopage{position:relative; background-image:url(../images/vbnpage/contylogopage/headerbg.jpg); background-repeat:no-repeat; background-position:center center; width:100%;}
            .bglightgray{background-color:#fbfbfb;}
            .vbctab .vbtabx{display:flex; width:100%; align-items:center; justify-content:center; border:solid 2px #9e9ea2; border-radius:10px; height:100%; padding:15px; background-color:#fff; transition:all0.4s ease;}
            .vbctab .vbtabx.hover:hover{background-color:#010564; border:solid 2px #010564;}
            .vbctab .vbtabx.hover:hover img{filter: brightness(0) invert(1);}
            .vbctab li .nav-link{font-weight:500;}
            .vbldpimg{position:relative; display:inline-block; vertical-align:top;}
            .vbldpimg img{position:relative; z-index:10;}
            .vbldpstep{width:60px; height:60px; background-color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:1.6rem; font-weight:800; position:absolute; right:15px; top:-30px; border:solid 1px #ddd; box-shadow: 0 10px 10px rgba(36, 33, 181, 0.16); z-index:20;}
            .vbldpimg::before{content:""; background:url(../images/vbnpage/contylogopage/worldbg.png) no-repeat; background-size:contain; width:300px; height:200px; position:absolute; top:-70px; left:-110px; }
            .vbldprow{position:relative; padding-top:30px;}
            .vbldprow:before{content:""; background:url(../images/vbnpage/contylogopage/processline.png) no-repeat; background-size:contain; width:900px; height:800px; position:absolute; top:270px; left:0; right:0; margin:0 auto;}
            .vbldprow .row{position:relative; z-index:10;}
            .vbldprocess{position:relative;}
            .vbldprocess::after{content:""; width:100%; height:100px; background-color:#f6f5f4; clip-path:polygon(0% 50%, 100% 50%, 50% 100%, 0% 50%); bottom:-50px; left:0; position:absolute;}
            body.fancybox-active .mobile-nav-toggle{display:none;}
            .owl-carousel.owlstartup .owl-item{text-align:center; padding:10px; display:flex; align-items:center; justify-content:center; min-height:90px; border:solid 1px #ddd;}
            @media screen and (max-width:1399px){
                .row.ldprow::after{top:38px;}
                .vbnclientreviwtop{min-height:650px; padding:5rem 0;}
                .ubmtag{font-size:28px;line-height: 30px}
                .ubmtag span.big{font-size:40px;}
                .ubmtag span.midfont{font-size:20px;}
                .ubmtag span.mtrl{font-size:20px;}
                .dctag{font-size:28px;}
                .dctag span.big{font-size:53px;}
            }
            @media screen and (max-width:1199px){
                .inqreq{margin-top:2rem;}
                .inqreq .btn{width:100%; border-radius:0; background-color:#b00000;}
                .headernav .logo{position:relative; top:5px;}
                .vl-startup::before{display:none;}
                .mobile-nav-toggle{display:flex;}
                .stepnumber{top:30px;}
                .headernav{padding:15px 0;}
                .uiuxtopsec{background-image:none; background-color:#010564; min-height:inherit;}
                .dsrvcsec .circlebox .dsproces{display:flex; width:100%; flex-wrap:wrap; justify-content:center;}
                .dsproces .dspcs{width:200px; white-space:normal; padding:0 15px; text-align:center; margin:0 auto;}
                .dsproces .dspcs .count{position:static; margin:0 auto;}
                .vlbpflink li a{padding:6px 8px;}
                .vlbmobhdr{display:flex; justify-content:space-between;}
                .vlbmobhdr .mobinqreq{margin-right:60px;}
                .mreq{padding:0 15px;}
                .ubmtag span.mtrl{display:inline; padding-left:0;}
                .vbnctpage::before{display:none;}
                .vbnctpage{min-height:inherit; padding-bottom:3rem; background-color:#130057;}
                .vlclient .slidecontainer .height100{text-align:center;}
                .footerbottom{padding-bottom:100px;}
                .vbldprow:before{display:none;}
                .vbldprocess::after{display:none;}
            }
            @media screen and (max-width:991px){
                .uniquebrand::after{display:none;}
                .stepnumber{position:static;}
                .vlbsrvbx.bg-white{background:transparent; box-shadow:none; border:none;}
                .vlbtwpftop{background-image:none; background-color:#8bd2ff; min-height:inherit;}
                .bgbxadd::before{width:90%; right:0; left:0; margin:0 auto;}
                .bgbxpanel{text-align:center;}
                .brchrtopbanner::after{display:none;}
                .brchrtopbanner{min-height:inherit;}
                .flyertopbanner::after{display:none;}
                .dsrvcsec .circlebox{width:550px; height:550px;}
                .dsrvcsec .circlebox .stimg{width:200px; margin:20px auto;}
                .dsproces .dspcs .count{display:none;}
                .row.dspsrow{padding:50px 0;}
                .achivesec{clip-path:inherit!important; padding:50px 0;}
                .achivesec .bg-white{min-height:240px;}
                .dctag span.big{font-size:30px;}
                .dctag{font-size:20px;}
                .ubmtag span.big{font-size:26px;}
                .ubmtag{font-size:20px;line-height: 24px}
                .vbproof{display:block;}
                .vbproof .vbprfimg{text-align:center;}
                .vbproof.logovbproof{display:flex;}
                .footermenu li {line-height: normal;  margin: 5px 0;}
            }

            @media screen and (max-width:767px){
                .footernav{line-height:normal;}
                .footermenu {justify-content: center; margin-top: 1rem;}
                .vlnosbx{text-align:center;}
                .vlnosbx .sepborder{margin-left:auto; margin-right:auto;}
                .page-banner{min-height:inherit;}
                .page-banner::after{display:none;}
                .logo-design-process .container::after{display:none;}
                .ldprow .col-md-6 {padding: 0 15px; text-align:center;}
                .ldprow .vbnimg {margin-bottom:1rem;}
                .row.ldprow{padding-top:50px;}
                .row.ldprow::after{top:-15px;}
                .row.ldprow::before{content:""; position:absolute; height:2px; width:100%; top:5px; background-color:#b00000;}
                .logo-design-process .container{padding-bottom:0;}
                .vlbfilterpf .project{width:50%; padding:0 5px;}
                .vlbfilterpf .project{margin-bottom:15px;}
                .mpt-7 {padding-top: 2rem;}
                .vbncnum{margin-top:2rem;}
                .vbncnum .fs-5{font-size:1rem;}
                .vbncnum .icon{width:40px; height:40px; line-height:40px; margin-right:5px;}
                .vbnclientreviwtop{background-image:none; background-color:#030a5a; min-height:inherit; padding:2rem 0;}
                .vlbgrvwbx{height:auto;}
                .vlbstpimg::before{display:none;}
                .vlbnaboutop::before{background-image:none; background-color:#030a5a; min-height:350px;}
                .vlbnaboutop{padding:50px 0 0;}
                .nav.w25 li{width:100%; border-bottom:1px solid #dee2e6;}
                .nav.w25 li:last-child{border-bottom:none;}
                .nav.w25 li.border-end{border-right:none;}
                .vlbnaboutop .abtimeline::before,.row.tlrow .vlbtmlicon::before, .row.tlrow .vlbtmlicon::after{display:none;}
                .vlbnaboutop .abtimeline{padding-top:70px; padding-bottom:0;}
                .abtimeline .vlbtmlicon .icon{margin:0 auto;}
                .row.tlrow .vlbtmlcontent{padding:15px; text-align:center; margin-top:1.5rem;}
                .flex-row-reverse.tlrow .vlbtmlicon{display:block;}
                .row.flex-row-reverse.tlrow .vlbtmlcontent{text-align:center; padding:15px;}
                .row.tlrow{padding:15px 0;}
                .abclient-list{margin-top:1rem;}
                .slidecontainer{padding:130px 5px 0;}
                .mpt-2{padding-top:2rem;}
                .vlbsrvbx {text-align:center;}
                .addesigntop::after{display:none;}
                .steprow .row::before, .steprow .row::after{display:none;}
                .steprow .row.start .psnum, .steprow .row.end .psnum{right:auto; left:50%; margin-left:-20px; top:0;}
                .steprow .row.start{padding-left:0;}
                .steprow .row.end{padding-right:0;}
                .steprow .sepborder{margin:0 auto 20px;}
                .steprow .row{padding-top:50px;}
                .packtopsec{background-image:none; min-height:inherit;}
                .sqcurveptrn::after{display:none;}
                .sqcurveptrn{padding-bottom:50px;}
                .stickertopsec{background-image:none;}
                .dsrvcsec .circlebox{width:100%; height:auto; border-radius:0; box-shadow:none; border:none;}
                .circlebox .circleimg{padding:0;}
                .dsproces .dspcs{width:100%; position:relative; padding-top:80px; margin-bottom:20px!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important;}
                .row.dspsrow{padding:0;}
                .dsproces .dspcs .count{display:flex; margin:0 auto!important; position:absolute; left:0!important; right:0!important; top:0!important; bottom:0!important;}
                .uiuxtopsec .btn{margin-bottom:30px;}
                .dshelpout::after{display:none;}
                .achivesec .bg-white {min-height: inherit;}
                amp-sidebar[side][i-amphtml-sidebar-opened].mobile-nav{
                    left: 0;
                    width:80%;
                    max-width:100%;
                }
                .vlbmobhdr .mobinqreq{display:none;}
                .vbproof.logovbproof{display:block;}
            }


/*--------     cp    -----------------*/

/*------  main tab close popup  -----*/

#ddexitpopwrapper {display: flex;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;pointer-events: none;align-items: center;justify-content: center;}
#ddexitpopwrapper .veil{display: flex;left: 0;top: 0;width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,.7);z-index: 1;display: none;cursor: default;}
.ddexitpop {z-index: 2;border-radius: 5px;-webkit-animation-duration: .5s;animation-duration: .5s;visibility: hidden;max-width: 650px;top: 50%;height: 300px;width: 650px;left: 50%;padding: 50px;background: url("../images/popup-bg.png");background-size: 100% 100%;}
/*#ddexitpopwrapper.open{pointer-events: auto; overflow: hidden;}
#ddexitpopwrapper.open .veil{ display: block;}
#ddexitpopwrapper.open .ddexitpop{ visibility: visible;}*/
.luckysec.wform, .openform .luckysec{display: none;}
.openform .luckysec.wform{display: block;}
.pop-discription h2 {font-size: 36px;font-weight: 600;}
.pop-discription p {font-size: 18px;font-weight: 600;}
.pop-discription button {margin-top: 20px;}
.tab_hover_close {position: absolute;right: -50px;top: -60px;margin: 0;background: #0f1768;color: #fff;width: 19px;height: 26px;border-radius: 50%;font-size: 40px;display: flex;align-items: center;justify-content: center;z-index: 999999;opacity: 1;padding-top: 3px;transform: rotate(45deg);border: 4px solid #444;font-weight: 500;line-height: 0;}
/*------  main tab close popup end  -----*/


/*------  on page load popup  -----*/
.backgroundOverlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;margin: 0;padding: 0;background: #000000;opacity: .85;filter: alpha(opacity=85);-moz-opacity: .85;z-index: 999;display: none;}

.delayedPopupWindow {display: none;position: fixed;width: 650px;height: 300px;max-width: 650px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;border-radius: 5px;-webkit-animation-duration: .5s;animation-duration: .5s;padding: 50px;background: url("../images/offer_popup_banner.png");background-size: 100% 100%;}
#delayedPopup .btn.usecouponBtn{background: url("../images/offer_pop_button.png");background-size: 100% 100%;font-size: 18px;border: 0px;margin-top: 20px;position: relative;padding-right: 70px;color: #000;}
#delayedPopup .btn.usecouponBtn:focus {box-shadow: none;}
#delayedPopup .btn.usecouponBtn::after{content: "";display: inline-block;height: 40px;width: 40px;background: url("../images/double-arrow-right-icon.png") no-repeat;position: absolute;right: 20px;top: 22px;background-size: cover;}
.delay-popup-close,.portfolio-popup-close{position: absolute;right: -50px;top: -60px;margin: 0;background: #0f1768;color: #fff;width: 45px;height: 45px;border-radius: 50%;font-size: 40px;display: flex;align-items: center;justify-content: center;z-index: 999999;opacity: 1;padding-top: 3px;transform: rotate(45deg);border: 4px solid #444;font-weight: 500;line-height: 0;padding: 0px 0px 6px 0px;}
#delayedPopup .btn.usecouponBtn strong {font-size: 24px;display: block;}
#delayedPopup .btn.usecouponBtn:hover {color: #000;}

#portfoliopopup.delayedPopupWindow{background: url("../images/scroll-pop-bg.png");padding: 100px 50px 0px;background-size: 100% 100%;}
#portfoliopopup.delayedPopupWindow img {position: absolute;top: 0;left: 50%;transform: translate(-50%, -180px);width: 200px;}
.portfolio-popup-close{top: -120px;}

/*------  on page load popup end  -----*/

@media screen and (max-width: 767px){
.ddexitpop{max-width: 300px;height: auto;width: 100%;padding: 20px;}
.delayedPopupWindow,#portfoliopopup.delayedPopupWindow{height: auto;width: 100%;max-width: 300px;padding: 20px;background-size: cover;}
#portfoliopopup.delayedPopupWindow img{display: none;}
.pop-discription {text-align: center;}
#tab_hover_popup .pop-discription h2 {font-size: 24px;margin-top: 15px;margin-bottom: 0;}
#tab_hover_popup .pop-discription button {margin-top: 10px;font-size: 12px;}
.tab_hover_close {right: -30px;top: -40px;}
.delay-popup-close, .portfolio-popup-close {top: -40px;right: -20px;}
}





/*custom*/

.sitenav .hmenu li a:hover, .sitenav .hmenu li.drop-down:hover > a, body.wh-header .sitenav .hmenu li a:hover, .sitenav .hmenu li.drop-down .sub-menu li a:hover{color: #fff;}

.feedimg {
    box-shadow: 0px 0px 6px 3px #ddd;
    position: relative;
}
.feedimg .feed-in{
    position: relative;
}
.feedimg .feed-in::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #b00000;
    opacity: 0;
    transition: .2s linear;
}
.feedimg .feed-in:hover::after{
    opacity: .5;
}
.view-more-text{
    display: none;
}