@import './fonts.css';
@import './_section-title.css';

/* nav active class */
.nav-active{
  background: white !important;
  color: #555555 !important;
}
.nav-active .nav-blue{
  display: block !important;
}
.nav-active .nav-white {
  display: none !important;
}
.nav-active .nav-lang{
  background-color: #555555 !important;
}
*{
  scroll-behavior: smooth;
}

.vector-circle {
  clip-path: circle(50% at 50% 50%);
  width: 200px;
  height: 200px;
  position: absolute;
  background-color: #E9F0F7;
}
.vector-circle-blue{
  background-color: #C85050  !important;
}

@media screen and (min-width:768px) {
  .vector-circle{
    height: 250px;
    width: 250px;
  }
}
@media screen and (min-width:1024px) {
  .vector-circle{
    height: 300px;
    width: 300px;
  }
}
@media screen and (min-width:1350px) {
  .vector-circle{
    height: 380px;
    width: 380px;
  }
}

.mySwiperInner2{
  width: 100% !important;
  height: 60vh !important;
}
.mySwiperInner2 .swiper-wrapper{ 
  width: 100% !important;
}
.mySwiperInner1{
  height: 10vh !important;
}
.mySwiperInner1 .swiper-slide {
 width: 100px !important;
 aspect-ratio: 1/1;
}