@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Inter', sans-serif !important;
  background-color: #e6f5ff;
}

.btn-primary:active {
  color: #fff;
  background-color: #e0d7b9;
  border-color: #e0d7b9;
}

.custom-section-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
}

.input-subscribe,
.input-subscribe::placeholder,
.input-subscribe:-ms-input-placeholder,
.input-subscribe::-ms-input-placeholder {
  color: #fff;
}

.header-navbar {
  padding: 0px 50px;
  z-index: 10;
}

.navbar-toggler-icon.show {
  background-image: url('./../img/icon/x-mark.svg');
  font-size: 15px;
}

.navbar-toggler.border-0 {
  color: #383b7a;
  border-radius: 8px;
}

.site-header {
  background-color: #e3f4ff;
}

.hero {
  overflow: hidden;
  position: relative;
  top: -30px;
}

.hero-container__img {
  display: none;
}

.csv-brand {
  cursor: pointer;
  height: 100%;
}

.csv-brand.disabled {
  opacity: 0.5;
}

.news,
.about {
  overflow: hidden;
  position: relative;
}

.news-circle {
  top: 250px;
  left: -350px;
  width: 40%;
  min-height: 750px;
  background: #fbf6e6;
  position: absolute;
  border-radius: 100%;
  z-index: -10;
}

.about-shape {
  top: 100px;
  left: 0px;
  width: 40%;
  height: 400px;
  background: #fbf6e6;
  position: absolute;
  z-index: -10;
}

.img-cover,
.img-hero-1 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}

.csv-brand-detail {
  display: none;
}

.rounded {
  border-radius: 16px !important;
}

.about_desc p,
.brand-detail-desc p {
  color: #000;
}

.font-inter {
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.02em;
}

.bg-violet {
  background-color: #383b7a !important;
}

.btn-signin {
  background-color: #6cb1e1;
}

.font-violet {
  color: #383b7a;
}

.font-bg {
  color: #40a8ff;
}

.number-item {
  width: 50px;
  height: 50px;
}

.service-item {
  width: 374px;
  height: 374px;
  padding: 62px 40px;
  background-color: #fafafa;
  border-radius: 6px;
  margin: 19.5px !important;
}

.service-item p {
  display: flex;
  align-items: end;
}

.news-carousel.owl-carousel .item.active {
  transform: translateY(-5%);
  background-color: #383b7a;
  transition: all 0.25s ease 0s;
}

.news-carousel.owl-carousel .item.active h1 {
  color: #f4faff;
}
.news-carousel.owl-carousel .item.active h6,
.news-carousel.owl-carousel .item.active p {
  color: #5190d1;
}

.news-carousel.owl-carousel .item:not(.active) {
  transform: translateY(0);
  background-color: #f4faff;
  transition: all 0.25s ease 0s;
}

.news-carousel.owl-carousel .item:not(.active) h1 {
  color: #383b7a;
}

.news-carousel.owl-carousel .item:not(.active) p,
.news-carousel.owl-carousel .item:not(.active) h6 {
  color: #5190d1;
}

.service-item:hover {
  background-color: #e0f0ff;
  box-shadow: 8px 8px 11px 1px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}

.reference-item {
  background-color: #ffffff;
  width: 280px;
  height: 500px;
  padding: 30px 35px;
}

.reference-item__comment p {
  line-height: 19.36px;
  color: #575757;
}

.line-category {
  border: 1px solid #5190d1;
}

.carousel-dots {
  width: 15px;
  height: 15px;
  background: #383b7a;
  opacity: 0.5;
}

.bg-footer {
  position: absolute;
  bottom: 0;
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: linear-gradient(143.22deg, rgba(226, 240, 255, 0.35) 25.55%, rgba(67, 203, 233, 0.35) 139.82%), #e2f0ff;
}

.bg-footer img {
  mix-blend-mode: screen;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.font-inter.font-violet.section-title {
  font-weight: 800;
}

#casavelBrands {
  background-color: #ffffff;
}

.partner-img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.footer-body {
  margin: 20px 50px;
}

.hero-title {
  margin-top: 20px;
  padding: 0px 38px;
}

/* Reference Carousel */
#referencesCarousel .owl-dots {
  text-align: center;
  margin-top: 80px;
  display: flex;
  gap: 14px;
  justify-content: center;
}

#referencesCarousel span {
  display: none;
}

#referencesCarousel .owl-dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #383b7a;
  opacity: 0.5;
}

#referencesCarousel .owl-dot.active {
  opacity: 1;
}

/* .referencesCarousel.owl-carousel.references-carousel p {
  line-height: 19px;
}

.references.owl-carousel.references-carousel h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
} */

/* End Carousel DOTS */

.navbar-collapse.collapse.rounded-3.py-4 {
  transition: all 0.5s ease 0s;
  top: 100px;
}
@media screen and (min-width: 576px) {
  #casavelBrands {
    padding: 0px 50px;
  }

  .reference-item {
    width: 500px;
    height: 300px;
    padding: 30px 35px;
  }

  .partner-img {
    width: 205px;
    height: 205px;
    border-radius: 100%;
  }
}

@media screen and (min-width: 768px) {
  #casavelBrands {
    padding: 0px 50px;
  }
}

@media screen and (min-width: 992px) {
  #header-wrap {
    z-index: 2;
  }

  .site-header {
    background-color: unset;
  }

  .img-cover.img-hero-1 {
    width: 370px;
    height: 450px;
  }

  .hero-container {
    height: 100%;
  }

  .hero-container__img {
    display: block;
    position: absolute;
    width: 100%;
    transform: scaleY(1.4);
    z-index: -1;
  }

  #casavelBrands {
    padding: 0px 70px;
  }

  .header-navbar {
    padding: 0px 80px;
  }

  .dropdown-menu.casavel-menu {
    transform: translate(-36%, 10%);
    width: 136px;
  }

  .footer-body {
    margin: 20px 60px 0px 90px;
  }

  #about {
    padding: 0px 97px;
  }

  .partner-img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
  }

  .col-lg-25 {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media screen and (min-width: 1200px) {
  .site-header {
    background-color: unset;
  }

  .img-hero {
    width: auto;
    text-align: end;
  }

  .hero-title {
    margin-top: 30px;
  }

  .hero-container {
    margin-top: 20px;
  }

  .hero-container__img {
    display: block;
    position: absolute;
    width: 100%;
    transform: translateY(-14%) scaleY(1.2);
    z-index: -1;
  }

  .img-cover.img-hero-1 {
    width: 356px;
    height: 450px;
  }

  .header-navbar {
    padding: 0px 98px;
  }

  #about {
    padding: 0px 117px;
  }

  #casavelBrands {
    padding: 0px 85px;
  }

  .service-item {
    height: 374px;
    width: 374px;
  }

  #referencesCarousel .reference-item {
    /* margin: 0px px; */
    width: 500px;
    height: 300px;
  }

  .partner-container {
    margin: auto 0px;
  }

  .partner-item {
    margin: 0px 25px;
  }

  .footer-body {
    margin: 20px 100px 0px 105px;
  }
}

@media screen and (min-width: 1400px) {
  .header-navbar {
    padding: 0px 105px;
  }

  .hero-title {
    padding: 0px 25px;
  }

  .hero-title div {
    padding: 0px !important;
  }

  .hero-container__img {
    display: block;
    position: absolute;
    width: 100%;
    transform: translateY(-18%);
    z-index: -1;
  }

  .img-cover.img-hero-1 {
    width: 451px;
    height: 538px;
  }

  #about {
    padding: 0px 102px;
  }

  #newsCarousel {
    width: 1200px;
    margin: 10px auto;
  }

  .service-item {
    height: 374px;
    width: 374px;
  }

  #casavelBrands {
    padding: 0px 80px;
  }

  .partner-container {
    justify-content: space-between !important;
    padding: 0px 30px !important;
    margin: 0px 24px;
  }

  .partner-item {
    padding: 0px !important;
    margin: 10px 0px !important;
  }

  .footer-body {
    margin-left: 112px;
  }
}