@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.playfair-display {
    font-family: "Playfair Display", serif;
  }
.merriweather-black {
    font-family: "Merriweather", serif;
    font-weight: 900;
}
body {
    font-family: "Poppins", sans-serif;
} 
.w-200 {
    width: 200px;
    height: auto;
}

.navbar .navbar-nav a {
    text-transform: uppercase;
    font-weight: 500;
}
 
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #025642;
}
.navbar-nav .nav-link {
    color: #025642; 
}
.about-us-bg {
    background-image: url(../img/about-us-bg3.jpg);
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.about-us-space {
padding-top: 152px;
}
@media (max-width: 1023px) {
    .about-us-space {
        padding-top: 0;
    }
}
.navbar {
    transition: top 0.3s;
}

.carousel-item {
    height: 100vh;
}
p {
    font-size: 18px;
}
#bannerCarousel {
    padding-top: 108px;
}
#bannerCarousel2 .carousel-item {
    height: 100%;
}
.banner-title {
    position: relative;
    padding-bottom: 20px; 
}
.banner-title::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 195px;
    background-image: url(../img/leaf.png);
    top: -50px;
    left: -30px;
    z-index: -1;
}
.banner-title::after {
    content: "";    
    border-bottom: 4px solid #81007f;
    position: absolute;
    width: 100%;
    height: 195px;
    top: -50px;
    left: 5px;
    z-index: -1;
}
.carousel-caption {
    right: unset;
    bottom: unset;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: unset;
    top: 50%;
    transform: translateY(-50%);
}
.lets-come-together {
    height: 873px;
    display: flex;
    align-items: center;
    background-image: url('../img/lets-come-together-banner.jpg');
}
.lets-come-together .display-1 {
border-bottom: 4px solid #81007f;
position: relative;
z-index: 1;
}
.lets-come-together .display-1::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 195px;
    background-image: url(../img/leaf.png);
    top: -50px;
    left: -30px;
    z-index: -1;
}
.parallax {
    /* The image used */
    background-image: url('/img/lets-come-together-banner.jpg');

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content {
    height: 600px;
    background-color: white;
    text-align: center;
    padding-top: 50px;
}

.waves {
    position: absolute;
    width: 100%;
    height: 15vh;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
    left: 0;
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/


.top-25per {
    top: -25px;
}
.slowgan {
    box-shadow: 0px 0px 9px #8f8b8b;    
    height: 75px;
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
.text-purple-primary {
    color: #81007f;
}
.text-theme-secondary {
    color: #025642;
}
.text-theme-primary {
    color: #a02b2d;
}

.bg-nav-light {
    background-color: #ffedffed;
}
.bg-light-purple {
    background-color: #ffedff;
}
.bg-footer {
    background-color: #1a1a1a;
    background-image: url('../img/about/contact-us.png');
}
.slowgan-content {
    position: absolute;
    width: 300%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    animation: slowganAnimation 40s linear infinite;
    top: 20px;
}
.fs-14 {
    font-size: 14px;
}
.slowgan-content h2 {
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .slowgan::before {
        left: -9%;
    }

    .slowgan-content h2 {
        width: 100%;
        text-align: center;
    }

    .carousel-item>img {
        height: 100vh;
        width: auto !important;
    }

    .w-200 {
        width: 220px;
    }
    .bg-footer {
        background-repeat: no-repeat;
        background-size: cover;
    }
    .first-step-img-mob {
        width: 95px;
        height: 100px;
    }
}

@media (max-width: 500px) {
    .lets-come-together {
        height: 100%;
        display: flex;
        align-items: center;
        background-image: url('../img/lets-come-together-banner.jpg');
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .slowgan::before {
        left: -23%;
    }
}

@keyframes slowganAnimation {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* products section css start */
.mx-200 {
    max-width: 200px;
}
.mt-170 {
    margin-top: 170px;
}
/* products section css start */

/* best quality slider  */
.bg-bhushakti {
    background-color: #7f2527;
}
.bg-confident {
    background-color: #68255b;
}
.bg-finisher {
    background-color: #013e79;
}
.bg-flowering-star {
    background-color: #e00188;
}
.bg-m-pride {
    background-color: #008035;
}
.bg-monster-top {
    background-color: #00645c;
}
.bg-super-doxa {
    background-color: #f3c109;
}
.bg-suraksha {
    background-color: #89036a;
}
.come-together-box {
    background: #ffffffcc;
    padding: 20px; 
    border-radius: 20px;
    border: 6px solid #b0cb1f;
}

/* product page */

.product-img .img-wrap {
    position: relative;
    z-index: 1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    text-align: center;
}
.rnd-in-house-text {
    max-width: 450px;
}
.product-img:hover .img-wrap {
    animation-name: bounce-1;
    animation-duration: 2s;
    z-index: 5;
    animation-timing-function: linear;
}

.product-img:hover .product-description {
    top: calc(100% - 85px);
    transform: translateX(-50%) scale(1);
    z-index: 2;
}

.product-img .product-description {
    padding-top: 110px;
    margin-top: 15px;
} 

.product-img .product-description {
    position: absolute;
    top: calc(100% - 85px);
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: #370c37;
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 0 30px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    transform-origin: center top;
    box-shadow: 0 0 24px 5px rgb(0 0 0 / 5%);
}
.text-theme-purple {
    color: #370c37;
}
.wh-64 {
    width: 64px;
    height: 64px;
}
.contact-sec {
    background-image: url(../img/contact-bg.jpg);
    background-size: 100% 100%;
    height: 872px;
    position: relative;
    top: 108px;
    margin-bottom: 108px; 
}
.bg-contact-se {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.55);
    border-radius: 30px;
}
.wh-32 {
    width: 32px;
    height: 32px;
}
/* swiper css start */
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px; 
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block; 
    width: auto;
    height: 150px;
  }
  /* swiper css end */

  /* @media only screen and (max-width: 767px) {
    .banner-title::before {
        content: "";
        position: absolute;
        width: 120px;
        height: 175px;
        background-image: url(../img/leaf.png);
        top: -50px;
        left: -30px;
        z-index: -1;
        object-fit: cover;
    }
    .banner-title::after {
        content: "";    
        border-bottom: 4px solid #81007f;
        position: absolute;
        width: 100%;
        height: 195px;
        top: -50px;
        left: 5px;
        z-index: -1;
    }
} */