@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body{color: #333;font-size: 16px;font-family: "Nunito", sans-serif;overflow-x: hidden;scroll-behavior: smooth;}
html{overflow-x: hidden;}

/*#preloader{background: #fff url(../../assets/images/loader-1.gif) no-repeat center center;background-size: 18%;height: 100vh;width: 100%;position: fixed;z-index: 9999;display: flex;justify-content: center;align-items: center;}
#preloader p{width: 10%;margin: 0px;}*/

.banner-slider-wrapper{position: relative;}
.video-text {
    width: 100%;
    height: 98%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000073;
}
.video-heading{
      margin: 0px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    text-shadow: 5px 5px #000;
}
.video-heading span{width: 100%;display: block;font-size: 80px;}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/ 
  min-height:200px;
  max-height:150px;
}

/*.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}*/

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -3s;
  animation-duration: 15s;
}
.parallax > use:nth-child(2) {
  animation-delay: -6s;
  animation-duration: 20s;
}
.parallax > use:nth-child(3) {
  animation-delay: -9s;
  animation-duration: 30s;
}
.parallax > use:nth-child(4) {
  animation-delay: -12s;
  animation-duration: 40s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:80px;
    min-height:40px;
  }
  /*.content {
    height:30vh;
  }*/
  h1 {
    font-size:24px;
  }
}
.wave-wrap{position: absolute;width: 100%;left: 0px;bottom: 10px;}


.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
}

 @keyframes bottomVibrate {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  75% { transform: rotate(-3deg); }
  100% { transform: rotate(0deg); }
}

.view-btn i {
  margin-right: 10px;
  font-size: 20px;
  display: inline-block;
  transform-origin: bottom center; /* Rotates from the bottom */
  animation: bottomVibrate 0.5s infinite ease-in-out; /* Slower speed */
}
.view-btn{display: flex;align-items: center;}




/*header css*/
#header{position: relative;}
.wavw-img{margin: 0px;position: absolute;top: -20px;z-index: -9;}
.fixed-header .wavw-img{display: none;}
.main-wrap{position: relative;}
.padding{padding: 0px 15px;}
.container{width: 1440px !important;}
img{width: 100%;height: 100% !important;}
.main-wrap #header{position: absolute;width: 100%;}
.main-wrap .nav-link{color: #fff;}
#header{padding: 10px 0px;z-index: 99;}
.logo-img img{transition: 0.5s all;}
.logo-img img:hover{transform: scale(1.01);}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
.login-wrap{text-align: right;}
.login-wrap a{color: #8c8c8c;text-decoration: none;font-weight: 800;font-size: 10px;margin-left: 5px;}
.navbar-expand-lg .navbar-nav{width: 100%;justify-content: space-between;}
.nav-bar{z-index: 999;}
a.nav-link.active{color: #fff !important;}
.nav-link span{display: block;font-size: 11px;}
.nav-link:focus, .nav-link:hover {color: #b45f9f !important;}
.nav-link{text-align: center;text-transform: uppercase;transition: 0.5s all;position: relative;font-style: normal;font-size: 18px;color: #000;font-weight: 600;}
#header .nav-link:before {transition: all .5s;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 0;content: '';background: #b45f9f;height: 2px;}
#header .nav-link:hover:before{width: 60%;}
.download:hover{color: #fff !important;}
.main_banner_wrap{position: relative;z-index: 99;}
.item{display: flex !important;justify-content: center;align-items: center;flex-direction: column;}
.item .slide-heading{font-style: normal;font-weight: 800;font-size: 60px;line-height: 77px;text-align: center;margin-bottom: 30px;color: #fff;text-shadow: 2px 2px #000;}
.item .slide-content{font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;text-align: center;color: #fff;max-width: 500px;}
.banner_backdrop{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(0, 0, 0, 0.5);}
.slick-dots li.slick-active button:before{background: #fff;color: #fff;opacity: 1;}
.slick-dots li button:before{content: '' !important;border: 3px solid #fff;border-radius: 50%;width: 16px;height: 16px;opacity: 1;}
.slick-dots{bottom: 20px;z-index: 9;}
.mobile-menu {width: 100%;height: 100%;position: absolute;top: 0;left: 0px;background: rgb(0 0 0 / 50%);z-index: 9;display: none;}
.fixed-header{position: fixed !important;width: 100%;background: #fff !important;box-shadow: 0px 0px 10px 0px #555;}
.fixed-header .nav-link{color: #000;}
.item{height: 540px;}
.logo-img{width: 70%;margin: auto;}
.navbar>.container{justify-content: center !important;}
.display{display: none;}
.top-header{padding: 10px;background: #f4d8ed;display: none;}
.top-header ul{display: flex;justify-content: end;align-items: center;list-style: none;margin: 0px;}
.top-header ul li{margin: 0px 10px;}
.top-header ul li a{text-decoration: none;color: #000;font-weight: 600;}


/*Banner css*/
.page_width{width: 1200px;margin: auto;}

.banner-slider-wrapper .slick-next{right: 25px;}
.banner-slider-wrapper .slick-prev{left: 25px;}
.banner-item .mobile-img{display: none;}
.banner-connect-wrap{position: absolute;top: 40%;right: 14%;}
.banner-connect-wrap h2{font-size: 60px;color: #fff;font-weight: 700;}


/*About us css start*/
.back-color{padding: 50px 0px;}
.heading{font-weight: 800;font-size: 40px;line-height: 50px;color: #b1609b;text-align: center;position: relative;max-width: max-content;margin: auto; margin-bottom: 20px;}
.heading::before{position: absolute;content: '';width: 60%;height: 2px;background: #51afaf;left: 0px;bottom: -6px;right: 0px;margin: auto;}

.about_us_wrap{background-image: url("../../assets/images/banner.webp");background-repeat: no-repeat;background-size: cover;height: 600px;margin-bottom: 50px;}
.about_content .about_us_heading{font-weight: 800;font-size: 50px;line-height: 45px;color: #b45f9f;margin: 0px;text-align: center;font-style: italic;padding: 100px 0px;}
.count-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.count-box{margin: 10px 0px;text-align: center;color: #fff;}
.count-box h2{font-size: 40px;font-weight: 700;}
.count-box p{font-size: 18px;font-weight: 600;}

/*About us css End*/

/*Instra section*/
.insta-wrapper{padding-top: 50px;}
.insta-wrap{display: flex;justify-content: center;flex-wrap: wrap;}
.insta-item{width: 31.3%;margin-bottom: 15px;transform: translateX(-50px);animation: fadeInLeft 2s ease-out forwards;opacity: 0;margin: 10px;}
.insta-item img{border-radius: 15px;transition: transform 0.5s ease-in-out;}
.insta-item img:hover{transform: scale(1.03);transition: 0.5s all;}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*Instra section*/

/*Product section start*/

.product-wrap{padding: 50px 0px;}
.product{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.product-item{width: 96% !important;margin: auto;text-align: center;margin-bottom: 20px;position: relative;transition: 0.8s all;}
.product-img{width: 100%;margin: auto;position: relative;}
.product-img img{border-radius: 15px;transition: 0.5s all;}
.product-img img:hover{transition: 0.5s all;transform: scale(1.03);}
.product-name{margin-top: 15px;font-weight: 600;}
.view-btn{display: block;text-align: center;width: max-content;margin: auto;margin-top: 20px;background: #b45f9f;padding: 12px 40px;border-radius: 30px;color: #fff;text-decoration: none;font-weight: 600;transition: 0.5s all;}
.view-btn:hover{background: #3eaaaa;transition: 0.5s all;color: #fff;}
.hover-img{display: none;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;justify-content: center;align-items: center;transition: 0.8s all;z-index: 99;}
.product-img:hover .hover-img{display: flex;transition: 0.5s all;}
.hover-img:hover{transition: 0.8s all;transform: rotate(360deg);}
.product-img::before{position: absolute;content: '';width: 0px;background: #f4d8ed47;left: 0px;height: 100%;transition: 0.8s all;z-index: 9;}
.product-img:hover::before{width: 100%;}
body .hover-img img{border-radius: 50%;width: 100px;height: 100px !important;background: #fff;}
.product-wrap .slick-arrow{display: none !important;}

.product-page .product-item{width: 24% !important;}

/*Product section end*/

/*Instagram start*/

.instagram-wrapper{padding: 40px 0px;}
.instagram-item{width: 80% !important;margin: auto;overflow: hidden;}
.instagram-wrap .slick-arrow{display: none;}

/*Instagram end*/
.treat-slider{margin-top: 40px;}

.slider-item {
    width: 98% !important;
    margin: auto;
    position: relative;
    text-align: center;
    transition: 0.5s all;
}
.slick-slide + div{text-align: center;}
.name{color: #000;margin: 0px;font-weight: 600;padding-top: 0px !important;position: absolute;left: 20px;bottom: -82px;z-index: -9;justify-content: center;align-items: center;width: 150px;height: 150px;text-align: center;background: #b45f9f73;font-size: 16px;padding: 0px 10px;display: flex;transition: 0.8s all;border-radius: 50%;}
.slider-item:hover .name{display: flex;transition: 0.8s all;}
.treat-img {
    margin: auto;
}
.name {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
}

.slider-item:hover .name,
.gelato-item:hover .name {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.slider-item:hover .name {
  opacity: 1;
  transition: 0.8s all;
  transform: translateY(0);
}
.gelato-item:hover .name {
  opacity: 1;
  transition: 0.8s all;
  transform: translateY(0);
}
.slider-item .name{width: 200px;height: 200px;font-size: 20px;}
.slider-item{margin-bottom: 100px;}
.treat-slider .slick-next, .treat-slider .slick-prev{display: none !important;}

.gelato-item:hover img, .treat-slider .slider-item:hover img {
  animation: bump 0.8s infinite alternate ease-in-out;
}

@keyframes bump {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

.slick-next{right: -25px;background: #b45f9f;
    width: 30px;
    height: 30px;
    border-radius: 50%;}
.slick-prev {left: -25px;
    background: #b45f9f;
    width: 30px;
    height: 30px;
    border-radius: 50%;}
.slick-next, .slick-prev{top: 50%;z-index: 9;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background: #3eaaaa;}
.slick-next:before, .slick-prev:before{font-family: 'FontAwesome' !important;}
       

#footer{background: #3eaaaa;padding: 50px 0px;}
.footer-top{display: flex;color: #fff;justify-content: center;}
.footer-box{width: 30%;}
.footer-box h6{font-size: 24px;font-weight: 600;text-transform: uppercase;}
.footer-box p{font-size: 20px;}
.footer-box ul{list-style: none;padding: 0px;}
.footer-box a{color: #fff;transition: 0.5s all;text-decoration: none;font-size: 20px;}
.footer-box a:hover{color: #b45f9f;transition: 0.5s all;}
.footer-box i{
  border: 1px solid;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 24px;
    border-radius: 50%;
}
.footer_bottom{display: flex;align-items: center;padding-top: 40px;margin-top: 40px;border-top: 1px solid #fff;justify-content: space-between;flex-wrap: wrap;}
.f_bottom_right{width: 100%;}
.copy_text{font-weight: 400;font-size: 18px;line-height: 25px;text-align: center;color: #FFFFFF;margin-bottom: 0px;margin-top: 20px;width: 100%;}
.icon_bottom{color: #fff;font-size: 30px;transition: 0.5s all;margin: 0px 10px;display: inline-block;}
.icon_bottom:hover{color: #b45f9f;transform: translateY(-10px);}
.top{position: fixed;bottom: 10px;right: 40px;color: #fff;background: #b45f9f;padding: 15px 19px;border-radius: 50%;transition: 0.5s all;}
.top i{font-size: 20px;}
.top:hover{color: #fff;transform: translateY(-10px);background: #3eaaaa;}
.navbar-toggler-icon{font-size: 14px;}
.f_icon{text-align: center;}
.footer-logo{width: 50%;float: right;transition: 0.5s ll;}
.footer-logo:hover{transition: 0.5s all;transform: translateY(-10px);}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.instagram-item{position: relative;}
.instagram-item img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.instagram-item:hover img {
  opacity: 0.3;
}

.instagram-item:hover .middle {
  opacity: 1;
}

.text {
  max-width: max-content;
    color: #000;
    font-size: 16px;
    padding: 10px 10px 0px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    margin: auto;
    text-decoration: none;
}
.text:hover{color: #b1609b;}
}





/*Socials icon*/

.menu-item{opacity: 1;}
.menu-container {
  transform: translateX(30px);
  background: #b45f9f;
  position: fixed;
  top: 50%;
  left: -30px;
  z-index: 99;
  width: 45px;
  border-radius: 0 6px 6px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  transition: all 0.5s ease;

  &:hover {

    .collapse-icon {
      opacity: 0;
      display: none;
    }

    .menu-item {
      opacity: 1;

      &:hover {
        cursor: pointer;

        .menu-item-text {
          transform: translateX(129px);
        }
      }
    }
  }

  .collapse-icon {
    position: absolute;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 100%;
    opacity: 1;
    color: #fff;
  }

  .menu-item {
    color: #fff;
    opacity: 1;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    padding: 10px 5px;
    text-decoration: none;
  }
  .menu-item i{font-size: 20px;}

    .menu-item-text {
      display: flex;
      position: absolute;
      top: 0;
      background: #b45f9f;
      height: 100%;
      width: 80px;
      right: 30px;
      border-radius: 0 6px 6px 0;
      z-index: 0;
      padding: 0 5px;
      transition: all 0.5s ease;
      align-items: center;
      justify-content: center;
      border-left: 2px solid #000;
      text-align: center;
      font-size: 0.75rem;
    }
  }
}


/*Review css start*/


.testimonial-area {position: relative;z-index: 2;padding: 50px 0;}
.testi-bg-color{padding: 50px 0px 10px;background: #efdfea69;}
.testimonial-area {position: relative;}
.single-testimonial {text-align: center;background: #efdfeae6;padding: 25px;margin: auto;margin-top: 50px;color: #000;width: 90% !important;position: relative;border: 1px solid #ccc;margin-bottom: 50px;border-radius: 10px;box-shadow: 0px 0px 10px 0px #ccc;}
.single-testimonial p {color: #000;font-size: 18px;padding: 20px 0px;padding-bottom: 20px;position: relative;margin: 0px;}
.single-testimonial::before {content: "";position: absolute;left: 0px;top: -33px;background: url(../../assets/images/fa-fa-double-quotes.png);background-size: 50%;background-repeat: no-repeat;width: 126px;height: 100px;background-position: 34px 15px;z-index: 999;}
.single-testimonial::after {content: "";position: absolute;right: 0px;bottom: -33px;background: url(../../assets/images/fa-fa-double-quotes.png);  background-size: 50%;width: 126px;height: 100px;background-position: 34px 19px;transform: rotate(180deg);background-repeat: no-repeat;}
.client-info h6 {color: #41a8a8;font-weight: 800;font-size: 20px;margin: 0px;font-style: italic;}
.client-info span {display: inline-block;font-size: 12px;}
/*Review css end*/

/*Order css*/

.order-wrap{background: #b45f9f;padding: 50px 0px;}
.order{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.order a{display: block;}
.logo-order{margin: 10px;}

/*Order css end*/


/*About page css start*/

.about-banner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.about-left{width: 48%;}
.about-banner-wrap{padding: 40px 0px 0px;background: #6cbebe;}
.about-banner-img{width: 70%;float: right;}
.about-banner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.about-banner-heading{font-size: 60px;text-align: center;color: #fff;font-weight: 700;}
.about-banner-heading span {display: block;font-size: 30px;font-weight: 500;}
.sub-title{font-style: italic;}

.about-wrap{background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover !important;background-position: center;background-attachment: fixed;}
.about{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.about-left-img, .about-right-content{width: 48%;}
.about-left-img img{border-radius: 15px;}
.about-right{display: flex;justify-content: end;width: 40%;}
.about-right .shop-item{width: unset;height: unset;cursor: auto;}
.about-right .shop-item .shop-img img{width: 100%;height: 100% !important;}
.about-right .shop-item .shop-img{width: 100%;}
.about-right-heading{font-size: 46px;font-weight: 800;}
.about-right-content{color: #b45f9f;}
.about-right-content p{font-size: 18px;text-align: justify;}
.story-left img{object-fit: cover;}
.content{padding: 40px 0px;}
.content-heading{font-size: 40px;font-weight: 900;position: relative;margin-bottom: 25px;text-align: center;color: #b45f9f;}
.content p{font-size: 19px;color: #444;text-align: justify;}

.back-color-new{background: #f2e5ee;}
.bg-img{width: 100%;background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;justify-content: center;flex-wrap: wrap;}
.story{display: flex;position: relative;border-radius: 10px;overflow: hidden;}
/*.before{position: relative;}
.before::before{position: absolute;content: '';background: #00000063;height: 100%;width: 100%;top: 0px;left: 0px;z-index: 9;}*/
.fade-item{z-index: -9}
.story-left{width: 50%;}
.story-right{background: #3eaaaacc;height: 100%;width: 50%;}
.story-left{background: #3eaaaacc;height: 100%;width: 50%;}
.story-content{color: #fff;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 40px;max-width: 650px;margin: auto;}
.story-content p{font-size: 19px;text-align: justify;}
.investor .story-content p{font-size: 18px;}
.story-heading{font-size: 40px;font-weight: 900;text-shadow: 0px 4px 0px #474747;position: relative;margin-bottom: 25px;max-width: max-content;}
.story-heading::before{content: '';position: absolute;left: 0px;width: 64%;height: 2px;background: #fff;bottom: -10px;}
.read-more{max-width: max-content;display: flex;align-items: center;padding: 10px 30px;border-radius: 30px;font-size: 18px;margin-top: 20px;box-shadow: 13px 8px 10px 0px #00000078;color: #fff;text-decoration: none;background: #3eaaaa;border: 1px solid;transition: 0.5s all;}
.read-more:hover{background: #b45f9f;color: #fff;transition: 0.5s all;}
.read-more i{font-size: 20px;margin-right: 10px;}
.story .slick-arrow{display: none !important;}
.slick-dotted.slick-slider{margin-bottom: 0px !important;}
.idea{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 50px 0px;}
.idea-box{width: 49%;padding: 20px;margin-bottom: 20px;border-radius: 8px;}
.idea-box-heading{font-size: 24px;font-weight: 800;text-transform: uppercase;}
.idea-box{color: #fff;}
.idea-box:nth-child(1){border-radius: 40px 0px;}
.idea-box:nth-child(2){border-radius: 0px 40px;}
.idea-box:nth-child(3){border-radius: 0px 40px 8px 8px;}
.idea-box p{font-size: 18px;}
.story-content ul li{margin: 5px 0px;font-size: 18px;}
.story-content h3{font-size: 30px;font-weight: 800;}
.story-content ul{padding-left: 60px;}

.family-member{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;align-items: center;}
.member-img{width: 38%;border-radius: 20px;overflow: hidden;}
.family-content{width: 60%;}
.member-name{font-size: 24px;font-weight: 700;max-width: max-content;color: #b45f9f;}
.member-name span{font-size: 16px;font-weight: 600;display: block;color: #3eaaaa;}
.member-content{font-size: 16px;}
.family-wrap{background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
.bg-color{background-color: #ffffffdb;padding: 50px 0px;}
.family-member-inner{display: flex;justify-content: space-between;}
.family-member-inner .family-member{width: 49%;}
.family-member-inner .member-img{margin-bottom: 20px;}
.family-member-inner .member-img img{object-fit: cover;}
.family-member-inner .family-member .member-img, .family-member-inner .family-member .family-content {width: 48%;}

/*About page css end*/

/*Franchisee css start*/

.journey-wrap{padding: 30px 0px;text-align: center;}
.page-heading{font-size: 70px;font-weight: 800;color: #f0e5ed;text-transform: uppercase;}
.journey{position: relative;}
.small-part{position: absolute;top: 14px;left: 0px;right: 0px;}
.small-part h2{color: #b0609d;font-size: 44px;font-weight: 600;}
.small-part h2 span{display: block;font-weight: 800;}

.why-wrap{padding: 40px 0px 0px;}
.why{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.why-left, .why-right{width: 48%;}
.why-right{height: 100%;}
.why-right{position: relative;}
.main-why-img{border-radius: 15px;overflow: hidden;}
.why-inner-img{border-radius: 15px;overflow: hidden;position: absolute;bottom: -69px;right: -61px;width: 60%;}
.why-left p{font-size: 18px;text-align: justify;}
.why-heading{color: #b0609d;}

.provide-wrap{background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover;background-position: center;}
.provide-inner{}
.provide{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.provide-item{width: 25%;color: #fff;padding: 25px;position: relative;height: 385px;}
.provide-img{margin: 0px;width: 25%;position: absolute;right: 25px;bottom: 25px;}
.provide-heading{font-size: 20px;font-weight: 800;text-transform: uppercase;margin-bottom: 20px;}
.provide-text{font-size: 16px;}
.provide-item:nth-child(1), .provide-item:nth-child(3), .provide-item:nth-child(6), .provide-item:nth-child(8){background: #3eaaaa;}
.provide-item:nth-child(2), .provide-item:nth-child(4), .provide-item:nth-child(5), .provide-item:nth-child(7){background: #b45f9f;}

.faq-wrap{padding: 50px 0px;background: #dceeee;}
.faq{margin-top: 40px;}
.faq-item {border-radius: 10px;box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);margin: 20px 0;}
.question {font-size: 1.2rem;font-weight: 600;padding: 15px 80px 15px 15px;position: relative;display: flex;align-items: center;cursor: pointer;color: #fff;background: #b45f9f;border-radius: 10px 10px 0px 0px;}
.question::after {content: "\002B";font-size: 2.2rem; position: absolute;right: 20px;transition: 0.2s;}
.question.active::after {transform: rotate(45deg);}
.answercont {max-height: 0;overflow: hidden;transition: 0.3s;}
.answer {padding: 15px;background: #3eaaaa;color: #fff;font-size: 18px;}
.answer ul{margin-bottom: 0px;}
.question.active + .answercont {}

.background-img{background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover;background-position: center;}
.franchise-form-wrap{background: #efdfea69;padding: 50px 0px;}
.form-container {width: 75%;margin: auto;margin-top: 40px;}
.form-row {display: flex;gap: 15px;margin-bottom: 15px;}
input, select, textarea, button {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;font-size: 16px;background: #eedee9;}
.form-container textarea {resize: none;}
/*.form-container button {background-color: #d18ecb;color: white;border: none;cursor: pointer;font-weight: bold;transition: background 0.3s;}*/
.form-container button:hover {background-color: #c275b5;}
.privacy-policy {display: flex;align-items: center;margin: 10px 0;font-size: 16px;color: #666;}
.privacy-policy input {width: auto;margin-right: 8px;}
.privacy-policy a {color: #a86ca6;text-decoration: none;}
.privacy-policy a:hover {text-decoration: underline;}
.tb_app_container a{display: none !important;}
.sub-heading-new{font-size: 20px;text-align: center;color: #3eaaaa;font-style: italic;}

/*Franchisee css end*/

/*Flavour css*/

.flavour-page .page-heading{font-size: 72px;}
.flavour-page .small-part{top:-15px;}
.tab-wrapper{padding: 50px 0px;}
.main-tabs {display: flex;justify-content: space-between;width: 90%;margin: auto;margin-bottom: 20px;}
.main-tab-button {border-radius: unset;cursor: pointer;text-transform: uppercase;background: unset;color: #ccc;font-weight: 800;border: unset;border-top: 3px solid #ccc;width: 30%;}
.main-tab-button.active, .main-tab-button:hover {color: #000;transition: 0.5s all;border-color: #000;}
/* Sub Tabs */
.sub-tabs {display: flex;justify-content: center;margin-bottom: 20px;gap: 20px;}
.sub-tab-button {text-overflow: ellipsis;text-wrap-mode: nowrap;padding: 8px 12px;color: #000;border: 1px solid #000;border-radius: 30px;cursor: pointer;font-weight: 700;width: 13%;background: unset;}
.sub-tab-button.active, .sub-tab-button:hover {background-color: #b45f9f;color: #fff;}
/* Tab Content */
.sub-tabs-container {display: none;}
.sub-tabs-container.active {display: block;}
.sub-tab-content {display: none;}
.sub-tab-content.active {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;}
.gelato-items{display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.gelato-item{width: 17%;transition: 0.5s all;margin: 24px 15px;position: relative;border-radius: 50%;}
.gelato-item:hover {transform: scale(1.2);transition: 0.5s all;}
.gelato-item:hover .name{display: flex;transition: 0.5s all;}
.gelato-item img{border-radius: 10px;}

.hover-effect .gelato-item .name{width: 100%;height: 100%;z-index: 9;border-radius: 8px;top: 0px;left: 0px;}
.hover-effect .gelato-item:hover img{animation: unset;}

.new{display: flex;flex-wrap: wrap;}
.new-box img{transition: 0.5s all;}
.new-box:hover img{transform: scaleX(-1);transition: 0.5s all;}
.new-box:hover{transition: 0.5s all;}
.new-box{width: 25%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;transition: 0.5s all;}
.new-box:nth-child(2), .new-box:nth-child(5){background: #b45f9f;}
.new-box:nth-child(4), .new-box:nth-child(7){background: #3eaaaa;}
.new-small-img{margin: 0px;width: 80px;height: 80px;}
.new-box h3{font-weight: 800;text-transform: uppercase;text-align: center;font-size: 24px;}
.new-wrap, .contact-wrap{background: url('../../assets/images/bg.webp');background-repeat: no-repeat;background-size: cover;background-position: center;}

/*Flavour end*/

/*contact css*/

.contact-form {text-align: center;}

/* Form Groups */
.form-group {margin-bottom: 15px;position: relative;width: 100%;}
.form-row {display: flex;gap: 10px;}
input, textarea, button {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;}
textarea {resize: none;height: 100px;}
/* Error Message */
.error-message {color: red;font-size: 12px;position: absolute;bottom: -18px;left: 5px;}
/* Button */
.contact-bottom-wrap button {background-color: #b30086;color: #fff;border: none;cursor: pointer;font-size: 16px;padding: 10px 20px;border-radius: 25px;transition: background 0.3s;}
.contact-bottom-wrap button:hover {background-color: #8c0068;}
.contact{display: flex;justify-content: space-between;flex-wrap: wrap;}
.left-map, .contact-form-wrap{width: 49%;}
.map iframe{width: 100%;border-radius: 15px;height: 300px;}

.contact-bottom-wrap{padding: 50px 0px;}
.contact-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact-box{text-align: center;width: 30%;padding: 20px;border-radius: 10px;box-shadow: 0px 0px 10px 0px #ccc;background: #fff;}
.box-icon{width: 60px;height: 60px;border: 1px solid #ccc;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: auto;margin-bottom: 20px;}
.box-icon i{font-size: 32px;color: #b45f9f;}
.box-text{margin: 0px;}
.contact-box a{text-decoration: none;font-size: 18px;color: #3eaaaa;font-weight: 600;}

/*contact css end*/

/*Shop css start*/

.shop-wrap{padding: 50px 0px;background: #f0e5ed66;}
.shop-img{width: 60%;margin: auto;}
.main-link{text-decoration: none;}
.shop{display: flex;justify-content: space-between;flex-wrap: wrap;}
.shop-img img{width: 185px;height: 185px !important;border-radius: 50%;object-fit: cover;}
.shop-subheading{font-size: 13px;background: #b45f9f;color: #fff;max-width: max-content;margin: auto;border-radius: 20px;font-weight: 700;padding: 4px 17px;position: absolute;top: 41%;left: 79px;}
.shop-btn{text-decoration: none;color: #3eaaaa;font-weight: 700;border-bottom: 1px solid;padding-bottom: 3px;}
.shop-item{position:relative;text-align:center;width:350px;height:370px;border-radius:74% 82% 70% 88%;display:table;padding:20px;background-color:rgba(255,255,255,.9);cursor:pointer;z-index:1;transition:.5s;color:#227093;margin-bottom: 20px;}
.shop-item:before, .Card:after{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;animation:RotateDiv 5s linear infinite;}
.shop-item:before{border-radius:130% 151% 189% 166%;background-color:rgba(255,255,255,.7);animation-delay:0s;transition:.5s;}
.shop-item:after{border-radius:145% 86% 80% 90%;background-color:rgba(255,255,255,.3);animation-delay:.2s;transition:.5s;}
.shop-item:hover{background-color:#3eaaaa;color:#fff;}
.shop-item:hover .shop-btn, .shop-item:hover h2{color: #fff;}
.shop-item:hover:after{background-color: #3eaaaa6e;}
.shop-item:hover:before{background-color: #3eaaaa73;}
.shop-item div{display:table-cell;vertical-align:middle;}
.shop-item div h2{font-size:25px;margin-top: 20px;font-weight: 700;color: #b45f9f;}
@keyframes RotateDiv{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

.menu-wrap .name{font-size: 20px;margin-top: 20px;transition: 0.5s all;}
.tb_rv_banner_wrap{margin-bottom: 20px;background: #efdfeae6;}
.tb_rc_contant_wrapper{background: #efdfeae6;}
.testimonial-area iframe{height: 345px !important;}
.name:hover{transition: 0.5s all;}

/*Shop css end*/

/*Branch css*/

.right-social{width: 48%;}
.right-social .contact-box{width: 100%;margin-bottom: 0px;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;}
.right-social .contact-box .box-icon{margin: unset;}
.contact-box .icon_bottom i{font-size: 40px;color: #b45f9f;}
.contact-box .icon_bottom{margin-top: 20px;}
.timing{margin-top: 20px;}
.timing p{font-size: 18px;font-weight: 700;}
.timing p span{display: block;font-weight: 600;}

/*blog css*/

.blog-wrap{padding: 50px 0px;}
.blog-img{width: 50%;margin: auto;border-radius: 15px;overflow: hidden;margin-bottom: 25px;}
.blog-text{font-size: 18px;}
.blog-bottom-text{font-size: 23px;font-weight: 800;color: #b45f9f;max-width: max-content;}
.blog-bottom-text span{display: block;color: #3eaaaa;}

.blog-list{display: flex;flex-wrap: wrap;}
.blog-card {width: 32%;box-shadow: 0px 0px 10px 0px #ccc;overflow: hidden;border-radius: 6px;margin-bottom: 15px;margin: 10px;}
.blog-card-details {padding: 10px;}
.detail-heading {font-size: 22px;font-weight: 700;}
.blog-btn{display: block;text-align: center;width: max-content; margin-top: 20px;background: #b45f9f;padding: 6px 20px;border-radius: 30px;color: #fff;text-decoration: none;font-weight: 600;transition: 0.5s all;}
.blog-btn:hover{background: #3eaaaa;color: #fff;transition: 0.5s all;}
.blog-card-img img{transition: 0.5s all;}
.blog-card-img:hover img {transform: scale(1.05);transition: 0.5s all;}

.news-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 35px;}
.news-item{width: 49%;border-radius: 8px;padding: 15px;background: #e5c3dd45;margin-bottom: 15px;border-left: 3px solid #b15f9a;}
.news-item h3{font-size: 22px;color: #b0609d;font-weight: 600;}

.strat-up .contact-box h5{font-size: 22px;font-weight: 700;}
.strat-up .contact-box p{margin: 0px;}

@media (min-width: 1680px){
  .nav-link {
        font-size: 16px;
    }
    .story-content{margin: unset;padding-right: 0px;}
   
}
 .float-right .story-content{float: right;padding-left: 0px;padding-right: 40px;}
@media (min-width: 1200px){
.container{max-width: 1280px !important;}
}

@media (max-width: 1250px){
  .page_width{width: 1024px;}
  .nav-link{font-size: 16px;}
  .heading{font-size: 40px;line-height: 50px;margin-bottom: 30px;}
  .head_icon img {width: 40px;height: 40px;}
  .about_content .about_us_heading{font-size: 28px;line-height: 38px;}
  .footer_contact .address, .footer_contact .f_add, .footer_links ul li a, .copy_text p{font-size: 18px;line-height: 28px;}
}
@media (max-width: 1200px){
  .nav-link{font-size: 13px;}
}

@media (max-width: 1024px){
  .investor .story-content p {font-size: 16px;}
  .slider-item .name{font-size: 18px;}
  .page_width{width: 950px;}
  .main-img{width: 350px;height: 350px !important;}
  .why-inner-img{right: -10px;bottom: -136px;}
}

@media (max-width: 991px){
  .blog-card{width: 48%;}
  .contact-box{width: 45%;margin: 0px 8px 20px;}
  .contact-page .page-heading{font-size: 92px;}
  .contact-bottom{justify-content: center;}
  .sub-tabs{justify-content: flex-start;}
  .sub-tabs{width: 170%;}
  .gelato-item{width: 29%;}
  .journey-wrap{padding: 30px 0px;}
  .why-right{width: 100%;}
  .why-left{width: 100%;margin-bottom: 30px;}
  .why-inner-img{right: -141px;}
  .provide-item{width: 33.3%;padding: 15px;}
  .provide-heading{font-size: 18px;}
  .provide-text{font-size: 16px;}
  .page-heading{font-size: 54px;}
  .download-nav a{max-width: max-content;padding: 8px 20px;}
  .right-icon{width: unset;}
  .fixed-header .navbar-toggler .icon-bar{background: #000;}
  .page_width{width: 750px;}
  .logo-header{width: 40%;}
  .navbar-toggler{width: 10%;background: #fff;text-align: center;padding: 5px 0px;}
  .nav-link{max-width: 100%;font-size: 22px;padding: 10px 0px;color: #000;font-weight: 400;border-bottom: 1px solid #000;margin: 0px 20px;font-weight: 600;}
  .main_wrapper{min-height: 100%;background-size: cover;}
  .item{height: 400px;padding-top: 20px;}
  .item .slide-heading{font-size: 40px;line-height: 50px;margin-bottom: 20px;}
  .item .slide-content{font-size: 20px;line-height: 25px;}
  .slick-dots {bottom: 0px;}
  #header{padding: 20px 0px;}
  #footer{margin-top: 0px;}
  .footer_bottom{padding-top: 50px;}
  .footer_wrap{padding-bottom: 50px;}
  .heading{font-size: 40px;line-height: 45px;margin-bottom: 20px;}
  .about_content .about_us_heading {font-size: 26px;line-height: 36px;}
  .footer_contact .address, .footer_contact .f_add, .footer_links ul li a, .copy_text p {font-size: 16px;line-height: 25px;}
  .about-banner-heading{font-size: 40px;}
  .about-right-heading, .story-heading{font-size: 32px;}

  /* mobile menu css */
  #navbarSupportedContent {padding-top: 80px;}
  .navbar-toggler {position: relative;display: flex;flex-direction: column;justify-content: end;align-items: flex-end;padding: 0px;background-color: transparent !important;background-image: none;border: 1px solid transparent !important;border-radius: 0px;width: max-content;}
  .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:focus:not(:focus-visible) {outline: 0px;box-shadow: unset;}
  .navbar-toggler .icon-bar {position: relative;transition: all 300ms ease-in-out;display: block;width: 30px;height: 2px;border-radius: 1px;background: #000;margin:2px 0px;}
  .navbar-toggler .icon-bar:nth-of-type(1) { top: -1px; }
  .navbar-toggler .icon-bar:nth-of-type(2) { top: 0px; }
  .navbar-toggler .icon-bar:nth-of-type(3) { top: 1px; }
  .navbar-toggler .icon-bar {position: relative; transition: all 300ms ease-in-out; }
  .navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
  .navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(2) { background-color: transparent; }
  .navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }
  .navbar-toggler:not(.collapsed) {z-index: 9999;}
  .navbar-toggler:not(.collapsed) .icon-bar {background: #000;}
  .nav-bar {width:0px;position: fixed;background: #fff;top: 0;right:0;height: 100%;transition: 0.5s all;visibility: hidden;transition: 0.5s all;z-index: 999;    box-shadow: 0px 0px 15px 0px #333;}
  .navbar-toggler:not(.collapsed) ~ .nav-bar {width: 90%;visibility: visible;background: #dceeee;background-image: url(https://solosicecreams.com/demo/solostemp/assets/images/bg.webp);background-size: cover;background-repeat: no-repeat;}
  #header .nav-link:before {margin:0;height: 1px;}
  .noScroll {overflow: hidden;}
/*  .noScroll .mobile-menu {display: block;}*/
  .noScroll .main_banner_wrap {z-index:unset;}
  .nav-item {transform: translate(20px, 0px);transition: 0.5s all;}
  .navbar-toggler:not(.collapsed) ~ .nav-bar .nav-item {transform:translate(0px, 0px);}
  .display{display: block;}
  .navbar>.container{justify-content: space-between !important;}
}


@media (max-width: 768px){
  .product-page .product-item{width: 48% !important}
  .story-right{width: 100%;}
  .investor .story-content p{font-size: 18px;}
  .story-content{padding: 20px;}
  .contact-page .page-heading{font-size: 72px !important;}
  .new-box{width: 50%;}
  .flavour-page .page-heading{font-size: 110px;}
  .provide-item{width: 50%;height: 290px;}
  .page-heading{font-size: 30px;}
  .small-part h2{font-size: 24px;}
  .small-part{top: 7px;}
  .banner-content{width: 100%;}
  .main-img{display: none;}
  .banner-wrap{flex-direction: column;}
  .banner-wrap .banner-sub-heading{width: 100%;transform: unset;}
  .banner-sub-heading h2::before{left: unset;right: 105px;}
  .banner-wrap i.fa-brands.fa-facebook{top: -72px !important;left: -124px !important;}
  .banner-wrap i.fa-brands.fa-linkedin{right: 23px !important;}
  .banner-wrap i.fa-brands.fa-instagram{right: 271px !important;}
  .footer-box{width: 100% !important;}
  .footer-top{flex-direction: column;}
  .page_width{width: 580px;}
  .footer_contact .address{margin-left: 10px;}
  .footer_links{float: left;}
  .footer-logo{float: left;width: 38%;}
  .about-banner-img{margin: auto;float: unset;}
  .member-content{margin-top: 0px;}

  .about-left, .about-right, .about-left-img, .about-right-content, .bg-img, .story-left, .idea-box, .family-content{width: 100% !important;}
  .story{flex-direction: column-reverse;}
  .member-img{width: 80%;margin: auto;margin-top: 20px;margin-bottom: 20px;}
  .family-content{text-align: left !important;}
  .member-name{font-size: 22px;}
  .member-name span{font-size: 14px;}
  .member-content{font-size: 16px;}
  .about-right-content{margin-top: 30px;}
  .about-right-heading, .story-heading{font-size: 26px;}
}

@media (max-width: 600px){
  .wavw-img{display: none;}
  .content p{font-size: 16px;}
  .content-heading{font-size: 24px;}
  .content{padding: 30px 0px;}
  body .single-testimonial{width: 100% !important;}
  .family-member-inner .member-img img{height: 100% !important;}
  .family-member-inner{flex-direction: column;}
  .slider-item .name{font-size: 16px !important;}
  .name{padding-top: 8px !important;}
  .back-color{padding-bottom: 0px !important;}
  .slider-item{margin-bottom: 40px;}
  .slider-item .name{width: 150px;height: 150px;}
  .main-tab-button{width: 100%;white-space: nowrap;}
  .product-page .product-item{width: 100% !important}
  .product-page .product-img img{height: unset !important;}
  .blog-card{width: 100%;}
  .count-box h2{font-size: 30px;}
.count-box p{font-size: 18px;}
  .news-item{width: 100%;}
  .name{font-size: 12px;padding-top: 20px !important;}
   .menu-container{top: 50%;}
   .menu-item{padding: 6px 0px !important;}
  .family{width: 100%;}
  .order-wrap{padding: 30px 0px;}
  .logo-order{width: 48%;margin: 0px;}
  .banner-item .mobile-img{display: block;}
  .banner-item .desktop-img{display: none;} 
  #preloader h1{font-size: 28px;text-align: center;}
  .about_us_wrap{margin-bottom: 30px;}
  .single-testimonial p{font-size: 16px;padding: 20px 0px;}
  .single-testimonial::before{top: -50px;background-size: 50%;}
  .single-testimonial::after{bottom: -45px;background-size: 50%;}
  .testi-bg-color{padding: 30px 0px 0px;}
  .instagram-wrapper, .product-wrap, .back-color{padding: 30px 0px;}
  .product-img img{height: 220px !important;}
  .right-social{width: 100%;}
  .form-row .form-group{margin-bottom: 0px !important;}
  .contact-bottom-wrap{padding: 0px 0px 30px;}
  .contact-box{margin: 0px;margin-bottom: 20px;width: 100%;}
  .new-box h3{font-size: 18px;}
  .contact-page{padding: 0px 0px 30px !important;}
  .left-map, .contact-form-wrap{width: 100%;}
  .left-map{margin-bottom: 20px;}
  .contact-page .page-heading{font-size: 52px !important;}
  .flavour-page .page-heading{font-size: 62px;}
  .flavour-page .small-part{top: 9px;}
  .gelato-item{width: 45%;}
  .name{bottom: -46px;width: 100px;height: 100px;}
  .main-tabs{width: 100%;overflow: auto;}
  .sub-tab-button{font-size: 13px;}
  .sub-tabs{width: 261%;}
  .gelato-item{margin: 30px 0px 10px;}
  .page-heading{font-size: 28px;}
  .small-part h2{font-size: 26px;}
  .why-left p{font-size: 16px;}
  .why-left{margin-bottom: 15px;}
  .why-inner-img {right: -45px;bottom: -53px;}
  .why-wrap {padding: 0px 0px;}
  .provide-item{height: 326px;width: 100%;}
  .provide-heading{font-size: 18px;}
  .provide-text{font-size: 16px;}
  .question{font-size: 16px;}
  .answer{font-size: 14px;}
  .form-container{width: 100%;}
  .about-banner-heading span{font-size: 22px;}
  .about-right-heading, .story-heading{font-size: 24px;}
  .bg-color{padding: 30px 0px;}
  .about-banner-heading{font-size: 35px;}
  .about-right-content p, .story-content p{font-size: 16px;}
  .icon-wrap{display: none;}
  .banner-wrapper .right-icon{position: unset !important;}
  .banner-display{display: block;}
  .banner-content h2{font-size: 48px;}
  .mobile-img .banner-connect-wrap h2{font-size: 31px;text-shadow: 0px 2px #000;}
  .banner-slider-wrapper .banner-connect-wrap {position: absolute;top: 40%;right: 15%;}
  .banner-wrapper{height: max-content;}
  .banner-wrapper-cont i.fa-brands.fa-twitter{left: -94px !important;} 
  .banner-sub-heading h2::before{right: 64px;}
  .banner-wrap i.fa-brands.fa-facebook{    padding: 16px !important;font-size: 38px;}
  .banner-wrap i.fa-brands.fa-youtube{padding: 0px !important;width: 80px !important;height: 80px !important;font-size: 38px !important;left: -221px !important;bottom: -231px !important;}
  .banner-wrap i.fa-brands.fa-linkedin{ right: 52px !important;bottom: -143px !important;width: 70px !important;height: 70px !important;}
  .banner-wrap i.fa-brands.fa-instagram {right: 147px !important;top: -242px !important;}
  .banner-wrap i.fa-brands.fa-twitter{left: -95px !important;bottom: 104px !important;}
  #expect .market-box, .market-service .market-box{width: 100%;}
  .page_width{width: 90%;}
  .item{height: 434px;}
  .navbar-toggler{padding: 2px 0px;}
  #header{padding: 5px 0px 5px;}
  .logo-img{width: 120px;}
  .about_us_wrap{height: 220px;}
  .about_content .about_us_heading{padding: 29px 0px;}
  .main_wrapper{background-size: cover;min-height: unset;}
  .item{padding: 40px 20px 20px 20px;}
  .item .slide-heading{font-size: 28px;line-height: 35px;margin-bottom: 15px;}
  .item .slide-content{font-size: 16px;line-height: 24px;}
  .slick-dots li{width: 12px;height: 15px;}
  .slick-dots li button{width: 12px;height: 12px;}
  .slick-dots li button:before{width: 12px;height: 12px;border: 2px solid #fff;}
  .head_icon{padding: 20px 0px;}
  .head_icon img{width: 20px;height: 20px;}
  .slick-dots {bottom: 13px;}
  .heading{font-size: 28px;line-height: 36px;margin-bottom: 20px;}
  .footer_wrap{flex-direction: column;}
  .footer_left {width: 100%;}
  .footer_right{width: 100%;}
  .footer_links ul{padding: 0px;margin-top: 30px;}
  .footer_links ul li{margin-bottom: 5px;}
  .footer_wrap {padding-bottom: 30px;}
     .f_bottom_left{width: 100%;}
     .f_logo{margin: auto;margin-bottom: 20px;}
     .f_bottom_right{flex-direction: column-reverse;width: 100%;}
     .footer_bottom{padding-top: 30px;}
     #footer{padding: 30px 0px;}
     .f_logo img{width: 100%}
     .slick-prev {left: 15px;}
     .slick-next {right: 19px;}
     .top{padding: 8px 12px;right: 10px;}
     .icon_bottom {font-size: 20px;margin: 0px 10px 15px;}
     .menu-container{width: 45px;}
     .slick-prev{left: -7px;}
     .slick-next {right: -10px;}
     .insta-item{width: 100%;}
     .product-item{width: 48%;margin-bottom: 20px;}
     .product-name{font-size: 20px;}
     .instagram-left, .instagram-middle, .instagram-right{width: 100%;}
     .instagram-item{margin-bottom: 15px;}
     .footer-box h6{font-size: 20px;}
     .footer-logo{float: left;width: 33%;}
     .footer-box{margin-bottom: 15px;}
     .footer-box p {font-size: 16px;}
     .product-img{width: 100%;}
     .menu-container{left: -37px;}
     .middle-member{flex-direction: column-reverse;}
     .middle-member .member-content{text-align: left;}
     .video-heading{font-size: 20px;text-shadow: 1px 3px #000;}
     .video-heading span{font-size: 42px;}
    .main-wrap .nav-link{color: #000;}
    .video video{height: 550px;object-fit: cover;}

}