@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy/Gilroy-Regular.ttf);
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy/Gilroy-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy/Gilroy-RegularItalic.ttf);
    font-style: italic;
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy/Gilroy-Light.ttf);
    font-weight: 400;
}
@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy/Gilroy-SemiBold.ttf);
    font-weight: 500;
}
@font-face {
    font-family: Quincy CF;
    src: url(../fonts/quincy/Quincy_CF_Regular.ttf);
}

body {
    font-family: "Gilroy", sans-serif !important;
}

.set__quincy {
    font-family: "Quincy CF" !important;
}

.set__gilroy {
    font-family: "Gilroy" !important;
}
h1,
h2,
he,
h4,
h5,
h6 {
    font-family: "Gilroy";
}
:root {
    --base_black: #121212;
    --base_white: #ffffff;
    --black30: rgba(18, 18, 18, 0.3);
    --black60: rgba(18, 18, 18, 0.6);
    --black75: rgba(18, 18, 18, 0.75);
    --white30: rgba(255, 255, 255, 0.3);
    --white60: rgba(255, 255, 255, 0.6);
    --white75: rgba(255, 255, 255, 0.75);
    --gray100: #fcfcfd;
    --gray300: #e4e7ec;
    --gray500: #98a2b3;
    --gray600: #667085;
    --prim100: #ffeee4;
    --prim200: #ffc6bf;
    --prim300: #fab6b6;
    --prim400: #b62652;
    --prim500: #801330;
    --error: #bb251a;
    --warning: #dc6803;
    --success200: #42d38b;
    --success300: #039855;
    --info200: #84caff;
    --info300: #1465b4;
    --shadowprim100: #ffeee444;
    --disabled2: #3a3a3c;
    --text__lightblack: #2c2c2c;
    --bg__pink: #fab6b633;
}
.main__logo {
    min-width: 170px;
}
.main__logo--img {
    height: 44px;
    object-fit: contain;
}
.offcanvas__header--menu__open--btn {
    color: var(--prim300);
}
.header__menu--link.active {
    color: var(--prim400) !important;
    font-weight: 700;
}
.header__menu--items:hover .header__menu--link {
    color: var(--prim400) !important;
    opacity: 0.95;
}
.header__menu--link {
    color: var(--prim300) !important;
    font-size: 16px;
    text-transform: capitalize !important;
    font-weight: 400;
    transition: all 0.25s;
}
.search__unit .input-group-text img {
    height: 22px;
    width: 22px;
    object-fit: contain;
}
.search__unit .input-group-text {
    background-color: var(--prim100);
    border: 0px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-right: 10px;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 5px;
}
.search__unit .form-control {
    border: 0px transparent;
    background-color: var(--prim100);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 15px;
    padding-right: 0px;
    max-width: 120px;
    width: 100%;
    font-size: 16px;
    color: var(--prim500);
}
.search__unit .form-control::placeholder {
    color: var(--prim400);
}
.prim500 {
    color: var(--prim500);
}
.header__account--wrapper li:not(:last-child) {
    margin-right: 10px;
}
.header__account--btn:hover {
    transform: translateY(-2px);
}
.custom__canvas .offcanvas__sub_menu_item,
.custom__canvas .offcanvas__menu_item {
    text-transform: capitalize;
    color: var(--prim300);
    font-size: 16px;
}
.custom__canvas .offcanvas__sub_menu_item {
    font-size: 14px !important;
}
.custom__canvas .offcanvas__menu_item:hover {
    color: var(--prim400);
    opacity: 0.75;
}
.custom__canvas .offcanvas__menu_item.active {
    color: var(--prim400);
    font-weight: bold;
}
.custom__canvas .offcanvas__sub_menu_toggle::after,
.custom__canvas .offcanvas__sub_menu_toggle::before,
.custom__canvas .offcanvas__close--btn::before,
.custom__canvas .offcanvas__close--btn::after {
    background-color: var(--prim300);
}
.custom__canvas .main__logo--img {
    height: 36px;
    width: 100%;
    object-fit: contain;
    max-width: none !important;
}
.cart__notif {
    display: flex;
    height: 20px;
    width: 20px;
    justify-content: center;
    align-items: center;
    background-color: var(--prim500);
    border-radius: 50%;
}
.cart__notif > p {
    font-size: 10px;
    margin-bottom: 0px;
    color: white;
    font-weight: bold;
}
.footer__bg {
    background-color: var(--prim500);
}
.footer__bg .footer__img {
    width: 100%;
    max-width: 200px;
    object-fit: contain;
}
.footer__tab .hyperlink__footer {
    margin-left: 24px;
    color: var(--base_white);
    background-color: transparent;
    border: 0px;
}
.footer__tab .hyperlink__footer > p {
    color: var(--base_white);
    font-weight: 400;
    margin-bottom: 0px;
    transition: all 0.25s;
}
.footer__tab .hyperlink__footer:hover > p,
.footer__tab .hyperlink__footer:hover > p::after {
    transform: translateY(-2px);
    opacity: 0.75;
}
.footer__tab .hyperlink__footer.active > p {
    font-weight: 700;
}
.footer__dd {
    background-color: var(--prim200);
    border-radius: 5px;
}
.footer__dd .dropdown-item {
    font-size: 14px;
    color: var(--prim500);
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer__dd .dropdown-item:hover {
    background-color: transparent;

    transform: translateY(-2px);
}
.limit__vert {
    height: 25px;
    width: 1px;
    background-color: var(--gray600);
}
.main__footer.section--padding {
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.footer__bottom {
    border-top: 1px solid var(--gray600);
}
.footer__bottom .icon__socmed {
    height: 24px;
    width: 24px;
    object-fit: contain;
}
.footer__cust_title {
    color: var(--prim300);
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 18px;
    margin-top: 24px;
}
.search__unit.big .form-control {
    font-size: 18px;
    min-width: none;
    padding: 10px 15px;
    padding-right: 0px;
    width: calc(100% - 42px);
    max-width: none !important;
}
.search__unit.big .input-group-text {
    padding: 10px 15px;
    padding-left: 0px;
}
.search__unit.big .input-group-text img {
    height: 27px;
    width: 27px;
}
.header__modal_search .btn__close {
    top: 5px;
    right: 5px;
    color: var(--prim500);
}
.header__modal_search .btn__close svg {
    font-size: 24px;
    color: var(--prim500);
}
@media screen and (max-width: 991px) {
    .footer__section {
        padding-bottom: 3rem;
    }
    .header__account--wrapper li:not(:last-child) {
        margin-right: 0px;
    }
}
@media screen and (max-width: 500px) {
    .main__logo--img {
        height: 36px;
    }
    .footer__tab .hyperlink__footer {
        margin-left: 0px;
    }
    .footer__tab .hyperlink__footer {
        display: block;
    }
    .footer__tab button.hyperlink__footer {
        transform: translatex(-4px);
    }
    .footer__tab .hyperlink__footer:not(:last-child) {
        margin-bottom: 10px;
    }
}
/* Color Diamond */
.text__black {
    color: var(--base_black);
}
.blog__child.card,
.blog__child.card .card-body {
    border-radius: 6px;
    background-color: var(--base_white);
    transition: all 0.35s;
}
.blog__child.card .card-body {
    padding: 24px 32px;
}
.blog__child.card .blog__pic {
    aspect-ratio: 2/1.25;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--base_white);
}
.text__gray500 {
    color: var(--gray500);
}
.blog__child.card .desc * {
    font-family: "Gilroy" !important;
}
.blog__child.card .desc {
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    width: 100%;
    height: 50px;
    line-height: 1.25;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog__child:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.fw-500 {
    font-weight: 500 !important;
}
.text__prim300 {
    color: var(--prim300);
}
.blog__small {
    background-color: #fab6b633;
}
.section__cust {
    padding-top: 60px;
    padding-bottom: 60px;
}
.clicker__swiper {
    display: flex;
    justify-content: start;
    align-items: center;
}

.clicker__swiper .click__btn {
    background-color: var(--base_white);
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.25s;
    cursor: pointer;
}
.clicker__swiper .click__btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.clicker__swiper .click__btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.clicker__swiper .click__btn:hover {
    opacity: 0.75;
}
.clicker__swiper .click__btn svg {
    font-size: 28px;
    color: var(--prim500);
}
#scroll__top {
    background-color: var(--prim400) !important;
}
#scroll__top:hover {
    background-color: var(--prim300) !important;
}
@media screen and (max-width: 991px) {
    .clicker__swiper .click__btn {
        height: 54px;
        width: 54px;
    }
    .clicker__swiper .click__btn svg {
        font-size: 24px;
    }
    .display-3 {
        font-size: 36px;
    }
    .section__cust {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

/* Diamond Education */

.education__header {
    background-color: #f6f5f3;
}
.education__header h1 {
    color: var(--prim500);
    margin-bottom: 0px;
    line-height: 1.5;
    font-weight: 700;
}
.education__header h1 > span {
    font-weight: 400;
}
.education__header p {
    color: var(--prim500);
    font-weight: 400;
    margin-bottom: 0px;
}
/* .info__diamond_sect p {
    font-size: 18px;
}
@media screen and (max-width: 996px) {
    .info__diamond_sect p {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .info__diamond_sect p {
        font-size: 15px;
    }
}
@media screen and (max-width: 450px) {
    .info__diamond_sect p {
        font-size: 13px;
    }
} */
.category__card {
    width: 100%;
    aspect-ratio: 5/6;
    transition: all 0.25s;
    border-radius: 12px;
}
.category__card > img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: transparent;
    top: 0px;
    left: 0px;
}
.category__card > .info__data {
    width: 100%;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.category__card > .info__data svg {
    font-size: 18px;
    margin-left: 4px;
    color: var(--base_white);
}
.category__card .small__img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    background-color: white;
}
.text__white {
    color: var(--base_white);
}
.small__block_title {
    width: 24px;
    height: 6px;
    background-color: var(--prim300);
}
.bg__white {
    background-color: var(--base_white);
}

.category__card:hover,
.category__card:focus {
    box-shadow: #ffc6bf80 0px 20px 25px -5px, #ffc6bf11 0px 10px 10px -5px;
}
.set__overflow {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 996px) {
    .category__card .small__img {
        width: 44px;
        height: 44px;
    }
    .category__card p {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .display-3 {
        font-size: 32px;
    }
    .blog__child.card .card-body {
        padding: 18px 24px;
    }
    .category__card .small__img {
        width: 36px;
        height: 36px;
    }
}
@media screen and (max-width: 450px) {
    .category__card p {
        font-size: 13px;
    }
    .display-3 {
        font-size: 28px;
    }
    .blog__child.card .card-body {
        padding: 12px 16px;
    }
    .blog__child.card .desc {
        height: 42px;
    }
    .category__card .small__img {
        width: 32px;
        height: 32px;
    }
    .section__cust {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}
/* Detail Item */

.section__cust .subtitle__sect {
    font-weight: 400;
    color: #5a7184;
}
.testi__card {
    border-radius: 12px;
    padding: 20px 24px;
    background-color: #ffc6bf33;
}

.testi__card small {
    font-size: 14px;
}
.testi__card .pic__testi {
    width: 50%;
    aspect-ratio: 3/2;
    object-fit: contain;
}
.transparent__clicker {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.transparent__clicker svg {
    font-size: 24px;
    color: black;
}
.ganjelan60 {
    height: 60px;
}
.text__wysiwyg *,
.text__wysiwyg {
    font-size: 18px !important;
    color: var(--base_black) !important;
}
.text__wysiwyg li {
    margin-left: 20px;
    margin-top: 6px;
    margin-bottom: 6px;
    list-style: initial;
}
.prim400 {
    color: var(--prim400);
}
.btn {
    padding: 12px 24px;
    border-radius: 6px;
    transition: all 0.25s;
}
.btn:hover {
    transform: translateY(-3px);
    opacity: 0.8;
}
.btn:focus {
    transform: translate(-3px -3px);
}
.btn p {
    font-size: 16px !important;
    font-weight: 500;
}
.btn.btn__pink {
    background: var(--prim300);
    color: var(--prim400);
    border: 1px solid var(--prim300) !important;
    font-weight: 400;
    transition: all 0.25s;
}
.btn.btn__pink p {
    color: var(--prim400);
    transition: all 0.25s;
}
.btn.btn__pink:hover {
    background-color: var(--prim400);
}
.btn.btn__pink:hover p {
    color: var(--base_white);
}
.btn.btn__white_bordered {
    background: var(--base_white);

    border: 1px solid var(--prim400) !important;
}
.btn.btn__white_bordered p {
    color: var(--prim400);
}
.btn.btn__white:hover {
    background-color: var(--prim300);
}
.btn.btn__white:hover p {
    color: var(--prim500);
}
.button__itembar > button {
    width: 220px;
}
.button__itembar > button:first-child {
    margin-right: 1.5rem;
}
.swiper__products .product__media--preview__items--img {
    aspect-ratio: 1;
    object-fit: contain;
}
.product__media--nav__items--img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
.product__media--view__icon--link {
    background-color: var(--prim400);
}
.product__media--nav__items:hover {
    border-color: var(--prim400);
}
.product__media--nav__items.active {
    border-color: var(--prim500);
}
.testi__list .swiper-slide {
    height: auto;
}
.testi__card h5 {
    font-size: 20px;
}
.single__product--preview {
    background-color: var(--prim100) !important;
}
@media screen and (max-width: 996px) {
    .testi__card small {
        font-size: 13px;
    }
    .text__wysiwyg *,
    .text__wysiwyg {
        font-size: 16px !important;
        color: var(--base_black) !important;
    }
    .btn p {
        font-size: 14px !important;
    }
    .button__itembar > button {
        width: unset !important;
    }
    .btn {
        padding: 10px 20px;
        border-radius: 6px;
    }
    .testi__card h5 {
        font-size: 18px;
    }
    .testi__card small {
        font-size: 12px;
    }
}
@media screen and (max-width: 450px) {
    .testi__card small {
        font-size: 11px;
    }
    .text__wysiwyg *,
    .text__wysiwyg {
        font-size: 14px !important;
        color: var(--base_black) !important;
    }
    .btn p {
        font-size: 12px !important;
    }
    .btn {
        padding: 9px 18px;
        border-radius: 6px;
    }
    .testi__card h5 {
        font-size: 17px;
    }
    .testi__card small {
        font-size: 11px;
    }
}
/* Custom Jewelry */
.limit__subtitle {
    width: 100%;
    max-width: 600px;
    color: var(--prim500);
    font-size: 18px;
    text-align: center;
}
.div__promo {
    padding: 72px;
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}
.h1__size {
    font-size: 40px;
    line-height: 1.5;
}
.section__promo {
    background-color: var(--prim100);
}

@media (max-width: 996px) {
    .transparent__clicker {
        height: 48px;
        width: 48px;
    }
    .div__promo {
        padding: 36px 48px;
    }
    .h1__size {
        font-size: 36px;
    }
    .limit__subtitle {
        font-size: 16px;
    }
    .transparent__clicker svg {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .div__promo {
        padding: 24px 36px;
    }
    .h1__size {
        font-size: 32px;
    }
    .limit__subtitle {
        font-size: 14px;
    }
    .transparent__clicker {
        height: 42px;
        width: 42px;
    }
    .bg__mobile {
        background-size: auto 100% !important; /* Set the background size to auto width and 100% height */
        background-repeat: no-repeat;
        background: linear-gradient(135deg, white 35%, transparent 75%),
            url("../images/custom-jewelry-banner.png");
    }
    .div__mobile_banner {
        height: 100%;
        min-height: 350px;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }
    .transparent__clicker svg {
        font-size: 20px;
    }
}
@media (max-width: 450px) {
    .h1__size {
        font-size: 24px;
        line-height: 1.25;
    }
    .transparent__clicker svg {
        font-size: 18px;
    }
    .transparent__clicker {
        height: 38px;
        width: 38px;
    }
}
/* List Item */
.img__banner_list {
    top: 0px;
    right: 10%;
    height: 100%;
    width: auto;
}
.custom__product .rating__list svg {
    color: var(--prim400);
    font-size: 12px;
}
.custom__product .product__card--title {
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.custom__product .product__card--btn {
    padding: 0px 1.75rem;
    height: unset;
    background-color: var(--prim500);
    width: 100%;
    border: 0;
    font-weight: 500;
    transition: all 0.25s;
}
.custom__product .product__card--btn:hover,
.custom__product .product__card--btn:focus {
    background-color: var(--prim300);
    color: var(--prim500);
}
.custom__product .product__add--to__card {
    padding-left: 15px;
    padding-right: 15px;
}
.custom__product .product__badge {
    background-color: var(--prim100);
    color: var(--prim500);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 100px;
    top: 16px;
    left: 16px;
    padding: 4px 14px;
    width: unset;
    height: unset;
}
.custom__product .current__price {
    font-size: 20px;
    color: var(--prim500);
}
.custom__product .rating {
    gap: 0.2rem;
}
.custom__product .product__card--content {
    padding: 1.5rem;
}
.custom__product .product__card--title a {
    color: var(--prim400);
}
.custom__product .product__card--title a:hover,
.custom__product .product__card--title a:focus {
    color: var(--prim400);
    opacity: 0.75;
}
.zindex1 {
    z-index: 1;
}
.overflow__hidden {
    overflow: hidden;
}
.dropdown__bar {
    display: flex;
    align-items: center;
}
.dropdown__bar > svg {
    color: var(--disabled2);
    font-size: 16px;
}
.text__disabled2 {
    color: var(--disabled2);
}
.btn.btn__flat {
    padding: 0px 0px;
    background-color: transparent;
}
.btn.btn__flat:hover,
.btn.btn__flat:focus {
    transform: translateY(0px);
}
.dropdown__bar .dropdown-toggle::after {
    display: none;
}
.dropdown__bar .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--base_black);
}
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--prim100);
}
.items__bar {
    border-left: 1px solid var(--gray300);
}
.items__bar .menu__items {
    padding: 10px 20px;
    color: var(--text__lightblack);
    font-weight: 500;
    font-size: 18px;
}
.items__bar .menu__items.active {
    border-left: 2px solid var(--prim400);
    color: var(--prim400);
}
.form-check-input:checked {
    background-color: var(--prim400);
    border-color: var(--prim400);
}
.cursor__pointer {
    cursor: pointer;
}
@media (max-width: 996px) {
    .custom__product .current__price {
        font-size: 18px;
    }
    .img__banner_list {
        right: 5%;
    }
    .items__bar {
        border-left: 0px;
    }

    .items__bar .menu__items.active {
        border-left: 0;
        border-bottom: 2px solid var(--prim400);
    }
    .items__bar .menu__items {
        margin-bottom: 10px;
    }
    .items__bar .menu__items {
        font-size: 16px;
        border-bottom: 1px solid var(--gray300);
    }
}
@media (max-width: 500px) {
    .custom__product .current__price {
        font-size: 16px;
    }
    .img__banner_list {
        opacity: 0.4;
        right: -30%;
        top: 0;
    }
    .items__bar .menu__items {
        font-size: 15px;
    }
}
/* homepage */
.section__milestone {
    background-color: var(--prim100);
}
.milestone__child .dot {
    height: 10px;
    width: 10px;
    background-color: var(--prim300);
    margin-bottom: 4px;
}
.milestone__child ul {
    margin-left: 20px;
}
.milestone__child ul li {
    list-style: initial !important;
    color: #191a2699;
}
.milestone__child p {
    margin-bottom: 0px;
}
.milestone__child li small {
    font-size: 14px;
    line-height: 1.8;
    color: #191a2699;
}
.h4__size {
    font-size: 24px;
    line-height: 1.5;
}
.h5__size {
    font-size: 20px;
}
.prim300 {
    color: var(--prim300);
}
.details__div .details__child {
    width: calc(20% - 25px);

    margin-right: 24px;
    aspect-ratio: 1;
    height: 100%;
    background-color: var(--prim300);
    border-radius: 12px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.details__child img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.section__detailmatters {
    background-color: var(--bg__pink);
}
.hero__slider--section .swiper-pagination {
    text-align: end;
    margin-right: 25px;
    margin-left: 25px;
}
.hero__slider--section .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 10% !important;
}
.hero__slider--section .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background-color: white !important;
    border: 5px solid var(--prim300) !important;
}
.hero__slider--section .swiper-pagination .swiper-pagination-bullet {
    background-color: white;
    opacity: 1;
}
.hero__slider--section .home__three--slider__items {
    background-position: 100% auto !important;
}
@media (max-width: 996px) {
    .milestone__child li small {
        font-size: 13px;
        line-height: 1.5;
    }
    .h4__size {
        font-size: 20px;
    }
    .h5__size {
        font-size: 18px;
    }
    .details__div .details__child {
        width: calc(25% - 20px);
        margin-right: 0px;
        margin-bottom: 12px;
    }
    .details__child img {
        width: 42px;
        height: 42px;
    }
}
@media (max-width: 768px) {
    .h4__size {
        font-size: 18px;
    }
    .h5__size {
        font-size: 16px;
    }
    .details__div .details__child {
        width: calc(33% - 20px);
    }
    .details__child img {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 450px) {
    .milestone__child ul {
        margin-left: 45px;
    }
    .h4__size {
        font-size: 18px;
    }
    .h5__size {
        font-size: 16px;
    }
    .details__div .details__child {
        width: calc(50% - 15px);
    }
}
/* cart page */
.custom__summary .cart__summary--footer__btn {
    height: unset !important;
    line-height: 1.5;
}
.custom__summary .subtotal .cart__summary--total__title,
.custom__summary .subtotal .cart__summary--amount {
    font-size: 14px;
}
.custom__summary .cart__summary--total__title,
.custom__summary .cart__summary--amount {
    font-size: 16px;
}
.custom__cart .cart__table--header__list {
    text-transform: capitalize;
    font-family: "Gilroy";
    font-size: 20px;
}
.custom__cart .cart__remove--btn {
    box-shadow: none;
}
.header__sub--menu__link.active {
    color: var(--prim400) !important;
    font-weight: 900 !important;
}
.dropdown__bar .dropdown ul {
    border-radius: 12px;

    padding-top: 8px;
    padding-bottom: 8px;
}
@media (max-width: 996px) {
    .items__bar {
        overflow-x: scroll;
    }
}
.custom__row {
    display: flex;
}
.custom__row .column {
    width: calc(20% - 10px);
    margin-right: 10px;
    margin-left: 10px;
}
.swiper__big_cust.swiper-pagination {
    display: flex;
    align-items: center;
    position: relative;
}
.swiper__big_cust.swiper-pagination .swiper-pagination-bullet {
    min-width: 1.5rem;
    background-color: var(--prim400);
    opacity: 0.3;
    border: 0px;
}
.swiper__big_cust.swiper-pagination .swiper-pagination-bullet-active {
    border: 5px solid var(--prim400);
    background-color: white;
    min-width: 1.8rem;
    height: 1.8rem;
    opacity: 1;
}
.swiper__new .swiper-button-next {
    right: 0px;
}
.swiper__new .swiper-button-prev {
    left: 0px;
}
.swiper__new .swiper-button-next,
.swiper__new .swiper-button-prev {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background-color: var(--prim400);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.swiper__new .swiper-button-next::after,
.swiper__new .swiper-button-prev::after {
    font-size: 18px;
    color: var(--base_white);
    font-weight: 700;
}

.custom__pagination .page-item.active .page-link {
    background-color: var(--prim400) !important;
    color: white;
}
.custom__pagination .page-item.disabled .page-link {
    opacity: 0.35;
}
.custom__pagination .page-item.disabled .page-link.spacer__dot{
    opacity: 0.75;
    color: gray;
}
.custom__pagination .page-item .page-link {
    background-color: var(--base_white);
    color: var(--gray500);
    font-weight: 500;
    border-radius: 8px;
    padding: 10px 12px;
    margin-left: 2px;
    margin-right: 2px;
    aspect-ratio: 1;
    border-color: transparent;
}
.custom__pagination .page-item .page-link:hover {
    background-color: var(--bg__pink);
}
/* modal style */
.modal__custom .modal-content {
    padding: 18px 36px;
}
.modal__custom .form-control {
    border: 1px solid var(--prim200);
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 16px;
}
.modal__custom .label__form-control-pass .form-control {
    border-right: 0;
}
.modal__custom .label__form-control {
    /* top: -12px; */
    background-color: white;
    /* left: 10px; */
    font-size: 14px;
    /* padding: 0px 5px; */
    color: var(--disabled2);
}
.modal__custom .label__form-control-pass .input-group-text {
    border: 1px solid var(--prim200);
    border-left: 0px;
    background-color: var(--base_white);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.modal__custom .label__form-control-pass .input-group-text svg {
    font-size: 18px;
    color: var(--base_black);
}
#search__with_input {
    display: flex;
}
#search__mobile_btn {
    display: none;
}
.header__menu--items .header__account--btn p {
    display: inline;
}
.btn.btn__pink:disabled {
    border-color: var(--gray500) !important;
    background-color: var(--gray500);
    opacity: 0.75;
    color: white;
}
.btn.btn__pink:disabled p {
    color: white;
}
@media (max-width: 1200px) {
    #search__with_input {
        display: none;
    }
    #search__mobile_btn {
        display: block;
    }
    .header__account--items .header__account--btn p {
        display: none !important;
    }
    .header__account--items .header__account--btn .cart__notif p {
        display: flex !important;
    }
}
div:where(.swal2-container) .swal2-html-container {
    font-size: 14px !important;
}
div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 20px !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 100% !important;
    max-width: 450px !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--warning) !important;
    font-size: 15px !important;
}
div:where(.swal2-container)
    .swal2-icon-error
    button:where(.swal2-styled).swal2-confirm {
    background-color: var(--error) !important;
}
div:where(.swal2-container)
    .swal2-icon-success
    button:where(.swal2-styled).swal2-confirm {
    background-color: var(--success300) !important;
}
div:where(.swal2-icon).swal2-warning {
    border-color: var(--warning);
    color: var(--warning);
}

.slider__maintitle > p {
    color: white !important;
}

.hero__slider--activation .swiper-slide {
    height: auto;
}
.text__error {
    color: var(--error) !important;
}
.dropdown__headerbar .dropdown-item p {
    font-size: 14px;
    font-weight: 700;
}
.logout__system {
    background-color: var(--prim500);
    border-radius: 12px;
    margin-top: 35px;
    transition: all 0.25s;
}
.logout__system a {
    color: var(--base_white) !important;
    font-weight: 700;
}
.logout__system:hover {
    background-color: var(--prim400);
}

.youtube__standard {
    width: 100%;
    aspect-ratio: 1;
}
.modal__custom .modal-title {
    font-family: "Gilroy";
}
.text__primary500 {
    color: var(--prim500) !important;
}
.text__primary500 > p,
.text__primary500 > span {
    color: var(--prim500) !important;
}
.padding__banner {
    padding-bottom: 72px;
}
.img__banner_home {
    width: 100%;
}
@media (min-width: 1800px) {
    .img__banner_home {
        height: 65vh;
        object-fit: cover;
    }
}
@media (max-width: 996px) {
    .img__banner_home {
        height: 35vh;
        object-fit: cover;
    }
    .slider__maintitle.display-2 {
        font-size: 36px;
    }
    .padding__banner {
        padding-bottom: 48px;
    }
}
@media (max-width: 500px) {
    .img__banner_home {
        height: 38vh;
        object-fit: cover;
    }
    .slider__maintitle.display-2 {
        font-size: 24px;
    }
    .padding__banner {
        padding-bottom: 32px;
    }
}
.category__custom_row.row > * {
    padding-left: 5px;
    padding-right: 5px;
}
.hero__slider--activation .swiper-pagination-bullet {
    border: 0px solid transparent;
}
.product__card--thumbnail__img {
    aspect-ratio: 1;
    object-fit: cover;
}
.custom__product .product__card--title {
    min-height: 56px;
}

@media (max-width: 500px) {
    .custom__product .product__card--title {
        min-height: 44px;
    }
}

.offcanvas__menu_ul {
    max-height: 100vh !important;
}

.search__inputt {
    display: block !important;
}
.search__button {
    display: none !important;
}

@media (max-width: 1200px) {
    .search__inputt {
        display: none !important;
    }
    .search__button {
        display: block !important;
    }
}
.title__hero_slider i {
    font-weight: 500 !important;
}
.info__hero_slider {
    bottom: 0px;
}
@media (max-width: 500px) {
    .info__hero_slider {
        bottom: unset;
        top: 20px;
    }
}
.item__voucher {
    border-radius: 20px;
    background: white;
}
.item__voucher:hover img {
    box-shadow: #b6265230 0px 20px 30px;
}

.share__button {
    width: 50px !important;
    aspect-ratio: 1;
}

@media (max-width: 1200px) {
    .share__button {
        width: 44px !important;
        aspect-ratio: 1;
    }
    .share__button img {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 480px) {
    .share__button {
        width: 36px !important;
        aspect-ratio: 1;
    }
    .share__button img {
        width: 16px;
        height: 16px;
    }
}

.modal__tif.modal-content {
    border-radius: 20px;
}

.divider__cust {
    height: 1px;
    width: 100%;
    background-color: var(--gray300);
}
.img__copy {
    height: 70px;
    width: 70px;
    object-fit: contain;
}
.div__title {
    height: 70px;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.radius__8px {
    border-radius: 8px;
}
.radius__36px {
    border-radius: 36px;
}

.max__vh100 {
    max-height: 100vh !important;
}

.object__contain{
    object-fit: contain;
}

#dialogFirstLogin .modal-content{
    max-width: 600px;
    width: 100%;
}