.list-group {
    --bs-list-group-color: #697a8d;
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: #d9dee3;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.5rem;
    --bs-list-group-item-padding-x: 0.9375rem;
    --bs-list-group-item-padding-y: 0.58rem;
    --bs-list-group-action-color: #8e9baa;
    --bs-list-group-action-hover-color: #008CCF;
    --bs-list-group-action-hover-bg: rgba(67,89,113,.06);
    --bs-list-group-action-active-color: #697a8d;
    --bs-list-group-action-active-bg: rgba(67,89,113,.05);
    --bs-list-group-disabled-color: #c7cdd4;
    --bs-list-group-disabled-bg: transparent;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: rgba(105,108,255,.08);
    --bs-list-group-active-border-color: rgba(105,108,255,.08);
}

:root {
    --bs-blue: #007bff;
    --bs-indigo: #6610f2;
    --bs-purple: #008CCF;
    --bs-pink: #e83e8c;
    --bs-red: #ff3e1d;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffab00;
    --bs-green: #71dd37;
    --bs-teal: #20c997;
    --bs-cyan: #03c3ec;
    --bs-white: #fff;
    --bs-gray: rgba(67, 89, 113, .6);
    --bs-gray-dark: rgba(67, 89, 113, .8);
    --bs-gray-25: rgba(67, 89, 113, .025);
    --bs-gray-50: rgba(67, 89, 113, .05);
    --bs-primary: #46B849;
    --bs-secondary: #8592a3;
    --bs-success: #71dd37;
    --bs-info: #03c3ec;
    --bs-warning: #ffab00;
    --bs-danger: #ff3e1d;
    --bs-light: #fcfdfd;
    --bs-dark: #233446;
    --bs-gray: rgba(67, 89, 113, .1);
    --bs-primary-rgb: 105, 108, 255;
    --bs-secondary-rgb: 133, 146, 163;
    --bs-success-rgb: 113, 221, 55;
    --bs-info-rgb: 3, 195, 236;
    --bs-warning-rgb: 255, 171, 0;
    --bs-danger-rgb: 255, 62, 29;
    --bs-light-rgb: 252, 253, 253;
    --bs-dark-rgb: 35, 52, 70;
    --bs-gray-rgb: 67, 89, 113;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 67, 89, 113;
    --bs-body-color-rgb: 105, 122, 141;
    --bs-body-bg-rgb: 245, 245, 249;
    --bs-font-sans-serif: "Roboto", Arial, sans-serif;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.53;
    --bs-body-color: #697a8d;
    --bs-body-bg: #f5f5f9;

    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #697a8d;
    --bs-table-striped-bg: #f9fafb;
    --bs-table-active-color: #697a8d;
    --bs-table-active-bg: rgba(67, 89, 113, .1);
    --bs-table-hover-color: #697a8d;
    --bs-table-hover-bg: rgba(67, 89, 113, .06);
}


html,
body {
    height: 100%;
    margin: 0;
    display: flex;
    font-size: 0.9rem;
    flex-direction: column;
    font-family: var(--ff-open-sans-secondary);
    font-family: Arial, Helvetica, sans-serif, "Roboto";

    /* overflow: overlay !important;
    overflow-x: hidden !important; */
}
:root {
    --ff-cario-primary:'Cairo', sans-serif;
    --ff-open-sans-secondary:'OpenSans', sans-serif;
    /* --crl-body:#FBFBFB; */
    --crl-body:#F2F7F8;
    --clr-border:#F0F0F0;
    --clr-black:#11142D;
    --clr-white:#ffffff;
    --clr-primary:#46B849;
    --clr-secondary:#0062cc;
    --clr-light-grey:#707070;
    --clr-transperent:#fff0;

    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.badge {
    --bs-badge-padding-x: 0.593em;
    --bs-badge-padding-y: 0.52em;
    --bs-badge-font-size: 0.8125em;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.25rem;
    border-radius: var(--bs-badge-border-radius);
    color: var(--bs-badge-color);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.wrapper{
    flex: 1 0 auto;
    background-color: var(--crl-body)!important;
}
.border-radius-6{
border-radius: 6px;
border: 1px solid var(--clr-border)!important;
}
.bb {
    border-bottom: 1px solid var(--clr-border)!important;
}
.border-tb {
    border-top: 1px solid var(--clr-border)!important;
    border-bottom: 1px solid var(--clr-border)!important;
}
.br {
    border-right: 1px solid var(--clr-border)!important;
}
.bl {
    border-left: 1px solid var(--clr-border)!important;
}
.bt {
    border-top: 1px solid var(--clr-border)!important;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none!important;
}
.text-black{
    color: var(--crl-black)!important;
}
.text-primary {
    color: var(--clr-primary)!important;
}
.color-blue{
    color: var(--clr-secondary)!important;
}

.text-chrach-limit-20{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
}
.text-chrach-limit-50{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-150{
    display: inline-block!important;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.limit-lines p:first-child{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.menu-box-shadow{
    box-shadow: 0 29px 39px #00000003;
}
.verify-img{
    width: 50%;
    margin: auto;
}
.VueCarousel-dot-container{
    margin-top: 0!important
}
.font-20 {
    font-size: 20px !important;
}
.font-19 {
    font-size: 19px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-14 {
    font-size: 14px!important;
}
.font-12 {
    font-size: 10px!important;
}
.font-11 {
    font-size: 12px!important;
}
.font-10 {
    font-size: 11px!important;
}
.font-9 {
    font-size: 9px!important;
}
.font-12 {
    font-size: 12px!important;
}
.font-13 {
    font-size: 13px!important;
}
.font-15 {
    font-size: 15px!important;
}
.font-16 {
    font-size: 16px!important;
}
.color-green{
    color: var(--clr-primary)!important;
    cursor: pointer;
}
a.nav-link.active {
    color: var(--clr-primary);
}

a {
    color: #11142D;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-70{
    margin-top: 70px;
}
.margin-top-100{
    margin-top: 100px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
.margin-bottom-70{
    margin-bottom: 70px;
}
.margin-bottom-100{
    margin-bottom: 100px;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}
.explore-btn {
    color: var(--clr-secondary)!important;
    text-decoration: underline;
    font-weight: 700;
}
.header-transparent {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.navbar-brand img {
    width: 150px;
}
.navbar-brand {
    padding-top: 10px;
}
#close_in, #header_menu, .cmn-toggle-switch {
    display: none;
}
.main-menu {
    position: relative;
    z-index: 999;
    width: auto;
    top: 0px;
    float: right;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-menu ul, .main-menu ul li {
    position: relative;
    margin: 0;
    padding: 0;
}
.main-menu>ul>li>a {
    color:var(--crl-black);
}
a.nav-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--clr-light-grey);
}
.submenu-class .dropdown-menu a {
    border-bottom: 1px solid var(--clr-border)!important;
    font-size: 14px;
}
.submenu-class .dropdown-menu {
    padding: 0;
}
.submenu-class a {
    border: none!important;
}
.main-menu ul a, .main-menu ul li a {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    padding: 10px;
}
.submenu-class .dropdown-menu a:last-child {
    border-bottom: none!important;
}
.filter-menu {
    display: none;
}
.menu-full-width {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 500;
}
.notification-btn {
    position: relative;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 39px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(38,174,97,0.1);
    color: var(--clr-primary)!important;
    font-size: 18px;
    outline: none!important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.notification-item .quantity {
    position: absolute;
    display: inline-block;
    top: -7px;
    right: -6px;
    height: 25px;
    width: 25px;
    line-height: 21px;
    text-align: center;
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 9px;
    border: 2px solid var(--clr-white)!important;
    font-weight: 500;
}
.notification-item .dropdown-toggle::after{
    display: none;
}
.user-img-box {
    border-radius: 100%;
    padding: 0px !important;
}
.user-img-box img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.header-desktop .dropdown-menu {
    left: auto!important;
    -webkit-transform: translate3d(0,0,0)!important;
    -moz-transform: translate3d(0,0,0)!important;
    -ms-transform: translate3d(0,0,0)!important;
    -o-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    -webkit-box-shadow: 0 2px 40px rgb(82 85 90 / 10%);
    -moz-box-shadow: 0 2px 40px rgba(82,85,90,0.1);
    box-shadow: 0 2px 40px rgb(82 85 90 / 10%);
    right: -5%;
    margin-top: 65px;
    width: 360px;
    padding: 0;
    border: 1px solid rgba(128,137,150,0.1);
}
.mess-dropdown {
    position: relative;
}
.mess-dropdown form .mess__title {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid rgba(128,137,150,0.1);
}

.mess-dropdown .mess__title {
    display: flex;
    justify-content: left;
    padding: 20px;
    border-bottom: 1px solid rgba(128,137,150,0.1);
}

.mess-dropdown .content {
    word-break: break-word;
    white-space: normal;
}
.vol-notifications-mobile .mess__title {
    justify-content: flex-start;
}

.mess__title .widget-title {
    font-size: 16px;
    padding-bottom: 0;
}
.mess__title p {
    font-weight: 400;
    color: #797f87;
    font-size: 14px;
}
.font-weight-medium {
    font-weight: 500!important;
}
.font-weight-600 {
    font-weight: 600!important;
}
.color-text-3 {
    color: #797f87!important;
}
.color-black {
    color: var(--crl-black)!important;
}
.rating-btn-warning {
    color: #ffc107;
    background-color:var(--clr-white)!important;
    border-color:var(--clr-white)!important;
}
.mess__body {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: 500;
}
.mess__item {
    padding: 15px;
    border-bottom: 1px solid rgba(128,137,150,0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mess__item .icon-element {
    margin-right: 15px;
    flex-shrink: 0;
    margin-left: 0;
    width: 60px;
}
.mess__item .content {
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: calc(100% - 75px);
    text-align: left;
}
.mess__item .content .text {
    font-size: 12px;
    color: #797f87;
    line-height: 20px;
    vertical-align: bottom;
}
.mess__item .content .time {
    font-size: 13px;
    color: var(--clr-primary)!important;
}
.user-action-wrap .notification-btn {
    position: relative;
    background-color: transparent;
}
.header-desktop .user-action-wrap .dropdown-menu {
    width: 320px;
}
.user-action-wrap .image {
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 50px;
    margin-right: 7px;
}
.dot-status {
    position: relative;
}
.notification-dot {
    position: absolute;
    right: 12px;
    top: 35%;
}
.user-action-wrap .image img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(128,137,150,0.2);
}
.user-action-wrap .widget-title {
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 18px;
}
.user-action-wrap .email {
    color: #797f87;
    font-size: 13px;
    word-wrap: break-word;
    margin-bottom: 0;
}
.user-action-wrap .widget-title a {
    color: #2c2c51;
}
.user-action-wrap .mess__body {
    max-height: 100%;
    overflow-x: inherit;
    overflow-y: inherit;
    padding: 15px 20px;
}
.user-action-wrap .mess__body a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #2c2c51;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.user-action-wrap .mess__body a i {
    margin-right: 5px;
}
.user-action-wrap .notification-btn img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    border: 1px solid rgba(128,137,150,0.2);
}
.header-desktop .dropdown-menu.show {
    -webkit-transform: translate3d(0,0,0)!important;
    -moz-transform: translate3d(0,0,0)!important;
    -ms-transform: translate3d(0,0,0)!important;
    -o-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
}
.user-menu-open {
    color: #6c757d;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none;
    width: 35px;
    height: 35px;
    line-height: 29px;
    text-align: center;
    /* background-color: rgba(44,44,81,0.06); */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    right: 15px;
    top: 6px;
}
.user-nav-container.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.user-nav-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color:var(--clr-white)!important;
    overflow-x: hidden;
    z-index: 999;
    -webkit-transition: all .4s cubic-bezier(0.7,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.7,0,0.2,1);
    -ms-transition: all .4s cubic-bezier(0.7,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.7,0,0.2,1);
    transition: all .4s cubic-bezier(0.7,0,0.2,1);
    -webkit-box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,0.1);
    box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.user-nav-container-heading {
    height: auto;
    z-index: 1000;
}
.user-panel-nav .nav-tabs {
    padding: 45px 20px 0;
    border-bottom-color: rgba(127,137,150,0.1);
}
.user-panel-nav .nav-item {
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
}
.user-panel-nav .nav-link.active {
    background-color: transparent;
    color: var(--clr-primary)!important;
}
.user-panel-nav .nav-link {
    color: #797f87;
    border: none;
    padding: 5px 0 5px 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}
.user-panel-nav .nav-link.active:after {
    opacity: 0;
    visibility: none;
}
/* .user-nav-container .user-panel-content {
    margin-top: 20px;
} */
.user-nav-container .user-sidebar-item .mess__body {
    max-height: inherit;
    overflow-x: inherit;
    overflow-y: inherit;
}
.user-nav-container .humburger-menu-lines {
    top: 10px;
    background-color: rgba(44,44,81,0.1);
}
.humburger-menu-lines {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 18px;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 1.8;
}
.humburger-menu-lines-1 {
    right: 55px!important;
}
.user-panel-content{
    margin-top: 7rem!important;
}
.icon-element img {
    max-width: 60px;
    height: 60px;
    object-fit: cover;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
}
.mess__body a:hover{
    text-decoration: none;
}
.user-action-wrap .mess__body a:hover {
    color: var(--clr-primary)!important;
}
.user-action-wrap .widget-title a {
    color: #2c2c51;
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.list-items li {
    margin-bottom: 7px;
    color: #797f87;
    font-size: 14px;
}
a:hover, a:focus {
    text-decoration: none;
}
.slider-bg{
    background-color: var(--clr-secondary);
    border-radius: 14px;
    padding: 60px 30px;
}
.embed-responsive .card-img-top {
    object-fit: cover;
}
.embed-responsive-1by1::before {
    padding-top: 0;
}
.header-content h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #2a2b40;
    margin-bottom: 20px;
}
.header-content p {
    /* margin-bottom: 30px; */
    font-size: 15px;
    line-height: 1.8;
    color: #8b8888;
}
.banner .banner-inner {
    /* padding-top: 50px; */
}
.banner-volunteer{
    background-position: left bottom;
    background-size: auto;
    background-repeat: no-repeat;
    height:auto;
    position: relative;
    background-color: #f2f2f2;
    padding-bottom: 0px;
}
.banner-logos{
    background: #e1f1fe;
    padding: 30px 0 30px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.banner .banner-inner .img1 {
    position: absolute;
    left: 100px;
    bottom: 50px;
}
.banner .banner-inner .img2 {
    position: absolute;
    right: 0px;
    top: 120px;
}
.organization-section {
    padding: 20px;
}
.bg-light-blue {
    background-color: var(--clr-secondary)!important;
    border-radius: 14px;
}
.bg-light-gradient {
    background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider :is(.slick-track, .slick-list) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 0 15px 0;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}

.customer-logos .slick-slide {
    min-width: 100px;
    background-color:var(--clr-white)!important;
    text-align: center;
    min-height: 100px;
    border-radius: 100%;
    position: relative;
}
.customer-logo-img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 17px;
    right: 0;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide {
    margin: 0 15px;
}
.custom-activities.slick-initialized .slide {
    display: block;
}
.cust-margin{
    margin-top: 70px;
    margin-bottom: 70px;
}
.cust-margin-t{
    margin-top: 70px;
}
.cust-margin-b{
    margin-bottom: 70px;
}
.cust-padding{
    padding-top: 70px;
    padding-bottom: 70px;
}
.custom-activities .card {
    border: 1px solid #D9D9D9;
    border-radius: 14px;
    box-shadow: none;
    padding: 25px;
}
.custom-activities .card-body{
padding: 0;
}
.text-muted {
    font-size: 12px;
    line-height: 2.5;
    color: var(--clr-primary)!important;
    margin: 0;
}
.activities-content h2 {
    font-weight: 700;
    text-align: left;
    color: #212529;
    margin: 0;
    line-height: 45px;
}
.activities-content p {
    margin: 0;
    padding: 15px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: var(--crl-black)!important;
}
.activities-slides {
    margin-top: 20px;
    margin-bottom: 30px;
}
ul.slick-dots {
    position: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style: none;
}
ul.slick-dots .slick-active {
    background-color: #007CC1;
}
ul.slick-dots li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -4060px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .5);
    border: 1px solid #007CC1;
}
.activities-slides .card-title {
    margin-bottom: .5rem;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.11;
    color: #151d41;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.activities-slides p.card-text {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 2;
    color: #3F3F3F;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.info{
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 17px rgb(34 34 32 / 10%);
    box-shadow: 0 2px 17px rgb(34 34 32 / 10%);
    background-color:var(--clr-white)!important;
    border: none;
}
.info .text{
    padding: 20px;
    color: #222220;
    font-weight: 600;
    opacity: .8;
    line-height: 1.45;
    text-align: left;
}
.rating-green{
    color: var(--clr-primary)!important;
}
.rating-grey{
    color: #dfdfdf;
}
.badge-info {
    background-color: #027bc02e;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: normal;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    color: var(--clr-secondary)!important;
    margin: 5px;
}
.sidebar-widget .badge-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 25ch;
}
.badge-info-count {
    background-color: #027bc02e;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: normal;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    color: var(--clr-secondary)!important;
    margin: 5px 0;
}

.badge-info-count-green {
    background-color: #DAF1DA;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: normal;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    color: #2d8a2f!important;

}
.badge-info-count-red {
    background-color: #dc35463b;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: normal;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    color: #dc3545;

}
.bg-green {
    background-color: var(--clr-primary)!important;
}
.bg-blue{
    background-color: var(--clr-secondary)!important;
    color:var(--clr-white)!important;
}
.bg-white-opacity{
    background-color: #ffffffe6!important;
}
.client-nav .nav-tabs {
    border-bottom: 0 solid #dee2e6;
}
.client-nav .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.client-testimonial .client-nav .nav-item:nth-child(1) {
    top: 2.5rem;
    right: 16%;
    width: 7rem;
}
.client-testimonial .client-nav .nav-item {
    position: absolute;
    z-index: 5;
    width: 10.5rem;
}
.client-nav .nav-tabs .nav-link {
    border: 0 solid transparent;
}
.client-nav .nav-tabs .nav-item:hover {
    border-bottom: 0 solid var(--clr-primary)!important;
}
.client-nav .nav-tabs>li>a::after {
    background: transparent;
}
.client-nav .nav-tabs .nav-link.active {
    border-bottom: 0 solid var(--clr-primary)!important;
}
.client-nav .nav-tabs .nav-link img {
    max-width: 100%;
    border-radius: 100%;
    font-size: 12px;
}
.client-thumb img{
    max-width: 100%;
    border-radius: 100%;
    width: 100px;
    min-height: 100px;
    object-fit: cover;
    font-size: 12px;
}
.bg-5 {
    background-image: url("../img/map-1-1.png");
    background-position: center 65%;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.client-testimonial .client-nav .nav-item:nth-child(2) {
    bottom: 3rem;
    right: 0;
}
.client-testimonial .client-nav .nav-item:nth-child(3) {
    bottom: 9rem;
    left: 4%;
}
.client-testimonial .client-nav .nav-item:nth-child(4) {
    top: -2rem;
    left: 0;
    width: 7rem;
}
.client-testimonial .client-nav .nav-item:nth-child(5) {
    top: -9rem;
    right: 0;
    width: 7rem;
}
.client-testimonial .tab-content .fade {
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
.client-testimonial .tab-content .client-thumb {
    width: 10.5rem;
}
.mb-25 {
    margin-bottom: 2.5rem !important;
}
.client-testimonial .tab-content .client-desc {
    -webkit-box-shadow: 0 15px 50px 0 rgb(115 115 115 / 6%);
    box-shadow: 0 15px 50px 0 rgb(115 115 115 / 6%);
    min-height: 18rem;
    padding: 2rem;
}
.client-testimonial .drop-shadow {
    -webkit-filter: drop-shadow(0 15px 50px rgba(2, 173, 136, 0.2));
    -moz-filter: drop-shadow(0 15px 50px rgba(2, 173, 136, 0.2));
    -o-filter: drop-shadow(0 15px 50px rgba(2, 173, 136, 0.2));
    filter: drop-shadow(0 15px 50px rgba(2, 173, 136, 0.2));
}
.w-110 {
    width: 110px;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.575rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 3px 0;
    text-transform: capitalize;
}

.btn-orange-outline {
    background-color: #fff !important;
    padding: 10px 22px 10px 22px !important;
    border-radius: 6px !important;
    border-color: var(--clr-primary)!important;
    font-size: 16px !important;
    font-weight: 500;
    color: var(--clr-primary)!important;
}
.btn-search-outline {
    background-color: var(--clr-secondary)!important;
    border-radius: 100px;
    width: 50px!important;
    height: 50px;
    border-color: var(--clr-secondary)!important;
    font-size: 16px!important;
    font-weight: 500;
    line-height: 2.3;
    color: var(--clr-white)!important;
}
.btn-orange-outline:hover {
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
}
.btn-orange-outline-lg:hover {
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
}
.btn-orange {
    background-color: var(--clr-primary)!important;
    padding: 10px 28px 10px 22px!important;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    color: var(--clr-white)!important;
}
.btn-orange:hover {
    background-color: #fff!important;
    /* background-color: transparent!important; */
    color: var(--clr-secondary)!important;
    border-color: var(--clr-secondary)!important;
}
.btn-orange-lg {
    background-color: var(--clr-primary)!important;
    padding: 10px 22px 10px 22px;
    border-radius: 6px!important;
    font-size: 15px!important;
    font-weight: 500;
    color: var(--clr-white)!important;
}
.btn-orange-sm{
    background-color: var(--clr-primary)!important;
    padding: 8px 22px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: var(--clr-white)!important;
}
.btn-blue-sm{
    background-color: var(--clr-secondary)!important;
    padding: 8px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--clr-white)!important;
}
.input-group-text {
    color: var(--clr-white)!important;
    background-color: var(--clr-primary)!important;
    border: 1px solid var(--clr-primary)!important;
}
.btn-orange-outline-sm{
    padding: 8px 22px;
    font-size: 15px;
    background-color: transparent;
    border-radius: 6px;
    border-color: var(--clr-secondary)!important;
    font-weight: 500;
    color: var(--clr-secondary)!important;
}
.btn-orange-outline-sm:hover {
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
}
.btn-orange-sm:hover {
    background-color:var(--clr-white)!important;
    color: var(--clr-secondary)!important;
    border: 1px solid var(--clr-secondary)!important;
}
.btn-orange-lg:hover {
    background-color: var(--clr-white)!important;
    color: var(--clr-secondary)!important;
    border: 1px solid var(--clr-secondary)!important;
}
.btn-orange-outline-lg {
    background-color: transparent;
    color: var(--clr-secondary)!important;
    padding: 10px 22px 10px 22px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid var(--clr-secondary)!important;
}
.btn-orange-outline-lg:hover {
    background-color: var(--clr-primary)!important;
    color:var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
}
.btn-orange-small {
    background-color: var(--clr-primary)!important;
    padding: 8px 22px 8px 22px!important;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: var(--clr-white)!important;
}
.btn-orange-small:hover {
    background-color:var(--clr-white)!important;
    color: var(--clr-primary)!important;
    border: 1px solid var(--clr-primary)!important;
}

.btn-mobile-register {
    background-color: var(--clr-primary)!important;
    color:var(--clr-white)!important;
    width: 100%;
    padding: 15px;
    display: inline-block;
}
.btn-mobile-register:hover {
    color:var(--clr-white)!important;
}
.btn-mobile-login {
    background-color:var(--clr-white)!important;
    color: var(--clr-primary)!important;
    width: 100%;
    padding: 15px;
    display: inline-block;
}
.btn-mobile-login:hover {
    color: var(--clr-primary)!important;
}
.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}

.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.volunteer-content h2 {
    margin: 0;
    font-weight: 700;
    color:var(--clr-white)!important;
    padding-left: 5px;
}
.volunteer-content h2 a{
    color:var(--clr-white)!important;
}
.volunteer-content p {
    margin: 0;
    padding: 8px 0 20px 0;
    font-size: 16px;
    line-height: 1.45;
    color:var(--clr-white)!important;
    padding-left: 5px;
}
.btn-white {
    background-color:var(--clr-white)!important;
    padding: 10px 28px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    color: var(--clr-primary)!important;
}
.btn-white-lg {
    background-color:var(--clr-white)!important;
    padding: 10px 28px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    color: var(--clr-primary)!important;
    border: 1px solid var(--clr-border)!important;
}
footer {
    flex-shrink: 0;
}
.footer-socials a {
    color:var(--clr-white)!important;
    padding-right: 5px;
}
.footer-socials-top a {
    color: #495057;
    padding-right: 8px;
}
.footer-socials-top a:hover {
text-decoration: none;
}
footer p {
    margin: 0;
}
.footer-menu {
    position: sticky;
    bottom: -5px;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 20px;
    z-index: 777;
}
.form-control,select.form-control:not([size]):not([multiple]){
    font-size: 16px;
    border: 1px solid var(--clr-border) !important;
    height: calc(2.1em + .75rem + 5px);
    border-radius: 6px;
    color: #495057!important;
}
.filter-options h1, .activities-listing h1, .activities-listing h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.filter-options h2, .activities-listing h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.activities-result{
    background-color:var(--clr-white)!important;
    border: 1px solid var(--clr-border)!important;
    border-radius: 14px;
    padding: 13px;
    border-radius: 6px;
}
.activity-listing-card{
    background-color:var(--clr-white)!important;
    border: 1px solid var(--clr-border)!important;
    padding: 20px;
    border-radius: 6px;
    background-clip: padding-box;
    /* box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%); */
}
.activity-listing-card .activity-img {
    float: left;
    /* width: 80px; */
    /* margin-right: 15px; */
    cursor: pointer;
}
.activity-listing-card .organization-img {
    float: left;
    width: 120px;
    margin-right: 20px;
}
.activity-listing-card .organization-img img {
    max-width: 120px;
    min-height: 120px;
    object-fit: cover;
    cursor: pointer;
    font-size: 12px;
}

.activity-content .organization-img {
    float: none;
    width: 120px;
    margin: 0 auto;
    margin-right: 15px;
}
.activity-content .organization-img img {
    max-width: 120px;
    min-height: 120px;
    object-fit: cover;
    cursor: pointer;
}
.banner-volunteer .embed-responsive img {
    cursor: pointer;
}
.banner-volunteer .info h5 {
    cursor: pointer;
}
.activity-listing-card .activity-img img{
    /* max-width: 80px;
    max-height: 80px; */
    font-size: 12px;
}
.activity-listing-card .activity-info h1, .organization-info h1{
    font-size: 24px;
    color: var(--crl-black)!important;
    cursor: pointer;
}
.activity-listing-card .activity-info h3, .organization-info h3{
    font-size: 18px;
    color: var(--crl-black)!important;
    cursor: pointer;
}
.activity-listing-card .activity-info p {
    font-size: 12px;
    /* font-weight: 600; */
}
.activity-listing-card .organization-info p {
    font-size: 14px;
    color: #000;
}
.page-link {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-left: -4px;
    line-height: 1.25;
    color: #007bff;
    border-radius: 4px;
    background-color:var(--clr-white)!important;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 1;
    color:var(--clr-white)!important;
    background-color: #0062cc!important;
    border-color: #0062cc!important;
    border-radius: 4px;
}
.next-btn {
    background-color: #0062cc;
    color:var(--clr-white)!important;
    border-radius: 8px!important;
    padding: 10px 20px;
}
.back-btn {
    background-color: var(--clr-white)!important;
    color: #888686;
    border-radius: 8px!important;
    padding: 10px 20px;
}
.filter-btn-before-login {
    padding: 0;
    border-radius: 100%;
    /* right: 0;
    left: 0; */
    right: 30px;
    bottom:100px;
    /* bottom: -9%; */
    z-index: 777;
    /* position: absolute; */
    position: fixed;
    max-width: 14%;
    margin: 0 auto;
    box-shadow: 0 29px 39px #00000003;
}
.filter-btn-after-login {
    background-color:var(--clr-white)!important;
    padding: 15px;
    z-index: 777;
    border: 1px solid var(--clr-border)!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: fixed;
    right: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0px -11px 39px #0000002e;
}
.marginTop-for-sticky{
    margin-top: 0px;
}
.mobile-filter {
    margin-left: 10px;
}
.activity-btn-mobile {
    background-color:var(--clr-white)!important;
    padding: 20px;
    z-index: 777;
    border: 1px solid var(--clr-border)!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: fixed;
    transform: translateY(556px);
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0px -11px 39px #0000002e;
}
.marginTop-for-sticky{
    margin-top: 0;
}
.mobile-btn {
    margin-left: 0;
}
.activity-img {
    /* max-width: 160px;
    max-height: 160px; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /* margin-right: 20px; */
}
.activity-img img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /* width: 160px;
    height: 160px; */
    object-fit: contain;
    width: 100%;
}
.activity-right {
    background-color: #F2F7F8;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12);
}
.badge-counter-box {
    width: 100%;
    margin-bottom: 5px;
    padding: 0 5px;
}
.badge-counter-text {
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.badge-counter-text .counter {
    /* font-size: 20px;
    font-weight: 700; */
    font-size: 15px;
    font-weight: 700;
    background-color: #cccccc85;
    color: #000;
    padding: 3px;
    border-radius: 0.375rem;
    width: 45px;
    display: block;
    text-align: center;
    margin-left: 5px;
    
}
.vertical-align-sub {
    vertical-align: sub;
}
.volunteers-engaged {
    font-size: 20px;
    font-weight: 700;
    vertical-align: sub;
}
.organization-right-badge {
    font-size: 20px;
    font-weight: 700;
}
.activities-volunteered {
    font-size: 20px;
    font-weight: 700;
    vertical-align: sub;
}
.custom-pad-20{
    padding: 20px;
}
.custom-pad-40{
    padding: 40px 0;
}
.activity-details {
    /* margin-bottom: 15px; */
}
.activity-details h1 {
    font-size: 34px;
}
.activity-title {
    position: relative;
    font-size: 24px;
}
.activity-title h2{
    position: 26px;
}
.activity-map h3, .activity-tags h3, .activity-details h3 {
    font-size: 22px;
}
.activity-action {
    margin-right: 2px;
    display: inline-block;
}
.sidebar .sidebar-widget {
    margin-bottom: 30px;
}
.activity-slide-img, .volunteer-slide-img {
    max-width: 180px;
    max-height: 180px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.activity-slide-img img, .volunteer-slide-img img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 180px;
    height: 180px;
    object-fit: cover;
}
.activity-imgs-slider ul.slick-dots, .imgs-by-volunteer-slider ul.slick-dots {
        right: auto;
        bottom: -21px;
        left: 15px;
        margin-left: 0;
        width: auto;
}
.slick-dots li button:before, .slick-dots li.slick-active button:before{
    color: transparent!important;
}
.rating-box {
    width: 130px;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
}
.rating-label {
    font-weight: bold
}
.rating-bar {
    width: 300px;
    padding: 8px;
    border-radius: 5px
}
.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color:var(--clr-white)!important;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 5px
}
.bar-10 {
    width: 100%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-9 {
    width: 90%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-8 {
    width: 80%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-7 {
    width: 70%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-6 {
    width: 60%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-5 {
    width: 50%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-4 {
    width: 40%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-3 {
    width: 30%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-2 {
    width: 20%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-1 {
    width: 10%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
.bar-0 {
    width: 0%;
    height: 13px;
    background-color: var(--clr-primary)!important;
    border-radius: 20px
}
td {
    padding-bottom: 10px
}
.star-active {
    color: var(--clr-primary)!important;
    margin-top: 10px;
    margin-bottom: 10px
}
.star-active:hover {
    color: var(--clr-primary)!important;
    cursor: pointer
}
.star-inactive {
    color: #CFD8DC;
    margin-top: 10px;
    margin-bottom: 10px
}
.blue-text {
    color: #010101
}
.mess__item .content {
    font-size: 14px;
    max-width: 235px;
}
/* .content {
    font-size: 18px;
} */
.profile-pic {
    max-width: 50px;
    max-height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: 20px;
}
.profile-pic img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.vote {
    cursor: pointer
}
  .team-boxed .people {
    padding:50px 0;
  }
  .team-boxed .card {
    width: 100%;
  }
  .team-boxed .item {
    text-align:center;
  }
  .team-boxed .item .box {
    text-align:center;
    padding: 20px;
    background-color:var(--clr-white)!important;
    margin-bottom:30px;
    border-radius: 6px;
    width: 100%;
  }
  .team-boxed .item .name {
    font-weight:bold;
    margin-top:18px;
    margin-bottom:8px;
    font-size: 22px;
    color: #000;
  }
  .team-fixed-size .item .box{
    min-height: 305px;
  }
  .team-boxed .item .title {
    color: #212529;
    font-size: 14px;
}
  .team-boxed .item img {
    width: 160px;
    max-height: 160px;
    object-fit: cover;
    border-radius: 6px;
    height: 160px;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0px -11px 39px #0000002e;
    background-color:var(--clr-white)!important;
    padding: 20px;
    z-index: 777;
}
.nav-tabs .nav-link.active {
    font-weight:bold;
    background-color: transparent;
    border-bottom:3px solid var(--clr-primary)!important;
    border-right: none;
    border-left: none;
    border-top: none;
}
.badge-danger {
    color:var(--clr-white)!important;
    background-color: var(--clr-primary)!important;
}
nav.nav-justified {
    background-color: #DAF1DA;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
nav.nav-justified .nav-tabs .nav-link {
    padding: 15px;
}
.nav-tabs {
    display: inline-flex;
    width: 100%;
    overflow-x: inherit;
    -ms-overflow-style: none; /*// IE 10+*/
    overflow: -moz-scrollbars-none;/*// Firefox*/}
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }
    .nav-tabs>li>a {
        border: none;
        color: #666;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: var(--clr-secondary)!important;
        background: transparent;
    }
    .nav-tabs>li>a::after {
        content: "";
        background: var(--clr-secondary)!important;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }
    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }
    .tab-nav>li>a::after {
        background: var(--clr-secondary) none repeat scroll 0% 0%;
        color:var(--clr-white)!important;
    }

    .nav-tabs::-webkit-scrollbar {
        display: none; /*Safari and Chrome*/
    }
.nav{
    flex-wrap: inherit;
    overflow: overlay;
    white-space: nowrap;
}
.login-bg {
    background-size: cover!important;
    top: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    min-height: 100vh;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    align-items: start;
}
.login-inner-form {
    max-width: 500px;
    margin: 0 auto;
    color: #717171;
    text-align: center;
    box-shadow: 0 2px 17px #2f2f2f1f;
}
.login-inner-form .details {
    padding: 50px 30px 50px;
    background:var(--clr-white)!important;
    border-radius: 5px 5px 0 0;
}
.login-inner-form .footer {
    font-size: 14px;
    padding: 15px 15px;
    background-color: #f5f5f5;
    border-radius: 0;
    border-top: solid 1px #f5f5f5;
}
.login-inner-form img {
    margin-bottom: 15px;
    height: 30px;
}
.login-inner-form h3 {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: 400;
    color: #313131;
}
.login-inner-form .form-group {
    margin-bottom: 25px;
}
.login-inner-form .checkbox {
    margin-bottom: 25px;
    font-size: 14px;
}
.login-inner-form .form-check {
    float: left;
    margin-bottom: 0;
    padding: 0;
}
.login-inner-form input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}
.login-inner-form .form-check-input {
    position: absolute;
    margin-left: 0;
}
.login-inner-form .form-check-label {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
}
.login-inner-form .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    width: 17px;
    height: 17px;
    margin-left: -25px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color:var(--clr-white)!important;
}
.login-inner-form .checkbox a {
    font-size: 14px;
    color: #717171;
    float: right;
}
.login-inner-form .checkbox-theme input[type="checkbox"]:checked + label::before {
    background-color: var(--clr-primary)!important;
    border-color: var(--clr-primary)!important;
}
.login-inner-form input[type=checkbox]:checked + label:before {
    font-weight: 300;
    color: #f3f3f3;
    line-height: 15px;
    font-size: 14px;
    content: "\2713";
}
.login-inner-form .nav {
    overflow: hidden;
}
.login-inner-form .nav-link {
    background-color: #efeff5;
    border-radius: 0;
    padding: 12px;
    text-align: center;
}
.login-inner-form  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color:var(--clr-white) !important;
    background-color: var(--clr-primary);
}
.gender {
    margin-bottom: 15px;
}
.login-inner-form label.radio {
    cursor: pointer;
    text-indent: 25px;
    overflow: visible;
    display: inline-block;
    position: relative;
}
.login-inner-form input[type=radio] {
    visibility: hidden;
    display: none;
}
.login-inner-form label.radio:before {
    background: #e9ecef;
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
.login-inner-form label.radio:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: .6em;
    height: .35em;
    background: 0 0;
    top: 8px;
    left: 5.5px;
    border: 3px solid #212529;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.login-inner-form input[type=radio]:checked+label:after {
    opacity: 1;
}
.blog-image-box {
    width: 320px;
    max-width: 100%;
    height: 196px;
    margin-right: 15px;
}
.blog-image-box img {
    width: 320px;
    height: 196px;
    max-width: initial;
    object-fit: cover;
    cursor: pointer;
}
.blog-info h5 {
    cursor: pointer;
}
h3.widgettitle {
    padding: 10px;
    background: var(--clr-primary)!important;
    color:var(--clr-white)!important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.widget-wrap ul:last-child {
    margin-bottom: 0;
}
.widget-wrap ul {
    padding: 0 0 0 1.5rem;
    margin: 0 0 30px;
}
.widget-wrap ul li a {
    color: var(--crl-black)!important;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.rating-header {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
}
.ratings .btn:hover {
    color: #ffc107;
}
.v-select {
    /* border: 1px solid rgba(60,60,60,.26)!important;
    border-radius: 4px!important;
    background-color: var(--clr-white)!important; */

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d9dee3 !important;
    border-radius: 0.375rem !important;
    color: #697a8d !important;
    display: block;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.53;
    padding: 0rem 0.875rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}

.v-select:focus,.v-select:focus-within, .v-select:visited, .v-select:active, .v-select:hover {
    background-color: #fff !important;
    border-color: #008CCF!important;
    box-shadow: 0 0 0.25rem 0.05rem rgb(0 140 207 / 10%) !important;
    color: #697a8d !important;
    outline: 0 !important;
}
.vs__dropdown-toggle {
    padding: 0!important;
    border: 0!important;
}
input[type=search], select, textarea {
    padding: 10px;
}

.vs__dropdown-toggle {
    padding: 0!important;
    border:0px !important;
}
.vs__actions {
    padding: 3px 10px 0 3px!important;
}
.vs__search, .vs__search:focus {
    margin: 0!important;
    line-height: 1.7!important;
}
.vs__selected-options {
    padding: 0!important;
}
.vs__selected {
    margin: 0!important;
    padding: 0 0 0 10px !important;
}
.vs__clear {
    margin-right: 10px!important;
    margin-bottom: 6px!important;
}
.vs--open .vs__selected {
    line-height: 3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.vs--single .vs__selected{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 2.6;
}
.vs__selected-options {
    flex-wrap: inherit!important;
}
.vs--open .vs__search, .vs__search:focus {
    margin: 0!important;
    line-height: 3 !important;
    position:  relative !important;
    padding-left: 10px!important;
}
.vs--open .vs__dropdown-menu {
    margin-top: 2px;
}
.mx-datepicker-range {
    width: 100%!important;
}
.mx-input-wrapper input[type=text]{
    padding: 11px 12px!important;
    width: 100%;
    color: var(--crl-black)!important;
    height: 46px;
    margin-top: 0;
    font-size: inherit;
}
.mx-input-wrapper input[type=text]{
    padding: 11px 12px!important;
    width: 100%;
    color: var(--crl-black)!important;
    height: 46px;
    margin-top: 0;
    font-size: 16px;
    box-shadow: none!important;
}
.mx-input-wrapper input[type=text]::placeholder{
    color: var(--clr-light-grey)!important;
}
.mx-icon-calendar, .mx-icon-clear {
    top: 38%!important;
    right: 10px!important;
}
.mx-datepicker svg {
    fill: #4d4d4d!important;
    vertical-align: -.8em!important;
}
.mx-input{
    border: 1px solid var(--clr-border)!important;
}
.mx-input:hover, .mx-input:focus{
    border: 1px solid rgba(60,60,60,.26)!important;
}
.form-control::placeholder {
    color: var(--clr-light-grey)!important;
}
 .page-item:first-child .page-link,.page-item:last-child .page-link  {
    border-radius: 4px !important;
}
.share-btn a {
    cursor: pointer;
}
.dropdown-item {
    color: #212529!important;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--clr-white)!important;
}
.check-icon i {
    font-size: 48px;
}
.slider-images {
    position: relative;
}
.mt-8{
    margin-top: 8rem!important;
}
.dell-btn-2 {
    position: absolute;
    bottom: 0px;
    top: 60%;
    width: 100%;
    text-align: center;
}
.loader {
    border: 10px solid #e4f8e3;
    border-radius: 50%;
    border-top: 10px solid var(--clr-primary)!important;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
.back-icon {
    position: absolute;
    left: 20px;
}
.nGY2 .nGY2Gallery{
    text-align: left!important;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.dell-btn-1 {
    position: absolute;
    bottom: 0px;
    top: 62%;
    width: 100%;
    text-align: center;
}
/* @media (max-width: 1199px) { */
    /* .dell-btn-1 {
        padding-left: 20%;
    }
    .dell-btn-2 {
        padding-left: 17%;
    } */
/* } */
/* @media (max-width: 767.5px) { */
    /* .dell-btn-2 {
        padding-left: 0px;
    }
    .dell-btn-1 {
        padding-left: 0px;
    } */

/* } */
.VueCarousel-dot-container{
    margin-top: 0px!important;
}
img.slider-image {
    width: 300px;
    height: 200px;
    max-width: 100%;
    object-fit: cover;
}
.vgs__gallery {
    bottom: 60px!important;
}
.vgs__container {
    top: 60px;
}
.no-imgs.mb-4 {
    max-width: 350px;
    margin: 0 auto;
}

.bootstrap-tagsinput{
    min-height: 40px!important;
    /* height: calc(2.1em + .75rem + 5px); */
    border-color: #e1e8ed!important;
    line-height: 38px!important;
    box-shadow: none!important;
    flex: 1 1 auto;
    width: 1%;
}
.bootstrap-tagsinput .tag {
    background-color: var(--clr-secondary)!important;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 1px;
    border-radius: 3px;
    color: var(--clr-white)!important;
}
.formField{
    position: relative;
    }
.formField:after{
    position: absolute;
    transform: translate(0,-50%);
    right: 18px;
    top: 65%;
    content:'\f133';
}
.datepicker {
    padding: 15px!important;
}
.avatar-upload-1 .avatar-preview {
        height: 380px;
    }
ul.box_general_3 li {
    color: red;
}
input[type='radio'] {
-webkit-appearance:none;
width: 16px;
height: 16px;
border: 1px solid var(--clr-primary)!important;
border-radius: 50%;
outline: none;
box-shadow: none;
}
.select2{
    max-width: 100%;
}
input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 22% 22% auto;
    border-radius: 50%;
}
input[type='radio']:checked:before {
background:var(--clr-primary)!important;
}
.breadcrumb {
    background-color: var(--clr-white)!important;
}
.box_general_3 {
    padding: 15px;
    margin-bottom: 15px;
}
.box_general_3 .name {
    display: flex;
    align-items: center;
}

.box_general_3 .form_title {
    padding-left: 0px !important;
}
.message {
    padding: 20px 0;
    border: 0;
    margin-bottom: 0px;
}
.form_title {
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px;
}
#organizationInfo .form_title {
    padding-left: 0px;

}
.form_title h3, .form_title h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3125rem;
}
.form_title h3 strong, .form_title h1 strong {
    background-color: var(--clr-primary)!important;
    width: 40px;
    height: 40px;
    /* display: inline-block; */
    display: flex;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color:var(--clr-white)!important;
    font-size: 1.125rem;
    line-height: 42px;
    text-align: center;
    /* position: absolute; */
    left: 0;
    top: -5px;
    flex: none;
    margin-right: 15px;
    justify-content: center;
}
.select2-container--default .select2-selection--multiple {
    background-color:var(--clr-white)!important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}
.container_check {
    display: block;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
span.text-red {
    color: red;
}
.text-red {
    color: red;
}
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #e1e8ed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.avatar-upload-1 {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}
.avatar-upload-1 .avatar-preview {
    max-width: 250px;
    height: 250px;
    object-fit: cover;
    position: relative;
    border: 1px solid #f5f8fa;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-left: 0;
}
.avatar-upload-1 .avatar-preview>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
.avatar-upload-1 .avatar-edit {
    position: relative;
}
.avatar-upload-1 .avatar-edit input {
    display: none;
}
input[type=file] {
    background-color:var(--clr-white)!important;
    border: 1px solid #e1e8ed;
    padding: 5px;
    height: auto;
    color: #999;
    border-radius: 3px;
}
.avatar-upload-1 .avatar-edit input+label {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
    margin-top: 20px;
    border-radius: 4px;
    background: var(--clr-primary) !important;
    border: 1px solid var(--clr-primary) !important;
    color: var(--clr-white) !important;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    font-size: 15px;
    padding: 10px 38px;
    margin-left: 0;
}
.form_title {
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px;
}
.container_check input:checked ~ .checkmark {
    background-color: var(--clr-primary)!important;
    border: 1px solid transparent;
}
.container_check input:checked ~ .checkmark:after {
    display: block;
}
.container_check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.select2-container .select2-selection--multiple {
    min-height: calc(2.25rem + 2px)!important;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #e1e8ed!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 6px 5px 6px 12px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ebf3fa!important;
    border: 1px solid #ebf3fa!important;
    padding: 2px 5px!important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #EBF3FA;
}
li.breadcrumb-item a {
    color: var(--crl-black)!important;
}
.no-data-image img {
    max-width: 450px;
    width: 100%;
    margin-top: 40px;
}
.ratinng-box i {
    font-size: 13px;
}
.select2-container .select2-selection--single {
    min-height: 47px;
    border-color: #e9ecef!important;
    height: calc(3rem + 2px) !important;
    border-radius: 6px!important;
    text-align: left!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 49px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
}
.form-control:focus {
    box-shadow: none!important;
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.ratinng-box i {
    padding-right: 3px;
}
.fixed-img-width {
    width: 60px;
    max-width: 100%;
    height: 50px;
    object-fit: cover;
}
.pointer{
    cursor: pointer!important;
}
.message-icon{
    font-size: 40px;
}
@-moz-document url-prefix() {

}
@media (min-width: 1281px){
    .client-testimonial .client-nav .nav-item:nth-child(2) {
        right: -3rem;
    }
    .client-testimonial .client-nav .nav-item:nth-child(4) {
        left: 0;
    }
    .client-testimonial .client-nav .nav-item:nth-child(5) {
        right: 0;
    }
}
@media screen and (max-width: 1280px){
    .activities-listing h2, .filter-options h2 {
        font-size: 28px;
    }
    .main-menu ul a, .main-menu ul li a {
        padding: 5px;
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
    }
}
@media only screen and (min-width: 992px){
    .main-menu {
        width: auto;
    }
    .main-menu ul li {
        display: inline-block;
    }
    .main-menu a {
        white-space: nowrap;
    }
}
@media (max-width: 992px){
    .user-menu-open {
        display: block !important;
    }
    .header-action-button {
        margin-right: 15px!important;
    }
    #logo_home {
        margin: 0 auto;
    }

    .cmn-toggle-switch {
        position: relative;
        display: block;
        overflow: visible;
        position: absolute;
        left: 15px;
        margin: 0;
        padding: 0px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border: none;
        cursor: pointer;
        top: 4px;
        right: 70px;
        width: 40px;
        height: 35px;
        border-radius: 4px;
        /* background-color: #f3f3f5; */
    }
    .cmn-toggle-switch span {
        display: block;
        position: absolute;
        top: 17px;
        left: 0;
        right: 0;
        height: 2px;
        background: #6c757d;
        width: 80%;
        margin: 0 auto;
    }
    .cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #6c757d;
        content: "";
    }
    .cmn-toggle-switch span::after {
        bottom: -9.5px;
    }
    .cmn-toggle-switch span::before {
        top: -10.5px;
    }
    .cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0;
        transition-delay: 0.3s, 0;
    }
    .cmn-toggle-switch__htx span::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }
    .cmn-toggle-switch__htx span::before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }
 /* active state, i.e. menu open */
 .cmn-toggle-switch__htx.active span{background:none !important;}
 .cmn-toggle-switch__htx.active span::before {top: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
 .cmn-toggle-switch__htx.active span::after {bottom: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg);}
 .cmn-toggle-switch__htx.active span::before,
 .cmn-toggle-switch__htx.active span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;}



    .main-menu {
        overflow-y: scroll;
        padding-bottom: 60px;
        transform: translateX(-102%);
        top: 68px;
        border-top: 1px solid #ededed;
        border-right: 1px solid #ededed;
        left: 0;
        bottom: 0;
        width: 85%;
        height: 100%;
        position: fixed;
        background-color:var(--clr-white)!important;
        -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .main-menu.show {
        transform: translateX(0);
        /* overflow: hidden; */
    }
    .main-menu ul li a {
        padding: 15px;
    }
    .main-menu ul li {
        padding-bottom: 0;
        border-top: none;
        border-bottom: 1px solid #ededed;
        color:var(--clr-black)!important;
    }
    .submenu-class .dropdown-menu {
        padding: 0;
        position: static!important;
        float: none;
        transform: none!important;
    }
    .submenu-class .dropdown-menu .dropdown-item {
        padding-left: 30px;
    }
    .dropdown-menu {
        margin: 0;
        font-size: 14px;
        color: rgba(0, 0, 0, .5);
        border: 1px solid #ededed;
        border-radius: 0;
        border-bottom: 0;
    }
    .cmn-toggle-switch-filter {
        position: relative;
        cursor: pointer;
    }
    .filter-menu {
        overflow-y: scroll;
        padding-bottom: 60px;
        transform: translateX(-102%);
        top: 57px;
        border-top: 0px solid #ededed;
        border-right: 0px solid #ededed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        background-color:var(--clr-white)!important;
        -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .filter-menu.show {
        transform: translateX(0);
        overflow: hidden;
        display: block;
        z-index: 99;
        padding: 30px;
    }

}
@media (max-width: 641px){
.header-action-button {
    display: none!important;
}

.content {
    max-width: 100%!important;
}
.cust-padding {
    padding-top: 30px!important;
}
.banner-volunteer {
    padding-bottom: 30px!important;
}
#volunteers .cust-margin-b {
    margin-bottom: 10px!important;
}
#volunteers .cust-margin-t {
    margin-top: 30px!important;
}
.margin-top-50 {
    margin-top: 30px!important;
}
.client-testimonial .tab-content .client-desc {
    min-height: 13rem!important;
}
.cmn-toggle-switch.after-login {
    top: 4px;
    right: 70px;
    width: 40px;
    height: 35px;
    border-radius: 4px;
    /* background-color: #f3f3f5; */
}
.cmn-toggle-switch.after-login span {
    top: 17px;
    left: 0px;
    right: 0;
    width: 30px;
}
.user-nav-container{
    width: 100%!important;
}
}
@media (min-width:360px) and (max-width:575.8px){
.card-deck {
    width: 85%;
    margin: 0 auto;
}
}
@media (max-width: 767.98px){

    .client-testimonial .client-nav .nav-item {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: inherit;
        width: 5.5rem !important;
    }
    .activity-listing-card .organization-img, .activity-listing-card .activity-img  {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
        /* margin-right: 15px!important; */
    }

    .text-chrach-limit {
        margin: 0;
    }
    .activity-listing-card .activity-info h1 {
        font-size: 15px!important;
    }
    .activity-listing-card {
        /* padding: 15px 5px 5px 5px; */
    }

}
@media (max-width: 425.98px){
    .client-testimonial .client-nav .nav-item {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: inherit;
    width: 4.5rem !important;
    }
    #displayPictureModal .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 5))!important;
    }
    .activities-result {
        padding: 10px;
        font-size: 12px;
    }
    .activities-listing h2.name {
        font-size: 18px;
        margin-top: -8px;
        margin-bottom: 16px;
    }
    .navbar-brand img {
        width: 125px;
    }
}
.responsive-content {
    display: flex;
    flex-wrap: nowrap;
}
@media screen and (max-width:991.5px){
    .responsive-content {
        display: flex;
        flex-wrap: wrap;
    }
.avatar-upload-1 .avatar-preview{
    margin: 0 auto!important;
}
.marginTop-for-sticky{
    margin-top: 55px;
}
.activity-content .organization-img {
    margin-right: auto;
    margin-bottom: 15px;
}
.nav-tabs {
    overflow-x: auto!important;
    overflow-y: hidden;
}
.flex-wrap-sm{
    flex-wrap: wrap!important;
}
.banner {
    height: auto!important;
}
.header-content h1 {
    font-size: 2.5rem;
}
.banner .banner-inner {
    padding-top: 50px;
}
.cust-margin {
    margin-top: 20px;
    margin-bottom: 50px;
}
.cust-padding {
    padding-top: 50px;
}
.blog-image-box{
    margin: 0 auto;
    margin-bottom: 20px;
}
.btn-block-md{
    display: block;
    width: 100%;
}
}
@media screen and (max-width: 768px){
    .mobile-filter {
        margin-left: 0px;
    }
    .blog-img {
        position: relative!important;
        z-index: 0;
        height: 200px;
    }
    
}
@media screen and (max-width: 575px){
    html,
    body {
        overflow-x: hidden!important;
    }
    .btn-block-sm{
        display: block;
        width: 100%;
    }
    .activity-listing-card {
        padding: 25px 14px;
    }
    .activities-listing h2, .filter-options h2 {
        font-size: 24px;
    }
    .pagination {
        font-size: 13px;
    }
    .main-menu {
        top: 58px;
        border-top: 0;
    }
    .login-inner-form {
        box-shadow: none;
        padding: 0 25px !important;
    }
    .daterangepicker.show-calendar[data-v-1ebd09d2] {
        display: block!important;
        top: -450px!important;
    }
    .uppy-Dashboard-inner {
        width: 100%!important;
    }
    div#my-strictly-unique-vue-upload-multiple-image {
        display: block!important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 991px){
    .activity-content .activity-details {
        /* margin-bottom: 20px; */
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .activity-details .activity-img {
        margin-right: 0;
        /* margin-bottom: 20px; */
    }

    .activity-details {
        display: block!important;
    }
    .activity-content {
        text-align: left;
    }
    .activity-img{
        margin: 0 auto;
        margin-right: auto!important;
        width: 70%;
    }
    .profile-pic {
        max-width: 80px;
        max-height: 80px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 0 auto;
        margin-right: 15px!important;
    }
    h1,h2,h3,h4,h5,h6{
        font-size: 18px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px){
    .change-layout {
        display: contents!important;
    }
    .marg-bottom{
        margin-bottom: 10px!important;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1190px){
    .activity-img {
        max-width: 140px;
        max-height: 140px;
    }
    .activity-img img {
        width: 140px;
        height: 140px;
    }
}
@media only screen and (min-width: 575px) and (max-width: 766px){
  .activity-action{
      width: 100%;
  }
  .share-btn {
    width: 100%;
}
}
/* .tab-pane {
    padding: 40px;
} */

@media(max-width:767.98px) {
    .tab-pane {
        padding: 10px 0;
    }
}
@media (max-width: 480px){
    .activity-details {
        display: block!important;
    }
    .activity-listing-card .activity-info p{
        font-size: 13px;
    }
    .activity-imgs-slider ul.slick-dots, .imgs-by-volunteer-slider ul.slick-dots {
        right: 0!important;
        left: 0!important;
        width: 100%!important;
    }
    nav.nav-justified .nav-tabs .nav-link {
        font-size: 12px;
    }
    .btn-orange-outline-lg, .btn-white, .btn-orange-lg, .btn-orange-small, .btn-orange-sm, .btn-orange-outline-sm{
        font-size: 14px!important;
        padding: 7px 18px;
        margin: 0 4px;
    }
    .client-testimonial .tab-content .client-desc {
        padding: 15px;
    }
    .btn-mobile-login {
        font-size: 14px;
    }
    .btn-mobile-register{
        font-size: 14px;
    }
    .login-bg{
        padding: 0px!important;
    }
    .login-inner-form .details {
        padding: 40px 20px 40px;
    }
    .bg-5 {
        background-size: contain!important;
    }
    .user-nav-container .user-panel-content {
        margin-top: 0;
    }

    .font-9-mb{
        font-size: 9px!important;
    }
    .image-uploader .upload-text span {
        padding: 0 15px;
        font-size: 14px;
        text-align: center;
    }
    .form_title h3 strong {
        width: 30px;
        height: 30px;
        font-size: 1rem;
        line-height: 30px;
    }
    .activities-content h2{
        line-height:22px;
    }
    .nanogallery_gallerytheme_custom_ngy2p .nGY2Navigationbar {
        display: none !important;
    }
    .nGY2 .nGY2Gallery{
        margin-top: 40px!important;
        text-align: center!important;
    }
    h1{
        font-size: 16px!important;
    }
    label{
        font-size: 12px!important;
    }
    h2,h3,h4,h5,h6{
        font-size: 20px;
    }
    div#notification_ask_modal {
        width: 100%!important;
    }
    .font-15 {
        font-size: 16px!important;
    }
    .rating-box {
        width: 130px;
        height: 100px;
    }
    .activity-listing-card .activity-img {
        margin-bottom: 0!important;
    }
    .super-activity-badge {
        padding: 6px 8px!important;
    }
    .cause-status {
        position: relative!important;
        top:0!important;
        right:0;
        left:0;
    }
}
@media(max-width:375.68px){
    .login-inner-form .details {
        padding: 0 0 20px;
    }
    .blog-image-box img {
        max-width: 302px!important;
    }
    .activity-listing-card .activity-info h1{
        font-size: 14px!important;
        padding-top: 8px;
    }
    .activity-listing-card .activity-info p {
        font-size: 12px!important;
    }
    .font-12-mb{
        font-size: 12px!important;
    }
    .name {
        font-size: 16px!important;
    }
    .font-14-mb{
        font-size: 14px!important;
    }
    .badge-info-count {
        margin: 5px 0 12px 0!important;
    }
    .mess__item .content {
        font-size: 14px;
        line-height: 25px;
    }
    .limit-lines p span{
        font-size: 12px!important;
    }
    .team-fixed-size .item .box {
        min-height: 280px!important;
    }
    .login-inner-form .checkbox {
        margin-bottom: 15px;
    }
    .login-inner-form h3 {
        margin: 0 0 15px;
    }
    .box_general_3 {
        padding: 0;
        margin-bottom: 0;
    }
    .activity-listing-card .organization-img img {
        max-width: 70px;
        min-height: 70px;
    }
    .activity-listing-card .organization-img {
        width: 70px;
    }

    .badge-info {
        font-size: 12px;
        padding: 5px 10px;
        /* margin: 5px 0; */
    }
    .activity-listing-card .activity-img {
        max-width: 70px;
        max-height: 70px;
    }
    .activity-listing-card .activity-img img{
        max-width: 70px;
        max-height: 70px;
    }
    .custom-pad-md-0{
        padding: 0!important;
    }
    .rating-box {
        height: 110px;
    }
    .banner .banner-inner{
        padding-top: 25px;
    }
    .organization-section {
        padding: 6px;
    }
    .banner-logos {
        padding: 20px 0 10px;
    }

    .custom-pad-20 {
        padding: 30px;
    }
    .activity-title {
        padding-top: 0!important;
        margin-top: 0!important;
    }
    .activity-content.custom-pad-20 {
        padding: 20px;
    }
    label.edition-checks {
        padding: 15px 20px!important;
    }
    #notification_ask_modal {
        width: 100%;
        margin-top: 30px;
    }
    .text-chrach-limit {
        max-width: 18ch!important;
    }
}
@media (max-width:360.68px){
    .login-inner-form .checkbox a {
        float: none;
    }
    .login-inner-form .form-check {
        float: none;
        margin-bottom: 15px;
    }
    .login-inner-form{
        box-shadow: none;
    }
    .blog-image-box img {
        max-width: 100%!important;
    }
    .text-chrach-limit {
        max-width: 21ch!important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 17px !important;
    }
}
@media (max-width: 320.68px){
    .login-inner-form .form-check-input {
        margin-left: 12px;
        opacity: 0;
    }
    .text-chrach-limit {
        max-width: 15ch;
    }
}
.dot{
    color: red;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color: #ebf3fa!important
}
.word-break{
    word-break: break-word;
}

.footer-menu .footer-text p a {
    color: black!important;
}
.footer-menu {
    position: fixed;
    bottom: 12%;
    left: 3%;
    right: 3%;
    padding-bottom: 20px;
    z-index: 777;
}
.footer-menu .footer-text p {
    font-size: 12px;
    color: black;
    margin-bottom: 6px;
}
.footer-menu .footer-socials a {
    color: black!important;
    font-size: 12px;
}
.download-app-area {
    position: relative;
    /* padding-top: 118px;
    padding-bottom: 120px; */
    z-index: 10;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .download-app-area .download-app-case {
        /* right: 100px; */
    }
}
.download-app-area .download-app-case {
    position: absolute;
    right: 80px;
    bottom: 0;
    z-index: 1;
}
.download-app-content {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    top: 10%;
}
.download-app-content .tittle {
    font-size: 3rem;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    
}
.organization-content .tittle {
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 1.2;
    padding-left: 0;
    padding-right: 0;
    
}
.download-app-content ul li:first-child {
    margin-right: 10px;
}
.download-app-content ul li img {
    width: 200px;
}
.VueCarousel-dot[data-v-438fd353] {
    padding: 4px!important;
}
.ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label{
    -webkit-transition: none !important;
    transition: none !important;
}
ul.pagination li {
    margin-right: 10px;
}
@media (max-width: 992px){
    .download-app-area .download-app-case {
        position: relative;
        text-align: center;
        /* margin-left: -18%; */
        background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
    opacity: 1;
    bottom: 45px;
    z-index: 1;
    right: 0;
    }
    .download-app-area .download-app-case img {
        margin-left: -80px;
    }
    .download-app-content {
        margin-bottom: 20px;
        text-align: center;
        padding: 0px 20px;
    }
    
    .download-app-content .tittle{
        font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 1.2;
    padding-right: 0;
    text-align: left;
    }
    .organization-content {
        margin-top: 20px;
    }
    .organization-content>:first-child {
        padding: 0;
    }
    .organization-content .tittle{
        font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 0px;
    line-height: 1.2;
    padding-left: 0px;
    padding-right: 0;
    text-align: left;
    }
    .download-app-content h2{
        font-size: 1rem;
        text-align: left;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .download-app-area {
        padding-bottom: 0;
        padding-top: 40px;
        margin-bottom: 50px;
    }
}
@media (max-width: 1024.5px){
    .download-app-area .download-app-case {
        /* right: 90px; */
    }
    a.nav-link, .btn-orange-outline, .btn-orange {
        font-size: 14px;
    }
    #displayPictureModal .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 15));
    }
}
@media (max-width: 1920.5px) and (min-width: 1440px){
    .text-chrach-limit-1024{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 95ch;
    }
    .text-chrach-limit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 60ch;
    }
}
@media (max-width: 1439.5px) and (min-width: 1200px){
    .text-chrach-limit-1024{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 60ch;
    }
    .text-chrach-limit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 27ch;
    }

}
@media (max-width: 1199.5px) and (min-width: 991px){
    .text-chrach-limit-1024{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 48ch;
    }
    .text-chrach-limit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 27ch;
    }

}
@media (max-width: 768px){
    .milkar-footer .footer-img {
        display: none;
    }
    .download-app-area {
        padding-bottom: 0;
        padding-top: 40px;
        /* height: 300px; */
    }
    .btn-orange-sm-mobile {
        background-color: var(--clr-primary)!important;
        padding: 5px 15px;
        border-radius: 6px;
        font-size: 15px;
        line-height: 1;
        font-weight: 600;
        color: var(--clr-white)!important;
    }
    .btn-orange-sm-outline-mobile {
        background-color: var(--clr-white)!important;
        padding: 5px 15px;
        border-radius: 6px;
        font-size: 15px;
        line-height: 1;
        font-weight: 600;
        border: 1px solid;
        border-color: var(--clr-secondary);
        color: var(--clr-secondary)!important;
    }
    .text-chrach-limit{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 17ch;
    }
}

.VueCarousel-slide {
    margin-bottom: 15px;
}

.invalid-feedback {
    text-align: left;
}
.blog-info .text-break {
    white-space: inherit!important;
}

.screen-darken.active1 {
    z-index: 999;
    transition: opacity .3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
}
.unread-notification{
    background-color: aliceblue;
    position: relative;
}
/* #rating-ability-wrapper .btn{
    background-color: transparent;
} */
.input-group-append {
    cursor: pointer;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color!important;
}

.screen-darken.active1 {
    z-index: 999;
    transition: opacity .3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
}
.unread-notification{
    background-color: aliceblue;
}

.input-group-append {
    cursor: pointer;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color!important;
}
.bootstrap-tagsinput input {
    width: 100%;
    border-radius: 4px;
    line-height: 38px;
    height: calc(1.6em + .75rem + 5px)!important;
    border: none!important;
    padding-left: 12px;
}
.bootstrap-tagsinput input:focus-visible {
    outline: none!important;
}
.image-uploader {
    min-height: 21rem!important;
}

.img-text-overly{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background-color: #0000007d;
    margin-bottom: 0;
    padding: 6px 5px;
}
.btn-danger {
    color: #fff !important;
    background-color: #dc3545;
    border-color: #dc3545;
}
.dell-btn-1 .btn-success, .dell-btn-1 .btn-danger {
    padding: 0.14rem 0.5rem;
}
#showImagesModal img.slider-image {
    width: 500px;
    height: 300px;
}
.form-group .border-danger{
    border-color: #dc3545!important;
}
.nGY2 .nGY2GThumbnail{
    border: none!important;
}
.nGY2 .nGY2GThumbnail, .nGY2 .nGY2GThumbnailStack {
    border: none!important;
    border-radius: 4px!important;
}
.nGY2Navigationbar {
    margin-top: 40px!important;
    text-align: right!important;
}
.bg-lightblue{
    background-color: #F5F9FA !important;}

    .sortby{
        color: #222;
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 0;
        margin-right: 5px;
        padding: 5px 10px;
    }

    .nice-select.nice-select-style-1 {
        cursor: pointer;
        height: 33px;
        line-height: 30px;
        border: solid 1px #f0f0f0;
        padding-left: 10px;
        padding-right: 50px;
        color: #6d6d6d;
        border-radius: 4px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        background-color: white;
    }
    .nice-select.nice-select-style-1:focus-visible{
        outline: none;
    }

    .text-light{
        color:#c3c0c0!important;
    }

    .btn-google{
        box-shadow: inset 0 0 0 100px #dd4b39;
        padding: 10px 50px;
        border-radius: 8px;
    }
    .btn-google, .btn-facebook{
        padding: 10px 50px;
        border-radius: 8px;
    }
    .btn-google:hover, .btn-facebook:hover{
        color: white!important;
    }

    .btn-facebook{
        box-shadow: inset 0 0 0 100px #3b5998;
    }
    .super-activity-badge {
        position: absolute;
        right: 0;
        background-color: #027bc02e;
        color: #006CB7;
        text-align: center;
        padding: 8px 20px;
        font-size: 12px;
        border-radius: 100px 0px 0px 100px;
        top: 15px;
        font-weight: 500;
    }
    .super-activity-badge p {
        padding: 0;
        margin: 0;
    }

    label.edition-checks {
        padding: 15px 25px;
        background-color: #ffffff;
        margin: 5px;
        border-radius: 4px;
        font-weight: 500;
        border: 1px solid #dfdfdf;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        color: var(--clr-light-grey);
    }
    .custom-checkbox-checked {
        padding: 15px;
        background-color: #006cb7!important;
        margin: 5px;
        border-radius: 4px;
        color: #ffffff!important;
        border: 1px solid #006cb7!important;
        cursor: pointer;
        font-weight: 500!important;
        position: relative;
    }
    .checkbx  .custom-checkbox-checked .cr {
        background-color: #006cb7!important;
        border: 1px solid #fff!important;
    }
    .checkbx .cr {
        position: relative;
        display: inline-block;
        border: 1px solid #a9a9a9!important;
        border-radius: 0.25em;
        width: 1.3em;
        height: 1.3em;
        float: left;
        margin-right: 0.5em;
        background-color: #d3d3d3!important;
    }
    .checkbx label input[type="checkbox"] {
        display: none!important;
    }
    input[type=checkbox] {
        width: 10px;
        height: 14px;
        margin-right: 8px;
        cursor: pointer;
        font-size: 10px;
        visibility: hidden;
    }
    input[type=checkbox] {
        transform: scale(1.5);
    }
    .checkbx label input[type="checkbox"]:checked+.cr>.cr-icon {
        opacity: 1;
        color: white!important;
    }
    .checkbx label input[type="checkbox"]+.cr>.cr-icon {
        opacity: 1;
        color: #ffffffc7!important;
    }
    .checkbx .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 1px;
        top: 50%;
        left: 15%;
    }
    .nice-select.nice-select-style-1{
    }
    span.switch-order-arrow {
        font-size: 14px;
        padding-left: 5px;
        color: var(--clr-light-grey);
        cursor: pointer;
    }
.activity-content h1{
    font-size: 24px;
}
.nanogallery_gallerytheme_custom_ngy2p .nGY2NavPagination {
    background: #46b849!important;
}
.nanogallery_gallerytheme_custom_ngy2p .nGY2paginationRectangleCurrentPage {
    border: 3px solid #46b849!important;
}
.nanogallery_gallerytheme_custom_ngy2p .nGY2paginationRectangle {
    border: 3px solid #a7a7a7!important;
}
.nGY2 .nGY2GThumbnailIconsFullThumbnail{
    text-shadow: none!important;
}

@media (min-width: 576px){
    .modal-dialog.fixed-width-modal {
        max-width: 380px!important;
    }


}
@media (max-width: 1366.5px){
    label.edition-checks{
        padding: 15px 10px!important;
    }

}

.multi-range-slider .thumb::before, .multi-range-slider .bar-inner, .multi-range-slider .bar-right, .multi-range-slider .bar-left {
    border: solid 1px #495057!important;
    box-shadow: none!important;

}
.multi-range-slider .bar-inner {

    background-color: #46b849!important;
}
.multi-range-slider .thumb::before{
    margin: -6px!important;
}

.proof-content{
    max-height: calc(50vh - 60px);
        overflow: auto;
}
.more-opts .btn-group .btn-secondary {
    background-color: #005baa;
    border: 1px solid #005baa;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    font-size: 14px;
}
.uppy-size--md .uppy-Dashboard-inner {
    width: 100%!important;
}
.campaign-list.table thead th {
    font-size: 14px!important;
}
.campaign-list.table td, .table th {
    font-size: 14px!important;
}

.campaign-list.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f1f6fc;
}
span.sent-status {
    padding: 7px 10px;
    background-color: #d1e9db;
    color: #198f33;
    border-radius: 20px;
}
span.pending-status {
    padding: 7px 10px;
    background-color: #ffc10730;
    color: #bc8e03;
    border-radius: 20px;
}
.btn-group.dropup .dropdown-menu {
    transform: translate3d(-100px, -77px, 0px)!important;
}
.form-control.reportrange-text {
    text-align: left!important;
    font-size: 14px!important;
}
.cause-status {
    /* position: absolute;
    right: -5px;
    top: -10px; */
}
.multiselect__tags {
    min-height: 50px!important;
    border: none !important;
}
.multiselect__placeholder {
    padding-top: 6px!important;
    padding-left: 6px!important;
}
.multiselect__select {
    top: 7px!important;
}
.org-tab-color{
    background-color: #d9eaff;
}
/* .org-tab-color .nav-tabs .nav-link.active{
    border-bottom: 3px solid #2275d7!important;
    color: #2275d7!important;
} */

.org-tab-color .badge-danger {
    background-color: var(--clr-primary)!important;
}



/*-- custom-css --*/

.h3, h3 {
    font-size: 1.3rem !important;
}
@media (min-width: 1200px){
.h3, h3 {
    font-size: 1.3rem;
}
}
.h4, h4 {
    font-size: 1rem;
}
.badge-info-count-grey {
    background-color: #97999a2e;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: normal;
    border-radius: 20px;
    line-height: 1.5;
    text-align: center;
    color: #000000!important;
    margin: 10px 0;
    white-space: normal;
}
.color-closed{
    color: #c76565;
}
.close-opt {
    margin-right: 0px;
    border: none;
    cursor: pointer;
}
.custom-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 20px;
    display: block;
    margin: 0 0 20px auto;
    color: #ffffff;
    background: #005BAA;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    border: 3px solid white;
    outline: none;
    cursor: pointer;
   }
   .custom-close-btn:hover {
    text-decoration: none;
   }

.custom-close-btn:hover {
    color: #005BAA ;
    background-color: #fff; }

    .filter-menu.show {
        transform: translateX(0);
        overflow-y: auto !important;
        display: block;
        z-index: 99;
        padding: 30px;
        padding-bottom: 100px !important;
        height: 100vh !important;
    }


    .footer-menu {
        position: sticky !important;
        bottom: -5px !important;
        left: 0 !important;
        right: 0 !important;
        padding-left: 15px;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 40px !important;
        background-color: #fff;
        z-index: 777;
    }
    .header-content h1 {
        font-size: 2.5rem !important;
        margin-top: 20px;
    }
    .banner .header-content {
        background-color: var(--crl-body);
    }
    .banner .banner-img {
        background-color: var(--crl-body);
    }
    @media screen and (max-width: 991.5px){
        .banner .banner-inner {
            padding-top: 5px;
            font-size: 25px !important;
    }
        .section h1, h2, h3, h4, h5, h6 {
            font-size: 1rem;
        }
    }
    @media (max-width: 480px){
        .banner .header-content h1 {
            font-size: 31px!important;
        }
    }


.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.text-truncate-1{
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .text-truncate-2{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .word-break-normal {
    word-break: normal;
  }

  .word-break-all {
    word-break: break-all;
  }

  .word-break-keep-all {
    word-break: keep-all;
  }

  .break-word {
    word-break: break-word;
  }

  .white-space-normal {
    white-space: normal;
  }

  .white-space-nowrap {
    white-space: nowrap;
  }

  .white-space-break {
    white-space: break-spaces;
  }
.user-menu-open span {
    border-radius: 100%;
}

.box {
    position: relative;
    /* box-shadow: 0 0 15px rgb(0 0 0 / 10%); */
    /* padding: 3px 10px !important; */
    border-radius: 5px;
    /* max-width: 600px; */
    /* width: 90%; */
    /* height: 400px; */
    /* background: #fff; */
    /* box-shadow: 0 0 15px rgba(0,0,0,.1); */
    padding: 2px 8px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
  }
  .box:first-child {
    margin-left: 0px !important;
  }
  .box-shadow {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 5px;
  }
  .showmore {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    background: #fff!important;
    padding: 0;
    border: 1px solid #ddd!important;
    color: #767676!important;
    line-height: 17px;
    font-size: 18px!important;
    text-align: center;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* color: #566a7f;
    font-weight: 500; */
    line-height: 1.1;
    margin-bottom: 1rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: calc(1.3625rem + 1.35vw)
}

@media(min-width:1200px) {

    .h1,
    h1 {
        font-size: 1.375rem;
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width:1200px) {

    .h2,
    h2 {
        font-size: 1.375rem;
    }
}

.h3,
h3 {
    font-size: calc(0.9rem + .55vw);
}

@media(min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.625rem
    }
}

.h4,
h4 {
    font-size: 1rem
}

@media(min-width:1200px) {

    .h4,
    h4 {
        font-size: 1rem
    }
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .9375rem
}


.multiselect {
    /* border: 1px solid rgba(60,60,60,.26)!important;
    border-radius: 4px!important;
    background-color: var(--clr-white)!important; */

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d9dee3 !important;
    border-radius: 0.375rem !important;
    color: #697a8d !important;
    display: block;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.53;
    /* padding: 0rem 0.875rem; */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}

.multiselect:focus,.multiselect:focus-within, .multiselect:visited, .multiselect:active, .multiselect:hover {
    background-color: #fff !important;
    border-color: #008CCF!important;
    box-shadow: 0 0 0.25rem 0.05rem rgb(0 140 207 / 10%) !important;
    color: #697a8d !important;
    outline: 0 !important;
}

.card-footer {
    background-color: #F6FAFD;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
    /* box-shadow: 0 .125rem .25rem 0 rgba(0, 140, 207, .4); */
    color: #fff !important
}

.btn-primary:hover {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
    color: #fff !important;
    transform: translateY(-1px)
}
.btn-primary-sm{
    padding: 8px 22px;
    font-size: 14px;
    background-color: var(--clr-primary);
    border-radius: 6px;
    border-color: var(--clr-primary)!important;
    font-weight: 500;
    color: var(--clr-white)!important;
    
}
.btn-primary-sm:hover {
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
    transform: translateY(-1px)
}
.btn-secondary {
    background-color: var(--clr-white);
    border-radius: 6px;
    border-color: var(--clr-primary) !important;
    font-weight: 500;
    color: var(--clr-primary) !important;
}
.btn-secondary:hover {
    background-color: var(--clr-primary) !important;
    color: var(--clr-white) !important;
    border: 1px solid var(--clr-primary) !important;
    transform: translateY(-1px)
}
.btn-secondary-sm{
    padding: 8px 22px;
    font-size: 14px;
    background-color: var(--clr-white);
    border-radius: 6px;
    border-color: var(--clr-primary)!important;
    font-weight: 500;
    color: var(--clr-primary)!important;
    
}
.btn-secondary-sm:hover {
    background-color: var(--clr-primary)!important;
    color: var(--clr-white)!important;
    border: 1px solid var(--clr-primary)!important;
    transform: translateY(-1px)
}
.btn-secondary-sm:hover .bg-primary {
    background-color: var(--clr-white) !important;
    color: var(--clr-primary) !important;
}
.btn-check:focus+.btn-primary,
.btn-primary.focus,
.btn-primary:focus {
    background-color: var(--clr-primary) !important;
    border-color: var(--clr-primary) !important;
    box-shadow: none;
    color: #fff;
    transform: translateY(0)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--clr-primary) !important;
    border-color: var(--clr-primary) !important;
    color: #fff !important;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary.disabled,
.btn-primary:active:focus,
.btn-primary:disabled,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-outline-primary {
    background: transparent;
    border-color: #008CCF;
    color: #008CCF
}

.btn-outline-primary:hover {
    background-color: #008CCF;
    border-color: #008CCF;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 140, 207, .4);
    color: #fff;
    transform: translateY(-1px)
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    background-color: #008CCF;
    border-color: #008CCF;
    box-shadow: none;
    color: #fff;
    transform: translateY(0)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: #595cd9;
    border-color: #595cd9;
    color: #fff
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.disabled,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:disabled {
    box-shadow: none
}

.btn-outline-primary .badge {
    background: #008CCF;
    border-color: #008CCF;
    color: #fff
}

.btn-outline-primary.active .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:hover .badge,
.show>.btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #008CCF
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item),
.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active {
    background-color: rgba(105, 108, 255, .08);
    color: #008CCF!important
}

.nav .nav-link:focus,
.nav .nav-link:hover {
    color: #008CCF
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background-color: var(--clr-primary);
    /* background-color: #008CCF!important;
    box-shadow: 0 2px 4px 0 rgba(0, 140, 207, .4); */
    color: var(--clr-white);
}
.nav-pills .nav-link {
    /* background: none; */
    border: 0;
    border-radius: .375rem
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: transparent;
}
.nav {
    --bs-nav-link-padding-x: 1.25rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: #8e9baa;
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #c7cdd4;
    display: -ms-flexbox;
    /* display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    /* background-color: transparent; */
    color: #fff
}
.nav-pills:not(.nav-fill):not(.nav-justified) .nav-link,
.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link {
    width: auto
}

.nav-pills .nav-link:not(.active, .disabled) {
    color: #566a7f
}
.nav-align-top :not(.nav-pills)~.tab-content {
    border-radius: 0 0 .375rem .375rem
}

.nav-align-top .nav-tabs:not(.nav-fill)~.tab-content {
    border-top-right-radius: .375rem
}

.nav-align-right :not(.nav-pills)~.tab-content {
    border-radius: .375rem 0 0 .375rem
}

.nav-align-bottom :not(.nav-pills)~.tab-content {
    border-radius: .375rem .375rem 0 0
}

.nav-align-left :not(.nav-pills)~.tab-content {
    border-radius: 0 .375rem .375rem 0
}

.modal-content {
    box-shadow: 0 2px 16px 0 rgba(67, 89, 113, .45)
}

.modal .btn-close {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 .125rem .25rem rgba(161, 172, 184, .4);
    opacity: 1;
    padding: .635rem;
    transform: translate(23px, -25px);
    transition: all .23s ease .1s
}

.modal .btn-close:active,
.modal .btn-close:focus,
.modal .btn-close:hover {
    opacity: 1;
    outline: none;
    transform: translate(20px, -20px)
}

.modal .modal-header .btn-close {
    margin-top: -1.25rem
}

.modal-footer {
    padding: .25rem 1.5rem 1.5rem
}

.modal-dialog-scrollable .btn-close,
.modal-fullscreen .btn-close,
.modal-top .btn-close {
    box-shadow: none;
    transform: translate(0) !important
}

.modal-dialog-scrollable .btn-close:hover,
.modal-fullscreen .btn-close:hover,
.modal-top .btn-close:hover {
    transform: translate(0) !important
}

.modal-top .modal-dialog {
    margin-top: 0
}

.modal-top .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media(max-width:991.98px) {
    .modal-onboarding .onboarding-horizontal {
        flex-direction: column
    }
}

@media(max-width:767.98px) {
    .modal .modal-dialog:not(.modal-fullscreen) {
        padding: 0 .75rem;
        padding-left: .75rem !important
    }

    .modal .carousel-control-next,
    .modal .carousel-control-prev {
        display: none
    }
}

@media(min-width:576px) {
    .modal-content {
        box-shadow: 0 2px 20px 0 rgba(67, 89, 113, .45)
    }

    .modal-sm .modal-dialog {
        max-width: 22.5rem
    }
}

@media(min-width:1200px) {
    .modal-xl .modal-dialog {
        max-width: 1140px
    }
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1090
}

.modal-dialog {
    margin: 1.5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-100px) scale(.8);
    transition: transform .15s ease-out
}

@media(prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translateY(0) scale(1)
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 3rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 3rem)
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 0 solid rgba(67, 89, 113, .2);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #435971;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1089
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: center;
    border-bottom: 0 solid #d9dee3;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 1.5rem 1.5rem .25rem
}

.modal-header .btn-close {
    margin: -.125rem -.75rem -.125rem auto;
    /* padding: .125rem .75rem */
}

.modal-title {
    line-height: 1.53;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1.5rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top: 0 solid #d9dee3;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 1.25rem
}

.modal-footer>* {
    margin: .25rem
}

@media(min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 35rem
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 22.5rem
    }
}

@media(min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 50rem
    }
}

@media(min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media(max-width:575.98px) {
    .modal-fullscreen-sm-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width:767.98px) {
    .modal-fullscreen-md-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width:991.98px) {
    .modal-fullscreen-lg-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        height: 100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.modal-open .tooltip {
    z-index: 1092
}

.tooltip-inner {
    box-shadow: 0 .125rem .25rem rgba(161, 172, 184, .4)
}

.modal-open .popover {
    z-index: 1091
}

.popover {
    box-shadow: 0 .25rem 1rem rgba(161, 172, 184, .45)
}

.popover .popover-arrow {
    z-index: 1
}

.popover.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.popover.bs-popover-bottom>.popover-arrow:after {
    border-bottom-color: #fff;
    top: 2px
}

.popover.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.popover.bs-popover-bottom>.popover-arrow:before {
    top: 1px
}

.popover-header {
    font-size: 1.125rem;
    padding: 1.125rem 1.125rem 0
}
.btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='151' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M131.252 0 74.993 56.25 18.748 0 0 18.75 56.245 75 0 131.25 18.748 150l56.245-56.25L131.252 150 150 131.25 93.755 75 150 18.75z'/%3E%3C/defs%3E%3Cg transform='translate(0 .5)' fill='%23a1acb8' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.5' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E") 50%/.8em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    box-sizing: content-box;
    color: #a1acb8;
    height: .8em;
    opacity: .95;
    padding: .25em;
    width: .8em
}

.btn-close:hover {
    color: #a1acb8;
    opacity: .95;
    text-decoration: none
}

.btn-close:focus {
    box-shadow: none;
    opacity: .95;
    outline: 0
}

.btn-close.disabled,
.btn-close:disabled {
    opacity: .25;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}
a.list-group-item {
    background-color: var(--bs-list-group-bg);
    /* border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); */
    border: none;
    color: var(--clr-secondary);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
}
.list-group-item a {
    background-color: var(--bs-list-group-bg);
    /* border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); */
    border: none;
    color: var(--clr-secondary) !important;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
}
.list-group-item {
    background-color: var(--bs-list-group-bg);
    /* border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); */
    border: none;
    color: var(--bs-list-group-color);
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    position: relative;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: var(--bs-list-group-action-hover-bg);
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    z-index: 1;
}
.list-group-item a:focus, .list-group-item a:hover {
    color: var(--bs-list-group-action-hover-color);
}

.modal-open {
    padding: 0px !important
}

.modal-open .container-fluid {
    margin-right: 0px !important;
}

.card {
    background-color: var(--clr-white)!important;
    border: 1px solid var(--clr-border)!important;
    padding: 20px;
    border-radius: 6px;
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 0 solid #d9dee3;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem
}

.card-title {
    margin-bottom: .875rem;
    float: none;
    font-weight: 600;
}

.card-subtitle {
    margin-top: -.4375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1.5rem
}

.card-header {
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
    margin-bottom: 0;
    padding: 1.5rem
}

.card-header:first-child {
    border-radius: .5rem .5rem 0 0
}

.card-footer {
    border-top: 0 solid #d9dee3;
    padding: 0.5rem 1.5rem
}

.card-footer:last-child {
    border-radius: 0 0 .5rem .5rem
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -1.5rem
}

.card-header-pills,
.card-header-tabs {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.card-img-overlay {
    border-radius: .5rem;
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.card-group>.card {
    margin-bottom: .8125rem
}

@media(min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.nav .nav-item,
.nav .nav-link,
.tab-pane,
.tab-pane .card-body {
    outline: none !important
}

.card {
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12)
}

.card .card-link {
    display: inline-block
}

.card .card-header+.card-body,
.card .card-header+.card-content>.card-body:first-of-type {
    padding-top: 0
}

.card-action.card-fullscreen {
    border: none;
    border-radius: 0;
    bottom: 0;
    display: block;
    height: 100% !important;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 9999
}

.card-action .card-alert {
    position: absolute;
    width: 100%;
    z-index: 999
}

.card-action .card-alert .alert {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.card-action .card-header.collapsed {
    border-bottom: 0
}

.card-action .card-header {
    display: flex;
    line-height: 1.54
}

.card-action .card-header .card-action-title {
    flex-grow: 1;
    margin-right: .5rem
}

.card-action .card-header .card-action-element {
    background-color: inherit;
    color: #697a8d;
    flex-shrink: 0;
    right: 1.5rem;
    top: 1rem
}

.card-action .card-header .card-action-element a {
    color: #697a8d
}

.card-action .card-header .card-action-element a .collapse-icon:after {
    margin-top: -.15rem
}

.card-action .blockUI .sk-fold {
    margin: 0 auto
}

.card-action .blockUI .h5,
.card-action .blockUI h5 {
    color: #697a8d;
    margin: 1rem 0 0
}

.card-footer,
.card-header {
    border-color: #d9dee3
}

.card hr {
    color: #d9dee3
}

.card .row-bordered>[class*=" col "] .card .row-bordered>[class$=" col"],
.card .row-bordered>[class*=" col "]:after,
.card .row-bordered>[class*=" col "]:before,
.card .row-bordered>[class*=" col-"] .card .row-bordered>[class$=" col"],
.card .row-bordered>[class*=" col-"]:after,
.card .row-bordered>[class*=" col-"]:before,
.card .row-bordered>[class=col] .card .row-bordered>[class$=" col"],
.card .row-bordered>[class=col]:after,
.card .row-bordered>[class=col]:before,
.card .row-bordered>[class^="col "] .card .row-bordered>[class$=" col"],
.card .row-bordered>[class^="col "]:after,
.card .row-bordered>[class^="col "]:before,
.card .row-bordered>[class^=col-] .card .row-bordered>[class$=" col"],
.card .row-bordered>[class^=col-]:after,
.card .row-bordered>[class^=col-]:before {
    border-color: #d9dee3
}

.card-header.header-elements,
.card-title.header-elements {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.card-header.card-header-elements {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.card-header .card-header-elements {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.card-header-elements,
.card-title-elements {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.card-header-elements+.card-header-elements,
.card-header-elements+.card-title-elements,
.card-header-elements>*+*,
.card-title-elements+.card-header-elements,
.card-title-elements+.card-title-elements,
.card-title-elements>*+* {
    margin-left: .25rem
}

.card-img-left {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: 0
}

@media(max-width:767.98px) {
    .card-img-left {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }
}

.card-img-right {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem
}

@media(max-width:767.98px) {
    .card-img-right {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.card>.list-group .list-group-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.card .card-separator {
    border-right: 1px solid #d9dee3
}

@media(max-width:767.98px) {
    .card .card-separator {
        border-bottom: 1px solid #d9dee3;
        border-right-width: 0 !important;
        padding-bottom: 1.5rem
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .card,
    .card-body,
    .flex-column,
    .media,
    .tab-content,
    img {
        min-height: 1px
    }

    img {
        height: auto
    }
}

.badge {
    line-height: .75;
    text-transform: capitalize;
}
.bg-label-secondary {
    background-color: #ebeef0!important;
    color: #8592a3!important;
}
.bg-label-primary {
    background-color: #e7e7ff!important;
    color: #008CCF!important;
}
.bg-primary {
    background-color: var(--clr-primary) !important;
}

.rounded {
    border-radius: 0.375rem!important;
}
.avatar {
    cursor: pointer;
    height: 3.375rem;
    position: relative;
    width: 3.375rem;
    flex: none;
}
.avatar img {
    height: 100%;
    width: 100%;
}

.timeline {
    height: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

.timeline:before {
    border: 0;
    border-left: 1px solid #d9dee3;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1
}

.timeline .timeline-item {
    padding-left: 3rem;
    position: relative;
}
.timeline .timeline-item .timeline-point {
    background-color: #008CCF;
    border-radius: 50%;
    display: block;
    height: 0.75rem;
    left: -0.312rem;
    position: absolute;
    top: 2.5rem;
    width: 0.75rem;
    z-index: 2;
}
.timeline .timeline-point {
    background-color: #46b849!important;
    box-shadow: 0 0 0 0.1875rem rgb(70 184 73 / 16%);
}
html:not([dir=rtl]) .timeline .timeline-item.timeline-item-transparent .timeline-event {
    padding-left: 0;
}
.timeline .timeline-item.timeline-item-transparent .timeline-event {
    background-color: transparent;
    top: 0rem;
}
.timeline .timeline-item .timeline-event {
    background-color: #fff;
    border-radius: 0.375rem;
    min-height: 4rem;
    padding: 1.25rem 1.5rem 1rem 1.5rem;
    position: relative;
    top: -1rem;
    width: 100%;
}
.timeline .timeline-header {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
}
.timeline .timeline-item:nth-of-type(odd) {
    background-color: var(--bs-table-striped-bg) !important;
}
@media(max-width:767.98px) {
    .timeline .timeline-item {
        padding-left: 1.5rem;
    }
}

.flex-none {
    flex: none;
}
.activity-header-box {
    /* grid-area: ah; */
    /* display: inline-grid */
  }
  .activity-sidebar-box {
    grid-area: as1;
  }
  .activity-content-box {
    grid-area: main;
  }

.activity-grid {
    display: grid;
    grid-template-columns: 30% 68%;
    /* grid-auto-rows: minmax(100px, auto); */
    grid-template-areas:
        "ah main"
        "as1 main";
        grid-gap: 20px;
}
    @media (max-width: 992px) {
        .activity-grid {
            display: grid;
            grid-template-columns: auto;
            /* grid-auto-rows: minmax(100px, auto); */
            grid-template-areas:
              "ah"
              "main"
              "as1";
              grid-gap: 20px;
              padding: 0 20px;
        }
    }

    .not-user-available::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 422.67 418.8'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %2358595b; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-2' d='M187.66,325.89c-36.18-1.45-71.4-6-105.5-18.36-30.64-11.11-39.54-27.65-25.4-62.35,7.99-19.6,23.66-30.22,43.2-36.05,11.58-3.45,23.31-6.42,34.77-10.21,5.51-1.82,11.13-4.3,15.7-7.78,9.15-6.97,8.72-15.51,1.96-24.63-7.11-9.59-12.58-20.4-18.89-30.6-1.27-2.06-2.85-4.06-4.67-5.64-10.38-8.96-11.49-23.36-2.82-33.88,1.56-1.9,2.28-4.87,2.51-7.42,.77-8.39,.54-16.92,1.83-25.22,1.18-7.61,4.32-14.59,12.33-17.95,1.17-.49,2.31-1.74,2.88-2.91,6.32-13.01,18.25-16.21,30.96-16.84,9.21-.46,18.72-.3,27.71,1.53,28.25,5.73,40.19,20.45,41.39,49.26,.35,8.41-.67,16.3,5.9,24.17,6.62,7.94,2.36,21.95-5.74,29.01-1.83,1.59-3.52,3.49-4.8,5.55-6.51,10.4-12.26,21.33-19.46,31.21-6.03,8.28-7.03,16.13,.81,22.82,4.76,4.06,10.8,7.12,16.77,9.16,14.34,4.9,29.21,8.28,43.43,13.48,25.64,9.37,41.33,32.97,41.31,60.02-.01,13.13-5.18,23.82-17.35,28.43-18.83,7.13-37.99,14.08-57.62,18.18-20.01,4.18-40.76,4.83-61.19,7.03Z'/%3E%3Cpath class='cls-2' d='M231.56,180.61c11.26-17.38,21.34-32.87,31.36-48.4,6.39-9.91,8.34-21.63,3.89-31.62-6.06-13.59-5.36-28.08-9.46-41.67-2.55-8.46-6.74-16.51-10.9-24.37-3.62-6.85-.29-12.07,3.43-16.63,12.97-15.89,29.64-20.84,49.65-16.08,26.02,6.2,28.28,16.15,31.01,38.65,.5,4.14,1.95,8.38,3.88,12.1,3.53,6.83,2.72,13-1.37,19.07-3.7,5.49-7.36,11-11.26,16.34-3.48,4.77-6.98,9.58-10.99,13.89-6.01,6.48-6.22,11.33,.75,16.6,3.28,2.48,7.33,4.14,11.24,5.57,8.17,3,16.65,5.2,24.72,8.45,17.8,7.18,29.75,28.93,25.45,47.6-1.19,5.17-5,10.99-9.35,13.96-15.48,10.58-33.77,13.45-51.89,16.25-1.42,.22-3.3-.64-4.56-1.56-15.19-11.07-33.07-15.14-50.73-19.95-8.31-2.26-16.38-5.38-24.88-8.21Z'/%3E%3Cpath class='cls-2' d='M143.45,180.79c-10.96,3.37-20.99,6.72-31.16,9.53-15.74,4.34-31.39,8.64-45.1,18.18-2.42,1.68-6.96,1.39-10.19,.63-12.26-2.89-24.73-5.44-36.5-9.79C1.71,192.4-3.57,180.44,2.24,161.17c4.42-14.64,13.46-25.18,28.22-30.23,8.24-2.82,16.62-5.25,24.71-8.43,3.79-1.49,7.61-3.78,10.43-6.67,3.77-3.86,3.43-7.92-.39-12.6-6.15-7.54-11.21-15.97-16.79-23.98-1.08-1.55-2.34-3.04-3.74-4.31-7.62-6.89-8.67-15.62-3.24-24.08,1.4-2.18,2.55-5.2,2.29-7.68C40.71,13.28,71.16-5.17,97.56,1.29c21.19,5.18,29.02,11.98,31.72,30.59,.27,1.89-.16,4.63-1.38,5.87-10.92,11.06-12.88,25.17-14.45,39.62-.62,5.69-2.11,11.44-4.19,16.78-5.25,13.49-4.77,26.46,2.56,38.91,5.1,8.67,10.6,17.13,16.14,25.53,4.47,6.78,9.28,13.33,15.48,22.19Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M332.53,345.56c-49.54,.09-89.84-40.15-90.07-89.92-.22-49.55,40.39-90.27,90.05-90.3,49.46-.03,90,40.44,90.16,89.99,.15,49.57-40.37,90.14-90.14,90.23Z'/%3E%3Cg%3E%3Cpath class='cls-2' d='M412.15,262.21c-.7,3.86-1.09,7.81-2.14,11.58-9.1,32.89-30.19,53.49-63.79,59.97-24.76,4.77-46.87-2.12-66.09-18.35-.36-.3-.72-.61-.91-.77-4.86,4.88-9.68,9.72-14.56,14.62,4.5,6.42,4.09,11.23-1.75,17.07-22.47,22.48-44.93,44.96-67.42,67.41-6.79,6.77-16.36,6.75-22.44,.06-5-5.51-5.1-14.11-.21-19.72,.67-.77,1.41-1.49,2.14-2.22,22.25-22.25,44.5-44.5,66.74-66.75,5.84-5.84,10.66-6.25,17.28-1.58,4.81-4.81,9.6-9.6,14.28-14.29-3.01-4.28-6.37-8.48-9.11-13.05-27.75-46.31-1.95-106.44,50.74-118.35,3.6-.81,7.26-1.32,10.9-1.96,4.43,0,8.86,0,13.28,0,2.33,.36,4.68,.6,6.98,1.09,32.36,6.83,53.58,25.96,63.22,57.65,1.41,4.64,1.93,9.54,2.86,14.32v13.28Zm-79.61,65.72c40.03-.07,72.63-32.7,72.5-72.57-.12-39.86-32.73-72.4-72.51-72.38-39.94,.02-72.61,32.78-72.43,72.63,.18,40.03,32.6,72.4,72.44,72.32Zm-95.71,12.28c-.26,.24-.62,.55-.95,.88-18.84,18.84-37.68,37.68-56.52,56.53-.56,.56-1.1,1.15-1.55,1.79-3.03,4.38-.93,10.28,4.17,11.84,3.57,1.1,6.25-.38,8.7-2.83,18.61-18.63,37.23-37.24,55.85-55.85,.49-.49,.94-1.02,1.29-1.41-3.67-3.66-7.24-7.21-11-10.95Zm16.59,5.45c1.91-1.9,3.92-3.79,5.78-5.81,1.65-1.78,1.7-3.8,.12-5.54-1.8-1.98-3.71-3.88-5.7-5.68-1.63-1.47-3.54-1.43-5.16,0-2.18,1.91-4.19,4.01-6.17,5.91,3.8,3.8,7.36,7.36,11.13,11.13Z'/%3E%3Cpath class='cls-2' d='M397,253.92c-.29,15.81-4.38,28.59-12.79,39.93-1.9,2.56-3.87,3.18-5.74,1.81-1.88-1.38-1.91-3.5-.08-6.02,17.89-24.55,14.31-57.44-8.43-77.45-19.57-17.22-49.64-18.56-70.82-3.15-.32,.23-.62,.48-.95,.71-2.37,1.7-4.48,1.63-5.84-.21-1.35-1.83-.79-3.83,1.58-5.61,38.04-28.65,93.62-6.89,101.92,39.95,.69,3.87,.89,7.83,1.13,10.04Z'/%3E%3Cpath class='cls-2' d='M332.45,312.78c12.58-.14,23.91-3.9,34.05-11.29,.38-.28,.75-.58,1.16-.83,1.88-1.15,3.92-.83,5.05,.76,1.11,1.57,.88,3.86-.9,5.02-4.09,2.66-8.14,5.51-12.54,7.54-38.42,17.72-83.54-6.21-90.24-47.87-2.9-18,1.14-34.48,12-49.2,.66-.89,1.74-1.98,2.68-2.03,1.22-.07,2.81,.5,3.67,1.36,1.24,1.23,.76,2.87-.14,4.35-2.38,3.9-5.1,7.65-6.94,11.8-15.18,34.28,6.02,73.42,42.99,79.53,3.03,.5,6.12,.58,9.18,.85Z'/%3E%3Cpath class='cls-2' d='M332.45,270.83c7.95,.26,15.04,2.64,20.95,8.08,1.53,1.41,2.39,2.99,1.19,5.01-1.27,2.15-3.81,2.26-6.05,.31-7.36-6.39-15.73-7.66-24.72-4.43-2.67,.96-5.03,2.86-7.38,4.55-2.14,1.54-4.01,1.76-5.49,.22-1.54-1.6-1.33-3.72,.66-5.59,5.87-5.5,12.97-7.87,20.85-8.15Z'/%3E%3Cpath class='cls-2' d='M351.51,248.93c-1.76,1.85-3.23,3.5-4.81,5.02-1.68,1.63-3.84,1.68-5.28,.26-1.43-1.41-1.36-3.6,.2-5.28,.75-.81,1.52-1.61,2.35-2.33,.83-.73,1.73-1.36,2.89-2.25-1.96-1.91-3.5-3.35-4.98-4.85-1.79-1.82-1.98-3.92-.57-5.45,1.57-1.69,3.63-1.64,5.58,.31,1.51,1.5,2.87,3.13,4.55,4.99,1.84-1.94,3.3-3.57,4.86-5.09,1.85-1.81,3.89-1.86,5.41-.26,1.46,1.53,1.4,3.48-.32,5.25-1.53,1.57-3.21,3-5.25,4.89,1.91,1.7,3.57,3.03,5.07,4.53,1.95,1.96,2.03,4.02,.37,5.59-1.52,1.44-3.62,1.29-5.45-.51-1.51-1.47-2.93-3.04-4.63-4.82Z'/%3E%3Cpath class='cls-2' d='M308.68,244.06c-1.85-1.75-3.48-3.21-5.01-4.78-1.7-1.75-1.78-3.75-.35-5.26,1.53-1.62,3.56-1.61,5.41,.21,1.56,1.54,2.95,3.25,4.78,5.28,1.61-1.81,2.75-3.21,4.01-4.5,2.44-2.5,4.34-2.81,6.09-1.11,1.78,1.73,1.5,3.67-.94,6.1-1.28,1.28-2.62,2.51-4.54,4.35,1.76,1.48,3.45,2.76,4.96,4.22,2.06,2,2.19,3.93,.59,5.58-1.52,1.57-3.71,1.42-5.61-.48-1.45-1.45-2.79-2.99-4.7-5.06-1.64,1.89-2.95,3.55-4.41,5.07-1.85,1.91-4.1,2.03-5.6,.46-1.5-1.56-1.36-3.56,.47-5.43,1.49-1.51,3.06-2.93,4.87-4.65Z'/%3E%3C/g%3E%3C/svg%3E");
        width: 100px;
        height: 100px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        opacity: 0.2;
      }

      .review-name-com {
        display: flex;
        flex-wrap: nowrap;
      }

      /* icon with svg code */
      .card-social {
        border-radius: 0.5rem;
        box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
        background-color: var(--clr-white)!important;
        border: 1px solid var(--clr-border)!important;
        padding: 10px 0;
      }
    .icon {
        display: flex;
        align-items: center;
    }
      .facebook-icon::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 1' viewBox='0 0 1024 1024'%3E%3Cpath fill='%231877f2' d='M1024,512C1024,229.23016,794.76978,0,512,0S0,229.23016,0,512c0,255.554,187.231,467.37012,432,505.77777V660H302V512H432V399.2C432,270.87982,508.43854,200,625.38922,200,681.40765,200,740,210,740,210V336H675.43713C611.83508,336,592,375.46667,592,415.95728V512H734L711.3,660H592v357.77777C836.769,979.37012,1024,767.554,1024,512Z'/%3E%3Cpath fill='%23fff' d='M711.3,660,734,512H592V415.95728C592,375.46667,611.83508,336,675.43713,336H740V210s-58.59235-10-114.61078-10C508.43854,200,432,270.87982,432,399.2V512H302V660H432v357.77777a517.39619,517.39619,0,0,0,160,0V660Z'/%3E%3C/svg%3E");
        width: 18px;
        display: block;
        margin-right: 5px;
      }
      .twitter-icon::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2303A9F4' d='M16 3.539a6.839 6.839 0 0 1-1.89.518 3.262 3.262 0 0 0 1.443-1.813 6.555 6.555 0 0 1-2.08.794 3.28 3.28 0 0 0-5.674 2.243c0 .26.022.51.076.748a9.284 9.284 0 0 1-6.761-3.431 3.285 3.285 0 0 0 1.008 4.384A3.24 3.24 0 0 1 .64 6.578v.036a3.295 3.295 0 0 0 2.628 3.223 3.274 3.274 0 0 1-.86.108 2.9 2.9 0 0 1-.621-.056 3.311 3.311 0 0 0 3.065 2.285 6.59 6.59 0 0 1-4.067 1.399c-.269 0-.527-.012-.785-.045A9.234 9.234 0 0 0 5.032 15c6.036 0 9.336-5 9.336-9.334 0-.145-.005-.285-.012-.424A6.544 6.544 0 0 0 16 3.539z'/%3E%3C/svg%3E");
        width: 18px;
        display: block;
        margin-right: 5px;
      }
      .copy-icon::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23212121' d='M4.00029246,4.08524952 L4,10.5 C4,11.8254834 5.03153594,12.9100387 6.33562431,12.9946823 L6.5,13 L10.9143985,13.000703 C10.7082819,13.5829319 10.1528467,14 9.5,14 L6,14 C4.34314575,14 3,12.6568542 3,11 L3,5.5 C3,4.84678131 3.41754351,4.29108512 4.00029246,4.08524952 Z M11.5,2 C12.3284271,2 13,2.67157288 13,3.5 L13,10.5 C13,11.3284271 12.3284271,12 11.5,12 L6.5,12 C5.67157288,12 5,11.3284271 5,10.5 L5,3.5 C5,2.67157288 5.67157288,2 6.5,2 L11.5,2 Z M11.5,3 L6.5,3 C6.22385763,3 6,3.22385763 6,3.5 L6,10.5 C6,10.7761424 6.22385763,11 6.5,11 L11.5,11 C11.7761424,11 12,10.7761424 12,10.5 L12,3.5 C12,3.22385763 11.7761424,3 11.5,3 Z'/%3E%3C/svg%3E");
        width: 18px;
        display: block;
        margin-right: 5px;
      }

      /* end icon with svg code */


      /* Ribbon */

.ribbon {
    width: 100px;
    height: 70px;
    overflow: hidden;
    position: absolute;
  }
  .ribbon::before,
  .ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
  }
  .ribbon span {
    position: absolute;
    display: block;
    width: 185px;
    padding: 5px 0;
    background-color: #008a00;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 9px;
  }

  /* top right*/
  .ribbon-top-left {
    top: -1px;
    left: -1px;
  }
  .ribbon-top-left::before,
  .ribbon-top-left::after {
    border-top-color: transparent;
    border-right-color: transparent;
  }
  .ribbon-top-left::before {
    top: 0;
    left: 0;
  }
  .ribbon-top-left::after {
    bottom: 0;
    right: 0;
  }
  .ribbon-top-left span {
    right: -19px;
    top: 18px;
    transform: rotate(-45deg);
  }


  /* The ribbon */
.ribbon-up {
  width: 18px;
  height: 110px;
  background-color: #f5821e;
  position: absolute;
  left: 345px;
  top: 0px;
  -webkit-animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ribbon-up:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -9px;
  border-left: 9px solid #f5821e;
  border-right: 9px solid #f5821e;
  border-bottom: 9px solid transparent;
}
.ribbon-up:after {
  content: "";
  width: 200px;
  height: 270px;
  position: absolute;
  z-index: -1;
  left: 340px;
  bottom: -120px;
  background-color: #f5821e;
  transform: skewY(35deg) skewX(0);
}
.ribbon-up span {
  position: absolute;
  right: -12px;
  top: 87px;
  color: #fff;
  transform: rotate(90deg);
  font: 700 18px/0 'Lato', sans-serif;
  font-size: 9px;
}
.bg-label-danger {
    background-color: #ff3e1d !important;
    color: var(--clr-white) !important
}
.bg-label-success {
    background-color: #008a00 !important;
    color: var(--clr-white) !important
}
/* .register-as-volunteer {
    background-image: url(/images/register-as-volunteer.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 460px;
    background-position: bottom;
} */
.register-as-volunteer img {
    width: 100%;
}
.register-as-volunteer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top,#11142D,var(--clr-transperent));
    opacity: .7;
}
.milkar-footer-img {
    /* position: relative; */
    text-align: left !important;
    z-index: 1;
    bottom: 10%;
    background-image: url('/images/footer/footer.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 385px;
    display: flex;
}
.milkar-footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
    /* background-image: linear-gradient(to left,#46b84900,var(--clr-secondary)); */
    opacity: .7;
}
.milkar-footer-map-img {
    /* position: relative; */
    text-align: left !important;
    z-index: 1;
    bottom: 10%;
    background-image: url('/images/footer/footer.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    height: 110px;
    display: flex;
}

.milkar-footer-content, .milkar-footer-content p {
    position: relative;
    z-index: 1;
    text-align: left;
    color: #fff;
}
.milkar-footer-content img {
    width:100% ;
}
.milkar-footer-content li {
    display: block;
    width: 9rem;
    height: 100%;
}
.volunteer-content {
    /* position: absolute; */
    text-align: left !important;
    z-index: 1;
    bottom: 10%;
}
.volunteer-content-img {
    /* position: relative; */
    text-align: left !important;
    z-index: 1;
    /* background-image: url('/images/register-as-volunteer.jpg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: flex;
    align-items: end;
}
.volunteerimage-slider .item img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 250px;
    height: 180px;
}
.volunteerimage-slider .item {
    border: none !important;
}
@media (max-width: 992px){
    .milkar-footer-img {
        background-image: none;
    }
    .milkar-footer-img::after {
        background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
        opacity: 1;
    }
    /* .download-app-area {
        background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
    } */
    .download-app-area {
        display: none;
    }
    .milkar-footer-content {
        margin: 40px 30px !important;
        text-align: center;
    }
    .milkar-footer-content p {
        text-align: center;
    }
    .milkar-footer-img {
        height: 290px;
    }
}
.provinve-wise td {
    padding: 0 0 10px 0;
    width: 85%;
}
.provinve-wise tr:nth-child(even) {
    /* background-color: #DAF1DA; */
    background-color: transparent;
}
.provinve-wise td:first-child div {
    background-color: #fff;
    border: 1px solid #F2F7F8;
    border-radius: 4px;
    margin-bottom: 2px;
    padding: 10px;
}

.provinve-wise td:last-child div {
    background-color: #EDF7F8;
    text-align: center;
    margin-bottom: 2px;
    padding: 10px;
}

.briefoverview {
    color: #fff;
    background-color: #F2F7F8;
    text-align: left;
}
.briefoverview h3 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
.briefoverview label {
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 0px;
    color: #707070;
}
.briefoverview h2, .briefoverview h2 span {
    color: #11142D;
    /* font-size: 40px; */
    display: flex;
    align-items: center;

}
.briefoverview p {
    /* color: #F2F7F8; */
    font-size: 1rem;
    margin-bottom: 0px;
}
.briefoverview-img {
    display: block;
    width: 100%;
    height: 100%;
}
.briefoverview-img{
    background-image: url('/images/brief/brief.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 447px;
    display: block;
    background-position: center;
    
}
@media (max-width: 600px) {
    .event-img {
      width: 100%;
      height: 340px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
    }
  
    .briefoverview h3 {
      font-size: 2rem;
    }
  
    .swiper-pagination-bullets {
      margin-top: 20px;
    }
    .briefoverview h2, .briefoverview h2 span {
        font-size: 1.5rem;
    }
  .briefoverview label {
    font-size: 1rem;
  }
  .briefoverview p {
    font-size: 0.8rem;
  }
  }
.organization-content label {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
}

.right-side-map-info {
    text-align: right;
    text-align: -webkit-right;
}
.provinvewise {
    /* position: absolute; */
    z-index: 10;
    right: 60px;
    top: 54px;
}

.shadow-sm {
    box-shadow: 0 2px 6px 0 rgb(67 89 113 / 12%);
}
.recent-causes-main {
    margin: 0;
    padding: 0;
    font-size: 28px;
    display: flex;
    }
    .carousel {
    position: relative;
    overflow: hidden;
    display: flex;
    }

    .carousel__slider2 {
    position: relative;
    width: 100vw;
    height: 100%;
    /* display: flex;
    flex-direction:row; */

    }

    .carousel__list2 {
    position: relative;
    width: 100%;
    /* display: flex;
    flex-flow: row; */
    }

    .carousel__item2 {
    cursor: pointer;
    }
    .carousel__item2 img {
        width: 250px;
        }

    .carousel__item2:hover {
    background-color: rgba(255, 255, 255, 0.7);
    }

    .hr-primary {
        /* background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0)); */
        background-image: linear-gradient(to right,var(--clr-primary),var(--clr-secondary));
        height: 1px;
        margin: 0;
    }
    .activity-listing-card strong {
        font-weight: 700;
    }

    a:not([href]):not([tabindex]) {
        color: var(--crl-black);
    }

    .filter-options .form-group {
        margin-bottom: 0.5rem;
    }
    .volunteerscount {
        /* background-color: #F2F7F8; */
        /* padding: 10px 28px 10px 22px; */
        border-radius: 6px;
        /* border: 1px solid var(--clr-black); */
        font-size: 13px;
        color: var(--clr-black);
        font-weight: 500;
        /* width: 100%; */
        display: flex;
        align-items: center;
        margin: 5px 0;
        justify-content: space-between;
    }
    .volunteerscount span {
        font-size: 15px;
        font-weight: 700;
        background-color: #cccccc85;
        color: #000;
        padding: 3px;
        border-radius: 0.375rem;
        width: 45px;
        display: block;
        text-align: center;
        margin-left: 5px;
    }
    .user-action-wrap {
        max-width: 250px;
    }

    /* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.ambassador-detail p span {
    font-size: 13px !important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav .nav-link:focus, .nav .nav-link:hover {
    color: var(--clr-primary);
}
.org-tab-color .nav-tabs .nav-item.show .nav-link, .org-tab-color .nav-tabs .nav-link.active {
    color: var(--clr-primary);
}