/* inter */
@font-face {
  font-family: "Inter Regular";
  src: url(../font/Inter-Regular.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter Light";
  src: url(../font/Inter-Light-BETA.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter Black";
  src: url(../font/Inter-Black.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Inter Medium";
  src: url(../font/Inter-Medium.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
/* DM Sans */
@font-face {
  font-family: "DM Sans Medium";
  src: url(../font/DMSans-Medium.ttf) format("TrueType");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DM Sans Regular";
  src: url(../font/DMSans-Regular.ttf) format("TrueType");
  font-weight: 300;
  font-style: normal;
}
/* Alexandria */
@font-face {
  font-family: "Alexandria";
  src: url(../font/Alexandria[wght].ttf) format("TrueType");
  font-weight: 300;
  font-style: normal;
}
/* Poppins */
@font-face {
  font-family: "Poppins Regular";
  src: url(../font/Poppins-Regular.ttf) format("TrueType");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Medium";
  src: url(../font/Poppins-Medium.ttf) format("TrueType");
  font-weight: 500;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}
:root {
  --white-color: #ffffff;
  --black-color: #000000;
  --red-color: #ff5156;
  --primary-font: "Inter";
  --secondary-font: "DM Sans";
  --tertiary-font: "Alexandria";
}
/* Navbar custom-navbar */
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: transparent;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(10px);
}
header .custom-navbar {
  padding: 0 4rem 0 5rem !important;
}
.custom-nav{
  justify-content: space-evenly;
}
header .custom-navbar a img {
  width: 50px;
  /* height: 110px; */
}

header .custom-navbar ul a,
header .custom-navbar ul a:hover {
  font: 500 1rem "Inter Regular";
  color: var(--white-color);
  margin-right: 0.875rem;
}

/* header .custom-navbar ul a:hover {
    color: var(--white-color);
} */

.enquire-now-btn a {
  background-color: transparent;
  border: 1px solid var(--white-color);
  border-radius: 1.2rem;
  padding: 0.5rem 1rem 0.5rem;
  color: var(--white-color);
  font: 500 1rem "Inter Regular";
  text-decoration: none;
}

.for-desktop {
  display: block;
}

/* .enquire-now-btn:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    -moz-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all .6s ease-in-out;
} */
/* ------- home page ------ */

.home-banner-section {
  width: 100%;
  position: relative;
}

.home-banner-box {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100vh;
  left: 0;
  z-index: 2;
  contain: content;
  background-color: none;
}
/* .home-banner-video-box {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100vh;
    left: 0;
    z-index: 2;
    contain: content;
} */
/* .home-banner-video-box::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
} */

/* .home-banner-box::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
} */

/* .home-banner-video-box video {
    width: 100%;
} */

.home-banner-section .row {
  height: 100vh;
}

.scroll-box,
.home-banner-content-box {
  position: relative;
  z-index: 100;
}

.home-banner-content-box h1 {
  color: var(--white-color);
  font: 900 8rem "Inter Black";
  margin-top: 1rem;
  letter-spacing: 1.5rem;
}

.home-banner-content-box p {
  color: var(--white-color);
  font: 300 2rem "DM Sans Regular";
  /* padding: 0 2rem;
    width: 33rem;*/
  margin-top: 10rem;
}

.scroll-icon {
  height: 45px;
  width: 22px;
  border: 1px solid var(--white-color);
  margin: auto;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
}

.scroll-icon i {
  position: relative;
  animation: float 3s ease-in-out infinite;
  color: var(--white-color);
  font-size: 0.75rem;
}

.for-mobile {
  display: none;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
    opacity: 0;
  }

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

.scroll-link-box {
  width: fit-content;
  margin: auto;
  cursor: pointer;
}

.scroll-box a {
  font: 500 0.875rem "Inter Regular";
  color: var(--white-color);
  text-decoration: none;
}
/* -------- introduction-section --------- */
.introduction-section {
  background-color: #000000;
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 5rem !important;

  /* cursor: ; */
}

/* .about-us-content {
    padding: 9rem 0;
    padding-right: 3rem;
} */

.heading-content h1 {
  font: 900 4.5rem "Inter Black";
  color: var(--white-color);
  margin-bottom: 0.75rem;
  line-height: 2.2rem;
}

.heading-content p {
  font: 400 1.1rem "Inter Light";
  color: var(--white-color);
  line-height: 1.6rem;
  letter-spacing: 0.5px;
}

.about-us-img-slider-container {
  position: relative;
}
/*------------------------------- About-us Section---------------------------------------------- */
.about-us-section {
  background-color: var(--black-color);
  /* height: 100vh; */
  display: flex;
  align-items: center;
  padding: 3.5rem 5rem !important;
}
/* 16-Jun-2025 */
.about-us-content{
   background-color: var(--white-color);
   display: flex;
   justify-content: space-between;
   padding: 3rem 2rem !important
}
.why-we-exist-box-big .content-box{
  display:flex;
  margin: 1rem 0;
}
.about-us-img-box{
  width:90%;

}
.about-us-img-box img{
  width:100%;
  height:600px;
}
.why-we-exist-box-big .read-more-btn{
  padding: 0.75rem 2rem;
  border:1px solid var(--black-color);
  border-radius: 30px;
  width:fit-content;
}
.why-we-exist-box-big .read-more-btn a{
  color:var(--black-color);
  text-decoration: none;
  font:400 1rem "Inter Regular";
}
.about-us-content-box{
  text-align:left;
}
.about-us-content-box h3{
  font:900 2rem "Inter Black";
  color:rgba(242, 71, 113, 1);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.about-us-content-box p{
  font:400 1rem "Inter Regular";
  color: var(--black-color);
}
.about-us-content-box h4{
  font:600 1.1rem "Inter Regular";
  color:rgba(242, 71, 113, 1);
  margin-top: 2rem;
}

.about-us-section .heading-content h1 {
  font: 900 4.5rem "Inter Black";
  color: var(--black-color);
  margin-bottom: 0.75rem;
  line-height: 2.2rem;
}

.about-us-section .heading-content p {
  font: 500 1.1rem "Inter Light";
  color: var(--black-color);
  line-height: 1.6rem;
  letter-spacing: 0.5px;
}
/*------------------------------- Highlights Section---------------------------------------------- */
.highlights-section {
  background-color: var(--black-color);
  /* padding:5rem 0; */
  padding: 5rem;
  height: 100vh;
}
.highlights-content-box {
  background-color: var(--red-color);
}
.highlights-img-box {
  background-color: var(--white-color);
  border-top-right-radius: 80px;
  width: 100%;
  padding: 20px 70px;
}
.highlights-img-box img {
  width: 100%;
}
.highlights-content-box p {
  font: 600 1.49rem "Inter Regular";
  color: var(--white-color);
  padding: 20px 20px;
  padding-top: 0; /* Remove the extra padding at the top */
  text-align: center;
  margin: 0; /* Ensure no margin affects alignment */
}
.highlights-item {
  width: 100%;
  margin: 0;
}
.highlights-content-box {
  background-color: var(--red-color);
  height: 150px; /* Fixed height */
  overflow: hidden;
  display: flex;
  align-items: center; /* Center content vertically */
  justify-content: center; /* Center content horizontally */
}
.highlights-custom-carousel-class .owl-nav {
  width: 100%;
  margin-top: 20px;
  padding: 0 30px;
}

.highlights-custom-carousel-class .owl-nav button {
  /* padding: 0 1.125rem; */
  margin: 0 1.125rem !important;
}
.highlights-custom-carousel-class .owl-nav button img {
  width: 60px;
}
/*------------------------------- Events Section---------------------------------------------- */

/*------------------------------- Why Us Section---------------------------------------------- */
.why-us-section {
  background-color: var(--white-color);
  /* padding:5rem 0; */
  box-sizing: border-box;
  padding: 3rem 5rem 3rem 5rem;
  /* height:100vh; */
}

.why-us-img-box {
  margin-top: 0.5rem;
  /* margin-left: 0.25rem; */
  background-color: var(--white-color);
  /* border-top-right-radius: 80px; */
  width: 100%;
  /* padding: 20px 70px; */
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
}
.why-us-img-box img {
  width: 100%;
}
.why-us-img-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%; /* Adjust height for how much overlay you want */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    pointer-events: none;
}
.why-us-content-box p {
  font: 600 1.2rem "Inter Regular";
  color: var(--white-color);
  padding: 20px 20px;
  padding-top: 0; /* Remove the extra padding at the top */
  text-align: center;
  margin: 0; /* Ensure no margin affects alignment */
}
.why-us-item {
  width: 95%;
  height:400px;
  margin: 0;
  margin-left: 0.5rem;
  position:relative;
}
.why-us-content-box {
  /* background-color: var(--red-color); */
    position:absolute;
  bottom: 8px;
    left: 50%;
  transform: translateX(-50%);
  height: 150px; /* Fixed height */
  overflow: hidden;
  display: flex;
  white-space: nowrap; 
  align-items: end; /* Center content vertically */
  justify-content: center; /* Center content horizontally */
}
.why-us-custom-carousel-class .owl-nav {
  width: 100%;
  margin-top: 20px;
  padding: 0 30px;
}

.why-us-carousel-class .owl-nav button {
  /* padding: 0 1.125rem; */
  margin: 0 1.125rem !important;
}
.why-us-carousel-class .owl-nav button:hover {
  background-color: transparent !important;
}
.why-us-carousel-class .owl-nav button img {
  width: 60px;
}
.why-us-heading-box h2 {
  font: 900 4.5rem "Inter Black";
  color: var(--black-color);
}
.why-us-section .owl-theme .owl-nav {
  margin-top: 35px !important;
}

/*----------------------------------our clients section-------------------------->*/
.our-clients-section {
  background-color: rgba(243, 243, 243, 1);
  padding: 5rem 0 5rem 0!important;
}
.our-clients-container {
  align-items: center;
  display: flex;
  padding: 3rem 5rem 1rem 5rem!important;
  margin-bottom: 2rem;
}

.our-clients-heading-box {
  padding: 2.5rem 6rem 3rem 0rem;
}
.our-clients-heading-box h2 {
  font: 900 4.5rem "Inter Black";
  color: var(--white-color);
}
.our-clients-container .img-box {
  padding: 0 2rem;
  width:fit-content;
  text-align: center;
}
.our-clients-container .img-box1 {
  /* padding: 0 0.8rem; */
  width:30%;
  text-align: center;
}
.our-clients-container-2 {
  display: flex;
  padding: 1.5rem 9rem 0 9rem;
}
.our-clients-container-2 .img-box {
  padding: 0.8rem 1.8rem;
}
.our-clients-container-2 .img-box1 {
  padding: 0.8rem 1.8rem;
}
.our-clients-container-3 {
  display: flex;
  padding: 1.5rem 15rem 0 15rem;
}
.our-clients-container-3 .img-box {
  padding: 0.8rem 3rem;
}
.img-box1 img{
      max-width: 30%;
    height: auto;

}
/*----------------------------------Footer-------------------------->*/
.footer-section {
  background-color: var(--black-color);
  padding: 4rem 6rem 3rem 5rem;
}
/* .footer-nav-links ul li{
    list-style-type: none; 
}*/
.footer-nav-links p a {
  color: var(--white-color);
  text-decoration: none;
  font: 300 0.8rem "DM Sans Regular";
  padding: 0 0.5rem;
}
.footer-custom-container-2 {
  float: right;
}
.mail-box a {
  font: 700 1.6rem "Inter Black";
  color: var(--white-color);
  text-decoration: none;
}
.contact-container a {
  color: var(--white-color);
  text-decoration: none;
  font: 300 0.8rem "DM Sans Regular";
}
.contact-container {
  padding-left: 0;
  text-align: left;
}
.footer-logo{
  margin-left: 0.5rem;
}
footer {
  background-color: var(--black-color);
}
.custom-footer-container {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 2.5rem;
}
.footer-copyright-box p {
  color: var(--white-color);
  font: 300 0.8rem "Alexandria";
}
.footer-btn a {
  color: var(--white-color);
  font: 300 0.8rem "Alexandria";
  text-decoration: none;
  border: 0.01rem solid var(--white-color);
  border-radius: 30px;
  padding: 0.5rem 0.8rem;
}

.footer-btn {
  position: absolute;
  bottom: 1.5rem;
  right: 7rem;
}
/*----------------------------------Side Icon-------------------------->*/
.fixed-button {
  position: fixed;
  bottom: 20px; /* Adjust as needed */
  right: 30px; /* Adjust as needed */
  width: 80px; /* Adjust size as needed */
  height: 80px; /* Adjust size as needed */
  border-radius: 50%; /* Makes it circular */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 10px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 1000; /* Ensures it stays on top */
  border: none;
}

.fixed-button img {
  width: 100%; /* Adjust icon size */
}
/*----------------------------- Reservation Form Container------------------- */
.form-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  backdrop-filter: blur(3px);
  opacity: 1;
  display: none;
  z-index: 999;
}

.form-content {
  position: fixed;
  top: 0;
  right: -50%; /* Initially hidden off-screen */
  width: 50%;
  height: 100%;
  background: white;
  transition: right 0.5s ease-in-out;
  padding: 50px 70px;
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.form-content.active {
  right: 0; /* Slide into view */
}

.close-btn {
  position: absolute;
  right: 100%;
  bottom: 70px;
  /* transform: translateY(-50%); */
  cursor: pointer;
  z-index: 1100;
}

.form-img-box {
  width: 100%;
  height: 200px;
  position: relative;
}
.form-img-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* Black overlay with 30% opacity */
}
.form-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form-fields input,
.form-fields textarea {
  width: 100%;
  margin: 10px 0;
  padding: 8px;
}

.submit-btn {
  background: transparent;
  color: #322018;
  padding: 10px;
  width: 50%;
  cursor: pointer;
  border: 0.01rem solid #322018;
  border-radius: 30px;
}
.form-content h4 {
  font: 500 0.6rem "Poppins Regular";
  color: #322018;
  letter-spacing: 0.5rem;
}
.form-content h2 {
  font: 500 2.5rem "Poppins Medium";
  color: #322018;
  letter-spacing: 0.1rem;
  line-height: 2rem;
  margin-bottom: 1.8rem;
}
.form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal halves */
  gap: 0 30px;
}

.form-fields input,
.form-fields textarea {
  width: 100%;
  padding: 5px;
  border: none; /* Remove all borders */
  border-bottom: 1px solid #322018; /* Only bottom border */
  outline: none; /* Remove outline on focus */
  background: transparent; /* Optional: Makes it blend with background */
  font-size: 16px;
}

/* Ensure textarea spans both columns */
.form-fields textarea {
  grid-column: span 2;
  resize: none; /* Prevents resizing */
  color: #322018; /* Text color */
  font: 500 0.8rem "Poppins Regular";
  padding: 5px;
}
.form-fields input::placeholder,
.form-fields textarea::placeholder {
  color: #322018; /* Desired placeholder color */
  opacity: 1; /* Ensures full visibility */
  font: 500 0.8rem "Poppins Regular";
}
.button-container {
  width: 100%;
  text-align: center;
}
/* events section */
/* <!--------------------------------------event section start -------------------------  --> */
.events-section {
  width: 100%;
  height: 100vh;
  position: relative;
}

.event-heading-container {
  padding: 4rem 0;
}

.event-heading-slide {
  position: relative;
}
.events-section .event-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) !important; /* black shadow with 30% opacity */
  z-index: 1;
}
.events-section .event-slide {
  position: relative;
  width: 100%;
  height: 100vh;
  object-fit: cover !important;
}

/* .event-heading-slide::after {
    position: absolute;
    top:60px;
    right:0;
    content: '';
    width: 15%;
    height: 100%;
    background-image:url('../images/horizontal-line.svg');
    background-repeat:no-repeat;
    z-index: 1;
} */
/* .event-heading-slide::before {
    position: absolute;
    top:60px;
    left:0;
    content: '';
    width: 15%;
    height: 100%;
    background-image:url('../images/horizontal-line.svg');
    background-repeat:no-repeat;
    z-index: 1;
} */
.event-heading-slide {
  text-align: center;
  margin-top: 150px;
}

.event-heading-slide span {
  font: 600 1rem var(--primary-font);
  line-height: 1.2rem;
  color: red;
  opacity: 0.7;
}

.event-heading-slider .event-heading-slide.slick-center span {
  opacity: 1;
  font-size: 1.1rem;
}
/* .slick-list .slick-next:before, .slick-prev:before {
    display: none!important;   
} */
button.slick-next.slick-arrow {
  display: none !important;
}
.event-heading-slider .slick-arrow {
  background-color: var(--red);
  padding: 1rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-heading-slider .slick-prev {
  left: -50px;
}

.event-heading-slider .slick-arrow i {
  font-size: 1.5rem;
  color: var(--white);
  /* margin-bottom: 0.9rem; */
  /* padding: 0; */
}

.event-heading-slider .slick-prev:before,
.event-heading-slider.slick-next:before {
  /* font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
  display: none;
}

.event-heading-container {
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index: 9;
  top: 0;
  width: 98%;
  height: 100%;
  /* display: flex; */
}

.event-heading-slide h2 {
  font: 900 5rem "Inter Black";
  color: var(--white-color);
  /* display: inline; */
  width: fit-content;
}
.event-navs-box {
  position: absolute;
  bottom: 0;
  left: 43%;
}
.event-navs-box .event-btn {
  width: 90px;
  height: 90px;
}
.event-navs-box .event-btn:hover,
.event-navs-box .event-btn:hover:focus {
  background-color: transparent !important;
  border: none;
  outline: none;
}
.event-heading-slider .slick-slide h2 {
  scale: 0.65;
  padding-left: 80px;
  padding-right: 80px;
}

/* .event-heading-slider .slick-current.slick-active{
    padding: 0 2.5rem;
} */
.event-heading-slider .slick-current.slick-active h2 {
  scale: 1;
  transition: all 0.6s ease-in-out;
}
.event-heading-slider .slick-current.slick-active h2::after,
.event-heading-slider .slick-current.slick-active h2::before {
  position: absolute;
  top: 60px;
  content: "";
  width: 30%;
  height: 1px;
  background-color: var(--white-color);
  /* background-image:url('../images/horizontal-line.svg'); */
  /* background-repeat:no-repeat; */
  z-index: 1;
}
.event-heading-slider .slick-current.slick-active h2::before {
  left: -20%;
}
.event-heading-slider .slick-current.slick-active h2::after {
  /* position: absolute; */
  /* top:60px; */
  /* left:-50px; */
  right: -20%;
  /* content: '';
    width: 20%;
    height: 2px; */
  /* background-image:url('../images/horizontal-line.svg'); */
  /* background-repeat:no-repeat; */
  /* z-index: 1; */
}
.events-slider img.for-mobile {
  display: none;
}

/* <!--------------------------------------event section end ---------------------------> */

/* Home Banner Video */
.home-banner-box video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.navbar-toggler:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

/* 24-apr */

.highlights-custom-carousel-class.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
}
.why-us-heading-box{
  text-align: center;
}
.why-us-heading-box h3{
  font:900 2rem "Inter Black";
  color:rgba(242, 71, 113, 1);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.partnership-container{
  display:flex;
}
.partnership-section-left-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partnership-section{
  padding:3.5rem 5rem !important;
}
.partnership-content-container{
  display: flex;
  align-items: center;
  padding: 0 2rem;
}
.partnership-content-container p{
  font:400 1rem 'Inter Light';
  color:var(--black-color);
  line-height: 1.5rem;
}
.partnership-with-txt{
  text-align: center;
  padding:0 1rem;
}
.partnership-with-txt h3{
  text-transform:uppercase;
  color:rgba(242, 71, 113, 1);
  font:900 1rem 'Inter Black';
}
.squid-logo-box img{
  width:80%;
}