@charset "utf-8";

body {

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    padding: 0;

    background: #fff;

    color: #000;

    text-align: center;

    font-family: 'Avenir Next LT Pro';

    font-weight: 400

}

div,

ul,

h1,

h2,

h3,

h4,

h5,

li,

p,

img,

form,

input,

textarea {

    margin: 0;

    padding: 0

}

header,

section,

footer,

aside,

nav,

main,

article,

figure {

    display: block

}

table,

tr,

td {

    border: 0

}

a {

    outline: none;

    color: inherit;

    text-decoration: none

}

img {

    border: none

}

li {

    list-style: none

}

* {

    box-sizing: border-box

}

.img-full {

    max-width: 100%

}

.clearall {

    clear: both;

    font-size: 1px;

    line-height: 1px;

    height: 1px

}

.fl {

    float: left

}

.fr {

    float: right

}

.show-tab,

show-mob {

    display: none

}

.show-desk {

    display: block

}

.hide-desk {

    display: none

}

@font-face {

    font-family: 'Avenir Next LT Pro';

    src: url(../fonts/AvenirNextLTPro-Bold.woff2) format('woff2'), url(../fonts/AvenirNextLTPro-Bold.woff) format('woff');

    font-weight: 700;

    font-style: normal;

    font-display: swap

}

@font-face {

    font-family: 'Avenir Next LT Pro';

    src: url(../fonts/AvenirNextLTPro-Regular.woff2) format('woff2'), url(../fonts/AvenirNextLTPro-Regular.woff) format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap

}

@font-face {

    font-family: 'Avenir Next LT Pro';

    src: url(../fonts/AvenirNextLTPro-Demi.woff2) format('woff2'), url(../fonts/AvenirNextLTPro-Demi.woff) format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap

}

@font-face {

    font-family: 'Avenir Next LT Pro';

    src: url(../fonts/AvenirNextLTPro-It.woff2) format('woff2'), url(../fonts/AvenirNextLTPro-It.woff) format('woff');

    font-weight: 400;

    font-style: italic;

    font-display: swap

}

.container {

    width: 1170px;

    margin: 0 auto;

    padding: 0;

    position: relative

}

.topStrip {

    background: #000;

    float: left;

    width: 100%;

    padding: 6px 0

}

.topStrip p {

    float: left;

    width: 100%;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    letter-spacing: .5px;

    font-weight: 500

}

.topStrip p span {

    color: #FF6B00

}

.top-fix-bar {

    float: left;

    width: 100%;

    margin-bottom: 70px

}

.header {

    float: left;

    width: 100%;

    height: 70px;

    padding: 9px 0;

    margin-top: -70px;

    top: 70px;

    position: relative

}

.fixed-nav .header {

    position: fixed;

    z-index: 99;

    -webkit-transition: margin .3s ease-out;

    transition: margin .3s ease-out;

    margin-top: 0;

    top: 0;

    -webkit-box-shadow: 0 3px 4px 0 rgb(0 0 0 / .1);

    box-shadow: 0 3px 4px 0 rgb(0 0 0 / .1);

    background: #fff

}

.logo {

    float: left;

    /* margin-top: 10px; */

    margin-top: 0px;

    max-height: 50px;

}

ul.topMenu {

    display: inline-block;

    vertical-align: -webkit-baseline-middle;

    margin: 12px 15px 0 0;

    float: right

}

ul.topMenu li {

    float: left;

    padding: 4px 15px;

    position: relative

}

ul.topMenu li:first-child {

    padding-left: 0

}

ul.topMenu li:last-child {

    padding-right: 0

}

ul.topMenu li a {

    color: #000;

    font-size: 17px;

    line-height: 18px;

    letter-spacing: .5px

}

ul.topMenu li a:hover {

    color: #000000 !important

}

ul.topMenu li:after {

    content: '';

    width: 1px;

    background: #000;

    top: 7px;

    bottom: 7px;

    position: absolute;

    right: 0

}

.heading-para-txt {

    font-size: 20px

}

ul.topMenu li:last-child:after {

    display: none

}

ul.topMenu li a:hover,

ul.topMenu li a.active {

    color: #007bc9

}

.nav-btn {

    float: right;

    padding: 5px 15px 6px;

    font-size: 20px;

    line-height: 27px;

    color: #fff;

    text-align: center;

    border-radius: 8px;

    background: #FF6B00;

    font-weight: 500;

    margin-top: 5px

}

.nav-btn span {

    color: #fffc00

}

.mob-mnu-ic {

    cursor: pointer;

    position: absolute;

    right: 220px;

    top: 14px;

    z-index: 16;

    height: 30px

}

.mob-mnu-ic button {

    outline: none;

    -webkit-appearance: none;

    background: none;

    padding: 0;

    cursor: pointer;

    border: none

}

.mob-mnu-ic span {

    color: #fff;

    display: inline-block;

    vertical-align: top;

    font-size: 16px;

    font-weight: 300;

    margin-top: 4px;

    margin-right: 5px

}

.bar1,

.bar2,

.bar3 {

    width: 30px;

    height: 3px;

    background-color: #000;

    transition: 0.4s;

    -webkit-border-radius: 2px 2px 2px 2px;

    border-radius: 2px 2px 2px 2px

}

.bar2 {

    margin: 6px 0

}

.dl-active .bar1 {

    -webkit-transform: rotate(-45deg) translate(-6px, 5px);

    transform: rotate(-45deg) translate(-6px, 5px);

    background: #000

}

.dl-active .bar2 {

    opacity: 0

}

.dl-active .bar3 {

    -webkit-transform: rotate(45deg) translate(-7px, -7px);

    transform: rotate(45deg) translate(-7px, -7px);

    background: #000

}

.mobilemenu {

    left: 0;

    position: fixed;

    top: 130px;

    background: rgb(255 255 255);

    z-index: 10;

    right: 0;

    bottom: 0;

    overflow: scroll;

    display: none;

    height: fit-content

}

.mobimenu-top {

    top: 70px

}

.mobilemenu li {

    float: left;

    width: 100%;

    text-align: left;

    border-bottom: 1px solid #ddd

}

.mobilemenu li a {

    float: left;

    width: 100%;

    padding: 12px 20px;

    font-size: 15px;

    color: #000;

    font-weight: 500

}

.mobilemenu li a:hover {

    color: #000

}

.banner {

    float: left;

    width: 100%;

    overflow: hidden;

    padding: 0 0 60px;

    background: url(../images/banner.jpg) no-repeat center top #fff;

    /* background-size: cover */

}

.banner-btm {

    background: url(../images/banner-btm.jpg) no-repeat center top #fff;

    background-size: cover;

    padding-bottom: 30px !important

}

.banner-left {

    float: left;

    width: 60%;

    text-align: left;

    padding: 35px 0 0;

    position: relative

}

.banner-heading {

    float: left;

    width: 80%;

    font-size: 46px;

    line-height: 60px;

    font-weight: 700;

    color: #000

}

.banner-heading span {

    color: #007bc9

}

.banner-product {

    position: absolute;

    left: 500px;

    top: 120px;

    max-width: 100%;

    z-index: 1;

    width: 400px;

}

.bnrStrip {

    width: 100%;

    float: left;

    margin-top: 20px;

    padding: 16px 30px 16px 75px;

    position: relative;

    background: #e5f3fb;

    background: linear-gradient(93deg, rgb(229 243 251 / .9836309523809523) 2%, rgb(229 243 251 / .8911939775910365) 45%, rgb(229 243 251 / .36738445378151263) 94%)

}

.bnrStrip img {

    position: absolute;

    top: 50%;

    left: 12px;

    margin-top: -20px;

    width: 50px

}

.bnrStrip p {

    float: left;

    width: 100%;

    font-size: 19px;

    line-height: 27px;

    color: #000;

    font-style: italic;

    letter-spacing: .5px

}

ul.banner-point {

    float: left;

    width: 80%;

    margin-top: 0;

    margin-left: 20px

}

ul.banner-point li {

    float: left;

    width: 100%;

    margin-top: 5px;

    padding-left: 0;

    font-size: 20px;

    line-height: 40px;

    color: #000;

    font-weight: 600;

    text-align: left;

    letter-spacing: 0

}

.botton {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    max-width: 430px;

    margin-top: 30px

}

a.click-btn {

    float: left;

    width: 100%;

    height: 75px;

    font-size: 22px;

    line-height: 75px;

    color: #fff;

    text-align: center;

    border-radius: 8px;

    background: #FF6B00;

    font-weight: 700;

    letter-spacing: .5px;

    box-shadow: 0 2px 9px 0 rgb(0 0 0 / .3);

    -webkit-box-shadow: 0 2px 9px 0 rgb(0 0 0 / .3);

    text-shadow: 0 1px 2px rgb(0 0 0 / 30%)

}

a.click-btn span {

    color: #fffc00

}

.btn-arw {

    display: inline-block;

    vertical-align: middle;

    margin: -8px 0 0 13px

}

.btn-ofr-text {

    float: left;

    width: 100%;

    margin-top: 5px;

    font-size: 14px;

    line-height: 18px;

    color: #000;

    margin-top: 8px;

    font-weight: 500;

    letter-spacing: .5px;

    text-align: center

}

.btn-ofr-text span {

    color: #fc2500

}

.banner-star {

    display: inline-block;

    vertical-align: middle;

    margin: -8px 5px 0 0

}

.bnr-indt {

    display: inline-block;

    vertical-align: middle;

    margin: -5px 5px 0 5px

}

.banner-bottom {

    float: left;

    width: 100%;

    padding: 0 0 0

}

ul.promise-list {

    float: left;

    width: 100%

}

ul.promise-list li {

    display: inline-block;

    vertical-align: middle;

    padding: 0 30px;

    position: relative;

    text-align: center

}

ul.promise-list li:after {

    position: absolute;

    content: "";

    border-right: 1px solid #cfdde2;

    top: 30px;

    right: 0;

    bottom: 5px

}

ul.promise-list li:first-child {

    padding-left: 0

}

ul.promise-list li:last-child:after {

    display: none;

    padding-right: 0

}

ul.promise-list li img {

    display: block;

    margin: 0 auto 5px

}

ul.promise-list li p {

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 25px;

    color: #262626;

    font-weight: 500;

    letter-spacing: .3px;

    margin-top: 9px

}

.bnr-btm-text {

    float: left;

    width: 100%;

    margin-top: 40px;

    height: 1px;

    background: #b9c4d7

}

.section-1 {

    float: left;

    width: 100%;

    padding: 10px 0 0 0;

    background: #fff;

    position: relative;

    overflow: hidden

}

.section-1:before {

    position: absolute;

    content: "";

    left: 20px;

    top: 80px;

    width: 50px;

    height: 46px

}

.s1-top {

    float: right;

    width: 80%;

    text-align: left

}

.common-heading {

    float: left;

    width: 100%;

    position: relative;

    z-index: 9

}

.common-heading p {

    color: #000;

    font-size: 52px;

    line-height: 62px

}

.common-heading h1 {

    font-weight: 700;

    color: #007bc9;

    font-size: 55px;

    line-height: 62px;

    letter-spacing: 0

}

.s1-product {

    position: absolute;

    left: -206px;

    top: -41px;

    z-index: 3

}

.s1-mid {

    float: left;

    width: 100%;

    margin-bottom: 30px;

    margin-top: 30px;

    margin-left: 30px;

    background: url(../images/s1-mid-bg.jpg) no-repeat center top #184d89;

    background-size: cover;

    border-radius: 20px;

    position: relative;

    z-index: 2

}

.s1-mid-right {

    float: right;

    width: 68%;

    padding: 35px 35px 35px 0;

    position: relative;

    z-index: 15

}

ul.s1-mright-top {

    float: left;

    width: 100%

}

ul.s1-mright-top li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 50px;

    padding-left: 60px;

    position: relative;

    text-align: left

}

ul.s1-mright-top li:first-child {

    margin-left: 0

}

ul.s1-mright-top li:last-child {

    margin-right: 0

}

ul.s1-mright-top li img {

    position: absolute;

    left: 0;

    top: 7px

}

ul.s1-mright-top li p {

    float: left;

    width: 100%;

    font-size: 24px;

    line-height: 28px;

    color: #fff;

    font-weight: 700

}

.s1-mid-rgt-bx {

    float: left;

    width: 100%;

    border-radius: 15px;

    padding: 25px;

    text-align: left

}

.common-text {

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 28px;

    color: #000;

    letter-spacing: .2px;

    margin-top: 10px

}

.common-text strong {

    font-weight: 700

}

.blue {

    color: #2b3e79

}

.ffamily {

    font-weight: 500

}

.top0 {

    margin-top: 0

}

.com-paad {

    padding: 0 220px

}

.s1-bottom {

    float: left;

    width: 100%;

    padding: 0 70px;

    margin-top: 35px

}

.s1-btm-text {

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 26px;

    color: #000;

    font-weight: 600

}

ul.s1-prms-list {

    float: left;

    width: 100%;

    margin-top: 20px

}

ul.s1-prms-list li {

    display: inline-block;

    vertical-align: middle;

    padding: 0 30px

}

ul.s1-prms-list li img {

    display: block;

    margin: 0 auto;

    max-width: 100%

}

.section-2 {

    float: left;

    width: 100%;

    padding: 60px 0;

    background: #f5fbff;

    position: relative

}

.s2-top {

    float: left;

    width: 47%;

    text-align: left;

    margin-top: 20px

}

.common-heading.head-line1 {

    padding-bottom: 35px;

    background: url(../images/head-line1.png) no-repeat left bottom

}

.s2-feature-box {

    width: 48%;

    background: #fff;

    box-shadow: 0 0 10px 1px rgb(0 0 0 / .1);

    -webkit-box-shadow: 0 0 10px 1px rgb(0 0 0 / .1);

    border-radius: 15px;

    margin-top: 50px;

    position: relative

}

.s2-ftr-abot {

    float: left;

    width: 100%;

    padding: 30px;

    text-align: left;

    position: relative

}

.bx-no-text {

    float: left;

    width: 100%;

    font-size: 26px;

    line-height: 32px;

    color: #000

}

.s2-ftr-head {

    float: left;

    width: 100%;

    font-size: 34px;

    font-weight: 700;

    line-height: 40px;

    color: #ff6651;

    letter-spacing: .5px;

    margin-top: 10px

}

.s2-bx-icn {

    position: absolute;

    right: 20px;

    top: 35px

}

.s2-bx-icn4 {

    top: 25px;

    right: 20px

}

ul.bx1-list {

    position: absolute;

    right: 10px;

    width: 50%;

    top: 40%;

    bottom: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}

ul.bx1-list li {

    float: left;

    width: 50%;

    margin-top: 18px

}

.s1-mid-rgt-bx h1 {

    font-weight: 600

}

ul.bx1-list li img {

    display: block;

    margin: 0 auto;

    max-width: 100%

}

ul.bx1-list li p {

    float: left;

    width: 100%;

    font-size: 16px;

    line-height: 24px;

    color: #000;

    font-weight: 500;

    margin-top: 0

}

.s2-box-img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

    border-radius: 0 0 15px 15px;

    width: 100%

}

.s2-box-img3 {

    display: inline-block;

    vertical-align: middle;

    margin-top: 0

}

.box3-prod {

    position: absolute;

    top: 255px;

    left: 10px;

    max-width: 100%

}

.addt-featr {

    float: right;

    width: 47%;

    margin-top: 30px;

    padding-bottom: 30px

}

.ad-ftr-text {

    float: left;

    width: 100%;

    font-size: 24px;

    line-height: 30px;

    color: #1d1d1d;

    font-weight: 700;

    background: url(../images/add-ftr-lin.png) no-repeat center center

}

.addt-featr-list {

    float: left;

    width: 100%;

    margin-top: 20px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}

.featr-list-box {

    float: left;

    width: 32%;

    border-radius: 10px;

    background: rgb(61 87 150 / .1);

    background: linear-gradient(0deg, rgb(61 87 150) 1%, rgb(71 132 155) 52%, rgb(78 169 160) 100%);

    padding: 2px

}

.featr-list-box-inner {

    float: left;

    width: 100%;

    padding: 30px 4px;

    background: #f1f7fb;

    border-radius: 8px

}

.adtn-ftr-icn {

    display: block;

    margin: 0 auto;

    max-width: 100%

}

.featr-list-box-inner p {

    float: left;

    width: 100%;

    font-size: 19px;

    line-height: 26px;

    color: #000;

    font-weight: 500;

    margin-top: 15px

}

.section-3 {

    float: left;

    width: 100%;

    padding: 0 0;

    background: #fff;

    position: relative

}

.head-line {

    padding-bottom: 35px;

    background: url(../images/head-line.png) no-repeat center bottom

}

.s3-image {

    display: inline-block;

    vertical-align: middle;

    margin: 20px auto 0;

    width: 100%

}

.s3-mid {

    float: left;

    width: 100%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding-bottom: 20px;

    margin-top: 25px

}

.s3-mid-head {

    float: left;

    width: 100%;

    position: relative

}

.s3-mid-head:before {

    position: absolute;

    content: "";

    left: 0;

    top: 18px;

    height: 1px;

    width: 100%;

    background: #b9c4d7

}

.s3-mid-head span {

    padding: 0 15px 9px;

    border-radius: 30px;

    font-size: 26px;

    line-height: 34px;

    color: #000;

    font-weight: 500;

    background: #fff;

    position: relative;

    z-index: 2

}

.s3-mid-col {

    float: left;

    width: 12.9%;

    text-align: center;

    margin-top: 25px

}

.s3-mid-col img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

    padding: 20px 6px;

    border: 1px solid #94caf3;

    border-radius: 10px;

    background: #f5fafe

}

.s3-mid-col p {

    float: left;

    width: 100%;

    font-size: 19px;

    line-height: 26px;

    color: #000;

    font-weight: 500;

    margin-top: 10px

}

.section-4 {

    float: left;

    width: 100%;

    padding: 60px 0;

    background: #f5fbff;

    position: relative

}

.s4-image {

    display: inline-block;

    vertical-align: middle;

    margin: 35px auto 20px;

    max-width: 100%

}

.section-5 {

    float: left;

    width: 100%;

    padding: 60px 0 0;

    background: #fff;

    position: relative

}

.s5-mid {

    display: inline-block;

    vertical-align: middle;

    max-width: 970px;

    width: 100%;

    background: #f5fbff;

    margin-top: 180px;

    border-radius: 15px;

    padding-bottom: 60px

}

.s5-comparision-box {

    float: left;

    width: 100%;

    background: #fff;

    border-radius: 20px;

    margin-bottom: 45px;

    box-shadow: 0 0 15px 2px rgb(0 0 0 / .2);

    -webkit-box-shadow: 0 0 15px 2px rgb(0 0 0 / .2);

    border: 2px solid #e5f8ff

}

.s5-col-1 {

    float: left;

    width: 50%;

    padding: 15px 25px;

    position: relative

}

.s5-star {

    position: absolute;

    left: 30px;

    top: -44px

}

.s5-col-1 ul {

    float: left;

    width: 100%

}

.s5-col-1 ul li {

    float: left;

    width: 100%;

    height: 65px;

    text-align: left;

    font-size: 22px;

    line-height: 26px;

    color: #000;

    font-weight: 500;

    padding: 0 0 0 65px;

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center

}

.s5-col-1 ul li img {

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -18px

}

.s5-col-2 {

    float: left;

    width: 22%;

    background: #0e74b4;

    border-radius: 20px;

    margin: -95px 2% -30px 0

}

.s5-col2-top {

    float: left;

    width: 100%;

    height: 114px

}

.s5-col2-prod {

    display: block;

    margin: -65px auto 5px;

    max-width: 100%

}

.s5-col3-prod {

    display: block;

    margin: -43px auto 10px;

    max-width: 100%

}

.s5-col2-top p {

    font-size: 20px;

    line-height: 22px;

    color: #fff;

    font-weight: 700

}

.s5-col-2 ul {

    float: left;

    width: 100%

}

.s5-col-2 ul li {

    float: left;

    width: 100%;

    height: 65px;

    text-align: center;

    padding: 15px 0;

    border-bottom: 1px solid rgb(255 255 255 / .1)

}

.s5-col-2 ul li:last-child {

    border: none;

    height: 105px

}

.s5-col-3 {

    background: #323743

}

.s5-col-3 ul li {

    border-bottom: 1px solid rgb(255 255 255 / .1)

}

.section-6 {

    float: left;

    width: 100%;

    padding: 60px 0;

    background: #fff

}

.testi-sec {

    float: left;

    width: 100%;

    padding: 0 90px;

    margin-top: 40px

}

.testi-row {

    float: left;

    width: 100%;

    text-align: left;

    padding: 0 0 35px;

    margin: 20px 0;

    border-bottom: 1px solid #d7d7d7

}

.testi-row:last-child {

    border: none;

    padding-bottom: 0

}

.testi-row-lft {

    display: inline-block;

    vertical-align: top;

    width: 260px;

    padding-right: 15px

}

.testi-lft-abt {

    float: left;

    width: 100%;

    padding: 10px 0 10px 90px;

    position: relative

}

.testi-pics {

    position: absolute;

    left: 0;

    top: 4px;

    width: 70px;

    height: 70px;

    background: #3d9fea;

    border-radius: 50%;

    color: #fff;

    font-size: 25px;

    line-height: 70px;

    text-align: center

}

.t-name {

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    color: #000

}

.t-vryfd {

    font-size: 17px;

    color: #83cc1c;

    margin-top: 7px

}

.t-vryfd img {

    display: inline-block;

    vertical-align: middle;

    margin: -5px 2px 0 0

}

.test-prod {

    float: left;

    width: 100%;

    position: relative;

    text-align: left;

    margin-top: 10px;

    padding: 10px 0 10px 90px;

    border-top: 1px solid #d7d7d7

}

.test-prod-txt {

    float: left;

    width: 100%;

    font-size: 15px;

    line-height: 22px;

    color: #000;

    margin-top: 14px;

    letter-spacing: .3px

}

.test-prod-txt span {

    font-weight: 500

}

.t-prod-dv {

    position: absolute;

    left: 0;

    top: 10px;

    border-radius: 5px;

    background: #fff;

    width: 70px;

    height: 70px;

    padding: 5px 5px;

    text-align: center

}

.t-prod-dv img {

    display: inline-block;

    vertical-align: middle;

    max-width: 100%

}

.testi-row-rght {

    display: inline-block;

    vertical-align: top;

    width: calc(100% - 270px);

    padding: 8px 0 8px 30px;

    border-left: 1px solid #d7d7d7

}

.t-star {

    float: left;

    display: block;

    margin: 0

}

.testi-row-rght span {

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 24px;

    color: #000;

    font-weight: 500;

    letter-spacing: .5px;

    margin-top: 15px

}

.testi-paragraph {

    float: left;

    width: 100%;

    font-size: 18px;

    line-height: 26px;

    letter-spacing: 0;

    color: #000;

    margin-top: 15px

}

.testi-img {

    float: left;

    margin: 20px 0 0;

    max-width: 100%

}

.section-7 {

    float: left;

    width: 100%;

    padding: 60px 0;

    position: relative;

    background: #f6f6f6

}

.faq-container {

    display: inline-block;

    vertical-align: middle;

    max-width: 970px;

    width: 100%;

    margin: 40px 0 20px

}

.up-slide-dwn {

    float: left;

    width: 100%

}

.accordion {

    float: left;

    width: 100%;

    text-align: left;

    background: url(../images/close-btn.png) no-repeat 97% center;

    padding: 20px 40px 20px 0;

    font-size: 22px;

    line-height: 28px;

    color: #000;

    font-weight: 500;

    letter-spacing: .5px;

    cursor: pointer;

    border-bottom: 1px solid #d8d9d9

}

.acdn-heading.accordion-open {

    background: url(../images/open-btn.png) no-repeat 97% center;

    border: none;

    border-bottom: 1px solid #d8d9d9

}

.acdn-content {

    float: left;

    width: 100%;

    padding: 20px 20px 0 0

}

.acdn-para {

    float: left;

    width: 100%;

    font-size: 20px;

    line-height: 26px;

    color: #000;

    margin-bottom: 15px;

    text-align: left

}

.footer {

    float: left;

    width: 100%;

    padding: 40px 0 30px

}

.footer1 {

    float: left;

    width: 100%;

    border-bottom: 1px solid silver;

    padding-bottom: 25px

}

.ftr-logo {

    display: block;

    margin: 0 auto;

    max-width: 200px;

}

.footer-text {

    float: left;

    width: 100%;

    font-size: 17px;

    line-height: 22px;

    color: #333;

    margin-top: 15px;

    letter-spacing: .5px

}

.footer-text a {

    padding: 0 10px

}

.footer2 {

    float: left;

    width: 100%;

    padding-top: 20px

}

.pulse {

    animation-name: pulse;

    -webkit-animation-name: pulse;

    animation-duration: 1.5s;

    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite

}

@keyframes pulse {

    0% {

        transform: scale(.9)

    }

    50% {

        transform: scale(1)

    }

    100% {

        transform: scale(.9)

    }

}

@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(.95)

    }

    50% {

        -webkit-transform: scale(1)

    }

    100% {

        -webkit-transform: scale(.95)

    }

}

.show-mob,

.show-tab {

    display: none

}

.show-desk {

    display: block

}

.fl {

    float: left

}

.fr {

    float: right

}

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

    .container {

        width: 1004px

    }

    .banner-left {

        width: 70%

    }

    .banner-product {

        width: 350px;

        top: 143px;

        left: 541px;

    }

    ul.promise-list li {

        padding: 0 15px

    }

    .common-heading p {

        font-size: 50px;

        line-height: 62px

    }

    .common-heading h1 {

        font-size: 52px;

        line-height: 62px

    }

    .s1-mid {

        background-size: cover

    }

    .s1-mid-right {

        padding: 25px 25px 25px 0

    }

    ul.s1-mright-top li p {

        font-size: 20px;

        line-height: 26px

    }

    .common-text {

        font-size: 18px;

        line-height: 26px;

        letter-spacing: 0

    }

    .s1-product {

        top: -22px;

        width: 250px;

        left: -186px

    }

    ul.s1-mright-top li {

        margin: 0 35px

    }

    .com-paad {

        padding: 0 160px

    }

    ul.s1-prms-list li {

        padding: 0 23px

    }

    .s2-bx-icn {

        width: 70px

    }

    .s2-ftr-head {

        font-size: 30px;

        line-height: 34px

    }

    ul.bx1-list {

        top: 43%

    }

    ul.bx1-list li img {

        width: 60px

    }

    .featr-list-box-inner {

        padding: 20px 4px

    }

    .featr-list-box-inner p {

        font-size: 16px;

        line-height: 24px

    }

}

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

    .container {

        width: 750px

    }

    .show-desk {

        display: none

    }

    .show-tab {

        display: block

    }

    .nav-btn {

        padding: 5px 15px 6px

    }

    ul.topMenu {

        max-width: 420px

    }

    ul.topMenu li {

        padding: 4px 10px

    }

    ul.topMenu li a {

        font-size: 16px;

        line-height: 18px

    }

    .mob-mnu-ic {

        right: 305px

    }

    .banner {

        padding-bottom: 50px;

        background-size: initial

    }

    .banner-left {

        padding: 25px 0 0

    }

    .banner-heading {

        font-size: 35px;

        line-height: 45px

    }

    .bnrStrip {

        padding: 16px 40px 16px 65px

    }

    .bnrStrip img {

        width: 50px;

        left: 10px;

        margin-top: -19px

    }

    .bnrStrip p {

        font-size: 17px;

        line-height: 25px

    }

    ul.banner-point li {

        font-size: 20px;

        line-height: 28px

    }

    .banner-product {

        width: 350px;

        /* left: 425px; */
        left: 390px;

        top: 135px;

    }

    ul.promise-list li {

        padding: 0;

        width: 16.1%

    }

    ul.promise-list li p {

        font-size: 13px;

        line-height: 16px

    }

    .s1-mid {

        border-radius: 12px

    }

    .s1-product {

        top: -17px;

        width: 250px;

        left: -131px

    }

    .common-heading p {

        font-size: 36px;

        line-height: 48px

    }

    .common-heading h1 {

        font-size: 38px;

        line-height: 46px

    }

    .common-text {

        margin-top: 20px;

        font-size: 17px;

        line-height: 25px

    }

    .s1-mid-right {

        width: 71%

    }

    ul.s1-mright-top li {

        margin: 0 18px

    }

    ul.s1-mright-top li p {

        font-size: 17px;

        line-height: 25px

    }

    ul.s1-prms-list li {

        padding: 0;

        width: 19%

    }

    ul.s1-prms-list li img {

        max-width: 88%

    }

    .s2-top {

        width: 50%

    }

    .s2-ftr-head {

        font-size: 24px;

        line-height: 30px

    }

    .s2-ftr-abot {

        padding: 20px

    }

    .s2-bx-icn {

        width: 45px;

        right: 10px;

        top: 15px

    }

    ul.s2-box-list1 li img {

        width: 50px

    }

    ul.s2-box-list1 li p {

        font-size: 12px;

        line-height: 14px

    }

    .adtn-ftr-icn {

        width: 60px

    }

    .featr-list-box {

        width: 32.5%

    }

    .featr-list-box-inner {

        padding: 10px 0

    }

    .featr-list-box-inner p {

        margin-top: 10px;

        font-size: 13px;

        line-height: 17px

    }

    ul.bx1-list {

        width: 60%;

        right: 0;

        top: 48%

    }

    ul.bx1-list li {

        margin-top: 15px

    }

    ul.bx1-list li img {

        width: 50px

    }

    ul.bx1-list li p {

        font-size: 14px;

        line-height: 20px

    }

    .com-paad {

        padding: 0 50px

    }

    .s3-mid-head span {

        font-size: 22px;

        line-height: 30px

    }

    .s3-mid-col {

        width: 13.5%

    }

    .s3-mid-col img {

        padding: 10px 5px

    }

    .s3-mid-col p {

        font-size: 16px;

        line-height: 20px

    }

    .s5-col-1 {

        padding: 15px 15px

    }

    .s5-col-1 ul li {

        font-size: 18px;

        padding: 0 0 0 60px

    }

    .s5-col2-prod {

        margin: -45px auto 5px

    }

    .s5-col3-prod {

        height: 104px;

        margin: -32px auto 5px

    }

    .testi-sec {

        padding: 0

    }

    .accordion {

        font-size: 19px;

        line-height: 27px

    }

    .acdn-para {

        font-size: 18px;

        line-height: 26px

    }

}

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

    .container {

        width: 100%;

        padding: 0 20px;

        box-sizing: border-box

    }

    .show-desk {

        display: none

    }

    .show-mob {

        display: block

    }

    .hide-mob {

        display: none

    }

    banner-heading br {

        display: none

    }

    .topStrip {

        padding: 6px 0 6px;

        overflow: hidden

    }

    .topStrip p {

        font-size: 13px;

        line-height: 17px

    }

    .logo {

        width: 130px;

        margin: 6px 0 0 0

    }

    .top-fix-bar {

        margin-bottom: 55px

    }

    .header {

        height: 55px;

        border-bottom: 1px solid #def3ff

    }

    .mob-mnu-ic {

        top: 9px;

        right: 15px

    }

    .mobilemenu {

        top: 135px

    }

    .mobimenu-top {

        top: 55px

    }

    .banner {

        overflow: hidden;

        padding-bottom: 5px;

        background: url(../images/banner.jpg) no-repeat left top #fff

    }

    .banner-left {

        width: 100%;

        text-align: center;

        padding-top: 0

    }

    .banner-heading {

        width: 100%;

        font-size: 28px;

        line-height: 35px;

        padding: 0 20px

    }

    .bnrStrip {

        padding: 10px;

        background: #e5f3fb;

        width: calc(100% + 20px);

        margin-left: -10px;

        margin-top: 0

    }

    .bnrStrip img {

        display: none

    }

    .bnrStrip p {

        font-size: 17px;

        line-height: 25px

    }

    ul.banner-point {

        width: 100%;

        display: inline-block;

        vertical-align: middle;

        max-width: 370px;

        float: none;

        margin-top: 8px

    }

    ul.banner-point li {

        font-size: 18px;

        line-height: 29px;

        background-size: 18px;

        margin-top: 8px;

        padding-left: 3px;

        letter-spacing: 0;

        background-position: left 5px

    }

    .banner-product-mob {

        display: inline-block;

        vertical-align: middle;

        margin: 0 0 0 -20px;

        width: calc(100% + 40px)

    }

    .banner-bottom {

        padding: 0

    }

    ul.promise-list li {

        padding: 0;

        width: 32.33%;

        margin-top: 25px

    }

    ul.promise-list li:after {

        display: none

    }

    ul.promise-list li p {

        font-size: 15px;

        line-height: 19px;

        margin-top: 2px

    }

    ul.promise-list li:nth-child(3):after {

        display: none

    }

    .bnr-btm-text span {

        font-size: 16px;

        line-height: 17px;

        padding: 7px 20px 8px;

        letter-spacing: .5px

    }

    .section-1 {

        padding: 30px 0 30px

    }

    .section-1:after,

    .section-1:before {

        display: none

    }

    .s1-mid {

        margin-left: 0;

        margin-top: 10px;

        background: url(../images/s1-mid-bg-m.jpg) no-repeat center top #293867;

        background-size: 100%

    }

    .s1-top {

        width: 100%;

        text-align: center

    }

    .common-heading p {

        font-size: 24px;

        line-height: 30px

    }

    .common-heading h1 {

        font-size: 25px;

        line-height: 33px

    }

    .s1-mid-right {

        width: 100%;

        padding: 5px

    }

    .s1-product {

        display: none

    }

    .s1-product-mob {

        display: block;

        margin: 0 auto;

        max-width: 100%

    }

    ul.s1-mright-top {

        position: absolute;

        right: 0;

        width: 150px;

        text-align: left;

        top: 30px

    }

    ul.s1-mright-top li {

        text-align: left;

        margin: 12px 0;

        padding-left: 50px

    }

    ul.s1-mright-top li img {

        width: 40px;

        top: 0

    }

    ul.s1-mright-top li p {

        font-size: 13px;

        line-height: 17px

    }

    .s1-mid-rgt-bx {

        padding: 0 12px 15px;

        text-align: center;

        border-radius: 9px;

        margin-top: 385px

    }

    .common-text {

        font-size: 17px;

        line-height: 24px;

        letter-spacing: .3px;

        margin-top: 20px

    }

    .s1-bottom {

        padding: 0

    }

    ul.s1-prms-list {

        margin-top: 0

    }

    ul.s1-prms-list li {

        width: 19%;

        margin-top: 15px

    }

    ul.s1-prms-list li img {

        max-width: 86%

    }

    ul.s1-prms-list li:nth-child(1) img {

        width: 47px

    }

    ul.s1-prms-list li:nth-child(2) img {

        width: 112px

    }

    ul.s1-prms-list li:nth-child(3) img {

        width: 77px

    }

    ul.s1-prms-list li:nth-child(4) img {

        width: 118px

    }

    ul.s1-prms-list li:nth-child(5) img {

        width: 100px

    }

    .section-2 {

        padding: 25px 0 35px

    }

    .s2-top {

        width: 100%;

        margin-top: 0

    }

    .s2-feature-box {

        width: 100%;

        margin-top: 25px

    }

    .s2-ftr-head {

        font-size: 23px;

        line-height: 30px

    }

    .s2-ftr-abot {

        padding: 25px 15px 15px

    }

    .addt-featr {

        width: 100%;

        padding-bottom: 0

    }

    .ad-ftr-text {

        font-size: 22px;

        line-height: 26px

    }

    .s2-bx-icn {

        right: 20px;

        top: 30px

    }

    .s2-bx-icn4 {

        top: 20px

    }

    ul.bx1-list {

        width: 60%;

        right: 5px;

        top: auto;

        bottom: 2.2%

    }

    .section-3 {

        padding: 0 0 30px

    }

    ul.s3-mobile-list {

        display: inline-block;

        vertical-align: middle;

        max-width: 355px;

        width: 100%;

        margin-top: 10px

    }

    ul.s3-mobile-list li {

        float: left;

        width: 100%;

        text-align: left;

        position: relative;

        padding-left: 32px;

        margin-top: 15px

    }

    ul.s3-mobile-list li span {

        position: absolute;

        left: 0;

        top: 2px;

        width: 22px;

        height: 22px;

        background: #007bc9;

        border-radius: 50%;

        text-align: center;

        line-height: 22px;

        font-size: 13px;

        font-weight: 500;

        color: #fff

    }

    ul.s3-mobile-list li p {

        float: left;

        width: 100%;

        font-size: 16px;

        line-height: 23px;

        font-weight: 500

    }

    .s3-image-mob {

        display: block;

        margin: 0 auto 0;

        width: 100%

    }

    .s3-bf-af-img {

        display: block;

        margin: 15px auto 0;

        max-width: 100%

    }

    .com-paad {

        padding: 0

    }

    .s3-mid {

        padding-bottom: 0

    }

    .s3-mid-head span {

        font-size: 20px;

        line-height: 26px;

        padding: 0 7px 9px

    }

    .s3-mid-head:before {

        top: 14px

    }

    .s3-mid-col {

        width: 31%;

        margin: 20px 0 0

    }

    .s3-mid-col img {

        padding: 18px 15px

    }

    .s3-mid-col p {

        font-size: 17px;

        line-height: 25px;

        margin-top: 5px

    }

    .section-4 {

        padding: 25px 0 30px

    }

    .s4-image-mob {

        display: inline-block;

        vertical-align: middle;

        max-width: 100%;

        margin: 20px auto 0

    }

    .section-5 {

        padding: 25px 0 0

    }

    .s5-mid {

        margin: 90px 0 0;

        padding-bottom: 0

    }

    .s5-comparision-box {

        border-radius: 10px

    }

    .s5-col-1 {

        padding: 10px 5px 10px 10px;

        width: 56%

    }

    .s5-col-1 ul li {

        font-size: 15px;

        line-height: 20px;

        padding: 0 0 0 40px;

        height: 60px;

        letter-spacing: .3px

    }

    .s5-col-1 ul li img {

        width: 30px;

        margin-top: -15px

    }

    .s5-col-2 {

        width: 21%;

        margin: -40px .5% -20px 0;

        border-radius: 5px

    }

    .s5-col2-prod,

    .s5-col3-prod {

        height: 55px;

        margin: -25px auto 5px

    }

    .s5-col2-top {

        height: 50px

    }

    .s5-col2-top p {

        font-size: 12px;

        line-height: 20px

    }

    .s5-col-2 ul li {

        height: 60px;

        padding: 18px 0

    }

    .s5-col-2 ul li img {

        height: 20px

    }

    .s5-star {

        width: 110px;

        left: 25px;

        top: -35px

    }

    .s5-col-2 ul li:last-child {

        height: 85px

    }

    .section-6 {

        padding: 20px 0 35px

    }

    .testi-sec {

        margin: 10px 0 0

    }

    .testi-row {

        padding-bottom: 15px;

        margin: 30px 0 0;

        border: none

    }

    .testi-row-lft {

        width: 100%;

        border-right: none;

        padding-right: 0;

        border-bottom: 1px solid #e3e3e3;

        padding-bottom: 20px

    }

    .testi-lft-abt {

        width: 50%;

        padding: 0 0 0 60px

    }

    .testi-pics {

        width: 50px;

        height: 50px;

        line-height: 50px;

        top: 0

    }

    .t-name {

        float: left;

        margin-top: 5px;

        line-height: 18px;

        font-size: 17px

    }

    .t-vryfd {

        float: left;

        letter-spacing: 0;

        font-size: 13px

    }

    .test-prod {

        width: 50%;

        border-top: none;

        margin-top: 0;

        padding: 0 0 0 55px

    }

    .t-prod-dv {

        width: 50px;

        height: 50px;

        padding: 5px;

        top: 0

    }

    .test-prod-txt {

        font-size: 14px;

        margin-top: 3px

    }

    .t-star {

        margin: 10px 0 0;

        width: 100px

    }

    .testi-row-rght {

        width: 100%;

        padding: 0;

        border: none

    }

    .testi-row-rght span {

        font-size: 18px;

        margin-top: 10px

    }

    .testi-paragraph {

        font-size: 17px;

        line-height: 25px

    }

    .section-7 {

        padding: 25px 0 30px

    }

    .faq-container {

        margin: 15px 0 0

    }

    .accordion {

        padding: 15px 35px 15px 0;

        font-size: 18px;

        line-height: 25px

    }

    .acdn-content {

        padding: 14px 0 0 0

    }

    .acdn-para {

        font-size: 17px;

        line-height: 25px

    }

    .footer {

        padding: 0 0 25px

    }

    .marg-top a {

        float: left;

        width: 100%;

        margin-top: 5px

    }

    .footer1 {

        padding: 20px 0

    }

    .footer-text {

        font-size: 15px;

        margin-top: 10px

    }

    .footer-text a {

        padding: 0 2px;

        font-size: 14px

    }

    .footer2 {

        padding-top: 10px;

        padding-bottom: 100px

    }

    #ctabtn-mob {

        background: #000;

        padding: 5px;

        position: fixed;

        bottom: 0%;

        left: auto;

        z-index: 99;

        transition: bottom 1s;

        display: table;

        width: 100%

    }

    #ctabtn-mob a.order-btn {

        margin: 0

    }

    a.click-btn {

        font-size: 24px;

        height: 60px;

        line-height: 60px

    }

}

.d-none {

    display: none !important

}

.app-benchmark {

    position: fixed;

    width: 98%;

    left: 0;

    bottom: 0;

    padding: 5px 1%;

    background-color: #ccc;

    color: #333;

    text-align: right

}

#app_common_modal,

#error_handler_overlay {

    position: fixed;

    top: 0;

    left: 0;

    padding: 0;

    margin: 0;

    width: 100%;

    height: 100%;

    z-index: 2147483647;

    background: #333;

    background: rgb(255 255 255 / .8);

    display: none;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch

}

#app_common_modal .app_modal_body,

#error_handler_overlay .error_handler_body {

    max-width: 600px;

    -webkit-background-clip: padding-box;

    font-family: Verdana, Geneva, sans-serif;

    box-sizing: border-box;

    outline: 0

}

#error_handler_overlay .error_handler_body {

    margin: 100px auto;

    width: 95%;

    padding: 20px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgb(0 0 0 / .2);

    border-radius: 0;

    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / .5);

    box-shadow: 0 3px 9px rgb(0 0 0 / .5);

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box

}

#app_common_modal_close,

#error_handler_overlay_close {

    position: absolute;

    right: -10px;

    top: -10px;

    color: #fff;

    background-color: #333;

    border: 2px solid #fff;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    text-align: center;

    cursor: pointer;

    text-decoration: none;

    font-weight: 700;

    line-height: 30px;

    padding: 0;

    margin: 0

}

#app_common_modal .app_modal_body {

    margin: 100px auto;

    min-width: inherit;

    width: 95%;

    min-height: 400px;

    padding: 2.5%;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgb(0 0 0 / .2);

    border-radius: 0;

    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / .5);

    box-shadow: 0 3px 9px rgb(0 0 0 / .5);

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box

}

#app_common_modal .app_modal_body iframe {

    min-height: 400px;

    width: 100%;

    border: 1px solid #d5d6ef

}

.exitpop-content {

    position: fixed;

    height: 400px;

    width: 708px;

    margin: -200px 0 0 -354px;

    top: 50%;

    left: 50%;

    text-align: left;

    padding: 0;

    border: none;

    z-index: 2147483647

}

.exitpopup-overlay {

    background: rgb(0 0 0 / .6);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 2147483647;

    display: none

}

.exitpop-content img {

    display: block;

    margin: 0 auto;

    position: relative;

    text-align: center;

    max-width: 100%;

    height: auto

}

.exitpop-discountbar {

    background-color: red;

    border-bottom: 4px dashed #fff;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    font-weight: 700;

    height: 50px;

    line-height: 50px;

    position: fixed;

    text-align: center;

    top: 0;

    width: 100%;

    z-index: 9999;

    display: none

}

.app-load-spinner {

    display: none;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100px;

    height: 100px;

    margin: auto;

    background-color: #333;

    border-radius: 100%

}

.clear {

    line-height: 0;

    height: 0

}

.button,

button,

input[type=button] {

    border: 0;

    width: 100%;

    display: block;

    cursor: pointer;

    position: relative;

    outline: 0;

    padding: 20px 15px;

    background: #2288d0;

    color: #fff;

    font-size: 20px

}

#loading-indicator::after,

#loading-indicator::before {

    box-sizing: border-box;

    left: 50%;

    position: absolute;

    top: 50%

}

.button:hover,

button:hover,

input[type=button]:hover,

input[type=submit]:hover {

    background: #2791e4

}

.defult {

    padding: 10px 15px

}

.defult form label {

    width: 175px;

    display: inline-block

}

.defult input[type=text],

.defult input[type=search],

.defult input[type=number],

.defult input[type=password],

.defult input[type=tel],

.defult input[type=email],

.defult select,

.defult textarea {

    max-width: 275px

}

.defult .button,

.defult button,

.defult input[type=button],

.defult input[type=submit] {

    max-width: 450px

}

.all-card-types li {

    float: left;

    margin-right: 20px

}

#loading-indicator {

    background-color: rgb(0 0 0 / .5);

    bottom: 0;

    box-sizing: border-box;

    font-size: 1px;

    height: 100%;

    left: 0;

    margin: 0 !important;

    padding: 0 !important;

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 2147483646

}

#loading-indicator::after {

    background: #fff;

    border-radius: 5px;

    color: #000;

    content: "Processing, one moment please... ";

    font-family: arial;

    font-size: 17px;

    height: 110px;

    line-height: 98px;

    margin-left: -150px;

    margin-top: -75px;

    padding-top: 35px;

    text-align: center;

    width: 300px;

    z-index: 1

}

@-webkit-keyframes scaleout {

    0% {

        -webkit-transform: scale(0)

    }

    100% {

        -webkit-transform: scale(1);

        opacity: 0

    }

}

@keyframes scaleout {

    0% {

        transform: scale(0);

        -webkit-transform: scale(0)

    }

    100% {

        transform: scale(1);

        -webkit-transform: scale(1);

        opacity: 0

    }

}

span.cb-inline-error {

    margin-top: 10px;

    font-weight: 100;

    color: #c00;

    display: block

}

form {

    padding: 10px

}

.modal-wrap {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgb(0 0 0 / .5);

    overflow-y: auto

}

.modal-dilog-part {

    width: 500px;

    background-color: #fff;

    border-radius: 4px;

    margin: 50px auto 50px auto

}

.transaction-modal-head {

    padding: 30px 55px;

    border-bottom: 1px solid #e9ecef;

    display: flex;

    position: relative

}

.transaction-modal-head-img {

    width: 85px

}

.transaction-heading {

    color: #212d3d;

    font-size: 20px;

    font-weight: 600;

    padding-left: 12px

}

.transaction-heading span {

    display: block;

    color: #ed4c4c;

    font-size: 15px;

    font-weight: 400;

    margin-top: 12px

}

.close-btn {

    padding: 5px;

    width: auto;

    background-color: #fff0;

    position: absolute;

    right: 30px;

    top: 25px

}

.close-btn:hover {

    background-color: #fff0

}

.padding-box {

    padding: 30px

}

.security-heading {

    color: #5e6473;

    font-size: 15px;

    margin-bottom: 20px;

    text-align: center

}

.ask-cell {

    color: #5e6473;

    font-size: 15px;

    margin-bottom: 15px;

    cursor: pointer

}

.form-row {

    margin-bottom: 20px

}

input[type=text].form-input,

input[type=search].form-input,

input[type=number].form-input,

input[type=password].form-input,

input[type=tel].form-input,

input[type=email].form-input,

select.form-input,

textarea.form-input {

    border: 1px solid #ced4da;

    height: 38px;

    border-radius: 4px;

    padding: 0 15px

}

.flex-row {

    display: flex;

    margin: 0 -10px

}

.half-col {

    width: 50%;

    padding: 0 10px

}

.d-flex {

    display: flex;

    align-items: center;

    justify-content: space-between

}

.submit-btn {

    display: inline-block;

    width: auto;

    background-color: #5c79ff;

    padding: 13px 15px;

    font-size: 16px;

    font-weight: 600;

    border-radius: 4px

}

.thank-link {

    color: #5c79ff;

    font-size: 15px;

    margin-right: 15px;

    text-decoration: none

}

.total-price {

    color: #212d3d;

    font-size: 20px;

    font-weight: 600;

    line-height: 1

}

.info-wrap {

    position: relative

}

.info-cell {

    position: absolute;

    top: 12px;

    right: 12px

}

.select-wrap {

    position: relative

}

.select-wrap select {

    -webkit-appearance: none

}

.select-wrap:after {

    top: 17px;

    right: 12px;

    border: solid #fff0;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: #fff0;

    border-top-color: #5e6473;

    border-width: 6px

}

.info-cell:hover .tooltip {

    display: block

}

.tooltip {

    position: absolute;

    border: 1px solid #ddd;

    padding: 5px;

    font-size: 12px;

    background-color: #fff;

    left: 100%;

    min-width: 90px;

    max-width: 150px;

    margin-left: 10px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    display: none

}

.tooltip:after,

.tooltip:before {

    right: 100%;

    top: 50%;

    border: solid #fff0;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none

}

.tooltip:after {

    border-color: #fff0;

    border-right-color: #fff;

    border-width: 6px;

    margin-top: -6px

}

.tooltip:before {

    border-color: #fff0;

    border-right-color: #ddd;

    border-width: 7px;

    margin-top: -7px

}

.submit-btn:hover {

    background-color: #849aff

}

a {

    text-decoration-line: none;

    -moz-text-decoration-line: none

}

html {

    scroll-behavior: smooth

}

body {

    font-family: 'Poppins', sans-serif

}

ul {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0

}

input[type='number']::-webkit-outer-spin-button,

input[type='number']::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0

}

input[type=number] {

    appearance: textfield;

    -moz-appearance: textfield

}

:root {

    --white: #fff

}

:root {

    --black: #000

}

:root {

    --grey: #858585

}

:root {

    --green: #adf4a1

}

:root {

    --orange: #e44613

}

:root {

    --red: #f20404

}

:root {

    --yellow: #ffc43a

}

header {

    padding: .313rem 0;

    background-color: #f6f6f6

}

header .left {

    height: 100%;

    display: flex;

    align-items: center

}

.logo1 {

    width: 187px;

    height: auto

}

header .right {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: .625rem

}

header .right p {

    font-size: .813rem;

    line-height: 1.125rem;

    font-weight: 600;

    margin-bottom: 0

}

header .right p:last-child {

    margin-left: .313rem;

    padding-left: 1rem;

    position: relative

}

header .right p:last-child::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: .063rem;

    height: 100%;

    background-color: var(--black)

}

header .right p span {

    display: block

}

header .right p span a {

    color: var(--black);

    text-decoration-line: underline

}

.black-stripe {

    background-color: var(--black);

    padding: .313rem 0;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: .5rem

}

.black-stripe .black-stripe-text {

    font-size: .875rem;

    line-height: 1.313rem;

    font-weight: 700;

    margin-bottom: 0;

    color: var(--white)

}

.checkout-bonusDeals-reciept {

    padding: 1.875rem 0

}

.checkout-bonusDeals-reciept h3 {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 2.188rem;

    margin-bottom: 0

}

.checkout-bonusDeals-reciept h3 span {

    font-size: .75rem;

    line-height: 1.125rem;

    font-weight: 400;

    color: var(--grey)

}

.checkout-bonusDeals-reciept h3 span.line-with-arrow {

    width: 6.25rem

}

.checkout-bonusDeals-reciept h3 span.active {

    color: var(--black)

}

.main-middle-sec {

    padding-bottom: 140px

}

.main-middle-sec .left {

    float: none;

    padding-right: 10px

}

.main-middle-sec .left .green-stripe {

    background-color: var(--green);

    padding: .375rem 1rem .375rem 1rem

}

.main-middle-sec .left .green-stripe h4 {

    font-size: .875rem;

    line-height: 1.313rem;

    font-weight: 700;

    margin-bottom: 0;

    color: var(--black)

}

.main-middle-sec .left .green-stripe h4 span {

    color: var(--orange)

}

.main-middle-sec .left .express-checkout {

    font-size: .875rem;

    line-height: 1.313rem;

    font-weight: 700;

    text-align: center;

    margin-top: 1.563rem;

    margin-bottom: .938rem

}

.main-middle-sec .left .paypal-gpay-buttons {

    display: flex;

    align-items: center;

    gap: 1.25rem

}

.paypal-gpay-buttons #container {

    width: 50%;

    height: 46px !important;

    margin-top: 0 !important

}

.main-middle-sec .left .paypal-gpay-buttons a {

    width: 50%;

    text-align: center;

    padding: 12px 0;

    border-radius: 8px

}

.main-middle-sec .left .paypal-gpay-buttons a.paypal-button {

    background-color: var(--yellow);

    transition: .3s

}

.main-middle-sec .left .paypal-gpay-buttons a.paypal-button:hover {

    background-color: #ffbb1b

}

.main-middle-sec .left .paypal-gpay-buttons a.gpay-button {

    background-color: var(--black)

}

.gpay-button.black {

    border-radius: 8px;

    transition: .3s

}

.gpay-button.black:hover {

    background-color: #2a2a2a

}

.main-middle-sec .left .Choose-your-package {

    font-size: 1.125rem;

    line-height: 1.688rem;

    font-weight: 700;

    margin-top: 1.563rem;

    margin-bottom: .938rem

}

.main-middle-sec .left .Choose-your-package-section li {

    margin-bottom: 6px;

    border-radius: 8px;

    border: 2px solid var(--white)

}

.main-middle-sec .left .radio-section {

    border: 1px solid #bbb;

    border-radius: 7px;

    padding: 25px 17px 25px 12px

}

.main-middle-sec .left li.active {

    border-color: #2ba4ff;

    box-shadow: 0 3px 3px #00000030

}

.main-middle-sec .left li.active .radio-section {

    border-radius: 6px;

    border-color: #2ba4ff

}

.main-middle-sec .left .radio-section .form-check {

    display: flex;

    align-items: center;

    gap: 12px

}

.main-middle-sec .left .radio-section .form-check input[type="radio"] {

    width: 19px;

    height: 19px

}

.main-middle-sec .left .radio-section .form-check .form-check-input:focus {

    box-shadow: none

}

.main-middle-sec .left .radio-section .form-check .form-check-label {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: flex-end

}

.main-middle-sec .left .radio-section p {

    font-size: 15px;

    line-height: 24px;

    margin-bottom: 0

}

.main-middle-sec .left .radio-section p.recommended-deal {

    display: none

}

.main-middle-sec .left .radio-section p span {

    font-weight: 700

}

.main-middle-sec .left .radio-section p:last-child {

    color: #e44613;

    font-weight: 700

}

.main-middle-sec .left .radio-section .right {

    display: flex;

    flex-direction: column;

    align-items: flex-end

}

.main-middle-sec .left .radio-section .right p {

    margin-bottom: 0

}

.main-middle-sec .left .radio-section .right .recommended-deal {

    display: block;

    position: absolute;

    top: -20px;

    width: max-content

}

.main-middle-sec .left .radio-section .recommended-deal img {

    margin-right: 2px

}

.main-middle-sec .left .radio-section .recommended-deal {

    font-size: 14px;

    font-weight: 700;

    line-height: 21px

}

.main-middle-sec .left .radio-section .right .original-price {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    position: relative

}

.main-middle-sec .left .radio-section .right .original-price::before {

    content: "";

    position: absolute;

    top: 11px;

    width: 122%;

    height: 1px;

    background-color: var(--red);

    transform: rotate(352deg);

    left: -8px

}

.main-middle-sec .left .radio-section .right .offer-price {

    font-size: 16px;

    font-weight: 700;

    line-height: 24px;

    color: var(--black)

}

.main-middle-sec .left .shipping-address {

    font-size: 1.125rem;

    line-height: 1.688rem;

    font-weight: 700;

    margin-top: 1.563rem

}

.main-middle-sec .left .enter-your-shipping-details {

    font-size: 15px;

    line-height: 22px;

    font-weight: 400

}

.checkout-form input[type='text']:focus+label,

.checkout-form input[type='email']:focus+label,

.checkout-form input[type='tel']:focus+label,

.checkout-form input[type='number']:focus+label,

.checkout-form input[type='text'].form-control.has-value+label,

.checkout-form input[type='email'].form-control.has-value+label,

.checkout-form input[type='tel'].form-control.has-value+label,

.checkout-form input[type='number'].form-control.has-value+label {

    font-size: 13px;

    color: var(--black);

    top: -8px;

    left: 10px;

    background: #fff;

    padding: 0 5px 0 5px

}

.payment-section input:focus+label,

.payment-section input.has-value+label {

    background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 43%, #fff 43%, #fff 100%) !important

}

.checkout-form select+label {

    font-size: 12px !important;

    color: var(--black) !important;

    top: -5px !important;

    left: 10px !important;

    background: #fff;

    padding: 0 5px 0 5px !important

}

.checkout-form .input_wrap {

    width: auto;

    height: auto;

    position: relative;

    margin-bottom: 20px

}

input:-internal-autofill-selected {

    background-color: #fff !important

}

.checkout-form .input_wrap label {

    font-size: 15px;

    font-weight: 400;

    color: var(--black);

    padding: 14px;

    position: absolute;

    top: 0;

    left: 0;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all;

    pointer-events: none

}

.ph-pos {

    position: relative

}

.ph-pos .opt-text {

    position: absolute;

    top: 30%;

    right: 23px;

    font-size: .8125rem;

    color: #908d8d

}

.checkout-form .form-control:focus,

.checkout-form .form-control:focus-visible {

    outline: none;

    box-shadow: none

}

.checkout-form .form-control {

    height: auto;

    padding: .75rem .75rem;

    border: 1.5px solid #bbb !important;

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box

}

select.form-control {

    appearance: auto

}

.checkout-form .first-last-name {

    display: flex;

    gap: 20px

}

.checkout-form .first-last-name .input_wrap {

    width: 100%

}

.checkout-form #shippingAddressSearch,

.checkout-form #cardNumber,

.checkout-form #securityCode,

#billingAddressSearch {

    position: absolute;

    top: 13px;

    right: 7px

}

.checkout-form #shippingAddressSearch {

    right: 25px

}

.checkout-form #billingAddressSearch {

    right: 25px

}

.payment-text {

    font-size: 1.125rem;

    line-height: 1.688rem;

    font-weight: 700;

    margin-top: 5px

}

.main-middle-sec .left .payment-section {

    background-color: #f6f6f6

}

.main-middle-sec .left .payment-section .payment-section-head {

    border: 1px solid #f6f6f6;

    padding: 11px 15px

}

.main-middle-sec .left .payment-section.active .payment-section-head {

    border-color: #141414

}

.main-middle-sec .left .payment-section .form-check {

    display: flex;

    gap: 12px

}

.main-middle-sec .left .payment-section .form-check input[type="radio"] {

    width: 20px;

    height: 19.5px

}

.main-middle-sec .left .payment-section .form-check .form-check-label {

    display: flex;

    justify-content: space-between;

    width: 100%

}

.main-middle-sec .left .payment-section p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

    margin-top: 2px;

    margin-bottom: 0

}

.main-middle-sec .left .payment-section .right {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 5px

}

.main-middle-sec .left .payment-section .right span {

    font-size: 10px;

    line-height: 15px;

    font-weight: 600;

    color: #6a6a6a

}

.main-middle-sec .left .payment-section .form-check-input:checked {

    background-color: var(--black);

    border-color: var(--black)

}

.main-middle-sec .left .payment-section .form-check-input:focus {

    box-shadow: none

}

.main-middle-sec .left .payment-section label:focus-visible {

    outline: none

}

.main-middle-sec .left .payment-section .payment-section-body {

    padding: 20px

}

.main-middle-sec .left .payment-section .expiration-security {

    /* display: flex;

    gap: 10px */

}

.checkout-form .expiration-security .input_wrap {

    width: 50%

}

.checkout-form .billing-address-section .form-check input[type="checkbox"] {

    width: 1.2em;

    height: 1.2em;

    border-radius: 0

}

.checkout-form .billing-address-section .form-check-input:focus {

    box-shadow: none

}

.checkout-form .billing-address-section .form-check-input:checked {

    background-color: var(--black);

    border-color: var(--black)

}

.checkout-form .billing-address-section .billing-address-head {

    background-color: #f6f6f6;

    padding: 0 20px 20px 20px

}

.checkout-form .billing-address-section .billing-address-head label {

    font-size: 14px;

    line-height: 21px;

    font-weight: 400;

    vertical-align: middle

}

.checkout-form .billing-address-section .billing-address-body {

    background-color: #fff;

    padding: 0 20px 0 20px

}

.checkout-form .billing-address-section .billing-address-body .input_wrap.country-wrap.country-wrap2+div.input_wrap {

    margin-bottom: 0

}

.checkout-form .billing-address {

    font-size: 1.125rem;

    line-height: 1.688rem;

    font-weight: 700;

    margin-top: 1rem

}

.checkout-form .enter-your-shipping-details {

    font-size: 15px;

    line-height: 22px;

    font-weight: 400

}

.checkout-form .checkout-form-submit {

    font-size: 18px;

    line-height: 27px;

    font-weight: 700;

    width: 100%;

    border: none;

    border-radius: 8px;

    background-color: #ffd431;

    color: #000;

    padding: 15px 0;

    margin: 25px 0;

    box-shadow: 0 3px 3px #00000030;

    transition: .3s

}

.checkout-form .checkout-form-submit:hover {

    background-color: #ffcd11

}

.ssl-safe-section {

    display: flex;

    justify-content: center;

    gap: 20px

}

.ssl-safe-section .inner-section {

    display: flex;

    align-items: center;

    gap: 8px

}

.ssl-safe-section .inner-section h5 {

    margin-bottom: 0;

    font-size: 12px;

    line-height: 15px;

    font-weight: 600;

    letter-spacing: 2px;

    color: #5c5c5e

}

.ssl-safe-section .inner-section h5 span {

    display: block

}

.bundle-of-cards {

    text-align: center;

    margin-top: 20px

}

.main-middle-sec .right {

    position: sticky;

    top: 0;

    padding-left: 10px

}

.main-middle-sec .right-top {

    background-color: #f6f6f6;

    padding: 23px 18px

}

.main-middle-sec .right-top .your-cart {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 11px

}

.main-middle-sec .right-top .star-happyCustomer {

    display: flex;

    align-items: center;

    gap: 8px

}

.main-middle-sec .right-top .star-happyCustomer h5 {

    font-size: 14px;

    line-height: 21px;

    font-weight: 700;

    margin-bottom: 0

}

.main-middle-sec .checkout-page-cart-product-title {

    font-size: 13px;

    line-height: 18px;

    font-weight: 400;

    margin-top: 7px;

    margin-bottom: 7px

}

.main-middle-sec .checkout-page-cart-product-section {

    text-align: left

}

.main-middle-sec .checkout-page-cart-product-section img {

    max-width: 250px !important

}

.main-middle-sec .checkout-page-cart-price-section {

    margin-top: 24px

}

.main-middle-sec .checkout-page-cart-price-section ul li {

    display: flex;

    justify-content: space-between;

    align-items: center

}

.main-middle-sec .checkout-page-cart-price-section ul li:last-child {

    justify-content: flex-end;

    margin-top: 20px

}

.main-middle-sec .checkout-page-cart-price-section ul li p {

    margin-bottom: 0

}

.main-middle-sec .checkout-page-cart-price-section ul li p span {

    font-weight: 700

}

.main-middle-sec .checkout-page-cart-price-section ul li p span.org {

    color: var(--orange)

}

.main-middle-sec .checkout-page-cart-price-section ul li:first-child {

    border-bottom: 2px solid var(--black);

    padding-bottom: 8px;

    margin-bottom: 20px

}

.main-middle-sec .checkout-page-cart-price-section ul li:first-child p {

    font-size: 14px;

    line-height: 21px

}

.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(2) {

    margin-bottom: 16px

}

.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(2) p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 400

}

.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(3) p {

    font-size: 14px;

    line-height: 21px;

    font-weight: 400

}

.main-middle-sec .checkout-page-cart-price-section ul li:nth-child(4) {

    margin-top: 20px;

    border-top: 1px solid #e1e1e1;

    border-bottom: 1px solid #e1e1e1;

    padding: 8px 0

}

.main-middle-sec .left .right-top {

    display: none

}

.main-middle-sec .right .right-bottom {

    padding-top: 20px;

    display: flex;

    align-items: center

}

.main-middle-sec .right .right-bottom .right-bottom-image {

    width: 18%

}

.main-middle-sec .right .right-bottom .right-bottom-text {

    width: 82%;

    padding-left: 14px

}

.main-middle-sec .right .right-bottom .right-bottom-text p {

    font-size: 12px;

    line-height: 17px;

    font-weight: 400;

    margin-bottom: 0

}

.main-middle-sec .right .right-bottom .right-bottom-text p span {

    font-weight: 700

}

footer {

    background-color: var(--black);

    padding: 40px 0;

    text-align: center

}

footer p {

    font-size: 12px;

    line-height: 18px;

    font-weight: 400;

    color: #a8a8a8;

    margin-bottom: 6px

}

footer ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 16px;

    margin-bottom: 15px

}

footer ul li a {

    font-size: 12px;

    line-height: 18px;

    font-weight: 400;

    color: #a8a8a8;

    position: relative

}

footer ul li a::after {

    content: "";

    position: absolute;

    top: 2px;

    right: -8px;

    height: 70%;

    width: 1px;

    background-color: #a8a8a8

}

footer ul li:last-child a::after {

    display: none

}

footer ul li a:hover {

    color: #a8a8a8

}

.animated {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -webkit-user-select: none

}

.yt-loader {

    -webkit-animation-name: horizontalProgressBar;

    animation-name: horizontalProgressBar;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    background: #ef534e;

    height: 3px;

    left: 0;

    top: 0;

    width: 0%;

    z-index: 9999;

    position: absolute

}

.yt-loader:after {

    display: block;

    position: absolute;

    content: '';

    right: 0;

    width: 100px;

    height: 100%;

    opacity: .5

}

@keyframes horizontalProgressBar {

    0% {

        width: 0%

    }

    20% {

        width: 10%

    }

    30% {

        width: 15%

    }

    40% {

        width: 18%

    }

    50% {

        width: 20%

    }

    60% {

        width: 22%

    }

    100% {

        width: 100%

    }

}

.floating-cart {

    background-color: #f6f6f6

}

.floating-cart .row .col-6:first-child {

    position: relative

}

.floating-cart .row .col-6:first-child::after {

    content: '';

    position: absolute;

    top: 12px;

    right: 0;

    width: 1px;

    height: 56%;

    background-color: #b6b6b6

}

.floating-cart .left {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 8px 0

}

.floating-cart .right {

    padding: 8px 0

}

.floating-cart .right p {

    font-size: 13px;

    line-height: 18px;

    font-weight: 400;

    margin-bottom: 0

}

.floating-cart .right p span {

    font-weight: 700

}

.floating-cart .right p span.org {

    color: var(--orange)

}

.floating-cart {

    display: none

}

.has-tooltip1 {

    position: relative

}

.has-tooltip1::before {

    background: #000;

    border-radius: 5px;

    color: #fff;

    content: attr(aria-label);

    display: inline-block;

    font-weight: 400;

    left: 50%;

    margin-top: -9px;

    opacity: 0;

    padding: 10px;

    pointer-events: none;

    position: absolute;

    top: 0;

    transform: translate(-50%, 0%);

    min-width: 200px;

    max-width: 200px;

    width: auto;

    z-index: 2;

    -webkit-transition: all .15s ease-out;

    transition: all .15s ease-out;

    font-size: 12px;

    text-align: center

}

.has-tooltip1:hover:before,

.has-tooltip1:focus:before {

    opacity: 1;

    transform: translate(-50%, -100%)

}

.has-tooltip1:after {

    border: 10px solid #fff0;

    border-top-color: #000;

    content: "";

    height: 0;

    left: 50%;

    margin-left: -10px;

    margin-top: -11px;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 0;

    transform: translate(0, -100%);

    -webkit-transition: all 0s ease-out 0s;

    transition: all 0s ease-out 0s;

    width: 0;

    z-index: 1

}

.has-tooltip1:hover:after,

.has-tooltip1:focus:after {

    opacity: 1;

    -webkit-transition: all .15s ease-out .1s;

    transition: all .15s ease-out .1s;

    transform: translate(0, 0)

}

.has-tooltip2 {

    position: relative

}

.has-tooltip2::before {

    background: #000;

    border-radius: 5px;

    color: #fff;

    content: attr(aria-label);

    display: inline-block;

    font-weight: 400;

    left: 50%;

    margin-top: -9px;

    opacity: 0;

    padding: 10px;

    pointer-events: none;

    position: absolute;

    top: 0;

    transform: translate(-50%, 0%);

    min-width: 200px;

    max-width: 200px;

    width: auto;

    z-index: 2;

    -webkit-transition: all .15s ease-out;

    transition: all .15s ease-out;

    font-size: 12px;

    text-align: center

}

.has-tooltip2:hover:before,

.has-tooltip2:focus:before {

    opacity: 1;

    transform: translate(-50%, -100%)

}

.has-tooltip2:after {

    border: 10px solid #fff0;

    border-top-color: #000;

    content: "";

    height: 0;

    left: 50%;

    margin-left: -10px;

    margin-top: -11px;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 0;

    transform: translate(0, -100%);

    -webkit-transition: all 0s ease-out 0s;

    transition: all 0s ease-out 0s;

    width: 0;

    z-index: 1

}

form.checkout-form {

    padding: 0

}

.has-tooltip2:hover:after,

.has-tooltip2:focus:after {

    opacity: 1;

    -webkit-transition: all .15s ease-out .1s;

    transition: all .15s ease-out .1s;

    transform: translate(0, 0)

}

.floating-cart .container,

header .container,

.main-middle-sec .container {

    max-width: 1015px

}

.main-middle-sec .left .Choose-your-package-section li:nth-child(2) .radio-section,

.main-middle-sec .left .Choose-your-package-section li:nth-child(3) .radio-section {

    padding: 25px 17px 25px 12px

}

.main-middle-sec .left .radio-section .form-check input[type="radio"] {

    width: 21px;

    height: 20.5px

}

.main-middle-sec .left li .radio-section .form-check input[type="radio"] {

    margin-top: 1px

}

.main-middle-sec .left li:first-child.active .radio-section .form-check input[type="radio"] {

    width: 20.5px;

    height: 20px

}

.main-middle-sec .left li:nth-child(2).active .radio-section .form-check input[type="radio"] {

    width: 20.5px;

    height: 20px

}

.main-middle-sec .left li:last-child.active .radio-section .form-check input[type="radio"] {

    width: 20.5px;

    height: 20px

}

.main-middle-sec .left .radio-section .form-check input[type="radio"]:not(:checked) {

    background-color: #f6f6f6;

    border-color: #919191

}

.main-middle-sec .left .radio-section .form-check input[type="radio"]:checked {

    background-color: #2ba4ff;

    border-color: #2ba4ff

}

.form-control#inputEmail {

    border-color: #000 !important

}

.form-control.has-value.valid {

    border-color: #5c9657 !important

}

.form-control.input-validation-error {

    border-color: #ffa500 !important

}

.form-control#inputEmail.no-error {

    border-color: #5c9657 !important

}

.form-control#inputEmail.has-error {

    border-color: #ffa500 !important

}

.form-control#inputEmail.default-border {

    border-color: #bbb !important

}

.form-control#inputEmail.default-border.no-error {

    border-color: #5c9657 !important

}

.form-control#inputEmail.default-border.has-error {

    border-color: #ffa500 !important

}

.form-control#inputEmail:focus {

    border-color: #000 !important

}

.checkout-form input.no-error~#shippingAddressSearch,

.checkout-form input.has-error~#shippingAddressSearch,

.checkout-form input.has-value~#cardNumber,

.checkout-form input.has-value.input-validation-error~#cardNumber,

.checkout-form input.input-validation-error~#cardNumber,

.checkout-form input.has-value~#securityCode,

.checkout-form input.has-value.input-validation-error~#securityCode,

.checkout-form input.input-validation-error~#securityCode,

input.has-error~#billingAddressSearch,

input.no-error~#billingAddressSearch {

    position: absolute;

    top: 13px;

    right: 25px

}

.green-stripe #disc_per {

    color: #000

}

.mobile-active-arrow,

.mobile-inactive-arrow {

    display: none

}

#Customer_MainAddress_Country,

#CreditCard_BillingAddress_Country,

#Customer_MainAddress_State,

#CreditCard_BillingAddress_State,

.country-wrap [name="shippingState"],

.country-wrap [name="billingState"] {

    background: none;

    background-image: none;

    border-color: #5c9657 !important

}

.row.after-sec .input_wrap {

    margin-top: 20px;

    margin-bottom: 0

}

.gpay-button {

    padding: 12px 24px 12px !important

}

select[name='expmonth'],

select[name='expyear'] {

    font-weight: 400 !important

}

select[name='expmonth'].has-value,

select[name='expyear'].has-value,

select[name='expmonth'].no-error,

select[name='expyear'].no-error {

    font-weight: 600 !important

}

#form-top-part input:focus,

.billing-address-body input:focus,

.payment-section-body input:focus,

.form-control#inputEmail.no-error:focus {

    border-color: #000 !important

}

input:-webkit-autofill,

select:-webkit-autofill {

    transition: background-color 5000s ease-in-out 0s !important

}

.addTick {

    position: relative

}

.addErrorIcon {

    position: relative

}

.addErrorIcon .has-error {

    background: none

}

#leaveFade {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background: rgb(0 0 0 / .7);

    display: none

}

.leavepop_all {

    width: 800px;

    height: auto;

    position: fixed;

    top: 90px;

    left: calc(50% - 400px);

    z-index: 1000;

    border-radius: 10px;

    padding-bottom: 40px;

    display: none

}

.partOne,

.partTwo {

    width: 50%;

    float: left;

    min-height: 376px

}

.partOne img {

    height: 445px;

    object-fit: cover;

    width: 100%

}

.partTwo {

    min-height: 445px;

    background: #f9c51e;

    padding: 10px

}

.innrPrt {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border: 1px solid #000;

    padding: 0 10px;

    min-height: 426px

}

.innerStyling {

    height: auto;

    margin: 0 auto;

    text-align: center;

    font-family: 'Poppins', sans-serif;

    font-weight: 400

}

.leaveX_all {

    width: 35px;

    height: 35px;

    float: right;

    margin-right: -20px;

    margin-top: -20px;

    z-index: 1005;

    cursor: pointer

}

.innerA_all {

    color: #000;

    font-size: 40px;

    font-family: 'Poppins', sans-serif;

    font-weight: 700;

    padding-top: 0

}

.innerB_all {

    color: #000;

    font-size: 22px;

    padding-top: 0

}

.partTwo p {

    color: #000;

    font-size: 17px;

    text-align: center;

    margin-bottom: 0;

    margin-top: 13px

}

.partTwo span.save {

    display: block;

    text-align: center;

    margin: 10px 0

}

.partTwo span.save a {

    color: #000;

    text-decoration: underline

}

#innerD1 {

    color: #2f2f2f;

    font-size: 28px;

    padding-top: 25px

}

#innerE1 {

    width: 300px;

    height: auto;

    margin: 0 auto;

    text-align: center;

    font-family: arial;

    color: #2f2f2f;

    font-size: 38px;

    padding-top: 0;

    font-weight: 700;

    letter-spacing: 2px

}

#innerE1 #timeCount {

    color: #2f2f2f;

    font-weight: 700

}

#innerF1 {

    width: 150px;

    height: auto;

    margin: 0 auto;

    color: #4e4e4e;

    font-size: 14px;

    padding-top: 5px;

    text-align: center

}

#innerFa1 {

    width: 75px;

    height: auto;

    float: left

}

#innerFb1 {

    width: 75px;

    height: auto;

    float: right

}

.innerButton_all {

    width: 100%;

    height: auto;

    margin: 0 auto;

    margin-top: 20px;

    padding: 9px 0;

    color: #fff;

    font-size: 19px;

    font-weight: 700;

    text-align: center;

    background: #000002;

    border-radius: 0;

    border: 1px solid #000002;

    cursor: pointer

}

.innerButton_all:hover {

    background: #000;

    border: 1px solid #000

}

.m-back-box img {

    margin-bottom: 15px

}

.f-24 {

    font-size: 24px

}

.m-back-box p {

    line-height: 1.8

}

@media screen and (max-width:900px) and (min-width:320px) {

    #leaveFade {

        -webkit-overflow-scrolling: touch !important;

        position: fixed;

        top: 0;

        left: 0;

        padding: 0;

        margin: 0;

        width: 100%;

        height: 100%;

        z-index: 2147483647;

        background: rgb(0 0 0 / .7);

        overflow-x: hidden

    }

    .m-back-box p {

        text-align: center !important

    }

    .leavepop_all {

        height: auto;

        -webkit-overflow-scrolling: touch;

        min-height: 160px;

        background-clip: padding-box;

        -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / .5);

        box-shadow: 0 3px 9px rgb(0 0 0 / .5);

        font-size: 14px;

        line-height: 1.42857143;

        position: relative;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        padding: 2px;

        width: 97% !important;

        top: 15px !important

    }

    .innerA_all {

        font-size: 20px;

        padding-top: 4px

    }

    .innerB_all {

        font-size: 16px;

        padding: 2px

    }

    #innerD1 {

        font-size: 16px;

        padding: 2px;

        margin: 0 auto

    }

    #innerE1 {

        height: auto;

        font-size: 25px;

        padding: 2px;

        width: auto

    }

    .innerButton_all {

        width: 100%;

        font-size: 15px;

        margin: 10px auto

    }

    .leavepop_all {

        width: 97%;

        top: 25px;

        left: auto;

        margin-left: 6px

    }

    .leaveX_all {

        z-index: 1005;

        cursor: pointer;

        position: absolute;

        right: -10px;

        top: -10px;

        background-color: #333;

        border-radius: 50%;

        width: 30px;

        height: 30px;

        cursor: pointer;

        font-weight: 700;

        line-height: 30px;

        padding: 0;

        margin: 0

    }

    .d-flex.m-back-box {

        display: block !important;

        text-align: center !important

    }

    .d-flex.m-back-box img {

        margin-bottom: 15px !important

    }

}

@media(max-width:480px) {

    .partOne img {

        height: 380px

    }

    .partTwo {

        min-height: 380px

    }

    .innrPrt {

        min-height: 359px

    }

}

.w_fomo_wrapper {

    position: fixed;

    bottom: 0;

    left: 10px;

    min-width: 347px;

    -webkit-transition: transform .8s ease;

    -webkit-transition: -webkit-transform .8s ease;

    transition: transform .8s ease;

    transition: transform .8s ease, -webkit-transform .8s ease;

    z-index: 1001;

    color: #fff;

    font-weight: 400;

    -webkit-transform: translateY(120%);

    transform: translateY(120%);

    -webkit-box-shadow: 0 0 5px #6f6f6f;

    box-shadow: 0 0 5px #6f6f6f;

    max-width: 320px;

    width: 100%;

    border-radius: 10px;

    border: 1px solid #d0d0d0;

    background: #fff;

    box-shadow: 0 4px 8px 0

}

.w_item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-flex;

    -webkit-align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-justify-content: space-between

}

.w_thumb {

    border-radius: 50%;

    width: 60px

}

.w_desc p {

    margin-bottom: 6px;

    font-size: 12px;

    color: #000

}

.wysiwyg-content.statistical table {

    text-align: right;

    font-size: 14px;

    width: 100%

}

.w_desc p,

.wysiwyg-content.statistical .ta-l {

    text-align: left

}

.edit_mode .w_fomo_wrapper {

    position: static

}

.edit_mode .w_fomo_wrapper,

.w_fomo_wrapper.notify {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}

.w_fomo_wrapper .w_item {

    display: table;

    width: 100%

}

.w_fomo_wrapper .w_item>div {

    display: table-cell;

    vertical-align: middle

}

.w_fomo_wrapper .w_thumb {

    width: 111px;

    background-color: #fff;

    text-align: center

}

.w_fomo_wrapper .w_thumb img {

    width: auto;

    margin: 0 auto;

    max-height: 80px;

    object-fit: contain

}

.w_fomo_wrapper .w_desc {

    padding: 10px 15px;

    font-size: 1.3rem

}

.w_fomo_wrapper .w_desc strong {

    color: #2dbbff

}

@media(min-width:992px) {

    .w_fomo_wrapper {

        bottom: 10px

    }

}

@media all and (-ms-high-contrast:none),

(-ms-high-contrast:active) {

    .w_fomo_wrapper {

        width: 300px

    }

}

@media(max-width:320px) {

    .w_fomo_wrapper {

        min-width: 300px;

        max-width: 300px

    }

}

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

    .checkout-bonusDeals-reciept h3 {

        gap: 10px

    }

    .checkout-bonusDeals-reciept h3 span.line-with-arrow {

        width: 2rem

    }

    .main-middle-sec .left .green-stripe h4 {

        text-align: center

    }

    .main-middle-sec .left .paypal-gpay-buttons {

        gap: 0rem;

        flex-direction: row-reverse

    }

    .main-middle-sec .left .radio-section .form-check .form-check-label {

        align-items: flex-start

    }

    .main-middle-sec .left .radio-section .right .recommended-deal {

        display: none

    }

    .main-middle-sec .left .radio-section .left .recommended-deal {

        display: block

    }

    .main-middle-sec .left .radio-section .left .save-off-text {

        font-size: 14px;

        line-height: 18px

    }

    .main-middle-sec .left .payment-section p {

        font-size: 15px;

        font-weight: 600

    }

    .main-middle-sec .left .payment-section .right span {

        display: none

    }

    .main-middle-sec .left .payment-section .expiration-security {

        flex-direction: column;

        gap: 0 !important

    }

    .checkout-form .expiration-security .input_wrap {

        width: 100% !important

    }

    .ssl-safe-section .inner-section h5 {

        font-size: 8px;

        line-height: 12px

    }

    .bundle-of-cards img {

        max-width: 75%

    }

    .main-middle-sec .right .right-bottom {

        gap: 8px

    }

    .main-middle-sec {

        padding-bottom: 40px

    }

    footer {

        padding: 30px 0

    }

    .main-middle-sec .right .right-top {

        display: none

    }

    .main-middle-sec .left .right-top {

        display: block

    }

    .has-tooltip1::before {

        top: 55px;

        left: -110px

    }

    .has-tooltip1:after {

        top: 17px;

        left: 0;

        transform: rotate(270deg) !important

    }

    .has-tooltip2::before {

        top: 75px;

        left: -110px

    }

    .has-tooltip2:after {

        top: 14px;

        left: 0;

        transform: rotate(270deg) !important

    }

    .country-wrap:after {

        right: 6%

    }

    .main-middle-sec .left .radio-section {

        padding: 15px 17px 15px 12px

    }

    .main-middle-sec .left .Choose-your-package-section li:nth-child(2) .radio-section,

    .main-middle-sec .left .Choose-your-package-section li:nth-child(3) .radio-section {

        padding: 15px 17px 15px 12px

    }

    .desktop-active-arrow,

    .desktop-inactive-arrow {

        display: none

    }

    .mobile-active-arrow,

    .mobile-inactive-arrow {

        display: block

    }

    .main-middle-sec .left {

        padding-right: 0

    }

    .main-middle-sec .right {

        padding-left: 0

    }

    .pay-1 {

        margin-top: 20px

    }

    .main-middle-sec .new-mob-top {

        background-color: #fff;

        padding: 23px 18px 0 18px

    }

    .new-mob-top {

        text-align: center

    }

    .new-mob-top .checkout-page-cart-product-title.txt-1 {

        font-size: 18px;

        line-height: 16px;

        font-weight: 400;

        margin-top: 7px;

        margin-bottom: 7px

    }

    .new-mob-top .checkout-page-cart-product-title.txt-2 {

        border-bottom: 1px solid #e7e7e7

    }

    .new-mob-top .star-happyCustomer {

        justify-content: center !important

    }

    .new-mob-top .checkout-page-cart-product-section {

        text-align: center

    }

    .right-t-top {

        border: 1px solid #d6d6d6;

        padding: 0px;

        margin-top: 17px;

        text-align: left;

    }

    .right-t-top .right-top {

        background-color: #fff;

        padding: 0

    }

    .right-t-top .checkout-page-cart-price-section {

        margin-top: 0

    }

    .checkout-form .first-last-name.first2 {

        display: block

    }

    .checkout-form .first-last-name.first2 .input_wrap {

        width: 100%

    }

}

.btn:focus,

.btn:active:focus,

.btn-link.nav-link:focus,

.form-control:focus,

.form-check-input:focus {

    box-shadow: 0 0 0 .1rem white, 0 0 0 .25rem #258cfb

}

html {

    position: relative;

    min-height: 100%

}

[v-cloak] {

    display: none

}

.toast {

    opacity: 1 !important

}

.mobCtaBtn {

    display: none

}

a:hover {

    color: #fff !important

}

.footer-text a:hover {

    color: #333333 !important

}

.desc-text {

    background: #F1F1F1;

    border-radius: 15px;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

    padding: 3px 5px;

    margin-top: 8px

}

#leaveFade {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    background: rgb(0 0 0 / .7);

    display: none

}

.leavepop_all {

    width: 800px;

    height: auto;

    position: fixed;

    top: 35px;

    left: calc(50% - 400px);

    z-index: 1000;

    background: #ffe300;

    border: 5px solid #e43b2c;

    border-radius: 10px;

    padding-bottom: 40px;

    display: none

}

.innerStyling {

    width: 700px;

    height: auto;

    margin: 0 auto;

    text-align: center

}

.leaveX_all {

    width: 35px;

    height: 35px;

    float: right;

    margin-right: -20px;

    margin-top: -20px;

    z-index: 1005;

    cursor: pointer

}

.innerA_all {

    color: #2f2f2f;

    font-size: 34px;

    font-weight: 700;

    padding-top: 70px

}

.innerB_all {

    color: #00e;

    font-size: 24px;

    font-weight: 700;

    padding-top: 25px

}

#innerD1 {

    color: #2f2f2f;

    font-size: 18px;

    padding-top: 25px

}

#innerE1 {

    width: 300px;

    height: auto;

    margin: 0 auto;

    text-align: center;

    font-family: arial;

    color: #2f2f2f;

    font-size: 32px;

    padding-top: 20px;

    font-weight: 700;

    letter-spacing: 2px

}

#innerE1 #timeCount {

    color: #2f2f2f;

    font-weight: 700

}

#innerF1 {

    width: 150px;

    height: auto;

    margin: 0 auto;

    font-family: open sans;

    color: #4e4e4e;

    font-size: 10px;

    padding-top: 5px;

    text-align: center

}

#innerFa1 {

    width: 75px;

    height: auto;

    float: left

}

#innerFb1 {

    width: 75px;

    height: auto;

    float: right

}

.innerButton_all {

    width: 400px;

    height: auto;

    margin: 0 auto;

    margin-top: 40px;

    padding: 12px 0;

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    text-align: center;

    background: #0bba18;

    border-radius: 4px;

    border: 1px solid #099513;

    cursor: pointer

}

.innerButton_all:hover {

    background: #03880d;

    border: 1px solid #04730c

}

.banner-point li span.fa-li {

    width: 8px;

    height: 8px;

    background: #FF6B00;

    border-radius: 50%;

    position: relative;

    left: -20px;

    top: 23px;

    display: block

}

.banner-left h2.orangeText {

    font-size: 24px

}

.pro-img img {

    max-height: 200px;

    object-fit: contain

}

#shippingCountry,

#billingCountry,

.country-wrap [name="shippingState"],

.country-wrap [name="billingState"] {

    background: none;

    background-image: none;

    border-color: #5c9657 !important;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none

}

.country-wrap:after {

    content: "";

    width: 14px;

    height: 9px;

    background: url(../images/polygon-icon.png);

    background-repeat: no-repeat;

    top: 45%;

    right: 5%;

    position: absolute;

    display: inline-block

}

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

    .gpay-card-info-container {

        min-width: auto !important

    }

    .paypal-gpay-buttons #container {

        margin-right: 1.25rem;

        margin-left: 0rem

    }

    #paypal-gpay-buttons {

        display: flex;

        justify-content: space-around

    }

    .main-middle-sec .left .paypal-gpay-buttons a {

        width: 48%

    }

    .paypal-gpay-buttons #container {

        width: 48%;

        margin-left: 0;

        margin-right: 0

    }

}

@media screen and (max-width:991px) and (min-width:320px) {

    #leaveFade {

        -webkit-overflow-scrolling: touch !important;

        position: fixed;

        top: 0;

        left: 0;

        padding: 0;

        margin: 0;

        width: 100%;

        height: 100%;

        z-index: 2147483647;

        background: rgb(0 0 0 / .7);

        overflow-x: hidden

    }

    .main-middle-sec .checkout-page-cart-product-section img {

        max-width: 70px !important;

        margin-bottom: 0

    }

    .m-back-box p {

        line-height: 1.5

    }

    .banner-point li span.fa-li {

        top: 19px

    }

    .leavepop_all {

        height: auto;

        -webkit-overflow-scrolling: touch;

        min-height: 160px;

        background-clip: padding-box;

        -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / .5);

        box-shadow: 0 3px 9px rgb(0 0 0 / .5);

        font-size: 14px;

        line-height: 1.42857143;

        position: relative;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

        padding: 2px;

        width: 97% !important;

        top: 50% !important;

        transform: translateY(-50%)

    }

    .innerA_all {

        font-size: 20px;

        padding-top: 4px

    }

    .innerB_all {

        font-size: 12px;

        padding: 2px

    }

    #innerD1 {

        font-size: 12px;

        padding: 2px;

        margin: 0 auto

    }

    #innerE1 {

        height: auto;

        font-size: 25px;

        padding: 2px

    }

    .innerButton_all {

        width: 92%;

        font-size: 16px;

        margin: 20px auto 10px

    }

    .innerStyling {

        width: 80%

    }

    .leavepop_all {

        width: 97%;

        top: 25px;

        left: auto;

        margin-left: 6px;

        max-width: 390px;

        margin: auto

    }

    .leaveX_all {

        z-index: 1005;

        cursor: pointer;

        position: absolute;

        right: -10px;

        top: -10px;

        background-color: #333;

        border-radius: 50%;

        width: 30px;

        height: 30px;

        cursor: pointer;

        font-weight: 700;

        line-height: 30px;

        padding: 0;

        margin: 0

    }

    .s1-btm-text {

        font-weight: 600

    }

    .s1-mid-rgt-bx h1 {

        font-weight: 600

    }

    ul.feature li {

        padding-left: 0px !important;

        padding-top: 45px

    }

    .ft-mid-right h2,

    .ft-mid-left h2,

    .ft-mid-right h1,

    .ft-mid-left h1 {

        font-weight: 700

    }

    .buyCard .col-lg-12.col-4 {

        padding-right: 10px

    }

    .buyCard .col-lg-12.col-8 {

        padding-left: 0

    }

    .buyCard {

        padding: 15px 10px

    }

    .desc-text {

        font-size: 14px

    }

    .buyCard h3 {

        font-size: 22px

    }

}

@media (min-width:992px) {

    .d-none.d-lg-block {

        display: inline-block !important

    }

}

b,

strong {

    font-weight: 600

}

.mob-product {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    border-top: 1px solid #E1E1E1;

    padding: 15px;

    margin-top: 15px;

}

.mob-pro-img,

.mob-pro-info {

    width: calc(50% - 10px);

}

.mob-pro-info a {

    font-weight: bold;

    text-decoration: underline;

    margin-top: 5px;

    display: block;

}

.mob-pro-info a:hover {

    color: #000000 !important;

}

#productQty {

    font-weight: bold;

}

.right-t-top h4 {

    background-color: #000;

    color: #fff;

    padding: 15px;

    display: none;

}

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

    .right-t-top h4 {

        display: block;

    }

}

.right-t-top .right-top {

    padding: 15px;

}

.mob-pro-info p:nth-of-type(1) {

    font-weight: bold;

}

p.checkout-page-cart-product-title.mt-0 {

    padding-bottom: 0.4rem !important;

}

.main-middle-sec .checkout-page-cart-product-title {

    margin-top: 0.3rem;

}

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

    .w_fomo_wrapper {

        bottom: auto;

        -webkit-transform: translateY(-120%);

        transform: translateY(-120%);

        top: 0;

    }

    .edit_mode .w_fomo_wrapper,

    .w_fomo_wrapper.notify {

        -webkit-transform: translateY(50px);

        transform: translateY(50px);

    }

    .main-middle-sec .checkout-page-cart-product-title {

        margin-top: 0.2rem !important;

        padding-bottom: 0 !important;

    }

}

@media (min-width: 767px) and (max-width: 1050px) {

    .nav-btn {

        float: right;

        padding: 5px 15px 6px;

        font-size: 13px;

    }

}

.paypal-btn{
    padding: 14px 24px;
}