@font-face {
  font-family: "Satoshi-bold";
  src: url("../fonts/Satoshi-Bold.eot");
  src: url("../fonts/Satoshi-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Satoshi-Bold.woff2") format("woff2"),
    url("../fonts/Satoshi-Bold.woff") format("woff"),
    url("../fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi-Medium";
  src: url("../fonts/Satoshi-Medium.eot");
  src: url("../fonts/Satoshi-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Satoshi-Medium.woff2") format("woff2"),
    url("../fonts/Satoshi-Medium.woff") format("woff"),
    url("../fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi-Regular";
  src: url("../fonts/Satoshi-Regular.eot");
  src: url("../fonts/Satoshi-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Satoshi-Regular.woff2") format("woff2"),
    url("../fonts/Satoshi-Regular.woff") format("woff"),
    url("../fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi-Light";
  src: url("../fonts/Satoshi-Light.eot");
  src: url("../fonts/Satoshi-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Satoshi-Light.woff2") format("woff2"),
    url("../fonts/Satoshi-Light.woff") format("woff"),
    url("../fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html,
body {
    font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: 400
}

p {
    font-size: calc(12px + (15 - 12) * (100vw - 320px) / (1920 - 320));
    color: #7f8294;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 20px 0
}

h1,
.hd-1 {
    font-size: 45px;
    color: #fff;
    font-weight: 500;
    letter-spacing: normal;
    font-family: "Satoshi-Medium";
}

h1 span,
.hd-1 span {
    font-weight: 300
}

h3{
    font-size: calc(25px + (45 - 25) * (100vw - 320px) / (1920 - 320));
    color: #202453;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 20px 0;
    font-family: "Satoshi-Medium";
}

h3 .bg-font,
.hd-3 .bg-font {
    font-size: calc(32px + (65 - 32) * (100vw - 320px) / (1920 - 320));
    margin: 0;
    font-weight: 700;
    font-family: "Satoshi-Medium";
}

h4,
.hd-4 {
    font-size: calc(15px + (22 - 15) * (100vw - 320px) / (1920 - 320));
    color: #000;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 20px 0;
    font-family: "Satoshi-Medium";
}

h5,
.hd-5 {
    font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
    color: #000;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 20px 0;
    font-family: "Satoshi-Medium";
}

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

/* header */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff45;
    /* Adjust the last value (0.8) for the level of transparency you desire */
    z-index: 1000;
    /* Ensure the navbar is above other elements */
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

a.navbar-brand img {
    max-width: 70%;
}

.scrolled-header {
    background-color: #fff;
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.btn_one {
    align-items: center;
    font-size: calc(11px +(16 - 11)*(100vw - 320px) /(1920 - 320));
    color: #fff !important;
    display: flex;
    position: relative;
    padding: 6px 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #b22234;
    border-color: #b22234;
    width: 100%;
    justify-content: center;
}

.btn_one:hover{
    background-color: #0c1f43;
    border-color: #0c1f43;
    color: #fff;
}

.btn_two {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    padding: 10px;
}

.pulse-btn{
    animation: highlight 2s infinite;
}

@keyframes highlight {
    
0% {
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.4);
    transform: scale(1);
}

50% {
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.8);
    transform: scale(1.05);
}

100% {
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.4);
    transform: scale(1);
}

}

.btn_two:hover{
    background-color: #fff;
    border-color: #fff;
    color: #b22234;
}

.btn_one i {
    font-size: calc(12px + (15 - 12) * (100vw - 320px) / (1920 - 320));
    display: inline-block;
    margin-right: 8px;
    color: #fff
}


/* main banner */
.main_banner {
    background-image: url(../images/bg/banner-main.jpg);
    padding-top: 60px;
}

.banner_content p {
    color: #fff;
    line-height: 1.6;
    font-size: 17px;
}

ul.banner-list {
    color: #fff;
}

.main_banner .banner_row {
    min-height: 100vh;
    align-items: center;
    padding-top: 20px;
}
.hd-3{
    font-size: 23px;
}
.form_Sec {
    color: #fff;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    padding: 25px 15px;
    border: 2px solid #b22234;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.form_Sec label {
    width: 100%;
    text-align: left;
}

.form_Sec textarea {
    width: 100%;
    height: 140px;
}

.form_Sec .btn_two:hover {
    background: #b22234;
    color: #fff;
    box-shadow: 0 4px 30px #b22234;
}

form#registrationForm {
    text-align: left;
    padding: 0px 10px;
}

.form_Sec input {
    margin-bottom: 10px;
}
.form_Sec p{
    color: #fff;
    font-size: 16px;
}
.banner-box {
    border-top: 1px solid #fff;
    padding: 23px 0
}

.banner-box>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.banner-box>ul>li {
    color: #fff;
    font-size: calc(13px + (17 - 13) * (100vw - 320px) / (1920 - 320));
    padding-left: 15px
}

.banner-box>ul>li:first-child {
    padding-left: 0
}


/* platform section */
.plat_form{
    padding-top: 30px;
}
.top-heading {
    position: relative
}

.top-heading .sm-heading {
    font-size: calc(18px + (25 - 18) * (100vw - 320px) / (1920 - 320));
    color: #b22234;
    font-weight: 500
}

.top-heading h3,.top-heading .plat_form_heading {
    position: relative;
    margin-bottom: 30px
}

.top-heading h3:before,.top-heading .plat_form_heading:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 5px;
    background-color: #b22234;
    left: 0;
    bottom: -16px
}

.top-heading h3.sty1:before,.top-heading .plat_form_heading.sty1:before {
    content: "";
    position: absolute;
    width: 170px;
    height: 5px;
    background-color: #b22234;
    left: 0;
    bottom: -16px
}

.top-heading h4,.top-heading .hd-4 {
    font-size: calc(15px + (25 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    color: #202453;
    margin-bottom: 20px
}

.top-heading h4:before,.top-heading .hd-4:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 4px;
    background-color: #b22234;
    left: 0;
    bottom: -16px
}

.top-heading.sty1 h3,.top-heading.sty1 .plat_form_heading {
    color: #fff
}

.top-heading.sty1 h3:before,.top-heading.sty1 .plat_form_heading:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    width: 15%
}

.top-heading.sty1 p {
    color: #fff
}

.top-heading.sty2 h3:before,.top-heading.sty2 .plat_form_heading:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #b22234;
    width: 15%
}

.top-heading.sty3 h3,.top-heading.sty3 .plat_form_heading {
    color: #fff
}

.top-heading.sty3 h3:before,.top-heading.sty3 .plat_form_heading:before {
    left: 8%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    width: 15%
}

@media (max-width: 575px) {
    .top-heading.sty3 h3:before,.top-heading.sty3 .plat_form_heading:before {
        left:50%
    }
}

.top-heading.sty3 p {
    color: #fff
}

@media (max-width: 575px) {
    .top-heading.sty3 {
        text-align:center
    }
}

.top-heading.sty4 h3,.top-heading.sty4 .plat_form_heading {
    font-size: calc(15px + (43 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    margin-bottom: 20px
}

.top-heading.sty5 h3,.top-heading.sty5 .plat_form_heading {
    font-size: calc(15px + (42 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    margin-bottom: 15px
}

.top-heading.sty5 h3 .sm-heading,.top-heading.sty5 .plat_form_heading .sm-heading {
    font-weight: 600;
    letter-spacing: -1px
}

.top-heading.sty5 h3:before,.top-heading.sty5 .plat_form_heading:before {
    content: none
}

.top-heading.sty6:before {
    content: "";
    position: absolute;
    background-color: #b22234;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px
}

.top-heading.sty6 h3:before {
    content: none
}
.plat_form_heading{
    font-size: calc(25px + (45 - 25) * (100vw - 320px) / (1920 - 320));
    color: #202453;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 20px 0;
    font-family: "Satoshi-Medium";
}

section.plat_form p {
    max-width: 930px;
    margin: 0 auto;
}

.services-sec .top-heading {
    padding-bottom: 60px
}

@media (max-width: 991px) {
    .services-sec .top-heading {
        padding-bottom:20px
    }
}

.service-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #DADADA;
    padding: 15px 15px;
    border-radius: 12px;
    margin-bottom: 25px
}

.service-box .service-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    height: 100%
}

.service-box .service-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.service-box .service-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(60% - 35px);
    flex: 0 0 calc(60% - 35px);
    max-width: calc(60% - 35px);
    margin-left: 35px
}

.service-box .service-content h4,.service-box .service-content .hd-4 {
    font-weight: 600;
    margin: 10px 0 10px
}

.service-box .service-content p {
    line-height: 1.6;
    margin-bottom: 0
}

.service-box .service-content a {
    margin-top: 20px
}

.service-box .service-content .box-ic i {
    font-size: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320));
    margin-left: 0px;
    color: #b22234
}

.service-box .service-content .ic-8 {
    font-size: calc(8px + (10 - 8) * (100vw - 320px) / (1920 - 320));
    margin-left: 10PX;
    text-align: center
}

.service-box.sty1 {
    padding: 0;
    border-radius: 0px;
    height: 220px;
}

.service-box.sty1 .service-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(60% - 25px);
    flex: 0 0 calc(60% - 25px);
    max-width: calc(60% - 25px);
    margin-left: 20px;
    padding-right: 20px
}

@media (max-width: 575px) {
    .service-box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    .service-box .service-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 100%;
        width: 100%
    }

    .service-box .service-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 20px;
        margin: 0
    }

    .service-box.sty1 {
        height: auto
    }

    .service-box.sty1 .service-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 100%;
        width: 100%
    }

    .service-box.sty1 .service-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 20px;
        margin: 0
    }
}

.about-sec {
    background-color: #F9FBFF;
}
.stripe {
    padding: 50px 0;
    position: relative
}

.about-sec .top-heading p {
    font-size: calc(12px + (18 - 12) * (100vw - 320px) / (1920 - 320))
}

.about-sec a.btn_one {
    width: 100%;
}

.about-sec .guarantee-box {
    padding: 20px;
    border: 1px solid #DADADA;
    background-color: #fff;
    height: 100%
}

.about-sec .guarantee-box h4,.about-sec .guarantee-box .hd-4 {
    font-size: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));
    color: #b22234
}

@media (max-width: 991px) {
    .about-sec .guarantee-box {
        margin:25px 0;
        height: auto
    }
}

.about-sec .about-list {
    height: 100%;
    list-style: none;
}

.about-sec .about-list li {
    margin-bottom: 20px
}

.about-sec .about-list li:last-child {
    margin: 0
}

.about-sec .about-list .about-box {
    padding: 20px 20px;
    background-color: #fff;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-sec .about-list .about-box .box-text h4,.about-sec .about-list .about-box .box-text .hd-4 {
    font-size: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    color: #202453;
    margin: 0
}

.about-sec .about-list .about-box .box-text p {
    font-size: calc(13px + (17 - 13) * (100vw - 320px) / (1920 - 320));
    margin: 0
}

.about-sec .about-list .about-box .box-ic i {
    font-size: calc(40px + (50 - 40) * (100vw - 320px) / (1920 - 320))
}

.cta-sec {
    overflow: hidden
}

.cta-sec .bg-style {
    z-index: -1;
    position: absolute;
}

.cta-sec .top-heading h3,.cta-sec .top-heading .hd-3 {
    font-size: calc(15px + (44 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 400
}

.cta-sec .top-heading p {
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight: 400
}
.stripe-4 {
    padding: 120px 0;
    position: relative
}

.top-heading {
    position: relative;
}
.bg-style {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}
.bg-style.sty1 {
    left: 70%;
    top: -300px;
    z-index: 0;
}
.about-sec .bg-style img{
    width: 100%;
    height: 100%;
} 

.top-heading .sm-heading {
    font-size: calc(18px + (25 - 18) * (100vw - 320px) / (1920 - 320));
    color: #b22234;
    font-weight: 500
}

.btn.btn-link {
    color: #0066FF;
    padding: 0;
    font-weight: 400;
    font-size: calc(10px + (15 - 10) * (100vw - 320px) / (1920 - 320));
    font-weight: 600;
    text-decoration: none;
}

.btn.btn-link:hover,.btn.btn-link.focus,.btn.btn-link:focus {
    text-decoration: none;
    color: red
}

.btn.btn-link.link-white {
    color: #fff
}

.btn.btn-link.link-white:hover,.btn.btn-link.link-white.focus,.btn.btn-link.link-white:focus {
    color: #b22234;
    text-decoration: none;
}

/* packages */

.package-box {
    padding: 0 0 80px;
    background-position: center;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    height: 100%;
    border-radius: 12px;
    -webkit-box-shadow: 0 29px 50px 0 rgba(0,0,0,0.17);
    box-shadow: 0 29px 50px 0 rgba(0,0,0,0.17);
    background-size: cover;
    background-position: center bottom
}

.package-box .pck-head {
    position: relative;
    z-index: 1;
    background-color: #f6f6f6;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.package-box .pck-head .ic-slogo {
    margin-right: 5px;
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: 100% 100%
}

.package-box .pck-head .pck-tags {
    position: absolute;
    left: 50%;
    top: -16px;
    margin: auto;
    border-radius: 4px;
    padding: 7px 18px;
    font-size: calc(11px + (11 - 11) * (100vw - 320px) / (1920 - 320));
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 120px;
    text-align: center
}

.package-box .pck-head .pck-tags:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0;
    border-color: transparent transparent #0c1f43 transparent;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-width: 0px 0px 16px 15px;
    position: absolute;
    left: -14px;
    top: 0px
}

.package-box .pck-head .pck-tags:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0;
    border-color: transparent transparent #0c1f43 transparent;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border-width: 0px 15px 16px 0px;
    position: absolute;
    right: -14px;
    top: 0px
}

.package-box .pck-head .pck-tags.clcpack-black {
    color: #000
}

.package-box .pck-head .h4,.package-box .pck-head h4,.package-box .pck-head .hd-4 {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 800;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 15px 0 12px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.2
}

.package-box .pck-head .h4>img,.package-box .pck-head h4>img,.package-box .pck-head .hd-4>img {
    margin-right: 10px
}

.package-box .pck-head .h4>span,.package-box .pck-head h4>span,.package-box .pck-head .hd-4>span {
    position: relative;
    /* padding-left: 35px; */
    color: #fff
}

.package-box .pck-head .h4>span>i,.package-box .pck-head h4>span>i,.package-box .pck-head .hd-4>span>i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 35px
}

.package-box .pck-head h6,.package-box .pck-head .hd-6 {
    color: #fff
}

.package-box .pck-head .upto {
    font-size: calc(14px + (25 - 14) * (100vw - 320px) / (1920 - 320));
    font-weight: 600;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: #000;
    text-align: center
}

.package-box .pck-head .upto span {
    color: #000
}

.package-box .pck-head .pck-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    position: relative;
    width: 100%
}

.package-box .pck-head .pck-price:before {
    position: absolute;
    left: 20px;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 65px;
    height: 80px;
    z-index: -1;
    content: "";
    background-image: url("../images/packages/short-bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: .3
}


.package-box .pck-head .pck-price .h5 {
    text-align: center;
    margin-bottom: 0;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.package-box .pck-head .pck-price .dollar {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: calc(24px + (45 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .pck-head .pck-price .price {
    font-size: calc(70px + (85 - 70) * (100vw - 320px) / (1920 - 320));
    line-height: 1;
    letter-spacing: -5px;
    font-weight: bold
}

.package-box .pck-head .pck-price .upto {
    font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight: 600;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.package-box .mid-text {
    text-align: center;
    margin-bottom: 0
}

.package-box .mid-text h5 {
    color: #000;
    display: block;
    font-size: calc(18px + (22 - 18) * (100vw - 320px) / (1920 - 320));
    border-bottom: 0;
    margin-bottom: 0
}

.package-box .mid-text h5.fs-27 {
    font-size: calc(25px + (27 - 25) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h5.fs-37 {
    font-size: calc(27px + (37 - 27) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h6 {
    margin: 0;
    color: #000;
    font-size: calc(15px + (18 - 15) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h6.fs-22 {
    font-size: calc(18px + (22 - 18) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h6.fs-30 {
    font-size: calc(22px + (30 - 22) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text img {
    margin: 30px 0
}

@media (max-width: 1600px) {
    .package-box .mid-text img {
        margin:44px 0
    }
}

@media (max-width: 1441px) {
    .package-box .mid-text img {
        margin:42px 0
    }
}

@media (max-width: 991px) {
    .package-box .mid-text img {
        margin:20px 0
    }
}

.package-box .pck-foot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 10px;
    border-radius: 0 0 12px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.package-box .pck-foot .btn-primary {
    border-radius: 7px;
    font-size: calc(15px + (17 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    background-color: #b22234;
    border-color: #b22234;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

@media (max-width: 767px) {
    .package-box .pck-foot {
        position:static
    }
}

.package-box .pck-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100% - 250px)
}

.package-box .pck-topContent {
    padding: 20px 25px 0
}

.package-box .pck-topContent ul {
    padding-left: 0;
    list-style: none;
}

.package-box .pck-topContent ul.lp-packs-ul {
    height: 240px;
    overflow-y: scroll;
}

@media (max-width: 991px) {
    .package-box .pck-topContent {
        padding:20px 25px 20px
    }
}

.package-box .pck-bottomContent {
    padding: 0 20px
}

.package-box .pck-bottomContent>ul {
    margin-bottom: 20px;
    padding-left: 0
}

.package-box .pck-bottomContent>ul.freebies-list>li {
    min-height: 68px
}

@media (max-width: 1199px) {
    .package-box .pck-bottomContent>ul.freebies-list>li {
        min-height:64px
    }
}

.package-box ul>li {
    padding-left: 25px;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    border-bottom: #d2d2d2 solid 1px;
    font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight: 500;
    line-height: 1.5
}

.package-box ul>li:last-child {
    border-bottom: 0
}

.package-box ul>li .ic-tik {
    background-image: url("../images/packages/tik.png");
    width: 16px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0
}

.package-box ul>li .cus-tooltip {
    display: inline-block
}

.package-box .hl-days {
    color: #fff;
    background-color: #b22234;
    padding: 3px 5px
}

.package-box .hl-days.bgc-iRed {
    background-color: #ad0137
}

.package-box .as-btn {
    padding: 5px;
    margin-bottom: 10px
}

.package-box .as-btn p {
    margin-bottom: 0;
    text-align: center
}

@media (max-width: 991px) {
    .package-box .as-btn {
        margin:0 0 20px
    }
}

.package-box p {
    font-weight: 800;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: calc(14px +(18 - 14)*(100vw - 320px) /(1920 - 320));
    color: #000;
    margin: 0;
}

.package-box p span.cl-iRed,.package-box p span.cus-tooltip {
    padding: 0 2px
}

.package-box p.sm {
    font-size: calc(12px + (12 - 12) * (100vw - 320px) / (1920 - 320));
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .package-box p.sm {
        position:relative
    }
}

.package-box p.lht-12 {
    line-height: 1.2
}

.package-box p.bd-bottom {
    border-bottom: #d2d2d2 solid 1px;
    padding-bottom: 12px
}

.package-box .mid-text {
    text-align: center
}

.package-box .mid-text .h4 {
    font-weight: 900;
    margin: 0;
    color: #000;
    font-size: calc(24px + (40 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text .h5 {
    font-weight: 700;
    margin: 0px 0 10px 0;
    color: #000;
    font-size: calc(24px + (33 - 24) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text h6 {
    font-weight: 600;
    margin: 0;
    color: #000;
    font-size: calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320))
}

.package-box .mid-text .plus-icon {
    margin: 10px 0;
    display: block
}

.package-box .quest-option p {
    font-size: calc(10px + (16 - 10) * (100vw - 320px) / (1920 - 320));
    line-height: 1.2;
    margin-bottom: 0
}

.package-box .quest-option .label {
    font-weight: 600
}

@media (max-width: 991px) {
    .package-box {
        height:auto;
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .package-box {
        padding-bottom:0
    }
}
.bgcpack-iPrimary {
    background-color: #b22234
}

.bgcpack-black {
    background-color: #0c1f43
}

.bgcpack-white {
    background-color: #fff
}

.bgcpack-yellow {
    background-color: #ffc001
}

.bgcpack-iGreen {
    background-color: #019008
}

.bgcpack-iGreen1 {
    background-color: #009007
}

.bgcpack-iGray5 {
    background-color: #6d6d6d
}

.bgcpack-iRed {
    background-color: #ad0137
}

.bgcpack-ilightBlue {
    background-color: #acbfc5
}

.bgcpack-iBlue {
    background-color: #62c3ed
}

.clcpack-iRed {
    color: #ad0137 !important
}

.clcpack-white {
    color: #fff !important
}

.clcpack-black {
    color: #000 !important
}

.container-fluid.custom {
    width: 90%
}

/* FAQ */
.accordion-button:not(.collapsed) {
    color: #b22234;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

button.accordion-button {
    font-size: calc(15px + (22 - 15) * (100vw - 320px) / (1920 - 320));
    color: #000;
    font-weight: 500;
    line-height: normal;
}

.accordion-button:focus {
    border-color: #b22234;
}
.accordion-item {
    margin: 0 0 20px 0;
}
.testi-img img {
    border: #b22234 1px solid;
    width: 100%;
    object-fit: cover;
    height: 170px;
    margin-bottom: 18px;
}
.testi_card {
    border: 1px solid #80808052;
    border-radius: 5px;
    min-height: 420px;
}

.testi-content {
    padding: 10px;
}
span.bg-font.cl-white {
    font-size: calc(32px + (65 - 32) * (100vw - 320px) / (1920 - 320));
    margin: 0;
    font-weight: 500;
}


/* Footer */

.footer-top-sec {
    background: #fff;
    padding: 50px 0;
}

.footer-top-sec h5,.footer-top-sec .hd-5 {
    color: #000;
    font-size: calc(15px + (20 - 15) * (100vw - 320px) / (1920 - 320));
    font-weight: 700
}

@media (max-width: 991px) {
    .footer-top-sec h5,.footer-top-sec .hd-5 {
        margin:15px 0
    }
}

.footer-top-sec ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 0;
}

.footer-top-sec ul.link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-self: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-top-sec ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    line-height: 2.2
}

.footer-top-sec ul li a {
    font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    color: #000;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    display: block;
    text-decoration: none;
}

.footer-top-sec ul li a:visited {
    color: #000
}

.footer-top-sec ul li a:hover {
    color: #b22234
}

@media (max-width: 991px) {
    .footer-top-sec ul li a {
        line-height:3.5
    }
}

.footer-top-sec ul li i {
    color: #fff;
    font-size: calc(8px + (10 - 8) * (100vw - 320px) / (1920 - 320));
    margin-right: 5px
}

@media (max-width: 575px) {
    .footer-top-sec ul li {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    
    .form_Sec {
        margin-top: 45px;
    }
}

.copyrt {
    background: #202453;
    border-top: 1px solid #DADADA;
    padding: 20px 0
}

.copyrt p {
    color: #fff;
    margin: 0
}

.footer-top-sec .logo img {
    width: 100%;
    height: 100%;
}





.ready_to_call {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    font-size: 22px;
    color: #fff;
    display: flex;
    justify-content: center;
    /* background: linear-gradient(90deg, #6138d8 0, #db51f7); */
    background-color: #fd7e14;
    animation: blink_btn 0.8s infinite;
    z-index: 9999;
    display: none;
}
.ready_to_call a{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .ready_to_call {
      display: flex;
    }
}
@keyframes blink_btn {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}
form#registrationForm label {
    display: block;
}

#registrationForm .error {
    color: #ffc300;
    margin-bottom: 3px;
}


.fld-input select {
    width: 100%;
    /* height: 100%; */
    padding: 0 24px;
    font-size: 16px;
    letter-spacing: 0.2px;
    background: #EEEEEE;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none;
    font-family: 'Inter';
    height: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218 217 217);
    border-radius: 5px;
    color: #707070;
}


/* popup */
.overlay {
    background-color: rgb(197 197 197 / 32%);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
    display: none;
    backdrop-filter: blur(10px);
}

.main_banner .form_Sec .fld-input {
    height: 38px;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.main_banner .form_Sec .fld-input input {
    background: #fff;
    padding: .375rem .75rem;
}

.main_banner .form_Sec .fld-input select {
    padding: .375rem .75rem;
    height: 38px;
    background: #fff;
}

.main_banner .form_Sec .fld-input {
    height: 38px;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
}


.popupmain {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 530px;
    background: #fff;
    box-shadow: 0 0 30px -9px #0000006e;
    z-index: 9999999;
    overflow: hidden;
    display: none;
    border-radius: 8px;
    max-width: 97%;
    max-height: 90vh;
    overflow-y: auto;
}

.mmpopup {
    text-align: center;
    background: #f8f8f8;
    padding: 45px 25px 25px;
}

.mmpopup .formpop {
    width: 100%;
    margin: 24px auto;
}

.mmpopup .fld-input {
    height: 50px;
    width: 100%;
    /* margin-bottom: 9px; */
    border-radius: 10px;
    margin-bottom: 1rem;
    border: 1px solid #D1D5DB;
    overflow: hidden;
}

.mmpopup .centercont h3 {
    font-size: 38px;
    color: #141515;
    margin-bottom: 10px;
}

.mmpopup .centercont h4 {
    font-size: 20px;
    color: #566060;
    margin-bottom: 15px;
}

.mmpopup .centercont h4 span {
    color: #86cb92;
}

.mmpopup .centercont h4 span span {
    display: none;
}

.mmpopup .centercont p {
    color: #333;
    font-size: 14px;
    margin-bottom: 120px;
    line-height: 20px;
}

div#popnew .modal-content button.btn-close {
    position: absolute;
    z-index: 1;
    color: #ffff;
    right: 10px;
    top: 10px;
}

div#popnew .modal-content button.btn-close i:before {
    display: none;
}
div#popnew .modal-content button.btn-close i {
    color: #000 !important;
}

.closeico {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9999;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F4F6;
    border-radius: 100px;
}

.closeico i {
    background: url(https://markfortify.com/lp4/assets/images/e-remove.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

.closeico i:before {
    display: none;
}

.closeico1 {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9999;
}

.closeico1 i {
    background: url(https://markfortify.com/lp4/assets/images/e-remove.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

.mmpopup .centercont p {
    margin-bottom: 10px;
    line-height: 23px;
    color: #565656;
    max-width: 390px;
    margin: auto;
    display: block;

    position: relative;

}

.mmpopup .centercont ul {
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 27px 49px 27px 24px;
    background: #fff;
    border-radius: 10px;
    margin-right: 20px;
}

.mmpopup .centercont ul li {
    display: block;
    font-size: 15px;
    color: #000;
    padding-bottom: 12px;
}

.mmpopup .centercont ul li.last {
    padding-bottom: 0;
}

.mmpopup .centercont ul li i {
    color: #ff533e;
    border: 1px solid;
    border-radius: 100px;
    margin-right: 8px;
    font-size: 10px;
    padding: 3px;
}

.mmpopup .centercont h4 {
    font-size: 35px;
    color: #b22234;
}

.mmpopup .centercont h3 {
    font-size: 50px;
    font-weight: 400;
    color: #0085ff;
}

.mmpopup .centercont h3 span {
    display: block;
    margin: 0 30px;
    /* font-size: 30px; */
    color: #000;
    /* font-family: 'CenturyGothic'; */
    font-weight: 700;
    /* line-height: 33px; */
    font-size: 36px;
    line-height: 120%;
    color: #3A3D40;
}

.mmpopup .centercont h4 span {
    font-weight: 700;
    color: #000;
    font-size: 60px;
}

.fld-input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(218 217 217);
    border-radius: 5px;
    background-color: #fff;
    width: 354px;
    height: 66px;
    margin-bottom: 20px;
}

.fld-input input {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 16px;
    letter-spacing: 0.2px;
    background: #EEEEEE;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none;
    font-family: 'Inter';
}

.fld-input input::placeholder {
    color: #737373;
    font-weight: 400;
}

.fld-btn button {
    border-radius: 5px;
    background-color: var(--primary);
    width: 100%;
    color: white;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    cursor: poRoboto;
    transition: 0.5s;
    font-family: 'Inter';
    height: 59px;
    cursor: pointer;
    border: 0;
    background: #b22234;
}

.fld-btn button i {
    padding-left: 12px;
}

.fld-btn button:hover {
    transform: scale(1.03);
}

/* popup */