html,
body {
    font-family: "montserrat-regular";
    overflow-x: hidden;
}

@font-face {
    font-family: "fontawesome-webfont";
    src: url("fonts/fontawesome-webfont.ttf");
}
/* body.modal-open {
    width: 100% !important;
    padding-right: 0 !important;
    overflow-y: scroll !important;
} */

.cta {
    text-decoration: none !important;
}

.cta:hover {
    text-decoration: none !important;
}

.error {
    font-family: "montserrat-regular";
    color: red;
    font-size: 12px;
    /* margin: 10px 0; */
}

.table-cont > .row > div {
    border: 1px solid #d4ebf2;
}

.table-cont {
    border: 1px solid #d4ebf2;
}

.num-list {
    padding-right: 1em;
}

.input-field.error {
    border: 1px solid red;
    font-size: 18px !important;
}

.input-field-gs.error {
    font-size: 18px !important;
}

.error-cont {
    font-family: "montserrat-regular";
    color: #fff;
    text-align: center;
    padding: 0px 0 20px 0;
    /* margin: 10px 0; */
}

.error-cont > .error {
    font-family: "montserrat-regular";
    color: #fff;
    text-align: center;
    padding: 0px 0 20px 0;
    /* margin: 10px 0; */
}

.btn:focus {
    outline: none !important;
}

.img_thumb {
    object-fit: cover;
    width: 100%;
    height: 180px;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.article-content img {
    max-width: 100%;
    width: 100%;
}
.article-main-container {
    margin-bottom: 30px;
}
.article-card {
    padding: 20px;
    position: absolute;
    width: 90%;
    background-color: #fff;
    min-height: 150px;
    bottom: -90px;
    margin: auto;
    left: 0px;
    right: 0px;
}

.article-card-container {
    margin-bottom: 150px;
}

.article-card-title-main {
    height: auto;
    font-size: 20px;
}

.article-card-title {
    height: 60px;
    font-size: 14px;
}

.article-card-subtitle {
    display: block;
}

.img_thumb_main {
    object-fit: cover;
    width: 70%;
    height: 500px;
}

.article-card-main {
    text-align: left;
    padding: 20px;
    position: absolute;
    left: 0px;
    top: 100px;
    width: 35%;
    background-color: #fff;
    min-height: 150px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: 0 0 5px rgba(9, 162, 222, 0.8);
    /* padding: 3px 0px 3px 3px; */
    /* margin: 5px 1px 3px 0px; */
    border: 1px solid rgba(9, 162, 222, 0.8);
}

h1,
h2 {
    font-family: "montserrat-bold";
}

table {
    min-width: 400px;
}

.a-style {
    word-break: break-all;
}

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

th,
td {
    padding: 15px;
}

.breadcrumb,
.jumbotron {
    background-color: #fff;
}

.breadcrumb small span {
    text-decoration: underline;
}

.m-reg {
    font-family: "montserrat-regular" !important;
}

.m-bold {
    font-family: "montserrat-bold" !important;
}

.m-semibold {
    font-family: "montserrat-semibold" !important;
}

.m-medium {
    font-family: "montserrat-medium" !important;
}

.m-light {
    font-family: "montserrat-light" !important;
}

.navbrand {
    font-size: 24px;
}

.nav-link {
    font-family: "montserrat-semibold";
}

.a-link {
    color: #000;
    transition: 0.2s ease-in-out;
}

.chkbx {
    border-radius: 5px;
    border-color: #09a3df;
}

.a-link:hover {
    color: #09a3df;
    text-decoration: none;
}

.a-link[role="button"]:hover {
    color: #09a3df;
    text-decoration: none;
}

.main {
    color: #fff;
    position: fixed;
    /* position: absolute; */
    top: 0;
    width: 100% !important;
    background-color: transparent;
    z-index: 999;
}

.input-field {
    width: 100%;
}

.note {
    margin-top: 5px;
}

.show-xl-only,
.show-lg {
    display: none;
}

.btn-cont {
    display: inherit !important;
}

.header-logo,
.header-logo-2 {
    width: 150px;
    height: auto;
}

.navbar {
    padding: 10px 150px;
}

.main-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.5rem;
    padding-left: 0.5rem;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: -6px;
}

.custom-toggler.navbar-toggler {
    border-color: transparent;
    padding: 0px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 70% 70%;
    color: #fff;
}

.img-tree {
    max-width: 300px;
    height: auto;
    margin: 0 auto;
}

.calendar-container {
    width: 400px;
    height: 750px;
    border: 10px solid #ff9821;
    border-radius: 5px;
    background: #fff;
    overflow: hidden !important;
    padding-bottom: 100px;
}

.container-pkg {
    max-width: 799px;
}

@media only screen and (max-width: 1167px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 0;
        padding-top: 15px;
        margin-bottom: 0px;
    }
    .btn-sign {
        color: #fff;
        font-size: 14px !important;
    }
    .btn-style-top {
        background-color: #ff9821;
        /* box-shadow: 1px 8px 0px #00000042; */
        -moz-box-shadow: 1px 8px 0px #00000042;
        -webkit-box-shadow: 1px 8px 0px #00000042;
        box-shadow: 1px 8px 0px #00000042;
        border: none !important;
        color: white;
        /* width: 281px; */
        font-size: 14px !important;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px;
    }
    .header-logo,
    .header-logo-2 {
        width: 120px;
        height: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .show-xl-only {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .show-lg {
        display: block;
    }
    .navbar-nav {
        margin-left: 5%;
    }
}

*:focus {
    outline: 0 !important;
}

.btn:active,
.btn:focus {
    border: none;
    outline: none;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.btn-top {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #fff;
}

.btn-style-top {
    background-color: #ff9821;
    /* box-shadow: 1px 8px 0px #00000042; */
    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;
    /* for ie */
    /* zoom: 1;
    filter: progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180); */
    /* width: 281px; */
    font-size: 1rem;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
}

.btn-style-first {
    background-color: #ff9821;
    /* box-shadow: 1px 8px 0px #00000042; */
    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;
    /* for ie */
    /* zoom: 1;
    filter: progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180); */
    width: 281px;
    font-size: 18px;
    padding: 15px;
    margin: 0px;
}

.sem-lp-pricing-btn-container {
    margin-top: 50px;
}

.btn-style-second {
    background-color: #ff9821;
    /* box-shadow: 1px 8px 0px #00000042; */
    /* -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042; */
    border: none !important;
    color: white;
}

.btn-style-third {
    background-color: transparent;
    border: 1px solid #0474b6;
    color: #0474b6;
    max-width: 389px;
}

.btn-style-fourth {
    background-color: transparent;
    border: 1px solid #ff9821;
    color: #ff9821;
    max-width: 389px;
}

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

.lg {
    background: url(../images/main-banner-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
}

.img-next {
    width: 20px;
    height: 20px;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-tnc,
.text-pp,
.text-help {
    font-size: 18px;
}

.text-pp li,
.text-tnc li,
.text-help li {
    /* Adjust this value so that it appears where you want. */
    font-size: 10px;
    /* Adjust this value so that it appears what size you want. */
}

.text-pp li span,
.text-tnc li span,
.text-help li span {
    /* Adjust this value so that it appears where you want. */
    font-size: 18px;
    /* Adjust this value so that it appears what size you want. */
}

.main.active {
    background-color: #006ac7;
    color: #000 !important;
    transition: 0.5 ease-in;
}

.main.done {
    background-color: transparent;
    /* color: #000 !important; */
    transition: 0.5 ease-in;
}

.navbar-dark .navbar-nav .nav-link.active {
    /* background-color: #fff; */
    color: #fff !important;
    transition: 0.5 ease-in;
}

.btn-sign {
    color: #fff;
    font-size: 1rem;
}

.lbl-total {
    letter-spacing: 0.4px;
    color: #006ac7;
    font-size: 16px;
}

.price-tag {
    letter-spacing: 0.75px;
    color: #006ac7;
    font-size: 30px;
}

.price-tag sup {
    font-size: 18px;
}

.price-container {
    border: 1px solid #006ac7;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.summary {
    color: #606060;
}

/* .btn-sign.active {
    border: 2px solid #000 !important;
    color: #000 !important;
} */

.btn-sign:hover {
    background-color: #fff;
    color: #000;
    /* transition: ease-in-out 1; */
}

.big-copy {
    margin-top: 100px;
    margin-bottom: 140px;
    font-size: 40px;
    line-height: 65px;
}

.big-copy.ow {
    margin: 100px;
    font-size: 40px;
    line-height: 65px;
}

.img-left {
    z-index: -1;
    position: absolute;
    width: 20%;
    height: auto;
    left: -170px;
    top: 593px;
}

.img-right {
    z-index: -1;
    position: absolute;
    width: 20%;
    height: auto;
    right: -210px;
    top: 162px;
}

.img-left.pp {
    z-index: -1;
    position: absolute;
    width: 360px;
    height: auto;
    left: -170px;
    top: 593px;
}

.img-right.pp {
    z-index: -1;
    position: absolute;
    width: 349px;
    height: auto;
    right: -81px;
    top: 1240px;
}

.img-left.tnc {
    z-index: -1;
    position: absolute;
    width: 360px;
    height: auto;
    left: -170px;
    top: 593px;
}

.img-right.tnc {
    z-index: -1;
    position: absolute;
    width: 306px;
    height: auto;
    right: -81px;
    top: 86px;
}

.img-left-2 {
    z-index: -1;
    position: absolute;
    width: 20%;
    height: auto;
    left: -157px;
    top: 920px;
}

.img-right-2 {
    z-index: -1;
    position: absolute;
    width: 30%;
    height: auto;
    right: -311px;
    top: 0px;
}

h1 span {
    color: #ff9821 !important;
}

.list-benefit {
    font-size: 18px;
    font-family: "montserrat-light";
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
}

.list-benefit a {
    color: #000;
    text-decoration: none;
}

.list-benefit.active a {
    color: #014c97 !important;
    text-decoration: none;
}

.list-benefit.active {
    color: #014c97 !important;
    font-size: 20px;
    font-family: "montserrat-semibold";
    text-align: left;
}

.text-title-blue {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #0474b6;
    text-transform: uppercase;
}

.blue-text {
    color: #0474b6;
}

.blue-container {
    width: 100%;
    margin: 40px auto;
    background-color: #006ac7;
    padding: 4%;
    border-radius: 21px;
    color: #fff;
}
.light-blue-container {
    width: 100%;
    background-color: #f2f8fb;
    border-radius: 16px;
    color: #929292;
    font-size: 16px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0px 3px 6px #00000029;
}
.author {
    color: #73ade0;
}

.text-desc {
    font-size: 18px;
    color: #2d2d2d;
}

.text-desc-2 {
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 40px;
    line-height: 33px;
}

.text-desc-3 {
    font-size: 23px;
}

.benefit-cont {
    background-color: #f2f8fb;
    border-radius: 21px;
    padding: 50px 120px 50px 50px;
    width: 562px;
}

.benefit-text {
    background: #ffffff;
    border-radius: 7px;
    height: 75px;
}
.side-price {
    font-size: 28px;
    text-transform: lowercase;
    letter-spacing: 0px;
}

.product-cont {
    text-align: left;
    background: #0094e1;
    border-radius: 10px;
    height: auto;
    padding: 30px;
    margin-bottom: 50px;
}

.product-cont-vdp {
    text-align: left;
    background: #2abad8;
    border-radius: 10px;
    height: auto;
    padding: 30px;
    margin-bottom: 50px;
}

.price {
    font-size: 42px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 10px;
}

.price-product {
    font-size: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 40px;
}
.price-product-vdp {
    font-size: 45px;
    text-align: left;
    letter-spacing: 0px;
    color: #ffffff;
    text-transform: uppercase;
}
.price-product-register {
    font-size: 45px;
    text-align: left;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 40px;
}

.product-wrapper {
    width: 90%;
    margin: 0 auto;
}

.product-wrapper-pricing {
    max-width: 1200px;
    margin: 0 auto;
}
.product-wrapper-vdp {
    max-width: 1150px;
    margin: 0 auto;
}
.product-wrapper.home {
    width: 90%;
    margin: 0 auto;
}

.premium-cont {
    text-align: left;
    background: #00325e;
    border-radius: 10px;
    /* border: 6px solid #0061ab; */
    height: auto;
    padding: 30px;
    margin-bottom: 50px;
}

.gold-cont {
    text-align: left;
    background: #2abad8;
    border-radius: 10px;
    /* border: 6px solid #0061ab; */
    height: auto;
    padding: 30px;
    margin-bottom: 50px;
}

.premium-video-cont {
    text-align: left;
    background: #2abad8;
    border-radius: 10px;
    /* border: 6px solid #0061ab; */
    padding: 30px;
    margin-bottom: 50px;
    height: 90%;
}

.package-total-save-label {
    position: absolute;
    right: 0px;
    bottom: -38px;
    color: #000;
    background-color: #30f298;
    padding: 10px;
    font-size: 20px;
    width: 300px;
    letter-spacing: 0 !important;
}

.package-total-save-label-pricing {
    margin-left: -30px;
    margin-bottom: 20px;
    font-weight: bolder;
    left: 0px;
    color: #000;
    background-color: #30f298;
    padding: 10px 33px;
    font-size: 20px;
    width: 80%;
}

.package-total-save-label sup {
    top: -0.3em !important;
}

.package-total-save-label-pricing sup {
    top: -0.3em !important;
}

.most-popular-banner {
    height: 70px !important;
}
.text-benf {
    color: #fff;
    font-size: 18px;
    font-family: "Montserrat-light";
}

.text-benf-vdp {
    color: #fff;
    font-size: 15px;
    /* font-family: "Montserrat-light"; */
    font-weight: bold;
}
.premium-cont ul li {
    color: #fff;
    font-size: 18px;
    padding-top: 15px;
    font-family: "Montserrat-medium";
}

.product-cont ul li.none {
    list-style-type: none;
    margin-left: -20px;
}

.premium-cont ul li.none {
    list-style-type: none;
    margin-left: -20px;
}

.fa-check.basic:before {
    content: "\f00c";
    color: #0094e1;
    /* color: blue; */
    top: -7px;
    left: -4px;
    position: relative;
    font-size: 12px;
}

.fa-check.pre:before {
    content: "\f00c";
    color: #00325e;
    top: -7px;
    left: -4px;
    position: relative;
    font-size: 12px;
}

.fa-circle:before {
    content: "\f111";
    font-size: 5px;
    padding-left: 7px;
    padding-right: 20px;
}

.pkg-check {
    display: inline-block;
    color: #006ac7 !important;
    margin: 0em 0.7em 0em 0.1em;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    font-weight: bolder;
    padding: 8px;
    height: 20px;
    width: 20px;
}

.work-cont {
    background-color: #e5f0f9;
}

.work-cont.ld {
    background-color: transparent;
}

.feed-cont {
    background-color: #006ac7;
}

.work-box {
    max-height: 370px;
    padding-bottom: 100px;
    animation: pop-in 0.5s;
    -moz-animation: pop-in 0.5s;
    /* Firefox */
    -webkit-animation: pop-in 0.5s;
    /* Safari and Chrome */
    -o-animation: pop-in 0.5s;
    /* Opera  */
}

.container.article {
    padding-bottom: 130px;
    padding-top: 50px;
    max-width: 991px;
}
.benefit-mobile {
    width: 100%;
    max-height: auto;
    /* margin-left: auto;
    margin-right: auto; */

    padding: 50px;
    background: #006ac7;
    overflow-y: hidden;
    margin-top: 30px;
}
.swiper-pagination.product-pag .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #006ac7;
    opacity: 0.2;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 60px;
    left: 0;
    width: 100%;
}
.swiper-pagination.product-pag
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container.product-swipe {
    width: 100% !important;
    height: 100% !important;
}
.swiper-container.product-swipe .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    /* Center slide text vertically */

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner-text {
    padding: 20px 100px 20px 100px;
    font-size: 20px;
}
.banner-text span {
    color: #ff9821 !important;
}
.swiper-container.benefit-swiper {
    width: 574px;
    max-height: 650px;
    /* margin-left: auto;
    margin-right: auto; */

    padding: 50px;
    background: #006ac7;
    overflow-y: hidden;
    /* margin-left: -90px; */

    margin-top: 30px;
    border-radius: 21px;
}
.benefit-mobile .swiper-slide {
    text-align: center;
    background: #006ac7;
    color: #fff;
    height: auto;
}
.swiper-container.benefit-swiper .swiper-slide {
    text-align: center;
    background: #006ac7;
    color: #fff;
    max-height: 603px !important;
}
.benefit-mobile .swiper-title,
.swiper-container.benefit-swiper .swiper-title {
    font-family: "montserrat-semibold";
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
}
.benefit-mobile .swiper-desc,
.swiper-container.benefit-swiper .swiper-desc {
    font-family: "montserrat-light";
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
}
.benefit-mobile .swiper-content,
.swiper-container.benefit-swiper .swiper-content {
    margin: 65px 0;
}
.feed {
    box-shadow: 5px 29px 6px #0000004d;
    border-radius: 5px;
    padding-top: 10px;
    height: auto;
    max-height: 600px;
    background-image: url(../images/quotes.webp);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.form {
    box-shadow: 5px 29px 6px #0000004d;
    border-radius: 10px;
    height: auto;
    padding: 0px 20px;
    max-height: 600px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.modal-title {
    text-transform: uppercase;
    letter-spacing: 8.2px;
    font-size: 48px;
}
#faq-content {
    padding-top: 100px;
    padding-bottom: 100px;
}
.input-group,
.input-group.blog,
.input-group.help {
    margin: 40px 0;
}
.input-group.blog {
    border: 3px solid #00417a;
    border-radius: 8px;
    bottom: -28px;
}
.input-group.help {
    border: 3px solid #00417a;
    border-radius: 8px;

    width: 80%;
    margin: 0 auto;
}
.input-group input[type="email"] {
    font-size: 20px;
    height: -39px;
    /* width: 221px; */

    padding: 29px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.input-group.blog input[type="text"],
.input-group.help input[type="text"] {
    font-size: 20px;
    height: 60.5px;
    padding: 20px !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 0px;
}
.input-group-append button {
    height: 60.5px;
    margin: 0px 0;
    width: 162px;
    background-color: #ff9821;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border: #ff9821;
    color: #fff;
}
.input-group-append .search-blog {
    height: 60.5px;
    margin: 0px 0;
    width: 84px;
    background-color: #fff;
    border: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.getstarted-more-sect .benefit-desc {
    color: #fff;
    text-align: left;
}
.getstarted-more-sect .desc-hiw {
    margin-left: -20px;
}
.pp-cont-img {
    position: relative;
    width: 100%;
}
.img-fit.pp {
    position: absolute;
    top: -251px;
    width: 450px;
    right: -156px;
    height: auto;
    left: initial;
}
.getstarted-more-sect .img-fit {
    width: 318px;
    height: auto;
    left: 0px;
    bottom: -26px;
}
.email-cont {
    font-size: 24px;
    padding: 40px;
    text-align: center;
    width: 50%;
    border-radius: 12px;
}
.input-gt .email-cont {
    font-size: 24px;
    padding: 40px;
    text-align: center;
    width: 50%;
    margin-top: 20px;
    border-radius: 12px;
}

.how-this-title {
    font-size: 21px;
    height: 60px;
}
.border-org {
    border: 5px solid #ff9821;
    border-radius: 50%;
}
.how-this-desc {
    font-size: 18px;
}
.container.brandripe {
    max-width: 1280px;
    margin-bottom: 200px !important;
}
.learn-more-sect,
.getstarted-more-sect,
.au-more-sect {
    background-color: #006ac7;
}
.getstarted-more-sect {
    position: relative;
    z-index: 2;
}
.display-top {
    z-index: 9999 !important;
}
.bg-footer {
    background-color: #00417a;
    position: relative;
}
.first-wrapper {
    margin: 0 auto;
}
.img-modal {
    margin: 0 auto;
    padding-left: 19%;
}
.border-none {
    outline: none !important;
    border: 0px !important;
}
.mw-300 {
    min-width: 300px !important;
}
.mw-150 {
    min-width: 150px !important;
}
.maxw-300 {
    max-width: 300px !important;
    width: 100%;
}
.maxw-400 {
    max-width: 400px !important;
    width: 100%;
}
.maxw-450 {
    max-width: 450px !important;
    width: 100%;
}

/* .modal {
    position: absolute;
    top: 10px;
    right: 100px;
    bottom: 0;
    left: 0;
    z-index: 10040;
    overflow: auto;
    overflow-y: auto;
} */

/* .modal-dialog {
    position: absolute !important;
} */
.img-modal img {
    width: 153px;
    height: auto;
    position: relative;
    top: -119px;
}
.get-discount {
    width: 300px;
    font-size: 21px;
    padding: 15px 20px 15px 20px;
    margin: 15px auto;
}
.modal-open {
    padding-right: 0px !important;
}
.modal-content {
    margin-top: 85px;
    border-radius: 14px;
    /* max-height: 550px; */
}
.modal-header {
    border-bottom: 1px solid transparent;
    height: auto;
    width: 100%;
}
.big-copy-footer {
    font-size: 40px;
}
.big-copy-footer.blog {
    font-size: 40px;
}
.blog-input {
    border-radius: 50px;
    padding: 25px;
}
.witf-list,
.wwc-list {
    height: 100%;
    overflow: hidden;
    transition: linear 0.2s;
}
.witf-list.expand,
.wwc-list.expand {
    height: 1000px;
    transition: linear 0.2s;
}
.btn-more::before {
    content: "See more";
}
.btn-more.expand::before {
    content: "See less";
}
.witf-check {
    display: inline-block;
    color: #fff !important;
    margin: 0em 0.7em 0.9em 0.1em;
    border-radius: 100%;
    background-color: #162294;
    text-align: center;
    font-weight: bolder;
    /* padding: 8px; */

    width: 20px;
    height: 20px;
}
.fa-check.work:before {
    content: "\f00c";
    top: 1px;
    left: -1px;
    position: relative;
    font-size: 12px;
}
.fa-check:before {
    content: "\f00c";
    top: -7px;
    left: -4px;
    position: relative;
    font-size: 12px;
}
.sche-check {
    display: inline-block;
    color: #fff !important;
    margin: 0em 0.7em 0em 0.1em;
    border-radius: 100%;
    background-color: #006ac7;
    text-align: center;
    font-weight: bolder;
    padding: 8px;
    height: 20px;
    width: 20px;
}
.witf-list li,
.wwc-list li {
    /* font-size: 18px; */

    line-height: 40px;
    list-style-type: none;
    font-size: 1em;
    /* white-space: nowrap; */
}
.schedule-list {
    padding-left: 0px;
}
.schedule-list li {
    line-height: 40px;
    list-style-type: none;
    font-size: 1em;
}
.btn-demo {
    width: 295px;
    font-size: 17px;
    padding: 15px 20px 15px 20px;
    margin: 40px auto;
}
.btn-demo.blog {
    width: auto;
    font-size: 17px;
    padding: 13px 30px 13px 30px;
    margin: 0px auto;
}
.lh-20 {
    line-height: 20px !important;
}
.lh-30 {
    line-height: 30px !important;
}
.lh-40 {
    line-height: 40px !important;
}
.lh-50 {
    line-height: 50px !important;
}
img {
    transition: all 0.3s linear;
    -ms-filter: "alpha(opacity=100)";
    opacity: 1;
}
.img-fluid {
    transition: all 0.3s linear;
}
.benefit-hiw .benefit-title,
.benefit-plans .benefit-title {
    font-size: 26px;
    text-align: center;
}

@media only screen and (max-width: 400px) {
    .benefit-hiw .img-b {
        height: 280px;
    }
}

@media only screen and (max-width: 390px) {
    .benefit-hiw .img-b {
        height: 275px;
    }
}

@media only screen and (max-width: 388px) {
    .benefit-hiw .img-b {
        height: 260px;
    }
}

@media only screen and (max-width: 365px) {
    .benefit-hiw .img-b {
        height: 250px;
    }
}

@media only screen and (max-width: 340px) {
    .benefit-hiw .img-b {
        height: 230px;
    }
}

@media only screen and (max-width: 315px) {
    .benefit-hiw .img-b {
        height: 215px;
    }
}

@media only screen and (max-width: 300px) {
    .benefit-hiw .img-b {
        height: 200px;
    }
}

.benefit-nfts .benefit-title {
    font-size: 22px;
    text-align: center;
}
.benefit-vdp {
    font-size: 22px;
    text-align: center;
}
#faq-content {
    background-color: #e5f1f8;
}
.img-faq {
    width: 700px;
    height: auto;
}
.img-banner.pricing,
.img-banner.video-plan,
.img-banner.ow {
    max-width: 51%;
    margin: 0 auto;
}

.img-banner.video-plan {
    max-width: 65%;
    margin: 0 auto;
}
.img-b {
    height: 260px;
    width: auto;
}
.benefit-desc {
    font-size: 18px;
    text-align: center;
}
.witf-container,
.wwc-container {
    margin: 40px auto;
    background-color: #f2f8fb;
    padding: 4%;
    border-radius: 21px;
}
.center-v {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.center-h {
    margin: 0 auto;
}
.headline {
    color: black;
    font-size: 60px;
}
.headline-hiw {
    color: #000;
    /* margin-top: 100px; */
    font-size: 50px;
}

.headline-vdp {
    color: #000;
    /* margin-top: 100px; */

    font-size: 53px;
}
.headline-nft {
    color: #000;
    /* margin-top: 100px; */

    font-size: 53px;
}
.headline-hiw.plan,
.headline-hiw.ld,
.headline-hiw.au {
    color: #000;
    /* margin-top: 100px; */

    font-size: 80px;
}
.headline-hiw.ow {
    font-size: 65px;
}
.headline-desc-hiw {
    color: #000;
    font-size: 20px;
    margin: 40px 0px;
}
.hiw-desc {
    margin: 0 0 10px 0;
}
.custom-text-color{
    color: #00325E;
}
.custom-text-li {
    color: #00325E !important;
    padding-top: 2px;
}
.fa-custom {
    color: #00325E !important;
    background-color: white !important;
}
.li-custom {
    padding-bottom: 10px;
}
.video-form {
    width: 60%;
    position: absolute;
    top: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 5px solid #0094E1;
    border-radius: 24px;
    z-index: 0;
}
.hiw-img-container {
    padding: 2rem 3rem 1rem 3rem;
}
.video-img-1 {
    position: absolute;
    width: 15%;
    top: 10px;
    left: 0px;
    z-index: -1;
}

.video-img-2 {
    position: absolute;
    width: 40%;
    top: -60px;
    right: 115px;
    z-index: -1;
}

.video-img-3 {
    position: absolute;
    width: 20%;
    top: -5px;
    right: 10px;
    z-index: -1;
}
.hiw-text-desc {
    color: #000;
    font-size: 16px;
}
.lh-35 {
    line-height: 35px !important;
}
.hiw-desktop {
    display: block;
}
.hiw-mobile {
    display: none;
}
.popup {
    display: block !important;
}
.popdown {
    display: none !important;
}
.video-popup-outer-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10rem 15rem;
    background-color: rgba(0, 0, 0, 0.5);
}
.btn-vid-close {
    position: absolute;
    background-color: transparent !important;
    color: black !important;
    right: 1.5rem;
    top: -1rem;
    cursor: pointer;
}
.video-popup-container {
    width: 100%;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 15px;
}
.video-popup video {
    width: 80%;
    max-width: 800px;
}
.popup-video {
    display: block;
    border-radius: 14px;
    border: 2px solid #0094E1;
    width: 100%;
}
.video-timelapse {
    color: #006AC7;
    padding-left: 1rem;
}
.video-timelapse img {
    border: 1px solid #0094E1;
    width: 17%;
}
.chapter-container img {
    border: 0;
}
#close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}
.slide-button {
    position: absolute;
    margin: 4rem 2.5rem;
    background: #2181E9 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 29px;
    font-size: 14px;
    width: 65%;
    height: 20%;
    color: white;
}

@media (max-width:767px){
    .hiw-container{
        flex-direction: column;
    }

    .hiw-img-container {
        padding: 1.5rem 1rem 1rem 1rem;
    }

    .column1 {
        order: 2;
    }

    .column2 {
        order: 1;
        padding: 1rem !important;
    }

    .video-form {
        position: relative;
        width: 100%;
        top: 50px;
    }

    .px-sm-2 {
        padding: 0 1rem 0 1rem !important;
    }

    .video-img-1 {
        position: absolute;
        width: 15%;
        top: 5px;
        left: 5px;
        z-index: -1;
    }

    .video-img-2 {
        position: absolute;
        width: 40%;
        top: -85px;
        right: 105px;
        z-index: -1;
    }

    .video-img-3 {
        position: absolute;
        width: 20%;
        top: -10px;
        right: 0px;
        z-index: -1;
    }

    .video-popup-outer-container {
        padding: 7rem 1rem;
    }

    .btn-vid-close {
        position: absolute;
        background-color: transparent !important;
        color: black !important;
        right: 1.5rem;
        top: -17rem;
        cursor: pointer;
    }

    .hiw-custom-padding {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .hiw-video-timelapse-custom {
        border-left: 0;
        padding-left: 2rem;
    }

    .custom-padding-video {
        padding-right: 3rem;
    }

    .custom-div-video {
        border-left: 0;
        padding-left: 3rem;
    }

    .video-timelapse {
        color: #006AC7;
        padding-left: 1rem;
        padding-right: 0.8rem;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 13rem !important;
    }

    .video-timelapse img {
        border: 1px solid #0094E1;
        width: 25%;
    }

    .video-popup-container {
        height: auto;
    }

    .chapter-container p {
        font-size: 0.6rem;
    }

    .custom-img-1 {
        width: 72% !important;
        border: 0 !important;
    }

    .custom-img-2 {
        width: 38% !important;
        border: 0 !important;
    }

    .custom-img-3 {
        width: 34% !important;
        border: 0 !important;
    }

    .custom-img-4 {
        width: 28% !important;
        border: 0 !important;
    }

    .custom-img-5 {
        width: 74% !important;
        border: 0 !important;
    }

    .custom-img-6 {
        width: 74% !important;
        border: 0 !important;
    }

    .hiw-banner.hiw {
        background-size: inherit !important;
        background-position: top !important;
    }

    .hiw-cont {
        text-align: left !important;
        padding-top: 5rem !important;
        padding-left: 0.5rem;
        padding-bottom: 3rem;
    }

    .headline-hiw {
        color: black !important;
    }

    .headline-desc-hiw {
        color: black !important;
    }

    .hiw-desktop {
        display: none;
    }

    .hiw-mobile {
        display: block;
    }

    .hiw-mobile img {
        width: 35vw;
    }

    .btn-custom {
        width: 100% !important;
    }

    .m-row {
        flex-direction: column;
    }

    .custom-padding {
        padding-right: 2.5rem;
    }

    .onboarding-text {
        font-size: 16px !important;
    }
}
.headline-desc-vdp-sub {
    color: #000;
    font-size: 18px;
    /* margin: 40px 0px; */
    font-weight: bolder;
}
.headline-desc-nft-sub {
    color: #000;
    font-size: 18px;
    /* margin: 40px 0px; */
    font-weight: bolder;
}
.headline-desc-vdp {
    color: #4d4d4d;
    font-size: 16px;
    /* margin: 40px 0px; */
}
.title-hiw {
    font-size: 36px;
    margin: 20px auto;
}
.sub-title-hiw {
    font-size: 18px;
    margin: 20px auto;
}
.desc-hiw {
    font-size: 18px;
}
.btn-style-hiw {
    width: 50%;
    font-size: 18px;
    padding: 15px 30px 15px 30px;
    margin-top: 0px;
    background-color: #ff9821;
    /* box-shadow: 1px 8px 0px #00000042; */

    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;
    /* for ie */
    /* zoom: 1;
    filter: progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180); */

    margin: 40px 0px;
}
.btn-style-submit-form {
    width: auto;
    font-size: 14px;
    margin-top: 0px;
    background-color: #006AC7;
    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;

    margin: 40px 0px;
}
.headline-desc {
    color: #fff;
    font-size: 26px;
    margin: 40px 0px;
}
.headline-desc-dhl {
    font-size: 20px;
    margin: 40px 0px;
}

.btn-vp {
    width: 170px;
    color: #fff;
    border: none;
    font-size: 16px;
    /* height: 50px; */

    padding-top: 9px;
    padding-bottom: 9px;
    background: transparent;
}
.btn-view-price {
    color: #fff;
    padding-left: 10px;
    font-size: 20px;
    margin: 0px;
    background-color: transparent;
    border: none;
    outline: none;
}
.content-banner-mobile {
    display: none;
}
.sm-tablet {
    display: none;
}
.no-wrap {
    white-space: nowrap !important;
}
.hiw-banner,
.hiw-banner.hiw,
.hiw-banner.plan,
.hiw-banner.ld,
.hiw-banner.schedule,
.hiw-banner.au {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 90px;
    padding-bottom: 50px;
}
.hiw-banner.blog,
.hiw-banner.help {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 100px;
    padding-bottom: 50px;
}
.hiw-banner.pp,
.hiw-banner.tnc {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 150px;
    padding-bottom: 100px;
}
.hiw-banner.hiw {
    background: url(../../assets-front-end/images/hiw/how-it-work-banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    background-size: 35%;
}
.hiw-banner.plan,
.hiw-banner.au {
    background: url(../images/pricing.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.hiw-banner.ld,
.hiw-banner.schedule {
    background: url(../images/ourwork.png);
    background-repeat: no-repeat;
    /* background-size: cover; */

    background-size: 100%;
}
.hiw-banner.blog {
    background: url(../images/blog.png);
    background-repeat: no-repeat;
    /* background-size: cover; */

    background-size: 100%;
}
.hiw-banner.pp,
.hiw-banner.tnc {
    background: url(../images/blog.png);
    background-repeat: no-repeat;
    /* background-size: cover; */

    background-size: cover;
}
.hiw-banner.help {
    background: url(../images/blog.png);
    background-repeat: no-repeat;
    /* background-size: cover; */

    background-size: cover;
}
.go {
    width: 267px;
    font-size: 35px;
    padding: 15px 20px 15px 20px;
    margin: 30px auto;
}
.copy-mm {
    font-size: 40px;
    margin-bottom: 20px;
}
.copy-ls {
    font-size: 40px;
    margin-bottom: 20px;
}
.card {
    border: 0px;
}
.card.art {
    cursor: pointer;
    box-shadow: 0px 3px 6px #00000029;
}
.card.art:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transition: 0.3s cubic-bezier(1, 0, 0, 1);
}
.white-box-small {
    position: absolute;
    padding: 20px;
    bottom: 20%;
    left: 10%;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    width: 80%;
    height: auto;
    text-align: left !important;
}
.white-box-small h5 {
    font-size: 16px;
}
.au-content {
    margin-top: 50px;
    margin-bottom: 150px;
}
.au-header-title {
    font-size: 50px;
}
.au-subtitle {
    font-size: 26px;
}
.au-type {
    font-size: 42px;
    color: #0474b6;
}
.au-table {
    min-width: 100%;
    border: 0px !important;
}
.au-table tr td {
    max-width: 400px;
    padding: 20px 60px 20px 0px;
    border: 0px !important;
}
.navbar-dark .navbar-toggler-icon {
    transition: all 0.2s ease-in-out;
    background-image: url(../images/menu.png);
}
.navbar-dark .navbar-toggler-icon.expand {
    transition: all 0.2s ease-in-out;
    background-image: url(../images/close.png);
}
.img-tree {
    max-width: 50%;
    height: auto;
    margin: 0 auto;
}
.progress-cont {
    width: 100%;
    margin-left: 10px;
}
.progress-step {
    border-bottom: 5px solid #ebebeb;
    padding-bottom: 10px;
    white-space: nowrap;
}
.progress-step.active {
    border-bottom: 5px solid #006ac7;
    padding-bottom: 10px;
    color: #606060;
    font-family: "Montserrat-regular";
}
.progress-step.active.curr {
    border-bottom: 5px solid #006ac7;
    padding-bottom: 10px;
    color: #006ac7;
    font-family: "Montserrat-bold";
}
.chk-cont {
    position: absolute;
    top: 20px;
    right: 30px;
}
.pkg-desc {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #006ac7;
    color: #006ac7;
    padding: 30px;
    cursor: pointer;
}
.pkg-desc.checked {
    color: #fff;
    background-color: #006ac7;
}
.pkg-desc.checked a {
    color: #fff;
}
.pkg-desc-title {
    font-size: 22px;
    letter-spacing: 3.52px;
    text-transform: uppercase;
    padding-right: 90px;
}
.pkg-list-cont,
.pkg-list-cont-pre {
    height: 100%;
    overflow: hidden;
    transition: linear 0.2s;
}
.pkg-list-cont.expand {
    height: 420px;
    transition: linear 0.2s;
}
.pkg-list-cont-pre.expand {
    height: 420px;
    transition: linear 0.2s;
}
.pkg-link-more {
    cursor: pointer;
}
.pkg-price{
    font-size:40px
}

.pkg-link-more.basic::before,
.pkg-link-more.pre::before {
    content: "view more";
}
.pkg-link-more.basic::after,
.pkg-link-more.pre::after {
    content: "";
    background-image: url(../images/Icon-awesome-caret-down.png);
    background-repeat: no-repeat;
    padding: 0px 20px 0px 20px;
    background-position: 10px 3px;
    background-size: 15px 10px;
}
.pkg-link-more.basic.active::after,
.pkg-link-more.pre.active::after {
    content: "";
    background-image: url(../images/Icon-awesome-caret-down-white.png);
    background-repeat: no-repeat;
    padding: 0px 20px 0px 20px;
    background-position: 10px 3px;
    background-size: 15px 10px;
}
.pkg-link-more.basic.expand::before,
.pkg-link-more.pre.expand::before {
    content: "view less";
}
.pkg-link-more.basic.expand::after,
.pkg-link-more.pre.expand::after {
    content: "";
    background-image: url(../images/Icon-awesome-caret-up.png);
    background-repeat: no-repeat;
    padding: 0px 20px 0px 20px;
    background-position: 10px 3px;
    background-size: 15px 10px;
}
.pkg-link-more.basic.active.expand::after,
.pkg-link-more.pre.active.expand::after {
    content: "";
    background-image: url(../images/Icon-awesome-caret-up-white.png);
    background-repeat: no-repeat;
    padding: 0px 20px 0px 20px;
    background-position: 10px 3px;
    background-size: 15px 10px;
}
.text-total {
    font-size: 37px;
    color: #006ac7;
}
.text-topic {
    color: #000;
}
.side-icon {
    height: 55px;
    position: absolute;
    top: 15px;
    right: 30px;
}

.star_rating_container {
    border-right: 1px #fff solid;
}

@media only screen and (max-width: 2200px) {
    /* .hiw-banner.plan,
    .hiw-banner.ld,
    .hiw-banner.schedule,
    .hiw-banner.au {
        background-size: 100% 100%;
    } */
}
@media only screen and (min-width: 1680px) {
    .content-banner {
        z-index: 99;
        position: absolute;
        left: 230px;
        top: 260px;
        width: 600px;
    }
}
@media (max-width: 1679px) {
    /* .hiw-banner.plan,
    .hiw-banner.ld,
    .hiw-banner.schedule,
    .hiw-banner.au {
        background-size: contain;
        background-position: 150% 0%;
    } */

    .navbar {
        padding: 10px 40px;
    }

    .content-banner {
        z-index: 99;
        position: absolute;
        left: 230px;
        top: 240px;
        width: 600px;
    }

    .headline-desc {
        color: #fff;
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .headline-desc-dhl {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 21px;
    }
    .headline-desc-star {
        color: #fff;
        font-size: 18px;
    }
}
@media only screen and (min-width: 1440px) {
    .headline {
        color: #006AC7;
        font-size: 68px;
        margin-top: 20px;
        padding: 0 624px;
    }

    .headline-vdp {
        color: black;
        font-size: 46px;
        /* margin-top: 20px; */
    }
    .headline-nft {
        color: black;
        font-size: 46px;
        /* margin-top: 20px; */
    }
    .headline-seo {
        color: #fff;
        font-size: 48px;
        margin-top: 20px;
    }
    .headline-dhl {
        font-size: 45px;
        margin-top: 20px;
    }

    .headline-desc {
        color: black;
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0 622px;
    }
    .headline-desc-dhl {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .no-wrap-xl {
        white-space: nowrap !important;
        /* margin: 0 auto;
         */
        margin-left: -2%;
    }

    .headline-desc-hiw.au {
        margin-right: 191px;
    }

    .container.au {
        max-width: 1400px;
    }
    .headline-desc-star {
        color: #fff;
        font-size: 18px;
    }
}
@media only screen and (max-width: 1480px) {

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

    .hiw-banner.plan,
    .hiw-banner.ld,
    .hiw-banner.schedule,
    .hiw-banner.au {
        background-size: 100%;
    }

    .pkg-desc {
        height: 600px;
    }

    .headline-hiw.plan {
        color: #000;
        /* margin-top: 100px; */
        font-size: 60px;
    }

    .headline-hiw {
        color: #000;
        /* margin-top: 100px; */
        font-size: 37px;
    }
    .headline-vdp {
        color: #000;
        /* margin-top: 100px; */
        font-size: 40px;
    }
    .headline-nft {
        color: #000;
        /* margin-top: 100px; */
        font-size: 30px;
    }
    .headline-vdp.pricing,
    .headline-hiw.video-plan,
    .headline-hiw.schedule {
        color: #000;
        /* margin-top: 100px; */
        font-size: 50px;
    }

    .headline-hiw.ow {
        color: #000;
        /* margin-top: 100px; */
        font-size: 50px;
    }

    .headline-desc-hiw.pricing,
    .headline-desc-hiw.ow,
    .headline-desc-hiw.schedule {
        color: #000;
        font-size: 20px;
        margin: 40px 0px;
        line-height: 30px !important;
    }

    .headline-desc-hiw {
        color: #000;
        font-size: 20px;
        margin: 30px 0px;
    }
    .headline-desc-vdp-sub {
        color: #000;
        font-size: 18px;
        /* margin: 20px 0px; */
        font-weight: bolder;
    }
    .headline-desc-nft-sub {
        color: #000;
        font-size: 18px;
        /* margin: 20px 0px; */
        font-weight: bolder;
    }
    .headline-desc-vdp.video-plan {
        color: #4d4d4d;
        font-size: 16px;
        /* margin: 20px 0px; */
    }
    .headline-desc-nft.nft-page {
        color: #4d4d4d;
        font-size: 16px;
        /* margin: 20px 0px; */
    }

    .btn-style-hiw {
        width: auto;
        font-size: 18px;
        padding: 15px 30px 15px 30px;
        background-color: #ff9821;
        /* box-shadow: 1px 8px 0px #00000042; */
        -moz-box-shadow: 1px 8px 0px #00000042;
        -webkit-box-shadow: 1px 8px 0px #00000042;
        box-shadow: 1px 8px 0px #00000042;
        border: none !important;
        color: white;
        /* for ie */
        /* zoom: 1;
        filter: progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180); */
        margin: 0px;
    }

    #scroll-div {
        width: 1187px;
        margin: 0 auto;
        /* width: 80%; */
        /* margin: 0; */
        /* padding: 0px !important; */
    }

    .big-copy-lg {
        margin-left: 0px;
        margin-right: 0px;
    }

    .container.brandripe {
        max-width: auto;
    }

    .content-banner {
        top: 220px;
        width: 450px;
    }

    .headline {
        color: #fff;
        font-size: 52px;
    }

    .headline-seo {
        color: #fff;
        font-size: 42px;
    }
    .headline-dhl {
        font-size: 40px;
    }
    .btn-style-first {
        width: 226px;
        font-size: 18px;
        /* padding: 20px; */
        padding: 15px 0px;
    }

    .btn-style-first.sem-lp-pricing {
        width: 80%;
        font-size: 20px;
        padding: 15px 0px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 18px;
        /* margin: 0px !important; */
    }

    .img-md {
        width: 310px;
        height: auto;
    }

    .most-popular-banner {
        height: 55px !important;
        right: 15px !important;
    }
}
@media only screen and (max-width: 1340px) {
    .content-banner {
        top: 186px;
        width: 450px;
    }

    .headline {
        color: #fff;
        font-size: 45px;
    }
    .headline-seo {
        color: #fff;
        font-size: 36px;
    }
    .headline-dhl {
        font-size: 35px;
    }

    .headline-desc {
        color: #fff;
        font-size: 20px;
    }
    .headline-desc-star {
        color: #fff;
        padding-top: 1rem;
    }
    .btn-style-first {
        width: 226px;
        font-size: 18px;
        padding: 20px;
    }

    .btn-style-first.sem-lp-pricing {
        width: 80%;
        font-size: 20px;
        padding: 15px 0px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 18px;
        /* margin: 0px !important; */
    }

    .product-wrapper {
        width: 94%;
        margin: 0 auto;
    }

    .product-wrapper.home {
        width: 94%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1280px) {
    .benefit-cont {
        padding: 50px 145px 50px 50px;
        width: 502px;
    }

    #scroll-div {
        width: 90%;
        margin: 0 auto;
        /* width: 80%; */
        /* margin: 0; */
        /* padding: 0px !important; */
    }
}
@media only screen and (max-width: 1199px) {
    .img-b {
        height: 200px;
        width: auto;
    }

    .img-banner.pricing {
        max-width: 70%;
        margin: 0 auto;
    }
    .img-banner.video-plan {
        max-width: 70%;
        margin: 0 auto;
    }

    .img-banner.ow {
        max-width: 58%;
        margin: 0 auto;
    }

    .au-header-title {
        font-size: 32px;
    }

    .work-box {
        max-height: 320px;
        /* padding-bottom: 100px; */
    }

    .swiper-container.benefit-swiper {
        width: auto;
        max-height: 650px;
        padding: 50px;
        background: #006ac7;
        overflow-y: hidden;
        /* margin-left: -90px; */
        margin-top: 30px;
        border-radius: 21px;
    }

    .premium-cont {
        /* margin-top: 50px; */
    }

    .benefit-container {
        margin-top: 100px !important;
    }

    .ow-banner-header {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 1201px) {
    .benefit-text {
        height: 100px !important;
    }

    .no-wrap-xl {
        white-space: nowrap;
    }

    .img-fit {
        left: -151px;
        position: absolute;
        bottom: 0;
        width: 781px;
        /* margin-right: -113px; */
        right: -112px;
        height: auto;
    }

    .btn-demo.schedule {
        margin-left: 20px;
    }
}
.img-br-dhl {
    max-width: 225px;
    height: auto;
}
.txt-br-dhl {
    font-size: 35px;
    color: #878787;
    font-weight: lighter;
    padding-top: 25px;
}

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

    .pkg-desc {
        height: fit-content;
    }

    .benefit-content {
        height: 515px;
        /* margin-bottom: 25px; */
        margin: 40px 0px;
    }

    .star_rating_container {
        border-right: 0px #fff solid;
        margin-bottom: 30px;
    }

    .package-total-save-label {
        position: relative !important;
        top: 0px !important;
    }
}
@media only screen and (max-width: 991px) {
    .img-b {
        height: 270px;
        width: auto;
    }

    .btn-cont {
        text-align: center;
    }

    .btn-style-top {
        width: 80%;
        margin: 0 auto;
        padding: 15px;
    }

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

    .input-group input[type="email"] {
        font-size: 16px;
    }

    .au-table tr td {
        max-width: 400px;
        padding: 20px 40px 20px 0px;
        border: 0px !important;
    }

    .calendar-container {
        max-width: 400px;
        height: 680px;
        border: 10px solid #ff9821;
        border-radius: 5px;
        background: #fff;
        overflow: hidden;
    }

    .sche-check {
        display: inline-block;
        color: #006ac7 !important;
        margin: 0em 0.7em 0em 0.1em;
        border-radius: 100%;
        background-color: #fff;
        text-align: center;
        font-weight: bolder;
        padding: 8px;
        height: 20px;
        width: 20px;
    }

    .text-schedule {
        color: #fff;
        font-size: 16px;
        font-family: "Montserrat-Light";
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .hiw-banner.plan {
        background-size: 165% 86%;
        background-position: 81% 0%;
    }

    .hiw-banner.ld {
        background-size: 122% 88%;
        background-position: 100% 0%;
    }

    .hiw-banner.au {
        background-size: 128% 82%;
        background-position: 100% 0%;
    }

    .hiw-banner.schedule {
        background-size: 357% 75%;
        background-position: 100% 0%;
    }

    .headline-hiw.schedule {
        color: #fff;
        /* margin-top: 100px; */
        font-size: 50px;
    }

    .headline-desc-hiw.schedule {
        color: #fff;
    }

    .input-group.help {
        border: 3px solid #00417a;
        border-radius: 8px;

        width: 100%;
        margin: 0 auto;
    }

    .img-header-2 {
        max-width: 150%;
        position: relative !important;
        bottom: 0;
        width: 120% !important;
    }

    .work-box {
        max-height: 250px;
        /* padding-bottom: 100px; */
    }

    .big-copy {
        margin-top: 50px;
        margin-bottom: 80px;
        font-size: 30px;
        line-height: 65px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .big-copy-lg {
        line-height: 45px;
    }

    .copy-mm {
        font-size: 30px;
    }

    .img-fit {
        left: -90px !important;
        /* position: relative !important; */
        bottom: 0;
        width: 450px !important;
        /* margin-right: -113px; */
        /* right: 0 !important; */
        /* height: auto; */
    }

    .btn-demo {
        width: 220px !important;
        font-size: 14px;
        margin: 20px auto !important;
        padding: 10px auto;
    }

    .md-tablet {
        display: block;
        max-width: auto;
        /* width: 481px; */
        margin-left: -40px;
        flex: 0px !important;
    }

    .md-tablet.gs {
        display: block;
        max-width: auto;
        width: 450px;
        margin-left: -40px;
        flex: 0px !important;
    }

    .md-tablet.first {
        display: block;
        max-width: auto;
        width: 481px;
        margin-left: -40px;
        flex: 0px !important;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .benefit-content:last-child {
        min-height: 430px;
        /* margin-bottom: 25px; */
        margin: 40px 0px;
    }

    .content-banner {
        top: 186px;
        left: 180px;
        width: 450px;
    }

    .headline {
        color: #fff;
        font-size: 40px;
    }
    .headline-seo {
        color: #fff;
        font-size: 34px;
    }
    .headline-dhl {
        font-size: 34px;
    }
    .img-br-dhl {
        max-width: 150px;
        height: auto;
    }
    .txt-br-dhl {
        font-size: 25px;
        color: #878787;
        font-weight: lighter;
        padding-top: 15px;
    }
    .headline-desc {
        color: #fff;
        font-size: 18px;
        margin-bottom: 0px;
    }

    .btn-style-first {
        width: 170px;
        font-size: 16px;
        padding: 12px 10px 12px 10px;
        margin-top: 0px;
        /* margin-top: 10px !important; */
    }

    .btn-style-first.sem-lp-pricing {
        width: 70%;
        font-size: 20px;
        padding: 12px 0px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 18px;
        padding: 64px 10px 12px 10px;
        margin-top: 1px;
        margin-bottom: 40px;
        /* margin: 0px !important;*/
    }

    .benefit-cont {
        /* display: none; */
    }



    .work-box {
        height: auto;
        padding-bottom: 40px !important;
    }

    .big-copy-footer {
        font-size: 30px;
        line-height: 40px;
    }

    .btn-demo {
        width: 227px;
        font-size: 14px;
        margin: 40px auto;
        padding: 15px 15px 15px 15px;
    }

    .email-cont {
        width: 90% !important;
    }

    .img-fit {
        left: -51px;
        position: absolute;
        bottom: 0;
        width: 570px;
        /* margin-right: -113px; */
        right: -112px;
        height: auto;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 767px) {
    .img-header-dhl {
        max-width: 150%;
        position: relative !important;
        bottom: 0;
        width: 120% !important;
    }
}
@media only screen and (max-width: 1024px) {
    .benefit-content {
        height: 503px;
        /* margin-bottom: 25px; */
        margin: 40px 0px;
    }

    .content-banner {
        top: 145px;
        left: 120px;
        width: 450px;
    }

    .title-hiw {
        font-size: 30px;
        margin: 20px auto;
    }

    .sub-title-hiw {
        font-size: 16px;
        margin: 20px auto;
    }

    .desc-hiw {
        font-size: 16px;
    }

    .main-banner {
        padding-top: 110px;
    }

    .hiw-banner {
        padding-top: 110px;
    }
}
@media only screen and (max-width: 1023px) {
    .headline-hiw {
        color: #000;
        /* margin-top: 100px; */
        font-size: 50px;
    }

    .headline-hiw.ow {
        color: #000;
        /* margin-top: 100px; */
        font-size: 40px;
    }

    .headline-desc-hiw {
        color: #000;
        font-size: 20px;
        margin: 20px 0px;
    }

    .btn-style-hiw {
        width: auto;
        font-size: 18px;
        padding: 15px 30px 15px 30px;
        margin-top: 0px;
        background-color: #ff9821;
        /* box-shadow: 1px 8px 0px #00000042; */
        -moz-box-shadow: 1px 8px 0px #00000042;
        -webkit-box-shadow: 1px 8px 0px #00000042;
        box-shadow: 1px 8px 0px #00000042;
        border: none !important;
        color: white;
        /* for ie */
        /* zoom: 1;
        filter: progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=15, Direction=180); */
        margin: 10px 0px;
    }

    .swiper-container.benefit-swiper {
        width: 100%;
        max-height: 653px;
        /* margin-left: auto;
        margin-right: auto; */
        padding: 50px;
        background: #006ac7;
        overflow-y: hidden;
        margin-left: 0;
        margin-top: 30px;
        border-radius: 21px;
    }

    .benefit-cont {
        background-color: #f2f8fb;
        border-radius: 21px;
        padding: 40px;
        padding: 50px 106px 50px 50px;
        width: 450px;
    }
}
@media only screen and (max-width: 899px) {
    .headline-hiw {
        color: #000;
        /* margin-top: 100px; */
        font-size: 47px;
    }

    .headline-desc-hiw {
        color: #000;
        font-size: 20px;
        margin: 20px 0px;
    }

    .btn-vp {
        font-size: 13px;
        width: 150px;
        color: #fff;
        border: none;
        padding-top: 20px;
        padding-left: 0px;
    }

    .content-banner {
        top: 145px;
        left: 100px;
        width: 350px;
    }

    .headline {
        color: #fff;
        font-size: 34px;
    }

    .headline-desc {
        color: #fff;
        font-size: 16px;
    }

    .btn-style-first {
        width: 170px;
        font-size: 14px;
        padding: 12px 10px 12px 10px;
        margin-top: 10px;
        /* margin-top: 10px !important; */
    }

    .btn-style-first.sem-lp-pricing {
        width: 80%;
        font-size: 20px;
        padding: 15px 0px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 14px;
        padding: 12px 10px 12px 10px;
        margin-top: 50px;
        margin-bottom: 40px;
        /* margin: 0px !important; */
    }

    .benefit-cont {
        padding: 50px 145px 50px 50px;
        width: 433px;
    }
}
@media only screen and (max-width: 840px) {
    .content-banner {
        top: 125px;
        left: 80px;
        width: 350px;
    }
}
@media only screen and (max-width: 800px) {
    .content-banner {
        top: 115px;
        left: 80px;
        width: 350px;
    }

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

    .headline-desc {
        color: #fff;
        font-size: 13px;
        margin-top: 10px;
    }

    .btn-style-first {
        width: 143px;
        font-size: 14px;
        padding: 10px 5px 10px 5px;
        margin-top: 10px;
    }

    .btn-style-first.sem-lp-pricing {
        width: 70%;
        font-size: 20px;
        padding: 15px 0px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 14px;
        padding: 12px 10px 12px 10px;
        margin-top: 50px;
        margin-bottom: 40px;
        width: 100px;
    }

    .btn-vp {
        font-size: 13px;
        width: 150px;
        color: #fff;
        border: none;
        padding-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .vdp-card-m {
        margin-top: 1rem;
    }
    .vpd-pk-price {
        margin: 40px 0px;
    }

    .btn-style-hiw {
        font-size: 16px;
    }

    .pkg-list-cont,
    .pkg-list-cont-pre {
        height: 115px;
        overflow: hidden;
        transition: linear 0.2s;
    }

    .progress-step {
        border-bottom: 0px solid #ebebeb;
        border-top: 10px solid #ebebeb;
        padding-bottom: 10px;
        white-space: nowrap;
    }

    .progress-step.active {
        border-bottom: 0px solid #006ac7;
        border-top: 10px solid #006ac7;
        padding-bottom: 10px;
        color: #606060;
        font-family: "Montserrat-regular";
    }

    .progress-step.active.curr {
        border-bottom: 0px solid #006ac7;
        border-top: 10px solid #006ac7;
        padding-bottom: 10px;
        color: #006ac7;
        font-family: "Montserrat-bold";
    }

    .img-b {
        height: 380px;
        width: auto;
    }

    #btn-seemore {
        position: relative;
        top: -45px;
    }

    .desc-hiw ul {
        padding-left: 20px;
    }

    .calendar-container {
        max-width: 400px;
        height: 680px;
        border: 10px solid #ff9821;
        border-radius: 5px;
        background: #fff;
        overflow: hidden !important;
    }

    .overflow-scroll-xs {
        overflow-x: scroll;
    }

    .container.article {
        padding-bottom: 30px;
        padding-top: 50px;
    }

    .container.brandripe {
        /* max-width: 1280px; */
        margin-bottom: 100px !important;
    }

    .price-tag {
        letter-spacing: 0.75px;
        color: #006ac7;
        font-size: 21px;
        margin: auto;
    }

    .lbl-total {
        letter-spacing: 0.4px;
        color: #006ac7;
        font-size: 12px;
        width: 90px;
    }

    .witf-list,
    .wwc-list {
        height: 586px;
        overflow: hidden;
        transition: linear 0.2s;
    }

    .progress-step {
        /* border-bottom: 5px solid #ebebeb;
        padding-bottom: 10px; */
        text-align: center;
        font-size: 12px;
        white-space: normal;
    }

    .headline-hiw.schedule,
    .headline-hiw.ow,
    .headline-vdp.ow {
        font-size: 30px;
        line-height: 50px;
        color: #fff;
    }

    .headline-desc-hiw.pricing,
    .headline-desc-vdp.video-plan,
    .headline-desc-nft.nft-page,
    .headline-desc-hiw.ow,
    .headline-desc-hiw.schedule {
        color: #fff;
        font-size: 20px;
        margin: 20px 10px;
        line-height: 30px !important;
    }

    .schedule-list li {
        line-height: 40px;
        list-style-type: none;
        font-size: 1em;
    }

    .center-xs-h {
        margin: 0 auto;
    }

    .headline-hiw.help {
        color: #000;
        /* margin-top: 100px; */
        font-size: 30px;
    }

    .headline-hiw.pricing,
    .headline-vdp.video-plan,
    .headline-nft.nft-page,
    .headline-hiw.au .headline-hiw.vdp {
        color: #fff;
        /* margin-top: 100px; */
        font-size: 30px;
    }

    .headline-desc-hiw.pricing,
    .headline-desc-vdp.video-plan,
    .headline-desc-nft.nft-page,
    .headline-desc-vdp-sub.video-plan,
    .headline-desc-nft-sub.nft-page,
    .headline-desc-hiw.au {
        color: #fff;
        font-size: 20px;
        margin: 40px 10px;
        line-height: 30px !important;
    }

    .hiw-banner.plan,
    .hiw-banner.au {
        background: url(../images/bg_m.png);
        background-repeat: no-repeat;
        background-size: 100% 85%;
    }

    /* .hiw-banner.hiw {
        background: url(../images/bg_m.png);
        background-repeat: no-repeat;
        background-size: 100% 75%;
    } */

    .mb-bg.active {
        background-color: #006ac7;
        /* color: #000 !important;
        background-color: inherit; */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .main > div {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-banner.dhl {
        /* background: url(../images/bg_m.png); */
        background: none;
        background-repeat: no-repeat;
        background-size: 100% 75%;
    }

    .hiw-banner.plan.au {
        background-size: 100% 85%;
    }

    .hiw-banner.schedule {
        background: url(../images/bg_m.png);
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 65%;
        /* height: 780px; */
    }

    .hiw-banner.ld {
        background: url(../images/bg_m.png);
        background-repeat: no-repeat;
        /* background-size: cover; */
        background-size: 100% 85%;
    }

    .hiw-banner.blog,
    .hiw-banner.help {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .input-group.blog input[type="text"],
    .input-group.help input[type="text"] {
        font-size: 16px;
        height: 60.5px;
        padding: 20px !important;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border: 0px;
    }

    .input-group.help {
        border: 3px solid #00417a;
        border-radius: 8px;

        width: 100%;
        margin: 0 auto;
    }

    .big-copy.ow {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 60px;
        margin-bottom: 60px;
        font-size: 30px;
        line-height: 55px;
    }

    .headline-hiw.pricing {
        line-height: 40px;
    }
    .headline-vdp.video-plan {
        line-height: 50px;
    }
    .headline-nft.nft-page {
        line-height: 50px;
    }
    .au-content {
        margin-bottom: 50px;
    }

    .img-banner {
        max-width: 70%;
        margin: 0 auto;
    }

    .img-banner.pricing {
        max-width: 50%;
        margin: 0 auto;
    }
    .img-banner.video-plan {
        max-width: 70%;
        margin: 0 auto;
    }
    .img-banner.ow {
        max-width: 50%;
        margin: 0 auto;
    }

    .au-table {
        margin: auto 15px;
        border: 0px !important;
    }

    .au-table tr td {
        padding: 20px 20px 20px 0px;
        border: 0px !important;
    }

    .getstarted-more-sect .desc-hiw {
        margin-left: 0px;
    }

    #faq-content {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sm-tablet {
        display: block;
    }

    .show-on-md {
        display: none;
    }

    .center-xs {
        text-align: center;
        margin: 0 auto;
    }

    .hiw-banner.pp {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .pp-title {
        font-size: 30px;
    }

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

    .hiw-banner.tnc {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        padding-bottom: 0px;
    }

    .tnc-title {
        font-size: 30px;
    }

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

    .work-box {
        width: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        /* padding-bottom: 100px; */
    }

    .benefit-hiw .benefit-title,
    .benefit-plans .benefit-title {
        font-size: 30px;
        text-align: center;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .go {
        width: 217px;
        font-size: 20px;
        padding: 15px 20px 15px 20px;
        margin: 30px auto;
    }

    .email-cont {
        width: 90%;
    }

    .img-header {
        left: -75px !important;
        position: relative !important;
        bottom: 0;
        width: 160% !important;
    }
    .img-header-nfts {
        left: -15px !important;
        position: relative !important;
        bottom: 0;
        width: 105% !important;
    }

    .hiw-banner.hiw {
        /* padding-top: 60px; */
        padding-bottom: 0px;
    }

    .headline-hiw {
        color: #fff;
        /* margin-top: 100px; */
        font-size: 30px;
    }

    .headline-hiw.ab {
        color: #fff;
        /* margin-top: 100px; */
        font-size: 30px;
    }

    .headline-desc-hiw {
        color: #fff;
        font-size: 20px;
        margin: 20px 0px;
    }

    .btn-style-hiw {
        margin-top: 70px;
    }

    .hiw-cont {
        text-align: center;
    }

    .desc-hiw {
        text-align: left;
    }

    .img-fit {
        left: -129px;
        position: relative !important;
        bottom: 0;
        width: 167% !important;
    }

    .first-wrapper {
        padding: 0px !important;
    }

    .big-image {
        display: none;
    }

    .content-banner {
        display: none;
    }

    .md-tablet {
        text-align: center !important;
        max-height: auto;
    }

    .content-banner-mobile {
        display: block;
        padding-top: 120px;
    }

    .headline {
        color: #fff;
        font-size: 40px;
        line-height: 56px;
    }

    .headline-desc {
        color: #fff;
        font-size: 20px;
        margin-top: 22px;
    }

    .btn-style-first {
        width: 320px;
        font-size: 25px;
        padding: 15px 20px 15px 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        /* margin-top: 10px !important; */
    }

    .btn-style-first.sem-lp-pricing {
        width: 100%;
        font-size: 20px;
        padding: 15px 0px;
    }

    .sem-lp-pricing-btn-container {
        margin-top: 20px;
    }

    .btn-view-price {
        color: #fff;
        font-size: 25px;
        padding: 12px 10px 12px 10px;
        margin-top: 10px;
        margin-bottom: 40px;
        width: 251px;
        /* margin: 0px !important; */
    }

    .text-desc {
        /* font-size: 20px; */
        color: #2d2d2d;
        padding: 10px 40px 10px 40px;
    }

    .text-desc-3 {
        font-size: 20px;
    }

    .big-copy {
        margin-top: 100px;
        margin-bottom: 50px;
        /* font-size: 44px; */
        padding: 0px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .big-copy.pricing {
        margin-left: 0px;
        margin-right: 0px;
    }
    .big-copy.video-plan {
        margin-left: 0px;
        margin-right: 0px;
    }

    .btn-demo.schedule {
        margin-top: 0px;
    }

    .img_thumb_main {
        object-fit: cover;
        width: 100%;
        height: 180px;
        position: absolute;
        top: 0;
        left: 0px;
    }

    .img_thumb {
        object-fit: cover;
        width: 100%;
        height: 180px;
        position: absolute;
        top: 0;
        left: 0px;
    }

    .article-main-container {
        margin-bottom: 120px;
    }

    .article-card-main {
        padding: 20px;
        position: relative;
        width: 90%;
        background-color: #fff;
        height: calc(100% - 140px);
        bottom: -20px;
        margin: auto;
        top: auto;
        left: 0px;
        right: 0px;
    }

    .article-card-container {
        margin-bottom: 65px;
    }

    .article-card {
        padding: 20px;
        position: relative;
        width: 90%;
        background-color: #fff;
        height: calc(100% - 140px);
        bottom: -20px;
        margin: auto;
        top: auto;
        left: 0px;
        right: 0px;
    }

    .article-card-title-main {
        height: auto;
        font-size: 13px !important;
    }

    .article-card-title {
        height: auto;
    }

    .article-card-image-main {
        width: 100%;
        padding: 0;
        text-align: center;
        overflow: hidden;
        height: 140px;
    }

    .article-card-image {
        width: 100%;
        padding: 0;
        text-align: center;
        overflow: hidden;
        height: 140px;
    }

    .article-card-subtitle {
        display: none;
    }
}
@media only screen and (max-width: 575px) {
    .benefit-text {
        height: fit-content;
    }

    .lbl-total {
        letter-spacing: 0.4px;
        color: #006ac7;
        font-size: 12px;
        width: 36px;
    }

    .price-tag sup {
        font-size: 12px;
    }

    .price-tag {
        letter-spacing: 0.75px;
        color: #006ac7;
        font-size: 16px;
        margin: auto;
    }

    .img-b {
        height: 350px;
        width: auto;
    }

    .navbar {
        padding: 10px;
    }

    .md-tablet {
        text-align: center !important;
        max-height: auto;
    }

    .copy-mm {
        margin-bottom: 20px;
    }

    .product-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .product-wrapper.home {
        width: 90%;
        margin: 0 auto;
    }

    .email-cont {
        margin-top: 10px;
        width: 100% !important;
        font-size: 16px;
        padding: 26px 30px !important;
    }

    .big-copy {
        margin-top: 50px;
        font-size: 30px;
        line-height: 42px;
    }

    .big-copy-lg {
        margin-top: 20px;
        margin-bottom: 50px;
        line-height: 45px;
        padding: 13px;
        font-size: 29px;
    }

    .big-copy-xs {
        padding: 13px;
    }

    .text-desc {
        font-size: 20px;
        color: #2d2d2d;
        padding: 10px 40px 10px 40px;
        line-height: 39px;
    }

    .text-desc-2 {
        font-size: 18px;
        color: #2d2d2d;
        padding: 0px;
        line-height: 32px;
    }
}
@media only screen and (max-width: 480px) {
    .package-total-save-label-pricing {
        width: 115% !important;
    }

    .most-popular-banner {
        height: 55px !important;
        right: 15px !important;
        top: -30px !important;
    }

    .side-icon {
        top: 0px;
    }

    .card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .img-b {
        height: 300px;
        width: auto;
    }

    .calendar-container {
        max-width: 100%;
        min-width: 100%;
        height: 680px;
        border: 5px solid #ff9821;
        border-radius: 5px;
        background: #fff;
        overflow: hidden !important;
    }

    .img-banner {
        max-width: 80%;
        margin: 0 auto;
    }

    .price,
    .price-product {
        font-size: 45px;
        line-height: 28px;
    }

    .big-copy-footer {
        font-size: 30px !important;
    }

    .img-fit {
        left: -111px !important;
        position: relative !important;
        bottom: 0;
        width: 185% !important;
    }

    .get-discount {
        width: 200px;
        font-size: 16px;
        padding: 15px 20px 15px 20px;
        margin: 5px auto;
    }

    .banner-text {
        margin: 10px auto;
        padding: 3px 0px !important;
        font-size: 16px !important;
    }

    .modal-content {
        margin-top: 110px;
        /* max-height: 580px; */
    }

    .modal-title {
        margin-top: 0px;
        font-size: 35px !important;
        letter-spacing: 3px;
    }

    .img-modal img {
        width: 148px !important;
        height: auto;
        position: relative;
        top: -145px;
    }

    .modal-header {
        border-bottom: 1px solid transparent;
        /* height: 100px !important; */
        width: 100%;
    }

    .saved.mr-2.mb-no-mar {
        margin-right: 0px !important;
    }

    .mb-period-block {
        display: block;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 399px) {

    .benefit-container-pricing{
        height:fit-content !important
    }
    .progress-step {
        /* border-bottom: 5px solid #ebebeb;
        padding-bottom: 10px; */
        height: 45px;
        text-align: center;
        font-size: 12px;
        white-space: normal;
    }

    .md-tablet {
        text-align: center !important;
        max-height: auto !important;
    }

    .price,
    .price-product {
        font-size: 45px;
        line-height: 28px;
    }

    .side-price {
        font-size: 24px !important;
    }

    .big-copy {
        font-size: 30px !important;
    }

    .big-copy-lg {
        margin-bottom: 50px;
        line-height: 35px;
        padding: 13px;
        font-size: 25px;
    }

    .headline {
        color: #fff;
        font-size: 35px;
        line-height: 50px;
    }

    .headline-desc {
        color: #fff;
        font-size: 18px;
        margin-top: 10px;
    }

    .btn-style-first {
        width: 250px;
        font-size: 20px;
        padding: 10px 15px 10px 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        /* margin-top: 10px !important; */
    }

    .btn-view-price {
        color: #fff;
        font-size: 20px;
        padding: 12px 10px 12px 10px;
        margin-top: 10px;
        margin-bottom: 40px;
        /* margin: 0px !important; */
    }

    .big-copy-xs {
        font-size: 24px !important;
        padding: 0px !important;
    }
}
@media only screen and (max-width: 992px) {
    #scroll-div {
        width: 100% !important;
        margin: 0 auto;
        /* width: 80%; */
        /* margin: 0; */
        /* padding: 0px !important; */
    }

    .banner-text {
        padding: 20px 20px 20px 20px;
        font-size: 18px;
    }

    .modal-title {
        font-size: 48px;
        letter-spacing: 3px;
    }

    .work-container .work-tabs-container {
        display: flex;
        flex-flow: row;
        justify-content: space-between !important;
        /* border-bottom: 1px solid #878787; */
        width: 140% !important;
        white-space: nowrap;
        overflow-x: scroll;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .work-container.pricing .work-tabs-container {
        width: auto;
        justify-content: space-between !important;
        white-space: nowrap;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .work-tab {
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }

    .first-wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin: auto;
    }
}
@media only screen and (min-width: 1481px) {


    .big-copy-lg {
        margin-left: 100px;
        margin-right: 100px;
    }

    .big-copy-lg.pricing {
        margin-left: 75px;
        margin-right: 75px;
    }
    .big-copy-lg.video-plan {
        margin-left: 75px;
        margin-right: 75px;
    }

    #scroll-div {
        width: 1187px;
        margin: 0 auto;
    }
}
.list-unstyled {
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 40px;
    margin: 0 auto;
}
.lh-20 {
    line-height: 20px;
}
.img-number {
    margin: 20px auto;
    max-width: 250px;
    height: 250px;
}
footer {
    z-index: 9999 !important;
}
.work-container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0px;
    /* display: inline; */

    justify-content: space-evenly;
    flex-flow: row;
    display: flex;
}
.work-container.pricing {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    padding: 0px;
    /* display: inline; */

    justify-content: space-evenly;
    flex-flow: row;
    display: flex;
}
.work-container.pricing-alt {
    margin: 0 auto;
    max-width: 1050px;
    width: 100%;
    padding: 0px;
    /* display: inline; */

    justify-content: space-evenly;
    flex-flow: row;
    display: flex;
}
.work-container.pricing .work-tabs-container {
    display: flex;
    flex-flow: row;
    width: auto;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */

    scrollbar-width: none;
    /* Firefox */
}
.work-container.pricing-alt .work-tabs-container {
    display: flex;
    flex-flow: row;
    /* justify-content: space-around; */

    /* border-bottom: 1px solid #878787; */
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */

    scrollbar-width: none;
    /* Firefox */
    border-radius: 16px;
    box-shadow: 0px 3px 6px #00000029;
    background: #f2f8fb 0% 0% no-repeat padding-box;
}
@media only screen and (max-width: 770px) {
    .work-container.pricing-alt .work-tabs-container {
        display: flex;
        flex-direction: column;
        /* justify-content: space-around; */

        /* border-bottom: 1px solid #878787; */
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */

        scrollbar-width: none;
        /* Firefox */
        border-radius: 16px;
        box-shadow: 0px 3px 6px #00000029;
        background: #f2f8fb 0% 0% no-repeat padding-box;
    }
}

.work-container .work-tabs-container {
    display: flex;
    flex-flow: row;
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */

    scrollbar-width: none;
    /* Firefox */
}
.work-container .work-tabs-container::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}
.work-tab {
    /* padding-bottom: 20px; */

    width: 100%;
    height: 15px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border: 2px solid;
    padding: 20px 40px 40px 40px;
    border-color: #006ac7;
    margin-right: 5px;
    color: #006ac7;
    font-weight: bolder;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.compare-alt {
    /* padding-bottom: 20px; */

    width: 100%;
    text-align: center;
    white-space: nowrap;
    color: #929292;
    background: #f2f8fb 0% 0% no-repeat padding-box;
    font-size: 18px;
    padding-right: 20px !important;
    padding-left: 20px !important;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.light-blue-container .alt-active {
    color: white;
    font-family: "montserrat-bold";
    background: #006ac7;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-top: 1rem;
    margin-top: -1rem;
    margin-bottom: -1rem !important;
}

@media only screen and (max-width: 767px) {
    .light-blue-container {
        width: 100%;
        background-color: #f2f8fb;
        color: #929292;
        font-size: 16px;
        border-radius: 0px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        box-shadow: 0px 3px 6px #00000029;
        max-width: -webkit-fill-available;
    }

    .light-blue-container .alt-active {
        color: white;
        font-family: "montserrat-bold";
        background: #006ac7;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding-top: 1rem;
        margin-top: -1rem;
        margin-bottom: -1rem !important;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-bottom: 1rem;
        max-width: -webkit-fill-available;
    }
    .average-alt {
        text-align: center !important;
        font-size: 16px;
        letter-spacing: 0px;
        color: #101010;
    }
    .average-alt br {
        display: none;
    }
    .price_alt_container {
        border-right: 0 !important;
    }
}

.work-tab.pricing {
    height: 80px;
    padding: 15px 30px 30px 30px !important;
}

@media only screen and (max-width: 434px) {
    .work-tab.pricing {
        padding: 7px !important;
    }
}

.work-tab.pricing-alt {
    height: 80px;
    padding: 15px 30px 30px 30px !important;
    border: 0;
    margin: 0;
    background: #f2f8fb 0% 0% no-repeat padding-box;
    color: #929292;

    border-radius: 0;
}
.work-tab.active {
    /* border-bottom: 8px solid #006ac7;
    color: #006ac7;
    font-family: "montserrat-bold"; */
    /* border-bottom: 8px solid #006ac7; */
    color: white;
    font-family: "montserrat-bold";
    /* border: solid; */
    background: #006ac7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.work-btn-prev,
.work-btn-next {
    width: 5%;
    /* font-size: 2rem; */
    cursor: pointer;
    color: #006ac7;
    padding: 20px 0px;
}

@media (max-width: 767px) {
    .work-btn-prev,
    .work-btn-next {
        width: 5%;
        /* font-size: 2rem; */
        cursor: pointer;
        color: #006ac7;
        padding: 20px 0px;
    }
}
.work-btn-next {
    text-align: right;
}
.content-block {
    display: none;
}
.content-block.active {
    display: flex;
}
.pop {
    animation: pop-in 0.7s;
    -moz-animation: pop-in 0.7s;
    /* Firefox */

    -webkit-animation: pop-in 0.7s;
    /* Safari and Chrome */

    -o-animation: pop-in 0.7s;
    /* Opera  */
}
.price-block {
    display: none;
}
.price-block.active {
    display: flex;
    animation: fadein 0.7s;
    -moz-animation: fadein 0.7s;
    /* Firefox */

    -webkit-animation: fadein 0.7s;
    /* Safari and Chrome */

    -o-animation: fadein 0.7s;
    /* Opera  */
}
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    /* Firefox */

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    /* Safari and Chrome */

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-o-keyframes fadein {
    /* Opera */

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes pop-in {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}
@keyframes pop-in {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

#modal_demo .modal-header {
    padding: 0;
}

.modal-header .close {
    font-size: 20px;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 999;
    right: -7px;
    top: -12px;
    opacity: 1;
    background-color: #ffffff;
    color: #373737 !important;
    box-shadow: 0px 3px 6px #00000045;
    border-radius: 50%;
    padding: 5px 7px !important;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

#modal_demo .modal-body {
    padding: 0;
}

.benefit-container {
    /* width: 574px; */
    /* margin-left: auto;
      margin-right: auto; */

    padding: 50px;
    background: #006ac7;
    overflow-y: hidden;
    /* margin-left: -90px; */

    margin-top: 80px;
    border-radius: 21px;
}
.benefit-content:last-child {
    min-height: 430px;
}
.benefit-content {
    height: 500px;
    /* margin-bottom: 25px; */

    margin: 40px 0px;
}
.benefit-container .benefit-title {
    font-family: "montserrat-semibold";
    font-size: 33px;
    color: #fff;
    text-align: center;
    display: block;
}
.benefit-container .benefit-desc {
    font-family: "montserrat-light";
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
}

.benefit-container-pricing{
    height:330px
}
.fixedElement {
    position: fixed;
    top: 10px;
}
.tab-inline {
    margin: 0 auto;
}
.tab-inline ul {
    display: flex;
    align-content: center;
    overflow-x: scroll;
    justify-content: center;
}
.tab-inline ul li {
    display: inline;
    padding: 10px 30px;
    font-size: 22px;
    font-family: "montserrat-light";
    text-align: center;
}
.tab-item.active {
    border-bottom: 7px solid #006ac7;
}
.tab-item {
    cursor: pointer;
    transition: border-bottom 0.1s;
    /* transition: 0.5s ease-in; */
}
.tab-item:hover {
    opacity: 0.7;
}
.tabContent {
    display: none;
}
.tabContent .active {
    display: block;
}
.blog-headline {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 25px;
}
.img-banner-blog {
    width: 718px;
    height: auto;
}
.white-box {
    width: 530px;
    height: auto;
    background: #ffffff;
    margin-top: 40px;
    margin-left: -70px;
    box-shadow: 0px 3px 6px #00000029;
}
.white-box h2 {
    font-size: 32px;
}
.white-box p {
    font-size: 16px;
}
.white-box a {
    font-size: 16px;
    color: #15c2f0;
    text-decoration: none;
}
.subject-cont {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    width: 100%;
    height: auto;
}
.subject-list {
    background: #fff;
    border-bottom: 1px solid #b3b3b3;
    transition: 0.7 ease-in-out;
}
.subject-list.top {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.subject-list.bottom {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 0px;
}
.subject-list a {
    text-decoration: none;
    color: #000;
    transition: 0.7 ease-in-out;
}
.subject-list:hover,
.subject-list:hover > a .card-title {
    background-color: #f9f9f9;
    transition: 0.7 ease-in-out;
    color: #0084e2;
}
.work-text-hd {
    font-weight: bolder;
    text-align: center;
    font-size: 40px;
    /* border-bottom: 1px solid #878787; */
    margin-bottom: 30px;
}
.work-text-hd-ld {
    font-weight: bolder;
    font-size: 40px;
    margin-bottom: 30px;
    float: left;
    font-family: "montserrat-bold";
}
.logo-partner {
    background-color: #f8f6f5;
    padding: 40px 0;
}
.box-logo-partner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    align-items: center;
    justify-content: center;
}

.logo-partner-list img {
    width: 100%;
    max-width: 200px;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.ticker-tape-container {
    overflow-x: hidden;
    display: flex;
}

.ticker-tape {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 3rem;
    animation-name: marquee;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-direction: normal;
}

.ticker-tape-2 {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 3rem;
    animation-name: marquee;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-direction: reverse;
}

a {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
a,
a:hover {
    text-decoration: none !important;
}

.content {
    padding: 7rem 0;
}

h2 {
    font-size: 20px;
}

.bg-left-half {
    position: relative;
}
/* .bg-left-half:before {
      position: absolute;
      width: 50%;
      height: 100%;
      z-index: -1;
      content: "";
      left: 0;
      top: 0;
      background-color: #f8f9fa; } */

.media-29101 img {
    margin-bottom: 20px;
}

.media-29101 h3 {
    font-size: 18px;
    font-weight: 900 !important;
}
.media-29101 h3 a {
    color: white;
    /* position: fixed;
        top: 320px;
        left: 20px; */
    /* padding-bottom: 20px; */
    /* width: 100%; */
    /* height: 15px; */
    position: relative;
    top: -70px;
    left: 10px;
    text-align: center;
    white-space: nowrap;
    border: 2px solid;
    padding: 10px;
    border-color: #006ac7;
    margin-right: 5px;
    background-color: #006ac7;
    font-weight: bolder;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.owl-2-style .owl-nav {
    display: none;
}

.owl-2-style .owl-dots {
    text-align: center;
    position: relative;
    top: -30px;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}
.owl-2-style .owl-dots .owl-dot {
    display: inline-block;
}
.owl-2-style .owl-dots .owl-dot span {
    display: inline-block;
    width: 15px;
    height: 3px;
    border-radius: 0px;
    background: #cccccc;
    -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    margin: 3px;
}
.owl-2-style .owl-dots .owl-dot.active span {
    background: #007bff;
}
.owl-2-style .owl-dots .owl-dot:active,
.owl-2-style .owl-dots .owl-dot:focus {
    outline: none;
}

.star_rating_container {
    border-right: 1px #fff solid;
}
.price_alt_container {
    border-right: 1px solid #929292;
}

.video-container-size {
    position: relative;
    padding-top: 8px;
    padding-bottom: 90.5%;
    height: 0;
}
.star-rat-container {
    position: relative;
    top: -35px;
    bottom: 0px;
}
.average-alt {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0px;
    color: #101010;
}
.benefit-cont-seo {
    background-color: #f2f8fb;
    border-radius: 21px;
}
.my-facebook {
    background: transparent;
    color: #3b5998;
}

.my-linkedin {
    background: transparent;
    color: #00a0dc;
}
i.fa {
    display: inline-block;
    border-radius: 60px;
    background-color: #ff9821;
    color: #f8f9fa;
}

.m-btn-vdp {
    margin: 20px 20px;
}

/*
###################################################################################
# Start - New Page (Pricing)
###################################################################################
*/

.pricing-wrapper {
    padding: 0 5%;
}

@media only screen and (max-width: 576px) {
    #plan-content {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1340px) {
    .pricing-wrapper {
        padding: 0 3%;
    }
}

@media only screen and (max-width: 575px) {
    .pricing-wrapper {
        padding: 0 0;
    }
}

.pricing-plane-card {
    background-color: #ffffff;
    color: #00325E;
    padding: 30px;
    margin-bottom: 50px;
    box-sizing: border-box;
    border-radius: 24px;
    -moz-box-shadow: 0px 3px 19px #00000029;
    -webkit-box-shadow: 0px 3px 19px #00000029;
    box-shadow: 0px 3px 19px #00000029;
}

.credit-plan-mb {
    margin-bottom: 25px;
}

.credit-pricing-plan-card {
    background-color: #ffffff;
    color: #00325E;
    box-sizing: border-box;
    border-radius: 24px;
    -moz-box-shadow: 0px 3px 19px #00000029;
    -webkit-box-shadow: 0px 3px 19px #00000029;
    box-shadow: 0px 3px 19px #00000029;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
}

.credit-pricing-basic-plan {
    background-color: #1D6CB5;
    padding: 15px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.credit-pricing-premium-plan {
    background-color: #ED7D31;
    padding: 15px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.credit-pricing-gold-plan {
    background-color: #BF9000;
    padding: 15px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.credit-pricing-plan-include {
    background-color: #1D6CB5;
    padding: 25px 0;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.credit-pricing-plan-include-register {
    padding: 25px 30px 0px 30px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    text-align: left;
    color: #414141;
}

.credit-pricing-plan-include .pricing-package-name {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-pricing-plan-container {
    padding: 30px;
    color: #0094E1;
    font-family: "montserrat-semibold";
    font-size: 27px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    border: 1px solid #1D6CB5;
}

.credit-plan-price-container .credit-currency {
    color: #1D6CB5;
    font-size: 24px;
    letter-spacing: 0px;
    vertical-align: top;
}

.credit-plan-price-container .credit-price {
    color: #1D6CB5;
    font-size: 32px;
    letter-spacing: 0px;
}

@media only screen and (max-width: 1820px) and (min-width: 1419px) {
    .credit-plan-price-container .credit-price {
        font-size: 22px;
    }
    .pricing-package-name .credit-value {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1420px) and (min-width: 1199px) {
    .credit-plan-price-container .credit-price {
        font-size: 18px;
    }
    .pricing-package-name .credit-value {
        font-size: 18px !important;
    }
    .credit-plan-price-container .month {
        font-size: 12px !important;
    }
    .credit-value .per-credit {
        font-size: 12px !important;
    }
}

.credit-pricing-description {
    letter-spacing: 0px;
    color: #1D6CB5;
    font-family: "montserrat-semibold";
    font-size: 18px;
    margin: 20px 0px;
}

.btn.credit-plan-btn {
    border-radius: 29px;
    background-color: #ff9821;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    font-family: "montserrat-semibold";
    font-size: 17px;
    width: 100%;
    padding: 15px 0;
}

.credit-pricing-notes {
    letter-spacing: 0px;
    color: #1D6CB5;
    text-align: center;
    font-family: "montserrat-light";
    font-size: 16px;
}

.credit-pricing-star {
    font-size: 20px;
    margin: 0px 20px;
    color: #F1C40F;
}

.credit-pricing-include-container {
    padding: 30px;
    border-bottom: 5px solid #1D6CB5;
    border-left: 5px solid #1D6CB5;
    border-right: 5px solid #1D6CB5;
    position: relative;
    overflow: hidden;
}

.credit-pricing-include-container.credit-register-page {
    padding: 30px;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    position: relative;
    overflow: hidden;
}

.credit-pricing-include-img {
    position: absolute;
    transform: translate(50%,-50%);
    max-height: 350px;
    top: 50%;
    right: 12px;
    z-index: 2;
}

.credit-pricing-services-container {
    text-align: left;
    color: #00325E;
}

.credit-pricing-services-outer-cont {
    border-right: 1px solid #DBDBDB;
}

.credit-pricing-features-outer-cont {
    padding: 0 15px 0 30px;
}

.credit-pricing-include-title {
    letter-spacing: 0px;
    font-family: "montserrat-bold";
    font-size: 24px;
}

.credit-p-services-features {
    box-sizing: border-box;
    height: auto;
    margin-top: 10px;
}

.credit-p-services-features ul.plan-list {
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.credit-p-services-features ul.plan-list li {
    text-indent: -11px;
    padding-left: 30px;
    margin-bottom: 10px;
    font-family: "montserrat-medium";
    font-size: 16px;
}

.credit-p-features-container {
    font-family: "montserrat-medium";
    font-size: 16px;
    margin-bottom: 30px;
}

.credit-register-page .credit-p-features-img {
    margin-bottom: 15px;
    max-width: 120px;
}

.credit-register-page .credit-p-features-img.custom-features-img {
    max-width: unset;
    max-height: 120px;
}

.credit-p-features-img {
    margin-bottom: 15px;
    max-width: 140px;
}

.credit-p-features-img.custom-features-img {
    max-width: unset;
    max-height: 160px;
}

.credit-p-services-features ul.plan-list li i {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.credit-pricing-btn {
    font-size: 18px;
    padding: 15px 0px;
    background-color: #ff9821;
    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;
    border-radius: 50px;
    box-sizing: border-box;
    font-family: "montserrat-bold";
    display: inline !important;
    width: 30%;
    min-width: 400px;
    margin-top: 50px;
}

@media (min-width: 992px) {
    .credit-plan-mb {
        margin-bottom: 0px;
    }
}

@media (min-width: 1200px) {
    .credit-plan-mb {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1457px) {
    .credit-pricing-plan-container {
        font-size: 22px;
    }

    .credit-pricing-plan-container .credit-currency {
        font-size: 26px;
    }

    .credit-pricing-plan-container .credit-price {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1199px) {
    .credit-pricing-plan-card.premium-plan-card {
        height: auto;
    }
    .most-popular-plane.premium-credit-plan {
        top: -65px;
    }
}

@media only screen and (max-width: 991px) {
    .credit-pricing-services-outer-cont {
        border-right: none;
        border-bottom: 1px solid #DBDBDB;
        padding: 0 15px 25px 15px;
    }

    .credit-pricing-features-outer-cont {
        padding: 25px 15px 0 15px !important;
    }

    .credit-pricing-include-img {
        display: none;
    }

    .credit-p-features-container {
        font-size: 14px;
        display: flex;
        gap: 20px;
    }

    .credit-p-features-img {
        margin-bottom: 0px;
        max-width: 100px;
        max-height: 100px;
    }

    .credit-register-page .credit-p-features-img.custom-features-img {
        margin-bottom: 0px;
        max-width: 100px;
        max-height: 100px;
    }

    .credit-p-features-img.custom-features-img {
        margin-bottom: 0px;
        max-width: 100px;
        max-height: 100px;
    }
}

@media only screen and (max-width: 430px) {
    .credit-pricing-btn {
        width: 100%;
        padding: 10px 15px 10px 15px;
        min-width: unset;
    }

    .credit-pricing-include-container {
        padding: 30px 15px;
    }

    .credit-p-features-img {
        margin-bottom: 0px;
        max-width: 80px;
        max-height: 80px;
    }

    .credit-register-page .credit-p-features-img.custom-features-img {
        margin-bottom: 0px;
        max-width: 80px;
        max-height: 80px;
    }

    .credit-p-features-img.custom-features-img {
        margin-bottom: 0px;
        max-width: 80px;
        max-height: 80px;
    }
}

@media only screen and (max-width: 378px) {
    .credit-pricing-plan-container {
        font-size: 20px;
    }

    .credit-pricing-plan-container .credit-currency {
        font-size: 24px;
    }

    .credit-pricing-plan-container .credit-price {
        font-size: 36px;
    }

    .credit-pricing-description {
        font-size: 16px;
    }

    .btn.credit-plan-btn {
        padding: 12px 0;
        font-size: 15px;
    }

    .credit-pricing-notes {
        font-size: 13px;
    }

    .credit-pricing-plan-include .pricing-package-name {
        font-size: 24px;
    }

    .credit-pricing-include-title {
        font-size: 20px;
    }

    .credit-p-services-features ul.plan-list li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 350px) {
    .credit-pricing-plan-container {
        font-size: 18px;
    }

    .credit-pricing-plan-container .credit-currency {
        font-size: 22px;
    }

    .credit-pricing-plan-container .credit-price {
        font-size: 34px;
    }

    .btn.credit-plan-btn {
        padding: 8px 0;
        font-size: 14px;
    }

    .credit-pricing-notes {
        font-size: 12px;
    }
}

.most-popular-container {
    position: relative;
}

.most-popular-plane {
    width: 100%;
    padding: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 4.8px;
    height: 100px;
    background-color: #005BA9;
    border-radius: 15px;
    position: absolute;
    z-index: -1;
    top: -60px;
}

.most-popular-plane i {
    color: #F1C40F;
    font-size: 16px;
}

@media only screen and (max-width: 315px) {
    .most-popular-plane {
        padding: 0;
        padding-top: 17px;
        font-size: 14px;
    }
}

.pricing-plane-card img.basic-plane-icon {
    height: 50px;
    position: absolute;
    bottom: 0px;
    right: -41px;
}

.pricing-plane-card img.premium-plane-icon {
    height: 62px;
    position: absolute;
    bottom: 0px;
    right: -30px;
}

.pricing-plane-card img.gold-plane-icon {
    height: 72px;
    position: absolute;
    bottom: -5px;
    right: -20px;
}

.credit-pricing-plan-card img.basic-plan-icon {
    height: 50px;
    position: absolute;
    top: 0;
    right: 23px;
    transform: translate(50%, -50%);
}

.credit-pricing-plan-card img.premium-plan-icon {
    height: 62px;
    position: absolute;
    top: 0;
    right: 23px;
    transform: translate(50%, -50%);
}

.credit-pricing-plan-card img.gold-plan-icon {
    height: 72px;
    position: absolute;
    top: 0;
    right: 23px;
    transform: translate(50%, -50%);
}

@media only screen and (max-width: 1199px) {
    .most-popular-container {
        margin-top: 4.75rem;
    }

    .most-popular-plane {
        height: 115px;
        top: -85px;
    }

    .pricing-plane-card img.basic-plane-icon {
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .pricing-plane-card img.premium-plane-icon {
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .pricing-plane-card img.gold-plane-icon {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

.pricing-package-name {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
}

.pricing-package-name.credit-register-page {
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3.3px;
}

.pricing-package-name .credit-value {
    color: #FFE431;
    font-size: 32px;
    letter-spacing: 0px;
}

.pricing-description {
    box-sizing: border-box;
    text-align: center;
    height: 50px;
}

.pricing-plane-card .price {
    font-size: 50px;
    color: #00325E;
}

.pricing-plane-card .saved-price {
    font-size: 18px;
    font-weight: bold;
}

.pricing-plane-card .saved-price .saved {
    background-color: #30F298;
    padding: 7px;
}

.pricing-package-category {
    margin-top: 1rem;
    font-size: 16px;
    color: #1D6CB5;
    background: #ffffff;
    font-family: 'montserrat-semibold';
    padding: 6px;
    border-radius: 36px;
}

@media only screen and (max-width: 1457px) {
    .pricing-plane-card .price {
        font-size: 40px;
    }
    .pricing-plane-card .saved-price {
        font-size: 14px;
    }
}

@media only screen and (max-width: 371px) {
    .pricing-plane-card .price-gold {
        margin-top: 3.25rem;
    }
}

.p-services-features {
    box-sizing: border-box;
    /* height: 630px; */
    /* height: 440px; */
    /* height: 29rem; */
}

@media only screen and (max-width: 410px) {
    .p-services-features {
        height: auto;
    }
}

.p-services-features ul.plane-list {
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.p-services-features ul.plane-list li {
    padding: 4px;
    padding-left: 2.2em;
    text-indent: -0.62em;
}

.p-services-features ul.plane-list li i {
    position: relative;
    top: 5px;
}

#custom-plane {
    color: #00325E;
    margin-top: 4rem;
    margin-bottom: 6rem;
}

.custom-plane-card {
    padding: 43px;
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 43px;
}

.custom-plane-text {
    font-family: "montserrat-semibold";
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    color: #000000;
    margin-top: 3rem;
}

.custom-plane-text a {
    color: #FF9821;
}

.custom-plane-text a:hover, .custom-plane-text a:focus {
    text-decoration-line: underline !important;
}

#pricing-our-work {
    background-color: #E5F1F8;
    color: #00325E;
}

#pricing-our-work h1 span {
    color: #0094E1 !important;
}

.pricing-our-work {
    width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width: 1340px) {
    .pricing-our-work {
        width: 84%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 575px) {
    .pricing-our-work {
        width: 80%;
        margin: 0 auto;
    }
}

.owl-2-style-2 .item {
    width: auto;
    height: auto;
}

.owl-2-style-2 .item .owl-item {
    width: auto;
    height: auto;
}

.owl-2-style-2 .item .owl-item-title {
    font-family: "montserrat-semibold";
    font-size: 22px;
    font-weight: bold;
}

.owl-2-style-2 .owl-dots .owl-dot {
    display: inline-block;
    margin-top: 30px;
}

.owl-2-style-2 .owl-dots .owl-dot span {
    padding: 4px;
    display: inline-block;
    border-radius: 50%;
    background: #cccccc;
    -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
    margin: 3px;
}
.owl-2-style-2 .owl-dots .owl-dot.active span {
    background: #007bff;
}

.owl-2-style-2 .owl-dots .owl-dot:active,
.owl-2-style-2 .owl-dots .owl-dot:focus {
    outline: none;
}

.owl-2-style-2 .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%);
    z-index: 1;
}

.owl-2-style-2 .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
    z-index: 1;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    color: #ffffff !important;
    background-color: #FF9821 !important;
    border-radius: 50%;
}

.owl-nav .owl-next i, .owl-nav .owl-prev i {
    font-size: 20px;
    font-weight: bold;
    padding: 4px 8px;
}

.link-view-our-work {
    font-size: 22px !important;
    font-weight: bold;
    color: #00325E;
}

.link-view-our-work:hover, .link-view-our-work:focus {
    color: #00325E;
    text-decoration-line: underline !important;
}

.owl-carousel .item img {
    display: block;
    max-height: 393px;
    max-width: 393px;
    border-radius: 18px;
}


#pricing-faq-content {
    background-color: #ffffff;
}

#pricing-reviews {
    background-color: #00325E;
    color: #ffffff;
}

.review-box {
    position: relative;
    min-height: 270px;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 0.57);
    border-radius: 30px;
    padding: 42px 42px 28px 41px;
}

.review-box p {
    color: #ffffff;
    text-align: left;
    letter-spacing: 0.54px;
    color: #FFFFFF;
}

@media only screen and (max-width: 1270px) {
    .review-box {
        min-height: 415px;
    }
}

@media only screen and (max-width: 1199px) {
    .review-box {
        min-height: 335px;
    }
}


@media only screen and (max-width: 754px) {
    .review-box {
        min-height: 385px;
    }
}

@media only screen and (max-width: 616px) {
    .review-box {
        min-height: 395px;
    }
}

@media only screen and (max-width: 539px) {
    .review-box {
        min-height: 415px;
    }
}

@media only screen and (max-width: 484px) {
    .review-box {
        min-height: 445px;
    }
}

@media only screen and (max-width: 484px) {
    .review-box {
        min-height: 460px;
    }
}

@media only screen and (max-width: 425px) {
    .review-box {
        min-height: 490px;
    }
}

@media only screen and (max-width: 394px) {
    .review-box {
        min-height: 535px;
    }
}

@media only screen and (max-width: 330px) {
    .review-box {
        min-height: 580px;
    }
}

@media only screen and (max-width: 300px) {
    .review-box {
        min-height: 635px;
    }
}

.client-name-review {
    color: #6ECDFF;
    margin-top: 42px;
    position: absolute;
    bottom: 25px;
    left: 42px;
}

.link-read-all {
    color: #ffffff;
    font-weight: bold;
}

.link-read-all:hover, .link-read-all:focus {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration-line: underline !important;
}

.img-pricing-right-2 {
    z-index: 1;
    position: absolute;
    width: 20%;
    height: auto;
    right: -158px;
    top: 700px;
}

.img-pricing-left-2 {
    z-index: 1;
    position: absolute;
    width: 20%;
    height: auto;
    left: -128px;
    top: -212px;
}

.our-plans-title {
    font-family: "montserrat-bold";
}

.pricing-tabs {
    margin-bottom: 5% !important;
    max-width: 100% !important;
}

@media only screen and (max-width: 1450px) {
    .pricing-tabs {
        margin-bottom: 6% !important;
    }
}

.pricing-tabs .pricing-tab {
    font-family: "montserrat-regular" !important;
    height: 57px !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgb(139, 139, 139) !important;
    color: #000;
}

.pricing-tabs .pricing-tab.active {
    color: #006ac7;
    background: transparent;
    border-bottom: 5px solid #006ac7 !important;
}

.pricing-tabs .pricing-tab span {
    font-family: "montserrat-bold";
}

/*
###################################################################################
# Start - New Page (Our works)
###################################################################################
*/

.ow-2 {
    max-width: 90%;
}

@media only screen and (max-width: 1199px) {
    .img-banner.ow-2 {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .img-banner.ow-2 {
        max-width: 100%;
    }
}

.btn-style-fifth {
    font-size: 12px;
    border: 2px solid #FF9821;
    color: #FF9821;
    width:auto;
}

.btn-style-fifth:hover, .btn-style-fifth:focus {
    border: 2px solid #FF9821;
    background-color: #FF9821;
    color: #000000;
}

#main-ow-section .slider-title {
    font-family: "montserrat-bold";
    position: relative;
    top: 2px;
}

#main-ow-section .owl-2 .item {
    width: auto;
    height: auto;
}

#main-ow-section .owl-2 .item img {
    border-radius: 0;
}

#main-ow-section .owl-2 .owl-dots .owl-dot {
    margin-top: 10px;
}

#main-ow-section .owl-2 .active.center {
    transform: scale(1);
}

#main-ow-section .owl-2 .active {
    transform: scale(.8);
    /* transition: .6s ease; */
}

#main-ow-section .owl-2-style-2 .owl-nav button.owl-prev {
    transform: translateY(-100%);
    left: 20px;
}

#main-ow-section .owl-2-style-2 .owl-nav button.owl-next {
    transform: translateY(-100%);
    right: 20px;
}

#main-ow-section .owl-nav .owl-next,
#main-ow-section .owl-nav .owl-prev {
    color: #FF9821 !important;
    background-color: #ffffff !important;
    border: 2px solid #FF9821;
}

@media only screen and (max-width: 453px) {
    #main-ow-section .slider-title {
        font-family: "montserrat-bold";
        font-size: 1.2rem;
    }
    .btn-style-fifth {
        font-size: 10px;
    }
}

#materials-section {
    padding: 4rem 0;
    background-color: #E5F1F8;
    color: #00325E;
}

@media only screen and (min-width: 576px) and (max-width: 1400px) {
    #materials-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 576px) {
    #materials-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

#motions-section {
    padding: 6rem 0;
    background-color: #0094E1;
    color: #ffffff;
}

@media only screen and (min-width: 576px) and (max-width: 1400px) {
    #motions-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 576px) {
    #motions-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

#motions-section video {
    border-radius: 16px;
}

#motions-section img {
    border-radius: 16px;
}

@media only screen and (min-width: 767px) and (max-width: 1400px) {
    #motions-section img {
        width: 276px;
    }
}

.btn-style-more {
    color: #ffffff;
}

.btn-style-more:hover, .btn-style-more:focus {
    color: #ffffff;
    text-decoration-line: underline;
}

#motions-section .btn-style-second {
    border: 1px solid #ff9821 !important;
}



#our-design-section .container {
    padding: 6rem 0;
    max-width: 1300px;
}

@media only screen and (min-width: 576px) and (max-width: 1400px) {
    #our-design-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 576px) {
    #our-design-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

#our-design-section .our-design-title {
    display: inline-block;
    position: relative;
    top: 55px;
    left: 10px;
}

#our-design-section .our-design-title span {
    color: #0094E1 !important;
}

@media only screen and (max-width: 767px) {
    #our-design-section .our-design-title {
        display: block;
        position: static;
    }
    #our-design-section .our-design-leaf {
        display: none;
    }
}

.design-title {
    color: #00325E;
    font-weight: bold;
    font-size: 20px;
}

#our-design-section .owl-2-style-2 .item, #our-design-section .owl-2-style-2 .item img {
    height: auto ;
}

#our-design-section .owl-2-style-2 .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    z-index: 1;
}

#our-design-section .owl-2-style-2 .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    z-index: 1;
}

@media only screen and (max-width: 500px) {
    #our-design-section .owl-2-style-2 .owl-nav button.owl-prev {
        left: 0;
    }

    #our-design-section .owl-2-style-2 .owl-nav button.owl-next {
        right: 0;
    }
}

@media only screen and (max-width: 400px) {
    #our-design-section .owl-2-style-2 .owl-nav button.owl-prev {
        left: -20px;
    }

    #our-design-section .owl-2-style-2 .owl-nav button.owl-next {
        right: -20px;
    }
}

/* #our-design-section .owl-nav .owl-next, .owl-nav .owl-prev {
    color: #ffffff !important;
    background-color: transparent !important;
    border-radius: 0;
}

#our-design-section .owl-nav .owl-next i, .owl-nav .owl-prev i {
    font-size: 30px;
    font-weight: bold;
    padding: 0;
} */

.clients-review-section {
    color: #005BA9;
    background-color: #E5F1F8;
    text-align: center;
}

.clients-review-section .container {
    padding: 6rem 0;
    max-width: 1350px;
}

@media only screen and (min-width: 576px) and (max-width: 1400px) {
    .clients-review-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 576px) {
    .clients-review-section .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.feed-wo-style {
    text-align: left;
}

.feed-wo-style .reviewer {
    font-size: 24px;
    font-family: "montserrat-bold";
    color: #000000;
}

.feed-wo-style .client {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #006AC7;
}

.feed-wo-style .reviewer-comment {
    color: #000000;
    min-height: 150px;
}

@media only screen and (max-width: 1175px) {
    .feed-wo-style .client {
        display: block;
        min-height: 55px;
    }
    .feed-wo-style .reviewer-comment {
        min-height: 175px;
    }
}

.ow-banner-custom {
    background-size: 110% !important;
    background-position: top right !important;
}

.ow-banner-header {
    margin-left: -7rem;
}

.ow-custom-banner-text {
    font-size: 45px;
}

.ow-banner-img {
    margin-left: 9rem;
    width: 80%;
}

.ow-season-text {
    padding-right: 12rem;
}

.ow-season-padding-custom {
    padding-right: 18rem;
}

.ow-convince-text {
    padding-top: 4.5rem;
    padding-right: 13rem;
}

@media (max-width:767px) {
    .ow-banner-header {
        padding: 0;
        margin-top: -3rem;
        margin-left: 0;
        text-align: center !important;
    }

    .ow-banner-text-cont {
        padding: 0 !important;
    }

    .ow-custom-banner-h1 {
        color:white !important;
    }

    .ow-custom-banner-p {
        color: white !important;
        padding: 0 2rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .ow-banner-img-cont {
        padding: 0;
    }

    .ow-banner-img {
        margin-top: -0.5rem;
        margin-left: 2.5rem;
        width: 90%;
    }

    .ow-season-h1 {
        font-size: 1.5rem !important;
    }

    .ow-season-text {
        padding-right: 0;
    }

    .ow-season-padding-custom {
        padding-right: 0;
    }

    .custom-flex {
        flex-direction: column;
    }

    .ow-convince-h1 {
        font-size: 1.8rem !important;
    }

    .ow-convince-text {
        padding: 3rem 2rem 0 2rem;
    }

    .order-2 {
        order: 2;
    }
}

#seasonal-section {
    color: #ffffff;
    background-color: #00325E;
    text-align: left;
}

#convinced-section {
    color: #00325E;
    background-color: #FFFFFF;
    text-align: left;
}

#seasonal-section .container {
    padding: 6rem 0;
}

@media only screen and (max-width: 576px) {
    #seasonal-section .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.ow-footer-row {
    height: 334px;
}

.ow-learn-more {
    color: #00325E;
    background-color: #ffffff;
}

.ow-img-footer {
    left: 22px;
    position: absolute;
    bottom: 0;
    width: 449px;
    margin-right: -113px;
    height: auto;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .ow-footer-row {
        height: 290px;
    }
    .ow-img-footer {
        left: 0px;
        width: 394px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .ow-footer-row {
        height: 250px;
    }
    .ow-img-footer {
        left: -17px;
        width: 330px;
    }
}

@media only screen and (max-width: 767px) {
    .ow-learn-more .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .ow-footer-row {
        height: auto;
    }
}

.ai-row {
    padding-top: 6.5rem;
    padding-bottom: 3rem;
}

.ai-desc {
    color: #000000;
    font-size: 20px;
    font-family: "montserrat-bold";
}

@media only screen and (max-width: 410px) {
    .fs-mobile {
        font-size: 22px !important;
    }
}

/******Free Trial Style Start************/
.trial-desktop-only {
    display: block;
}

.trial-mobile-only {
    display: none;
}

.free-trial.lg {
    background: transparent linear-gradient(270deg, #21BBFF 0%, #037DDB 100%) 0% 0% no-repeat padding-box;
}

.trial-left-container {
    padding: 50px 20px;
}

.trial-header-container {
    display: flex;
    align-items: center;
}

.trial-txt1 {
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 29px;
    margin-left: 30px;
    font-family: "montserrat-bold";
}

.trial-txt2 {
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "montserrat-bold";
}

.trial-txt3 {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 20px;
    margin-left: 8px;
    font-family: "montserrat-medium";
}

.trial-txt5 {
    text-align: left;
    font-size: 26px;
    letter-spacing: 0px;
    color: #484848;
    font-family: "montserrat-semibold";
}

.trial-txt6 {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #2D2D2D;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: "montserrat-semibold";
}

.trial-txt7 {
    text-align: left;
    font-size: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: "montserrat-bold";
}

.trial-txt8 {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.trial-txt9 {
    text-align: left;
    font-size: 40px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "montserrat-bold";
}

.trial-txt10 {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #2D2D2D;
    font-weight: bold;
    font-family: "montserrat-semibold";
}

.trial-txt11 {
    text-align: left;
    font-size: 26px;
    letter-spacing: 0.75px;
    color: #006AC7;
    font-family: "montserrat-semibold";
}

.trial-left-container .mt2 {
    margin-top: 2rem;
}

.trial-left-container .mt4 {
    margin-top: 4rem;
}

.trial-benefit-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.trial-benefit-container>img {
    margin-top: 3px;
}

i.free-trial.fa {
    background-color: transparent;
    margin-left: 15px;
}

.trial-info-btn {
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0px;
    border: 2px solid #FFFFFF;
    border-radius: 19px;
    padding: 15px 20px;
    font-family: "montserrat-bold";
}

.trial-info-btn:hover {
    color: #FFFFFF;
}

.modal-title.free-trial {
    text-align: left;
    font-size: 22px;
    letter-spacing: 0px;
    color: #464646;
    text-transform: unset;
    font-family: "montserrat-semibold";
}

.modal-free-trial .modal-content {
    padding: 0px 15px;
}

.modal-free-trial .modal-header {
    padding: 18px 15px;
}

.modal-free-trial .modal-body {
    padding: 20px 15px;
    max-height: 600px;
    overflow: auto;
}

.modal-free-trial .modal-body::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

.modal-free-trial .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c9d1d9;
}

.modal-free-trial .modal-txt1 {
    font-size: 16px;
    color: #464646;
}

.modal-free-trial .modal-txt2 {
    font-size: 16px;
    color: #464646;
    margin-bottom: 10px;
    font-family: "montserrat-bold";
}

.modal-free-trial .modal-txt2.txt-blue {
    color: #037DDB;
}

.modal-free-trial .modal-close-btn {
    padding: 0;
}

.modal-free-trial .si-close {
    font-size: 25px;
}

.modal-free-trial .modal-section {
    margin-top: 35px;
}

.modal-free-trial .plan-description-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.plan-description-container>img {
    margin-top: 3px;
    margin-right: 10px;
}

.trial-form-outer-container {
    padding: 30px 15px;
}

.trial-logo-container {
    text-align: right;
}

.trial-logo {
    max-width: 120px;
}

.trial-input.form-control {
    border: 1px solid #D5D5D5;
    border-radius: 5px;
}

.trial-checkbox-container {
    display: flex;
    align-items: center;
    font-family: "montserrat-semibold";
}

.trial-payment-checkbox-container {
    display: flex;
    align-items: flex-start;
    font-family: "montserrat-semibold";
}

input.trial-input-checkbox {
    border: 1px solid #0FA5E8;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

input.trial-payment-checkbox {
    border: 1px solid #0FA5E8;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    margin-right: 8px;
}

.trial-why-container {
    margin-left: 20px;
}

.free-trial.header-logo-2 {
    width: 120px;
    height: auto;
    min-width: 120px;
}

.free-trial .pricing-package-name {
    font-size: 28px;
}

.free-trial .pricing-plane-card {
    padding: 30px;
    margin-bottom: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.free-trial .pricing-description {
    height: 70px;
    margin-bottom: 0px;
}

.free-trial .pricing-plane-card .price {
    line-height: normal;
    font-size: 30px;
    padding-top: 10px;
    margin-top:0px;
}

.free-trial .price-before-discount {
    text-decoration: line-through;
    font-size: 16px;
    letter-spacing: 0px;
    color: #8A8A8A;
    padding-top: 10px;
}

.free-trial .currency-super {
    font-size: 60%;
    vertical-align: super;
}

.free-trial .discounted-container {
    background: #30F298;
    color: #00325E;
    padding: 5px;
    width: fit-content;
    margin: auto;
    margin-top: 10px;
}

.free-trial .p-services-features {
    height: auto;
    padding-top: 0px !important;
}

.free-trial .choose-plan-btn {
    border: 2px solid #FF9821;
    border-radius: 28px;
    background-color: white;
    color: #FF9821;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding: 12px;
}

.free-trial .choose-plan-btn:hover {
    background-color: #FF9821;
    color: white;
}

.free-trial .choose-plan-btn.active-plan-btn {
    background-color: #FF9821;
    color: white;
}

.free-trial .choose-plan-submit-btn {
    border: 2px solid #FF9821;
    border-radius: 28px;
    background-color: #FF9821;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 40px;
}

.free-trial .choose-plan-submit-btn:hover {
    color: black;
}

.free-trial .pricing-card-outer-container {
    margin-bottom: 60px;
}

.conditional-br {
    display: none;
}

.hide-on-920 {
    display: block;
}

.show-on-920 {
    display: none;
}

.hide-on-1200 {
    display: block;
}

.show-on-1200 {
    display: none;
}

.show-more-plan-btn, .show-less-plan-btn {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    text-decoration: underline;
    color: #0094E1;
    font-size: 16px;
}

.trial-form-outer-container .bill-outer-container {
    border: 1px solid #C2C2C2;
    border-radius: 11px;
    padding: 30px;
}

.trial-form-outer-container .bill-receipt-txt1 {
    text-align: left;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 4.8px;
    margin-bottom: 15px;
}

.trial-form-outer-container .bill-receipt-txt2 {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #0C0C0C;
    font-weight: bold;
}

.trial-form-outer-container .bill-receipt-txt3 {
    text-align: left;
    font-size: 20px;
    letter-spacing: 0px;
    margin-bottom: 5px;
    color: #0C0C0C;
    font-weight: bold;
}

.free-trial .bill-container-br {
    border-right: 2px solid #D1D1D1;
}

.free-trial .bill-receipt-next-container {
    display: flex;
    justify-content: space-around;
}

.free-trial .feed-wo-style .reviewer {
    line-height: 36px;
}

.free-trial .feed-wo-style .reviewer-comment {
    font-size: 16px;
    line-height: 24px;
}

.free-trial .feed-wo-style .client {
    line-height: 27px;
}

.free-trial .owl-2-style-2 .owl-nav button.owl-next {
    position: absolute;
    top: unset;
    bottom: -10%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 1;
}

.free-trial .owl-2-style-2 .owl-nav button.owl-prev {
    position: absolute;
    top: unset;
    bottom: -10%;
    right: 75px;
    left: unset;
    transform: translateY(-50%);
    z-index: 1;
}

.free-trial .owl-nav .owl-next i, .free-trial .owl-nav .owl-prev i {
    font-size: 30px;
    padding: 6px 12px;
}

.free-trial-payment-outer-container {
    display: flex !important;
    padding: 0px !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
}

.free-trial .mt1 {
    margin-top: 1rem;
}

.free-trial-payment-divider {
    width: 100%;
    height: 1px;
    background-color: #C7C7C7;
    margin: 1.5rem 0px;
}

.free-trial .StripeElement {
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #646464;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-appearance: none;
}

.free-trial .StripeElement--invalid {
    border-color: #fa755a;
}

.trial-success.trial-logo-container {
    padding: 30px;
}

.trial-congrats-container {
    padding-bottom: 50px;
}

@media only screen and (min-width: 1600px) {
    .trial-form-outer-container .bill-receipt-txt2 {
        font-size: 24px;
    }

    .trial-form-outer-container .bill-receipt-txt2 {
        font-size: 16px;
    }

    .trial-form-outer-container .bill-receipt-txt3 {
        font-size: 24px;
    }

    .free-trial .choose-plan-submit-btn {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .trial-left-container {
        padding: 35px 10px;
    }

    .trial-txt1 {
        font-size: 27px;
        margin-left: 20px;
    }

    .free-trial .pricing-package-name {
        font-size: 28px;
    }

    .free-trial .pricing-plane-card {
        padding: 15px;
    }

    .free-trial .pricing-description {
        height: 70px;
    }

    .free-trial .pricing-plane-card .price {
        line-height: normal;
        font-size: 30px;
        padding-top: 10px;
    }

    .free-trial .price-before-discount {
        font-size: 16px;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 1577px) and (min-width: 1200px) {
    .conditional-br {
        display: block;
    }
}

@media only screen and (max-width: 1199px) {
    .trial-left-container {
        padding: 35px 0px;
    }

    .trial-txt1 {
        font-size: 28px;
        margin-left: 20px;
    }

    .free-trial .pricing-package-name {
        font-size: 35px;
    }

    .free-trial .pricing-plane-card {
        padding: 30px;
    }

    .free-trial .pricing-description {
        height: auto;
        font-size: 20px;
    }

    .free-trial .pricing-plane-card .price {
        line-height: normal;
        font-size: 55px;
        padding-top: 10px;
    }

    .free-trial .price-before-discount {
        font-size: 28px;
        padding-top: 10px;
    }

    .free-trial .p-services-features ul.plane-list li {
        font-size: 18px;
    }

    .free-trial .features-label {
        font-size: 20px;
    }

    .free-trial .choose-plan-btn {
        font-size: 18px;
    }

    .free-trial .bill-container-br.br-hidden-md {
        border-right: none;
    }

    .free-trial .bill-receipt-next-container {
        display: flex;
        justify-content: unset;
        flex-direction: column;
        margin-top: 25px;
    }

    .free-trial .choose-plan-submit-btn {
        width: 100%;
        margin-top: 25px;
    }

    .free-trial .btn-style-hiw {
        font-size: 16px;
    }

    .hide-on-1200 {
        display: none;
    }

    .show-on-1200 {
        display: block;
    }
}

@media only screen and (max-width: 920px) {
    .free-trial.header-logo-2 {
        width: 100px;
        height: auto;
        min-width: 100px;
    }

    .trial-txt1 {
        font-size: 21px;
        margin-left: 20px;
    }

    .trial-txt2 {
        font-size: 16px;
    }

    .trial-txt3 {
        font-size: 16px;
        margin-left: 10px;
    }

    .trial-txt5 {
        font-size: 22px;
    }

    .trial-txt6 {
        font-size: 14px;
    }

    .trial-txt7 {
        font-size: 16px;
    }

    .trial-txt8 {
        font-size: 14px;
    }

    .trial-txt9 {
        font-size: 34px;
    }

    .trial-txt10 {
        font-size: 14px;
    }

    .trial-info-btn {
        font-size: 14px;
        padding: 15px 20px;
    }

    .trial-checkbox-container {
        font-size: 12px;
    }

    .free-trial .pricing-package-name {
        font-size: 35px;
    }

    .free-trial .pricing-package-name.cp-credit {
        font-size: 28px;
        letter-spacing: 2px;
    }

    .free-trial .pricing-plane-card {
        padding: 30px;
    }

    .free-trial .pricing-description {
        height: auto;
        font-size: 16px;
    }

    .free-trial .pricing-plane-card .price {
        line-height: normal;
        font-size: 45px;
        padding-top: 10px;
    }

    .free-trial .p-services-features ul.plane-list li {
        font-size: 16px;
    }

    .free-trial .features-label {
        font-size: 18px;
    }

    .hide-on-920 {
        display: none;
    }

    .show-on-920 {
        display: block;
    }

    .trial-form-outer-container .bill-receipt-txt1 {
        font-size: 14px;
    }

    .free-trial .owl-2-style-2 .owl-nav button.owl-next {
        position: absolute;
        top: unset;
        bottom: -5%;
        right: 15px;
        transform: translateY(-50%);
        z-index: 1;
    }

    .free-trial .owl-2-style-2 .owl-nav button.owl-prev {
        position: absolute;
        top: unset;
        bottom: -5%;
        right: 75px;
        left: unset;
        transform: translateY(-50%);
        z-index: 1;
    }

    .free-trial .owl-nav .owl-next i, .free-trial .owl-nav .owl-prev i {
        font-size: 20px;
        padding: 6px 12px;
    }
}

@media only screen and (max-width: 767px) {
    .trial-mobile-only {
        display: block;
    }

    .trial-desktop-only {
        display: none;
    }

    .free-trial.lg {
        height: fit-content;
    }

    .trial-mobile-logo {
        margin-bottom: 2rem;
    }

    .trial-left-container {
        padding: 15px 15px;
    }

    .free-trial.header-logo-2 {
        width: 100px;
        height: auto;
    }

    .trial-txt1 {
        font-size: 26px;
        margin-left: 20px;
    }

    .trial-txt2 {
        font-size: 16px;
        font-family: "montserrat-light";
    }

    .trial-txt3 {
        font-size: 16px;
        margin-left: 10px;
    }

    .trial-txt4 {
        text-align: center;
        font-weight: bold;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-size: 16px;
        margin-top: 2rem;
        margin-bottom: 1rem;
        text-decoration: underline;
    }

    .trial-info-btn {
        font-size: 16px;
        padding: 15px 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .trial-left-container .mt4 {
        margin-top: 2rem;
    }

    i.free-trial.fa.fa-chevron-circle-down {
        margin-left: 5px;
        font-size: 18px;
    }

    .trial-benefit-container>img {
        margin-top: 4px;
        width: 15px;
    }

    .plan-description-container>img {
        margin-top: 5px;
        margin-right: 10px;
        width: 15px;
    }

    .trial-form-outer-container .bill-receipt-txt1 {
        font-size: 12px;
    }

    .free-trial .choose-plan-btn {
        padding: 10px;
    }

    .trial-logo-container.m-left {
        text-align: left;
    }

    .free-trial-payment-outer-container {
        flex-direction: column-reverse;
    }

    .free-trial-payment-outer-container .col-sm-12.remove-sm-flex {
        flex: unset;
    }

    .trial-success.trial-logo-container {
        padding: 15px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 380px) {
    .trial-txt1 {
        font-size: 23px;
    }

    .trial-txt9 {
        font-size: 30px;
    }

    .trial-txt11 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 325px) {
    .trial-txt1 {
        font-size: 17px;
    }
    .trial-txt2 {
        font-size: 14px;
    }
    .trial-txt3 {
        font-size: 14px;
    }
    .trial-txt4 {
        font-size: 14px;
    }
    .trial-txt7 {
        font-size: 14px;
    }
    .trial-txt8 {
        font-size: 12px;
    }
    .trial-benefit-container>img {
        margin-top: 3px;
        width: 15px;
    }
    .trial-info-btn {
        font-size: 14px;
    }
    i.free-trial.fa.fa-chevron-circle-down {
        font-size: 15px;
    }

    .free-trial .pricing-package-name {
        font-size: 32px;
    }

    .free-trial .pricing-plane-card {
        padding: 30px;
    }

    .free-trial .pricing-description {
        height: auto;
        font-size: 16px;
    }

    .free-trial .pricing-plane-card .price {
        line-height: normal;
        font-size: 30px;
        padding-top: 10px;
    }

    .free-trial .price-before-discount {
        font-size: 22px;
        padding-top: 10px;
    }

    .free-trial .p-services-features ul.plane-list li {
        font-size: 14px;
    }

    .free-trial .features-label {
        font-size: 16px;
    }

    .free-trial .choose-plan-btn {
        font-size: 14px;
        padding: 8px;
    }

    .trial-form-outer-container .bill-receipt-txt1 {
        font-size: 10px;
        letter-spacing: 2.8px;
    }

    .trial-form-outer-container .bill-receipt-txt2 {
        font-size: 10px;
    }

    .trial-form-outer-container .bill-receipt-txt3 {
        font-size: 16px;
    }

    .free-trial .choose-plan-submit-btn {
        padding: 6px 40px;
    }
}


/******Free Trial Style End*************/

/******MyWorld Style Start************/
.myworld.header-logo-2 {
    width: 150px;
    height: auto;
    min-width: 150px;
}
.myworld .pricing-plane-card img.gold-plane-icon {
    height: 72px;
    position: absolute;
    bottom: 15px;
    right: -20px;
}
.free-trial.myworld .pricing-description {
    height: auto;
    font-family: "montserrat-medium";
}
.free-trial.myworld .pricing-plane-card {
    padding: 50px;
}
.free-trial.myworld .pricing-plane-card .price {
    line-height: normal;
    font-size: 50px;
    padding-top: 10px;
    margin-top: 0px;
}
.myworld-services-line {
    height: 2px;
    background-color: #E5E5E5;
    flex: auto;
    margin-left: 15px;
}

.myworld .p-services-features ul.plane-list li {
    padding: 4px;
    padding-left: 1.8em;
    text-indent: -0.72em;
}

@media only screen and (max-width: 450px) {
    .myworld .pricing-plane-card img.gold-plane-icon {
        bottom: 4px;
    }
    .free-trial.myworld .pricing-plane-card {
        padding: 40px;
    }
    .free-trial.myworld .pricing-package-name {
        font-size: 30px;
    }
    .free-trial.myworld .pricing-package-name.cp-credit {
        font-size: 24px;
        letter-spacing: 1px;
    }
    .free-trial.myworld .pricing-description {
        font-size: 14px;
    }
    .free-trial.myworld .pricing-plane-card .price {
        font-size: 45px;
    }
}

@media only screen and (max-width: 325px) {
    .free-trial.myworld .pricing-plane-card {
        padding: 30px;
    }
    .free-trial.myworld .pricing-package-name {
        font-size: 25px;
    }
    .free-trial.myworld .pricing-package-name.cp-credit {
        font-size: 20px;
        letter-spacing: normal;
    }
    .free-trial.myworld .pricing-description {
        font-size: 14px;
    }
    .free-trial.myworld .pricing-plane-card .price {
        font-size: 30px;
    }
}


/******MyWorld Style End************/


/* Start intlTelInput */
.iti--separate-dial-code {
    width: 100% !important;
}
.iti--separate-dial-code [type='tel'] {
    padding-left: 95px !important;
}
/* End intlTelInput */


/* On boarding page style start */

.onboarding-banner-mobile {
    display: none;
}

@media screen and (max-width: 1230px) {
    .onboarding-banner-mobile {
        display: block;
    }
    .onboarding-banner {
        display: none;
    }
}

.btn-centred-img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* On boarding page style end */

/* ActiveCampaign Subscription Popup Start */
.activecampaign-desktop {
    display:block;
}

.activecampaign-mobile {
    display:none;
}

.activecampaign-padd0 {
    padding: 0;
}

.activecampaign.row {
    margin: 0;
}

.activecampaign-input-container {
    padding: 0px 30px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.activecampaign-logo {
    max-width: 181px;
}

.activecampaign-txt1 {
    font-family: 'montserrat-bold';
    color: white;
    font-size: 30px;
    margin: 35px 0;
}

.activecampaign-txt2 {
    font-family: 'montserrat-bold';
    color: white;
    font-size: 20px;
    width: 100%;
    text-align: left;
}

.activecampaign-input {
    height: calc(2.5em + 0.75rem + 2px);
}

/* .activecampaign-button {
    cursor: pointer;
    margin-top: 35px;
    width: 100%;
} */

.activecampaign-button {
    width: 100%;
    background-color: #F79726;
    color: white;
    font-family: 'montserrat-bold';
    font-size: 21px;
    outline: none;
    border: none;
    border-radius: 42px;
    padding: 12px 9px;
    margin-top: 15px;
    box-shadow: 0px 7px 0px #00000029;
}

.activecampaign-button:hover {
    color: black;
}

button:disabled.activecampaign-button,
button[disabled].activecampaign-button{
  cursor: not-allowed;
  opacity: 0.8;
}

#activecampaign-input-error {
    width: 100%;
    text-align: left;
}

#activecampaign-input-error .error{
    color: yellow;
}

#activecampaign-input-error label {
    margin:0;
}

#modal_activecampaign .modal-header .close {
    right: 0px;
    top: -8px;
}

@media screen and (max-width: 991px) {
    .activecampaign-desktop {
        display:none;
    }

    .activecampaign-mobile {
        display:block;
    }

    .activecampaign-txt1 {
        font-size: 22px;
        margin: 25px 0;
    }

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

    .activecampaign-input-container {
        padding: 30px;
    }

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

@media screen and (max-width: 450px) {

    .activecampaign-logo {
        max-width: 150px;
    }

    .activecampaign-txt1 {
        font-size: 16px;
        margin: 20px 0;
    }

    .activecampaign-txt2 {
        font-size: 14px;
    }

    .activecampaign-input-container {
        padding: 22px;
    }

    .activecampaign-button {
        margin-top: 22px;
        width: 100%;
    }

    .activecampaign-button {
        font-size: 16px;
    }

    .activecampaign-input {
        height: calc(2em + 0.75rem + 2px);
    }
}

/* ActiveCampaign Subscription Popup End */

/* Brandripe Bytes Start*/
.bytes-outer-container {
    background: transparent linear-gradient(0deg, #037DDB 0%, #1FDDF9 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bytes-container-layer-1 {
    border-radius: 10px;
    width: 80%;
    height: 200px;
    background-color: white;
    opacity: 0.2;
    position: absolute;
    z-index: 3;
    transform: translate(-50%, -60px);
    left: 50%;
}

.bytes-container-layer-2 {
    border-radius: 10px;
    width: 90%;
    height: 200px;
    background-color: white;
    opacity: 0.5;
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -30px);
    left: 50%;
}

.bytes-container {
    border-radius: 11px;
    width: 100%;
    padding: 6% 18%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: white;
    position: relative;
    z-index: 3;
}

.bytes-inner-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.bytes-input-container {
    width: 100%;
}

.bytes-logo-img {
    width: 35%;
}

.bytes-mail-img {
    width: 12%;
}

.bytes-mar-btm {
    margin-bottom: 40px;
}

.bytes-mar-btm.extra-btm {
    margin-bottom: 50px;
}

.bytes-txt-1 {
    font-family: "montserrat-regular";
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    font-size: 26px;
    margin-left: 30px;
}

.bytes-txt-2 {
    font-family: "montserrat-bold";
    text-align: left;
    letter-spacing: 0px;
    color: #3D3D3D;
    font-size: 22px;
}

.form-control.bytes-input {
    text-align: center;
    border: 1px solid #C4C4C4;
    border-radius: 0.3601559102535248px;
    color: #7F7F7F;
    font-family: "montserrat-medium";
    background-color: #F9F9F9;
    font-size: 22px;
    padding: 0.75rem 0.75rem;
    height: calc(1.8em + 0.75rem + 2px);
}

.bytes-btn {
    width: 40%;
    background-color: #F79726;
    color: white;
    font-family: 'montserrat-bold';
    font-size: 22px;
    outline: none;
    border: none;
    padding: 9px;
    box-shadow: 0px 7px 0px #00000029;
    border-radius: 42px;
}

.bytes-btn:hover {
    color: black;
}

button:disabled.bytes-btn,
button[disabled].bytes-btn{
  cursor: not-allowed;
  opacity: 0.8;
}

#bytes-email-error .error {
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .bytes-container {
        padding: 5% 11%;
    }

}

@media screen and (max-width: 991px) {
    .bytes-txt-1 {
        font-size: 18px;
        margin-left: 20px;
    }

    .bytes-txt-2 {
        font-size: 16px;
    }

    .bytes-mar-btm {
        margin-bottom: 30px;
    }

    .bytes-mar-btm.extra-btm {
        margin-bottom: 40px;
    }

    .form-control.bytes-input {
        font-size: 18px;
        padding: 0.75rem 0.75rem;
        height: calc(1.5em + 0.75rem + 2px);
    }

    .bytes-btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .bytes-container {
        padding: 6% 8%;
    }

    .bytes-logo-img {
        width: 45%;
    }

    .bytes-inner-container {
        flex-direction: column;
    }

    .bytes-mail-img {
        margin-bottom: 20px;
        width: 15%;
    }

    .bytes-txt-1 {
        margin-left: 0;
        text-align: center;
    }

    .bytes-btn {
        width: 50%;
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .bytes-container {
        padding: 7% 8%;
    }

    .bytes-logo-img {
        width: 60%;
    }

    .bytes-mail-img {
        width: 25%;
    }

    .bytes-txt-1 {
        font-size: 16px;
    }

    .form-control.bytes-input {
        font-size: 16px;
        padding: 0.75rem 0.75rem;
        height: calc(1.5em + 0.75rem + 2px);
    }

    .bytes-container-layer-1 {
        width: 75%;
        transform: translate(-50%, -40px);
    }

    .bytes-container-layer-2 {
        width: 85%;
        transform: translate(-50%, -20px);
    }

    #bytes-email-error .error {
        font-size: 12px;
    }

    .bytes-btn {
        width: 100%;
        font-size: 16px;
    }
}

/* Brandripe Bytes End*/

/* Brandripe Credit User Signup Style Start*/
.select-plan-txt {
    font-family: "montserrat-bold";
    text-align: center;
    font-size: 32px;
    color: #000000;
    letter-spacing: 0px;
}

.register-credit-plan-container {
    box-shadow: 0px 3px 19px #00000029;
    border-radius: 15px;
    padding: 15px 0;
    height: 100%;
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
}

.register-credit-plan-category {
    font-family: "montserrat-bold";
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    padding: 10px 0 10px 30px;
    border-radius: 0px 30px 30px 0px;
    width: 67%;
    max-width: 250px;
}

.register-credit-value {
    font-family: "montserrat-bold";
    font-size: 36px;
    color: #006AC7;
    letter-spacing: 4px;
    padding: 0 5px;
    margin: 15px 0;
    margin-left: 4px;
    text-align: center;
}

.register-credit-plan-description {
    font-family: "montserrat-semibold";
    font-size: 16px;
    letter-spacing: 0px;
    color: #00325E;
    padding: 0 20px;
    text-align: center;
    margin: 15px 0;
}

.register-credit-plan-right-container {
    padding: 0 20px;
    text-align:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    align-content: space-between;
}

.register-credit-plan-price-container {
    font-family: "montserrat-semibold";
    font-size: 24px;
    letter-spacing: 0px;
    color: #000000;
}

.register-credit-plan-currency {
    vertical-align: top;
}

.register-credit-plan-price {
    font-size: 37px;
}

.register-credit-plan-bill-period {
    font-family: "montserrat-medium";
    font-style: italic;
    letter-spacing: 0px;
    color: #FF9821;
    font-size: 16px;
}

.register-credit-plan-select-btn {
    font-family: "montserrat-semibold";
    background: #FF9821 0% 0% no-repeat padding-box;
    border-radius: 29px;
    letter-spacing: 0.95px;
    color: #FFFFFF;
    font-size: 17px;
    padding: 10px 35px;
    margin: 15px 0 15px 0;
    width: 100%;
}

.register-credit-plan-arrow {
    font-size: 14px;
    margin-left: 8px;
}

.register-credit-right-col {
    padding-right:0;
}

.register-credit-services-feature-outer {
    background-color: #F2F8FB;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-bottom: 50px;
}

.register-credit-services-feature-container {
    padding: 20px 40px 20px 20px;
}

.register-credit-txt1 {
    letter-spacing: 0px;
    color: #006AC7;
    font-family: "montserrat-bold";
    font-size: 20px;
}

.register-credit-txt2 {
    letter-spacing: 0px;
    color: #006AC7;
    font-family: "montserrat-bold";
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 15px;
}

ul.register-credit-services-list {
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.register-credit-services-list li {
    text-indent: -11px;
    padding-left: 30px;
    margin-bottom: 15px;
    font-family: "montserrat-medium";
    font-size: 16px;
    color: #00325E;
}

ul.register-credit-services-list li i {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.register-credit-view-more-container {
    display: none;
    text-align: center;
    padding: 25px 0;
}

.register-credit-view-more {
    font-family: "montserrat-bold";
    cursor: pointer;
    color: #006AC7;
    font-size: 20px;
}

.register-credit-expand {
    font-size: 16px;
    margin-left: 10px;
    vertical-align: text-top;
    transform: rotate(90deg);
}

@media screen and (max-width: 992px) {
    .register-credit-right-col {
        padding-right: 15px;
    }

    .register-credit-services-feature-outer {
        border-radius: 30px;
    }

    .register-credit-services-feature-container {
        padding: 40px 40px 0 40px;
        height: 300px;
        overflow: hidden;
    }

    .register-credit-view-more-container {
        display: block;
    }

    .register-credit-expand.expanded {
        transform: rotate(-90deg);
    }
}

@media screen and (max-width: 767px) {
    .register-credit-plan-category {
        padding: 10px 0 10px 15px;
        width: 60%;
        max-width: 200px;
    }

    .register-credit-value {
        padding: 0 15px;
        text-align: center;
    }

    .register-credit-plan-description {
        padding: 0 15px;
        text-align: center;
    }

    .register-credit-plan-right-container {
        padding: 0 15px;
    }
}

@media screen and (max-width: 450px) {
    .register-credit-plan-category {
        padding: 8px 0 8px 15px;
        font-size: 16px;
        min-width: 170px;
    }

    .register-credit-value {
        font-size: 26px;
        letter-spacing: 7px;
    }

    .register-credit-plan-description {
        font-size: 14px;
    }

    .register-credit-plan-bill-period {
        font-size: 14px;
    }

    .register-credit-plan-select-btn {
        font-size: 15px;
    }

    .register-credit-plan-arrow {
        font-size: 13px;
    }

    .register-credit-services-feature-container {
        padding: 20px;
    }
}

@media screen and (max-width: 325px) {
    .register-credit-plan-price-container {
        font-size: 22px;
    }

    .register-credit-plan-price {
        font-size: 34px;
    }

    .register-credit-value {
        font-size: 24px;
        letter-spacing: 5px;
    }
}

/* Brandripe Credit User Signup Style End*/

/* Brandripe SG pricing Style Start*/

.bg-price-start {
    background: url(../images/path-20938.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.credit-breakdown-container {
    width: 100%;
    padding: 0 7%;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 1340px) {
    .credit-breakdown-container {
        padding: 0 3%;
    }
}

@media only screen and (max-width: 575px) {
    .credit-breakdown-container {
        padding: 0 0;
    }
}

.breakdown-request-type-area {
    font-family: 'montserrat-bold';
    text-align: left;
    font-size: 16px;
    padding: 12px 12px;
    letter-spacing: 0.8px;
    margin-bottom: 15px;
    background: #1D6CB5;
    color: #ffffff;
    border-radius: 12px;
}

@media only screen and (max-width: 400px) {
    .breakdown-request-type-area {
        font-size: 14px;
    }
}


.breakdown-request-product-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 12px;
}

.breakdown-request-product-txt {
    font-family: 'montserrat-semibold';
    font-size: 16px;
    letter-spacing: 0px;
    text-align: left;
    flex-basis: 70%;
}

.breakdown-request-product-credit-container {
    padding: 0 10px;
    margin-left: 15px;
    flex-basis: 30%;
}

.breakdown-request-product-credit {
    font-family: 'montserrat-bold';
    color: #0094E1;
    letter-spacing: 0px;
    text-align: right;
    font-size: 16px;
}

.interactive-most-popular-container .most-popular-plane {
    z-index: 0;
}

.interactive-most-popular-plane {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 30rem;
    padding: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 4.8px;
    background-color: #005BA9;
    border-radius: 15px;
}

.interactive-most-popular-plane i {
    color: #F1C40F;
    font-size: 16px;
}


.interactive-credit-pricing-plan-card {
    background-color: #ffffff;
    color: #00325E;
    box-sizing: border-box;
    border-radius: 24px;
    -moz-box-shadow: 0px 3px 19px #00000029;
    -webkit-box-shadow: 0px 3px 19px #00000029;
    box-shadow: 0px 3px 19px #00000029;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 800px;
}

.interactive-credit-pricing-plan {
    background-color: #1D6CB5;
    padding: 15px;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.interactive-credit-pricing-plan-card .credit-currency {
    font-size: 30px;
    letter-spacing: 0px;
    vertical-align: top;
}

.interactive-credit-pricing-plan-card .credit-price {
    font-size: 50px;
    letter-spacing: 0px;
}

.interactive-credit-plan-tabs-container {
    display: flex;
    justify-content: space-between;
    margin: 20px 10px;
    border: 1px solid #FFFFFF;
    border-radius: 36px;
    overflow: hidden;
}

.interactive-plan-radio-container {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}


input.interactive-plan-radio[type="radio"] {
    display: none;
}

label.interactive-plan-radio-label {
    width: 100%;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat-semibold';
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 36px;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

label.interactive-plan-radio-label {
    color: #FFFFFF;
}

input.interactive-plan-radio[type="radio"]:checked + label.interactive-plan-radio-label {
    color: #1D6CB5;
    background-color: #FFFFFF !important;
}

.interactive-credit-pricing-notes {
    letter-spacing: 0px;
    color: rgb(255 255 255 / 80%);
    text-align: center;
    font-family: "montserrat-light";
    font-size: 14px;
    padding: 8px 0;
}

.interactive-credit-pricing-plan-container {
    padding: 30px;
    color: #0094E1;
    font-family: "montserrat-semibold";
    font-size: 17px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}

.interactive-credit-pricing-description {
    text-align: left;
    letter-spacing: 0px;
    color: #00325E;
    font-family: 'montserrat-bold';
    margin: 10px 0px;
}

.interactive-credit-plan-btn {
    border-radius: 29px;
    background-color: #FD9923;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-align: center;
    font-family: "montserrat-semibold";
    font-size: 17px;
    width: 100%;
    padding: 15px 0;
    margin-top: 2rem;
}

.interactive-access-all-btn {
    color: #FD9923;
    text-align: left;
    text-decoration: underline;
    padding: 0;
    font-size: 17px;
    margin: 10px 0;
    width: fit-content;
}

.interactive-features-head-txt {
    text-align: left;
    letter-spacing: 0px;
    color: #00325E;
    font-family: 'montserrat-semibold';
    margin: 15px 0 12px 0;
}

.interactive-credit-ul {
    list-style-type: none;
    padding-left: 30px;
}

.interactive-credit-ul li {
    text-indent: -15px;
}

.interactive-features-txt {
    font-family: 'montserrat-medium';
    text-align: left;
    color: #00325E;
    padding: 10px;
}

.interactive-credit-access-services-card {
    background-color: #ffffff;
    text-align: left;
    border: 3px solid #1D6CB5;
    border-radius: 24px;
    padding: 35px 50px;
    -moz-box-shadow: 0px 3px 19px #00000029;
    -webkit-box-shadow: 0px 3px 19px #00000029;
    box-shadow: 0px 3px 19px #00000029;
    height: 800px;
}

.interactive-access-headline {
    color: #1D6CB5;
    font-family: 'montserrat-bold';
    font-size: 25px;
    padding: 8px 0;
}

.interactive-access-sub-headline {
    color: #00325E;
    padding: 15px 0;
}

.interactive-access-all-services {
    font-size: 16px;
}

.interactive-access-ow-link {
    font-family: 'montserrat-bold';
    font-size: 18px;
    color: #FD9923;
    text-align: left;
    text-decoration: underline !important;
    margin-top: 11px;
}

.interactive-credit-pricing-plan-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures the button is at the bottom */
    height: 100%; /* Make the container take the full height */
}

.interactive-credit-pricing-plan-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.interactive-credit-plan-button-container {
    margin-top: auto; /* Pushes the button to the bottom */
}

@media only screen and (max-width: 1500px) {
    .interactive-credit-pricing-plan-container {
        font-size: 18px
    }
    .interactive-access-all-btn {
        font-size: 18px
    }
}

@media only screen and (max-width: 1413px) {
    .interactive-features-txt {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .interactive-credit-pricing-plan-card {
        height: auto;
    }
    .interactive-credit-access-services-card {
        height: auto;
    }
}

@media only screen and (max-width: 550px) {
    .interactive-most-popular-plane {
        top: -30px;
        width: 16rem;
        font-size: 12px;
    }
}

@media only screen and (max-width: 405px) {
    .interactive-credit-plan-tabs-container {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 445px) {
    .interactive-credit-access-services-card {
        padding: 35px 30px;
    }
}

@media only screen and (max-width: 372px) {
    .interactive-credit-access-services-card {
        padding: 35px 25px;
    }
}

@media (max-width: 767px) {
    .most-popular-plane {
        width: 100% !important;
        padding: 12px !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        font-weight: bold !important;
        font-size: 6vw !important;
        letter-spacing: 4.8px !important;
        background-color: #005BA9 !important;
        border-radius: 15px !important;
        position: absolute !important;
    }

    .interactive-credit-amount {
        font-family: 'montserrat-bold' !important;
        color: #FFE431 !important;
        font-size: 6vw !important;
        padding-top: 2px !important;
    }

    .interactive-credit-amount .credit-amount {
        font-size: 9vw !important;
    }

    .interactive-credit-amount .credit-text {
        font-size: 7.5vw !important;
        padding-top: 1.5vw !important;
    }

    .interactive-credit-amount .credit-amount-span {
        font-size: 3.5vw !important;
    }

    .interactive-credit-plan-price-container {
        font-family: 'montserrat-semibold' !important;
        color: #fff !important;
        font-size: 25px !important;
        padding-left: 1vw !important;
        padding-top: 1vw !important;
    }

    .interactive-credit-plan-price-container .credit-currency {
        font-size: 5vw !important;
    }

    .interactive-credit-plan-price-container .credit-price {
        font-size: 7.5vw !important;
    }

    .credit-month-span span {
        font-size: 3.5vw !important;
    }
}

/* Brandripe SG pricing Style End*/


/* Brandripe new get started Style Start*/

.getstarted-container {
    padding: 0 0% 0 9%;
}

.gt-cl {
    width: 1000px;
    height: 785px;
    margin: 1rem 0;
}

.calendly-getstarted-mobile {
    display: none;
}
.calendly-getstarted-desktop {
    display: block;
}

@media only screen and (max-width: 1260px) {
    .gt-cl {
        width: 800px;
    }
}

@media only screen and (max-width: 1032px) {
    .gt-cl {
        width: 650px;
    }
    .calendly-container {
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 767px) {
    .padding-left-mobile {
        padding-left: 2rem;
    }
    .calendly-getstarted-mobile {
        display: block;
    }
    .calendly-getstarted-desktop {
        display: none;
    }
}

@media only screen and (max-width: 2115px) {
    .gt-cl {
        height: 1100px;
    }
}

.btn-free {
    background-color: #ffffff;
    color: #ff9821;
}

/* @media only screen and (max-width: 860px) {
    .getstarted-container {
        padding: 0 3%;
    }
} */

@media only screen and (max-width: 1319px) {
    .btn-nav {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1262px) {
    .btn-nav {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1243px) {
    .btn-nav {
        font-size: 10px;
    }
}

@media only screen and (max-width: 1280px) {
    .navbar-nav {
        margin-left: 3%;
    }
}

@media only screen and (max-width: 1203px) {
    .navbar-nav {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 1185px) {
    .navbar-nav {
        margin-left: 0%;
    }
}

@media only screen and (max-width: 1176px) {
    .btn-nav {
        font-size: 15px;
    }
    .btn-free {
        display: none;
    }
    .navbar-nav {
        margin-left: 5%;
    }
}

.logo-icon-nav-scroll {
    width: 40px;
    position: absolute;
    top: 9px;
}

/* Brandripe new get started Style end*/

/* Brandripe credit showcase Style start*/

@media only screen and (max-width: 767px) {
    .our-plans-title {
        margin-bottom: 0;
        font-size: 18px;
    }
    .hiw-banner.plan {
        padding-bottom: 40px;
    }
}

.credit-title {
    font-family: "montserrat-bold";
}

.credit-section-title {
    font-family: "montserrat-bold";
    font-size: 2.5rem;
    color: #0088FF;
}

.credit-section-desc {
    color: #00325E;
    font-family: "montserrat-medium";
    line-height: 37px;
}

.credit-sub-title {
    font-family: "montserrat-bold";
    color: #00325E;
    text-align: left;
    font-size: 18px;
    padding: 14px 0;
}

.credit-option-title {
    font-family: "montserrat-medium";
    color: #109AE2;
    font-size: 16px;
    line-height: 35px;
}

.credit-option-price {
    font-family: "montserrat-medium";
    color: #109AE2;
    font-size: 16px;
    line-height: 35px;
}

.custom-credit-ready {
    font-family: "montserrat-medium";
    font-size: 18px;
    text-align: center;
    color: #00325E;
    margin-top: 20px;
}

.custom-credit-ready a {
    font-family: "montserrat-bold";
    color: #FF9821;
    text-decoration: underline !important;
}

.custom-credit-calc {
    font-family: "montserrat-bold";
    font-size: 18px;
    color: #00325E;
    margin-top: 20px;
}

.custom-credit-calc a {
    font-family: "montserrat-bold";
    color: #FF9821;
}

.credit-section-calc {
    font-family: "montserrat-medium";
    line-height: 37px;
    padding: 15px 0;
}

.calc-table, th, td {
    border: none;
}

.calc-table td {
    font-family: "montserrat-bold";
    font-size: 20px;
}

.total-credits {
    margin-top: 20px;
    padding: 10px;
    font-size: 1.2em;
    color: #00325E;
    border-top: 1px solid #DCDCDC;
}

.total_credits_val {
    font-family: "montserrat-bold";
    font-size: 45px;
}

.qty-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-buttons button {
    background-color: #1D6CB5;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0 25px;
    cursor: pointer;
    font-size: 23px;
    padding: 0;
}

.qty-decrement {
    margin-left: 0 !important;
}

.qty-buttons button:disabled {
    background-color: #ccc;
}

.calc-search-container  {
    position: relative;
    padding-bottom: 1.5rem;
}

.calc-search-input {
    border: 1px solid #707070;
    border-radius: 32px;
    font-size: 18px;
    padding: 1.8rem;
    padding-right: 4rem;
    position: relative;
    z-index: 2;
}

.calc-search-container i {
    font-size: 30px;
    background-color: transparent;
    color: #000000;
    position: absolute;
    top: 11px;
    right: 30px;
    z-index: 2;
}

.calc-search-results {
    box-shadow: 0px 12px 18px 0px rgba(156,156,156,0.75);
    -webkit-box-shadow: 0px 12px 18px 0px rgba(156,156,156,0.75);
    -moz-box-shadow: 0px 12px 18px 0px rgba(156,156,156,0.75);
    background-color: #0094E1;
    border-radius: 16px;
    padding: 4rem 1rem 1rem 1rem;
    position: absolute;
    width: 100%;
    top: 15px;
    z-index: 1;
}

.search-bar {
    max-height: 356px;
    overflow-y: auto;
}

.search-bar::-webkit-scrollbar-track
{
	background-color: transparent;
}

.search-bar::-webkit-scrollbar
{
	width: 5px;
}

.search-bar::-webkit-scrollbar-thumb
{
	border-radius: 14px;
	background-color: rgb(73 73 73 / 80%);
}

.search-result .add-option {
    cursor: pointer;
}

.calc-search-results .searching {
    text-align: center;
    color: #ffffff;
}

.calc-search-results .search-result {
    font-family: "montserrat-bold";
    color: #ffffff;
    font-size: 20px;
    padding: 6px;
}

.search-result:hover {
    background-color: rgb(59 59 59 / 20%);
    border-radius: 3px;
}

.search-result .title {
    max-width: 575px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 767px) {
    .calc-search-results .search-result {
        font-size: 14px;
    }
    .calc-search-results .search-result button {
        font-size: 14px;
        padding: 5px 12px;
    }
}

/* Brandripe credit showcase Style end*/

/* New trial pages Style end*/
/* .free-trial.header-logo-3 {

} */

.new-head-trial {
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 22px;
    margin-left: 30px;
    font-family: "montserrat-bold";
}

.new-desc-trial {
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 18px;
    margin-left: 30px;
    font-family: "montserrat-light";
}

.new-trial-ul {
    font-size: 18px;
    line-height: 45px;
}


@media only screen and (max-width: 1575px) {
    .new-trial-ul {
        font-size: 14px;
        padding-bottom: 1rem;
    }
}

/* New trial pages Style end*/

.prices-plans {
    background-color: #097ADE;
}

.plan-content-wrapper {
    padding-top: 150px;
}

.plan-img-container {
    position: relative;
}

.plan-left-img-container img {
    position: absolute;
    top: 215px;
    left: 70px;
    width: 16%;
}

.price-plan-bg {
    background-image: url(../images/price-plan-triangle.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.credit-price-plan-bg {
    background-image: url(../images/pricing-credits/path-20938.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.interactive-credit-amount {
    font-family: 'montserrat-bold';
    color: #FFE431;
    font-size: 25px;
    padding-top: 2px;
}

.credit-amount {
    font-size: 50px;
}

.credit-text {
    font-size: 40px;
}

.interactive-credit-plan-price-container {
    font-family: 'montserrat-semibold';
    color: #fff;
    font-size: 25px;
    padding-left: 90px;
}

.credit-amount-span {
    font-size: 20px;
    color: white;
    margin-left: 2px;
    margin-top: -10px;
}

.credit-month-span {
    font-size: 20px;
    color: white;
    margin-left: 2px;
    margin-top: -10px;
}

@media only screen and (max-width: 450px) {
    .interactive-credit-amount .credit-amount {
            font-size: 27px;
    }
    .interactive-credit-amount .credit-text {
            font-size: 25px;
    }
    .interactive-credit-amount .credit-amount-span {
        font-size: 14px;
    }
    .interactive-credit-plan-price-container .credit-currency {
        font-size: 14px;
    }
    .interactive-credit-plan-price-container .credit-price {
        font-size: 20px;
    }
    .credit-month-span span {
        font-size: 10px !important;
    }
}

/*
###################################################################################
# Start - New Page (Pricing)
###################################################################################
*/

.orange-color {
    color: #FF9821;
}

.pricing-orange-1 {
    position: absolute;
    top: 100px;
    left: 130px;
    width: 15%;
    z-index: -1;
}

.pricing-features-row {
    background: #0094E1;
    padding: 0 5rem 5rem 5rem;
}

.pricing-feature-sc {
    background-color: #ffffff;
    margin: 8rem 0;
    padding: 1rem;
}

.pricing-feature-sc .credit-pricing-features-outer-cont {
    padding: 2rem 5rem;
}

.orange-text-1 {
    font-family: 'montserrat-bold';
    font-size: 4rem;
}

.orange-text-2 {
    font-family: 'montserrat-bold';
    font-size: 2.8rem;
    margin: -17px;
}

.pricing-feature-sc .credit-pricing-features-outer-cont .credit-p-features-img {
    margin-bottom: 24px;
    max-width: 200px;
}

.pricing-orange-2 {
    position: absolute;
    right: 100px;
}

.pricing-orange-3 {
    position: absolute;
    top: -100px;
    right: -20px;
}

.pricing-orange-4 {
    position: absolute;
    width: 16rem;
    left: -280px;
}

.pricing-orange-5 {
    position: absolute;
    width: 26rem;
    bottom: -300px;
    right: -360px;
}

.pricing-orange-6 {
    position: absolute;
    left: 0;
    top: 90px;
}

.pricing-orange-7 {
    position: absolute;
    width: 220px;
    left: 90px;
    bottom: -65px;
}

.pricing-orange-8 {
    position: absolute;
    right: 0;
    bottom: -185px;
    z-index: 0;
}

@media only screen and (max-width: 1200px) {
    .pricing-orange-2 {
        width: 160px;
        top: 92px;
        right: 50%;
        transform: translate(38%, -50%);
    }
    .pricing-orange-3 {
        position: absolute;
        width: 40%;
        top: 6px;
        left: -27%;
    }
    .pricing-orange-6 {
        width: 130px;
        top: 190px;
    }
    .pricing-orange-7 {
        position: absolute;
        width: 150px;
        left: 50px;
        bottom: -42px;
    }
}


@media only screen and (max-width: 767px) {
    .credit-price-plan-bg {
        background-color: #0094E1;
    }
    .credit-pricing-section {
        margin-top: -75px;
    }
    .pricing-features-row {
        padding: 0 1rem 5rem 1rem;
    }
    .pricing-feature-sc {
        margin: 2rem 0;
    }

    .left-img-container {
        float: left;
        position: absolute;
        top: 28rem;
        left: -3rem;
    }

    .left-ipad {
        position: absolute;
        left: 3rem;
        top: -1rem;
        width: 10.5rem;
        z-index: 2;
    }

    .left-orange {
        position: absolute;
        left: 8rem;
        top: -1.5rem;
        width: 6.5rem;
        z-index: 1;
    }

    .left-iphone {
        position: absolute;
        left: 6rem;
        top: 6.3rem;
        width: 6.5rem;
        z-index: 3;
    }

    .right-img-container {
        float: right;
        position: absolute;
        top: 22rem;
        right: 0;
    }

    .right-orange-group {
        position: absolute;
        top: 2.5rem;
        right: -2.5rem;
        width: 14rem;
    }

    .pricing-feature-sc .credit-pricing-features-outer-cont {
        padding: 2rem 0.5rem;
    }
    .orange-text-1 {
        font-size: 1.8rem;
    }
    .orange-text-2 {
        font-size: 1.1rem;
        margin: -5px;
    }
    .pricing-orange-1 {
        display: none;
    }
    .pricing-orange-2 {
        width: 80px;
        top: 20px;
        right: 50%;
        transform: translate(35%, -50%);
    }
    .pricing-orange-3 {
        position: absolute;
        width: 190px;
        top: -30px;
        left: 50%;
        transform: translate(-48%, 0%);
    }
    .pricing-orange-4 {
        display: none;
    }
    .pricing-orange-5 {
        display: none;
    }
    .pricing-orange-6 {
        display: none;
    }
    .pricing-orange-7 {
        display: none;
    }
    .pricing-orange-8 {
        display: none;
    }
}