.hgroup {
    margin-bottom: 35px
}

.imggroup img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.user-q-modal .modal-dialog {
    max-width: 520px
}

.review-slider .owl-item {
    padding: 0 5px
}

.review-slider .review-slider-item {
    padding: 20px 12px;
    background: #f1f1f1
}

.review-slider .review-slider-item .content {
    position: relative;
    padding-bottom: 20px
}

.review-slider .review-slider-item .content .read-more-btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center
}

.review-slider .review-slider-item .content.active .review {
    height: auto
}

.review-slider .review-slider-item .content .review {
    height: 126px;
    overflow: hidden;
    margin-bottom: 5px
}

.comparison-window .c__itembox h2,
.comparison-window2 .c__itembox h2 {
    color: #e46e39;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.comparison-window p,
.comparison-window2 p {
    color: #7b7b7b
}

.comparison-window p,
.comparison-window2 p {
    color: #7b7b7b
}

.home-banner .no-js .owl-carousel,
.home-banner .owl-carousel.owl-loaded {
    position: relative
}

.home-banner .owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 46%;
    width: 100%;
    padding: 0 33px;
    height: 0
}

.home-banner .owl-carousel .owl-nav button.owl-prev,
.home-banner .owl-carousel .owl-nav button.owl-next {
    width: 30px;
    height: 40px;
    background-repeat: no-repeat;
    outline: none;
    background-size: 100%;
    position: relative;
    background-image: none !important
}

.home-banner .owl-carousel .owl-nav button.owl-prev:after {
    opacity: .6;
    content: "";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 40px
}

.home-banner .owl-carousel .owl-nav button.owl-next:after {
    opacity: .6;
    content: "";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 40px
}

.home-banner .owl-carousel .owl-nav button.owl-next {
    background-position: left;
    float: right
}

.home-banner .owl-carousel .owl-nav button.owl-prev {
    float: left;
    background-position: left
}

.home-banner .owl-carousel .item .item-in {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#reviews {
    padding-bottom: 60px
}

#reviews .section-title {
    margin-top: 0
}

#reviews .suplimentary-title {
    margin-top: 40px
}

ul#review_indicators {
    list-style: none;
    padding-left: 0px
}

ul#review_indicators li {
    display: inline-block
}

ul#review_indicators li a {
    display: inline-block;
    width: 11px;
    height: 7px;
    border-radius: 20px;
    margin-right: 3px;
    background-color: #161715;
    opacity: .1
}

ul#review_indicators li.active a {
    background-color: #e46e39;
    opacity: 1;
    width: 21px
}

#testomonials_canvas .testoItem {
    width: 273px;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    border: solid 1px #ededed;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px
}

#testomonials_canvas .testoItem .client_photo img {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    position: relative
}

#testomonials_canvas .testoItem .client_photo {
    margin-top: 20px;
    position: relative
}

#testomonials_canvas .testoItem .client_photo:before,
#testomonials_canvas .verticalLine_two .testoItem .client_photo:before {
    position: absolute;
    content: "“";
    font-weight: bold;
    font-size: 8em;
    opacity: .4;
    top: -56px;
    display: inline-block;
    left: 90px;
    opacity: .4
}

.testoGroup01 #testomonials_canvas .testoItem:nth-child(odd) .client_photo:before {
    color: #e46e39
}

.testoGroup01 #testomonials_canvas .testoItem:nth-child(even) .client_photo:before {
    color: #e43974
}

.testoGroup02 #testomonials_canvas .testoItem:nth-child(even) .client_photo:before {
    color: #a2e439
}

.testoGroup02 #testomonials_canvas .testoItem:nth-child(odd) .client_photo:before {
    color: #3960e4
}

#testomonials_canvas .testoItem .client-letter {
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#testomonials_canvas .testoItem .client-letter .client-letter-box {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    background: #eee;
    font-size: 20px
}

#testomonials_canvas .testoItem .client_review {
    opacity: .5;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #000
}

#testomonials_canvas .testoItem .client_name {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    letter-spacing: normal;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px
}

.single-slider.angela-testimonial-sm .owl-stage-outer {
    overflow: hidden
}

.single-slider.owl-carousel.angela-testimonial-sm .owl-nav {
    display: none
}

.single-slider.angela-testimonial-sm {
    position: absolute;
    left: 40px;
    bottom: 40px;
    border-radius: 8px;
    width: 315px;
    height: 145px
}

.single-slider.angela-testimonial-sm #angela-testimonial .angela-testimonial-box {
    width: 315px;
    height: 145px;
    font-size: 18px;
    align-items: flex-end
}

.single-slider.angela-testimonial-sm a {
    position: absolute;
    right: -10px;
    top: -13px;
    width: 80px
}

.single-slider.angela-testimonial-sm a img {
    max-width: 100%;
    max-height: 100%
}

.owl-carousel.single-slider.angela-testimonial-sm .owl-dots {
    display: none
}

.angela-testimonial-video iframe {
    width: 100%
}

.owl-carousel.single-slider .owl-nav {
    width: 100%;
    top: 42%;
    height: 0
}

.owl-carousel.single-slider .owl-nav button.owl-next {
    float: right;
    position: relative;
    right: -54px
}

.owl-carousel.single-slider .owl-nav button.owl-prev {
    position: relative;
    left: -54px
}

.owl-carousel.single-slider .owl-nav button.owl-next,
.owl-carousel.single-slider .owl-nav button.owl-prev {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center;
    margin-right: 20px
}

.single-slider.owl-carousel button.owl-dot.active {
    background: #212121
}

.single-slider.owl-carousel button.owl-dot {
    width: 55px;
    height: 7px;
    background: #c6c6c6;
    border: none;
    margin: 0 6px;
    border-radius: 4px
}

.single-slider.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0
}

#angela-testimonial {
    background-position: center;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover
}

.single-slider .owl-stage-outer {
    overflow: visible
}

#angela-testimonial::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
}

#angela-testimonial .angela-testimonial-box {
    position: relative;
    color: #fff;
    display: flex;
    height: 490px;
    align-items: center;
    padding: 20px;
    justify-content: space-between;
    text-align: left;
    flex-direction: row
}

#angela-testimonial span {
    display: block
}

#angela-testimonial .name {
    color: #e46e39;
    font-weight: bold
}

#angela-testimonial .play {
    height: auto;
    mix-blend-mode: screen;
    filter: saturate(1.5)
}

.angela-testimonial-video .close {
    position: absolute;
    right: 0;
    background: #fff;
    width: 40px;
    height: 36px;
    border-radius: 6px 6px 0 0;
    z-index: 2;
    opacity: 1;
    top: -30px;
    border-bottom: none
}

#angela-testimonial-video .modal-body {
    padding: none
}

#angela-testimonial-video .modal-content {
    border: none;
    background: none
}

#about-suplimentary {
    background-repeat: no-repeat;
    background-position: right 100px;
    background-size: 791.7px 396px;
    padding-bottom: 200px
}

#about-suplimentary .sup-details,
#our-products .sup-details,
#reviews .sup-details {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.suplimentary-title {
    margin-top: 70px;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom: 40px
}

.certificates-wrapper {
    display: flex
}

.certificates-wrapper .image img {
    width: 100px
}

.certificates-wrapper .image {
    display: flex;
    align-items: center;
    margin-right: 15px;
    mix-blend-mode: multiply;
    width: 24%
}

#hero-unit {
    position: relative;
    width: 100%;
    background-image: linear-gradient(to right, #fffcfd 0%, #f2f0f3 100%);
    background-repeat: no-repeat;
    height: calc(100vh - 100px);
    background-size: cover;
    background-position: center center
}

#hero-unit .main-title {
    padding-top: 48px;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #161715
}

#hero-unit .sub-title {
    opacity: .6;
    font-size: 18px;
    line-height: 1.56;
    color: #161715;
    margin: 0 auto;
    padding: 10px;
    width: 60%;
    padding-bottom: 38px
}

#hero-unit .free-shipping {
    background-color: #f2e4e3
}

#hero1-unit {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center
}

#hero1-unit .main-title {
    padding-top: 48px;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #161715
}

#hero1-unit .sub-title {
    opacity: .6;
    font-size: 18px;
    line-height: 1.56;
    color: #161715;
    margin: 0 auto;
    padding: 10px;
    width: 60%;
    padding-bottom: 38px
}

#about-us .experience-info {
    font-size: 34px
}

#our-products .col-left {
    max-width: 482px;
    margin-left: auto
}

.get-cards-2 .col-right img {
    width: 70%
}

#get-cards {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
	
    height: 82vh;
}

#get-cards::before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("./../images/trial-order-home-bg-big-d-5.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;
    background-position-y: 60%;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0
}

#get-cards .content-right-col-right label .label-text {
    font-size: 12px;
    line-height: 1
}

#get-cards input[type=radio]~.custom-input-radio {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-top: -1px
}

#get-cards .content h4,
#get-cards .content-right-col-right .content-right-col-left h4 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.31;
    color: #000
}

#get-cards .col-right .row-2 .content {
    background: rgba(255, 255, 255, .8)
}

#get-cards .content {
    width: 100%;
    border-radius: 0px
}

#get-cards .content .row1 {
    width: 100%;
    display: table
}

#get-cards .content h1 {
    font-size: 32px
}

#get-cards .content .row1 div:nth-child(1) {
    display: table
}

#get-cards .content span {
    display: block
}

.stock_note_ {
    font-size: 12px;
    white-space: nowrap
}

#get-cards .content-right-col-right #cone-svg {
    position: relative
}

#get-cards .content-right-col-right #cone-svg.coneactive .cone-text {
    display: none
}

#get-cards .content-right-col-right #cone-svg .cone-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.38;
    color: #707070;
    font-size: 12px
}

#get-cards .content-right-col-right .match-row:before {
    content: "";
    background-image: url("./../images-884.png");
    position: absolute;
    display: block;
    z-index: 1;
    width: 62px;
    height: 38px;
    left: -29px;
    top: -10px
}

#get-cards .content-right-col-right .match-row {
    position: relative;
    margin-top: 10px
}

#get-cards .content-right-col-right .select2.select2-container {
    width: 100% !important
}

#get-cards .content-right-col-left .dot-excellent:before {
    content: "";
    font-size: 16px;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #65d086;
    line-height: 1
}

#get-cards .content-right-col-left .dot-aprox:before {
    content: "";
    font-size: 16px;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    color: #65d086;
    line-height: 1
}

#get-cards .content-right-col-left .text-2 span {
    font-weight: bold
}

#get-cards .content-right-col-left .text-2 ._match_color {
    font-weight: bold
}

#get-cards .content-right-col-left .text-2 {
    font-size: 14px
}

#get-cards .content-right {
    padding: 0
}

#get-cards .content-right-col-right {
    position: static
}

#get-cards .content-right-col-right .row1 {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px 0;
    margin: 0px 0 20px
}

#get-cards .content-right-col-right .row1 .form-group {
    width: 42%;
    margin: 0;
    justify-content: flex-end
}

#get-cards .content-right-col-right #cone-svg {
    position: absolute;
    top: 30px;
    right: -40px
}

#get-cards .content-right-col-right svg {
    height: 210px
}

#get-cards .form-control-search::before {
    content: "";
    font-size: 12px;
    display: block
}

.content-right-modal .modal-content .modal-body .quickOrderQty {
    margin-bottom: 0
}

.content-right-modal .modal-content .modal-body .quickOrderQty .qtyCustomInput {
    border: none
}

.content-right-modal .modal-content .modal-body {
    padding: 50px
}

.content-right-modal .modal-content .modal-body .form-control2,
.content-right-modal .modal-content .modal-body .form-control2 {
    font-weight: bold;
    -moz-columns: #000;
    columns: #000
}

.content-right-modal #cone-svg-modal {
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.content-right-modal #cone-svg-modal svg {
    width: 164px;
    height: auto
}

.content-right-modal label {
    width: 40%;
    font-size: 16px;
    color: #707070;
    margin-bottom: 0;
    line-height: 2.8
}

.content-right-modal .modal-content .input-field-right {
    position: relative;
    width: 50%
}

.form-group-typeahead {
    position: relative
}

.form-group-typeahead .typeahead::-moz-placeholder {
    font-size: 12px;
    opacity: .3
}

.form-group-typeahead .typeahead::placeholder {
    font-size: 12px;
    opacity: .3
}

.form-group-typeahead .typeahead:-ms-input-placeholder {
    font-size: 12px;
    opacity: .3
}

.form-group-typeahead .typeahead::-ms-input-placeholder {
    font-size: 12px;
    opacity: .5
}

.form-group-typeahead .typeahead {
    padding-left: 36px;
    background-color: #fff !important;
    color: #000;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14)
}

.twitter-typeahead {
    width: 100%
}

.form-group-typeahead::before {
    font-family: "Font Awesome 5 Free";
    content: "";
    font-weight: 900;
    display: block;
    position: absolute;
    left: 10px;
    z-index: 1;
    top: 10px;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    #get-cards .col-right {
        flex-direction: column-reverse;
        display: flex
    }

    #get-cards::before {
        display: none
    }

    #get-cards .col-left .content-left {
        padding: 0px 0 0px
    }

    #get-cards .col-left .content-left h5 {
        font-size: 14px;
        line-height: 1.6
    }

    #about-us {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .user-q-modal .modal-dialog .logo {
        margin-bottom: 60px
    }

    .review-slider .review-slider-item .content .review {
        height: 106px
    }

    .review-slider .review-slider-item .content.active .review {
        height: auto
    }
}

@media only screen and (min-width: 1500px) {
    #get-cards::before {
        background-position-y: -26vh
    }
}

@media screen and (min-width: 767px) {
    #get-cards .col-right {
        max-width: 420px
    }

    #get-cards .content-right .content-right-col-left {
        position: relative;
        width: 100%;
        float: right;
        padding: 30px 20px
    }

    #get-cards .col-left .content-left {
        padding: 8vh 0%;
        width: 420px
    }

    #get-cards .col-right>div {
        gap: 30px;
        margin: 20px 0
    }

    #get-cards .col-right .row-2 .content-row2 {
        margin-top: 70px;
        padding: 0 20px;
        width: 70%
    }

    #get-cards .col-right .row-2 .card-image {
        width: 60%;
        position: relative;
        top: 0;
        right: 15px;
        float: right
    }

    #get-cards .col-right .row-2 .card-image img {
        width: 100%
    }

    #get-cards .col-right .row-2 .content {
        float: right;
        width: 100%;
        padding: 0;
        margin-top: 0;
        position: relative
    }
}

@media screen and (max-width: 1200px) {
    #about-us .section-title {
        margin-bottom: 15px
    }

    #about-suplimentary {
        background-position: right 80px;
        background-size: 560px 396px
    }

    #reviews .section-title {
        padding-top: 50px
    }

    ul#review_indicators {
        display: none
    }

    #product-popup-box {
        display: none
    }

    #reviews .sup-details {
        width: 95%
    }

    .certificates-wrapper {
        width: 80%
    }

    #about-suplimentary {
        padding-top: 10px;
        background-position: top center;
        background-size: auto 205px
    }

    #about-suplimentary .suplimentary-title {
        padding-top: 160px;
        margin-bottom: 22px
    }

    #our-products .col-left {
        max-width: 386px
    }

    .content-right-modal .modal-content .modal-body .content-right-col-right .stock_note_,
    #get-cards .content-right-col-right .stock_note_ {
        font-size: 12px;
        white-space: initial
    }

    .content-right-modal .modal-content .modal-body .content-right-col-right .match-row:before,
    #get-cards .content-right-col-right .match-row:before {
        left: -10px;
        top: -15px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 60px;
        height: 40px
    }
}

@media screen and (min-width: 1200px) {
    #get-cards .content {
        height: 100%
    }

    #get-cards .content h1 {
        font-size: 2.5rem
    }

    #get-cards .content .row1 div:nth-child(1) {
        display: block
    }

    #get-cards .content {
        height: 100%
    }
}

@media screen and (max-width: 800px) {
    .home-banner .owl-carousel .owl-nav {
        top: 34%;
        padding: 0 10px
    }

    #home-banner-m {
        background-image: linear-gradient(93deg, #fffcfd 2%, #f2f0f3 99%);
        padding: 74px 0 0
    }

    #home-banner-m h2 {
        font-size: 34px
    }

    #home-banner-m p {
        color: #161715;
        opacity: .6
    }

    #home-banner-m img.contained {
        width: 100%
    }

    .about-details {
        margin-top: 26px;
        margin-bottom: 20px
    }

    #pop-out-box {
        width: 100%;
        margin: 0 auto;
        padding: 15px 5px;
        transform: translate3d(0, -40px, 0)
    }

    #pop-out-box div span:first-child {
        font-size: 23px
    }

    #pop-out-box div span:first-child small {
        font-size: 12px
    }

    #pop-out-box div span:nth-child(2) {
        font-size: 14px
    }

    #pop-out-box div:nth-child(3),
    #pop-out-box div:nth-child(4) {
        margin-top: 15px
    }

    #pop-out-box div {
        flex-basis: 20%
    }

    #reviews .suplimentary-title {
        margin-top: 0px;
        margin-bottom: 28px
    }

    #reviews .col-right {
        padding-right: 0
    }

    #reviews .suplimentary-title {
        font-size: 26px
    }

    #testomonials_canvas .testoItem .client_photo {
        height: 75px;
        width: 75px;
        margin: 20px auto 0;
        border-radius: 100%
    }

    #testomonials_canvas .testoItem .client_photo:before,
    #testomonials_canvas .verticalLine_two .testoItem .client_photo:before {
        left: 10px;
        top: -56px
    }

    #testomonials_canvas .testoItem .client_photo img {
        width: auto;
        max-width: 100%;
        max-height: 100%
    }

    .responsive-testoGroup01 #testomonials_canvas .testoItem {
        display: table-cell;
        padding: 0px;
        height: 324px;
        width: 100%
    }

    #testomonials_canvas .testoItem .client_review {
        font-size: 12px
    }

    .responsive-testoGroup01 #testomonials_canvas .testoItem .testoItem-in {
        width: auto;
        padding: 20px 15px
    }

    .single-slider .owl-stage-outer {
        overflow: hidden
    }

    .owl-carousel.single-slider .owl-nav {
        display: none
    }

    .single-slider.owl-carousel.angela-testimonial-sm {
        display: none
    }

    #angela-testimonial .angela-testimonial-box {
        height: 300px;
        align-items: flex-end
    }

    #angela-testimonial .angela-testimonial-box .name {
        font-size: 36px
    }

    #angela-testimonial .angela-testimonial-box a {
        position: absolute;
        right: -10px;
        top: -10px
    }

    #angela-testimonial {
        flex-direction: column;
        text-align: center
    }

    #angela-testimonial span {
        font-size: 24px
    }

    #angela-testimonial img {
        height: auto;
        width: 100px
    }

    #about-suplimentary {
        padding-bottom: 30px
    }

    #about-suplimentary .suplimentary-title {
        font-size: 26px
    }

    .certificates-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        width: 100%
    }

    #hero-unit {
        background-size: 100% auto;
        background-position: center bottom;
        height: 83vh
    }

    #hero-unit .main-title {
        font-size: 2em;
        width: 80%;
        margin: 0 auto;
        padding-top: 12vh
    }

    #hero-unit .sub-title {
        width: 75%;
        font-size: .8em
    }

    #hero-unit .free-shipping {
        font-size: .8rem
    }

    #about-us .about-img {
        padding: 0
    }

    #our-products .productMask {
        overflow: hidden;
        position: initial;
        padding-top: 35px
    }

    #our-products .product_itemBox .bottom-half .product_name {
        height: 50px
    }

    #our-products {
        padding-bottom: 50px;
        padding-right: 0;
        padding-left: 0
    }

    #our-products .col-left {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0
    }

    #our-products .col-right {
        padding-left: 15px;
        padding-right: 0
    }

    #our-products .owl-carousel .owl-nav {
        display: none
    }

    #our-products .actionConrolls {
        margin-top: 26px
    }

    #our-products .actionConrolls .actionLink {
        padding: 0px
    }

    .product-color-slider .product_itemBox .top-half {
        height: 153px
    }

    .product-color-slider .product_itemBox .top-half img {
        max-height: initial;
        max-width: 100%
    }

    #about-suplimentary .sup-details,
    #our-products .sup-details,
    #reviews .sup-details {
        font-size: 16px
    }

    .get-cards-2 .col-right {
        justify-content: flex-end
    }

    .get-cards-2 .col-right img {
        position: relative;
        top: -50px;
        right: 0;
        width: 65%
    }

    #get-cards .col-right {
        background-color: #eee
    }

    #get-cards .col-right .row-2 {
        margin-bottom: 15px
    }

    #get-cards .col-right .row-2 .card-image {
        width: 60%;
        position: relative;
        top: 0;
        right: 15px;
        float: right;
        padding: 0px 0 15px
    }

    #get-cards .content-right {
        padding: 26px 0px;
        height: auto;
        margin: 15px 0
    }

    #get-cards .content-right-col-right #cone-svg {
        position: absolute;
        top: 26px;
        right: 20px
    }

    .content-right-modal .modal-content .modal-body {
        padding: 20px
    }

    .content-right-modal .price-row {
        gap: 10px;
        justify-content: center !important
    }

    .content-right-modal .price-row .price span {
        font-size: 32px !important
    }

    .content-right-modal .modal-content .price-row label {
        width: auto
    }

    .content-right-modal .modal-content .price-row .input-field-right {
        width: auto
    }

    .modal-content {
        border-radius: 0;
        background-color: #f8f8f8
    }

    .modal-dialog {
        margin: 0 !important
    }

    .content-right-modal .modal-body {
        padding-bottom: 120px
    }

    .content-right-modal .form-group {
        flex-direction: column;
        margin-bottom: 8px
    }

    .content-right-modal .form-group.quickOrderQty {
        flex-direction: row
    }

    .content-right-modal .modal-content .input-field-right,
    .content-right-modal label {
        width: 100%
    }

    .content-right-modal #cone-svg-modal svg {
        width: 60px;
        margin-bottom: 0
    }

    .modal-clos-mb {
        padding: 15px 15px 0;
        text-align: left
    }

    h4 {
        font-size: 22px
    }

    #get-cards {
        background-image: none
    }

    #get-cards .content-right-col-right #color_match_empty_state {
        font-size: 10px;
        list-style: 1.2
    }

    #get-cards .content-right-col-right #cone-svg .cone-text img {
        width: 18px;
        height: auto
    }

    #get-cards .content-right-col-right #cone-svg .cone-text {
        font-size: 8px
    }

    #get-cards .content-right-col-right svg {
        width: 74px;
        height: 150px
    }

    #get-cards .content-right-col-right .match-row:before {
        top: -10px;
        width: 50px;
        height: 40px;
        background-size: 80%;
        background-repeat: no-repeat;
        background-size: contain
    }

    #get-cards .col-left {
        background-image: url("./../images/trial-order-home-bg-big-m-5.png");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 140%;
        padding: 6vh 15px 45vh
    }

    #get-cards .content-right-col-left .text-2 {
        font-size: 12px;
        text-align: right
    }

    #get-cards .content {
        padding: 0
    }

    #get-cards .content .row1 h4 {
        font-size: 22px
    }

    #get-cards .content .row1 h5 {
        font-size: 18px
    }

    #get-cards .content .row1 {
        display: grid;
        grid-template-columns: 1fr
    }

    #get-cards .content h1 {
        font-size: 26px
    }

    #get-cards .content .row1 div:nth-child(1) {
        display: grid;
        grid-row-gap: 5px
    }

    #get-cards .content .card-image img {
        width: 100%
    }
}

/*# sourceMappingURL=home.css.map */