/* semantic color variables for this project */
:root {
    --color-white: #ffffff;
    --color-DoveGrey: #6b6b6b;
    --color-Mirage: #10152a;
    --color-LightGrey: #dadada;
    --color-FlamePea: #d62327;
    --color-Seashell: #f1f1f1;
    --color-Dawn: #a2a2a2;
    --color-DavyGrey: #555555;
    --color-Mercury: #e7e7e7;
    --color-CarbonGrey: #5a5a5a;
    --color-Liver: #4e4e4e;
    --color-DesertStorm: #f8f8f8;
    --color-AntiqueWhite: #ffe9e3;
    --color-OffWhite: #fff3ea;
    --color-LinkWater: #e5e0f2;
    --color-AquaSqueeze: #e4f4f3;
    --color-ReddishOrange: #fe4c1c;
    --color-BlueGem: #290390;
    --color-EasternBlue: #1fa299;
    --color-Onyx: #111111;
    --color-BattleshipGrey: #818181;
    --color-NileBlue: #19395e;
    --color-Black: #000000;
    --color-YaleBlue: #10439e;
    --color-PictonBlue: #49adf4;
    --color-Gunmetal: #283034;
    --color-BlueDress: #2574e4;
    --color-TomatoRed: #e9340d;
    --color-StarDust: #9c9c9c;
    --color-SilverChalice: #afafaf;
    --color-DarkJungleGreen: #222222;
    --color-Boulder: #7a7a7a;
    --color-Platinum: #e3e3e3;
    --color-Nobel: #b3b3b3;
    --color-RedOrange: #fff2ed;
    --color-soapStone: #fcfcfc;
    --color-GreyGoose: #cfcfcf;
    --color-RoseWhite: #fdf6f3;
    --color-SpringWood: #f9f6f5;
    --color-Alabaster: #fbfbfb;
    --color-Soapstone: #fcfcfc;
    --color-WhiteSmoke: #f4f7f6;
    --color-PaleAqua: #cdd2e1;
    --color-LemonGrass: #9a9999;
    --color-MediumGreen: #27a850;
    --color-UltramarineBlue: #3159fe;
    --color-DenimBlue: #6dc5eb;
    --color-Gravel: #494454;
    --color-MountainMist: #949292;
    --color-Cinder: #14171a;
    --color-CadetGrey: #91a4b7;
    --color-skeleton: #d9d9d9;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /* position: relative; */
    font-weight: normal;
}

/* body {
    background: var(--color-white);
    line-height: 1.6;
    font-family: var(--font-Robotofamily);
    font-size: 1rem;
    font-weight: normal;
} */

button {
    border: none;
    outline: none;
    box-sizing: border-box;
    display: block;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

input {
    border: none;
    outline: none;
    box-shadow: none;
}

.text-underline {
    padding-bottom: 0.25rem;
    border-bottom: 3px solid var(--color-FlamePea);
    border-radius: 2px;
}

.lines-bg {
    background-image: url("../images/terms-bg.png");
    background-position: top center;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
}

/* popover styles  */

.popover .popover-body {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
}

/**************
    *
    *  navbar stlyes
    *
    *
    **************/

#navbar2 {
    display: flex;
    margin: 0 auto;
    max-width: 1920px;
    padding-top: 1rem;
    align-items: center;
    padding-top: 0.7rem;
    justify-content: space-between;
}

#navbar2 img.logo {
    width: 11rem;
    height: 3.599rem;
    object-fit: contain;
}

#navbar2 .primary-btn {
    padding: 0.5rem 1rem;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--color-FlamePea);
    border-radius: 25px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: var(--color-Black);
    margin-left: 0.5rem;
}

#navbar2 > .primary-btn:hover {
    background-color: var(--color-FlamePea);
    border: 2px solid var(--color-FlamePea);
    color: var(--color-white);
}

#navbar2 .primary-btn svg {
    margin-right: 0.6rem;
    stroke: var(--color-Black);
}

#navbar2 .primary-btn:hover svg {
    stroke: var(--color-white);
}

#navbar2 .navbar-toggler2:focus {
    box-shadow: none !important;
}

@media (min-width: 1920px) {
    #navbar2 {
        padding: 0 3rem;
    }
}

@media screen and (min-width: 576px) {
    #navbar2 .primary-btn {
        width: 10rem;
        height: 3rem;
    }
}

@media screen and (min-width: 768px) {
    #navbar2 > img.logo {
        width: 12rem;
        height: 5rem;
    }
}

main,
#footer {
    margin: 0 auto;
    max-width: 1920px;
}

/**************
    *
    *  product detail stlyes
    *
    *
    **************/

/* toggler styles  */

main#product_detail section.card_details .toggler {
    padding-bottom: 0.6rem;
    overflow-x: auto;
    margin-top: 2.7rem;
}

/* width */
main#product_detail section.card_details .toggler::-webkit-scrollbar {
    height: 5px;
}

/* Track */
main#product_detail section.card_details .toggler::-webkit-scrollbar-track {
    background: var(--color-Seashell);
}

/* Handle */
main#product_detail section.card_details .toggler::-webkit-scrollbar-thumb {
    background: var(--color-Dawn);
}

/* Handle on hover */
main#product_detail
    section.card_details
    .toggler::-webkit-scrollbar-thumb:hover {
    background: var(--color-DavyGrey);
}

main#product_detail section.card_details .toggler_container ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

main#product_detail section.card_details .toggler_container ul li {
    text-align: start;
}

main#product_detail section.card_details .toggler_container ul button {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.563rem;
    color: var(--color-DoveGrey);
    margin-right: 2rem;
    display: inline-block;
    position: relative;
    background-color: transparent;
}

main#product_detail section.card_details .toggler_container ul button.active {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    color: var(--color-Mirage);
}

main#product_detail section.card_details .toggler_container hr {
    margin: 0;
    margin-top: 0.3rem;
    color: var(--color-LightGrey);
    width: 100%;
    height: 2px;
    display: block;
}

main#product_detail
    section.card_details
    .toggler_container
    button.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    height: 3px;
    background-color: var(--color-FlamePea);
    border-radius: 6px 6px 0px 0px;
}

/* media query for toggler container  */
@media screen and (min-width: 768px) {
    main#product_detail section.card_details .toggler_container ul button {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 908px) {
    main#product_detail section.card_details .toggler_container {
        width: 100%;
    }
}

/* slider styles  */

main#product_detail section.card_details .mySlides > img {
    width: 100%;
    height: auto;
    max-height: 34.625rem;
    vertical-align: middle;
    object-fit: cover;
    border-radius: 6px;
    object-position: 50% 50%;
}

main#product_detail section.card_details .slider_thumbnail_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.3rem;
}

main#product_detail
    section.card_details
    .slider_thumbnail_container
    .thumbnail {
    width: 3.625rem;
    height: 3.875rem;
    background-color: var(--color-Mercury);
    border-radius: 12px;
    padding: 3px;
    margin-right: 1rem;
}

main#product_detail
    section.card_details
    .slider_thumbnail_container
    .thumbnail.active {
    border: 1px solid var(--color-FlamePea);
}

main#product_detail
    section.card_details
    .slider_thumbnail_container
    .thumbnail:last-child {
    margin-right: 0rem;
}

main#product_detail
    section.card_details
    .slider_thumbnail_container
    .thumbnail
    > img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: contain;
}

/* cart_total_container  */
main#product_detail section.card_details .cart_total_container {
    margin-top: 2rem;
}

main#product_detail section.card_details .cart_total_container .cart_card {
    width: 100%;
    background-color: var(--color-white);
    border: 1.5px solid var(--color-FlamePea);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    min-height: 34.5rem;
}

main#product_detail section.card_details .cart_total_container .cart_card h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.425rem;
    line-height: 1.875rem;
    color: var(--color-FlamePea);
    margin: 0;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .header_underline {
    margin: 0;
    width: 2px;
    height: 1.25rem;
    background-color: var(--color-LightGrey);
    margin-left: 0.9rem;
    margin-right: 0.7rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .status {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.438rem;
    color: var(--color-PictonBlue);
    margin: 0;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    h1.title {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.313rem;
    color: var(--color-Gunmetal);
    margin: 0;
    margin-top: 1rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    span.deal {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-Gunmetal);
}

main#product_detail section.card_details .cart_total_container .cart_card > p {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1.145rem;
    line-height: 1.625rem;
    color: var(--color-Gunmetal);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    > p.review {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-Black);
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    > p.review
    > span {
    color: var(--color-BlueDress);
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .price_container
    span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 2.125rem;
    color: var(--color-TomatoRed);
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .price_container
    span.price {
    color: #da6236;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .price_container
    span.offer {
    padding-right: 0.8rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    span.previous_price {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.313rem;
    text-decoration: line-through;
    color: #ffffff;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    span.previous_price_heading {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.bg_blue {
    background: #27aae1;
    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
    margin: 1rem 0;
    width: max-content;
    position: relative;
}

.bg_blue::after {
    content: " ";
    right: -1rem;
    top: 0.4rem;
    background: #ffffff;
    padding: 0.9rem;
    width: max-content;
    transform: rotate(45deg);
    display: inline-table;
    position: absolute;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_container
    p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-Gunmetal);
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_container
    a {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-BlueDress);
}

main#product_detail
    .cart_total_container
    .plan_category
    .dropdown_header_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 3.125rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-Black);
    border-radius: 4px;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_category
    .dropdown_header_container
    > p {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    color: var(--color-Black);
    margin: 0;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_category
    .dropdown_header_container
    svg {
    width: 0.875rem;
    height: 0.438rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_category
    .dropdown_options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    transition: 0.3s all ease-in-out;
    background-color: var(--color-white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
    width: 100%;
    display: none;
}

main#product_detail
    section.card_details
    .cart_total_container
    .cart_card
    .plan_category
    .dropdown_options.show {
    display: block;
}

main#product_detail
    section.card_details
    .cart_total_container
    .plan_category
    .dropdown_options
    li {
    list-style: none;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-StarDust);
    cursor: pointer;
    padding: 0.7rem 1rem;
}

main#product_detail
    section.card_details
    .cart_total_container
    .plan_category
    .dropdown_options
    li
    > span {
    color: var(--color-Mirage);
}

main#product_detail
    section.card_details
    .cart_total_container
    .plan_category
    .dropdown_options
    li:hover {
    background-color: var(--color-DesertStorm);
}

main#product_detail section.card_details .cart_total_container .btn_buy {
    width: 100%;
    height: 2.813rem;
    background-color: var(--color-FlamePea);
    border-radius: 30px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.313rem;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

@media screen and (min-width: 576px) {
    main#product_detail
        section.card_details
        .slider_thumbnail_container
        .thumbnail {
        width: 4.625rem;
        height: 4.875rem;
    }

    main#product_detail
        section.card_details
        .cart_total_container
        .cart_card
        h3 {
        font-size: 1.625rem;
        line-height: 1.875rem;
    }

    main#product_detail
        section.card_details
        .cart_total_container
        .cart_card
        .status {
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#product_detail
        section.card_details
        .cart_total_container
        .cart_card
        h1.title {
        font-size: 1.75rem;
        line-height: 2.313rem;
    }

    main#product_detail
        section.card_details
        .cart_total_container
        .cart_card
        > p {
        font-size: 16px;
        line-height: 1.625rem;
    }

    main#product_detail section.card_details .cart_total_container .btn_buy {
        font-size: 1.125rem;
        line-height: 1.313rem;
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    main#product_detail section.card_details .slider_container {
        padding-right: 1.2rem;
    }

    main#product_detail section.card_details .cart_total_container {
        margin-top: 0rem;
    }
}

/* product_detail section styles  */

main#product_detail section.product_detail {
    margin-top: 2rem;
    background-color: var(--color-white);
    border-radius: 6px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

main#product_detail section.product_detail .title_container h2 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.563rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-bottom: 0.2rem;
}

main#product_detail section.product_detail .title_container .underline {
    width: 7.2rem;
    height: 0.188rem;
    background-color: var(--color-FlamePea);
    border-radius: 6px 6px 0px 0px;
}

main#product_detail section.product_detail .desc_container {
    margin: 16px 0;
}

main#product_detail section.product_detail .desc_container h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: var(--color-Mirage);
    margin: 0;
}

main#product_detail section.product_detail .desc_container p {
    margin: 16px 0;
    font-weight: 400;
    font-size: 1.1rem;
    color: var(--color-Liver);
    font-family: var(--font-ArialRegular);
}

@media screen and (min-width: 576px) {
    main#product_detail section.product_detail .title_container h2 {
        font-size: 2rem;
    }

    main#product_detail section.product_detail .desc_container h3 {
        font-size: 1.35rem;
        line-height: 1.875rem;
    }

    main#product_detail section.product_detail .desc_container p {
        font-size: 1.25rem;
    }
}

/* overview section styles  */

section#overview {
    background-color: var(--color-white);
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

section#overview .title_container h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.563rem;
    color: var(--color-Black);
    margin: 0;
    margin-bottom: 0.1rem;
}

section#overview .title_container .underline {
    width: 5.25rem;
    height: 0.188rem;
    background-color: var(--color-FlamePea);
    border-radius: 6px 6px 0px 0px;
}

section#overview .video_container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

section#overview .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

section#overview .btn_show {
    padding: 0.625rem;
    width: 13.625rem;
    height: 3rem;
    border: 1px solid var(--color-YaleBlue);
    border-radius: 2.5rem;
    font-family: var(--font-Barlowfamily);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.313rem;
    color: var(--color-YaleBlue);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 576px) {
    section#overview .title_container h3 {
        font-size: 2rem;
    }

    section#overview .btn_show {
        width: 20.625rem;
        height: 3.375rem;
        font-size: 1.125rem;
        line-height: 1.313rem;
    }
}

@media screen and (min-width: 768px) {
    section#overview .video_container {
        padding-top: 45.25%;
    }
}

/* license section styles  */
section#license {
    background-color: var(--color-DesertStorm);
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

section#license .title_container h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.513rem;
    color: var(--color-DarkJungleGreen);
    margin: 0;
    margin-bottom: 0.1rem;
}

section#license .title_container .underline {
    width: 8.25rem;
    height: 0.188rem;
    background-color: var(--color-FlamePea);
    border-radius: 6px 6px 0px 0px;
}

section#license .card_license_col {
    display: flex;
    flex-direction: column;
}

section#license .card_license {
    margin-top: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

section#license .card_license .icon_container {
    background-color: var(--color-white);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.25rem;
}

section#license .card_license .icon_container > .icon_circle {
    background-color: var(--color-AntiqueWhite);
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#license .card_license.purple .icon_container > .icon_circle {
    background-color: var(--color-LinkWater);
}

section#license .card_license.grey .icon_container > .icon_circle {
    background-color: var(--color-AquaSqueeze);
}

section#license .card_license .icon_container > .icon_circle svg {
    width: 1.5rem;
    height: 1.375rem;
    margin-left: -0.5rem;
}

section#license .card_license.purple .icon_container > .icon_circle svg {
    margin-left: 0rem;
}

section#license .card_license.grey .icon_container > .icon_circle svg {
    margin-left: 0rem;
}

section#license .card_license .icon_container > .icon_circle > .dot {
    background-color: var(--color-ReddishOrange);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    bottom: 13px;
    left: 2px;
}

section#license .card_license.purple .icon_container > .icon_circle > .dot {
    background-color: var(--color-BlueGem);
}

section#license .card_license.grey .icon_container > .icon_circle > .dot {
    background-color: var(--color-EasternBlue);
}

section#license .card_license h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.875rem;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--color-Onyx);
    margin: 0;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

section#license .card_license .card {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--color-white);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
    border-radius: 0px 0px 10px 10px;
    padding: 1.8rem 1rem;
    flex: 1 1 auto;
}

section#license .card_license .card .item > div {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

section#license .card_license .card .item > div h3 {
    margin: 0;
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    color: var(--color-BattleshipGrey);
    text-align: start;
}

section#license .card_license .card .item > div svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    margin-top: -0.2rem;
}

section#license .card_license .card .card_footer {
    text-align: center;
    margin-top: auto;
}

section#license .card_license .card span.price {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.25rem;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--color-Onyx);
    display: block;
}

section#license .card_license .card span.time {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--color-BattleshipGrey);
    display: inline-block;
    margin-top: 0.4rem;
    margin-bottom: 0.6rem;
}

section#license .card_license .card .btn_buy {
    width: 11.125rem;
    height: 2.813rem;
    background-color: var(--color-FlamePea);
    border-radius: 6px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

section#license .card_license.purple .card .btn_buy {
    background-color: var(--color-BlueGem);
}

section#license .card_license.grey .card .btn_buy {
    background-color: var(--color-EasternBlue);
}

@media screen and (min-width: 576px) {
    section#license .title_container h3 {
        font-size: 2rem;
    }
}

/* similar_product styles  */

section#similar_product {
    background-color: var(--color-DesertStorm);
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

section#similar_product .title_container {
    margin-bottom: 2rem;
}

section#similar_product .title_container h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.513rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-bottom: 0.1rem;
}

section#similar_product .title_container .underline {
    width: 7.25rem;
    height: 0.188rem;
    background-color: var(--color-FlamePea);
    border-radius: 6px 6px 0px 0px;
}

section#similar_product .feeds_horizantal_scroll {
    position: relative;
    display: flex;
}

section#similar_product .feeds {
    display: flex;
    align-items: center;
    flex-direction: row;
    scroll-behavior: smooth;
    overflow: hidden;
}

section#similar_product .feeds.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

section#similar_product .left_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    z-index: 2;
    display: none;
}

section#similar_product .right_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
}

section#similar_product .left_circle svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--color-white);
}

section#similar_product .right_circle svg {
    width: 1.5rem;
    height: 1.5rem;
}

section#similar_product .similar_product_card {
    min-width: 100%;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10.8467px;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

section#similar_product .similar_product_card:last-child {
    margin-right: 0rem;
}

section#similar_product .similar_product_card > img {
    border-radius: 10px 10px 0px 0px;
    height: 15rem;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

section#similar_product .similar_product_card > .card_body {
    padding: 1rem;
}

section#similar_product .similar_product_card > .card_body > h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: var(--color-NileBlue);
    margin: 0;
}

section#similar_product .similar_product_card > .card_body > p {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
    margin: 0;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

section#similar_product .similar_product_card > .card_body > .tags_container {
    display: flex;
    align-items: center;
    overflow: scroll;
}

section#similar_product
    .similar_product_card
    > .card_body
    > .tags_container
    > span {
    padding: 0.255rem 0.772rem;
    background-color: #496cff;
    border-radius: 18.5188px;
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.188rem;
    color: var(--color-white);
    display: block;
    margin-right: 1rem;
    flex-shrink: 0;
}

section#similar_product .similar_product_card > .card_body .price {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

section#similar_product .similar_product_card .card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section#similar_product .similar_product_card .card_footer > span {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    display: flex;
    align-items: center;
    color: var(--color-Black);
}

section#similar_product .similar_product_card .card_footer .primary-btn {
    background-color: var(--color-FlamePea);
    border-radius: 4px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--color-white);
    width: 6rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 6.875rem;
}

@media screen and (min-width: 576px) {
    section#similar_product .title_container h3 {
        font-size: 2rem;
    }

    .founder-section h3 {
        font-size: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    section#similar_product .similar_product_card {
        min-width: 23.188rem;
        max-width: 23.188rem;
    }
}

/**********
   *
   *
   *  Footer styles
   *
   *
   ************/
#footer .upper_footer {
    background-image: url("../images/footer-background.png");
    background-size: cover;
    min-height: 24.25rem;
    padding: 3rem 0;
}

#footer .upper_footer img {
    width: 13.5rem;
    height: 4.599rem;
}

#footer .upper_footer p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-white);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    word-break: break-all;
}

#footer .upper_footer .social_icon_container {
    display: flex;
    align-items: center;
}

#footer .upper_footer .social_icon_container > div {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.7rem;
}

#footer .upper_footer .address_icon_container > .d-flex .icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.7rem;
    flex-shrink: 0;
}

#footer .upper_footer .address_icon_container > .d-flex .icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

/* #footer .upper_footer .title_container {
    margin-top: 100px;
  } */

#footer .upper_footer .title_container > h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2.125rem;
    color: var(--color-white);
    margin: 0;
    margin-bottom: 0.2rem;
}

#footer .upper_footer .title_container > .underline {
    width: 4.938rem;
    border: 2px solid var(--color-FlamePea);
}

#footer .upper_footer ul > li {
    padding-top: 1rem;
}

#footer .upper_footer ul > li > a {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--color-white);
}

#footer .upper_footer ul > li > a:hover {
    color: var(--color-FlamePea);
}

#footer .upper_footer ul > li .payment_img:nth-child(1) {
    width: 3.5rem;
    height: 1.754rem;
    object-fit: contain;
}

#footer .upper_footer ul > li .payment_img:nth-child(2) {
    width: 3.25rem;
    height: 1.25rem;
    object-fit: contain;
}

#footer .upper_footer ul > li .payment_img:nth-child(3) {
    width: 5.5rem;
    height: 3.094rem;
    object-fit: contain;
}

#footer .bottom_footer {
    background-color: var(--color-FlamePea);
    min-height: 2.5rem;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 1rem 0;
    justify-content: center;
}

#footer .bottom_footer .container p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    margin: 0;
}

#footer .bottom_footer .container li {
    list-style: none;
    margin-right: 0.5rem;
}

#footer .bottom_footer .container li:last-child {
    margin-right: 0rem;
}

#footer .bottom_footer .container a {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 100%;
    text-transform: capitalize;
    color: var(--color-white);
}

/* media styles  */

@media screen and (min-width: 1200px) {
    #footer .upper_footer .footer_col {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

/**************
    *
    *
    *  Product List styles
    *
    *
    ***************/
main#product_list .sort_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

main#product_list .sort_container .sort_btn_container {
    background: rgba(217, 217, 217, 0.44);
    border-radius: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 1rem;
}

main#product_list .sort_container .sort_btn_container > button {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.75rem;
    color: var(--color-Black);
    padding: 0.5rem 0.8rem;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

main#product_list .sort_container .sort_btn_container > button.active {
    background-color: var(--color-FlamePea);
    color: var(--color-white);
}

main#product_list .sort_container .sortby_container > div {
    display: flex;
    align-items: center;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.563rem;
    color: var(--color-Gunmetal);
}

main#product_list .sort_container .sortby_container > div > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.563rem;
    color: var(--color-Gunmetal);
    display: flex;
    align-items: center;
    margin-left: 0.4rem;
}

main#product_list .sort_container .sortby_container .sort_icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.4rem;
}

main#product_list .sort_container .sortby_container > div > span > svg {
    width: 0.75rem;
    height: 0.438rem;
    margin-left: 1rem;
}

main#product_list .sort_container .sortby_container .dropdown-menu {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--color-white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
    z-index: 999;
}

main#product_list
    .sort_container
    .sortby_container
    .dropdown-menu
    .dropdown-item {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.313rem;
    color: var(--color-Boulder);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

main#product_list
    .sort_container
    .sortby_container
    .dropdown-menu
    .dropdown-item
    > span {
    color: var(--color-Gunmetal);
}

@media screen and (min-width: 576px) {
    main#product_list .sort_container .sort_btn_container > button {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 0.7rem 1.5rem;
    }

    main#product_list .sort_container .sortby_container > div {
        font-size: 1.125rem;
        line-height: 1.563rem;
    }

    main#product_list .sort_container .sortby_container > div > span {
        font-size: 1.125rem;
        line-height: 1.563rem;
    }
}

@media screen and (min-width: 992px) {
    main#product_list .sort_container .sort_btn_container {
        width: 20.938rem;
        height: 3.563rem;
    }

    main#product_list .sort_container .sort_btn_container > button {
        font-family: var(--font-ArialBold);
        font-style: normal;
        font-weight: 700;
        font-size: 1.3rem;
        line-height: 1.75rem;
        color: var(--color-Black);
        width: 100%;
        height: 100%;
    }
}

/* filters */
main#product_list .filters_container .filter_btn {
    width: 7rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    background-color: var(--color-FlamePea);
    color: var(--color-white);
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.75rem;
    border-radius: 4px;
    margin-right: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

main#product_list .filters_container .filter_btn svg {
    width: 1rem;
    height: 1rem;
    fill: var(--color-white);
}

main#product_list .filters_container .collapse {
    margin-top: 1.5rem;
}

main#product_list .filters_container .shop_by h1 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--color-Gunmetal);
}

main#product_list .filters_container .shop_by span {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-CarbonGrey);
    display: block;
    margin-top: 1rem;
}

main#product_list .filters_container .underline {
    border: 0.5px solid var(--color-Platinum);
}

main#product_list .filters_container .verified {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#product_list .filters_container .verified input {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid var(--color-Black);
}

main#product_list .filters_container .verified .form-check-input:checked {
    background-color: var(--color-Black);
}

main#product_list .filters_container .verified label {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-Gunmetal);
    margin: 0;
    margin-top: 0.3rem;
    margin-left: 0.7rem;
    margin-right: 0.7rem;
}

main#product_list .filters_container .verified span {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-PictonBlue);
    margin: 0;
}

main#product_list .filters_container .verified svg {
    width: 1.5rem;
    height: 1.5rem;
}

main#product_list .filters_container .product_tags .collapse_product_tags {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* width */
main#product_list
    .filters_container
    .product_tags
    .collapse_product_tags::-webkit-scrollbar {
    width: 5px;
}

/* Track */
main#product_list
    .filters_container
    .product_tags
    .collapse_product_tags::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
main#product_list
    .filters_container
    .product_tags
    .collapse_product_tags::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

/* Handle on hover */
main#product_list
    .filters_container
    .product_tags::-webkit-scrollbar-thumb:hover {
    background: #c1c1c1;
}

main#product_list .filters_container .product_tags .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

main#product_list .filters_container .product_tags .header > h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Gunmetal);
    margin: 0;
}

main#product_list .filters_container .product_tags label {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-Gunmetal);
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    cursor: pointer;
}

main#product_list .filters_container .product_tags input {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid var(--color-Black);
}

main#product_list .filters_container .product_tags .form-check-input:checked {
    border: 1px solid var(--color-FlamePea);
    background-color: var(--color-FlamePea);
}

main#product_list .filters_container .product_tags span {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: var(--color-CarbonGrey);
}

main#product_list .filters_container #more_product_btn {
    background-color: var(--color-white);
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.4rem 1rem;
    height: 2.438rem;
    margin-bottom: 2rem;
}

main#product_list .filters_container #more_product_btn > .text {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-UltramarineBlue);
}

main#product_list .filters_container .status .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

main#product_list .filters_container .status .header > h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Gunmetal);
    margin: 0;
}

main#product_list .filters_container .status input {
    width: 1rem;
    height: 1rem;
}

main#product_list .filters_container .status label {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-Gunmetal);
    margin-left: 0.5rem;
}

main#product_list .filters_container .status input:checked {
    accent-color: var(--color-TomatoRed);
}

main#product_list .filters_container .status input.input {
    border: 0.5px solid var(--color-Nobel);
    border-radius: 6px;
    width: 7rem;
    height: 2.25rem;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-Nobel);
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

main#product_list .filters_container .status .to_text {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-Nobel);
}

/* media query  */
@media screen and (min-width: 576px) {
    main#product_list .filters_container .status input.input {
        width: 13rem;
        height: 2.25rem;
    }
}

@media screen and (min-width: 1200px) {
    main#product_list .filters_container .status input.input {
        width: 40%;
        height: 2.25rem;
    }

    main#product_list .filters_container .filter_btn {
        display: none;
    }

    main#product_list .filters_container .collapse {
        margin-top: 0;
    }

    main#product_list .filters_container #collapsefilter {
        padding-right: 1rem;
    }
}

/* video  */
main#product_list .similar_product_card {
    width: 100%;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10.8467px;
    min-height: 100%;
    overflow: hidden;
}

main#product_list .similar_product_card > img {
    border-radius: 10px 10px 0px 0px;
    height: 14rem;
    max-height: 100%;
    width: 100%;
}

main#product_list .similar_product_card > .card_body {
    padding: 1rem;
}

main#product_list .similar_product_card > .card_body > h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: var(--color-NileBlue);
    margin: 0;
}

main#product_list .similar_product_card > .card_body > p {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
    margin: 0;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

main#product_list .similar_product_card > .card_body > .tags_container {
    display: flex;
    align-items: center;
    overflow: scroll;
}

main#product_list .similar_product_card > .card_body > .tags_container > span {
    padding: 0.255rem 0.772rem;
    background-color: #496cff;
    border-radius: 18.5188px;
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.188rem;
    color: var(--color-white);
    display: block;
    margin-right: 1rem;
    flex-shrink: 0;
}

main#product_list .similar_product_card > .card_body .price {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

main#product_list .similar_product_card .card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#product_list .similar_product_card .card_footer span {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    display: flex;
    align-items: center;
    color: var(--color-Black);
}

main#product_list .similar_product_card .card_footer .primary-btn {
    background-color: var(--color-FlamePea);
    border-radius: 4px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--color-white);
    width: 6rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    min-width: 6.875rem;
}

/***************
  *
  *
  *  Merchant
  *
  *
  ****************/

main#merchant .merchant_header {
    background: rgba(222, 121, 84, 0.1);
    margin-top: -6.75rem;
    min-height: 39.313rem;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

main#merchant .merchant_header .desc {
    margin-top: 2rem;
}

main#merchant .merchant_header .desc > h1 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.563rem;
    color: var(--color-Onyx);
}

main#merchant .merchant_header .desc > h1 > span {
    color: var(--color-FlamePea);
}

main#merchant .merchant_header .desc > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 1.875rem;
    color: var(--color-BattleshipGrey);
    margin-top: 1rem;
}

main#merchant .merchant_header .desc .primary-btn {
    background-color: var(--color-FlamePea);
    border-radius: 25px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.09rem;
    line-height: 2rem;
    color: var(--color-white);
    display: flex;
    align-items: center;
    padding: 0.4rem 1rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
    width: 10.5rem;
}

main#merchant .merchant_header .desc > .primary-btn > svg {
    width: 1.125rem;
    height: 0.875rem;
    margin-top: 3px;
    margin-left: 0.4rem;
}

main#merchant .merchant_header .image_container {
    margin-top: calc(76px + 3rem);
    z-index: 3;
}

main#merchant .merchant_header .image_container .header_image {
    border: 4px solid var(--color-white);
    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.12);
}

main#merchant .merchant_header .image_container .bg_left {
    display: none;
}

main#merchant .merchant_header .image_container .bg_right {
    display: none;
}

main#merchant .right_img {
    display: none;
}

@media screen and (min-width: 768px) {
    main#merchant .merchant_header .desc {
        margin-top: calc(76px + 4rem);
    }

    main#merchant .merchant_header .desc > p {
        margin-top: 2.5rem;
    }

    main#merchant .merchant_header .desc .primary-btn {
        margin-top: 2rem;
        margin-bottom: 0rem;
    }
}

@media screen and (min-width: 992px) {
    main#merchant .merchant_header .desc > h1 {
        font-size: 2.063rem;
        line-height: 2.563rem;
    }

    main#merchant .merchant_header .desc > p {
        font-size: 1.275rem;
        line-height: 1.875rem;
        margin-top: 2.5rem;
    }

    main#merchant .merchant_header .desc > .primary-btn {
        font-size: 1.25rem;
        line-height: 2rem;
        margin-top: 2rem;
        margin-bottom: 0rem;
    }

    main#merchant .merchant_header .image_container .bg_left {
        display: block;
        width: 15.375rem;
        height: 15.375rem;
        position: absolute;
        top: 135px;
        right: 33px;
        z-index: 2;
    }

    main#merchant .merchant_header .image_container .bg_right {
        display: block;
        width: 12.5rem;
        height: 12.5rem;
        position: absolute;
        top: 290px;
        right: -75px;
        z-index: 4;
    }

    main#merchant .right_img {
        width: 7.875rem;
        height: 26.813rem;
        position: absolute;
        top: 260px;
        right: 0;
        z-index: 3;
    }
}

@media screen and (min-width: 1200px) {
    main#merchant .merchant_header .desc > h1 {
        font-size: 4.063rem;
        line-height: 4.563rem;
    }

    main#merchant .merchant_header .desc > p {
        font-size: 1.375rem;
        line-height: 1.875rem;
        margin-top: 2.5rem;
    }

    main#merchant .merchant_header .image_container .bg_left {
        width: 18.375rem;
        height: 18.375rem;
        top: 134px;
        right: 7px;
        z-index: 2;
    }

    main#merchant .merchant_header .image_container .bg_right {
        width: 12.5rem;
        height: 12.5rem;
        top: 307px;
        right: -85px;
        z-index: 4;
    }

    main#merchant .right_img {
        display: block;
        width: 7.875rem;
        height: 26.813rem;
        position: absolute;
        top: 260px;
        right: 0;
        z-index: 3;
    }
}

@media screen and (min-width: 1350px) {
    main#merchant .merchant_header .image_container .bg_left {
        width: 22.375rem;
        height: 22.375rem;
        top: 125px;
        right: -18px;
        z-index: 2;
    }

    main#merchant .merchant_header .image_container .bg_right {
        width: 12.5rem;
        height: 12.5rem;
        top: 387px;
        right: -140px;
        z-index: 4;
    }
}

/* digital product  */
main#merchant section.digital_product {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

main#merchant section.digital_product span.sm_text {
    text-align: center;
    padding: 0.438rem 1.25rem;
    height: 2.125rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    display: inline-block;
    color: var(--color-FlamePea);
}

main#merchant section.digital_product h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 1rem;
    line-height: 2rem;
}

main#merchant section.digital_product h2 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.digital_product p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.625rem;
    color: var(--color-BattleshipGrey);
}

main#merchant section.digital_product .card {
    border: none;
    padding: 0 !important;
    background-color: var(--color-white);
    overflow: hidden;
}

main#merchant section.digital_product .card .img_container {
    margin: 0;
    position: relative;
}

main#merchant section.digital_product .card .img_container img {
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

main#merchant section.digital_product .card .img_container .icon_container {
    width: 4.188rem;
    height: 4.188rem;
    background-color: var(--color-FlamePea);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: -30px;
}

main#merchant
    section.digital_product
    .card
    .img_container
    .icon_container
    > svg {
    width: 2rem;
    height: 2rem;
}

main#merchant section.digital_product .card .desc {
    padding: 0;
    margin: 0;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-top: none;
    border-radius: 0px 0px 10px 10px;
}

main#merchant section.digital_product .card .desc .underline {
    width: 2.75rem;
    height: 0px;
    border: 2px solid var(--color-FlamePea);
}

main#merchant section.digital_product .card .desc h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
}

main#merchant section.digital_product .btn_sell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.625rem;
    width: 16rem;
    height: 3.25rem;
    background-color: var(--color-FlamePea);
    border-radius: 7px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}

@media screen and (min-width: 576px) {
    main#merchant section.digital_product h2 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.digital_product h2 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.digital_product p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

/* total report  */

main#merchant section.total_report {
    background-color: rgba(244, 208, 195, 0.2);
    min-height: 45.063rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

main#merchant section.total_report .heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: var(--color-FlamePea);
}

main#merchant section.total_report .title {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
}

main#merchant section.total_report .title > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#merchant section.total_report .para {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.75rem;
    color: var(--color-CarbonGrey);
    margin-top: 1.5rem;
}

main#merchant section.total_report .btn_sell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.625rem;
    width: 16rem;
    height: 3.25rem;
    background-color: var(--color-FlamePea);
    border-radius: 7px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-top: 4rem;
}

main#merchant section.total_report .stats_container {
    display: flex;
    flex-direction: column;
}

main#merchant section.total_report .stats_container > .stats {
    margin-top: 1rem;
}

main#merchant section.total_report .stats_container > .stats span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.125rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.total_report .stats_container > .stats h5 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.363rem;
    line-height: 3.688rem;
    color: var(--color-Onyx);
}

main#merchant section.total_report .stats_container > .stats p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 2.125rem;
    color: var(--color-CarbonGrey);
}

/* media styles  */

@media screen and (min-width: 768px) {
    main#merchant section.total_report .stats_container > .stats {
        padding-right: 0.8rem;
    }

    main#merchant section.total_report .desc_pading {
        padding-right: 2rem;
    }

    main#merchant section.total_report .stats_container .stats_margin {
        margin-top: 4rem;
    }

    main#merchant section.total_report .title {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.total_report .title > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.total_report .para {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#merchant section.total_report .stats_outer_container {
        display: flex;
        justify-content: space-between;
    }

    main#merchant section.total_report .stats_container > .stats h5 {
        font-weight: 700;
        font-size: 4.063rem;
        line-height: 4.688rem;
    }

    main#merchant section.total_report .stats_container > .stats p {
        font-weight: 400;
        font-size: 1.875rem;
        line-height: 2.125rem;
    }
}

@media screen and (min-width: 1200px) {
    main#merchant section.total_report {
        padding-bottom: 0rem;
    }

    main#merchant section.total_report .stats_container > .stats {
        margin-top: 0rem;
    }

    main#merchant section.total_report .stats_container .stats_margin {
        margin-top: 4rem;
    }
}

/* white_backgorund  */

@media screen and (min-width: 768px) {
    main#merchant section.white_backgorund {
        width: 100%;
        height: 15rem;
        background-color: var(--color-white);
    }
}

/* choose me  */
main#merchant section.choose_me {
    background-color: var(--color-DesertStorm);
    min-height: 48.438rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

main#merchant section.choose_me .img_container {
    position: relative;
}

main#merchant section.choose_me .img_container > img {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
    border-radius: 0px 100px;
    position: relative;
    z-index: 2;
}

main#merchant section.choose_me .img_container > .dot_img {
    position: absolute;
    bottom: -30px;
    right: -30px;
    z-index: 1;
    width: 14.55rem;
    height: 12.063rem;
    border-radius: 0px;
    display: none;
}

main#merchant section.choose_me span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: var(--color-FlamePea);
}

main#merchant section.choose_me h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
}

main#merchant section.choose_me h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#merchant section.choose_me p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: var(--color-Liver);
}

main#merchant section.choose_me .col_right_div {
    padding-top: 3rem;
}

main#merchant section.choose_me .list {
    margin-top: 2.5rem;
}

main#merchant section.choose_me .list > .icon_container {
    background: rgba(255, 219, 206, 0.67);
    width: 5.125rem;
    height: 5.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 1rem;
}

main#merchant section.choose_me .list > .icon_container > svg {
    width: 2.25rem;
    height: 2.938rem;
}

main#merchant section.choose_me .list .desc {
    margin-top: 1rem;
}

main#merchant section.choose_me .list .desc h6 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--color-Black);
    margin: 0;
    margin-bottom: 0.7rem;
}

@media screen and (min-width: 500px) {
    main#merchant section.choose_me .img_container {
        position: relative;
        height: 24rem;
    }
}

@media screen and (min-width: 576px) {
    main#merchant section.choose_me .img_container > .dot_img {
        display: block;
    }

    main#merchant section.choose_me h3 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
        margin-top: 0.7rem;
    }

    main#merchant section.choose_me h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.choose_me p {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#merchant section.choose_me .list {
        display: flex;
        align-items: center;
        margin-top: 2.5rem;
    }

    main#merchant section.choose_me .list .desc {
        margin-top: 0rem;
    }
}

@media screen and (min-width: 768px) {
    main#merchant section.choose_me .img_container {
        position: relative;
        height: 28rem;
    }
}

@media screen and (min-width: 992px) {
    main#merchant section.choose_me .col_right_div {
        padding-left: 3rem;
        padding-top: 0rem;
    }

    main#merchant section.choose_me .img_container {
        position: relative;
        height: auto;
    }
}

main#merchant section.choose_me .list .desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.438rem;
    color: var(--color-BattleshipGrey);
    margin: 0;
}

main#merchant section.choose_me .btn_selling {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.625rem;
    width: 16rem;
    height: 2.688rem;
    background-color: var(--color-FlamePea);
    border-radius: 7px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 576px) {
    main#merchant section.choose_me {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    main#merchant section.choose_me {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* section our_customer styles */
main#merchant section.our_customer {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

main#merchant section.our_customer span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.our_customer h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

main#merchant section.our_customer h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.our_customer .our_customer_carousal {
    padding-left: 1rem;
    padding-right: 1rem;
}

main#merchant section.our_customer .our_customer_carousal.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

/* the slides */
main#merchant section.our_customer .our_customer_carousal .slick-slide {
    margin: 0 20px;
}

/* the parent */
main#merchant section.our_customer .our_customer_carousal .slick-list {
    margin: 0 -20px;
}

main#merchant section.our_customer .our_customer_carousal .card {
    outline: none;
    background-color: var(--color-white);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

main#merchant section.our_customer .our_customer_carousal .card svg {
    width: 2.375rem;
    height: 1.875rem;
}

main#merchant section.our_customer .our_customer_carousal .card p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.563rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 1rem;
}

main#merchant section.our_customer .our_customer_carousal .card .underline {
    width: 4.125rem;
    height: 3px;
    background-color: var(--color-FlamePea);
}

main#merchant section.our_customer .our_customer_carousal .card img {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: cover;
    border-radius: 50%;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

main#merchant section.our_customer .our_customer_carousal .card h6 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    text-align: center;
    color: var(--color-Liver);
}

main#merchant section.our_customer .our_customer_carousal .card:last-child {
    margin-right: 0rem;
}

main#merchant section.our_customer .our_customer_wrapper {
    position: relative;
}

main#merchant section.our_customer .our_customer_wrapper .arrow_icon {
    top: 50%;
    z-index: 2;
    width: 2.563rem;
    cursor: pointer;
    height: 2.563rem;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
}

main#merchant section.our_customer .our_customer_wrapper .arrow_left {
    left: -50px;
    display: none;
}

main#merchant section.our_customer .our_customer_wrapper .arrow_right {
    right: -50px;
}

main#merchant section.our_customer .our_customer_wrapper .arrow_icon svg {
    width: 18px;
    height: 18px;
}

@media screen and (max-width: 768px) {
    main#merchant section.our_customer .our_customer_wrapper .arrow_icon {
        display: none !important;
    }
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#merchant section.our_customer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#merchant section.our_customer h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.our_customer h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }
}

@media screen and (min-width: 768px) {
    main#merchant section.our_customer {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* section why_us  */
main#merchant section.why_us {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    padding-top: 3rem;
    position: relative;
    margin-bottom: 3rem;
}

main#merchant section.why_us .why_us_container {
    text-align: center;
    position: relative;
    z-index: 2;
}

main#merchant section.why_us .bg_why_us {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
}

main#merchant section.why_us .why_us_container span.heading {
    padding: 7px 20px;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.why_us .why_us_container h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 1rem;
}

main#merchant section.why_us .why_us_container h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.why_us .why_us_container > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

main#merchant section.why_us .why_us_container .row_card {
    background-color: #f7f7f7;
}

main#merchant section.why_us .why_us_container h4 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#merchant section.why_us .why_us_container .collapse_container {
    background-color: var(--color-white);
    box-shadow: 0px 0px 18px rgba(218, 98, 54, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 1rem;
    margin-top: 2rem;
    cursor: pointer;
}

main#merchant section.why_us .why_us_container .collapse_container.active,
main#merchant section.why_us .why_us_container .collapse_container:hover {
    background-color: var(--color-RoseWhite);
}

main#merchant section.why_us .why_us_container .collapse_container svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    fill: var(--color-Liver);
}

main#merchant section.why_us .why_us_container .collapse_container.active svg,
main#merchant section.why_us .why_us_container .collapse_container:hover svg {
    fill: var(--color-FlamePea);
}

main#merchant section.why_us .why_us_container .collapse_container h5 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-Liver);
    margin: 0;
}

main#merchant section.why_us .why_us_container .collapse_container.active h5,
main#merchant section.why_us .why_us_container .collapse_container:hover h5 {
    color: var(--color-FlamePea);
}

main#merchant section.why_us .why_us_container .col_right {
    background-color: var(--color-FlamePea);
    padding: 1rem;
}

main#merchant section.why_us .why_us_container .col_right h3 {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.75rem;
    text-align: start;
    color: var(--color-white);
}

main#merchant section.why_us .why_us_container .col_right p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 1.875rem;
    color: var(--color-white);
    text-align: start;
}

main#merchant section.why_us .why_us_container .col_right img {
    width: 12.5rem;
    height: 12.5rem;
    display: none;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#merchant section.why_us {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#merchant section.why_us .why_us_container h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.why_us .why_us_container h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.why_us .why_us_container h4 {
        font-weight: 700;
        font-size: 1.875rem;
        line-height: 2.375rem;
    }

    main#merchant section.why_us .why_us_container .col_right {
        padding: 2rem;
    }

    main#merchant section.why_us .why_us_container .col_right h3 {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    main#merchant section.why_us .why_us_container .col_right p {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    main#merchant section.why_us .why_us_container .col_right img {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    main#merchant section.why_us {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 992px) {
    main#merchant section.why_us .bg_why_us {
        height: 60%;
    }
}

@media screen and (min-width: 1200px) {
    main#merchant section.why_us .bg_why_us {
        height: 75%;
    }
}

/* section your_earning  styles */

main#merchant section.your_earning {
    background-color: var(--color-soapStone);
    padding: 2rem 1rem;
}

main#merchant section.your_earning > div > span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.your_earning > div > h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 1rem;
}

main#merchant section.your_earning > div > h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#merchant section.your_earning > div > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    color: var(--color-BattleshipGrey);
}

main#merchant section.your_earning .card_margin_top {
    margin-top: 4rem;
}

main#merchant section.your_earning .card {
    border: none;
    outline: none;
    background-color: var(--color-white);
    border: 1px solid var(--color-GreyGoose);
    border-radius: 7px;
    padding: 0.8rem;
}

main#merchant section.your_earning .card > h4 {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-Onyx);
}

main#merchant section.your_earning .card > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
}

main#merchant section.your_earning .price_category .dropdown_header_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 3rem;
    background-color: var(--color-white);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    cursor: pointer;
}

main#merchant
    section.your_earning
    .price_category
    .dropdown_header_container
    > h6 {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #bebebe;
    margin: 0;
}

main#merchant
    section.your_earning
    .price_category
    .dropdown_header_container
    > svg {
    stroke: var(--color-BattleshipGrey);
    width: 0.875rem;
    height: 0.438rem;
}

main#merchant section.your_earning .price_category .dropdown_options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    transition: 0.3s all ease-in-out;
    background-color: var(--color-white);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
    width: 100%;
    display: none;
}

main#merchant section.your_earning .price_category .dropdown_options.show {
    display: block;
}

main#merchant section.your_earning .price_category .dropdown_options li {
    list-style: none;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-StarDust);
    cursor: pointer;
    padding: 0.7rem 1rem;
}

main#merchant section.your_earning .price_category .dropdown_options li > span {
    color: var(--color-Mirage);
}

main#merchant section.your_earning .price_category .dropdown_options li:hover {
    background-color: var(--color-DesertStorm);
}

main#merchant section.your_earning .right_side {
    text-align: center;
}

main#merchant section.your_earning .right_side > h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 3rem;
    color: var(--color-Onyx);
}

main#merchant section.your_earning .right_side > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.438rem;
    color: var(--color-BattleshipGrey);
}

main#merchant section.your_earning .right_side > div {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 6.374rem;
    line-height: 10.063rem;
    color: var(--color-FlamePea);
    text-align: center;
}

main#merchant section.your_earning .btn_selling {
    padding: 0.625rem;
    width: 16rem;
    height: 2.563rem;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.313rem;
    color: var(--color-white);
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#merchant section.your_earning {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#merchant section.your_earning > div > h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.your_earning > div > h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.your_earning > div > p {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    main#merchant section.your_earning .card_margin_top {
        margin-top: 6rem;
    }

    main#merchant section.your_earning .card > h4 {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    main#merchant section.your_earning .card > p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#merchant
        section.your_earning
        .price_category
        .dropdown_header_container
        > h6 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#merchant section.your_earning .right_side > h2 {
        font-size: 2.225rem;
        line-height: 3rem;
    }

    main#merchant section.your_earning .right_side > p {
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#merchant section.your_earning .right_side > div {
        font-size: 11.374rem;
        line-height: 13.063rem;
    }
}

@media screen and (min-width: 768px) {
    main#merchant section.your_earning {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    main#merchant section.your_earning .right_side > h2 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }
}

/* section.established_companies  styles  */
main#merchant section.established_companies {
    background-image: linear-gradient(45deg, #0000009e, #0000009e),
        url("../images/merchant/company-banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    min-height: 32.125rem;
    padding: 5rem 1rem;
    opacity: rgba(0, 0, 0, 0.26);
}

main#merchant section.established_companies span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    display: inline-block;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 0.938rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#merchant section.established_companies h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.688rem;
    line-height: 1.875rem;
    text-align: center;
    color: var(--color-FlamePea);
    margin-top: 1.5rem;
}

main#merchant section.established_companies h2 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.688rem;
    line-height: 1.875rem;
    text-align: center;
    color: var(--color-white);
}

main#merchant section.established_companies p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: var(--color-white);
    margin-top: 3rem;
}

main#merchant section.established_companies p.para_sm {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-white);
    margin-top: 1rem;
}

main#merchant section.established_companies button {
    padding: 0.625rem;
    width: 16rem;
    height: 2.688rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#merchant section.established_companies span.heading {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.25rem;
    }

    main#merchant section.established_companies h2 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.established_companies h2 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.established_companies p {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}

/* section.start_selling styles  */
main#merchant section.start_selling {
    padding-top: 3rem;
    padding-bottom: 4rem;
}

main#merchant section.start_selling .img_container {
    position: relative;
    width: 100%;
    height: auto;
}

main#merchant section.start_selling .img_container .leave_like_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 100px 0px;
    position: relative;
    z-index: 2;
}

main#merchant section.start_selling .img_container .leave_like_img_bg {
    width: 100%;
    height: auto;
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 1;
    display: none;
}

main#merchant section.start_selling .img_container .border_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 100px 0px 0px 0px;
    position: relative;
    z-index: 2;
}

main#merchant section.start_selling .img_container .border_img_bg {
    width: 100%;
    height: auto;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    display: none;
}

main#merchant section.start_selling span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
    margin-top: 3rem;
}

main#merchant section.start_selling h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.425rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 1rem;
    margin-bottom: 1.2rem;
}

main#merchant section.start_selling h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.425rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#merchant section.start_selling p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: var(--color-Liver);
}

main#merchant section.start_selling p.para_light {
    color: var(--color-BattleshipGrey);
}

main#merchant section.start_selling .primary-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.625rem 1.125rem;
    width: 12rem;
    height: 2.688rem;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
}

@media screen and (min-width: 576px) {
    main#merchant section.start_selling .img_container .leave_like_img {
        width: 29rem;
        height: 27rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    main#merchant section.start_selling .img_container .border_img {
        width: 29rem;
        height: 27rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    main#merchant section.start_selling span.heading {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.25rem;
    }

    main#merchant section.start_selling h3 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.start_selling h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#merchant section.start_selling p {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

@media screen and (min-width: 992px) {
    main#merchant section.start_selling {
        padding-top: 6rem;
        padding-bottom: 4rem;
    }

    main#merchant section.start_selling .padding_left_col {
        padding-left: 5rem;
    }

    main#merchant section.start_selling .padding_right_col {
        padding-right: 5rem;
    }

    main#merchant section.start_selling .margin_top_row {
        margin-top: 5rem;
    }

    main#merchant section.start_selling span.heading {
        margin: 0;
    }

    main#merchant section.start_selling .primary-btn {
        margin: 0;
    }

    main#merchant section.start_selling .primary-btn .btn_large {
        width: 16rem;
        height: 2.688rem;
    }

    main#merchant section.start_selling .img_container .leave_like_img {
        width: 100%;
        height: 20rem;
        display: block;
        margin: 0;
    }

    main#merchant section.start_selling .img_container .border_img {
        width: 100%;
        height: 20rem;
        display: block;
        margin: 0;
    }

    main#merchant section.start_selling .img_container .leave_like_img_bg {
        display: block;
    }

    main#merchant section.start_selling .img_container .border_img_bg {
        display: block;
    }
}

@media screen and (min-width: 1300px) {
    main#merchant section.start_selling .img_container .leave_like_img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    main#merchant section.start_selling .img_container .border_img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }
}

/***************
  *
  *
  * About us
  *
  *
  ****************/

main#aboutus section.header {
    background-color: var(--color-DesertStorm);
    margin-top: 1rem;
}

main#aboutus section.header .desc {
    padding-right: 2rem;
    padding-top: 60px;
    padding-bottom: 1rem;
}

main#aboutus section.header .desc h2,
main#aboutus section.header .desc .header-heading {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.55rem;
    line-height: 2.2rem;
    color: var(--color-Onyx);
}

main#aboutus section.header .desc .header-heading > span {
    color: var(--color-FlamePea);
}

main#aboutus section.header .desc > p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.175rem;
    line-height: 1.875rem;
    color: var(--color-Liver);
    margin-top: 1rem;
}

main#aboutus section.header .img_container {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}

main#aboutus section.header .img_container img {
    max-width: 100%;
}

/* media styles  */
@media screen and (min-width: 420px) {
    main#aboutus section.header .img_container {
        width: 23rem;
        height: 100%;
        object-fit: contain;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 576px) {
    main#aboutus section.header .desc h2,
    main#aboutus section.header .desc .header-heading {
        font-weight: 700;
        font-size: 2.45rem;
        line-height: 3rem;
    }

    main#aboutus section.header .desc > p {
        font-weight: 400;
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.header .desc h2,
    main#aboutus section.header .desc .header-heading {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.5rem;
    }

    main#aboutus section.header .img_container {
        width: 30rem;
    }
}

@media screen and (min-width: 992px) {
    main#aboutus section.header .img_container {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media screen and (min-width: 1200px) {
    main#aboutus section.header .desc h2,
    main#aboutus section.header .desc .header-heading {
        font-size: 36px;
        line-height: 42px;
    }

    main#aboutus section.header .img_container {
        width: 100%;
        object-fit: contain;
    }
}

/* how it work section  */
main#aboutus section.how_it_work {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    min-height: 32.125rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: var(--color-SpringWood);
}

main#aboutus section.how_it_work span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#aboutus section.how_it_work h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--color-Gunmetal);
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
}

main#aboutus section.how_it_work h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#aboutus section.how_it_work p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
}

main#aboutus section.how_it_work p.para {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--color-Liver);
}

main#aboutus section.how_it_work .icon_container {
    background-color: var(--color-Mercury);
    width: 3.875rem;
    height: 3.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

main#aboutus section.how_it_work .icon_container > svg {
    width: 2rem;
    height: 1.9rem;
}

main#aboutus section.how_it_work h6 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.313rem;
    color: var(--color-Gunmetal);
    margin-top: 1.3rem;
    margin-bottom: 1rem;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#aboutus section.how_it_work {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#aboutus section.how_it_work h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.how_it_work h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.how_it_work .icon_container {
        width: 4.875rem;
        height: 4.875rem;
    }

    main#aboutus section.how_it_work .icon_container > svg {
        width: 2.75rem;
        height: 2.563rem;
    }

    main#aboutus section.how_it_work h6 {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.313rem;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.how_it_work {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* section help styes  */

main#aboutus section.help {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: var(--color-DesertStorm);
}

main#aboutus section.help .left_col span {
    font-family: var(--font-ArialBlack);
    font-style: normal;
    font-weight: 900;
    font-size: 2.375rem;
    line-height: 4.188rem;
    color: var(--color-FlamePea);
}

main#aboutus section.help .left_col h6 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.75rem;
    color: var(--color-Onyx);
}

main#aboutus section.help .left_col p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.438rem;
    color: var(--color-BattleshipGrey);
}

main#aboutus section.help .right_col span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    display: inline-block;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#aboutus section.help .right_col h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: var(--color-Gunmetal);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

main#aboutus section.help .right_col h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: var(--color-FlamePea);
}

main#aboutus section.help .right_col p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--color-CarbonGrey);
}

main#aboutus section.help .right_col button {
    padding: 0.625rem 4.875rem;
    width: 15.375rem;
    height: 2.563rem;
    background-color: var(--color-FlamePea);
    border-radius: 25px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.313rem;
    color: var(--color-white);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

main#aboutus section.help .right_col .links li {
    display: flex;
    align-items: center;
    list-style: none;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-Onyx);
    margin-bottom: 1rem;
}

main#aboutus section.help .right_col .links li:last-child {
    margin-right: 0rem;
}

main#aboutus section.help .right_col .links li > svg {
    width: 1.575rem;
    height: 1.575rem;
    margin-right: 1rem;
}

/* media styles  */

@media screen and (min-width: 576px) {
    main#aboutus section.help {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#aboutus section.help .left_col span {
        font-weight: 900;
        font-size: 4.375rem;
        line-height: 6.188rem;
    }

    main#aboutus section.help .left_col h6 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#aboutus section.help .left_col p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#aboutus section.help .right_col h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.help .right_col h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.help .right_col .links {
        display: flex;
        align-items: center;
    }

    main#aboutus section.help .right_col .links li {
        margin-right: 3rem;
        margin-bottom: 0rem;
    }

    main#aboutus section.help .right_col .links li > svg {
        width: 1.875rem;
        height: 1.875rem;
    }

    main#aboutus section.help .right_col button {
        margin-bottom: 5rem;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.help {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    main#aboutus section.help .right_col button {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

/* section information dtyles  */

main#aboutus section.information {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#aboutus section.information img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

main#aboutus section.information span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
    margin-top: 2rem;
}

main#aboutus section.information h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-Gunmetal);
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

main#aboutus section.information h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#aboutus section.information p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
}

main#aboutus section.information .underline {
    border: 1px dashed var(--color-FlamePea);
    margin-top: 2rem;
}

main#aboutus section.information .title_container {
    width: 100%;
    background-color: var(--color-FlamePea);
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1rem 1rem;
    margin-top: 6rem;
    position: relative;
}

main#aboutus section.information .title_container h4 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.688rem;
    color: var(--color-white);
    margin: 0;
}

main#aboutus section.information .title_container span {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.25rem;
    color: var(--color-white);
}

main#aboutus section.information .title_container .triangle_img {
    object-fit: cover;
    height: 100%;
    width: 6.25rem;
    position: absolute;
    left: -89px;
    top: 0;
    display: none;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#aboutus section.information {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#aboutus section.information h3 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.information .img_container {
        height: 37.5rem;
    }

    main#aboutus section.information .img_container img {
        object-fit: contain;
    }

    main#aboutus section.information h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.information p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    main#aboutus section.information .title_container {
        width: 80%;
    }

    main#aboutus section.information .title_container h4 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 2.688rem;
    }

    main#aboutus section.information .title_container span {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }

    main#aboutus section.information .title_container .triangle_img {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.information {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    main#aboutus section.information .img_container {
        padding-right: 1rem;
    }

    main#aboutus section.information span.heading {
        margin-top: 0rem;
    }

    main#aboutus section.information .img_container {
        height: auto;
    }

    main#aboutus section.information .img_container img {
        object-fit: contain;
    }
}

/* Section Our Services */

main#aboutus section.our_services {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#aboutus section.our_services span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    display: inline-block;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#aboutus section.our_services h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 3rem;
    color: var(--color-FlamePea);
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
}

main#aboutus section.our_services p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-CarbonGrey);
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

main#aboutus section.our_services .our_services-content h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.375rem;
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
    margin-bottom: 30px;
    font-family: var(--font-ArialBold);
}

main#aboutus section.our_services .our_services-content h3 span {
    color: var(--color-FlamePea);
}

main#aboutus section.our_services .our_services-content p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    text-align: left;
    color: var(--color-CarbonGrey);
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

main#aboutus section.our_services .our_services-img img {
    max-width: 100%;
}

/* section out team  */
main#aboutus section.our_team {
    background-color: var(--color-SpringWood);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#aboutus section.our_team span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    display: inline-block;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#aboutus section.our_team h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 3rem;
    color: var(--color-FlamePea);
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
}

main#aboutus section.our_team p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-CarbonGrey);
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

main#aboutus section.our_team .team_card {
    text-align: center;
}

main#aboutus section.our_team .team_card img {
    width: 100%;
    height: 12.5rem;
    border-radius: 50%;
    background: transparent;
    object-fit: contain;
}

main#aboutus section.our_team .team_card .name {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-Onyx);
    margin: 0;
    margin-top: 0.7rem;
}

main#aboutus section.our_team .team_card .designation {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
    margin: 0;
}

main#aboutus section.our_team .primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    padding: 0.625rem 1.063rem;
    background-color: var(--color-FlamePea);
    border-radius: 27px;
    margin-left: auto;
    margin-right: auto;
    width: 13.938rem;
    height: 2.688rem;
}

/* media stlyes  */
@media screen and (min-width: 576px) {
    main#aboutus section.our_team h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.our_team p {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.our_team .team_card img {
        width: 100%;
        height: 15.625rem;
    }
}

/* section about us  */

main#aboutus section.about_us {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 31.313rem;
}

main#aboutus section.about_us #carouselExampleDark {
    max-width: 940px;
    margin: 0 auto;
}

main#aboutus section.about_us .about_us_card span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#aboutus section.about_us .about_us_card {
    margin-bottom: 5rem;
    text-align: center;
}

main#aboutus section.about_us .about_us_card h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.4rem;
    margin-bottom: 1.2rem;
}

main#aboutus section.about_us .about_us_card h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#aboutus section.about_us .about_us_card p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-Liver);
    max-width: 43.75rem;
    margin-left: auto;
    margin-right: auto;
}

main#aboutus section.about_us .about_us_card p > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.5rem;
    color: var(--color-Onyx);
}

main#aboutus section.about_us .carousel-indicators > button {
    border: none;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    padding: 0;
    background-color: #bdbdbd;
}

main#aboutus section.about_us .carousel-indicators > button.active {
    background: var(--color-FlamePea);
}

main#aboutus section.about_us .carousel-control-prev,
main#aboutus section.about_us .carousel-control-next {
    top: 50%;
    width: 0;
    height: 0;
    opacity: 1;
    width: 3rem;
    height: 3rem;
    padding: 4px;
    display: none;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 2px solid var(--color-FlamePea);
}

main#aboutus section.about_us .carousel-control-prev svg,
main#aboutus section.about_us .carousel-control-next svg {
    width: 22px;
    height: 18px;
}

/* media stlyes  */

@media screen and (min-width: 576px) {
    main#aboutus section.about_us .about_us_card h3 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.about_us .about_us_card h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#aboutus section.about_us .about_us_card p {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    main#aboutus section.about_us .about_us_card p > span {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    main#aboutus section.about_us {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    main#aboutus section.about_us {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media screen and (min-width: 900px) {
    main#aboutus section.about_us .carousel-control-prev,
    main#aboutus section.about_us .carousel-control-next {
        display: block;
    }
}

/* section company styles  */
main#aboutus section.company {
    background-color: var(--color-FlamePea);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

main#aboutus section.company .btn_company {
    padding: 0.438rem 1.25rem;
    width: 12.688rem;
    height: 3.125rem;
    background-color: var(--color-RedOrange);
    border-radius: 33px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}

main#aboutus section.company svg {
    width: 3.938rem;
    height: 3.938rem;
    margin-top: 2rem;
}

main#aboutus section.company h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.313rem;
    color: var(--color-white);
    margin-top: 1.4rem;
    margin-bottom: 1rem;
}

main#aboutus section.company p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.12rem;
    line-height: 1.5rem;
    color: #eaeaea;
}

main#aboutus section.company .btn_selling {
    background-color: #fff;
    border: transparent;
    color: var(--color-FlamePea);
    padding: 15px 50px;
    margin-right: 30px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}

@media screen and (min-width: 576px) {
    main#aboutus section.company h3 {
        font-size: 2rem;
        line-height: 2.313rem;
    }

    main#aboutus section.company p {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

/****************
  *
  *
  *  share program
  *
  *
  *****************/

main#share_program section.header {
    background: rgba(0, 0, 0, 0.81);
    min-height: 37.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    margin-top: 0.5rem;
}

main#share_program section.header .dot_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

main#share_program section.header img.slide {
    position: absolute;
    right: 0;
    top: 0;
}

main#share_program section.header img.slide_1 {
    right: 0;
    top: 0;
}

main#share_program section.header img.slide_2 {
    right: 0;
    top: 50px;
}

main#share_program section.header .desc {
    position: relative;
    padding-right: 3rem;
}

main#share_program section.header .desc span.heading {
    padding: 0.625rem;
    display: inline-block;
    background: rgba(218, 98, 54, 0.08);
    border-radius: 30px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.313rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#share_program section.header .desc h1 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
    margin-top: 0.7rem;
}

main#share_program section.header .desc h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--color-white);
}

main#share_program section.header .desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.225rem;
    line-height: 1.875rem;
    color: var(--color-white);
    margin-top: 2rem;
}

main#share_program section.header .desc .primary-btn {
    padding: 0.625rem;
    width: 8.063rem;
    height: 2.688rem;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-top: 5rem;
    text-align: center;
}

main#share_program section.header .header_img {
    width: 100%;
    height: 26.5rem;
    object-fit: contain;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#share_program section.header .dot_img {
        width: unset;
    }

    main#share_program section.header .desc h1 {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
    }

    main#share_program section.header .desc h2 {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
    }

    main#share_program section.header .desc p {
        font-weight: 400;
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
}

@media screen and (min-width: 768px) {
    main#share_program section.header .desc h1 {
        font-weight: 700;
        font-size: 2.8rem;
        line-height: 3rem;
    }

    main#share_program section.header .desc h2 {
        font-weight: 700;
        font-size: 2.8rem;
        line-height: 3rem;
    }

    main#share_program section.header .desc p {
        font-weight: 400;
        font-size: 1.325rem;
        line-height: 1.875rem;
    }
}

@media screen and (min-width: 992px) {
    main#share_program section.header .desc h1 {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
    }

    main#share_program section.header .desc h2 {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
    }

    main#share_program section.header .desc p {
        font-weight: 400;
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
}

/* section services  */

main#share_program section.services {
    background: linear-gradient(
        252.84deg,
        #ffffff 31.32%,
        rgba(252, 228, 219, 0.36) 94.77%,
        rgba(250, 199, 180, 0) 100%
    );
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 43.75rem;
}

main#share_program section.services span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#share_program section.services h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 0.5rem;
}

main#share_program section.services h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#share_program section.services p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.438rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
}

main#share_program section.services p a {
    font-weight: bold;
    text-decoration: underline;
}

main#share_program section.services .card_container {
    background-color: var(--color-white);
    border: 2px dashed var(--color-FlamePea);
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main#share_program section.services .card_container .icon_container {
    width: 4.375rem;
    height: 4.375rem;
    border: 1px solid var(--color-FlamePea);
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

main#share_program section.services .card_container .icon_container > svg {
    width: 2.138rem;
    height: 2.138rem;
}

main#share_program section.services .card_container p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.438rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
    margin-top: 1rem;
    min-height: 4rem;
}

main#share_program section.services .para {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 1rem;
}

main#share_program section.services .primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem;
    width: 8.063rem;
    height: 2.75rem;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#share_program section.services h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#share_program section.services h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#share_program section.services p {
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#share_program section.services .card_container .icon_container {
        width: 4.875rem;
        height: 4.875rem;
    }

    main#share_program section.services .card_container .icon_container > svg {
        width: 2.438rem;
        height: 2.438rem;
    }

    main#share_program section.services .card_container p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#share_program section.services .para {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

/* section helpful  */
main#share_program section.helpful_for_you {
    background-color: var(--color-Alabaster);
    min-height: 484px;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#share_program section.helpful_for_you span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#share_program section.helpful_for_you h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

main#share_program section.helpful_for_you h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#share_program section.helpful_for_you p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: var(--color-Liver);
}

main#share_program section.helpful_for_you .img_container {
    text-align: end;
    height: auto;
    width: 100%;
    margin-bottom: 2rem;
}

main#share_program section.helpful_for_you .img_container > img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

main#share_program section.helpful_for_you .img_container .dot_img {
    display: none;
}

/* media styles   */

@media screen and (min-width: 768px) {
    main#share_program section.helpful_for_you h3 {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#share_program section.helpful_for_you h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#share_program section.helpful_for_you p {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

@media screen and (min-width: 992px) {
    main#share_program section.helpful_for_you .img_container {
        height: 15rem;
        margin-bottom: 0rem;
        padding-left: 2rem;
        position: relative;
    }

    main#share_program section.helpful_for_you .img_container img {
        margin-left: auto;
        display: inline-block;
        position: relative;
        z-index: 2;
    }

    main#share_program section.helpful_for_you .img_container .dot_img {
        position: absolute;
        bottom: -50px;
        left: -120px;
        z-index: 1;
        display: block;
    }
}

/* section join_us  */
main#share_program section.join_us {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#share_program section.join_us .desc {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

main#share_program section.join_us .desc span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#share_program section.join_us .desc h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.875rem;
    color: var(--color-Onyx);
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

main#share_program section.join_us .desc h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.875rem;
    color: var(--color-FlamePea);
}

main#share_program section.join_us .desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.438rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
}

main#share_program section.join_us .stats {
    background-color: var(--color-FlamePea);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 15.625rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* main#share_program section.join_us .stats .underline {
    width: 100%;
    height: 0;
    margin-left: 0.6rem;
    align-self: center;
    margin-top: 1rem;
    border: 1px solid var(--color-white);
  } */

main#share_program section.join_us .stats span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.625rem;
    color: transparent;
    -webkit-text-stroke: 2px var(--color-white);
}

main#share_program section.join_us .stats .col-sm-6:after {
    top: 50%;
    right: -12px;
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    background: #fff;
}

main#share_program section.join_us .stats .col-sm-6:last-of-type:after {
    content: none;
}

@media (max-width: 991.98px) {
    main#share_program section.join_us .stats .col-sm-6:after {
        content: none;
    }
}

main#share_program section.join_us .stats h3 {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.438rem;
    color: var(--color-white);
}

main#share_program section.join_us .primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem;
    width: 12.813rem;
    height: 2.75rem;
    background-color: var(--color-FlamePea);
    border-radius: 22px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#share_program section.join_us .stats {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#share_program section.join_us .desc h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#share_program section.join_us .desc h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }
}

@media screen and (min-width: 768px) {
    main#share_program section.join_us .stats {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/*******************
   *
   *
   *  Affiliate
   *
   *
   ********************/
main#affiliate section.header {
    background-image: url("../images/affiliate/header_bg_img.png");
    background-color: var(--color-BattleshipGrey);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    position: relative;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

main#affiliate section.header .overlay_img {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    z-index: 1;
}

main#affiliate section.header .dot_img {
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 2;
    display: none;
}

main#affiliate section.header img.slide {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

main#affiliate section.header img.slide_1 {
    right: 0;
    top: 0;
}

main#affiliate section.header img.slide_2 {
    right: 0;
    top: 50px;
}

main#affiliate section.header .desc {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 60rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

main#affiliate section.header .desc span.heading {
    padding: 0.625rem;
    display: inline-block;
    background: rgba(218, 98, 54, 0.08);
    border-radius: 30px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.313rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#affiliate section.header .desc h3,
main#affiliate section.header .desc .main-heading {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-white);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

main#affiliate section.header .desc h3 > span,
main#affiliate section.header .desc .main-heading > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#affiliate section.header .desc h4,
main#affiliate section.header .desc .main-text {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2rem;
    color: var(--color-white);
}

main#affiliate section.header .desc button {
    padding: 0.625rem 1rem;
    width: auto;
    height: 3.188rem;
    background-color: var(--color-FlamePea);
    border-radius: 30px;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: var(--color-white);
    margin-top: 6rem;
    margin-left: auto;
    margin-right: auto;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#affiliate section.header .desc h3,
    main#affiliate section.header .desc .main-heading {
        font-weight: 700;
        font-size: 2.6rem;
        line-height: 3rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    main#affiliate section.header .desc h3 > span,
    main#affiliate section.header .desc .main-heading > span {
        font-weight: 700;
        font-size: 2.6rem;
        line-height: 3rem;
    }

    main#affiliate section.header .desc h4,
    main#affiliate section.header .desc .main-text {
        font-weight: 700;
        font-size: 1.7rem;
        line-height: 2.313rem;
    }

    main#affiliate section.header .desc button {
        padding: 0.625rem;
        width: 20.563rem;
        height: 3.188rem;
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
}

@media screen and (min-width: 992px) {
    main#affiliate section.header .dot_img {
        display: block;
    }

    main#affiliate section.header .desc h3,
    main#affiliate section.header .desc .main-heading {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
        margin-top: 0.7rem;
        margin-bottom: 0.7rem;
    }

    main#affiliate section.header .desc h3 > span,
    main#affiliate section.header .desc .main-heading > span {
        font-weight: 700;
        font-size: 4rem;
        line-height: 4.625rem;
    }

    main#affiliate section.header .desc h4,
    main#affiliate section.header .desc .main-text {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.313rem;
    }
}

/* section our services  */

main#affiliate section.our_services {
    min-height: 35.875rem;
}

main#affiliate section.our_services .circle_img {
    position: absolute;
    top: -35px;
    right: 0;
    width: 250px;
    height: 254px;
}

main#affiliate section.our_services .dot_img {
    position: absolute;
    bottom: 100px;
    left: -30px;
    width: 181px;
    height: 183px;
}

main#affiliate section.our_services .desc {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

main#affiliate section.our_services .desc span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#affiliate section.our_services h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

main#affiliate section.our_services h2 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#affiliate section.our_services p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.438rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
}

main#affiliate section.our_services .card_container {
    background-color: var(--color-white);
    width: 12.5rem;
    min-height: 12.5rem;
    border-width: 1px 5px 0px 0px;
    border-style: solid;
    border-color: var(--color-FlamePea);
    box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    transform: rotate(-45deg);
    padding: 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
}

main#affiliate section.our_services .card_container_inner {
    transform: rotate(45deg);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

main#affiliate section.our_services .card_container_inner .icon_container {
    width: 3.277rem;
    height: 3.277rem;
    background: rgba(218, 98, 54, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

main#affiliate
    section.our_services
    .card_container_inner
    .icon_container
    > svg {
    width: 1.563rem;
    height: 1.625rem;
}

main#affiliate section.our_services .card_container_inner p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
    margin-top: 1rem;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#affiliate section.our_services h2 {
        font-size: 2.625rem;
        line-height: 3rem;
        margin-top: 0.7rem;
        margin-bottom: 0.7rem;
    }

    main#affiliate section.our_services h2 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#affiliate section.our_services p {
        font-size: 1.25rem;
        line-height: 1.438rem;
    }
}

/* our team  */
main#affiliate section.our_team {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--color-Soapstone);
    min-height: 46.125rem;
    text-align: center;
}

main#affiliate section.our_team span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#affiliate section.our_team h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Onyx);
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}

main#affiliate section.our_team h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#affiliate section.our_team .card_container {
    background-color: var(--color-white);
    border-bottom: 5px solid var(--color-FlamePea);
    border-radius: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    min-height: 24.688rem;
}

main#affiliate section.our_team .card_container > img {
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 50%;
    object-fit: cover;
    margin-top: -38px;
    border: 3px solid var(--color-white);
    outline: 1px dashed var(--color-FlamePea);
}

main#affiliate section.our_team .card_container .underline {
    width: 2px;
    height: 1.875rem;
    background-color: var(--color-FlamePea);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

main#affiliate section.our_team .card_container h4 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.75rem;
    color: var(--color-Onyx);
    margin: 0;
    margin-bottom: 1rem;
}

main#affiliate section.our_team .card_container p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
    margin: 0;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#affiliate section.our_team {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#affiliate section.our_team h3 {
        font-size: 2.625rem;
        line-height: 3rem;
        margin-top: 0.5rem;
        margin-bottom: 6rem;
    }

    main#affiliate section.our_team h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
        color: var(--color-FlamePea);
    }

    main#affiliate section.our_team .card_container h4 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#affiliate section.our_team .card_container p {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

@media screen and (min-width: 768px) {
    main#affiliate section.our_team {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media screen and (min-width: 1200px) {
    main#affiliate section.our_team {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

/* section about us  */

main#affiliate section.about_us {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
}

main#affiliate section.about_us span.heading {
    padding: 0.438rem 1.25rem;
    display: inline-block;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#affiliate section.about_us h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

main#affiliate section.about_us h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#affiliate section.about_us p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: var(--color-Liver);
}

main#affiliate section.about_us .text_container {
    margin-top: 2.6rem;
}

main#affiliate section.about_us .text_container .icon_container {
    background: rgba(255, 219, 206, 0.67);
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

main#affiliate section.about_us .text_container .icon_container > svg {
    width: 2rem;
    height: 2rem;
}

main#affiliate section.about_us .text_container h6 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: var(--color-Onyx);
    margin-top: 1rem;
}

main#affiliate section.about_us .text_container p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.438rem;
    color: var(--color-BattleshipGrey);
}

main#affiliate section.about_us .img_container {
    width: 100%;
    height: 28.125rem;
    background-image: url("../images/affiliate/circle_img2.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

main#affiliate section.about_us .img_container img:nth-child(1) {
    width: 8.125rem;
    height: 17.5rem;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateX(-5%);
    transform: translateY(-50%);
    z-index: 1;
}

main#affiliate section.about_us .img_container img:nth-child(2) {
    width: 10.625rem;
    height: 9.625rem;
    object-fit: contain;
    position: absolute;
    top: 70%;
    right: 10%;
    transform: translateX(-10%);
    transform: translateY(-70%);
    z-index: 2;
}

main#affiliate section.about_us .img_container img:nth-child(3) {
    width: 9.375rem;
    height: 9.375rem;
    object-fit: contain;
    position: absolute;
    top: 33%;
    right: 0;
    transform: translateX(0);
    transform: translateY(-33%);
    z-index: 1;
}

main#affiliate section.about_us .affiliation {
    margin-top: 3rem;
}

main#affiliate section.about_us .affiliation img {
    width: 100%;
    height: 15.188rem;
    border-width: 2px 0px;
    border-style: solid;
    border-color: var(--color-FlamePea);
    border-radius: 0px 50px;
    object-fit: cover;
    margin-bottom: 2rem;
}

main#affiliate section.about_us .affiliation p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
    margin: 0;
}

main#affiliate section.about_us .affiliation p.dark_txt {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.75rem;
    color: var(--color-Black);
    margin-top: 0.4rem;
}

/* media styles  */
@media screen and (min-width: 400px) {
    main#affiliate section.about_us {
        padding-top: 2rem;
    }

    main#affiliate section.about_us .img_container img:nth-child(1) {
        width: 47%;
        height: 18.75rem;
        top: 50%;
        left: 10%;
        transform: translateX(-10%);
        transform: translateY(-50%);
        z-index: 1;
    }

    main#affiliate section.about_us .img_container img:nth-child(2) {
        width: 50%;
        height: 12.75rem;
        top: 76%;
        right: 10%;
        transform: translateX(-10%);
        transform: translateY(-70%);
        z-index: 2;
    }

    main#affiliate section.about_us .img_container img:nth-child(3) {
        width: 40%;
        height: 10.625rem;
        top: 33%;
        right: 0;
        transform: translateX(0);
        transform: translateY(-33%);
        z-index: 1;
    }
}

@media screen and (min-width: 576px) {
    main#affiliate section.about_us h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    main#affiliate section.about_us h3 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 3rem;
        color: var(--color-FlamePea);
    }

    main#affiliate section.about_us p {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#affiliate section.about_us .text_container {
        display: flex;
    }

    main#affiliate section.about_us .text_container .icon_container {
        min-width: 5.125rem;
        height: 5.125rem;
    }

    main#affiliate section.about_us .text_container .icon_container > svg {
        width: 2.938rem;
        height: 2.938rem;
    }

    main#affiliate section.about_us .text_container h6 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-top: 0rem;
    }

    main#affiliate section.about_us .text_container p {
        font-size: 1.25rem;
        line-height: 1.438rem;
    }

    main#affiliate section.about_us .img_container img:nth-child(1) {
        width: 50%;
        height: 18.75rem;
        top: 47%;
        left: 10%;
        transform: translateX(-10%);
        transform: translateY(-47%);
        z-index: 1;
    }

    main#affiliate section.about_us .img_container img:nth-child(2) {
        width: 50%;
        height: 15rem;
        top: 90%;
        right: 10%;
        transform: translateX(-10%);
        transform: translateY(-90%);
        z-index: 2;
    }

    main#affiliate section.about_us .img_container img:nth-child(3) {
        width: 60%;
        height: 13.75rem;
        top: 33%;
        right: -25px;
        transform: translateY(-33%);
        z-index: 1;
    }
}

@media screen and (min-width: 700px) {
    main#affiliate section.about_us .img_container img:nth-child(1) {
        width: 55%;
        height: 20rem;
        top: 47%;
        left: 10%;
        transform: translateX(-10%);
        transform: translateY(-47%);
        z-index: 1;
    }

    main#affiliate section.about_us .img_container img:nth-child(2) {
        width: 50%;
        height: 15rem;
        top: 90%;
        right: 20%;
        transform: translateX(-20%);
        transform: translateY(-90%);
        z-index: 2;
    }

    main#affiliate section.about_us .img_container img:nth-child(3) {
        width: 60%;
        height: 13.75rem;
        top: 33%;
        right: -25px;
        transform: translateY(-33%);
        z-index: 1;
    }
}

@media screen and (min-width: 768px) {
    main#affiliate section.about_us {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    main#affiliate section.about_us .affiliation {
        margin-top: 5rem;
    }

    main#affiliate section.about_us .affiliation .desc {
        padding-left: 2rem;
    }

    main#affiliate section.about_us .affiliation img {
        margin-bottom: 0rem;
    }

    main#affiliate section.about_us .affiliation p {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#affiliate section.about_us .affiliation p.dark_txt {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}

@media screen and (min-width: 800px) {
    main#affiliate section.about_us .img_container img:nth-child(3) {
        width: 70%;
    }
}

@media screen and (min-width: 992px) {
    main#affiliate section.about_us .img_container img:nth-child(1) {
        width: 40%;
    }

    main#affiliate section.about_us .img_container img:nth-child(3) {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    main#affiliate section.about_us {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    main#affiliate section.about_us .img_container img:nth-child(1) {
        width: 40%;
        top: 47%;
        left: 15%;
        transform: translateX(-15%);
        transform: translateY(-47%);
        z-index: 1;
    }

    main#affiliate section.about_us .img_container img:nth-child(2) {
        width: 50%;
        top: 100%;
        right: 10%;
        transform: translateX(-10%);
        transform: translateY(-90%);
        z-index: 2;
    }
}

/* section become_part  */
section.become_part {
    background-image: url("../images/affiliate/bg_img2.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 27.938rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

section.become_part .overlay_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.36);
    z-index: 1;
}

section.become_part .desc {
    max-width: 50rem;
    text-align: center;
    position: relative;
    z-index: 2;
}

section.become_part .desc span.heading {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--color-FlamePea);
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
}

section.become_part .desc h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-white);
    margin-top: 0.4rem;
}

section.become_part .desc h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

section.become_part .desc h4 {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    text-align: center;
    color: var(--color-white);
}

section.become_part .desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-white);
    margin: 0;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

section.become_part .desc button {
    padding: 0.625rem 1rem;
    width: auto;
    height: 3.375rem;
    background-color: var(--color-FlamePea);
    border-radius: 35px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.438rem;
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}

@media screen and (min-width: 576px) {
    section.become_part .desc h3 {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    section.become_part .desc h3 > span {
        font-size: 2.625rem;
        line-height: 3rem;
    }

    section.become_part .desc p {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    section.become_part .desc button {
        padding: 0.625rem;
        width: 20.563rem;
        height: 3.375rem;
        font-size: 1.125rem;
        line-height: 1.438rem;
    }
}

/******************
  *
  *
  *   faq section
  *
  *
  *******************/

.faq.header {
    background-image: url("../images/faq/header_img.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 27.688rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.faq.header .logo_container img {
    width: 13rem;
    height: 5rem;
    object-fit: contain;
}

.faq.header h1 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--color-white);
    margin-top: 3rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.faq.header h1 span {
    background-color: var(--color-FlamePea);
    padding: 0.25rem 0.5rem;
}

.faq.header p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.425rem;
    line-height: 1.875rem;
    color: var(--color-white);
    margin-top: 2rem;
    max-width: 50rem;
}

@media screen and (min-width: 768px) {
    .faq.header {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .faq.header h1 {
        font-size: 4.063rem;
        line-height: 4.963rem;
    }

    .faq.header p {
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
}

/* how_help */

main#faq section.how_help {
    min-height: 38.625rem;
    background-color: var(--color-RoseWhite);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#faq section.how_help .dot {
    background-color: var(--color-FlamePea);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

main#faq section.how_help .big_dot {
    width: 2.5rem;
    height: 2.5rem;
    right: 60px;
    top: 70px;
    display: none;
}

main#faq section.how_help .small_dot {
    width: 1.25rem;
    height: 1.25rem;
    right: 470px;
    top: 10px;
    display: none;
}

main#faq section.how_help .desc {
    text-align: center;
}

main#faq section.how_help .desc span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#faq section.how_help .desc h2 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Onyx);
    margin: 0;
    margin-top: 0.7rem;
    margin-bottom: 4rem;
}

main#faq section.how_help .desc h2 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#faq section.how_help .card_container {
    background-color: var(--color-white);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0rem 1rem 2rem 1rem;
    margin-bottom: 2rem;
}

main#faq section.how_help .card_container .icon_container {
    background: rgba(218, 98, 54, 0.7);
    width: 3.925rem;
    height: 3.925rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: -33px;
}

main#faq section.how_help .card_container .icon_container > svg {
    width: 2rem;
    height: 2.225rem;
}

main#faq section.how_help .card_container h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Black);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

main#faq section.how_help .card_container p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    text-align: center;
    color: var(--color-BattleshipGrey);
}

main#faq section.how_help .card_container .primary-btn {
    padding: 0.725rem 1.4rem;
    background-color: var(--color-FlamePea);
    border-radius: 24px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6rem;
    color: var(--color-white);
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#faq section.how_help .desc h2 {
        font-size: 2.625rem;
        line-height: 4rem;
        margin-top: 0.7rem;
        margin-bottom: 6rem;
    }

    main#faq section.how_help .desc h2 > span {
        font-weight: 700;
        font-size: 2.625rem;
        line-height: 4rem;
    }

    main#faq section.how_help .card_container .icon_container {
        width: 5.625rem;
        height: 5.625rem;
        margin-top: -45px;
    }

    main#faq section.how_help .card_container .icon_container > svg {
        width: 2.938rem;
        height: 3.125rem;
    }

    main#faq section.how_help .card_container h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    main#faq section.how_help .card_container p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#faq section.how_help .card_container button {
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 1.438rem;
    }
}

@media screen and (min-width: 992px) {
    main#faq section.how_help .big_dot {
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    main#faq section.how_help .small_dot {
        display: block;
    }
}

/* section features */
main#faq section.features {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

main#faq section.features .feature_img {
    width: 100%;
    height: 24.25rem;
    border-radius: 20px;
    object-fit: contain;
}

main#faq section.features .play_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.188rem;
    height: 4.188rem;
    object-fit: contain;
    z-index: 1;
    cursor: pointer;
}

main#faq section.features .right_col_desc {
    margin-top: 2rem;
}

main#faq section.features .right_col_desc span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#faq section.features .right_col_desc h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

main#faq section.features .right_col_desc h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#faq section.features .right_col_desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
}

main#faq section.features .accordion {
    margin-top: 3rem;
}

main#faq section.features .accordion .accordion-item {
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1.5rem;
}

main#faq section.features .accordion .accordion-button {
    background-color: #f7f9fb;
    border-radius: 10px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--color-Onyx);
}

main#faq section.features .accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    background: rgba(218, 98, 54, 0.04);
    border-radius: 10px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#faq section.features .accordion .accordion-button:focus {
    box-shadow: none;
}

main#faq section.features .accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DA6236'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

main#faq section.features .accordion .accordion-body {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
    margin-top: 1rem;
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#faq section.features {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    main#faq section.features .right_col_desc {
        margin-top: 0rem;
        margin-left: 1rem;
    }

    main#faq section.features .feature_img {
        width: 100%;
        height: 30.25rem;
        object-fit: cover;
    }
}

@media screen and (min-width: 992px) {
    main#faq section.features .feature_img {
        width: 100%;
        height: 41.25rem;
        object-fit: cover;
    }

    main#faq section.features .right_col_desc h3 {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.features .right_col_desc h3 > span {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.features .right_col_desc p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#faq section.features .accordion .accordion-button {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    main#faq section.features .accordion .accordion-button:not(.collapsed) {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 2rem;
    }

    main#faq section.features .accordion .accordion-body {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

/* section General Info */
main#faq section.general-info {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--color-OffWhite);
}

main#faq section.general-info .general_img {
    width: 100%;
    object-fit: contain;
}

main#faq section.general-info .circle-solid {
    position: absolute;
    top: 35%;
    left: 3%;
    width: 1rem;
}

main#faq section.general-info .circle-solid2 {
    position: absolute;
    top: 57%;
    right: 3%;
    width: 4rem;
}

main#faq section.general-info .circle-solid3 {
    position: absolute;
    bottom: -9px;
    width: 1rem;
    right: 0;
}

main#faq section.general-info .right_col_desc {
    margin-top: 2rem;
}

main#faq section.general-info .right_col_desc span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#faq section.general-info .title h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

main#faq section.general-info .title h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#faq section.general-info .title p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
}

main#faq section.general-info .accordion {
    margin-top: 3rem;
}

main#faq section.general-info .accordion .accordion-item {
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
}

main#faq section.general-info .accordion .accordion-item .circle-solid {
    position: absolute;
    left: 20%;
    width: 2rem;
    top: -13px;
}

main#faq section.general-info .accordion .accordion-button {
    background-color: var(--color-white);
    border-radius: 0.5rem;
    font-family: var(--font-RobotoLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-Onyx);
}

main#faq section.general-info .accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 10px;
    font-family: var(--font-RobotoMedium);
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: var(--color-FlamePea);
}

main#faq section.general-info .accordion .accordion-button:focus {
    box-shadow: none;
}

main#faq
    section.general-info
    .accordion
    .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DA6236'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

main#faq section.general-info .accordion .accordion-body {
    font-family: var(--font-PoppinsLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: var(--color-BattleshipGrey);
}

main#faq section .accordion ul {
    list-style: disc;
    padding-left: 40px;
}

main#faq section .accordion ul li {
    font-family: var(--font-PoppinsLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: var(--color-BattleshipGrey);
}

main#faq section .accordion ul li ul {
    list-style-type: circle;
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#faq section.general-info .right_col_desc {
        margin-top: 0rem;
        margin-left: 1rem;
    }

    main#faq section.general-info .feature_img {
        width: 100%;
        height: 30.25rem;
        object-fit: cover;
    }
}

@media screen and (min-width: 992px) {
    main#faq section.general-info .feature_img {
        width: 100%;
        height: 41.25rem;
        object-fit: cover;
    }

    main#faq section.general-info .right_col_desc h3 {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.general-info .right_col_desc h3 > span {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.general-info .right_col_desc p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#faq section.general-info .accordion .accordion-button {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    main#faq section.general-info .accordion .accordion-button:not(.collapsed) {
        font-weight: 700;
        line-height: 1.5rem;
    }

    main#faq section.general-info .accordion .accordion-body {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

/* section Products Central */
main#faq section.products-central {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--color-Soapstone);
}

main#faq section.products-central .circle-piece {
    position: absolute;
    top: 0;
    right: 0;
}

main#faq section.products-central .circle-solid {
    position: absolute;
    top: 50%;
    left: 3%;
    width: 1rem;
}

main#faq section.products-central .circle-solid2 {
    position: absolute;
    top: 57%;
    right: 3%;
    width: 4rem;
}

main#faq section.products-central .right_col_desc {
    margin-top: 2rem;
}

main#faq section.products-central .right_col_desc span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#faq section.products-central h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

main#faq section.products-central h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    color: var(--color-FlamePea);
}

main#faq section.products-central .accordion {
    margin-top: 3rem;
    width: 100%;
}

main#faq section.products-central .accordion .accordion-item {
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.06);
}

main#faq section.products-central .accordion .accordion-item .circle-solid {
    position: absolute;
    left: 55%;
    width: 2rem;
    top: 65%;
}

main#faq section.products-central .accordion .accordion-button {
    background-color: var(--color-white);
    border-radius: 0.5rem;
    font-family: var(--font-RobotoLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-Onyx);
}

main#faq section.products-central .accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 10px;
    font-family: var(--font-RobotoMedium);
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: var(--color-FlamePea);
}

main#faq section.products-central .accordion .accordion-button:focus {
    box-shadow: none;
}

main#faq
    section.products-central
    .accordion
    .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DA6236'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

main#faq section.products-central .accordion .accordion-body {
    font-family: var(--font-PoppinsLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: var(--color-BattleshipGrey);
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#faq section.products-central .right_col_desc {
        margin-top: 0rem;
        margin-left: 1rem;
    }

    main#faq section.products-central .feature_img {
        width: 100%;
        height: 30.25rem;
        object-fit: cover;
    }
}

@media screen and (min-width: 992px) {
    main#faq section.products-central .feature_img {
        width: 100%;
        height: 41.25rem;
        object-fit: cover;
    }

    main#faq section.products-central .right_col_desc h3 {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.products-central .right_col_desc h3 > span {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.products-central .right_col_desc p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#faq section.products-central .accordion {
        width: 75%;
    }

    main#faq section.products-central .accordion .accordion-button {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    main#faq
        section.products-central
        .accordion
        .accordion-button:not(.collapsed) {
        font-weight: 700;
        line-height: 1.5rem;
    }

    main#faq section.products-central .accordion .accordion-body {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

/* section Buyback Program */
main#faq section.buyback-program {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--color-OffWhite);
}

main#faq section.buyback-program .general_img {
    width: 100%;
    object-fit: contain;
}

main#faq section.buyback-program .left-vector {
    position: absolute;
    top: -10px;
    left: -10px;
}

main#faq section.buyback-program .right-vector {
    position: absolute;
    bottom: -10px;
    right: -10px;
    transform: rotate(0.5turn);
}

main#faq section.buyback-program .bubbles-group {
    position: absolute;
    top: -3rem;
    left: 0;
}

main#faq section.buyback-program .circle-solid {
    position: absolute;
    top: 35%;
    left: 3%;
    width: 1rem;
}

main#faq section.buyback-program .circle-solid2 {
    position: absolute;
    top: 57%;
    right: 3%;
    width: 4rem;
}

main#faq section.buyback-program .circle-solid3 {
    position: absolute;
    bottom: -9px;
    width: 1rem;
    right: 0;
}

main#faq section.buyback-program .right_col_desc {
    margin-top: 2rem;
}

main#faq section.buyback-program .right_col_desc span.heading {
    padding: 0.438rem 1.25rem;
    background-color: var(--color-RedOrange);
    border-radius: 22px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-FlamePea);
}

main#faq section.buyback-program .title h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    color: var(--color-Onyx);
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

main#faq section.buyback-program .title h3 > span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--color-FlamePea);
}

main#faq section.buyback-program .title p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.15rem;
    line-height: 1.75rem;
    color: var(--color-BattleshipGrey);
}

main#faq section.buyback-program .accordion {
    margin-top: 3rem;
}

main#faq section.buyback-program .accordion .accordion-item {
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
}

main#faq section.buyback-program .accordion .accordion-item .circle-solid {
    position: absolute;
    left: 80%;
    width: 2rem;
    top: -11px;
}

main#faq section.buyback-program .accordion .accordion-button {
    background-color: var(--color-white);
    border-radius: 0.5rem;
    font-family: var(--font-RobotoLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-Onyx);
}

main#faq section.buyback-program .accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 10px;
    font-family: var(--font-RobotoMedium);
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: var(--color-FlamePea);
}

main#faq section.buyback-program .accordion .accordion-button:focus {
    box-shadow: none;
}

main#faq
    section.buyback-program
    .accordion
    .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DA6236'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

main#faq section.buyback-program .accordion .accordion-body {
    font-family: var(--font-PoppinsLight);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: var(--color-BattleshipGrey);
}

/* media styles  */
@media screen and (min-width: 768px) {
    main#faq section.buyback-program .right_col_desc {
        margin-top: 0rem;
        margin-left: 1rem;
    }

    main#faq section.buyback-program .feature_img {
        width: 100%;
        height: 30.25rem;
        object-fit: cover;
    }
}

@media screen and (min-width: 992px) {
    main#faq section.buyback-program .feature_img {
        width: 100%;
        height: 41.25rem;
        object-fit: cover;
    }

    main#faq section.buyback-program .right_col_desc h3 {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.buyback-program .right_col_desc h3 > span {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }

    main#faq section.buyback-program .right_col_desc p {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    main#faq section.buyback-program .accordion .accordion-button {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    main#faq
        section.buyback-program
        .accordion
        .accordion-button:not(.collapsed) {
        font-weight: 700;
        line-height: 1.5rem;
    }

    main#faq section.buyback-program .accordion .accordion-body {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

/*****************
  *
  *
  *  Sign in / Sign up
  *
  *
  *****************/

main#signup .col_left_side {
    background-image: url("../../assets/images/wicked-bg.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: relative;
}

main#signup .col_left_side > img.dot_wave_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    z-index: 1;
    height: 50%;
}

main#signup .col_left_side > img.img_curve {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    z-index: 1;
    height: auto;
    object-fit: contain;
}

main#signup .col_left_side .desc {
    padding-top: 3rem;
    padding-left: 2rem;
    position: relative;
    z-index: 2;
}

main#signup .col_left_side .desc h1 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    color: var(--color-white);
    margin-top: 12rem;
}

main#signup .col_left_side .desc p {
    font-family: var(--font-Interfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 0.938rem;
    line-height: 1.5rem;
    color: var(--color-white);
    margin-top: 2rem;
}

main#signup .col_right_side {
    background-color: var(--color-WhiteSmoke);
    min-height: 100vh;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

main#signup .col_right_side .card_container {
    background-color: var(--color-white);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    width: 100%;
    padding: 1rem 1rem 3rem 1rem;
}

main#signup .col_right_side .card_container h2 {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Mirage);
    margin: 0;
}

main#signup .col_right_side .card_container h6 {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.813rem;
    text-align: center;
    color: var(--color-Mirage);
}

main#signup.reset_password .col_right_side .card_container h2 {
    color: var(--color-Gravel);
}

main#signup.reset_password .col_right_side .card_container h3 {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--color-MountainMist);
    max-width: 28.125rem;
    margin-left: auto;
    margin-right: auto;
}

main#signup.reset_password .col_right_side .card_container h3 > span {
    color: var(--color-Cinder);
    font-weight: 600;
}

main#signup .col_right_side .card_container .label_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#signup .col_right_side .card_container .label_wrapper svg {
    width: 18px;
    height: 16px;
}

main#signup .col_right_side .card_container .label_wrapper .btn_hide {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CadetGrey);
    background-color: transparent;
    display: inline-block;
    margin-left: 0.7rem;
}

main#signup .col_right_side .card_container label {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    display: flex;
    align-items: center;
    color: var(--color-Mirage);
}

main#signup.reset_password .col_right_side .card_container label {
    color: var(--color-Gravel);
}

main#signup .col_right_side .card_container .label_wrapper label {
    color: #666666;
}

main#signup .col_right_side .card_container .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--color-white);
    border: 1px solid var(--color-PaleAqua);
    border-radius: 4px;
    padding: 1rem 1rem;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 0.938rem;
    line-height: 1.125rem;
    color: var(--color-Onyx);
}

main#signup .col_right_side .card_container .form-control::placeholder {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 0.938rem;
    line-height: 1.125rem;
    color: var(--color-LemonGrass);
}

main#signup .col_right_side .card_container > .success_icon {
    width: 5.75rem;
    height: 5.75rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-top: 4rem;
}

main#signup .col_right_side .card_container .show_password_icon {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 1;
    cursor: pointer;
    width: 1.375rem;
    height: 0.938rem;
}

main#signup .col_right_side .card_container .form-check-input {
    width: 1rem;
    height: 1rem;
    outline: none;
    box-shadow: none;
    border-radius: 0px;
}

main#signup .col_right_side .card_container .form-check-input:checked {
    background-color: var(--color-MediumGreen);
    border-color: var(--color-MediumGreen);
}

main#signup .col_right_side .card_container .forget_pass {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: var(--color-UltramarineBlue);
    display: block;
    text-align: end;
    margin-top: 0.6rem;
}

main#signup .col_right_side .card_container label > a {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.188rem;
    color: var(--color-UltramarineBlue);
    text-align: start;
}

main#signup .col_right_side .card_container .btn_submit {
    background-color: var(--color-FlamePea);
    border-radius: 4px;
    padding: 1rem;
    height: 2.7rem;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-WhiteSmoke);
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

main#signup .col_right_side .card_container .line {
    width: 4.375rem;
    border: 0.5px solid var(--color-GreyGoose);
    padding: 0;
    height: 1px;
    margin: 0;
}

main#signup .col_right_side .card_container .other_method_text {
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    text-align: center;
    color: var(--color-Black);
    margin: 0;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

main#signup .col_right_side .card_container .other_method {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

main#signup .col_right_side .card_container .other_method > img {
    width: 3.438rem;
    height: 3.438rem;
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.15));
    margin-right: 1rem;
    cursor: pointer;
}

main#signup .col_right_side .card_container .other_method > img:last-child {
    margin-right: 0rem;
}

main#signup .col_right_side .card_container .signup_text {
    text-align: center;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: var(--color-Black);
}

main#signup .col_right_side .card_container .signup_text > a {
    text-align: center;
    font-family: var(--font-Barlowfamily);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.188rem;
    color: var(--color-UltramarineBlue);
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#signup .col_right_side .card_container {
        width: 80%;
        padding: 1rem 2rem 3rem 2rem;
    }

    main#signup .col_right_side .card_container h2 {
        font-size: 2rem;
        line-height: 3.125rem;
    }

    main#signup .col_right_side .card_container h6 {
        font-size: 1.5rem;
        line-height: 1.813rem;
    }

    main#signup .col_right_side .card_container .forget_pass {
        font-size: 1rem;
        line-height: 1.188rem;
        margin-top: 0;
    }

    main#signup .col_right_side .card_container .btn_submit {
        padding: 1rem;
        height: 3.5rem;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    main#signup .col_left_side .desc .img_logo {
        width: 10rem;
        height: 4rem;
        object-fit: contain;
    }

    main#signup .col_left_side > img.img_curve {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        height: auto;
        object-fit: contain;
    }

    main#signup .col_right_side {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    main#signup .col_left_side .desc {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 2rem;
        position: relative;
        z-index: 2;
    }

    main#signup .col_right_side .card_container {
        width: 90%;
    }
}

@media screen and (min-width: 992px) {
    main#signup .col_left_side .desc .img_logo {
        width: 11rem;
        height: 4.25rem;
        object-fit: contain;
    }

    main#signup .col_left_side > img.img_curve {
        width: 80%;
    }

    main#signup .col_right_side {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    main#signup .col_left_side .desc {
        /* padding-top: 1rem; */
        padding-left: 2rem;
    }

    main#signup .col_left_side .desc h1 {
        font-size: 2.5rem;
        line-height: 3.125rem;
        margin-top: 7rem;
    }

    main#signup .col_left_side .desc p {
        font-size: 0.938rem;
        line-height: 1.5rem;
        margin-top: 1.6rem;
    }

    main#signup .col_right_side .card_container {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) {
    main#signup .col_left_side .desc {
        padding-top: 3rem;
    }
}

/****************
  *
  *
  *  Home styles
  *
  *
  *****************/

main#home .header .desc {
    padding-right: 1.5rem;
}

main#home .header span.heading {
    padding: 0.625rem 1rem;
    /* background-color: var(--color-DenimBlue); */
    background-color: #36ee00;
    border-radius: 30px;
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.313rem;
    color: var(--color-white);
    display: inline-block;
}

main#home .header h1 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-Black);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

main#home .header p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: #656565;
}

main#home .header .primary-btn {
    padding: 0.625rem;
    background-color: var(--color-Black);
    border-radius: 6px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.125rem;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    width: 10.063rem;
    height: 3.138rem;
}

main#home .header .primary-btn > svg {
    width: 1.375rem;
    height: 1rem;
    margin-left: 0.5rem;
}

main#home .header .header_img {
    width: 100%;
    height: auto;
}

main#home .header .header_stats_img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 10rem;
}

/* product card  */

/* scrollable card  */
main#home section.header_product_card {
    background: rgba(218, 98, 54, 0.15);
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

main#home section.header_product_card .feeds_horizantal_scroll {
    position: relative;
    display: flex;
}

main#home section.header_product_card .feeds {
    display: flex;
    align-items: center;
    flex-direction: row;
    scroll-behavior: smooth;
    overflow: hidden;
}

main#home section.header_product_card .feeds.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

main#home section.header_product_card .left_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    cursor: pointer;
    z-index: 2;
    display: none;
}

main#home section.header_product_card .right_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    cursor: pointer;
}

main#home section.header_product_card .left_circle svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--color-white);
}

main#home section.header_product_card .right_circle svg {
    width: 1.5rem;
    height: 1.5rem;
}

main#home section.header_product_card .similar_product_card {
    min-width: 100%;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10.8467px;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

main#home section.header_product_card .similar_product_card:last-child {
    margin-right: 0rem;
}

main#home section.header_product_card .similar_product_card > img {
    border-radius: 10px 10px 0px 0px;
    height: 15.654rem;
    object-fit: cover;
    width: 100%;
}

main#home section.header_product_card .similar_product_card > .card_body {
    padding: 1rem;
}

main#home section.header_product_card .similar_product_card > .card_body > h3,
main#home section.header_product_card .similar_product_card > .card_body > h2 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: var(--color-NileBlue);
    margin: 0;
}

main#home section.header_product_card .similar_product_card > .card_body > p {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
    margin: 0;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container {
    display: flex;
    overflow-x: auto;
    overflow-y: none;
    align-items: center;
    padding-bottom: 8px;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container::-webkit-scrollbar {
    height: 6px;
    border-radius: 8px;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f1f1f1;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #da6236cc;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container::-webkit-scrollbar-thumb:hover {
    background: #da6236;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    > .tags_container
    > span {
    padding: 0.255rem 0.772rem;
    background-color: #496cff;
    border-radius: 18.5188px;
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.188rem;
    color: var(--color-white);
    display: block;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

main#home
    section.header_product_card
    .similar_product_card
    > .card_body
    .price {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

main#home section.header_product_card .similar_product_card .card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#home
    section.header_product_card
    .similar_product_card
    .card_footer
    > span {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    display: flex;
    align-items: center;
    color: var(--color-Black);
}

main#home
    section.header_product_card
    .similar_product_card
    .card_footer
    .primary-btn {
    background-color: var(--color-FlamePea);
    border-radius: 4px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--color-white);
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin: 0;
    margin-left: 0.4rem;
    white-space: nowrap;
}

main#home
    section.header_product_card
    .similar_product_card
    .card_footer
    .primary-btn
    svg {
    margin-left: 0.4rem;
}

main#home section.header_product_card .icon_container {
    position: absolute;
    right: -12px;
    top: 30%;
    transform: translate(-30%);
    display: none;
}

main#home section.header_product_card .icon_container .img_circle {
    width: 3.875rem;
    height: 3.875rem;
    cursor: pointer;
    z-index: 2;
}

main#home section.header_product_card .icon_container .img_circle_left {
    margin-right: 1rem;
}

/* media styles  */
@media screen and (min-width: 400px) {
    main#home .header .header_img {
        width: 20rem;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media screen and (min-width: 442px) {
    main#home section.header_product_card .header_img {
        width: 20rem;
        object-fit: contain;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) {
    main#home .header {
        padding-bottom: 2rem;
    }

    main#home .header .header_img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }

    main#home .header .primary-btn {
        width: 14.063rem;
        height: 3.438rem;
    }

    main#home section.header_product_card .similar_product_card {
        min-width: 23.188rem;
        max-width: 23.188rem;
    }

    main#home section.header_product_card .icon_container .img_circle {
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media screen and (min-width: 992px) {
    main#home .header p {
        font-weight: 400;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#home .header .header_img {
        width: 100%;
        height: 48rem;
    }

    main#home section.header_product_card {
        height: 31.25rem;
        margin-top: 0;
    }

    main#home section.header_product_card .feeds_horizantal_scroll {
        width: 82%;
        top: -3rem;
    }

    main#home section.header_product_card .left_circle {
        display: none;
    }

    main#home section.header_product_card .right_circle {
        display: none;
    }

    main#home section.header_product_card .icon_container {
        right: -28%;
        top: 50%;
        transform: translate(-50%);
        display: block;
    }
}

@media screen and (max-width: 1199px) {
    main#home section.header_product_card .similar_product_card {
        min-width: 47%;
    }

    main#home .header h1 {
        font-weight: 700;
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media screen and (max-width: 768px) {
    main#home section.header_product_card .similar_product_card {
        min-width: 100%;
    }

    main#home .header h1 {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2.2rem;
    }
}

@media screen and (min-width: 1200px) {
    main#home section.header_product_card .similar_product_card {
        min-width: 31%;
    }

    main#home .header h1 {
        font-weight: 700;
        font-size: 3.75rem;
        line-height: 4.375rem;
    }
}

@media screen and (min-width: 1200px) {
    main#home section.header_product_card {
        height: 25rem;
        margin-top: 60px;
    }

    main#home section.header_product_card .feeds_horizantal_scroll {
        width: 82%;
        top: -10rem;
    }

    main#home section.header_product_card .icon_container {
        right: -25%;
        top: 50%;
        transform: translate(-50%);
    }
}

@media screen and (min-width: 1800px) {
    main#home section.header_product_card .similar_product_card {
        min-width: 31.5%;
    }

    main#home section.header_product_card .feeds_horizantal_scroll {
        width: 78%;
    }
}

@media screen and (min-width: 2200px) {
    main#home section.header_product_card .similar_product_card {
        min-width: 32%;
    }
}

/* what hot section  */
main#home section.whats_hot {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

main#home section.whats_hot .sort_btn_container {
    background: rgba(217, 217, 217, 0.44);
    border-radius: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 16rem;
}

main#home section.whats_hot .sort_btn_container > button {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.75rem;
    color: var(--color-Black);
    padding: 0.5rem 0.8rem;
    background-color: transparent;
    width: 100%;
}

main#home section.whats_hot .sort_btn_container > button.active,
main#home section.whats_hot .sort_btn_container > button:hover {
    background-color: var(--color-FlamePea);
    color: var(--color-white);
}

main#home section.whats_hot .title_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#home section.whats_hot .title_container .title {
    display: inline-block;
}

main#home section.whats_hot .title_container h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 100%;
    color: var(--color-Mirage);
    margin: 0;
    margin-bottom: 0.2rem;
}

main#home section.whats_hot .title_container h3.title_sm {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 2rem;
}

main#home section.whats_hot .title_container > a {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.115rem;
    line-height: 100%;
    text-align: right;
    color: var(--color-UltramarineBlue);
}

main#home section.whats_hot .title_container .underline {
    width: 50%;
    border: 2px solid var(--color-FlamePea);
}

/* scrollable card  */
main#home section.whats_hot .feeds_horizantal_scroll {
    position: relative;
    display: flex;
}

main#home section.whats_hot .feeds {
    display: flex;
    align-items: center;
    flex-direction: row;
    scroll-behavior: smooth;
    overflow: hidden;
    margin-bottom: 3rem;
}

main#home section.whats_hot .feeds.dragging {
    scroll-behavior: auto;
    cursor: grab;
}

main#home section.whats_hot .left_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    left: -12px;
    top: 42%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    z-index: 2;
    display: none;
}

main#home section.whats_hot .right_circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--color-FlamePea);
    box-shadow: -3.825px 2.55px 15.3px rgba(0, 0, 0, 0.25);
    right: -12px;
    top: 42%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
}

main#home section.whats_hot .left_circle svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: var(--color-white);
}

main#home section.whats_hot .right_circle svg {
    width: 1.5rem;
    height: 1.5rem;
}

main#home section.whats_hot .similar_product_card {
    min-width: 100%;
    background-color: var(--color-white);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10.8467px;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

main#home section.whats_hot .similar_product_card:last-child {
    margin-right: 0rem;
}

main#home section.whats_hot .similar_product_card > img {
    border-radius: 10px 10px 0px 0px;
    height: 15.375rem;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

main#home section.whats_hot .similar_product_card > .card_body {
    padding: 1rem;
}

main#home section.whats_hot .similar_product_card > .card_body > h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.688rem;
    color: var(--color-NileBlue);
    margin: 0;
}

main#home section.whats_hot .similar_product_card > .card_body > p {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-CarbonGrey);
    margin: 0;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

main#home
    section.whats_hot
    .similar_product_card
    > .card_body
    > .tags_container {
    display: flex;
    align-items: center;
    /* overflow: scroll; */
    overflow: hidden;
}

main#home
    section.whats_hot
    .similar_product_card
    > .card_body
    > .tags_container
    > span {
    padding: 0.255rem 0.772rem;
    background-color: #496cff;
    border-radius: 18.5188px;
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.188rem;
    color: var(--color-white);
    display: block;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

main#home section.whats_hot .similar_product_card > .card_body .price {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.563rem;
    color: var(--color-Mirage);
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

main#home section.whats_hot .similar_product_card .card_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#home section.whats_hot .similar_product_card .card_footer span {
    font-family: var(--font-ArialRegular);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    display: flex;
    align-items: center;
    color: var(--color-Black);
}

main#home section.whats_hot .similar_product_card .card_footer .primary-btn {
    background-color: var(--color-FlamePea);
    border-radius: 4px;
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--color-white);
    width: 6rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 7.875rem;
}

/* media styles */
@media screen and (min-width: 576px) {
    main#home section.whats_hot .title_container h3 {
        font-size: 2.25rem;
        line-height: 100%;
    }

    main#home section.whats_hot .title_container h3.title_sm {
        font-size: 2.25rem;
        line-height: 100%;
    }

    main#home section.whats_hot .sort_btn_container {
        width: 26rem;
    }

    main#home section.whats_hot .sort_btn_container > button {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding: 0.7rem 1.5rem;
    }

    main#home section.whats_hot .title_container > a {
        font-weight: 400;
        font-size: 1.125rem;
    }

    main#home section.whats_hot .title_container h2 {
        font-size: 2rem;
    }
}

@media screen and (min-width: 768px) {
    main#home section.whats_hot .similar_product_card {
        min-width: 23.188rem;
        max-width: 23.188rem;
    }
}

/* scetion spotlight */
main#home section.spotlight {
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 35.563rem;
    background: rgba(245, 245, 249, 0.48);
}

main#home section.spotlight h3 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    color: var(--color-Gunmetal);
    margin-bottom: 3rem;
}

main#home section.spotlight img {
    height: auto;
    width: 100%;
    object-fit: contain;
    border-radius: 14px;
}

main#home section.spotlight .desc {
    margin-top: 2rem;
}

main#home section.spotlight .desc h4 {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.45rem;
    line-height: 2rem;
    color: #151515;
}

main#home section.spotlight .desc p {
    font-family: var(--font-ArialRegular);
    font-style: normal;
    font-weight: 400;
    font-size: 1.115rem;
    line-height: 1.5rem;
    color: var(--color-Gunmetal);
}

main#home section.spotlight .desc .price_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main#home section.spotlight .desc .price_container span {
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.75rem;
    color: var(--color-Gunmetal);
}

main#home section.spotlight .carousel-control {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 51%;
    top: 53%;
    right: 10px;
    opacity: 1;
    transform: translateY(-53%);
    background-color: #e0e0e0;
}

main#home section.spotlight .carousel-control-prev {
    opacity: 1;
    left: auto;
    right: 60px !important;
}

main#home section.spotlight .carousel-control:hover {
    background-color: var(--color-white);
}

main#home section.spotlight .carousel-control svg {
    width: 0.5rem;
    height: 1rem;
}

main#home section.spotlight .desc .primary-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1rem;
    width: auto;
    height: 3.35rem;
    background-color: var(--color-FlamePea);
    border-radius: 30px;
    font-family: var(--font-ArialBold);
    font-style: normal;
    font-weight: 700;
    font-size: 1.115rem;
    line-height: 1.313rem;
    color: var(--color-white);
    margin-top: 1.5rem;
}

.price-span {
    font-family: var(--font-ArialRegular) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #656565 !important;
}

.founder-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.founder-section h3 {
    font-family: var(--font-ArialBold);
    font-weight: 700;
    font-size: 1.563rem;
    line-height: 2.513rem;
    color: var(--color-DarkJungleGreen);
    margin: 0;
    margin-bottom: 0.1rem;
}

.founder-img {
    height: 7rem;
    width: 7rem;
    border-radius: 50%;
}

.founder-name {
    font-family: var(--font-ArialRegular) !important;
    font-size: 1.625rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

.founder-designation {
    font-family: var(--font-ArialRegular) !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    color: #111111 !important;
    margin-top: 0.375rem;
}

.founder-text {
    font-family: var(--font-ArialRegular) !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    color: #4e4e4e !important;
    margin-top: 1.5rem;
}

/* media styles  */
@media screen and (min-width: 576px) {
    main#home section.spotlight h3 {
        font-size: 2.25rem;
        line-height: 2.563rem;
        margin-bottom: 3rem;
    }

    main#home section.spotlight .desc h4 {
        font-size: 1.75rem;
        line-height: 2rem;
    }

    main#home section.spotlight .desc p {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    main#home section.spotlight .desc .price_container span {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    main#home section.spotlight .desc .primary-btn {
        padding: 0.625rem;
        width: 16.625rem;
        height: 3.75rem;
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.313rem;
    }
}

@media screen and (min-width: 768px) {
    main#home section.spotlight img {
        height: 14.5rem;
        width: 100%;
        object-fit: cover;
    }

    main#home section.spotlight .desc {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    main#home section.spotlight .desc {
        margin-top: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    main#home section.spotlight img {
        height: 19.5rem;
        width: 100%;
        object-fit: contain;
    }
}

/* privacyPolicy */

main#privacyPolicy .privacy-policy-content .privacy-policy-update-date {
    margin-bottom: 32px;
}

main#privacyPolicy .privacy-policy-content .privacy-policy-update-date span {
    padding: 4px 8px;
    font-size: 16px;
    color: #06093d;
    line-height: 27px;
    text-align: center;
    border-radius: 2px;
    background: #f1f4f9;
    letter-spacing: 0.738391px;
    font-family: var(--font-ArialMedium);
}

main#privacyPolicy .privacy-policy-content-text h1,
main#privacyPolicy .privacy-policy-content-text h2 {
    font-size: 40px;
    font-weight: 700;
    color: #01021d;
    line-height: 48px;
    margin-bottom: 40px;
    letter-spacing: -2.03px;
    font-family: var(--font-ArialBold);
}

main#privacyPolicy .privacy-policy-content-text h3 {
    font-size: 24px;
    color: #01021d;
    line-height: 32px;
    letter-spacing: -1.10759px;
    font-family: var(--font-ArialBold);
}

main#privacyPolicy .privacy-policy-content-text li {
    list-style: disc;
    font-size: 1.125rem;
    color: #050f19;
    font-weight: 400;
    line-height: 2rem;
    font-family: var(--font-ArialRegular);
    margin-bottom: 0.75rem;
}

main#privacyPolicy .privacy-policy-content-text p {
    font-size: 22px;
    color: #050f19;
    font-weight: 400;
    line-height: 32px;
    font-family: var(--font-ArialRegular);
}

/* Contact Support */

.wrapper-l-r {
    margin: 0 auto;
    max-width: 1920px;
    min-height: 100vh;
    background-color: #f8f8f8;
}

.login-register-box {
    background: #fff;
    border-radius: 24px;
}

.login-register-box h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: var(--font-RobotoMedium);
}

.login-register-box p {
    font-size: 13px;
    color: #969494;
    font-family: var(--font-Robotofamily);
}

.login-register-box p .theme-link {
    color: #f05922;
}

#notification-box {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.error {
    color: red !important;
}

.success {
    color: darkgreen;
}

.zd_ticket_frm_container label {
    font-size: 13px;
    color: #343434;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: inline-block;
    font-family: var(--font-Robotofamily);
}

.zd_ticket_frm_container input,
.zd_ticket_frm_container select,
.zd_ticket_frm_container textarea {
    width: 100%;
    padding: 6px;
    font-size: 13px;
    margin-top: 6px;
    resize: vertical;
    font-weight: 500;
    border-radius: 6px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    font-family: var(--font-Robotofamily);
}

.zd_ticket_frm_container input[type="number"],
.zd_ticket_frm_container input[type="date"] {
    width: 50%;
    padding: 6px;
    display: block;
    margin-top: 6px;
    resize: vertical;
    border-radius: 4px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
}

.zd_ticket_frm_container input:focus,
.zd_ticket_frm_container select:focus,
.zd_ticket_frm_container textarea:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #f05922;
}

.zd_ticket_frm_container .btn-gray.primary-btn {
    width: 100%;
    color: #fff;
    padding: 4px 0;
    display: block;
    font-size: 18px;
    font-weight: 600;
    border-radius: 9px;
    text-align: center;
    border: 2px solid #f05922;
    background-color: rgba(240, 89, 34, 1);
    box-shadow: 0px 19px 17px -9px rgba(240, 89, 34, 0.59);
}

.zd_ticket_frm_container .btn-gray.primary-btn:hover {
    color: #f05922 !important;
    background-color: #fff !important;
    transition: all 0.2s ease-in !important;
}

.zd_ticket_frm_container .btn-gray.primary-btn:focus {
    outline: 0;
}

#zd_prod_thumbnail {
    display: block;
    margin: 0px auto;
    max-width: 350px;
    text-align: center;
}

.hidden {
    display: none;
}

.primary-btn:hover {
    background-color: #3a3a3c !important;
    color: #ffffff !important;
}

.navbar-toggler-icon2 {
    background-image: url("../images/menu.svg");
}

@media screen and (min-width: 768px) {
    .wrapper-l-r {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .login-register-box {
        padding: 30px 80px;
    }
}

section,
.custom-container,
#Product_detail_outer_container {
    padding: 0 5rem;
}

/* media styles  */

@media screen and (max-width: 1700px) {
    section,
    .custom-container,
    #Product_detail_outer_container {
        padding: 0 4rem;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 16px;
    }

    section,
    .custom-container,
    #Product_detail_outer_container {
        padding: 0 3rem;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 15px;
    }

    section,
    .custom-container,
    #Product_detail_outer_container {
        padding: 0 2.5rem;
    }

    main#aboutus section.our_services .our_services-img {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    .navbar-toggler2 {
        border: 1px solid var(--color-FlamePea) !important;
    }
}

@media screen and (max-width: 786px) {
    html {
        font-size: 14px;
    }

    section,
    .custom-container,
    #Product_detail_outer_container {
        padding: 0 1.5rem;
    }

    .arrow.right_circle,
    .arrow.left_circle {
        height: 3rem !important;
        width: 3rem !important;
    }
}

@media screen and (max-width: 425px) {
    #navbar2 .primary-btn svg {
        margin-right: 0.25rem;
        stroke: var(--color-Black);
        width: 1rem;
    }

    #navbar2 img.logo {
        width: 9rem;
    }

    #navbar2 .primary-btn {
        padding: 0.25rem 0.75rem;
        font-size: 0.75rem;
    }
}

/****************
  *
  *
  *  Skeleton styles
  *
  *
  *****************/

.skeleton-heading {
    background-color: var(--color-skeleton);
    width: 17rem;
    height: 2.8rem;
}

.skeleton-img-place {
    background-color: var(--color-skeleton);
    border-radius: 10px 10px 0px 0px;
    height: 15rem;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

.skeleton-card-heading-place {
    background-color: var(--color-skeleton);
    width: 17rem;
    height: 2rem;
}

.skeleton-card-text-place {
    background-color: var(--color-skeleton);
    width: 17rem;
    height: 0.5rem;
}

.skeleton-card-tag-place {
    display: flex;
    align-items: center;
    overflow: scroll;
}

.skeleton-card-tag-place span {
    width: 4.6rem;
    height: 1.5rem;
    background-color: var(--color-skeleton);
    border-radius: 18.5188px;
    display: block;
}

.skeleton-card-price-place {
    background-color: var(--color-skeleton);
    width: 7.6rem;
    height: 0.5rem;
    margin-top: 1.5rem;
}

.skeleton-card-date-place {
    background-color: var(--color-skeleton);
    width: 4.5rem;
    height: 0.5rem;
}

.skeleton-card-button-place {
    background-color: var(--color-skeleton);
    width: 6rem;
    height: 1.75rem;
}