.title {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.title-after {
    text-align: center;
    border-bottom: 1px solid #ececec;
    width: 32%;
    margin: 0 auto;
    margin-top: 18px;
}

.title-after:after {
    content: "";
    position: absolute;
    left: 45%;
    width: 10%;
    right: 0;
    border: 1px solid #fbd09c;
    z-index: 1;
}

.custom-style-section .product-slider .product-slider-detail {
    backdrop-filter: blur(0px);
    width: 100%;
    margin: -30px auto 0;
    padding: calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320))) calc(5px + (23 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.custom-style-section .product-slider .product-slider-image a {
    background: #f1f1f1;
}

.custom-style-section .btn-sm {
    background: #ffffff;
    padding: 5px 12px;
    color: #040e2c;
}

.custom-style-section .btn-sm:hover {
    color: #ffffff;
}

.custom-style-section .product-slider h3.text-title {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.top-styles .product-box:hover .product-image a img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.top-styles .product-image {
    padding: 10px 0 !important;
}

.top-styles .product-image a h5 {
    height: auto !important;
    text-align: center;
    font-weight: 500;
    line-height: 1.6;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin: 3px 0;
    color: #000000;
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}

.top-styles .product-image img,
.trending .product-image img {
    height: 100% !important;
}

.top-styles .add-to-cart-box {
    border-radius: 4px;
}

.add-to-cart-box .btn-add-cart {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    font-weight: 600;
}

.trending .product-box .product-image {
    padding: 0 !important;
}

.trending .product-box .name {
    font-weight: 600;
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.trending .product-box h6 {
    margin: 5px 0 !important;
}

.trending .product-rating {
    justify-content: end;
}

.trending .market_btn {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 40px 0 0;
}

.trending .market_btn .btn {
    padding: 7px 30px;
    border-radius: 4px;
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    font-weight: 500;
}

.trending .market_btn .btn.btn-blue {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #ffffff;
}

.trending .market_btn .btn.btn-white {
    background: #ffffff;
    border: 1px solid #353a3f;
    color: #040e2c;
}

.trending .trending-items-footer {
    justify-content: space-between;
    margin-top: 5px;
}

.trending .trending-items-footer a {
    width: auto !important;
}

.top-styles .product-detail a.view-gallery {
    width: 90%;
    margin: 0 auto;
}

.top-styles a.view-gallery .btn-sm {
    padding: 4px 8px;
    margin: 10px 0;
    font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    background: transparent;
    color: #040e2c;
    border: 1px solid #bbbbbb;
}

.top-styles a.view-gallery .btn-sm:hover {
    color: #040e2c;
    border-color: #040e2c;
}

.btn-view-gallery::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #006abf;
    background: -webkit-gradient(linear, left bottom, right bottom, from(#ffffff), to(#f1f1f1));
    background: linear-gradient(360deg, #ffffff 0%, #f1f1f1 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #040e2c;
}

.top-styles .product-box.product-white-bg {
    padding: calc(4px + (6 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.top-styles .product-detail a.view-gallery .btn-sm:hover {
    color: #fff;
}


section.section-addons .addons-main h6.name {
    font-weight: 600;
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    margin: 0.6rem 0;
}

section.section-addons .addons-main p {
    margin-bottom: 0;
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    line-height: 1.6;
    color: #333333;
}

section.section-addons .addons-main .col-md-8:after {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    /* border-bottom: 1px dashed rgba(74, 85, 104, 0.3); */
    width: calc(100% - 103px);
}

.materials-section .stock-image {
    width: 94%;
    margin: 0 auto;
    margin-bottom: 1rem !important;
}

.materials-section .stock-main-contain {
    position: relative;
}

.materials-section .stock-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}

.materials-section .stock-button .btn-custom-medium {
    margin: 0 auto;
    border: none;
}

.bussiness-main-contain {
    position: relative;
}

.bussiness-main-contain .bussiness-detail {
    padding-top: 1rem;
}

.bussiness-main-contain .bussiness-detail h4 {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    font-weight: 600;
}

.bussiness-main-contain .bussiness-detail h5 {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    font-weight: 600;
}

.bussiness-main-contain .bussiness-detail p {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    color: #333333;
}

.material-sec-2 {
    z-index: 1;
    position: absolute;
    bottom: 25px;
    padding: 0 !important;
}

/* Material Tabs */

.material-tabs {
    list-style-type: none;
    background-color: var(--theme-color);
    display: inline-flex;
    margin: auto;
    padding: 0.5rem;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px #ddd;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 2px solid var(--theme-color);
    width: 70%;
}

/* .focus-outline {
    outline: 4px solid #2196F3;
    outline-offset: 3px;
} */

.material-tabs .tab-item {
    display: inline-flex;
    position: relative;
    z-index: 2;
    align-items: center;
    border-radius: 100px;
    width: 25%;
    cursor: pointer;
}

.material-tabs .tab-item .tab-link {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    flex-grow: 1;
    flex-shrink: 0;
    color: #ffffff;
    padding: 5px 10px;
}

.material-tabs .tab-item .tab-link .tab-heading {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    font-weight: 600;
    margin-bottom: 0.175rem;
    color: #fff5ea;
}

.material-tabs .tab-item .tab-link .tab-name {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    font-weight: 400;
    color: #ffffff;
}

.material-tabs .tab-item.active .tab-link {
    color: #040e2c;
    transition: all ease-in-out 0.35s;
    border-radius: 100px;
    height: 100%;
}

.material-tabs .tab-item.active .tab-link .tab-heading {
    color: var(--theme-color);
}

.material-tabs .tab-item.active .tab-link .tab-name {
    color: #333333;
}

.material-tabs .slider {
    position: absolute;
    height: 83%;
    width: 25%;
    z-index: 1;
    background-color: #fff;
    transition: all ease-in-out 0.35s;
    left: 0.4rem;
    border-radius: 100px;
}

.tab-pane-material .row {
    align-items: center;
}

.tab-pane-material b.custom-bold {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.tab-pane-material .material-detail img {
    margin-right: 4px;
}

/* Packaging Needs */

.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.step-button {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 3px solid #e9e9e9;
    background-color: #f1f1f1;
    transition: .4s;
}

.step-button[aria-expanded="true"] {
    width: 75px;
    height: 75px;
    background-color: #ffffff;
    color: var(--theme-color);
    border: 3px solid var(--theme-color);
}

.done {
    width: 75px;
    height: 75px;
    background-color: #ffffff;
    color: var(--theme-color);
    border: 3px solid var(--theme-color);
}

.packaging-solution-icons::before {
    font-size: calc(26px + 8 * (100vw - 320px) / 1600);
}

.category-section-3 .category-box-list .category-name h4 {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    ;
}

.steps .step-title {
    margin: 10px 0;
    font-weight: 600;
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    padding-bottom: 20px;
}

.step-item {
    z-index: 5;
    text-align: center;
}

.packaging-needs .card {
    border: none;
}

#progress {
    -webkit-appearance: none;
    position: absolute;
    width: 88%;
    z-index: 5;
    height: 7px;
    left: 6%;
    right: 0%;
    top: 40px;
}

/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--theme-color);
    transition: .5s ease;
}

#progress::-webkit-progress-bar {
    background-color: #e9e9e9;

}

.packaging-needs .main-content {
    align-items: center;
    margin-top: 0.5rem;
}

.packaging-needs .main-content .info {
    padding: 50px;
    background: #f9f9f9;
    min-height: 303px;
    vertical-align: middle;
    border-left: 10px solid #ccff90;
}

.packaging-needs .main-content .info ul {
    padding: 0 0 25px 10px;
}

.packaging-needs .main-content .info ul li {
    padding: 0 10px;
    font-size: calc(14px + 3 * (100vw - 320px) / 1600);
    list-style: square;
    display: list-item;
    list-style-position: inside;
}

.packaging-needs .main-content .info.text-content {
    max-height: 303px;
    overflow-y: scroll;
}

.packaging-needs .main-content .info h3,
.packaging-needs .main-content .info h4,
.packaging-needs .main-content .info h5 {
    font-weight: 600;
    color: #222222;
}

.packaging-needs .main-content .info h3 {
    font-size: calc(18px + 4 * (100vw - 320px) / 1600);
    color: #222222;
}

.packaging-needs .main-content .info h4 {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    font-weight: 600;
    color: #222222;
}

.packaging-needs .main-content .info p {
    color: #333333;
}

.packaging-needs .main-content .long-content h3 {
    font-size: calc(16px + 4 * (100vw - 320px) / 1600);
    color: #222222;
}

.packaging-needs .main-content .long-content h4 {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    color: #222222;
}

.packaging-needs .main-content .long-content h5 {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    color: #222222;
}

/* Tag Section */
.tag-section .bank-offer .bank-header {
    padding: 10px;
}

.tag-section .bank-offer {
    border-radius: 0;
}

.tag-section .bank-offer .bank-header .bank-left .bank-name h5.valid {
    margin-top: 0;
}

.materials-section .bank-offer .bank-header {
    background: transparent;
    padding: 10px 20px;
}

.stock-main-contain {
    padding: 0;
}

.materials-section .material-image {
    width: 100%;
    background: #FAF7EE;
}

.stock-content h3 {
    padding-top: 10px;
    font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}

.stock-content p {
    font-size: calc(13px + 3 * (100vw - 320px) / 1600);
}

/* Bank Section  */

.bank-section .cards {
    display: inline-flex;
    /* justify-content: space-between;
    gap: 24px; */
}

.bank-section .card-others {
    height: 100% !important;
}

/* .bank-section .card--1 .card__img,
.bank-section .card--1 .card__img--hover {
    background-image: url('../images/home/stock/design-template.webp');
}

.bank-section .card--2 .card__img,
.bank-section .card--2 .card__img--hover {
    background-image: url('../images/home/stock/3d-mock-up.webp');
}

.bank-section .card--3 .card__img,
.bank-section .card--3 .card__img--hover {
    background-image: url('../images/home/stock/protoype-sample.webp');
}

.bank-section .card--4 .card__img,
.bank-section .card--4 .card__img--hover {
    background-image: url('../images/home/stock/material-quotations.webp');
}

.bank-section .card--5 .card__img,
.bank-section .card--5 .card__img--hover {
    background-image: url('../images/home/stock/custom-dieline.webp');
} */

.bank-section .card.last-card {
    background-image: url('../imgs/banner/trending-main-banner.png');
    height: 100%;
    justify-content: flex-start;
    background-size: cover;
    border: 1px solid #dfdfdf;
    padding: 0;
}

.daily-best .card.last-card {
    background-image: url('../imgs/banner/dialy-best-sells.png');
    height: 100%;
    justify-content: flex-start;
    background-size: cover;
    border: 1px solid #dfdfdf;
    padding: 0;
}

.stock-material-section .last-card .content-detail {
    position: relative;
    text-align: center;
    margin-bottom: 0;
    top: 35px;
}

.stock-material-section .last-card .content-detail .btn {
    padding: 2px 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    border: 1px solid #05b6cd;
    margin: 0 auto;
    background: #00BCD4;
    color: #fff;
    max-width: max-content;
}

.stock-material-section .last-card:hover .content-detail .btn {
    border: 1px solid #f19a34;
    background: #ffa53b;
}

.stock-material-section .last-card .content-detail p {
    padding: 0;
    margin: 0;
    font-size: calc(13px + 1 * (100vw - 320px) / 1600);
}

.stock-material-section .last-card .content-detail h3 {
    font-size: calc(20px + 8 * (100vw - 320px) / 1600);
    font-weight: 600;
}

/* .bank-section .card__img {
    visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

} */

/* .bank-section .card__img--hover {
    transition: 0.2s all ease-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    height: 190px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    top: 0;
    left: 0;

} */

.bank-section .card {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
}

.bank-section .card:hover {
    box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
    /* transform: scale(1.10, 1.10); */
}

.bank-section .card__img img {
    cursor: pointer;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.bank-section .card:hover .card__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.bank-section .card__info {
    z-index: 2;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 15px 10px 18px 10px;
}

.bank-section .card__category {
    text-transform: uppercase;
    font-size: calc(11px + 1 * (100vw - 320px) / 1600);
    letter-spacing: 2px;
    font-weight: 500;
    color: #868686;
}

.bank-section .card__title {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.bank-section .card__by {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    color: #333333;
    font-weight: 400;
}

.bank-section .card__author {
    font-weight: 600;
    text-decoration: none;
    color: #AD7D52;
}

.bank-section .card:hover .card__info {
    background-color: transparent;
    position: relative;
}

.bank-section button.btn.btn-grey {
    border-radius: 4px;
    top: 0.6rem;
    margin-bottom: 0.6rem;
    font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    background: transparent;
    border: 1px solid #a9c9df;
    color: #040e2c;
    font-weight: 500;
    padding: 4px 15px;
}

.bank-section button.btn.btn-grey:hover {
    color: #fff !important;
}

.ppc-section .card .btn-animation-custom-3 {
    margin: 0 0 0 10px;
}

.trending-items .card__info,
.daily-best .card__info {
    padding: 15px 10px 2px 10px;
}

.btn-animation-custom-2 {
    background: #fff;
    color: #040e2c;
    padding: 4px 15px 4px 0;
    font-size: calc(13px + 1 * (100vw - 320px) / 1600);
    font-weight: 400;
    width: auto;
}

.btn-animation-custom-2:hover .icon {
    transform: translateX(0px);
}

.btn-animation-custom-2 i {
    color: #ffa53b;
}

.btn-animation-custom-2:hover {
    padding: 4px 8px;
}

.btn-animation-custom-2:hover i {
    color: #ffffff;
}

.btn-animation-custom-2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0;
    background: #76ccf5;
    background: -webkit-gradient(linear, left top, right top, from(#76ccf5), to(#63c5f2));
    background: linear-gradient(90deg, #76ccf5 0%, #63c5f2 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #25cff2;
}

.btn-animation-custom-3 {
    background: #fff;
    color: #040e2c;
    border: 1px solid #a9c9df;
    width: fit-content;
    padding: 4px 15px;
    font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    font-weight: 500;
}

.btn-animation-custom-3::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 0;
    background: #ff4f4f;
    background: -webkit-gradient(linear, left top, right top, from(#3dd5f3), to(#25cff2));
    background: linear-gradient(90deg, #3dd5f3 0%, #25cff2 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #25cff2;
}

.btn-animation-custom {
    background: #fff;
    color: #040e2c;
    border: 1px solid #a9c9df;
    width: 100%;
    margin-top: 10px;
    padding: 6px 10px;
    font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    font-weight: 500;
}

.btn-animation-custom:hover {
    border-color: #ff4f4f;
}

/* Inserts and Dividers  */

.inserts-dividers .content-detail {
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    height: 100%;
    position: relative;
}

.inserts-dividers .content-detail .row {
    width: 100%;
    margin: 0 auto;
}

.inserts-dividers .content-detail h3 {
    font-weight: 600;
    font-size: calc(18px + 2 * (100vw - 320px) / 1600);
    color: #040e2c;
}

.inserts-dividers .content-detail h6 {
    font-weight: 400;
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    color: #333333;
    line-height: 1.6;
}

.inserts-dividers .buttom-fixed {
    height: 35px;
}

.inserts-dividers .btn-custom-small {
    width: 90%;
    margin: 0.75rem 5%;
    border-radius: 4px;
    font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    position: absolute;
    bottom: 0;
    left: 0;
}

@keyframes LineFadeIn {
    0% {
        opacity: 0;
        d: path("M 0 300 Q 0 300 0 300 Q 0 300 0 300 C 0 300 0 300 0 300 Q 0 300 0 300 ");
        stroke: #fff;
    }

    50% {
        opacity: 1;
        d: path("M 0 300 Q 50 300 100 300 Q 250 300 350 300 C 350 300 500 300 650 300 Q 750 300 800 300");
        stroke: #888BFF;
    }

    100% {
        opacity: 1;
        d: path("M -2 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 802 400");
        stroke: #545581;
    }
}

@keyframes ContentFadeIn {
    0% {
        transform: translateY(-1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes ImageFadeIn {
    0% {
        transform: translate(-0.5rem, -0.5rem) scale(1.05);
        opacity: 0;
        filter: blur(2px);
    }

    50% {
        opacity: 1;
        filter: blur(2px);
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}

.materials-section .stock-active {
    /* box-shadow: 0px 0px 28px 0px #cbcbcbb5 inset;
    -webkit-box-shadow: 0px 0px 28px 0px #cbcbcbb5 inset;
    -moz-box-shadow: 0px 0px 28px 0px #cbcbcbb5 inset; */
    box-shadow: 0px 0px 25px 0px #cbcbcbb5;
    -webkit-box-shadow: 0px 0px 25px 0px #cbcbcbb5;
    -moz-box-shadow: 0px 0px 25px 0px #cbcbcbb5;
    border: 1px solid #ddd;
    background: #fff;
    opacity: 1 !important;
}

.bussiness-section .material-links {
    display: flex;
    gap: 12px;
}

.bussiness-section .stock-image {
    margin-bottom: 1.5rem;
    padding: 0;
}

.bussiness-section .stock-image img {
    width: 92%;
    margin: 0 auto;
}

/* Merge Tab Section */
.merge-section-home .banner-contain-3 {
    background: #f8f8f8;
}

.banner-contain-3 .banner-detail h4.furniture-title img {
    position: absolute;
    top: -6px;
    right: -185px;
}

.faq-box-contain .col-xl-5 {
    position: relative;
}

.faq-box-contain .col-xl-5:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-image: url('../images/home/faqs-banner.png');
    background-repeat: no-repeat;
    background-size: auto;
}

.faq-box-contain .faq-contain h2 {
    font-size: calc(24px + 12 * (100vw - 320px) / 1600);
}

.faq-contain .faq-top-box .faq-box-contain h3 {
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}

.faq-box-contain .faq-contain p {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}

.faq-box-contain .faq-accordion .accordion {
    gap: calc(5px + (15 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: calc(14px + 3 * (100vw - 320px) / 1600);
    padding: calc(8px + 4 * (100vw - 320px) / 1600) calc(8px + 8 * (100vw - 320px) / 1600);
    background-color: #e5f4ff;
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-size: calc(16px + 4 * (100vw - 320px) / 1600);
    font-weight: 600;
    color: var(--theme-color);
}

/* Extra Features Section  */
.extra-features .features {
    /* background: #fbfbfb; */
    border-radius: 20px;
}

.extra-features .features .extra-features-contain {
    padding: 25px 30px 15px 30px;
    background: #e7fdff;
    border-radius: 10px;
    min-height: 100%;
}

.extra-features .feature_inner_section h4 {
    font-size: calc(14px + 1 * (100vw - 320px) / 1600);
    font-weight: 700;
}

/* .extra-features .feature_inner_section{
    margin-bottom: 2rem;
} */
.newsletter .row {
    background: #e5f8ff;
    padding: 60px 50px 0 50px;
    border-radius: 12px;
    align-items: center;
}

.newsletter .newsletter-inner {
    bottom: 30px;
}

.newsletter .newsletter-inner .newsletter-content form {
    background-color: #fff;
    max-width: 450px;
    border-radius: 50px;
    position: relative;
    z-index: 4;
    display: flex !important;
    justify-content: space-between;
}

.newsletter .newsletter-inner .newsletter-content form input {
    border: 0;
    border-radius: 50px 0 0 50px;
    padding-left: 58px;
    background: url(../imgs/theme/icons/icon-plane.png) no-repeat 25px center;
}

.newsletter .newsletter-inner .newsletter-content form button {
    border: 0;
    border-radius: 50px;
    background: #28abdc;
    color: #fff;
}

/* Footer Brands */
.footer-brands .product-wrapper .slick-dots {
    margin-top: calc(3px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}


/* Defined Classes */