@import url(../fonts/fonts.css);
@import url(../css/bootstrap.min.css);
@import url(../css/swiper-bundle.min.css);
@import url(../css/aos.css);
@import url(../css/header.css);
@import url(../css/footer.css);

:root {
  /* Fonts */
  --font-primary: 'Gotham';
  --font-primary1: 'Gotham Book';
  --font-secondary: 'Requiem';
  --font-secondary2: 'Bembo Book MT Pro';
  --font-secondary3: 'Bembo Book MT Pro';

  /* Colors */
  --color-15: #152242;
  --color-a6: #A69867;
  --color-c0: #C0B694;
  --color-f6: #F6A120;
  --color-007: #0072BA;
  --color-black: #000000;
  --color-white: #fff;
  --color-1f: #1F6A1490;
  --color-f6f: #F6F5EF;
  --color-f9: #F9F9F9;
  --color-e9: #E9E5E4;
  --color-db: #DBD6C2;
  --color-a0: #A065A0;
  --colorff: #FF0000;
  --colorc5: #C5292C;
  --color65: #652F6C;

  /* Fonts (fluid using clamp) */
  --font-65: clamp(5.8rem, 6.3vw, 6.5rem);
  --font-62: clamp(5.4rem, 6.1vw, 6.2rem);
  --font-60: clamp(4.4rem, 6vw, 6rem);
  --font-58: clamp(4.2rem, 2.9vw, 5.8rem);
  --font-52: clamp(4.8rem, 2.8vw, 5.2rem);
  --font-48: clamp(4rem, 4.2vw, 4.8rem);
  --font-42: clamp(3.5rem, 4vw, 4.2rem);
  --font-36: clamp(3rem, 3vw, 3.6rem);
  --font-30: clamp(2.5rem, 2.5vw, 3rem);
  --font-26: clamp(2.2rem, 2.2vw, 2.6rem);
  --font-24: clamp(1.85rem, 2vw, 2.4rem);
  --font-21: clamp(1.75rem, 1.7vw, 2.1rem);
  --font-18: clamp(1.65rem, 1.6vw, 1.8rem);
  --font-17: clamp(1.55rem, 1.5vw, 1.7rem);
  --font-16: clamp(1.5rem, 1.4vw, 1.6rem);
  --font-15: clamp(1.4rem, 1.25vw, 1.5rem);
  --font-14: clamp(1.3rem, 1vw, 1.4rem);
  --font-13: clamp(1.2rem, 0.9vw, 1.3rem);
  --font-11: clamp(1rem, 0.8vw, 1.1rem);

  /* Letter spacing */
  --letter-spacing11: 1.61px;
  --letter-spacing18: -1.68px;

  /* Container */
  --container-min: 1200px;
  --container-ideal: 89.9vw;
  /* hits 1726px at 1920px */
  --container-max: 1726px;
  --container-padding: 1.5rem;
}

/* Base HTML font size */
html {
  font-size: 62.5%;
  /* 1rem = 10px */
}

/* Responsive font scaling */
@media (min-width: 2399px) {
  html {
    font-size: 70%;
  }
}

@media (max-width: 1600px) {
  html {
    font-size: 58%;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: 55%;
  }
}

@media (max-width: 1280px) {
  html {
    font-size: 52%;
  }
}

@media (max-width: 1024px) {
  html {
    font-size: 50%;
  }
}

@media (max-width: 991px) {
  html {
    font-size: 59%;
  }
}

/* Container */
.container {
  max-width: clamp(var(--container-min), var(--container-ideal), var(--container-max));
  margin: 0 auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
}

/* Smaller screen container adjustments */
@media (max-width: 1440px) {
  :root {
    --container-min: 1000px;
    --container-max: 1600px;
  }
}

@media (max-width: 992px) {
  :root {
    --container-min: 90%;
    --container-max: 100%;
  }
}

/* Ultrawide screen adjustments (1921px → 3000px) */
@media (min-width: 1921px) {
  :root {
    --container-max: 1820px;
    /* optional smooth growth */
    --font-65: 7rem;
    --font-62: 6.5rem;
    --font-60: 6.2rem;
    --font-58: 6rem;
  }
}

@media (min-width: 2399px) {
  :root {
    --container-max: 2000px;
    /* optional smooth growth */
    --font-65: 7rem;
    --font-62: 6.5rem;
    --font-60: 6.2rem;
    --font-58: 6rem;
  }
}

html,
body {
  margin: 0;
  scroll-behavior: smooth;
  color: var(--color-15);
  font-family: var(--font-primary);
}

figure {
  margin: 0;
  padding: 0;
}

h1,
h2 {
  padding: 0;
  margin: 0;
  font-family: var(--font-secondary);
  color: var(--color-a6);
}

a,
p {
  text-decoration: none;
  font-size: var(--font-15);
}

h2 {
  color: var(--color-a6);
}

ul {
  padding: 0;
  list-style: none;
}

a.streched_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

p:not(:last-child) {
  margin-bottom: 2rem;
}

.m-lr-6 {
  margin-inline: 5.35rem 0;
}

svg {
  stroke: currentColor;
}

.img-scale {
  overflow: hidden;
}

.img-scale:hover img {
  transform: scale(1.1);
}

.img-scale img {
  transform: scale(1);
  transition: .5s ease all;
}

ul,
li {
  font-size: var(--font-16);
}

.container {
  max-width: clamp(var(--container-min), var(--container-ideal), var(--container-max));
  margin: 0 auto;
  padding: 0;
  /* padding-left: var(--container-padding);
  padding-right: var(--container-padding); */
  box-sizing: border-box;
}

em {
  font-family: var(--font-secondary3);
  color: var(--color-15);
  font-size: var(--font-24);
}

.list1 li {
  margin-bottom: 2rem;
  padding-inline: 3.7rem 0;
  position: relative;
  font-weight: 300;
  font-size: var(--font-15);
}

.list1 li:before {
  width: 18px;
  height: 18px;
  background: url(../images/stars-icon.svg);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .4rem;
  content: "";
}

.inner-container {
  max-width: clamp(1100px, 76.9vw, 1475px);
  margin: 0 auto;
  padding-inline: 0;
  box-sizing: border-box;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1600px) {
  .inner-container {
    max-width: clamp(1000px, 78vw, 1350px);
  }
}

@media (max-width: 1440px) {
  .inner-container {
    max-width: clamp(900px, 80vw, 1250px);
  }
}

@media (max-width: 1280px) {
  .inner-container {
    max-width: clamp(850px, 85vw, 1150px);
  }
}

@media (max-width: 1024px) {
  .inner-container {
    max-width: 90%;
  }
}

/* Ultrawide (1921px → 3000px) screens */
@media (min-width: 1921px) {
  .inner-container {
    max-width: clamp(1475px, 72vw, 1800px);
  }
}

@media (min-width: 2399px) {
  .inner-container {
    max-width: clamp(1475px, 72vw, 2000px);
  }
}

.italic-text {
  font-style: italic;
  font-size: var(--font-24);
  line-height: 1.3;
  margin-bottom: 4rem;
  font-family: var(--font-secondary2);
  font-weight: 400;
}

.section-title {
  font-size: var(--font-24);
  font-weight: bold;
  color: var(--color-15);
  margin-bottom: 4rem;
  text-transform: uppercase;
}

.font60 {
  color: var(--color-a6);
  font-size: var(--font-60);
  font-family: var(--font-secondary2);
}

.font18 {
  color: var(--color-a6);
  font-size: var(--font-18);
  margin-bottom: 3rem;
}

.sec-image-overlay1 {
  background-image: url(../images/section-bg1-img.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.sec-image-overlay2 {
  background-image: url(../images/section-bg2-img.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.sec-image-overlay3 {
  background-image: url(../images/section-bg-img.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

img.stars-icon,
.about_panel2_text1 .stars-icon {
  width: auto;
}


#goTopBtn {
  position: fixed;
  bottom: 3rem;
  right: 1rem;
  z-index: 999;
  width: 4.1rem;
  height: 4.1rem;
  border: none;
  border-radius: 0;
  background: #071642;
  /* purple */
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
  border: 1px solid #fff;
}

#goTopBtn:hover {
  background: var(--color-a6);
  /* yellow */
  color: #fff;
  transform: translateY(-3px);
}

/* Mobile */
@media (max-width: 768px) {
  #goTopBtn {
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}