.check-list ul li:before {
  content: '\2713';
  display: inline-block;
  color: red;
  padding: 0 6px 0 0;
}

.check-list ul li {
  list-style-type: none;
  font-size: 1em;
  margin-bottom:12px;
}
.payment-form{
	margin:-40px 0 0 0;

	position:relative;
}

.payment-form.dark{
	background-color: #047ea1;
	 border-radius:30px 0px;
	 padding:30px;
	 border-top:solid 3px #fff;
}

.payment-form .content{
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
	background-color: white;
}

.payment-form .block-heading{

    margin-bottom:20px;
    text-align: center;
	
}
.block-heading h2 {color:#fff !important;}
.payment-form .block-heading p{
	text-align: center;
	max-width: 420px;
	margin: auto;
	opacity:0.7;
}

.payment-form.dark .block-heading p{
	opacity:0.8;
}

.payment-form .block-heading h1,
.payment-form .block-heading h2,
.payment-form .block-heading h3 {
	margin-bottom:1.2rem;
	color: #3b99e0;
}

.payment-form form{
	border-top:10px solid #023748;

	background-color: #ffffff;
	padding: 0;
	max-width:800px;

	 border-radius:20px 0px;
}

.payment-form .title{
	font-size: 1em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 0.8em;
	font-weight: 600;
	padding-bottom: 8px;
}

.payment-form .products{
	background-color: #bce3ec;
    padding:10px 25px;
}

.payment-form .products .item{
	margin-bottom:0.5em;
}

.payment-form .products .item-name{
	font-weight:600;
	font-size: 0.9em;
}

.payment-form .products .item-description{
	font-size:0.8em;
	opacity:0.6;
}

.payment-form .products .item p{
	margin-bottom:0.2em;
}

.payment-form .products .price{
	float: right;
	font-weight: 600;
	font-size: 0.9em;
}

.payment-form .products .total{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	padding-top: 19px;
	font-weight: 600;
	line-height: 1;
}

.payment-form .card-details{
	padding: 25px 25px 15px;
}

 .card-details label{
	font-size: 15px;
	font-weight: 400;

	color: #333;
}

.form-check-label{
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 10x;
	color: #5b5b5b;
}

.payment-form .card-details button{
	margin-top: 0.6em;
	padding:12px 0;
	font-weight: 600;
}

.payment-form .date-separator{
 	margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}


.page ul {
    list-style-type: none;
    margin-left: 10px;
}

.page ul li {
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center;
	color:#333;
}

.page ul li::before {
    color: transparent;
    content: " ";
    margin-left: -1.3em;
    margin-right: 15px;
    padding: 10px;
    background-color:#D4AF37;
/*D4AF37, 16243d*/
}


.list1 ul li {
  list-style: none;
  font-size:1rem;
  color:#333;
display: flex;
  margin-bottom:5px;
  
}

.list1 ul li::before {
  content: '';
  height: 1em;
  width: 1em;
  background-image: url('../img/star.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 2px 0.5em -0.25em -1em;
}

.list2 ul li {
  list-style: none;
  font-size:1rem;
  color:#333;
display: flex;
  margin-bottom:5px;
  
}

.list2 ul li::before {
  content: '';

  height:1.5em;
  width:1.5em;
  background-image: url('../img/eye-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 5px 0.5em -0.25em -1em;
}

.list-map li{font-size:14px;
color:#333;
margin-bottom:0.5em;}

fieldset.scheduler-border {
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;

}

legend.scheduler-border1 {
    background-color: gray;
  color: white;
  padding:.8em;
  margin:-1.3em 0 0 0;
  width:auto;
  font-size:1.2em;
}

.home-ban {font-size:1.2rem;}
.home-btn {font-size:1rem; margin-left:8.5em;}
.home-box { box-shadow:
    inset 0 -3em 3em rgb(154 154 154 / 30%),
    0 0 0 2px white;
background:#fff;
}
.home-box2 { box-shadow:
    inset 0 -3em 3em rgb(154 154 154 / 30%),
    0 0 0 2px white;
background:#fff;
min-height:85vh;
}
.home-box1 { box-shadow:
    inset 0 -3em 3em rgb(154 154 154 / 30%),
    0 0 0 2px white;
background:#fff;
min-height:85vh;
padding:7em 0;
}

.foot-bx1 {height:250px;

}

.foot-bx {height:295px;
justify-content: flex-start;

  flex-direction: column;
   display: flex;
}
.foot-box-btn {
	justify-content: space-between;
	 justify-content: flex-end;
}

.join-box{
	 overflow-y: scroll;
  overflow-x: hidden; 
	height:30vh;
}
.one-hd h5 {
  text-align: center;
  text-transform: uppercase;
font-size:1em;
}
.one-hd h5:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  top:2.4em;
  left: 50%;
  margin-left: -14px;
  background-color: #D4AF37;
}
.one-hd h5:after {
  width:40%;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top:0.8em;
  left:37%;
  margin-left: -50px;
  background-color: #D4AF37;
}


.accordion-item {
  position: relative;
  padding:1rem 0;
  border-bottom:dotted 2px #bbb;
}

.accordion { 
  width: 100%;
  /*max-width: 75rem;*/
  margin: 0 auto;
  /*padding: 2rem;*/
  
  &__item {
    border-bottom: 1px solid #dce7eb;
  }

  &__title {
    padding: 15px 15px 15px 40px;
    display: block;
    position: relative;
    font-weight: 400;

    &:before {
      font-family: FontAwesome;
      content: "\f055";
      font-size: 20px;
      position: absolute;
      left: 15px;
      top: 12px;
      color: #44BBA4;
    }
    
    h5 {
      border-bottom: 1px solid #fefffa;
      display:inline-block;
    }

    &:hover,
    &:focus {
      cursor: pointer;
      outline: none;
      h5 {
        border-bottom-color: #a8bdc4;
        display:inline-block;
      }
    }

    .is-expanded & {
      &:before {
        content: "\f056";
      }

    }
  }

    &__content-inner {
        padding: 0 40px 10px 40px;
    }

  &__content {
    transition: height 0.3s ease-out;
    height: 0;
    overflow: hidden;
  }
}



.new ul {
  counter-reset: index;  
  padding: 0;

}

/* List element */
.new li {
  counter-increment: index; 
  /*display: flex;*/
  align-items: center;
  padding:2px 0;
  box-sizing: border-box;
  color:#000;
  list-style:none;
}



/* Element counter */
.new li::before {
  content: counters(index, ".", decimal-leading-zero);
  font-size: 1.1rem;
  text-align: right;
  font-weight: bold;
  min-width: 50px;
  padding-right: 12px;
  font-variant-numeric: tabular-nums;
  align-self: flex-start;
 color:#D4AF37;
}


/* Element separation */
.new li + li {
  border-top: 1px solid rgba(255,255,255,0.2);
}
@use postcss-preset-env {
  stage: 0;
  autoprefixer: {
    grid: true;
  }
  browsers: last 2 versions
}


.pricing4 {

  color: #8d97ad;
  font-weight: 300;
}

.pricing4 h1,
.pricing4 h2,
.pricing4 h3,
.pricing4 h4,
.pricing4 h5,
.pricing4 h6 {
  color: #3e4555;
}

.pricing4 .font-weight-medium {
  font-weight: 500;
}

.pricing4 .bg-light {
  background-color: #f4f8fa !important;
}

.pricing4 .subtitle {
  color: #8d97ad;
  line-height: 24px;
}

.pricing4 .font-14 {
  font-size: 14px;
}

.pricing4 .font-13 {
  font-size: 13px;
}

.pricing4 .card.card-shadow {
  -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.pricing4 .text-success {
  color: #2cdd9b !important;
}

.pricing4 .price small {
  color: #8d97ad;
  font-size: 16px;
}

.pricing4 h5 {
    line-height: 22px;
    font-size: 18px;
}

.pricing4 .btn-danger-gradiant {
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

 .pricing4 .btn-danger-gradiant:hover {
  background: #ff6a5b;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
  background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
  background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}

.pricing4 .btn-md {
    padding: 10px 25px;
    font-size: 16px;
}
.green ul {
  display: table-row;
  list-style: none;
}

.green li {
  display: table-row;
  color: #000;
}
  
.green li::before {
  display: table-cell;
  text-align: right;
   font-family: "Font Awesome 5 Free";
   content: "\f14a";
  font-size: 1em;
  font-weight: bold;
  color: green;
  padding-right: 12px;
}
@media (min-width: 576px) {
	.payment-form .title {
		font-size: 1.2em; 
	}

	.payment-form .products {
		padding:20px 40px; 
  	}

	.payment-form .products .item-name {
		font-size: 1em; 
	}

	.payment-form .products .price {
    	font-size: 1em; 
	}

  	.payment-form .card-details {
    	padding: 40px 40px 30px; 
    }

  	.payment-form .card-details button {
    	margin-top: 2em; 
    } 

	
}



#hover-img .card:hover img 
{
transform: scale(1.2); 
transition: .3s ease-in-out;
}


.heading {
  display: block;
  text-align: center;
}

/* Container for the entire carousel */
.multi-carousel-container {
  cursor: grab;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

/* Cursor styles for dragging */
.multi-carousel-container.dragging,
#multiCarousel.dragging {
  cursor: grabbing;
}

/* Wrapper for all slides */
.multi-carousel-inner {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Individual slide */
.multi-carousel-item,
.clone {
  box-sizing: border-box;
  flex: 0 0 33.333333%;
  padding: 5px;
  position: relative; /* Essential for item-number positioning */
  margin-top:1em;
}

/* Control buttons */
.multi-carousel-control-prev,
.multi-carousel-control-next {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  width: 40px;
  z-index: 10;
}

.multi-carousel-control-prev:hover,
.multi-carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.multi-carousel-control-prev {
  left: 10px;
}

.multi-carousel-control-next {
  right: 10px;
}

/* Image container with dynamic height */
.img-container {
  border-radius: 1.5rem;
  height: var(--carousel-height, 80vh);
  overflow: hidden;
  position: relative;
}

/* Image styling */
.img-container img,
#carouselInner img {
  height:auto;
  object-fit: cover;
  object-position: top;
  pointer-events: none;
  user-drag: none;
  width: 100%;
  -webkit-user-drag: none;
  transition: transform 0.3s ease;
}

.img-container:hover img {
  transform: translateZ(0) scale(1.02);
}

/* Item number styling - guaranteed visibility */
.item-number {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  display: inline-flex;
  font-size: 120%;
  font-weight: bold;
  height: 35px;
  justify-content: center;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 35px;
  z-index: 2; /* Higher than default but below controls */
  /* Isolation prevents z-index context issues */
  isolation: isolate;
}

/* Carousel cursor styling */
#multiCarousel {
  cursor: grab;
  touch-action: pan-y;
}

/* Disable text selection during drag */
#multiCarousel.dragging {
  user-select: none;
  -webkit-user-select: none;
}

/* Responsive adjustments for screens smaller than 720px (45em) */
@media (max-width: 45em) {
  .multi-carousel-item,
  .clone {
    flex: 0 0 100%;
  }