@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Roboto+Condensed:wght@300;400;700&display=swap');
body {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    background: #ffffff;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: normal;
}

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;
    max-width: 100%;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}

.img-full {
    max-width: 100%;
}

.clearall {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}

.container {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

sup {
    vertical-align: middle;
    position: relative;
    font-size: 60%;
    top: -7px;
}

.page-loader {
position: absolute;
z-index: 2;
background: #fff;
inset: 0;
display: flex;
}
/* rc loader */
.lds-ring {
position: relative;
width: 45px;
height: 45px;
margin: auto;
}

.lds-ring div {
position: absolute;
width: 35px;
height: 35px;
border: 3px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #d10000 transparent transparent transparent;
}
.title-with-arrows h2 {
margin: auto;
}
.carousel-arrows {
margin-top: 0 !important;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* rc loader end */

/*=========css-code==========*/

.top-hdng {
    font-size: 60px;
    line-height: 70px;
    color: #010101;
    font-weight: bold;
    padding-top: 40px;
}

.main-sec {
    text-align: left;
    float: left;
    width: 100%;
    padding: 0px 100px 50px;
}

.author-box {
    float: left;
    width: 100%;
    margin-top: 80px;
}

.author-intro-txt {
    font-size: 26px;
    line-height: 31px;
    color: #000000;
    font-weight: bold;
}

.comn-para {
    font-size: 19px;
    line-height: 31px;
    color: #000000;
    margin-top: 30px;
    letter-spacing: 0.5px;
}

.author-img {
    float: right;
    margin: -35px 0 25px 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
}

.comn-hdng {
    font-size: 34px;
    line-height: 42px;
    color: #000000;
    font-weight: bold;
    margin-top: 40px;
    letter-spacing: 0.5px;
}

.research-box {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.cmn-reslt-bx {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}

.light-ylw {
    background: #fbfbfb;
}

.reslt-cmn-img {
    float: left;
    border: 4px solid #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);
    border-radius: 10px;
    margin-right: 20px;
}

.reslt-txt {
    width: calc(100% - 300px);
    font-size: 20px;
    line-height: 31px;
    color: #000000;
    letter-spacing: 0.5px;
}

.prd-hdng {
    text-align: center;
    font-size: 45px;
    line-height: 28px;
    color: #000000;
    font-weight: bold;
    margin-top: 60px;
}

.prd-hdng span {
    font-size: 50px;
    line-height: 86px;
    color: #cb1a1d;
    text-transform: uppercase;
}

.prd-img {
    display: block;
    margin: 40px auto 0;
}

.red-brdr-box {
    float: left;
    width: 100%;
    text-align: center;
    border: 5px solid #cb1a1d;
    background: #fffff4;
    margin-top: 40px;
    border-radius: 20px;
    padding: 40px 20px;
}

.red-brdr-hd {
    font-size: 46px;
    line-height: 31px;
    color: #cb1a1d;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.red-brdr-txt2 {
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    margin-top: 30px;
    letter-spacing: 0.5px;
}

.gurantee-box {
    float: left;
    width: 100%;
    text-align: center;
    border: 4px solid #cccccc;
    margin-top: 100px;
    border-radius: 20px;
}

.gurante-logo {
    display: block;
    margin: -172px auto 0;
    background: #fff;
}

.grnte-bx-hd {
    font-size: 46px;
    line-height: 55px;
    color: #000000;
    font-weight: bold;
    margin-top: 15px;
}

.gurantee-box {
    text-align: center;
    float: left;
    width: 100%;
    border: 4px solid #cccccc;
    margin-top: 100px;
    border-radius: 20px;
    padding: 65px 30px;
}


/*----PACKAGE CSS----*/

.buy-sec {
    float: left;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
}

.buy {
    float: left;
    width: 31.33%;
    margin: 0 1%;
    border: 2px solid #cccccc;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.buy.box2 {
    background: #fdf1f0;
    border: 2px solid #bd3345;
    box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
}

.pkgtop {
    background: #d10000;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}

.buy-hdg {
    float: left;
    width: 100%;
    position: relative;
    color: #2c2c2c;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 15px;
}

.buy-hdg span {
    color: #bd3326;
    text-transform: uppercase;
    font-size: 48px;
}

.buy-mdl-bx {
    float: left;
    width: 100%;
    padding: 20px 0px 10px;
    position: relative;
}

.buy-prod {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    transition: all ease 0.5s;
}

.save-seal {
    position: absolute;
    right: 22px;
    top: 50px;
    width: 90px;
    height: 90px;
    background: #ffe004;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    line-height: 27px;
    text-transform: uppercase;
    padding-top: 17px;
    text-align: center;
    padding-right: 3px;
}

.buy-prcBox {
    float: left;
    width: 100%;
    margin: 0px 0 0;
    padding: 0px 0px 15px;
}

.prc-txt1 {
    float: left;
    width: 100%;
    font-size: 76px;
    line-height: 76px;
    font-weight: bold;
    color: #bd3326;
    margin-bottom: 5px;
}

.prc-txt1 span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}

.rtlprc {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #434343;
    margin-top: 5px;
}

.rtlprc span {
    font-weight: 600;
    font-size: 32px;
    margin-left: 5px;
    color: #000;
}

.rtlprc span.strikeout {
    position: relative;
    color: #434343;
    font-weight: 500;
}

.strikeout::after {
    border-bottom: .1em solid red;
    content: "";
    left: 0;
    margin-top: calc(0.125em/2 * -1);
    position: absolute;
    right: -3px;
    top: 54%;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

.free-ship {
    float: left;
    width: 100%;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    margin-top: 10px;
}

.cart-btn {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    margin-top: 15px;
}

.pack-cards {
    display: inline-block;
    vertical-align: middle;
    max-width: 76%;
    margin: 10px 0 10px;
}

.buy:hover {
    background: #d10000;
}

.buy:hover .buy-hdg,
.buy:hover .buy-hdg span,
.buy:hover .prc-txt1,
.buy:hover .free-ship,
.buy:hover .rtlprc,
.buy:hover .rtlprc span,
.buy:hover {
    color: #fff;
}

.buy:hover .rtlprc span.strikeout::after {
    border-color: #000;
}

.buy:hover .free-ship img {
    filter: brightness(0) invert(1);
}

.buy:hover .buy-prod {
    transform: translateY(-10px);
}


/*----PACKAGE CSS END----*/

.show-tab {
    display: none;
}

.show-desk {
    display: block;
}

.show-mob {
    display: none;
}

.offer-link-sec {
    float: left;
    width: 100%;
    margin-top: 45px;
}

.link-head {
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    text-align: left;
}

ul.link-list {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin-top: 20px;
}

ul.link-list li {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin-top: 10px;
    letter-spacing: 0.5px;
    list-style: decimal;
    text-align: left;
    word-break: break-all;
}


/*FOOTER CSS*/

.footer {
    float: left;
    width: 100%;
    background: #f4f4f4;
}

.footer1 {
    float: left;
    width: 100%;
    padding: 30px 0;
    text-align: left;
}

.footer-text {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0;
    color: #575757;
}

.footer-text a {
    color: #161616;
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px 0 0;
}

.footer2 {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #c6c6c6;
}

.ftr2-text {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: #3f3f3f;
}


/*=========Media Query==========*/

@media only screen and (max-width:1200px) {
    .container {
        width: 1004px;
    }
    .top-hdng {
        font-size: 50px;
        line-height: 64px;
    }
    .main-sec {
        padding: 0 50px 50px;
    }
}

@media only screen and (max-width:1024px) {
    .container {
        width: 750px;
    }
    .show-tab {
        display: block;
    }
    .show-desk {
        display: none;
    }
    .show-mob {
        display: none;
    }
    .top-hdng {
        font-size: 42px;
        line-height: 54px;
        padding-top: 40px;
    }
    .main-sec {
        padding: 0 0 40px;
    }
    .author-box {
        margin-top: 50px;
    }
    .author-img {
        width: 300px;
        margin: -20px 0 15px 15px;
    }
    .comn-hdng {
        font-size: 28px;
        line-height: 38px;
    }
    .cmn-reslt-bx {
        align-items: start;
    }
    .prd-hdng {
        font-size: 35px;
        line-height: 24px
    }
    .prd-hdng span {
        font-size: 40px;
        line-height: 65px;
    }
    .red-brdr-hd {
        font-size: 35px;
        line-height: 20px;
    }
    .gurantee-box {
        padding: 65px 30px 45px;
        margin-top: 140px;
    }
    .grnte-bx-hd {
        font-size: 39px;
        line-height: 47px;
    }
}

@media only screen and (max-width:767px) {
    body {
        border-top: 4px solid #999;
    }
    .container {
        width: 100%;
        max-width: 600px;
        padding: 0 15px;
    }
    .hide-mob {
        display: none;
    }
    .show-tab {
        display: none;
    }
    .show-desk {
        display: none;
    }
    .show-mob {
        display: block;
    }
    .top-hdng {
        font-size: 28px;
        line-height: 40px;
        padding-top: 15px;
    }
    .author-box {
        margin-top: 30px;
    }
    .author-intro-txt {
        font-size: 21px;
        text-align: center;
    }
    .author-img {
        float: none;
        display: block;
        margin: 20px auto 10px;
        max-width: 90%;
    }
    .comn-para {
        font-size: 17px;
        line-height: 27px;
        margin-top: 20px;
    }
    .comn-hdng {
        font-size: 22px;
        line-height: 32px;
        margin-top: 25px;
    }
    .research-box {
        margin-top: 10px;
    }
    .cmn-reslt-bx {
        padding: 20px 15px;
        text-align: center;
        display: block;
        margin-top: 30px;
    }
    .reslt-cmn-img {
        float: none;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        margin: 0;
    }
    .reslt-txt {
        width: 100%;
    }
    .reslt-txt {
        margin: 20px 0 0 0;
        font-size: 17px;
        line-height: 27px;
    }
    .prd-hdng {
        margin-top: 40px;
        font-size: 28px;
    }
    .prd-hdng span {
        font-size: 36px;
    }
    .prd-img {
        margin: 10px 0 auto;
    }
    .red-brdr-box {
        margin: 30px 0 0 0;
        border-width: 3px;
        padding: 30px 20px;
    }
    .red-brdr-hd {
        font-size: 26px;
        line-height: 32px;
    }
    .red-brdr-txt2 {
        font-size: 19px;
        line-height: 29px;
        margin-top: 20px;
    }
    .gurantee-box {
        padding: 65px 20px 30px;
        margin-top: 90px;
    }
    .gurante-logo {
        width: 170px;
        margin: -120px auto 0;
    }
    .grnte-bx-hd {
        font-size: 26px;
        line-height: 34px;
        margin-top: 15px;
    }
    .buy-sec {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
        justify-content: center;
    }
    .buy {
        width: 100%;
        margin-top: 20px;
        max-width: 400px;
        padding: 0 30px 10px;
    }
    .pkgtop {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
    .buy.box2 {
        order: 1;
    }
    .buy.box1 {
        order: 3;
    }
    .buy.box3 {
        order: 2;
    }
    .buy-prod {
        max-width: 100%;
    }
    .cart-btn {
        max-width: 100%;
    }
}

@media only screen and (max-width:500px) {
    .buy-hdg {
        font-size: 28px;
    }
    .buy-hdg span {
        font-size: 44px;
        line-height: 46px;
    }
    .prc-txt1 {
        font-size: 64px;
        line-height: 60px;
    }
}


/*FOOTER CSS*/

.footer {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #323232;
}

.foter-para {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #d9d9d9;
    margin-top: 20px;
    font-weight: normal;
}

.txt-cen {
    text-align: center;
}

.ftrtxt a {
    color: #d9d9d9;
}

.fotr-bg-t {
    background: #dddddd;
    padding: 8px 8px;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

@media only screen and (max-width: 1200px) {
    .container {
        width: 1004px;
    }
    .main-sec {
        padding: 60px 0;
    }
}

@media only screen and (max-width:1004px) {
    .container {
        width: 750px;
    }
    .forDesk {
        display: none;
    }
    .forTab {
        display: block;
    }
    .top-box {
        padding-left: 30px;
    }
    .main-hdng {
        margin-top: 0;
        font-size: 44px;
    }
    .comn-hdng {
        font-size: 36px;
        line-height: 40px;
        margin-top: 25px;
    }
    .alrt-box {
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .container {
        width: 100%;
        max-width: 600px;
        padding: 0 15px;
    }
    .forMob {
        display: block;
    }
    .hide-mob {
        display: none;
    }
    .logo {
        width: 95px;
        margin: 15px 0;
    }
    .main-sec {
        padding: 30px 0;
    }
    .green-tick-img {
        width: 30px;
    }
    .main-hdng {
        font-size: 26px;
        line-height: 30px;
    }
    .prd-img {
        width: 100px;
        margin: 30px 0 0 0;
    }
    .top-box {
        width: calc( 100% - 100px);
        padding-left: 20px;
        margin-bottom: 5px;
    }
    .comn-hdng {
        font-size: 19px;
        line-height: 22px;
        margin: 20px 0 0;
    }
    .alrt-box {
        padding: 10px;
        margin-top: 15px;
    }
    .alrt-box p {
        font-size: 14px;
        line-height: 22px;
    }
    .comn-para {
        font-size: 17px;
        line-height: 27px;
        margin-top: 20px;
    }
    .para-mob {
        font-size: 14px;
    }
    .footer {
        padding: 20px 0;
    }
    .foter-para {
        margin-top: 16px;
        font-size: 12px;
        line-height: 18px;
    }
}

ul.ftrlist {
    text-align: center;
}

ul.ftrlist li {
    display: inline-block;
    padding: 0 8px 0 8px;
    border-right: 1px solid #bfbfbf;
    font-size: 14px;
    line-height: 14px;
    color: #bfbfbf;
    text-align: center;
    font-weight: 700;
}

ul.ftrlist li:last-child {
    border-right: none;
}

ul.ftrlist li a {
    color: #dddddd;
}

.ftrtxt2 {
    background: #dddddd;
    padding: 8px 8px;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

@media only screen and (max-width: 767px) {
    footer {
        padding: 30px 0;
    }
    .ftrtxt,
    ul.ftrlist li {
        font-size: 12px;
        line-height: 18px;
    }
    ul.ftrlist li {
        line-height: 12px;
    }
    .ftrtxt2 {
        font-size: 10px;
        line-height: 16px;
    }
}