.trip-plan{
    border: 1px solid grey;
    border-radius: 5%;
    /* padding:3rem; */
}


.trip-section{
margin:6rem;
}

.trip-plan-text{
    padding:0px 30px;
}
.trip-plan-text h2{
    color:#313041;
}
.trip-plan-text p{
    line-height: 30px;
    font-size: 16px;
    margin-bottom:12px;
}
.trip-plan-text .fa-check-circle {
    color:#1178ba;
    font-size: 16px;
 }

 li{
    list-style: none;
 }
 ul{
    padding: 0;
 }
 li span{
    margin-left:8px;
    color:#133041;
    font-weight: 700;
 }
 .trip-plan-text li {
    margin-bottom: 16px;
 }

 .trip-plan-text button{
    padding:12px 32px;
 }

 .hajj_banner {
    background: url(../images/content/mina-tents-hajj-2024-1675x1256.webp) center top no-repeat;
    background-size: cover;
    height:30rem;
}

.pointer{
  cursor: pointer;

}


 .slider-thumb::before {
   content: "";
   width: 450px;
   height: 450px;
   background: url(../images/house-of-allah-mecca-mosque-muslim.jpg);
   background-size: 100% 160%;
  background-repeat: no-repeat;
  background-position: center;
   object-fit: contain;
   border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
   will-change: border-radius, transform, opacity;
   animation: sliderShape 5s linear infinite;
   display: block;
   -webkit-animation: sliderShape 5s linear infinite;
 }

 @media (max-width: 500px) {
  .slider-thumb::before{
    width: 390px;
    height: 450px;
  }
 }
 @keyframes sliderShape{
   0%,100%{
   border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
     transform: translate3d(0,0,0) rotateZ(0.01deg);
   }
   34%{
       border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
     transform:  translate3d(0,5px,0) rotateZ(0.01deg);
   }
   50%{
     transform: translate3d(0,0,0) rotateZ(0.01deg);
   }
   67%{
     border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
     transform: translate3d(0,-3px,0) rotateZ(0.01deg);
   }
 }

 .best-title{
  font-size: 30px !important;
  font-weight: 700 !important;
  color:#fff !important;
 }

 .overlay{
  background: rgba(0, 0, 0, 0.066);
 }

/* .container {
  overflow: hidden; */
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .fab {
        width: calc(100% / 8);
        animation: fade-in 0.5s
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
/* } */

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Parallax Section */
.parallax-section {
  position: relative;
  background-size: cover;
  background-attachment: fixed; /* Creates the parallax effect */
  background-position: center;
  color: white;
  padding: 100px 0;
  text-align: center;
}

.parallax-section .heading-video {
  position: relative;
  z-index: 10;
}

.parallax-section .video-link {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  background-color: #104082;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
}

.parallax-section .sub-title {
  font-size: 16px;
  font-style: italic;
}

.parallax-section h2 {
  font-size: 2.5rem;
  color: white !important;
}

.parallax-section .title-desc {
  font-size: 1.2rem;
  margin-top: 20px;
}

.icon-boxes .icon-box {
  background: #fff;
  padding: 20px;
  margin: 10px 0;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.icon-boxes .icon-box i {
  font-size: 40px;
  color: #333;
}

.icon-boxes .icon-box h3 {
  font-size: 1.5rem;
  margin-top: 15px;
}
.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

img.partner-box{
  width: 20rem !important;
    height: 20rem !important;
    /* border: 1px solid black !important; */
    padding: 8px !important;
}