.delPrice del em,

.delPrice span {

    font-style: normal;

    color: #000

}



.atcBox.active:hover,

.atcBox:hover {

    transform: scale(1.05);

    background-color: #fff

}



.atc-head h5,

.atcBox,

.note-txt,

.txt-cntr {

    text-align: center

}



.delPrice,

.note-txt {

    letter-spacing: .5px

}



body {

    color: #1e1e1e;

    font-family: Nunito, sans-serif;

    line-height: 1.3

}



.atcContainer {

    width: 100%;

    max-width: 1190px;

    margin: 0 auto;

    padding: 0 20px

}



.aln-cntr {

    align-self: center

}



.blk,

.dsplydesktop,

.prBlock {

    display: block

}



.dsplyMbl {

    display: none

}



.aln-end {

    align-self: end

}



.align-items-center {

    align-items: center

}



.grid-row {

    display: flex;

    flex-wrap: wrap

}



.atcSection {

    background: #f7f6f4;

    padding: 2% 0 1%

}



.atcBox {

    background-color: #eef9ff;

    border-radius: 14px;

    box-shadow: 0 8px 14px #999;

    border: 4px solid #fff;

    margin: 0 20px;

    transition: .3s

}



.atc-head h5 {

    color: #00538c;

    padding: 11px 0 4px;

    margin: 0;

    line-height: 2;

    font-size: 1.1rem

}



.atc-head p {

    color: #00538c;

    font-size: 36px;

    font-weight: 700;

    padding: 0

}



.atc-img img {

    width: 100%;

    max-width: 254px;

    margin: 15px auto 0;

    display: block

}



.atcContent.txt-cntr {

    padding: 0 9px 30px

}



h3.bottlePrice {

    color: #000;

    font-size: 40px;

    font-weight: 800;

    line-height: 1.1;

    margin: 23px 0 15px

}



h3.bottlePrice span {

    color: #000;

    font-size: 25px;

    font-weight: 400

}



.atcBtn a {

    background-color: orange;

    display: block;

    width: 247px;

    font-size: 1.6rem;

    line-height: 1;

    padding: 15px 18px;

    border-radius: 12px;

    font-weight: 600;

    letter-spacing: -1px;

    border-top: 5px solid #edc781;

    border-left: 5px solid #edc781;

    border-right: 5px solid #bd8a2c;

    border-bottom: 5px solid #bd8a2c;

    color: #fff;

    margin: 0 auto 13px;

    text-decoration: none

}



.atcBtn a:hover {

    color: #000

}



.atcBtn a img {

    width: 100%;

    max-width: 52px;

    padding-right: 10px

}



.creditCart {

    width: 100%;

    max-width: 275px;

    margin-bottom: 20px

}



.delPrice {

    font-size: 1rem;

    font-weight: 500;

    color: #246ece

}



.delPrice del {

    font-size: 25px;

    font-weight: 400;

    color: red

}



.delPrice span {

    font-size: 25px;

    font-weight: 700;

    line-height: normal

}



.gurnateeBox {

    display: flex;

    justify-content: center

}



.guranteeLock img {

    width: 100%;

    max-width: 42px

}



.guranteeContent p {

    color: #000;

    font-size: 18px;

    font-weight: 600;

    text-align: left;

    padding-left: 10px

}



.guranteeContent span {

    display: block;

    font-weight: 400

}



.bonusList li::before {

    content: "✔";

    font-size: 20px;

    color: green;

    background: #ffff;

    padding: 0 5px;

    border-radius: 6px;

    margin-right: 6px

}



.bonusList li {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    background: #545c8d;

    width: fit-content;

    margin: 5px auto 10px;

    padding: 8px 20px;

    border-radius: 9px

}



.clrRed {

    background: #b91e24 !important

}



.weightLoss p {

    color: #282828;

    font-size: 28px;

    font-weight: 400

}



.atc-img.prdtImg3,

.atcBox.active .atc-img,

.weightLoss {

    position: relative

}



.weightLoss::before {

    content: "";

    background: url(/assets/images/arrow-red.svg) 0 0/cover no-repeat;

    display: block;

    width: 40px;

    height: 55px;

    position: absolute;

    top: 75%;

    left: -14%

}



.prdtImg3::after,

.prdtImg::after {

    content: "";

    width: 81px;

    height: 81px;

    position: absolute;

    top: 0;

    right: 8%;

    display: block

}



.prdtImg::after {

    background: url(/assets/images/save960.svg) 0 0/cover no-repeat

}



.prdtImg3::after {

    background: url(/assets/images/save450.png) 0 0/cover no-repeat

}



.atcBox.active .atc-img img {

    max-width: 280px

}



.atcBox.active {

    transition: .3s;

    border-radius: 10px;

    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);

    background-color: #ebe8d5;

    margin-top: 20px

}



.atcBox.active .atc-head h5 {

    background-color: #b0cae0;

    margin: -5px -5px 3px;

    border-radius: 16px 16px 0 0

}



.free-text {

    font-size: .8rem;

    padding: 13px 0 0;

    margin: -6px 0 0;

    font-style: italic;

    color: red

}



.atc-sub {

    text-transform: uppercase;

    font-size: 1rem !important;

    font-weight: 400 !important;

    margin-bottom: 12px !important;

    color: #000 !important

}



.note-txt {

    font-size: .9rem;

    line-height: 1;

    padding: 10px 0 0;

    color: #999

}



.card-section img {

    width: 100%;

    max-width: 300px;

    display: block;

    margin: 16px auto

}



@media (max-width:1024px) {

    .atc-head p {

        font-size: 28px

    }

    .atcBox.active .atc-img img {

        max-width: 228px

    }

    .prdtImg::after {

        width: 70px;

        height: 70px

    }

    .bonusList li {

        font-size: 16px;

        margin: 5px auto 6px;

        padding: 5px 14px

    }

    .weightLoss p {

        font-size: 22px

    }

    .atcBtn a {

        font-size: 20px;

        margin: 10px auto 20px

    }

    .creditCart {

        margin-bottom: 10px

    }

    .guranteeContent p {

        font-size: 15px;

        padding-left: 6px

    }

    .delPrice {

        margin-bottom: 13px

    }

    .atcContent.txt-cntr {

        padding: 0 15px 17px

    }

    .atc-sub {

        font-size: .8rem !important

    }

}



@media (max-width:768px) {

    .col-1,

    .col-10,

    .col-11,

    .col-12,

    .col-2,

    .col-3,

    .col-4,

    .col-5,

    .col-6,

    .col-7,

    .col-8,

    .col-9 {

        width: 100%;

        flex: 100%

    }

    .noThanks {

        margin-bottom: 40px

    }

    .atcBox.active::after {

        top: -1%;

        right: -2%

    }

    .atcBox {

        border-radius: 10px;

        margin: 15px auto 16px;

        width: 100%;

        max-width: 460px

    }

    .atcBox.active {

        transform: scale(1)

    }

    .atcContainer {

        margin: 45px 0 0

    }

    .atcBox.active:hover {

        transform: scale(1.04)

    }

    .prdtImg::after {

        width: 80px;

        height: 80px;

        right: 16%

    }

    .atcBox.active .atc-img img {

        max-width: 340px

    }

    .atc-img img {

        max-width: 295px

    }

    .prdtImg3::after {

        right: 17%

    }

    .weightLoss::before {

        width: 50px;

        height: 70px;

        top: 75%;

        left: 0

    }

    .col-4.order-2 {
    order: 2;
}
.col-4.order-3 {
    order: 3;
}

}



@media (max-width:560px) {

    .weightLoss::before {

        left: 0

    }

    .atc-img img {

        max-width: 225px

    }

    h3.bottlePrice {

        margin: 10px 0 13px

    }

    .atcBox:hover {

        background-color: #fff;

        transform: scale(1.03)

    }

    .atcBox {

        max-width: 356px

    }

    .atcBox.active .atc-img img {

        max-width: 263px

    }

    .delPrice {

        margin-bottom: 0

    }

    .note-txt {

        line-height: 1.3

    }

}



@media (max-width:428px) {

    .atcBox.active .atc-head h5 {

        margin: -5px -5px 9px

    }

    .atc-img img,

    .atcBox.active .atc-img img {

        max-width: 180px

    }

    .atc-head p {

        font-size: 25px

    }

    .atc-sub {

        font-size: .7rem !important

    }

    h3.bottlePrice {

        font-size: 34px

    }

    .atcBtn a {

        width: 166px;

        font-size: 18px;

        padding: 10px 10px 9px

    }

    .atc-head h5 {

        font-size: .9rem

    }

    .free-text {

        font-size: .6rem

    }

    .note-txt {

        font-size: .7rem

    }

    .card-section img {

        max-width: 236px

    }

    .atcContainer {

        margin: 21px 0 0

    }

}



@media (max-width:375px) {

    .atc-head h5 {

        font-size: 22px

    }

    .atc-head p,

    .atcBtn a {

        font-size: 18px

    }

    h3.bottlePrice {

        font-size: 50px

    }

    h3.bottlePrice span {

        font-size: 20px

    }

    .bonusList li::before {

        font-size: 14px

    }

    .bonusList li {

        font-size: 15px

    }

    .weightLoss::before {

        left: -5%

    }

}



@media (max-width:320px) {

    .active .atcBtn a {

        max-width: 200px

    }

    .weightLoss::before {

        width: 30px;

        height: 41px

    }

}