/* Custom CSS Start*/
/*
:root {
    --SideSpace: clamp(16px, 3vw, 48px);
    --Orange: #F4732B;
    --OrangeDark: #EF3E2D;
    --Green: #29B473;
    --GreenDark: #00894C;
    --Blue: #00ACE4;
    --BlueDark: #0077BF;
    --Pink: #F05A88;
    --PinkDark: #ED0677;
    --Purple: #9D61B1;
    --PurpleDark: #6C4A9E;
    --Violet: #48469C;
    --Black: #000100;
    --DarkGrey: #72B9FF;
    --MediumGrey: #A8D4FF;
    --LightGrey: #E6E7E8;
    --LightOrange: #FFFAF8;
    --White: #ffffff;
    --UI-Black: #0C0C0C;
    --UI-Red: #DB2F2F;
    --UI-Green: #42BA12;
    --BodyFont: Poppins;
    --H1: clamp(38px, 4.38vw, 70px);
    --H2: clamp(28px, 2.5vw, 40px);
    --H3: clamp(24px, 1.81vw, 29px);
    --H4: clamp(20px, 1.5vw, 24px);
    --BodySize: clamp(15px, 1.13vw, 18px);
    --BodySmallSize: 16px;
    --BodyDetail: clamp(10px, 0.75vw, 12px);
    --lh_110: 110%;
    --lh_120: 120%;
    --lh_130: 130%;
    --lh_140: 140%;
    --h1_letterspacing: -2.22%;
    --h2_letterspacing: -1.63%;
    --h3_letterspacing: 0.27%;
    --h4_letterspacing: 0.3%;
    --h5_letterspacing: 0.21%;
    --h6_letterspacing: -0.8%;
    --body_letterspacing: -0.32%;
    --BodyColor: #00010099;
} 
 */

::selection {
    background: var(--Orange);
    color: var(--White);
}

/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}

::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--PinkDark);
    border-radius: 0px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--PinkDark) #fff;
}

html {
    scroll-behavior: smooth;
}

a,
* {
    -webkit-tap-highlight-color: transparent;
}

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

a {
    text-decoration: none;
    transition: var(--trans);
}


/* Site CSS Start */

body.menu_open {
    overflow: hidden;
}

/* Header CSS */
header[data-elementor-type="header"].sticky {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 99;
}

header[data-elementor-type="header"] .site-logocol {
    margin-bottom: -14px;
}

/* header[data-elementor-type="header"]>.site_header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%),
        linear-gradient(0deg, var(--PinkDark) 0%, var(--PinkDark) 100%);
} */

header[data-elementor-type="header"] .site-logocol::before {
    content: '';
    width: calc(((100vw - 1504px) / 2) + 2px);
    height: 100%;
    background: #fff;
    position: absolute;
    left: auto;
    right: calc(100% - 2px);
    top: 0;
}

header[data-elementor-type="header"] .site-logocol::after {
    content: '';
    width: calc(((100vw - 1504px) / 2) + 2px + 100%);
    height: 2px;
    position: absolute;
    right: 4px;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, var(--PinkDark) 0%, var(--PinkDark) 100%);
}

header[data-elementor-type="header"] .sitelogo-imgblock {
    clip-path: unset;
    border: unset;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="299" height="98" viewBox="0 0 299 98" fill="none"><path d="M242.813 -1L243.099 -0.482422L295.988 95.5176L296.805 97H-4.55469V-1H242.813Z" fill="white"/><path d="M242.813 -1L243.099 -0.482422L295.988 95.5176L296.805 97H-4.55469V-1H242.813Z" stroke="%23ED0677" stroke-width="2"/><path d="M242.813 -1L243.099 -0.482422L295.988 95.5176L296.805 97H-4.55469V-1H242.813Z" stroke="black" stroke-opacity="0.4" stroke-width="2"/></svg>')no-repeat right center/auto !important;
}

header[data-elementor-type="header"] .sitelogo-imgblock>a {
    position: relative;
    z-index: 9;
}

.nmh_navmenu .elementor-menu-toggle {
    padding: 7px;
}

.nmh_navmenu ul.elementor-nav-menu li.menu-item-has-children a.has-submenu .sub-arrow svg {
    transition: all 0.3s ease;
}

.nmh_navmenu ul.elementor-nav-menu li.menu-item-has-children a.has-submenu .sub-arrow svg {
    transition: all 0.3s ease;
}

.nmh_navmenu ul.elementor-nav-menu li.menu-item-has-children a.has-submenu.highlighted .sub-arrow svg {
    transform: scaleY(-1);
}

.nmh_navmenu .elementor-nav-menu--dropdown {
    padding: 12px 0 !important;
    min-width: 200px !important;
}

/* Chrome, Edge, Safari */
.nmh_navmenu .elementor-nav-menu--dropdown::-webkit-scrollbar {
    width: 2px;
}

.nmh_navmenu .elementor-nav-menu--dropdown::-webkit-scrollbar-track {
    background: transparent;
}

.nmh_navmenu .elementor-nav-menu--dropdown::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

/* Firefox */
.nmh_navmenu .elementor-nav-menu--dropdown {
    scrollbar-width: thin;
}

header[data-elementor-type="header"].sticky .nmh_navmenu ul.sub-menu li.menu-item a:hover,
header[data-elementor-type="header"].sticky .nmh_navmenu ul.sub-menu li.menu-item a.elementor-item-active {
    color: var(--e-global-color-v4-pinkdark) !important;
}

/* .site-logocol::before {
    content: '';
    width: calc(((100vw - 1504px) / 2) + 2px);
    height: 100%;
    background: #fff;
    position: absolute;
    left: auto;
    right: calc(100% - 2px);
    top: 0;
} */

/* .sitelogo-imgblock {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    border: 0.1px solid #fff;
} */

/* Header CSS End*/

/* Fixed Header CSS Start */
.header_v2 header[data-elementor-type="header"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.2s ease;
}

.header_v2 .site_header {
    background: transparent;
}

.header_v2 header[data-elementor-type="header"].sticky {
    background: #fff;
}

.header_v2 header[data-elementor-type="header"].sticky .nmh_navmenu ul.elementor-nav-menu li.menu-item a {
    color: var(--Black);
}

.header_v2 header[data-elementor-type="header"].sticky .nmh_navmenu ul.elementor-nav-menu li.menu-item-has-children a.has-submenu .sub-arrow svg {
    fill: var(--Black);
}

.header_v2 header[data-elementor-type=header].sticky .nmh_navmenu ul.elementor-nav-menu li.menu-item a.elementor-item:after,
.header_v2 header[data-elementor-type="header"].sticky .nmh_navmenu ul.elementor-nav-menu li.menu-item a.elementor-item-active::after {
    background-color: var(--Black);
}

.header_v2 header[data-elementor-type="header"] .site-logocol::after {
    display: none;
}

.header_v2 header[data-elementor-type="header"] .site-logocol {
    margin-bottom: 0px;
}

.header_v2 header[data-elementor-type="header"] .sitelogo-imgblock {
    background: #fff !important;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    border: 0.1px solid #fff;
}

/* Fixed Header CSS End */


/* Gravity Form Css Start */
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gform_heading {
    display: none !important;
}

.gform_wrapper form .gform-body .gfield .validation_message {
    color: #c02b0a;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 2%;
    margin-top: 6px;
}

.gform_wrapper form .gform-body .gfield .gfield_required span {
    color: var(--BodyColor);
    font-size: 18px;
}

.gform_wrapper form .gform-body .gfield>label {
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--BodyColor);
    /* display: none; */
}

.gform_wrapper form .gform-body .gfield>label:empty,
.gform_wrapper form .gform-body .gfield>label:has(span:empty) {
    display: none;
}

.gform_wrapper form .gform-body {
    width: 100%;
}

.gform_wrapper form .gform-body li,
.gform_wrapper form .gform-body li Label {
    margin: 0;
    font-weight: 400;
}

.gform_wrapper form .gform-body>label {
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--BodyColor);
    /* display: none; */
}

.gform_wrapper form .gform-body>label:empty,
.gform_wrapper form .gform-body>label:has(span:empty) {
    display: none;
}

.gform-theme--foundation form {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.gform_wrapper form .gform-body textarea.small {
    min-block-size: 6rem;
}

.gform_wrapper form .gform-body input,
.gform_wrapper form .gform-body textarea,
.gform_wrapper form .gform-body select {
    border-radius: 3px;
    background: var(--LightGrey);
    border: none;
    border-bottom: 1.5px solid var(--GreenDark);
    width: 100% !important;
    margin-bottom: 0;
    padding: 12px 16px;
    color: var(--BodyColor);
    accent-color: var(--BodyColor);
    resize: none;
    font-weight: 500;
    height: auto;
    font-size: clamp(15px, 0.938vw, 18px);
    line-height: 150%;
    font-family: var(--BodyFont);
    letter-spacing: 1%;
}

.gform_wrapper form .gform-body .gfield_checkbox input[type="checkbox"]::before,
.gform_wrapper form .gform-body .gfield_checkbox input[type="checkbox"]::after {
    color: var(--BodyColor);
}

.gform_wrapper form .gform_body .gform_fields {
    gap: 16px;
}

.gform_wrapper form .gform-body input::placeholder,
.gform_wrapper form .gform-body textarea::placeholder {
    color: var(--BodyColor);
    font-size: clamp(16px, 0.938vw, 18px);
    line-height: 150%;
}

.gform_wrapper form .gform-body select {
    padding-right: 30px;
    background-image: url("/wp-content/uploads/2026/05/downarrow.svg");
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
    appearance: none;
}

.gform_wrapper form .gform-body input:focus,
.gform_wrapper form .gform-body textarea:focus,
.gform_wrapper form .gform-body select:focus {
    box-shadow: 0 0 0 4px rgba(0, 72, 144, 0.25);
    outline: none;
}

.gform_wrapper form .gform-body .gfield p {
    margin-bottom: 0;
}

.gform_wrapper form .gform-body input.error,
.gform_wrapper form .gform-body textarea.error,
.gform_wrapper form .gform-body.error {
    border-color: #ef6b51;
    box-shadow: 0 0 0 4px rgb(239 107 81 / 15%);
}

.gform_wrapper form .gform-body .gfield_checkbox input[type="checkbox"] {
    width: 24px !important;
    max-width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #ebebeb;
    box-shadow: 0 2px 2px -1px rgba(74, 74, 104, 0.1) inset;
    appearance: none;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    outline: none;
}

.gform_wrapper form .gform-body .gfield_checkbox input[type="checkbox"]::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: var(--BodyColor) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g filter="url(%23filter0_d_2822_1621)"><path d="M4 12.5L7.58579 16.0858C8.36684 16.8668 9.63316 16.8668 10.4142 16.0858L20.5 6" stroke="white" stroke-width="1.5"/></g><defs><filter id="filter0_d_2822_1621" x="-2" y="-1" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2822_1621"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2822_1621" result="shape"/></filter></defs></svg>') no-repeat center/16px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in;
}

.gform_wrapper form .gform-body .gfield_checkbox input[type="checkbox"]:checked::after {
    opacity: 1;
    visibility: visible;
}

.gform_wrapper form .gform-body .gfield_checkbox .gchoice>label {
    width: calc(100% - 24px - 13px);
    display: block;
    margin: 0;
}

.gform_wrapper form .gform-body .gfield_checkbox .gchoice p strong {
    font-weight: 400;
}

.gform_wrapper form .gform-body .gfield .gchoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 8px 13px;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer {
    margin: 16px 0 0;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer .gform-loader {
    position: absolute !important;
    right: 14px;
    border-block-end-color: #fff;
    border-inline-start-color: #fff;
    z-index: 1;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit] {
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    color: #fff !important;
    cursor: pointer;
    width: 100%;
    font-family: var(--BodyFont);
    font-size: clamp(15px, 0.938vw, 18px);
    line-height: 1;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    transition: var(--trans);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    position: relative;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]:not(.site_button) {
    background: #000;
    padding: 15.5px 24px;
    justify-content: center;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]>span.e-paragraph-base {
    width: calc(100% - 49px);
    padding: 15.5px 24px;
    background: #000;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]>.submit_arrow {
    width: 49px;
    height: 49px;
    position: relative;
    background: #000;
    overflow: hidden;
    border-radius: 50%;
    transition: all 500ms;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]:hover>.submit_arrow {
    background: var(--PinkDark);
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit] .movearrows {
    width: 14px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 7px);
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit] .movearrows::after,
.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit] .movearrows::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: unset;" width="14" height="14" viewBox="0 0 14 14" fill="currentColor"><path d="M13.9473 7.03418L7.53418 13.4482L6.19824 12.1123L10.1904 8.12012H0V5.87988H10.1221L6.19824 1.95605L7.53418 0.620117L13.9473 7.03418Z" fill="white"></path></svg>')no-repeat center/contain;
    transition: all 500ms;
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit] .movearrows::after {
    transform: translateX(-250%);
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]:hover .movearrows::after {
    transform: translateX(0%);
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]:hover .movearrows::before {
    transform: translateX(250%);
}

.gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]:focus {
    outline: none;
}

@media (max-width: 640px) {

    .gform_wrapper form .gform-body input,
    .gform_wrapper form .gform-body textarea,
    .gform_wrapper form .gform-body select {
        padding: 16px 16px 15px;
    }

    .foot_form .gform-theme--foundation .gfield--width-full {
        grid-column: span 12;
    }

    .gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]>.submit_arrow {
        width: 38px;
        height: 38px;
    }

    .gform-theme--foundation.gform-theme--framework.gform-theme.gform_wrapper form .gform_footer *[type=submit]>span.e-paragraph-base {
        width: calc(100% - 38px);
        padding: 11.5px 20px;
        background: #000;
    }
}

/* Gravity Form Css End */

/* masking image CSS Start */
.square-img img {
    aspect-ratio: 1;
}

/* masking image CSS End */

/* Button CSS Start */
.site_button:hover .btn-arrow1 {
    transform: translate(calc(-50% + 150%), -50%);
}

.site_button:hover .btn-arrow2 {
    transform: translate(-50%, -50%);
}

.site_button:hover .primary-btn-arrow {
    background: var(--Black);
}

.site_button:hover .hover-pink-arrow {
    background: var(--PinkDark);
}

.site_button:hover .hover-pink-text {
    color: var(--PinkDark);
}

.site_button:hover .hover-black-arrowbg {
    background: var(--Black);
}

.site_button:hover .hover-black-text {
    color: var(--Black);
}

.site_button:hover .textlink-arrow {
    opacity: 100%;
}

.site_button span.link-text:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--BodyColor);
    height: 1px;
}

/* Button CSS End */


.latest-post-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.footer_shape::before {
    content: '';
    aspect-ratio: 1582 / 1052;
    width: clamp(1024px, 98.88vw, 1582px);
    height: auto;
    background: url('/wp-content/uploads/2026/08/footer-bg-shape-v2.svg') no-repeat center / contain;
    position: absolute;
    left: clamp(120px, 33.38vw, 534px);
    top: 0;
}

/* .home-latest-post a {
    position: static !important;
}

.home-latest-post a::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    content: '';
    z-index: 1;
} */


/* OUR MEMBERS PAGE CSS START */

#memberscardtoc {
    display: none;
}

.our_members_card_toc ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    list-style-type: none;
}

.our_members_card_toc ul li a {
    color: rgba(0, 1, 0, 0.60);
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.144px;
    transition: all 0.3s;
}

.our_members_card_toc ul li a.is-active,
.our_members_card_toc ul li a:hover {
    color: #EF3E2D !important;
}

.our_members_card_wrap h2 {
    scroll-margin-top: 133px !important;
}

/* OUR MEMBERS PAGE CSS END */

.priscilla_brice_img img {
    aspect-ratio: 1 / 0.885;
}

/* POLICY RESPONSES CSS START */

.policy_advocacy_icon_list .elementor-icon-list-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 32px;
    row-gap: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* POLICY RESPONSES CSS END */

/* Annual Reports Start*/
.our_report_card.active {
    border-color: var(--GreenDark);
    border-style: solid;
    background-color: #29B4730F;
}

/* Annual Reports End*/



/* terms PAGE CSS START */

.terms_listi-con ol{
  counter-reset: item;
  list-style: none;
}

.terms_listi-con ol li{
  display: flex !important;
  padding-bottom: 20px;
  counter-increment: item;
}

.terms_listi-con ol li:last-child{
  padding-bottom: 0;
}

.terms_listi-con ol li::before{
  content: counter(item) ". " !important;
  flex-shrink: 0;
  margin-right: 10px;
}



/* terms PAGE CSS END */


/* Our Policies  PAGE CSS START */


.our_policies_toc_main ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    list-style-type: none;
}

.our_policies_toc_main ul li a {
    color: rgba(0, 1, 0, 0.60);
    font-size: 18px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.144px;
    transition: all 0.3s;
}

.our_policies_toc_main ul li a.is-active,
.our_policies_toc_main ul li a:hover {
    color: #EF3E2D !important;
}

.our_policies_toc_content_wrap h2 {
    scroll-margin-top: 136px;
}

/* Our Policies  PAGE CSS END */

/* Contact us  PAGE CSS END */

.gform_wrapper form .gform-body textarea.small {
    min-block-size: 160px !important;
    height: 160px !important;
    border-bottom: none !important;
}

/* Contact us  PAGE CSS END */

  /* National Consumer Representative Register Page css start   */

.text-link-white .link-text {
  color: #fff !important;
}

.text-link-white .site_button span.link-text:before {
  border-bottom: 1px solid #fff;
}

.text-link-white .site_button .textlink-arrow {
  background-image: url('https://20two.com.au/wp-content/uploads/2026/08/Button_Arrow_white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: opacity 0.25s ease !important;
}

.text-link-white .site_button .textlink-arrow svg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.text-link-white .site_button:hover .textlink-arrow {
  background-image: url('https://20two.com.au/wp-content/uploads/2026/08/Button_Arrow_white.svg');
}

 /* National Consumer Representative Register Page css End  */


 /* become a consumder representative Page css start  */

.Remuneration_listi-con ul,
.Remuneration_listi-con ol {
  list-style: disc !important;
  padding-left: 20px !important;
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.Remuneration_listi-con li {
  list-style: disc !important;
  display: list-item !important;
}

 /* become a consumder representative Page css End */

/* About Us Page CSS Start */

.about_img_slider img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 0.3938;
    object-fit: cover;
    object-position: top center;
}

.about_img_slider figure.swiper-slide-inner {
    line-height: 0 !important;
}

/* About Us Page CSS End */

/* BLOG DETAILS PAGE CSS START */

.post_breadcrum > ul > li.elementor-icon-list-item:not(:last-child)::before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    right: -17px;
    top: calc(50% - 4.5px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="10" viewBox="0 0 9 10" fill="none"><path d="M7.2436 4.52094L2.72266 9.04188L2.72266 0L7.2436 4.52094Z" fill="white"></path></svg>')no-repeat center/contain;
}
.post_categories > ul.elementor-inline-items > li.elementor-icon-list-item span.elementor-post-info__terms-list {
    font-size: 0;
}
.post_categories > ul.elementor-inline-items > li.elementor-icon-list-item a {
    color: var(--White) !important;
    background: var(--Pink);
    padding: 3px 8px;
    border-radius: 8px;
    transition: 0.4s ease;
    font-size: 16px;
    margin-right: 16px;
    display: inline-block;
}
.post_categories > ul.elementor-inline-items > li.elementor-icon-list-item a:hover {
    background: var(--PinkDark);
}

.share_btn {
    display: flex;
    align-items: center;
    gap: 12px 24px;
}
.share_btn > .elementor-grid {
    display: flex !important;
}
.share_btn::before {
    content: 'Share';
    color: #000100;
    font-size: var(--BodySize);
    line-height: 140%;
    letter-spacing: -0.32%;
    font-weight: 500;
}

.post_content > *:not(:last-child) {
    margin: 0 0 30px;
}
.post_content ul {
    padding: 0;
    margin-inline: 0;
    list-style: none;
}
.post_content ul li {
    position: relative;
    padding-left: 25px
}
.post_content ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: currentcolor;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 50%
}
.post_content li:not(:last-child) {
    margin-bottom: 10px
}

.post_content img, .post_content video {
    width: 100%;
    border-radius: 12px;
}

.post_content img {
    aspect-ratio: 1 / 0.572;
    object-fit: cover;
    object-position: center;
}

.post_content ol {
    list-style: decimal;
    padding-left: 25px;
}

iframe[src*="player.vimeo.com"],
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
    max-width: 100%;
    border: 0;
}

.elementor-post-info a .elementor-post-info__item {
    transition: color .25s ease;
}

.elementor-post-info a:hover .elementor-post-info__item {
    color: #e6007e !important;
}

.related_blog_featured_img img {
    aspect-ratio: 1 / 0.623;
}

.related_blog_main {
    --reveal: 34px;
}

.related_blog_main .related_blog_img_content_wrap {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0);
}

.related_blog_main:hover .related_blog_img_content_wrap,
.related_blog_main:focus-within .related_blog_img_content_wrap {
    transform: translateY(calc(var(--reveal) * -1));
}

/* BLOG DETAILS PAGE CSS END */

@media only screen and (min-width: 1601px) {

    .about_three_card_section .about_our_vision {
        min-width: 541px;
        min-height: 541px;
    }

    .about_three_card_section .about_our_values {
        min-width: 525px;
        min-height: 525px;
    }
}

@media only screen and (min-width: 1201px) {
    .nmh_navmenu .elementor-nav-menu--dropdown>li.menu-item>a.elementor-sub-item {
        border: none;
    }
}

@media only screen and (min-width:768px) {
    .post-loop-item:hover .home-latest-post {
        transform: translateY(-20px);
    }

    .latest-post-excerpt {
        -webkit-line-clamp: 2;
    }

    #memberscardtoc {
        display: block;
    }
}

/* Responsives */

@media screen and (max-width: 1600px) {

    header[data-elementor-type="header"] .site-logocol::before {
        width: calc(var(--SideSpace) + 2px);
    }

    header[data-elementor-type="header"] .site-logocol::after {
        width: calc(100% + var(--SideSpace));
    }
}

@media screen and (max-width: 1200px) {

    /* Header CSS */
    header[data-elementor-type="header"] .site-logocol::after {
        right: 5px;
    }

    .header_v2 .elementor-element.elementor-element-78a8b13.nmh_navmenu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        margin-top: 22px !important;
    }

    .nmh_navmenu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        height: calc(100dvh - 84.13px) !important;
        max-height: calc(100dvh - 84.13px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 24px var(--SideSpace) !important;
    }

    .nmh_navmenu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .nmh_navmenu li.menu-item-has-children ul.sub-menu {
        margin: 10px 0 0;
    }

    .nmh_navmenu li.menu-item-has-children ul.sub-menu li:last-child a {
        padding-bottom: 0 !important;
    }

    .nmh_navmenu .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu li a {
        justify-content: space-between;
    }

    .nmh_navmenu li.menu-item-has-children ul.sub-menu li>a.elementor-sub-item {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 16px !important;
        line-height: 110%;
    }

    /* Header CSS End*/
}

@media only screen and (max-width:1024px) {

    .our_members_card_toc ul {
        gap: 18px !important;
    }

    .our_members_card_toc ul li a {
        font-size: 16px !important;
    }

    .our_members_card_wrap h2 {
        scroll-margin-top: 120px !important;
    }

    /* .about_purpose_card ul li span,
    .about_values_card ul li span {
        color: #000100 !important;
    } */

    /* .about_purpose_card ul li span svg path {
        fill: #F4732B;
    } */

    /* .about_values_card ul li span svg path {
        fill: #00ACE4;
    } */

    .policy_advocacy_icon_list .elementor-icon-list-items {
        gap: 30px;
    }

    .our_policies_toc_main ul li a {
        font-size: 16px !important;
    }

    .post_categories > ul.elementor-inline-items > li.elementor-icon-list-item a {
    margin-right: 12px;
}

}


@media only screen and (max-width:880px) {

    .our_policies_toc_content_wrap h2 {
        scroll-margin-top: 120px;
    }
}

@media screen and (max-width: 767px) {

    /* Header CSS */

    header[data-elementor-type="header"] .site-logocol {
        margin-bottom: -8px;
    }

    header[data-elementor-type="header"] .sitelogo-imgblock {
        clip-path: unset;
        border: unset;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='167' height='59' viewBox='0 0 167 59' fill='none'%3E%3Cpath d='M-15.3359 0L134.038 0L166.181 58.3448H-15.3359V0Z' fill='white'/%3E%3C/svg%3E") no-repeat right center / auto !important;
    }

    header[data-elementor-type="header"] .site-logocol::after {
        width: calc(100% + var(--SideSpace));
        background: none;
        box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
        height: 5px;
    }

    .nmh_navmenu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        height: calc(100dvh - 58px) !important;
        max-height: calc(100dvh - 58px) !important;
        padding: 24px !important;
    }

    .nmh_navmenu li.menu-item-has-children ul.sub-menu li>a.elementor-sub-item {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px !important;
        line-height: 110%;
    }

    .header_v2 .elementor-element.elementor-element-78a8b13.nmh_navmenu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        margin-top: 9px !important;
    }

    /* Header CSS End */

    .footer_shape::before {
        display: none;
    }

    .privacy_menu ul.elementor-icon-list-items {
        flex-direction: column;
        gap: 12px;
    }

    .footer_menu_items {
        display: none;
        overflow: hidden;
    }

    .footer_menu_title {
        position: relative;
        width: 100%;
    }

    .footer_menu_title::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 12px;
        height: 100%;
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        transition: transform 0.3s ease;
    }

    .footer_menu_title.active::after {
        transform: translateY(-50%) scaleY(-1);
    }

    .policy_advocacy_icon_list .elementor-icon-list-items {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .our_reports_card_wrap h2 {
        scroll-margin-top: 350px;
    }

    .about_img_slider img {
        aspect-ratio: 1 / 0.9;
    }
}

/* @media only screen and (max-width:365px) {

    .about_three_card_section h2 {
        font-size: 50px !important;
        letter-spacing: 0 !important;
    }

    .about_our_vision>div,
    .about_our_purpose>div,
    .about_our_values>div {
        gap: 30px !important;
    }
} */