/**
 * Safirmall About Us
 * Styles only the UX Builder structures carrying the gwsm About Us classes.
 */

:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) {
    --gw-about-blue: var(--blue, #000b99);
    --gw-about-blue-2: #1624b8;
    --gw-about-blue-soft: var(--blue3, #eef0ff);
    --gw-about-ink: #101426;
    --gw-about-muted: var(--muted, #686d7d);
    --gw-about-line: #e7e9f2;
    --gw-about-bg: #f7f8fc;
    --gw-about-card: #ffffff;
    --gw-about-success: #16875b;
    --gw-about-shadow: 0 18px 55px rgba(16, 20, 38, 0.1);
    --gw-about-shadow-soft: 0 10px 34px rgba(16, 20, 38, 0.07);
    color: var(--gw-about-ink);
}

:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) *,
:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) *::before,
:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) *::after {
    box-sizing: border-box;
}


/**
 * Shared section labels
 */

.gwsm-title-section > .col > .col-inner > ul:first-child {
    display: inline-flex;
    width: auto;
    margin: 0 0 8px;
    padding: 5px 11px;
    border: 0;
    border-radius: 999px;
    background: var(--gw-about-blue-soft);
    align-items: center;
    color: var(--gw-about-blue);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.8;
    list-style: none;
}

.gwsm-title-section > .col > .col-inner > ul:first-child::before {
    content: none;
    display: none;
}

.gwsm-title-section > .col > .col-inner > ul:first-child > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gwsm-title-section > .col > .col-inner > ul:first-child > li::marker {
    content: "";
}


/**
 * Hero capsule list
 */

.gwsm-capsule-tag {
    display: block;
    width: 100%;
    margin: 10px 0 0;
}

.gwsm-capsule-tag > ol {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    list-style: none !important;
}

.gwsm-capsule-tag > ol > li {
    display: inline-flex;
    width: auto;
    min-height: 34px;
    margin: 0;
    padding: 6px 11px;
    border: 1px solid var(--gw-about-line);
    border-radius: 999px;
    background: #ffffff;
    align-items: center;
    color: #555a6a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.8;
    list-style: none !important;
}

.gwsm-capsule-tag > ol > li::before,
.gwsm-capsule-tag > ol > li::after {
    content: none;
    display: none;
}

.gwsm-capsule-tag > ol > li::marker {
    content: "";
}

:is(
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq
) h2 {
    margin: 4px 0 10px;
    color: var(--gw-about-ink);
    font-size: clamp(25px, 3.3vw, 39px);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: -0.4px;
}

:is(
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) p {
    color: var(--gw-about-muted);
    line-height: 2;
}


/**
 * Hero and statistics
 */

.gwsm-hiro-aboutus {
    padding: 58px 0 50px !important;
    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(236, 28, 36, 0.07),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 8%,
            rgba(0, 11, 153, 0.09),
            transparent 29%
        ),
        linear-gradient(180deg, #fbfbff, #ffffff);
}

.gwsm-hiro-aboutus > .section-content > .gwsm-title-section {
    align-items: center !important;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb {
    margin-bottom: 26px;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb > .col-inner {
    padding: 0;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb p {
    margin: 0;
    color: #9296a4;
    font-size: 12px;
    line-height: 1.8;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb a {
    color: #686d7d;
    text-decoration: none;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb a:hover {
    color: var(--gw-about-blue);
}

.gwsm-hiro-aboutus .gwsm-breadcrumb .separator {
    display: inline-block;
    margin: 0 6px;
    color: #b1b5c2;
}

.gwsm-hiro-aboutus .gwsm-breadcrumb .last {
    color: var(--gw-about-ink);
    font-weight: 800;
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .gwsm-breadcrumb + .col
> .col-inner {
    padding-left: 34px;
}

.gwsm-hiro-aboutus h2 {
    margin: 8px 0 15px;
    color: var(--gw-about-ink);
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -1.1px;
}

.gwsm-hiro-aboutus h2 span {
    font-size: inherit !important;
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .gwsm-breadcrumb + .col
> .col-inner
> p {
    max-width: 650px;
    margin: 0 0 23px;
    color: var(--gw-about-muted);
    font-size: 15px;
    line-height: 2;
}

.gwsm-hiro-aboutus .button,
.gwsm-gotoshop .button {
    min-height: 48px;
    margin: 0 0 8px 7px;
    padding: 10px 20px;
    border-radius: 14px !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: none;
    transition:
        border-color 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease;
}

.gwsm-hiro-aboutus .button.primary:not(.is-outline),
.gwsm-gotoshop .button.primary:not(.is-outline) {
    border-color: transparent;
    background: linear-gradient(
        135deg,
        var(--gw-about-blue),
        var(--gw-about-blue-2)
    );
    box-shadow: 0 12px 26px rgba(0, 11, 153, 0.2);
    color: #ffffff;
}

.gwsm-hiro-aboutus .button.is-outline,
.gwsm-gotoshop .button.is-outline {
    border-color: var(--gw-about-line);
    background: #ffffff;
    color: var(--gw-about-ink);
}

.gwsm-hiro-aboutus .button:hover,
.gwsm-gotoshop .button:hover {
    transform: translateY(-2px);
}

.gwsm-hiro-aboutus .button.is-outline:hover,
.gwsm-gotoshop .button.is-outline:hover {
    border-color: #cfd3ff;
    color: var(--gw-about-blue);
}

/* Flatsome equivalent of the reference .sm-btn.sm-btn-light button. */
:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) .button.white.is-outline {
    display: inline-flex !important;
    min-height: 48px;
    padding: 10px 20px !important;
    border: 1px solid var(--gw-about-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--gw-about-ink) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: none !important;
    white-space: nowrap;
    cursor: pointer;
    transition:
        border-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease;
}

:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) .button.white.is-outline:hover {
    border-color: #cfd3ff !important;
    background: #ffffff !important;
    color: var(--gw-about-blue) !important;
    transform: translateY(-2px);
}

:is(
    .gwsm-hiro-aboutus,
    .gwsm-story,
    .gwsm-ourvalues,
    .gwsm-purchasingjourney,
    .gwsm-contactus,
    .gwsm-faq,
    .gwsm-gotoshop
) .button.white.is-outline:focus-visible {
    border-color: var(--gw-about-blue) !important;
    outline: 2px solid rgba(0, 11, 153, 0.16);
    outline-offset: 2px;
}

.gwsm-hiro-img {
    position: relative;
    min-height: 470px;
    overflow: visible;
    border-radius: 30px;
    background:
        radial-gradient(
            circle at -8% 12%,
            transparent 0 165px,
            rgba(255, 255, 255, 0.14) 166px 167px,
            transparent 168px
        ),
        linear-gradient(145deg, #121d9d, #000b75);
    box-shadow: var(--gw-about-shadow);
    isolation: isolate;
}

.gwsm-hiro-img > .img-inner {
    position: absolute !important;
    right: 10%;
    bottom: 8%;
    z-index: 1;
    width: 54%;
    padding: 0;
    overflow: visible;
    background: #ffffff;
    box-shadow: 0 25px 28px rgba(0, 0, 0, 0.18);
    transform: rotate(-4deg);
}

.gwsm-hiro-img > .img-inner::after {
    content: none;
    display: none;
}



.gwsm-hiro-img::before,
.gwsm-hiro-img::after {
    position: absolute;
    z-index: 2;
    display: block;
    min-height: 120px;
    padding: 66px 15px 14px;
    border: 1px solid var(--gw-about-line);
    border-radius: 18px;
    background-color: #ffffff;
    background-position: right 15px top 14px;
    background-repeat: no-repeat;
    background-size: 44px 44px;
    box-shadow: var(--gw-about-shadow-soft);
    color: var(--gw-about-ink);
    font-size: 11px;
    font-weight: 800;
    line-height: 2;
    direction: rtl;
    text-align: right;
    white-space: pre-line;
}

.gwsm-hiro-img::before {
    content: "منابع آموزشی منتخب\A بر اساس سطح و هدف یادگیری";
    top: -18px;
    right: -42px;
    width: 168px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='13' fill='%23eef0ff'/%3E%3Cg fill='none' stroke='%23000b99' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 12h11a3 3 0 0 1 3 3v17H17a3 3 0 0 1-3-3z'/%3E%3Cpath d='M17 12v20'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1244px){

    .gwsm-hiro-img::before{
            top: -8px;
    right: -6px;
    }

    .gwsm-hiro-img::after{
        left: -4px;
    }

}


.gwsm-contactus .gwsm-title-section .col:nth-of-type:first ul li{
    background: none !important;
        color: #fff !important;
}


.gwsm-hiro-img::after {
    content: "ارسال سفارش\A تهران و شهرستان‌ها";
    bottom: -28px;
    left: -28px;
    width: 132px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='13' fill='%23eef0ff'/%3E%3Cg fill='none' stroke='%23000b99' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h15v11H10z'/%3E%3Cpath d='M25 20h4l5 5v3h-9z'/%3E%3Ccircle cx='16' cy='31' r='2'/%3E%3Ccircle cx='30' cy='31' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .col:nth-child(n + 4) {
    margin-top: 28px;
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .col:nth-child(n + 4)
> .col-inner {
    width: 100%;
    min-height: 126px;
    padding: 22px 16px;
    border: 1px solid var(--gw-about-line);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(16, 20, 38, 0.035);
    text-align: center;
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .col:nth-child(n + 4)
> .col-inner
> p:first-child {
    margin: 0;
    color: var(--gw-about-blue);
    font-size: 28px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
}

.gwsm-hiro-aboutus
> .section-content
> .gwsm-title-section
> .col:nth-child(n + 4)
> .col-inner
> p:last-child {
    margin: 5px 0 0;
    color: var(--gw-about-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.8;
}


/**
 * Story
 */

.gwsm-story {
    position: relative;
    padding-top: 76px;
    padding-bottom: 76px;
    align-items: center;
    isolation: isolate;
}

.gwsm-story::before,
.gwsm-purchasingjourney::before,
.gwsm-faq::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 100vw;
    background: var(--gw-about-bg);
    transform: translateX(-50%);
}

.gwsm-story > .col:first-child .box {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--gw-about-line);
    border-radius: 28px;
    background: linear-gradient(135deg, #edf0ff, #ffffff);
}

.gwsm-story > .col:first-child .box-image {
    display: grid;
    min-height: 420px;
    padding: 30px;
    place-items: center;
}

.gwsm-story > .col:first-child .box-image img {
    display: block;
    width: min(72%, 340px);
    height: auto;
    margin: auto;
    object-fit: contain;
    filter: drop-shadow(0 20px 24px rgba(0, 0, 0, 0.17));
}

.gwsm-story > .col:first-child .box-text {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: auto;
    max-width: calc(100% - 40px);
    padding: 10px 13px;
    border: 1px solid var(--gw-about-line);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: var(--gw-about-shadow-soft);
}

.gwsm-story > .col:first-child .box-text p {
    margin: 0;
    color: var(--gw-about-ink);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.8;
}

.gwsm-story > .col:nth-child(2) > .col-inner > p {
    margin: 0 0 13px;
    font-size: 14px;
}

.gwsm-story .icon-box {
    display: flex;
    width: 100%;
    margin: 10px 0 0;
    padding: 13px 14px;
    border: 1px solid var(--gw-about-line);
    border-radius: 14px;
    background: #ffffff;
    align-items: center;
    gap: 11px;
    direction: rtl;
    text-align: right;
}

.gwsm-story .icon-box-img {
    display: grid;
    width: 38px !important;
    min-width: 38px;
    height: 38px;
    margin: 0;
    padding: 8px;
    border-radius: 11px;
    background: #ecf8f3;
    flex: 0 0 38px;
    place-items: center;
}

.gwsm-story .icon-box-img img {
    width: 21px !important;
    height: 21px !important;
    margin: 0;
    object-fit: contain;
}

.gwsm-story .icon-box-text {
    min-width: 0;
    text-align: right;
}

.gwsm-story .icon-box-text h3 {
    margin: 0;
    color: var(--gw-about-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
}

.gwsm-story .icon-box-text p {
    margin: 1px 0 0;
    color: var(--gw-about-muted);
    font-size: 11px;
    line-height: 1.8;
}


/**
 * Values
 */

.gwsm-ourvalues {
    padding-top: 76px;
    padding-bottom: 76px;
    align-items: stretch !important;
}

.gwsm-ourvalues > .col:first-child {
    margin-bottom: 20px;
}

.gwsm-ourvalues > .col:first-child p,
.gwsm-purchasingjourney > .col:first-child p {
    max-width: 700px;
    margin: 0;
    font-size: 14px;
}

.gwsm-ourvalues > .medium-4,
.gwsm-purchasingjourney > .large-3 {
    display: flex;
}

.gwsm-ourvalues > .medium-4 > .col-inner {
    display: flex;
    width: 100%;
    min-height: 235px;
    padding: 25px;
    border: 1px solid var(--gw-about-line);
    border-radius: 22px;
    background: #ffffff;
    flex-direction: column;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.gwsm-ourvalues > .medium-4 > .col-inner:hover {
    border-color: #d8dcff;
    box-shadow: var(--gw-about-shadow-soft);
    transform: translateY(-5px);
}

.gwsm-ourvalues .icon-box {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}

.gwsm-ourvalues .icon-box-img {
    display: grid;
    width: 50px !important;
    min-width: 50px;
    height: 50px;
    margin: 0 0 16px;
    padding: 12px;
    border-radius: 15px;
    background: var(--gw-about-blue-soft);
    place-items: center;
}

.gwsm-ourvalues > .medium-4:nth-child(3) .icon-box-img {
    background: #fff0f1;
}

.gwsm-ourvalues .icon-box-img img {
    width: 26px !important;
    height: 26px !important;
    margin: 0;
    object-fit: contain;
}

.gwsm-ourvalues .icon-box-text {
    text-align: right;
}

.gwsm-ourvalues .icon-box-text h3 {
    margin: 0 0 7px;
    color: var(--gw-about-ink);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}

.gwsm-ourvalues .icon-box-text p {
    margin: 0;
    color: var(--gw-about-muted);
    font-size: 12px;
    line-height: 2;
}


/**
 * Purchasing journey
 */

.gwsm-purchasingjourney {
    position: relative;
    padding-top: 76px;
    padding-bottom: 76px;
    align-items: stretch !important;
    isolation: isolate;
}

.gwsm-purchasingjourney > .col:first-child {
    margin-bottom: 20px;
}

.gwsm-purchasingjourney > .large-3 > .col-inner {
    position: relative;
    width: 100%;
    min-height: 230px;
    padding: 24px;
    border: 1px solid var(--gw-about-line);
    border-radius: 22px;
    background: #ffffff;
}

.gwsm-purchasingjourney > .large-3 > .col-inner::before {
    content: none;
    display: none;
}

.gwsm-purchasingjourney > .large-3:not(:last-child) > .col-inner::after {
    content: "←";
    position: absolute;
    top: 34px;
    left: -23px;
    color: #bcc0cf;
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
}

.gwsm-purchasingjourney .icon-box {
    height: 100%;
    text-align: right;
}

.gwsm-purchasingjourney .icon-box-img {
    display: grid;
    width: 44px !important;
    min-width: 44px;
    height: 44px;
    margin: 0 0 15px;
    padding: 10px;
    border-radius: 13px;
    background: var(--gw-about-blue-soft);
    place-items: center;
}

.gwsm-purchasingjourney .icon-box-img img {
    width: 24px !important;
    height: 24px !important;
    margin: 0;
    object-fit: contain;
}

.gwsm-purchasingjourney .icon-box-text {
    text-align: right;
}

.gwsm-purchasingjourney .icon-box-text h3 {
    margin: 0 0 6px;
    color: var(--gw-about-ink);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.8;
}

.gwsm-purchasingjourney .icon-box-text p {
    margin: 0;
    color: var(--gw-about-muted);
    font-size: 11px;
    line-height: 2;
}


/**
 * Promise and contact
 */

.gwsm-contactus {
    padding-top: 76px;
    padding-bottom: 76px;
    align-items: stretch;
}

.gwsm-contactus > .col {
    display: flex;
}

.gwsm-contactus > .col > .col-inner {
    width: 100%;
    min-height: 350px;
    padding: 34px;
    border-radius: 28px;
}

.gwsm-contactus > .large-7 > .col-inner {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        130deg,
        #071170,
        #111dac 56%,
        #2f3ac9
    );
    color: #ffffff;
    isolation: isolate;
}

.gwsm-contactus > .large-7 > .col-inner::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -120px;
    z-index: -1;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
}

.gwsm-contactus
> .large-7
> .col-inner
> ul:first-child {
    /* background: rgba(255, 255, 255, 0.12); */
    color: #ffffff;
}

.gwsm-contactus
> .large-7
> .col-inner
> ul:first-child::before {
    background: #ffffff;
}

.gwsm-contactus > .large-7 h2 {
    color: #ffffff;
    font-size: clamp(24px, 3vw, 31px);
}

.gwsm-contactus > .large-7 > .col-inner > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
}

.gwsm-contactus
> .large-7
> .col-inner
> ul:not(:first-child) {
    display: grid;
    margin: 24px 0 0;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
}

.gwsm-contactus
> .large-7
> .col-inner
> ul:not(:first-child)
> li {
    margin: 0;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.8;
}

.gwsm-contactus
> .large-7
> .col-inner
> ul:not(:first-child)
> li::marker {
    content: "";
}

.gwsm-contactus > .large-5 > .col-inner {
    border: 1px solid #ffdfe1;
    background: linear-gradient(135deg, #fff3f4, #ffffff);
}

.gwsm-contactus > .large-5 h2 {
    font-size: 22px;
}

.gwsm-contactus > .large-5 > .col-inner > p {
    margin: 0 0 12px;
    font-size: 12px;
}

.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="tel:"],
.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="mailto:"] {
    display: flex;
    min-height: 40px;
    padding: 8px 0;
    border-bottom: 1px solid #f1dfe0;
    align-items: center;
    gap: 10px;
    color: var(--gw-about-ink);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.8;
    text-decoration: none;
    direction: ltr;
}

.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="tel:"]::before,
.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="mailto:"]::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="tel:"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000b99' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4 9 8l-2 2c1.4 3 3.6 5.2 6.7 6.7l2-2 4 2.5-.7 2.7c-.3 1.2-1.5 2-2.7 1.9C9.4 20.9 3.1 14.6 2.2 7.7 2 6.5 2.9 5.3 4.1 5z'/%3E%3C/svg%3E");
}

.gwsm-contactus
> .large-5
> .col-inner
> p
> a[href^="mailto:"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000b99' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.gwsm-contactus > .large-5 .button {
    display: flex;
    width: 100%;
    min-height: 46px;
    margin: 16px 0 0;
    border: 0;
    border-radius: 12px !important;
    background: linear-gradient(
        135deg,
        var(--gw-about-blue),
        var(--gw-about-blue-2)
    );
    box-shadow: 0 10px 24px rgba(0, 11, 153, 0.16);
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: none;
}


/**
 * FAQ
 */

.gwsm-faq {
    position: relative;
    padding-top: 76px;
    padding-bottom: 76px;
    isolation: isolate;
}

.gwsm-faq > .col:first-child {
    margin-bottom: 18px;
}

.gwsm-faq .accordion {
    display: grid;
    width: 100%;
    margin: 0;
    gap: 10px;
}

.gwsm-faq .accordion-item {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--gw-about-line);
    border-radius: 17px;
    background: #ffffff;
}

.gwsm-faq .accordion-title {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 62px;
    margin: 0;
    padding: 15px 18px;
    border: 0;
    background: #ffffff;
    box-shadow: none;
    align-items: center;
    gap: 14px;
    direction: rtl;
    color: var(--gw-about-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.9;
    text-align: right;
    text-decoration: none;
}

.gwsm-faq .accordion-title:hover,
.gwsm-faq .accordion-title.active,
.gwsm-faq .accordion-title[aria-expanded="true"] {
    background: #fbfbff;
    color: var(--gw-about-blue);
}

.gwsm-faq .accordion-title > span {
    order: 1;
    min-width: 0;
    flex: 1 1 auto;
}

.gwsm-faq .accordion-title > .toggle {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    order: 2;
    display: inline-flex;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin: 0 auto 0 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--gw-about-blue-soft);
    box-shadow: none;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    color: var(--gw-about-blue);
    opacity: 1;
    transform: none;
}

.gwsm-faq .accordion-title > .toggle i {
    position: static;
    margin: 0;
    color: inherit;
    font-size: 17px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.gwsm-faq .accordion-title.active > .toggle,
.gwsm-faq .accordion-title[aria-expanded="true"] > .toggle {
    background: var(--gw-about-blue);
    color: #ffffff;
}

.gwsm-faq .accordion-title.active > .toggle i,
.gwsm-faq .accordion-title[aria-expanded="true"] > .toggle i {
    transform: rotate(180deg);
}

.gwsm-faq .accordion-inner {
    margin: 0;
    padding: 0 18px 18px;
    border: 0;
    background: #ffffff;
    color: var(--gw-about-muted);
    font-size: 12px;
    line-height: 2;
    text-align: right;
}

.gwsm-faq .accordion-inner p {
    margin: 0;
}


/**
 * Shop CTA
 */

.gwsm-gotoshop {
    margin-top: 0;
    margin-bottom: 76px;
    padding: 32px 24px;
    border: 1px solid var(--gw-about-line);
    border-radius: 26px;
    background: linear-gradient(135deg, #f4f5ff, #ffffff);
    align-items: center;
}

.gwsm-gotoshop h3 {
    margin: 0 0 5px;
    color: var(--gw-about-ink);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.6;
}

.gwsm-gotoshop p {
    margin: 0;
    font-size: 12px;
}

.gwsm-gotoshop > .medium-4 > .col-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}