@font-face {
    font-family: 'essential_sans';
    src: url('/wp-content/themes/charity-champion/fonts/Jen-Wagner-Essential-Sans-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'essential_sans_bold';
    src: url('/wp-content/themes/charity-champion/fonts/Jen-Wagner-Essential-Sans-Medium.otf') format('opentype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'mangrove_script_regular';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_script_regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_script_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mangrove_script_light';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_script_light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_script_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mangrove_script_bold';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_script_bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_script_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mangrove_sans_regular';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_sans_regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mangrove_sans_light';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_sans_light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_sans_light-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;

}
@font-face {
    font-family: 'mangrove_sans_bold';
    src: url('/wp-content/themes/charity-champion/fonts/mangrove_sans_bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/charity-champion/fonts/mangrove_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {font-family: 'mangrove_sans_regular'; overflow-x:hidden;}

#wrapper {width: 100%; position: relative; /*overflow-x: hidden;*/}

h1, .h1 {font-family: 'mangrove_sans_bold'; font-size:40px;}

h2, .h2 {font-family: 'mangrove_sans_light'; font-size: 40px; /*calc(1.4rem + .9vw);*/ }
h3, .h3 {font-family: 'mangrove_sans_regular'; font-size: 40px; /*calc(1.375rem + .6vw);*/ }
h4, .h4 {font-family: 'mangrove_sans_regular'; font-size: 24px; /*calc(1.35rem + .3vw);*/ }
h5, .h5 {font-family: 'mangrove_sans_light'; font-size: 20px; /*calc(1.35rem + .3vw);*/ }
.h2-bold, .h3-bold, .h4-bold {font-family: 'mangrove_sans_bold'; }
a {color:#000000;}

.key-stat-icon {width:100px !important;}
.key-stat-circle {width:40px; height:40px; border-radius:50%; position:absolute; left:12px; top:0px;}
.ksc-1, .ksc-5 {background-color:#2E65AE;}
.ksc-2, .ksc-6 {background-color:#EB609E;}
.ksc-3, .ksc-7 {background-color:#FCD748;}
.ksc-4, .ksc-8 {background-color:#3ED855;}

.ks-content {position:relative; z-index:2;}
.ks-image {margin-top:-30px; position:relative; z-index:5;}

@media only screen and (min-width: 992px) {
    .text-justified {text-align: justify !important; text-justify: inter-word !important;}
    .key-stat-icon {width:120px !important;}
}

p, li, td {font-family: 'essential_sans'; font-size:16px; color:#363636;}
p {line-height:24px;}
p strong {font-family: 'mangrove_sans_bold';}
.m-scr-bold {font-family: 'mangrove_script_bold';}
.m-scr-reg {font-family: 'mangrove_script_regular';}
.m-scr-light {font-family: 'mangrove_script_light';}
.m-sans-bold {font-family: 'mangrove_sans_bold';}
.m-sans-reg {font-family: 'mangrove_sans_regular';}
.m-sans-light {font-family: 'mangrove_sans_light';}

a.primary-link {font-family: 'essential_sans'; font-size:16px; color:#000000; padding-left:20px; padding-right:20px; padding-bottom:32px;
    border-bottom:2px solid transparent;}
a.primary-link-mobile {font-family: 'essential_sans'; display:block; font-size:18px; color:#000000; margin-left:20px; margin-right:20px; padding-top:14px; padding-bottom:14px;
    border-bottom:1px solid #f5f5f5;}
a.primary-link:hover, a.primary-link.underline {border-bottom:2px solid #eb609e; color:#eb609e;}
a.primary-link-mobile:hover, a.primary-link-mobile.underline {color:#eb609e;}
.mega-menu {box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC;}
.mega-menu-container {max-width:1200px;}

@media only screen and (max-width: 991px) {
    .mega-menu {box-shadow: none;}
}

.sub-link {margin-bottom:20px;}
a.dropdown-link {font-family: 'essential_sans'; color:#000000; font-size:16px; font-weight:normal;}
a.dropdown-link small {font-size:11px;}
a.dropdown-link:hover {color:#000000;}
/* FULL WIDTH */ #container_mega_menu {position:absolute; left:0; top:90px; width:100%; z-index:999; background-color:#ffffff;}
/* FIXED WIDTH */ /*#container_mega_menu {position:absolute; left:50%; top:92px; width:860px; margin-left:-430px; z-index:15; background-color:#ffffff;}*/
.fyc-mobile {margin:20px;}
.overflow-hidden {overflow:hidden;}

.email-tooltip {--bs-tooltip-bg: #ffffff;
    --bs-tooltip-color: #000000;
    --bs-tooltip-font-size: 18px;
    --bs-tooltip-padding-x: 6px;
    --bs-tooltip-padding-y: 6px;}

.navbar {
    --bs-navbar-padding-y: 1.8rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Cpath stroke=%27rgba%28255, 255, 255, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color:none;
}
.navbar-logo {width:70%;}
.navbar-expand-md .navbar-nav .nav-link {
    padding-left:25px;
    padding-right:25px;
    padding-bottom:39px;
    border-bottom:2px solid transparent;
}
.navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover { border-bottom:2px solid #eb609e;}
/* full width */
.navbar-expand-md .navbar-nav .dropdown-menu { position:fixed; left:0; top:145px; width:100%; border:none; border-radius:0px; 
    box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC; 
    padding-top:30px; padding-bottom:30px;
}
/* fixed width */
/*.navbar-expand-md .navbar-nav .dropdown-menu { position:fixed; left:50%; top:145px; width:1024px; margin-left:-512px; border:none; border-radius:0px; 
    box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC; 
}*/

.navbar-brand img {height:auto;}
@media only screen and (min-width: 1150px) {
    .navbar-brand img {max-width:360px;}
}
.navbar-toggler {position:absolute; right:0px; top:0px; border:none !important; padding:0; margin:0; /*background-color:#eb609e;*/}
.navbar-toggler-bg {
    position: absolute;
    top: -16px;
    right: -23px;
    width: 90px;
    height: 63px;
    border-radius: 50%;
    transform: rotate(5deg);
    background: #eb609e;
}
.navbar-toggler-icon {position:absolute; z-index:3; right:10px; top:5px;}
.navbar-toggler:focus {border:none !important;}

/* Change the span to a cross icon when the menu is open */
.navbar-toggler-icon.cross {
    background-image: url('/wp-content/uploads/assets/close.png');
    width: 24px;
    height: 24px;
    right: 15px;
    top: 8px;
}

.bg-light {
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;
}

#header .search-form {width:200px !important; min-width:150px !important;}

.top-search {
    border-radius:22px !important;
    background-color:#2d65af;
    color:#ffffff;
    text-align:right;
    padding:10px 30px;
}
.top-search::placeholder {
    color:#ffffff;
}

.btn-top-search {
    position:absolute;
    left:-34px;
    top:-5px;
    width:60px;
    height:70px;
    z-index:999;
}
.search-form .input-group {max-width:240px; margin-top:-10px;}
.top-button {position:relative; margin-top:5px;}
.top-button .top-button-icon {position:absolute; right:180px; top:-20px; z-index:2;}
.top-button .btn {position:absolute; right:0px; top:-4px; width:210px; text-align:right; font-family:'essential_sans'; font-size:16px;}
@media only screen and (max-width: 1099px) {
    .top-button .top-button-icon {right:180px;}
    .top-button .btn {width:200px; padding-left:15px; padding-right:15px;}
}
.breadcrumb-bar {border-top:1px solid #f5f5f5;}
.breadcrumb-trail {color:#000000; font-size:12px;}
.breadcrumb-trail a {color:#000000; text-decoration:none;}
.breadcrumb-trail a:hover {color:#eb609e; /*border-bottom:1px solid #eb609e;*/}
.breadcrumb-trail .breadcrumb_last {border-bottom:1px solid #eb609e;}
.hero-banner {
    position: relative;
    width:100%;
    height:440px;
    /*background-color: #f0f0f0;*/ /* Light gray background */
    overflow: hidden; /* Ensures the background does not spill out */
    background-size:cover;
    background-position:center;

  }
  .hero-banner-2 {
    position: relative;
    width:100%;
    height:500px;
    background-color: #f0f0f0; /* Light gray background */
    overflow: hidden; /* Ensures the background does not spill out */
    background-size:cover;
    background-position:center;

  }
@media only screen and (max-width: 767px) {
    .hero-banner {height:600px; overflow:auto;}
    .hero-banner-2 {height:360px;}
}

@media only screen and (max-width: 575px) {
    .hero-banner {height:700px; 
        /*background: linear-gradient(to bottom, white 0%, white calc(100% - 200px), #dddaea 100%);*/ }
}

.hero-banner .text-overlay {position:relative; padding:10px 30px;}
.hero-banner .hero-banner-text {position:relative; z-index:3;}

/* text block with bg */
.hero-banner-overlay {width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.hero-banner-content {position:absolute; z-index:2; left:50%; top:0; width:1024px; height:100%; margin-left:-512px; margin-top:-20px;}
.hero-banner-content h2 {font-weight:normal; font-size:50px; margin-top:0px; margin-bottom:32px; line-height:60px;}
.hero-banner-content h3 {font-weight:normal; font-size:16px; margin-top:0px; margin-bottom:15px; line-height:24px;}
.hero-banner-content p, .text-block-with-bg-content li {font-weight:normal; font-size:14px; line-height:24px;}
.hero-banner-content .btn {padding:10px 20px; min-width:200px; font-size:14px;}

@media only screen and (min-width: 1400px) {
    .hero-banner-content {width:1200px; margin-left:-600px; padding-left:15px; padding-right:15px;}
}
@media only screen and (min-width: 1300px) and (max-width:1399px) {
    .hero-banner-content {width:1044px; margin-left:-522px;}
}
@media only screen and (max-width: 1200px) {
    .hero-banner-content {width:768px; margin-left:-384px; margin-top:-40px;}
}
@media only screen and (max-width: 767px) {
    .hero-banner-content h2 {font-size:40px;}
    .hero-banner-content {width:100%; position:absolute; z-index:15; margin-left:0px; left:0; top:460px; height:auto;}
    .hero-banner-overlay {height:370px;}
    .hero-banner .carousel .carousel-inner {/*border-bottom:1px solid #e5e5e5;*/}
}

.hero-banner .carousel {height:100%; width:100%;}
.hero-banner .carousel .carousel-inner {height:100%;}
.hero-banner .carousel .carousel-item {width:100%; height:440px; background-size:cover; background-position:center;}
.carousel-indicators {margin-bottom:2rem;}
.carousel-indicators [data-bs-target] {width:12px; height:12px; border-radius:50%;}

.hero-banner-profile {
    position: relative;
    width:100%;
    height:280px;
    background-color: #f0f0f0; /* Light gray background */
    overflow: hidden; /* Ensures the background does not spill out */
    background-size:cover;
    background-position:center;

}

@media only screen and (max-width: 767px) {
    .hero-banner .carousel {height:600px;}
    .hero-banner .carousel .carousel-item {height:370px;}
}

@media only screen and (max-width: 575px) {
    .hero-banner .carousel {height:700px;}
}

.clip-path-1 {clip-path: polygon(79% 2%, 77% 2%, 70% 2%, 63% 3%, 56% 3%, 48% 4%, 41% 5%, 35% 7%, 30% 8%, 22% 10%, 14% 13%, 10% 17%, 6% 21%, 4% 26%, 4% 30%, 4% 36%, 7% 41%, 10% 45%, 14% 48%, 18% 51%, 23% 56%, 24% 61%, 25% 67%, 25% 73%, 22% 75%, 17% 78%, 11% 81%, 6% 84%, 6% 90%, 8% 96%, 13% 97%, 19% 98%, 27% 98%, 37% 98%, 48% 96%, 56% 93%, 66% 90%, 73% 87%, 79% 78%, 84% 68%, 89% 59%, 92% 48%, 94% 37%, 94% 29%, 94% 21%, 93% 13%, 90% 7%, 87% 4%, 83% 2%);}

/* text block */
.text-block {padding-top:60px; padding-bottom:60px;}

@media only screen and (max-width: 767px) {
    .text-block {padding-top:40px; padding-bottom:60px;}
}

/* imge & text block */
.image-text-block {position:relative; background-color:#D4D1E5; padding-top:85px; padding-bottom:85px;}
.image-text-block .container {width:926px; position:relative;}

.image-text-block .floating-image-left {position:absolute; left:0px; top:-120px; width:320px;}
.image-text-block .floating-icon-left {position:absolute; left:225px; top:-40px;}

.image-text-block .floating-image-right {position:absolute; right:-140px; top:-170px; width:420px;}
.image-text-block .floating-icon-right {position:absolute; right:200px; top:-90px;}

.image-text-block .image-mobile {position:relative;}

.image-text-block p {margin-bottom:20px;}

@media only screen and (max-width: 1199px) {
    .image-text-block .floating-image-left {position:absolute; left:0px; top:-120px; width:320px;}
    .image-text-block .floating-icon-left {position:absolute; left:225px; top:-40px;}
    .image-text-block .floating-image-right {right:-120px; width:380px;}
    .image-text-block .floating-icon-right {right:170px;}
}

@media only screen and (max-width: 991px) {
    .image-text-block .floating-image-left {width:280px; top:-120px; left:-40px;}
    .image-text-block .floating-icon-left {position:absolute; left:160px; top:0px; width:140px;}
}
@media only screen and (max-width: 767px) {

    .image-text-block {padding-top:50px; padding-bottom:50px;}
    .image-text-block .container {width:100%;}
    .image-text-block .floating-image-left {width:220px;}
    .image-text-block .floating-icon-left {position:absolute; left:120px; top:50%;}
    .image-text-block .floating-image-mobile-left {width:220px; margin-top:-105px; margin-left:-40px;}
    .image-text-block .floating-icon-mobile-left {position:absolute; left:55%; top:-60px; width:120px;}
    .image-text-block p {margin-bottom:30px;}

}
@media only screen and (max-width: 575px) {
    .image-text-block .floating-image-left {width:160px;}
    .image-text-block .floating-icon-left {position:absolute; left:20px; top:50%;}

    .image-text-block .floating-image-mobile-left {width:220px; margin-top:-105px; margin-left:-40px;}
    .image-text-block .floating-icon-mobile-left {position:absolute; left:55%; top:-60px; width:120px;}

}

/* imge & text block */
.image-text-block-kutd {position:relative; background-color:#D4D1E5; padding-top:85px; padding-bottom:85px; max-width:100%;}
.image-text-block-kutd .container {position:relative;}

.image-text-block-kutd .floating-image-left {position:absolute; left:0px; top:-120px; width:320px;}
.image-text-block-kutd .floating-icon-left {position:absolute; left:225px; top:-40px;}

.image-text-block-kutd .floating-image-right {position:absolute; right:-40px; top:-170px; width:420px; overflow:hidden;}
.image-text-block-kutd .floating-icon-right {position:absolute; right:300px; top:-90px;}

.image-text-block-kutd .image-mobile {position:relative;}

.image-text-block-kutd p {margin-bottom:20px;}

@media only screen and (max-width: 1199px) {
    .image-text-block-kutd .floating-image-left {position:absolute; left:0px; top:-120px; width:320px;}
    .image-text-block-kutd .floating-icon-left {position:absolute; left:225px; top:-40px;}
    .image-text-block-kutd .floating-image-right {right:-120px; width:380px;}
    .image-text-block-kutd .floating-icon-right {right:170px;}
}

@media only screen and (max-width: 991px) {
    .image-text-block-kutd .floating-image-left {width:280px; top:-120px; left:-40px;}
    .image-text-block-kutd .floating-icon-left {position:absolute; left:160px; top:0px; width:140px;}
}
@media only screen and (max-width: 767px) {

    .image-text-block-kutd {padding-top:50px; padding-bottom:50px;}
    .image-text-block-kutd .container {width:100%;}
    .image-text-block-kutd .floating-image-left {width:220px;}
    .image-text-block-kutd .floating-icon-left {position:absolute; left:120px; top:50%;}
    .image-text-block-kutd .floating-image-mobile-left {width:220px; margin-top:-105px; margin-left:-40px;}
    .image-text-block-kutd .floating-icon-mobile-left {position:absolute; left:55%; top:-60px; width:120px;}
    .image-text-block-kutd p {margin-bottom:30px;}

}
@media only screen and (max-width: 575px) {
    .image-text-block-kutd .floating-image-left {width:160px;}
    .image-text-block-kutd .floating-icon-left {position:absolute; left:20px; top:50%;}

    .image-text-block-kutd .floating-image-mobile-left {width:220px; margin-top:-105px; margin-left:-40px;}
    .image-text-block-kutd .floating-icon-mobile-left {position:absolute; left:55%; top:-60px; width:120px;}

}

/* cotm block */
.cotm-block {position:relative; background-color:#D4D1E5;}
.cotm-block .container {width:926px; position:relative;}
.cotm-block::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px; /* Height of the wave */
    background-size: cover;
    top: 0;
    /*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="60px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,100 Q50,150 100,100 T300,100 T400,100 V150 H0 Z" fill="white" transform="scale(1,-1) translate(0,-150)"/></svg>') no-repeat top;*/
    /*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,100 Q50,150 100,100 T200,100 T300,100 T400,100 V150 H0 Z" fill="white" transform="scale(1,-1) translate(0,-150)"/></svg>') no-repeat top;*/
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="30px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,75 Q100,150 200,75 T400,75 V150 H0 Z" fill="white" transform="scale(1,-1) translate(0,-150)"/></svg>') no-repeat top;
}
@media only screen and (max-width: 991px) {
    .cotm-block .container {width:auto;}
}

.cotm-block .floating-image-left {position:absolute; left:0px; top:-90px; width:320px; z-index:10;}
.cotm-block .floating-icon-left {
    width:140px; height:140px; 
    position:absolute; left:260px; top:50px;
    /*border:3px solid #2d65af; */
    border-radius:50%;
    background-color:#ffffff;
    z-index:12;
    overflow:hidden;
}
.cotm-block .floating-icon-left img {
    width:140px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.cotm-block .floating-image-right {position:absolute; right:30px; top:-60px; width:380px; z-index:10;}
.cotm-block .floating-icon-right {
    width:120px; height:120px; 
    position:absolute; right:340px; top:30%; transform: translateX(-50%);
    /*border:3px solid #2d65af; */
    background-color:#ffffff;
    z-index:12;
}
.cotm-block .floating-icon-right img {
    width:140px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 991px) {
    .cotm-mobile .cotm-images {margin-top:-100px; position:relative; z-index:11;}
    .cotm-block .floating-icon-left {position:absolute; left:50%; top:110px; margin-left:20px; width:140px; height:140px;}
    .cotm-mobile .floating-icon-right {position:absolute; left:50%; top:114px; margin-left:-190px;}
    .cotm-block .floating-image-center {width:220px; position:absolute; left:50%; top:-40px; margin-left:-160px;}
    .cotm-block .floating-image-center-solo {width:250px; display:block; margin-left:auto; margin-right:auto;}
    .cotm-block::after { height:30px;}
}
@media only screen and (max-width: 767px) {
    .cotm-block .floating-icon-left {position:absolute; left:50%; top:110px; margin-left:20px; width:140px; height:140px;}
    .cotm-mobile .floating-icon-left img {width:140px;}
    .cotm-mobile .floating-icon-right {position:absolute; left:50%; top:64px; margin-left:-100px; background-color:transparent;}
    .cotm-block .floating-image-center {width:220px; position:absolute; left:50%; top:-40px; margin-left:-160px;}
    .cotm-block .floating-image-center-solo {width:200px; display:block; margin-left:auto; margin-right:auto;}
    .cotm-block::after { height:30px;}
}
@media only screen and (max-width: 575px) {
    /*.cotm-mobile .floating-icon-right {position:absolute; left:50%; top:50px; margin-left:-100px;}
    .cotm-block .floating-image-center {width:180px; display:block; margin-left:15%; margin-right:auto;}*/
    .cotm-block .floating-image-center-solo {width:200px; display:block; margin-left:auto; margin-right:auto;}

    .cotm-block .floating-image-center {width:220px; position:absolute; left:50%; top:-40px; margin-left:-160px;}
    .ml-n-110 {margin-left:-110px !important;}
    .cotm-block .floating-icon-left {position:absolute; left:50%; top:110px; margin-left:20px; width:140px; height:140px;}

    .cotm-block::after { height:30px;}
}

@media (max-width:576px) {
    .carousel-3-col .carousel-inner {
      display: flex;
    }
    .carousel-3-col .carousel-item {
      margin-right: 0;
      flex: 0 0 85%;
      display: block;
    }
  }
@media (min-width:577px) and (max-width: 767px) {
    .carousel-3-col .carousel-inner {
      display: flex;
    }
    .carousel-3-col .carousel-item {
      margin-right: 0;
      flex: 0 0 50%;
      display: block;
    }
  }

/* 3 column carousel */
@media (min-width: 768px) {
    .carousel-3-col .carousel-inner {
      display: flex;
    }
    .carousel-3-col .carousel-item {
      margin-right: 0;
      flex: 0 0 33%;
      display: block;
    }
  }

.carousel-3-col .carousel-inner{
    overflow:auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.carousel-3-col .carousel-inner::-webkit-scrollbar {
    display: none;
}
  
.carousel-3-col .carousel-indicators {margin-bottom:-40px;}
.carousel-3-col .carousel-indicators [data-bs-target] {width:12px; height:12px; border-radius:50%;}

.carousel-3-col .card{
    margin: 0 .5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}
.carousel-controls {width:200px; margin-left:auto; margin-right:auto; margin-top:60px; position:relative;}
.carousel-controls.gallery {width:100%; margin-left:0; margin-right:0; margin-top:310px;}

.carousel-controls-arrows {position:relative;}
.carousel-controls-arrows .carousel-control-prev-arrow, .carousel-controls-arrows .carousel-control-next-arrow,
.carousel-controls-arrows .carousel-control-hero-prev-arrow, .carousel-controls-arrows .carousel-control-hero-next-arrow {
    width:28px;
    height:28px;
    background:transparent url('/wp-content/uploads/assets/arrow-alt-circle-left.svg') 0% 0% no-repeat padding-box;
    border:none;
}
.carousel-controls-arrows .carousel-control-hero-prev-arrow, .carousel-controls-arrows .carousel-control-hero-next-arrow {
    background-color:#ffffff;
    border-radius:50%;
}
.carousel-controls-arrows .carousel-control-prev-arrow {position:absolute; left:-50px; top:-245px;}
.carousel-controls-arrows .carousel-control-next-arrow {position:absolute; right:-40px; top:-245px; transform: matrix(-1, 0, 0, -1, 0, 0);}

.carousel-controls-arrows .carousel-control-hero-prev-arrow {position:absolute; left:6%; top:190px; z-index:25;}
.carousel-controls-arrows .carousel-control-hero-next-arrow {position:absolute; right:6%; top:190px; transform: matrix(-1, 0, 0, -1, 0, 0); z-index:25;}

@media (max-width: 991px) {
    .carousel-controls-arrows .carousel-control-prev-arrow {position:absolute; left:50%; top:40px; margin-left:-35px;}
    .carousel-controls-arrows .carousel-control-next-arrow {position:absolute; right:50%; top:40px; transform: matrix(-1, 0, 0, -1, 0, 0); margin-right:-35px;}
}
@media (max-width: 767px) {
    .carousel-controls-arrows .carousel-control-hero-prev-arrow {top:480px;}
    .carousel-controls-arrows .carousel-control-hero-next-arrow {top:480px;}
}


.carousel-3-col .carousel-control-prev, .carousel-control-next{
    background-color: #000000;
    width: 60px;
    height: 5px;
}
.carousel-control-next.carousel-control-middle {
    right:70px;
}

.carousel-control-prev.gallery-control {
    left:0px;
}

.carousel-control-next.gallery-control {
    right:0px;
}

.carousel-control-prev.gallery-control {
    width: 40px;
    height: 80px;
    background: #eb609e;
    opacity:0.7;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.carousel-control-next.gallery-control {
    width: 40px;
    height: 80px;
    background: #eb609e;
    opacity:0.7;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.carousel-control-prev.gallery-control:hover,
.carousel-control-next.gallery-control:hover {
    opacity:1;
}

#gallery-carousel-mobile {margin-bottom:30px; height:320px;}
#gallery-carousel-mobile .carousel-item { height:320px; background-size:cover;} 
#gallery-carousel-mobile .carousel-controls {margin-top:-200px;}

.featured-charities {
    position: relative;
}
.featured-charities h3 {font-size:18px;}
.featured-charities p {margin-bottom:0px; padding-bottom:0px;}

.featured-block {}
.featured-block h3 {font-size:18px; height:84px; overflow:hidden; margin-bottom:15px;}
.featured-block .featured-image { border-radius:20px 20px 0px 0px; background-size:cover; position:relative; width: 100%; height:200px; background-position:center;}
.featured-block .featured-text { padding:80px 20px 40px 20px; background-color:#F3F0FF; border-radius:0px 0px 20px 20px;}
.featured-block .featured-text p {height:75px; overflow:hidden;}
.featured-block .featured-text p.date {height:auto;}
.featured-block .flip-box-overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:6; border-radius:20px; display:flex; visibility: hidden; opacity:0; transition: visibility 0s linear 0.5s, opacity 0.5s linear;}
.featured-block .flip-box-text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:8; text-align:center; display:flex; visibility: hidden; opacity:0; transition: visibility 0s linear 0.5s, opacity 0.5s linear; align-items:center; justify-content:center;}
.featured-block:hover .flip-box-overlay {visibility: visible; opacity: 0.3; transition: visibility 0s linear 0s, opacity 0.5s linear; }
.featured-block:hover .flip-box-text {visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 0.5s linear;}
.featured-block .featured-image-category {border-radius:25%; background-size:cover; position:relative; margin-bottom:30px; width: 100%; padding-top: 100%;}
.featured-image > *, .featured-image-category > * { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.featured-image > .featured-logo {
    width:120px; height:120px; 
    position:absolute; top:140px; left: 50%; transform: translateX(-50%);
    background-color:#ffffff;
    border-radius:50%;
}
.featured-image.featured-image-90 > .featured-logo {
    width:90px; height:90px; 
}
.featured-image .featured-logo img {
    width:80px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.featured-image.featured-image-90 .featured-logo img {
    width:90px;
}
.featured-image > .featured-number-icon {
    width:90px; height:90px; 
    position:absolute; top:-45px; left: 50%; transform: translateX(-50%);
}
.featured-image > .featured-icon {
    width:90px; height:90px; 
    position:absolute; top:78%; left: 50%; transform: translateX(-50%);
}
.featured-image .featured-icon img {
    width:90px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.featured-image-standard {background-color:#F3F0FF; border-radius:20px 20px 0px 0px; position:relative; width: 100%; height:100px;}
.featured-image-standard > .featured-logo {
    width:120px; height:120px; 
    position:absolute; top:20px; left: 50%; transform: translateX(-50%);
    background-color:#ffffff;
    border-radius:50%;
}
.featured-image-standard.featured-image-90 > .featured-logo {
    width:90px; height:90px; 
}
.featured-image-standard .featured-logo img {
    width:80px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.featured-image-standard.featured-image-90 .featured-logo img {
    width:90px;
}
.featured-image-standard > .featured-number-icon {
    width:90px; height:90px; 
    position:absolute; top:-45px; left: 50%; transform: translateX(-50%);
}
.featured-image-standard > .featured-icon {
    width:90px; height:90px; 
    position:absolute; top:78%; left: 50%; transform: translateX(-50%);
}
.featured-image-standard .featured-icon img {
    width:90px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

/*@media only screen and (min-width: 1600px) { .featured-image > .featured-logo, .featured-image > .featured-icon { top:82%; } }
@media only screen and (min-width: 1400px) and (max-width: 1599px) { .featured-image > .featured-logo, .featured-image > .featured-icon { top:80%; } }
@media only screen and (min-width: 1200px) and (max-width: 1399px) { .featured-image > .featured-logo, .featured-image > .featured-icon { top:74%; } }*/
@media only screen and (min-width: 1200px) { .featured-image > .featured-logo {  } .featured-image > .featured-icon { top:unset; bottom:-45px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) { .featured-image > .featured-logo { top:140px; } .featured-image > .featured-icon { top:unset; bottom:-40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .featured-image > .featured-logo { top:68%; width:120px; height:120px; } .featured-image > .featured-icon { top:unset; bottom:-40px; } }
@media only screen and (min-width: 577px) and (max-width: 767px) { .featured-image > .featured-logo { top:70%; width:120px; height:120px; } .featured-image > .featured-icon { top:unset; bottom:-40px; } }
@media only screen and (max-width: 576px) { .featured-image > .featured-logo {  position:absolute; top:140px; left: 50%; transform: translateX(-50%); } .featured-image > .featured-icon { top:unset; bottom:-40px; } }

/* Latest news */
.latest-news {}
.latest-news h3 {font-size:20px; font-family:'mangrove_sans_bold'; height:100px; line-height:28px;}
.latest-news .featured-image { border-radius:20px 20px 0px 0px; background-size:cover; position:relative; width: 100%; height:200px; background-position:center;}
.latest-news .featured-text { padding:30px 20px 40px 20px; background-color:#F3F0FF; border-radius:0px 0px 20px 20px;}
.latest-news p.date {font-size:15px; color:#999999;}
.find-your-champion-news {position:relative;}
.find-your-champion-news .floating-image-left {z-index:5;}
.find-your-champion-news .floating-icon-left {z-index:6;}
.heart-o {margin-left:2px; display: inline-block;  /* Keep the image inline with text */
    vertical-align: middle;}

.btn {border-radius:30px !important; color:#ffffff; padding:10px 20px; border:none; background-image:none; box-shadow:none; font-size:14px; font-family: 'mangrove_sans_light'; letter-spacing:2px;}
.btn-close {position:absolute; right:10px; top:10px; height:14px; width:14px; z-index:10;}

@media only screen and (max-width: 767px) {
    .btn {padding:10px 30px;}
}
.btn-primary, .btn-primary-hover-white {background-color:#2d65af; border-color:#2d65af; background-image:none; box-shadow: none; transition: all 0.05s ease;}
.btn-primary-plain {color:#2d65af; border:none; background-image:none; box-shadow: none; transition: all 0.05s ease;}
.pos-relative {position:relative;}

.link-blue {color:#2d65af;}

.spacer {width:100%;}
table.icon-table td {padding:10px;}
@media only screen and (max-width: 600px) {
    table.icon-table td {display:table-row;}
}

/* contact form */
.wpcf7-form-control {border:none; padding:10px 20px; border-radius:0px; width:100%; background: #F3F0FF 0% 0% no-repeat padding-box; border-radius: 23px; font-size:13px;}
.contact-details a {color:#000000;}
.contact-map {border-radius:20px;} 
.card-body-contact {}

/* card block */
.card-block {background-image: url('/wp-content/uploads/assets/charity-finder-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.card {border-radius:20px; border-color:#f5f5f5; box-shadow: 0px 3px 6px #00000029;}
.card-body {}
.card-body ul {list-style-type:none; padding: 0; margin: 0; margin-bottom:16px;}
.card-body ul li {background-repeat:no-repeat; background-size:18px; padding-left:24px; padding-bottom:8px;}
.card-body ul li.check { background-image: url('/wp-content/uploads/assets/list-check.png'); }
.card-body ul li.cross { background-image: url('/wp-content/uploads/assets/list-cross.png'); }
.card-shadow {filter: drop-shadow(5px 5px 5px #c4c4c4);}

.wavy-border-top {position:relative;}
.wavy-border-top::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px; /* Height of the wave */
    background-size: cover;
    top: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="30px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,75 Q100,150 200,75 T400,75 V150 H0 Z" fill="white" transform="scale(1,-1) translate(0,-150)"/></svg>') no-repeat top;
}
.wavy-border-bottom {position:relative;}
.wavy-border-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px; /* Height of the wave */
    background-size: cover;
    z-index:3;
    bottom: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="30px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,75 Q100,0 200,75 T400,75 V150 H0 Z" fill="white"/></svg>') no-repeat bottom;
}

/* pricing tables */
.charity-autosuggest {position:relative; z-index:999;}

#suggestions {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    position:absolute; top:50px;
    width:100%;
    text-align:left;
}
#suggestions p {
    color:#000000;
    padding:8px;
}
#suggestions ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#suggestions ul li {
    padding: 8px;
    cursor: pointer;
}
#suggestions ul li:hover {
    background-color: #eee;
}

/* advertise contact */
.advertise-contact {background-image: url('/wp-content/uploads/assets/charity-finder-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.advertise-search {font-size:0.8rem;}
/* timeline */
/*
.timeline {width:100%; height:2px; background-color:#000000; position:relative;}
.timeline .circle-start {position:absolute; left:-8px; top:-8px; width:18px; height:18px; background-color:#ffffff; border:1px solid black; border-radius:50%;}
.timeline .circle-end {position:absolute; right:-8px; top:-8px; width:18px; height:18px; background-color:#ffffff; border:1px solid black; border-radius:50%;}
.timeline-mobile {height:106%; margin-top:-30px; margin-bottom:-30px; width:2px; background-color:#000000; position:absolute; left:50%;}
.timeline-mobile .circle-top {position:absolute; left:-8px; top:-8px; width:18px; height:18px; background-color:#ffffff; border:1px solid black; border-radius:50%;}
.timeline-mobile .circle-bottom {position:absolute; left:-8px; bottom:-8px; width:18px; height:18px; background-color:#ffffff; border:1px solid black; border-radius:50%;}
.tl-title, .tl-title-mobile {font-family: 'mangrove_sans_regular'; font-size:18px;}
.tl-title-top {border-top-left-radius:15px; border-top-right-radius:20px; padding:10px;}
.tl-title-bottom {border-bottom-left-radius:15px; border-bottom-right-radius:20px; padding:10px;}
.tl-title-left {border-top-left-radius:15px; border-bottom-left-radius:20px; padding:10px;}
.tl-title-right {border-top-right-radius:15px; border-bottom-right-radius:20px; padding:10px;}
.tl-text {height:140px;}
*/

a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, a.btn-primary-plain:hover, a.btn-pink-outline:hover, a.btn-pink-transparent:hover, a.btn-blue-transparent:hover {background-color:#eb609e !important; color:#ffffff;}
a.btn-primary-hover-white:hover, a.btn-primary-hover-white:focus, a.btn-primary-hover-white:active {background-color:#ffffff !important; color:#eb609e;}
a.btn-pink:hover, a.btn-pink:active, a.btn-pink:focus {background-color:#2d65af !important; color:#ffffff !important;}
.top-button .btn-primary:hover {background-color:#D4D1E5 !important; color:#000000;}
.link-black {color:#000000;}

a.cf-button:hover {background-color:#2d65af; }
a.cf-button:hover .bg-pink {background-color: transparent;}
a.cf-button:hover .button-text {color:#ffffff;}

/* charity profile */
.cp-logo {
    position:absolute;
    left:50%;
    margin-left:-70px;
    bottom:-60px;
    width:140px;
    height:140px;
    border-radius:50%; 
    background-color:#ffffff;
    z-index:5;
    overflow:hidden;
    border:1px solid #e5e5e5;
}
.cp-logo img {
    width:100px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    
}


.cp-intro {}

.cp-intro h1, .cp-intro h2, .cp-intro h3 {font-size:40px;}
.cp-intro h4 {font-size:16px;}
.cp-intro a {color:#000000;}
.cp-contact-links p {font-size:11px;}

@media only screen and (max-width: 991px) {
    .cp-intro .cp-logo {
        margin-top:-40px;
        width:120px; height:120px;
        border-width:2px;
    }
    .cp-intro .cp-logo img {
        width:80px;
    }
}

.donate-now {position:relative;}
.donate-now::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px; /* Height of the wave */
    background-size: cover;
    top: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="30px" viewBox="0 0 400 150" preserveAspectRatio="none"><path d="M0,75 Q100,150 200,75 T400,75 V150 H0 Z" fill="white" transform="scale(1,-1) translate(0,-150)"/></svg>') no-repeat top;
}
@media only screen and (max-width: 767px) {
    .donate-now::after {
        height:30px;
    }
}
.donate-now .donate-icon {width:90px; height:90px; 
    position:absolute; top:-30px; left: 50%; transform: translateX(-50%); z-index:10;
}

.external-promo {}

/* map and contact */
#mapContact {width:100%; height:260px; border-radius: 20px 20px 0px 0px; margin-bottom:30px;}
.map {width:100%; height:260px; border-radius: 20px 20px 0px 0px;}
.map-contact .contact-info {border-radius:0px 0px 20px 20px; background-color:#2E65AE; padding:20px 25px; color:#ffffff;}
.map-contact .contact-info a {color:#FFFFFF;}

@media only screen and (max-width: 575px) {
    .map-contact .contact-info {padding-bottom:5px;}
}

/* gallery */
.gallery-block {}
.gallery-block-image {background-size: cover; }

/* news article */
.article-body {position:relative;}
.article-body h1 {}
.article-body h2  {font-size: 24px; margin-top:25px; margin-bottom:25px;}
.article-body h3  {font-size: 18px; margin-top:25px; margin-bottom:25px;}
.article-body a {text-decoration:underline;}
.article-body a:hover {text-decoration:none;}

@media only screen and (min-width:992px) {
    .article-body .article-border-right {border-right:2px solid #f5f5f5; position:absolute; right:0px; top:0px; height:100%;}
}

@media only screen and (max-width: 991px) {
    .author-profile {border-top:1px solid #D8D8D8;}
}

/* table of contents */
#ez-toc-container {margin-top:0px !important; border:none !important; box-shadow:none !important;}
#ez-toc-container {padding:0 !important;}
.ez-toc-title-container {}
#ez-toc-container .ez-toc-title {font-size:100% !important; }
#ez-toc-container ul li {font-size:12px !important; margin-top:15px !important;}
#ez-toc-container ul ul {margin-left:15px !important; margin-top:0px !important;}

/* faqs */
.accordion {background-color:transparent; font-family:'mangrove_sans_light';}
.accordion-flush .accordion-item .accordion-button {background-color:transparent; color:#ffffff;}
.accordion-item {background-color:transparent;}
.accordion-button {background-color:transparent; color:#ffffff; font-size:18px; padding-left:0px; padding-right:0px;}
.accordion-button:after {background-image:url('/wp-content/uploads/assets/accordion-open.png'); background-size:24px; width:24px; height:24px;}
.accordion-button:not(.collapsed):after {background-image:url('/wp-content/uploads/assets/accordion-close.png'); background-size:24px; width:24px; height:24px;}
.accordion-header {background-color:transparent;}
.accordion-body {color:#ffffff; font-size:14px; padding-left:0px; padding-right:0px;}

.lead {font-size:0.9em;}

a.cf-button {padding:10px 30px 10px 8px; border-radius:25px; position: relative; display: block; width: 100%; background-color:#F3F0FF;}
a.cf-button .button-text {color:#000000; font-size:12px; margin-left:10px; position:absolute; padding-right:15px; top:18px;}
.cf-badge {background-image:none; padding:9px 5px 5px 6px; font-size:16px; font-weight:bold; border-radius:50%; width:36px; height:36px;}
.btn:hover {background-color: #2D65AE; color:#ffffff;}
.bg-pink, .btn-pink {background-color:#eb609e; border-color:#eb609e; color:#ffffff !important;}
.bg-pink p, .bg-pink li, .bg-pink td {color:#ffffff;}
.bg-light {background-color:#ffffff !important;}
.bg-dark {background-color:#D4D1E5 !important;}
.bg-yellow {background-color:#FAD648 !important;}
.btn-pink-outline {background-color:#ffffff; border:1px solid #eb609e; background-image:none; box-shadow: none; color:#000000;}
.btn-pink-transparent {background-color:transparent; border:1px solid #eb609e; background-image:none; box-shadow: none; color:#000000;}
.btn-blue-transparent {background-color:transparent; border:1px solid #2D65AE; background-image:none; box-shadow: none; color:#2D65AE;}
.btn-footer {color:#ffffff; border:1px solid #ffffff; background-color:#2D65AE;}
.btn-footer:hover {color:#2D65AE; border-color:#ffffff; background-color:#ffffff;}
.bg-purple {background-color:#C5BEDF;}
.bg-lilac {background-color:#F3F0FF;}
.bg-blue {background-color:#2D65AE; color:#ffffff;}
.cf-footer {background-color:#2D65AE;}
.text-blue {color:#2D65AE;}
.text-pink {color:#eb609e !important;}

/* fixed width classes for elements */
@media only screen and (min-width: 1400px) {
    .fw-350-lg {width:350px;}
}
@media only screen and (min-width: 1100px) {
    .fw-340 {width:340px;}
    .fw-420 {width:420px;}
    .fw-500 {width:500px;}
    .fw-550 {width:550px;}
    .fw-670 {width:670px;}
    .fw-720 {width:720px;}
    .fw-900 {width:900px;}
    .fw-960 {width:960px;}
    .fw-1048 {max-width:1048px;}
}
@media only screen and (min-width: 991px) {
    .fw-340 {width:340px;}
    .fw-550 {width:550px;}
    .fw-860 {width:860px;}
    .fw-900 {width:900px;}
    .fw-960 {width:960px;}
    .fw-520 {width:520px;}
    .fml-38 {margin-left:38%;}
    .fml-440 {margin-left:440px;}
    .fml-560 {margin-left:640px;}
    .fw-600 {width:600px;}
    .fw-640 {width:640px;}
    .fwl-650 {width:650px;}
}
@media only screen and (min-width: 768px) {
    .fw-900 {width:900px;}
    .fw-560 {width:560px;}
    .fw-650 {width:650px;}
    .fw-640 {width:640px;}
    .fml-6 {margin-left:6%;}
    .fml-42 {margin-left:42%;}
    .fml-46 {margin-left:46%;}
    .fms-22px {margin-left:22px;}
    .fme-22px {margin-right:22px;}
    .mw-260 {min-width:260px;}
}
@media only screen and (max-width: 767px) {
    a.cf-button .button-text {margin-left:10px; position:absolute; padding-right:15px; top:11px;}
    .fw-900 {width:auto;}
    .fw-sm-400 {width:400px;}
}
@media only screen and (max-width: 991px) {
    .fw-900 {width:auto;}
}

.fw-320 {width:320px;}
.fw-350 {width:350px;}
.fw-400 {width:400px;}
.fw-250 {width:250px;}
.fh-275 {height:275px;}
.mw-250 {min-width:250px;}
.max-340 {max-width:340px !important;}
.max-450 {max-width:450px;}
.max-580 {max-width:580px;}
.max-1200 {max-width:1200px;}
.spacer {width:100%;}

.ml-5 {margin-left:5px;}
.mr-5 {margin-right:5px;}
.mr-15 {margin-right:15px;}
.ml-20 {margin-left:20px;}
.mr-20 {margin-right:20px;}

.mn-30 {margin-top:-30px;}
.mt-20 {margin-top:20px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mt-60 {margin-top:60px;}
.mb-60 {margin-bottom:60px;}
.mt-90 {margin-top:90px;}
.mb-90 {margin-bottom:90px;}
.mb-180 {margin-bottom:180px;}
.mx-49 {margin-left:49px; margin-right:49px;}
.mt-260 {margin-top:260px;}

.pl-10 {padding-left:10px;}
.pr-10 {padding-right:10px;}
.pl-15 {padding-left:15px;}
.pr-15 {padding-right:15px;}
.pl-20 {padding-left:20px;}
.pr-20 {padding-right:20px;}
.pl-30 {padding-left:30px;}
.pr-30 {padding-right:30px;}
.pl-50 {padding-left:50px;}
.pr-50 {padding-right:50px;}
.pr-100 {padding-right:100px;}

.pt-10 {padding-top:10px;}
.pb-10 {padding-bottom:10px;}
.pt-15 {padding-top:15px;}
.pb-15 {padding-bottom:15px;}
.pt-20 {padding-top:20px;}
.pb-20 {padding-bottom:20px;}
.pt-30 {padding-top:30px;}
.pb-30 {padding-bottom:30px;}
.pt-40 {padding-top:40px !important;}
.pb-40 {padding-bottom:40px;}
.pt-46 {padding-top:46px;}
.pb-46 {padding-bottom:46px;}
.pb-50 {padding-bottom:50px;}
.pt-60 {padding-top:60px;}
.pb-60 {padding-bottom:60px !important;}
.pt-65 {padding-top:65px;}
.pb-65 {padding-bottom:65px;}
.pt-70 {padding-top:70px !important;}
.pb-70 {padding-bottom:70px !important;}
.pt-90 {padding-top:90px !important;}
.pb-90 {padding-bottom:90px !important;}
.pt-120 {padding-top:120px !important;}
.pb-120 {padding-bottom:120px !important;}
.pt-300 {padding-top:300px !important;}
.pb-300 {padding-bottom:300px !important;}
.py-30 {padding-top:30px; padding-bottom:30px;}
.px-40 {padding-left:40px; padding-right:40px;}
.px-30 {padding-left:30px; padding-right:30px;}
.p-60 {padding:60px;}

.mb-46 {margin-bottom:46px;}

.h-90 {height:90px;}

.br-20 {border-radius:20px !important;}
.br-t-20 {border-radius:20px 20px 0px 0px !important;}

@media only screen and (min-width: 767px) {
    .py-lg-140 {padding-top:140px !important; padding-bottom:140px !important;}
    
}

.h-350 {height:350px;}
.h-550 {height:550px;}
.fh-55 {height:55px;}

@media only screen and (max-width: 767px) {
    .pl-sm-0 {padding-left:0px;}
    .pb-sm-360 {padding-bottom:360px;}
    .p-sm-20 {padding:20px;}
    .p-sm-25 {padding:25px;}
    .p-sm-30 {padding:30px;}
    .mt-sm-0 {margin-top:0px;}
}

@media only screen and (max-width: 575px) {
    .mb-sm-20 {margin-bottom:20px;}
    .mb-sm-30 {margin-bottom:30px;}
    .h-sm-320 {height:320px;}
    .pt-sm-30 {padding-top:30px;}
    .pr-sm-0 {padding-right:0px;}
    .pt-sm-none {padding-top:0px;}
    .pb-sm-none {padding-bottom:0px;}
    .pb-sm-30 {padding-bottom:30px;}
    .pb-sm-60 {padding-bottom:60px;}
    .pb-sm-90 {padding-bottom:90px;}
    .mb-sm-36 {margin-bottom:36px;}
    .h-sm-400 {height:400px;}
}

.fs-14 {font-size:14px !important;}
.fs-20 {font-size:20px !important;}
.fs-28 {font-size:28px !important;}
.fs-35 {font-size:35px !important;}
.fs-36 {font-size:36px !important;}
.fs-40 {font-size:40px !important;}

@media only screen and (max-width: 991px) {
    .mb-sm-180 {margin-bottom:180px;}
    .fw-sm-full {width:100%;}
    .fs-sm-35 {font-size:35px !important;}
    .pr-sm-0 {padding-right:0px !important;}
}

.height-auto {height:auto !important;}

@media only screen and (max-width: 575px) {
    .keep-up-to-date {/*margin-top:40px;*/}
}
.keep-up-to-date .form-control {font-family:'essential_sans'; border:1px solid #ffffff; color:#ffffff; border-radius:0px; background-color: #eb609e; font-size:15px; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius:20px;}

.keep-up-to-date-small {}
.keep-up-to-date-small .form-control {border:1px solid #ffffff; color:#ffffff; border-radius:0px; background-color: #eb609e; font-size:12px; width:420px; }

.btn-kutd {background-color:#2d65af; border-color:#2d65af; background-image:none; box-shadow: none; border-radius: 0px 20px 20px 0px !important; padding-top:8px; padding-bottom:8px;}

@media only screen and (max-width: 991px) {
    .keep-up-to-date {padding-top:60px;}
    .keep-up-to-date .form-control {width:100%;}
    .keep-up-to-date-small .form-control {width:100%;}
    .kutd-image {margin-top:-100px; margin-left:30px;}
    .kutd-icon-mobile-left {position:absolute; left:50%; margin-left:-150px; top:-40px; width:95px;}
    .btn-kutd {padding-left:12px !important; padding-right:12px !important;}
}



input.ph-white::placeholder { color:white !important; opacity:1;}

.modal-header {border-bottom:none; padding:10px;}
.modal-header .btn-close {padding:0; margin:0; height:12px; width:12px;}

footer {
    position:relative;
    z-index:5;
    background-color:#2d65af !important;
    color:#ffffff;
}
footer p {font-size:15px; color:#ffffff;}
footer a {color:#ffffff; text-decoration:underline;}

.hectogon {clip-path: polygon(27% 2%, 32% 3%, 37% 4%, 42% 5%, 45% 6%, 48% 6%, 51% 8%, 54% 9%, 56% 10%, 59% 11%, 62% 12%, 64% 13%, 67% 15%, 70% 16%, 72% 17%, 74% 19%, 77% 20%, 79% 22%, 82% 24%, 84% 26%, 86% 27%, 87% 29%, 90% 31%, 91% 33%, 92% 35%, 94% 37%, 95% 39%, 96% 41%, 97% 43%, 97% 45%, 97% 47%, 98% 49%, 98% 51%, 98% 53%, 98% 55%, 97% 57%, 97% 59%, 97% 61%, 96% 63%, 96% 65%, 95% 67%, 94% 69%, 93% 71%, 92% 73%, 91% 75%, 89% 77%, 87% 79%, 86% 81%, 84% 83%, 82% 85%, 79% 86%, 77% 88%, 75% 89%, 72% 91%, 69% 92%, 66% 93%, 63% 94%, 60% 95%, 56% 96%, 53% 96%, 50% 97%, 46% 97%, 43% 97%, 40% 97%, 36% 96%, 33% 96%, 29% 96%, 26% 95%, 22% 94%, 19% 93%, 16% 92%, 13% 91%, 11% 90%, 8% 89%, 6% 87%, 4% 85%, 2% 83%, 1% 81%, 0% 79%, 0% 77%, 1% 75%, 1% 73%, 3% 71%, 4% 69%, 5% 67%, 7% 65%, 9% 64%, 11% 62%, 13% 61%, 15% 59%, 17% 57%, 19% 55%, 20% 53%, 21% 50%, 21% 48%, 21% 45%, 20% 43%, 18% 41%, 16% 39%, 13% 38%, 11% 36%, 9% 34%, 8% 32%, 7% 30%, 6% 28%, 5% 26%, 5% 24%, 5% 22%, 5% 20%, 5% 18%, 5% 15%, 6% 13%, 8% 11%, 9% 9%, 11% 7%, 12% 6%, 14% 5%, 17% 4%, 20% 3%, 23% 3%);}

.form-subscribe-name {display:none;}

.grecaptcha-badge {display:none;}