@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap");

:root {
    --thm-font: "Alexandria", sans-serif;
    --thm-font-2: "Alexandria", sans-serif;
}

* {
    font-family: "Alexandria", sans-serif;
}

.header-top-style {
    height: 50px;
}

.btn-one {
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.single-choose-box-style2 .inner .outer-icon svg {
    position: inherit;
    display: block;
    color: var(--thm-primary);
    font-size: 40px;
    text-align: right;
    padding-top: 87px;
    padding-right: 50px;
    right: 0px;
    width: 90px;
}

.single-choose-box-style2 .inner .outer-icon {
    position: absolute;
    top: -62px;
    inset-inline-start: -70px; /* Replaces 'left' */
    width: 181px;
    height: 183px;
    z-index: 1;
    transform: perspective(400px) rotateY(0deg);
    transform-origin: inline-start; /* Replaces 'left' */
    transition: all 500ms linear;
    transition-delay: 0.1s;
}

/* For browsers that don't support logical properties,
     we can use a fallback with a media query */
@supports not (inset-inline-start: 0) {
    .single-choose-box-style2 .inner .outer-icon {
        left: -70px;
        transform-origin: left;
    }

    /* RTL override */
    [dir="rtl"] .single-choose-box-style2 .inner .outer-icon {
        left: auto;
        right: -70px;
        transform-origin: right;
    }
}

.single-choose-box-style2 .inner .inner-content svg {
    color: white;
}

.product-quantity-box .rate-box {
    width: initial;
    padding: 0 20px;
}

.product-quantity-box .rate-box h3 {
    font-size: 15px;
}

.single-shop-item .img-holder img {
    height: 250px;
}

.productBadge {
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 5px;
}

.breadcrumb-area {
    padding: 10px;
    margin-top: initial;
    background-color: #31667b;
}

.breadcrumb-area .title h2 {
    color: white;
}

.breadcrumb-menu ul li a {
    color: white;
}

.breadcrumb-menu ul li {
    color: white;
}

.breadcrumb-menu ul li:hover a,
.breadcrumb-menu ul li.active {
    color: white;
}

.cart-table-box
    .cart-table
    tbody
    tr
    .prod-column
    .column-box
    .prod-thumb
    a
    img {
    height: 80px;
}

.iti {
    width: 100%;
}

/* RTL specific styles */
[dir="rtl"] .single-choose-box-style2 .inner .outer-icon svg {
    text-align: left;
    padding-right: 0;
    padding-left: 50px;
    left: 0px;
    right: auto;
}

[dir="rtl"] .productBadge {
    left: auto;
    right: 5px;
}
.footer-widget-links svg {
    width: 25px;
    margin: 10px 0;
}
.social-links svg {
    width: 15px;
}
.addQuantity {
    background-color: green;
}
.removeQuantity{
    background-color: red;
}
.main-slider.style2 .slide .image-layer:before {
    background-color: inherit;
}
.main-slider .slide .image-layer {
    transition: inherit;
}
.choose-style2-area .outer-box {
    margin-top: -10px;
}
.custom-map-control-button {
    position: absolute;
    bottom: 25px !important;
    left: 0 !important;
    top: inherit !important;
    background-color: white;
    color: black;
    margin-top: 10px;
    padding: 10px;
    font-size: 15px;
}