/* ================== Inner Page ================== */
.inner-banner {
    /*min-height: 200px;*/
    z-index: 0;
    /*background: #efefef;*/
    display: flex;
    align-items: center;
    position: relative;
}

.inner-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: /*#efefef*/ url(../sub-img/bg-3.jpg) no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;
    opacity: 20%;
    z-index: -1;
}

.inner-banner .banner-content {
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    align-items: center;
    gap: 5px 15px;
}

.inner-banner .banner-content .page-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
    display: none;
}

.inner-banner .banner-content .breadcrumb {
    margin: 0;
}

.inner-banner .banner-content .breadcrumb .breadcrumb-item {
    font-size: 15px;
    font-weight: 400;
    color: var(--theme-dark);
}

.inner-banner .banner-content .breadcrumb .breadcrumb-item a {
    position: relative;
}

.inner-banner .banner-content .breadcrumb .breadcrumb-item a::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--theme-color2);
    transition: 0.5s;
}

.inner-banner .banner-content .breadcrumb .breadcrumb-item a:hover::before {
    width: 100%;
}

.inner-banner .banner-content .breadcrumb .breadcrumb-item.active {
    color: var(--theme-color2);
}

/* ================== Inner Page ================== */
.inner-page .theme-title {
    margin-bottom: 16px;
    font-size: 40px;
}

/* ================== Conatct Page ================== */
/* ------------------ Branch Section ------------------ */
.branch-section {
    padding: 100px 0;
}

.branch-section .theme-title {
    margin-bottom: 60px;
    text-align: center;
}

.branch-section .branch-card-area {
    margin-top: 36px;
}

/* ----------  ---------- */
.branch-section .branch-card {
    padding: 50px 30px;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border: 1px solid #fff;
    border-radius: 5px;
    backdrop-filter: blur(4px);
}

.branch-section .branch-card .card-title {
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

.branch-section .branch-card .card-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 1px;
    background: rgb(255 255 255 /30%);
}

.branch-section .branch-card p {
    color: rgb(255 255 255 /75%);
    white-space: pre-line;
}

.branch-section .branch-card .map-link {
    position: absolute;
    top: 50px;
    right: 30px;
    padding: 5px;
    width: 40px;
    background: #fff;
    /*border: 1px solid rgb(255 255 255 / 30%);*/
    border-radius: 3px;
    cursor: pointer;
    transition: 0.5s;
}

.branch-section .branch-card .map-link img {
    width: 100%;
    filter: unset;
    transition: 0.5s;
}

.branch-section .branch-card:hover .map-link {
    background: rgb(255 255 255 /85%);
}

.branch-section .branch-card:hover .map-link img {
    filter: grayscale(1);
}

.branch-section .branch-card .map-link img:hover {
    filter: grayscale(0);
}

/* ----------  ---------- */
.branch-section .branch-card li {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
}

.branch-section .branch-card li:last-child {
    margin-bottom: 0;
}

.branch-section .branch-card li .branch-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--theme-color2);
    font-size: 17px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.branch-section .branch-card li p {
    margin-top: 5px;
    white-space: unset;
}

.branch-section .branch-card li p a {
    display: block;
    position: relative;
}

.branch-section .branch-card li p a::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--theme-color2);
    transition: 0.5s;
}

.branch-section .branch-card li p a:hover {
    color: #fff;
}

.branch-section .branch-card li p a:hover::before {
    width: 100%;
}

/* ----------  ---------- */
.map-modal .modal-content .modal-body {
    padding: 0;
    aspect-ratio: 2/1;
}

.map-modal .modal-content .modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* ================== About Page ================== */
/* ------------------ About Section 1 ------------------ */
.about-page-section {
    padding: 80px 0;
}

.about-page-section .about-content {
    padding-left: 40px;
    padding-block: 30px;}

.about-page-section .about-img-area {
    position: relative;
    width: 100%;
    height: 100%;
}

.about-page-section .about-img-area .about-big-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 65%;
    border-radius: 5px;
    overflow: hidden;
}

.about-page-section .about-img-area .about-sml-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 45%;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}

.about-page-section .about-img-area .about-big-img img, .about-page-section .about-img-area .about-sml-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------------ About Section 1 ------------------ */
.about-page-section2 {
    padding: 100px 0;
    background: var(--theme-color);
}

.about-page-section2 .counter-section {
    margin-top: 0;
    padding-block: 0;background: transparent;
}

.about-page-section2 .counter-section .counter-card p {
    border-bottom-color: rgb(255 255 255 /30%);
    color: #fff;
}

.about-page-section2 .counter-section .counter-card h6::before {
    background: rgb(0 0 0 /5%);
}

/* ------------------ About Section 3 ------------------ */
.about-page-section3 {
    padding: 100px 0;
}

.about-steps-slider {
    width: 100%;
    aspect-ratio: 2/1.5;
    border-radius: 5px;
    overflow: hidden;
    position: sticky;
    top: 120px;
}

.about-steps-content {
    padding-left: 40px;
    width: 100%;
}

.about-steps-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 15px;
}

.about-steps-content ul li {
    padding-left: 70px;
    padding-top: 12px;
    width: 100%;
    counter-increment: count;
    position: relative;
}

.about-steps-content ul li:before {
    content: counter(count, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: var(--theme-light2);
    border: 2px solid var(--theme-color2);
    border-radius: 50%;
    font-size: 17px;
    font-weight: 600;
    color: #444;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.about-steps-content ul li h5 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}

.about-steps-content ul li p {
    font-size: 16px;
}

.scroll-progress-container {
    position: relative;
    overflow: hidden;
}

.scroll-progress-innercontent {
    position: absolute;
    top: 0;
    left: 24px;
    width: 2px;
    height: 100%;
    background: var(--theme-light);
    z-index: 1;
}

.scroll-progress-bar {
    width: 100%;
    height: 0%;
    background: var(--theme-color2);
    border-radius: 10px;
    transition: height 0.2s ease-out;
}

/* ================== Product Page ================== */
.side-bar {
    position: sticky;
    top: 120px;
}

.side-bar a:hover {
    text-decoration: none;
}

.side-bar .heading {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(153 153 153 / 15%);
}

.side-bar-cat, .price-range {
    margin-bottom: 20px;
    padding: 20px;
    background: var(--theme-light);
    border-radius: 5px;
}

/* ----------  ---------- */
.cat-select {
    margin-bottom: 10px;
}

.cat-select button {
    margin: 0 0 8px auto;
    padding: 0;
    width: fit-content;
    display: block;
    background: transparent;
    border: none;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--theme-dark);
    text-transform: uppercase;
    position: relative;
    transition: 500ms;
}

.cat-select button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--theme-color2);
    transition: 0.5s;
}

.cat-select button:hover::after {
    width: 100%;
}

/* ----------  ---------- */
.cat-select-part {
    padding: 10px 15px;
    background: rgb(255 255 255 / 40%);
    border: 1px solid rgb(0 0 0 / 5%);
    border-width: 1px 1px 0 1px;
    position: relative;
}

.cat-select-part:first-child {
    border-radius: 5px 5px 0 0;
}

.cat-select-part:last-child {
    border-bottom-width: 1px;
    border-radius: 0 0 5px 5px;
}

.cat-select-part .close {
    width: fit-content;
    font-size: 16px;
    line-height: 10px;
    position: absolute;
    top: 10px;
    right: 15px;
    transform: rotate(45deg);
    opacity: 0;
    transition: 500ms;
}

.cat-select-part .heading {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 0;
}

.cat-select-part .paragraph {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.2;
    display: inline-block;
    position: relative;
}

.cat-select-part .paragraph::after {
    display: inline-block;
    content: ',';
}

.cat-select-part .paragraph:last-of-type::after {
    content: '';
}

.cat-select-part .paragraph button {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.cat-select-part .paragraph button::after {
    background: #444;
    top: 50%;
    transform: translateY(-50%);
}

.cat-select-part:hover .close {
    opacity: 1;
}

.cat-select-part .close:hover {
    color: var(--theme-color2);
}

.cat-select-part .close:hover::after {
    display: none;
}

/* ----------  ---------- */
.side-bar-cat-list .accordion-item, .side-bar-cat-list .accordion-item:not(:first-of-type) {
    margin: 0;
    border: none;
    border-radius: 5px;
}

.side-bar-cat-list .accordion-button, .side-bar-cat-list .accordion-body ul a {
    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid rgb(0 0 0 / 5%);
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    transition: 500ms;
}

.side-bar-cat-list .accordion-button {
    box-shadow: unset;
}

.side-bar-cat-list .accordion-button:not(.collapsed), .side-bar-cat-list .accordion-button:hover {
    background: none;
    color: var(--theme-color2) !important;
}

.side-bar-cat-list .accordion-button::after {
    content: "+";
    width: auto;
    height: auto;
    background: transparent;
    float: right;
}

.side-bar-cat-list .accordion-button:not(.collapsed)::after {
    content: '-';
}

/* ----------  ---------- */
.side-bar-cat-list .accordion-body {
    padding: 0;
    border: none;
}

.side-bar-cat-list .accordion-body ul a {
    padding: 8px 10px 8px 15px;
    font-size: 13px;
    font-weight: 400;
    color: var(--theme-dark);
}

.side-bar-cat-list .accordion-body ul li a:hover {
    padding-left: 20px;
}

.side-bar-cat-list .accordion-body ul li.active a {
    color: rgb(68 68 68 / 40%);
}

/* ----------  ---------- */
/* .pro-spcl-btn{margin-bottom:25px;display: flex;flex-wrap: wrap;gap: 5px;} */
.pro-spcl-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 25px;
    padding: 10px 0;
    background: #fff;
    position: sticky;
    top: 0px;
    z-index: 1;
    transition: 0.5s;
}

.pro-spcl-btn.move-style {
    top: 100px;
    transition: 0.5s 0.5s;
}

.pro-spcl-btn a {
    display: inline-block;
    margin: 0;
    padding: 10px 15px;
    background: var(--theme-light);
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    transition: 500ms;
}

.pro-spcl-btn a:hover, .pro-spcl-btn a.active {
    background: var(--theme-color2);
    color: #fff;
}

/* ----------  ---------- */
.pro-top-bar {
    margin-bottom: 15px;
    display: flex;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    align-items: center;
}

.pro-top-bar .paragraph {
    display: inline-block;
    margin: 0px;
    font-size: 14px;
    line-height: 1;
    opacity: 70%;
}

.pro-top-bar .buttons {
    display: inline-block;
}

.pro-top-bar .buttons button {
    background: transparent;
    border: 1px solid var(--theme-dark);
    opacity: 70%;
    transition: 500ms;
}

.pro-top-bar .buttons button:hover {
    border-color: var(--theme-color2);
    color: var(--theme-color2);
    opacity: 1;
}

/* ---------- Pro Price ---------- */
.pro-price {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: var(--semi-dark);
    text-align: center;
}

.pro-price del {
    font-size: 90%;
    font-weight: 500;
    opacity: 50%;
}

.pro-price span {
    display: inline-block;
    font-size: 80%;
    color: var(--theme-color2);
}

/* ---------- Pro NotAvailable ---------- */
.pro-notavailable {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1;
    color: red;
}

/* ------------------ Product Section ------------------ */
.pro-secn {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pro-secn .pro-inner {
    border: 1px solid var(--theme-light);
    border-radius: 5px;
    overflow: hidden;
    transition: 0.5s;
}

.pro-secn .pro-inner .offer-pro {
    position: absolute;
    top: 24px;
    left: -40px;
    padding: 6px 0;
    width: 170px;
    background: var(--theme-color);
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    transform: rotate(-45deg);
}

.pro-secn .pro-inner .pro-img {
    border: 0px solid var(--theme-light2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-secn .pro-inner .pro-img img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    transition: 0.5s;
}

.pro-secn .pro-inner .pro-title {
    /*margin-bottom: 15px;*/
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    transition: 0.5s;
}

.pro-secn .pro-inner .pro-price {
    gap: 5px;
    justify-content: center;
    font-size: 16px;
}

.pro-secn .pro-inner:hover .pro-img img {
    transform: scale(1.1);
}

.pro-secn .pro-inner:hover .pro-title {
    color: var(--theme-color2);
}

/* ---------- Pro Btn ---------- */
.pro-secn .pro-inner .shop-btn {
    display: flex;
}

.pro-secn .pro-inner .shop-btn .theme-btn {
    padding: 15px 10px;
    background: var(--theme-light);
    border-radius: 0;
    font-size: 14px;
    color: var(--theme-dark);
}

.pro-secn .pro-inner .shop-btn .theme-btn::after {
    background: rgb(211 211 211 / 20%);
}

.pro-secn .pro-inner:hover .shop-btn .theme-btn {
    background: var(--theme-color);
    color: #fff;
}

.pro-secn .pro-inner .shop-btn .theme-btn.bdr-btn {
    background: transparent;
    border-color: var(--theme-light2);
    border-width: 1px;
}

.pro-secn .pro-inner:hover .shop-btn .theme-btn.bdr-btn {
    border-color: var(--theme-color);
    color: var(--theme-dark);
}

/* ---------- Grid ---------- */
.pro-secn .pro-inner.grid {
    padding: 0px;
    width: calc(33.33% - 14px);
    justify-content: space-between;
}

.pro-secn .pro-inner.grid .pro-img {
    padding: 20px 30px;
    width: 100%;
    aspect-ratio: 1/0.8;
}

.pro-secn .pro-inner.grid .pro-details {
    width: 100%;
    text-align: center;
}

.pro-secn .pro-inner.grid .pro-title {
    padding: 5px 25px 15px;
}

.pro-secn .pro-inner.grid .pro-desc {
    display: none;
}

/* ---------- Grid Btn ---------- */
.pro-secn .pro-inner.grid .shop-btn .theme-btn {
    width: 50%;
    border-radius: 0 0 5px 0;
}

.pro-secn .pro-inner.grid .shop-btn .theme-btn.bdr-btn {
    border-radius: 0 0 0 5px;
}

/* ---------- List ---------- */
.pro-secn .pro-inner.list {
    padding: 15px;
    width: 100%;
    flex-direction: row;
}

.pro-secn .pro-inner.list .pro-img {
    margin-right: 25px;
    padding: 20px;
    max-width: 280px;
    border-width: 1px;
}

.pro-secn .pro-inner.list .pro-details {
    padding: 15px 0;
    width: calc(100% - 305px);
}

.pro-secn .pro-inner.list .pro-desc {
    margin-bottom: 15px;
}

/* ---------- List Btn ---------- */
.pro-secn .pro-inner.list .shop-btn {
    justify-content: flex-end;
}

/* ---------- Pagination ---------- */
.pagination {
    margin-top: 40px;
    z-index: 0;
    position: relative;
}

.pagination .page-link {
    border: 1px solid var(--theme-light2);
    color: var(--theme-dark);
}

.pagination .page-link:focus {
    box-shadow: unset;
    background: transparent;
}

.pagination .page-link:hover, .page-item.active .page-link {
    background: var(--theme-color2);
    color: #fff;
}

.page-item:first-child .page-link {
    border-radius: 5px 0 0 5px;
}

.page-item:last-child .page-link {
    border-radius: 0 5px 5px 0;
}

.page-item.disabled .page-link {
    background: transparent;
    opacity: 70%;
}

/* ================== Product Details Page ================== */
/* ------------------ Share Section ------------------ */
.product-details-page-section {
    margin: 80px 0;
    position: relative;
}
.product-details-page-section .pro-share-area{position: relative;z-index: 0;}
.product-details-page-section .pro-share-area .pro-share {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 0 auto;
    padding: 5px 15px;
    width: fit-content;
    border: 1px solid var(--theme-light);
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.5s;
}

.product-details-page-section .pro-share-area .pro-share i {
    margin-right: 5px;
    color: rgb(68 68 68 / 40%);
    transition: 0.5s;
}

.product-details-page-section .pro-share-area.active .pro-share {
    border-color: var(--theme-color);
}

.product-details-page-section .pro-share-area.active .pro-share i {
    color: rgb(68 68 68 / 80%);
}

/*--------  --------*/
.product-details-page-section .pro-share-card {
    position: absolute;
    top: 30px;
    right: 0;
    margin-top: 10px;
    padding: 15px 30px;
    max-width: 350px;
    background: #fff;
    border: 1px solid var(--theme-light);
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    z-index: -1;
    transition: 0.5s;
}

.product-details-page-section .pro-share-card li a {
    width: 40px;
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    transition: 0.5s;
}

.product-details-page-section .pro-share-card li a:hover {
    border-color: var(--theme-color2);
    color: var(--theme-color2);
}

.product-details-page-section .pro-share-area:not(.active) .pro-share-card {
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    opacity: 0;
    transform: translateY(-50px);
}

/* ------------------ Product details image Section ------------------ */
.product-details-top {
    margin-bottom: 80px;
}

.product-img-area {
    width: fit-content;
    max-width: 580px;
}

.product-img-area img {
    display: block;
    max-width: 100%;
}

.product-details-page-section .pro-details {
    padding-top: 15px;
}

.product-details-page-section .pro-details .pro-title {
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: 600;
}

.product-details-page-section .pro-details .pro-price {
    margin-bottom: 30px;
}

/* ------------------ Product Description Section ------------------ */
.product-details-area .pro-desc {
    margin-bottom: 30px;
}

/*--------  --------*/
.product-details-area .nav-tabs {
    margin-bottom: -1px;
    padding: 0 25px;
    border: none;
    gap: 8px;
}

.product-details-area .nav-tabs .nav-link {
    position: relative;
    padding: 12px 30px;
    border: none;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: var(--theme-dark);
}

.product-details-area .nav-tabs .nav-link:focus, .product-details-area .nav-tabs .nav-link:hover, .product-details-area .nav-tabs .nav-link.active {
    color: var(--theme-color);
}

.product-details-area .nav-tabs .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
    transition: border-color 0.5s, width 0.5s ease, height 0s 0.5s;
}

.product-details-area .nav-tabs .nav-link:focus::before, .product-details-area .nav-tabs .nav-link:hover::before, .product-details-area .nav-tabs .nav-link.active::before {
    width: 100%;
    height: 100%;
    border-color: var(--theme-color2);
    border-bottom-color: transparent;
    transition: border-color 0.5s, width 0.5s ease;
}

/*--------  --------*/
.product-details-area .tab-content {
    border: 1px solid var(--theme-color2);
    border-radius: 5px 5px;
}

.product-details-area .tab-content .pro-tab-content {
    padding: 35px 30px;
}

.product-details-area .tab-content .pro-tab-content .table {
    margin: 0;
}

.product-details-area .tab-content .pro-tab-content .table>:not(caption)>*>* {
    padding: 10px 10px 10px 10px;
}

.product-details-area .tab-content .pro-tab-content .table th {
    padding-right: 28px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
}

.product-details-area .tab-content .pro-tab-content .table th::after {
    content: ':';
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.product-details-area .tab-content .pro-tab-content .table th, .product-details-area .tab-content .pro-tab-content .table td {
    border: 0;
}

.product-details-area .tab-content .pro-tab-content .table td {
    font-size: 16px;
}

.product-details-area .tab-content .pro-tab-content .table tr:nth-child(odd) th, .product-details-area .tab-content .pro-tab-content .table tr:nth-child(odd) td {
    background: rgb(240 242 246 / 52%);
    color: var(--semi-dark);
}

/*--------  --------*/
.product-details-area .pro-tab-content .contact-form {
    padding: 0;
    border: unset;
}

.product-details-area .pro-tab-content .contact-form form {
    max-width: 100%;
}

/* ------------------ Product Details  Section ------------------ */
.pro-highlights {
    position: sticky;
    top: 110px;
}

.pro-highlights .pro-categories {
    margin-bottom: 20px;
    padding: 20px 15px;
    border: 1px solid var(--theme-light);
    border-radius: 5px;
}

.pro-highlights .pro-categories .title {
    display: block;
    margin-bottom: 20px;
    /*padding: 0 10px 5px 15px;*/
    padding: 0 0 5px 0;
    border-bottom: 1px solid var(--theme-light);
    font-size: 22px;
    font-weight: 500;
}

.pro-highlights .pro-categories .pro-categories-content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.pro-highlights .pro-categories a {
    padding: 8px 10px;
    background: var(--theme-light);
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    transition: 0.5s;
}

.pro-highlights .pro-categories a:hover {
    background: var(--theme-color);
    color: #fff;
}

/* ------------------ Similar Product Section ------------------ */
.similar-product-section {
    padding: 100px 0;
    background: var(--theme-light);
}

.similar-product-section .theme-title {
    margin-bottom: 30px;
    text-align: center;
}

.similar-product-section .item {
    padding: 0 1px;
}

.similar-product-section .pro-inner {
    padding: 15px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgb(68 68 68 / 40%);
}

.similar-product-section .pro-inner .pro-img {
    width: 100%;
    aspect-ratio: 1/0.9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.similar-product-section .pro-inner .pro-img img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    transition: 0.5s;
}

.similar-product-section .pro-inner .pro-details {
    text-align: center;
}

.similar-product-section .pro-inner .pro-details .pro-title {
    font-size: 18px;
}

.similar-product-section .pro-inner .pro-details .shop-btn {
    margin: 10px auto 0;
    width: fit-content;
    font-size: 13px;
    text-decoration: underline;
    transition: 0.5s;
}

.similar-product-section .pro-inner:hover .pro-details .shop-btn {
    color: var(--theme-color2);
}

/*--------  --------*/
.similar-product-section .owl-carousel .owl-nav {
    padding: 20px 20px 0 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    top: 0;
}

.similar-product-section .owl-carousel .owl-nav button.owl-prev, .similar-product-section .owl-carousel .owl-nav button.owl-next {
    position: unset;
    transform: unset;
}

#easy-renting {
    padding-top: 110px;
    margin-top: -110px;
}

/* ================== Extra Quote Page ================== */
.extra-quote-area {
    margin: 100px auto;
    max-width: 800px;
    width: 90%;
    text-align: center;
}

.extra-quote-area .qoute-icon {
    width: 100px;
    margin: 0 auto 15px;
}

.extra-quote-area .qoute-icon svg {
    fill: none;
    stroke: var(--theme-color);
    stroke-width: 26;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-dasharray: 0 , 0, 2900;
    animation: spclArrow 3.7s;
}

.extra-quote-area h4 {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.4px;
}

.extra-quote-area .theme-title {
    font-size: 55px;
}

.extra-quote-area p {
    margin-bottom: 0;
    font-size: 16px;
}

.extra-quote-area p a {
    display: inline-block;
    position: relative;
    color: var(--theme-color2);
}

.extra-quote-area p a::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--theme-color2);
    transition: 0.5s;
}

.extra-quote-area p a:hover {
    color: var(--theme-datk);
}

.extra-quote-area p a:hover::before {
    width: 100%;
}

.extra-quote-area .theme-btn {
    margin-top: 40px;
}

@keyframes spclArrow {
    10% {
        stroke-dasharray: 0, 500, 2900
    }

    100% {
        stroke-dasharray: 2900, 500, 2900;
    }
}