@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);
body {
    padding: 0;
    margin: 0;
    font-family: Poppins, sans-serif;
    color: #fff
}

.advance_popup .advance_popup_right form .form-group button {
    display: inline-block !important;
}

h1 {
    font-size: 75px;
    line-height: 78px
}

h2 {
    font-size: 45px
}

h3 {
    font-size: 40px
}

h4 {
    font-size: 28px
}

h6 {
    font-size: 20px
}

p {
    line-height: 1.2
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px;
    line-height: 27px
}

.font-17 {
    font-size: 17px
}

.font-15 {
    font-size: 15px
}

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

.font-20 {
    font-size: 20px;
    line-height: 35px
}

.font-22 {
    font-size: 22px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px;
    line-height: 25px
}

.font-30 {
    font-size: 30px
}

.font-32 {
    font-size: 32px
}

.font-43 {
    font-size: 43px
}

.font-45 {
    font-size: 45px
}

.font-50 {
    font-size: 50px
}

.font-75 {
    font-size: 70px;
    line-height: 75px
}

.font-80 {
    font-size: 80px;
    line-height: 67px
}

.font-180 {
    font-size: 180px;
    line-height: 63px
}

.font-w200 {
    font-weight: 200
}

.font-w300 {
    font-weight: 300
}

.font-w400 {
    font-weight: 400
}

.font-w500 {
    font-weight: 500
}

.font-w600 {
    font-weight: 600
}

.font-w700 {
    font-weight: 700
}

.font-w800 {
    font-weight: 800
}

.font-w900 {
    font-weight: 900
}

.line-height-32 {
    line-height: 32px
}

.line-height-45 {
    line-height: 45px !important
}

.line-height-28 {
    line-height: 28px !important
}

.line-height-20 {
    line-height: 20px !important
}

.let-space-1 {
    letter-spacing: 1px
}

.mdis {
    display: none;
}

.let-space-2 {
    letter-spacing: 2px
}

.dot-before {
    position: relative;
    padding-left: 25px
}

.dot-before:before {
    content: '.';
    color: #69c43c;
    position: absolute;
    left: 0;
    top: -7px;
    font-size: 50px;
    line-height: 6px
}

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

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

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

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

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

.ptb-30 {
    padding: 30px 0
}

.prl-80 {
    padding: 0 80px
}

.section1 {
    background-size: cover !important;
    padding: 225px 0 0
}

.line-bot-green-74 {
    background-color: #68bef1;
    width: 74px;
    margin: 1rem 0
}

.line-bot-green-225 {
    background-color: #68bef1;
    width: 225px;
    margin: 1rem 0
}

.line-bot-green-100p {
    background-color: #68bef1;
    width: 100%;
    margin: 1rem 0
}

.section4 {
    background-repeat: no-repeat;
    min-height: 600px;
    background-position: center;
    padding: 205px 0 80px;
    background-size: cover
}

.text-dec-line-thro {
    text-decoration: line-through
}

.phoneNumberHe {
    color: #fff;
    margin-right: 2px
}

.sticky .phoneNumberHe {
    color: #fff
}

.san {
    margin-top: 25px
}

.sticky .san {
    margin: 0
}

.text-portfolio {
    color: #eeeef0
}

.myCard2 img {
    filter: brightness(0)
}

.bg-orange-gradient {
    background: -moz-linear-gradient(top, #46c7fa 0, #bda9dc 100%);
    background: -webkit-linear-gradient(top, #46c7fa 0, #bda9dc 100%)
}

.bg-yellow {
    background: #68bef1
}

.text-dark {
    color: #012840 !important
}

.text-yellow {
    color: #68bef1
}

.text-green {
    color: #a1b67e
}

.text-grey {
    color: #6e6e6e
}

.logoImg {
    filter: brightness(0) invert(1);
    width: 220px;
    object-fit: contain;
    margin: 20px 0 0 0;
}

.sticky .logoImg {
    width: 90px;
}

.hrWhite {
    background-color: #68bef1;
    height: 1.5px;
    width: 100px
}

.text-blue-new {
    color: #0a3140 !important
}

.text-red {
    color: #eb0000 !important
}

.text-blue {
    color: #002e66 !important
}

.bg-red {
    background: #ff004a !important
}

.bg-blue {
    background: #002e66 !important
}

.line-b:after {
    border-bottom: 1px solid #10142b;
    position: absolute;
    bottom: 0;
    content: '';
    width: 110%
}

.btn {
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 700
}

.btn-white {
    color: #002e66;
    background: #fff;
    padding: 18px 35px;
    transition: all ease-in-out .3s;
    border: 1px solid #ededed
}

.btn-white:hover {
    background: #002e66;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent
}

.btn-red {
    color: #fff;
    background: #ff004a;
    padding: 18px 18px;
    transition: all ease-in-out .3s
}

.btn-red:hover {
    background: #fff;
    color: #ff004a;
    text-decoration: none
}

.btn-yellow {
    color: #111;
    background-color: #ffb700;
    padding: 9px 18px;
    transition: all ease-in-out .3s
}

.btn-yellow:hover {
    background-color: #ffb700;
    color: #000;
    text-decoration: none;
    transform: scale(1.1)
}

.btn-green {
    color: #fff;
    background: #a1b67e;
    padding: 18px 18px;
    transition: all ease-in-out .3s
}

.btn-green:hover {
    background: #fff;
    color: #a1b67e;
    text-decoration: none
}

.navbar {
    padding: 28px 15px
}

.navbar .dropdown-menu {
    top: 157px;
}

.navBar.sticky .dropdown-menu {
    top: 112px;
}

.navBar.sticky .navbar-collapse.collapse.justify-content-end {
    margin-top: 24px;
}

.navBar.sticky .san {
    margin-top: 6px;
}

.navbar .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600
}

.navbar .navbar-nav .active>.nav-link,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
    color: #fcc174
}

.navbar .navbar-nav .nav-link.btn {
    color: #111;
    font-size: 14px
}

.navbar .navbar-nav .active>.nav-link.btn,
.navbar .navbar-nav .nav-link.btn:focus,
.navbar .navbar-nav .nav-link.btn:hover {
    color: #fcc174
}

.navbar-dark .navbar-toggler {
    border: 2px solid #ff004a
}

.sticky .navbar {
    background: #042048;
    animation: header .7s ease-in-out;
    padding: 0 15px;
}

@keyframes header {
    0% {
        margin-top: -100px
    }
    100% {
        margin-top: 0
    }
}

.btn.btn-social-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50px;
    background: #fff;
    margin: 0 10px;
    color: #090912
}

.sticky .navbar .navbar-nav .nav-link {
    color: #fff !important
}

.fa .fa-phone-square {
    color: #000
}

.sticky .pur {
    color: #000 !important
}

.card {
    height: 100%
}

.sticky .navbar-brand img {
    width: 130px;
    display: none !important;
}

#owl-story-about .owl-dots {
    position: absolute;
    right: 0;
    bottom: 0
}

#owl-story-about .owl-dots .owl-dot {
    outline: 0
}

#owl-story-about .owl-dots .owl-dot.active span {
    border: 1px solid #a1b67e;
    color: #a1b67e
}

#owl-story-about .owl-dots .owl-dot span {
    height: 82px;
    width: 82px;
    border-radius: 100%;
    font-size: 26px;
    background: 0 0;
    border: 1px solid #7e7e7e;
    color: #7e7e7e;
    position: relative
}

#owl-story-about .owl-dots .owl-dot span:before {
    content: "1";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    line-height: 80px
}

#owl-story-about .owl-dots .owl-dot:nth-child(2) span:before {
    content: "2"
}

#owl-story-about .owl-dots .owl-dot:nth-child(3) span:before {
    content: "3"
}

#owl-testimonials .item {
    padding: 45px;
    border-radius: 15px
}

#owl-testimonials .owl-item img {
    width: auto;
    padding-bottom: 30px
}

.goal-daba {
    border-radius: 50%;
    width: 50px;
    text-align: center;
    height: 50px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    border: 1px solid #012840;
    margin-bottom: 12px;
    transition: .3s ease-in-out
}

.goal-daba i {
    color: #012840;
    transition: .3s ease-in-out
}

#owl-testimonials .owl-nav {
    position: absolute;
    bottom: -10px;
    margin: 0 auto;
    left: 0;
    right: 0
}

.owl-theme .owl-nav [class*=owl-]:focus {
    outline: 0
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    outline: 0
}

#owl-services .owl-dots .owl-dot {
    outline: 0
}

#owl-services .owl-dots .owl-dot.active span {
    background: #ff004a
}

#owl-services .owl-dots .owl-dot span {
    background: #002e66;
    height: 20px;
    width: 20px
}

#owl-services .owl-stage .owl-item .bookItem {
    height: 100%
}

#owl-services .owl-item p {
    font-size: 13px
}

.cardCounter .h2Heading {
    font-size: 90px;
    color: #002e66
}

.cardCounter p {
    font-size: 20px;
    line-height: 1.2;
    color: #68bef1
}

.cardCounter {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    border: none;
    width: 100%;
    margin: -40px 0 -45px;
    padding: 35px 0
}

#home-pricing-brand .owl-stage-outer,
#home-pricing-ecom .owl-stage-outer,
#home-pricing-video .owl-stage-outer,
#home-pricing-web .owl-stage-outer {
    padding: 17px 10px
}

#home-pricing-brand .item,
#home-pricing-ecom .item,
#home-pricing-video .item,
#home-pricing-web .item {
    margin-right: 15px
}

#home-pricing-brand .myCard2,
#home-pricing-ecom .myCard2,
#home-pricing-video .myCard2,
#home-pricing-web .myCard2 {
    border: 1px solid #051d38;
    border-radius: 15px
}

.myCard2 {
    word-break: break-word
}

.myCard2.cardForProjectComp {
    text-align: center;
    border: 2px solid #68bef1;
    border-radius: 5px;
    height: 100%;
    padding-top: 35px
}

.myCard2 .font-32 {
    font-size: 25px
}

.myCard2 .btn-yellow {
    margin-top: 15px !important
}

.myCard2 .btn-yellow {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
}

.row.bot-links {
    margin-top: 2rem;
}

.myCard2 .view-detail {
    display: block;
    text-align: center;
    color: #10142b;
    padding: 15px 0;
    border-bottom: 1px solid #68bef1;
    margin: 0 0 15px
}

.myCard2 .liveChat,
.myCard2 .mob {
    color: #10142b;
    font-size: 15px
}

.myCard2:hover:not(.bestSeller) {
    z-index: 2;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.029);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.029);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.029);
    transition: all .2s ease-in;
    transform: scale(1.029)
}

.float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 29px;
    left: 19px;
    background-color: #ffb700;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    animation: .7s shakeIt infinite alternate;
}

.chatBtnFloat {
    animation: .7s shakeItChat infinite alternate;
}

.my-float {
    margin-top: 9px;
    color: #fff;
    font-size: 37px !important;
}

@keyframes shakeIt {
    0% {
        bottom: 10px;
    }
    100% {
        bottom: 29px;
    }
}

@keyframes shakeItChat {
    0% {
        bottom: 80px;
    }
    100% {
        bottom: 99px;
    }
}

.star-image-trust {
    max-width: 133px;
}

#lightbox>div.lb-outerContainer {
    width: 80% !important;
    height: 825px !important;
    overflow: scroll;
}

.lightbox .lb-image {
    width: 100% !important;
    height: auto !important;
}

.doublewrap {
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-top: 30px;
    padding: 25px 40px;
    min-height: 612px;
    background: #ffdc00;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.doublewrap h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #013d93;
    margin: 0;
    font-weight: bold;
}

.doublewrap h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    color: #2d2b25;
    margin: 15px auto 20px;
}

.font-18 {
    font-size: 18px;
}

.font-12 {
    font-size: 16px;
}

.font-12 {
    font-size: 12px;
}

div.doublewrap ul li.heading {
    font-size: 16px;
    font-weight: 700;
    color: #013d93;
    padding: 5px 0;
    margin-top: 10px;
}

.jack li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0;
    opacity: 1;
    color: #013d93;
    padding-bottom: 6px;
    padding-left: 20px;
}

.jack li:before {
    position: absolute;
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 3px;
    height: 5px;
    width: 5px;
    color: #013d93;
    border-radius: 50%;
}

.chatt a.action-no {
    font-size: 18px;
    color: #013d93;
    margin-right: 20px;
}

.chatt .actions .action-chat {
    color: #013d93;
    font-size: 20px;
}

.combo-bg-pkg h2.small-head {
    padding: 0;
    font-size: 16px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}

.priccc {
    padding-top: 20px;
    width: 49%;
    float: left;
    text-align: left;
}

.review-heading {
    font-size: 14px;
    min-height: 35px;
}

.review-para {
    font-size: 12px;
    min-height: 40px;
}

.review-para::-webkit-scrollbar {
    width: 1px;
    font-weight: 100;
    background: #00b67a;
}

.reviwer-name {
    font-size: 14px;
    font-weight: 500;
}

.wrapk {
    text-align: right;
    width: 49%;
    float: right;
    padding-top: 20px;
}

.doublewrap span.price {
    font-size: 42px;
    font-weight: 700;
    color: #013d93;
    margin: 0 0 20px;
    display: inline-block;
    line-height: 36px;
}

span.old-price {
    display: inherit;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 0 auto 7px;
    color: #013d93;
    text-decoration: line-through;
}

.doublewrap input[type=submit].btn {
    border-radius: 0;
    height: auto;
    background-color: #013d93;
    margin-bottom: 10px;
    margin-top: 0;
    width: 190px;
    text-align: center;
    outline: 0;
    color: #fff;
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.doublewrap p.nichaywala {
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px;
}

.doublewrap a {
    color: #000;
    text-decoration: underline;
}

.doublewrap .right {
    position: absolute;
    right: 6px;
    top: 20px;
}

.doublewrap .right img {
    width: 200px;
}

.jack li.heading:before {
    position: relative !important;
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    height: auto !important;
}

.line-bot-yellow-225 {
    border-top: 1px solid rgb(255 255 255);
}

.btn-yellow:hover {
    color: #fff !important;
}

h3.wow::before {
    content: "";
    width: 75px;
    height: 10px;
    display: block;
    background: #68bef1;
    background-color: #68bef1;
    margin-bottom: 15px;
    text-align: center;
    margin: 0px auto 15px;
}

.myCard2 .view-detail {
    font-weight: bold !important;
}

.btn-fill {
    background: #ffdc00 !important;
    color: black;
    font-weight: bold;
}

.floating_wrap .btns_wrap .chat_wrap {
    top: 187px;
}

.floating_wrap .btns_wrap .chat_wrap i {
    color: #000 !important;
    background: #ffdc00 !important;
}

.floating_wrap .btns_wrap .call_wrap {
    top: 245px;
}

.floating_wrap .btns_wrap .call_wrap i {
    color: #000 !important;
    background: #ffdc00 !important;
}

.floating_wrap .float_form_box .floating_form {
    top: 303px;
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    box-shadow: 26px 6px 40px #0000003b !important;
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    background: #ffdc00 !important;
    color: #000 !important;
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #000;
}

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

#home-pricing-brands .item,
#home-pricing-ecoms .item,
#home-pricing-videos .item,
#home-pricing-webs .item {
    margin: 7px;
    width: 31%;
    float: left;
    margin-bottom: 25px;
}

#home-pricing-webs>div:nth-child(7) {
    width: 100%;
}

#home-pricing-brands .owl-stage-outer,
#home-pricing-ecoms .owl-stage-outer,
#home-pricing-videos .owl-stage-outer,
#home-pricing-webs .owl-stage-outer {
    padding: 17px 10px
}

#home-pricing-brands .item,
#home-pricing-ecoms .item,
#home-pricing-videos .item,
#home-pricing-webs .item {
    margin-right: 15px
}

#home-pricing-brands .myCard2,
#home-pricing-ecoms .myCard2,
#home-pricing-videos .myCard2,
#home-pricing-webs .myCard2 {
    border: 1px solid #051d38;
    border-radius: 0px;
    box-shadow: 10px 10px 30px #999;
}

#contactForm>div>div.col-lg-12.text-center>p>input {
    width: 100%;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url('img/video.html') no-repeat center center/cover;
}

.headerVideo {
    width: 100%;
    z-index: 1;
}

.overlay {
    width: 100%;
    background: url('img/video.html') no-repeat center center/cover;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 3px 3px;
    z-index: 2;
}

.screen {
    width: 100%;
    height: 360px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: solid 1px #ccc;
    border-radius: 15px;
}

.screen img {
    padding: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 1s ease-in-out 0.5s;
    margin: 0 auto;
}

.screen:hover img {
    transform: translateY(-50%);
}

.home-form {
    z-index: 9;
}

.bnr-slider.slick-slider {
    z-index: 1
}

@media(max-width:1000px) {
    .bg-video-wrap {
        height: 65vh;
    }
    .bg-video-wrap {
        background: url('img/mblVideoBanner.html');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .headerVideo {
        display: none;
    }
    .overlay {
        height: 100vh;
    }
}

.position-relative {
    position: relative;
}

.bottom-button button {
    margin-left: 10px
}

@media (max-width:519px) {
    .sticky .navbar-brand img {
        width: 175px;
    }
    .doublewrap .right {
        position: absolute;
        right: -32px;
        top: 0px;
    }
    .actions a {
        display: block;
    }
    .combo-bg-pkg h2.small-head {
        font-size: 12px;
    }
    .priccc {
        padding-top: 20px;
        width: 100% !important;
        float: none !important;
        text-align: left;
    }
    .wrapk {
        padding-top: 20px;
        width: 100% !important;
        float: none !important;
        text-align: left;
    }
    h3.wow::before {
        display: none;
    }
    .inerservice-banner {
        padding: 90px 0 !important;
        padding-bottom: 20px !important;
    }
    #navbar {
        padding-top: 10px;
    }
    .sticky .navbar {
        margin-top: 73px !important;
        padding-top: 12px !important;
    }
    #home-pricing-brands .item,
    #home-pricing-ecoms .item,
    #home-pricing-videos .item,
    #home-pricing-webs .item {
        margin: 7px;
        width: 100% !important;
        float: left;
        margin-bottom: 25px;
    }
    .lgos-sctn ul li {
        display: inline-block;
        padding: 20px !important;
    }
}

.visibility-hidden {
    visibility: hidden;
}

button.play.rounded-box.state-paused {
    display: none;
}

button.play.rounded-box.state-playing {
    display: none;
}

.vp-controls-wrapper,
.vp-controls {
    display: none !important;
}

.mt-min-2 {
    margin-top: -22px;
}

.myCustomCardPrice .myCard2 {
    margin-bottom: 20px;
    border: 1px solid #00000069;
    box-shadow: 12px 10px 30px #00000050;
}

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

.inerservice-banner {
    background-position: center;
    background-size: cover !important;
    padding: 120px 0;
    background-attachment: fixed;
    position: relative;
    background: #042048;
    padding-bottom: 20px;
}

/* ===================================================================================================== */

.float {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 29px;
    left: 19px;
    background-color: #ffb700;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    animation: .7s shakeIt infinite alternate;
}

.chatBtnFloat {
    animation: .7s shakeItChat infinite alternate;
}

.my-float {
    margin-top: 9px;
    color: #fff;
    font-size: 37px !important;
}

@keyframes shakeIt {
    0% {
        bottom: 10px;
    }
    100% {
        bottom: 29px;
    }
}

@keyframes shakeItChat {
    0% {
        bottom: 80px;
    }
    100% {
        bottom: 99px;
    }
}

.star-image-trust {
    max-width: 133px;
}

#lightbox>div.lb-outerContainer {
    width: 80% !important;
    height: 825px !important;
    overflow: scroll;
}

.lightbox .lb-image {
    width: 100% !important;
    height: auto !important;
}

.doublewrap {
    position: relative;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-top: 30px;
    padding: 25px 40px;
    min-height: 612px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.doublewrap h6 {
    text-transform: uppercase;
    font-size: 12px;
    color: #013d93;
    margin: 0;
    font-weight: bold;
}

.doublewrap h3 {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    color: #2d2b25;
    margin: 15px auto 20px;
}

.font-18 {
    font-size: 18px;
}

.font-12 {
    font-size: 16px;
}

.font-12 {
    font-size: 12px;
}

div.doublewrap ul li.heading {
    font-size: 16px;
    font-weight: 700;
    color: #013d93;
    padding: 5px 0;
    margin-top: 10px;
}

.jack li {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    list-style: none;
    margin: 0;
    opacity: 1;
    color: #013d93;
    padding-bottom: 6px;
    padding-left: 20px;
}

.jack li:before {
    position: absolute;
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    left: 0;
    top: 3px;
    height: 5px;
    width: 5px;
    color: #013d93;
    border-radius: 50%;
}

.chatt a.action-no {
    font-size: 18px;
    color: #013d93;
    margin-right: 20px;
}

.chatt .actions .action-chat {
    color: #013d93;
    font-size: 20px;
}

.combo-bg-pkg h2.small-head {
    padding: 0;
    font-size: 16px;
    margin: 0;
    line-height: 38px;
    font-weight: 900;
    text-transform: none;
    color: #2e2e2e;
}

.priccc {
    padding-top: 20px;
    width: 49%;
    float: left;
    text-align: left;
}

.review-heading {
    font-size: 14px;
    min-height: 35px;
}

.review-para {
    font-size: 12px;
    min-height: 40px;
}

.review-para::-webkit-scrollbar {
    width: 1px;
    font-weight: 100;
    background: #00b67a;
}

.reviwer-name {
    font-size: 14px;
    font-weight: 500;
}

.wrapk {
    text-align: right;
    width: 49%;
    float: right;
    padding-top: 20px;
}

.doublewrap span.price {
    font-size: 42px;
    font-weight: 700;
    color: #013d93;
    margin: 0 0 20px;
    display: inline-block;
    line-height: 36px;
}

span.old-price {
    display: inherit;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 100%;
    margin: 0 auto 7px;
    color: #013d93;
    text-decoration: line-through;
}

.doublewrap input[type=submit].btn {
    border-radius: 0;
    height: auto;
    background-color: #013d93;
    margin-bottom: 10px;
    margin-top: 0;
    width: 190px;
    text-align: center;
    outline: 0;
    color: #fff;
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: translateY(0);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.doublewrap p.nichaywala {
    font-size: 14px;
    line-height: 16px;
    color: #2d2b25;
    font-weight: 600;
    margin-bottom: 10px;
}

.doublewrap a {
    color: #000;
    text-decoration: underline;
}

.doublewrap .right {
    position: absolute;
    right: 6px;
    top: 20px;
}

.doublewrap .right img {
    width: 200px;
}

.jack li.heading:before {
    position: relative !important;
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    height: auto !important;
}

.line-bot-yellow-225 {
    border-top: 1px solid rgb(255 255 255);
}

.btn-yellow:hover {
    color: #fff !important;
}

h3.wow::before {
    content: "";
    width: 75px;
    height: 10px;
    display: block;
    background: #68bef1;
    background-color: #68bef1;
    margin-bottom: 15px;
    text-align: center;
    margin: 0px auto 15px;
}

.myCard2 .view-detail {
    font-weight: bold !important;
}

.btn-fill {
    background: #ffdc00 !important;
    color: black;
    font-weight: bold;
}

.floating_wrap .btns_wrap .chat_wrap {
    top: 100px;
}

.floating_wrap .btns_wrap .chat_wrap i {
    color: #000 !important;
    background: #ffdc00 !important;
}

.floating_wrap .btns_wrap .call_wrap {
    top: 155px;
}

.floating_wrap .btns_wrap .call_wrap i {
    color: #000 !important;
    background: #ffdc00 !important;
}

.floating_wrap .float_form_box .floating_form {
    top: 210px;
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    box-shadow: 26px 6px 40px #0000003b !important;
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    background: #ffdc00 !important;
    color: #000 !important;
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #000;
}

.btn-yellow {
    color: #fff;
    background: #042048 !important;
}

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

#home-pricing-brands .item,
#home-pricing-ecoms .item,
#home-pricing-videos .item,
#home-pricing-webs .item {
    margin: 7px;
    width: 31%;
    float: left;
    margin-bottom: 25px;
}

#home-pricing-webs>div:nth-child(7) {
    width: 100%;
}

#home-pricing-brands .owl-stage-outer,
#home-pricing-ecoms .owl-stage-outer,
#home-pricing-videos .owl-stage-outer,
#home-pricing-webs .owl-stage-outer {
    padding: 17px 10px
}

#home-pricing-brands .item,
#home-pricing-ecoms .item,
#home-pricing-videos .item,
#home-pricing-webs .item {
    margin-right: 15px
}

#home-pricing-brands .myCard2,
#home-pricing-ecoms .myCard2,
#home-pricing-videos .myCard2,
#home-pricing-webs .myCard2 {
    border: 1px solid #051d38;
    border-radius: 0px;
    box-shadow: 10px 10px 30px #999;
}

#contactForm>div>div.col-lg-12.text-center>p>input {
    width: 100%;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url('../images/video.webp') no-repeat center center/cover;
}

.headerVideo {
    width: 100%;
    z-index: 1;
}

.overlay {
    width: 100%;
    background: url('../images/video.webp') no-repeat center center/cover;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 3px 3px;
    z-index: 2;
}

.screen:hover img {
    transform: translateY(-50%);
}

.home-form {
    z-index: 9;
}

.bnr-slider.slick-slider {
    z-index: 1
}

@media(max-width:1000px) {
    .bg-video-wrap {
        height: 65vh;
    }
    .bg-video-wrap {
        background: url('../images/mblVideoBanner.webp');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .headerVideo {
        display: none;
    }
    .overlay {
        height: 100vh;
    }
}

.position-relative {
    position: relative;
}

.bottom-button button {
    margin-left: 10px
}

@media (max-width:519px) {
    .doublewrap .right {
        position: absolute;
        right: -32px;
        top: 0px;
    }
    .actions a {
        display: block;
    }
    .combo-bg-pkg h2.small-head {
        font-size: 12px;
    }
    .priccc {
        padding-top: 20px;
        width: 100% !important;
        float: none !important;
        text-align: left;
    }
    .wrapk {
        padding-top: 20px;
        width: 100% !important;
        float: none !important;
        text-align: left;
    }
    h3.wow::before {
        display: none;
    }
    .inerservice-banner {
        padding: 100px 0 !important;
        padding-bottom: 20px !important;
    }
    #navbar {
        padding-top: 10px;
    }
    .sticky .navbar {
        margin-top: 73px !important;
        padding-top: 12px !important;
    }
    #home-pricing-brands .item,
    #home-pricing-ecoms .item,
    #home-pricing-videos .item,
    #home-pricing-webs .item {
        margin: 7px;
        width: 100% !important;
        float: left;
        margin-bottom: 25px;
    }
    .lgos-sctn ul li {
        display: inline-block;
        padding: 20px !important;
    }
}

.visibility-hidden {
    visibility: hidden;
}

button.play.rounded-box.state-paused {
    display: none;
}

button.play.rounded-box.state-playing {
    display: none;
}

.vp-controls-wrapper,
.vp-controls {
    display: none !important;
}

.mt-min-2 {
    margin-top: -22px;
}

.myCustomCardPrice .myCard2 {
    margin-bottom: 20px;
    border: 1px solid #00000069;
    box-shadow: 12px 10px 30px #00000050;
}

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

.inerservice-banner {
    background-position: center;
    background-size: cover !important;
    padding: 120px 0;
    background-attachment: fixed;
    position: relative;
    background: #042048;
    padding-bottom: 20px;
}

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

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

.inerservice-banner .isb-textwrapper h5 {
    color: #68bef1;
    letter-spacing: 2px !important;
    font-family: AvenirRoman, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.inerservice-banner .isb-textwrapper h1 {
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 900;
    padding: 20px 20px 0 0px;
    letter-spacing: 2px;
}

.inerservice-banner .isb-textwrapper p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 0 0 30px;
}

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

.btn-red {
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: #fff;
    color: #000;
    display: inline-block;
    width: 250px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.inerservice-banner form {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 1px -2px 17px #68bef1;
}

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

.radioText input {
    align-self: center;
}

.radioText label {
    margin-top: 10px;
    margin-left: 7px;
}

.inerservice-banner form p {
    text-align: center;
    width: 100%;
    color: black;
    font-weight: 500;
    padding: 0;
}

.inerservice-banner form .from-control label {
    width: 100%;
    font-size: 14px;
    display: block;
    color: #000;
}

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

.inerservice-banner .submit {
    margin: 0px 0 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    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 {
    background: #68bef1 !important;
    color: #fff !important;
    border: 1px solid #fff0;
}

.fa-star.checked {
    color: orange;
}

.lgos-sctn {
    margin-top: 30px;
}

.lgos-sctn ul {
    text-align: left;
    margin: 0;
    padding: 0;
    margin-left: -20px;
}

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

.stickIcon {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 1;
}

.landingFormField p.firsthead {
    text-transform: uppercase;
    font-family: poppins;
    font-weight: 600 !important;
    font-size: 24px;
    margin-top: 44px !important;
}

.LandingFormField {
    border: none !important;
    border-bottom-color: currentcolor !important;
    border-bottom-style: none !important;
    border-bottom-width: medium !important;
    border-bottom: 2px solid black !important;
    border-radius: 0 !important;
    margin-top: 23px !important;
}

.landingFormField p.sechead {
    text-transform: uppercase;
    font-family: poppins;
    font-weight: 900 !important;
    font-size: 34px;
}

.landingFormField p.paraform {
    font-size: 15px;
}

button.btn-red:hover {
    color: black !important;
    background-color: #ffb700 !important;
}

.counter ul {
    display: inline-block;
    width: 100%;
    margin-bottom: -6px;
    font-size: 0;
    margin: 0;
    padding: 0;
}

.counter ul li {
    width: 25%;
    float: left;
    padding: 30px 40px;
}

.counter ul li:nth-child(1) {
    background: #ffa739;
}

.counter ul li:nth-child(2) {
    background: #fb5f39;
}

.counter ul li a figure {
    float: left;
    width: 25%;
    margin-bottom: 0;
}

.counter ul li a figure img {
    max-width: 64px;
}

.counter ul li a .wrap {
    width: 70%;
    float: right;
    color: #fff;
    font-size: 22px;
    padding-top: 5px;
}

.counter ul li a .wrap p {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
}

.counter ul li:nth-child(3) {
    background: #921a5e;
}

.counter ul li:nth-child(4) {
    background: #32347a;
}

.counter {
    display: block;
}

.comboopack {
    background: #f6f6f8;
}

.container-custom {
    max-width: 1285px;
    margin: auto;
    padding: 0 15px;
}

.comboopack .combopackwrap {
    background: #fff;
    width: 100%;
    display: inline-block;
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 6%);
}

.comboopack .combopackwrap .headdd {
    padding: 20px 50px;
    background: #001733;
    text-align: left;
    position: relative;
}

.comboopack .combopackwrap .headdd figure {
    position: absolute;
    margin-bottom: 0;
    right: -72px;
    top: -30px;
}

.comboopack .combopackwrap .headdd figure img {
    width: 185px;
}

.comboopack .combopackwrap .headdd h3 {
    text-align: left;
    padding-bottom: 0;
    color: #fff;
    font-size: 34px;
    text-transform: capitalize;
}

.comboopack .combopackwrap .bodyyy {
    font-size: 0;
    padding: 30px 50px;
}

.comboopack .combopackwrap .bodyyy .coll {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.comboopack .combopackwrap .bodyyy .coll ul li.heading {
    font-weight: 700;
    color: #f01237;
    padding-left: 0;
}

body {
    width: 100%;
    overflow-x: hidden;
}

.comboopack .combopackwrap .bodyyy .coll {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.comboopack .combopackwrap .footterr {
    padding: 30px 50px;
    font-size: 0;
    background: #001733;
    border-top: 1px solid #f3f3f3;
}

.comboopack .combopackwrap .footterr .left {
    display: inline-block;
    width: 45%;
    vertical-align: bottom;
    font-size: 0;
}

.comboopack .combopackwrap .footterr .left .txtt {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}

.comboopack .combopackwrap .footterr .left .txtt h4 {
    color: #fff;
    font-size: 22px;
    padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .left .btnwrap {
    display: inline-block;
    width: 70%;
    padding-left: 20px;
    vertical-align: middle;
}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 15px;
    padding: 14px 20px;
    border: 1px solid #fff;
    border-radius: 30px;
}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 21px;
    padding: 15px 30px;
    border: 1px solid #fff;
    border-radius: 30px;
}

.comboopack .combopackwrap .footterr .right {
    display: inline-block;
    width: 55%;
    vertical-align: bottom;
    position: relative;
}

.comboopack .combopackwrap .footterr .right figure {
    margin-bottom: 0;
    display: inline-block;
    width: 30%;
}

.comboopack .combopackwrap .footterr .right figure img {
    width: 180px;
    position: absolute;
    top: -50px;
    left: 0;
}

.comboopack .combopackwrap .footterr .right .price {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    padding-left: 10px;
}

.comboopack .combopackwrap .footterr .right .price h2 {
    font-size: 44px;
    color: #f01237;
    padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .right .price h2 span:before {
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    background: #9e9c9c;
    position: absolute;
    left: 0;
    top: 44%;
}

.comboopack .combopackwrap .footterr .right .price h6 {
    color: #fff;
    font-size: 21px;
    padding-bottom: 0;
}

.comboopack .combopackwrap .footterr .right .orderbtn {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: right;
}

.btn-primary {
    background-color: #f01237;
    color: #fff;
    font-size: 16px;
    border: 1px solid #f01237;
    padding: 14px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
}

.comboopack .combopackwrap .bodyyy .coll ul li {
    color: #5c5856;
    font-size: 15px;
    padding: 0 0 10px 10px;
    position: relative;
    line-height: 1.4;
}

.comboopack .combopackwrap .footterr .right .price h2 span {
    position: relative;
    font-size: 20px;
    padding-bottom: 0;
    color: #b3b1b1;
    margin-left: 10px;
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    .counter ul li {
        width: 100%;
    }
    .numbering {
        display: none;
    }
    .ftr-copy {
        flex-direction: column;
    }
    .navbar .container {
    justify-content: center;
}

#navbar .col-md-6 span {
    text-align: center;
    float: none !important;
    display: table !important;
    margin: 0 auto !important;
}

    .ftr-copy .col-6.text-center.d-flex.align-items-center.justify-content-end {justify-content: center !important;width: 100%;max-width: 100%;align-items: center;margin-top: 10px;}

    .ftr-copy .col-6.text-center {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1400px) {
    .comboopack .combopackwrap .headdd figure {
        right: -12px !important;
    }
}

@media screen and (max-width: 768px) {
    .comboopack .combopackwrap .headdd figure img {
        width: 125px !important;
    }
    .comboopack .combopackwrap .footterr .right {
        vertical-align: top !important;
    }
    .comboopack .combopackwrap .footterr .right .orderbtn {
        width: 100% !important;
        text-align: center !important;
    }
}

@media screen and (max-width: 736px) {
    .btn-primary,
    .btn-secondary,
    .btn-secondary-outline {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .comboopack .combopackwrap .footterr {
        padding: 30px 10px !important;
    }
    .comboopack .combopackwrap .footterr .left {
        width: 100% !important;
    }
    .comboopack .combopackwrap .bodyyy {
        padding: 30px 10px !important;
    }
    .comboopack .combopackwrap .bodyyy .coll {
        width: 100% !important;
    }
    .comboopack .combopackwrap .headdd figure {
        display: none;
    }
    .comboopack .combopackwrap .footterr .left .txtt {
        width: 100% !important;
    }
    .comboopack .combopackwrap .footterr .left .btnwrap {
        width: 100% !important;
        padding-left: 0 !important;
    }
    .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {
        display: block;
        width: 100%;
        text-align: center;
        margin: 20px 0;
    }
    .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {
        display: block;
        width: 100%;
        text-align: center;
    }
    .comboopack .combopackwrap .footterr .right {
        width: 100% !important;
    }
    .comboopack .combopackwrap .footterr .right figure {
        display: none !important;
    }
    .comboopack .combopackwrap .footterr .right .price {
        width: 100% !important;
        margin: 20px 0;
        padding-left: 0 !important;
        text-align: center;
    }
    .comboopack .combopackwrap .footterr .right .orderbtn {
        width: 100% !important;
        text-align: center !important;
    }
}

.myCard2 img {
    filter: brightness(1) !important;
    float: right;
}

.sectionVisionaries .myCard2 img {
    filter: brightness(0) !important;
    width: auto;
    float: none;
}

.get_quote {
    background-color: #021126;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.gray_bg h3 {
    color: #fff;
}

@media (min-width: 992px) {
    .col-md-push-2 {
        left: 16.66666667%;
    }
}

p.text-center.grey {
    color: #fff;
    font-size: 16px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    line-height: 22px;
}

.get_quote .form-control {
    border: 1px solid #6b6b6b;
    background-color: transparent;
    height: 50px;
    color: #6b6b6b;
    font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 50px !important;
}

.webpg .field-mergedleft {
    padding-left: 15px;
}

.section-padding {
    padding: 60px 0px;
}

.formFields .btn-red {
    background: #042048;
}

.text-yellow {
    color: #013d93
}

.myCard2 .view-detail,
.border-right {
    border-color: #013d93 !important
}

.combopackwrap .bodyyy {
    background: #ebebeb;
}

.text-inner-black * {
    color: #000;
}

.myCard2 {
    border-radius: 12px !important;
}

.text-black {
    color: #000;
}

.lb-number {
    display: none !important;
}

.lb-data .lb-close {
    position: absolute;
    right: 20px;
    top: 0;
}

div#step1,
div#step2,
div#step3,
div#step4,
div#step5,
div#step6 {
    padding: 25px 40px;
}

@media (max-width: 767px) {
    div#step1,
    div#step2,
    div#step3,
    div#step4,
    div#step5,
    div#step6 {
        padding: 25px 2px;
    }
}

@media (min-width:400) {
    .tab-pane label {
        font-size: 11px;
    }
    .tab-pane h3 {
        font-size: 21px;
    }
}

.modal-content {
    background-color: #ffb700;
}

.sw-theme-default {
    border: none !important;
}

.other {
    border-color: #000000;
    background: #c7a50087;
    padding: 5px;
    border-radius: 5px;
}

.sw-theme-default .toolbar>.btn {
    background-color: #042048 !important;
}

.modal-header {
    margin: 10px 0px -50px 0px;
    border-bottom: none;
    padding: 0rem 1rem;
}

/* ===================================================================================================== */

.inerservice-banner:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
}

.contentScroll {
    height: 210px;
    margin: 20px 0 0;
    overflow-y: auto
}

.contentScroll::-webkit-scrollbar {
    width: 8px
}

.contentScroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #000;
    border-radius: 10px
}

.contentScroll::-webkit-scrollbar-thumb {
    background: #565a6b;
    border-radius: 10px
}

.contentScroll::-webkit-scrollbar-thumb:hover {
    background: #00072e
}

.contentScroll-upper {
    height: 46px;
    margin-bottom: 15px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #fcc174;
    color: #012840;
    border: none
}

.nav-pills .nav-link {
    background-color: transparent;
    color: #012840;
    height: 60px;
    width: 166px;
    border: 1px solid #012840;
    font-size: 15px;
    font-weight: 700;
    margin: 5px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.wrapper {
    width: 400px;
    font-family: Roboto, sans-serif;
    margin: 0 auto
}

.skill {
    margin-bottom: 28px;
    position: relative;
    overflow-x: hidden;
    padding: 0 5px 0 0
}

.skill>p {
    font-size: 18px;
    font-weight: 700;
    color: #1a1716;
    margin: 0
}

.skill:before {
    width: 100%;
    height: 12px;
    content: "";
    display: block;
    position: absolute;
    background: #e8e8e8;
    bottom: 0;
    border-radius: 10px
}

.skill-bar {
    width: 100%;
    height: 8px;
    background: #68bef1;
    display: block;
    position: relative;
    top: -2px;
    margin: 0 2px
}

.skill1 {
    width: 95%
}

.skill h4 {
    font-size: 16px;
    font-weight: 200;
    font-family: 'Circular Std';
    text-transform: uppercase
}

.skill-bar span {
    color: #68bef1;
    position: absolute;
    border-top: 5px solid #68bef1;
    top: -30px;
    padding: 0;
    font-size: 14px;
    padding: 3px 0;
    font-weight: 500
}

.skill-bar {
    position: relative;
    border-radius: 10px
}

.skill1 .skill-count1 {
    right: 0
}

.skill2 {
    width: 85%
}

.skill2 .skill-count2 {
    right: 0
}

.skill3 {
    width: 99%
}

.skill3 .skill-count3 {
    right: 0
}

.skill4 {
    width: 65%
}

.skill4 .skill-count4 {
    right: 0
}

.skill5 {
    width: 80%
}

.skill5 .skill-count5 {
    right: 0
}

.skill6 {
    width: 100%
}

.skill6 .skill-count6 {
    right: 0
}

section.progress-area {
    background-color: #f8f8f8
}

.progress-area p {
    margin-bottom: 0
}

section.progress-bars h4 {
    color: #333
}

.marg-btm {
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .container {
        max-width: 1180px
    }
}

@media (max-width:1416px) {
    .line-b:after {
        width: 90%
    }
}

@media (max-width:1400px) and (max-height:749px) {
    .btn-wrap.d-inline-block.mb-80.mt-md-5 {
        margin-top: -1rem !important;
    }
    .banner-bot {
        margin-top: -38px;
    }
    body>div.bg-video-wrap>div>section>div>div:nth-child(2)>div>p {
        margin-top: -27px;
    }
}

@media (max-width:1199px) {
    h1 {
        font-size: 62px !important;
        line-height: 61px;
    }
    .cardCounter {
        margin-bottom: 0
    }
    .cardCounter .h2Heading {
        font-size: 70px
    }
    .text-portfolio {
        font-size: 100px;
        line-height: 30px
    }
    .myCard2 .border-right {
        border: none !important;
    }
    .myCard2 .bot-links {
        text-align: center
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 52px !important;
        line-height: 61px;
    }
    .font-50 {
        font-size: 40px
    }
    .font-75 {
        font-size: 50px;
        line-height: 50px
    }
    .prl-80 {
        padding: 0 30px
    }
    header .navbar-nav,
    header .template-demo {
        background: #002e66
    }
    .navbar-collapse {
        height: calc(100vh - 110px);
        overflow-y: scroll
    }
    .cardCounter .h2Heading {
        font-size: 45px
    }
    .section4 {
        padding: 180px 0 50px
    }
    #slider>div.owl-nav {
        position: absolute;
        bottom: -32px;
        left: -52px
    }
}

@media (max-width:767px) {
    .sticky .navbar-brand img {
        width: 175px;
    }
    .navbar {
        margin-top: 8%;
    }
    .btn-wrap.d-inline-block.mb-80.mt-md-5 {
        margin-top: -1rem !important;
    }
    .banner-bot {
        margin-top: 20px;
    }
    body>div.bg-video-wrap>div>section>div>div:nth-child(2)>div>p {
        margin-top: 50px;
    }
    h1 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    body>div.bg-video-wrap>div>section>div>div:nth-child(2) {
        margin: 0px !important;
    }
    body {
        padding: 0;
        margin: 0
    }
    h1 {
        font-size: 35px;
        line-height: 30px
    }
    h2 {
        font-size: 32px
    }
    h3 {
        font-size: 30px
    }
    h4 {
        font-size: 24px;
        line-height: 22px
    }
    .font-17 {
        font-size: 16px
    }
    .font-22 {
        font-size: 18px
    }
    .font-20 {
        font-size: 18px
    }
    .font-30 {
        font-size: 22px
    }
    .font-43 {
        font-size: 28px
    }
    .font-45 {
        font-size: 30px
    }
    .font-50 {
        font-size: 28px
    }
    .font-75 {
        font-size: 36px;
        line-height: 38px
    }
    .font-80 {
        font-size: 40px;
        line-height: 35px
    }
    .line-height-32 {
        line-height: 26px
    }
    .line-height-45 {
        line-height: 34px !important
    }
    .line-height-28 {
        line-height: 22px !important
    }
    .line-height-20 {
        line-height: 18px !important
    }
    .text-portfolio {
        font-size: 60px;
        line-height: 15px
    }
    .mb-80 {
        margin-bottom: 0
    }
    .line-bot-green-74 {
        margin: 1rem auto
    }
    .btn-white {
        padding: 13px 18px;
    }
    .btn-red {
        padding: 18px 18px
    }
    .section1 {
        padding: 180px 0 50px
    }
    .section4 {
        padding: 150px 0 50px
    }
    .prl-80 {
        padding: 0
    }
    .navbar-brand img {
        width: 180px
    }
    #slider>div.owl-nav {
        bottom: -60px
    }
    #owl-services .owl-item img {
        width: auto;
        margin: 0 auto
    }
    .cardCounter {
        margin-top: -25px
    }
    .cardCounter .border-right {
        border-right: none !important
    }
    .floating_wrap .float_form_box .floating_form {
        display: none;
    }
    video.home-video {
        display: none;
    }
    .myCard2 {
        width: 300px;
        margin: 0 auto;
    }
}

.border-right {
    border-right: 1px solid #68bef1 !important;
}

.nav-pills .nav-link {
    height: 40px;
    width: 115px;
    font-size: 12px;
    font-weight: 500;
    margin: 2px;
    padding: 2px;
}

@media (max-width:400px) {
    .sticky .navbar {
        margin-top: 73px !important;
        padding-top: 12px !important;
    }
    .sticky .navbar-brand img {
        width: 175px;
    }
    h1 {
        font-size: 25px !important;
        line-height: 29px !important;
    }
    .text-portfolio {
        font-size: 50px;
        line-height: 10px
    }
    .foot-img-wrap {
        padding: 50px 0
    }
    .foot-img-wrap img {
        width: 200px
    }
}

#modalForDiscount .modal-content {
    background-color: #39409b;
    background: url(../images/popup.webp) no-repeat center/cover
}

@media(max-width:1000px) {
    #modalForDiscount .modal-content {
        background: 0 0;
        background-color: #39409b
    }
}

.section12 {
    overflow-x: hidden;
    width: 100%;
}

#modalForDiscount .modal-content .mainH1 {
    font-size: 45px
}

#modalForDiscount .modal-para {
    font-size: 19px;
    margin-bottom: 50px
}

@media(max-width: 600) {
    #modalForDiscount .modal-content .mainH1 {
        font-size: 22px !important;
    }
    #modalForDiscount .modal-para {
        font-size: 12px !important;
        margin-bottom: 19px !important;
    }
}

#modalForDiscount .modal-fom .form-control {
    height: 45px;
    margin-bottom: 22.5px
}

#modalForDiscount .modal-fom textarea.form-control {
    height: 180px
}

#modalForDiscount .btn-modal {
    font-size: 17px;
    background: #000;
    color: #fff;
    letter-spacing: 1px
}

#modalForDiscount .modal-check-para {
    font-size: 14px;
    margin-bottom: 25px;
    display: inline-block
}

#modalForOrder .modal-content {
    background-color: #39409b;
    background: url(../images/popup.webp) no-repeat center/cover
}

@media(max-width:1000px) {
    #modalForOrder .modal-content {
        background: 0 0;
        background-color: #39409b
    }
}

#modalForOrder .modal-content .mainH1 {
    font-size: 45px
}

#modalForOrder .modal-para {
    font-size: 19px;
    margin-bottom: 50px
}

#modalForOrder .modal-fom .form-control {
    height: 45px;
    margin-bottom: 22.5px
}

#modalForOrder .modal-fom textarea.form-control {
    height: 180px
}

#modalForOrder .btn-modal {
    font-size: 17px;
    background: #000;
    color: #fff;
    letter-spacing: 1px
}

#modalForOrder .modal-check-para {
    font-size: 14px;
    margin-bottom: 25px;
    display: inline-block
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 1000px
    }
}

.v-text {
    font-weight: 900;
    opacity: .2;
    transform: rotate(270deg);
    display: block;
    font-size: 113px;
    position: absolute;
    top: 0;
    left: -232px;
    z-index: 0
}

div.gd {
    width: 368px;
    height: 87%;
    position: absolute;
    right: -13%;
    bottom: 16px;
    z-index: 300;
    background: linear-gradient(90deg, rgba(252, 197, 127, 0) 0, #fcc57f 80%)
}

#slider>div.owl-nav>button>div.goal-daba {
    border-radius: 50%;
    width: 70px;
    text-align: center;
    height: 70px;
    margin: 0;
    padding: 0;
    line-height: 70px;
    border: 1px solid #fff;
    margin-bottom: 12px;
    transition: .3s ease-in-out
}

#slider>div.owl-nav>button>div.goal-daba i {
    color: #fff
}

#slider>div.owl-nav>button {
    color: #fff !important
}

.tlabels {
    font-size: 35px;
    font-weight: 800;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 27px;
    padding-left: 115px;
    line-height: 47px
}

#modalForDiscount>div>div>div>button {
    color: #fff !important
}

.floating_wrap .btns_wrap {
    position: fixed;
    right: 0;
    z-index: 10000;
    font-family: poppins
}

.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: fixed;
    right: -150px;
    width: 200px;
    background: #fff;
    top: 14%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .call_wrap {
    width: 237px;
    position: fixed;
    right: -188px;
    background: #fff;
    top: 32%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box {
    position: fixed;
    right: 0;
    z-index: 10000;
    font-family: poppins
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.border-yellow {
    border: 2px solid #ffb700;
    background-color: transparent;
}

.bestSeller::before {
    content: '';
    width: 118px;
    height: 123px;
    background-image: url(../images/bestseller.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -11px;
    right: 8px;
}

.btn-fill {
    background-color: #ffb700;
    color: #fff;
    text-decoration: none;
    height: 45px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 15px 15px;
    outline: 0;
    border: none;
    min-width: 175px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.floating_wrap .float_form_box .floating_form {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 30%;
    position: fixed;
    right: -300px;
    width: 350px;
    font-size: 0;
    background: 0 0;
    overflow: hidden;
    border-radius: 0;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    float: left;
    width: 50px;
    overflow: hidden;
    height: 300px;
    border-radius: 5px 0 0 5px;
    position: relative;
    background: -moz-linear-gradient(left, #fcc174 0, #d99032 100%)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #fff;
    font-size: 20px;
    width: 300px;
    text-align: center;
    height: 65px;
    padding-top: 9px;
    position: absolute;
    transform: rotate(360deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_inner {
    width: 85.7%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3 {
    font-size: 24px;
    color: #002791;
    margin-bottom: 0;
    font-family: Poppins;
    font-weight: 700;
    text-align: center
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap {
    padding-top: 20px
}

.floating_wrap #quoteForm .form-control {
    height: 40px
}

.floating_wrap .float_form_box {
    position: fixed;
    right: 0;
    z-index: 10000
}

.floating_wrap .float_form_box .floating_form {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: 200px;
    position: fixed;
    right: -300px;
    width: 350px;
    font-size: 0;
    background: 0 0;
    overflow: hidden;
    border-radius: 0;
    border-radius: 5px 0 0 5px
}

.floating_wrap .float_form_box .floating_form .floating_strip {
    float: left;
    width: 50px;
    overflow: hidden;
    height: 300px;
    border-radius: 5px 0 0 5px;
    position: relative;
    background: -moz-linear-gradient(left, #46c7fa 0, #bda9dc 100%);
    background: #ffb700;
    color: #000
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-90deg)
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a:hover {
    text-decoration: none
}

.floating_wrap .float_form_box .floating_form .floating_strip .rotatekaro a {
    color: #000;
    font-size: 23px;
    width: 300px;
    text-align: center;
    height: 65px;
    letter-spacing: .5px;
    padding-top: 9px;
    font-weight: 600;
    position: absolute;
    transform: rotate(360deg);
}

.floating_wrap .float_form_box .floating_form .floating_inner {
    width: 85.7%;
    background: #fff;
    float: right;
    padding: 20px 30px 15px 30px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3 {
    font-size: 24px;
    color: #002791;
    margin-bottom: 0
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap {
    padding-top: 20px
}

.floating_wrap .float_form_box .floating_form .floating_inner h3:before {
    display: none
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .form-control {
    color: #000;
    border: 1px solid #bdbcbc;
    border-radius: 10px;
    height: 44px
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form textarea.form-control {
    height: 85px
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form input#quoteSubmit {
    border-radius: 10px;
    width: 100%
}

.floating_wrap .float_form_box .floating_form .floating_inner .form_wrap .hero_form .margin-bottom-20 {
    width: 100%;
    margin-bottom: 11px;
    padding-right: 15px
}

.floating_wrap #quoteForm .form-control {
    height: 40px
}

.floating_wrap .float_form_box .floating_form.open {
    z-index: 9999;
    right: 0;
    border-radius: 5px 0 0 5px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.notscroll {
    overflow: hidden
}

.notscroll .floating_wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .65);
    z-index: 10000
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input::-moz-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input:-ms-input-placeholder {
    color: #fff !important;
    opacity: .5
}

#quoteForm textarea::-webkit-input-placeholder,
.formwrap #quoteForm input:-moz-placeholder {
    color: #fff !important;
    opacity: .5
}

.formwrap {
    padding-right: 90px
}

.formwrap .form-control {
    height: 40px;
    background-color: transparent;
    border: 1px solid #587eab;
    color: #fff
}

.formwrap input#quoteSubmit {
    text-decoration: none;
    height: 45px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    display: inline-block;
    padding: 15px 45px;
    line-height: 100% !important;
    outline: 0;
    border: none;
    min-width: auto;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px;
    background: #fff;
    color: #145db1;
    border: 2px solid #fff;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.formwrap input#quoteSubmit:focus,
.formwrap input#quoteSubmit:hover {
    background-color: #fff;
    color: #145db1;
    text-decoration: none
}

.formwrap .mid-body {
    text-align: left
}

.formwrap #quoteForm textarea.form-control {
    min-height: 80px
}

.formwrap.mywrap .mid-body {
    text-align: center
}

.formwrap.mywrap .form-control {
    height: 42px;
    border-radius: 5px !important;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    color: #fff
}

.formwrap.mywrap input#quoteSubmit {
    font-size: 14px;
    height: 50px
}

.floating_wrap .btns_wrap {
    position: fixed;
    right: 0;
    z-index: 10000
}

.floating_wrap .btns_wrap a:hover {
    text-decoration: none !important;
    right: 0
}

.floating_wrap .btns_wrap .call_wrap {
    width: 237px;
    position: fixed;
    right: -188px;
    background: #fff;
    top: 140px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .call_wrap i {
    color: #000;
    font-size: 31px;
    padding: 10px 14px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #45c7fa 0, #bda9dc 100%);
    background: #ffb700
}

.floating_wrap .btns_wrap .call_wrap span {
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px
}

.floating_wrap .btns_wrap .chat_wrap {
    display: block;
    position: fixed;
    right: -150px;
    width: 200px;
    background: #fff;
    top: 80px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 40px #00000026 !important;
    border-radius: 5px 0 0 5px
}

.floating_wrap .btns_wrap .chat_wrap i {
    color: #000;
    font-size: 31px;
    padding: 10px 12px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    background: -moz-linear-gradient(left, #46c7fa 0, #bda9dc 100%);
    background: #ffb700
}

.floating_wrap .btns_wrap .chat_wrap span {
    color: #1f119c;
    font-size: 16px;
    vertical-align: middle;
    background: #fff;
    padding: 15px 15px 15px 15px
}

.thumb {
    margin-bottom: 30px
}

.nav-pills .page-top {
    margin-top: 0;
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.contentScroll {
    padding: 0 !important;
}

.transition {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}

.modal-header {
    border-bottom: none
}

.modal-title {
    color: #000
}

.bg-first {
    background-color: #ffb700;
    border: 1px solid #fff;
}

.modal-footer {
    display: none
}

.mycardtwo .readMore,
.mycardtwo .readMore button {
    margin: 0 !important;
}

.mycard .readMore,
.mycard .readMore button {
    margin: 0 !important;
}

.section12 .hrWhite {
    margin: 0 auto !important;
}

.banner-bot ul {
    padding: 0;
    text-align: center;
}

.banner-bot ul li {
    display: inline-block;
    width: 14%;
    padding-top: 20px;
}

.banner-bot ul li img {
    width: 100%;
}

.owl-home-clients.owl-carousel .owl-item .img-wrap {
    width: 150px;
    margin: auto;
    opacity: 0.5;
}

@media only screen and (max-width: 1150px) {
    .counter ul li {
        padding: 30px 20px !important;
    }
    .counter ul li a figure img {
        max-width: 50px !important;
    }
    .myCard2 .font-32 {
        font-size: 20px !important;
    }
    .lgos-sctn ul li {
        padding: 0 5px !important;
    }
    .doublewrap .right img {
        width: 130px !important;
    }
    .doublewrap span.price {
        font-size: 32px !important;
        line-height: 26px !important;
    }
    footer h6.footerheading {
        font-size: 16px !important;
    }
    footer p.footerpara {
        font-size: 13px !important;
    }
    .txt-sub {
        /* padding: 15px 0 15px 10px !important; */
    }
    .ptb-30 p.text-white.text-center.text-md-left {
        text-align: center !important;
    }
}

@media only screen and (max-width: 992px) {
    .inerservice-banner .isb-textwrapper h1,
    .inerservice-banner .isb-textwrapper p,
    .inerservice-banner .isb-textwrapper h5 {
        text-align: center;
    }
    .inerservice-banner form {
        width: 90% !important;
    }
    .counter ul li a figure {
        float: none !important;
        width: 100% !important;
        display: block;
        text-align: center;
    }
    section.numbering img {
        width: 100%;
    }
    .counter ul li a .wrap {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }
    #home-pricing-webs .item {
        margin: 10px !important;
        width: 97% !important;
    }
    .font-50 {
        font-size: 25px !important;
    }
    .txt-sub {
        padding: 30px 0 30px 30px !important;
    }
    .template-demo.pt-50 {
        display: none;
    }
}

@media(max-width:767px) {
    .banner-bot ul li {
        display: inline-block;
        width: 26% !important;
        padding-top: 10px !important;
    }
    .banner-bot ul li img {
        width: 86px !important;
    }
    .stickIcon {
        left: 0px !important;
        width: 36% !important;
    }
    p.text-grey.text-uppercase.let-space-2.font-w600 {
        text-align: center;
    }
    .line-bot-green-225 {
        margin: 1rem auto !important;
    }
    .line-height-45 {
        line-height: 34px !important;
        text-align: center !important;
    }
    p.text-secondary.font-w300.line-height-32.font-22.p-5 {
        padding: 0 !important;
        text-align: center;
    }
    .doublewrap .right {
        right: 0 !important;
    }
    section.py-5.sectionVisionaries .btn-red {
        padding: 14px 0px !important;
        width: 180px !important;
    }
}

.jun {
    visibility: hidden !important;
    position: absolute;
}

.foot-img-wrap img {
    filter: brightness(0) invert(1);
    /* width: 50%; */
}

#pills-ecom .owl-carousel {
    display: block !important;
}

.blinkIt {
    animation: blinkIt 1s infinite;
    -webkit-animation: blinkIt 1s infinite;
    color: #fff;
}

@keyframes blinkIt {
    0% {
        color: #fff;
        opacity: .8;
    }
    100% {
        color: yellow;
        opacity: 1;
    }
}

.sw-theme-default {
    height: 100%;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 680px;
    }
}

.navbar-light .navbar-toggler {
    color: rgb(4 32 72);
    border-color: rgba(0, 0, 0, .1);
}

div#home-pricing-webs {
    display: block;
}

.sticky .navbar .container {
    display: none !important;
}