:root {
    --white: #fff;
    --black: #000;
    --primary_blue: #002869;
    --secondary_blue: #e1e8ee;
    --dark_gray: #4a4a4a;
    --red: #C51A1B; 
    --gold: #C69F52;
}

/* Common Start */

html {
    background-color: var(--white);
}

body, input, textarea, select, button {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-family: 'Inter','sans-serif';
    font-weight: normal;
    color: var(--black);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

p {
    line-height: 1.5;
}

.align_r {
    text-align: right;
}

.align_l {
    text-align: left;
}

.align_c {
    text-align: center;
}

.dis_inline, .col {
    display: inline-block;
}

.dis_block {
    display: block;
}

.dis_inline, .col {
    display: inline-block;
}

.dis_block {
    display: block;
}

.vert_middle {
    vertical-align: middle;
}

.vert_top {
    vertical-align: top;
}

.vert_bottom {
    vertical-align: bottom;
}

.pointer {
    cursor: pointer;
}

.col_1 {
    width: 100%;
}

.col_2 {
    width:50%;
}

.p_rea, .menu_p_rea {
    position: relative;
}

.title_text {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}

.btn {
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.25px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .4s;
}

.c {
    max-width: 1250px;
    padding: 0 60px;
}

.sec_pad {
    padding: 50px 0;
}

.sec_top {
    padding-top: 50px;
}

.sec_btm {
    padding-bottom: 50px;
}

.sec_white + .sec_white {
    padding-top: 0;
}

.sec_white + .sec_white .left_side_content.sec_pad{
    padding-top: 0;
}

span.arrow_icon {
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    vertical-align: middle;
    padding-left: 4px;
}

.section_title_space {
    padding-bottom: 30px;
}

.icon_wrap_sec {
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

/* Common End */

/* Colors Start */

.white {
    color: var(--white);
}

.primary_blue {
    color: var(--primary_blue);
}

.red {
    color: var(--red);
}

.secondary_blue {
    color: var(--secondary_blue);
}

.bg_white {
    background-color: var(--white);
}

.bg_primary_blue {
    background-color: var(--primary_blue);
}

.bg_secondary_blue {
    background-color: var(--secondary_blue);
}

/* Colors End */

/* Header Start  */

.header {
    position: relative;
    z-index: 101;
}

.visi_hidd {
    visibility: hidden;
    opacity: 0;
}

.top_menu_bar {
    padding-left: 670px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    width: 100%;
}

.top_menu_list {
    display: inline-block;
}

.top_menu_list_a {
    display: block;
    font-size: 12px;
    line-height: 1.33;
    padding: 11px 30px;
    background-color: #E0E0E0;
    color: var(--white);
}

.top_menu_list_a.text_hover_border_btm_black {
    padding: 11px 25px;
}

.top_menu_list:first-child .top_menu_list_a {
    background-color: transparent;
}

.top_menu_list_a span {
    border-bottom: 1px solid transparent;
    transition: border-bottom .4s;
}

.has-no-touchevents .top_menu_list_a:hover span {
    border-bottom: 1px solid var(--dark_gray);
}

.header_main_menu {
    /* padding-left: 180px; */
    padding-left: 528px;
    padding-right: 50px;
    position: relative;
}

.header_main_menu>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.header_main_menu .menu li {
    display: inline-block;
    vertical-align: middle;
    padding: 63px 25px 63px 25px;
    position: relative;
}


.header_main_menu .menu li a {
    display: block;
    font-size: 15px;
    letter-spacing: 0.19px;
    line-height: 1.05;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .4s;
}

.has-no-touchevents .header_main_menu .menu li a:hover {
    border-bottom-color: var(--dark_gray);
}

.header_main_menu .menu li>ul.sub-menu {
    display: none;
}

.header>.sub-menu,
.sticky>.sub-menu {
    display: block;
    text-align: right;
    padding-right: 145px;
}

.header .sub-menu>li,
.sticky .sub-menu>li {
    display: inline-block;
    vertical-align: middle;
    padding: 25px 0 25px 66px;
}

.header .sub-menu>li,
.sticky .sub-menu>li a {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
}

.mobile_menu .menu li .sub-menu li a {
    display: block;
    letter-spacing: 0.19px;
    line-height: 1.05;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.search_icon {
    opacity: 1;
    transition: opacity .4s;
    color: var(--black);
}

.search_icon_header {
    width: 21px;
    height: auto;
}

.search_icon_fa {
    font-size: 23px;
}

.has-no-touchevents .header_main_menu .search_icon:hover {
    opacity: .5;
}

.header_logo {
    /* position: absolute;
    top: 0;
    left: 0; */
    /* padding: 30px 45px; */
    padding: 15px 23px;
    /* width: 177px; */
    height: auto;
}

.has-no-touchevents .header_logo:hover {
    box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.6);
}

.header_logo_img {
    height: 63px;
    width: auto;
    transition: height .4s;
}

.border_btm {
    border-bottom: 1px solid var(--black);
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    /* background-color: var(--white);
    box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.2); */
    transition: transform 0.4s;
}

.mobile_nav {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mobile_menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: 100%;
    display: none;
    padding-left: 415px;
    transition: left .6s;
    overflow: auto;
}

.open-menu .mobile_menu {
    left: 0;
}

.mobile_menu_content {
    background-color: #ffffff;
    min-height: 100%;
}

.mobile_menu .menu .sub-menu {
    background-color: var(--white);
    min-width: 180px;
    z-index: 1000;
    padding: 0;
    width: 100%;
    display: none;
}

.mobile_menu_content_pad {
    padding-top: 62px;
}

.header_main_menu .menu-item-has-children:hover ul.sub-menu {
    display: flex;
    flex-direction: column;
}

.header_main_menu .menu-item-has-children:hover ul.sub-menu li {
    text-align: center;
    padding: 15px 15px 15px 15px;
}

.header .header_main_menu .menu .sub-menu li.menu-item {
    word-break: break-word;
    border-bottom: 1px solid rgba(204 206 209);
    transition: all 0.9s;
    background-color: var(--white);
    color: var(--primary_blue);
}

.header .header_main_menu .menu .sub-menu li.menu-item:hover {
    background-color: var(--primary_blue);
    color: var(--white);
}

.dofe_sub_menu ul li ul li {
    transition: all 0.4s;
}

.header .header_main_menu .menu .sub-menu li.menu-item:last-child {
    border-bottom: 0px solid transparent;
}

.header .header_main_menu .menu .sub-menu li a:hover {
    border-bottom-color: transparent;
    /* text-decoration: underline; */
}

.header .header_main_menu .menu li.current-menu-item .sub-menu li a,
.header_main_menu .menu li.active_current .sub-menu li a,
.header .header_main_menu .menu li .sub-menu li a {
    border-bottom-color: transparent;
    color: unset;
    /* text-decoration: underline; */
}

.header .header_main_menu .menu .sub-menu {
    top: 100%;
    position: absolute;
    display: none;
    width: 100%;
    min-width: 230px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
}

.mobile_menu .menu li a {
    display: block;
    padding: 20px 25px;
    font-size: 14px;
    font-weight: 600;
}

.mobile_menu .menu li>a {
    border-bottom: 1px solid rgba(74, 74, 74, 0.21);
}

.menu_p_rea {
    border-bottom: 1px solid rgba(74, 74, 74, 0.21);
}

.mobile_menu .menu li a.plus_pad {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 60px;
    height: 90%;
    padding: 0;
}

.submenu_plus {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    transform: translate(-50%, -50%);
}

.submenu_plus:after,
.submenu_plus:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 2px;
    height: 100%;
    background-color: var(--black);
    transition: transform .4s;
}

.submenu_plus:before {
    width: 100%;
    height: 2px;
}

.mobile_menu_bg_green .mobile_menu .menu li.active .menu_p_rea a {
    background-color: #68F7B3;
}

.mobile_menu_bg_green .mobile_menu .menu li.active .sub-menu {
    background-color: rgba(104, 247, 179, 0.5);
}

.mobile_menu .menu li.active .submenu_plus:after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.menu-main-menu-container a{
    color: var(--dark_gray);
}

.main_menu_donation {
    font-size: 12px;
    padding: 10px 25px;
    color: var(--white);
    background-color: var(--primary_blue);
    border: 1px solid transparent;
    font-weight: 700;
}

.main_menu_donation:hover {
    color: var(--primary_blue);
    background-color: transparent;
    border: 1px solid var(--primary_blue);
}

.header_anniversary_logo_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.header_anniversary_logo {
    width: 90px;
}

.no-touchevents .header_main_menu .menu li a:hover{
    border-bottom-color: var(--dark_gray);
}

.header_main_menu {
    background-color: var(--white);
    box-shadow: 0 2px 25px -5px rgba(0, 0, 0, 0.2);
}

.dofe_unlimited_headline {
    font-family: 'dofe_unlimited_headline';
}

.header_logo {
    display: inline-block;
}

.header_logo_items {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px;
    font-size: 0;
}

.header_logo {
    margin-right: 27px;
}

.youth_without_limits_logo {
    padding: 0;
}

.youth_without_limits_logo img {
    height: 93px;
    width: auto;
    transition: none;
}

.has-no-touchevents .youth_without_limits_logo:hover,
.youth_without_limits_logo .header_logo_img:hover {
    box-shadow: none;
    transition: none;
}

.menu-item.p_rea.active .submenu_plus::before,
.menu-item.p_rea.active .submenu_plus::after {
    background-color: var(--white);
}

.mobile_menu .menu-item a {
    color: var(--dark_gray);
}

.menu-item.p_rea.active .menu_p_rea a {
    background-color: var(--primary_blue);
    color: var(--white);
}

.menu-item.p_rea .menu_p_rea + .sub-menu {
    transition: background-color 0.4s;
}

.menu-item.p_rea.active .menu_p_rea + .sub-menu {
    background-color: var(--secondary_blue);
    color: var(--dark_gray);
    transition: background-color 0.4s;
}

.burger_menu {
    display: none;
}

.header .menu-item.current-menu-item a {
    color: var(--primary_blue);
    border-bottom: 1px solid var(--primary_blue);
}

/* Header End*/

/*Banner Start*/

.banner {
    position: relative;
    height: 81.82vh;
    min-height: 550px;
    max-height: 750px;
    color: var(--white);
}

.banner .slides .discover.dis_dsm {
    display: none;
}

.small_banner {
    height: 68.94vh;
    min-height: 400px;
    max-height: 600px;
}

.banner .slides {
    position: relative;
    height: 100%;
    z-index: 1;
}

.banner .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.banner .slide:first-child {
    display: block;
}

.banner .slide_content {
    display: inline-block;
    max-width: 590px;
    vertical-align: middle;
    white-space: normal;
}

.slide_c {
    height: 100%;
    white-space: nowrap;
}

.slide_c:after {
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.slide_bsz {
    height: 100%;
}

.banner_title {
    font-size: 70px;
    line-height: 1.117;
}

.banner_small_title {
    font-size: 55px;
}

.banner .slide_content_alignment {
    max-width: none;
}

.banner.banner_with_logo .slide_content_alignment .slide_content {
    max-width: 930px;
}

.banner.banner_with_logo .slide_content_alignment .slide_content .text {
    max-width: 620px;
    margin: 20px auto 0px auto;
}

.banner.banner_with_logo .slide_content {
    max-width: none;
}

.banner_title,
.text {
    color: var(--white);
}

.type_2 .banner_title,
.type_2 .text {
    color: inherit;
}

.text {
    font-size: 18px;
    line-height: 1.5;
}

.banner_big_text {
    font-size: 20px;
}

.text a {
    border-bottom: 1px solid var(--white);
    transition: border-color .5s;
}

.text a:hover {
    border-color: transparent;
}

.btn_large {
    padding: 17px 25px;
    min-width: 240px;
}

.btn_med {
    padding: 16px 25px;
    min-width: 180px;
}

.btn_small {
    padding: 10px 25px;
    min-width: 145px;
}

.btn_v_small {
    padding: 7px 15px;
    min-width: 116px;
}

.btn_icon {
    padding: 13px 25px;
}

.banner.type_2 .text {
    margin-top: 20px;
}

.banner.type_1 .banner_title+.text {
    margin-top: 20px;
}

.banner .btn {
    margin-top: 40px;
}

.discover {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 75px;
    padding-bottom: 50px;
    font-size: 12px;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    z-index: 101;
    display: none;
}

.discover:after {
    content: '';
    height: 55%;
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: var(--white);
}

.has-no-touchevents .discover:hover {
    color: rgba(255, 255, 255, 0.8);
}

.banner:first-child .discover {
    display: block;
}

.banner_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}

.banner_content,
.slide_content_h {
    height: 100%;
}

.slide_content_h:after {
    content: '';
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.slide_content_h .slide_content {
    max-width: 440px;
    padding-right: 20px;
}

.banner.type_2 .slide_content_h .slide_content {
    max-width: none;
    padding-right: 0;
    padding: 0 140px;
    position: absolute;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    left: 0;
}

.banner.type_2 .slide_content_h:after {
    content: none;
}

.slide_content .c_edit.bg_pink a {
    border-bottom-color: var(--white);
}

/*Banner End*/

/* New Style Start */ 

.rotate3g {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

.rotatem3g {
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.rotatem5g {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.rotate2g {
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.rotatem2g {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.skewY3g {
    transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
}

.skewY5g {
    transform: skewY(5deg);
    -webkit-transform: skewY(5deg);
    -moz-transform: skewY(5deg);
    -o-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
}

.skewYm3g {
    transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
}

.skewYm5g {
    transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg);
    -moz-transform: skewY(-5deg);
    -o-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
}

.transform_origin {
    transform-origin: top left;
}

.header_logo {
    vertical-align: middle;
}

.banner.type_4 .slide_content {
    vertical-align: bottom;
    max-width: 100%;
    width: 100%;
}

.banner.type_7 .slide_content {
    width: 100%;
}

.slide_content_row,
.mobile_slide_content_row {
    padding: 34px;
    margin-top: 10px;
}

.slide_content_row .c {
    z-index: 1;
    position: relative;
}

.slide_content_row:after {
    content: "";
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.slide_content_row.bg_primary_blue:after {
    background-color: var(--primary_blue);
}

.type_4 .banner_title {
    font-size: 64px;
    line-height: 1;
    letter-spacing: 2px;
}

.type_4 .banner_title.textsize_big_banner_title {
    font-size: 100px;
    line-height: 1;
}

.type_4 .text {
    padding: 23px 150px;
    padding-bottom: 0;
}

.type_4 .btn {
    margin-top: 23px;
}

.banner_with_logo.type_4.small_banner .middle-wrap-table {
    min-height: 50vh;
    height: 50vh;
}

.new_theme {
    overflow: hidden;
}

.new_theme .btn {
    border-radius: 0;
    min-width: 160px;
    margin-top: 35px;
}

.new_theme .btn.small {
    padding: 10px 42px;
}

.banner.type_5 .slide_content_h .slide_content {
    padding: 0 73px;
}

.banner.type_5 .slide_content_h .slide_content {
    max-width: none;
    width: 50%;
}

.type_5 .left_title {
    font-weight: 400;
    font-size: 141px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    max-width: max-content;
    line-height: 1;
}

.type_5 .left_title span {
    font-size: 100px;
    font-weight: 100;
    vertical-align: baseline;
}

.type_6 .align_r .banner_title.textsize_big span {
    font-size: 100px;
    font-weight: 100;
    vertical-align: baseline;
}

.type_6 .align_l .banner_title.textsize_big span {
    font-size: 52px;
    vertical-align: baseline;
}

.type_6 .slide_content {
    max-width: none;
    vertical-align: bottom;
}

.type_7 .banner_title.textsize_big span {
    font-size: 115px;
    line-height: 1;
}

.type_6 .align_c .banner_title {
    font-size: 84px;
    line-height: 1;
    letter-spacing: 2px;
}

.type_6 .align_c .banner_title span {
    font-size: 64px;
    vertical-align: baseline;
}

.type_6 .align_r .banner_title.textsize_big {
    font-size: 125px;
    line-height: 1;
}

.type_6 .align_l .banner_title.textsize_big {
    font-size: 68px;
    line-height: 1;
}

.type_6 .align_r .slide_content_row {
    margin-right: -7px;
}

.type_6 .align_l .slide_content_row {
    margin-left: -7px;
}

.type_6 .slide_content_row {
    padding: 34px 50px;
}

.type_7 .banner_title {
    font-size: 100px;
}

.type_7 .banner_title span {
    font-size: 80px;
    vertical-align: baseline;
}

.type_7 .textsize_big {
    font-size: 150px;
    line-height: 1;
}

.dofe_sub_menu {
    padding-right: 40px;
    padding-left: 40px;
    background-color: #d8d8d8;
    width: max-content;
    margin-left: auto;
}

.dofe_sub_menu .menu li {
    position: relative;
    vertical-align: middle;
    padding: 13px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.dofe_sub_menu .menu li a {
    font-weight: 700;
    font-size: 14px;
    display: block;
    letter-spacing: 0.19px;
    line-height: 1.05;
    transition: border-bottom-color .4s;
}

.header .dofe_sub_menu .menu .sub-menu {
    top: 100%;
    position: absolute;
    display: none;
    width: 100%;
    min-width: 230px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
}

.header .dofe_sub_menu .menu .sub-menu li.menu-item {
    width: 100%;
    word-break: break-word;
    border-bottom: 1px solid rgba(204 206 209);
    transition: all 0.9s;
}

.header .dofe_sub_menu .menu .sub-menu li.menu-item:last-child {
    border-bottom: 0px solid transparent;
}

.header_logo:last-child {
    margin-right: 0px;
}

.mobile_type_4_bg {
    display: none;
}

.banner_with_logo.new_theme .slide_c.p_rea {
    background: unset;
    padding: 0;
}

.banner_with_logo.new_theme .middle {
    padding: 0;
}

.banner_with_logo.new_theme .text {
    margin-top: 0;
}

.banner_with_logo.new_theme.type_7 .text {
    margin-top: 30px;
}

.textsize_big .textsize_normal_banner_title {
    display: none;
}

.banner_type_5_banner_image {
    clip-path: polygon(55px 0, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}

.banner_type_5_banner_text_content {
    height: 100%;
}

.banner_type_5_slide_content_row {
    padding: 0 73px;
}

.type_5 .slide_content {
    width: 50%;
    max-width: none;
}

.has-no-touchevents .donate_btn:hover {
    box-shadow: none;
}

.top_menu {
    font-size: 0;
}

.new_banner .middle {
    vertical-align: bottom;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    width: 100%;
}

.right_text.white p a {
    border-bottom: 1px solid var(--white);
}

.type_4 .banner_title span,
.ywol_theme.new_banner .left_title span {
    vertical-align: baseline;
    font-size: 50px;
}

.banner.banner_with_logo.type_6 {
    height: 50vh;
}

.banner.banner_with_logo.type_6 .middle-wrap-table {
    height: 50vh;
    position: unset;
}

.t_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
}

.search_cat_link:hover,
.search_cat_hold .active {
    color: var(--white);
}

.new_theme .font_medium.left_title {
    font-size: 70px;
}

.new_theme .font_medium.left_title span {
    font-size: 52px;
}

.ywl_video_icon {
    z-index: 9;
    max-width: 180px;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.type_4 .ywl_video_icon {
    top: 40%;
    transform: translate(-50%, -40%);
}

.wid_max_content {
    display: block;
    width: max-content;
}

.align_c .wid_max_content {
    margin: auto;
}

.align_r .wid_max_content {
    margin-left: auto;
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    left: 0;
    top: 0;
}

.sizer {
    padding-top: 72.46%;
}


.banner_with_logo .bwl_video+.banner_title,
.banner_with_logo .btn,
.banner_with_logo .text,
.banner_with_logo .bwl_logowrap+.banner_title {
    margin-top: 20px;
}

.bwl_logo {
    width: 300px;
    height: auto;
}

.banner_with_logo .middle-wrap-table {
    height: 65.82vh;
    z-index: 6;
}

.banner.banner_with_logo {
    height: auto;
    min-height: 0;
    max-height: none;
}

.bwl_video {
    margin-top: 20px;
    display: inline-block;
    opacity: 1;
}

.has-no-touchevents .bwl_video:hover {
    opacity: 0.7;
}

.bwl_videoimg {
    width: 70px;
    height: auto;
}

.bwl_imgwrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pausevideo .bwl_imgwrap {
    z-index: 6;
}

.banner_with_logo .middle {
    padding: 60px 0 100px;
}

.banner_with_logo .bg-video,
.banner_with_logo .bg-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_with_logo .bg-video,
.banner_with_logo .bg-video iframe {
    background-color: var(--black);
    overflow: hidden;
}

.banner_with_logo .bg-video {
    z-index: 5;
    opacity: 1;
}

.banner_with_logo .dis_dsm.discover {
    display: none;
}

.bwl_btnwrap,
.bwl_imgwrap .bwl_video,
.bwl_mobile {
    display: none;
}

/* New Style End */

/* Theme Btn Start */

.banner .btn {
    transition: background-color .4s, color .4s;
}

.right.arrow_line {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    margin-left: 5px;
}

.btn_primary_blue .right.arrow_line,
.btn_primary_blue .arrow_line:before,
.btn_primary_blue .arrow_line:after {
    background-color: var(--white);
}

.btn_primary_blue {
    background-color: var(--primary_blue);
    color: var(--white);
}

.btn_primary_blue:hover {
    background-color: transparent;
    color: var(--primary_blue);
}

.btn_primary_blue:hover .right.arrow_line,
.btn_primary_blue:hover .right.arrow_line::before,
.btn_primary_blue:hover .right.arrow_line::after {
    background-color: var(--primary_blue);
}

.btn_trans_primary_blue .right.arrow_line,
.btn_trans_primary_blue .arrow_line:before,
.btn_trans_primary_blue .arrow_line:after {
    background-color: var(--primary_blue);
}

.btn_trans_primary_blue {
    background-color: var(--white);
    color: var(--primary_blue);
}

.btn_trans_primary_blue:hover {
    background-color: var(--primary_blue);
    color: var(--white);
}

.btn_trans_primary_blue:hover .right.arrow_line,
.btn_trans_primary_blue:hover .right.arrow_line::before,
.btn_trans_primary_blue:hover .right.arrow_line::after {
    background-color: var(--white);
}

/* Theme Btn End */

/* Text Block Start */

.text_block_btn_list_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.text_block .c_edit p {
    font-size: 16px;
}

.text_block .c_edit * {
    margin-top: 20px;
}

.text_block .c_edit *:first-child {
    margin-top: 0;
}

.c_edit>*:first-child {
    margin-top: 0;
}

.c_edit h1,
.c_edit .h1 {
    font-size: 42px;
}

.c_edit h2,
.c_edit .h2 {
    font-size: 36px;
}

.c_edit h3,
.c_edit .h3 {
    font-size: 28px;
}

.c_edit h4,
.c_edit .h4 {
    font-size: 21px;
}

.c_edit h5,
.c_edit .h5 {
    font-size: 18px;
}

.c_edit h6,
.c_edit .h6 {
    font-size: 16px;
}

.c_edit h1,
.c_edit h2,
.c_edit h3,
.c_edit h4,
.c_edit h5,
.c_edit h6 {
    margin-top: 40px;
    line-height: 1.32;
    margin-bottom: 20px;
}

.c_edit img {
    height: auto;
}

.c_edit ul,
.c_edit ol {
    margin-top: 20px;
}

.c_edit ul li,
.c_edit ol li {
    margin-top: 20px;
    position: relative;
    padding-left: 25px;
}

.c_edit ul li:before {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #4a4a4a;
    content: '';
}

.text_block .c_edit ul li:before {
    top: 8px;
}

.c_edit ol li {
    counter-increment: item;
}

.c_edit ol {
    list-style-type: none;
    counter-reset: item;
}

.c_edit ol li:before {
    content: counter(item) '.';
    color: #fff;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 15px;
    border-radius: 50%;
    color: #4a4a4a;
    text-align: center;
    line-height: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.c_edit ol li ol>li:before {
    content: counter(item) '.';
}

.c_edit p {
    margin-top: 20px;
}

.c_edit a:not(.btn) {
    border-bottom: 1px solid #4a4a4a;
}

.c_edit a:not(.btn):hover {
    border-bottom: 1px solid transparent;
}

.c_edit hr {
    margin-top: 60px;
}

.c_edit strong,
.c_edit b {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

.c_edit i,
.c_edit em {
    font-style: italic;
}

.c_edit a.btn,
.c_edit+.btn_group a.btn {
    margin-right: 20px;
    margin-top: 20px;
}

.c_edit blockquote {
    padding-left: 45px;
    position: relative;
}

.c_edit blockquote:before {
    content: '\201C';
    font-size: 100px;
    position: absolute;
    left: 0px;
    top: 0;
    margin-top: -15px;
    line-height: 1;
}

.text_block .c_edit blockquote p {
    position: relative;
}

.text_block .c_edit blockquote p:last-child:after {
    content: '\201D';
    font-size: 100px;
    line-height: 1;
    position: absolute;
    margin-left: 5px;
    margin-top: -5px;
}

.c_edit blockquote p {
    font-size: 18px;
}

.c_edit img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.c_edit img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.c_edit img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.c_edit .alignright {
    float: right;
}

.c_edit .alignleft {
    float: left;
}

.c_edit .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.c_edit figure {
    width: auto !important;
    max-width: 100%;
}

.c_edit table {
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.c_edit table td {
    padding: 10px;
    border: 1px solid #f0f0f0;
    vertical-align: middle;
}

/* Text Block End */

/* Stories Carousel Start */

.stories_img_sizer {
    padding-top: 65.17%;
}

.stories_text_sec {
    padding: 25px;
}

.stories_card {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}

.stories_carousel_wrap {
    margin: 0 -20px;
}

.stories_carousel_section {
    overflow: hidden;
    padding: 20px 20px 0;
    margin-top: -20px;
}

.stories_card .stories_description, .light_box_overlay .stories_description {
    font-size: 18px;
    padding-bottom: 12px;
    line-height: 1.2;
}

a.stories_description {
    color: var(--primary_blue);
}

a.stories_description:hover {
    text-decoration: underline;
}

.stories_card .stories_name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.stories_carousel_pagination_wrap {
    margin-top: 30px;
}

.stories_carousel_pagination  {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.stories_carousel_pagination::-webkit-scrollbar {
    display: none; 
}

.swiper-pagination-bullet {
    flex: 0 0 auto;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.stories_carousel_pagination .swiper-pagination-bullet {
    background-color: var(--primary_blue);
    width: 12px;
    height: 12px;
}

.stories_carousel_pagination .swiper-pagination-bullet-active {
    background-color: var(--primary_blue);
}

.stories_carousel .c  {
    position: relative;
}

.story_carousel_nav_item {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    font-size: 50px;
    color: var(--primary_blue);
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.story_carousel_nav_item i {
    vertical-align: baseline;
}

.swiper-notification {
    display: none;
}

.story_carousel_nav_item.left {
    left: -45px;
}

.story_carousel_nav_item.right {
    right: -45px;
}

.story_carousel_nav_item.swiper-button-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Stories Carousel End */


/*Support The Dofe Start */

.support_the_dofe .support_block.p_rea {
    padding-bottom: 20px;
}

.support_the_dofe .support_block.p_rea:last-child {
    padding-bottom: 0;
}

.support_the_dofe {
    z-index: 1;
}

.support_menu {
    width: 100%;
    z-index: 1;
}

.support_title {
    font-size: 42px;
}

.support_menu_a {
    background-color: #E1E1E1;
    color: var(--dark_gray);
    padding: 35px 0;
    font-size: 21px;
    line-height: 1.14;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-left: 1px solid #C1C1C1;
}

.support_menu_a:first-child {
    border-left: none;
}

.has-no-touchevents .support_menu_a:hover {
    background-color: var(--white);
    transform: translateY(-8px);
}

.support_block_content {
    width: 50%;
    vertical-align: bottom;
}

.support_block_image {
    width: 50%;
    padding-top: 0;
    vertical-align: top;
}

.support_block_content {
    background-color: var(--secondary_blue);
    position: relative;
}

.support_block.left {
    direction: rtl;
}

.support_block_content.left {
    direction: ltr;
    position: relative;
}

.support_image_sizer {
    padding-top: 70%;
}

.support_list {
    position: relative;
    background: var(--white);
    display: flex;
}

.support_list:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    background-color: var(--secondary_blue);
    top: 0;
}

.support_block.right .support_list:before {
    right: 50%;
}

.support_block.left .support_list:before {
    left: 50%;
}

.support_block_content_bg {
    padding-top: 100px;
    padding-bottom: 100px;
}

.support_block_content_bg.left {
    padding-left: 120px;
}

.support_block_content_bg.right {
    padding-right: 120px;
}

.support_block_content_bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--secondary_blue);
    top: 0;
}

.support_block_content_bg.left:after {
    left: 200%;
}

.support_block_content_bg.right:after {
    right: 200%;
}

.support_block_content .support_title.mar_top {
    margin-top: 60px;
}

.video_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 1px solid var(--white);
}

.banner.type_2 .video_icon {
    border: none;
    width: auto;
    height: auto;
}

.banner.type_2 .video_icon .play_btn {
    width: 88px;
    height: auto;
    opacity: 1;
    transition: opacity .4s;
}

.banner.type_2 .video_icon:hover {
    background: transparent;
}

.banner.type_2 .video_icon:hover .play_btn {
    opacity: 0.8;
}

.banner.type_2 .video_icon:after,
.c_edit .video_icon.popup_play:after,
.blog_edit .video_icon.popup_play:after {
    content: none;
}

.yt_video {
    margin-top: 15px;
}

.dis_inline.p_rea.medium {
    width: 700px;
    max-width: 100%;
}

.video_icon.popup_play,
.c_edit .video_icon.popup_play {
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.has-no-touchevents .c_edit .video_icon.popup_play:hover {
    border-bottom: none;
}

.video_icon:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    border-left: 23px solid var(--white);
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    transition: border-left .4s;
}

.has-no-touchevents .video_icon_hover:hover {
    background-color: var(--white);
}

.has-no-touchevents .video_icon_hover:hover:after {
    border-left: 23px solid var(--black);
}

.support_block_content_btn .btn_med {
    padding: 17px 50px;
    width: auto;
}

.support_block_content .support_block_content_btn {
    margin-top: 30px;
}

.support_block_content .support_block_content_btn .btn {
    margin-top: 15px;
}

.support_block_content .support_block_content_btn .support_block_content_btn_field:first-child .btn {
    margin-top: 0;
}

.take_me, .take_me_list {
    padding: 15px 20px;
    display: none;
    width: 100%;
}

.support_block_content .c_text,
.support_block_content .btn {
    margin-top: 30px
}

.support_block_content .c_text {
    color: #595959;
}

.support_block_content .c_text.c_edit p a {
    border-bottom: 1px solid #595959;
}

.support_block_content .c_text.c_edit a:not(.btn) {
    border-bottom: 1px solid #595959;
}

.support_block_content .c_text.c_edit ol li:before {
    color: #595959;
}

.support_block_content .c_text.c_edit ul li:before {
    background-color: #595959;
}

.two_column .btn {
    margin-top: 40px
}

.menu_contents {
    padding: 20px 0;
}

.menu_content {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: var(--dark_gray);
    border-bottom: 1px solid transparent;
    margin-left: 25px;
}

.support_block .menu_content {
    text-transform: uppercase;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 25px;
    color: #595959;
    margin-left: 0;
    transition: color .4s, border-bottom .4s;
}

.menu_text {
    border-bottom: 1px solid transparent;
    transition: color .4s, border-bottom .4s;
}

.has-no-touchevents .two_column_content .menu_content:hover {
    color: #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

.has-no-touchevents .support_block .menu_content:hover span {
    color: #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

.menu_content:first-child {
    margin-left: 0;
}

.support_block .menu_content:first-child {
    padding-left: 0;
}

.support_the_dofe .support_the_dofe_content .support_list {
    display: flex;
}

.support_block .support_list .support_block_content {
    display: flex;
    align-items: center;
}

.support_block_content_btn_field .btn_primary_blue {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.support_block_content_btn_field .btn_primary_blue:hover {
    background-color: var(--secondary_blue);
}

.support_block_content_btn_field .btn_trans_primary_blue {
    background-color: var(--secondary_blue);
}

.support_block_content_btn_field .btn_trans_primary_blue:hover {
    background-color: var(--primary_blue);
}

/*Support The Dofe End*/

/* Video Start */

.video-overlay .close {
    font-family: Arial;
    font-size: 50px;
    top: 30px;
    right: 60px;
    line-height: 1;
    position: absolute;
    color: #eee;
}

.has-no-touchevents .video-overlay .close:hover {
    color: var(--white);
}

.overlay {
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.has-overlay .overlay {
    opacity: 1;
}

.overlay iframe,
.overlay video {
    display: inline-block;
    vertical-align: middle;
    border: 0;
}

/* Video End */


/*Footer Start*/

.footer {
    position: relative;
}

.footer_content {
    background-color: #002869;
    color: var(--white);
    padding: 54px 0 35px 0;
}

.social_icon_content {
    margin-left: 10px;
}

.footer_content .social_icon:first-child {
    margin-left: 0;
}

.footer_content .social_icon {
    position: relative;
    display: inline-block;
    background-color: transparent;
    color: var(--white);
    width: 52px;
    height: 52px;
    opacity: 1;
    border-radius: 0%;
    border: none;
}

.footer_content .social {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
}

.social_icon:first-child {
    margin-left: 0;
}


.footer_content .social_icon:hover {
    color: var(--white);
}

 .social_icon:hover {
    opacity: 1;
    background-color: transparent;
    border: none;
}

 .footer_content .social_icon:hover {
    opacity: 0.5;
    background-color: transparent;
    border: none;
}

.footer_content .social_icon .fa-brands {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social_icon .fa-brands,
.social_icon .fa-regular {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.footer_row {
    margin: 35px 0 0 0;
}

.footer_row .col {
    vertical-align: bottom;
    padding: 0 60px;
}

.footer_row .col_count_2 {
    column-count: 1;
}

.footer_row #menu-footer-menu-cymraeg,
.footer_row #menu-footer-menu {
    font-size: 0;
}

.footer_row .menu li {
    margin-top: 40px;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.footer_row .menu li:first-child,
.footer_row .menu li:nth-child(2) {
    margin-top: 0px;
}

.footer_row .menu li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.35;
    color: var(--white);
    border-bottom: 1px solid transparent;
}

.has-no-touchevents .footer_row .menu li a:hover {
    border-bottom: 1px solid var(--white);
}

.footer_logos {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home .footer_logos {
    text-align: left;
}

.footer_logo.f_logo_3 {
    height: 100%;
}

.footer_logo_img {
    width: 100%;
    height: 70px;
    object-fit: contain;
    object-position: left center;
}

.footer_logo_img_wrap.f_logo_4 .footer_logo_img {
    height: 100px;
    object-position: right center;
}

.copyrights {
    color: var(--white);
    font-size: 11px;
    padding: 0;
}

.f_logo_1.dis_inline,
.f_logo_2.dis_inline {
    display: none;
}

.home .f_logo_1,
.home .f_logo_2 {
    display: inline-block;
}

.charity_text {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    max-width: 950px;
}

.copyrights_text {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}


.footer_content_wrap.c {
    max-width: 1418px;
}

.footer_nav_links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 25px;
}

.footer_nav_links .white_border {
    height: auto;
    width: 3px;
    background-color: var(--white);
}

.nav_links_wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 15px;
}

.nav_links_wrap a {
    color: #FFF;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.35;
    border-bottom: 1px solid transparent;
}

.nav_links_wrap a:hover {
    border-bottom: 1px solid var(--white);
}

.copyrights_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 25px;
    row-gap: 15px;
}

.footer_logo_img_wrap.f_logo_1,
.footer_logo_img_wrap.f_logo_2,
.footer_logo_img_wrap.f_logo_3 {
    height: auto;
}

.footer_logo_img_wrap.f_logo_4 {
    height: auto;
    text-align: center;
}

.footer_logo {
    width: 25%;
    padding: 0 16px;
}

.footer_logos {
    margin: 0 -16px;
}

.footer_logo_img_wrap a {
    display: block;
}

/*Footer End*/

/*Breadcrumb navigation Start */

.bread_crumb_wrap {
    position: fixed;
    top: auto;
    left: 0;
    z-index: 999;
    padding: 10px 25px;
    display: none;
    flex-wrap: wrap;
    row-gap: 5px;
    align-items: center;
    background-color: var(--secondary_blue);
    box-shadow: 4px 4px 10px 0px #00000024;
    font-size: 14px;
    font-weight: 700;
}

.bread_crumb_sep {
    padding: 0 10px;
    font-size: 12px;
    margin-top: 4px;
}

.bread_crumb_item_link {
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all .3s;
}

.bread_crumb_item_link:hover {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all .3s;
}

/*Breadcrumb navigation End */

/* Add Your Story Form Start */ 

.jq-selectbox {
    cursor: pointer;
    width: 100%;
}
.jq-selectbox__select { 
    font-size: 16px;
    width: 100%;
    color: var(--black);
    border: 1px solid var(--black);
    padding: 20px 15px;
    position: relative;
    z-index: 2;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    user-select: none;
    white-space: nowrap;
}

.jq-selectbox.opened + .fom-down i{
    transform: rotateZ(180deg); 
}

.jq-selectbox.changed .jq-selectbox__select {
    padding: 10px 15px;
}

.jq-selectbox li:nth-child(2) {
    border-top: none;
}

.jq-selectbox__select-text {
    display: block;
    width: 100%;
}

.jq-selectbox li.selected,
.jq-selectbox li:hover {
    background-color: var(--secondary_blue);
    color: var(--black);
}

.jq-selectbox__dropdown {
    position: absolute;
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.jq-selectbox ul {
    margin: 0;
    padding: 0;
    overflow: auto;
}

.jq-selectbox li {
    padding: 0px 15px 10px;
    color: var(--black);
    border-top: 1px solid var(--dark_gray);
}

.jq-selectbox li:before {
    content: "";
    display: block;
    padding-bottom: 10px;    
}

.jq-selectbox li:hover:before {
    border-color: transparent;
}

.jq-selectbox li:first-child {
    border: 0;
}

.jq-selectbox {
    position: relative;
    display: inline-block;
}

.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    display: none;
}

.fom-down {
    position: absolute;
    top: 50%;
    right: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color: var(--dark_gray);
    background-color: var(--white);
    z-index: 2;
    height: 95%;
    padding: 0 20px 0 5px;
    border-radius: 4px;
    pointer-events: none;
}

.add_your_story_form .relation_ship_select_wrap {
    position: relative;
}

.image_button_content input#file {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.input_button_list {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.story_form_content {
    display: flex;
    column-gap: 50px;
}

.story_form_col_1,
.story_form_col_2 {
    width: 50%;
}

.story_form_col_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.story_form_col_2 .input_hold:last-child {
    margin-top: 0;
}

.add_your_story_form label,
.add_your_story_form .form_control {
    display: block;
    width: 100%;
}

.add_your_story_form label {
    margin-bottom: 10px;
    font-size: 16px;
}

.add_your_story_form .input_hold {
    margin-top: 20px;
}

.add_your_story_form .input_hold:first-child {
    margin-top: 0;
    flex: 1;
}

.story_form_col_2 .input_bg.input_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

textarea#description {
    flex: 1;
}

.add_your_story_form .form_control {
    border: 1px solid var(--dark_gray);
    padding: 10px 15px;
    border-radius: 4px;
}

.add_your_story_form .form_control.error_field {
    border: 1px solid var(--red);
}

.add_your_story_form label span {
    color: var(--red);
    margin-left: 4px;
}

.add_your_story_form .input_button_list .btn_med {
    padding: 13px 25px;
    border: 2px solid;
    display: flex;
    flex-wrap: wrap ;
    align-items: center;
    justify-content: center;
}

.add_your_story_form .input_button_list .btn_med:hover {
    border: 2px solid transparent;
}

.add_your_story_form .submit_button_row {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.charity_check_box_label {
    padding-left: 35px;
    position: relative;
}

.charity_check_box {
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--dark_gray);
    border-radius: 4px;
}

.charity_check_box:checked::after {
    content: "\f00c";
    position: absolute;
    font-family: 'Font Awesome 6 Free';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--dark_gray);
}

.submit_content {
    margin-top: 20px;
}

img.thumb_sel_image {
    width: 40px;
    height: 40px;
    display: none;
    pointer-events: none;
}

.thumb_sel_image.show {
    display: block;
}

.add_your_story_form .input_button_list .select_image.error_field {
    border-color: var(--red);
}

.form_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background: transparent url(../images/load-white.png) no-repeat 50% 50%;
    background-size: 70%;
    border-radius: 50%;
    -webkit-animation: rotateSpinner 2s linear infinite;
    animation: rotateSpinner 2s linear infinite;
    font-size: 0;
    visibility: hidden;
    transition: visibility .5s;
}

.form_loader.show {
    visibility: visible; 
}

.add_story_form_submit.btn_loading {
    pointer-events: none;
}

.error_message {
    display: none ;
}

.error_message.show {
    display: block;
    margin-top: 10px;
}

.story_form_image_preview_wrap {
    display: flex;
    justify-content: end;
}

.story_form_image_preview {
    display: none;
    align-items: center;
    font-size: 12px;
    gap: 5px;
    width: 50%;
    padding: 10px 0 0;
}

.story_form_image_preview.show {
    display: flex;
}


.popup_overlay {
    overflow: hidden;
}

.popup_overlay .close {
    font-family: Arial;
    font-size: 50px;
    top: 30px;
    right: 60px;
    line-height: 1;
    position: absolute;
    color: #eee;
}

.up_overlay {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
    padding: 115px 0;
    width: 100%;
    height: 100%;
}

.up_overlay.show {
    display: block;  
}

.has-overlay .up_overlay {
    opacity: 1; 
}

.memory_image {
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

.memory_image_content {
    position: relative;
    margin: auto;
    padding: 60px;
    background: #fff;
    overflow:  auto;
}

.memory_image_head {
    position: relative;
    padding: 0px 15px 40px;
    text-align: center;
}

.memory_image_head .close {
    font-size: 50px;
    top: -13px;
    right: 12px;
    line-height: 1;
    position: absolute;
    color: var(--primary_blue);
    transition:color .5s;
}

.memory_image_head .title_text {
    padding-bottom: 15px;
}

.no-touchevents .memory_image_head .close:hover {
    color: #000;
}

.memory_image_body {
    position: relative;
    text-align: left;
}

.memory_image_body_content {
    margin: -50px -15px 0;
    font-size: 0;
}

.memory_image_list {
    width: 20%;
    display: inline-block;
    padding: 0 15px;
}

.memory_image_list:before {
    content: "";
    display: block;
    height: 30px;
}

.list_image .list_image_img {
    width: 100%;
    height:auto;
    cursor:pointer;
}

.sel_img_label {
    position: relative;
    display: block;
    padding-top: 85%;
    cursor:pointer;
    border: 2px solid transparent;
}

.sel_img {
    display:none;
}

.thumb_img {
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right: 60px;
    width:40px;
    height: 40px;
}

.sel_img:checked + .sel_img_label {
    border: 2px solid var(--primary_blue);

}

.list_image.show .sel_img_label {
    border: 2px solid var(--primary_blue);
}

.arrow_line.display_none {
    display: none;
}

.memory_image_body {
    height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

/* Chrome, Edge, Safari */
.memory_image_body::-webkit-scrollbar {
    width: 8px;
}

.memory_image_body::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.memory_image_body::-webkit-scrollbar-thumb {
    background-color: var(--primary_blue);
    border-radius: 4px;
    border: 2px solid #f0f0f0;
    min-height: 40px;
}

.memory_image_body::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.description_remaining_count {
    margin: 10px 0;
}

.submit_content .form_terms a {
    text-decoration: underline;
    color: var(--primary_blue);
    font-weight: 600;
}

.submit_content .form_terms a:hover {
    text-decoration-color: transparent;
    color: var(--black);
}

.error_field_message,
.error_field_message_valid {
    display: none;
    font-size: 14px;
    padding-top: 5px;
    color: #C51A1B;
}

.error_field_message.show,
.error_field_message_valid.show {
    display: block;
}

.story_form_text {
    font-size: 13px;
    margin-top: 5px;
}

.input_hold.other_option_comments_area {
    display: none;
}

.input_hold.other_option_comments_area.show {
    display: block;
}

.image_upload_advisory_msg_wrap,
.story_form_image_preview_wrap {
    display: flex;
    gap: 50px;
}

.image_upload_advisory_msg_wrap {
    padding-top: 10px;
}

.image_upload_advisory_msg_wrap .story_form_text_wrap,
.hallow_section {
    width: 50%;
}

/* Add Your Story Form End */ 

/* Add Your Story PopUp Start */

.viewport_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    z-index: 5;
}

.viewport_overlay.show {
    visibility: visible;
}

.add_your_story_form_popup {
    position: fixed;
    top: 100%;
    left: 50%;
    max-width: 500px;
    background-color: var(--white);
    padding: 30px;
    transform: translate(-50%, 0%);
    z-index: 6;
    opacity: 0;
    display: none;
    transition: transfaorm .4s, top .4s, opacity .4s ease;
}

.open_story_form_popup .add_your_story_form_popup {
    top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
    display: block;
    transition: transfaorm .4s, top .4s, opacity .4s ease;
}

.add_your_story_form_popup .c_edit a {
    color: var(--primary_blue);
    border-color: var(--primary_blue);
}

.arrow_btn {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

.story_form_popup_close {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--primary_blue);
    color: var(--white);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    padding: 15px;
    cursor: pointer;
}

.story_form_popup_mobile_close {
    display: none;
}

/* Add Your Story PopUp End */

/* Story Gallery End */

.story_gallery_search {
    width: 100%;
    padding: 10px 15px;
}

.story_gallery_search_wrap .btn {
    border: none;
    min-width: unset;
}

.story_gallery_search_box {
    display: flex;
    border: 1px solid var(--primary_blue);
    background: var(--white);
}

.story_gallery_grid {
    margin: 0 -20px;
}

.stories_card.story_gallery_card {
    width: 33.33%;
    padding: 0 20px; 
    box-shadow: none;
}

.stories_card.story_gallery_card .stories_card_wrap {
    box-shadow: 0px 4px 20px 0px #00000040;
}

.story_gallery_card_btm_gap {
    height: 40px;
    width: 100%;
}

.stories_card.story_gallery_card.static_card  .stories_img_sec {
    text-align: center;
    padding-top: 25px;
}

.story_gallery_post_content .loader ,.light_box_overlay .popup_loader {
    margin: auto;
    width: 50px;
    height: 50px;
    background: transparent url(../images/loader_black.png) no-repeat 50% 50%;
    background-size: 70%;
    border-radius: 50%;
    -webkit-animation: rotateSpinner 2s linear infinite;
    animation: rotateSpinner 2s linear infinite;
    font-size: 0;
    transition: visibility .5s;
}

.light_box_overlay .popup_loader {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent url(../images/load-white.png) no-repeat 50% 50%;
}

.popup_loaded .popup_loader {
    display: none;
}

.static_card .stories_card_wrap a {
    display: block;
}

.static_card img {
    width: 30px;
    height: auto;
}

.stories_link_url {
    color: var(--primary_blue);
    text-decoration: underline;
    text-underline-offset: 4px;
    padding-top: 12px;
    display: inline-block;
}

.stories_link_url:hover {
    text-decoration-color: transparent;
}

.stories_card_popup .stories_card_popup_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding: 32px;
}

.stories_card_popup .stories_img_sec,
.stories_card_popup .stories_text_sec {
    width: 50%;
}

.stories_card_popup .stories_img_sec {
    position: sticky;
    top: 32px;
}

.stories_card_popup .stories_text_sec {
    padding: 0 32px 0 0;
}

.stories_popup_close.mobile_view {
    display: none;
}

/* Story Gallery End */

/* Cookie Banner Start */

.cookie_policy_footer .c>* {
    display: inline-flex;
    gap: 10px;
    vertical-align: middle;
}

.cookie_policy_btn {
    width: 30%;
    text-align: right;
}

.cookie_policy_content {
    width: 70%;
    padding-right: 10px;
}

.cookie_policy_btn button {
    flex: 1;
    color: var(--white);
    background-color: var(--primary_blue);
    border-color: transparent;
}

.cookie_policy_btn button:hover {
    background-color: var(--white);
    color: var(--primary_blue);
    border-color: var(--primary_blue);
}

.cookie_policy_btn button.btn_med {
    min-width: unset;
}

.cookie_policy_footer .c {
    font-size: 0px;
}

.cookie_policy_content.c_edit p {
    font-size: 16px;
}

.cookie_policy_footer {
    background-color: #fff;
    bottom: 0;
    color: var(--black);
    left: 0;
    padding: 20px 0;
    position: fixed;
    box-shadow: 0 2px 25px -5px rgba(0, 0, 0, .2);
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform .6s, opacity .6s, visibility .6s;
    width: 100%;
    z-index: 200;
}

.show_cookie .cookie_policy_footer {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}

/* Cookie Banner End */

/* Memories Popup Start */

.light_box_overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #00000066;
    z-index: 99999;
}

.light_box_overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}


.light_box_overlay_wrap {
    max-width: 960px;
    max-height: 50vh;
    overflow-y: auto;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    border-radius: 0;
    display: block; 
    transition: opacity 0.5s ease;
}


.light_box_overlay.open .light_box_overlay_wrap {
    opacity: 1;
    visibility: visible;
}

.stories_card_popup {
    height: 100%;
    width: 100%;
}

.stories_popup_close {
    color: #002869;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 15px;
}

.stories_card_popup .stories_img_sizer {
    padding-top: 61.17%;
}

.stories_card_popup .stories_name {
    font-weight: 600;
}

.light_box_overlay_image_wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* Memories Popup End */

/* Hightlight Stories Start */ 

.stories_card.story_gallery_card.gold_glow .stories_card_wrap {
    box-shadow: 0px 4px 20px 0px var(--gold);
}

.stories_card.story_gallery_card.blue_glow .stories_card_wrap {
    box-shadow: 0px 4px 20px 0px var(--primary_blue);
}

.stories_card.story_gallery_card.gold_border .stories_card_wrap {
    border: 10px solid var(--gold);
}

.stories_card.story_gallery_card.blue_border .stories_card_wrap {
    border: 10px solid var(--primary_blue);
}

.stories_card.story_gallery_card.gold_footer_note .stories_card_wrap {
    border-bottom: 10px solid var(--gold);
}

.stories_card.story_gallery_card.blue_footer_note .stories_card_wrap {
    border-bottom: 10px solid var(--primary_blue);
}

/* Hightlight Stories End */

/* Accessablity Changes Start */

.skip_to_content_link {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9999999;
    pointer-events: none;
    opacity: 0;
}

.skip_to_content_link:focus {
    opacity: 1;
}

body *:focus-visible:not(.exclude_tab_focus,.mouse_focus) {
    outline: 2px solid var(--black);
    outline-offset: 2px;
    transition: outline 0s;
}

body .bg_primary_blue *:not(.static_card a):focus-visible,
.light_box_overlay .stories_popup_close:focus-visible {
    outline-color: var(--white);
}

.mobile_menu_content .menu-item .plus_pad:focus-visible,
.memory_image_list .list_image:focus-visible {
    outline-offset: -2px;
}

.jq-selectbox .jq-selectbox__dropdown li:focus-visible,
.mobile_menu_content .menu-item:focus-visible,
.light_box_overlay .stories_popup_close:focus-visible,
.header_main_menu li.menu-item:focus-visible {
    outline-offset: -4px;
}

.light_box_overlay_wrap .stories_popup_close:focus-visible {
    outline: none;
}

.light_box_overlay.tab_key_access .stories_popup_close {
    outline: 2px solid var(--white);
}

/* Accessablity Changes End */

/* Right Menu And Left Content Start */

.right_menu_and_left_content {
    background-color: #fff;
}

.right_menu_and_left_content:before {
    content: '';
    position: absolute;
    width: 25.72%;
    height: 100%;
    background-color: var(--secondary_blue);
    top: 0;
    left: 0;
}

.right_side_menu {
    width: 25.72%;
}

.left_side_content {
    background-color: #fff;
    width: 74.27%;
}

.right_side_ul {
    padding: 0 60px;
}

.right_menu_and_left_content .gallery_images {
    margin-top: 21px;
}

.right_side_li a.link_menu {
    font-size: 18px;
    line-height: 1.166;
}

.sub_menu_info {
    margin-left: 45px;
    margin-top: 25px;
}

.menu_item_sub_info {
    margin-top: 30px
}

.menu_item_sub_info:first-child {
    margin-top: 0px;
}

.tab {
    border-bottom: 1px solid #D4D4D4;
}

.toggle {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 1.15;
    border-top: 1px solid #D4D4D4;
    padding: 20px 50px 20px 0px;
}

.plus {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
}

.plus:after,
.plus:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 2px;
    height: 100%;
    background-color: #000;
    transition: transform .4s;
}

.plus:before {
    width: 100%;
    height: 2px;
}

.toggle.show .plus:after {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.left_side_content_pad {
    padding: 0 100px;
}

.left_side_content_title+.map_title {
    margin-top: 30px;
}

.tab {
    margin-top: 45px;
}

.tab.no_right_subtext {
    margin-top: 0;
}

.inner {
    overflow: hidden;
    display: none;
    padding: 15px 0 30px 0;
    max-width: 735px;
}

.right_menu_and_left_content .inner {
    max-width: 100%;
}

.right_menu_and_left_content .c_edit ul li:before {
    top: 10px;
    height: 1px;
}

.inner .inner_text {
    margin-top: 15px;
}

.left_side_content.sec_pad_btm {
    padding-bottom: 225px;
}

.arrow_line {
    position: relative;
    width: 20px;
    height: 2px;
    margin-left: 15px;
    background-color: #fff;
    transition: background-color .4s;
}

.arrow_line:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -1px;
    width: 10px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
    transition: background-color .4s;
}

.arrow_line:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -1px;
    width: 10px;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg);
    transition: background-color .4s;
}

.accordion_controls {
    text-align: right;
}

.expand_all_btn {
    font-size: 21px;
    line-height: 1.14;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    background-color: transparent;
    text-decoration: underline;
}

.accordion:nth-child(2) .toggle {
    border-top: unset;
}

.left_side_content.left_wid100 {
    width: 100%;
}

.left_wid100 .left_side_content_pad {
    max-width: 1250px;
    padding: 0 60px;
    margin: auto;
}

.montserrat_bold {
    font-family: 'Inter';
    font-weight: 700;
}

.right_side_li a.link_menu:hover {
    color: #000;
    border-bottom: 1px solid #000;
}

/* Right Menu And Left Content End */

/* Left Right Title Description Start */

.left_right_title_description_content {
    margin: 0 -60px;
    font-size: 0;
}

.left_right_title_description_content .left_title,
.left_right_title_description_content .right_text {
    width: 50%;
    padding: 0 60px;
}

.right_text.text {
    color: #4A4A4A;
}

.right_text.white {
    color: #fff;
}

.left_title,
.left_side_content_title {
    font-size: 42px;
    line-height: 1.17;
}

.ywol_theme.new_banner .left_title {
    font-size: 64px;
    max-width: max-content;
}

.empty_text_content {
    padding-top: 0;
}

/* Left Right Title Description End */

/* Password Protected Page Start */

.password_protected .help_error {
    color: #ee2551;
    font-size: 13px;
    margin-top: 5px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-clear-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-textfield-decoration-container {
  display: none;
}

.form_groups {
    font-size: 0;
    margin: 0 -10px;
    white-space: normal;
}

.form_group {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0 10px;
    margin-top: 20px;
}

.form_group.half {
    width: 50%;
}

.form_group .p_rea {
    background-color: #FFFFFF;
}

.prefs-new-container {
    max-width: 650px;
}

.password_control {
    display: block;
    z-index: 1;
    position: relative;
    transition: box-shadow .4s;
}

.password_control.has-input+.placeholder_text {
    font-size: 11px;
    top: 11px;
}

.password_control.has-input+.placeholder_text .star {
    font-size: 10px;
}

.form_control {
    position: relative;
    line-height: 1.18;
    padding: 20px 15px 10px 15px;
    width: 100%;
    background-color: transparent;
}

.placeholder_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #000;
    transition: all 0.4s;
}

.placeholder_text>span {
    display: inline-block;
    vertical-align: middle;
}

.placeholder_text .star {
    color: #D0021B;
    font-size: 16px;
    margin-right: 5px;
    transition: font-size .4s;
    position: absolute;
    padding-left: 0;
}

.placeholder_text .star+span {
    padding-left: 10px;
}

.disabled {
    pointer-events: none;
    opacity: 0.3;
}

/* Password Protected Page End */