.subscribe-form button {
    border-radius: 8px 0px 0px 8px !important;
}
.slick-track {
    transform: none !important;
}
.login-button {
    font-size: 14px !important;
}

 .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

figure.snip1477 figcaption p {
  color: white;
}

.tra{
    position: relative;
    display: inline-block;
    padding: 12px;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 2px;
    overflow: hidden;
    margin-right: 50px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 14px;
}
.tra:hover{
    background: #969696;
    color: #050801;
    box-shadow: 0 0 5px #969696,
                0 0 25px #969696,
                0 0 50px #969696,
                0 0 200px #969696;
     -webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}
.tra:nth-child(1){
    filter: hue-rotate(270deg);
}
.tra:nth-child(2){
    filter: hue-rotate(110deg);
}
.tra span{
    position: absolute;
    display: block;
}
.tra span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#969696);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
.tra span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#969696);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
.tra span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#969696);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}


.tra span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#969696);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}


/* handle media query */
/* handle media query */
@media (max-width: 1024px) {
  .header_trigger {
    width: 33px;
  }
  .header_trigger span {
        height: 6px;
  }
  .header_trigger span:nth-child(2), .header_trigger span:nth-child(3) {
    top: 10px;
}
.header_trigger span:nth-child(4) {
    top: 20px;
}
}

@media (max-width: 366px) {
  .tra {
    font-size: 12px;
  }
}


@media (max-width: 1418px) {
  .slider__image.image1 {
        height: 724px;

  }
}
@media (max-width: 1366px) {
  .sliderr {
        height: 870px !important;

  }
}
@media (max-width: 1364px) {
  .sliderr {
        height: 868px !important;

  }
}
@media (max-width: 1121px) {
    .slider__image.image1 {
        height: 756px;
    }
}
@media (max-width: 1025px) {
    .slider__image.image1 {
        height: 770px;
    }
}
@media (max-width: 861px) {
    .slider__image.image1 {
        height: 798px;
    }
}

@media (max-width: 1025px) {
    .container {
    padding: 77px 20px;
    margin-top: 120px;
}
}
@media (max-width: 861px) {
    .container {
        padding: 77px 20px;
        margin-top: 315px;
    }
}
@media (max-width: 1418px) {
  .slider__image.image2 {
        height: 757px;

  }
}
@media (max-width: 1026px) {
  .slider__image.image2 {
        height: 770px;
  }
}
@media (max-width: 861px) {
  .slider__image.image2 {
        height: 801px
  }
}
@media (max-width: 1366px) {
  .slider__image.image3 {
        height: 100.5% !important;
  }
}
@media (max-width: 1366px) {
  .slider__image.image4 {
        height: 100.5% !important;
  }
}
@media (max-width: 1025px) {
    #section-1 .content-slider nav {
        bottom: -153px;
    }
}
@media (max-width: 770px) {
    #section-1 .content-slider nav {
        bottom: -292px;
    }
}
@media (max-width: 455px) {
    #section-1 .content-slider nav {
        bottom: -360px;
    }
}
@media (max-width: 504px) {
    .banner-text {
            font-size: 18px;

    }
}

@media (max-width: 410px) {
    h3 {
        font-size: 21px;
    }
    .quote_header-icon {
            width: 127px !important;
    }
    .subtitle1 {
        font-size: 25px;
    }
}
@media (max-width: 332px) {
    .subtitle1 {
        font-size: 20px;
    }
}
@media (max-width: 330px) {
    .subtitle1 {
        display: block;
    }
}
figure.snip1477 a {
    position: initial !important;
}
@media (max-width: 732px) {
    #map {
        margin: 69px !important;
    }
}
@media (max-width: 668px) {
    #map {
        margin: 43px !important;
    }
}

@media (max-width: 640px) {
    #map {
        width: 545px !important;
        height: 300px !important;
        margin: 20px auto !important;
        border-radius: 22px !important;
        padding: 0 !important;
    }
}
@media (max-width: 580px) {
    #map {
       width: 398px !important
    }
}
@media (max-width: 420px) {
    #map {
        width: 299px !important;
    }
}
@media (max-width: 1024px) {
    .brand {
        margin-right: 511px !important;
    }
}
@media (max-width: 893px) {
    .brand {
        margin-right: 344px !important;
    }
    .container.d-flex {
        width: 518px !important;
    }
}
@media (max-width: 668px) {
    .container.d-flex {
        width: 334px !important;
    }
    .brand {
        margin-right: 159px !important;
    }
}

@media (max-width: 517px) {
    .header_trigger {
        width: 28px !important;
    }
    .header_trigger span {
        height: 4px !important;
    }
    .header_trigger span:nth-child(1) {
        top: 4px !important;
    }
    .header_trigger span:nth-child(2), .header_trigger span:nth-child(3) {
        top: 11px !important;
    }
    .header_trigger span:nth-child(4) {
        top: 17px !important; 
    }
    .tra {
        margin-right: 0 !important;
        letter-spacing: 1px;
        font-size: 11px;
    }
    .brand {
        margin-right: 106px !important;
    }
    .container.d-flex {
        width: 276px !important;
    }
}
@media (max-width: 330px) {
    .brand {
        margin-right: 66px !important;
    }
}
.header_nav-list .login-button i {
    position: relative;
    left: 3px;
}
.header_nav-list {
    gap: 25px;
}
.forLogo {
    background: rgb(90, 90, 90);
    border-radius: 73px;
    width: 289px;
    height: 86px;
    text-align: center;
    display: inline-block;
}
.brand_logo {
    width: 65px !important;
    height: 65px !important;
  
}
.footer_img {
    margin-right: 228px;

}


.header_nav {
  background-color: transparent;
  transition: background-color 0.3s, color 0.3s;
}

.header_nav a {
  position: relative; /* needed for pseudo-element positioning */
  color: #696969;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s;
}

.header_nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px; /* space under text */
  width: 0;
  height: 2px;
  background-color: currentColor; /* underline matches text color */
  transition: width 0.3s ease;
}

.header_nav a:hover {
  color: #323131;
}

.header_nav a:hover::after {
  width: 100%;
}
.header_nav li a {
    color: #696969; 
    transition: color 0.3s ease-in-out; /* Smooth transition */
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.header_nav.scrolled li a {
  color: black !important;
}
@media (max-width: 568px) {
    .spots_info-btn.btn {
        width: 122px !important;
    }
}
@media (max-width: 1024px) {
    .brand_logo {
            margin-right: 87px;
    }
}