@import url("../lib/bootstrap-icons/bootstrap-icons.css");
@font-face {
    font-family: KalamehWebFaNum;
    font-style: normal;
    font-weight: 100;
    src: url("/fonts/KalamehWebFaNum-Thin.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/ url("/fonts/KalamehWebFaNum-Thin.woff") format("woff");
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: KalamehWebFaNum;
    font-style: normal;
    font-weight: 900;
    src: url("/fonts/KalamehWebFaNum-Black.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/ url("/fonts/KalamehWebFaNum-Black.woff") format("woff");
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: KalamehWebFaNum;
    font-style: normal;
    font-weight: bold;
    src: url("/fonts/KalamehWebFaNum-Bold.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/ url("/fonts/KalamehWebFaNum-Bold.woff") format("woff");
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: KalamehWebFaNum;
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/KalamehWebFaNum-Regular.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/ url("/fonts/KalamehWebFaNum-Regular.woff") format("woff");
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/irsans-b.eot");
    src: url("/fonts/irsans-b.eot?#iefix") format("embedded-opentype"), url("/fonts/irsans-b.woff") format("woff"), url("/fonts/irsans-b.ttf") format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/irsans-m.eot");
    src: url("/fonts/irsans-m.eot?#iefix") format("embedded-opentype"), url("/fonts/irsans-m.woff") format("woff"), url("/fonts/irsans-m.ttf") format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("/fonts/irsans-l.eot");
    src: url("/fonts/irsans-l.eot?#iefix") format("embedded-opentype"), url("/fonts/irsans-l.woff") format("woff"), url("/fonts/irsans-l.ttf") format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url("/fonts/irsans-u.eot");
    src: url("/fonts/irsans-u.eot?#iefix") format("embedded-opentype"), url("/fonts/irsans-u.woff") format("woff"), url("/fonts/irsans-u.ttf") format("truetype");
}

@font-face {
    font-family: irsans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("/fonts/irsans.eot");
    src: url("/fonts/irsans.eot?#iefix") format("embedded-opentype"), url("/fonts/irsans.woff") format("woff"), url("/fonts/irsans.ttf") format("truetype");
}

@font-face {
    font-family: icons;
    src: url("/fonts/icons.eot?kcdfty");
    src: url("/fonts/icons.eot?kcdfty#iefix") format("embedded-opentype"), url("/fonts/icons.ttf?kcdfty") format("truetype"), url("/fonts/icons.woff?kcdfty") format("woff"), url("/fonts/icons.svg?kcdfty#icons") format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

body.hamrahshop {
    direction: rtl;
    text-align: right;
    background-color: #ffffff !important;
    font-family: irsans, "irsans" !important;
    font-size: 11pt !important;
    padding: 0;
    margin: 0;
    overflow-x: visible;
    width: 100%;
    /* height: 100vh; */
    visibility: visible;
}

.offcanvas {
    transition: all 0.3s ease !important;
}

    .offcanvas.show {
        visibility: visible !important;
        transition: all 0.3s ease !important;
    }

.bg-green-h {
    background-image: linear-gradient(0deg, #0e9384, #0e9384), linear-gradient(0deg, #107569, #107569) !important;
}

.border-green-h {
    border: 1px solid rgba(16, 117, 105, 1) !important;
}

.shadow-h {
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
}

.radius8-h {
    border-radius: 8px !important;
}

.fs10pt-h {
    font-size: 10pt !important;
}

.color-gray-h {
    color: rgba(105, 117, 134, 1) !important;
}

.color-gray2-h {
    color: rgba(54, 65, 82, 1) !important;
}

.dropdown-item {
    text-align: right !important;
}

@media screen and (min-width: 767px) {
    .bf-style {
        position: relative;
        border-left: 1px solid rgba(205, 213, 223, 1);
/*        border-right: 1px solid rgba(205, 213, 223, 1);*/
    }
}

.hamrahshop-navbar .nav-item:hover {
    background: transparent !important;
    border-radius: 0px !important;
    transition: 0.3s all ease-in;
    font-weight: inherit !important;
}

.hamrahshop header,
.hamrahshop-navbar {
    border-bottom: 1px solid rgba(242, 244, 247, 1) !important;
    box-shadow: 0px 12px 32px 0px rgba(138, 145, 245, 0.06);
    background-image: linear-gradient(0deg, #f2f4f7, #f2f4f7), linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
}

.hamrahshop header {
    position: relative !important;
}

.bg-green2-h {
    background-image: linear-gradient( 294.26deg, #b9e2dd 2.09%, rgba(14, 147, 132, 0) 35.89% ), linear-gradient(0deg, #f3faf9, #f3faf9);
    border: 1px solid;
    border-image-source: linear-gradient( 294.26deg, #0e9384 2.09%, rgba(14, 147, 132, 0) 35.89% );
    border-radius: 25px !important;
}

@media screen and (min-width: 768px) {
    .index-bg {
        background-image: url(/Images/indexHamrahbg.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 999;
    }
}

.f-kalame {
    font-family: KalamehWebFaNum, "KalamehWebFaNum" !important;
}

.fw-800 {
    font-weight: 800;
}

.color-green-h {
    color: rgba(14, 147, 132, 1) !important;
}

.title-icon::after {
    content: url(/Images/line-2.svg);
    position: absolute;
    top: -22px;
    right: auto;
    left: -40px;
}

.to-bottom {
    border-top: 1px solid #0e9384;
    width: 43px;
    /* margin: 0 auto; */
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 25px;
}

    .to-bottom button {
        box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
    }

.custom-line > div.row {
    position: relative;
    z-index: 100 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .custom-line .custom-line-after {
        content: "";
        position: absolute;
        background-image: url(/Images/GroupLine1.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1164px;
        height: 1038px;
        top: -230px;
        right: -55px;
        z-index: 1;
    }

    .custom-line .custom-line-before {
        /* content: ""; */
        position: absolute;
        background-image: url(/Images/GroupLine2.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1104px;
        height: 991px;
        top: -108px;
        right: 96px;
    }
}

@media screen and (min-width: 1400px) {
    .custom-line .custom-line-after {
        /* content: ""; */
        position: absolute;
        background-image: url(/Images/GroupLine1.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1342px;
        height: 1038px;
        top: -262px;
        right: -69px;
        z-index: 1;
    }

    .custom-line .custom-line-before {
        /* content: ""; */
        position: absolute;
        background-image: url(/Images/GroupLine2.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1278px;
        height: 1148px;
        top: -87px;
        right: 113px;
        z-index: 2;
    }
}

.section3 {
    min-height: 576px;
    z-index: 4;
    margin-top: 111px;
}

    .section3 * {
        z-index: 1000;
    }

.radius-20 {
    border-radius: 20px;
}

.shadow-h-light {
    box-shadow: 0px 21px 25px 0px rgba(108, 146, 242, 0.05);
}

.box-g {
    max-width: 328px;
    min-height: 204px;
    /*bottom: -60px;*/
    margin-top: 180px;
}


@media screen and (min-width: 1200px) {
    .title-work::after {
        content: url(/Images/arrow-pich.svg);
        position: absolute;
        width: 290px;
        height: 290px;
        bottom: -98px;
        right: 82px;
        transform: rotate(-4deg);
    }

    .bg-panel {
        background-image: url(/Images/bgpanel.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 650px;
        margin-top: 100px;
    }

    .lh-60 {
        line-height: 60px;
    }
}

.bg-panel ul li, #featuresModal li {
    position: relative;
    padding-right: 35px;
    margin-top: 25px;
}

    .bg-panel ul li::before, #featuresModal li::before {
        content: "";
        width: 28px;
        height: 28px;
        background-image: url(/Images/Checkicon-green.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        right: 0;
        top: -2px;
    }

.hamrahshop footer {
    border-top: 1px solid rgba(242, 244, 247, 1) !important;
    box-shadow: 0px 12px 32px 0px rgba(138, 145, 245, 0.06);
    background-image: linear-gradient(0deg, #f2f4f7, #f2f4f7), linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    border-bottom: none !important;
}

@media (max-width: 1199px) {
    .to-bottom {
        display: none !important;
    }

    .index-bg {
        background-image: url(/Images/res-indexHamrahbg.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        z-index: 10;
    }

    .index-bg2 {
        background-image: none;
        background-color: #F3FAF9;
        border: 2px solid #ACDAD5;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 10;
        border-radius: 25px;
    }

    .lh-60 {
        line-height: 40px;
    }

    .section3 {
        min-height: 420px;
        z-index: 10;
        margin-top: 0;
    }

    .bg-panel {
        background-image: url(/Images/bgpanel2.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        width: 93%;
    }
}

.color-gray3-h {
    color: rgba(166, 170, 173, 1);
}

.color-gray4-h {
    color: rgba(102, 112, 133, 1);
}

footer .row:first-child ul {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media (max-width: 1199px) and ((min-width: 768px)) {
    .to-bottom {
        display: none !important;
    }

    .index-bg {
        background-image: none;
        background-color: #f3faf9;
        border-radius: 25px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .index-bg2 {
        background-image: none;
        background-color: #f3faf9;
        border-radius: 25px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .lh-60 {
        line-height: 40px;
    }

    .section3 {
        min-height: 420px;
        z-index: 4;
        margin-top: 0;
    }

    .bg-panel {
        background-image: url(/Images/bgpanel2.png);
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        height: 100%;
        width: 93%;
    }

    .box-g {
        max-width: 328px;
        min-height: 204px;
        bottom: -30px;
    }
}

.owlCarousel_work .item {
    direction: rtl;
}

@media screen and (min-width: 1200px) {
    /*.owlCarousel_work .item .box-content {
        display: none !important;
        max-height: 418px;
        transition: all 0.3s ease-in;
    }*/

    .owlCarousel_work .item .box-content {
        /*display: block !important;*/
        transition: all 0.3s ease-in;
    }

    /*.owlCarousel_work .item img {
        height: 418px !important;*/
    /* background-position: center; */
    /*object-fit: none;
        transform: translateX(0);
        width: 140px;
        border-radius: 21px;
    }*/

    .owlCarousel_work .item img {
        /*transform: scaleX(1) translateX(0px);*/
        /*transition: all 0.3s ease-in;*/
        width: 516px !important;
        min-height: 322px;
        max-height: 422px;
    }

    /*.owlCarousel_work .owl-item.active div.d-flex {
        justify-content: end !important;
        transition: all 0.3s ease-in;
    }*/

    .owlCarousel_work .item div.d-flex {
        justify-content: center !important;
        transition: all 0.3s ease-in;
    }

    .owlCarousel_work {
        height: fit-content !important;
    }

        .owlCarousel_work .owl-prev {
            left: 90px !important;
        }

        .owlCarousel_work .owl-next {
            right: 120px !important;
        }

    .line-responsive {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .owlCarousel_work .owl-prev {
        display: none;
    }

    .owlCarousel_work .owl-next {
        display: none;
    }

    .owlCarousel_work .item .box-content {
        display: none !important;
        transition: all 0.3s ease-in;
    }

    .owlCarousel_work .active.center .box-content {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in;
        width: 100%;
        margin-top: 18px;
        text-align: justify;
    }

    .title-work::after {
        content: url(/Images/arrow-pich2.svg);
        position: absolute;
        width: 50px;
        height: 50px;
        bottom: 39px;
        right: 85px;
        transform: rotate(-4deg);
    }

    .line-responsive {
        position: absolute;
        width: 96% !important;
        z-index: -1 !important;
        height: 530px;
        top: -80px;
    }

    .offcanvas {
        z-index: 1000000 !important;
    }
}

@media screen and (max-width: 767px) {
    .section3 .col-md-4:nth-child(2),
    .section3 .col-md-4:nth-child(3) {
        display: none !important;
    }
}

.section3 .box-section3 img {
    transition: all 0.3s ease-in;
    max-width: 328px;
    min-height: 204px;
    top: -40px;
}

    .section3 .box-section3:hover img,
    .section3 .box-section3 img:hover {
        transform: rotate(15deg) scale(1.07);
        transition: all 0.3s ease-in;
    }

@media screen and (min-width: 1200px) {
    .custom-line > span .arrow {
        position: absolute;
        width: 20px;
        height: 25px;
        transition: 0.5s;
        /* overflow: hidden; */
        background-image: url(/Images/Combined-Shape.png);
        background-size: contain;
        background-repeat: no-repeat;
        animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
        right: 5px;
    }

    @keyframes aniArrow01 {
        0% {
            transform: translateY(-35px);
        }

        100% {
            transform: translateY(35px);
        }
    }

    .custom-line > span .arrow.right:nth-child(1) {
        top: 100px;
    }

    .custom-line > span .arrow.right:nth-child(2) {
        top: 250px;
    }

    .custom-line > span .arrow.right:nth-child(3) {
        top: 400px;
    }

    .custom-line > span .arrow.right:nth-child(4) {
        top: 550px;
    }

    .custom-line > span .arrow.left {
        right: auto;
        left: 5px;
        top: auto;
        bottom: 0;
    }

    .custom-line-after .arrow.right {
        animation-delay: 1s;
    }

    .custom-line-before .arrow.left {
        animation-delay: 1s;
    }

        .custom-line-before .arrow.left:nth-child(4) {
            bottom: 100px;
        }

    .custom-line-after .arrow.left:nth-child(5) {
        bottom: 100px;
    }

    .custom-line-before .arrow.left:nth-child(5) {
        bottom: 250px;
    }

    .custom-line-after .arrow.left:nth-child(6) {
        bottom: 250px;
    }

    .custom-line-before .arrow.left:nth-child(6) {
        bottom: 400px;
    }

    .custom-line-after .arrow.left:nth-child(7) {
        bottom: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .custom-line-before,
    .custom-line-after {
        display: none !important;
    }

    .line-responsive .arrow {
        position: absolute;
        width: 11px;
        height: 14px;
        transition: 0.5s;
        /* overflow: hidden; */
        background-image: url(/Images/Combined-Shape.png);
        background-size: contain;
        background-repeat: no-repeat;
        animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
    }

    @keyframes aniArrow01 {
        0% {
            transform: translateY(-35px);
        }

        100% {
            transform: translateY(35px);
        }
    }

    .line-responsive .arrow {
        right: 12px;
    }

        .line-responsive .arrow.right:nth-child(1) {
            top: 20px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.right:nth-child(2) {
            top: auto;
            bottom: 190px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.right:nth-child(5) {
            top: auto;
            bottom: 128px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.right:nth-child(3) {
            top: 20px;
            right: auto;
            left: 15px;
        }

        .line-responsive .arrow.right:nth-child(4) {
            top: auto;
            bottom: 190px;
            right: auto;
            left: 15px;
        }

        .line-responsive .arrow.right:nth-child(6) {
            top: auto;
            bottom: 128px;
            right: auto;
            left: 15px;
        }

        .line-responsive .arrow.left:nth-child(1) {
            top: 20px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.left:nth-child(2) {
            top: auto;
            bottom: 190px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.left:nth-child(5) {
            top: auto;
            bottom: 128px;
            animation-delay: 1s;
        }

        .line-responsive .arrow.left:nth-child(3) {
            top: 20px;
            right: auto;
            left: 15px;
        }

        .line-responsive .arrow.left:nth-child(4) {
            top: auto;
            bottom: 190px;
            right: auto;
            left: 15px;
        }

        .line-responsive .arrow.left:nth-child(6) {
            top: auto;
            bottom: 128px;
            right: auto;
            left: 15px;
        }
}

.bg-panel2 {
    background-color: #f3faf9;
    border-radius: 25px;
    margin-top: 30px;
}

    .bg-panel2 ul li {
        position: relative;
        padding-right: 35px;
        margin-top: 25px;
    }

        .bg-panel2 ul li::before {
            content: "";
            width: 28px;
            height: 28px;
            background-image: url(/Images/Checkicon-green.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            right: 0;
            top: -2px;
        }

.owlCarousel_fetures .owl-nav {
    display: none !important;
}

.loading-outer {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid rgba(223, 214, 214, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: rotate-outer 1.5s linear infinite forwards;
    position: relative;
    /*top: -350px;*/
    margin: auto;
}

    .loading-outer .loading-inner {
        width: 70px;
        height: 70px;
        border-radius: inherit;
        border: 5px solid rgba(223, 214, 214, 0.8);
        border-top-color: transparent;
        border-bottom-color: transparent;
        animation: rotate-inner 1.5s linear infinite forwards;
        position: absolute;
    }

#loading-outer-search {
    top: 0px !important;
}

@keyframes rotate-outer {
    50% {
        transform: rotate(200deg);
    }
}

@keyframes rotate-inner {
    50% {
        transform: rotate(-400deg);
    }
}

#HamrashopOurWorks .item {
    display: flex;
    justify-content: center !important;
    align-items: center;
    padding: 10px;
    border: none !important;
    margin-bottom: 5px;
    border-radius: 4px;
}

@media (min-width: 576px) {
    #featuresModal .modal-dialog {
        max-width: 300px !important;
        margin: 1.75rem auto;
    }
}


#featuresModal ul li {
    position: relative;
    padding-right: 35px;
    margin-top: 25px;
}

    #featuresModal ul li::before {
        content: "";
        width: 28px;
        height: 28px;
        background-image: url(/Images/Checkicon-green.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        right: 0;
        top: -2px;
    }

#HamraShopTariffs .owl-item {
/*    margin: 10px !important;*/
    margin-left: 0px !important;
}

:root {
    --primary-color: #0e9384;
    --secondary-bg: #f8f9fa;
    --text-color: #495057;
    --border-color: #ced4da;
    --green-light: #d8f5d8;
    --text-dark: #333;
    --text-light: #666;
    --bg-light: #f5fafd;
    --btn-primary-bg: linear-gradient(135deg, #4ce291, #30b171);
    --btn-secondary-bg: #fff;
    --btn-secondary-border: #e0e0e0;
    --border-radius-lg: 1rem;
    --border-radius-sm: 0.5rem;
    --inactive-color: #d1d8df;
    --active-color: var(--primary-color);
    --active-shadow: 0 8px 25px rgba(14, 147, 132, 0.3);
    --content-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    --bs-orange: #ff8025;
    --bs-mint: rgba(219, 239, 237, 1);
    --bs-green-mint: rgba(14, 147, 132, 1);
    --bs-bg-light-gray: rgba(247, 247, 247, 1);
    --bs-yellow: rgba(252, 210, 24, 1);
    --bs-po-orange: rgba(255, 160, 92, 1)
}

.main-contact-container {
    min-height: 100vh;
}

.contact-card {
    border-radius: 1.5rem;
    border: none;
}

.contact-header-text {
    font-weight: bold;
    color: var(--primary-color);
}

.contact-description {
    color: var(--text-color);
    font-size: 1.1rem;
}

.contact-label {
    font-weight: 500;
    color: var(--primary-color);
}

.contact-input,
.contact-textarea {
    border-radius: 0.5rem;
    border: 1px solid var(--border-color);
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

    .contact-input:focus,
    .contact-textarea:focus {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 0.2rem rgba(14, 147, 132, 0.25);
    }

.contact-submit-btn {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: bold;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease;
}

    .contact-submit-btn:hover {
        background-color: #0c7a6e; /* Darker shade on hover */
        color: #fff;
    }










.about-us-container {
    min-height: 100vh;
}

/* Hero Section */
.section-hero-top {
    background-color: var(--bg-light);
    padding: 6rem 0;
}

.hero-top-subtitle {
    font-size: 1.1rem;
    color: var(--primary-color);
    font-weight: bold;
}

.hero-top-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.hero-top-text {
    max-width: 800px;
    margin: 0 auto 2rem auto;
    line-height: 1.8;
    text-align: justify;
    text-align-last: center;
}

.hero-btn-contact,
.hero-btn-hire {
    border-radius: 50px;
    padding: 0.75rem 2rem;
    font-weight: 600;
    margin: 0 0.5rem;
    transition: all 0.3s ease;
}

.hero-btn-contact {
    background: var(--btn-primary-bg);
    color: #fff;
    border: none;
}

    .hero-btn-contact:hover {
        box-shadow: 0 4px 15px rgba(14, 147, 132, 0.4);
    }

.hero-btn-hire {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

    .hero-btn-hire:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

/* New Stepper Section */
.stepper-container {
    padding: 4rem 1rem;
}

.stepper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    /* The main horizontal line */
    .stepper-header::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 4px;
        background-color: var(--inactive-color);
        z-index: 1;
        transform: translateY(-50%);
    }

.stepper-progress {
    position: absolute;
    top: 50%;
    right: 0;
    height: 4px;
    background-color: var(--active-color);
    z-index: 2;
    transform: translateY(-50%);
    width: 0;
    transition: width 0.6s ease-in-out;
}

.stepper-step {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 3;
    transition: all 0.4s ease-in-out;
    text-align: center;
    flex: 1;
    max-width: 25%;
}

    .stepper-step .step-label {
        font-weight: 600;
        color: var(--text-light);
        transition: color 0.3s ease;
        margin-top: 2.5rem;
        text-wrap: balance;
    }

    .stepper-step.active .step-label {
        color: var(--active-color);
        font-weight: 700;
    }

    .stepper-step .step-indicator {
        width: 1rem;
        height: 1rem;
        background-color: var(--inactive-color);
        border-radius: 50%;
        border: 4px solid var(--secondary-bg);
        transition: all 0.4s ease-in-out;
        position: relative;
        z-index: 3;
    }

    .stepper-step:hover .step-indicator {
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .stepper-step.active .step-indicator {
        width: 1.5rem;
        height: 1.5rem;
        background-color: var(--active-color);
        border-color: #fff;
        box-shadow: 0 0 0 4px var(--active-color), var(--active-shadow);
    }

.stepper-content-wrapper {
    background-color: var(--bg-light);
    padding: 2.5rem;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--content-box-shadow);
    margin-top: 3rem;
    position: relative;
}

.stepper-content {
    display: none;
    animation: fadeIn 0.6s ease-in-out forwards;
}

    .stepper-content.active {
        display: block;
    }

.content-title {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--primary-color);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* General Styles for provided sections */
.section-team, .section-footer-contact {
    padding: 5rem 0;
}

.team-title, .footer-contact-title {
    font-size: 2.2rem;
    font-weight: 700;
}

.team-subtitle {
    color: var(--text-light);
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.team-member img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 1rem;
}

.member-name {
    font-weight: 600;
    color: var(--text-dark);
}

.member-role {
    font-size: 0.9rem;
    color: var(--text-light);
}

.section-footer-contact {
    background-color: var(--green-light);
}

.contact-phone {
    font-size: 1.5rem;
    color: var(--primary-color);
    font-weight: bold;
    display: inline-block;
}

@media (max-width: 768px) {
    .stepper-header {
        flex-wrap: wrap;
        justify-content: center;
    }

    .stepper-step {
        width: 45%;
        margin-bottom: 1.5rem;
    }

        .stepper-step .step-label {
            font-size: 0.9rem;
        }

    .stepper-header::before {
        display: none;
    }
}
.stepper-content p {
    text-align: justify;
    text-align-last: right;
}
.social-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    padding: 10px;
    color: #fff !important;
    font-size: 20px;
    transition: 0.8s all ease-in-out;
    border-radius: 50%;
}
    .social-link a.bi-telegram {
        background: #27A7E7;
    }
    .social-link a.bi-whatsapp {
        background: #04ac12;
    }
    .social-link a.bi-instagram {
        background: radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90% );
    }
.social-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* Custom styles for validation */
.is-invalid {
    border-color: #dc3545; /* Red border for invalid inputs */
}

.text-danger {
    color: #dc3545 !important;
}

.validation-message {
    display: block; /* Ensure the span is a block element to take up space */
    font-size: 0.875em; /* Smaller font size for error messages */
    margin-top: 0.25rem;
}

.disabled {
    pointer-events: none;
    opacity: 0.65;
}
.hamrahshop main {
    padding-top: 105px !important;
}
/*----------------------------------------------*/
.bg-mint {
    background-color: var(--bs-mint) !important;
}

.bg-green-mint {
    background-color: var(--bs-green-mint) !important;
}

.text-green-mint {
    color: var(--bs-green-mint) !important;
}

.text-orange {
    color: var(--bs-orange) !important;
}

/* ===== NAV TABS ===== */
.pricing-tabs .nav-link {
    color: #000;
    border: none;
    background: transparent;
    padding: 10px 35px;
    border-radius: 6px;
    transition: 0.3s;
}

    .pricing-tabs .nav-link.active,
    .pricing-tabs .nav-link:hover {
        border-radius: 16px;
        background: rgba(219, 239, 237, 1);
        color: rgba(14, 147, 132, 1);
    }

/* ===== CARDS ===== */

.card.fixed-height {
    height: var(--fixed-height) !important;
    /* overflow: hidden; */
}


.cards-container {
    position: relative;
    width: 100%;
}

.cards-desktop {
    padding-top: 100px;
    padding-bottom: 50px;
}

    .cards-desktop .row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 25px;
        align-items: stretch;
    }

    .cards-desktop .col {
        width: 320px;
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
    }

/* ===== CARD STRUCTURE ===== */
#NewPlan .card {
    border-radius: 24px;
/*    border: 1px solid rgb(228, 222, 222);*/
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    #NewPlan .card:hover {
        /*        background-color: var(--bs-mint);*/
        transform: scale(1.02);
        transition: all 0.3s ease;
    }


#NewPlan .card-top {
    border-radius: 24px 24px 0 0;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding: 2rem !important;*/
    transition: all 0.3s ease;
}
#NewPlan .card:hover .card-top {
    background-color: #259D90 !important;
    transition: all 0.3s ease;
    color: #fff;
}

#NewPlan .card-body {
    border: 1px solid rgb(228, 222, 222);
    border-top: none;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0px 20px !important;
    transition: all 0.3s ease;
}
#NewPlan .card:hover .card-body {
    background-color: #0E9384;
    border: 1px solid #0E9384;
    transition: all 0.3s ease;
    color: #fff;
}

#NewPlan .card:hover .card-wrapper::before {
    content: "";
    position: absolute;
    top: -63px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 100px;
    background: url("/Images/HamraShopIndex/Subtract2.svg") no-repeat center;
    background-size: contain;
    z-index: 5;
    transition: all 0.3s ease;
}

#NewPlan .card:hover .card-wrapper::after {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    z-index: 6;
    border-radius: 50%;
    background-color: #fff;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

/* ===== CARD DECORATION ===== */
#NewPlan .card-wrapper {
    position: relative;
    overflow: visible;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    #NewPlan .card-wrapper::before {
        content: "";
        position: absolute;
        top: -63px;
        left: 50%;
        transform: translateX(-50%);
        width: 150px;
        height: 100px;
        background: url("/Images/HamraShopIndex/Subtract.svg") no-repeat center;
        background-size: contain;
        z-index: 5;
        transition: all 0.3s ease;
    }

    #NewPlan .card-wrapper::after {
        content: "";
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 60px;
        z-index: 6;
        border-radius: 50%;
        background-color: #0e9384;
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat;
    }

/* ===== CARD ICONS ===== */

#NewPlan .card .card-free::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1707 11.2472C20.1403 11.1673 20.1252 11.0837 20.1252 10.9998C20.1252 10.916 20.1403 10.8321 20.1707 10.7525L20.974 8.64355C21.0434 8.46136 21.0769 8.27174 21.0769 8.08526C21.0772 7.56787 20.82 7.06875 20.3665 6.77252L18.4765 5.5385C18.3341 5.44556 18.2304 5.3026 18.186 5.13799L17.5961 2.95939C17.4099 2.27292 16.788 1.80104 16.083 1.80074C16.0566 1.80074 16.0301 1.80159 16.0034 1.80301L16.0432 1.80074L13.7557 1.91529L13.7162 1.91615C13.5573 1.91615 13.4035 1.86214 13.2796 1.76266L11.522 0.347102C11.2358 0.115973 10.8861 -0.000300199 10.5387 5.82054e-07C10.1911 -0.000300199 9.84143 0.115973 9.55462 0.347102L9.55492 0.347403L7.79732 1.76275C7.67366 1.86222 7.51932 1.91624 7.36068 1.91624L7.33511 1.91568L5.07263 1.8031H5.07693C5.04595 1.80142 5.01836 1.80112 4.99391 1.80112C4.28893 1.80112 3.66725 2.27331 3.48107 2.95947L2.89124 5.13807C2.84689 5.30265 2.74313 5.44564 2.60068 5.53859L0.710661 6.77261C0.257254 7.06883 -0.000300518 7.56826 2.63459e-07 8.0856C2.63459e-07 8.27209 0.0335159 8.46141 0.10261 8.64334L0.906512 10.7526C0.936633 10.8322 0.952016 10.916 0.952016 10.9999C0.952016 11.0837 0.936934 11.1673 0.906512 11.2469L0.102867 13.3564C0.0335159 13.538 2.63459e-07 13.7274 2.63459e-07 13.9138C-0.000300518 14.4312 0.256953 14.9309 0.710661 15.2274L2.60068 16.4614C2.74313 16.5544 2.84685 16.6968 2.89124 16.8614L3.48107 19.04C3.6673 19.7264 4.28923 20.1983 4.99391 20.1983C5.01836 20.1983 5.04423 20.198 5.07212 20.1966L7.3269 20.084L7.33116 20.0837L7.36184 20.0829C7.51962 20.0831 7.6734 20.1371 7.79732 20.2369L9.55492 21.6529C9.84143 21.8837 10.1908 22 10.5387 22C10.8861 22 11.2358 21.884 11.5223 21.6529L13.2799 20.237C13.4038 20.1369 13.5573 20.0829 13.7154 20.0829L13.7492 20.084L15.9934 20.196L16.0085 20.1966C16.0318 20.1977 16.0566 20.1983 16.083 20.1983C16.7877 20.1983 17.41 19.7267 17.5961 19.04L18.186 16.8614C18.2303 16.6968 18.3338 16.5544 18.4762 16.4614L20.3665 15.2274C20.82 14.9307 21.0772 14.4314 21.0769 13.9141C21.0769 13.7276 21.0434 13.538 20.974 13.3561L20.1707 11.2472ZM19.8887 14.4966L17.999 15.7303C17.6769 15.9403 17.4435 16.2618 17.3429 16.6334L16.753 18.8117C16.6711 19.1162 16.3946 19.3251 16.083 19.3251L16.045 19.3242L13.8337 19.2136L13.7952 19.212C13.7696 19.2106 13.7433 19.2097 13.7154 19.2097C13.3583 19.2097 13.011 19.3319 12.7318 19.5571L10.9742 20.973C10.8466 21.0756 10.6937 21.1264 10.5387 21.1264C10.3835 21.1264 10.2306 21.0756 10.103 20.973L8.34539 19.5571C8.06627 19.3319 7.71886 19.2097 7.36184 19.2097C7.33855 19.21 7.31182 19.2103 7.28312 19.212L5.02889 19.3246L4.99391 19.3252C4.68265 19.3254 4.40606 19.1159 4.3242 18.8121L3.73437 16.6332C3.63374 16.2619 3.40033 15.9404 3.07798 15.7303L1.18822 14.4964C0.98725 14.3653 0.873512 14.1436 0.873254 13.9139C0.873254 13.8315 0.888036 13.7485 0.918715 13.6678L1.72232 11.5583C1.79081 11.3786 1.82523 11.1893 1.82523 11C1.82523 10.8106 1.79081 10.6213 1.72232 10.4414L0.918715 8.33272C0.887993 8.25142 0.873254 8.16815 0.873254 8.08569C0.873512 7.85602 0.98695 7.63486 1.18791 7.50381L3.07828 6.26983C3.40033 6.0592 3.63374 5.73766 3.73437 5.36645L4.3242 3.18759C4.4061 2.88372 4.68299 2.6742 4.99391 2.6745L5.02464 2.67506L5.03431 2.67562L7.25897 2.78674L7.28509 2.7879L7.36072 2.78957C7.71805 2.78957 8.06541 2.66789 8.34513 2.44307L10.1027 1.02717L9.82897 0.6872L10.103 1.02687C10.2306 0.924258 10.3836 0.873684 10.5388 0.873083C10.6937 0.873383 10.8466 0.924258 10.9743 1.02717L12.7322 2.44282C13.0119 2.66823 13.3595 2.78962 13.7163 2.78962C13.7427 2.78962 13.7669 2.78906 13.7888 2.7882L16.0879 2.67339L16.0495 2.67536L16.083 2.67425C16.3943 2.67425 16.6712 2.88376 16.753 3.18764L17.3429 5.3665C17.4435 5.73775 17.6769 6.05924 17.999 6.26961L19.889 7.50389C20.09 7.63495 20.2037 7.85611 20.2037 8.08552C20.2037 8.16797 20.1892 8.25095 20.1579 8.3331L19.3549 10.4418C19.2861 10.6217 19.252 10.811 19.252 11C19.252 11.1894 19.2864 11.3787 19.3549 11.5583L20.1582 13.6673C20.1892 13.7489 20.2037 13.8319 20.2037 13.9144C20.2037 14.1436 20.09 14.3653 19.8887 14.4966Z' fill='white'/%3E%3Cpath d='M6.6606 11.5383L5.34077 11.8333C5.3189 11.8384 5.30579 11.8299 5.30098 11.8083L5.12786 11.0345C5.12305 11.0129 5.13126 10.9998 5.15317 10.995L6.7382 10.6403C6.7703 10.6332 6.7871 10.6064 6.77997 10.574L6.65037 9.99526C6.64324 9.96286 6.61656 9.94606 6.58472 9.95319L4.2259 10.4808C4.19351 10.4882 4.17645 10.5149 4.18384 10.5473L4.98258 14.1176C4.98997 14.15 5.0164 14.1665 5.04914 14.1591L5.73591 14.0056C5.76835 13.9982 5.78511 13.9721 5.77772 13.9397L5.46787 12.5548C5.46306 12.5331 5.47157 12.5198 5.49344 12.5149L6.81327 12.2196C6.84567 12.2125 6.86242 12.1858 6.85508 12.1534L6.72686 11.58C6.71947 11.5476 6.693 11.5309 6.6606 11.5383Z' fill='white'/%3E%3Cpath d='M9.78394 11.5098C10.1495 11.2403 10.3146 10.8114 10.2095 10.341C10.0594 9.67008 9.45647 9.31078 8.70426 9.47909L7.2386 9.80711C7.2062 9.8142 7.18914 9.84063 7.19653 9.87333L7.99532 13.4434C8.00271 13.4758 8.02918 13.4926 8.06188 13.4855L8.74865 13.3317C8.78105 13.3243 8.79785 13.2979 8.79046 13.2655L8.49621 11.951C8.49165 11.9295 8.4999 11.9161 8.52182 11.9112L9.0139 11.8012L9.94825 13.0065C9.9727 13.0409 9.9929 13.0534 10.0415 13.0426L10.8099 12.8704C10.8477 12.8621 10.8562 12.826 10.8332 12.797L9.78394 11.5098ZM9.01952 11.09L8.37052 11.2353C8.34865 11.2401 8.33529 11.2316 8.33043 11.2099L8.14056 10.3605C8.13574 10.3389 8.14395 10.3258 8.16586 10.321L8.81482 10.1758C9.11784 10.1078 9.35262 10.2426 9.41432 10.5189C9.47723 10.8 9.32254 11.022 9.01952 11.09Z' fill='white'/%3E%3Cpath d='M13.6415 11.5156L12.0565 11.8703C12.0349 11.8751 12.0218 11.8669 12.0167 11.845L11.8462 11.0823C11.8413 11.0607 11.8496 11.0476 11.8712 11.0426L13.1913 10.7475C13.2237 10.7401 13.2408 10.7134 13.2334 10.681L13.1052 10.1079C13.0978 10.0752 13.0711 10.0584 13.0386 10.0658L11.7188 10.3609C11.6972 10.3659 11.6841 10.3574 11.679 10.3358L11.5158 9.60555C11.511 9.58394 11.5192 9.57057 11.5408 9.56606L13.1259 9.21127C13.158 9.20388 13.1748 9.17745 13.1677 9.14505L13.0381 8.56631C13.031 8.53361 13.0043 8.51715 12.9724 8.52424L10.6136 9.05185C10.5812 9.05924 10.5641 9.08567 10.5715 9.11807L11.3703 12.6884C11.3777 12.7208 11.4041 12.7376 11.4368 12.7302L13.7954 12.2026C13.8275 12.1955 13.8443 12.1688 13.8369 12.1364L13.7076 11.5577C13.7001 11.5252 13.6737 11.5084 13.6415 11.5156Z' fill='white'/%3E%3Cpath d='M16.6967 10.8322L15.1119 11.1867C15.0903 11.1915 15.0769 11.183 15.0721 11.1614L14.9015 10.3987C14.8967 10.3771 14.9052 10.3637 14.9268 10.3592L16.2464 10.0636C16.2794 10.0565 16.2959 10.03 16.2887 9.99763L16.1605 9.42399C16.1531 9.39159 16.1267 9.37484 16.094 9.38193L14.7742 9.67755C14.7525 9.68211 14.7395 9.67386 14.7347 9.65224L14.5712 8.92195C14.5664 8.90033 14.5747 8.88727 14.5962 8.88216L16.181 8.52766C16.214 8.52027 16.2308 8.49385 16.2236 8.46145L16.094 7.88266C16.0866 7.84996 16.0605 7.8332 16.0275 7.84059L13.6693 8.36816C13.6369 8.37551 13.6198 8.40198 13.6272 8.43438L14.426 12.0047C14.4334 12.0371 14.4598 12.0539 14.4922 12.0465L16.8505 11.5189C16.8835 11.5115 16.9002 11.4851 16.8928 11.4527L16.7632 10.8739C16.7561 10.8415 16.7297 10.8248 16.6967 10.8322Z' fill='white'/%3E%3C/svg%3E%0A");
}

#NewPlan .card:hover .card-free::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1707 11.2472C20.1403 11.1673 20.1252 11.0837 20.1252 10.9998C20.1252 10.916 20.1403 10.8321 20.1707 10.7525L20.974 8.64355C21.0434 8.46136 21.0769 8.27174 21.0769 8.08526C21.0772 7.56787 20.82 7.06875 20.3665 6.77252L18.4765 5.5385C18.3341 5.44556 18.2304 5.3026 18.186 5.13799L17.5961 2.95939C17.4099 2.27292 16.788 1.80104 16.083 1.80074C16.0566 1.80074 16.0301 1.80159 16.0034 1.80301L16.0432 1.80074L13.7557 1.91529L13.7162 1.91615C13.5573 1.91615 13.4035 1.86214 13.2796 1.76266L11.522 0.347102C11.2358 0.115973 10.8861 -0.000300199 10.5387 5.82054e-07C10.1911 -0.000300199 9.84143 0.115973 9.55462 0.347102L9.55492 0.347403L7.79732 1.76275C7.67366 1.86222 7.51932 1.91624 7.36068 1.91624L7.33511 1.91568L5.07263 1.8031H5.07693C5.04595 1.80142 5.01836 1.80112 4.99391 1.80112C4.28893 1.80112 3.66725 2.27331 3.48107 2.95947L2.89124 5.13807C2.84689 5.30265 2.74313 5.44564 2.60068 5.53859L0.710661 6.77261C0.257254 7.06883 -0.000300518 7.56826 2.63459e-07 8.0856C2.63459e-07 8.27209 0.0335159 8.46141 0.10261 8.64334L0.906512 10.7526C0.936633 10.8322 0.952016 10.916 0.952016 10.9999C0.952016 11.0837 0.936934 11.1673 0.906512 11.2469L0.102867 13.3564C0.0335159 13.538 2.63459e-07 13.7274 2.63459e-07 13.9138C-0.000300518 14.4312 0.256953 14.9309 0.710661 15.2274L2.60068 16.4614C2.74313 16.5544 2.84685 16.6968 2.89124 16.8614L3.48107 19.04C3.6673 19.7264 4.28923 20.1983 4.99391 20.1983C5.01836 20.1983 5.04423 20.198 5.07212 20.1966L7.3269 20.084L7.33116 20.0837L7.36184 20.0829C7.51962 20.0831 7.6734 20.1371 7.79732 20.2369L9.55492 21.6529C9.84143 21.8837 10.1908 22 10.5387 22C10.8861 22 11.2358 21.884 11.5223 21.6529L13.2799 20.237C13.4038 20.1369 13.5573 20.0829 13.7154 20.0829L13.7492 20.084L15.9934 20.196L16.0085 20.1966C16.0318 20.1977 16.0566 20.1983 16.083 20.1983C16.7877 20.1983 17.41 19.7267 17.5961 19.04L18.186 16.8614C18.2303 16.6968 18.3338 16.5544 18.4762 16.4614L20.3665 15.2274C20.82 14.9307 21.0772 14.4314 21.0769 13.9141C21.0769 13.7276 21.0434 13.538 20.974 13.3561L20.1707 11.2472ZM19.8887 14.4966L17.999 15.7303C17.6769 15.9403 17.4435 16.2618 17.3429 16.6334L16.753 18.8117C16.6711 19.1162 16.3946 19.3251 16.083 19.3251L16.045 19.3242L13.8337 19.2136L13.7952 19.212C13.7696 19.2106 13.7433 19.2097 13.7154 19.2097C13.3583 19.2097 13.011 19.3319 12.7318 19.5571L10.9742 20.973C10.8466 21.0756 10.6937 21.1264 10.5387 21.1264C10.3835 21.1264 10.2306 21.0756 10.103 20.973L8.34539 19.5571C8.06627 19.3319 7.71886 19.2097 7.36184 19.2097C7.33855 19.21 7.31182 19.2103 7.28312 19.212L5.02889 19.3246L4.99391 19.3252C4.68265 19.3254 4.40606 19.1159 4.3242 18.8121L3.73437 16.6332C3.63374 16.2619 3.40033 15.9404 3.07798 15.7303L1.18822 14.4964C0.98725 14.3653 0.873512 14.1436 0.873254 13.9139C0.873254 13.8315 0.888036 13.7485 0.918715 13.6678L1.72232 11.5583C1.79081 11.3786 1.82523 11.1893 1.82523 11C1.82523 10.8106 1.79081 10.6213 1.72232 10.4414L0.918715 8.33272C0.887993 8.25142 0.873254 8.16815 0.873254 8.08569C0.873512 7.85602 0.98695 7.63486 1.18791 7.50381L3.07828 6.26983C3.40033 6.0592 3.63374 5.73766 3.73437 5.36645L4.3242 3.18759C4.4061 2.88372 4.68299 2.6742 4.99391 2.6745L5.02464 2.67506L5.03431 2.67562L7.25897 2.78674L7.28509 2.7879L7.36072 2.78957C7.71805 2.78957 8.06541 2.66789 8.34513 2.44307L10.1027 1.02717L9.82897 0.6872L10.103 1.02687C10.2306 0.924258 10.3836 0.873684 10.5388 0.873083C10.6937 0.873383 10.8466 0.924258 10.9743 1.02717L12.7322 2.44282C13.0119 2.66823 13.3595 2.78962 13.7163 2.78962C13.7427 2.78962 13.7669 2.78906 13.7888 2.7882L16.0879 2.67339L16.0495 2.67536L16.083 2.67425C16.3943 2.67425 16.6712 2.88376 16.753 3.18764L17.3429 5.3665C17.4435 5.73775 17.6769 6.05924 17.999 6.26961L19.889 7.50389C20.09 7.63495 20.2037 7.85611 20.2037 8.08552C20.2037 8.16797 20.1892 8.25095 20.1579 8.3331L19.3549 10.4418C19.2861 10.6217 19.252 10.811 19.252 11C19.252 11.1894 19.2864 11.3787 19.3549 11.5583L20.1582 13.6673C20.1892 13.7489 20.2037 13.8319 20.2037 13.9144C20.2037 14.1436 20.09 14.3653 19.8887 14.4966Z' fill='%23259D90'/%3E%3Cpath d='M6.6606 11.5383L5.34077 11.8333C5.3189 11.8384 5.30579 11.8299 5.30098 11.8083L5.12786 11.0345C5.12305 11.0129 5.13126 10.9998 5.15317 10.995L6.7382 10.6403C6.7703 10.6332 6.7871 10.6064 6.77997 10.574L6.65037 9.99526C6.64324 9.96286 6.61656 9.94606 6.58472 9.95319L4.2259 10.4808C4.19351 10.4882 4.17645 10.5149 4.18384 10.5473L4.98258 14.1176C4.98997 14.15 5.0164 14.1665 5.04914 14.1591L5.73591 14.0056C5.76835 13.9982 5.78511 13.9721 5.77772 13.9397L5.46787 12.5548C5.46306 12.5331 5.47157 12.5198 5.49344 12.5149L6.81327 12.2196C6.84567 12.2125 6.86242 12.1858 6.85508 12.1534L6.72686 11.58C6.71947 11.5476 6.693 11.5309 6.6606 11.5383Z' fill='%23259D90'/%3E%3Cpath d='M9.78394 11.5098C10.1495 11.2403 10.3146 10.8114 10.2095 10.341C10.0594 9.67008 9.45647 9.31078 8.70426 9.47909L7.2386 9.80711C7.2062 9.8142 7.18914 9.84063 7.19653 9.87333L7.99532 13.4434C8.00271 13.4758 8.02918 13.4926 8.06188 13.4855L8.74865 13.3317C8.78105 13.3243 8.79785 13.2979 8.79046 13.2655L8.49621 11.951C8.49165 11.9295 8.4999 11.9161 8.52182 11.9112L9.0139 11.8012L9.94825 13.0065C9.9727 13.0409 9.9929 13.0534 10.0415 13.0426L10.8099 12.8704C10.8477 12.8621 10.8562 12.826 10.8332 12.797L9.78394 11.5098ZM9.01952 11.09L8.37052 11.2353C8.34865 11.2401 8.33529 11.2316 8.33043 11.2099L8.14056 10.3605C8.13574 10.3389 8.14395 10.3258 8.16586 10.321L8.81482 10.1758C9.11784 10.1078 9.35262 10.2426 9.41432 10.5189C9.47723 10.8 9.32254 11.022 9.01952 11.09Z' fill='%23259D90'/%3E%3Cpath d='M13.6415 11.5156L12.0565 11.8703C12.0349 11.8751 12.0218 11.8669 12.0167 11.845L11.8462 11.0823C11.8413 11.0607 11.8496 11.0476 11.8712 11.0426L13.1913 10.7475C13.2237 10.7401 13.2408 10.7134 13.2334 10.681L13.1052 10.1079C13.0978 10.0752 13.0711 10.0584 13.0386 10.0658L11.7188 10.3609C11.6972 10.3659 11.6841 10.3574 11.679 10.3358L11.5158 9.60555C11.511 9.58394 11.5192 9.57057 11.5408 9.56606L13.1259 9.21127C13.158 9.20388 13.1748 9.17745 13.1677 9.14505L13.0381 8.56631C13.031 8.53361 13.0043 8.51715 12.9724 8.52424L10.6136 9.05185C10.5812 9.05924 10.5641 9.08567 10.5715 9.11807L11.3703 12.6884C11.3777 12.7208 11.4041 12.7376 11.4368 12.7302L13.7954 12.2026C13.8275 12.1955 13.8443 12.1688 13.8369 12.1364L13.7076 11.5577C13.7001 11.5252 13.6737 11.5084 13.6415 11.5156Z' fill='%23259D90'/%3E%3Cpath d='M16.6967 10.8322L15.1119 11.1867C15.0903 11.1915 15.0769 11.183 15.0721 11.1614L14.9015 10.3987C14.8967 10.3771 14.9052 10.3637 14.9268 10.3592L16.2464 10.0636C16.2794 10.0565 16.2959 10.03 16.2887 9.99763L16.1605 9.42399C16.1531 9.39159 16.1267 9.37484 16.094 9.38193L14.7742 9.67755C14.7525 9.68211 14.7395 9.67386 14.7347 9.65224L14.5712 8.92195C14.5664 8.90033 14.5747 8.88727 14.5962 8.88216L16.181 8.52766C16.214 8.52027 16.2308 8.49385 16.2236 8.46145L16.094 7.88266C16.0866 7.84996 16.0605 7.8332 16.0275 7.84059L13.6693 8.36816C13.6369 8.37551 13.6198 8.40198 13.6272 8.43438L14.426 12.0047C14.4334 12.0371 14.4598 12.0539 14.4922 12.0465L16.8505 11.5189C16.8835 11.5115 16.9002 11.4851 16.8928 11.4527L16.7632 10.8739C16.7561 10.8415 16.7297 10.8248 16.6967 10.8322Z' fill='%23259D90'/%3E%3C/svg%3E%0A");
}

#NewPlan .card .card-plan::after {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.43526 1.25H16.5647C17.1346 1.24998 17.6186 1.24997 18.0185 1.29132C18.4443 1.33534 18.8378 1.43094 19.2096 1.66071C19.5814 1.89048 19.8429 2.19971 20.0727 2.56088C20.2885 2.9001 20.5049 3.33297 20.7598 3.8428L20.7763 3.87574C20.786 3.89518 20.7949 3.91504 20.8029 3.93526L22.2065 7.4834C22.3735 7.90559 22.5586 8.4323 22.6127 8.97128C22.6681 9.52258 22.5921 10.1541 22.1601 10.7019C21.8068 11.15 21.3155 11.4863 20.75 11.6463V21.25H22C22.4142 21.25 22.75 21.5858 22.75 22C22.75 22.4142 22.4142 22.75 22 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22C1.25 21.5858 1.58579 21.25 2 21.25H3.25V11.6464C2.68446 11.4863 2.19312 11.15 1.83975 10.7019C1.40779 10.1541 1.33182 9.52257 1.38718 8.97127C1.4413 8.43229 1.62639 7.90559 1.7934 7.4834L3.19701 3.93526C3.20501 3.91504 3.21388 3.89518 3.22361 3.87574L3.2401 3.84275C3.49498 3.33295 3.71139 2.90009 3.92723 2.56088C4.15704 2.19971 4.41853 1.89048 4.79031 1.66071C5.16208 1.43094 5.55561 1.33534 5.98142 1.29132C6.38134 1.24997 6.86529 1.24998 7.43526 1.25ZM17.9999 10.8875C18.3359 11.2433 18.7658 11.5096 19.25 11.6465V21.25H15.25L15.25 18.4678C15.25 18.028 15.25 17.6486 15.2218 17.3374C15.192 17.0082 15.1259 16.6822 14.9486 16.375C14.7511 16.033 14.467 15.7489 14.125 15.5514C13.8178 15.3741 13.4918 15.308 13.1627 15.2782C12.8514 15.25 12.472 15.25 12.0322 15.25H11.9678C11.528 15.25 11.1486 15.25 10.8373 15.2782C10.5082 15.308 10.1822 15.3741 9.875 15.5514C9.53296 15.7489 9.24892 16.033 9.05144 16.375C8.87407 16.6822 8.80802 17.0082 8.77818 17.3374C8.74997 17.6486 8.74998 18.028 8.75 18.4677L8.75 21.25H4.75V11.6465C5.23413 11.5095 5.66398 11.2433 5.99992 10.8875C6.5013 11.4186 7.2119 11.75 7.99991 11.75C8.78793 11.75 9.49853 11.4186 9.99992 10.8875C10.5013 11.4186 11.2119 11.75 11.9999 11.75C12.7879 11.75 13.4985 11.4186 13.9999 10.8875C14.5013 11.4186 15.2119 11.75 15.9999 11.75C16.7879 11.75 17.4985 11.4186 17.9999 10.8875ZM10.25 21.25H13.75V18.5C13.75 18.0189 13.7493 17.7082 13.7279 17.4727C13.7075 17.2476 13.6731 17.1659 13.6495 17.125C13.5837 17.011 13.489 16.9163 13.375 16.8505C13.3341 16.8269 13.2524 16.7925 13.0273 16.7721C12.7918 16.7507 12.4811 16.75 12 16.75C11.5189 16.75 11.2082 16.7507 10.9727 16.7721C10.7476 16.7925 10.6659 16.8269 10.625 16.8505C10.511 16.9163 10.4163 17.011 10.3505 17.125C10.3269 17.1659 10.2925 17.2476 10.2721 17.4727C10.2507 17.7082 10.25 18.0189 10.25 18.5V21.25ZM6.74991 9C6.74991 9.69036 7.30956 10.25 7.99991 10.25C8.69027 10.25 9.24991 9.69036 9.24991 9C9.24991 8.58579 9.5857 8.25 9.99991 8.25C10.4141 8.25 10.7499 8.58579 10.7499 9C10.7499 9.69036 11.3096 10.25 11.9999 10.25C12.6903 10.25 13.2499 9.69036 13.2499 9C13.2499 8.58579 13.5857 8.25 13.9999 8.25C14.4141 8.25 14.7499 8.58579 14.7499 9C14.7499 9.69036 15.3096 10.25 15.9999 10.25C16.6903 10.25 17.2499 9.69036 17.2499 9C17.2499 8.58579 17.5857 8.25 17.9999 8.25C18.4141 8.25 18.7499 8.58579 18.7499 9C18.7499 9.69036 19.3096 10.25 19.9999 10.25C20.3979 10.25 20.7522 10.0649 20.9823 9.77305C21.0962 9.62859 21.1513 9.43094 21.1202 9.12114C21.0879 8.79903 20.969 8.43275 20.8117 8.03518L19.4201 4.51739C19.1524 3.98204 18.9735 3.62749 18.8071 3.36612C18.6472 3.1147 18.5325 3.00562 18.421 2.93669C18.3095 2.86776 18.1606 2.81401 17.8642 2.78336C17.5505 2.75093 17.1446 2.75 16.5278 2.75H7.47214C6.85533 2.75 6.4494 2.75093 6.13569 2.78336C5.83927 2.81401 5.69044 2.86776 5.5789 2.93669C5.46737 3.00562 5.35274 3.1147 5.19276 3.36612C5.02646 3.62749 4.84755 3.98204 4.57983 4.51739L3.18823 8.03518C3.03095 8.43275 2.91202 8.79903 2.87967 9.12115C2.84856 9.43095 2.90366 9.62861 3.01759 9.77307C3.2477 10.0649 3.60196 10.25 3.99991 10.25C4.69027 10.25 5.24991 9.69036 5.24991 9C5.24991 8.58579 5.5857 8.25 5.99991 8.25C6.41413 8.25 6.74991 8.58579 6.74991 9Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}
#NewPlan .card:hover .card-plan::after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.43526 1.25H16.5647C17.1346 1.24998 17.6186 1.24997 18.0185 1.29132C18.4443 1.33534 18.8378 1.43094 19.2096 1.66071C19.5814 1.89048 19.8429 2.19971 20.0727 2.56088C20.2885 2.9001 20.5049 3.33297 20.7598 3.8428L20.7763 3.87574C20.786 3.89518 20.7949 3.91504 20.8029 3.93526L22.2065 7.4834C22.3735 7.90559 22.5586 8.4323 22.6127 8.97128C22.6681 9.52258 22.5921 10.1541 22.1601 10.7019C21.8068 11.15 21.3155 11.4863 20.75 11.6463V21.25H22C22.4142 21.25 22.75 21.5858 22.75 22C22.75 22.4142 22.4142 22.75 22 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22C1.25 21.5858 1.58579 21.25 2 21.25H3.25V11.6464C2.68446 11.4863 2.19312 11.15 1.83975 10.7019C1.40779 10.1541 1.33182 9.52257 1.38718 8.97127C1.4413 8.43229 1.62639 7.90559 1.7934 7.4834L3.19701 3.93526C3.20501 3.91504 3.21388 3.89518 3.22361 3.87574L3.2401 3.84275C3.49498 3.33295 3.71139 2.90009 3.92723 2.56088C4.15704 2.19971 4.41853 1.89048 4.79031 1.66071C5.16208 1.43094 5.55561 1.33534 5.98142 1.29132C6.38134 1.24997 6.86529 1.24998 7.43526 1.25ZM17.9999 10.8875C18.3359 11.2433 18.7658 11.5096 19.25 11.6465V21.25H15.25L15.25 18.4678C15.25 18.028 15.25 17.6486 15.2218 17.3374C15.192 17.0082 15.1259 16.6822 14.9486 16.375C14.7511 16.033 14.467 15.7489 14.125 15.5514C13.8178 15.3741 13.4918 15.308 13.1627 15.2782C12.8514 15.25 12.472 15.25 12.0322 15.25H11.9678C11.528 15.25 11.1486 15.25 10.8373 15.2782C10.5082 15.308 10.1822 15.3741 9.875 15.5514C9.53296 15.7489 9.24892 16.033 9.05144 16.375C8.87407 16.6822 8.80802 17.0082 8.77818 17.3374C8.74997 17.6486 8.74998 18.028 8.75 18.4677L8.75 21.25H4.75V11.6465C5.23413 11.5095 5.66398 11.2433 5.99992 10.8875C6.5013 11.4186 7.2119 11.75 7.99991 11.75C8.78793 11.75 9.49853 11.4186 9.99992 10.8875C10.5013 11.4186 11.2119 11.75 11.9999 11.75C12.7879 11.75 13.4985 11.4186 13.9999 10.8875C14.5013 11.4186 15.2119 11.75 15.9999 11.75C16.7879 11.75 17.4985 11.4186 17.9999 10.8875ZM10.25 21.25H13.75V18.5C13.75 18.0189 13.7493 17.7082 13.7279 17.4727C13.7075 17.2476 13.6731 17.1659 13.6495 17.125C13.5837 17.011 13.489 16.9163 13.375 16.8505C13.3341 16.8269 13.2524 16.7925 13.0273 16.7721C12.7918 16.7507 12.4811 16.75 12 16.75C11.5189 16.75 11.2082 16.7507 10.9727 16.7721C10.7476 16.7925 10.6659 16.8269 10.625 16.8505C10.511 16.9163 10.4163 17.011 10.3505 17.125C10.3269 17.1659 10.2925 17.2476 10.2721 17.4727C10.2507 17.7082 10.25 18.0189 10.25 18.5V21.25ZM6.74991 9C6.74991 9.69036 7.30956 10.25 7.99991 10.25C8.69027 10.25 9.24991 9.69036 9.24991 9C9.24991 8.58579 9.5857 8.25 9.99991 8.25C10.4141 8.25 10.7499 8.58579 10.7499 9C10.7499 9.69036 11.3096 10.25 11.9999 10.25C12.6903 10.25 13.2499 9.69036 13.2499 9C13.2499 8.58579 13.5857 8.25 13.9999 8.25C14.4141 8.25 14.7499 8.58579 14.7499 9C14.7499 9.69036 15.3096 10.25 15.9999 10.25C16.6903 10.25 17.2499 9.69036 17.2499 9C17.2499 8.58579 17.5857 8.25 17.9999 8.25C18.4141 8.25 18.7499 8.58579 18.7499 9C18.7499 9.69036 19.3096 10.25 19.9999 10.25C20.3979 10.25 20.7522 10.0649 20.9823 9.77305C21.0962 9.62859 21.1513 9.43094 21.1202 9.12114C21.0879 8.79903 20.969 8.43275 20.8117 8.03518L19.4201 4.51739C19.1524 3.98204 18.9735 3.62749 18.8071 3.36612C18.6472 3.1147 18.5325 3.00562 18.421 2.93669C18.3095 2.86776 18.1606 2.81401 17.8642 2.78336C17.5505 2.75093 17.1446 2.75 16.5278 2.75H7.47214C6.85533 2.75 6.4494 2.75093 6.13569 2.78336C5.83927 2.81401 5.69044 2.86776 5.5789 2.93669C5.46737 3.00562 5.35274 3.1147 5.19276 3.36612C5.02646 3.62749 4.84755 3.98204 4.57983 4.51739L3.18823 8.03518C3.03095 8.43275 2.91202 8.79903 2.87967 9.12115C2.84856 9.43095 2.90366 9.62861 3.01759 9.77307C3.2477 10.0649 3.60196 10.25 3.99991 10.25C4.69027 10.25 5.24991 9.69036 5.24991 9C5.24991 8.58579 5.5857 8.25 5.99991 8.25C6.41413 8.25 6.74991 8.58579 6.74991 9Z' fill='%23259D90'/%3E%3C/g%3E%3C/svg%3E");
}


/* ===== CONTENT ===== */
.gradient-line {
    width: 100%;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg, rgba(218, 220, 229, 0) 0%, #dadce5 52.5%, rgba(218, 220, 229, 0) 100%);
    border-image-slice: 1;
}

.icon-check {
    width: 14px;
    height: 14px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(88%) contrast(87%);
    margin-left: 6px;
}

/* ===== BUTTONS ===== */
.button-sort {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    margin-top: auto;
    padding-top: 1.5rem;
}

    .button-sort .button {
        font-size: 13px;
        padding: 10px 16px;
        box-shadow: 0px 16px 22px -10px rgba(16, 117, 105, 0.32);
        background-color: #0e9384;
        color: white;
        flex: 1;
        max-width: 140px;
        text-align: center;
    }

#NewPlan .btn:hover,
#NewPlan .btn:focus,
#NewPlan .btn:active {
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
    box-shadow: none !important;
    transform: scale(1.05);
}

/* ===== FACILITIES ===== */
.facilities {
    flex-grow: 1;
    margin-bottom: 1.5rem;
}

#NewPlan .details {
    margin-bottom: 1.5rem;
}

.facilities ul {
    margin-bottom: 0;
}

#NewPlan .card-top h5 {
    font-size: 1.25rem;
}

#NewPlan .card-top h3 {
    font-size: 2rem;
}

#NewPlan .card-body p {
    font-size: 0.95rem;
}

/* ===== MOBILE SWIPER ===== */
.mobile-swiper {
    width: 100%;
    height: 100%;
    padding: 80px 0 60px !important;
}

    .mobile-swiper .swiper-slide {
        width: 90% !important;
        max-width: 360px;
    }


#NewPlan .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    height: auto !important;
    background-color: transparent !important;
}

.mobile-swiper .card {
    margin: 0 auto;
    width: 320px;
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.mobile-swiper .card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 2rem !important;
}

/* ===== SWIPER PAGINATION ===== */
.mobile-swiper .swiper-pagination {
    position: absolute !important;
    bottom: 20px !important;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background-color: #0e9384 !important;
    opacity: 0.3 !important;
    transition: all 0.3s ease !important;
    border-radius: 50% !important;
    margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background-color: #0e9384 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    .cards-desktop {
        padding-top: 50px;
    }

        .cards-desktop .row .col:nth-child(3) .card {
            transform: none;
            margin-top: 0;
            box-shadow: none;
            border: 1px solid rgb(228, 222, 222);
        }

    .mobile-swiper .card {
        height: auto;
        min-height: 550px;
    }

    .mobile-swiper .card-wrapper::before {
        top: -63px !important;
    }

    .mobile-swiper .card-wrapper::after {
        top: -18px !important;
    }

    .container.text-center.p-5 {
        padding-top: 2rem !important;
    }

    .pricing-tabs .nav-link {
        padding: 5px 10px;
        font-size: small;
    }
}

@media (min-width: 768px) {
    .cards-desktop .row {
        justify-content: center;
        align-items: stretch;
    }

    .cards-desktop .col {
        width: 320px;
        height: auto;
    }

   /* #NewPlan .card {
        min-height: 650px;
    }*/

    #NewPlan .card-body {
        justify-content: space-between;
    }

    .button-sort {
        margin-top: auto;
    }
}

@media (min-width: 1200px) {
    .cards-desktop .col {
        width: 340px;
    }

    .mobile-swiper .card {
        width: 340px;
    }
}
#NewPlan ul li{
    direction: rtl;
    text-align: right;
}
.btnToPrice {
    border: 1px solid #0E9384;
    color: #0E9384 !important;
    border-radius: 25px;
    font-size: 9pt;
    width: 120px;
    height: 36px;
    line-height: 23px;
}
#NewPlan .card:hover .btnToPrice {
    border: 1px solid #fff;
    color: #fff !important;
    border-radius: 25px;
    font-size: 9pt;
    width: 120px;
    height: 36px;
    line-height: 23px;
}
.btnToBuy {
    border: 1px solid #0E9384;
    color: #fff !important;
    border-radius: 25px;
    font-size: 9pt;
    width: 120px;
    height: 36px;
    line-height: 23px;
    background-color: #0E9384 !important;
}
#NewPlan .card:hover .btnToBuy {
    border: 1px solid #fff !important;
    color: #0E9384 !important;
    border-radius: 25px;
    font-size: 9pt;
    width: 120px;
    height: 36px;
    line-height: 23px;
    background-color: #fff !important;
}
#NewPlan .card:hover ul li{
    color: #fff !important;
}
#NewPlan .card:hover .text-green-mint {
    color: #fff !important;
}
#NewPlan .card:hover .card-top * {
    color: #fff !important;
}
#NewPlan .card .renewalPrice {
    display: flex;
    font-size: 10pt;
    align-items: center;
    justify-content: space-between;
}
    #NewPlan .card .renewalPrice span:first-child {
        color: #0E9384
    }
    #NewPlan .card .renewalPrice span:last-child {
        color: #555555
    }
    #NewPlan .card:hover .renewalPrice span:first-child {
        color: #fff;
    }
    #NewPlan .card:hover .renewalPrice span:last-child {
        color: #fff;
    }
#NewPlan .swiper:not(.swiper-sefaresh) .swiper-slide {
    box-shadow: none !important;
}
#NewPlan .item {
    border: none !important;
    padding: 0px !important;
}
#NewPlan .plans-slider .owl-stage-outer {
    padding-top: 50px;
}
/*-----------------------------------------------------------------*/
.price-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.price-container .desktop-version {
    display: none;
}

.price-container .mobile-version {
    display: block;
}

@media (min-width: 992px) {
    .price-container .desktop-version {
        display: block !important;
    }

    .price-container .mobile-version {
        display: none !important;
    }
}


.bg-mint {
    background-color: var(--bs-mint) !important;
}

.bg-green-mint {
    background-color: var(--bs-green-mint) !important;
}

.text-green-mint {
    color: var(--bs-green-mint) !important;
}

.bg-light-gray {
    background: var(--bs-bg-light-gray) !important;
}

.text-yellow {
    color: var(--bs-yellow) !important;
}

.bg-po-orange {
    background-color: var(--bs-po-orange) !important;
}


/* ===== BUTTONS ===== */
.price-container .btn {
    transition: all 0.3s ease;
}

    .price-container .btn:hover,
    .price-container .btn:focus,
    .price-container .btn:active {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    }

    .price-container .btn.bg-green-mint:hover {
        background-color: rgba(219, 239, 237, 1) !important;
        color: var(--bs-green-mint) !important;
    }

    .price-container .btn.bg-green-mint:active {
        transform: scale(1.02);
    }



/* ===== NAV TABS ===== */
.price-container .pricing-tabs .nav-link {
    color: #000;
    border: none;
    background: transparent;
    padding: 10px 35px;
    border-radius: 6px;
    transition: 0.3s;
}

    .price-container .pricing-tabs .nav-link.active,
    .price-container .pricing-tabs .nav-link:hover {
        border-radius: 16px;
        background: rgba(219, 239, 237, 1);
        color: var(--bs-green-mint);
        transform: translateY(-2px);
    }

/* ===== DESKTOP TABLES ===== */
.price-container .table-1 {
    max-width: 1240px !important;
}

.price-container .table-price {
    max-width: 1170px;
}

.price-container .table th:first-child,
.price-container .table td:first-child {
    width: 33%;
    min-width: 200px;
}

.price-container .desktop-version .star-badge {
    position: absolute;
    top: 7px;
    width: 18px;
    height: 18px;
    z-index: 1;
}

.price-container .mobile-version .star-badge {
    position: absolute;
    top: 50px;
    width: 18px;
    height: 18px;
    z-index: 1;
}

.price-container .table-1 thead th {
    padding: 18px 30px;
    background-color: var(--bs-green-mint);
    color: white;
    position: relative;
    top: -30px;
    z-index: 2;
}

.price-container .table-1,
.price-container .table-2,
.price-container .table-3 {
    table-layout: fixed;
    width: 100%;
}


    .price-container .table-2,
    .price-container .table-2 th,
    .price-container .table-2 td {
        border: none !important;
    }

.price-container .table-2 {
    border-collapse: separate !important;
    border-spacing: 0 8px;
}

    .price-container .table-2 tbody th {
        text-align: start;
        font-weight: normal;
    }

    .price-container .table-2 tbody th,
    .price-container .table-2 tbody td {
        padding: 16px 24px;
    }

    .price-container .table-2 tbody tr {
        border-radius: 16px;
    }

        .price-container .table-2 tbody tr td:first-child,
        .price-container .table-2 tbody tr th:first-child {
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .price-container .table-2 tbody tr td:last-child {
            border-top-left-radius: 16px;
            border-bottom-left-radius: 16px;
        }

/* ===== FEATURE ROWS ===== */
.price-container .desktop-version .feature-row {
    border-right: 3px solid var(--bs-green-mint);
    box-sizing: border-box;
    margin: 20px 0;
    padding: 16px 20px;
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-radius: 16px;
    display: flex;
    align-items: center;
}
.price-container .mobile-version .feature-row {
    border-right: 3px solid var(--bs-green-mint);
    box-sizing: border-box;
    margin: 0px 0 !important;
    padding: 16px 20px;
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-radius: 0px !important;
    display: flex;
    align-items: center;
}

    /* ===== FEATURE TOGGLE ROWS ===== */
    .price-container .feature-row.toggle {
        cursor: pointer;
        transition: all 0.3s ease;
        margin: 10px 0;
    }

        .price-container .feature-row.toggle:hover {
            background-color: rgba(108, 117, 125, 0.2) !important;
        }

        .price-container .feature-row.toggle .left .icon-bottom,
        .price-container .feature-row.toggle .left .icon-top {
            width: 15px;
            height: 15px;
            transition: all 0.3s ease;
        }

        .price-container .feature-row.toggle .left .icon-top {
            display: none;
        }

        .price-container .feature-row.toggle.open .left .icon-bottom {
            display: none;
        }

        .price-container .feature-row.toggle.open .left .icon-top {
            display: inline-block;
        }

        .price-container .feature-row.toggle + .table-20 {
            display: none;
        }

        .price-container .feature-row.toggle.open + .table-20 {
            display: table;
            animation: slideDown 0.3s ease;
        }

.price-container .desktop-version .feature-row .info {
    width: 45px;
}

.price-container .mobile-version .feature-row .right .info {
    width: 20px;
}

.price-container .feature-row tr td .info {
    width: 25px;
}


/* ===== MOBILE CARDS ===== */
.price-container .price-section {
    padding: 100px 0;
}

.price-container .plan-card {
    position: relative;
    background: white;
    transition: all 0.3s ease;
}

    .price-container .plan-card:not(:first-child) {
        margin-top: 120px;
    }

    .price-container .plan-card .card {
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(-50%);
        width: 320px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }


        .price-container .plan-card .card img[src*="Subtract"] {
            width: 50%;
            height: auto;
        }

    .price-container .plan-card .card-body {
        background-color: rgba(219, 239, 237, 1);
        border-radius: 12px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        margin-top: -5px;
        min-height: 70px;
    }


    .price-container .plan-card .logo {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 7px;
        left: calc(50% - 22.5px);
        background-color: #259d90;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }



/* */


.price-container .gradient-line {
    width: 100%;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg, rgba(218, 220, 229, 0) 0%, #dadce5 52.5%, rgba(218, 220, 229, 0) 100%);
    border-image-slice: 1;
}

.price-container .details-row .toggle img {
    background-color: var(--bs-green-mint) !important;
    padding: 4px;
    border-radius: 50%;
}

.price-container .details-content {
    display: none;
}

.price-container .icon-minus {
    display: none;
}

.price-container .details-row.open .icon-add {
    display: none;
}

.price-container .details-row.open .icon-minus {
    display: inline;
}


/* ===== COMMON FEATURES ===== */
.price-container .feature-tab {
    background: white;
    padding: 30px;
}

    .price-container .feature-tab .row {
        margin: 20px 0;
    }

    .price-container .feature-tab .col,
    .price-container .feature-tab .col-md-4 {
        display: flex;
        align-items: center;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .price-container .feature-tab img[src*="check-circle-green"] {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }


/* ===== ACCORDION ===== */
.price-container .accordion {
    border: none;
    background: transparent;
}

.price-container .accordion-item {
    background-color: #fff !important;
    border: none;
    margin-bottom: 10px;
    border-radius: 12px !important;
    padding: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.price-container .accordion-button {
    width: 100%;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    padding: 16px 20px;
    font-weight: bold;
    background-color: white;
    transition: all 0.3s ease;
}

    .price-container .accordion-button:not(.collapsed) {
        background-color: var(--bs-green-mint) !important;
        color: #fff !important;
        border-radius: 10px !important;
    }

    .price-container .accordion-button:focus {
        box-shadow: none;
        border: none;
    }

    .price-container .accordion-button::after {
        margin-left: 0;
        margin-right: auto;
/*        transform: scale(1.2);*/
    }

    .price-container .accordion-button:not(.collapsed)::after {
        filter: brightness(0) invert(1);
    }

.price-container .accordion-body {
    direction: rtl;
    text-align: right;
    background-color: #fff;
    padding: 20px;
    line-height: 1.8;
}

/* ===== CTA SECTION ===== */
.price-container .CTA {
    position: relative;
    background: url('/Images/HamraShopIndex/CTA-curve.svg') no-repeat center center;
    background-size: contain;
    text-align: center;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-container .highlight {
    position: absolute;
    top: 35%;
    left: 58%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.price-container .CTA .decorative-left {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 80%;
    width: 207px;
}



/* Responsive CTA */
@media (max-width: 768px) {
    .price-container .CTA {
        position: relative;
        background: url('/Images/HamraShopIndex/CTA-mobile-curve.svg') no-repeat center center;
        background-size: contain;
        text-align: center;
        overflow: hidden;
    }

        .price-container .CTA .highlight {
            position: absolute;
            top: 35%;
            left: 75%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }

        .price-container .CTA .decorative-left {
            position: absolute;
            top: 80%;
            right: 48%;
            width: 157px;
            z-index: 1;
        }

        .price-container .CTA .content {
            position: relative;
            z-index: 2;
            border-bottom: none !important;
        }
}

/* ===== COMMON FEATURES RESPONSIVE ===== */
@media (max-width: 768px) {
    .price-container .common-features .row .col-md-4 {
        margin-bottom: 15px;
    }

    .price-container .feature-tab .row {
        gap: 15px;
    }
}
.price-container .accordion-button::before{
    display: none!important;
}
.price-container .CTA .content {
    position: relative;
    z-index: 2;
    border-bottom: none !important;
}
.price-container .questionBox {
    background-color: #F7F7F7
}
.price-container .discountCell {
    display: flex;
    align-items: center;
    justify-content: center;
}
    .price-container .discountCell .badge {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3px;
    }
/*.table-price td{
    display: flex;
    align-items: center;
    justify-content: center;
}*/

#portfolioTabs .nav-link {
    color: #666;
    border: 1px solid #ddd;
    margin: 5px;
    border-radius: 20px;
    padding: 8px 20px;
    transition: all 0.3s;
}

    #portfolioTabs .nav-link.active {
        background-color: #007bff; /* یا رنگ سبز برند شما */
        color: white;
        border-color: #007bff;
    }

.radius12-h {
    border-radius: 12px;
}


#Portfolio {
    --brand-green: #107569;
    --brand-green-light: #e7f1f0;
    --text-gray: #6b7280;
}

    #Portfolio .f-kalame {
        font-weight: 700;
    }

/* تزیین هدر */
    #Portfolio .section-title {
        position: relative;
        padding-bottom: 15px;
        margin-bottom: 30px;
        color: var(--brand-green);
    }

        #Portfolio .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 50%;
            transform: translateX(50%);
            width: 60px;
            height: 4px;
            background-color: var(--brand-green);
            border-radius: 2px;
        }

/* استایل تب‌ها */
    #Portfolio .nav-pills-custom {
        gap: 10px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 10px;
        scrollbar-width: none; /* Firefox */
    }

        #Portfolio .nav-pills-custom::-webkit-scrollbar {
            display: none;
        }
    /* Chrome/Safari */

        #Portfolio .nav-pills-custom .nav-link {
            color: var(--text-gray);
            background: white;
            border: 1px solid #e5e7eb !important;
            border-radius: 50px;
            padding: 10px 24px;
            font-weight: 500;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

            #Portfolio .nav-pills-custom .nav-link.active {
                background-color: var(--brand-green) !important;
                color: white !important;
                border-color: var(--brand-green);
                box-shadow: 0 4px 12px rgba(16, 117, 105, 0.2);
            }

/* کارت فروشگاه */
    #Portfolio .portfolio-card {
        border: none;
        border-radius: 20px;
        overflow: hidden;
        background: white;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        height: 100%;
    }

        #Portfolio .portfolio-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }

    #Portfolio .card-img-wrapper {
        background-color: #f9fafb;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        position: relative;
    }

        #Portfolio .card-img-wrapper img {
            height: 400px;
            max-width: 100%;
            object-fit: contain;
        }

    #Portfolio .card-body {
        padding: 1.5rem;
        text-align: center;
    }

    #Portfolio .btn-view-shop {
        background-color: var(--brand-green);
        color: white;
        border-radius: 12px;
        padding: 10px 20px;
        font-weight: 600;
        width: 100%;
        border: none;
        transition: all 0.3s;
    }

        #Portfolio .btn-view-shop:hover {
            background-color: #0d5e55;
            color: white;
            transform: scale(1.02);
        }

/* لودینگ */
    #Portfolio .loader-wrapper {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #Portfolio .spinner-custom {
        color: var(--brand-green);
        width: 3rem;
        height: 3rem;
    }

    #Portfolio .fade-in {
        animation: fadeIn 0.5s ease-in forwards;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}