.bigTitle {
   line-height: 0.9;
  font-size: 4vw;
  font-weight:300 !important
}
@media (min-width: 425px) {
  .bigTitle {
    font-size: 4vw;
	line-height: 1.2;
	font-weight:300;
  }
}
@media (min-width: 1024px) {
  .bigTitle {
    font-size: 2.7vw;
	font-weight:300;
	line-height: 1.2
  }
}
.orangeIcon {
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  background-color: #f7970e;
  display: inline-block;
  margin-left: 5px;
}
@media (min-width: 768px) {
.orangeIcon {
    width: 13px;
    height: 13px;
  }
}
@media (min-width: 1440px) {
.orangeIcon {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 1024px) {
  .arrow-button {
    font-size: 20px;
  }
  .arrow-button svg {
    width: 62px;
  }
  .arrow-button:hover {
    padding-left: 20px;
  }
  .arrow-button:hover svg circle {
    fill: #8c97d0;
  }
}
@media (min-width: 1440px) {
  .arrow-button {
    font-size: 15px;
  }
  .arrow-button svg {
    width: 60px;
  }
}
@media (min-width: 1920px) {
  .arrow-button {
    font-size: 18px;
  }
  .arrow-button svg {
    width: 70px;
  }
}

.home-showcase {
   background-color:#f2f3fa
}

  
  .scrollSliderButton { font-size: 0.867rem !important}
  
.scrollSliderButton .form-control {
    font-weight: 400 !important;
    font-family: "Mulish", serif;
    font-size: 0.867rem;
    font-weight: 500;
    color: #000;
}
.scrollSliderButton .form-check {font-size: 0.867rem !;}
.scrollSliderButton .fs-6{ font-size: 0.867rem !important;}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 0.867rem !important;
    font-family: "Mulish", serif;
}
.contact-wrapper p { font-size: 0.967rem !important; font-weight:400}
.success-wrapper p { font-size: 0.967rem !important; font-weight:400}
.p-20 { font-size: 0.967rem !important; font-weight:400}
.strip-seven h1{ font-size: 1.2rem !important; font-weight:400}
.strip-seven .accordion-button{ font-size: 0.967rem !important; font-weight:400}
.strip-seven .accordion-body { font-size: 0.967rem !important; font-weight:400}
}
.profile-img-con img {
  height: 100% !important;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  border-radius: 20px 0px 0px 20px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 10%;
  object-position: 50% 10%; 
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: rgb(255, 255, 255);
  background: linear-gradient(to right, #eeeeee 10%, #ecebeb 18%, #f3f3f3 33%);
  background-size: 800px 104px;
}
@keyframes placeHolderShimmer{
  0%{
      background-position: -468px 0
  }
  100%{
      background-position: 468px 0
  }
}

@media (max-width: 480px) {


          .profile-img-con img {
           
            border-radius: 20px 20px 0px 0px !important;
            
          }
          .profile h3 {color: var(--h_heading_clr); text-transform: capitalize;
            margin-bottom: 2px !important; font-size: 1.3rem; font-weight: 600 !important;}
            .profile h4 {font-size: 0.90rem; color: var(--p_clr); margin-bottom: 0px;}
            .profile p {font-size: 0.900rem !important; color: var(--p_clr); margin-bottom: 5px; font-weight: 400;}
}
#ss-03,
#ss-03 .swiper-wrapper,
#ss-03 .swiper-slide {
  height: auto !important;
}

#ss-03 .swiper-slide {
  display: flex !important;
  align-items: stretch !important;
}

#ss-03 .swiper-slide > div {
  width: 100%;
}

.home-combo {
   position: relative;
  background-color:#f2f3fa

}
.m-stt{border-radius: 20px 20px 0px 0px; overflow:hidden}
.m-community-img {
    min-height: 260px;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
   
}

  .tab-button.active {
      color: #8e2157; 
    border-color: #8e2157; 
    font-weight: 500;
  }
 .strip-six {
    background: #0b0042;
    background-image: url(../images/bg-bis.svg), linear-gradient(225deg, hsl(250, 100%, 13%) 0%, hsl(313, 100%, 19%) 56%, hsl(313, 100%, 19%) 100%);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 55px;
    border-radius: 16px;
    width: 100%;
    border: none;
} 
#hero {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 0px !important;
        background: #fdf2fa;
        border: 1px solid #f1f1f1;
    }
        .accordion-body-content {
            max-height: 0;
            overflow: hidden;
            padding-top: 0;
            padding-bottom: 0;
            transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
        }

        .accordion-item.active .accordion-body-content {
            max-height: 500px; 
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .accordion-button .plus-icon {
            font-size: 30px;
            font-weight: 300;
            line-height: 1;
            width: 30px; 
            text-align: center;
            transition: transform 0.3s ease;
            color: #4B5563; 
        }
        .accordion-item.active .accordion-button .plus-icon {
            transform: rotate(90deg);
        }
 @keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-80px);
  }
}

.animate-slideInLeft {
  animation: slideInLeft 1s ease-out forwards;
}

.animate-slideOutLeft {
  animation: slideOutLeft 1s ease-in forwards;
}       

.ginger {
    max-height: 300px; /* Adjust the max height as needed */
    overflow-y: auto;
}

/* Slim Scrollbar */
.ginger::-webkit-scrollbar {
    width: 4px; /* Slimmer width of the scrollbar */
}

/* Thumb (the draggable part of the scrollbar) */
.ginger::-webkit-scrollbar-thumb {
    background-color: #8e2157; /* Scrollbar thumb color */
    border-radius: 10px; /* Rounded corners */
}

/* Track (the background of the scrollbar) */
.ginger::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light background color */
    border-radius: 10px; /* Rounded corners */
}


.ginger::-webkit-scrollbar-thumb:hover {
    background-color: #701945; 
}
 .slim-scrollbar::-webkit-scrollbar {
            height: 1px; 
        }

        .slim-scrollbar::-webkit-scrollbar-thumb {
            background-color: #9ca3af; 
            border-radius: 1px;
        }

          .slim-scrollbar::-webkit-scrollbar-track {
            background-color: #e5e7eb; 
        }
        
        .slim-scrollbar {
            scrollbar-width: thin; 
            scrollbar-color: #9ca3af #fff; 
        }
.home-showcase {
    background-color: #f2f3fa;
}
#bisCommunitySlider::-webkit-scrollbar {
        display: none;
    }

    #bisCommunitySlider {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
  #bis-main {transition:transform .3s ease}