@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-size:12px;
--bs-btn-active-border-color:#9D9D9C;
}



.swiper-pagination {
    position:relative!important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
}

.swiper-button-next:after, .swiper-button-prev:after { color:#EE79A0}


body { font-display: swap; font-family: "Josefin Sans", sans-serif; margin-bottom:0px; font-size:22px; font-weight:300; padding-bottom:0px;  background-color:#F6F6F6; color:#575756}

.h100, .carousel-item-100{ height:auto; min-height:calc(100vh)!important}
.h90, .carousel-item-90{  height:auto; min-height:calc(90vh)!important}
.h80, .carousel-item-80{  height:auto; min-height:calc(80vh)!important}
.h70, .carousel-item-70{  height:auto; min-height:calc(70vh)!important}
.h60, .carousel-item-60{  height:auto; min-height:calc(60vh)!important}
.h50, .carousel-item-50{  height:auto; min-height:calc(50vh)!important}

.container {  max-width: 1600px !important; }

.ticker-text {    display: none; position: relative;    margin-left: 100vw; /* Start off-screen */}


:root {
--swiper-pagination-color:#EE79A0;
--swiper-pagination-bullet-inactive-opacity: 10;
--swiper-pagination-bullet-inactive-color:#9D9D9C; 
--swiper-pagination-bullet-inactive-size:10px; 
--swiper-pagination-bottom:0px;
    z-index: 10;
}



.h-auto {height: auto!important;}
.h-a {height: auto;}
.h40, .carousel-item-40{  height:auto; min-height:calc(40vh)!important}
.h30, .carousel-item-30{  height:auto; min-height:calc(30vh)!important}
.h20, .carousel-item-20{  height:auto; min-height:calc(20vh)!important}
.h10, .carousel-item-10{  height:auto; min-height:calc(10vh)!important}
.ch-auto {    height: 100% !important;}

.h-90 {height:90vh!important}
.h-80 {height:80vh!important}
.h-70 {height:70vh!important}
.h-60 {height:60vh!important}
.h-50 {height:50vh!important}
.h-40 {height:40vh!important}
.h-30 {height:30vh!important}
.h-20 {height:20vh!important}
.h-10 {height:10vh!important}

.center-text {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 100vh; /* Full viewport height for vertical centering */
    text-align: center; /* Ensures multi-line text is centered */
}

.grecaptcha-badge {    display: none;}

a { text-decoration:none; color:#575756}
a:hover { text-decoration:underline; color:#575756}
.relative { position:relative;}
.insidescroll {    overflow-x: auto;    white-space: nowrap;    -webkit-overflow-scrolling: touch;}

.Playfair {font-family: "Playfair Display", serif;}
.Josefin {font-family: "Josefin Sans", sans-serif;}
.smaller-text {font-size:smaller;}
.medium-text{font-size:medium;}
.text-small, .small-text{font-size: small;}
.text-xlarge {font-size: clamp(0.9rem, -1.0rem + 4.8vw, 1.8rem);}
.text-xlarge-uc {font-size: x-large;text-transform: uppercase;}
.text-xxlarge-b {font-size: xx-large; font-weight: bold;}
.text-xxlarge-b-uc {font-size: xx-large; font-weight: bold; text-transform: uppercase;}

.team-title {font-family: "Playfair Display", serif; font-size: clamp(1.5rem, -1.5rem + 5vw, 2rem); font-weight:600;margin-bottom: 20px;}
.title { font-family: "Josefin Sans", sans-serif;    font-size: 20px; font-weight:400;}
.title-text {font-family: "Playfair Display", serif; margin-bottom:20px; font-size:40px;margin-bottom: 20px;}
.main-title {font-family: "Playfair Display", serif; font-size: clamp(2rem, -1.5rem + 6vw, 3rem); font-weight:600;margin-bottom: 20px;}
.sub-title {font-family: "Playfair Display", serif; font-size: clamp(1.5rem, -1.0rem + 5vw, 2rem); margin-bottom: 20px;}

.alt-title { font-family: "Josefin Sans", sans-serif; font-size: 22px; margin-bottom: 20px;}
.alt-title-text {font-family: "Josefin Sans", sans-serif; margin-bottom:20px; font-size:40px; margin-bottom: 20px;}
.alt-main-title {font-family: "Josefin Sans", sans-serif; font-size: clamp(2rem, -1.5rem + 6vw, 3rem); font-weight:600;margin-bottom: 20px;}
.alt-sub-title {font-family: "Josefin Sans", sans-serif; font-size: clamp(1rem, -1.0rem + 5vw, 2rem);margin-bottom: 10px;}




h1 {font-family: "Playfair Display", serif; font-size: clamp(2rem, -1.5rem + 6vw, 3rem); font-weight:600;margin-bottom: 50px;}
h2 {font-family: "Playfair Display", serif; font-size: clamp(1rem, -1.0rem + 5vw, 2rem); margin:20px 0px 20px 0px;}
h3,h4,h5 {font-family: "Playfair Display", serif;  margin-bottom: 30px;}



.logo { max-height:140px;}
ul.menu{   padding: 0; margin: 0px 0px 17px 0px;  list-style: none;   display: table;     text-align: center;}
li.menu {   display:inline-block ; position: relative;   padding: 0px 15px; margin:0px;}

ul.smenu{    padding: 0px; margin:0px!important;   list-style: none;       text-align: center; }
li.smenu {   display:inline-block ; position: relative;   padding: 0px!important; margin:0px!important;}



a.menu-link { font-size:14px!important; text-decoration:none; color:#575756;  width:auto; position:relative; text-transform:uppercase; }
a.menu-link:after {   
background: none repeat scroll 0 0 transparent;
  bottom: 3;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #EE79A0;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.dropdown-menu { top:29px!important; border:0px; text-transform:uppercase; background-color:#F6F6F6;--bs-dropdown-border-radius: 0rem;white-space: nowrap;}
.droplink{ font-size:16px!important; font-weight:normal!important; color:#575756; display:block; width: 100%;   margin:5px 0px;    padding: 10px 20px; text-align:center; font-weight: 300 !important;}
.nav-link { text-align:center;     text-transform: uppercase;}
.offcanvaslink { display:block; padding:5px; text-align:left;     text-transform: uppercase; font-size:16px!important;}


.dropdown-toggle::after {
    color: #EE79A0!important;
    display: inline-block;
    margin-left:10px;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

ul.offcanvasmenu  {
  list-style: none!important;
  margin:0px;
  padding:0px;
}
.offcanvaslink:hover { text-decoration:none!important; color: #EE79A0!important; }
a.menu-link:hover:after {   width: 100%;   left: 0%; }
.p-5 {    padding: 4rem !important;}
#display-text img {    width: 100% !important;    height: auto !important;}
.img {    width: 100% !important;    height: auto !important;}
.white-container { background-color:#FFFFFF;  }
.icon-head { font-size:16px; font-family: "Playfair Display", serif; margin-bottom:10px;}
.gold {color:#C7AC79;}
.dark-pink {  color: #EE799F;}
.pink {  color: #F4AABD;}
.bg-white { background-color:#FFFFFF;}
.bg-gold { background-color:#C7AC79; color:#FFFFFF;}
.mid-grey {color:#9D9D9C;}
.bg-lg {background-color:#F6F6F6;}
.bg-grey { background-color:#ccc;}
.bg-mid-grey { background-color:#9D9D9C; color:#FFFFFF;}
.dark-pink {color:#EE79A0;}
.bg-dark-pink { background-color:#EE79A0;}
.bg-lb {background-color:#DAE4EA}
.p-50 { padding:50px}
.light-pink {color:#F4AABD;}
.bg-light-pink, .accordion-header{ background-color:#F4AABD;}
.bg-white { background-color:#FFFFFF;}

.pink-box { background-color:#FEF5FA;  padding:20px; border-top-left-radius: 30px!important;  border-bottom-right-radius: 30px!important; overflow:hidden;  border-bottom-left-radius: 30px!important;  border-top-right-radius: 30px!important; overflow:hidden; }
.pink-box a{ color:#EE79A0; font-size:14px; text-decoration:underline; }
.social { position:absolute; top:20px; left:33px;}
.social a { color:#EE79A0;}
.icon { background-color:#FFFFFF; border:#FF0000}
.icon-large:hover , .icon:hover{ background-color:#F6F6F6!important;}
.icon80 { max-width:80px;}
.mw-100px { max-width:100px;}
.mw-220px { width:100%; max-width:220px;}

.mw-520px { max-width:520px; width: 100%;}
.mh-520px { max-height:520px; height: 100%;}
.mw-450px { max-width:450px; width:100%;}
.minw-160 { min-width:160px;}
.minw-200 { min-width:200px;}
.minw-300 { min-width:300px;}
.w-260 { width:100%;width:260px;}
.col750 {    max-width: 650px !important;    margin: 0 auto;}
.bx-border-circle {  padding: .25em;    border: solid 1px #EE79A0!important;    border-radius: 50%;}
.bx-border-circle-pink {  padding: .25em;    border: solid 1px #EE79A0!important;    border-radius: 50%;}
.bx-border-circle-gold {  padding: .25em;    border: solid 1px #C7AC79!important;    border-radius: 50%;}

.carousel-caption { position:absolute; bottom:40px; left:0px; padding:0px 20px; ; margin:0px; text-align:left; text-transform:uppercase; font-size: calc(1.0em + 2.0vmin);}
.carousel-caption p { font-size:14px; line-height:16px; padding:0px; margin:0px;} 
.carousel-inner { background-color:#fff; }
.carousel {  position: reltive;  top: 0;  left: 0;}
.carousel-inner {  background-color: pink;  height: 100%;}
.carousel-item {  background-color: yellow;  opacity .5; }
a.carousel-control-next:link, a.carousel-control-prev:link {  background-color: transparent;  text-decoration: none;  opacity: .5; }
.carousel,.carousel-inner,.carousel-item {
  width: 100%;
   background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   
}

.text-area-over-image {
    text-align: center;
    background: #fff;
    position: absolute;
    left: 6%;
    top: 15%;
    padding: 60px 40px;
    max-width: 500px;
}
 
.text-area-over-image h3,p { margin-bottom:10px;}

.img-bg-scroll { background-attachment: scroll; -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
.img-bg-fixed  { background-attachment: fixed; -webkit-background-size: cover;  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;}

.ratio-cover {  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}  

.ratio-3x4 {
  /* For a width-to-height ratio of 3:4, we calculate:
     (height / width) * 100 = (4 / 3) * 100 ≈ 133.33%
  */
  --bs-aspect-ratio: 133.33%;
}


.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;

}


.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #080d15;
    opacity: .01;

}

.overlay_img {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01);
	
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff!important;
    text-align: center;
    text-shadow: 2px 2px 8px #000;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
	z-index:102;
}

.txt1 {display: none;}
.img-over:hover .title { opacity:0;}
.img-over .more  {  opacity: 100;   position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background: rgba(0, 0, 0, 0.2);  color: #fff;  transition: opacity 0.3s ease-in-out;}
.img-over:hover .more  {  opacity: 0; }
.img-over:hover .txt1{  display: block;   font-family: "Playfair Display", serif; font-size: 22px;  position:absolute; top: 0px; left:0px;  width:100%; height:100%}
.img-over:hover .more { display: block; /* Show on hover */}
.text {display: flex;text-align:center;  justify-content: center;  align-items: center; height:100%;}


.parallax-text ,.parallax-text p{ color: #ffffff!important;
    text-align: center;
  
    text-shadow: 2px 2px 8px #000;
	color:#ffffff!important;}
	
.white-shadow-text {
  	
    text-shadow: 2px 2px 8px #000;
	color:#ffffff!important;}	
	

.parallax-text2 ,.parallax-text2 p{ color: #ffffff!important;

  
    text-shadow: 2px 2px 8px #000;
	color:#ffffff!important;}	
	
.parallax-text2 a   {text-shadow:none!important;}	
.parallax-text a   {text-shadow:none!important;}
.overlay-text p   {color: #ffffff!important;}
.overlay-text a   {text-shadow:none!important;}
.copy_text { position:absolute; bottom:20px; left:20px; color:#FFF; text-shadow: 2px 2px 8px #000; font-size:12px;}
.banner-title-1 { font-size: clamp(12px, 4.5vw, 22px); }
.banner-title {font-weight:bold;  font-size: clamp(28px, 4.5vw, 52px); }
.banner-subtext {font-size: clamp(16px, 2.5vw, 26px); }


.footer { background-color:#fff;color:#575756;}
.footer a { text-decoration:none;  color:#575756; font-size:18px;}
.footer a:hover {color:#EE799F!important}
.foot-list-group, .foot-list-grou ul{ list-style:none; padding:0px 0px; margin-top: 20px; }
.foot-list-group-item  {list-style:none; margin:5px; padding:0px; text-transform:uppercase;}

.footer-logo { max-height:140px;}
.foot-list-group-item  a:hover{ text-transform:uppercase; text-decoration:none; color:#EDEEEE}
.footer-border-end { border-right: solid #7D7D7C 2px;}  @media (max-width: 991px)  { .footer-border-end {border: none !important;} }
.footer-border-bottom { border-bottom: solid #7D7D7C 2px;}
.fsb-logo { max-width:200px;}
.footer-smnall-text, .footer-smnall-text a { font-size:12px!important; text-decoration:none;}


.rounded-top {border-top-left-radius: 30px!important;  border-top-right-radius: 30px!important; overflow:hidden; }
.rounded-bottom {border-bottom-left-radius: 20px!important;border-bottom-right-radius: 20px!important;}
.card {border:none!important; --bs-card-bg: none; color:#575756!important}
.card-title  { color:#FFFFFF; font-family: "Josefin Sans", sans-serif; font-size: small;}
.card-title a {    text-decoration: none!important; color:#333!important}
a.card {text-decoration: none!important; }
.rc{border-radius: 40px; }

button {    font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; }
.btn { text-transform:uppercase;    padding: 10px 20px!important; margin:5px;}
.btn-grey {  border-radius:16px; color:#FFFFFF; background-color:#fff;  border:#9D9D9C solid 1px; padding:18px 8px!important}
.btn-gold {  border-radius:16px; color:#FFFFFF; background-color:#fff;  border:#C7AC79 solid 1px; padding:18px 8px!important}
.btn-pink {  border-radius:16px; color:#FFFFFF; background-color:#fff;  border:#F4AABD solid 1px; padding: 18px 8px!important }
.btn-black { border-radius:16px; color:#FFFFFF; background-color:#fff;  border:#000000 solid 1px; padding: 18px 8px!important }

.btn-grey-pill {  padding:10px 20px; border-radius:40px; color:#FFFFFF; background-color:#9D9D9C; border:#9D9D9C solid 1px;}
.btn-pink-pill {  padding:10px 20px; border-radius:40px; color:#FFFFFF; background-color:#F4AABD;  border:#F4AABD solid 1px; }
.btn-gold-pill {  padding:10px 20px; border-radius:40px; color:#FFFFFF; background-color:#C7AC79; border:#C7AC79 solid 1px;}
.btn-black-pill {  padding:10px 20px; border-radius:40px; color:#FFFFFF; background-color:#000000; border:#000000 solid 1px;}
.btn-greygold-pill {  padding:10px 20px; border-radius:40px; color:#575756; background-color:#F6F6F6; border:#C7AC79 solid 1px;}


.btn-pink-pill a { text-decoration:none; font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; color:#fff}
.btn-pink-pill a:hover {   background-color:#FFF!important; color:#F4AABD!important;}
.btn-pink-pill:hover {  border:#F4AABD solid 1px; color:#F4AABD!important; background-color:#FFF!important;}



.btn-gold-pill a { text-decoration:none; font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; color:#fff}
.btn-gold-pill a:hover {   background-color:#FFF!important; color:#C7AC79;}
.btn-gold-pill:hover {  color:#C7AC79; background-color:#fff; border:#C7AC79 solid 1px;}


.btn-grey-pill a { text-decoration:none; font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; color:#fff;}
.btn-grey-pill a:hover {   background-color:#FFF!important; color:#575756;}
.btn-grey-pill:hover {  border:#9D9D9C solid 1px; background-color:#FFF!important; color:#9D9D9C;}

.btn-black-pill a { text-decoration:none; font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: clamp(13px, 2vw, 16px);line-height: 1.2; padding: 8px 16px; color:#fff}
.btn-black-pill a:hover {   background-color:#FFF!important; color:#000000;}
.btn-black-pill:hover {  border:#000 solid 1px; background-color:#FFF!important; color:#000;}

 
.btn-pink-pill-inner {  padding:10px 34px; border-radius:16px; color:#FFFFFF; background-color:#F4AABD; border:#F4AABD solid 1px; }
.btn-grey-pill-inner {  padding:10px 34px; border-radius:16px; color:#FFFFFF; background-color:#9D9D9C; border:#9D9D9C solid 1px;}
.btn-gold-pill-inner {  padding:10px 34px; border-radius:16px; color:#FFFFFF; background-color:#C7AC79; border:#C7AC79 solid 1px;}
.btn-black-pill-inner {  padding:10px 34px; border-radius:16px; color:#FFFFFF; background-color:#000; border:#000 solid 1px; }

.btn-pink:hover {  border:#F4AABD solid 1px;}


.btn-pink-pill-inner:hover {   color:#F4AABD; background-color:#fff;  border:#fff solid 1px; }
.btn-black-pill-inner:hover {   color:#000; background-color:#fff;  border:#000 solid 1px; }
.btn-grey-pill-inner:hover { border:#9D9D9C solid 1px; background-color:#fff; color:#575756;}
.btn-gold-pill-inner:hover { border:#fff solid 1px; background-color:#fff; color:#C7AC79;}


@media (max-width: 576px) {  .btn {    font-size: 0.9rem; }}


.clear { height:100px; clear:both; background-color:#C7AC79;}
.bottom {
    position: absolute;
    bottom: 10px;
	left:0px;
    width: 100%;
    text-align: left;
}
.ribbon-wrapper {
   
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: -12px;
}
  .ribbon {
 	
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 3px 21px 0PX 14PX;
    top: 54px;
    left: -30px;
    width: 222px;
    background-color: #EE79A0;
    color: #fff;
    text-transform: uppercase;
  }

.ticker-container {
  background-color: #C7AC79;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.ticker-text {
  height: 150%;
  color: #fff;
  white-space:nowrap;
  display:inline-block;
  text-transform: uppercase;
  font-size:14px;
}

 
  .instagram-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .instagram-media div:first-child {
    display: none; /* Hides the header */
  }

  .instagram-item {
    width: calc(33.33% - 10px); /* Adjust for a 3x3 grid */
  }

.swiper-slide {height:auto!important;}
.swiper-container,  .swiper-container2 { width: 100%;overflow:hidden; }
		 
.custom-button-prev {
		position:absolute;
		top:50%;
		left:8px;
		padding:0px;
		background-color:none;
		z-index:1
		
        }
       .custom-button-next {
    	position:absolute;
		top:50%;
		right:8px;
		padding:0px;
		background-color:none;
		z-index:1
        }

.banner {
  min-height: 350px;
  background-position: center calc(50% - 0px);
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: 300;
  font-size: x-large;
}

.banner-text {
border-top-left-radius: 30px!important;  border-top-right-radius: 30px!important;
 
  margin: -100px 15% 0 15%;
  background-color:#F6F6F6;
  position: relative;
  z-index:199;

  
 
}
@media (max-width: 1300px) {  .banner-text  {  margin: -100px 10% 0 10%;  }}
@media (max-width: 1000px) {  .banner-text  {  margin: -100px 5% 0 5%;  }}
			
			
			
/* Container for the photo grid */
.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  padding: 10px;
}

/* Individual photo styling */
.instagram-box img , .instagram-box video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px; /* Optional: Rounded corners */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border:solid 1px #666666;
  background-color:#F6F6F6;
}

.bx-small {
    font-size: 2.0rem !important;
	
}

@media (max-width: 576px) {
  .bx-small  {
    font-size: 1.5rem!important; /* Adjust as needed */
  }
}
	
	.shadow {
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;		
	}
	.shadow:hover{box-shadow:none!important;}
	.read-now { position:absolute;     bottom: 2%;    right: 2%;    max-width: 28%; }


ul.star {
  list-style: none!important;
  padding-left: 0;
}

.star > li {
    background: url(/images/star.png) no-repeat left top;
    padding-left: 57px;
    line-height: 26px;
    margin-bottom: 12px;
    margin-top: 10px;
    line-height: 26px;
}


.video-section {
    position: relative;
    width: 100%;
    /*height: 40vh;  Set height to 40% of the viewport */
    overflow: hidden;
}

.video-section video {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fills the section */
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe {
	
    max-width: 100% !important;
    width: 100% !important;
    min-width: auto !important;border: none;
}


.youtube-container {
  position: relative;
  width: 100%;
  height: 100vh; /* Adjust as needed */
  overflow: hidden;
}

.youtube-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* Increase size so that the video covers the container */
  width: 120%;
  height: 120%;
  transform: translate(-50%, -50%);
}




.img-zoom {
    overflow: hidden;
    position: relative;
   }

.img-zoom img {
    position: absolute;
   animation: zoom 20s ease-in-out infinite alternate;



    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the container */
}

   @keyframes zoom {
       0% {
           transform: scale(1) translate(0, 0);
           transform-origin: center center;
       }
       100% {
           transform: scale(1.1) translate(-5%, -5%);
           transform-origin: center center;
       }
   }


.cimg {
    border-radius: 50%;
	 

}

.imgshadow {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}



  .w50md {
    width: 50%!important;
  }


.accordion-button { background-color:#F4AABD!important; color:#fff; margin-bottom:10px; font-size: 20px;  font-weight: bold;}
.accordion-button:not(.collapsed) {  color:#fff;}
.accordion-button:after  { 
  
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

:focus,
.focus-visible:focus:not(:focus-visible) {
  outline: 0;
  box-shadow:none;
}

.modal-header {
    
    border-bottom: none!important;
   
}


input[type="date"]::placeholder {
  color: #e1e1e1; /* Replace with your desired color */
  opacity: 1;     /* Ensures full visibility in Firefox */
}

.email {
  display: inline-block;
  vertical-align: middle; /* or top, depending on context */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;

}


.form-control-lg {
  
   font-size: 1rem;
  font-weight:300;	
}



.form-label { text-align:left!important; width:100%; padding:0px; margin:0px; font-size:14px; text-transform:uppercase;font-weight:400}


.form-control, .form-control-lg  {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight:300;	
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
	
	input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

.form-control:focus, .form-control-lg:focus {
 border: 1px solid #ccc;
  outline: none !important;
  box-shadow: none !important;
}


input[type="checkbox"] {
  accent-color: #F4AABD; /* or any green you'd like */
}
#text_area li { margin-bottom:20px;}
#text_area ul { margin:0px 20px; padding:0px;}
.pad2rem  {   padding: 2rem !important;}