.bg{
    background-color: #FFFDE7;
}
.bg-pr2{
    background-color: #2196F3;
}
.set{
    display: flex;
    align-items: center; 

}
.pr{
    color: #AF0061;
}

.book{
 background-color: #AF0061;  
 padding: 0px 90px 0px 90px; 
}

.book:hover {
 background-color: #6f023e;   
}
.more{
    border: 2px solid #AF0061;
    border-radius: 10px;
}
.br{
    border-radius: 30px;
}
.fs-7{
    font-size: 0.9rem;
}
.gray{
    background-color: #E2E2E2;
}
.blue{
    color: #333461;
}
.bg2{
background-color: #FAF8F6;
}
.i{
    color: #669180;
}
.bg3{
    background-color: #000033;
}


html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Segoe UI', sans-serif;
}
  

/* Parallax backgrounds */
.parallax-section { 
  background-position: center; 
  position: relative;
  background-attachment: scroll; /* Not fixed */
  transform: translateZ(0); /* Helps with GPU acceleration */
  will-change: background-position;
  transition: background-position 0.1s ease-out;
}
 
.view1 {
      background-image:
    linear-gradient(rgba(0, 0, 0, 0.636), rgba(0, 0, 0, 0.592)),
    url('/img/s1.jpeg');
 
}  
.view2 {
      background-image:
    linear-gradient(rgba(0, 0, 0, 0.636), rgba(0, 0, 0, 0.592)),
    url('https://images.unsplash.com/photo-1560430161-43aa052a2420?q=80&w=1928&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
 
}  
 
    .contact-card {
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      border-radius: 25px;
    } 
    iframe {
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: 5px;
    }
     
    .form-floating > .form-control {
      padding-left: 2.5rem;
    }
 

.btn2{
    text-decoration: none;
    color: white;
    padding: 8px 30px 8px 30px ;
    box-shadow: 4px 4px  #E6BE89;
    background-color: #2196f3    ;
    cursor: pointer;
}
.btn2:hover{
    background-color: #00579d;
    color: white;
}

/* .box-c{
   height: 180px; 
} */
@media screen and (max-width : 785px) {
  .fs-7{
    font-size: 0.8rem;
  }
  
}

 .sticky-header {
      position: sticky;
      top: 0;
      z-index: 1020;
      background: white;
      transition: all 0.3s ease;
      padding: 1.5rem 1rem;
    }
    .sticky-header.shrink {
      padding: 0.5rem 1rem;
    }
    .logo {
      height: 120px;
      transition: height 0.9s ease;
    }
    .shrink .logo {
      height: 60px;
    }
    .pr2{
      color: #f7349f;
    }

     .hover-move {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-move:hover {
      transform: translateY(-15px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }
    .hover1:hover{
      background-color: #d2ebff;
    }
    .pointer{
      cursor: pointer;
    }
     
   /* .nav-link:hover {
      color: #0d6efd; 
      border-bottom: 2px solid #0d6efd;
    }  */
 
 .carousel-control-next-icon {
  background-image: none; /* Remove default arrow */
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-color: transparent;
  border: solid rgb(0, 0, 0);
  border-width: 0 4px 4px 0;
  padding: 10px;
  transform: rotate(-45deg);
  margin-right: 10px;
}
.carousel-control-prev-icon {
  background-image: none; /* Remove default arrow */
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-color: transparent;
  border: solid rgb(0, 0, 0);
  border-width: 0 4px 4px 0;
  padding: 10px;
  transform: rotate(135deg); /* Left arrow */
  margin-left: 10px;
}
.list {
  position: relative;
  display: inline-block; /* Important for ::after positioning */
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.list::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 38px;
  width: 0%;
  height: 2px;
  background-color: rgb(0, 124, 240);
  transition: width 0.3s ease-in-out;
}

.list:hover::after {
  width: 100%;
}
    .nav-link {
      color: #000;
      border-bottom: 2px solid transparent;
      transition: all 0.3s ease;
      
   cursor: pointer;
    }

    .nav-link.active {
      color: #0d6efd; /* Bootstrap primary blue */
      border-bottom: 3px solid #0d6efd;
    }

        html, body {
      scroll-behavior: smooth;
    }

    .carousel-control-next:disabled,
.carousel-control-prev:disabled {
    opacity: 0;
    pointer-events: none;
}
.btn-new:hover{
  background-color: #00579d;
}