@font-face {
        font-family: myFirstFont;
        src: url(../../fonts/montserrat-extrabold-webfont.woff)
    }

    @font-face {
        font-family: myFirstFont2;
        src: url(../../fonts/montserrat-regular-webfont.woff)
    }

    @font-face {
        font-family: myFirstFont3;
        src: url(../../fonts/montserrat-bold-webfont.woff)
    }

    @font-face {
        font-family: myFirstFont4;
        src: url(../../fonts/montserrat-medium-webfont.woff)
    }

    body {
        font-family: myFirstFont3 !important
    }

    p {
        font-family: myfirstfont4 !important
    }

    h4,
    h3,
    h2 {
        font-family: myfirstfont3 !important
    }

    a:focus,
    .btn.focus,
    .btn:focus,
    input:focus {
        outline: none;
        box-shadow: none !important
    }

    #jqcheck {
        background: #fff9d7;
        text-align: center;
        color: #333;
        padding: 10px 0px;
        font-size: 13px;
        font-weight: bold;
        position: fixed;
        z-index: 9991;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif
    }

    * {
        margin: 0px;
        padding: 0px
    }

     ::-moz-selection {
        background: var(--primary-color);
        color: var(--theme-white);
        text-shadow: none
    }

     ::selection {
        background: var(--primary-color);
        color: var(--theme-white);
        text-shadow: none
    }

     ::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

     ::-webkit-scrollbar-button:start:decrement,
     ::-webkit-scrollbar-button:end:increment {
        display: none
    }

     ::-webkit-scrollbar-track-piece {
        background-color: #ecedf1;
        border-radius: 0px;
        border-left: 1px solid #888
    }

     ::-webkit-scrollbar-thumb:vertical {
        border-radius: 0px;
        background: var(--primary-color)
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select {
            -webkit-appearance: none !important;
            line-height: 28px !important
        }
    }

    body {
        font-size: var(--base-font-size);
        position: relative
    }

    a:focus {
        outline: none
    }

    .ff-primary {
        font-family: var(--primary-font-family)
    }

    .ff-secondary {
        font-family: var(--secondary-font-family)
    }

    .fc-primary {
        color: var(--primary-color)
    }

    .fc-secondary {
        color: var(--secondary-color)
    }

    .fc-dark {
        color: var(--theme-dark)
    }

    .fc-lite {
        color: var(--theme-lite)
    }

    .primary-btn,
    .secondary-btn {
        font-size: 13px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 8px 15px;
        position: relative;
        display: table;
        border-radius: 3px
    }

    .primary-btn:after,
    .secondary-btn:after {
        content: "e957";
        font-family: 'icomoon' !important;
        font-size: 13px;
        color: white;
        padding-left: 10px;
        display: table-cell;
        vertical-align: middle
    }

    .primary-btn {
        background: var(--primary-color);
        color: white
    }

    .primary-btn:hover {
        background: var(--primary-color-dark);
        color: white
    }

    .secondary-btn {
        background: var(--secondary-color);
        color: white
    }

    .secondary-btn:hover {
        background: var(--secondary-color-dark);
        color: white
    }

    .banner-btn {
        text-transform: capitalize;
        display: inline-block;
        transform: translateY(0rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #fff !important;
        background-color: transparent;
        padding: 20px 40px;
        font-size: 18px;
        font-weight: 600;
        border-radius: 5px;
        border: 1px solid #fff !important
    }

    .sec-padding-60 {
        padding: 60px 0
    }

    .sec-padding-100 {
        padding: 100px 0
    }

    .sm-btn {
        font-size: 14px
    }

    .md-btn {
        font-size: 16px
    }

    .lg-btn {
        font-size: 18px
    }

    .xl-btn {
        font-size: 20px
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    p {
        margin: 0;
        padding: 0
    }

    h1,
    .h1,
    h2,
    .h2 {
        font-family: var(--heading-font-family)
    }

    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-family: var(--heading-font-family);
        padding-bottom: 10px;
        color: #160c28
    }

    h2,
    .h2 {
        font-size: 6.7vmin
    }

    h3,
    .h3 {
        font-size: var(--font-size-h3);
        font-weight: 600
    }

    h4,
    .h4 {
        font-size: var(--font-size-h4)
    }

    h5,
    .h5 {
        font-size: var(--font-size-h5)
    }

    h6,
    .h6 {
        font-size: var(--font-size-h6)
    }

    p {
        font-family: var(--primary-font-family);
        font-weight: 400;
        line-height: 1.4;
        padding: 0 0 0px;
        margin: 0px;
        color: #160c28;
        font-size: 16px
    }

    .sec-padding-100 {
        padding: 100px 0
    }

    .sec-padding-90 {
        padding: 90px 0
    }

    .sec-padding-80 {
        padding: 80px 0
    }

    .sec-padding-70 {
        padding: 70px 0
    }

    .sec-padding-60 {
        padding: 60px 0
    }

    .sec-padding-xlarge {
        padding: 50px 0
    }

    .sec-padding-large {
        padding: 40px 0
    }

    .sec-padding-medium {
        padding: 30px 0
    }

    .sec-padding-small {
        padding: 25px 0
    }

    .sec-padding-xsmall {
        padding: 10px 0
    }

    .sec-margin-100 {
        margin: 100px 0
    }

    .sec-margin-90 {
        margin: 90px 0
    }

    .sec-margin-80 {
        margin: 80px 0
    }

    .sec-margin-70 {
        margin: 70px 0
    }

    .sec-margin-60 {
        margin: 60px 0
    }

    .sec-margin-xlarge {
        margin: 50px 0
    }

    .sec-margin-large {
        margin: 40px 0
    }

    .sec-margin-medium {
        margin: 30px 0
    }

    .sec-margin-small {
        margin: 25px 0
    }

    .sec-margin-xsmall {
        margin: 10px 0
    }

    .p-0 {
        padding: 0
    }

    .pt-0 {
        padding-top: 0px
    }

    .pb-0 {
        padding-bottom: 0px
    }

    .pl-0 {
        padding-left: 0px
    }

    .pr-0 {
        padding-right: 0px
    }

    .m-0 {
        margin: 0
    }

    .mt-0 {
        margin-top: 0px
    }

    .mb-0 {
        margin-bottom: 0px
    }

    .ml-0 {
        margin-left: 0px
    }

    .mr-0 {
        margin-right: 0px
    }

    .tt-uppercase {
        text-transform: uppercase
    }

    .tt-capitalize {
        text-transform: capitalize
    }

    p strong {
        color: black
    }

    p span {
        color: black
    }

    a:hover {
        text-decoration: none
    }

    a:focus {
        outline: none;
        text-decoration: none
    }

    img {
        border: 0px;
        outline: none
    }

    ul,
    li {
        list-style-type: none
    }

    .relative {
        position: relative
    }

    .absolute {
        position: absolute
    }

    h2,
    .h2 {
        color: #000;
        line-height: 1.2;
        font-weight: 700;
        padding: 0 0 15px 0;
        position: relative;
        letter-spacing: -1px
    }

    h2 span,
    .h2 span {
        color: var(--primary-color)
    }

    a {
        text-decoration: none
    }

    .list-simple {
        list-style: none;
        margin: 0 0 15px 0;
        width: 100%;
        display: inline-block
    }

    .list-simple li {
        color: var(--default-color);
        padding: 0 0 10px 16px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        position: relative
    }

    .list-simple li:before {
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 13px;
        color: var(--secondary-color);
        content: "e93a";
        font-family: 'icomoon' !important
    }

    .moreFull {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        text-indent: -9999px
    }

    .transition {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .scale-with-transition {
        -webkit-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    .slick-dots {
        position: absolute;
        bottom: 75px !important;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }

    .slick-dots li {
        padding: 0 15px !important
    }

    .header-main {
        position: sticky;
        padding: 0 0 0 0;
        z-index: 99;
        width: 100%;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        top: 0;
        background: #fff;
        box-shadow: 0px -1px 19px -5px #000
    }

    .header-main.fixed {
        box-shadow: 0px 5px 20px #00000012;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: fixed;
        background: #fff
    }

    .header-main.fixed .main-menu>ul>li>a {
        text-transform: capitalize;
        color: #223235
    }

    .header-main.fixed .logo {
        width: 100%
    }

    .top-bar {
        position: fixed;
        background: #f5f8fa;
        padding: 0;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid #cbd6e2;
        z-index: 99
    }

    .top-info-list {
        float: right;
        margin: 25px 0
    }

    .top-info-list li {
        float: left;
        color: #171717;
        font-size: 14px;
        padding: 0 10px
    }

    .top-info-list li:first-child {
        padding-left: 0px
    }

    .top-info-list li:last-child {
        padding-right: 0px
    }

    .top-info-list li span {
        margin-right: 8px;
        color: #171717;
        font-size: 13px;
        line-height: 20px
    }

    .top-info-list li span.icon-phone2 {
        font-size: 15px;
        top: 1px;
        position: relative
    }

    .top-info-list li a {
        color: #171717
    }

    .top-info-list li a:hover {
        color: #223235
    }

    .nav-area-full {
        width: 100%;
        position: fixed;
        top: 0px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .logo {
        margin: 0;
        float: left;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .logo a {
        display: block
    }

    .top-area {
        display: inline-block;
        width: 100%
    }

    .main-menu>ul {
        margin: 0px;
        font-family: var(--heading-font-family)
    }

    .main-menu>ul>li {
        padding: 0px;
        float: left;
        position: relative
    }

    .main-menu>ul>li:last-child {
        padding-right: 0px
    }

    .main-menu>ul>li:before {
        position: absolute;
        width: 1px;
        height: 12px;
        background: #71787e;
        left: 0px;
        top: 30%
    }

    .main-menu>ul>li:first-child:before {
        display: none
    }

    .main-menu>ul>li>a {
        font-size: 18px;
        color: #282828;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        font-family: myfirstfont2;
        position: relative;
        padding: 5px 15px;
        text-decoration: none
    }

    .main-menu>ul>li>a:after {
        position: absolute;
        bottom: 50%;
        left: 0;
        right: 0;
        content: '';
        width: 100%;
        height: 2px;
        background: #fd8b72;
        transform: translateY(12px) rotateY(90deg);
        transition: .5s
    }

    .main-menu>ul>li:hover a:after {
        transform: translateY(15px) rotateY(00deg)
    }

    .main-menu>ul>li.book-call>a {
        border: 2px solid #fff;
        border-radius: 10px;
        padding: 11px 20px;
        margin: 0 20px 0 10px;
        color: #fff
    }

    .header-main .has-submenu.progmenu {
        font-size: 16px;
        color: #171717;
        font-weight: 400;
        margin: 0;
        padding: 3px 0 4px;
        font-family: var(--primary-font-family)
    }

    .main-menu>ul>li>a>i {
        font-size: 16px;
        padding-left: 3px
    }

    .main-menu>ul>li.head-no>a {
        border-radius: 5px;
        background: linear-gradient(45deg, #ffbe1d, #ffbe1d);
        border: 1px solid #ffbe1d;
        color: #540a68;
        transition: .5s;
        padding: 5px 60px;
        font-family: myfirstfont
    }

    .main-menu>ul>li.head-no>a:after {
        display: none
    }

    .main-menu>ul>li.head-no>a:hover {
        color: #282828;
        background: none;
        border: 1px solid #f4852f
    }

    .main-menu>ul>li.active>a,
    .main-menu>ul>li>a:hover,
    .main-menu>ul>li>a.active,
    .main-menu>ul>li>a:focus {
        color: #282828;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .cstn-column {
        display: inline-block;
        width: 100%;
        font-size: 0
    }

    .dropdown {
        width: 905px;
        position: absolute !important;
        top: -160%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        padding: 10px 120px;
        background-color: #fff;
        border: 1px solid #cbd6e2;
        border-radius: .1875rem;
        box-shadow: 0 1px 24px rgba(45, 62, 80, 0.12);
        z-index: 95;
        transition: .5s ease;
        transform: rotateX(90deg) translateX(-41%);
        text-align: left;
        background: #ffffffba url(../images/new/pattren.jpg) no-repeat;
        background-size: 100% 100%;
        animation: new1 10s infinite linear
    }

    .dropdown .row {
        background: #ffffffc9;
        border-radius: 7px;
        box-shadow: 6px 6px 10px -8px #aaa;
        padding: 7px;
        display: block !important
    }

    .dropdown li {
        list-style-type: none;
        padding: 10px 0 5px 5px;
        border-bottom: 1px solid #aaa
    }

    .dropdown a {
        padding: 0;
        color: #282828 !important;
        text-decoration: none;
        display: block;
        font-weight: 600;
        font-size: 15px;
        transition: .5s;
        font-family: myfirstfont2
    }

    .dropdown a:hover {
        text-shadow: 0 0 10px #aaa;
        color: #fc694a !important
    }

    .main-menu>ul>li:hover .dropdown {
        visibility: visible;
        opacity: 1;
        left: 0;
        top: 35px;
        transform: rotateX(0deg) translateX(-41%)
    }

    .main-menu>ul>li:hover .progmenu .dropdown {
        left: 0
    }

    .dropdown>ul {
        padding: 10px 0;
        list-style: none
    }

    .dropdown>ul>li:before {
        display: none
    }

    .dropdown>ul>li>a {
        color: #171717 !important;
        font-size: 13px;
        text-decoration: none;
        padding: 8px 10px 8px 15px;
        display: block;
        font-family: myfirstfont2;
        position: relative;
        overflow: hidden
    }

    .dropdown>ul>li>a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        height: 1px;
        transition: .5s;
        background: #f4852f
    }

    .dropdown>ul>li>a:hover:after {
        left: 0
    }

    .dropdown>ul>li>a:hover {
        color: black;
        background: none
    }

    .dropdown>ul>li>a:hover:before {
        display: none
    }

    .double-drop {
        width: 400px !important
    }

    .dropdown>ul>li>ul {
        display: none
    }

    .dropdown>ul>li.level2:hover>ul {
        display: block
    }

    .stickyheader {
        position: fixed;
        z-index: 9999;
        min-height: auto
    }

    .stickyheader .logo img {
        width: 80px
    }

    .stickyheader .logo {
        margin: 5px 0
    }

    .stickyheader .navbar-inverse {
        margin: 10px 0 0 0
    }

    .stickyheader .top-info-list ul {
        margin: 5px 0
    }

    .sticky-container {
        padding: 0px;
        margin: 0px;
        position: fixed;
        right: -155px;
        top: 180px;
        width: 200px;
        display: none;
        z-index: 999
    }

    .sticky li {
        border-radius: 5px;
        list-style-type: none;
        background-color: #333;
        color: #efefef;
        height: 45px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        cursor: pointer
    }

    .sticky li:hover {
        margin-left: -115px
    }

    .sticky li img {
        float: left;
        border-radius: 5px 0 0px 5px;
        margin: 0;
        margin-right: 10px
    }

    .sticky li p {
        padding: 0px;
        margin: 0px;
        text-transform: capitalize;
        line-height: 45px;
        color: white
    }

    .sticky li a {
        border-radius: 5px;
        color: white
    }

    .slider-wrapper {
        background: #11151b;
        width: 100%;
        position: relative;
        margin-top: 69px
    }

    .tsti-lgos {
        background: #fff;
        padding: 10px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .tsti-lgos ul {
        margin: 0
    }

    .home-banner {
        width: 100%;
        height: auto;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: table
    }

    .home-banner-content {
        position: relative;
        z-index: 9
    }

    .home-banner-content h1 {
        font-size: 40px;
        font-weight: 600;
        color: #fff;
        position: relative;
        line-height: 1.1;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: 65%;
        letter-spacing: -1px
    }

    .home-banner-content h1:after {
        position: absolute;
        width: 10px;
        height: 10px;
        background: #fff;
        right: 0px;
        bottom: -5px;
        border-radius: 200px
    }

    .home-banner-content h1 span {
        display: block;
        color: var(--primary-color)
    }

    .home-banner-content .subtitle {
        color: #fff;
        font-size: 24px;
        padding-top: 10px;
        line-height: 1.4
    }

    .home-banner-content a.home-banner-link {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 10px 20px;
        background: var(--primary-color);
        color: white;
        position: relative;
        display: table;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px
    }

    .home-banner-content a.home-banner-link:after {
        content: "e93a";
        font-family: 'icomoon' !important;
        font-size: 13px;
        color: white;
        padding-left: 10px;
        display: table-cell;
        vertical-align: middle
    }

    .home-banner-content a.home-banner-link:hover {
        background: var(--primary-color-dark)
    }

    .home-slider .slick-dots {
        position: absolute;
        bottom: 20px;
        right: 0px;
        left: 0px;
        display: block;
        padding: 0 15px;
        margin: 0 auto;
        border-radius: 3px;
        list-style: none;
        width: 1140px
    }

    .home-slider .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 0;
        cursor: pointer
    }

    .home-slider .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 12px;
        height: 12px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        outline: none;
        background: white;
        border: none;
        border-radius: 200px
    }

    .home-slider .slick-dots li.slick-active button {
        background: var(--primary-color);
        border: none
    }

    .home-slider .slick-prev,
    .home-slider .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        z-index: 100;
        display: block;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .home-slider .slick-prev {
        left: 15px
    }

    .home-slider .slick-next {
        right: 15px
    }

    .home-slider .slick-prev:before,
    .home-slider .slick-next:before {
        font-family: 'icomoon' !important;
        color: white;
        font-size: 50px;
        line-height: 1
    }

    .home-slider .slick-prev:before {
        content: 'e958'
    }

    .home-slider .slick-next:before {
        content: 'e957'
    }

    .home-slider .slick-prev:hover:before,
    .home-slider .slick-next:hover:before {
        color: var(--primary-color)
    }

    .slider-progress {
        width: 100%;
        height: 5px;
        background: transparent;
        position: absolute;
        left: 0px;
        bottom: 0px
    }

    .slider-progress .progress {
        width: 0%;
        height: 5px;
        background: var(--primary-color)
    }

    .ban-form input,
    .ban-form textarea {
        width: 100%;
        margin: 0 0 0 0;
        border: 1px solid #cbcbcb;
        background: white;
        padding: 10px 15px;
        color: #535353;
        font-size: 14px;
        border-radius: 10px;
        height: 50px;
        font-weight: 400;
        outline: none !important;
        margin: 0 0 15px 0
    }

    .ban-form textarea {
        height: 100px;
        margin: 15px 0 0 0;
        resize: none
    }

    .banner-form .intl-tel-input {
        width: 100%
    }

    .ban-form button.submitbtn {
        color: #fff;
        font-weight: 600;
        background: linear-gradient(45deg, #fe7982, #fca565);
        border-radius: 3px;
        padding: 10px 15px;
        margin: 20px 0 0;
        border: transparent;
        cursor: pointer;
        font-size: 16px;
        display: block;
width: 100%;
    }

.ban-form input[type="submit"] {
        color: #fff;
        font-weight: 600;
        background: linear-gradient(45deg, #fe7982, #fca565);
        border-radius: 3px;
        padding: 10px 15px;
        margin: 20px 0 0;
        border: transparent;
        cursor: pointer;
        font-size: 16px;
        display: block;
width: 100%;
    }
    
    .tophd-ind {
        background: white;
        padding: 40px 20px 40px 60px;
        max-width: 680px;
        font-size: 55px;
        font-weight: 700;
        line-height: 56px;
        left: 0px;
        top: 0;
        bottom: 0;
        height: 280px;
        z-index: 12
    }

    .boxesinfo {
        padding: 60px 0
    }

    .boxesinfo .wrp .listboxes {
        text-align: center;
        margin-bottom: 0;
        width: 100%;
        font-size: 0;
        display: flex
    }

    .boxesinfo .wrp .listboxes li {
        padding: 0 15px
    }

    .boxesinfo .wrp .listboxes li figure {
        margin-bottom: 0
    }

    .boxesinfo .wrp .listboxes li figure {
        background-image: url(../images/icon_sprite.html)
    }

    .boxesinfo .wrp .listboxes li .develp {
        width: 60px;
        height: 60px;
        background-position: -170px -90px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .wpres {
        width: 60px;
        height: 60px;
        background-position: -10px -90px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .ecom {
        width: 60px;
        height: 60px;
        background-position: -90px -170px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .appli {
        width: 60px;
        height: 60px;
        background-position: -90px -10px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .backen {
        width: 60px;
        height: 60px;
        background-position: -90px -90px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .mobappl {
        width: 60px;
        height: 60px;
        background-position: -170px -170px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .mainten {
        background-position: -250px -90px;
        width: 60px;
        height: 60px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .domin {
        width: 60px;
        height: 60px;
        background-position: -10px -170px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .brendng {
        width: 60px;
        height: 60px;
        background-position: -170px -10px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .animatn {
        width: 60px;
        height: 60px;
        background-position: -10px -10px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .seeo {
        width: 60px;
        height: 60px;
        background-position: -250px -10px;
        display: block;
        margin: 0 auto
    }

    .boxesinfo .wrp .listboxes li .textwrap h4 {
        font-size: 14px;
        font-family: var(--secondary-font-family);
        text-align: center;
        margin-top: 20px;
        line-height: 1.4;
        padding-bottom: 0;
        letter-spacing: 0.5px
    }

    .proofbox {
        background: #3d60a6;
        padding: 60px 0 60px
    }

    .proofbox h3 {
        color: #fff;
        font-size: 30px
    }

    .proofbox p {
        color: #fff;
        font-size: 18px
    }

    .portfolio_arch {
        overflow: hidden
    }

    .portfolio_arch .fixdwrap {
        width: 100%
    }

    .portfolio_arch .fixdwrap .portfoliogridlist {
        position: relative;
        width: 100%;
        display: inline-block;
        margin-bottom: 0;
        font-size: 0;
        padding: 0 25px
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li {
        width: 25%;
        display: inline-block;
        padding: 10px
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li a {
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        position: relative;
        display: inline-block
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
        top: 50%
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li a:after {
        opacity: 0;
        position: absolute;
        content: "f00e";
        font-family: 'Font Awesome 5 Free' !important;
        left: 50%;
        top: 60%;
        width: 48px;
        margin-left: -24px;
        margin-top: 0px;
        font-weight: 800;
        color: #fff;
        font-size: 48px;
        line-height: 48px;
        text-align: center;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        text-shadow: 0 0 10px rgba(0, 0, 0, .25)
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
        opacity: 1;
        position: absolute;
        content: "f00e";
        font-family: "Font Awesome 5 Free" !important;
        top: 48%;
        width: 48px;
        margin-left: -24px;
        margin-top: -24px;
        color: #fff;
        font-size: 48px;
        line-height: 48px;
        text-align: center;
        font-weight: 800;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        text-shadow: 0 0 10px rgba(0, 0, 0, .25)
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li:hover a:before {
        background: #f5803373;
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        display: inline-block;
        height: 100%
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li a figure {
        margin-bottom: 0
    }

    .portfolio_arch .fixdwrap .portfoliogridlist li a figure img {
        width: 100%
    }

    .x-factor-section {
        min-height: 460px;
        background: #fff url(../images/multiplier-1.html);
        background-repeat: no-repeat;
        background-position: 850px 58px;
        background-size: 38%;
        padding: 90px 0px
    }

    .x-factor-section h2 {
        font-size: 44px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 30px;
        padding: 0px
    }

    .x-factor-section h6 {
        color: #160c28;
        line-height: 1.25em;
        font-size: 12px;
        letter-spacing: 1.1;
        font-family: AvenirRoman, sans-serif
    }

    .x-factor-section p {
        font-size: 18px;
        text-align: left;
        padding-bottom: 40px;
        width: 80%
    }

    .x-factor-section .factorlink {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        padding: 13px 31px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        display: inline-block;
        margin-top: 36px;
        font-weight: 600
    }

    .x-factor-section .factorlink:hover {
        background: #fff;
        color: #000;
        border-radius: 2px
    }

    .x-factor-section.techmet {
        min-height: 626px;
        background: #fff url(../images/3services.html);
        background-repeat: no-repeat;
        background-position: center right -224px;
        background-size: 50%
    }

    .disrupt-section {
        padding: 90px 0px;
        position: relative;
        overflow: hidden
    }

    .disrupt-section .row-background,
    .disrupt-section .column-background {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        -webkit-border-radius: inherit;
        -webkit-background-clip: padding-box;
        -moz-border-radius: inherit;
        -moz-background-clip: padding;
        border-radius: inherit;
        background-clip: padding-box;
        -webkit-overflow-scrolling: touch
    }

    .disrupt-section .row-background .background-wrapper {
        height: calc(100% + 30vh);
        will-change: transform
    }

    .disrupt-section .background-inner {
        border-radius: inherit;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-attachment: scroll
    }

    .disrupt-section .background-wrapper {
        transform: translate3d(0px, -61.5px, 0px)
    }

    .disrupt-section .background-inner {
        background-image: url(../images/disruption-home2.html);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

    .disrupt-section h6 {
        font-size: 12px;
        margin: 0px;
        color: #fff;
        font-weight: 600;
        padding: 0px;
        font-family: AvenirRoman, sans-serif
    }

    .disrupt-section .home-download {
        font-size: 45px;
        margin-bottom: 50px;
        margin-top: 27px;
        color: #fff;
        line-height: 1.1em;
        padding: 0px
    }

    .disrupt-section .custom-link {
        background: #fa130d;
        ;
        border: 1px solid #fa130d;
        ;
        color: #fff;
        padding: 13px 31px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        font-weight: 600
    }

    .disrupt-section .custom-link:hover {
        background: transparent;
        color: #fa130d;
    }

    .cta-fold .custom-link.btn {
        padding: 14px 40px 14px 10px;
        margin-top: 25px;
        border: solid 1px #ff5349;
        color: #111;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        position: relative;
        width: 163px
    }

    .cta-fold .custom-link.btn:hover {
        border: solid 1px #ff5349;
        background: #ff5349;
        color: #fff;
        border-color: #ff5349
    }

    .cta-fold .custom-link.btn:before {
        position: absolute;
        content: 'e91f';
        font-family: icomoon;
        right: 20px
    }

    .companies-inf {
        padding: 150px 0px 75px 0px
    }

    .companies-inf h2 {
        text-align: center;
        padding-bottom: 100px
    }

    .companies-inf .logosimg {
        max-width: 100%
    }

    .cta-fold {
        padding: 130px 0px 0 0
    }

    .cta-fold h2 {
        color: #160c28;
        font-size: 12px;
        text-transform: capitalize
    }

    .cta-fold h2 strong {
        border-bottom: solid 2px #ff5349;
        padding-bottom: 7px;
        display: inline-block;
        margin-bottom: 25px
    }

    .cta-fold p {
        font-size: 14px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 20px;
        padding: 0px;
        font-weight: 700;
        font-family: var(--heading-font-family)
    }

    .tabs-custom-nav li a {
        color: black
    }

    .tabs-custom-nav li a.current {
        color: #0076FB
    }

    .tabs-custom .tab-content-panel {
        display: none;
        overflow: hidden;
        width: 100%
    }

    .tabs-custom .tab-content-panel.selected {
        display: block
    }

    .tab-custom-nav li a {
        color: black
    }

    .tab-custom-nav li a.current {
        color: #0076FB
    }

    .tab-custom .tab-content-panel {
        display: none;
        overflow: hidden;
        width: 100%
    }

    .tab-custom .tab-content-panel.selected {
        overflow: visible;
        display: inline-block;
        width: 100%
    }

    .tabs-main {
        display: inline-block;
        width: 100%;
        padding: 15px 0
    }

    .tabs-main ul.tabs-nav {
        padding: 0px;
        width: 100%;
        float: left;
        margin: 0 0 -1px 0
    }

    .tabs-main ul.tabs-nav li {
        list-style: none;
        float: left
    }

    .tabs-main ul.tabs-nav li a {
        background: #003a7b;
        border: 1px solid #BCC5cB;
        border-bottom: 0px;
        color: white;
        padding: 7px 15px;
        display: block;
        text-decoration: none
    }

    .tabs-main ul.tabs-nav li a.current {
        background: white;
        color: #003a7b
    }

    .tabs-main .tab-content-panel {
        background: white;
        padding: 15px 30px 25px 30px;
        border: 1px solid #BCC5cB;
        display: none;
        overflow: hidden;
        width: 100%
    }

    .faq-fold {
        padding: 60px 0
    }

    .faq-fold h2 {
        padding: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .accordion,
    .accordion * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .accordion {
        overflow: hidden;
        background: none;
        margin-top: 50px
    }

    .quest-title {
        font-size: 22px;
        font-weight: 700;
        color: #303133;
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        line-height: 1.4;
        display: inline-block;
        transition: all linear 0.15s;
        text-decoration: none;
        border-top: 1px solid #dbdbdb;
        padding: 20px 40px 20px 10px
    }

    .quest-title:before {
        position: absolute;
        content: "e955";
        width: 20px;
        height: 20px;
        right: 15px;
        top: 20px;
        font-family: 'icomoon' !important;
        color: #1e1e1e;
        font-size: 20px
    }

    .quest-title.active,
    .quest-title:hover {
        color: #fa130d;
        ;
        content: "e91c"
    }

    .quest-title.active {
        color: #fa130d;
        ;
        content: "e91c";
        border-bottom: 1px solid #dbdbdb
    }

    .quest-title:after {
        width: 60px;
        height: 1px;
        left: -60px;
        bottom: -1px;
        background: #dbdbdb;
        position: absolute;
        content: ""
    }

    .quest-title.active:before {
        content: "e956"
    }

    .quest-content {
        padding: 15px 40px 15px 0;
        display: none;
        margin-bottom: 0px;
        float: left;
        width: 100%
    }

    .quest-content p {
        line-height: 1.4;
        font-size: 18px;
        font-weight: 500;
        margin: 0px;
        color: #687087;
        padding: 0 0 20px 10px
    }

    .footer-top {
        padding: 260px 0 0
    }

    .footer-top h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 40px 0 20px;
        padding: 0px;
        position: relative
    }

    .footer-main p {
        color: #939598;
        font-size: 14px;
        padding-bottom: 8px;
        line-height: 1.5;
        font-family: myfirstfont2 !important;
    }

    .footer-main p {
        display: flex;
        gap: 8px;
        align-items: flex-start;
    }

    .address {
        font-size: 12px !important
    }

    .footerleft a {
        color: #676767;
        font-size: 15px;
        padding: 0 40px 0 0px;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-family: myfirstfont4
    }

    .address-main ul {
        width: 100%;
        display: inline-block;
        margin: 10px 0
    }

    .address-main ul li {
        display: inline-block;
        line-height: 28px;
        font-size: 14px;
        padding: 0 0 8px 18px;
        position: relative;
        color: #000
    }

    .address-main ul li a {
        color: #000
    }

    .address-main ul li a:hover {
        color: #c2c2c2
    }

    .address-main ul li span {
        position: absolute;
        left: 0;
        top: 5px;
        color: var(--primary-color);
        font-size: 15px
    }

    .ftr-social {
        text-align: left;
        display: table;
        margin: 0
    }

    .ftr-social li {
        float: left;
        margin: 0 15px 0 0;
        position: relative;
        text-align: center
    }

    .ftr-social li a {
        display: block;
        padding: 0;
        text-align: center
    }

    .ftr-social li a span {
        color: #cbd6e2;
        font-size: 14px;
        margin: 0
    }

    .ftr-social li a:hover span {
        color: #fff !important
    }

    .ftr-social li a:hover span.icon-facebook {
        color: #3b5998
    }

    .ftr-social li a:hover span.icon-twitter {
        color: #1da1f2
    }

    .ftr-social li a:hover span.icon-google-plus {
        color: #dd5044
    }

    .ftr-social li a:hover span.icon-linkedin {
        color: #007bb6
    }

    .ftr-social li a:hover span.icon-youtube-play {
        color: #c4302b
    }

    .ftr-social li a:hover span.icon-pinterest-p {
        color: #C92228
    }

    .ftr-social li a:hover span.icon-instagram {
        color: #fb3958
    }

    .ftr-social li a:hover span.icon-vimeo {
        color: #4EBBFF
    }

    .ftr-social li a:hover span.icon-medium {
        color: #347235
    }

    .ftr-social2 {
        display: inline-block;
        margin: 10px 0;
        width: 100%
    }

    .ftr-social2 li {
        float: left;
        margin: 0 10px 0 0;
        position: relative;
        text-align: center
    }

    .ftr-social2 li a {
        display: block;
        padding: 0;
        text-align: center
    }

    .ftr-social2 li a span {
        background: #3b5998;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        color: white;
        font-size: 15px;
        margin: 0;
        display: block
    }

    .ftr-social2 li a:hover span {
        color: white
    }

    .ftr-social2 li a span.icon-facebook {
        background: #3b5998
    }

    .ftr-social2 li a span.icon-twitter {
        background: #1da1f2
    }

    .ftr-social2 li a span.icon-google-plus {
        background: #dd5044
    }

    .ftr-social2 li a span.icon-linkedin {
        background: #007bb6
    }

    .ftr-social2 li a span.icon-youtube-play {
        background: #c4302b
    }

    .ftr-social3 {
        display: inline-block;
        margin: 10px 0;
        width: 100%
    }

    .ftr-social3 li {
        float: left;
        margin: 0 15px 0 0;
        position: relative;
        text-align: center
    }

    .ftr-social3 li a {
        display: block;
        padding: 0;
        text-align: center
    }

    .ftr-social3 li a span {
        color: white;
        font-size: 25px;
        margin: 0
    }

    .ftr-social3 li a:hover span {
        color: lightgray
    }

    .footer-nav {
        text-align: center;
        list-style-type: none;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        padding: 20px 0;
        margin: 20px 0
    }

    .footer-nav ul {
        margin: 0;
    }

    .footer-nav li {
        margin-right: 20px;
        position: relative;
        display: inline-block
    }

    .footer-nav li:before {
        position: absolute;
        font-family: 'icomoon' !important;
        left: 0px;
        top: 3px;
        font-size: 13px;
        color: var(--primary-color)
    }

    .footer-nav li a {
        font-size: 16px;
        font-weight: 400;
        color: #939598;
        padding: 0 40px 0 15px;
        text-decoration: none;
        font-family: myfirstfont3
    }

    .footer-nav li:not(:last-child) a {
        border-right: 2px solid #939598
    }

    .footer-nav li a:hover {
        color: #c2c2c2
    }

    .subscribe-main {
        margin: 30px 15px 10px;
        width: 100%;
        float: right;
        text-align: right;
        display: inline-block
    }

    .subscribe-main input[type='text'] {
        background: white;
        border: 0;
        border-radius: 5px 0 0 5px;
        color: #9d9d9d;
        padding: 10px;
        font-size: 14px;
        font-weight: 300;
        float: left;
        height: 30px;
        line-height: 30px;
        width: 65%
    }

    .subscribe-main input[type='submit'] {
        background: #20CB98;
        border: 0px;
        color: white;
        border-radius: 0px 5px 5px 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
        text-transform: capitalize;
        cursor: pointer;
        float: left;
        height: 30px;
        width: 35%
    }

    .subscribe-main input[type='submit']:hover {
        background: #23bb8f
    }

    .subscribe-main input::-webkit-input-placeholder {
        color: #9d9d9d;
        opacity: 1 !important
    }

    .subscribe-main input:-moz-placeholder {
        color: #9d9d9d
    }

    .subscribe-main input::-moz-placeholder {
        color: #9d9d9d
    }

    .subscribe-main input:-ms-input-placeholder {
        color: #9d9d9d
    }

    .footer-bottom {
        padding: 20px 0;
        /* text-align: center; */
        color: #a6a6a6;
        border-top: #fff 2px solid;
    }

    .footer-bottom p {
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    .footer-bottom .end {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-bottom ul {
        display: block;
        text-align: center;
        font-size: 9px;
        color: #919bd3;
        margin: 0
    }

    .footer-bottom ul li {
        display: inline-block;
        padding: 0 10px;
        font-size: 16px;
        color: #a6a6a6;
        vertical-align: middle;
        font-family: myfirstfont2 !important;
        text-transform: uppercase
    }

    .footer-bottom ul li a {
        display: block;
        font-size: 14px;
        color: #a6a6a6;
    }

    .footer-nav2 {
        list-style-type: none;
        ;
        margin: 10px 0 10px 0;
        float: right
    }

    .footer-nav2 li {
        float: left;
        padding: 0 12px;
        position: relative
    }

    .footer-nav2 li:first-child {
        padding-left: 0px
    }

    .footer-nav2 li:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 13px;
        background: white;
        left: 0px;
        top: 30%
    }

    .footer-nav2 li:first-child:before {
        display: none
    }

    .footer-nav2 li a {
        font-size: 13px;
        font-weight: 400;
        color: #cbd6e2
    }

    .footer-nav2 li a:hover {
        color: #fff
    }

    .copyright {
        padding: 10px 0 0px 0;
        margin: 0px;
        font-size: 12px;
        color: #cbd6e2
    }

    .copyright span {
        color: #cbd6e2
    }

    .disclaimer-area {
        background: black;
        padding: 10px 0
    }

    .disclaimer {
        font-size: 11px;
        font-weight: 400;
        color: white;
        line-height: 18px;
        margin: 0;
        padding: 10px 0
    }

    .disclaimer strong {
        color: var(--primary-color);
        font-weight: 500
    }

    #footer>.container>.row {
        padding: 60px 0
    }

    #footer>.container>.row~.row {
        padding: 0
    }

    footer .social-full {
        border-top: 1px solid rgba(0, 0, 0, .06);
        border-bottom: 1px solid rgba(0, 0, 0, .06)
    }

    ul.footer-level-nav li {
        display: inline-block
    }

    ul.footer-level-nav li a {
        padding: 0 16px 0 0px
    }

    @media only screen and (max-width: 1200px) {
        .home-slider .slick-dots {
            width: auto;
            text-align: center
        }
    }

    @media only screen and (max-width: 1024px) {
        .home-banner {
            background-position: center left
        }
        .testimonials-slider-main .slick-prev {
            left: 0px
        }
        .testimonials-slider-main .slick-next {
            right: 0px
        }
    }

    @media only screen and (max-width: 991px) {}

    @media only screen and (max-width: 767px) {
        .home-banner {
            height: 450px
        }
        .sec-padding-100 {
            padding: 50px 0
        }
        .sec-padding-90 {
            padding: 45px 0
        }
        .sec-padding-80 {
            padding: 40px 0
        }
        .sec-padding-70 {
            padding: 35px 0
        }
        .sec-padding-60 {
            padding: 30px 0
        }
        .sec-padding-xlarge {
            padding: 25px 0
        }
        .sec-padding-large {
            padding: 20px 0
        }
        .sec-padding-medium {
            padding: 15px 0
        }
        .sec-padding-small {
            padding: 15px 0
        }
        .sec-padding-xsmall {
            padding: 10px 0
        }
        .sec-margin-100 {
            margin: 50px 0
        }
        .sec-margin-90 {
            margin: 45px 0
        }
        .sec-margin-80 {
            margin: 40px 0
        }
        .sec-margin-70 {
            margin: 35px 0
        }
        .sec-margin-60 {
            margin: 30px 0
        }
        .sec-margin-xlarge {
            margin: 25px 0
        }
        .sec-margin-large {
            margin: 20px 0
        }
        .sec-margin-medium {
            margin: 15px 0
        }
        .sec-margin-small {
            margin: 15px 0
        }
        .sec-margin-xsmall {
            margin: 10px 0
        }
        .sliderxs {
            padding-bottom: 30px
        }
        .copyright {
            margin-top: 10px;
            text-align: left
        }
        .footer-nav2 {
            float: none;
            margin-top: 0
        }
        .disclaimer {
            text-align: center
        }
    }

    .xicon:before {
        color: #20cb98
    }

    .hvr-bob:hover {
        animation-name: bouncy;
        animation-duration: 3s;
        animation-iteration-count: infinite
    }

    .pkbtn {
        margin-top: -28px;
        text-align: center;
        clear: both
    }

    .btn-blue {
        color: #fff;
        background: #4a8cfc;
        padding: 14px 50px;
        font-size: 16px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        font-weight: 700;
        display: inline-block;
        border-radius: 30px;
        border: 1px solid #fff
    }

    .btn-blue:hover {
        transform: translateY(-3.925px);
        color: #fff
    }

    .btn-green {
        color: #fff;
        background: #20CB98;
        padding: 14px 50px;
        font-size: 16px;
        font-weight: 700;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        border-radius: 30px;
        border: 1px solid #fff
    }

    .btn-green:hover {
        transform: translateY(-3.925px);
        color: #fff
    }

    .list-scroll {
        height: 190px
    }

    .ticklist2.list-scroll {
        height: 146px
    }

    .cta-left {
        display: inline-block;
        width: 65%;
        vertical-align: middle
    }

    .cta {
        background: #f5f8fa;
        padding: 40px 0
    }

    .cta h3 {
        text-align: left;
        padding-bottom: 0;
        font-size: 30px;
        max-width: 65%;
        vertical-align: middle;
        font-weight: 500;
        display: inline-block
    }

    .cta p {
        padding: 0
    }

    .cta p a {
        color: #fa130d;
    }

    .cta h3 a {
        text-decoration: underline;
        color: #fa130d;
    }

    .cta2 {
        overflow: hidden;
        background: url(../images/cta-fold.html);
        padding: 60px 0;
        text-align: center;
        height: 325px;
        width: 100%;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center
    }

    .cta2 .wrap {
        position: relative;
        z-index: 2
    }

    .cta2 .wrap h6 {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        padding-bottom: 20px
    }

    .cta2 .wrap h3 {
        text-align: center;
        padding-bottom: 0;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 30px;
        color: #fff
    }

    .cta2 .wrap a {
        padding: 20px 40px;
        color: #fa130d;
        ;
        font-weight: 700;
        display: inline-block;
        font-size: 18px;
        border-radius: 5px;
        background: #fff;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .cta2 .wrap a:hover {
        transform: translateY(-0.625rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    @media (min-width: 1600px) {
        .inner-banner {
            height: 76vh
        }
        .nav-area-full .col-lg-10 {
            padding-left: 0px
        }
    }

    .btn-theme {
        transform: translateY(0rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #171717;
        background-color: #fff;
        padding: 20px 40px;
        border-radius: 3px;
        display: inline-block;
        margin-top: 20px;
        font-weight: 600;
        font-size: 18px;
        text-transform: capitalize
    }

    .btn-theme:hover {
        transform: translateY(-0.625rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #171717
    }

    .helpsec .cstn-column .imgplace {
        width: 50%;
        display: inline-block
    }

    .helpsec .cstn-column .txtwrap {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .helpsec .imgplace figure {
        margin-bottom: 0
    }

    .helpsec .imgplace figure img {
        width: 500px
    }

    .helpsec .txtwrap {
        padding-top: 40px
    }

    .helpsec .wayswrapper {
        width: 100%;
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.2)
    }

    .helpsec .wayswrapper ul {
        display: inline-block;
        margin-bottom: 0
    }

    .helpsec .wayswrapper ul li {
        float: left;
        width: 31%;
        padding-right: 10px;
        margin-right: 22px
    }

    .helpsec .wayswrapper ul li h3 {
        color: #fff;
        font-size: 20px;
        font-weight: 900
    }

    .helpsec .wayswrapper ul li h3 a {
        color: #fff;
        font-size: 20px;
        font-weight: 900
    }

    .helpsec .wayswrapper ul li p {
        color: #fff;
        font-size: 16px
    }

    .innerctabottom {
        display: inline-block;
        width: 65%
    }

    .helpsec .ctabottom .innerctabottom h3 {
        font-size: 30px
    }

    .helpsec .ctabottom .innerctabottom h6 {
        color: #ffffffba;
        padding: 5px 0 0;
        margin: 0
    }

    .helpsec .ctabottom .innerctabottom a {
        float: none;
        color: #fff
    }

    .helpsec .ctabottom {
        padding-top: 40px;
        width: 100%;
        margin-top: 40px;
        border-top: 1px solid rgba(255, 255, 255, 0.2)
    }

    .helpsec .ctabottom h3 {
        padding-bottom: 0;
        color: #fff;
        padding-top: 20px;
        font-size: 22px;
        display: inline-block
    }

    .helpsec .ctabottom a {
        margin-top: 0;
        padding: 20px 40px;
        float: right
    }

    .strugglesec .paright {
        padding-right: 80px
    }

    .strugglesec.withimages .paright {
        padding-right: 60px
    }

    .cta h6 {
        text-align: center;
        font-size: 18px;
        padding-bottom: 0;
        display: inline-block;
        width: 34%;
        vertical-align: middle
    }

    .cta h6 a {
        color: #fa130d;
        ;
        display: block;
        font-size: 24px;
        margin-top: 10px
    }

    .singletestimonials {
        padding: 100px 0
    }

    .singletestimonials .testwraper {
        width: 80%;
        margin: 0 auto
    }

    .singletestimonials .testwraper .item .figpart {
        width: 13%;
        margin-right: 70px;
        display: inline-block;
        vertical-align: top
    }

    .singletestimonials .testwraper .item .figpart figure {
        margin-bottom: 0;
        width: 100px;
        height: 100px;
        background: #fa130d;
        ;
        border-radius: 50%;
        text-align: center;
        padding-top: 26px;
        margin: 0 auto
    }

    .singletestimonials .testwraper .item .figpart figure h3 {
        color: #fff;
        padding-bottom: 0px;
        font-size: 40px;
        letter-spacing: 3px;
        font-weight: 700
    }

    .singletestimonials .testwraper .item .quotepart {
        width: 78%;
        display: inline-block;
        vertical-align: top
    }

    .singletestimonials .testwraper .item .quotepart h4 {
        line-height: 1.3;
        font-size: 34px;
        font-weight: 300;
        position: relative
    }

    .singletestimonials .testwraper .item .quotepart h4 span.top {
        position: absolute;
        color: #fa130d;
        ;
        left: -48px;
        top: 0px;
        font-size: 36px
    }

    .singletestimonials .testwraper .item .quotepart h4 span.bottom {
        font-size: 36px;
        color: #fa130d;
        ;
        margin-left: 15px
    }

    .singletestimonials .testwraper .item .quotepart h5 {
        padding-bottom: 0;
        margin-top: 30px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1
    }

    .singletestimonials .testwraper .item .quotepart h5 span {
        font-weight: 400;
        display: block;
        font-size: 14px;
        margin-top: 5px
    }

    .faqsection {
        background: #f5f8fa6e;
        padding: 100px 0
    }

    .faqsection h2 {
        font-size: 36px;
        font-weight: 700
    }

    .footer-top {
        padding: 50px 0 0;
        border-top: 1px solid #a6a6a6b0
    }

    .footer-top figure {
        text-align: center
    }

    .footer-top h3 {
        padding-top: 22px;
        color: #fff;
        border-bottom: solid 2px #ff5349;
        padding-bottom: 7px;
        font-size: 13px;
        margin-bottom: 6px
    }

    .footer-top h3.nobrder {
        border-bottom: 0px
    }

    .footer-top .linkinglist {
        display: inline-block;
        margin-bottom: 0;
        padding: 0;
        border-left: 0
    }

    .footer-top .linkinglist li {
        padding: 5px 0 0
    }

    .footer-top .linkinglist li a {
        color: #939598;
        font-size: 14px;
        font-family: myfirstfont4;
        text-decoration: none;
    }

    .oddinner-banner {
        height: 350px
    }

    .oddinner-banner .inner-banner-content {
        padding-right: 0;
        text-align: center
    }

    .oddinner-banner .inner-banner-content h3 {
        color: #fff;
        font-size: 42px;
        font-weight: 700
    }

    .oddinner-banner .inner-banner-content p {
        font-size: 20px;
        color: #fff;
        line-height: 1.4;
        padding-bottom: 0
    }

    .twoboxes .contactboxeswrap {
        font-size: 0px;
        margin-top: -60px
    }

    .twoboxes .contactboxeswrap .contactbox {
        text-align: center;
        border-radius: 3px;
        padding: 50px 40px;
        background-color: #fff;
        border: 1px solid #eaf0f6;
        width: 49%;
        display: inline-block
    }

    .twoboxes .contactboxeswrap .contactbox.left {
        margin-right: 22px
    }

    .twoboxes .contactboxeswrap .contactbox figure span {
        color: #171717;
        font-size: 60px
    }

    .twoboxes .contactboxeswrap .contactbox figure figcaption {
        color: #171717;
        font-size: 18px;
        margin-top: 10px;
        font-weight: 600
    }

    .twoboxes .contactboxeswrap .contactbox p {
        line-height: 1.4;
        font-size: 18px;
        padding-bottom: 50px
    }

    .maparea {
        padding: 100px 0
    }

    .maparea .mapwrap {
        font-size: 0px;
        border: 1px solid #cbd6e2;
        border-radius: 3px
    }

    .maparea .mapwrap .mappart {
        vertical-align: top;
        width: 60%;
        display: inline-block
    }

    .maparea .mapwrap .mappart iframe {
        width: 100%;
        height: 500px
    }

    .maparea .mapwrap .infopart {
        width: 40%;
        padding: 70px 90px 37px 50px;
        vertical-align: top;
        display: inline-block;
        height: 500px
    }

    .maparea .mapwrap .infopart .chunk {
        padding-bottom: 40px
    }

    .maparea .mapwrap .infopart .chunk h3 {
        color: #171717;
        font-size: 22px;
        padding-bottom: 15px
    }

    .maparea .mapwrap .infopart .chunk p {
        font-size: 16px;
        line-height: 1.4
    }

    .maparea .mapwrap .infopart .chunk a {
        color: #687087;
        font-size: 16px;
        display: block
    }

    .maparea h2 {
        font-size: 36px;
        width: 100%;
        font-weight: 700;
        line-height: 1.2;
        padding-bottom: 100px;
        text-align: center
    }

    .dropdown>ul:before {
        position: absolute;
        content: "";
        top: -11px;
        left: 15px;
        z-index: 0;
        width: 20px;
        height: 20px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(44deg);
        border-radius: 5px;
        border-top: 1px solid #f4852f;
        border-left: 1px solid #f4852f
    }

    .dropdown>ul>li:hover {
        background-color: #f5f8fa
    }

    .header-main .othermenu {
        z-index: -1;
        opacity: 0;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .header-main.showmenu .othermenu {
        opacity: 1;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        z-index: 99
    }

    .header-main .secondlogo {
        z-index: -1;
        opacity: 0;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .header-main.showmenu .secondlogo {
        opacity: 1;
        padding-top: 16px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        z-index: 9
    }

    .header-main .has-submenu {
        width: 66px;
        display: inline-block;
        z-index: -1;
        padding-bottom: 21px;
        position: relative
    }

    .header-main.showmenu .has-submenu {
        z-index: 99
    }

    .header-main .has-submenu:hover .dropdown {
        visibility: visible;
        top: 95%;
        opacity: 1;
        left: 0
    }

    .header-main.showmenu .has-submenu .dropdown>ul {
        margin-bottom: 0
    }

    .header-main.showmenu .has-submenu .dropdown>ul>li>a {
        color: #171717;
        margin-top: 0;
        font-weight: 400
    }

    .header-main .has-submenu .dropdown>ul>li {
        width: 100%;
        margin-right: 0px
    }

    .pricingboxes {
        padding-top: 40px
    }

    .pricingboxes .largebox {
        box-shadow: 0 0 11px #eaf0f6;
        font-size: 0;
        margin-top: 32px;
        padding: 20px 35px 45px;
        background: #fff;
        border-radius: 3px
    }

    .pricingboxes .largebox .leftarea {
        width: 35%;
        text-align: center;
        vertical-align: top;
        display: inline-block;
        margin-right: 20px
    }

    .pricingboxes .largebox .leftarea figure {
        margin-bottom: 20px
    }

    .btn-packages {
        transform: translateY(0rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #fff;
        font-weight: 600;
        text-transform: capitalize;
        background: #fa130d;
        ;
        border-radius: 3px;
        font-size: 16px;
        padding: 16px 20px;
        display: inline-block
    }

    .btn-packages:hover {
        transform: translateY(-0.625rem);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        color: #fff
    }

    .pricingboxes .largebox .rightarea {
        display: inline-block;
        width: 60%;
        padding-top: 32px
    }

    .pricingboxes .largebox .rightarea h4 {
        font-size: 24px;
        font-weight: 600
    }

    .pricingboxes .largebox .rightarea p {
        font-size: 16px;
        text-align: left;
        line-height: 1.4;
        padding-bottom: 30px
    }

    .pricingboxes .largebox .rightarea h3 {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        overflow: hidden
    }

    .pricingboxes .largebox .rightarea h3:before {
        right: 0px;
        content: '';
        position: absolute;
        height: 5px;
        margin-left: 10px;
        border-bottom: 1px solid #e0e6ed;
        top: 5px;
        width: 330px;
        z-index: -1
    }

    .ticklist {
        width: 100%;
        margin-bottom: 0;
        display: inline-block
    }

    .ticklist li {
        width: 50%;
        vertical-align: top;
        display: inline-block
    }

    .ticklist li img {
        height: 50px
    }

    .ticklist li a {
        color: #fa130d;
        ;
        font-size: 16px;
        font-weight: 700
    }

    .ticklist li h6 {
        font-size: 20px;
        padding-bottom: 0
    }

    .ticklist li.ralign {
        text-align: right
    }

    .smallboxes {
        padding-top: 32px;
        font-size: 0;
        text-align: center
    }

    .smallboxes .smallbox {
        vertical-align: top;
        min-height: 630px;
        display: inline-block;
        width: 31%;
        box-shadow: 0 0 11px #eaf0f6;
        padding: 30px 25px;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 32px;
        margin-right: 25px
    }

    .smallboxes .smallbox figure img {
        height: 150px;
        width: 100%
    }

    .smallboxes .smallbox h4 {
        margin: 0 auto;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        max-width: 72%
    }

    .smallboxes .smallbox p {
        font-size: 16px;
        text-align: left;
        line-height: 1.4;
        padding-bottom: 0
    }

    .smallboxes .smallbox h3 {
        font-size: 16px;
        font-weight: 600;
        z-index: 99;
        text-align: center;
        position: relative
    }

    .smallboxes .smallbox .hrline {
        height: 1px;
        border-bottom: 1px solid #e0e6ed;
        margin: 30px 0
    }

    .ticklist2 li {
        font-size: 16px;
        padding: 0 0 7px 30px;
        text-align: left;
        position: relative
    }

    .ticklist2 li>ol {
        padding: 7px 0
    }

    .ticklist2 li span {
        margin-right: 12px;
        font-size: 15px;
        color: #fa130d;
        ;
        position: absolute;
        left: 0;
        top: 4px
    }

    .smallboxes .smallbox .price-btnwrap {
        margin-top: 30px;
        text-align: center
    }

    .smallboxes .smallbox h2 {
        font-size: 34px;
        color: #fa130d;
        ;
        padding-bottom: 0
    }

    .smallboxes .smallbox h2 span {
        display: block;
        color: #687087;
        font-size: 16px;
        font-weight: 600;
        margin-top: 5px
    }

    .smallbox.mid {
        margin: 0px 32px
    }

    .aboutbg {
        background: #f2545b;
        background: -moz-linear-gradient(45deg, #f2545b 0%, #ff7a59 100%);
        background: -webkit-linear-gradient(45deg, #f2545b 0%, #ff7a59 100%);
        background: linear-gradient(45deg, #f2545b 0%, #ff7a59 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2545b', endColorstr='#ff7a59', GradientType=1)
    }

    .inner-banner.aboutbg {
        position: relative
    }

    .inner-banner.aboutbg .circles {
        position: absolute
    }

    .dropdown>ul>li.seclvl {
        position: relative
    }

    .dropdown>ul>li.seclvl:hover .seclvldrop {
        display: block;
        position: absolute;
        width: 200px;
        background: #fff;
        height: auto;
        top: -10px;
        padding: 10px 0;
        right: -200px;
        border: 1px solid #cbd6e2;
        border-radius: .1875rem;
        box-shadow: 0 1px 24px rgba(45, 62, 80, 0.12);
        z-index: 95
    }

    .dropdown>ul>li.seclvl .seclvldrop {
        display: none
    }

    .dropdown>ul>li.seclvl .seclvldrop .droplist {
        z-index: 99;
        position: relative
    }

    .dropdown>ul>li.seclvl .seclvldrop .droplist:before {
        position: absolute;
        content: "";
        top: 5px;
        left: -12px;
        z-index: -1;
        width: 20px;
        height: 20px;
        background: #fff;
        -webkit-transform: rotate(-44deg);
        transform: rotate(-44deg);
        border-radius: 5px;
        border-top: 1px solid #cbd6e2;
        border-left: 1px solid #cbd6e2
    }

    .dropdown>ul>li.seclvl .seclvldrop .droplist li:hover {
        background-color: #f5f8fa
    }

    .dropdown>ul>li.seclvl .seclvldrop .droplist li a {
        color: #171717;
        font-size: 14px;
        text-decoration: none;
        padding: 8px 10px 8px 15px;
        display: block;
        font-weight: 400
    }

    .gclients {
        padding: 60px 0;
        position: relative
    }

    .gclients:before {
        position: absolute;
        content: "";
        border-bottom: 1px solid #f5f8fa;
        width: 100%;
        bottom: 0px;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .gclients .textw h3 {
        font-size: 50px;
        font-weight: 700;
        padding-bottom: 0
    }

    .gclients .textw p {
        font-size: 18px;
        padding-bottom: 0
    }

    .gclients .clientslist {
        margin-top: 36px;
        display: inline-block;
        margin-bottom: 0;
        font-size: 0px
    }

    .gclients .clientslist li {
        margin: 0px 15px;
        display: inline-block
    }

    .gclients .clientslist li figure {
        margin: 10px 0
    }

    .gclients .clientslist li figure img {
        width: 135px
    }

    .header-main .othermenu {
        position: relative;
        opacity: 0;
        display: inline-block;
        margin-bottom: 0;
        z-index: -2
    }

    .header-main .othermenu li {
        margin-right: 10px;
        display: inline-block
    }

    .header-main .othermenu li h6 {
        color: #171717;
        font-size: 16px;
        margin-top: 8px;
        font-weight: 400;
        cursor: default
    }

    .header-main .othermenu li a {
        color: #171717;
        font-size: 16px;
        margin-top: 18px;
        font-weight: 400
    }

    .header-main .secondlogo {
        position: relative;
        padding-top: 16px;
        margin-right: 50px;
        display: inline-block;
        z-index: -1
    }

    .header-main .secondlogo a img {
        width: 120px
    }

    .ourapproachsec {
        background: #f5f8fa;
        padding: 100px 0;
        overflow: hidden
    }

    .ourapproachsec h2 {
        text-align: center;
        font-size: 36px;
        width: 100%;
        font-weight: 700;
        line-height: 1.2
    }

    .ourapproachsec p {
        text-align: center;
        font-size: 20px;
        width: 100%;
        padding-bottom: 60px;
        line-height: 1.4
    }

    .ourapproachsec .wrapper .chunk {
        margin-bottom: 30px
    }

    .ourapproachsec .wrapper .chunk h3 {
        font-size: 24px;
        line-height: 1.2
    }

    .ourapproachsec .wrapper .chunk p {
        text-align: left;
        line-height: 1.4;
        font-size: 18px;
        padding-bottom: 0
    }

    .ourapproachsec figure {
        margin-bottom: 0
    }

    .ourapproachsec figure img {
        border-radius: 3px;
        border: 1px solid #cbd6e2
    }

    .smallbox.mright {
        margin-right: 32px
    }

    .ourapproachsec .wrapper .cta {
        padding-bottom: 0
    }

    .ourapproachsec .wrapper .cta h4 {
        font-size: 20px
    }

    .ourapproachsec .wrapper .cta h6 {
        text-align: left;
        float: none;
        width: 100%
    }

    .ourapproachsec .wrapper .cta h6 a {
        display: inline-block;
        margin-top: 0;
        margin-left: 20px
    }

    .ourprocesses {
        padding: 100px 0
    }

    .ourprocesses .paright {
        height: 100%;
        position: relative;
        padding-right: 50px
    }

    .ourprocesses .paright h2 {
        text-align: left;
        font-size: 36px;
        width: 100%;
        font-weight: 700;
        line-height: 1.2
    }

    .ourprocesses .paright p {
        text-align: left;
        font-size: 20px;
        width: 100%;
        padding-bottom: 0;
        line-height: 1.4
    }

    .ourprocesses .processlistdown {
        display: inline-block;
        margin-bottom: 0
    }

    .ourprocesses .processlistdown li {
        width: 33%;
        float: left;
        height: 200px;
        padding-right: 40px
    }

    .ourprocesses .processlistdown li .check {
        font-size: 26px;
        color: #fa130d;
    }

    .ourprocesses .processlistdown li h3 {
        font-size: 18px;
        text-transform: capitalize;
        margin-top: 10px;
        line-height: 1.4;
        padding-bottom: 15px
    }

    .ourprocesses .processlistdown li p {
        font-size: 14px;
        padding-bottom: 0
    }

    .ourprocesses .cta {
        padding: 0;
        position: absolute;
        margin-top: 60px;
        bottom: 0;
        background: transparent
    }

    .ourprocesses .cta h4 {
        font-size: 20px
    }

    .ourprocesses .cta h6 {
        text-align: left;
        float: none;
        width: 100%
    }

    .ourprocesses .cta h6 a {
        display: inline-block;
        margin-top: 0;
        margin-left: 20px
    }

    .ourprocesses .processlistdown li.noheight {
        height: auto
    }

    .contactpg .oddinner-banner .inner-banner-content {
        margin-top: 0px
    }

    .header-main .emailsec {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        position: absolute;
        font-family: var(--primary-font-family);
        top: 24px
    }

    .header-main .emailsec a {
        position: relative;
        font-family: var(--primary-font-family);
        color: #171717;
        font-size: 14px;
        font-weight: 400;
        padding-left: 20px
    }

    .header-main .emailsec a span {
        left: 0;
        top: 3px;
        position: absolute
    }

    .header-main.showmenu .emailsec {
        display: none;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .innerservices .inner-banner .inner-banner-content {
        margin-top: 0;
        text-align: left
    }

    .innerservices .inner-banner .inner-banner-content h5 {
        color: #fa130d;
    }

    .innerservices .inner-banner .inner-banner-content h2 {
        color: #171717
    }

    .innerservices .inner-banner .inner-banner-content h2 span {
        color: #171717
    }

    .innerservices .inner-banner .inner-banner-content h1 {
        color: #fff;
        font-size: 42px;
        line-height: 1.2;
        padding-bottom: 15px;
        text-shadow: none;
        border-bottom: none
    }

    .innerservices .inner-banner .inner-banner-content h1:after {
        display: none
    }

    .innerservices .inner-banner .inner-banner-content h1 span {
        color: #fff;
        font-size: 36px;
        display: block;
        font-weight: 300;
        margin-top: 10px;
        text-shadow: none
    }

    .innerservices .inner-banner .inner-banner-content p {
        color: #fff
    }

    .innerservices .inner-banner .inner-banner-content a {
        margin-bottom: 0
    }

    .servicepg .inner-banner-content {
        margin-top: 70px;
        display: block
    }

    .servicepg .inner-banner-content figure img.servicefigure {
        width: 550px
    }

    .servicepg .inner-banner {
        background: #fff0eb;
        position: relative
    }

    .servicepg .inner-banner .inner-banner-content h5 {
        color: #fa130d;
    }

    .servicepg .inner-banner .inner-banner-content h2 {
        color: #171717
    }

    .servicepg .inner-banner .inner-banner-content h2 span {
        color: #171717
    }

    .servicepg .inner-banner .inner-banner-content p {
        color: #687087
    }

    .servicepg .inner-banner .inner-banner-content a {
        margin-bottom: 25px
    }

    .servicepg .inner-banner .round1 {
        position: absolute;
        width: 90px;
        height: 90px;
        background: #7d4cc040;
        border-radius: 50%;
        top: 10%;
        left: 10%
    }

    .servicepg .inner-banner .round2 {
        position: absolute;
        width: 60px;
        height: 60px;
        background: #f58e6a69;
        border-radius: 50%;
        top: 33%;
        right: 10%
    }

    .servicepg .inner-banner .round3 {
        position: absolute;
        width: 120px;
        height: 120px;
        background: #b3de6178;
        border-radius: 50%;
        bottom: 10%;
        left: 22%
    }

    .servicepg .inner-banner .round4 {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #6bdfd291;
        border-radius: 50%;
        bottom: 36%;
        right: 33%
    }

    .servicepg .inner-banner .round5 {
        position: absolute;
        width: 150px;
        height: 150px;
        background: #ffdd6ea3;
        border-radius: 50%;
        right: 10%;
        bottom: -10%
    }

    .servicepg .inner-banner .round6 {
        position: absolute;
        width: 50px;
        height: 50px;
        background: #69daced1;
        border-radius: 50%;
        left: 2%;
        top: 55%
    }

    .servicepg .inner-banner .round7 {
        position: absolute;
        width: 30px;
        height: 30px;
        background: #ec764e61;
        border-radius: 50%;
        right: 65%;
        bottom: 55%
    }

    .footer-top .linkinglist li a.address {
        cursor: default
    }

    .footer-top .linkinglist li a.address:hover {
        color: #cbd6e2
    }

    .footer-top .linkinglist li a:hover {
        color: #fff
    }

    .mobile_testi,
    .mobile_testi1 {
        display: none
    }

    .accordlist li {
        color: #687087;
        padding-left: 20px;
        position: relative
    }

    .accordlist li:before {
        content: "";
        position: absolute;
        left: 0px;
        border-bottom: 1px solid #687087;
        width: 10px;
        height: 1px;
        top: 10px
    }

    .header-main .othermenu li:hover a {
        color: #ffbd1c;
    }

    .main-menu>ul>li:hover a {
        color: #fd8b73
    }

    .header-main .othermenu li.current a {
        color: #ffbd1c;
    }

    .header-main .othermenu li.current h6 a {
        color: #ffbd1c;
    }

    @media only screen and (max-width: 1024px) {}

    @media only screen and (max-width: 769px) and (min-width: 0px) {}

    .gtquote .home-banner:before {
        display: none
    }

    .analyzepg .home-banner:before {
        display: none
    }

    #packages option.colr {
        color: #fa130d;
        ;
        font-weight: 700
    }

    .form-box-main p {
        text-align: left;
        font-size: 20px;
        width: 100%;
        padding-bottom: 30px;
        line-height: 1.4
    }

    .form-box-main form input::placeholder,
    .form-box-main form select::placeholder,
    .form-box-main form textarea::placeholder {
        color: #5B6B7F
    }

    .form-box-main form input[type="file"] {
        color: #5B6B7F
    }

    .smallnote {
        color: #5B6B7F;
        padding-bottom: 10px;
        display: inline-block
    }

    .nopaddding {
        padding: 0
    }

    .nopaddding label {
        font-size: 16px !important;
        margin-left: -36px !important
    }

    .forarrowselect {
        position: relative
    }

    .forarrowselect:after {
        position: absolute;
        content: "e955";
        font-family: 'icomoon' !important;
        bottom: 16px;
        right: 16px
    }

    .btn-simplect {
        color: #fa7143;
        ;
        font-size: 24px;
        font-weight: 600;
        text-decoration: underline
    }

    .smallfont {
        font-size: 18px
    }

    .smpltxt {
        width: 100%
    }

    .innerbanner .col-lg-4 {
        vertical-align: top
    }

    .innerbanner-text {
        text-align: center;
        padding: 150px 0 100px 0
    }

    .innerbanner-text h6 {
        color: #160c28;
        font-size: 12px;
        text-transform: uppercase
    }

    .innerbanner-text h6 strong {
        border-top: solid 2px #ff5349;
        padding-top: 7px;
        display: inline-block;
        margin-bottom: 25px
    }

    .innerbanner-text h2 {
        font-size: 45px;
        color: #160c28;
        line-height: 1.1em;
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 0px
    }

    .innerbanner-text p {
        font-size: 30px;
        font-weight: 700;
        color: #111
    }

    .services-boxwrapper {
        text-align: center;
        margin: 0 0 40px;
        padding: 0 50px;
        min-height: 444px
    }

    .services-boxwrapper .iconanchor figure {
        padding: 0 90px;
        margin: 0 0 90px 0
    }

    .services-boxwrapper .iconanchor figure img {
        width: 100%
    }

    .services-boxwrapper h4 {
        color: #3ec2cf;
        font-size: 15px;
        font-weight: 700
    }

    .services-boxwrapper p {
        font-size: 14px;
        margin-top: 10px;
        padding-bottom: 30px;
        color: #160c28;
        line-height: 1.6;
        font-weight: 100
    }

    .services-boxwrapper a {
        font-size: 20px;
        position: relative;
        color: #30919c
    }

    .text-fold {
        padding: 60px 0
    }

    .text-fold .main-textfold {
        text-align: center;
        color: #160c28
    }

    .text-fold .main-textfold h5 {
        color: #160c28;
        font-size: 20px;
        margin: 0 0 20px
    }

    .text-fold .main-textfold h3 {
        color: #160c28;
        font-size: 30px;
        margin: 0 0 10px
    }

    .text-fold .main-textfold p {
        padding: 0 0 20px;
        color: #160c28;
        font-size: 17px;
        font-weight: 100;
        line-height: 1.8
    }

    .text-fold .main-textfold h6 {
        color: #160c28;
        font-size: 16px;
        font-weight: 700
    }

    .parallex-bgone {
        background: url(../images/banners/4642.html)no-repeat;
        min-height: 498px;
        background-position: center;
        background-size: cover;
        background-attachment: fixed
    }

    .more-everything {
        padding: 60px 0
    }

    .more-everything .innerbanner-text {
        padding: 0 0 100px 0
    }

    .more-boxwrapper {
        padding: 0 30px;
        text-align: center
    }

    .more-boxwrapper .col-lg-3 {
        vertical-align: top
    }

    .more-boxwrapper figure {
        padding: 0 60px;
        margin: 0 0 40px
    }

    .more-boxwrapper figure img {
        width: 100%
    }

    .more-boxwrapper h3 {
        margin: 0 0 20px;
        font-size: 15px
    }

    .more-boxwrapper p {
        font-size: 16px
    }

    .parallex-bgtwo {
        background: url(../images/banners/4631.html)no-repeat;
        min-height: 498px;
        background-position: center;
        background-size: cover;
        background-attachment: fixed
    }

    .change {
        padding: 140px 0;
        background: #3d60a6
    }

    .change-textwrapper {
        text-align: center
    }

    .change-textwrapper p {
        color: #fff;
        font-size: 19px
    }

    .change-textwrapper h4 {
        color: #fff;
        font-weight: 800;
        font-size: 18px
    }

    .contact-wrapper {
        background: url(../images/updated/bg-contact3.html)no-repeat;
        background-position: top left;
        background-size: contain;
        position: relative;
        overflow: hidden;
        padding: 30px 0 50px;
        margin: 150px 0 0
    }

    .main-formm {
        text-align: -webkit-right;
        text-align: -moz-right
    }

    .contact-wrapper figure.circle-img {
        position: absolute;
        padding: 0 50px;
        width: 50%;
        top: 110px;
        right: -160px
    }

    .contact-wrapper figure.circle-img img {
        width: 100%
    }

    .contact-wrapper h2 {
        color: #160c28;
        font-size: 45px;
        padding: 0;
        font-weight: 700;
        letter-spacing: 2px;
        width: 100%
    }

    .contact-wrapper p {
        color: #160c28;
        margin: 27px 0
    }

    .contact-wrapper form {
        width: 80%;
        text-align: left
    }

    .contact-wrapper form .from-control {
        padding: 0 0 30px
    }

    .contact-wrapper form .from-control label {
        width: 100%;
        display: block;
        color: #000
    }

    .contact-wrapper form .from-control input {
        width: 100%;
        padding: 10px;
        border-radius: 5px;
        border: transparent;
        background: #e4e4e4
    }

    .contact-wrapper form .from-control input:focus {
        outline: none
    }

    .contact-wrapper .submit {
        margin: 0px 0 0;
        display: inline-block;
        background: #fa130d;
        border: 1px solid #fa130d;
        color: #fff;
        font-size: 14px;
        padding: 13px 31px;
        text-align: center;
        text-transform: capitalize;
        border-radius: 5px;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        font-weight: 600;
        cursor: pointer
    }

    .contact-bottom {
        margin: 30px 0 0;
        border-top: 1px solid #687087;
        padding: 40px 0 0
    }

    .contactbtm-box {
        display: inline-block;
        width: 32%;
        vertical-align: top;
        padding: 0 20px 0 0
    }

    .cbtn-bx {
        padding: 0 0 20px
    }

    .cbtn-bx h5 {
        font-size: 12px;
        font-weight: 700
    }

    .cbtn-bx a {
        font-size: 18px;
        font-weight: 300;
        color: #fa130d;
    }

    .cbtn-bx a.gt {
        border-bottom: 3px solid #687087;
        padding: 0 0 5px
    }

    .cbtn-bx p {
        font-size: 18px;
        padding: 0 0 10px;
        margin: 0
    }

    .cbtn-bx ul li {
        padding: 0 0 5px
    }

    .cbtn-bx ul li a {
        text-align: left;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s
    }

    .cbtn-bx ul li a p {
        width: 79%;
        display: inline-block;
        text-align: left;
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-weight: 300;
        color: #fa130d;
        ;
        vertical-align: middle
    }

    .cbtn-bx ul li a span {
        color: #000;
        width: 15%;
        display: inline-block;
        vertical-align: middle
    }

    .cbtn-bx ul li a:hover span {
        color: #fa130d;
    }

    .cbtn-bx ul li a:hover p {
        color: #000
    }

    .clutch-rating {
        margin: 0 0 30px 0
    }

    .clutch-rating figure {
        display: inline-block;
        vertical-align: middle;
        width: 17%;
        margin: 0
    }

    .clutch-rating figure img {
        background: #000;
        width: 100%;
        filter: invert(56)
    }

    .clutch-rating p {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 10px;
        vertical-align: middle;
        font-weight: 500
    }

    .process-banner {
        overflow-x: hidden;
        height: 100vh;
        position: relative;
        margin-top: 70px
    }

    .process-banner .col-lg-6 {
        display: table;
        height: 100vh
    }

    .innerpages-banner-textwrapper {
        display: table-cell;
        vertical-align: middle
    }

    .innerpages-banner-textwrapper h5 {
        letter-spacing: 2px !important;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fa130d;
    }

    .innerpages-banner-textwrapper h2 {
        color: #160c28;
        font-size: 45px;
        margin: 15px 0
    }

    .innerpages-banner-textwrapper p {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0
    }

    .innerpages-banner-img {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: -70px;
        top: 70px;
        width: 38%;
        margin: 0
    }

    .innerpages-banner-img img {
        width: 100%
    }

    .priorities {
        overflow: hidden;
        width: 100%
    }

    .priorities .big-mirrorimg {
        width: 100%;
        display: block;
        margin: 0 auto 20px;
        text-align: left;
        border-bottom: 1px solid #b9b9b91c
    }

    .priorities .big-mirrorimg img {
        width: 100%
    }

    .priorities-textwrapper {
        text-align: center;
        padding: 60px 0 60px;
        color: #000
    }

    .priorities-textwrapper h2 {
        font-weight: 700;
        font-size: 44px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 30px;
        padding: 0px
    }

    .priorities-textwrapper p {
        color: #000;
        font-size: 18px
    }

    .awards-process {
        position: relative;
        margin: -1px 0 0;
        padding: 60px 0 100px
    }

    .awards-process:before {
        position: absolute;
        content: "";
        background-color: #fa7143;
        top: 0;
        height: 38%;
        width: 100%
    }

    .awards-process ul {
        font-size: 0
    }

    .awards-process ul li {
        display: inline-block;
        text-align: center;
        width: 33%;
        padding: 0 15px
    }

    .awards-process ul li figure {
        margin: 0;
        width: 80%;
        margin: 0 auto;
        text-align: center
    }

    .awards-process ul li figure img {
        width: 100%
    }

    .awards-process figure {
        margin: 0
    }

    .awards-process figure img {
        width: 100%
    }

    .ways {
        padding: 60px 0
    }

    .ways .main-heading {
        display: block;
        padding: 0 0 60px;
        max-width: 100%;
        margin: 0 auto
    }

    .ways h2 {
        display: block;
        text-align: center;
        letter-spacing: 2px;
        max-width: 60%;
        margin: 0 auto;
        font-size: 44px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 30px;
        padding: 0px
    }

    .ways .ways-box {
        text-align: center;
        padding: 30px 30px;
        background: #fff;
        border: 1px solid #fa7143;
        min-height: 430px;
        box-shadow: 13px 15px 20px -20px #000, inset 51px 50px 29px -60px #ccc
    }

    .ways .ways-box figure {
        padding: 0 30px
    }

    .ways .ways-box figure img {
        width: 100%
    }

    .ways .ways-box h5 {
        color: #160c28;
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 1rem;
        padding: 0;
        font-family: myfirstfont4
    }

    .ways .ways-box p {
        color: #160c28;
        font-size: 12px;
        padding: 0;
        line-height: 1.7
    }

    .siloed {
        padding: 40px 0 100px
    }

    .siloed .main-heading {
        display: block;
        max-width: 100%;
        padding: 0 0 30px
    }

    .siloed .main-heading h3 {
        display: block;
        text-align: left;
        letter-spacing: 2px;
        margin: 0 0 20px;
        font-size: 25px;
        color: #160c28;
        line-height: 33px;
        margin-bottom: 30px;
        padding: 0px;
        font-family: myfirstfont2 !important;
        text-align: center
    }

    .aza21 {
        color: #f58132;
        font-family: myfirstfont
    }

    .asc1 {
        font-family: myfirstfont;
        font-size: 40px
    }

    .siloed .main-heading h6 {
        font-size: 20px;
        color: #160c28;
        line-height: 22px;
        font-family: myfirstfont3;
        text-align: center
    }

    .siloed p {
        color: #160c28;
        line-height: 20px;
        font-size: 15px;
        margin: 0 0 10px;
        text-align: center
    }

    .cultivate {
        padding: 60px 0;
        background-color: #281f56
    }

    .cultivate .cultivate-text {
        text-align: center
    }

    .cultivate .cultivate-text h2 {
        color: #fff;
        padding: 0 0 40px;
        font-size: 45px;
        letter-spacing: 2px
    }

    .cultivate .cultivate-text p {
        color: #fff;
        font-size: 20px;
        font-weight: 500
    }

    .cultivate .cultivate-text h3 {
        color: #fff;
        padding: 0 0 10px;
        font-size: 18px;
        font-weight: 700
    }

    .cultivate .cultivate-text h4 {
        color: #fff;
        font-size: 18px;
        padding: 0;
        font-weight: 300
    }

    .hire-cream {
        padding: 100px 0
    }

    .hire-cream h2 {
        letter-spacing: 1px;
        color: #160c28;
        padding: 0 0 30px;
        font-size: 50px
    }

    .hire-cream p {
        font-size: 18px;
        padding: 0 30px 20px 0;
        color: #160c28;
        line-height: 1.7
    }

    .hire-cream figure img {
        width: 100%
    }

    .inner-testimonials {
        padding: 100px 0
    }

    .inner-testimonials .testi-wrapper {
        text-align: center;
        position: relative
    }

    .inner-testimonials .testi-wrapper:before {
        position: absolute;
        content: "";
        width: 80px;
        border-top: 1px solid #ccc;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .inner-testimonials .testi-wrapper:after {
        position: absolute;
        content: "";
        width: 80px;
        border-top: 1px solid #ccc;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .inner-testimonials .testi-wrapper .item {
        padding: 40px 0
    }

    .inner-testimonials .testi-wrapper figure {
        width: 6%;
        display: inline-block;
        margin: 0 auto 40px
    }

    .inner-testimonials .testi-wrapper figure img {
        width: 100%
    }

    .inner-testimonials .testi-wrapper h5 {
        font-size: 20px;
        letter-spacing: 0
    }

    .inner-testimonials .testi-wrapper p {
        color: #160c28;
        font-weight: 700;
        font-size: 12px;
        margin: 36px 0 0
    }

    .process-commonfolds {
        padding: 220px 0px
    }

    .process-commonfolds h2 {
        color: #160c28;
        font-size: 12px;
        letter-spacing: 2px;
        font-family: AvenirRoman, sans-serif
    }

    .process-commonfolds h6 {
        color: #160c28;
        font-weight: 700;
        font-size: 52px
    }

    .process-commonfolds p {
        color: #160c28;
        line-height: 1.7;
        margin: 30px 0 0;
        padding: 0px;
        font-size: 18px;
        font-weight: 300
    }

    .process-commonfolds .factorlink {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        padding: 13px 31px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        display: inline-block;
        margin-top: 36px;
        font-weight: 600
    }

    .process-commonfolds .factorlink:hover {
        background: transparent;
        color: #000;
        border-radius: 2px
    }

    .process-commonfolds.clickmodel {
        background: #fff url(../images/ico-clickmodel-1.html)no-repeat;
        background-position: center right -224px;
        background-size: 50%
    }

    .process-commonfolds.agiledev {
        background: #fff url(../images/ico-agiledev-1.html)no-repeat;
        background-position: center left -224px;
        background-size: 50%
    }

    .process-commonfolds.commandview {
        background: #fff url(../images/ico-commandview-1.html)no-repeat;
        background-position: center right -224px;
        background-size: 50%
    }

    .cstmwebdesgn .inerservice-banner form {
        width: 100%;
        background: #ffffffe6;
        padding: 30px;
        border-radius: 5px
    }

    .cstmwebdesgn .inerservice-banner form h4 {
        text-align: center;
        width: 100%;
        color: #fa130d;
        font-size: 30px;
        font-weight: 700;
        text-transform: capitalize;
        padding: 0
    }

    .cstmwebdesgn .inerservice-banner form p {
        text-align: center;
        width: 100%;
        color: #160c28;
        font-weight: 500;
        padding: 0 0 30px 0
    }

    .cstmwebdesgn .inerservice-banner form .from-control {
        padding: 0 0 5px 0
    }

    .cstmwebdesgn .inerservice-banner form .from-control label {
        margin: 0;
        color: #160c28;
        font-weight: 600
    }

    .header-main .nav-area-full {
        position: relative;
        border-radius: 5px
    }

    .header-main .top-bar {
        position: relative;
        padding: 10px 0;
        overflow: hidden;
        position: relative
    }

    .header-main .top-bar .sldrwrp {
        display: block;
        width: 200%;
        position: absolute;
        overflow: hidden;
        animation: marquee 20s linear infinite
    }

    .header-main .top-bar .col-md-8 {
        overflow: hidden
    }

    .header-main .top-bar .sldrwrp p {
        float: left;
        width: 50%
    }

    .header-main .top-bar .sldrwrp p span {
        color: #fa7143;
        font-weight: 600
    }

    .header-main .cntct {
        overflow: hidden;
        position: relative;
        z-index: 99;
        background: #f5f8fa
    }

    .header-main .cntct ul {
        text-align: right;
        margin: 0
    }

    .header-main .cntct ul li {
        display: inline-block;
        padding: 0 12px;
        text-align: center;
        text-transform: capitalize;
        position: relative
    }

    .header-main .cntct ul li.cstm-btn:before {
        content: "";
        display: inline-block;
        width: 5px;
        position: absolute;
        height: 5px;
        top: 8px;
        border-radius: 50%;
        background-color: #f97242;
        left: -3px
    }

    .header-main .cntct ul li a {
        color: #000;
        font-weight: 600;
        font-size: 12px
    }

    .header-main .cntct ul li a i {
        display: inline-block;
        margin: 0 5px 0 0
    }

    .cstmwebdesgn .inner-testimnl {
        padding: 60px 0 60px
    }

    .cstmwebdesgn .inner-testimnl .mainwrp {
        transition: border-color .5s cubic-bezier(.39, .575, .565, 1), box-shadow .2s cubic-bezier(.39, .575, .565, 1);
        padding: 16px 20px 8px;
        border-radius: 5px;
        border: solid 1px #e2e6ec
    }

    .cstmwebdesgn .inner-testimnl .mainwrp:hover {
        box-shadow: 0 5px 30px 0 rgba(35, 43, 54, .15)
    }

    .cstmwebdesgn .inner-testimnl .mainwrp .name-wrp span {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        color: #9ba3af
    }

    .cstmwebdesgn .inner-testimnl .testi-heading p {
        font-weight: 600;
        font-size: 20px
    }

    .cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp p {
        display: block;
        text-align: left;
        font-size: 13px;
        padding: 25px 0
    }

    .cstmwebdesgn .inner-testimnl .mainwrp .dtewrp h6 {
        color: #9ba3af;
        font-size: 12px;
        display: inline-block
    }

    .cstmwebdesgn .inner-testimnl .mainwrp .dtewrp img {
        float: right;
        display: inline-block;
        width: 30%
    }

    .cstmwebdesgn .main-menu>ul>li:last-child {
        padding-left: 15px
    }

    .cstmwebdesgn .inerservice-banner .submit {
        display: block;
        width: 100%;
        margin: 15px 0 0 0
    }

    .cstmwebdesgn .inerservice-banner .submit:hover {
        background: #fa130d
    }

    .cstmwebdesgn .inerservice-banner .isb-textwrapper h1 {
        font-size: 42px
    }

    .cstmwebdesgn .inerservice-banner {
        margin-top: 120px;
        padding: 50px 0
    }

    .cstmwebdesgn .logo {
        width: 80%
    }

    .cstmwebdesgn .inerservice-banner:before {
        background: linear-gradient(to right, rgb(17, 94, 234) 0%, #f69201 100%)
    }

    .cstmwebdesgn .btn-red {
        font-weight: 600
    }

    .lgos-sctn {
        padding: 30px 0 0
    }

    .lgos-sctn ul {
        text-align: center;
        margin: 0
    }

    .lgos-sctn ul li {
        display: inline-block;
        padding: 0 30px
    }

    .cstmwebdesgn .inerservice-banner .submit {
        font-size: 16px
    }

    .nampoup {
        position: fixed;
        left: 20px;
        background: #f2f2f2;
        border-radius: 50px;
        padding: 8px 40px;
        transition: 0.5s;
        bottom: -100px;
        z-index: 9
    }

    .frstn.active {
        bottom: 20px
    }

    .scndn.active {
        bottom: 20px
    }

    .thrdn.active {
        bottom: 20px
    }

    .frthn.active {
        bottom: 20px
    }

    .ffthn.active {
        bottom: 20px
    }

    .ffthn.active {
        bottom: 20px
    }

    .sxxthn.active {
        bottom: 20px
    }

    .svnthn.active {
        bottom: 20px
    }

    .eghtn.active {
        bottom: 20px
    }

    .nnethn.active {
        bottom: 20px
    }

    .tnthn.active {
        bottom: 20px
    }

    .elvnth.active {
        bottom: 20px
    }

    .twlthn.active {
        bottom: 20px
    }

    .thrtn.active {
        bottom: 20px
    }

    .fftn.active {
        bottom: 20px
    }

    .ssxtn.active {
        bottom: 20px
    }

    .nampoup .wrp b {
        color: #000;
        display: block;
        text-transform: capitalize;
        padding: 0 0 5px 0
    }

    .nampoup .wrp span {
        color: #000;
        text-transform: capitalize
    }

    .nampoup .wrp p {
        color: #000;
        font-size: 12px
    }

    .cstmwebdesgn .callusnow {
        display: none
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {
        background: linear-gradient(135deg, #2a3db6 15%, #1169cd 100%)
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h3 {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4 {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h5 {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li p.extrainfo {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4 span {
        color: #fff
    }

    .cstmwebdesgn .btn-pack {
        background: #fff;
        color: #3d60a6
    }

    .cstmwebdesgn .btn-pack:hover {
        color: #3d60a6
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular {
        background: linear-gradient(135deg, #fa130d 15%, #731419 100%)
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack {
        background: #fff;
        color: #e2130f
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular:after {
        color: #fff
    }

    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
        background: #fff;
        padding: 12px 60px;
        display: block;
        color: #1a58c4;
        margin: 0;
        font-weight: bold;
        font-size: 16px
    }

    .cstmwebdesgn section.main-cmplte-brnd-sec .viewdetails {
        color: #1a58c4;
        font-weight: bold;
        font-size: 16px
    }

    @keyframes marquee {
        0% {
            left: 0
        }
        100% {
            left: -100%
        }
    }

    .inerservice-banner {
        background-position: center;
        background-size: cover !important;
        margin-top: 0;
        background-attachment: fixed;
        position: relative
    }

    .inerservice-banner .sub {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translate(0, -50%)
    }

    .inerservice-banner:before {
        position: absolute;
        content: "";
        top: 0;
        width: 100%;
        height: 100%;
        background: #0000008c
    }

    .inerservice-banner .col-lg-8,
    .inerservice-banner .col-lg-4 {
        display: table
    }

    .inerservice-banner .isb-textwrapper {
        padding: 0 110px 0 0;
        width: 100%;
        vertical-align: middle
    }

    .inerservice-banner .isb-textwrapper figure {
        width: 15%
    }

    .inerservice-banner .isb-textwrapper figure img {
        width: 100%
    }

    .inerservice-banner .isb-textwrapper h5 {
        color: #fff;
        letter-spacing: 2px !important;
        font-family: myfirstfont2;
        font-size: 35px;
        font-weight: 600;
        padding: 0;
        margin: 0
    }

    .inerservice-banner .isb-textwrapper1 h5 {
        color: rgb(255, 255, 255);
        font-family: myfirstfont2;
        font-size: 38px;
        font-weight: 600;
        letter-spacing: 2px !important;
        padding: 0px;
        margin: 0px
    }

    .inerservice-banner .isb-textwrapper1 h1 {
        line-height: 1;
        text-transform: uppercase;
        color: rgb(255, 255, 255);
        font-size: 28px;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: myfirstfont
    }

    .inerservice-banner .isb-textwrapper1 {
        display: table-cell;
        width: 100%;
        text-align: right;
        padding: 110px 0px 0px
    }

    .inerservice-banner .isb-textwrapper1 h4 {
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        font-size: 38px;
        margin-bottom: 10px;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: myfirstfont3
    }

    .inerservice-banner .isb-textwrapper h1 {
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        font-size: 40px;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: myfirstfont
    }

    .inerservice-banner .isb-textwrapper h4 {
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        font-size: 30px;
        margin-bottom: 10px;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: myfirstfont3
    }

    .inerservice-banner .isb-textwrapper p,
    .inerservice-banner .isb-textwrapper1 p {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0;
        padding: 10px 0 30px;
        font-family: myfirstfont2 !important;
        border-top: 1px solid #ccc;
        display: inline-block
    }

    .inerservice-banner .isb-textwrapper p.small {
        font-size: 13px !important;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 0 0 20px;
        line-height: 1
    }

    .inerservice-banner form {
        width: 85%;
        vertical-align: middle
    }

    .inerservice-banner form .from-control {
        padding: 0 0 20px
    }

    .inerservice-banner form .from-control label {
        width: 100%;
        display: block;
        color: #fff
    }

    .inerservice-banner form .from-control input {
        width: 100%;
        padding: 15px;
        border-radius: 5px;
        border: transparent;
        background: #fff
    }

    .inerservice-banner form .from-control input:focus {
        outline: none
    }

    .inerservice-banner .submit {
        margin: 0px 0 0;
        display: inline-block;
        background: #000;
        border: 1px solid #000;
        color: #fff;
        font-size: 14px;
        padding: 13px 31px;
        text-align: center;
        text-transform: capitalize;
        display: inline-block;
        border-radius: 5px;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        font-weight: 600;
        cursor: pointer
    }

    .inerservice-banner .submit:hover {
        background: transparent;
        border: 1px solid #fff;
        color: #fff
    }

    .innserservice-commonfolds {
        padding: 30px 0px
    }

    .innserservice-commonfolds h1 {
        font-size: 40px;
        font-weight: 700;
        color: #160c28;
        line-height: 1;
        padding-bottom: 0;
        font-family: myfirstfont
    }

    .innserservice-commonfolds h2 {
        color: #160c28;
        font-size: 12px;
        letter-spacing: 2px;
        font-family: AvenirRoman, sans-serif
    }

    .innserservice-commonfolds h6 {
        color: #ff7983;
        font-weight: 700;
        font-size: 30px;
        padding: 14px 0;
        font-family: myfirstfont3
    }

    .innserservice-commonfolds p {
        color: #160c28;
        line-height: 1.4;
        padding: 0px;
        font-size: 16px;
        font-weight: 300
    }

    .innserservice-commonfolds .factorlink {
        background: #000;
        border: 1px solid #000;
        color: #fff;
        padding: 13px 31px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        display: inline-block;
        margin-top: 36px;
        font-weight: 600
    }

    .innserservice-commonfolds .factorlink:hover {
        background: #fff;
        color: #000;
        border-radius: 2px
    }

    .innserservice-commonfolds.customsoftware {
        background: #fff url(../images/3services.html)no-repeat;
        background-position: top right -80px;
        background-size: 40%;
        padding: 60px 0
    }

    .secondlayer-innerservices-wrapper {
        text-align: center;
        padding: 60px 0
    }

    .secondlayer-innerservices-wrapper h4 {
        color: #160c28;
        font-size: 16px;
        font-family: AvenirRoman, sans-serif;
        font-weight: 700
    }

    .secondlayer-innerservices-wrapper ul {
        padding: 20px 0 0 0
    }

    .secondlayer-innerservices-wrapper ul li {
        display: block;
        text-align: center;
        padding: 0 0 15px
    }

    .secondlayer-innerservices-wrapper ul li a {
        font-size: 16px;
        font-family: AvenirRoman, sans-serif;
        font-weight: 400
    }

    .build-to-win {
        padding: 60px 0 45px
    }

    .build-to-win .main-heading {
        text-align: center;
        margin-bottom: 40px
    }

    .build-to-win .main-heading h2 {
        font-size: 44px;
        font-weight: 700;
        color: #160c28;
        line-height: 1;
        padding-bottom: 30px
    }

    .build-to-win .main-heading p {
        color: #160c28;
        line-height: 1.7;
        padding: 0px;
        font-size: 18px
    }

    .build-to-win .to-win-box {
        text-align: center;
        border-radius: 5px;
        position: relative
    }

    .build-to-win .to-win-box a:hover:before {
        position: absolute;
        content: "";
        background: #f4852f52;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9;
        transition: .5s;
        border-radius: 5px
    }

    .build-to-win .to-win-box a:hover:after {
        position: absolute;
        content: "\e923";
        font-family: 'icomoon' !important;
        left: 0;
        top: 40%;
        transition: .5s;
        z-index: 91;
        color: #fa7143;
        display: inline-block;
        right: 0;
        margin: auto;
        font-size: 40px
    }

    .build-to-win .to-win-box a {
        display: block;
        width: 100%;
        z-index: 1;
        position: relative;
        transition: .5s;
        border-radius: 5px;
        overflow: hidden
    }

    .build-to-win .to-win-box a figure {
        margin-bottom: 0
    }

    .build-to-win .to-win-box a figure img {
        width: 100%
    }

    .build-to-win .to-win-box a h3 {
        font-size: 22px;
        color: #fff
    }

    .build-to-win .to-win-box a h3 span {
        display: block;
        font-size: 50px;
        line-height: 1
    }

    .build-to-win .to-win-box.roi {
        background: url(../images/results-photo-1.html)no-repeat center;
        background-size: cover
    }

    .build-to-win .to-win-box.threex {
        background: url(../images/results-firstcrush.html)no-repeat center;
        background-size: cover
    }

    .build-to-win .to-win-box.o1m {
        background: url(../images/results-kids.html)no-repeat center;
        background-size: cover
    }

    .whether-you {
        padding: 60px 0
    }

    .whether-you .main-heading {
        text-align: center;
        margin-bottom: 40px;
        width: 75%;
        margin: 0 auto 50px
    }

    .whether-you .main-heading h2 {
        font-size: 44px;
        font-weight: 700;
        color: #160c28;
        line-height: 1;
        padding-bottom: 30px
    }

    .whether-you .main-heading p {
        color: #160c28;
        line-height: 1.7;
        padding: 0px;
        font-size: 18px
    }

    .whether-you .whether-box {
        text-align: center;
        margin: 0 0 40px;
        padding: 0 20px
    }

    .whether-you .whether-box figure {
        width: 20%;
        margin: 0 auto 30px
    }

    .whether-you .whether-box figure img {
        width: 100%
    }

    .whether-you .whether-box h3 {
        font-size: 16px;
        font-weight: 700
    }

    .whether-you .whether-box p {
        line-height: 1.4;
        font-size: 16px
    }

    .not-code-but-impact {
        padding: 60px 0
    }

    .not-code-but-impact .main-heading {
        text-align: center;
        margin: 0 0 40px
    }

    .not-code-but-impact .main-heading h2 {
        padding: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .not-code-but-impact .main-heading h2 span {
        display: block;
        color: #fa130d;
    }

    .not-code-but-impact .ncbc-box {
        min-height: 322px;
        text-align: center;
        border-radius: 5px;
        -webkit-transition: background-size .15s ease-in;
        -moz-transition: background-size .15s ease-in;
        -ms-transition: background-size .15s ease-in;
        -o-transition: background-size .15s ease-in;
        transition: background-size .15s ease-in
    }

    .not-code-but-impact .ncbc-box a {
        display: block;
        padding: 50px;
        color: #fff;
        min-height: 322px;
        position: relative;
        border-radius: 5px;
        z-index: 3;
        display: table
    }

    .not-code-but-impact .ncbc-box a:before {
        position: absolute;
        content: "";
        background: #00000070;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        border-radius: 5px
    }

    .not-code-but-impact .ncbc-box a h3 {
        color: #fff;
        display: table-cell;
        vertical-align: middle
    }

    .not-code-but-impact .ncbc-box.one {
        background: url(../images/ncbc-box-one.html)no-repeat center;
        background-size: 100%
    }

    .not-code-but-impact .ncbc-box.two {
        background: url(../images/ncbc-box-two.html)no-repeat center;
        background-size: 100%
    }

    .not-code-but-impact .ncbc-box.three {
        background: url(../images/ncbc-box-three.html)no-repeat center;
        background-size: 100%
    }

    .not-code-but-impact .ncbc-box.one:hover {
        background-size: 110%;
        -webkit-transition: background-size .15s ease-in;
        -moz-transition: background-size .15s ease-in;
        -ms-transition: background-size .15s ease-in;
        -o-transition: background-size .15s ease-in;
        transition: background-size .15s ease-in
    }

    .not-code-but-impact .ncbc-box.two:hover {
        background-size: 110%;
        -webkit-transition: background-size .15s ease-in;
        -moz-transition: background-size .15s ease-in;
        -ms-transition: background-size .15s ease-in;
        -o-transition: background-size .15s ease-in;
        transition: background-size .15s ease-in
    }

    .not-code-but-impact .ncbc-box.three:hover {
        background-size: 110%;
        -webkit-transition: background-size .15s ease-in;
        -moz-transition: background-size .15s ease-in;
        -ms-transition: background-size .15s ease-in;
        -o-transition: background-size .15s ease-in;
        transition: background-size .15s ease-in
    }

    .u-friendly {
        padding: 60px 0
    }

    .u-friendly .main-heading {
        text-align: center
    }

    .u-friendly .main-heading h2 {
        padding: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .u-friendly .col-lg-12 {
        font-size: 0;
        text-align: center
    }

    .u-friendly .userfri-box {
        display: inline-block;
        width: 32.33%;
        min-height: 322px;
        border-radius: 5px;
        padding: 20px
    }

    .u-friendly .userfri-box a {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 5px;
        position: relative
    }

    .u-friendly .userfri-box a figure {
        margin: 0
    }

    .u-friendly .userfri-box a figure img {
        width: 100%;
        border-radius: 5px
    }

    .u-friendly .userfri-box:hover>a:before {
        position: absolute;
        content: "";
        background: #00000012;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 5px
    }

    .ux-toolbox {
        padding: 60px 0
    }

    .ux-toolbox .main-heading {
        text-align: center
    }

    .ux-toolbox .main-heading h2 {
        padding: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .ux-toolbox .toolbox-wrapper {
        font-size: 0;
        padding: 10px 0 0
    }

    .ux-toolbox .toolbox-wrapper .toolbox {
        display: inline-block;
        width: 25%;
        padding: 0 15px 15px 0;
        vertical-align: top
    }

    .ux-toolbox .toolbox-wrapper .toolbox .head {
        background: #000;
        padding: 14px 10px;
        text-align: center
    }

    .ux-toolbox .toolbox-wrapper .toolbox .head h3 {
        color: #fff;
        padding: 0;
        margin: 0;
        font-size: 14px
    }

    .ux-toolbox .toolbox-wrapper .toolbox .body {
        font-size: 0;
        padding: 20px 10px;
        background: #28a2a8;
        min-height: 120px
    }

    .ux-toolbox .toolbox-wrapper .toolbox .body figure {
        display: inline-block;
        width: 20%;
        vertical-align: middle;
        margin: 0;
        padding: 0 0 0 10px
    }

    .ux-toolbox .toolbox-wrapper .toolbox .body figure img {
        width: 100%
    }

    .ux-toolbox .toolbox-wrapper .toolbox .body p {
        color: #fff;
        padding: 0 20px 0;
        margin: 0;
        display: inline-block;
        width: 80%;
        font-size: 15px;
        vertical-align: middle;
        line-height: 1.1
    }

    .software-fails {
        padding: 60px 0
    }

    .software-fails .main-heading {
        display: block;
        max-width: 100%;
        padding: 0px 340px 30px 0;
        border-bottom: 3px solid #000;
        margin-bottom: 40px
    }

    .software-fails .main-heading h3 {
        padding: 0 0 20px
    }

    .software-fails .main-heading h6 {
        font-weight: 300;
        font-family: avenir-roman, sans-serif;
        padding: 0px;
        font-size: 20px
    }

    .software-fails p {
        padding: 0 0 20px;
        font-size: 20px;
        font-weight: 300
    }

    .software-fails figure {
        margin: 0
    }

    .software-fails figure img {
        width: 100%
    }

    .meet-team {
        padding: 60px 0
    }

    .meet-team .main-heading {
        margin: 0 0 50px
    }

    .meet-team .main-heading h2 {
        text-align: center;
        padding: 0 0 20px;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .meet-team .main-heading p {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.6
    }

    .meet-team .team-box {
        text-align: center
    }

    .meet-team .team-box figure {
        display: block;
        border-radius: 50%;
        width: 80%;
        margin: 0 auto 20px
    }

    .meet-team .team-box figure img {
        width: 100%;
        border-radius: 50%
    }

    .meet-team .team-box h4 {
        color: #303133;
        border-bottom: 2px solid #ff5349;
        font-size: 20px;
        padding: 0 0 4px;
        display: inline-block
    }

    .meet-team .team-box p {
        color: #160c28;
        font-size: 11px !important;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 10px 0 0;
        font-weight: 700
    }

    .my-options {
        padding: 60px 0
    }

    .my-options .main-heading {
        margin: 0 0 60px
    }

    .my-options .main-heading h2 {
        text-align: center;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 44px
    }

    .my-options .nav-pills li {
        display: block;
        width: 100%;
        text-align: right
    }

    .my-options .nav-pills li a {
        font-size: 16px !important;
        letter-spacing: 2px;
        color: #303133;
        font-weight: 700;
        text-align: right;
        display: block;
        padding: 15px 0;
        position: relative
    }

    .my-options .nav-pills li a.active {
        color: #f9130d !important
    }

    .my-options .nav-pills li a.active:before {
        z-index: 1;
        position: absolute;
        content: "";
        height: 100%;
        width: 1px;
        border-left: 3px solid #f9130d;
        right: -32px;
        top: 0
    }

    .my-options .tab-content .tab-pane {
        border-left: 1px solid #ccc;
        padding: 0 0 0 30px
    }

    .my-options .tab-content .tab-pane figure {
        width: 10%
    }

    .my-options .tab-content .tab-pane figure img {
        width: 100%
    }

    .my-options .tab-content .tab-pane h6 {
        padding: 20px 0;
        font-size: 12px;
        color: #fa413c;
        font-weight: 700
    }

    .my-options .tab-content .tab-pane h5 {
        font-size: 20px;
        letter-spacing: 0;
        padding: 10px 0 20px;
        font-weight: 400
    }

    .my-options .tab-content .tab-pane p {
        font-size: 17px;
        line-height: 1.75;
        margin: 18px 0 0;
        padding: 0
    }

    .banner-form {
        background: #fff;
        padding: 25px 20px;
        position: relative;
        z-index: 9;
        border-radius: 0;
        margin: 0;
        width: 370px;
        display: inline-block;
        box-shadow: 0px 0px 30px #0000001f
    }

    .floatbutton.visible .clickbutton {
        opacity: 1;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floatbutton {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        position: fixed;
        right: -370px;
        top: 200px;
        font-size: 0;
        width: 420px;
        z-index: 999
    }

    .floating_wrap {
        opacity: 1;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floating_wrap.visible {
        opacity: 1;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floatbutton .clickbutton {
        width: 50px;
        z-index: 99;
        opacity: 1;
        vertical-align: top;
        height: 0px;
        cursor: pointer;
        box-shadow: -20px 0 35px #0000001f;
        border-radius: 50% 0% 0 50%;
        background: #fff;
        display: inline-block;
        padding-top: 0px
    }

    .floatbutton .clickbutton .crossplus {
        position: relative;
        display: block;
        transform: rotate(0deg);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floatbutton .clickbutton .crossplus.rotate {
        transform: rotate(-90deg);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floatbutton .clickbutton .crossplus p {
        font-size: 20px;
        width: 250px;
        top: 0;
        position: relative;
        margin-top: 194px;
        background: #fff;
        height: 55px;
        background: #ffff;
        border-radius: 20px 20px 0px 0px;
        padding-top: 15px;
        text-align: right;
        text-align: center;
        font-weight: 600;
        color: #eb2443;
        box-shadow: 0px 0px 40px #00000026 !important;
        left: -4px
    }

    .floatbutton .clickbutton .crossplus {
        transform: rotate(-90deg)
    }

    .floatbutton.active {
        right: 0;
        z-index: 99;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .floating_wrap {
        position: fixed;
        right: 0px;
        top: 140px;
        z-index: 99
    }

    .floating_wrap .btns_wrap {
        position: fixed;
        right: 0px
    }

    .floating_wrap .btns_wrap a:hover {
        text-decoration: none !important;
        right: 0px
    }

    .floating_wrap .btns_wrap .call_wrap {
        width: 275px;
        position: absolute;
        right: -225px;
        background: #fff;
        top: 60px;
        border-radius: 50px 0px 0px 50px;
        overflow: hidden;
        box-shadow: 0px 0px 40px #00000026 !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .floating_wrap .btns_wrap .call_wrap span {
        color: #eb2443;
        ;
        font-size: 20px;
        vertical-align: middle;
        background: #fff;
        padding: 15px 20px 15px 15px
    }

    .floating_wrap .btns_wrap .chat_wrap {
        display: block;
        position: absolute;
        right: -225px;
        width: 275px;
        background: #fff;
        top: 0;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0px 0px 40px #00000026 !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-radius: 50px 0px 0px 50px
    }

    .floating_wrap .btns_wrap .chat_wrap span.icoo,
    .floating_wrap .btns_wrap .call_wrap span.icoo {
        color: #eb2443;
        background: #fff;
        font-size: 20px;
        line-height: 1;
        padding: 14px 20px;
        border-right: 1px solid #ded9d9;
        vertical-align: middle;
        display: inline-block;
        border-radius: 50px 0px 0px 50px
    }

    .floating_wrap .btns_wrap .chat_wrap span {
        color: #eb2443;
        ;
        font-size: 20px;
        vertical-align: middle;
        background: #fff;
        padding: 15px 30px 15px 15px
    }

    .main-privacy-sec {
        padding-top: 120px
    }

    .prvc-inner-sec p strong {
        font-size: 26px
    }

    .prvc-inner-sec p {
        font-size: 18px
    }

    .prvc-inner-sec li {
        font-size: 16px
    }

    .callusnow {
        width: 50px;
        height: 50px;
        color: #fff;
        display: block;
        text-align: center;
        border-radius: 100%;
        font-size: 24px;
        position: fixed;
        bottom: 200px;
        right: 20px !important;
        z-index: 9999;
        box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
        padding: 6px 0px 12px 0;
        animation: scrollDownAnimation .5s ease infinite alternate;
        -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
        background: #fa7143;
        background: -moz-linear-gradient(left, #59bad3 0%, #9b2c92 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92', GradientType=1);
        border: solid 3px #fa7143
    }

    .callusnow:hover {
        color: #fff
    }

    @keyframes scrollDownAnimation {
        from {
            transform: translateY(0)
        }
        to {
            transform: translateY(-10px)
        }
    }

    @-webkit-keyframes scrollDownAnimation {
        from {
            transform: translateY(0)
        }
        to {
            transform: translateY(-10px)
        }
    }

    .book-call-ys-layer {
        display: none;
        opacity: 0.7;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000
    }

    .book-call-ys-container {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.81);
        z-index: 9999
    }

    .inp-dsleb {
        position: relative
    }

    .inp-dsleb:after {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.08);
        height: 100%;
        border-radius: 6px
    }

    .book-call-ys-container.visible,
    .book-call-ys-layer.visible {
        display: block
    }

    .book-call-ys-box {
        background-color: #fff;
        width: 0;
        height: 0;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 20px 20px 20px 20px;
        transition: height .2s ease-in-out
    }

    .crossbtn {
        float: right;
        font-size: 30px;
        border: 2px solid #000;
        padding: 2px 7px;
        border-radius: 3px;
        color: #212529
    }

    .crossbtn:hover {
        color: #212529
    }

    .book-call-ys-popup-close {
        position: absolute;
        color: #fa130d;
        ;
        text-align: center;
        font-size: 18px;
        text-decoration: none;
        display: block;
        right: 10px;
        top: 10px;
        font-weight: 700;
        padding: 3px 9px;
        line-height: initial;
        border-radius: 100%
    }

    .book-call-ys-container.finished .book-call-ys-popup-close {
        width: 30px;
        height: 30px;
        text-indent: 0
    }

    .book-call-ys-popup-content {
        display: none;
        padding: 20px 40px;
        background: #fff;
        border-radius: 20px 20px 20px 20px
    }

    .book-call-ys-container.finished .book-call-ys-popup-content {
        display: block
    }

    .book-call-ys-popup-close:hover {
        text-decoration: none;
        color: #000019
    }

    .book-call-ys-box {
        height: auto;
        width: 572px !important;
        background: #f3c06a;
        padding: 0;
        background-size: cover
    }

    .book-call-ys-box .mainbann {
        border-radius: 20px 20px 0 0;
        width: 100%
    }

    .book-call-popupform h2 span {
        padding: 0 0 5PX 0
    }

    .book-call-popupform p {
        color: #000019;
        padding: 0 0 25px 0;
        font-size: 14px;
        line-height: 1.2
    }

    .book-call-popupform form p {
        color: #000019;
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        padding: 20px 0 20px 0;
        text-align: center
    }

    .book-call-popupform form p span {
        color: #0c71f4
    }

    p.small {
        font-size: 14px;
        color: #000;
        text-align: center;
        display: block
    }

    .book-call-popupform form {
        font-size: 0
    }

    .book-call-popupform form .fldst {
        margin: 0 0 20px;
        display: block;
        width: 100%
    }

    .book-call-popupform form .fldst.sndus {
        margin: 0 0 15px 0
    }

    .book-call-popupform span.heading {
        font-size: 30px;
        font-weight: 500;
        text-align: center;
        display: block
    }

    .book-call-popupform figure {
        -webkit-animation: ripple 0.9s linear infinite;
        animation: ripple 0.9s linear infinite;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        display: block;
        margin: -40px auto 30px;
        border: solid 1px #ededed;
        background: #fff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%
    }

    .book-call-popupform form .fldst .intl-tel-input {
        width: 79%;
        margin-bottom: 15px
    }

    .book-call-popupform form .fldst.btnattach button {
        position: relative;
        bottom: 0;
        border: 0;
        display: block;
        right: 0;
        background: #59bad3;
        width: 100%;
        height: 50px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        color: #fff
    }

    .book-call-popupform form .callus {
        height: 55px;
        border-top: 3px solid transparent;
        background-color: #fa130d;
        ;
        font-size: 20px;
        color: #fff;
        line-height: 33px;
        padding: 8px 25px;
        outline: none;
        cursor: pointer;
        border-radius: 10px;
        display: block;
        text-align: center
    }

    .book-call-popupform form .callus i {
        margin: 0 0 0 15px
    }

    .book-call-popupform form .lst-p {
        text-align: center;
        padding: 0px 0px 15px
    }

    .book-call-popupform form .lst-p a {
        font-weight: 700;
        color: #fa130d;
    }

    .book-call-popupform form .lst-p a:hover {
        color: #000019
    }

    .book-call-popupform form input {
        width: 100%;
        margin: 0 0 0 0;
        border: 1px solid #cbcbcb;
        background: white;
        padding: 10px 15px;
        color: #535353;
        ;
        font-size: 16px;
        border-radius: 10px;
        height: 55px;
        font-weight: 400;
        outline: none !important;
        margin: 0 0 0px 0
    }

    .book-call-popupform form .newbtn {
        background: #fa130d;
        ;
        height: 55px;
        width: 100px;
        color: #fff;
        display: inline-block;
        vertical-align: top;
        border-radius: 0px 10px 10px 0px;
        cursor: pointer;
        border: 1px solid #cbcbcb;
        border-left: 0;
        font-size: 16px;
        font-weight: bold
    }

    .book-call-popupform #phone-coun {
        border-radius: 10px 0px 0px 10px
    }

    .callusnow {
        width: 50px;
        height: 50px;
        color: #fff;
        display: block;
        text-align: center;
        border-radius: 100%;
        font-size: 24px;
        position: fixed;
        bottom: 120px;
        left: 20px !important;
        z-index: 9999;
        box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
        padding: 6px 0px 12px 0;
        animation: scrollDownAnimation .5s ease infinite alternate;
        -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
        background: linear-gradient(90deg, #0af632, #03b911);
        background: -moz-linear-gradient(left, #59bad3 0%, #9b2c92 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92', GradientType=1);
        border: solid 3px #15bf00
    }

    .callusnow:hover {
        color: #fff
    }

    .fldst-two {
        width: 50%;
        display: inline-block;
        padding: 0px 5px 0px 0px
    }

    .fldst-two.last {
        padding: 0px 4px 0px 5px
    }

    .flagimg-exit {
        width: 20px;
        margin-left: 10px;
        margin-right: 2px
    }

    @keyframes scrollDownAnimation {
        from {
            transform: translateY(0) rotateY(0)
        }
        to {
            transform: translateY(-10px) rotateY(0)
        }
    }

    @-webkit-keyframes scrollDownAnimation {
        from {
            transform: translateY(0)
        }
        to {
            transform: translateY(-10px)
        }
    }

    @-webkit-keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(1, 201, 226, 0.3), 0 0 0 10px rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3)
        }
        100% {
            box-shadow: 0 0 0 1em rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3), 0 0 0 50px rgba(1, 201, 226, 0)
        }
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 rgba(201, 205, 206, 0.3), 0 0 0 10px rgba(232, 238, 239, 0.3), 0 0 0 20px rgba(219, 224, 224, 0.3), 0 0 0 30px rgba(197, 199, 199, 0.3)
        }
        100% {
            box-shadow: 0 0 0 1em rgba(207, 219, 220, 0.3), 0 0 0 20px rgba(167, 174, 175, 0.3), 0 0 0 30px rgba(187, 194, 195, 0.3), 0 0 0 50px rgba(1, 201, 226, 0)
        }
    }

    .ys-layer {
        display: none;
        opacity: 0.7;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000
    }

    .ys-container {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 9999
    }

    .ys-container.visible,
    .ys-layer.visible {
        display: block
    }

    .ys-box {
        background-color: #f5f5f5;
        width: 0;
        height: 0;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        transition: height .2s ease-in-out
    }

    .ys-popup-close {
        position: absolute;
        color: #000;
        text-align: center;
        font-size: 17px;
        text-decoration: none;
        display: block;
        right: 20px;
        top: 20px;
        font-weight: 700
    }

    .ys-container.finished .ys-popup-close {
        width: 40px;
        height: 40px;
        text-indent: 0
    }

    .ys-popup-content {
        padding: 20px 40px;
        background: #f5f5f5;
        border-radius: 0px 0px 10px 10px
    }

    .ys-container.finished .ys-popup-content {
        display: block
    }

    .ys-popup-close:hover {
        text-decoration: none;
        color: #f00
    }

    .ys-box {
        height: 574px;
        width: 572px !important;
        padding: 0;
        background-size: cover
    }

    .ys-box .mainbann {
        border-radius: 20px 20px 0 0;
        width: 100%
    }

    .popupform p {
        color: #42526E;
        font-size: 18px;
        padding: 0 0 8px;
        text-align: center
    }

    .popupform form p {
        color: #42526E;
        font-size: 13px;
        font-weight: 500
    }

    .popupform form p span {
        color: #0c71f4
    }

    p.small {
        font-size: 14px;
        color: #000;
        text-align: center;
        display: block
    }

    .popupform form {
        font-size: 0
    }

    .popupform form .fldst {
        margin: 0px;
        display: block;
        width: 100%
    }

    .popupform form .fldst .intl-tel-input {
        width: 100%;
        margin-bottom: 15px
    }

    .popupform form .fldst.btnattach button {
        outline: none;
        position: relative;
        bottom: 0;
        border: 0;
        display: block;
        right: 0;
        background: #fa130d;
        ;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        color: #fff
    }

    .popupform form p a {
        color: #fa130d;
        ;
        font-weight: 600
    }

    .popupform form .lst-p {
        text-align: center;
        padding: 15px 0px 0
    }

    .popupform form input {
        width: 100%;
        margin: 0 0 0 0;
        border: 1px solid #cbcbcb;
        background: white;
        padding: 10px 15px;
        color: gray;
        font-size: 14px;
        border-radius: 10px;
        height: 50px;
        font-weight: 400;
        outline: none !important;
        margin: 0 0 15px 0;
        color: #535353
    }

    .popupform figure {
        text-align: center;
        margin: 0px 0 0px 0
    }

    .popupform figure img {
        width: 30%
    }

    .intl-tel-input .country-list .country,
    .intl-tel-input .country-list .country-name {
        font-size: 14px
    }

    .popupform .btn::after {
        border-radius: 10px !important
    }

    .main-testimonials-sec {
        padding: 60px 0 00px 0;
        background: #f9f9f987
    }

    .testi_box {
        padding: 30px;
        transition: all 700ms;
        box-shadow: 0 0px 10px #ccc;
        background: #fff;
        margin: 10px 0 45px 0;
        text-align: center;
        border-radius: 10px
    }

    .testi_box:hover {
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 11px 15px #16232136;
        -ms-box-shadow: 0px 11px 15px #16232136;
        -o-box-shadow: 0px 11px 15px #16232136;
        box-shadow: 0px 11px 15px #16232136;
        transition: all 700ms
    }

    .testi-heading {
        text-align: center
    }

    .testi_box ul {
        margin-bottom: 30px
    }

    .testi_box ul li {
        display: inline-block;
        font-size: 16px;
        color: #ecc70e;
        margin: 0px 2px 0 2px
    }

    .testi_box>p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 0 0 15px 0
    }

    .main-img {
        font-size: 0;
        border-bottom: 2px solid #f3f3f3;
        padding-bottom: 30px;
        transition: all 700ms;
        text-align: left
    }

    .testi_box:hover .main-img {
        border-bottom: transparent;
        transition: all 700ms
    }

    .testi-img {
        display: inline-block;
        width: 45px;
        vertical-align: top;
        height: 45px;
        background: linear-gradient(45deg, #fb6e46, #f4852f);
        border-radius: 50%
    }

    .testi-img span {
        font-size: 18px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: inline-block;
        padding-top: 8px
    }

    .testi-img img {
        border-radius: 50%
    }

    .testi-cont {
        display: inline-block;
        width: 78%;
        vertical-align: top;
        padding-left: 20px
    }

    .testi-cont p {
        font-size: 16px;
        padding: 0px
    }

    .testi-cont p span {
        display: block;
        font-size: 14px
    }

    .slick-next:before {
        content: "f105";
        font-family: FontAwesome;
        font-size: 50px;
        color: #fa130d;
    }

    .slick-prev:before {
        content: "f104";
        font-family: FontAwesome;
        font-size: 50px;
        color: #fa130d;
    }

    .pckgslidersec .slick-prev,
    .pckgslidersec .slick-next {
        top: 50% !important
    }

    .pckkslider .slick-prev,
    .pckkslider .slick-next {
        top: 45% !important
    }

    .pckkslider .slick-prev {
        left: -50px
    }

    .pckkslider .slick-next {
        right: -50px
    }

    .gveplns p {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
        padding: 0px 30px 0 30px
    }

    .gveplns p a {
        text-decoration: underline
    }

    .tsti-lgos ul li {
        padding: 0 14px
    }

    .tsti-lgos ul li figure img {
        width: 130px
    }

    .bottom-form {
        padding: 60px 0;
        position: relative;
        z-index: 9;
        background: #fff
    }

    .bottom-form .txtwrap h2 {
        text-align: left
    }

    .bottom-form .txtwrap figure {
        margin: 20px 0 30px
    }

    .bottom-form .txtwrap p {
        font-size: 20px;
        line-height: 1.4;
        padding-bottom: 0;
        color: #000019
    }

    .bot-form form label.error {
        display: none !important
    }

    .bot-form form input.error {
        border: 1px solid red !important
    }

    .bot-form form select,
    .bot-form form input[type="text"],
    .bot-form form input[type="email"],
    .bot-form form input[type="number"],
    .bot-form form input[type="tel"],
    .bot-form form textarea {
        width: 100%;
        margin: 0 0 0 0;
        border: 1px solid #cbcbcb;
        background: white;
        padding: 14px 40px 14px 16px;
        color: #535353;
        font-size: 16px;
        border-radius: 10px;
        height: 55px;
        font-weight: 400;
        outline: none !important
    }

    .bot-form form .intl-tel-input {
        width: 100%
    }

    .bot-form form .intl-tel-input.separate-dial-code .selected-dial-code {
        padding-left: 27px
    }

    .bot-form form .fldset {
        margin-bottom: 20px
    }

    .bot-form form input[type="submit"] {
        cursor: pointer
    }

    .bot-form form textarea {
        width: 100%;
        margin: 0;
        padding: 14px 16px;
        height: 130px;
        resize: none
    }

    .bot-form form .finput:focus {
        outline: none !important
    }

    .slct-field:after {
        content: ">";
        position: absolute;
        right: 33px;
        top: 17px;
        font-family: myfirstfont;
        color: #999;
        font-size: 16px;
        transform: rotate(90deg);
        font-size: 16px;
        background: #fa7143;
        padding: 0px 6px;
        border-radius: 50px;
        color: #fff
    }

    .intl-tel-input .country-list .country {
        font-size: 14px
    }

    @media not all and (min-resolution:.001dpcm) {}

    @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {}

    .mycustompop .ys-box {
        width: 800px !important;
        height: auto;
        border-radius: 10px;
        overflow: hidden
    }

    .mycustompop .ys-box .ys-popup-content {
        font-size: 0;
        padding: 0
    }

    .mycustompop .ys-box .ys-popup-content .left {
        background: url(../images/exit-pop-up.html);
        height: 550px;
        padding: 30px;
        width: 40%;
        vertical-align: top;
        display: inline-block
    }

    .mycustompop .ys-box .ys-popup-content .left h3 {
        color: #593b64;
        padding-bottom: 0
    }

    .mycustompop .ys-box .ys-popup-content .right {
        padding: 45px 60px;
        width: 60%;
        display: inline-block;
        vertical-align: top
    }

    .mybanform form .wrap {
        font-size: 0;
        width: 100%;
        box-shadow: 0px 0px 40px #00000073;
        border-radius: 10px
    }

    .mybanform form .wrap .dtf {
        display: inline-block;
        vertical-align: top;
        width: 27.6%
    }

    .round {
        border-radius: 10px 0 0 10px
    }

    .mybanform form .wrap .dtf.posrelative {
        width: 17%
    }

    .mybanform form .wrap .dtf input[type="text"],
    .mybanform form .wrap .dtf input[type="email"],
    .mybanform form .wrap .dtf input[type="number"] {
        background: #fff;
        border: 0;
        font-size: 14px;
        height: 80px;
        width: 100%;
        padding: 20px;
        border-right: 1px solid #e8e9eb
    }

    .mybanform form .wrap .dtf input[type="submit"] {
        background: #fa130d;
        font-size: 16px;
        border: 0;
        color: #fff;
        padding: 20px 38px;
        height: 80px;
        cursor: pointer;
        border-radius: 0 10px 10px 0
    }

    .home-banner-thnku {
        background-position: 100% top;
        background-size: cover;
        height: 90vh;
        margin-top: 0px;
        position: relative
    }

    .home-banner {
        background-position: 100% top;
        background-size: cover;
        height: auto;
        position: relative
    }

    .thnku {
        margin-top: 0px !important
    }

    .clientssection {
        display: inline-block;
        padding: 30px 0;
        background: #fff;
        box-shadow: 0px 0px 20px #0000000f;
        width: 100%
    }

    .container-fluid1 {
        padding: 0 20px
    }

    .zz12 {
        display: inline-block;
        padding: 0;
        font-family: myfirstfont3;
        color: #282828;
        font-size: 20px
    }

    .chatt {
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .chatt img {
        vertical-align: top;
        padding: 5px
    }

    .clientssection h3 {
        color: #3c4355;
        font-size: 16px;
        padding-bottom: 0;
        padding: 20px 0
    }

    .clientssection ul {
        font-size: 0;
        margin-bottom: 0
    }

    .clientssection ul li {
        display: inline-block;
        padding: 0 14px
    }

    .clientssection ul li figure {
        margin-bottom: 0
    }

    .clientssection ul li figure img {
        width: 130px
    }

    .webtech {
        padding: 60px 0
    }

    .webtech .tabs-custom-nav {
        margin-bottom: 0
    }

    .webtech .tabs-custom-nav li .twrap {
        display: inline-block;
        padding: 20px 40px;
        box-shadow: 0 0 10px #ccc;
        align-self: center;
        margin: 0 0 10px;
        background: #fff
    }

    .webtech .tabs-custom-nav li .twrap.current {
        background: #f5f6f7
    }

    .webtech .tabs-custom-nav li .twrap:hover {
        background: #f5f6f7
    }

    .webtech .tabs-custom-nav li .twrap figure {
        display: inline-block;
        margin-bottom: 0
    }

    .webtech .tabs-custom-nav li .twrap figure img {
        width: 60px
    }

    .webtech .tabs-custom-nav li .twrap .content {
        display: inline-block;
        width: calc(100% - 80px);
        vertical-align: top;
        padding-left: 20px
    }

    .webtech .tabs-custom-nav li .twrap .content h4 {
        font-size: 22px;
        margin: 0
    }

    .webtech .tabs-custom-nav li .twrap .content p {
        padding-bottom: 0;
        font-size: 12px;
        text-align: left;
        padding: 0;
        margin: 0;
        line-height: 20px
    }

    .msliderwrap {
        width: 100vh;
        position: absolute;
        left: -280px;
        top: 112px
    }

    .msliderwrap .wowoslider {
        width: 100%;
        font-size: 0
    }

    .msliderwrap .wowoslider .item {
        width: 100%;
        font-size: 0
    }

    .msliderwrap .wowoslider .item figure {
        width: 100%;
        font-size: 0;
        margin-bottom: 0
    }

    .msliderwrap .wowoslider .item figure img {
        width: 709px;
        font-size: 0
    }

    .home-banner-content p {
        color: #fff;
        font-size: 14px;
        padding: 10px 0 20px 0;
        width: 60%;
        line-height: 20px;
        border-top: 1px solid #cccccc3b
    }

    .header-main .whitelogo {
        display: none
    }

    .header-main .blacklogo {
        display: block
    }

    .header-main.stickyyy .whitelogo {
        display: none
    }

    .header-main.stickyyy .blacklogo {
        display: block
    }

    .inerservice .header-main .whitelogo {
        display: none
    }

    .inerservice .header-main .blacklogo {
        display: block
    }

    .header-main.stickyyy .nav-area-full {
        background: #fff;
        box-shadow: 0px 10px 23px #0000000d
    }

    .inerservice .header-main .main-menu>ul>li>a {
        color: #000
    }

    .header-main.stickyyy .main-menu>ul>li>a {
        color: #000
    }

    .header-main.stickyyy .main-menu>ul>li:hover>a {
        color: #282828 !important
    }

    .inerservice .header-main .main-menu>ul>li.active>a {
        color: #fa7143
    }

    .inerservice .header-main .main-menu>ul>li:hover>a {
        color: #fa7143
    }

    .header-main .main-menu>ul>li.book-call:hover>a {
        color: #fff
    }

    .header-main .main-menu>ul>li.live-chat:hover>a {
        color: #fff
    }

    .das {}

    .header-main.stickyyy .main-menu>ul>li.book-call:hover>a {
        color: #000
    }

    .header-main.stickyyy .main-menu>ul>li.live-chat:hover>a {
        color: #000
    }

    .header-main.stickyyy .main-menu>ul>li.head-no>a {
        color: #fff
    }

    .inerservice .header-main .main-menu>ul>li.head-no>a {
        color: #fff
    }

    .detailsec {
        padding: 60px 0 0;
        text-align: center
    }

    .detailsec p {
        padding: 0 0 10px;
        font-size: 14px;
        font-family: myfirstfont4
    }

    .detailsec h3 {
        font-size: 35px;
        font-family: myfirstfont2 !important;
        margin: 0;
        padding: 0
    }

    .proofbox .btnwrap {
        font-family: var(--heading-font-family);
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 50px
    }

    .content12 {
        position: relative;
        text-align: center
    }

    .content12 .sub {
        position: absolute;
        top: 50%;
        left: 00;
        right: 0;
        transform: translate(0, -50%)
    }

    .content12 .sub h4 {
        color: #fff;
        padding: 0;
        font-family: myfirstfont2 !important
    }

    .content12 .sub h4:nth-child(2) {
        margin: 0 0 15px !important
    }

    .content12 .sub h3 {
        font-size: 38px;
        padding: 0;
        color: #fff
    }

    .intl-tel-input.allow-dropdown input,
    .intl-tel-input.allow-dropdown input[type=text],
    .intl-tel-input.allow-dropdown input[type=tel],
    .intl-tel-input.separate-dial-code input,
    .intl-tel-input.separate-dial-code input[type=text],
    .intl-tel-input.separate-dial-code input[type=tel] {
        padding-right: 6px;
        padding-left: 52px !important;
        margin-left: 0
    }

    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
        padding-left: 84px !important
    }

    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
        padding-left: 92px !important
    }

    .btn-black {
        text-align: center;
        border-radius: 5px;
        padding: 14px 20px;
        background-color: #fff;
        color: #fe7f85;
        display: inline-block;
        width: 200px;
        font-size: 16px;
        font-weight: 400;
        margin-right: 20px;
        border: 1px solid #fe8487;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-transform: capitalize;
        margin-top: 20px
    }

    .btn-black:hover {
        transform: translateY(-3.925px);
        color: #f4852f;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .btn-red {
        text-align: center;
        border-radius: 5px;
        padding: 14px 20px;
        background: linear-gradient(45deg, #ff7983, #fdb79b);
        color: #fff;
        display: inline-block;
        width: 200px;
        font-size: 16px;
        font-weight: 400;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .btn-red:hover {
        transform: translateY(-3.925px);
        color: #fff;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    button.btn-red {
        border: none;
        cursor: pointer
    }

    .detailsec h2 {
        line-height: 1;
        font-size: 30px;
        margin-bottom: 0;
        padding-bottom: 30px;
        font-family: myfirstfont4
    }

    .webcta {
        background: #3d60a6;
        padding: 60px 0 60px
    }

    .webcta h3 {
        color: #fff;
        font-size: 30px
    }

    .webcta p {
        font-size: 18px;
        color: #fff
    }

    .webcta .btnwrap {
        padding-top: 28px
    }

    .webtech h2 {
        line-height: 1;
        font-size: 40px;
        margin-bottom: 0;
        padding-bottom: 15px;
        text-align: center
    }

    .webtech p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 40px
    }

    .portfolio_arch .inner {
        padding: 40px 0;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff
    }

    .portfolio_arch h2 {
        line-height: 1;
        font-size: 44px;
        margin-bottom: 0;
        padding-bottom: 10px;
        text-align: center;
        color: #fff
    }

    .portfolio_arch .top {
        background: #000;
        padding: 15px 0;
        background: url(../images/updated/blackbg.html) no-repeat;
        background-size: cover
    }

    .portfolio_arch p {
        font-size: 18px;
        text-align: center;
        font-family: myfirstfont4;
        color: #fff
    }

    .testi-heading h2 {
        font-size: 44px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 30px;
        padding: 0px
    }

    .testi-heading p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 40px
    }

    .wrp {
        width: 100%
    }

    .innserservice-commonfolds .btnwrap {
        margin-top: 30px
    }

    .ourpackages {
        padding: 60px 0;
        text-align: center;
        position: relative
    }

    .ourpackages h2 {
        line-height: 1;
        font-size: 44px;
        margin-bottom: 0;
        padding-bottom: 30px;
        text-align: center
    }

    .ourpackages p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 10px
    }

    .ourpackages .tab-custom .tabbing-links {
        margin-bottom: 0;
        margin-top: 30px
    }

    .ourpackages .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        padding: 18px 30px;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .ourpackages .tab-custom .tabbing-links li.current {
        background: #fff
    }

    .ourpackages .tab-custom .tabs {
        display: none;
        width: 100%
    }

    .ourpackages .tab-custom .tabs.current {
        display: inline-block;
        text-align: left
    }

    .ourpackages .tab-custom .tabs ul {
        text-align: center;
        width: 100%;
        display: inline-block;
        font-size: 0;
        margin-bottom: 0;
        margin-top: 40px
    }

    .ourpackages .tab-custom .tabs ul li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 25%;
        padding: 0 5px
    }

    .ourpackages .tab-custom .tabs ul li .packwrap {
        font-family: var(--secondary-font-family);
        padding: 40px 25px;
        background: #f5f6f7;
        border-radius: 10px;
        border: 2px solid transparent
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h3 {
        font-size: 20px;
        color: #464c51;
        text-align: center
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h4 {
        font-size: 30px;
        text-align: center;
        font-family: var(--heading-font-family);
        font-weight: 700;
        color: #333a3f
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h4 span {
        color: #a6b0ba;
        text-align: center;
        font-size: 12px;
        display: block;
        font-weight: 400;
        margin-bottom: 8px;
        font-family: var(--secondary-font-family)
    }

    .ourpackages .tab-custom .tabs ul li .packwrap h5 {
        text-align: center;
        color: #757a7e;
        font-size: 12px;
        line-height: 1.4;
        font-family: var(--secondary-font-family);
        padding-bottom: 0
    }

    .ourpackages .tab-custom .tabs ul li .packwrap a {
        margin: 20px 0
    }

    .combo-wrapper .tab-custom .tabbing-links {
        margin-bottom: 0;
        margin-top: 0;
        width: 100%
    }

    .combo-wrapper .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 11px;
        font-weight: 600;
        display: inline-block;
        padding: 18px 18px;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 8px;
        width: 26%;
        text-align: center
    }

    .combo-wrapper .tab-custom .tabbing-links li:before {
        display: none
    }

    .combo-wrapper .tab-custom .tabbing-links li.current {
        background: #fff
    }

    .combo-wrapper .tab-custom .tabs {
        display: none;
        width: 100%
    }

    .combo-wrapper .tab-custom .tabs.current {
        display: inline-block;
        text-align: left
    }

    .combo-wrapper .tab-custom .tabs ul {
        text-align: center;
        width: 100%;
        display: inline-block;
        font-size: 0;
        margin-bottom: 0;
        margin-top: 20px
    }

    .combo-wrapper .tab-custom .tabs ul li {
        display: block;
        width: 100%;
        padding: 0px 25px
    }

    .combo-wrapper .tab-custom .tabs ul li .packwrap {
        font-family: var(--secondary-font-family);
        padding: 40px 25px;
        background: #f5f6f7;
        border-radius: 10px;
        border: 2px solid transparent
    }

    .btn-pack {
        color: #fff;
        background: #3d60a6;
        padding: 12px 60px;
        display: inline-block;
        border-radius: 10px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: var(--heading-font-family);
        font-weight: 700;
        letter-spacing: 1px
    }

    .btn-pack:hover {
        color: #fff
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures {
        display: inline-block;
        text-align: left;
        padding: 0px 0 15px;
        margin-top: 0
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li {
        position: relative;
        width: 100%;
        text-align: left;
        color: #63686c;
        font-size: 14px;
        padding-left: 22px;
        padding-bottom: 10px;
        font-family: var(--primary-font-family)
    }

    .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before {
        content: "e962";
        position: absolute;
        left: 0;
        font-family: 'icomoon' !important;
        top: 1px;
        font-size: 13px;
        color: #01e252
    }

    .ourpackages .tab-custom .tabs ul li p.extrainfo {
        color: #a6b0ba;
        text-align: center;
        font-size: 12px;
        display: block;
        font-weight: 400;
        padding-bottom: 0;
        font-family: var(--secondary-font-family)
    }

    .ourpackages .tab-custom .tabs ul li .viewdetails span {
        font-size: 16px;
        margin-right: 10px
    }

    .ourpackages .tab-custom .tabs ul li .viewdetails {
        color: #a6b0ba;
        text-align: center;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin-top: 10px;
        font-family: var(--secondary-font-family)
    }

    .nopadding {
        padding: 0px
    }

    .ourpackages .tab-custom .tabs ul li .packwrap.popular {
        background: #fff;
        border: 2px solid #fa130d;
        position: relative;
        font-family: var(--heading-font-family)
    }

    .ourpackages .tab-custom .tabs ul li .packwrap.popular:after {
        content: "Popular";
        position: absolute;
        text-transform: uppercase;
        font-size: 14px;
        top: 13px;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #fa130d;
        font-weight: 700
    }

    .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack {
        background: #fa130d
    }

    .ourpackages:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 284px;
        background: #eef1f2
    }

    .bot-form h2 {
        font-size: 30px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 15px;
        padding: 0px;
        font-family: myfirstfont2 !important
    }

    .inerservice .ourpackages:before {
        display: none
    }

    .innserservice-commonfolds h6 span {
        color: #160c28
    }

    .myawards {
        padding: 30px 0
    }

    .myawards p {
        font-weight: 400;
        padding: 0;
        font-size: 16px;
        padding-right: 50px
    }

    .myawards .tsti-lgos .mya {
        margin-bottom: 0px;
        font-size: 0
    }

    .myawards .tsti-lgos .mya li {
        display: inline-block;
        margin: 0 10px
    }

    .techicons {
        padding-top: 30px
    }

    .techicons ul {
        font-size: 0;
        margin-bottom: 0
    }

    .techicons ul li {
        display: inline-block;
        margin: 0 20px
    }

    .techicons ul li figure {
        margin-bottom: 0px
    }

    .techicons ul li figure img {
        width: 80px
    }

    .wbport {
        display: inline-block;
        width: 100%;
        font-size: 0;
        margin-bottom: 0
    }

    .wbport li {
        width: 30.7%;
        display: inline-block;
        margin: 0 15px 30px
    }

    .portbanner {
        background-attachment: inherit;
        height: 400px
    }

    .portfoliopg .build-to-win {
        position: relative
    }

    .portfoliopg .build-to-win:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 284px;
        background: #eef1f2
    }

    .portfoliopg .build-to-win .tab-custom {
        position: relative;
        z-index: 1;
        text-align: center
    }

    .portfoliopg .build-to-win .tab-custom .tabbing-links {
        margin-bottom: 0;
        margin-top: 30px;
        margin-bottom: 50px
    }

    .portfoliopg .build-to-win .tab-custom .tabbing-links li {
        color: #4a5660;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        padding: 18px 30px;
        cursor: pointer;
        background: #eef1f2;
        border-radius: 10px 10px 0 0
    }

    .portfoliopg .build-to-win .tab-custom .tabbing-links li.current {
        background: #fff
    }

    .portfoliopg .build-to-win .tab-custom .tabs {
        display: none
    }

    .portfoliopg .build-to-win .tab-custom .tabs.current {
        display: inline-block;
        text-align: left
    }

    .portfoliopg .build-to-win .main-heading {
        margin-bottom: 0
    }

    .packagespg .ourpackages:before {
        display: block
    }

    .homeslid .slick-prev {
        left: 40px;
        z-index: 2
    }

    .homeslid .slick-next {
        right: 40px;
        z-index: 2
    }

    .homeslid .slick-next,
    .homeslid .slick-prev {
        top: 46% !important;
        z-index: 3
    }

    .footerleft figure img {
        width: 170px
    }

    .customquotepg .cta-fold {
        margin-top: 70px
    }

    .innserservice-commonfolds.animation {
        background: #fff url(../images/second-fold/animation.jpg)no-repeat
    }

    .innserservice-commonfolds.backend {
        background: #fff url(../images/second-fold/backend-development.jpg)no-repeat
    }

    .innserservice-commonfolds.ecommerce {
        background: #fff url(../images/second-fold/ecommerce.jpg)no-repeat
    }

    .innserservice-commonfolds.mobile {
        background: #fff url(../images/second-fold/mobile-development.jpg)no-repeat
    }

    .mtech {
        text-align: center;
        padding: 60px 0
    }

    .mtech h2 {
        line-height: 1;
        font-size: 44px;
        margin-bottom: 0;
        padding-bottom: 30px
    }

    .mtech ul {
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
        font-size: 0
    }

    .mtech ul li {
        vertical-align: top;
        width: 30%;
        display: inline-block;
        padding: 30px 30px 30px;
        margin: 15px 15px;
        border: 1px solid #e6e2e2;
        border-radius: 10px;
        min-height: 190px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 20px #e4e4e4;
        -moz-box-shadow: 0px 0px 20px #e4e4e4;
        box-shadow: 0px 0px 20px #e4e4e4;
        transition: .5s linear
    }

    .mtech ul li:hover {
        background: #282828;
        color: #fff
    }

    .mtech ul li:hover h3,
    .mtech ul li:hover p {
        color: #fff
    }

    .mtech ul li figure {
        margin-bottom: 0
    }

    .mtech ul li h3 {
        font-size: 22px
    }

    .mtech ul li p {
        font-size: 14px;
        line-height: 1.1
    }

    .innserservice-commonfolds.cwebdesign {
        background: #fff url(../images/abt/custom-website-design.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.wordpress {
        background: #fff url(../images/abt/webdevelopment.jpg)no-repeat;
        background-position: top -20px right 80px;
        background-size: 35%;
        padding: 60px 0
    }

    .innserservice-commonfolds.logo112 {
        background: #fff url(../images/abt/logo.jpg)no-repeat;
        background-position: top 100px right 80px;
        background-size: 35%;
        padding: 60px 0
    }

    .innserservice-commonfolds.ecommerce {
        background: #fff url(../images/abt/ecommerce-website-development.jpg)no-repeat;
        background-position: top -100px right -35px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.ecommerce12 {
        background: #fff url(../images/abt/wordpress.jpg)no-repeat;
        background-position: top 0px left -35px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.webapp {
        background: #fff url(../images/abt/web-application-development.jpg)no-repeat;
        background-position: top 50px right 70px;
        background-size: 30%;
        padding: 60px 0
    }

    .innserservice-commonfolds.backend {
        background: #fff url(../images/abt/backend-development.jpg)no-repeat;
        background-position: top -60px right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.backend121 {
        background: #fff url(../images/abt/backend-development.jpg)no-repeat;
        background-position: top -0px left -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.mobapp {
        background: #fff url(../images/abt/mobile-application.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.webmain {
        background: #fff url(../images/abt/web-maintanance.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.domain {
        background: #fff url(../images/abt/domain-and-hosting.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.branding {
        background: #fff url(../images/abt/branding.jpg)no-repeat;
        background-position: top -50px right 0;
        background-size: 40%;
        padding: 60px 0
    }

    .innserservice-commonfolds.video {
        background: #fff url(../images/abt/animation.jpg)no-repeat;
        background-position: top right 80px;
        background-size: 30%;
        padding: 60px 0
    }

    .innserservice-commonfolds.seo {
        background: #fff url(../images/abt/seo.jpg)no-repeat;
        background-position: top right -20px;
        background-size: 40%;
        padding: 60px 0
    }

    input.error {
        border: 1px solid red !important
    }

    @media only screen and (max-width: 767px) and (min-width: 0px) {
        .msliderwrap {
            display: none
        }
        .header-main .logo img {
            width: 126px
        }
        .home-banner-content h1 {
            font-size: 32px;
            width: 100%
        }
        .home-banner-content p {
            font-size: 18px;
            width: 100%
        }
        .floating_wrap {
            display: none !important
        }
        .floatbutton {
            display: none !important
        }
        .mybanform form .wrap {
            box-shadow: none
        }
        .mybanform form .wrap .dtf {
            width: 100%;
            margin-bottom: 10px
        }
        .mybanform form .wrap .dtf input[type="text"],
        .mybanform form .wrap .dtf input[type="email"],
        .mybanform form .wrap .dtf input[type="number"] {
            width: 100%;
            height: 52px;
            border-radius: 10px
        }
        .mybanform form .wrap .dtf input[type="submit"] {
            height: 52px;
            padding: 10px 30px;
            line-height: 1;
            width: 100%;
            border-radius: 10px
        }
        .mybanform form .wrap .dtf.posrelative {
            width: 100%
        }
        .home-banner {
            padding-top: 0;
            margin-top: 108px;
            background-position: center
        }
        .webtech .general .tab-content-panel figure img {
            display: none
        }
        .slick-prev,
        .slick-next {
            display: none !important
        }
        .ourpackages .tab-custom .tabs ul li {
            width: 100%;
            padding: 0 20px
        }
        .portfolio_arch .fixdwrap .portfoliogridlist li {
            width: 100%
        }
        .portfolio_arch .fixdwrap .portfoliogridlist {
            padding: 0 30px
        }
        .ourpackages .tab-custom .tabbing-links li {
            font-size: 14px;
            padding: 14px 15px;
            margin-bottom: 10px;
            border-radius: 10px
        }
        .ourpackages:before {
            display: none
        }
        .ourpackages .tab-custom .tabbing-links li.current {
            background: #fa130d;
            color: #fff
        }
        .mybanform {
            padding: 0 20px
        }
        .mobile-nav-btn span {
            color: #fff;
            background-color: #000
        }
        .mobile-nav-btn span:before,
        .mobile-nav-btn span:after {
            background-color: #000
        }
        .whether-you .main-heading h2,
        .build-to-win .main-heading h2,
        .innserservice-commonfolds h1,
        .bot-form h2,
        .cta-fold p,
        .testi-heading h2,
        .x-factor-section h2,
        .webcta h3,
        .webtech h2,
        .ourpackages h2,
        .portfolio_arch h2,
        .proofbox h3,
        .detailsec h2 {
            text-align: left;
            font-size: 28px
        }
        .mobile-nav-btn {
            z-index: 999;
            top: 45px
        }
        .logo-main img {
            width: 120px
        }
        .detailsec p {
            padding-bottom: 20px
        }
        .proofbox p {
            text-align: left
        }
        .proofbox .btnwrap {
            text-align: left
        }
        .btn-black {
            margin-bottom: 10px
        }
        .portfolio_arch p {
            text-align: left
        }
        .ourpackages p {
            text-align: left
        }
        .webtech {
            padding-top: 0px
        }
        .webtech p {
            text-align: left
        }
        .webtech .tabs-custom-nav li .twrap .content {
            width: 100%;
            padding-left: 0px;
            margin-top: 20px
        }
        .webtech .tabs-custom-nav li .twrap {
            padding: 30px
        }
        .testi-heading h2 {
            text-align: left
        }
        .testi-heading p {
            text-align: left
        }
        .x-factor-section {
            min-height: auto;
            padding: 30px 0
        }
        .main-testimonials-sec {
            padding: 30px 0
        }
        .slick-dots {
            bottom: 30px
        }
        .testi_box>p {
            font-size: 16px
        }
        .myawards {
            display: none
        }
        .bot-form {
            padding-top: 30px
        }
        .footer-top {
            background: none;
            padding: 30px 0;
            height: auto
        }
        .inerservice-banner .isb-textwrapper h1 {
            font-size: 28px
        }
        .inerservice-banner .isb-textwrapper {
            padding-right: 0px
        }
        .inerservice-banner .submit {
            width: 100%
        }
        .inerservice-banner form {
            width: 100%;
            margin-top: 20px;
            padding: 0 20px
        }
        .innserservice-commonfolds {
            background: none !important
        }
        .innserservice-commonfolds h6 {
            color: #fa130d;
            font-weight: 700;
            font-size: 24px;
            padding: 15px 0
        }
        .build-to-win .to-win-box {
            width: 100%
        }
        .build-to-win .main-heading p {
            text-align: left
        }
        .innserservice-commonfolds.experience {
            padding: 30px 0;
            margin-top: 0px
        }
        .whether-you .main-heading p {
            text-align: left
        }
        .whether-you .main-heading {
            width: 100%
        }
        .whether-you .whether-box {
            text-align: left
        }
        .whether-you .whether-box figure {
            margin: inherit
        }
        .wbport li {
            margin: 0px;
            padding: 0px 15px 30px
        }
        .ourpackages {
            padding: 30px 0
        }
        .portfoliopg .build-to-win .tab-custom .tabbing-links li {
            font-size: 14px;
            padding: 14px 15px;
            margin-bottom: 10px;
            border-radius: 10px
        }
        .portfoliopg .build-to-win:before {
            display: none
        }
        .portfoliopg .build-to-win .tab-custom .tabbing-links li.current {
            background: #fa130d;
            color: #fff
        }
    }

    @media only screen and (max-width: 1340px) and (min-width: 768px) {
        .msliderwrap .wowoslider .item figure img {
            width: 570px
        }
        .msliderwrap {
            width: 100vh;
            position: absolute;
            left: -260px;
            top: 135px
        }
    }

    @media only screen and (max-width: 1540px) and (min-width: 1341px) {
        .msliderwrap .wowoslider .item figure img {
            width: 656px
        }
        .msliderwrap {
            top: 118px
        }
    }

    @media only screen and (max-width: 1840px) and (min-width: 1641px) {
        .msliderwrap .wowoslider .item figure img {
            width: 772px
        }
        .msliderwrap {
            top: 96px
        }
    }

    @media only screen and (max-width: 2290px) and (min-width: 1841px) {
        .msliderwrap .wowoslider .item figure img {
            width: 841px
        }
        .msliderwrap {
            top: 50px;
            left: -290px
        }
    }

    .works-wrap {
        padding: 150px 0 60px;
        position: relative;
        background-color: #fff;
        z-index: 2;
        border-bottom: 1px solid #eaeaea
    }

    .subscribe-fold {
        padding: 0px 0 0
    }

    .subscribe-fold .myheading {
        position: relative;
        padding-bottom: 40px;
        font-size: 44px;
        color: #160c28;
        line-height: 1.1em;
        margin-bottom: 30px;
        padding: 0px
    }

    .subscribe-fold .mytext {
        text-align: left;
        margin: 0 0 70px;
        padding: 0px;
        font-size: 18px
    }

    .subscribe-fold .myheading:after {
        position: absolute;
        background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%);
        background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
        width: 76px;
        height: 2px;
        left: 0;
        bottom: 0
    }

    .bronze {
        border: 1px solid transparent
    }

    .subs-pac {
        box-shadow: 0 3px 30px #0000001f;
        display: block;
        width: 100%;
        text-align: center;
        height: 505px;
        margin: 0 0 60px;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border-radius: 10px;
        padding: 75px 0 0
    }

    .subscribe-fold h3 {
        font-size: 24px;
        margin: 0;
        font-weight: 400;
        position: relative;
        text-transform: capitalize;
        font-weight: 800;
        width: 100%;
        text-align: center
    }

    .subs-pac h6 {
        color: #fa130d;
        font-size: 40px;
        font-weight: 700;
        display: inline-block;
        line-height: 0.9;
        margin: 30px 0 0;
        position: relative;
        padding: 0 20px
    }

    .subs-pac h6 span.old {
        position: absolute;
        right: 0;
        left: 0;
        top: -30px;
        text-decoration: line-through;
        font-weight: bold;
        margin: 0;
        font-size: 16px
    }

    .subs-pac h6 b {
        position: relative;
        font-size: 20px;
        display: inline-block;
        top: -28px;
        color: #555
    }

    .subs-pac h6 span {
        font-size: 16px;
        color: #687087;
        display: inline-block;
        margin: 30px 0 0;
        padding: 0;
        position: relative;
        line-height: 1.3
    }

    .subs-pac h6 span b.monthss {
        position: absolute;
        right: -61px;
        font-size: 20px;
        top: -37px;
        color: #555
    }

    .subs-pac.bronze:hover {
        background: #fa130d
    }

    .subs-pac span {
        display: block;
        margin: 30px 0 20px;
        font-weight: 400
    }

    .subs-pac a.ordrrrr {
        text-align: center;
        margin: 30px auto 0;
        border: none;
        padding: 14px 60px;
        color: #fff;
        box-shadow: none;
        border-radius: 10px;
        font-weight: 600;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        background: #fa130d;
        font-family: var(--heading-font-family)
    }

    .subs-pac:hover a.ordrrrr {
        background: #fff;
        color: #fa130d
    }

    .subs-pac .actions {
        border-top: 1px solid #eee;
        padding: 0px 0;
        margin: 40px 0 0;
        position: relative
    }

    .subs-pac:hover div.actions {
        border-top: 1px solid #fff
    }

    .subs-pac .actions a.chatbtn {
        font-size: 14px;
        font-weight: 600;
        padding: 15px 0px;
        display: inline-block;
        color: #000;
        margin: 0px
    }

    .subs-pac .actions a.numberbtn {
        font-size: 14px;
        font-weight: 600;
        padding: 15px 0px;
        color: #000;
        display: inline-block;
        margin: 0px
    }

    .subs-pac.bronze:hover h3,
    .subs-pac.bronze:hover h6,
    .subs-pac.bronze:hover span,
    .subs-pac.silver:hover h3,
    .subs-pac.silver:hover h6,
    .subs-pac.silver:hover span,
    .subs-pac.gold:hover h3,
    .subs-pac.gold:hover h6,
    .subs-pac.gold:hover span {
        color: #fff
    }

    .subs-pac:hover h6 b {
        color: #fff
    }

    .subs-pac.bronze:hover a.chatbtn {
        color: #fff !important
    }

    .subs-pac.bronze:hover a.numberbtn {
        color: #fff !important
    }

    .subscribe-fold .table-packages.bronze {
        border: none
    }

    .subscribe-fold .table-packages {
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        width: 100%
    }

    sub-list {
        padding-left: 40px
    }

    .subscribe-fold .table-packages .head {
        width: 100%
    }

    .subscribe-fold .table-packages .head h5 {
        text-align: left;
        font-size: 28px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        display: inline-block;
        color: #160c28
    }

    .subscribe-fold .table-packages .body .subscription-list {
        height: 430px;
        margin-top: 20px;
        padding: 0
    }

    .mCustomScrollBox {
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        padding: 0 10px;
        direction: ltr
    }

    .mCSB_container {
        overflow: hidden;
        width: auto;
        height: auto
    }

    .subscribe-fold .table-packages .body ul li {
        text-align: left;
        padding: 14px 0 14px 0;
        border-bottom: 1px solid #eaeaea;
        width: 95%
    }

    .subscribe-fold .table-packages .body ul li h6 {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-family: var(--primary-font-family)
    }

    .subscribe-fold .table-packages .body ul li span.tick {
        font-size: 20px;
        color: #01e252;
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 30px;
        height: 32px;
        line-height: 1.6;
        float: right
    }

    .subscribe-fold .table-packages .body ul li span.tick:before {
        font-family: "fontawesome";
        content: "f00c";
        position: absolute;
        top: 0
    }

    .mCSB_scrollTools {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools {
        position: absolute;
        width: 16px;
        height: auto;
        left: auto;
        top: 0;
        right: 0;
        bottom: 0
    }

    .mCSB_scrollTools {
        -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
        transition: opacity .2s ease-in-out, background-color .2s ease-in-out
    }

    .subscribe-fold {
        padding: 0px 0 0
    }

    .heading {
        font-weight: 700
    }

    .subscribe-fold .table-packages .body .subscription-list {
        height: 430px;
        margin-top: 20px;
        padding: 0
    }

    .custompackages .topwrap {
        padding: 20px;
        border: 1px solid #e4e4e4;
        border-radius: 8px
    }

    .custompackages {
        font-size: 0;
        padding: 60px 0
    }

    .custompackages .textwrap {
        vertical-align: middle;
        display: inline-block;
        width: 60%;
        padding-right: 20px
    }

    .custompackages .textwrap h2 {
        font-size: 44px;
        font-weight: 700;
        color: #160c28;
        line-height: 1;
        padding-bottom: 15px
    }

    .custompackages .textwrap p {
        font-size: 18px
    }

    .custompackages .btnwrap {
        vertical-align: middle;
        display: inline-block;
        width: 40%;
        text-align: right
    }

    .securedmca {
        display: inline-block;
        width: 100%;
        margin-top: 20px
    }

    .main-cmplte-brnd-sec {
        padding: 60px 0 30px 0;
        background-color: #fff
    }

    .cmpo-prc-inner ul .list-scroll {
        padding: 0px;
        margin: 0px 0 30px 0;
        height: 200px
    }

    .cmpo-prc-inner ul li:before {
        content: "e962";
        position: absolute;
        left: 0;
        font-family: 'icomoon' !important;
        top: 2px;
        font-size: 13px;
        color: #01e252
    }

    .cmpo-prc-inner ul li.cmp-heading {
        font-weight: bold;
        font-size: 20px;
        padding: 0 0 3px 0;
        text-transform: uppercase;
        position: relative;
        font-family: "Bai Jamjuree", sans-serif;
        font-size: 20px;
        color: #464c51;
        margin: 10px auto
    }

    .cmpo-prc-inner ul li.cmp-heading:before {
        content: "";
        position: absolute;
        height: 2px;
        bottom: 0px;
        left: 0px
    }

    .cmpo-prc-inner ul li.cmp-heading.brd1:before {
        width: 132px
    }

    .cmpo-prc-inner ul li.cmp-heading.brd2:before {
        width: 97px
    }

    .cmpo-prc-inner ul li.cmp-heading.brd3:before {
        width: 250px
    }

    .cmpo-prc-inner ul li.cmp-heading.brd4:before {
        width: 200px
    }

    .cmpo-prc-inner ul li {
        position: relative;
        width: 100%;
        text-align: left;
        color: #63686c;
        font-size: 14px;
        padding-left: 22px;
        padding-bottom: 10px;
        font-family: var(--primary-font-family)
    }

    .cmpo-prc-inner ul li span {
        font-size: 10px
    }

    .cmplet-img img {
        width: 100%
    }

    .main-cmple-img-sec {
        position: relative
    }

    .brndng-txt {
        width: 35%;
        position: absolute;
        top: 0px;
        left: 0px
    }

    .brndng-txt img {
        width: 100%;
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    .cmplet-img {
        padding: 0 0 0 0
    }

    .chat-con-combo .pkge-ordr {
        margin: 0;
        float: left;
        width: 100%
    }

    .chat-con-combo .pkge-bkcl {
        display: inline-block;
        float: right
    }

    a.cmp-btn {
        background: -moz-linear-gradient(-45deg, #327587 0%, #58b9d1 100%);
        background: #fa130d;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#327587', endColorstr='#58b9d1', GradientType=1);
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 12px;
        border-radius: 5px;
        margin-left: 0;
        width: 100% !important;
        float: left
    }

    a.out-cmp-btn {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 9.5px 14px;
        border-radius: 5px;
        background-color: transparent;
        border: 1px solid #fff;
        width: 100% !important;
        margin-left: 4px
    }

    .chat-con-combo {
        padding: 10px 0 0 0;
        width: 100% !important;
        color: #333 !important
    }

    .brndng-plan {
        position: absolute;
        right: 0px;
        top: -20px
    }

    .brndng-plan img {
        width: 100%
    }

    .main-cmplte-mob-sec {
        padding: 30px 0 30px 0;
        background-color: #4235b4;
        display: none
    }

    .cmpl-mob-img {
        text-align: center;
        width: 75%;
        margin: 0 auto 15px
    }

    .cmpl-mob-img img {
        width: 100%
    }

    .main-cmplte-mob-sec .slick-dots {
        bottom: -10px
    }

    .main-cmplte-mob-sec .chat-con-combo {
        padding: 7px 0 30px 0
    }

    .main-cmplte-brnd-sec .packwrap {
        font-family: var(--secondary-font-family);
        padding: 25px 25px;
        background: #f5f6f7;
        border-radius: 10px;
        border: 2px solid transparent
    }

    .line-over-text {
        text-decoration: line-through;
        color: #a6b0ba;
        font-size: 16px;
        font-weight: 700;
        right: 7px;
        top: 0
    }

    a.out-cmp-btn {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 9.5px 14px;
        border-radius: 5px;
        background-color: transparent;
        border: 1px solid #fff;
        width: 100% !important;
        margin-left: 4px
    }

    a.out-cmp-btn {
        color: #fa130d;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        padding: 9.5px 14px;
        border-radius: 5px;
        background-color: transparent;
        border: 1px solid #fa130d;
        width: 100% !important;
        margin-top: -8px
    }

    .cmpo-prc-inner h4 {
        font-size: 36px;
        font-weight: 900;
        position: relative
    }

    section.main-cmplte-brnd-sec .viewdetails {
        color: #a6b0ba;
        text-align: center;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin-top: 28px;
        font-family: var(--secondary-font-family)
    }

    .cmpo-prc-inner h2 {
        font-size: 20px;
        color: #464c51;
        text-align: center
    }

    .center-btn {
        display: block;
        margin-top: 0px;
        width: 100%;
        float: left
    }

    .brd-cbcbcb {
        border: 1px #cbcbcb solid;
        padding: 50px;
        border-radius: 9px
    }

    .subscribe-fold .table-packages .body ul li.cmp-heading {
        font-size: 24px;
        font-weight: 600
    }

    .combo-wrapper .mCSB_scrollTools {
        position: absolute;
        width: 16px;
        height: auto;
        left: 0
    }

    .combo-wrapper .mCSB_container {
        padding-left: 16px
    }

    .mybanform3 {
        background: #fff;
        padding: 25px 35px;
        width: 100%;
        border-radius: 5px
    }

    .mybanform3 .inner-form h5 {
        text-transform: capitalize;
        font-size: 30px;
        padding: 25px 0 0 0
    }

    .mybanform3 .top {
        text-align: center
    }

    .mybanform3 .top h5 {
        color: #000;
        margin: 0 0 10px;
        padding: 0;
        font-size: 24px;
        text-transform: capitalize;
        font-family: myfirstfont2 !important
    }

    .mybanform3 form {
        width: 100%;
        vertical-align: middle
    }

    .mybanform3 .top h4 {
        color: #fa7043;
        font-size: 25px;
        margin: 0;
        font-family: myfirstfont2 !important;
        padding: 0
    }

    .mybanform3 .top h4 strong {
        font-family: myfirstfont !important
    }

    .mybanform3 .col-lg-6:nth-child(2) {
        text-align: end
    }

    .mybanform3 button {
        text-transform: uppercase;
        background: linear-gradient(45deg, #fc694a, #f3892c);
        border: 1px solid #f3892c3d;
        padding: 10px 30px;
        color: #fff;
        font-weight: 600
    }

    .mybanform3 .inner-form {
        text-align: left;
        margin: 0 0 20px
    }

    .mybanform3 form {
        text-align: center
    }

    .mybanform3 form .inner-form label {
        display: block;
        max-width: 100%;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 12px
    }

    .mybanform3 form .inner-form input {
        outline: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccc;
        margin: 25px 0;
        font-size: 15px
    }

    .mybanform3 form .inner-form input::-webkit-input-placeholder {
        font-size: 14px
    }

    @media screen and (max-width:911) {
        .mybanform2 {
            display: inline-block !important
        }
    }

    @media (max-width:991px) {
        .dropdown {
            width: 645px;
            padding: 10px 60px;
            transform: rotateX(90deg) translateX(-50%);
        }
        .main-menu>ul>li:hover .dropdown {
            transform: rotateX(0deg) translateX(-50%);
        }
        .ccc {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }
    }