@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");

:root {
  --bs-color-rgb: 30, 67, 125;
  --bs-color-gold-rgb: 212, 175, 55;
  --bg-dark: #1e437d23;
  --theme: #082a5e;
  --bs-color: #1e437d;
  --bs-text: #fff;
  --bs-light: #bdc7d8;
}



.fs-7 {
  font-size: 0.90rem !important;
}

.fs-8 {
  font-size: 0.80rem !important;
}

.fs-9 {
  font-size: 0.70rem !important;
}

.fs-10 {
  font-size: 0.60rem !important;
}

.w-fit {
  width: fit-content !important;
}

.w-max {
  width: max-content !important;
}

.h-fit {
  height: fit-content !important;
}

.h-max {
  height: max-content !important;
}


.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-color-gold-rgb), var(--bs-border-opacity)) !important;
}
.body {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.logo{
  color: var(--bs-color);

}

.heading {
  color: var(--bs-color);
}
.more-text {
  display: none;
  
}
a{
  color: #d4af37;
}
.bg-gold {
  background-color: #d4af37 !important;
  ;
}


.bg-primary {
  background-color: var(--bs-color) !important;
}

#border-golden {
  border-color: #d4af37 !important;
}

.highlight-text {
  padding: 15px;
  margin: 10px 0;
  background-color: var(--bs-color);
  position: relative;
  border-radius: var(--border-radius);
}
.highlight-text::before {
  content: '';
  width: 10px;
  height: 5px;
  position: absolute;
  top: 0;
  background: linear-gradient(var(--deg), var(--bs-color) 50%, transparent 50%);
}
.highlight-text.right {
  --border-radius: 8px 0 8px 8px;
}
.highlight-text.right::before {
  --deg: 155deg;
  right: -10px;
}
.highlight-text.left {
  --border-radius: 0 8px 8px;
}
.highlight-text.left::before {
  --border-radius: 0 8px 8px;
  --deg: 200deg;
  left: -10px;
}
.rounded-circle{
  --box: 20px;
  width: var(--box);
  height: var(--box);
  background: linear-gradient(225deg, rgba(var(--bs-color-rgb),1), rgba(var(--bs-color-rgb), 80%));
  display: flex;
  justify-content: center;
  align-items: center;
  >div{
    --gap: 8px;
    height: calc( var(--box) - var(--gap));
    width: calc( var(--box) - var(--gap));
    border-radius: 50px;
    background: linear-gradient(45deg, #f5e4ad, rgba(var(--bs-color-gold-rgb), 1));
  }
}



.bg-light {
  background-color: var(--bs-light) !important;
}

.btn-primary {
  --bs-btn-bg: #1e437d !important;
  --bs-btn-border-color: #1e437d !important;
  --bs-btn-hover-bg: #0f2b58 !important;
  --bs-btn-hover-border-color: #0f2b58 !important;
  --bs-btn-active-bg: #0f2b58 !important;
  --bs-btn-active-border-color: #0f2b58 !important;
  --bs-btn-disabled-bg: #1e437d !important;
  --bs-btn-disabled-border-color: #1e437d !important;
}

.btn-outline-primary {
    --bs-btn-color: #1e437d;
    --bs-btn-border-color: #1e437d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e437d;
    --bs-btn-hover-border-color: #1e437d;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e437d;
    --bs-btn-active-border-color: #1e437d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1e437d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1e437d;
    --bs-gradient: none;
}

.linear-gradient {
  min-height: 300px;
  background: linear-gradient(to top, var(--bs-color) 40%, transparent 35%);
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-color), var(--bs-text-opacity)) !important;
}

.amenities-slide {
  >div {
    overflow: hidden;
  }

  .img-amenities {
    transition: 0.5s ease-in-out;
  }

  .text-amenities {
    transition: 0.5s ease-in-out;
  }

  .img-amenities.active {
    transform: translateX(-100%);
  }

  .text-amenities.active {
    transform: translateX(100%);
  }


}

.nav {
    --bs-nav-link-color: #cbcbcb;
    --bs-nav-link-hover-color: #cfe2ff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  color: #fff;
  background-color: transparent !important;
}

@media (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav, .navbar-expand-lg .navbar-nav a {
        font-size: 11px;
    }
}
.modal-header{
    padding-top:0px !important ;
}
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
    background: var(--bs-color);
    border-radius: 0 0 4px 4px;
}
.adaptiv-hight{
    height: 400px;
}
@media screen and (max-width: 768px) {
    .navbar-nav{
        background-color:  transparent !important;
    }
    .adaptiv-hight{
        height: 70vw;
    }
}