.modular .stories_box_headline {margin-bottom:0px;}
.sfsiplus_footerLnk {display:none;}


.modular h2:not(.footerheader h2) {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
  display: inline-block;
}

.modular h2:not(.footerheader h2)::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;
  height: 4px;
  background-color: #7B204F;
}


.modular  h2.stories_box_headline {font-size:40px;}

.modular .image-stack {
  position: relative;
  height: 270px;   /* set to your main image size */
  width: 270px;  
	margin-top:140px;
}

.modular .image-stack img, .modular .image-stack video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/* Image C - offset */
.modular .image-stack .offset {
  width: 300px; 
  top: -140px;      /* move up */
  right: -140px;    /* move right */
  left: auto;      /* cancel left */
  z-index: 2;      /* sits above A, below B */
	 border-radius: 50%;
}

/* Image B - always on top */
.modular .image-stack .overlay {
  z-index: 3;
}
	
	
/* Image C - offset */
.modular .image-stack .offset video {
  width: 300px; 
  top: -140px;      /* move up */
  right: -140px;    /* move right */
  left: auto;      /* cancel left */
  z-index: 2;      /* sits above A, below B */
	 border-radius: 50%;
}

/* Image B - always on top */
.modular .image-stack .overlay {
  z-index: 3;
}
	
.modular .homepage_hero_box {	margin-top:140px;}
	
@media (max-width: 992px) {
.modular h2:not(.footerheader h2) {margin-top:30px;}

	
	.image-stack {margin-left:auto; margin-right:40%;}
}


	
@media (max-width: 556px) {

.modular .image-stack {
  position: relative;
  height: 200px;   /* set to your main image size */
  width: 200px;  
	margin-top:70px;
}

.modular .image-stack img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/* Image C - offset */
.modular .image-stack .offset, .modular .image-stack .offset video { 
  width: 230px; 
  top: -110px;      /* move up */
  right: -110px;    /* move right */
  left: auto;      /* cancel left */
  z-index: 2;      /* sits above A, below B */
	 border-radius: 50%;
}

/* Image B - always on top */
.modular .image-stack .overlay {
  z-index: 3;
}
.modular .homepage_hero_box {	margin-top:90px;}
}


/* news */


.modular  a .teasertext {
    text-decoration: none;
    color: #707070;
    transition: all 1s ease;   
}
.modular  .slick-slide .teasertext {
    font-family: "cocon", sans-serif;
    font-size: 20px;
	  color: #707070;
    font-weight: 500;  
	line-height:26px;
	display:inline-block; 
	min-height:75px;
	padding-top:2px;
}
.modular  .teasertextcaption {  
    font-size: 16px;  color: #707070;
   }
.modular .slick-slide  .newsicon {width:16px; height:auto; padding:0px; margin-right:4px; 	display:inline-block; margin-top:-2px;}

.modular  .latestnews.modular-news-scroller .slick-slide {
  height: auto !important;
}

.modular a .teasertext:hover {color: #BF1E74;}

.modular  .latestnews.modular-news-scroller .slick-slide > div {
  height: auto;
}
.modular-news-scroller .slick-dots {
  text-align: center;
  margin-top: 30px;
  position: static;
}
.modular-news-scroller .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.modular-news-scroller .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  font-size: 0;
}

.modular-news-scroller .slick-dots li.slick-active button {
  background-color: #7B204F;
}



.newsinfotext {margin-top:15px;}
.modular .newsdate {    font-size: 14px;
	  color: #707070;
    font-weight: 300;
width:50%; float:left;}
.modular .newscredit {    font-size: 14px;
	  color: #707070;
    font-weight: 300; width:50%; float:right;}

.modular .teaserimage {
    margin-bottom: 15px;
    width: 100%;
}

/* cerise boxes */




 .modular .mobile-slider {
  display: flex;
  flex-wrap: wrap; /* ensures cards share row height */
}

 .modular .custom-card-container {
  flex: 1 1 auto;
  display: flex;
}

 .modular .custom-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}


 .modular .mobile-slider .custom-card-container {
  margin: 0 10px; /* keeps a bit of spacing but not too much */
}


.modular .mobile-slider {
  position: relative; /* allows absolute positioning inside */
}
.modular .mobile-slider  .slick-prev,
.modular .mobile-slider  .slick-next {
position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 2;
  background: none;      /* removes bg */
  border: none;          /* removes border */
  color: white;          /* makes icon/text white */
  font-size: 32px;       /* bigger icon */
  padding: 0;
  line-height: 1;
  cursor: pointer;
}

.modular .mobile-slider .slick-prev {
  left: 20px; /* distance from left edge */
}

.modular .mobile-slider  .slick-next {
  right: 20px; /* distance from right edge */
}


/* Optional: change default Slick arrows to something cleaner */
.modular .mobile-slider .slick-prev:before,
.modular .mobile-slider .slick-next:before {
  font-size: 24px;
  color: white;
}




.modular .custom-card  .fas {color:black;}
.modular .custom-card  .icon-image img {height:30px; width:auto; margin-top:-20px; margin-right:20px;}
.modular .custom-card  h3.card-title {font-size:24px;}
.modular .custom-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensure all cards are equal height */
    background: white;
    border-radius: 8px;
    padding: 20px;
	background: rgba(191, 30, 116, 1);
	color:white;

}

.modular .custom-card-container {margin-bottom:20px;}

.modular .card-header {
    display: flex;
    align-items: center;
 
	background: rgba(191, 30, 116, 1);
	border-bottom:none;
}

.modular .icon-circle {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 18px;

}
.modular .card-body p {margin-bottom:0px;}
.modular .card-body {
    flex-grow: 1; /* Makes the text section expand */
	padding-bottom:0px; padding-top:0px;
}

.modular .card-footer {
    text-align: center;
	background: rgba(191, 30, 116, 1);
	border-top:none;
}

.modular .custom-button {
    display: inline-block;
    background: white;
    color: rgba(191, 30, 116, 1);
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: bold;
    border: 2px solid rgba(191, 30, 116, 1);
    transition: 0.3s;
	width:90%;
	max-width:300px;
	font-size:24px;
	border-radius:10px;
}

.modular .custom-button:hover {
    background: #e10786;
    color: white;
}

.modular #homepage_hero_box_wrapper {
	

    padding-bottom: 0px;

	
	
}
/* end cerise boxes */


/*  half-half-carousel  */

.modular .half-half-carousel-image {min-height:400px;}
.modular .half-half-carousel-text {padding-top:30px;}
.modular .half-half-carousel-text h2 {color: #414042;}

.modular a.cerisebutton {
		font-family: "cocon", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    background: rgba(191, 30, 116, 1) !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block !important;
margin-top:40px;}




/*  End half-half-carousel  */

.modular .join-banner {margin-bottom:50px;}
.modular  a.cerisebutton {
		font-family: "cocon", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    background: rgba(191, 30, 116, 1) !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block !important;
margin-top:40px;
transition: all 1s ease;}


.modular  a.greenbutton {
		font-family: "cocon", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    background: #96BC33 !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block !important;
margin-top:40px;
transition: all 1s ease;}






@media (max-width: 1350px) {
	
	#sfsi_floater {display:none;}	
}	
	
@media (max-width: 576px) {
.modular a.cerisebutton {
        font-size: 24px !important;
        padding: 8px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	
	
	.modular a.greenbutton {
        font-size: 24px !important;
        padding: 8px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	
	
	
	#sfsi_floater {display:none;}
	
	.modular h2 {font-family: "cocon", sans-serif;
        font-size: 26px !important;
        font-weight: 500;
        line-height: 100%;}
}


/* Make dots visible and below content */
.modularstories_box .slick-dots {
  text-align: center;
  margin-top: 30px;
  position: static;
}
.modularstories_box .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.modularstories_box .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  font-size: 0;
}

.modularstories_box .slick-dots li.slick-active button {
  background-color: #7B204F;
}




.modular .join-banner  .text_under_buttons {margin-top:20px; }
.modular .join-banner  .text_under_buttons p {font-weight:500 !important;}

.modular .homepage_news_box {margin-bottom:20px;}
.modular .homepage_news_box h2 {padding:0px;}

/* testimonials */

.homepage_testimonials_box_wrapper {}
.modular .testimonialsingleimage {margin-bottom:10px;}
.modular .testimonialsingleimage img {width:100%; border-radius:50%; height:auto; max-width:100px; margin:auto;}
.modular .testimonialsingle {text-align:center;}
.modular .testimonialsingle .testimonialsinglequotemark1 img {width:40px; height:auto; margin:auto;}
.modular .testimonialsinglequotemark1 {text-align:center;}
.modular .testimonialsingle .testimonialsinglequotemark2 img {
  width: 40px;
  height: auto;
  margin: auto;
  display: block;       /* ensures centering works */
  transform: rotate(180deg);
}
.modular .testimonialsinglequote {
font-family: "cocon", sans-serif;
font-size: 22px !important;
font-weight: 400;
line-height: 130%;
color:#777;
padding-bottom:10px;
}

.modular .testimonialsingleinfo {
font-size: 16px !important;
font-weight: 400;
line-height: 140%;
color:#777;
}


.modular .testimonialsingleinfo strong{
font-family: "cocon", sans-serif;
font-size: 16px !important;
font-weight: 300;
line-height: 140%;
color:#777;
}


.modular-testimonials-scroller .slick-dots {
  text-align: center;
  margin-top: 30px;
  position: static;
}
.modular-testimonials-scroller .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.modular-testimonials-scroller .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  font-size: 0;
}

.modular-testimonials-scroller .slick-dots li.slick-active button {
  background-color: #7B204F;
}







/*  overall  */

.modular h1 {margin-top:20px; margin-bottom:20px;}
 .modular p  { font-size: 20px;}




/*  end overall  */

/* contact */

.contact_three-cols p {margin-bottom:20px;}
.contacticons {text-align:center; }

.contact-icon-circle {
  width: 100px;
  height: 100px;
  background-color: #BF1E74;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-icon-circle img {
  max-width: 60%;
  max-height: 60%;
}
.contacticons {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Optional: add a fixed height if needed */
  padding: 20px; /* Or adjust as needed */
}

.contactFormAlert {background:#D4EDDA; padding:40px; color:#155724; }