/* =====================
  SECTION: TITLE
  ====================== */

.sec__title {
  position: relative;
  font-size: var(--fs-title);
  font-size: calc(var(--fs-title) * 1.2);
  font-weight: 700;
  color: hsl(from var(--primary-color) h s calc(l - 20));
  /* text-shadow: 1px 1px 1px var(--secondary-color); */
  text-align: center;
  font-family: var(--heading-font);
}

.sec__title.sec__light {
  color: var(--bs-white);
}

.sec__title:after {
  position: absolute;
  position: absolute;
  content: "";
  width: 188px;
  height: 150px;
  background: url(../images/header.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -39px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.sec__span {
  font-size: var(--fs-sub-title);
  color: hsl(from var(--accent-color) h s calc(l + 0));
  text-align: center;
  font-weight: 700;
  font-style: italic;
}

/* =====================
  SECTION: HERO
  ====================== */
.hero {
  position: relative;
  z-index: 1;
  background: var(--primary-color);
  background: url(../images/bg/hero_bg1.webp);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 920px;
  /* padding-top: 242px; */
  padding-top: 190px;
  padding-bottom: 120px;
  overflow: hidden !important;
}

.hero .hero-content-img .img {
  z-index: -1;
  position: absolute;
}

.hero .hero-content-img .img--1 {
  left: 0;
  top: 0;
}

.hero .hero-content-img .img--2 {
  top: 0;
  right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .hero .hero-content-img .img {
    max-width: 20%;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
  .hero .hero-content-img .img--1 {
    top: 27%;
  }

  .hero .hero-content-img .img--2 {
    top: 27%;
  }
}

@media only screen and (max-width: 1300px) {
  .hero .hero-content-img .img--1 {
    top: 17%;
  }

  .hero .hero-content-img .img--2 {
    top: 17%;
  }

  .hero {
    min-height: 720px;
    padding-top: 150px;
  }
}

@media only screen and (max-width: 1023px) {
  .hero .hero-content-img .img--1 {
    top: 33%;
  }

  .hero .hero-content-img .img--2 {
    top: 33%;
  }
}

@media (max-width: 1199px) {
  .hero .hero-content-img .img {
    max-width: 20% !important;
  }
}

@media (max-width: 991px) {
  .hero .hero-content-img .img {
    display: none;
  }
}


.hero-title {
  margin-bottom: 0;
  color: var(--bs-white);
  font-weight: 600;
  letter-spacing: -0.03em;
  font-size: 120px;
}


.logo {
  width: 160px;
  max-width: 100%;
  height: auto;
}

/* Medium Large devices */
@media (max-width: 1399px) {
  .hero-title {
    font-size: 100px;
  }
}

/* Medium Large devices */
@media (max-width: 1299px) {
  .hero-title {
    font-size: 65px;
  }
}

/* Large devices */
@media (max-width: 1199px) {
  .hero-title {
    font-size: 80px;
  }
}

/* Medium devices */
@media (max-width: 991px) {
  .hero-title {
    font-size: 70px;
  }

  .logo {
    width: 100px;
  }
}

/* Small devices */
@media (max-width: 767px) {
  .hero-title {
    font-size: 56px;
  }
}

/* Extra small devices */
@media (max-width: 575px) {
  .hero-title {
    font-size: 39px;
    letter-spacing: normal;
  }
}

/* Extra small devices */
@media (max-width: 375px) {
  .hero-title {
    font-size: 34px;
  }
}

.line {
  height: 2px;
  background: var(--bs-white);
  border-radius: 100px !important;
  margin-block: 1.5rem;
  background: linear-gradient(to right, transparent, var(--bs-white), transparent);
}

/*==============================================
==================PROFILE BOX===================
==============================================*/

.profile-box {
  text-align: center;
  padding: 1rem 0;
}

.profile-box .profile-img {
  --extra: 20;
  /* --bg-diff: #f3f3f3; */
  --bg-diff: #fafffb;
  --off-extra: 2;
  margin: auto;
  margin-bottom: 10px;
  position: relative;
  max-width: fit-content;
  margin-bottom: calc(var(--extra) * 1px);
}

.profile-img::after,
.profile-img::before {
  content: "";
  position: absolute;
  z-index: -1;
}

.profile-img::before {
  width: calc((100 + var(--extra)) * 1%);
  height: calc((100 + var(--extra)) * 1%);
  top: calc((var(--extra) / 2) * -1%);
  left: calc((var(--extra) / 2) * -1%);
  background: linear-gradient(to right, var(--primary-color), var(--accent-color), var(--primary-color));
  border-radius: 100%;
}

.profile-img::after {
  width: calc(var(--extra) * 1%);
  height: calc((100 + var(--extra)) * 1%);
  background: var(--bg-diff);
  top: calc((var(--extra) / 2) * -1%);
  left: 50%;
  transform: translate(-50%, 0);
}

.profile-box .profile-img img {
  width: 150px;
  border-radius: 100%;
  padding: 5px;
  background: var(--bg-diff);
  box-shadow: 0px 5px 10px rgb(0 0 0/65%);
}

.profile-box p {
  color: #2c3e50;
  margin-bottom: 0;
}

.profile-box p b {
  color: var(--accent-color);
}

.profile-box .btn-cv {
  background: #20292812;
  border-radius: 5px;
  padding: 3px 10px;
  margin-top: 10px;
}

.profile-box a i {
  margin-left: 7px;
  color: var(--accent-color);
}

.profile-box a:hover i {
  transform: rotate(360deg);
  display: inline-block;
  transition: 0.5s;
}


/* =====================
  SECTION: COUNTDOWN
  ====================== */
#countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  width: 100%;
  justify-items: center;
}

#countdown .time-wrapper {
  text-align: center;
  padding: 15px;
  background: var(--secondary-color);
  border-radius: 1rem;
  backdrop-filter: blur(10px);
  border: solid 1px rgba(255, 255, 255, .3);
  transition: 0.2s ease-in-out;
  width: 100%;
  max-width: 150px;
}

#countdown .time-wrapper:hover {
  border-color: var(--accent-color);
}

#countdown .time {
  font-size: var(--fs-small-banner);
  color: var(--bs-dark);
  font-weight: 600;
}

#countdown .text {
  font-size: var(--fs-lead);
  color: var(--bs-dark);
  font-weight: 600;
}


/* =====================
  SECTION : MESSAGE
====================== */

.message__section{
  position: relative;
  z-index: 1;
  background: url(../images/bg/bg-1.webp) center center/cover no-repeat;
}

.about-three__img {
  position: relative;
  display: block;
  width: 100%;
  /* height: 100%;   */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.about-three__experience {
  position: absolute;
  bottom: 0;
  left: 15px;
  padding: 26px 43px 24px;
  z-index: 1;
}

.about-three__experience-count {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.about-three__experience-count h3 {
  font-size: 72px;
  font-weight: 600;
  color: var(--primary-color);
  line-height: 72px;
}

.about-three__experience-count span {
  position: relative;
  display: inline-block;
  font-size: 44px;
  color: var(--primary-color);
  top: -21px;
}

.about-three__experience-count p {
  position: relative;
  display: inline-block;
  font-size: 30px;
  font-family: var(--envens-font-two);
  color: var(--envens-base);
  line-height: 30px;
  font-weight: 500;
  margin-left: 10px;
  top: 12px;
}

.about-three__experience-text {
  position: relative;
  display: inline-block;
  font-size: 30px;
  color: var(--accent-color);
  line-height: 30px;
  font-weight: 500;
  margin-top: 9px;
}

.about-three__experience:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: -1;
  border: 2px solid transparent;
  background: linear-gradient(-85deg, var(--accent-color), #ffffff, var(--accent-color)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* =====================
  SECTION : CTA 
====================== */

.cta__section {
  position: relative;
  z-index: 1;
  background: url(../images/bg/cta.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.cta__section::before {
  position: absolute;
  content: '';
  z-index: -1;
  inset: 0;
  background: hsl(from var(--orange-color) h s calc(l - 10));
  opacity: 0.8;
}

/* =====================
  SECTION : REGISTRATION 
====================== */

.registration__section {
  position: relative;
  z-index: 1;
  background: linear-gradient(to top, var(--primary-color), hsl(from var(--primary-hsl) h s calc(l - 20)));
  /* background: var(--primary-color); */
}

.registration__section::before {
  content: "";
  position: absolute;
  inset: 0;
  top: auto;
  bottom: -1px;
  background-color: var(--bs-white);
  height: clamp(18px, 1.26vw, 24px);
  clip-path: polygon(2.072% 58.88%, 0.663% 8.583%, 0.663% 8.583%, 0.599% 6.547%, 0.532% 4.961%, 0.464% 3.824%, 0.395% 3.138%, 0.326% 2.901%, 0.256% 3.115%, 0.187% 3.779%, 0.119% 4.894%, 0.052% 6.459%, -0.012% 8.474%, -0.012% 8.474%, -0.186% 16.768%, -0.307% 27.049%, -0.377% 38.645%, -0.4% 50.88%, -0.378% 63.081%, -0.313% 74.575%, -0.208% 84.688%, -0.065% 92.745%, 0.113% 98.074%, 0.324% 100%, 99.958% 100%, 99.958% 100%, 100.041% 99.172%, 100.107% 96.909%, 100.157% 93.544%, 100.189% 89.411%, 100.204% 84.843%, 100.201% 80.173%, 100.179% 75.734%, 100.139% 71.859%, 100.079% 68.881%, 100% 67.134%, 100% 67.134%, 99.992% 67.05%, 99.984% 66.985%, 99.975% 66.938%, 99.967% 66.909%, 99.959% 66.899%, 99.951% 66.907%, 99.943% 66.934%, 99.934% 66.979%, 99.926% 67.042%, 99.918% 67.124%, 97.8% 90.796%, 97.8% 90.796%, 97.64% 92.232%, 97.479% 92.959%, 97.318% 92.983%, 97.158% 92.31%, 96.999% 90.945%, 96.841% 88.893%, 96.686% 86.16%, 96.534% 82.751%, 96.384% 78.672%, 96.239% 73.928%, 95.2% 37.278%, 95.2% 37.278%, 94.979% 30.391%, 94.752% 25.034%, 94.519% 21.208%, 94.283% 18.913%, 94.045% 18.147%, 93.808% 18.913%, 93.572% 21.208%, 93.339% 25.034%, 93.112% 30.391%, 92.891% 37.278%, 92.261% 59.493%, 92.261% 59.493%, 92.042% 66.349%, 91.815% 71.69%, 91.584% 75.516%, 91.349% 77.827%, 91.113% 78.623%, 90.876% 77.903%, 90.641% 75.666%, 90.409% 71.914%, 90.183% 66.645%, 89.963% 59.859%, 89.319% 37.402%, 89.319% 37.402%, 89.095% 30.521%, 88.865% 25.206%, 88.629% 21.456%, 88.391% 19.269%, 88.15% 18.646%, 87.911% 19.584%, 87.673% 22.083%, 87.438% 26.14%, 87.21% 31.756%, 86.988% 38.93%, 86.47% 57.845%, 86.47% 57.845%, 86.25% 64.986%, 86.022% 70.586%, 85.789% 74.644%, 85.553% 77.157%, 85.314% 78.124%, 85.075% 77.544%, 84.837% 75.417%, 84.603% 71.739%, 84.373% 66.51%, 84.15% 59.728%, 83.465% 36.091%, 83.465% 36.091%, 83.245% 29.404%, 83.019% 24.221%, 82.789% 20.54%, 82.555% 18.362%, 82.319% 17.685%, 82.084% 18.51%, 81.85% 20.836%, 81.62% 24.662%, 81.395% 29.988%, 81.177% 36.814%, 80.541% 59.258%, 80.541% 59.258%, 80.32% 66.145%, 80.092% 71.502%, 79.86% 75.328%, 79.624% 77.624%, 79.386% 78.389%, 79.148% 77.624%, 78.912% 75.328%, 78.68% 71.502%, 78.452% 66.145%, 78.231% 59.258%, 77.622% 37.762%, 77.622% 37.762%, 77.399% 30.811%, 77.169% 25.423%, 76.934% 21.598%, 76.695% 19.335%, 76.455% 18.633%, 76.216% 19.492%, 75.978% 21.912%, 75.743% 25.89%, 75.514% 31.428%, 75.292% 38.525%, 74.746% 58.251%, 74.746% 58.251%, 74.525% 65.316%, 74.297% 70.838%, 74.063% 74.817%, 73.827% 77.251%, 73.588% 78.141%, 73.349% 77.484%, 73.112% 75.28%, 72.877% 71.529%, 72.648% 66.23%, 72.426% 59.381%, 71.782% 36.914%, 71.782% 36.914%, 71.561% 30.097%, 71.333% 24.813%, 71.1% 21.061%, 70.864% 18.84%, 70.626% 18.151%, 70.388% 18.993%, 70.152% 21.365%, 69.92% 25.267%, 69.693% 30.697%, 69.472% 37.656%, 68.878% 58.88%, 68.878% 58.88%, 68.658% 65.839%, 68.431% 71.27%, 68.198% 75.171%, 67.962% 77.543%, 67.725% 78.385%, 67.487% 77.696%, 67.251% 75.476%, 67.018% 71.724%, 66.79% 66.439%, 66.569% 59.622%, 65.904% 36.446%, 65.904% 36.446%, 65.685% 29.691%, 65.46% 24.436%, 65.229% 20.684%, 64.995% 18.432%, 64.76% 17.681%, 64.525% 18.432%, 64.291% 20.684%, 64.061% 24.436%, 63.835% 29.69%, 63.616% 36.446%, 62.949% 59.722%, 62.949% 59.722%, 62.728% 66.526%, 62.501% 71.804%, 62.268% 75.556%, 62.033% 77.783%, 61.795% 78.485%, 61.558% 77.663%, 61.323% 75.317%, 61.091% 71.447%, 60.864% 66.054%, 60.644% 59.138%, 60.023% 37.07%, 60.023% 37.07%, 59.801% 30.104%, 59.572% 24.687%, 59.339% 20.817%, 59.101% 18.495%, 58.862% 17.722%, 58.623% 18.495%, 58.386% 20.817%, 58.152% 24.687%, 57.923% 30.104%, 57.702% 37.07%, 57.091% 58.763%, 57.091% 58.763%, 56.869% 65.728%, 56.64% 71.146%, 56.407% 75.015%, 56.169% 77.337%, 55.93% 78.111%, 55.691% 77.337%, 55.454% 75.015%, 55.22% 71.146%, 54.992% 65.728%, 54.77% 58.763%, 54.166% 37.312%, 54.166% 37.312%, 53.943% 30.315%, 53.713% 24.882%, 53.478% 21.012%, 53.239% 18.707%, 52.999% 17.964%, 52.759% 18.785%, 52.521% 21.168%, 52.286% 25.114%, 52.056% 30.622%, 51.834% 37.692%, 51.265% 58.141%, 51.265% 58.141%, 51.043% 65.211%, 50.813% 70.719%, 50.578% 74.664%, 50.34% 77.048%, 50.1% 77.868%, 49.86% 77.126%, 49.621% 74.82%, 49.386% 70.951%, 49.156% 65.518%, 48.933% 58.521%, 48.323% 36.832%, 48.323% 36.832%, 48.102% 29.898%, 47.874% 24.496%, 47.642% 20.627%, 47.406% 18.289%, 47.168% 17.485%, 46.93% 18.213%, 46.694% 20.475%, 46.461% 24.27%, 46.233% 29.599%, 46.012% 36.463%, 45.362% 59.269%, 45.362% 59.269%, 45.141% 66.146%, 44.912% 71.481%, 44.679% 75.276%, 44.442% 77.532%, 44.204% 78.247%, 43.965% 77.423%, 43.729% 75.06%, 43.496% 71.158%, 43.268% 65.718%, 43.047% 58.741%, 42.456% 37.657%, 42.456% 37.657%, 42.236% 30.697%, 42.009% 25.267%, 41.777% 21.365%, 41.541% 18.993%, 41.303% 18.152%, 41.065% 18.84%, 40.829% 21.061%, 40.596% 24.813%, 40.369% 30.097%, 40.147% 36.914%, 39.489% 59.859%, 39.489% 59.859%, 39.269% 66.645%, 39.043% 71.914%, 38.811% 75.666%, 38.576% 77.903%, 38.339% 78.623%, 38.103% 77.827%, 37.868% 75.516%, 37.637% 71.69%, 37.41% 66.349%, 37.191% 59.493%, 36.568% 37.517%, 36.568% 37.517%, 36.346% 30.599%, 36.117% 25.227%, 35.884% 21.401%, 35.646% 19.121%, 35.408% 18.387%, 35.169% 19.199%, 34.932% 21.555%, 34.698% 25.457%, 34.47% 30.903%, 34.248% 37.894%, 33.654% 59.112%, 33.654% 59.112%, 33.435% 66.04%, 33.209% 71.456%, 32.978% 75.357%, 32.743% 77.744%, 32.507% 78.615%, 32.27% 77.97%, 32.035% 75.808%, 31.803% 72.128%, 31.576% 66.929%, 31.355% 60.211%, 30.67% 36.564%, 30.67% 36.564%, 30.448% 29.815%, 30.219% 24.601%, 29.986% 20.922%, 29.75% 18.777%, 29.512% 18.164%, 29.274% 19.082%, 29.039% 21.531%, 28.807% 25.51%, 28.58% 31.016%, 28.36% 38.05%, 27.807% 58.011%, 27.807% 58.011%, 27.585% 65.108%, 27.356% 70.646%, 27.122% 74.625%, 26.883% 77.044%, 26.643% 77.903%, 26.403% 77.201%, 26.165% 74.938%, 25.93% 71.113%, 25.7% 65.725%, 25.477% 58.775%, 24.874% 37.517%, 24.874% 37.517%, 24.653% 30.599%, 24.424% 25.227%, 24.19% 21.401%, 23.953% 19.121%, 23.714% 18.387%, 23.475% 19.199%, 23.238% 21.555%, 23.005% 25.457%, 22.776% 30.903%, 22.555% 37.894%, 21.954% 59.34%, 21.954% 59.34%, 21.736% 66.238%, 21.511% 71.638%, 21.281% 75.539%, 21.048% 77.94%, 20.812% 78.839%, 20.577% 78.237%, 20.343% 76.132%, 20.112% 72.522%, 19.885% 67.407%, 19.665% 60.786%, 18.931% 35.751%, 18.931% 35.751%, 18.711% 29.129%, 18.485% 24.014%, 18.254% 20.405%, 18.02% 18.299%, 17.784% 17.697%, 17.549% 18.597%, 17.315% 20.998%, 17.085% 24.899%, 16.86% 30.299%, 16.642% 37.197%, 16.042% 58.643%, 16.042% 58.643%, 15.82% 65.633%, 15.592% 71.079%, 15.358% 74.981%, 15.121% 77.338%, 14.883% 78.149%, 14.644% 77.415%, 14.406% 75.135%, 14.173% 71.31%, 13.944% 65.938%, 13.722% 59.019%, 13.127% 38.011%, 13.127% 38.011%, 12.902% 31.028%, 12.671% 25.624%, 12.435% 21.8%, 12.195% 19.554%, 11.954% 18.885%, 11.713% 19.793%, 11.474% 22.277%, 11.238% 26.335%, 11.008% 31.967%, 10.785% 39.172%, 10.288% 57.364%, 10.288% 57.364%, 10.065% 64.569%, 9.835% 70.201%, 9.6% 74.259%, 9.36% 76.743%, 9.119% 77.651%, 8.878% 76.982%, 8.638% 74.736%, 8.402% 70.912%, 8.171% 65.508%, 7.946% 58.525%, 7.338% 37.044%, 7.338% 37.044%, 7.118% 30.188%, 6.892% 24.846%, 6.66% 21.02%, 6.426% 18.709%, 6.189% 17.913%, 5.952% 18.634%, 5.718% 20.87%, 5.486% 24.622%, 5.259% 29.891%, 5.039% 36.677%, 4.381% 59.622%, 4.381% 59.622%, 4.16% 66.439%, 3.932% 71.724%, 3.699% 75.476%, 3.463% 77.696%, 3.225% 78.385%, 2.988% 77.543%, 2.752% 75.171%, 2.52% 71.27%, 2.292% 65.839%, 2.072% 58.88%);
}

.registration__section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/bg/bg-2.png) center center/cover no-repeat;
  z-index: -1;
}



.pricing-label-img {
  line-height: 0;
}

.fee-box {
  padding: 2em;
  background: var(--secondary-color);
  color: hsl(from var(--primary-hsl) h s calc(l - 30));
  transition: 0.4s;
  text-align: center;
}

.fee-box h2 {
  padding-bottom: 1rem;
  border-bottom: 2px dashed var(--accent-color);
}

.pricing-label-img1 {
  transform: rotate(180deg);
  margin: -2px 0px 0px;
  line-height: 0;
  width: 100% !important;
}

/* =====================
  SECTION : PLACE TO VISIT 
====================== */

.place__to__visit {
  background: var(--primary-color);
  position: relative;
  z-index: 1;
}

.place__to__visit::before {
  content: '';
  background: url(../images/bg/bg-3.webp) bottom center/cover no-repeat;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.1;
}

.destination__info {
  text-align: center;
  position: relative;
  z-index: 1;
  border-radius: 0.7rem;
  overflow: hidden;
  display: block;
  margin: 1rem;
}

.destination__info::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(184deg,
      rgba(255, 255, 255, 0) 33%,
      rgba(var(--secondary-color-rgb), 1) 83%);
  z-index: 1;
}

.destination__text {
  position: absolute;
  bottom: 20px;
  width: 100%;
  color: var(--bs-dark);
  z-index: 1;
}

.destination__info img {
  transition: all 0.3s linear;
}

.destination__info:hover .destination__thumb img {
  transform: scale(1.1);
  transition: all 0.3s linear;
}


/* =====================
  SECTION : VENUE 
====================== */

.venue__section {
  position: relative;
  z-index: 1;
  padding-top: 200px;
  padding-bottom: 100px;
  background: url(../images/bg/bg-5.webp) top left/cover no-repeat;
  /* background-attachment: fixed; */
}

.divider {
  position: absolute;
  top: -1px;
}

.destination__text .text-heading-2{
  font-family: var(--body-font) !important;
  font-size: 20px !important;
}

.sponsor_cont{
 text-align: center;
  text-decoration: none;
  color: #000;
  background: #fff;
  padding: 15px;
  height: 100%;
}

/* =====================
  UTILITIES : VIDEO
====================== */
.video-section {
  position: relative;
  margin: 120px 50px;
  border-radius: 24px;
  overflow: hidden;
}

.video-section::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: linear-gradient(75deg, #182960 -2.93%, rgba(0, 72, 180, 0.24) 98.99%);
  background: linear-gradient(75deg,
      rgba(var(--primary-color-rgb), 1) 0%,
      rgba(var(--primary-color-rgb), 0.25) 100%);
  z-index: 1;
  pointer-events: none;
}

.video-section .video-bg {
  width: 100%;
  height: 700px;
  object-fit: cover;
  display: block;
}

.video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(75deg,
      rgba(24, 41, 96, 0.95),
      rgba(0, 72, 180, 0.3));
  z-index: 1;
}

.video-content {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  z-index: 2;
}

.video-content .shape {
  position: absolute;
  top: -30px;
  left: -80px;
  z-index: -1;
}

.video-content h2 {
  font-size: 100px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-left: 6px solid var(--orange-color);
  padding-left: 30px;
  line-height: 1.1;
}

@media (max-width: 1399px) {
  .video-section {
    margin: 100px 20px;
  }

  .video-section .video-bg {
    height: 550px;
  }

  .video-content h2 {
    font-size: 60px;
  }

  .video-content {
    left: 40px;
  }

  .video-content .shape {
    display: none;
  }
}

@media (max-width: 768px) {
  .video-section .video-bg {
    height: 400px;
  }

  .video-content {
    left: 20px;
  }

  .video-content h2 {
    font-size: 36px;
    padding-left: 15px;
  }
}

@media (max-width: 991px) {
  .video-section .video-bg {
    height: 450px;
  }
}

@media (max-width: 575px) {
  .video-section .video-bg {
    height: 350px;
  }
}

/* =====================
  UTILITIES : ABSTRACT
====================== */


.form-section {
  margin: 0 auto;
  /* overflow: hidden; */
  padding: 3em 3em 3em;
  background: #ffffff;
  box-shadow: 0px 4px 42px -14px rgba(var(--primary-color-rgb), .25);
  border-radius: 30px;
  text-align: left;
  position: relative;
}

.form-section::before {
  position: absolute;
  content: "";
  top: -56px;
  left: -61px;
  width: 130px;
  height: 130px;
  background: rgba(var(--primary-color-rgb), .25);
  border-radius: 100%;
  z-index: -1;
}

.form-section::after {
  position: absolute;
  content: "";
  bottom: -56px;
  right: -61px;
  width: 150px;
  height: 150px;
  background: rgba(var(--primary-color-rgb), .25);
  border-radius: 100%;
  z-index: -1;
}

.form-section .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 .25rem rgba(var(--primary-color-rgb), .25);
}


/* =====================
  UTILITIES : SLICK
====================== */

.my-slider-section {
  width: 90%;
  margin: 40px auto;
}

.my-slider img {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.my-slider .slick-slide {
  margin: 0 15px;
}

.my-slider .slick-list {
  margin: 0 -15px;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.slick-prev:before,
.slick-next:before {
  color: var(--primary-color) !important;
  font-size: 1.5rem !important;
}

.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

.slick-dots {
  bottom: -40px;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #bbb;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: #000;
}


/* =====================
    UTILITIES : COUNTER
    ====================== */

.counter__info {
  position: relative;
  z-index: 5;

  border-radius: 18px;
  background: rgba(255 220 220 / 0.8);
  height: 100%;
  text-align: center;
}

.counter__section .section__subtitle {
  background: rgba(255 220 220 / 0.8);
}

/* =====================
    UTILITIES : CURSOR
    ====================== */

.cursor {
  position: fixed;
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.5s;
  transition: 0.1s;
  z-index: 9999;
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background: var(--primary-color);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.2s;
  z-index: 9999;
}

/* =====================
  UTILITIES: SCROLL TOP
====================== */
.scrollToTop {
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  background-color: rgba(var(--secondary-color-rgb), 0.5);
  color: var(--bs-light);
  border: none;
  border-radius: 50%;
  padding: 1rem;
  line-height: 1;
  z-index: -1;
  transform: translateY(1rem);
  opacity: 0;
  transition: 500ms ease-in-out 150ms;
}

.scrollToTop.show {
  z-index: 1111;
  transform: translateY(0);
  opacity: 1;
}

/* =====================
    RESPONSIVE : DESKTOP
    ====================== */

@media only screen and (min-width: 1025px) {}


/* =====================
    RESPONSIVE : TABLET
    ====================== */

@media only screen and (max-width: 1024px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu__bar {
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background: none;
  }

  .menu__bar .navbar .navbar-toggler {
    background: var(--secondary-color);
  }

  .offcanvas-body {
    background: var(--primary-color);
  }

  .menu__bar .nav-link {
    color: var(--bs-light);
  }

  #countdown {
    grid-template-columns: repeat(2, 1fr);
  }

  .cursor,
  .cursor2 {
    display: none;
  }
}

/* =====================
  RESPONSIVE : ANIMATIONS
====================== */

.a__box {
  animation: translate ease-in-out;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes translate {
  from {
    opacity: 0;
    transform: translate(-100px);
  }

  to {
    opacity: 1;
    transform: translate(0px);
  }
}

.a__box {
  animation: scale ease-in-out;
  animation-timeline: view();
  animation-range: entry 0% cover 40%;
}

@keyframes scale {
  from {
    opacity: 0;
    scale: 0.5;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

/* =====================
  RESPONSIVE : MOBILE
====================== */

@media only screen and (max-width: 576px) {
  .breadcrumb__sc .breadcrumb {
    width: 90%;
  }
  .breadcrumb__sc{
    padding-top: 50px !important;
  }

  .updates {
    flex-direction: column;
  }

  .updates>* {
    width: 100%;
  }

  .hero {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: auto;
  }

  .about-three__experience {
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 13px 8px 4px;
    z-index: 1;
  }

  .about-three__experience-count h3 {
    font-size: 32px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1;
  }

  .about-three__experience-count span {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: var(--primary-color);
    top: -21px;
  }
}

.btn_main {
  display: inline-block;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50px;
  background: linear-gradient(90deg, #ff00cc, #3333ff);
  background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
  display: inline-block;
  text-decoration: none;
}

/* Glow effect */
.btn_main::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: linear-gradient(90deg, #ff00cc, #3333ff);
  background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
  filter: blur(15px);
  opacity: 0.6;
  z-index: -1;
  transition: opacity 0.3s linear;
}

/* Hover animation */
.btn_main:hover {
  transform: translateY(-3px) scale(1.05);
  transition: all 0.3s linear;
}

/* Stronger glow on hover */
.btn_main:hover::before {
  opacity: 1;
  filter: blur(25px);
  transition: all 0.3s linear;
}

.btn_main::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skewX(-25deg);
}

.btn_main:hover::after {
  animation: shine 0.8s ease forwards;
}

@keyframes shine {
  to {
    left: 125%;
  }
}

label.error{
  color: #f00;
}