/*
Theme Name: Family Hubs lead the way in Torbay
Theme URI: https://www.rvsmedia.co.uk/
Author: RVS Media
Author URI: https://www.rvsmedia.co.uk/
Description: Custom Theme by RVS Media
Requires at least: 6.1
Requires PHP: 8.1
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: torbay
*/

/*CSS Start Here*/
@font-face {
    font-family: 'sofia-pro';
    src: url('assets/fonts/SofiaPro-Light.otf');
    font-style: normal;
}
@font-face {
    font-family: 'sofia-pro-bold';
    src: url('assets/fonts/SofiaPro-Bold.otf');
    font-style: normal;
}
body p,
body li{
    font-size: 18px;
}
html{
    scroll-behavior: smooth;
}
body{
    margin: 0;
    font-family: 'sofia-pro';
}
section h4{
    font-size: 24px;
}
section.banner .banner-text img {
    display: none;
}
@media screen and (max-width: 767px){
    section.banner .banner-text img {
        display: block;
    }
    section.banner .banner-image img{
        display: none;
    }
}
#toTop {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 40px;
    background: #2ca79f;
    width: 60px;
    height: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    cursor: pointer;
    opacity: 0;
}
#toTop.active {
    opacity: 1;
}
#toTop i{
    font-family: 'FontAwesome';
    font-style: inherit;
    color: #fff;
    display: flex;
    justify-content: center;
    line-height: 60px;
    font-size: 18px;
}
.header .center-top-bar ul .menu-item-has-children:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
    font-size: 10px;
    top: 25px;
}
.header .center-top-bar ul .menu-item-has-children:hover .sub-menu li {
    display: block;
    background: #ffffff;
}
.header .center-top-bar ul li.menu-item-has-children:hover .sub-menu li:hover a {
    color: #00a499;
}
.header .center-top-bar ul li:hover a {
    color: #00a499;
}
.header .center-top-bar ul li.current-menu-item a,
.header .center-top-bar ul li.current-menu-parent a,
.header .center-top-bar ul li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor ul li.current-menu-item a{
    color: #00847b;
}
.header .center-top-bar ul .menu-item-has-children:hover .sub-menu {
    flex-wrap: wrap;
    position: absolute;
    left: 0px;
    top: 100%;
    perspective: 1000px;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    display: block;
    border-top: 5px solid #673a8d;
    border-left: 1px solid #673a8d;
    border-right: 1px solid #673a8d;
    width: 230px;
    z-index: 1;
}
@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}
.header .center-top-bar ul li.menu-item-has-children:hover .sub-menu li {
    flex: 0 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #c197e5;
}
.header .center-top-bar ul .menu-item-has-children {
    position: relative;
}
.header .center-top-bar ul .menu-item-has-children .sub-menu {
    display: none;
}
.header .center-top-bar ul li.menu-item-has-children:hover .sub-menu li a {
    font-size: 15px;
/*    color: #673a8d;*/
    color: #000;
}
header{
    padding: 20px 0px 0px 0px;
}
.main-header.sticky-header{
    position: fixed;
    width: 100%;
    filter: drop-shadow(0px 0px 5px #dcdcdc);
    background: #fff;
    z-index: 9;
    top: 0;
}
header .left-top-bar{
    flex: 0 15%;
}
header .center-top-bar{
    flex: 0 45%;
}
header .center-top-bar .navigation {
    display: none;
}
header .right-top-bar{
    flex: 0 15%;
    text-align: right;
}
header .right-top-bar .user-login {
    display: flex;
    justify-content: end;
    align-items: center;
}
header .right-top-bar .user-login .fa-user {
    padding: 8px 10px;
    background: #673a8e;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
}
header .right-top-bar .user-login .dropdown .name-menu-has-children {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 0px;
}
header .right-top-bar .user-login .dropdown .name-menu-has-children i {
    font-family: 'FontAwesome';
    padding: 5px 0px 0px 15px;
    font-size: 17px;
}
header .right-top-bar .user-login .dropdown {
    padding: 0;
    list-style: none;
    margin: 0;
}
header .right-top-bar .user-login .dropdown li .submenu {
    padding: 0;
    list-style: none;
    display: none;
}
header .right-top-bar .user-login .dropdown {
    text-align: left;
    padding-left: 15px;
}
header .right-top-bar .user-login .dropdown li {
    font-size: 18px;
    color: #673a8e;
    font-family: 'sofia-pro';
}
header .right-top-bar .user-login .dropdown .name-menu-has-children:hover .submenu {
    position: absolute;
    right: 0;
    top: 100%;
    perspective: 1000px;
    animation: growDown .3s ease-in-out forwards;
    transform-origin: top center;
    display: block;
    border-top: 5px solid #673a8d;
    border-left: 1px solid #673a8d;
    border-right: 1px solid #673a8d;
    width: 230px;
    z-index: 1;
    background: #fff;
}
header .right-top-bar .user-login .dropdown .name-menu-has-children .submenu li {
    padding: 10px 20px;
    border-bottom: 1px solid #000;
}
header .right-top-bar .user-login .dropdown .name-menu-has-children .submenu li a {
    font-size: 18px;
    text-decoration: none;
    color: #000;
}
header .right-top-bar .user-login .dropdown li .submenu li:last-child a,
header .right-top-bar .user-login .dropdown li .submenu li:last-child i {
    color: #ce474a;
}
.container{
    max-width: 1715px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.header{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.header .center-top-bar .toggle {
    position: relative;
    width: 28px;
    height: 15px;
    cursor: pointer;
    display: none;
}
.header .center-top-bar .toggle span:nth-child(1n) {
    width: 27px;
    height: 2px;
    position: absolute;
    background: #000;
}
.header .center-top-bar .toggle span:nth-child(2n) {
    top: 6px;
}
.header .center-top-bar .toggle span:nth-child(3n) {
    top: 12px;
}
.header .center-top-bar ul {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    transition: .5s;
    margin: 0;
}
.header .center-top-bar ul li {
    padding: 18px 11px 29px 11px;
    font-size: 18px;
}
.header .center-top-bar ul li a{
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.header .center-top-bar ul li.nav-close-btn{
    display: none;
}
.header .center-top-bar #before_search_click i {
    display: none;
}
.header .center-top-bar .search_bar form{
    position: relative;
}
.header .right-top-bar i {
    font-size: 20px;
    padding-right: 30px;
    color: #666666;
    cursor: pointer;
}
.primary-btn-color{
    background-color: #ce474a;
    color: #fff;
    padding: 19px 90px;
    font-size: 18px;
    border: none;
    font-weight: 600;
    border-bottom-left-radius: 45px;
    font-family: 'sofia-pro';
    cursor: pointer;
    transition: .5s;
}
.primary-btn-color:hover {
    background: #0ba1dd;
}
footer .footer-top #block-12 .footer-btn a:hover {
    background: #0ba1dd;
}
.secondary-btn-color{
    background-color: #673a8d;
    color: #fff;
    padding: 19px 90px;
    border-bottom-left-radius: 40px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-family: 'sofia-pro';
    transition: .5s;
}
.secondary-btn-color:hover {
    background: #0ba1dd;
}
/*#page{
   padding-top: 85px; 
   position: relative;
}*/
.top-layer,
.footer-layer{
    width: 100%;
/*    position: absolute;
    top: 85px;*/
}
.search-no-results .blog-section {
    margin: 66px 0px;
}
section.banner,
section.information,
section.about-us,
section.step-process,
section.help-section,
section.blog-section,
section.about-steps,
section.testimonials,
section.cta,
section.categories,
section.category-about,
section.category-faq,
section.category-detail,
section.contact-info,
section.contact-form,
section.content-pages,
section.coming-soon,
.blog-section,
.volunteer-information,
.volunteer-contact-info,
.volunteer-information,
.practitioner-login,
.advice-section,
.hero-section,
.hero-section-chat{
    padding: 40px 0px;
}
.banner .outer .banner-text {
    flex: 0 35%;
}
.banner .outer .banner-image {
    flex: 0 60%;
}
.banner .outer .banner-image img{
    width: 100%;
}
.outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.banner .outer .banner-text h1 {
    background: #e3f5f5;
    color: #00766e;
    padding: 25px 30px 25px 15px;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    border-bottom-right-radius: 45px;
    display: inline-block;
}
.banner .outer .banner-text h2 {
    font-size: 60px;
    margin: 20px 0px 30px 0px;
    font-family: sofia-pro-bold;
    line-height: 70px;
}
.banner .outer .banner-text h2 span{
    position: relative;
}
.banner .outer .banner-text h2 span:after {
    content: '';
    position: absolute;
    left: 0;
    background: url(assets/images/header-line.png);
    width: 100%;
    height: 22px;
    bottom: -13px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.em.em-event-booking-form .em-booking-section{
    padding: 0;
}
.banner .outer .banner-text p {
    font-size: 18px;
    margin: 30px 0px 50px 0px;
    line-height: 30px;
    font-weight: 500;
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: #0ba1dd;
    color: #fff;
    text-align: center;
    z-index: 9999;
    display: none;
}
.cookie-banner .cookie-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cookie-banner .cookie-content p{
    text-align: left;
    font-weight: 600;
}
.cookie-btn {
    background-color: #fff;
    color: #000;
    padding: 10px 40px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 18px;
    font-family: 'sofia-pro-bold';
    transition: .5s;
}
.cookie-btn:hover {
    background: #ff595d;
    color: #fff;
}
.information,
.about-steps {
    background: #f6f6f6;
    position: relative;
}
.information .container{
    position: relative;
    z-index: 1;
/*    padding-bottom: 80px;*/
}
.information .information-outer{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.information .title {
    text-align: center;
}
section h2 {
    font-size: 45px;
    margin-top: 5px;
    line-height: 55px;
    font-family: sofia-pro-bold;
}
section h3 {
    margin: 0;
    font-size: 24px;
    color: #000;
}
.subheading{
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}
.information .information-outer .info {
    background: #00a499;
    border-bottom-right-radius: 30%;
    flex: 0 31%;
    margin-bottom: 45px;
}
.information .information-outer .info img {
    border-bottom-right-radius: 30%;
    width: 100%;
    height: 370px;
    object-fit: cover;
}
.information .information-outer .info a{
    text-decoration: none;
}
.information .information-outer .info h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin: 10px 0px 15px 0px;
    font-family: sofia-pro-bold;
}
/*.information:after{
    content: '';
    background: url(assets/images/bg-gift.png);
    position: absolute;
    width: 522px;
    height: 224px;
    bottom: 0;
    background-repeat: no-repeat;
    left: 0;
}*/
/*.information:before{
    content: '';
    background: url(assets/images/bg-flower.png);
    position: absolute;
    width: 305px;
    height: 217px;
    top: 0;
    background-repeat: no-repeat;
    right: 0;
}*/
.about-us .inner-about-us .content-right .about-ul li:hover .svg_background{
    background-color: #fff;
}
.svg_background{
    background-color: #028137;
    width: 25px;
    height: 49px;
    margin-right: 25px;
}
.about-us .about-outer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.about-us .about-outer .image {
    flex: 0 57%;
}
.about-us .about-outer .image img{
    width: 100%;
}
.about-us .about-outer .content {
    flex: 0 38%;
}
.about-us .about-outer .content p {
    line-height: 40px;
    font-size: 18px;
}
.about-us .about-outer .content p:last-child {
    font-weight: 600;
}
.about-us .about-outer .content .primary-btn-color {
    margin-top: 65px;
}
section.step-process .title {
    text-align: center;
}
section.step-process .steps {
    /* display: flex;
    justify-content: space-between; */
}
section.step-process .steps .steps-content{
    text-align: center;
    flex: 0 30%;
    padding: 25px;
    transition: .5s;
}
section.step-process .steps .steps-content h3{
    margin: 30px 0px;
    font-size: 24px;
    color: #000;
}
section.step-process .steps .steps-content p {
    line-height: 30px;color: #000;
}
section.step-process .steps .steps-content:hover {
    box-shadow: 0px 0px 20px 10px #f3f3f3;
    border-radius: 45px;
}
.support-section{
    
    height: 850px;
    position: relative;
}
.support-section .icon{
    content: '';
    background: url('assets/images/play-icon.png');
    position: absolute;
    width: 174px;
    height: 174px;
    z-index: 1;
    cursor: pointer;
    right: -80px;
}
.support-section .text{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    height: 850px;
    background: #db3eb1;
    width: 39%;
    padding: 0px 100px;
    color: #fff;
    border-bottom-right-radius: 345px;
    position: relative;
}
.support-section .text:before{
    content: '';
    background: url('assets/images/bg-heart.png');
    width: 369px;
    height: 307px;
    position: absolute;
    top: 0;
    right: 0;
}
.support-section .text:after{
    content: '';
    background: url('assets/images/bg-gift-white.png');
    width: 522px;
    height: 224px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.support-section .text .inner-content p{
    line-height: 40px;
}
.step-process .steps .owl-stage-outer {
    padding: 30px 0px;
}
section.help-section {
    /* background: #00a64a; */
    background-color: rgb(4, 134, 62);
    padding: 0;
}
section.help-section .inner-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
section.help-section .inner-section:before{
    content: '';
    background: url('assets/images/bg-heart.png');
    position: absolute;
    width: 369px;
    height: 307px;
    bottom: 0;
    background-repeat: no-repeat;
    left: 30%;
    top: 0;
}
section.help-section .inner-section .content {
    flex: 0 35%;
    padding-left: 90px;
}
section.help-section .inner-section .image {
    flex: 0 55%;
    position: relative;
    overflow: hidden;
    height: 709px;
    -webkit-mask-image: url(assets/images/white-circle-layer.png);
    -webkit-mask-size: auto;
    -webkit-mask-repeat: no-repeat;
}
section.help-section .inner-section .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.help-section .inner-section .image:before{
    content: '';
    background: url('assets/images/help-us-white-green-layer.png');
    position: absolute;
    width: 239px;
    height: 709px;
    bottom: 0;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}
section.help-section .inner-section .content h2 {
    color: #fff;
}
section.help-section .inner-section .content p {
    color: #fff;
    line-height: 40px;
    padding-bottom: 15px;
}
.blog-section .title{
    text-align: center;
}
.blog-section .blogs-flex {
    display: flex;
    flex-wrap: wrap;
}
.blog-section .blogs-flex .blogs-inner {
    flex: 0 23%;
    padding-left: 15px;
    position: relative;
    padding-right: 11px;
    margin-bottom: 40px;
}
.blog-section .blogs-flex .blogs-inner .image .date {
    position: absolute;
    top: 10px;
    left: 0;
    background: #00a499;
    color: #fff;
    padding: 15px 25px;
    border-bottom-right-radius: 45px;
    font-size: 15px;
    line-height: 20px;
}
.steps.owl-carousel .owl-item img{
    display: initial;
    width: auto;
}
.blog-section .blogs-flex .blogs-inner .image img {
    border-bottom-right-radius: 85px;
    width: 100%;
    height: 294px;
    object-fit: cover;
    object-position: center;
}
.blog-section .blogs-flex .blogs-inner h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 26px 0px;
}
.blog-section .blogs-flex .blogs-inner p {
    font-size: 17px;
    line-height: 27px;
}
.blog-section .blogs-flex .blogs-inner a {
    color: #673a8e;
    font-weight: 600;
}
.blog-section .blogs-flex .blogs-inner:hover a {
    color: #ff595d;
}
footer .footer-top {
    display: flex;
    padding: 10px 0px 40px 0px;
    border-bottom: 1px solid #009cde;
    justify-content: space-between;
}
footer .footer-top #block-10,
footer .footer-top #block-11{
    flex-grow: 0;
    flex: 0 30%;
}
footer {
    background: #0f78a5;
    position: relative;
   padding: 60px 0px 15px 0px;
}
footer .footer-layer{
    position: absolute;
    top: -11px;
    height: 18px;
    object-fit: cover;
}
footer .footer-top .footer-top-inner .image {
    flex: 0 14%;
}
footer .footer-top #block-11 .footer-top-inner .image {
    flex: 0 16%;
}
footer .footer-top .footer-top-inner {
    align-items: center !important;
    margin: 0;
    gap: 20px;
}
footer .footer-top .footer-top-inner .image figure {
    margin: 0;
}
footer .footer-top #block-10 #block-12 {
    flex-grow: 5;
}
footer .footer-top #block-12 {
    flex-grow: 5;
}
footer .footer-top #block-12 .footer-top-button {
    justify-content: end;
}
footer .footer-top #block-12 .footer-btn a {
    background-color: #ce474a;
    color: #fff;
    padding: 19px 50px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    border-bottom-left-radius: 40px !important;
    transition: .5s;
}
footer .footer-top .footer-top-inner .right-content {
    color: #fff;
    font-size: 19px;
    line-height: 10px;
    font-weight: 600;
    flex: 0 100%;
}
footer .footer-top .footer-top-inner .right-content a {
    color: #fff;
    text-decoration: none;
    line-height: 19px;
}
footer .footer-center {
    padding: 45px 0px;
    display: flex;
}

footer .footer-center .subscription-form{
    width: 45%;
    float: right;
    display: none;
}
footer .footer-center .subscription-form h3 {
    color: #fff;
    font-size: 25px;
    margin: 0;
}
footer .footer-center .subscription-form p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
footer .footer-center .footer-center-left,
footer .footer-center .footer-center-right{
    flex: 0 50%;
}
footer .footer-center .footer-center-left #block-20 .wp-block-image {
    flex-grow: 0;
    width: 29% !important;
}
footer .footer-center .footer-center-left img {
/*    width: 60% !important;
    flex: 0 !important;*/
    max-height: 80px;
    object-fit: contain !important;
}
footer .footer-center .subscription-form input {
    width: 100%;
    max-width: 100%;
    border: none;
    padding: 25px 65px 25px 25px;
    border-bottom-right-radius: 50px;
    font-size: 18px;
    font-style: italic;
    font-family: 'sofia-pro';
}
footer .footer-center .subscription-form .tnp-submit {
    display: none;
}
footer .footer-center .subscription-form #block-27 {
    position: relative;
}
footer .footer-center .subscription-form #block-27 i {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #673a8e;
}
footer .footer-center .footer-center-left .widget_nav_menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}
footer .footer-center .footer-center-left .widget_nav_menu ul li{
    padding: 6px 5px;
}
footer .footer-center .footer-center-left .widget_nav_menu {
    padding-top: 15px;
}
footer .footer-center .footer-center-left .widget_nav_menu ul li a {
    color: #fff;
    text-decoration: none;
    padding-right: 12px;
    font-size: 18px;
    border-right: 1px solid #fff;
}
footer .footer-center .footer-center-left .widget_nav_menu ul li:last-child a {
    border-right: 0;
}
footer .footer-center .footer-center-left .widget_nav_menu ul li:first-child a {
    padding-left: 0;
}
.copyright {
    background: #673a8e;
    padding: 0;
}
.copyright .footer-bottom h4 {
    font-size:18px;
    color: #fff;
}
.copyright .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright .footer-bottom ul {
    display: flex;
    padding: 0;
    list-style: none;
}
.copyright .footer-bottom ul li {
    padding-left: 22px;
    color: #fff;
    font-size: 18px;
    border-left: 1px solid #fff;
    padding-right: 22px;
}
.copyright .footer-bottom ul li a{
    color: #fff;
    text-decoration: none;
}
.copyright .footer-bottom ul li:last-child {
    padding-left: 22px;
    padding-right: 0;
}
.copyright .footer-bottom ul li:first-child {
    border-left: 0;
}
.modal-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 999;
    top: 0;
}
.modal-popup .modal-content {
    position: absolute;
    width: 50%;
    height: 50%;
    background: #fff;
    left: 25%;
    top: 25%;
}
.modal-popup .modal-content iframe, .modal-popup .modal-content .modal_body{
    width: 100%;
    height: 100%;
}
.modal-popup .modal-content i{
    color: #fff;
    position: absolute;
    top: -35px;
    right: 0;
    font-size: 25px;
    cursor: pointer;
}
/*search bar*/
.wrapper, .search-data{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.wrapper{
  position: fixed;
  height: 0px;
  width: 0px;
  border-radius: 100%;
  background: linear-gradient(-135deg, #c850c0, #4158d0);
  transition: all 0.4s linear;
}
.wrapper.active{
  height: 4000px;
  width: 4000px;
}
.search-data{
  position: absolute;
  height: 50px;
  width: 400px;
  display: flex;
  text-align: center;
  /* display: none; */
}
.search-data input{
  height: 100%;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 22px;
  font-weight: 500;
  color: #fff;
}
.search-data .line{
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  bottom: 0;
  transform: scaleX(0);
  transition: transform 0.4s 0.3s linear;
}
.search-data .line.active{
  transform: scaleX(1);
}
.search-data label{
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 20px;
  transform: translateY(-50%);
  pointer-events: none;
  color: rgba(255,255,255,0.7);
}
.search-data input:valid ~ label{
  opacity: 0;
}
.search-data span{
  color: #fff;
  position: absolute;
  width: 50px;
  font-size: 25px;
  right: 0;
  top: 0;
  line-height: 45px;
  cursor: pointer;
}
.close-btn{
  position: absolute;
  z-index: 99;
  right: 25px;
  top: 25px;
  font-size: 25px;
  color: #fff;
  cursor: pointer;
}
.search-data, .search-data span,
.search-data label, .close-btn{
  display: none;
}
.breadcrumbs{
    background: url('assets/images/breadcrumbs-image.png');
    padding: 35px 0px;
    margin-top: -10px;
    text-align: center;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 74%, 0% 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.breadcrumbs:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #05998fd4;
}
.breadcrumbs .container{
    position: relative;
}
.breadcrumbs h1 {
    color: #fff;
    font-family: 'sofia-pro-bold';
    margin-top: 0;
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 20px;
}
.breadcrumbs ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.breadcrumbs ul li {
    padding: 0px 0px 0px 15px;
    color: #fff;
    line-height: 20px;
}
.breadcrumbs ul li h2{
    font-size: 18px;
    line-height: 20px;
    margin-top: 0;
    font-family: 'sofia-pro';
}
.em.em-search-advanced .em-search-main input.em-search-geo.on{
    background-image:none !important;
}
.breadcrumbs ul li:first-child {
    padding-left: 0;
}
.breadcrumbs ul li a {
    color: #fff;
    text-decoration: none;
}
.breadcrumbs ul li:after {
    content: '-';
    padding-left: 15px;
}
.breadcrumbs ul li:last-child:after {
    display: none;
}
.about-us .inner-about-us {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about-us .inner-about-us .image-left {
    flex: 0 45%;
}
.about-us .inner-about-us .content-right {
    flex: 0 50%;
}
.about-us .inner-about-us .image-left img {
    width: 100%;
}
.about-us .inner-about-us .content-right p {
    line-height: 40px;
    font-size: 18px;
}
.about-us .inner-about-us .content-right .about-ul {
    padding: 0;
    list-style: none;
}
.about-us .inner-about-us .content-right .about-ul li {
    display: flex;
    align-items: center;
    padding: 5px 20px;
    border-radius: 12px;
    border-bottom-right-radius: 45px;
    font-weight: 600;
    margin-bottom: 10px;
    background: #e5fbee;
    transition: .5s;
}
.about-us .inner-about-us .content-right .about-ul li svg {
    padding-right: 15px;
    width: 35px;
}
.about-us .inner-about-us .content-right .about-ul li:last-child svg {
    width: 25px;
    padding-right: 25px;
}
.about-us .inner-about-us .content-right .about-ul li svg path{
    fill: #028137;
    transition: .5s;
}
.about-us .inner-about-us .content-right .about-ul li:hover {
    background: #028137;
    color: #fff;
}
.about-us .inner-about-us .content-right .about-ul li:hover svg path {
    /* fill: #fff; */
}
.about-us .inner-about-us .content-right .bottom-area {
    display: flex;
    padding-top: 40px;
}
.about-us .inner-about-us .content-right .bottom-area .play-video {
    display: flex;
    list-style: none;
    padding-left: 45px;
    align-items: center;
    margin: 0;
    cursor: pointer;
}
.about-us .inner-about-us .content-right .bottom-area .play-video li {
    padding-right: 10px;
}
.path-bg{
    position: relative;
}
.path-bg:before{
    content: '';
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: url('assets/images/path-layer.png');
    height: 460px;
}
.about-steps .title{
    text-align: center;
}
.about-steps .steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.about-steps .steps .box:hover li:last-child:after{
    content: '\f061';
    position: absolute;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 25px;
    padding-top: 10px;
    transform: rotate(-45deg);
}
.about-steps .steps .box {
    flex: 0 24%;
    background: #fff;
    border-radius: 45px;
    border-bottom-right-radius: 145px;
    transition: .5s;
}
.about-steps .steps .box ul {
    padding: 30px 40px 60px 40px;
    list-style: none;
}
.about-steps .steps .box ul li {
    line-height: 35px;
    font-size: 18px;
}
.about-steps .steps .box ul li h3 {
    font-family: 'sofia-pro-bold';
    margin: 15px 0px;
    font-size: 24px;
}
.about-steps .steps .box ul li svg path {
    fill: #b94482;
}
.about-steps .steps .box:hover svg path {
    fill: #fff;
}
.about-steps .steps .box:hover {
    background: #ff595d;
    color: #fff;
}
.about-steps .steps .box:hover h3{
    color: #fff;
}
.testimonials .title {
    text-align: center;
}
.testimonials .flex-testimonials {
    display: flex;
    justify-content: space-between;
}
.testimonials .flex-testimonials .single-testimonial {
    flex: 0 32%;
/*    width: 95%;*/
}
.testimonials .flex-testimonials .single-testimonial .bottom-area .client-img {
    flex: 0 11%;
}
.testimonials .flex-testimonials .single-testimonial .bottom-area .client-img img {
    width: 100%;
    border-radius: 101px;
    height: 50px;
    object-fit: cover;
}
.testimonials .flex-testimonials .single-testimonial .bottom-area {
    display: flex;
    align-items: center;
    padding-top: 25px;
    padding-left: 45px;
}
.testimonials .flex-testimonials .single-testimonial .bottom-area .client-name h3 {
    margin: 0;
    font-family: 'sofia-pro-bold';
    font-size: 24px;
}
.testimonials .flex-testimonials .single-testimonial .bottom-area .client-name h4 {
    margin: 0;
    font-size: 13px;
}
.testimonials .flex-testimonials .single-testimonial .bottom-area .client-name {
    padding-left: 15px;
}
.testimonials .flex-testimonials .single-testimonial .content p {
    line-height: 35px;
}
.testimonials .flex-testimonials .single-testimonial .content {
    background: #edf1fb;
    padding: 20px;
    border-radius: 45px;
    border-top-right-radius: 90px;
    position: relative;
    transition: .5s;
}
.testimonials .flex-testimonials .single-testimonial .content:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 60px;
    width: 25px;
    height: 25px;
    background: #edf1fb;
    transform: rotate(45deg);
    z-index: -1;
    transition: .5s;
}
.testimonials .flex-testimonials .single-testimonial:hover .content {
    background: #107fae;
    color: #fff;
}
.testimonials .flex-testimonials .single-testimonial:hover .content:after {
    background: #107fae;
}
.cta{
    background: url('assets/images/cta.png');
    width: 100%;
/*    height: 620px;*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.cta:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #177a3ab3;
    top: 0;
}
.cta .inner-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 590px;
    align-items: center;
}
.cta .inner-content .play-video {
    flex: 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.cta .inner-content .right-content {
    flex: 0 50%;
}
.cta .inner-content .right-content .subheading {
    padding: 0;
}
.cta .inner-content .right-content h3,
.cta .inner-content .right-content h2,
.cta .inner-content .right-content p{
    color: #fff;
}
.cta .inner-content .right-content h2 {
    margin: 10px 0px;
}
.cta .inner-content .right-content p{
    line-height: 35px;
    padding-bottom: 45px;
}
.categories .title{
    text-align: center;
}
.categories .categories-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 34px;
}
/*.categories .categories-box .category-single {
    flex: 0 31%;
    margin-bottom: 25px;
    text-align: center;
    color: #fff;
    background: #D4348A;
    border-radius: 45px;
    transition: .5s;
}*/
.categories .categories-box a {
    flex: 0 31%;
    margin-bottom: 25px;
    text-align: center;
    color: #fff;
    background: #D4348A;
    border-radius: 45px;
    transition: .5s;
    text-decoration: none;
}
.categories .categories-box a:hover .category-single{
    border-radius: 45px;
}
.categories .categories-box a img {
    width: 100%;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    height: 290px;
    object-fit: cover;
}
.categories .categories-box a .content-area h3 {
    padding-top: 35px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
}
.categories .categories-box a .content-area {
    padding: 0px 50px 28px 28px;
}
.categories .categories-box a .content-area p {
    line-height: 30px;
}
.categories .categories-box a .content-area button {
    background: #fff;
    border: none;
    padding: 15px 45px;
    color: #673a8d;
    font-size: 18px;
    border-bottom-left-radius: 30px;
    transition: .5s;
    cursor: pointer;
}
/*.categories .categories-box .category-single:hover {
    background: #00857D;
}*/
.categories .categories-box a:hover {
    background: #00857D;
}
/*.categories .categories-box .category-single:hover button {
    background: #673a8d;
    color: #fff;
}*/
.categories .categories-box a:hover button {
    background: #673a8d;
    color: #fff;
}
.category-about{
    background: #f6f6f6;
}
.category-about .category-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.category-about .category-flex .left-image {
    flex: 0 45%;
}
.category-about .category-flex .right-content {
    flex: 0 50%;
}
.category-about .category-flex .left-image img {
    width: 100%;
    border-bottom-right-radius: 145px;
    height: 526px;
    object-fit: cover;
}
.category-about .category-flex .right-content h2 {
    margin-bottom: 0;
}
.category-about .category-flex .right-content p {
    line-height: 30px;
    padding-bottom: 5px;
}
.category-about .category-flex .right-content ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.category-about .category-flex .right-content ul li {
    flex: 0 45%;
    position: relative;
    padding-left: 22px;
    line-height: 30px;
}
.category-about .category-flex .right-content ul li:before {
    content: '\f00c';
    position: absolute;
    left: 0;
    color: #00a499;
    font-family: fontawesome;
    top: 2px;
}
.category-faq .title{
    text-align: center;
}
.category-faq .faq-outer {
    width: 80%;
    display: block;
    margin: auto;
    padding: 80px;
    filter: drop-shadow(0px 0px 29px #ededed);
    background: #fff;
    border-radius: 55px;
}
.category-faq .faq-outer .single-faq {
    padding: 25px 0px;
    border-bottom: 1px solid #dcdcdc;
    /* height: 30px; */
}
.category-faq .faq-outer .single-faq:last-child {
    border-bottom: 0;
}
.category-faq .faq-outer .single-faq .answer p {
    line-height: 30px;
    padding-right: 60px;
    margin-top: 0;
}
.category-faq .faq-outer .single-faq .question {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    padding-bottom: 10px;
}
.popup-overlay.active .popup-content .category-faq .container {
    padding: 0;
}
.popup-overlay.active .popup-content .category-faq .container .faq-outer {
    margin: 0;
    width: 100%;
    padding: 10px 0px;
}
.popup-overlay.active .popup-content .category-faq .faq-outer {
    background: none;
    filter: none;
}
.popup-overlay.active .popup-content .category-faq .faq-outer .single-faq i {
    width: auto;
    height: auto;
}
.popup-overlay.active .popup-content .category-faq .faq-outer .single-faq i:before {
    left: auto;
    top: auto;
}
.category-faq .faq-outer .single-faq .answer{
    display: none;
    padding-top: 0px;
    width: 100%;
}
.category-faq .faq-outer .single-faq .question h3 {
    flex: 0 90%;
    margin: 0;
    font-size: 24px;
    color: #000;
}
.category-faq .faq-outer .single-faq .question .icon {
    flex: 0 5%;
}
.category-faq .faq-outer .single-faq .question .icon i {
    font-size: 19px;
    float: right;
    color: #fff;
    padding: 6px 7px 6px 9px;
    border-radius: 30px;
}
.category-faq .faq-outer .single-faq .question .icon .fa-minus {
    display: none;
    background: #673a8e;
}
.category-faq .faq-outer .single-faq .question .icon .fa-plus {
    background: #ff595d;
}
.category-faq .faq-outer .single-faq.active-faq .answer {
    display: block;
/*    max-height: 400px;*/
    overflow: auto;
}
.category-faq .faq-outer .single-faq.active-faq .question .icon .fa-minus {
    display: block;
}
.category-faq .faq-outer .single-faq.active-faq .question .icon .fa-plus {
    display: none;
}
.category-detail .detail-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.category-detail .detail-flex .left-content ul{
    height: 315px;
    overflow-y: scroll;
}
.category-detail .detail-flex ul::-webkit-scrollbar {
  width: 7px;
}
.category-detail .detail-flex ul::-webkit-scrollbar-track {
/*  box-shadow: inset 0 0 5px grey; */
  border-radius: 10px;
}
.category-detail .detail-flex ul::-webkit-scrollbar-thumb {
  background: #d3d3d3; 
  border-radius: 10px;
}
.category-detail .detail-flex ul::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3; 
}
.category-detail .detail-flex .right-content {
    flex: 0 70%;
}
/*.category-detail .detail-flex .right-content .details-tab{
    padding-top: 100px;
}*/
.category-detail .detail-flex .right-content .details-tab h3 {
    background: #b94482;
    padding: 20px 25px 20px 40px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin: 0;
    color: #fff;
    margin-bottom: 25px;
    font-size: 24px;
}
.category-detail .detail-flex .left-content {
    flex: 0 25%;
/*    margin-top: 95px;*/
}
.category-detail .detail-flex .left-content .left-content-inner{
    position: sticky;
    top: 140px;
}
.category-detail .detail-flex .left-content .left-content-inner .left-content-inner-categories{
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.category-detail .detail-flex .left-content .left-content-inner .left-content-inner-categories .related-categories-flex{
    background: #f6f6f6;
}
.category-detail .detail-flex .left-content .left-content-inner .categories-btn {
    display: flex;
    align-items: center;
    padding-top: 5px;
    flex-wrap: wrap;
}
.category-detail .detail-flex .left-content .left-content-inner .categories-btn a{
    flex: 0 100%;
    text-decoration: none;
    margin-bottom: 5px;
}
.category-detail .detail-flex .left-content .left-content-inner .categories-btn button {
    width: 100%;
    padding: 20px 25px;
    border: 0;
    background: #05998f;
    color: #fff;
    font-size: 18px;
    font-family: 'sofia-pro';
    cursor: pointer;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category-detail .detail-flex .left-content .left-content-inner .categories-btn button i{
    font-style: unset;
}
.category-detail .detail-flex .left-content h3 {
    background: #b94482;
    padding: 20px 25px 20px 40px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin: 0;
    font-size: 24px;
    color: #fff;
}
.category-detail .detail-flex .left-content h3 i{
    display: none;
}
.category-detail .detail-flex .right-content .single-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 35px;
    /*height: 200px;*/
    transition: .5s;
    margin-bottom: 25px;
    flex-wrap: wrap;
    padding: 20px;
}
.category-detail .detail-flex .right-content .single-box .textarea{
/*  display: flex;*/
/*    align-items: flex-start;*/
    flex: 0 75%;
/*    justify-content: space-between;*/
}
.category-detail .detail-flex .right-content .single-box .image {
    flex: 0 23%;
}
.category-detail .detail-flex .right-content .single-box .arrow {
    flex: 0 5%;
    padding-top: 60px;
}
.category-detail .detail-flex .right-content .single-box .content {
    flex: 0 93%;
    color: #000;
}
.category-detail .detail-flex .right-content .single-box .content a{
    text-decoration: none;
    color: #000;
    word-break: break-all;
}
.category-detail .detail-flex .right-content .single-box .content a.email-link {
    word-break: break-all;
}
.category-detail .detail-flex .right-content .single-box .arrow i {
    font-size: 35px;
    transition: .5s;
    color: #028137;
}
.category-detail .detail-flex .right-content .single-box .image img {
    width: 100%;
    height: auto;
    border-radius: 25px;
}
.category-detail .detail-flex .right-content .single-box .content h4 {
    font-size: 24px;
    margin: 0;
    background: none;
    color: #000;
    padding: 0;
    line-height: 35px;
}
.category-detail .detail-flex .right-content .single-box .content h4 span.tag, .popup-body .title h2>span.tag {
    background: #107fae;
    color: #fff !important;
    padding: 5px 20px;
    border-radius: 50px;
    font-family: 'sofia-pro';
    text-decoration: none;
    font-weight: 400 !important;
    font-size: 18px;
    margin-left: 5px;
    white-space: pre;
}
.category-detail .detail-flex .right-content .single-box .content .inner-content .all_content iframe {
    width: 100%;
}
.category-detail .detail-flex .right-content .single-box .content p {
    line-height: 30px;
    margin: 0;
    padding-top: 15px;
    font-size: 18px;
}
.category-detail .detail-flex .right-content .single-box .content ul li {
    line-height: 30px;
}
.category-detail .detail-flex .right-content .single-box:hover {
    background: #ededed;
}
.category-detail .detail-flex .right-content .single-box:focus-visible,
.category-detail .detail-flex .right-content .details-tab:focus-visible {
    outline: none;
}
.category-detail .detail-flex .right-content .single-box:hover .arrow i {
    color: #107fae;
}
.category-detail .detail-flex .left-content .related-categories-flex ul {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.category-detail .detail-flex .left-content .related-categories-flex ul li:last-child {
    border: none;
}
.category-detail .detail-flex .left-content .related-categories-flex ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 15px;
    font-weight: 600;
    position: relative;
}
/*.category-detail .detail-flex .left-content .related-categories-flex ul li:after {
    content: '\f178';
    right: 25px;
    position: absolute;
    font-family: 'Font Awesome 6 Free';
}*/
.category-detail .detail-flex .left-content .related-categories-flex ul a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category-detail .detail-flex .left-content .related-categories-flex ul a.active {
    color: #b94482;
    font-family: 'sofia-pro-bold';
}
.category-detail .detail-flex .left-content .related-categories-flex ul a.active i {
    transform: scale(1.4);
}
.contact-info .title {
    text-align: center;
    display: none;
}
.contact-info .contact-info-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-info .contact-info-flex .contact-info-box {
    text-align: center;
    flex: 0 19%;
    padding: 30px;
    color: #fff;
    border-radius: 75px;
}
.contact-info .contact-info-flex .contact-info-box ul {
    padding: 35px 20px 35px 20px;
    list-style: none;
    border: 1px dashed #fff;
    border-radius: 55px;
    margin: 0;
    height: 320px;
}
.contact-info .contact-info-flex .contact-info-box ul li {
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 18px;
}
.contact-info .contact-info-flex .contact-info-box ul li p{
/*   word-break: break-all; */
   margin-top: 0;
   margin-bottom: 0;
}
.contact-info .contact-info-flex .contact-info-box ul li a {
    color: #fff;
    text-decoration: none;
}
.box1 {
    background: #019cde;
}
.box2{
    background: #ff595d;
}
.box3{
    background: #db3eb1;
}
.box4{
    background: #00a499;
}
.contact-info .contact-info-flex .contact-info-box ul li i {
    font-size: 75px;
}
.contact-info .contact-info-flex .contact-info-box ul li h2 {
/*    font-size: 35px;*/
    font-size: 27px;
    margin-bottom: 0;
    line-height: 40px;
}
.d-none{
    display: none;
}
.search_bar{
    /* padding: 19px 50px; */
/*    border-bottom-left-radius: 40px;*/
    cursor: pointer;
    height: 55px;
    font-size: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 50px;
}
.search_bar span{
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    position: relative;
    color: #606060;
}
/*.search_bar span:after{
    content: "";
    background-color: #000;
    width: 1px;
    height: 22px;
    display: block;
    position: absolute;
    right: -12px;
    top: 0;
}*/
.search_bar input{
    width: 90%;
    float: right;
    height: 32px;
    border: 0;
    font-size: 18px;
/*    border-left: 1px solid #d9d9d9;*/
    top: 10px;
    position: absolute;
    padding: 0px 0px 0px 13px;
    left: 10px;
}
.search_bar input:focus-visible{
    outline: 0;
}
.contact-form .form-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-form .form-flex .map,
 .contact-form .form-flex .form{
    flex: 0 48%;
}
.contact-form .form-flex .map iframe {
    border: 0;
    width: 100%;
    height: 825px;
}
.contact-form .form-flex .form .title p {
    line-height: 35px;
    font-size: 18px;
}
/*.contact-form .form-flex .form .title h2 {
    margin-bottom: 0;
}*/
.contact-form .form-flex .form .form-field {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-form .form-flex .form .textarea textarea{
    padding: 27px 0px 27px 13px;
    font-size: 17px;
    font-style: italic;
    max-width: 98%;
    width: 100%;
    margin: 0;
    border-radius: 20px;
    border: 1px solid #626262;
    margin-top: 20px;
    height: 100px;
    font-family: 'sofia-pro';
}
.contact-form .form-flex .form .form-field input {
    padding: 27px 0px 27px 13px;
    font-size: 18px;
    font-style: italic;
    max-width: 95%;
    width: 100%;
    margin: 0;
    border-radius: 20px;
    border: 1px solid #626262;
    margin-top: 20px;
    font-family: 'sofia-pro';
}
.contact-form .form-flex .form .form-field p {
    flex: 0 48%;
    overflow: hidden;
}
.contact-form .form-flex .form .form-field p label,
.contact-form .form-flex .form .textarea p label {
    font-weight: 600;
    font-size: 18px;
}
input[type="submit"] {
    -webkit-appearance: none;
}
.contact-form .form-flex .form .wpcf7-submit {
    background: #dcdcdc;
    width: 100%;
    background-color: #673a8d;
    color: #fff;
    padding: 19px 50px;
    border-bottom-left-radius: 40px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-family: 'sofia-pro';
    transition: .5s;
}
.contact-form .form-flex .form .wpcf7-submit:hover {
    background: #0ba1dd;
}
.content-pages>.row>.container>.inner-content {
    display: block;
    margin: auto;
    padding: 80px;
    filter: drop-shadow(0px 0px 29px #ededed);
    background: #fff;
    border-radius: 55px;
}
.page-not-found .inner-content{
    width: 80%;
    background: #dcf5ff !important;
    padding: 0 !important;
}
.page-not-found .inner-content .not-found-content{
    text-align: center;
    margin: auto;
    width: 60%;
    padding: 0px 0px 60px 0px;
}
.page-not-found .inner-content .not-found-content img{
    width: 310px;
    margin-top: -50px;
}
.page-not-found .inner-content .not-found-content h1{
    font-size: 150px;
    margin: 0;
}
.page-not-found .inner-content .not-found-content h2{
    margin: 0;
}
.content-pages .inner-content h4 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
}
.content-pages .inner-content p {
    font-size: 18px;
    line-height: 35px;
    padding: 5px;
}
.content-pages .inner-content ul {
/*    padding: 30px 0px 30px 20px;*/
}
.content-pages .inner-content ul li {
    font-size: 18px;
    line-height: 35px;
}
.pojo-a11y-toolbar-overlay{
    border: none !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{
    text-decoration: none;
    font-weight: 600;
    padding: 9px 15px !important;
    font-size: 13px !important;
    white-space: nowrap;
}
.pojo-a11y-toolbar-items.pojo-a11y-tools {
    padding-top: 0 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    background-color: #4054b2;
    color: #ffffff;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    padding: 5px !important;
    font-size: 40px !important;
}
.pojo-a11y-toolbar-link:hover .pojo-a11y-toolbar-icon,
.pojo-a11y-toolbar-link:hover .pojo-a11y-toolbar-text{
    color: #00a74a;
}
.pojo-a11y-toolbar-link.active:hover .pojo-a11y-toolbar-icon,
.pojo-a11y-toolbar-link.active:hover .pojo-a11y-toolbar-text{
    color: #fff;
}
.blog-section .no-results.not-found {
    text-align: center;
}
.blog-section .no-results.not-found .page-content input {
    padding: 10px 20px;
    border-bottom-left-radius: 44px;
    border: 1px solid #ff595d;
}
.blog-section .no-results.not-found .page-content #searchsubmit {
    color: #fff;
    border: 1px solid #ff595d;
    background: #ff595d;
    padding: 10px 38px;
    border-radius: 0;
}
.coming-soon .inner-content {
    text-align: center;
}
.coming-soon .inner-content h2 {
    margin: 85px 0px;
    font-size: 100px;
    font-family: sofia-pro;
}
html body.pojo-a11y-high-contrast img{
    background-color: black !important;
    background:black !important;
}
.category-detail .detail-flex .right-content .single-box .content .read-more {
    text-decoration: underline;
    font-weight: 600;
    letter-spacing: 1px;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li button {
    background: #b94482;
    border: 0;
    color: #fff;
    padding: 15px 25px;
    font-family: 'sofia-pro';
    font-size: 18px;
    cursor: pointer;
    border-bottom-left-radius: 35px;
    border: 2px solid #b94482;
    transition: .5s;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li button.border-btn {
    background: transparent;
    border: 2px solid #b94482;
    color: #b94482;
    transition: .5s;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li button i {
    padding-right: 10px;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li button:hover{
    background: #05998fd4;
    border-color: #05998fd4;
}
.category-detail .detail-flex .right-content .single-box .content ul.buttons li button.border-btn:hover {
    background: transparent;
    color: #05998fd4;
}
.popup-overlay.active {
    position: fixed;
    background: #dcdcdc;
    left: 40%;
    top: 40%;
    display: block;
}
.popup-overlay{
    display: none;
}
.popup-overlay.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.popup-overlay.active .popup-content {
    position: absolute;
    width: 67%;
    background: #fff;
    left: 17%;
    top: auto;
}
.popup-overlay.active .popup-content .popup-body{
    padding-bottom: 70px;
/*    padding-bottom: 20px;*/
}
.popup-overlay.active .popup-content #print-button{
    background: #673a8e;
    padding: 15px 30px;
    color: #fff;
    margin: 0px 60px;
    text-decoration: none;
    border-bottom-left-radius: 25px;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.popup-overlay.active .popup-content .popup-body .content{
    height: 65vh;
    padding: 0 60px 10px;
    clear: both;
    overflow-y: auto;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content-pdf,
.popup-overlay.active .popup-content .popup-body .content .inner-content-pdf iframe {
    height: 100%;
}
.popup-overlay.active .popup-content .popup-body .footer #download-link {
    background: #673a8e;
    padding: 15px 30px;
    color: #fff;
    margin: 0px 60px;
    text-decoration: none;
    border-bottom-left-radius: 25px;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.popup-overlay.active .popup-content .popup-body .content .title h2{
    color: #673a8e;
    margin: 0px 0px 10px;
    font-size: 30px;
    font-family: sofia-pro-bold;
    position: relative;
    line-height: 40px;
}
.popup-overlay.active .popup-content .popup-body .content .title h3{
    font-size: 18px;
    font-family: 'sofia-pro';
    font-weight: 600;
    color: #673a8e;
    margin: 0;
}
.popup-overlay.active .popup-content .popup-body .content .title{
    position: relative;
}
.popup-overlay.active .popup-content .popup-body .content .title:after {
    content: '';
    position: absolute;
    left: 0;
    width: 7%;
    height: 1px;
    bottom: -20px;
    background: #673a8e;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content {
    line-height: 30px;
    font-size: 18px;
    padding-top: 40px;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content.volunteer-popup-content ul {
    list-style: none;
    padding: 0px;
    line-height: 35px;
    margin: 0;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content.volunteer-popup-content ul li{
    position: relative;
    padding-left: 40px;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content.volunteer-popup-content ul li:before{
    content: '';
    background: #673a8e;
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom-left-radius: 10px;
    top: 5px;
    left: 0;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content p{
    margin-top: 0;
    margin-bottom: 0;
}
.popup-overlay.active .popup-content .popup-body .content .inner-content p:has(strong) {
    margin-top: 30px;
}
.popup-overlay.active .popup-content i{
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    background: #673a8e;
    float: right;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 85px;
    transition: .5s;
}
.popup-overlay.active .popup-content i:hover {
    background: #ce474a;
    transition: .5s;
}
.popup-overlay.active .popup-content i:before {
    left: 5px;
    position: relative;
    top: -5px;
}
#em-wrapper .em-search form{
    padding: 50px 25px !important;
    background: #f3f3f3 !important;
    border-radius: 50px;
    border-bottom-left-radius: 85px;
}
#em-wrapper .em-search form .em-search-main{
    background: #fff;
    border: 1px solid #673a8e;
    border-radius: 20px;
    padding: 0;
    border-top-right-radius: 0px;
} 
#em-wrapper .em-search form .em-search-main .em-search-submit.button-primary{
    padding: 25px 60px !important;
    line-height: 0 !important;
    border-radius: 0px !important;
    border-bottom-right-radius: 18px !important;
    background-color: #673a8e !important;
    border: none !important;
    text-transform: capitalize !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    font-weight: 500 !important;
}
.section-event-box {
    display: flex !important;
    justify-content: space-between;
    border: none !important;
    flex-wrap: wrap;
}
.section-event-box .em-item-image {
    flex: 0 26%;
    display: block !important;
    min-width: auto !important;
    width: 100% !important;
    height: auto !important; 
}
.section-event-box .em-item-image .em-item-image-placeholder{
    max-width: 100% !important;
}
.section-event-box .em-item-info {
    flex: 0 72%;
    border: none !important;
    padding: 0 !important;
    border-radius: 50px;
    transition: .5s;
}
.section-event-box .em-item-info:hover{
    background: #f3f3f3;
}
.section-event-box .em-item-info .event-info-inner {
    padding: 40px 35px;
}
.section-event-box .em-item-info .em-item-title {
    padding: 20px 25px 20px 40px !important;
    margin: 0 !important;
    background: #b94482;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    line-height: 25px !important;
}
.section-event-box .em-item-info .em-item-title a {
    color: #fff !important;
    font-family: 'sofia-pro';
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
}
.section-event-box .em-item-image img {
    height: 300px;
    object-fit: cover;
    border-radius: 50px;
    padding: 0px !important;
}
.section-event-box .em-item-info .event-info-inner .em-item-meta {
    display: flex !important;
    flex-wrap: wrap !important;
/*    justify-content: space-between;*/
    margin-bottom: 10px !important;
}
.section-event-box .em-item-info .event-info-inner .em-item-meta div {
    flex: 0 30% !important;
}
.section-event-box .em-item-info .event-info-inner .em-item-meta .em-event-prices {
    display: none;
}
.section-event-box .em-item-info .event-info-inner .em-item-meta div i {
    font-size: 21px;
    color: #663a8d;
}
.section-event-box .em-item-info .event-info-inner .em-item-meta .em-item-meta-line {
    font-size: 18px;
    color: #000;
    font-family: 'sofia-pro';
    font-weight: 600;
}
.section-event-box .em-item-info .event-info-inner .em-item-desc p {
    font-size: 18px !important;
    font-family: 'sofia-pro';
    line-height: 30px !important;
    color: #000;
}
.section-event-box .em-item-info .event-info-inner .tags ul {
    display: flex;
    padding: 0;
    list-style: none !important;
    flex-wrap: wrap;
    margin: 0 !important;
}
.section-event-box .em-item-info .event-info-inner .tags ul li{
    border-radius: 50px;
    margin: 0px 20px 15px 0px;
    padding: 0px 20px;
    font-family: 'sofia-pro';
}
/* .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(odd) {
    background: #c7e8d6;
} */
.green-tag{
    background: #c7e8d6;
    color: #028137 !important;
}
.blue-tag{
    background: #cae0ea;
    color: #004a66 !important;
}
.orange-tag{
    background: #ffddde;
    color: #ce474a !important;
}

.section-event-box .em-item-info .event-info-inner .tags ul li a {
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
}
/* .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(odd) a {
    color: #028137 !important;
}
.section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(even) {
    background: #cae0ea;
}
.section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(even) a {
    color: #004a66 !important;
} */
.section-event-box .em-item-info .event-info-inner .em-item-actions .button {
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.section-event-box .em-item-info .event-info-inner .em-item-actions .button.em-event-book-now{
    background: #673a8e !important;
    color: #fff !important;
}
.section-event-box .em-item-info .event-info-inner .em-item-actions .button.em-item-read-more {
    color: #673a8e !important;
}
.section-event-box .em-item-image .contact-details {
    margin-top: 25px !important;
}
.section-event-box .em-item-image .contact-details li {
    display: flex !important;
    align-content: center;
    margin-bottom: 10px !important;
    line-height: 30px;
}
.section-event-box .em-item-image .contact-details li img {
    flex: 0 12% !important;
    height: auto;
    max-width: 27px;
    padding-right: 0 !important;
}
.section-event-box .em-item-image .contact-details li i {
    font-size: 25px;
    padding: 0;
    color: #673a8e;
}
.section-event-box .em-item-image .contact-details li a {
    text-decoration: none;
    font-size: 18px;
    font-family: 'sofia-pro';
    color: #000 !important;
    font-weight: 600;
    padding-left: 10px !important;
    word-break: break-all;
}
.section-event-box .em-item-info .event-info-inner .address p {
    padding: 0;
    font-size: 18px;
    color: #000;
    font-family: 'sofia-pro';
    font-weight: 600;
}
.section-event-box .em-item-info .event-info-inner .address i {
    font-size: 25px;
    padding-right: 16px;
    color: #bf554c;
}
.section-event-box .em-item-info .event-info-inner .address a {
    color: #000 !important;
}
.content-pages .inner-content.events-outer {
    filter: none;
    padding: 30px 50px;
}
.content-pages .inner-content.events-outer .title{
    text-align: center;
}
.content-pages .inner-content.events-outer .title h2,
.content-pages .inner-content.events-outer .title p{
    margin: 0;
}
.single-event-page{
    padding: 70px 0px;
}
.single-event-page .em.em-item.em-item-single .em-item-header {
    padding: 40px 35px;
    background: #f1f1f1;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    justify-content: space-between;
    margin-bottom: 60px;
    display: flex;
}
.single-event-page .em.em-item.em-item-single .em-item-header .em-item-image {
    flex: 0 26%;
    display: block !important;
    min-width: auto !important;
    width: 100% !important;
    height: auto !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right{
    flex: 0 67%;
    border: none !important;
    padding: 0 !important;
    border-radius: 50px;
    transition: .5s;
    display: block;
}
.single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
    height: 300px;
    object-fit: cover;
    border-radius: 50px;
    padding: 0px !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left{
    flex: 0 30%;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    flex-wrap: wrap;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li {
    list-style: none;
    line-height: 35px;
    border-radius: 50px;
    margin: 0 7px 15px 0;
    padding: 0 20px;
    font-family: 'sofia-pro';
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li:last-child {
    margin: 0;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li a{
    text-decoration: none;
    padding: 15px;
    font-size: 18px;
}
.single-event-page h1{
    padding: 20px 25px 20px 40px !important;
    margin: 0px 65px !important;
    background: #b94482;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    line-height: 25px !important;
    color: #fff;
    font-family: 'sofia-pro';
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
}
.single-event-page h1+div{
    padding: 0px 65px !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
    border-left: 0;
    padding: 0;
    padding-left: 0 !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column {
    display: flex;
    position: relative;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta {
    margin-right: 25px;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-add-to-calendar {
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #673a8e !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta a.button {
    background: #673a8e !important;
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #fff !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta .em-item-meta-line.em-event-prices{
    background: #673a8e !important;
    padding: 17px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #fff !important;
    display: block;
    margin-bottom: 0;
    margin-top: 15px;
    margin-right: 0px;
    font-weight: 600;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta .em-item-meta-line.em-event-prices a {
    color: #fff !important;
    font-style: unset !important;
    text-decoration: none !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail {
    display: flex;
    flex-wrap: wrap;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section {
    flex: 0 50%;
    margin-bottom: 25px !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section h3{
    font-size: 24px !important;
    font-family: 'sofia-pro-bold';
    font-weight: 600 !important;
    text-transform: capitalize;
    letter-spacing: 0px !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .contact-details li {
    display: flex !important;
    align-content: center;
    margin-bottom: 5px !important;
    line-height: 30px;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .contact-details li img {
    flex: 0 12% !important;
    height: auto;
    max-width: 27px;
    padding-right: 0 !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .contact-details li i {
    font-size: 25px;
    padding: 0;
    color: #673a8e;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .contact-details li a {
    text-decoration: none;
    font-size: 18px;
    font-family: 'sofia-pro';
    color: #000 !important;
    font-weight: 600;
    padding-left: 10px !important;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-when i,
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-details i{
    font-size: 21px;
    color: #663a8d;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-where i{
    font-size: 21px;
    color: #bf554c;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-when .em-item-meta-line,
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-item-meta-line,
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-item-meta-line .location{
    text-decoration: none;
    font-size: 18px;
    font-family: 'sofia-pro';
    color: #000 !important;
    font-weight: 600;
    font-style: unset !important;
}
.single-event-page .em.em-item.em-item-single .em-event-content{
    border-top: 1px solid #e7e7e7;
    padding-top: 50px;
}
.single-event-page .em.em-item.em-item-single .em-event-content h3{
    font-size: 24px !important;
    margin: 0;
    background: none;
    color: #000;
    padding: 0;
    font-family: 'sofia-pro-bold';
}
.single-event-page .em.em-item.em-item-single .em-event-content p {
    font-size: 18px !important;
    font-family: 'sofia-pro';
    line-height: 30px !important;
    color: #000;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings{
    display: flex;
    justify-content: space-between;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .map,
.single-event-page .em.em-item.em-item-single .em-event-bookings #em-event-booking-form{
    flex: 0 48%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form h2 {
    font-size: 20px !important;
    font-family: 'sofia-pro';
    line-height: 30px !important;
    color: #000;
    text-transform: capitalize;
    margin: 0 !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form h3.em-booking-section-title {
    font-family: 'sofia-pro-bold';
    color: #000;
    background: transparent;
    padding: 0;
    border: 0;
    font-size: 24px !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section {
    margin: 30px 0px;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section input[type="checkbox"]{
    padding: 8px!important;
    border-radius: 3px !important;
    border-color: #939393 !important;
    margin-right: 5px
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .np_field,
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .np_field p {
    flex: 0 47%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list:first-child p{
    flex: 0 47%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list p{
    flex: 0 37%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list .remove-field {
    color: #fff !important;
    background: #673a8e !important;
    border: none !important;
    border-bottom-left-radius: 20px !important;
    font-family: 'sofia-pro';
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest #add-field {
    border: 1px solid #673a8e !important;
    color: #673a8e !important;
    font-family: 'sofia-pro';
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section p input{
    padding: 25px 15px !important;
    border-radius: 15px !important;
    border-color: #000 !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody {
    display: flex;
    justify-content: space-between;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr {
    border-top: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    flex: 0 47%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets {
    margin: 0;
    width: 100%;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr td {
    padding: 10px  0px!important;
    width: 100%;
    text-transform: capitalize;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr td select {
    width: 100% !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-payment.em-booking-section {
    margin: 0;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr td select {
    height: 55px !important;
    border-radius: 15px !important;
    border-color: #000 !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-payment.em-booking-section .input-group.input-checkbox {
    margin: 0 !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-payment.em-booking-section .em-booking-buttons .em-booking-submit {
    background: #673a8e !important;
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #fff !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form input {
    padding: 25px 15px !important;
    border-radius: 15px !important;
    border-color: #000 !important;
    margin: 0 !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form input .em-login-actions .em-login-meta input[type="checkbox"] {
    border-radius: 0 !important;
    border-color: unset !important;
    margin: 0 8px 0 0;
    padding: 0;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form input[type="checkbox"] {
    padding: 0 !important;
    border-radius: 0 !important;
    border: 1px solid var(--border-color-softer)!important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-submit {
    background: #673a8e !important;
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #fff !important;
}
.single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-cancel {
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #673a8e !important;
}
#em-wrapper .em-search form .em-search-main .em-search-submit.button-primary .fa-magnifying-glass{
    display: none;
}
.em.em-list .em-item .em-item-image .em-item-image-placeholder{
    max-width: 55% !important;
    margin: auto;
    height: 270px;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder{
    width: 100%;
    max-width: 55%;
    aspect-ratio: 1/1;
    background: var(--icon-calendar-empty) center center no-repeat;
    background-size: 100%;
    opacity: .45;
    margin: auto;
    height: 270px;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder .date{
    display: grid;
    grid-template-rows: 7fr 4fr;
    justify-content: center;
    align-items: start;
    height: 100%;
    min-width: 125px;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder .day{
    font-size: 45px;
    line-height: 45px;
    align-self: end;
}
.single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder .month{
    text-align: center;
    display: block;
    font-size: 30px;
    line-height: 30px;
}
.volunteer-banner .outer .volunteer-banner-text{
    flex: 0 40%;
}
.volunteer-banner .outer .volunteer-banner-text h1{
    background: #FFDEDF;
    color: #BF554C;
    padding: 15px 30px 15px 15px;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    border-bottom-right-radius: 45px;
    display: inline-block;
}
.volunteer-banner .outer .volunteer-banner-text h2 {
    font-size: 60px;
    margin: 20px 0px 30px 0px;
    font-family: sofia-pro-bold;
    line-height: 70px;
}
.volunteer-banner .outer .volunteer-banner-text p {
    font-size: 18px;
    margin: 30px 0px 0px 0px;
    line-height: 30px;
    font-weight: 500;
}
.volunteer-banner .outer .volunteer-banner-image {
    flex: 0 50%;
}
.volunteer-banner .outer .volunteer-banner-image img {
    width: 100%;
}
.volunteer-role .volunteer-role-box{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 17px;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single{
    flex: 0 23.9%;
/*    margin-bottom: 25px;*/
    text-align: center;
    color: #fff;
    background: #D4348A;
    transition: .5s;
    border-bottom-right-radius: 55px;
    text-decoration: none;
    cursor: pointer;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single a{
    text-decoration: none;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single:hover,
.volunteer-role .volunteer-role-box .volunteer-role-box-single:hover .volunteer-role-box-single{
    background: #00857D;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single:hover button{
    background: #673a8d !important;
    color: #fff !important;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single img{
    width: 100%;
    height: 271px;
    object-fit: cover;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area{
    padding: 0px 50px 28px 28px;
    color: #fff;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h3{
    padding-top: 35px;
    margin: 0;
    font-size: 24px;
    color: #fff;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h4{
    margin: 10px 0px;
    font-size: 18px;
    font-family: 'sofia-pro';
    font-weight: 500;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area p{
    line-height: 30px;
}
.volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area button{
    background: #fff;
    border: none;
    padding: 15px 45px;
    color: #673a8d;
    font-size: 18px;
    border-bottom-right-radius: 30px;
    transition: .5s;
    cursor: pointer;
    border-bottom-left-radius: 0;
}
.volunteer-information .volunteer-information-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content {
    flex: 0 50%;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content h3{
    margin: 0;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 38px;
}
.volunteer-information .volunteer-information-flex .volunteer-information-right-image {
    flex: 0 50%;
    text-align: center;
}
.volunteer-information .volunteer-information-flex .volunteer-information-right-image img{
    width: 250px;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content ul {
    list-style: none;
    padding: 10px 0px;
    line-height: 35px;
    margin: 0;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content p{
    line-height: 30px;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content ul li:before {
    content: '';
    background: #673a8e;
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom-left-radius: 10px;
    top: 5px;
    left: 0;
}
.volunteer-information .volunteer-information-flex .volunteer-information-left-content ul li {
    position: relative;
    padding-left: 40px;
}
.em-pagination .page-numbers.current {
    height: auto !important;
}
.em-pagination .not-current.second-half {
    height: auto;
}
.em-pagination .second-half .page-numbers {
    background: #f0f0f0 !important;
    margin-right: 15px;
    line-height: 30px;
    border-radius: 10px;
    color: #000 !important;
}
.em-pagination.em-ajax .page-numbers {
    margin-right: 15px !important;
    line-height: 30px;
    border-radius: 10px;
    color: #000 !important;
    background: #f0f0f0 !important;
}
.em-pagination.em-ajax .page-numbers.current {
    background: #673a8e !important;
    color: #fff !important;
    font-size: 21px !important;
    text-decoration: none;
}
.em-pagination .second-half .page-numbers:hover {
    font-size: 18px !important;
    height: 38px;
    padding: 5px 0px;
    line-height: 30px;
}
.em-pagination .not-current.first-half .page-numbers {
    background: #f0f0f0 !important;
    margin-right: 15px;
    line-height: 30px;
    border-radius: 10px;
    color: #000 !important;
}
.em-pagination .not-current.first-half .page-numbers:hover{
    font-size: 18px !important;
    height: 38px;
    padding: 5px 0px;
    line-height: 30px;
}
.em-pagination .page-numbers.next {
    background-image: none !important;
    position: relative;
    opacity: 1 !important;
    background: transparent !important;
}
.em-pagination .next.page-numbers:after {
    content: '\f105';
    position: absolute;
    font-family: 'FontAwesome';
    color: #673a8e !important;
    top: 0;
    font-size: 19px;
    opacity: 1 !important;
}
.em-pagination .next.last.page-numbers:after {
    display: none;
}
.em-pagination .prev.first.page-numbers,
.em-pagination .next.last.page-numbers{
    display: none !important;
}
.em-pagination .page-numbers.prev {
    background-image: none !important;
    position: relative;
    opacity: 1 !important;
    background: transparent !important;
}
.em-pagination .prev.page-numbers:after {
    content: '\f104';
    position: absolute;
    font-family: 'FontAwesome';
    color: #673a8e !important;
    top: 0;
    font-size: 19px;
    opacity: 1 !important;
}
.em-pagination .page-numbers.prev+.page-numbers:hover {
    font-size: 18px !important;
    height: 38px;
    padding: 5px 0px;
    line-height: 30px;
}
.em-pagination.em-ajax .page-numbers:hover {
    font-size: 18px !important;
    height: 38px;
    padding: 5px 0px;
    line-height: 30px;
}
.em-pagination .page-numbers.next:hover {
    color: #fff !important;
    height: 25px;
    transform: translateX(-5px);
}
.em-pagination .page-numbers.prev:hover{
    color: #fff !important;
    height: 25px;
    transform: translateX(-5px);
}
.volunteer-contact-info .volunteer-contact-info-box {
    display: flex;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box {
    margin-right: 15px;
    flex: 0 33%;
    background: #f0f0f0;
    border-radius: 50px;
    display: grid;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul{
    grid-column: none;
    line-height: 30px;
    padding: 0;
    list-style: none;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul li a {
    text-decoration: none;
    color: #000;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul li h2{
    font-size: 35px;
    font-family: 'sofia-pro-bold';
    margin: 10px 0px;
    padding-left: 10px;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul .location {
    display: flex;
    align-items: center;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul .location i {
    font-size: 30px;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(1) .location,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(1) .email i,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(1) .phone i {
    color: #673a8e;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(2) .location,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(2) .email i,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(2) .phone i  {
    color: #b94482;
}
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(3) .location,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(3) .email i,
.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(3) .phone i  {
    color: #BF554C;
}
/*.volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box:nth-child(3) {
    opacity: 0.6;
}*/
.volunteer-support-section {
    /* background: #00a64a; */
    background-color: rgb(4, 134, 62);
    padding: 0;
}
.volunteer-support-section .inner-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.volunteer-support-section .inner-section .content {
    flex: 0 45%;
    padding-right: 90px;
}
.volunteer-support-section .inner-section .image {
    flex: 0 44%;
    position: relative;
    overflow: hidden;
    height: 700px;
    -webkit-mask-image: url(assets/images/volunteer-shape.png);
    -webkit-mask-size: auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: right;
}
.volunteer-support-section .inner-section .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.volunteer-support-section .inner-section .image:before{
    content: '';
    background: url('assets/images/volunteer-green-white-layer.png');
    position: absolute;
    width: 239px;
    height: 709px;
    bottom: 0;
    background-repeat: no-repeat;
    right: -5px;
    top: 0;
}
.volunteer-support-section .inner-section .content h3{
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.volunteer-support-section .inner-section .content h2 {
    margin-top: 5px;
    font-family: sofia-pro-bold;
    color: #fff;
}
.volunteer-support-section .inner-section .content p {
    color: #fff;
    line-height: 30px;
}
.login-popup-overlay.active {
    position: fixed;
    background: #dcdcdc;
    left: 40%;
    top: 40%;
    display: block;
}
.login-popup-overlay{
    display: none;
}
.login-popup-overlay.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.login-popup-overlay.active .popup-content {
    position: absolute;
    width: 70%;
    background: #fff;
    left: 15%;
    top: auto;
}
.login-popup-overlay.active .popup-content .popup-body{
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
}
.login-popup-overlay.active .popup-content .popup-body .content{
    height: 85vh;
    padding: 0 0px 0px;
    display: flex;
    align-items: center;
}
.login-popup-overlay.active .popup-content .popup-body .content .left-image{
    background: url(assets/images/login-img.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    flex: 0 53%;
    border-bottom-right-radius: 235px;
    background-position: center;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right {
    flex: 0 47%;
    max-height: 80vh;
    overflow-y: auto;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .error-logged,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .error-logged{
    text-align: center;
    font-weight: 600;
}
.login-popup-overlay.active .popup-content .popup-body .content h2{
    color: #673a8e;
    margin: 0px 0px 40px;
    font-size: 30px;
    font-family: sofia-pro-bold;
    position: relative;
    line-height: 40px;
}
.login-popup-overlay.active .popup-content .popup-body .content h2:after {
    content: '';
    position: absolute;
    left: 0;
    width: 7%;
    height: 1px;
    bottom: -25px;
    background: #673a8e;
}
.login-popup-overlay.active .popup-content .popup-body .content .inner-content {
    line-height: 30px;
    font-size: 18px;
}
.login-popup-overlay.active .popup-content i.login-close-icon{
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    background: #673a8e;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 85px;
    transition: .5s;
    position: absolute;
    right: 0;
}
.login-popup-overlay.active .popup-content i.login-close-icon:hover {
    background: #ce474a;
    transition: .5s;
}
.login-popup-overlay.active .popup-content i.login-close-icon:before {
    left: 5px;
    position: relative;
    top: -5px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form {
    width: 75%;
    margin: auto;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user,
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass {
    display: flex;
    flex-direction: column;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user label,
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass label {
    padding-bottom: 5px;
    font-size: 18px;
    padding-top: 15px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user label input,
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass label input {
    padding: 20px 15px !important;
    border-radius: 15px !important;
    border: 1px solid #000;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_user input,
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .log_pass input {
    padding: 17px 15px !important;
    border-radius: 15px !important;
    border: 1px solid #000;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-header,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header  {
    text-align: center;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .forgot-pass {
    float: right;
    color: #323232;
    margin: 15px 0px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .login-remember {
    float: left;
    margin: 15px 0px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .login-header h4,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header h4,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header h4 {
    font-size: 30px;
    margin: 10px 0 15px;
    color: #673a8e;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .login-header p,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header p,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .registration-header p {
    margin-top: 5px;
    font-size: 18px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form button.g-recaptcha,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user .register_user{
    background: #673a8e;
    padding: 15px 40px;
    height: auto;
    font-size: 18px;
    font-family: 'sofia-pro';
    text-transform: capitalize;
    border: 2px solid #673a8e;
    border-bottom-left-radius: 30px;
    margin-right: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    width: 100%;
    cursor: pointer;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen {
    width: 75%;
    margin: auto;
    display: none;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen.active,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen.active,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active{
    display: block;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen.deactive,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen.deactive,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.deactive{
    display: none;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass{
    display: flex;
    flex-direction: column;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user label,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user label,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass label {
    padding-bottom: 5px;
    font-size: 18px;
    padding-top: 15px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user input,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user input,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass input,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user select{
    padding: 17px 15px !important;
    border-radius: 15px !important;
    border: 1px solid #000;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user select{
    height: 50px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user button.get_new_password {
    background: #673a8e;
    padding: 15px 40px;
    height: auto;
    font-size: 18px;
    font-family: 'sofia-pro';
    text-transform: capitalize;
    border: 2px solid #673a8e;
    border-bottom-left-radius: 30px;
    margin-right: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin: 25px 0px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user .back-to-login {
    text-align: center;
    text-decoration: none;
    color: #3e3e3e;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .log_user .back-to-login i {
    font-family: FontAwesome;
    padding-right: 15px;
    font-size: 17px;
    color: #000;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header i{
    color: #673a8e;
    border: 3px solid #673a8e;
    border-radius: 45px;
    font-size: 25px;
    width: 35px;
    height: 35px;
    line-height: 34px;
    position: relative;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header i:before{
    left: 16px;
    position: absolute;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .register {
    text-align: center;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .register a {
    text-decoration: none;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register_form .flex {
    display: flex;
    justify-content: space-between;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register_form .flex .log_user {
    flex: 0 47%;
    width: 47%;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user.confirmation {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding-bottom: 15px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_user.confirmation #organisation_confirm {
    transform: scale(1.3);
    margin-right: 15px;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen.active .have-account {
    text-align: center;
}
.practitioner-login .practitioner-login-left {
    flex: 0 55%;
}
.practitioner-login .practitioner-login-left h1 {
    font-size: 60px;
    margin: 20px 0px 30px 0px;
    font-family: sofia-pro-bold;
    line-height: 70px;
}
.practitioner-login .practitioner-login-left h2 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 38px;
    font-family: 'sofia-pro';
}
.practitioner-login .practitioner-login-left p {
    line-height: 30px;
}
.practitioner-login .practitioner-login-left p a {
    color: #000;
}
.practitioner-login .practitioner-login-left ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}
.practitioner-login .practitioner-login-right {
    flex: 0 40%;
}
.practitioner-login .practitioner-login-right p {
    text-align: center;
    color: #a1a1a1;
}
.practitioner-login .practitioner-login-right img{
    width: 100%;
}
.practitioner-login .practitioner-login-left ul li:first-child button {
    padding: 15px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #673a8e;
    color: #fff;
    width: 170px;
    cursor: pointer;
}
.practitioner-login .practitioner-login-left ul li:last-child button {
    padding: 15px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent;
    color: #673a8e;
    width: 170px;
    cursor: pointer;
}
.menu ul .menu-item-has-children:after {
    content: '\f078';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
    font-size: 10px;
    top: 25px;
}
.menu ul .menu-item-has-children:hover .sub-menu li {
    display: block;
    background: #ffffff;
}
.menu ul li.menu-item-has-children:hover .sub-menu li:hover a {
    color: #00a499;
}
.menu ul li:hover a {
    color: #00a499;
}
.menu ul li.current-menu-item a,
.menu ul li.current-menu-parent a,
.menu ul li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor ul li.current-menu-item a{
    color: #00847b;
}
.em.em-search-advanced .em-search-main input.em-search-geo.off{
    background-image: none !important;
}
.menu ul .menu-item-has-children:hover .sub-menu {
    flex-wrap: wrap;
    position: absolute;
    left: 0px;
    top: 100%;
    perspective: 1000px;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center;
    display: block;
    border-top: 5px solid #673a8d;
    border-left: 1px solid #673a8d;
    border-right: 1px solid #673a8d;
    width: 270px;
    z-index: 1;
}
@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}
.menu ul li.menu-item-has-children:hover .sub-menu li {
    flex: 0 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #c197e5;
}
.menu ul .menu-item-has-children {
    position: relative;
}
.menu ul .menu-item-has-children .sub-menu {
    display: none;
}
.menu ul li.menu-item-has-children:hover .sub-menu li a {
    font-size: 15px;
/*    color: #673a8d;*/
    color: #000;
}
.menu ul {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    transition: .5s;
    margin: 0;
}
.menu ul li {
    padding: 18px 15px 18px 15px;
    font-size: 18px;
}
.menu ul li a{
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.menu ul li.nav-close-btn{
    display: none;
}
.vision-mission-popup-overlay.active {
    position: fixed;
    background: #dcdcdc;
    left: 40%;
    top: 40%;
    display: block;
}
.vision-mission-popup-overlay{
    display: none;
}
.vision-mission-popup-overlay.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.vision-mission-popup-overlay.active .popup-content {
    position: absolute;
    width: 70%;
    background: #fff;
    left: 15%;
    top: auto;
}
.vision-mission-popup-overlay.active .popup-content .popup-body{
    padding-bottom: 0px;
    position: relative;
    overflow: hidden;
}
.vision-mission-popup-overlay.active .popup-content .popup-body .content{
    height: 65vh;
    padding: 0px 20px;
    align-items: center;
    line-height: 25px;
    overflow: auto;
    margin-bottom: 25px;
    clear: both;
}
.vision-mission-popup-overlay.active .popup-content .popup-body .content h2{
    color: #673a8e;
    margin: 0px 0px 40px;
    font-size: 30px;
    font-family: sofia-pro-bold;
    position: relative;
    line-height: 40px;
}
.vision-mission-popup-overlay.active .popup-content .popup-body .content h2:after {
    content: '';
    position: absolute;
    left: 0;
    width: 7%;
    height: 1px;
    bottom: -25px;
    background: #673a8e;
}
.vision-mission-popup-overlay.active .popup-content i.vision-mission-close-icon{
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    background: #673a8e;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 85px;
    transition: .5s;
    float: right;
}
.vision-mission-popup-overlay.active .popup-content i.vision-mission-close-icon:hover {
    background: #ce474a;
    transition: .5s;
}
.vision-mission-popup-overlay.active .popup-content i.vision-mission-close-icon:before {
    left: 5px;
    position: relative;
    top: -5px;
}

/* start tootip */
.tooltip-anchor {
    position: relative;
    text-decoration: none;
}

.tooltip-anchor:hover .tooltip-content {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    width: 100%; /* Adjust as needed */
    background-color: #000;
/*    border: 1px solid #ccc;*/
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 999;
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    bottom: 30px;
    word-break: break-word;
}
.tooltip-anchor:hover .tooltip-content:after{
    content: '';
    position: absolute;
    background: #000;
    width: 10px;
    height: 10px;
    left: 15px;
    transform: rotate(45deg);
    bottom: -5px;
}

.tooltip-content {
    display: none;
}
/* end tootip */



.em-search.em-search-advanced.em-events-search-advanced {
    padding: 0px!important;
}
.em-search.em-search-advanced.em-events-search-advanced header .em-modal-title{
    color: #673a8e;
    font-family: 'sofia-pro-bold';
    font-size: 25px !important;
}
.em-search.em-search-advanced.em-events-search-advanced header .em-close-modal {
    background: none !important;
}
.em-search.em-search-advanced.em-events-search-advanced header .em-close-modal:after {
    content: '\f00d';
    position: absolute;
    font-size: 30px;
    background: #673a8e;
    float: right;
    width: 90px;
    height: 82px;
    top: 0;
    right: 0px;
    color: #fff;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    border-bottom-left-radius: 75px;
    line-height: 75px;
    transition: .5s;
    font-family: FontAwesome;
    padding-left: 25%;
}

.em-search.em-search-advanced.em-events-search-advanced header {
    padding: 25px 55px 24px 15px;
    position: relative;
    border: 0;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content{
    font-family: 'sofia-pro';
    padding: 20px 15px 0px 15px
}
body .em-search.em-search-advanced.em-events-search-advanced header .em-close-modal {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}
body .em-search.em-search-advanced.em-events-search-advanced footer.em-submit-section {
    padding: 5px 10px;
    background: #fff;
}
body .em-search.em-search-advanced.em-events-search-advanced footer.em-submit-section>div{
    padding: 10px 5px!important;
}
body .em-search.em-search-advanced.em-events-search-advanced footer.em-submit-section button.button.button-secondary{
    border: 1px solid #673a8e !important;
    color: #673a8e !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    border-bottom-left-radius: 35px !important;
    height: 50px !important;
    font-size: 15px !important;
    font-family: 'sofia-pro';
    width: 100%;
}
body .em-search.em-search-advanced.em-events-search-advanced footer.em-submit-section button.button.button-primary{
    background: #673a8e !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom-left-radius: 35px !important;
    height: 50px !important;
    font-size: 15px !important;
    font-family: 'sofia-pro';
    width: 100%;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-popup > header {
    position: relative;
    background: #fff;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-popup >header:after {
    content: '';
    position: absolute;
    width: 10%;
    height: 1px;
    background: #673a8e;
    bottom: 0;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-datepicker.em-datepicker-range:before {
    content: '\f073';
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    left: 10px;
    color: #673a8e;
    font-size: 17px;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-geo.em-search-field:before {
    content: '\f3c5';
    position: absolute;
    font-family: FontAwesome;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 10px;
    color: #bf554c;
    font-size: 17px;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-text.em-search-field.input:before {
    content: '\f002';
    position: absolute;
    font-family: FontAwesome;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 10px;
    color: #673a8e;
    font-size: 17px;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-datepicker.em-datepicker-range,
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-text.em-search-field.input,
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-geo.em-search-field{
    position: relative;
}
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-datepicker.em-datepicker-range .em-search-scope,
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-geo,
.em-search.em-search-advanced.em-events-search-advanced .em-modal-content .em-search-text.em-search-field.input .em-search-text {
    background: none !important;
}
.em-search.em-search-advanced.em-events-search-advanced header .em-close-modal:hover:after{
    background: #dcdcdc;
    background: #ce474a;
    transition: .5s;
}
.practioner-login{
  flex-grow: unset;
  justify-content: end;
  display: flex;
}
.practioner-login:hover .login-btn{
    background: #0ba1dd;
}
.practioner-login .login-btn{
    background-color: #ce474a;
    color: #fff;
    padding: 19px 40px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    border-bottom-left-radius: 40px !important;
    transition: .5s;
    font-family: 'sofia-pro';
}
.alert.alert-danger {
    color: #ce474a;
}
.em .em-add-to-calendar-tooltip{
    z-index: 0 !important;
}
.hero-section .content-left{
    flex: 0 55%;
}
.hero-section .content-left h1{
    font-size: 60px;
    margin: 20px 0px 30px 0px;
    font-family: sofia-pro-bold;
    line-height: 70px;
}
.hero-section .content-left p{
    line-height: 30px;
}
.hero-section .content-left p a{
    color: #000;
}
.hero-section .content-left button{
    background: #673a8e;
    color: #fff;
    padding: 19px 40px;
    font-size: 18px;
    border: 1px solid #673a8e;
    font-weight: 600;
    border-bottom-left-radius: 35px;
    font-family: 'sofia-pro';
    cursor: pointer;
    transition: .5s;
}
.hero-section .content-left button:hover{
    background: transparent;
    color: #673a8e;
    border: 1px solid #673a8e;
}
.hero-section .content-left button i{
    padding-left: 15px
}
.hero-section .content-right{
    flex: 0 40%;
}
.hero-section .content-right img{
    width: 100%;
}
.advice-section{
    background: url('assets/images/smile-img.png');
    background-repeat: no-repeat;
    background-position: right;
}
.advice-section .outer .content-left{
    flex: 0 60%;
}
.advice-section .outer .content-left ul{
    list-style: none;
    padding: 0;
}
.advice-section .outer .content-left li{
    position: relative;
    padding-left: 40px;
    line-height: 30px;
    margin-bottom: 35px;
}
.advice-section .outer .content-left li button{
    background: #05998f;
    color: #fff;
    padding: 19px 40px;
    font-size: 18px;
    border: 1px solid #05998f;
    font-weight: 600;
    border-bottom-left-radius: 35px;
    font-family: 'sofia-pro';
    cursor: pointer;
    transition: .5s;
}
.advice-section .outer .content-left li button:hover {
    background: transparent;
    border: 1px solid #05998f;
    color: #05998f;
    padding: 19px 40px;
}
.advice-section .outer .content-left li:before{
    content: '';
    background: #673a8e;
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom-left-radius: 10px;
    top: 5px;
    left: 0;
}
.login-screen.active .validation_error {
    text-align: center;
}
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .register_form .log_user p,
.login-popup-overlay.active .popup-content .popup-body .content .form-right .registration-screen .log_pass p{
    font-size: 15px;
    color: #ce474a;
    margin: 3px 0px;
}
.em.em-search.has-advanced.has-views .em-search-views #tippy-3 {
    z-index: 1 !important;
} 
.verification-page{
    padding: 150px 0px  70px 0px!important;
}   
.verification-page .inner-content{
    width: 80%;
    background: #dcf5ff;
    padding: 0;
    filter: none;
}
.verification-page .inner-content .verification-inner-content{
    text-align: center;
    margin: auto;
    width: 60%;
    padding: 0px 0px 60px 0px;
}
.verification-page .inner-content .verification-inner-content img{
    width: 245px;
    margin-top: -158px;
    border: 15px solid #fff;
    border-radius: 70%;
}
.verification-page .inner-content .verification-inner-content h2{
    margin: 35px 0px;
}
.category-detail.practitioner-area .detail-flex .left-content h3,
.category-detail.practitioner-area .detail-flex .right-content .details-tab h3{
    background: #673a8e;
}
.category-detail.practitioner-area .detail-flex .left-content .related-categories-flex ul a.active,
.category-detail.practitioner-area .detail-flex .right-content .single-box .content ul.buttons li button.border-btn{
    color: #673a8e;
}
.category-detail.practitioner-area .detail-flex .right-content .single-box .content ul.buttons li button.border-btn{
    border: 2px solid #673a8e;
    color: #673a8e;
    background: transparent;
}
.category-detail.practitioner-area .detail-flex .right-content .single-box .content ul.buttons li button{
    background: #673a8e;
    border: 2px solid #673a8e;
}
#em-event-booking-form .booking-waitlist input[type=email]{
    padding: 25px 15px !important;
    border-radius: 15px !important;
    border: 1px solid #000 !important;
    margin-bottom: 10px !important;
}
#em-event-booking-form .booking-waitlist .error-message{
    color: #ce474a;
    font-size: 15px;
}
#em-event-booking-form .booking-waitlist .success-message{
    color: #0b910b;
    font-size: 15px;
    margin-bottom: 5px !important;
}
#em-event-booking-form .booking-waitlist input[type=submit]{
    background: #673a8e !important;
    padding: 10px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #fff !important;
}
.em button.input.em-tooltip-ddm{
    background-position: calc(100% - 15px) 53%!important;
}
.em-add-to-calendar-tooltip.active{
   display: block;
   visibility: visible !important;
   transform: unset !important;
   top: 90px !important;
}
.em-add-to-calendar-tooltip{
   display: none;
   visibility: hidden !important;
}
.em button.input.em-tooltip-ddm[aria-expanded=true]{
    background-image: var(--icon-chevron-down)!important;
}
.menu ul .menu-item-has-children:hover .sub-menu .advice-support-btn {
    background: #05998f;
}
.menu ul .menu-item-has-children:hover .sub-menu .advice-support-btn:hover a,
.menu ul .menu-item-has-children:hover .sub-menu .advice-support-btn a{
    color: #fff;
}
.single-button{
    background: #107fae;
    border: 2px solid #107fae;
    color: #fff;
    padding: 15px 25px;
    font-family: 'sofia-pro';
    font-size: 18px;
    cursor: pointer;
    border-bottom-left-radius: 35px;
    transition: .5s;
    margin: 0px 15px 15px 0px;
}
.single-button:hover{
    background: transparent;
    color: #107fae;
}
.button-listing{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.advice-section-main h2{
    color: #673a8e;
}
.advice-section-main .volunteer-banner-text {
    flex: 0 50% !important;
}
.advice-section-main .volunteer-banner-image {
    flex: 0 40% !important;
}
.advice-section-content .content {
    flex: 0 60%;
}
.advice-section-content .content ul {
    padding: 0;
    list-style: none;
}
.advice-section-content .content ul li p{
    line-height: 30px;
}
.advice-section-category-detail h2{
    color: #673a8e;
    margin-bottom: 0;
}
.footer-center .footer-center-left .wp-block-gallery {
    flex-wrap: nowrap;
}
.hero-section-chat h1{
    background: #FFDEDF;
    color: #BF554C;
    padding: 15px 30px 15px 15px;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
    border-bottom-right-radius: 45px;
    display: inline-block;
}
.hero-section-chat h2{
    font-size: 60px;
    margin: 20px 0px 30px 0px;
    font-family: sofia-pro-bold;
    line-height: 70px;
}
.chat-boxes .volunteer-role-box{
    display: grid;  
    gap: 0px;
    grid-template-columns: 1fr 1fr;
}
.chat-boxes .volunteer-role-box .volunteer-role-box-single{
    margin-bottom: 50px;
    border-bottom-right-radius: 145px;
}
.chat-boxes .volunteer-role-box .volunteer-role-box-single h4{
    line-height: 30px;
}
.chat-boxes .volunteer-role-box .volunteer-role-box-single img{
    height: 460px;
}
.chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(1n-1) {
    margin-left: 50px;
    margin-right: 200px;
}
.chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(2n-1) {
    margin-left: 200px;
    margin-right: 50px;
}
.volunteer-banner .outer .volunteer-banner-text .heading{
    font-size: 45px;
    margin-top: 5px;
    line-height: 55px;
    font-family: sofia-pro-bold;
}
.local-offer-care-experienced button{
    padding: 15px 40px !important;
    height: auto !important;
    font-size: 18px !important;
    font-family: 'sofia-pro';
    text-transform: capitalize !important;
    border: 2px solid #673a8e !important;
    border-bottom-left-radius: 30px !important;
    margin-right: 20px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #673a8e;
    color: #fff;
    cursor: pointer;
}
.local-offer-care-experienced button i{
    padding-right: 5px;
}
.pink-tag{
    background: #ffd5eb;
    color: #bb4d87;
}
.social-btn {
    display: grid;
    /* width: 220px; */
    padding: 20px;
}
.social-btn p {
    margin: 0px 0px 15px 0px;
    color: #b94482;
    font-weight: 600;
}
.social-btn .share-buttons i {
    font-size: 30px;
    margin-right: 20px;
}
.social-btn .share-buttons .fa-facebook {
    color: #3b5998;
}
.social-btn .share-buttons .fa-twitter {
    color: #00acee;
}
.social-btn .share-buttons .fa-linkedin {
    color: #0A66C2;
}
.social-btn .share-buttons .fa-whatsapp {
    color: #25D366;
}
.blog-section .grid-view .blogs-inner {
    flex: 0 100%;
    background: #f7f7f7;
    padding: 40px;
    border-radius: 35px;
}
.blog-section .grid-view .blogs-inner .image {
    flex: 0 20%;
}
.blog-section .grid-view .blogs-inner .image img{
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.unique-tag{
    background: #107fae;
    border: 0;
    padding: 7px 20px;
    border-radius: 50px;
    font-family: 'sofia-pro';
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 10px auto;
}
.blog-section .grid-view .blogs-inner .content {
    flex: 0 75%;
}
/*.blog-section .grid-view .blogs-inner .image {
    display: none;
}*/
.blog-section .grid-view .blogs-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.blog-section .grid-view .blogs-inner h3 {
    margin: 0;
}
.blog-section .grid-view .blogs-inner:hover {
    background: #ededed;
}
.grid-view .pagination-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.grid-view .pagination-flex .page-numbers.current {
    background: #673a8e !important;
    color: #fff !important;
    font-size: 21px !important;
    text-decoration: none;
    padding: 4px 0;
}
.grid-view .pagination-flex .page-numbers {
    margin-right: 15px !important;
    line-height: 30px;
    border-radius: 10px;
    min-width: 38px;
    margin: 0;
    transition: all 300ms ease-in-out;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    padding: 2px 0px;
}
.grid-view .pagination-flex .next.page-numbers,
.grid-view .pagination-flex .prev.page-numbers  {
    font-size: 18px;
}
.topic-category {
    padding: 0;
    list-style: none;
    margin: 0;
}
.topic-category li {
    margin: 0 15px 15px 0;
    font-size: 18px;
    line-height: 35px;
    display: inline-block;
}
.topic-category li .orange-tag,
.topic-category li .green-tag {
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'sofia-pro';
    text-decoration: none;
    font-weight: 400 !important;
}
.popup-overlay.active .popup-content .footer .date-social{
    display: flex;
    padding: 0px 0px;
    color: #fff;
    margin: 0 60px;
    text-decoration: none;
    border-bottom-left-radius: 25px;
    position: absolute;
    bottom: 20px;
    left: 0;
    align-items: center;
}
.popup-overlay.active .popup-content .footer .date-social .date{
    padding-right: 8px;
    border-right: 1px solid #000;
}
.popup-overlay.active .popup-content .footer .date-social .date p{
    color: #000;
    margin: 0;
}
.popup-overlay.active .popup-content .footer .date-social .social-btn{
    width: auto;
    padding: 0px 0px 0px 8px;
}
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 10px;
}
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a{
    text-decoration: none;
}
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i{
    font-size: 20px;
    margin-right: 20px;
    background: none;
    display: block;
    width: auto;
    height: auto;
}
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i.fab.fa-facebook{
    color: #3b5998;
}  
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i.fab.fa-twitter{
    color: #00acee;
} 
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i.fab.fa-linkedin{
    color: #0a66c2;
} 
.popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i.fab.fa-whatsapp{
    color: #25d366;
}  
.single-topic-flex {
    display: flex;
    justify-content: space-between;
    margin: 70px 0px;
    flex-wrap: wrap;
}
.single-topic-flex .single-topic-left {
    flex: 0 20%;
}
.single-topic-flex .single-topic-left img {
    width: 100%;
    height: auto;
    border-radius: 25px;
}
.single-topic-flex .single-topic-left button{
    background: #107fae;
    border: 0;
    padding: 7px 20px;
    border-radius: 50px;
    font-family: 'sofia-pro';
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}
.single-topic-flex .single-topic-right {
    flex: 0 78%;
} 
.single-topic-flex .single-topic-right h1 {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}
.single-topic-flex .single-topic-right p {
    line-height: 30px;
}
.single-topic-flex .social-btn {
    display: grid;
    width: 220px;
    padding: 20px 0px;
    margin-bottom: 25px;
}
.single-topic-flex #print-button {
    background: #b94482;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    border-bottom-left-radius: 25px;
}
.single-topic-flex .single-topic-right .buttons {
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}
.single-topic-flex .single-topic-right .buttons li button{
    background: 0 0;
    border: 2px solid #b94482;
    color: #b94482;
    transition: .5s;
    padding: 15px 25px;
    font-family: 'sofia-pro';
    font-size: 18px;
    cursor: pointer;
    border-bottom-left-radius: 35px;
    margin: 0px 15px 15px 0px;
}
.single-topic-flex .single-topic-right .buttons li button i{
    padding-right: 10px;
}
.single-topic-flex .single-topic-right .buttons li button:hover{
    background: 0 0;
    color: #05998fd4;
    border-color: #05998fd4;
}
.voice-text {
    text-align: right;
}
.voice-text i{
    cursor: pointer;
}
.practitioner_only .section-event-box .em-item-info .em-item-title,
.practitioner_only .category-detail .detail-flex .left-content h3,
.practitioner_only .category-detail .detail-flex .right-content .details-tab h3,
.practitioner_only .single-event-page h1 {
    background: #673a8e;
}
.practitioner_only .category-detail .detail-flex .left-content .related-categories-flex ul a.active,
.practitioner_only .social-btn p{
    color: #673a8e;
}
.speaker {
    position: fixed;
    right: 0;
    top: 13em;
    z-index: 999;
    background: #00a499;
    padding: 5px 6px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    cursor: pointer;
}
.speaker .volumne-icon {
    background: #fff;
    border-radius: 50px;
    padding: 4px 9px;
    margin-right: -1px;
}
.speaker .volumne-icon img {
    padding-top: 4px;
    width: 24px;
}
.speaker.active .volumne-icon{
    position: relative;
}
.speaker.active .volumne-icon:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 0px;
    color: #000;
    left: 6px;
    top: 18px;
    z-index: 999;
    border: 1px solid #00a499;
    transform: rotate(45deg);
}
/*.events-row{
    position: relative;
}
.events-row:before{
    content: '';
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: url('assets/images/path-layer.png');
    height: 460px;
}*/
/*Media Queries*/
@media screen and (max-width: 1550px){
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 400px;
    }
}
@media screen and (max-width: 1450px){
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq h3 {
        font-size: 20px;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq p{
        font-size: 15px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 400px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(1n-1) {
        margin-left: 30px;
        margin-right: 150px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(2n-1) {
        margin-left: 150px;
        margin-right: 30px;
    }

}
@media screen and (max-width: 1350px){
    footer .footer-center .footer-center-left{
        flex: 0 100%;
    }
    footer .footer-center .footer-center-right{
        flex: 0 0%;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single {
        margin-bottom: 20px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 425px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(1n-1) {
        margin-left: 10px;
        margin-right: 90px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(2n-1) {
        margin-left: 90px;
        margin-right: 10px;
    }
    .hero-section-chat h2{
        font-size: 55px;
    }
    .advice-section .outer .content-left li h3 {
        font-size: 20px;
    }
    .advice-section{
        background-size: 40%;
    }
    .hero-section .content-left h1{
        font-size: 55px;
    }
    .menu ul .menu-item-has-children:after{
        top: 23px;
    }
    .login-popup-overlay.active .popup-content{
        width: 80%;
        left: 10%;
    }
    .practitioner-login .practitioner-login-left h2{
        font-size: 20px !important;
    }
    .practitioner-login .practitioner-login-left h1{
        font-size: 55px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content h3{
        font-size: 20px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h3{
        font-size: 20px;
    }
    .volunteer-banner .outer .volunteer-banner-text h2{
        font-size: 55px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section h3{
        margin-bottom: 10px !important;
    }
    footer .footer-top .footer-top-inner .image {
        flex: 0 19%;
    }
    footer .footer-top #block-11 .footer-top-inner .image {
        flex: 0 13%;
    }
    .about-steps .steps .box ul li{
        line-height: 30px;
    }
    .about-steps .steps .box ul li h3{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-us .inner-about-us .content-right p{
        line-height: 30px;
        font-size: 18px;
    }
    .about-us .inner-about-us .content-right .bottom-area{
        padding-top: 10px;
    }
    .categories .categories-box a .content-area h3{
        font-size: 20px;
    }
    .contact-form .form-flex .form .form-field input{
        max-width: 94%;  
    }
    .contact-info .contact-info-flex .contact-info-box ul li h2{
/*        font-size: 30px;*/
        font-size: 24px;
        line-height: 34px;
    }
    footer .footer-center .subscription-form{
        width: 80%;
    }
    .blog-section .blogs-flex .blogs-inner{
        flex: 0 22.7%;
    }
    .blog-section .grid-view .blogs-inner{
        flex: 0 100%;
    }
    .banner .outer .banner-text h2{
        font-size: 55px;
    }
    section h2{
        font-size: 45px;
        line-height: 55px;
    }
    .information .information-outer .info h3{
        font-size: 20px;
    }
    .about-us .about-outer .content .primary-btn-color{
        margin-top: 5px;
    }
    .about-us .about-outer .content p{
        line-height: 35px;
    }
    header .left-top-bar{
        flex: 0 15%;
    }
    header .center-top-bar {
        flex: 0 55%;
    }
    .menu ul li{
        padding: 18px 15px 18px 15px;
        font-size: 15px; 
    }
    header .right-top-bar {
        flex: 0 15%;
        text-align: right;
    }
    header .right-top-bar .secondary-btn-color{
        padding: 19px 35px;
    }
    .header .center-top-bar ul .menu-item-has-children:after{
        right: 0px;
        bottom: auto;
        top: 22px;
    }
}
@media screen and (max-width: 1200px){
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list {
        flex-wrap: wrap;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list p {
        flex: 0 47%;
        margin: 0 !important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest #add-field{
        margin-top: 25px;
    }
    .volunteer-banner .outer .volunteer-banner-text .heading{
        font-size: 35px;
        line-height: 45px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(1n-1) {
        margin-left: 10px;
        margin-right: 0px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single:nth-child(2n-1) {
        margin-left: 0px;
        margin-right: 10px;
    }
    .hero-section-chat h2{
        font-size: 45px;
        line-height: 50px;
        margin: 10px 0px 10px 0px;
    }
    .footer-center .footer-center-left .wp-block-gallery {
        flex-wrap: nowrap;
        gap: 20px;
    }
    .advice-section-content .content {
        flex: 0 100%;
    }
    .hero-section .content-left h1{
        font-size: 45px;
        line-height: 50px;
        margin: 10px 0px 10px 0px;
    }
    .login-popup-overlay.active .popup-content{
        width: 90%;
        left: 5%;
    }
    .practitioner-login .practitioner-login-left h1{
        font-size: 45px;
        line-height: 50px;
        margin: 10px 0px 10px 0px;
    }
    .volunteer-banner .outer .volunteer-banner-text p{
        margin: 15px 0px 0px 0px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single{
       flex: 0 32%; 
    }
    .volunteer-banner .outer .volunteer-banner-text h2{
        font-size: 45px;
        line-height: 50px;
        margin: 10px 0px 10px 0px;
    }
    .section-event-box .em-item-image{
        flex: 0 30%;
    }
    .section-event-box .em-item-image img{
        height: 250px;
    }
    .section-event-box .em-item-info{
        flex: 0 69%;
    }
    header.sticky-header{
        padding: 10px 0px;
    }
    .information .information-outer .info img{
        height: 250px;
    }
    footer .footer-top .footer-top-inner .image {
        flex: 0 22%;
    }
    footer .footer-top #block-11 .footer-top-inner .image {
        flex: 0 14%;
    }
    .about-us .inner-about-us .content-right p{
        font-size: 15px;
    }
    .category-detail .detail-flex .left-content h3{
        font-size: 20px;
    }
    .about-steps .steps .box{
        flex: 0 32%;
        margin-bottom: 20px;
    }
    .search-open{
        opacity: 0;
        transition: .5s;
        position: fixed;
    }
    .header .right-top-bar #before_search_click i {
        display: block;
    }
    .header .right-top-bar .search_bar{
        position: absolute;
        left: 14%;
        width: 79%;
        background: #fff;
        top: 8px;
        z-index: 9999;
        box-shadow: 0px 0px 44px -14px #dcdcdc;
        border-radius: 0;
        display: none;
    }
    .search_bar input{
        width: 86%;
        float: right;
        border-right: 1px solid #d9d9d9;
        right: 50px;
        border-left: 0;
        left: auto;
    }
    .search_bar span{
        float: right;
        margin-right: 20px;
    }
    .contact-form .form-flex .form .form-field input{
        max-width: 93%;
    }
    .contact-info .contact-info-flex .contact-info-box{
        flex: 0 26%;
        margin-bottom: 15px;
    }
    header .right-top-bar .secondary-btn-color {
        padding: 15px 17px;
    }
/*    #page{
        padding-top: 70px;
    }*/
    .blog-section .blogs-flex .blogs-inner {
        flex: 0 22.1%;
    }
    .blog-section .grid-view .blogs-inner {
        flex: 0 100%;
    }
    header{
        padding: 10px 0px 0px 0px;
        align-items: center;
    }
    .banner .outer .banner-text h2 {
        font-size: 45px;
        line-height: 50px;
        margin: 10px 0px 25px 0px;
    }
    section h2{
        font-size: 35px;
        line-height: 45px;
    }
    .about-us .about-outer .content p{
        margin: 5px 0px;
        line-height: 31px;
        font-size: 16px;
    }
    .header{
        align-items: center;
    }
/*    header .left-top-bar{
        flex: 0 12%;
    }*/
    header .left-top-bar img{
        width: 100%;
        height: auto;
    }
/*    header .center-top-bar{
        flex: 0 70%;
    }
    header .right-top-bar{
        flex: 0 18%;
    }*/
    .menu ul li{
        padding: 18px 15px 15px 15px;
    }
    .header .right-top-bar i{
        padding-right: 10px;
    }
/*    header .left-top-bar{
        flex: 0 10%;
    }
    header .right-top-bar{
        flex: 0 4%;
    }
    header .center-top-bar {
        flex: 0 85%;
    }*/
}
@media screen and (max-width: 1030px){
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
        border: 0 !important;
    }
}
@media screen and (max-width: 1024px){
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 395px;
    }
    .advice-section .outer .content-left li h3 {
        font-size: 18px;
    }
    .login-popup-overlay.active .popup-content .popup-body .content .form-right .login-screen .login-header p,
    .login-popup-overlay.active .popup-content .popup-body .content .form-right .forgot-password-screen .forgot-pass-header p {
        font-size: 15px;
    }
    .login-popup-overlay.active .popup-content {
        width: 96%;
        left: 2%;
    }
    .practitioner-login .practitioner-login-left p{
        font-size: 15px;
        line-height: 24px;
    }
    .practitioner-login .practitioner-login-left h2{
        font-size: 18px !important;
        line-height: 30px;
    }   
    .volunteer-support-section .inner-section .content p {
        line-height: 25px;
        font-size: 15px;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul li h3{
        font-size: 20px;
        margin: 0;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul li a{
        font-size: 15px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content ul li{
        font-size: 15px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content h3{
        font-size: 18px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area p{
        line-height: 25px;
        font-size: 15px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h3{
        font-size: 18px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul {
        padding-top: 0;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section{
        margin-bottom: 20px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
        height: 250px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left{
        flex: 0 32%;
    }
    .section-event-box .em-item-image {
        flex: 0 32%;
    }
    .section-event-box .em-item-info {
        flex: 0 67%;
    }
    .about-us .inner-about-us .image-left{
        flex: 0 48%;
    }
    .categories .categories-box a .content-area h3{
        font-size: 18px;
    }
    .categories .categories-box a{
        flex: 0 30.9%;
    }
    .categories .categories-box a .content-area p {
        line-height: 25px;
        font-size: 15px;
    }
    .contact-form .form-flex .form .form-field input{
        max-width: 93%;
    }
    .blog-section .blogs-flex .blogs-inner{
        flex: 0 30%;
        margin-bottom: 35px;
    }
    .blog-section .grid-view .blogs-inner{
        flex: 0 100%;
        margin-bottom: 35px;
    }
    header .right-top-bar .secondary-btn-color{
        padding: 15px 15px;
    }
}
@media screen and (min-width: 991px){
    header .right-top-bar #before_search_click,
    header .right-top-bar .search_bar{
        display: none;
    }
}
@media screen and (max-width: 991px){
    footer .footer-top #block-10, footer .footer-top #block-11 {
        flex-grow: 0;
        flex: 0 50%;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq.active-faq .answer{
        height: 78px;
    }
    .popup-overlay.active .popup-content .popup-body .footer #download-link{
        margin: 0px 30px;
    }
    .popup-overlay.active .popup-content .popup-body .content{
        padding: 0 30px 10px;
    }
    .popup-overlay.active .popup-content .footer .date-social,
    .popup-overlay.active .popup-content #print-button{
        margin: 0 30px;
    }
    .volunteer-banner .outer .volunteer-banner-text .heading{
        font-size: 30px;
        line-height: 35px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 355px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h4{
        font-size: 15px;
        line-height: 25px;
    }
    .hero-section-chat h1{
        font-size: 15px;
    }
    .hero-section-chat h2{
        font-size: 34px !important;
        line-height: 45px;
    }
    .header .center-top-bar ul li.menu-item-has-children .sub-menu li.advice-support-btn {
        background: #05998f !important;
    }
    .header .center-top-bar ul li.menu-item-has-children .sub-menu li.advice-support-btn a {
        color: #fff;
    }
    .advice-section{
        background: none;
    }
    .advice-section .outer .content-left {
        flex: 0 100%;
    }
    .hero-section .content-left button,
    .advice-section .outer .content-left li button{
        padding: 15px 45px !important;
        font-size: 15px !important;
    }
    .hero-section .content-left h1{
        font-size: 34px !important;
        line-height: 40px;
    }
    .em-add-to-calendar-tooltip.active{
        top: 70px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta .em-item-meta-line.em-event-prices{
        margin-top: 0px;
        font-size: 15px !important;
    }
    #em-event-booking-form .booking-waitlist input[type=submit]{
        font-size: 15px !important;
    }
    .header .center-top-bar .navigation.active-nav .user-login {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #dcdcdc;
        padding: 8px 15px
    }
    .header .center-top-bar .navigation.active-nav .user-login .fa-user {
        padding: 11px 12px;
        background: #673a8e;
        border-radius: 50px;
        color: #fff;
    }
    .header .center-top-bar .navigation.active-nav .user-login .fa-user .dropdown {
        text-align: left;
        padding-left: 15px;
        flex: 0 40%;
    }
    .header .center-top-bar .navigation.active-nav .user-login .dropdown a{
        text-decoration: none;
        font-size: 14px;
        color: #838383;
    }
    .header .center-top-bar .navigation.active-nav .user-login .dropdown .name-menu-has-children {
        font-size: 18px;
        color: #673a8e;
        font-family: 'sofia-pro';
        border: 0;
        line-height: 0;
        padding: 10px 0px;
    }
    .header .center-top-bar .navigation.active-nav .user-login .dropdown {
        text-align: left;
        padding-left: 15px;
        flex: 0 100%;
    }
    .header .center-top-bar .navigation.active-nav .logout-mobile li a{
        color: #ce474a;
    }
    .header .center-top-bar .navigation.active-nav .logout-mobile li a i {
        padding-left: 10px;
    }
    .search_bar input {
        width: 90%;
    }
    .header .center-top-bar #before_search_click,
    .header .center-top-bar .search_bar,
    .menu,
    header .right-top-bar .user-login{
        display: none !important;
    }
    .login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form .forgot-pass{
       position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%; 
        left: 0;
    }
    .login-popup-overlay.active .popup-content .popup-body .content .form-right #custom_login_form{
        position: relative;
        height: 365px;
    }
    .practitioner-login .practitioner-login-left ul li:first-child button,
    .practitioner-login .practitioner-login-left ul li:last-child button{
        font-size: 15px !important;
    }
    .practitioner-login .practitioner-login-left h1{
        font-size: 34px !important;
        line-height: 40px;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single .content-area h3{
        padding-top: 15px;
    }
    .volunteer-support-section .inner-section .content p{
        line-height: 23px;
        margin: 10px 0px;
    }
    .volunteer-support-section .inner-section .content h2{
        margin-bottom: 5px;
    }
    .volunteer-support-section .inner-section .image{
        flex: 0 49%;
    }
    .volunteer-support-section .inner-section .content{
        flex: 0 45%;
        padding-right: 30px;
    }
    .volunteer-contact-info .volunteer-contact-info-box{
        flex-wrap: wrap;
        gap: 15px;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box{
        margin-right: 0;
        flex: 0 48.9%;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single {
        flex: 0 48.8%;
    }
    .volunteer-banner .outer .volunteer-banner-text h1{
        font-size: 15px;
    }
    .volunteer-banner .outer .volunteer-banner-text p{
        font-size: 15px;
    }
    .volunteer-banner .outer .volunteer-banner-text h2{
        font-size: 34px !important;
        line-height: 40px;
    }
    .contact-info .contact-info-flex h2 {
        font-size: 22px !important;
    }
    .section-event-box .em-item-image,
    .section-event-box .em-item-info {
        flex: 0 100%;
    }
    .em.em-list .em-item .em-item-image .em-item-image-placeholder{
        height: 255px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder{
        height: 255px;
        background-size: 250px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul{
        padding-top: 0 !important;
        margin-top: 25px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr td{
        padding: 5px 0px!important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-add-to-calendar,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta a.button{
        margin: 0px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header{
        margin-bottom: 25px;
    }
    .single-event-page .em.em-item.em-item-single .em-event-content{
        padding-top: 25px;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .np_field p,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .email p{
        margin-bottom: 0px !important;
    }
    .single-event-page h1{
        margin: 0px 30px !important;
    }
    .single-event-page h1+div{
        padding: 0px 30px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form h2{
        font-size: 18px !important;
    }
    .single-event-page h1,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section h3,
    .single-event-page .em.em-item.em-item-single .em-event-content h3,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form h3.em-booking-section-title{
        font-size: 20px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-when .em-item-meta-line, .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-details .em-item-meta-line, .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .em-event-where .em-item-meta-line .location,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li a,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-add-to-calendar,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta a.button,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail .contact-details li a,
    .single-event-page .em.em-item.em-item-single .em-event-content p,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-payment.em-booking-section .em-booking-buttons .em-booking-submit,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-submit,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-cancel{
        font-size: 15px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
        height: 330px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul{
        justify-content: flex-start;
        padding-top: 20px;
        margin-bottom: 0 !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header{
        flex-wrap: wrap;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right {
        flex: 0 100%;
    }
    .contact-info .contact-info-flex h2 {
        font-size: 22px !important;
    }
    .section-event-box .em-item-image,
    .section-event-box .em-item-info {
        flex: 0 100%;
    }
    .section-event-box .em-item-info .event-info-inner .tags ul li a{
        padding: 15px 0px;
    }
    .section-event-box .em-item-info .event-info-inner .tags ul li{
        margin: 0px 5px 15px 0px;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn a{
        text-decoration: none;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn button i{
        display: block;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn{
        padding-top: 20px;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn button {
        background: transparent;
        color: #b94482;
        border: none;
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        display: flex;
        justify-content: center;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn a:last-child button {
        color: #b94482;
    }
    .category-detail .detail-flex .left-content .left-content-inner .categories-btn button i {
        font-family: 'Font Awesome 6 Free';
        font-style: inherit;
        padding-left: 10px;
        font-size: 18px;
    }
    .sticky .category-detail .detail-flex .left-content .left-content-inner .left-content-inner-categories h3,
    .sticky .category-detail .detail-flex .left-content .left-content-inner .left-content-inner-categories .related-categories-flex {
        margin: 0px 15px;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active{
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .section-event-box .em-item-info .event-info-inner .em-item-desc{
        margin: 0px 0 !important;
    }
    .section-event-box .em-item-info .event-info-inner .address p{
        margin-bottom: 15px !important;
    }
    .section-event-box .em-item-info .event-info-inner .em-item-desc p{
        margin-bottom: 10px !important;
    } 
    .section-event-box .em-item-info .event-info-inner .em-item-meta{
        margin-bottom: 0px !important;
    }
    .section-event-box .em-item-info .em-item-title a{
        font-size: 20px;
    }
    .section-event-box .em-item-info .event-info-inner .em-item-meta .em-item-meta-line,
    .section-event-box .em-item-info .event-info-inner .em-item-desc p,
    .section-event-box .em-item-info .event-info-inner .em-item-actions .button,
    .section-event-box .em-item-info .event-info-inner .address p,
    .section-event-box .em-item-info .event-info-inner .tags ul li a{
        font-size: 15px !important;
    }
    .content-pages .inner-content.events-outer{
        padding: 30px 10px !important;
    }
    .section-event-box .em-item-info .event-info-inner .em-item-meta div{
        flex: 0 100% !important;
    }
    .section-event-box .em-item-info .em-item-title{
        padding: 15px 25px 15px 40px !important;
    }
    .section-event-box .em-item-image {
        flex: 0 35%;
    }
    .section-event-box .em-item-info{
        flex: 0 64%;
    }
    .section-event-box .em-item-info .event-info-inner {
        padding: 15px;
    }
    .sticky .category-detail .detail-flex .left-content .left-content-inner .left-content-inner-categories{
        position: fixed;
        top: 79px;
        width: 100%;
        z-index: 8;
        transition: .5s;
        left: 0;
        background: #fff;
        padding: 15px 0px;
        border-radius: 0;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active .related-categories-flex{
        display: block;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active{
        background: #f6f6f6;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active .fa-angle-down{
        display: none;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active .fa-angle-up{
        display: block;
        background: #fff;
        color: #2ca79f;
        padding: 0px 5px;
        line-height: 25px;
        border-radius: 25px;
    }
    .category-detail .detail-flex .left-content .related-categories-flex {
        display: none;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories.active h3 {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .category-detail .detail-flex .left-content h3 {
        display: flex;
        justify-content: space-between;
        background: #2ca79f;
        border-radius: 50px;
        transition: .5s;
    }
    .category-detail .detail-flex .left-content h3 .fa-angle-down{
        display: block;
        font-family: 'Font Awesome 6 Free';
        right: 5px;
        position: relative;
        top: 2px;
    }
    .category-detail .detail-flex .left-content h3 .fa-angle-up{
        font-family: 'FontAwesome';
        display: none;
        padding-top: 4px;
    }
    .category-detail .detail-flex .left-content h3 i{
        font-style: unset;
    }
    .popup-overlay.active .popup-content .popup-body .content h2,
    .vision-mission-popup-overlay.active .popup-content .popup-body .content h2{
        font-size: 25px;
        line-height: 30px;
    }
    header.sticky-header{
        padding: 0;
        filter: none;
        border-bottom: 1px solid #dcdcdc;
    }
    .information .information-outer .info img{
        height: 200px;
    }
    .coming-soon .inner-content h2{
        font-size: 60px !important;
        line-height: 55px;
    }
    .breadcrumbs ul li h2{
        font-size: 15px !important;
        margin: 0;
    }
    .breadcrumbs h1{
        font-size: 30px;
        line-height: 35px;
    }
    .banner .outer .banner-text h1{
        font-size: 15px;
    }
    .subheading{
        margin: 10px 0px !important;
        font-size: 18px !important;
    }
    footer .footer-top .footer-top-inner .right-content{
        flex-basis: 100%!important;
    }
    footer .footer-top #block-11 .footer-top-inner .image{
        flex-basis: 17% !important;
    }
    .cookie-btn{
        font-size: 15px;
    }
    .category-detail .detail-flex .right-content .details-tab h3{
        font-size: 20px;
    }
    .about-steps .steps .box ul li,
    .category-detail .detail-flex .right-content .single-box .content p{
        font-size: 15px;
    }
    .category-detail .detail-flex .right-content .single-box .content p{
        word-break: break-word;
    }
    section h3{
        margin: 10px 0px;
    }
    body p,
    body li{
        font-size: 15px;
    }
    .page-not-found .inner-content .not-found-content h1{
        font-size: 100px;
    }
    .category-detail .detail-flex .left-content,
    .category-detail .detail-flex .right-content{
        flex: 0 100%;
    }
    .category-detail .detail-flex .left-content .left-content-inner-categories{
        margin-top: 0px;
        position: unset;
        background: none;
    }
    .category-detail .detail-flex .right-content .details-tab {
        padding-top: 25px;
    }
    .about-steps .steps .box {
        flex: 0 48%;
    }
    .about-us .inner-about-us .image-left,
    .about-us .inner-about-us .content-right {
        flex: 0 100%;
    }
    .header .right-top-bar .search_bar{
        display: none;
        top: 92px;
        left: 2%;
        width: 95%;
    }
    .category-faq .faq-outer{
        width: auto;
        padding: 25px;
    }
    .category-faq .faq-outer .single-faq .question h3{
        font-size: 20px;
    }
    .category-faq .faq-outer .single-faq .answer p{
        margin: 0;
        line-height: 23px;
    }
    .category-faq .faq-outer .single-faq .answer{
        padding-top: 0;
    }
    .category-about .category-flex .left-image,
    .category-about .category-flex .right-content{
        flex: 0 100%;
    }
    .categories .categories-box a {
        flex: 0 47.6%;
    }
    .contact-form .form-flex .map iframe{
        height: 500px;
    }
    .contact-info .contact-info-flex .contact-info-box ul{
        height: 260px;
    }
    .contact-info .contact-info-flex .contact-info-box ul li i{
        font-size: 50px;
    }
    .contact-form .form-flex .map, .contact-form .form-flex .form{
        flex: 0 100%;
    }
    .contact-info .contact-info-flex .contact-info-box{
        flex: 0 41%;
    }
    .content-pages .inner-content h4{
        font-size: 15px;
    }
    header{
        position: relative;
    }
    #search-input{
        width: 90%;
    }
/*    .search_bar{
        position: absolute;
        left: 0;
        width: 90%;
        right: 0;
        margin: auto;
        bottom: -50px;
        background-color: #fff;
    }*/
    .header .center-top-bar ul .menu-item-has-children .sub-menu.active-submenu,
     .header .center-top-bar ul .menu-item-has-children .sub-menu{
        display: none !important;
    }
    .header .center-top-bar ul .menu-item-has-children.active li:first-child {
        border-top: 3px solid #e6ccfd;
    }
    .header .center-top-bar ul .menu-item-has-children.active li:last-child {
        border-top: none;
    }
    .header .center-top-bar ul .menu-item-has-children:hover .sub-menu.active-submenu{
        display: contents !important;
    }
    header.sticky-header .left-top-bar {
        padding-top: 10px;
    }
    .header .center-top-bar ul .menu-item-has-children:after{
        right: 20px;
        top: 0px;
        bottom: auto;
    }
    .header .center-top-bar ul .menu-item-has-children.active:after{
        transform: rotate(179deg);
    }
    header .left-top-bar img{
        width: auto;
        height: auto;
    }
    section.help-section .inner-section .image,
    .support-section,
    .support-section .text{
        height: 600px;
    }
    .support-section .text{
        padding: 0px 100px 0px 15px;
    }
    section.help-section .inner-section .content{
        flex: 0 45%;
        padding-left: 15px;
    }
    .information:after{
        width: 492px;
        height: 125px;
        background-size: 60%; 
    }
    .information .container{
        padding-bottom: 0;
    }
/*    .information .information-outer .info h4{
        font-size: 15px;
    }*/
    .about-us .about-outer .content p,
    section.help-section .inner-section .content p,
    section.step-process .steps .steps-content p,
    .support-section .text .inner-content p,
    .blog-section .blogs-flex .blogs-inner p{
        font-size: 15px;
        line-height: 27px;
        padding-bottom: 0px;
    }
    .banner .outer .banner-text h3{
        font-size: 15px;
    }
    section h2{
        font-size: 30px !important;
        line-height: 35px;
    }
    .blog-section .blogs-flex .blogs-inner{
        flex: 0 46%;
    }
    .blog-section .grid-view .blogs-inner{
        flex: 0 100%;
    }
    .banner .outer .banner-text h2{
        font-size: 34px !important;
        line-height: 40px;
    }

    .primary-btn-color,
    .secondary-btn-color{
        padding: 15px 64px !important;
        font-size: 15px !important;
    }
    .banner .outer .banner-text p{
/*        padding: 15px 10px;*/
        font-size: 15px;
    }
    .toggle{
        display: block !important;
    }
    .right-top-bar .secondary-btn-color {
        display: none;
    }
    .header .center-top-bar{
        order: 1;
    }
    .header .left-top-bar{
        order: 2;
    }
    .header .right-top-bar{
        order: 3;
    }
    .header .center-top-bar .navigation{
        display: block;
        background: #fff;
        height: 100%;
        position: fixed;
        left: -610px;
        top: 0;
        width: 280px;
        margin: 0;
        transition: .5s;
    }
    .header .center-top-bar .navigation.active-nav{
        left: 0;
        z-index: 1;
        height: 1000px;
    }
    .main-header.sticky-header .navigation.active-nav {
        height: 1000px;
        background: #fff;
    }
    .header .center-top-bar .navigation ul{
        display: block;    
        margin-top: 0;
    }
    .header .center-top-bar .navigation.active-nav .nav-close-btn:after{
        content: 'X';
        position: absolute;
        top: 0;
        right: -58px;
        font-size: 17px;
        display: block;
        border: 1px solid #dcdcdc;
        background: #fff;
        padding: 17px 23px;
    }
    .header .center-top-bar .navigation li{
       line-height: 55px;
        border-bottom: 1px solid #dcdcdc;
        font-size: 15px;
        padding: 0;
    }
    .header .center-top-bar ul li a{
        padding: 0px 15px;
    }
    .header .left-top-bar{
        flex: 0 25%;
    }
    .header .center-top-bar ul li.menu-item-has-children:hover .sub-menu li{
        line-height: 20px;
        border-bottom: 1px solid #e6ccfd;
        background: #f1efef;
    }
    header .center-top-bar {
        flex: 0 33%;
    }
    header .right-top-bar {
        flex: 0 33%;
        text-align: right;
    }
    footer .footer-top .footer-top-inner{
        flex-wrap: nowrap !important;
    }
    footer .footer-top .footer-top-inner .image{
        flex-basis: 25% !important;
    }
    footer p,
    footer a{
        font-size: 15px !important;
    }
}
@media screen and (max-width: 767px){
    .speaker{
        top: 17em;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq{
        border-bottom: 0;
    }
    .category-detail{
        padding-top: 0 !important;
    }
    .voice-text {
        text-align: center;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq{
        padding: 12px 0px;
    }
    .popup-overlay.active .popup-content i{
        font-size: 25px;
        width: 80px;
        height: 80px;
    }
    .popup-overlay.active .popup-content .category-faq .faq-outer .single-faq .answer{
        padding-top: 0px;
    }
    .popup-overlay.active .popup-content .popup-body .footer #download-link{
        margin: 0px 15px;
    }
    .single-topic-flex .single-topic-left button{
        font-size: 15px;
    }
    .single-topic-flex{
        margin: 30px 0px;
    }
    .single-topic-flex .single-topic-left,
    .single-topic-flex .single-topic-right{
        flex: 0 100%;
    }
    .popup-overlay.active .popup-content .footer .date-social{
        flex-wrap: wrap;
        bottom: 15px;
    }
    .popup-overlay.active .popup-content .footer .date-social .date,
    .popup-overlay.active .popup-content .footer .date-social .social-btn{
        flex: 0 100%;
    }
    .popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons{
        display: flex;
    }
    .popup-overlay.active .popup-content .footer .date-social .social-btn{
        padding-left: 0px;
    }
    .popup-overlay.active .popup-content .footer .date-social .date{
        border-right: 0;
    }
    .em.em-list{
        display: block;
    }
    .em.em-list .em-item{
        margin-bottom: 25px;
    }
    .blog-section .grid-view .blogs-inner .image,
    .blog-section .grid-view .blogs-inner .content{
        flex: 0 100%;
    }
    .blog-section .grid-view .blogs-inner .image img{
        object-fit: contain;
        height: 160px;
    }
    .topic-category li{
        font-size: 15px;
    }
    .topic-category li .orange-tag, .topic-category li .green-tag{
        padding: 10px 10px;
    }
    .grid-view .pagination-flex{
        display: block;
        text-align: center;
    }
    .grid-view .pagination-flex .page-numbers.current{
        padding: 4px 10px;
        font-size: 16px !important;
    }
    .grid-view .pagination-flex .page-numbers{
        font-size: 16px !important;
    }
    .popup-overlay.active .popup-content #print-button,
    .popup-overlay.active .popup-content .footer .date-social{
        margin: 0px 15px;
    }
    .popup-overlay.active .popup-content .footer .date-social .social-btn .share-buttons a i{
        margin-right: 10px;
    }
    .chat-boxes .volunteer-role-box{
        grid-template-columns: 1fr;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 525px;
    }
    .hero-section .content-left button{
        text-align: left;
    }
    .hero-section .outer{
        gap: 15px;
    }
    .hero-section .content-left,
    .hero-section .content-right{
        flex: 0 100%;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta .em-item-meta-line.em-event-prices{
        padding: 15px 40px !important;
    }
    .verification-page {
        padding: 100px 0px 0px 0px!important;
    }
    .verification-page .inner-content .verification-inner-content img {
        width: 205px;
        margin-top: -128px;
    }
    .verification-page .inner-content .verification-inner-content{
        width: 100%;
    }
    .category-detail .detail-flex .right-content .single-box .image img {
        height: 160px;
        object-fit: cover;
    }
    .login-popup-overlay.active .popup-content .popup-body .content .left-image{
        display: none;
    }
    .login-popup-overlay.active .popup-content .popup-body .content .form-right {
        flex: 0 100%;
    }
    .practitioner-login .practitioner-login-left ul li:first-child button,
    .practitioner-login .practitioner-login-left ul li:last-child button{
        width: auto;
    }
    .practitioner-login .practitioner-login-left,
    .practitioner-login .practitioner-login-right{
        flex: 0 100%;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul .location{
        justify-content: center;
    }
    .volunteer-banner .outer {
        gap: 15px;
    }
    .volunteer-banner .outer .volunteer-banner-text p{
        margin: 0px 0px 0px 0px;
    }
    .volunteer-support-section .inner-section .content{
        padding: 25px 15px;
    }
    .volunteer-support-section .inner-section .image{
        -webkit-mask-image: none;
/*        border-right: 25px solid #fff;*/
        border-bottom-right-radius: 87px;
        height: 360px;
        border-bottom: 25px solid #fff;
    }
    .volunteer-support-section .inner-section .image:before{
        display: none;
    }
    .volunteer-support-section .inner-section{
        flex-wrap: wrap;
    }
    .volunteer-support-section .inner-section .image,
    .volunteer-support-section .inner-section .content{
        flex: 0 100%;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul{
        padding-left: 0;
        grid-column: unset;
        text-align: center;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box ul li h3{
        font-size: 18px;
        margin: 0;
    }
    .volunteer-contact-info{
        padding-top: 0;
    }
    .volunteer-contact-info .volunteer-contact-info-box{
        flex-wrap: wrap;
        gap: 15px;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box{
       flex: 0 48%; 
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-right-image{
        display: none;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content ul li:before{
        width: 15px;
        height: 15px;
        top: 10px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content ul li{
        padding-left: 30px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content ul{
        padding: 0px 0px;
        line-height: 27px;
        margin: 0;
    }
    .volunteer-role .volunteer-role-box{
        gap: 15px;
    }
    .volunteer-information .volunteer-information-flex .volunteer-information-left-content,
    .volunteer-information .volunteer-information-flex .volunteer-information-right-image{
        flex: 0 100%;
    }
    .volunteer-role .volunteer-role-box .volunteer-role-box-single {
        flex: 0 100%;
    }
    .volunteer-banner .outer .volunteer-banner-text,
    .volunteer-banner .outer .volunteer-banner-image{
        flex: 0 100% !important;
    }
    .em.em-list .em-item .em-item-image .em-item-image-placeholder,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-image-placeholder{
        background-size: 140px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-add-to-calendar{
        height: 55px !important;
    }
    #em-wrapper .em-search form .em-search-main .em-search-submit.button-primary{
        padding: 25px 15px !important;
    }
    #em-wrapper .em-search form .em-search-main .em-search-submit.button-primary .fa-magnifying-glass{
        display: block;
        font-family: FontAwesome;
        font-style: unset;
    }
    #em-wrapper .em-search form .em-search-main .em-search-submit.button-primary .event-search{
        display: none;
    }
    #em-wrapper .em-search form{
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0;
        border-bottom-left-radius: 0;
    }
    .single-event-page {
        padding: 25px 0px;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .map iframe{
        height: 410px;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr td{
        padding: 5px 0px!important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .np_field,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody{
        flex-wrap: wrap;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .np_field p,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .em-tickets tbody tr{
        flex: 0 100%;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li{
        margin: 0 5px 15px 0;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies ul li a{
        padding: 15px 0px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
        height: 250px;
    }
    .single-event-page h1{
        padding: 10px 25px 10px 40px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings .map, .single-event-page .em.em-item.em-item-single .em-event-bookings #em-event-booking-form{
        flex: 0 100%;
    }
    .single-event-page .em.em-item.em-item-single .em-event-bookings{
        flex-wrap: wrap;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta{
        margin-right: 10px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta a.button,
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-add-to-calendar,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-payment.em-booking-section .em-booking-buttons .em-booking-submit,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-submit,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-login .em-login-form .em-login-buttons .em-login-cancel{
        padding: 5px 30px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-event-content{
        background: #f1f1f1;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        padding: 20px;
    }
    .single-event-page .em.em-item.em-item-single .em-event-content p{
        margin-bottom: 0 !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image{
        margin-bottom: 0;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right{
        padding: 0px 20px 20px!important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header{
        padding: 0px;
        border-radius: 0px;
        margin-bottom: 0;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .em-item-image img{
        border-radius: 0;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-left .em-item-taxonomies .tags ul{
        position: absolute;
        top: 185px;
        left: 10px;
        padding-top: 20px !important;
        margin-top: 0px !important;
    }
    .category-detail .detail-flex .right-content .single-box .image img{
        object-fit: contain;
    }
    .category-detail .detail-flex .left-content .left-content-inner{
        position: unset;
        z-index: 9;
    }
/*    .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(odd){
        background: #028137;
    }
    .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(even){
        background: #004a66;
    }
    .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(odd) a,
    .section-event-box .em-item-info .event-info-inner .tags ul li:nth-child(even) a{
        color: #fff !important;
    }*/
    .section-event-box .em-item-info .event-info-inner .em-item-actions .button{
        padding: 5px 15px !important;
        margin-right: 5px;
    }
    .section-event-box .em-item-info .event-info-inner .tags ul {
        position: absolute;
        top: 210px;
    }
    .section-event-box .em-item-image img{
        border-radius: 30px;
    }
    .section-event-box .em-item-info .em-item-title{
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 25px 10px 40px !important;
    }
     .section-event-box{
        background: #f3f3f3 !important;
        border-radius: 50px;
    }
    .section-event-box .em-item-image,
    .section-event-box .em-item-info {
        flex: 0 100%;
        height: auto !important;
        padding: 0 !important;
    }
    .section-event-box{
        padding: 0 !important;
        position: relative;
    }
    .section-event-box .em-item-image .contact-details{
        display: none;
    }
    .section-event-box .em-item-image img{
        padding: 0 !important;
    }
    .section-event-box .em-item-info .em-item-title{
        position: absolute;
        top: 0;
        width: 100%;
    }
    .popup-overlay.active .popup-content,
    .vision-mission-popup-overlay.active .popup-content{
        width: 80%;
        left: 10%;
    }
    .popup-overlay.active .popup-content .popup-body .content{
        padding: 0 15px 10px;
    }
    .search_bar input{
        width: 86%;
    }
    .information .information-outer .info img{
        height: auto;
    }
    .banner .outer .banner-image{
        display: none;
    }
    footer .footer-center .footer-center-left #block-20 .wp-block-image {
        max-width: 31%;
    }
    .cookie-banner .cookie-content p{
        flex: 0 100%;
        text-align: center;
    }
    .cookie-banner .cookie-content{
        flex-wrap: wrap;
    }
    .cookie-banner .cookie-content .cookie-btn{
        flex: 0 27%;
        display: block;
        margin: auto;
    }
    footer{
        padding: 40px 0px 0px 0px;
    }
    footer .footer-top .footer-top-inner .right-content a{
        line-height: 19px;
    }
    .modal-popup .modal-content{
        width: 75%;
        left: 12%;
    }
    section.banner, 
    section.information, 
    section.about-us, 
    section.step-process, 
    section.help-section, 
    section.blog-section, 
    section.about-steps, 
    section.testimonials, 
    section.cta, 
    section.categories, 
    section.category-about, 
    section.category-faq, 
    section.category-detail, 
    section.contact-info, 
    section.contact-form, 
    section.content-pages, 
    section.coming-soon, 
    .blog-section {
        padding: 15px 0px;
    }
    section.page-not-found{
        padding: 50px 0px;
    }
    .page-not-found .inner-content .not-found-content{
        width: 100%;
    }
    .category-detail .detail-flex .right-content .single-box{
        padding: 0;
    }
    .category-detail .detail-flex .right-content .single-box .textarea{
        flex: 0 100%;
        flex-wrap: wrap;
        padding: 25px 20px 20px 20px;
        position: relative;
    }
    .category-detail .detail-flex .right-content .single-box .content{
        flex: 0 100%
    }
    .category-detail .detail-flex .right-content .single-box .arrow{
        padding-top: 20px;
/*        position: absolute;
        right: 20px;
        bottom: 55px;*/
    }
    .category-detail .detail-flex .right-content .single-box .image {
        flex: 0 100%;
    }
    .about-steps .steps .box ul li {
        font-size: 16px;
    }
    .about-steps .steps .box {
        flex: 0 100%;
    }
    .breadcrumbs{
       background: none; 
       clip-path: none;
       height: 0;
    }
    .breadcrumbs:before{
        background: #b94482;
    }
    .breadcrumbs ul li{
        font-weight: 600;
    }
    .breadcrumbs h1{
        display: none;
    }
    .category-faq .faq-outer .single-faq .answer {
        padding-top: 10px;
/*        height: 93px;*/
        overflow-x: scroll;
    }
    .category-faq .faq-outer .single-faq .answer p {
        font-size: 15px;
    }
    .category-faq .faq-outer .single-faq .question h3{
        font-size: 15px;
    }
    .category-faq .faq-outer .single-faq .question .icon i{
        padding: 8px 9px 8px 10px;
        font-size: 13px;
    }
    .category-about .category-flex .right-content ul li{
        flex: 0 100%;
    }
    .category-about .category-flex .left-image img{
        height: auto;
    }
    .categories .categories-box a {
        flex: 0 100%;
        margin-bottom: 0;

    }
    .cta .inner-content .play-video,
    .cta .inner-content .right-content{
        flex: 0 100%;
    }
    .cta .inner-content .right-content p{
        line-height: 30px;
        padding-bottom: 0;
        font-size: 15px;  
    }
    .contact-info .contact-info-flex .contact-info-box ul li i{
        font-size: 40px;
    }
    .contact-form .form-flex .form .form-field input,
    .contact-form .form-flex .form .textarea textarea{
        padding: 16px 0px 16px 13px;
        margin-top: 9px;
    }
    .contact-form .form-flex .form .form-field p{
        flex: 0 100%;
        margin: 10px 0px;
    }
    .contact-info .contact-info-flex .contact-info-box ul{
        height: 235px;
    }
    .contact-info .contact-info-flex .contact-info-box ul li{
        font-size: 15px;
    }
    .contact-info .contact-info-flex .contact-info-box{
        flex: 0 100%;
    }
    .content-pages .inner-content p,
    .content-pages .inner-content ul li{
        font-size: 15px;
        line-height: 28px;
    }
    .content-pages .inner-content{
        padding: 15px;
        margin: 30px auto;
    }
    .breadcrumbs h1{
        font-size: 30px;
    }
    section.help-section .inner-section .image{
        bottom: -20px;
        height: auto;
    }
    section.help-section .inner-section .content{
       padding: 45px 15px; 
    }
    section.help-section .inner-section .image img{
        border-top-left-radius: 80%;
        border: 15px solid #fff;
    }
    section.help-section .inner-section .image{
        -webkit-mask-image: none;
    }
    section.help-section .inner-section .image:before{
        display: none;
    }
    section.help-section .inner-section{
        flex-wrap: wrap;
    }
    .information .information-outer .info,
    .about-us .about-outer .image,
    .about-us .about-outer .content,
    section.help-section .inner-section .content,
    section.help-section .inner-section .image,
    .blog-section .blogs-flex .blogs-inner{
        flex: 0 100%;
    }
    .banner .outer .banner-text img{
        width: 100%;
    }
    .banner .outer .banner-text{
        flex: 0 100%;
    }
    #page{
        overflow: hidden;
        margin-top: -11px;
    }
    .top-layer, .footer-layer {
        height: 18px;
        object-fit: cover;
    }
    .header .center-top-bar .toggle span:nth-child(1n){
        background: #fff;
    }
    .header .right-top-bar i{
        color: #fff;
        padding-right: 0;
    }
    header,
    header.sticky-header{
        background: #00a499;
    }
    .header .left-top-bar{
        flex: 0 70%;
        text-align: center;
    }
    header .center-top-bar,
    header .right-top-bar {
        flex: 0 11%;
    }
/*    .header .center-top-bar ul li{
        font-size: 22px;
    }*/
    footer .footer-center,
    .copyright .footer-bottom{
        flex-wrap: wrap;
    }
    footer .footer-center .footer-center-left, footer .footer-center .footer-center-right{
        flex: 0 100%;
    }
    footer .footer-center .subscription-form{
        width: 100%;
    }
    footer .footer-top #block-10, footer .footer-top #block-11{
        flex: 0 50%;
    }
    footer .footer-top .footer-top-inner{
        flex-wrap: nowrap !important;
        gap: 10px;
    }
    footer .footer-top{
        flex-wrap: wrap;
        align-items: center;
    }
    footer .footer-top .footer-top-inner .image{
        flex-basis: 21% !important;
    }
    footer .footer-top #block-11 .footer-top-inner .image {
        flex-basis: 15% !important;
    }
    footer .footer-top #block-12 .footer-top-button{
        justify-content: start;
    }
    footer .footer-top #block-12 .footer-top-button .footer-btn,
    footer .footer-top #block-12 .footer-top-button .footer-btn a{
        width: 100%;
    }
    .copyright .footer-bottom ul li{
        border-left: 1px solid #fff;
    }
    .copyright .footer-bottom section{
        flex: 0 100%;
        text-align: center;
    }
    .copyright .footer-bottom ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0;
    }
    .support-section .text{
        width: -moz-available;
        width: -webkit-fill-available;
        height: 350px;
        border-bottom-right-radius: 125px;
        padding: 0px 15px 0px 15px;
        display: inline-block;
    }
    .support-section .text p{
        margin: 0;
    }
    .support-section .text .inner-content>div{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        -webkit-box-orient: vertical;
    }
/*    section h2{
        margin-bottom: 10px;
    }*/
    .support-section .icon{
        width: 100px;
        height: 100px;
        right: 0;
        left: 0;
        bottom: -45px;
        background-position: center;
        background-size: contain;
        margin: 0 auto;
    }
    .support-section .text::before{
        width: 150px;
        height: 150px;
        right: 0;
        background-size: contain;
    }
    .support-section .text::after {
        width: 150px;
        height: 65px;
        background-size: contain;
    }
    .support-section{
        background-size: 700px !important;
        background-position: center bottom !important;
    }
    #search-input {
        width: 89%;
    }
}
@media screen and (max-width: 620px){
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 455px;
    }
    #search-input{
        width: 79%;
    }
    .volunteer-contact-info .volunteer-contact-info-box .volunteer-contact-info-single-box {
        flex: 0 100%;
    }
    .footer-center .footer-center-left .wp-block-gallery{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 480px){
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list p,
    .single-event-page .em.em-item.em-item-single .em-event-bookings .em-booking-form .em-booking-form-details.em-booking-section .extra_guest .guest_lists .guest_list:first-child p {
        flex: 0 100%;
    }
    .popup-overlay.active .popup-content .popup-body .footer #download-link{
        bottom: 15px;
        font-size: 15px;
        padding: 15px 20px;
    }
    .popup-overlay.active .popup-content #print-button{
        bottom: 20px;
        padding: 10px 18px;
    }
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 355px;
    }
    .footer-center .footer-center-left .wp-block-gallery{
        gap: 15px;
    }
    .practioner-login{
        display: block;
        flex-grow: 5;
    }
    .practioner-login .login-btn{
        width: 100%;
    }
    .em.em-search .em-search-main.em-search-main-bar>.em-search-field:first-child input{
        background: none !important;
        padding-left: 15px !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column{
        flex-wrap: wrap;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .bottom-button section.em-item-meta-column .em-event-bookings-meta{
        margin-bottom: 15px;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section .contact-details {
        margin-bottom: 0 !important;
    }
    .single-event-page .em.em-item.em-item-single .em-item-header .event-single-right .event-single-right-detail section{
        flex: 0 100%;
        margin-bottom: 10px !important;
    }
    .popup-overlay.active .popup-content,
    .vision-mission-popup-overlay.active .popup-content{
        width: 90%;
        left: 5%;
    }
    .search_bar input{
        width: 79%;
    }
    footer .footer-top #block-11 {
        flex: 0 100%;
    }
    footer .footer-top #block-11 .footer-top-inner .image{
          flex-basis: 18% !important;
    }
    .about-us .inner-about-us .content-right .bottom-area{
        justify-content: center;
    }
    .about-us .inner-about-us .content-right .bottom-area .secondary-btn-color{
        padding: 20px 25px !important;
        font-size: 15px !important;
    }
    .about-us .inner-about-us .content-right .bottom-area .play-video{
        padding-left: 10px;
    }
    .coming-soon .inner-content h2{
        font-size: 80px;
    }
    .header .center-top-bar ul li.menu-item-has-children .sub-menu li a{
        width: 100%;
        display: block;
        padding: 0;
    }
    .modal-popup .modal-content{
        width: 81%;
        height: 23%;
        left: 10%;
    }
    .page-not-found .inner-content .not-found-content img{
        width: 100%;
    }
    footer .footer-top .footer-top-inner{
        flex-wrap: wrap !important;
        gap: 0;
    }
/*    footer .footer-top .footer-top-inner .image,
    footer .footer-top #block-11 .footer-top-inner .image{
        flex-basis: 100% !important;
    }*/
    footer .footer-top{
        flex-wrap: wrap;
    }
    
    .copyright .footer-bottom ul li {
        /*border: none;
        line-height: 25px;
        flex: 0 100%;*/
    }
}
@media screen and (max-width: 375px){
    .chat-boxes .volunteer-role-box .volunteer-role-box-single img {
        height: 295px;
    }
    .hero-section .content-left button{
        text-align: left;
        padding: 5px 45px !important;
        line-height: 25px;
    }
}