.container-fluid {
    max-width: 1368px;
}

body {
    font-family: "Mitr", sans-serif;
}


.summer-text {
    color: #ffffffd1!important;
    font-size: 1.0rem;
    font-weight: 300;
    line-height: 1.5rem;
}

.summer-text  .blockquote {
    margin-bottom: 1rem;
    font-size: 1.40rem;
    font-weight: 500;
}

.summer-text > blockquote {
    background-color: #000000;
    border-left: 0.7rem solid #d06258;
    margin: 1.5em .7rem;
    padding: .5em .7rem;
}

.summer-text > h1 {
    font-size: 2.6rem;
    color: #ffffffd1!important;
}

.summer-text > h2 {
    font-size: 2.2rem;
    color: #ffffffd1!important;
}
.summer-text > h3 {
    font-size: 1.9rem;
    color: #ffffffd1!important;
}
.summer-text > h4 {
    font-size: 1.6rem;
    color: #ffffffd1!important;
}
.summer-text > h5 {
    font-size: 1.3rem;
    color: #ffffffd1!important;
}
.summer-text > h6 {
    font-size: 1.0rem;
    color: #ffffffd1!important;
}


.img-rax {
    border-radius: 5px;
}

.img-sizefixe {
    max-width: 90%;
    height: auto;
}

h1 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    color: #050931;

}

.th-card {
    font-size: 18px;
    color: #0f294d;
    font-weight: 500;
}

.topictour {
    margin: 0 0 3px 0;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
    -webkit-box-orient: ver;
    display: -webkit-box;tical;
    color: #000;
    font-weight: 400 !important;
}

.text-view span {
    font-weight: 300;
    color: #000000;
    line-height: 1.5rem;
}

.text-view > p {
    font-weight: 300;
    color: #000000;
    line-height: 1.5rem;
}

p {
    font-size: 1.1rem;
    font-weight: 320;
    line-height: 1.8rem;
    color: #000000;
    padding: 0;
}

.ml-2 {
    margin-left: 0.5rem;
}

/* ================= Navbar =================== */
.navbar {
    background-color: #FFF !important;
}


.navbar .nav-item .nav-link {
    font-size: 18px;
    font-weight: 500;
    color: #1a1d43;
    margin: 0 3px;
    transition: all .2s ease-in-out;
}

.navbar .nav-item .nav-link:hover {
    color: #ffd800;
}

.navbar .nav-item .active {
    color: #ffd800;
}

.btn-main {
    background-color: #ffd800;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 35px;
    border-radius: 3px;
    display: inline-block;
    transition: all .2s ease-in-out;
}

.btn-main:hover {
    background-color: #ffd800;
    color: #fff;
}

/* ================= Navbar =================== */
.banner {
    padding: 35px 5px 50px 5px;
    background-color: #ECF1F4;
}

.banner span    {
    background-color: #D3E8E1;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    color: #4E6570;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}


.topic {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}


.details {
    font-size: 16px;
    line-height: 1.4rem;
    margin-bottom: 15px;
}

.price {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2px;
    opacity: 0.8;
}

.btn-line {
    background-color: #00b900;
    color: #FFF;
}
.btn-line:hover {
    background-color: #11a911;
    color: #FFF;
}

.btn-facebook {
    background-color: #0866ff;
    color: #FFF;
}
.btn-facebook:hover {
    background-color: #3984ff;
    color: #FFF;
}

.btn-phone {
    background-color: #ff7828;
    color: #FFF;
}
.btn-phone:hover {
    background-color: #c75a1a;
    color: #FFF;
}

.card-location {
    background: rgb(11 24 38);
    border-radius: 5px;
}



.tag {
    display: inline-block;
    padding: 3px 7px;
    background: #ff200038;
    border-radius: 3px;
    margin-top: 4px;
    margin-right: 2px;
    font-size: 85%;
}

.text-gold {
   letter-spacing: 0.5px;
   font-size: 22px;
   font-weight: 600;
   background-image: linear-gradient(
    to right,
    #462523 0,
        #cb9b51 22%, 
    #f6e27a 45%,
    #f6f2c0 50%,
    #f6e27a 55%,
    #cb9b51 78%,
    #462523 100%
    );
   color:transparent;
   -webkit-background-clip:text;
}

.zoom-in-out-box {
  animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.img-zoom-box {
      overflow: hidden;
      display: inline-block;
      border-radius: 5px 5px 0px 0px;
  }

  /* Initial style for the image */
  .img-zoom {
      transition: transform 0.5s ease;
  }

  /* Zoom effect on hover */
  .img-zoom:hover {
      transform: scale(1.12); /* Adjust the scale value as needed */border-radius: 5px;
  }

.head-card {
    font-size: 18px;
    color: #235850;
    font-weight: 600;
}


.body-detail {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
}
.bg-gold {
    background-color: #0b1826;
    border-radius: 10px;
    padding: 10px 0px 10px 0px;
}

.bg-facebook {
    color: #ffffff;
    background-color: #358ce7;
    text-align: center;
    margin: 2px;
    transition: filter 0.1s;
}

.bg-line {
    color: #ffffff;
    background-color: #2ea90f;
    text-align: center;
    margin: 2px;
    transition: filter 0.1s;
}

.bg-youtube {
    color: #ffffff;
    background-color: #ff4489;
    text-align: center;
    margin: 2px;
    transition: filter 0.1s;
}

.bg-tiktok {
    color: #ffffff;
    background-color: #232323;
    text-align: center;
    margin: 2px;
    transition: filter 0.1s;
}

.bg-ig {
    color: #ffffff;
    background-color: #ccc;
    text-align: center;
    margin: 2px;
    transition: filter 0.1s;
}

.bg-facebook:hover {
    color: #ffffff;
    filter: brightness(115%);
}

.bg-line:hover {
    color: #ffffff;
    filter: brightness(115%);
}

.bg-youtube:hover {
    color: #ffffff;
    filter: brightness(115%);
}

.bg-tiktok:hover {
    color: #ffffff;
    filter: brightness(115%);
}

.bg-ig:hover {
    color: #ffffff;
    filter: brightness(115%);
}


.head-demo {
    font-size: 22px;
    font-weight: 500;
}

.head-demo:before {bottom: 6px;content: "";height: 4px;position: absolute;width: 80px;background: #282f41;}

.head-demo {
border-bottom: 1px solid #ccc;
}

.boximg {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
  }

  .boximg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
  }

  .price_home {
    position: absolute;
    right: 0;
    top: 5px;
    background: #060606;
    color: #ffffff;
    padding: 6px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 18px;
    text-align: right;
    line-height: 1.1rem;
  }

  .price_home s {
    color: #fff;
    font-size: 14px;
    display: block;
  }

  


@media (max-width: 407px) {
    .banner span {
        font-size: 14px;
    }
    .banner h1 {
        font-size: 36px;
    }
}