*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* font */

@font-face {
    font-family: 'primaryFont';
    src: url('/Font/primary/tt0144m_.ttf') format('truetype'),
         url('/Font/primary/tt0141m_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'secondaryFontTitle';
    src: url('/Font/secondary/GothamMedium.ttf') format('truetype'),
         url('/Font/secondary/Gotham-Thin.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'secondaryFontPara';
    src: url('/Font/secondary/Gotham-Thin.otf') format(' opentype'),
         url('/Font/secondary/GothamLight.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
h1{
    font-family: 'primaryFont';
}
h2{
    font-family: 'secondaryFontPara'; 
}
p{
    font-family: 'secondaryFontPara'; 
}

a{
    color: #000;
    font-weight: 600;
}
.container{
    padding: 0 40px;
}

/* ?navbar */
.gradient-bg {
    background: linear-gradient(to  bottom, #e98c00, #8b5400);
    color: white;
}
.join-item {
    display: inline-block;
    padding: 8px 12px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #ffffff;
    color: #000;
    outline: 0;
    border-right: 2px solid rgba(128, 128, 128, 0.308);
    
}

.join-item:hover {
    background-color: #fa9600; 
    color: #ffffff; 
}
.join-item.active {
    background-color: #fa9600; 
    color: #ffffff; 
}
.join-item:first-child {
    border-top-left-radius: 0.375rem; /* Rounded top-left corner */
    border-bottom-left-radius: 0.375rem; /* Rounded top-right corner */
}
.join-item:last-child {
    border-top-right-radius: 0.375rem; /* Rounded bottom-left corner */
    border-bottom-right-radius: 0.375rem; /* Rounded bottom-right corner */
}

/* banner section */
.banner-img>img{
    height: 450px;
    width: 100%;
    image-resolution: 100%;
    padding: 0;
    margin: 0;
}

.gray-font{
    color: #b5b5b5;
    font-weight: 700;
}

/* after banner section */
.after-banner-section{
    border: 1px solid #fa9600;
}
.orange-font{
    color: #fa9600;
}

/* gallery */
.gallery-text:hover{
    color: #ffffff;
    cursor: pointer;

}
/* carousel */
.glide__arrow {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    opacity: 1;
    transform: translateY(-50%);
}


/* .icon-slider img{
width: 20px;
} */

#slider {
    display: flex;
    transition: transform 0.7s ease-out;
  }
/* swipper */
.swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    transition: transform 0.3s ease;
  }
  .swiper-slide img {
    display: block;
    object-fit: cover;
  }

  .swiper-slide-active {
    transform: scale(1.9); 
    z-index: 10; 
  }
  .swiper-button-next, .swiper-button-prev {
    color: #fff; /* Adjust color for navigation buttons */
  }
/* form */


.placeholder-bold::placeholder {
    font-weight: bold;
}










/* media query */
/* pc */
@media (min-width: 1024px) and (max-width: 1440px) {
    .banner-hero{
        height: 600px;
    }
}


/* mobile */
@media (max-width: 767px) {

    .container{
        padding: 0 10px;
    }

ul li:hover {
    background-color: #fa9600; 
    color: #ffffff; 
}
ul li.active {
    background-color: #fa9600; 
    color: #ffffff; 
}
.banner-hero{
    height: 100%;
}
    /* /banner */
    .banner-img>img{
        height: 350px;
        width: 100%;
        image-resolution: 100%;
        padding: 0;
        margin: 0;
    }
}