@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');
body {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #484747;
    letter-spacing: 0.3px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}

.main-div .logo-div {
    background: rgb(59 90 154);
    text-align: center;
    border-bottom: #fff solid 3px;
    padding-bottom: 15px;
}

.main-div .logo-div img {
    max-width: 627px;
    margin: 0 auto;
    background: #fff;
    padding: 10px 30px;
    border-radius: 0 0 50px 50px;
    box-sizing: border-box;
}

.main-div:after,
.logo-div:after,
.coming-soon:after,
.footer:after {
    content: "";
    display: table;
    clear: both;
}
.address a{text-decoration: none;}
.coming-soon h1 {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
   /* font-size: 12rem;*/
    margin: 0;
    color: #fff;
       letter-spacing: 0px;
    text-shadow: 3px 3px 8px rgb(0 0 0 / 18%);
    line-height: 100%;
        padding: 36px 0 0 0;
    font-size: 67px;
   
}

.coming-soon h1 span {
        color: #ff7b00;
}

.address {
    font-size: 2rem;
    color: #fff;
}
.normal-white-text {
    color: #fff;
}

.footer {
    border-top: rgb(255 255 255 / 18%) solid 1px;
    padding-bottom: 30px;
}

.soical-icon {
    margin: 0;
    padding: 0;
}

.soical-icon li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}

.soical-icon li a {
    background: #fff;
    width: 50px;
    border-radius: 50px;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #3b5a9a;
    font-size: 22px;
    transition: all 0.3s ease-in-out 0s;
}

.soical-icon li a:hover {
    color: #f28520;
}

.footer .wrapper {
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
}
#productCarousel {
    width: 100%; /* Full width */
    max-width: 700px; /* Optional: Limit the maximum width */
    aspect-ratio: 16 / 9; /* Enforce 16:9 aspect ratio */
    margin: 0 auto; /* Center the carousel */
}
#productCarousel .carousel-inner {
    width: 100%; /* Ensure the image fills the width */
    height: 100%; /* Ensure the image fills the height */
    object-fit: cover; /* Crop the image to fit the container */
    border-radius: 8px; /* Optional: Add rounded corners */
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/*@media only screen and (min-width:1200px) {
    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}*/

@media only screen and (max-width:767px) {
 .main-div .logo-div img {
        max-width: 72%;
    }
}


@media only screen and (max-width:480px) {
  /*  .main-div .logo-div img {
        max-width: 72%;
    }*/
    .coming-soon h1 {
          font-size: 2rem;
    padding: 30px 20px;
    line-height: normal;
    }
    .address {
        font-size: 1.5rem;
        color: #fff;
        padding: 0 20px;
    }
}