/* Your custom styles */
/* Add your custom styles below the Tailwind CSS imports */
:root {
    --primary-blue: #3340cc;
    --primaryBlack: #0c0d0d;
}

@font-face {
    font-family: "DMSans";
    src: url("../../assets/fonts/DMSans.ttf") format("opentype");
}

@font-face {
    font-family: "Metropolis-Reg";
    src: url("../../assets/fonts/Metropolis-Regular.otf")
        format("opentype");
}

.font-primary {
    font-family: "DMSans", sans-serif !important;
}

.font-secondary {
    font-family: "Metropolis-Reg", sans-serif !important;
}

.landing-page-why-silkworm {
    /*background: url('../assets/img/why-silkworm.png') 50% / cover no-repeat;*/
    /*transform: rotate(20.153deg);*/
    margin-right: 14.2px;
    width: 187.8px;
    /*height: 174.6px;*/
}

.text-small {
    font-size: 0.8em;
}

.justified {
    text-align: justify;
}

.card {
    --bs-card-border-color: transparent;
}

.hero-animated .animated {
    margin-bottom: 60px;
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

.slick-slide {
    height: 0%;
}

.header .navbar .nav-link {
    font-size: 18px !important;
}

/* .navbar > ul > li > a:before {
    background-color: var(--primary-blue);
} */

.header.sticked {
    background: white;
}

/* Module Features Slider */
.module-features-slider.slider {
    position: relative;
    z-index: 200;
    padding: 0 0px;
    margin: 5rem auto;
    max-width: 800px;
    width: 100%;
}

/* .slick-arrow {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    border: none;
    background: transparent;
    color: #fff;
    font-family: monospace;
    font-size: 5rem;
    z-index: 300;
    outline: none;
  }

  .slick-prev {
    left: -50px;
    text-align: left;
  }

  .slick-next {
    right: -50px;
    text-align: right;
  } */

.module-features-slider .card.slick-slide {
    /* width: 400px; */
    transition: transform 0.4s;
    position: relative;
    opacity: 0.6;
}

.module-features-slider .card.slick-slide {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
}

.module-features-slider .card.slick-slide.slick-center + .slick-slide {
    transform: scale(0.8) translate(-250px);
    z-index: 10;
}

.module-features-slider
    .card.slick-slide.slick-center
    + .slick-slide
    + .module-features-slider
    .card.slick-slide {
    transform: scale(0.7) translate(-640px);
    z-index: 5;
}

.module-features-slider .card.slick-slide.slick-active {
    transform: scale(0.8) translate(250px);
}

.module-features-slider .card.slick-slide.slick-center {
    z-index: 30;
    opacity: 1 !important;
    transform: scale(1);
}

.module-features-slider .slick-center:after {
    opacity: 0;
}

.module-features-slider .slick-dots,
.arrow-slider .slick-dots {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: max-content;
    max-width: 200px;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.module-features-slider .slick-prev,
.arrow-slider .slick-prev,
.module-features-slider .slick-next,
.arrow-slider .slick-next {
    top: unset !important;
    bottom: -25px;
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

.module-features-slider .slick-prev,
.arrow-slider .slick-prev {
    left: calc(50% - 130px);
}

.module-features-slider .slick-prev::before,
.arrow-slider .slick-prev::before {
    content: unset;
}

.module-features-slider .slick-next,
.arrow-slider .slick-next {
    right: calc(50% - 130px);
}

.module-features-slider .slick-next::before,
.arrow-slider .slick-next::before {
    content: none;
}

.slick-dots li {
    margin: 0 !important;
}

.slick-dots li button::before {
    color: #999999 !important;
}

.slick-dots li.slick-active button::before {
    color: #7b61ff !important;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/* Module Features Slider */

/* Icon Shadow */
.icon-shadow {
    box-shadow: 2px 4px 28px #777777b5;
}
/* Icon Shadow */

@media (max-width: 319px) {
    * {
        display: none !important;
        opacity: 0 !important;
    }
}

@media (max-width: 480px) {
    .module-features-slider .card.slick-slide {
        width: 280px;
    }
}

@media (min-width: 481px) and (max-width: 576px) {
    .module-features-slider .card.slick-slide {
        width: 300px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .module-features-slider .card.slick-slide {
        width: 325px;
    }
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
    .module-features-slider .card.slick-slide {
        width: 390px;
    }
}

@media (max-width: 991px) {
}

@media (min-width: 992px) {
    .module-features-slider .card.slick-slide {
        width: 470px;
    }
}

@media (min-width: 1200px) {
    .module-features-slider .card.slick-slide {
        width: 540px;
    }
}

@media (max-width: 1366px) {
}

@media (max-width: 1400px) {
}

@media (min-width: 1400px) {
    .module-features-slider .card.slick-slide {
        width: 600px;
    }
}

@media (min-width: 1919px) {
}

@media (max-width: 2499px) {
}

@media (min-width: 2500px) {
}