/**
* Template Name: yesoryes
* File: assets/css/style.css 
*/
:root {
    /* --------------------------------- colors --------------------------------- */
    --primary-color-black: #343434;
    --primary-color-grey: #565656;
    --primary-color-green: #65bc47;
    --primary-color-White: #ffffff;

    --Secondary--color-grey: #8d8d8d;
    --Secondary--color-light-grey: #f1f1f1;

    --tertiary-grey-light: #f8f8f8;
    --tertiary-black: #231f20;

    /* ---------------------------------- sizes --------------------------------- */
    --rem-6: 0.375rem;
    --rem-8: 0.5rem;
    --rem-10: 0.625rem;
    --rem-12: 0.75rem;
    --rem-14: 0.875rem;
    --rem-base: 1rem;
    --rem-18: 1.125rem;
    --rem-20: 1.25rem;
    --rem-22: 1.375rem;
    --rem-24: 1.5rem;
    --rem-26: 1.625rem;
    --rem-28: 1.75rem;
    --rem-30: 1.875rem;
    --rem-32: 2rem;
    --rem-34: 2.125rem;
    --rem-36: 2.25rem;
    --rem-38: 2.375rem;
    --rem-40: 2.5rem;
    --rem-42: 2.625rem;
    --rem-44: 2.75rem;
    --rem-46: 2.875rem;
    --rem-48: 3rem;
    --rem-50: 3.125rem;
    --rem-52: 3.25rem;
    --rem-54: 3.375rem;
    --rem-56: 3.5rem;
    --rem-58: 3.625rem;
    --rem-60: 3.75rem;
    --rem-62: 3.875rem;
    --rem-64: 4rem;
    --rem-66: 4.125rem;
    --rem-68: 4.25rem;
    --rem-70: 4.375rem;
    --rem-72: 4.5rem;
    --rem-74: 4.625rem;
    --rem-76: 4.75rem;
    --rem-78: 4.875rem;
    --rem-80: 5rem;
    --rem-82: 5.125rem;
    --rem-84: 5.25rem;
    --rem-86: 5.375rem;
    --rem-88: 5.5rem;
    --rem-90: 5.625rem;
    --rem-92: 5.75rem;
    --rem-94: 5.875rem;
    --rem-96: 6rem;
    --rem-98: 6.125rem;
    --rem-100: 6.25rem;
    --rem-102: 6.375rem;
    --rem-104: 6.5rem;
    --rem-108: 6.75rem;
    --rem-110: 6.875rem;
    --rem-112: 7rem;
    --rem-114: 7.125rem;
    --rem-116: 7.25rem;
    --rem-118: 7.375rem;
    --rem-120: 7.5rem;
    --rem-122: 7.625rem;
    --rem-124: 7.75rem;

    /* ---------------------------------- fonts --------------------------------- */

    --Source-Sans-Pro: "Source Sans Pro";
    --Roboto: "Roboto";
}

/* -------------------------------------------------------------------------- */
/*                                   setups                                   */
/* -------------------------------------------------------------------------- */

/* #smooth-wrapper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
} */
.color-green {
    color: var(--primary-color-green);
}

/* -------------------------------------------------------------------------- */
/*                                Main sections                               */
/* -------------------------------------------------------------------------- */

/* ---------------------------------- hero ---------------------------------- */
.hero {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    background-color: var(--tertiary-grey-light);
}

.hero__container {
    padding: 5rem 1rem;
}

.hero__breadcum_nav {
    display: flex;
    gap: var(--rem-8);
    align-items: center;
}

.hero__breadcum_nav i {
    display: initial;
}

.hero__breadcum_navItem {
    color: var(--tertiary-black);
    line-height: var(--rem-14);
}

.hero__breadcum_navItem_priv,
.hero__breadcum_navItem {
    font-size: var(--rem-12);
    font-weight: 400;
}

.hero__breadcum_navItem_priv {
    margin-top: 4px;
}

.hero__heading {
    font-weight: 700;
    font-size: var(--rem-40);
    line-height: var(--rem-48);
    text-align: center;
    margin-top: var(--rem-80);
}

.hero__des {
    margin-top: var(--rem-8);
    font-weight: 400;
    font-size: 1rem;
    line-height: 129%;
    color: var(--primary-color-black);
    text-align: center;
}

/* ----------------------------- privacy_content ---------------------------- */

.privacy_content_container {
    padding: 1.813rem 1rem;
}

.privacy_content_groups {
    margin-bottom: var(--rem-40);
}

.privacy_content_heading {
    font-weight: 700;
    font-size: var(--rem-24);
    line-height: 125%;
    color: var(--tertiary-black);
    position: relative;
}

.privacy_content_heading::after {
    position: absolute;
    content: "";
    height: 2px;
    width: var(--rem-80);
    background-color: var(--primary-color-green);
    left: 0;
    bottom: -2px;
}

.privacy_content_sub_heading {
    margin-top: var(--rem-14);
    font-weight: 600;
    font-size: var(--rem-22);
    line-height: 125%;
    color: var(--tertiary-black);
}

.privacy_content_des {
    font-weight: 400;
    font-size: 1rem;
    line-height: 125%;
    color: var(--primary-color-grey);
    margin-top: var(--rem-10);
    max-width: 830px;
}

b {
    font-weight: 600;
}

.contentLinks {
    color: var(--Secondary--color-grey);
}

.contentLinks:hover {
    color: var(--primary-color-green);
}

/* privacy_content_list start  */
.privacy_content_list {
    margin-top: var(--rem-10);
}

.privacy_content_list_item {
    display: flex;
    align-items: center;
    gap: var(--rem-10);
    margin-bottom: var(--rem-8);
}

.privacy_content_list_item:last-child {
    margin: unset;
}

.privacy_content_list_item svg {
    width: var(--rem-10);
    height: var(--rem-10);
    flex-shrink: 0;
}

.privacy_content_list_point {
    font-weight: 400;
    font-size: 1rem;
    line-height: 125%;
    color: var(--primary-color-grey);
}

.flex-start {
    margin-top: 4px;
    align-self: flex-start !important;
}

/* privacy_content_list end  */

.addition_heading {
    margin-top: var(--rem-10);
    font-weight: 600;
    font-size: 1rem;
    line-height: 125%;
    color: var(--primary-color-grey);
}

.addition_des {
    margin-top: 4px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 125%;
    color: var(--primary-color-grey);
    max-width: 830px;
}

.unorder_list {
    margin-top: var(--rem-10);
    list-style: inside;
    margin-left: 12px;
}

.unorder_list_items {
    list-style-position: outside;
    margin-left: 12px;
    font-size: 16px;
    line-height: 125%;
    margin-bottom: 3px;
}

/* -------------------------------------------------------------------------- */
/*                                media queries                               */
/* -------------------------------------------------------------------------- */

/* ? -------------------------------------------------------------------------- */
/* ?                              media query 640px                             */
/* ? -------------------------------------------------------------------------- */
@media (min-width: 40em) {
    /* ----------------------------- privacy_content ---------------------------- */

    .privacy_content_groups {
        display: flex;
    }

    .content_left {
        flex: 0.3;
    }

    .content_right {
        flex: 0.7;
    }
}

/* ? -------------------------------------------------------------------------- */
/* ?                              media query 768px                             */
/* ? -------------------------------------------------------------------------- */
@media (min-width: 48em) {
    /* ---------------------------------- hero ---------------------------------- */

    .hero {
        height: 100%;
    }

    .hero__container {
        padding: 8rem 2rem;
    }

    .hero__breadcum_navItem_priv,
    .hero__breadcum_navItem {
        font-size: 1rem;
    }

    .hero__heading {
        font-size: var(--rem-60);
        line-height: var(--rem-74);
    }

    .hero__des {
        font-size: var(--rem-24);
        line-height: var(--rem-30);
        font-weight: 300;
    }

    /* ----------------------------- privacy_content ---------------------------- */

    .privacy_content_container {
        padding: 3rem 2rem;
    }

    .privacy_content_heading {
        font-size: var(--rem-28);
        line-height: 140%;
    }

    .privacy_content_sub_heading {
        font-size: var(--rem-24);
        line-height: 140%;
    }

    .privacy_content_des {
        font-size: var(--rem-20);
        line-height: 140%;
    }

    /* privacy_content_list start  */
    .privacy_content_list_item {
        gap: 1rem;
        margin-bottom: var(--rem-10);
    }

    .privacy_content_list_item svg {
        width: var(--rem-20);
        height: var(--rem-20);
    }

    .privacy_content_list_point {
        font-size: var(--rem-20);
        line-height: 140%;
    }

    /* privacy_content_list end  */
    .addition_heading {
        font-size: var(--rem-20);
        line-height: 140%;
    }

    .addition_des {
        font-size: var(--rem-20);
        line-height: 140%;
        max-width: 830px;
    }

    .unorder_list_items {
        font-size: 20px;
        line-height: 140%;
    }
}

/* ? -------------------------------------------------------------------------- */
/* ?                             media query 1024px                             */
/* ? -------------------------------------------------------------------------- */
@media (min-width: 64em) {

    /* ---------------------------------- hero ---------------------------------- */
    .hero__container {
        padding-top: var(--rem-108);
        padding-left: var(--rem-108);
        padding-right: var(--rem-108);
    }

    /* ----------------------------- privacy_content ---------------------------- */

    .privacy_content_container {
        padding-left: var(--rem-122);
        padding-right: var(--rem-122);
        padding-top: var(--rem-80);
        padding-bottom: var(--rem-80);
    }

    .privacy_content_groups {
        margin-bottom: var(--rem-50);
        gap: var(--rem-60);
    }

    .privacy_content_heading {
        margin-top: var(--rem-14);
    }
}

/* ? -------------------------------------------------------------------------- */
/* ?                             media query 1280px                             */
/* ? -------------------------------------------------------------------------- */
@media (min-width: 80em) {}

/* ? -------------------------------------------------------------------------- */
/* ?                             media query 1536px                             */
/* ? -------------------------------------------------------------------------- */
@media (min-width: 96em) {}