@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
  --orange-gradient: linear-gradient(
    181.33deg,
    #ff5021 -5.78%,
    #ffa859 107.41%
  );
  --white: #ffffff;
  --black: #000000;
  --border: rgba(255, 255, 255, 0.142);
  --playfair-font: "Playfair Display", serif;
  --jost-font: "Jost", sans-serif;
  --smooth-1: all 0.3s linear;
}

* {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  box-sizing: border-box !important;
  list-style: none !important;
  text-decoration: none !important;
  font-family: var(--jost-font);
  color: var(--white);
}

svg {
  flex: none;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.navbar-toggler-icon {
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/menu.png) !important;
}

.container-lg,
.container-fluid {
  padding: 0 !important;
}

.get_in_touch_btn {
  display:inline-block;
  padding: 10px 20px;
  background: var(--orange-gradient);
  border-radius: 10px;
  font-size: 15px;
  color: var(--white);
  white-space: nowrap;
  font-weight: 500;
  transition: var(--smooth-1);
}

.get_in_touch_btn:hover {
  box-shadow: 0px 0px 11px #ff5021;
  transform:translateY(-6px);
}

.navbar-nav {
  position: relative;
  overflow: hidden;
  background: #0f050033;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  border: 1px solid var(--border);
}

.glow {
  position: absolute;
  width: 210px;
  height: 210px;
  background: var(--orange-gradient);
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease-out, background 0.3s ease-out;
  z-index: 1;
  opacity: 0;
}

.navbar-nav li a {
  color: var(--white) !important;
  position: relative;
  z-index: 2;
}

.nav_logo {
  width: 130px;
}

.hero_section {
  height: 100vh;
  width: 100%;
  background: url(../images/hero-banner.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: default;
}

.img_container {
  width: 500px;
  height: 500px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: var(--black);
}

.img_container img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.heading_one,
.heading_one div {
  display: flex;
}

.heading_one {
  /* Gap between the words */
  gap: 20px;
  row-gap: 3px;
  flex-wrap: wrap;
}

.heading_one div {
  /* Gap between the letters */
  gap: 3px;
}

.heading_one span {
  color: var(--white);
  font-family: var(--playfair-font);
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.8rem;
}

.heading_one span.golden {
  background: var(--orange-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: var(--playfair-font);
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.8rem;
}

.heading_two {
  font-family: var(--playfair-font);
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 4.8rem;
  color: var(--white);
}

p {
  font-size: 16px;
}

section {
  background: var(--black);
}

.gradient_span span {
  background: var(--orange-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.glass_bg {
  background: #0f050033;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}

.glass_bg.transformed_y {
  transform: translateY(-15%);
}

.padding_top {
  padding-top: 200px;
}

.sticky-top.top_custom {
  top: 40%;
}

.faded_text {
  opacity: 0;
  -webkit-filter: blur(12px);
  filter: blur(12px);
}

.faded_text.in-view {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

.sticky_height {
  height: 250vh;
}

.expertise_card {
  border-radius: 30px;
  height: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: sticky;
}

.expertise_card.one {
  background: #ffd2bb;
  top: 10%;
  z-index: 1;
}

.expertise_card.two {
  background: #ff7734;
  top: 25%;
  z-index: 2;
}

.expertise_card.three {
  background: #ff5907;
  top: 40%;
  z-index: 3;
}

.expertise_card.four {
  background: #c74200;
  top: 55%;
  z-index: 4;
}

.orange_circle {
  background: white;
  height: 300px;
  width: 300px;
  border: 35px solid #e65b2e;
  border-radius: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.orange_circle span {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--black);
}

.orange_circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -130%);
  background: white;
  border: 10px solid #e65b2e;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.swiper_home .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
}

.orange_circle_dot {
  background: linear-gradient(0deg, #ff7420, #ff7420),
    linear-gradient(181.33deg, #ff5021 -5.78%, #ffa859 107.41%);
  width: 55px;
  height: 55px;
  border-radius: 100%;
  backdrop-filter: blur(20px);
  position: relative;
}

.orange_circle_dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 1;
  background: var(--black);
  border-radius: 100%;
}

.flower_bg {
  background: url(../images/flower.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.flower_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.896);
  z-index: 1;
}

.triangle_orange {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  z-index: 2;
}

.input_styled {
  border: 2px solid var(--white);
  background: transparent;
  width: 100%;
  border-radius: 9px;
  padding: 10px 10px;
}

.input_styled:focus {
  outline: none !important;
}

.footer_img {
  width: 160px;
}

.fifth_golden_heading {
  background: var(--orange-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 22px;
  font-weight: 500;
}
.smoke_text span {
  animation: text-reveal-back 2s linear backwards;
}

.smoke_text span {
  display: inline-block;
  transition: transform 2s, opacity 2s, filter 2s; /* Ensures smooth transition when animation ends */
}

.smoke_text:hover span {
  animation: text-reveal 2s linear forwards;
}

@keyframes text-reveal {
  0% {
    transform: rotate(0deg) translateY(0px);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: rotate(45deg) translateY(-200px);
    opacity: 0;
    filter: blur(25px);
  }
}

.video-media{
    aspect-ratio:3/4; 
    object-fit:cover;
    width:100%;
    border-radius:20px;
}

.svg_play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    border:none;
    background:#FF5021;
    border: 8px solid #FF5021;
    border-radius: 100%;
    
}

.video_box .svg_play{
    opacity:0;
    display:none;
    transition:all 0.4s linear;
}

.video_box:hover .svg_play{
    opacity:0;
}
.svg_play svg{
    width:50px;
    height:50px;
}

.video_ratio{
        width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}