body {
   overflow-x: hidden;
}
.spk-home-filter-shadow {
   box-shadow: 0px 25px 20px rgba(202, 45, 44, 0.15);
   border-radius: 10px;
}

.spk-home-babul {
   margin-top: -101px;
}

.package-bg-img {
   background-image: url("../media/home/package-bg-img.png");
   background-repeat: no-repeat;
   background-size: cover;
}

.slider-bg-img {
   background-image: url("../media/home/slider-bg-img.png");
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
}

.packages-margin-top-mul-heart {
   margin-top: -70px;
}

.packages-margin-top-single-heart {
   margin-top: -55px;
}

.spk-work-slider-box {
   width: 25rem !important;
}

.slick-prev {
   top: 50%;
   left: -3%;
   transform: translateY(-50%);
   background-image: url("../media/home/slider-back-button.svg") !important;
   background-repeat: no-repeat;
   background-position: center;
   background-color: transparent;
   width: 70px;
   height: 23px;
   z-index: 99999;
}

/* Move the next button to the right of the slider */
.slick-next {
   top: 50%;
   right: -4%;
   transform: translateY(-50%);
   width: 70px;
   height: 23px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: transparent;
   background-image: url("../media/home/slider-next-button.svg") !important;
}

/* Move the dots to the center of the slider */
.slick-dots {
   display: flex;
   justify-content: center;
   align-items: center;
   list-style: none;
   padding: 0;
   margin: 0;
   position: absolute;
   bottom: -15%;
   width: 100%;
}

/* Remove the default list styling */
.slick-dots li {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   background-color: rgba(202, 45, 44, 0.2);
   border-radius: 100%;
   margin: 8px;
}

/* Style the dot indicators */
.slick-dots li button {
   font-size: 0;
   line-height: 0;
   display: block;
   width: 10px;
   height: 10px;
   padding: 5px;
   border-radius: 50%;
   border: none;
   background-color: #bbb;
   cursor: pointer;
   /* opacity: 0.5; */
   transition: opacity 0.5s;
}

.slick-dots .slick-active {
   position: relative;
}

.slick-dots .slick-active button {
   background-color: #ca2d2c;
   color: #ca2d2c;
   position: relative;
}

#work .slick-dots .slick-active button::after {
   content: "";
   position: absolute;
   top: -6px;
   left: -6px;
   right: -6px;
   bottom: -6px;
   background-color: #ffffff;
   z-index: -1;
   border-radius: 100%;
   border: 2px solid #ca2d2c;
}

#stories .slick-dots .slick-active button::after {
   content: "";
   position: absolute;
   top: -6px;
   left: -6px;
   right: -6px;
   bottom: -6px;
   background-color: #ffffff;
   z-index: -1;
   border-radius: 100%;
   border: 2px solid #ca2d2c;
}

.card-width {
   width: 16.5em;
}


.spk-choose-reasons:hover {
   border-bottom: #ca2d2c 5px solid !important;
   cursor: pointer;
}
