/* fonts */
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('fonts/Satoshi-Regular.woff2') format('woff2'),
       url('fonts/Satoshi-Regular.woff') format('woff'),
       url('fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

.satoshi-font {
  font-family: 'Satoshi-Regular', 'Times New Roman', Times, serif;
}

.nav-menu-text a {
  font-family: 'Satoshi-Regular', 'Times New Roman', Times, serif;
  font-weight: 500;
}
body {
    font-family: "Times New Roman", Times, serif;
}
.poppins-font {
  font-family: "Poppins", sans-serif;
}


   @keyframes fadeSlideUp {
     0% {
       opacity: 0;
       transform: translateY(25px);
     }

     100% {
       opacity: 1;
       transform: translateY(0);
     }
   }

   .text-anim {
     opacity: 0;
     animation: fadeSlideUp 0.9s ease forwards;
   }

   /* CSS for section section:Amenities */
   .section-title-container {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 25px;
     margin-bottom: 30px;
   }

   .section-title-container .line {
     flex-grow: 1;
     height: 1.5px;
     background-color: #e5e5e5;
     max-width: 170px;
   }

   .section-title {
     font-weight: 700;
     font-size: 36px;
     color: #0e3d60;
     text-align: center;
     flex-shrink: 0;
   }

   .section-subtitle {
     font-size: 31px;
     color: #939393;
     text-align: center;
     max-width: 960px;
     margin: 0 auto;
     line-height: 1.2;
   }

   .amenities-section .section-subtitle {
     max-width: 957px;
   }

   .gallery {
     position: relative;
   }

   .gallery-image {
     width: 100%;
     height: auto;
   }
.font-semibold{
  font-weight:700;
}
   .arrow-container {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 49px;
     height: 49px;
     cursor: pointer;
   }

   .left-arrow {
     left: 30px;
   }

   .right-arrow {
     right: 30px;
   }

   .arrow-container .arrow-bg,
   .arrow-container .arrow-icon-left,
   .arrow-container .arrow-icon-right {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }

   .arrow-icon-left {
     transform: rotate(180deg);
   }

   .swiper-button-next:after,
   .swiper-button-prev:after {
     font-size: 20px !important;
     font-weight: bold;
   }

   @media (max-width: 768px) {
     .arrow-container {
       width: 35px;
       height: 35px;
     }

     .left-arrow {
       left: 15px;
     }

     .right-arrow {
       right: 15px;
     }
   }

   /* Location */

   /* CSS for section section:Location */
   .location-content {
     display: grid;
     grid-template-columns: 666fr 505fr;
     gap: 60px;
     align-items: center;
   }

   .location-map img {
     border-radius: 10px;
     /* border: 2px solid #7b7b7b;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
     width: 100%;
   }

   .location-features {
     display: flex;
     flex-direction: column;
     gap: 15px;
   }

   .feature-item h3 {
     color: #9f2020;
     font-size: 24px;
     margin-bottom: 10px;
   }

   .feature-item p {
     color: #2f2f2f;
     font-size: 16px;
     line-height: 1.4;
   }

   @media (max-width: 1024px) {
     .location-content {
       grid-template-columns: 1fr;
       gap: 40px;
     }
   }


   /* CSS for section section:Contact */
   .contact-section {
     background-color: var(--bg-light);
   }

   .contact-form-container {
     max-width: 1260px;
     margin: 0 auto;
     background-color: #f1f1f1;
     border-radius: 34px;
     box-shadow: 2px 4px 7.3px 1px rgba(0, 0, 0, 0.25);
     padding: 60px 80px;
   }

   .contact-info-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 30px;
     flex-wrap: wrap;
     gap: 30px;
     padding-bottom: 10px;
     border-bottom: dashed 1px #c4c4c4;
   }

   .contact-info-item {
     display: flex;
     align-items: center;
     gap: 20px;
   }

   .contact-info-item img {
     width: 20px;
     height: 20px;
     display: inline;
   }

   .contact-info-item span {
     font-size: 24px;
     font-weight: 400;
     color: var(--text-dark);
   }

   .form-title {
     font-size: 24px;
     font-weight: 400;
     color: var(--primary-color);
     margin-bottom: 30px;
   }

   .contact-form .form-row {
     display: flex;
     justify-content: space-between;
     gap: 100px;
     margin-bottom: 60px;
   }

   .form-group {
     flex: 1;
   }

   .form-group label {
     display: block;
     font-size: 18px;
     color: #616161;
     margin-bottom: 5px;
   }

   .form-group input {
     width: 100%;
     border: none;
     border-bottom: 1px solid #000000;
     background: transparent;
     font-size: 18px;
     padding: 5px 0;
   }

   .form-group input:focus {
     outline: none;
     border-bottom-color: var(--primary-color);
   }

   .submit-btn {
     display: block;
     margin: 0 auto;
     background-color: #111827;
     color: white;
     font-weight: 700;
     font-size: 21px;
     letter-spacing: 0.63px;
     border: none;
     border-radius: 4px;
     padding: 9px 85px;
     cursor: pointer;
     transition: background-color 0.3s;
   }

   .submit-btn:hover {
     background-color: #333;
   }

   .phone-icon {
     height: 30px;
     width: 30px;
     background: #0E3D60;
     text-align: center;
     line-height: 25px;
     border-radius: 50%;
   }

   .line-height-2 {
     line-height: 5rem !important;
   }

  .line-height-3 {
     line-height: 4rem !important;
   }

   .section-subtitle span {
     font-size: 18px;
   }

   @media (max-width: 768px) {
     .contact-form-container {
       padding: 40px 20px;
     }

     .contact-info-row {
       flex-direction: column;
       align-items: flex-start;
     }

     .contact-form .form-row {
       flex-direction: column;
       gap: 40px;
     }

     .form-title {
       font-size: 28px;
       margin-bottom: 40px;
     }
   }

   /* Change active bullet color */
.myFacilitySwiper .swiper-pagination-bullet-active {
    background: #939393 !important;
}

/* Change size of bullets */
.myFacilitySwiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

/* Slider */

@media (max-width:1800px) and (min-width:1280px) {
    .desk-screen-left .desk-font {
        font-size: 50px !important;
    }

    .desk-screen-left {
        left: 5% !important;
    }
}