body {font-family: 'Poppins', sans-serif;}

.col_dsply{width:100%;display:inline-block;}
.display_no {display: none;}
.banner-carousel {background-image: url('../../Img/bg.webp');background-repeat: no-repeat;
                  background-size: cover;background-position: center;position: relative;width: 100%;
                  height: 100vh;overflow: hidden;}
.banner-carousel1 {background-image: url('../../Img/bg1.webp');background-repeat: no-repeat;background-size: cover;
                   background-position: center;position: relative;width: 100%;height: 100vh;overflow: hidden;}
.banner-slider {position: relative;width: 100%;}
.banner_amazon {position: absolute;width: 90px;right: 25%;top: 20px;}
.banner {width: 100%;height: 75vh;display: none;object-fit: cover;transition: opacity 0.5s ease-in-out;}
.banner.active {display: block;opacity: 1;}
.banner-arrow {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0,0,0,0.4);border: none;
            color: white;font-size: 2rem;padding: 8px 12px;cursor: pointer;z-index: 10;border-radius: 50%;}
.banner-arrow.left {left: 10px;}
.banner-arrow.right {right: 10px;}

.nutrient-carousel-section {text-align: center;max-width: 1300px;margin: 40px auto;}
.green {color: #026935;font-size: 24px;font-weight: 800;}
.nutrient-carousel-wrapper {display:flex;align-items: center;justify-content: center;gap: 10px;}
.carousel-window {overflow: hidden;width: 958px;}
.nutrient-carousel {display: flex;gap: 55px;transition: transform 0.5s ease-in-out;}
.nutrient-box {display: flex;align-items: center;padding: 10px 0px 10px 0px;width: 270px;min-width: 270px;}
.circle-icon {background: #ECF6E1;width: 50px;height: 50px;border-radius: 50%;display: flex;justify-content: center;
            align-items: center;padding:13px 17px;float:left;z-index:1000;}
.circle-icon img {width: 36px;height: 36px;border-radius: 25px;}
.nutrient-text {background-color: #F7FFEF;border-radius: 30px;font-size: 14px;font-weight: 600;color: #2b2b2b;
                float: right;width: 230px;padding: 10px 0px 10px 30px;text-align: left;margin-left: -26px;}
.arrow {font-size: 24px;background: none;border: none;color: #4BAF47;cursor: pointer;}
.arrow img {width:18px;margin-bottom:-2px;margin:0px 30px -4px 30px;}
.dots1 {margin-top: 16px;}
.dot {height: 9px;width: 9px;display: inline-block;border-radius: 50%;margin: 0px 4px;border-radius: 50%;
      background-color: #d7eac5;}
.dot.active {background-color: #006837;border: 2px solid white;outline: 1px solid #006837;}
        

.product-range {
    background: #fffaf5;
    padding: 10px 10px 30px 10px;
    text-align: center;
    font-size: 18px;
}

    .product-range h3 span {
        color: #008b55;
        font-size: 21px;
    }

.product-container {
    display: flex;
    justify-content: center;
    gap: 35px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    width: 300px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-img {
    width: 120px;
    height: auto;
    margin-bottom: 12px;
}

.product-card h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 5px 0;
}

.product-card p {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
}

.nutrition {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 10px;
}

    .nutrition div {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
        color: #444;
    }

    .nutrition img {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }

.product-card {
    width: 260px;
    background: #ffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 16px;
    font-family: 'Segoe UI', sans-serif;
}

.image-box {
    background: #fff6f3;
    border-radius: 12px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08);
    margin: 16px;
    padding: 10px;
    width: 86%;
    text-align: center;
    height: 32vh;
    position: relative;
    overflow: hidden;
    display: inline-block;
}


.sound-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 6px 6px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: none;
    z-index: 2;
}

.image-box:hover .sound-toggle,
.image-box.touch-active .sound-toggle {
    display: block;
}

.product-image,
.product-video {
    width: 100%;
    height: auto;
    display: block;
}

.product-video {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.image_color1 {
    background-color: #FFF8E6;
}

.image_color2 {
    background-color: #FFF9EF;
}

.image_color3 {
    background-color: #F3EEEC;
}

.image-box img {
    width: 100%;
    max-width: 200px;
    margin:13px 0px 0px 10px;
    cursor:pointer;
}

.product-info {
    width: 90%;
    text-align: center;
}

.title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-row h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        text-align: left;
        color: #333;
        line-height: 1.3;
    }
.more-toggle{display:none;}

.info-icon {
}

    .info-icon img {
        width: 20px;
        cursor: pointer;
    }

.nutrition-strip {
    background: #dbf5c3;
    color: #333;
    font-weight: 600;
    border-radius: 8px;
    margin: 12px 0;
    padding: 6px 0;
    font-size: 18px;
}

.nutrition-box {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 17px;
    background-color: #F7FFEF;
    margin-top: -13px;
    padding: 16px 0px;
}

    .nutrition-box div {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
    }

    .nutrition-box img {
        width: 32px;
        height: 32px;
        margin-bottom: 4px;
    }

    .nutrition-box span {
        margin-top: 5px;
    }

    .nutrition_span{margin-top:6px;font-weight:bold;}

    .weight-pieces {
        display: flex;
        justify-content: space-between;
        margin: 0 0 20px;
        font-size: 14px;
        color: #444;
    }

    .weight-pieces span {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 700;
    }

    .weight-pieces img {
        width: 16px;
        height: 16px;
    }

.shop-btn {
    background: #91C640;
    color: #006838;
    padding: 7px 29px;
    border: none;
    border-radius: 25px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 90%;
    font-size: 15px;
}

    .shop-btn:hover {
        background: #91C640;
    }

.video-section {
    text-align: center;
}

.video-box {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 600px;
    margin-bottom: 18px;
    
}

.video-thumbnail {
    position: relative;
    cursor: pointer;
  
}

.thumb {
    width: 100%;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: white;
    color: green;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

    .play-button img{width:36px;margin-top:14px;margin-left:4px;}

    .video-wrapper {
        position: relative;
    }

.video-player {
    width: 100%;
    border-radius: 8px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}
.video-section h2 span {
    color: #008b55;
    font-size: 22px;
}

.footer {
    background-color: #234b06;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 40px 20px 20px;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 20px;
    width: 84%;
    margin: 0px auto;
}

.footer-logo img {
    max-width: 190px;
}

.footer-contact,
.footer-location {
    flex: 1;
    min-width: 240px;
    margin-left: 25px;
}

    .footer-contact h4,
    .footer-location h4 {
        color: #fff;
        margin-bottom: 18px;
        font-size: 16px;
    }

    .footer-contact p,
    .footer-location p {
        margin: 8px 0;
        color: #d4ffd4;
        font-size: 15px;
        line-height: 1.9;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.footer-contact img {
    width: 16px;
    height: 16px;
}

.footer-divider {
    border-top: 1px solid #4e8040;
    margin-bottom: 15px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer-socials a img {
    width: 20px;
    margin-right: 15px;
    transition: opacity 0.3s ease;
    margin-top: 20px;
}

.footer-socials a:hover img {
    opacity: 0.8;
}

.footer-bottom p {
    color: #d4ffd4;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.arrow {
    font-size: 24px;
    color: #4BAF47;
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.15s ease;
}

.arrow:active {
    transform: scale(0.9);
}

.arrow.clicked {
    animation: bounce 0.3s ease;
}
.arrow.disabled {
    color: #CDE1D6;
    cursor: not-allowed;
    opacity: 0.6;
}

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

    50% {
        transform: translateX(5px);
    }

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

.cta-section {
    background-image: url('../../Img/Group.webp');
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #e7f6e7;
    text-align: center;
    padding: 50px 20px;
}

.bottom_banner {
    width: 90px;
    position: absolute;
    left: 136px;
    top: 57%;
}

.bottom_banner1 {
    width: 90px;
    position: absolute;
    right: 90px;
    top: 20px;
}

.banner-arrow {background: none;cursor: pointer;}
.banner-arrow img {width:30px;}
.banner_nav{width:90%;margin:0px auto;}
.banner_logo{width:55%;float:left;margin-left:90px;margin-top:30px;}
.banner_logo img{width:150px;}
.available_letter{width:110px;float:left;font-size:14px;padding-top:4px;}
.amazon_logo{width:90px;float:left;}
.amazon_logo img{width:80px;cursor:pointer;}
.and_symbol{width:28px;float:left;font-size:15px;padding-left:6px;padding-top:3px;}
.bigbasket_logo{width:90px;float:left;}
.bigbasket_logo img{width:80px;cursor:pointer;}
.banner_nav2{width:30%;margin-top:40px;float:left;}
.product_image img{width:75%;margin-top:30px;margin-left:150px;}
.product_image1 img{width:57%;margin-top:90px;margin-left:300px;}
.banner_bottom{text-align:center;font-size:40px;color:#026935;margin-top:10px;}
.banner_bottom1{text-align:center;font-size:37px;color:#026935;margin-top:10px;}
.outer_container{width:1200px;margin:0px auto;}
.main_outer{width:1300px;margin:0px auto;}
.banner_span{color: #A6CE39;}
.pro_top{width:90%;margin:0px auto;text-align:center;color:#026935;position:absolute;left:5%;top:17%;
         font-size:36px;}

/* features_section*/
.features_section{padding: 10px 20px; max-width: 1000px; margin: auto; text-align: center;}
.features_outer{display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;}
.features_box{background: #ffff; padding: 15px 0px; border-radius: 16px;  flex: 1; min-width: 220px;
              max-width: 310px;position:relative;}
.features_img{width: 25%;position:absolute;top:0px;left:-28px;z-index: 1;}
.features_leaf{width: 80%; border-radius: 8px;z-index: 2;position: relative;}
.features_head{color: #0d5135; font-weight: 900; margin-top: 13px; text-align: left; margin-left: 33px;}
.features_p{color: #333; font-size: 0.95rem;text-align:left;margin-left:33px;}

.features_box1{background: #ffff; padding: 15px 0px; flex: 1; min-width: 220px; max-width: 300px;
               position: relative;}
.features_img1{width: 80%; border-radius: 8px;position: relative;z-index: 2;}
.features_leaf1{width: 25%;position:absolute;top:130px;left:84%;z-index: 1;}
.features_head1{color: #0d5135; font-weight: 900; margin-top: 13px;text-align:left;margin-left:33px;}
.features_p1{color: #333; font-size: 0.95rem;text-align:left;margin-left:33px;}


.bottom_bannerp{font-size: 1.4rem; max-width: 800px; margin: auto; color: #2b2b2b;font-weight:500;}
.Sprout_box{width:98%;margin:0px auto;margin-top:20px;position:relative;}
.Sprout_box img{width:100%;height:60vh;}
.Sprout_paragraph{position:absolute;top:30px;right:11%;font-size:16.5px;line-height:30px;word-spacing:5px;}

.order_button{background-color: #066A38; color: white; font-weight: 600; padding: 12px 30px; border: none; 
              border-radius: 30px; font-size: 15px; margin: 20px 0; cursor: pointer;}
.amazon_img{display: flex; justify-content: center; gap: 20px; margin-top: 10px;}
.amazon_img img{height: 40px;}
.shop_on{margin-top:8px;font-weight:900;font-size:18px;}

.show_amazon{margin-left:10px;}
.shopnow_amazon{width:85px;float:left;cursor:pointer;}
.shopnow_and{width:45px;float:left;font-weight:500;padding-top:4px;}



.tooltip-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.trending-tooltip {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;

    position: absolute;
    bottom: 140%;
    left: -400%;
    transform: translateX(-50%);

    background-color: #DBF5C3;
    color: black;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 10;
    font-weight:500;
    /* Tooltip arrow */
    position: absolute;
}

.trending-tooltip::after {
    
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #ff5722 transparent transparent transparent;
}

.tooltip-wrapper:hover .trending-tooltip {
    visibility: visible;
    opacity: 1;
}



@media (max-width: 575px){

.outer_container{width:100%;margin:0px auto;}
.main_outer{width:100%;margin:0px auto;}
.mob_outer{width:360px;margin:0px auto;}

.banner-carousel {background-image: url('../../Img/bg.webp');background-repeat: no-repeat;
                  background-size: cover;background-position: center;position: relative;width: 100%;
                  height: 450px;overflow: hidden;}
.banner_nav{width:100%;margin-left:10px;}
.banner_logo{width:32%;float:left;margin-top:30px;margin-left:6px;}
.banner_logo img{width:100px;}
.available_letter{width:90px;float:left;font-size:13px;padding-top:0px;}
.amazon_logo{width:50px;float:left;}
.amazon_logo img{width:50px;cursor:pointer;}
.and_symbol{width:13px;float:left;font-size:12px;padding-left:6px;padding-top:0px;}
.bigbasket_logo{width:50px;float:left;}
.bigbasket_logo img{width:50px;cursor:pointer;}
.banner_nav2{width:66%;margin-top:45px;float:left;}
.product_image img{width:100%;margin-top:60px;margin-left:0px;}
.product_image1 img{width:100%;margin-top:80px;margin-left:0px;}
.banner_bottom{text-align:center;font-size:20px;color:#026935;margin-top:40px;}
.banner_bottom1{text-align:center;font-size:19px;color:#026935;margin-top:0px;}
.banner-arrow {background: none;cursor: pointer;border:1px solid #0B522D;margin-top:195px;padding:5px 11px;}
.banner-arrow img {width:22px;}
.banner-carousel1 {background-image: url('../../Img/bg1.webp');background-repeat: no-repeat;background-size: cover;
                   background-position: center;position: relative;width: 100%;height: 450px;overflow: hidden;}
.pro_top{width:90%;margin:0px auto;text-align:center;color:#026935;position:absolute;left:9%;top:22%;
         font-size:20px;}

  .carousel-window {
    width: 90%;
  }

  .nutrient-box {
    width: 100%;
    min-width: 100%;
    justify-content: start;
  }

  .nutrient-carousel {
    gap: 0; /* remove horizontal spacing in mobile */
  }

  .nutrient-text {
    width: calc(100% - 50px); /* adjust for icon size */
  }


.nutrient-carousel-section {text-align: center;}
.green {color: #026935;font-size: 18px;font-weight: 800;text-align:left}
.nutrient-carousel-wrapper {display:flex;align-items: center;justify-content: center;gap: 10px;}
/*.carousel-window {overflow: hidden;width: 280px;}*/
/*.nutrient-carousel {display: flex;gap: 55px;transition: transform 0.5s ease-in-out;}*/
/*.nutrient-box {display: flex;align-items: center;padding: 10px 0px 10px 0px;width: 270px;min-width: 270px;}*/
.circle-icon {background: #ECF6E1;width: 50px;height: 50px;border-radius: 50%;display: flex;justify-content: center;
            align-items: center;padding:13px 17px;float:left;z-index:1000;}
.circle-icon img {width: 36px;height: 36px;border-radius: 25px;}
/*.nutrient-text {background-color: #F7FFEF;border-radius: 30px;font-size: 14px;font-weight: 600;color: #2b2b2b;
                float: right;width: 230px;padding: 10px 0px 10px 30px;text-align: left;margin-left: -26px;}*/
.arrow {font-size: 24px;background: none;border: none;color: #4BAF47;cursor: pointer;}
.arrow img {width:18px;margin-bottom:-2px;margin:0px 30px -4px 30px;}
.dots1 {margin-top: 16px;}
.dot {height: 9px;width: 9px;display: inline-block;border-radius: 50%;margin: 0px 4px;border-radius: 50%;
      background-color: #d7eac5;}
.dot.active {background-color: #006837;border: 2px solid white;outline: 1px solid #006837;}



.product-range {background: #fffaf5;padding: 10px 10px 30px 10px;text-align: center;font-size: 18px;}
.product-container {display: flex;justify-content: left;gap: 10px;flex-wrap: wrap;margin-top: 20px;}
.product-card {width: 130px;background: #ffff;border-radius: 16px;overflow: hidden;display: flex;
               box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);flex-direction: column;align-items: center;
               padding-bottom: 16px;font-family: 'Segoe UI', sans-serif;}
.image-box {background: #fff6f3;border-radius: 12px;box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.08);margin:0px 0px 10px 0px;
    padding: 10px;width: 82%;text-align: center;height: 122px;position: relative;overflow: hidden;}
.image-box img {width: 123%;max-width: 200px;margin:0px 0px 10px -10px;}
.image_color1 {background-color: #FFF8E6;}
.image_color2 {background-color: #FFF9EF;}
.image_color3 {background-color: #F3EEEC;}
.title-row {display: flex;justify-content: space-between;align-items: center;}
.title-row h3 {font-size: 14px;font-weight: 700;margin: 0;text-align: left;color: #333;line-height: 1.3;}
.title-row br {display:none;}
.nutrition-strip{display:none;}
.nutrition-box{display:none;}
.info-icon img {width: 20px;cursor: pointer;display:none;}
.weight-pieces {display:none;}
/*.weight-pieces span {display: flex;align-items: center;gap:2px;font-weight: 700;text-align:left;}
.weight-pieces img {width: 13px;height: 13px;}*/
.shop-btn {background: #91C640;color: #006838;padding: 6px 0px;border:none;border-radius: 15px;
           font-weight: 700;cursor: pointer;transition: background 0.3s ease;width: 100%;font-size: 14px;
           margin-top:10px;text-align:center;}
.clamp-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;
             text-overflow: ellipsis;max-height: 3.2em;transition: max-height 0.3s ease;}
.clamp-text.expanded {-webkit-line-clamp: unset;max-height: none;}
.more-toggle {color: #007BFF;cursor: pointer;font-size: 14px;display: inline-block;margin-top: 4px;}
.show_amazon{width:150px;margin:10px 0px 0px -10px;}
.shopnow_amazon{width:60px;float:left;cursor:pointer;margin-top:6px;}
.shopnow_and{width:20px;float:left;font-weight:500;padding-top:7px;font-size:14px;}


.video-section {text-align: center;}
.play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 52px;height: 52px;
              background: white;color: green;font-size: 32px;line-height: 64px;text-align: center;border-radius: 50%;
              box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);}
.play-button img{width:34px;margin-top:10px;margin-left:4px;}
.video-section h2 span {color: #008b55;font-size: 20px;}
.video-section h2 strong {font-size: 20px;}


.Sprout_box{margin:10px 0px 35px -0px;}
.Sprout_box img{width:102%;height:130px;}
.Sprout_paragraph{font-size:13px;background: #E1AF8E;
border-radius:4px;margin-top:92px;margin-right:-46.4px;padding-left:9px;width:352px;}
.Sprout_paragraph span{display:block;}
br{display:none;}


.features_section{padding: 10px 20px; width: 305px; text-align:center;margin-left:-0px;margin-top:330px;}
.features_img{width: 22%;position:absolute;top:0px;left:-0px;z-index: 1;}
.features_leaf{width: 60%; border-radius: 8px;z-index: 2;position: relative;}
.features_head{color: #0d5135; font-weight: 900; margin-top: 13px; text-align: left; margin-left: 58px;font-size:16px;}
.features_p{color: #333; font-size: 0.95rem;text-align:left;margin-left:58px;font-size:14px;}


.features_img1{width: 60%; border-radius: 8px;position: relative;z-index: 2;}
.features_leaf1{width: 22%;position:absolute;top:80px;left:75%;z-index: 1;}
.features_head1{color: #0d5135; font-weight: 900; margin-top: 13px;text-align:left;margin-left:58px;font-size:16px;}
.features_p1{color: #333; font-size: 0.95rem;text-align:left;margin-left:58px;font-size:16px;}


.cta-section {
    background-image: url('../../Img/Group.webp');
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #e7f6e7;
    text-align: center;
    padding: 50px 20px;
    width:320px;margin-left:-0px;
}
.bottom_banner {
    width: 90px;
    position: absolute;
    left: 136px;
    top: 57%;
    display:none;
}

.bottom_banner1 {
    width: 90px;
    position: absolute;
    right: 90px;
    top: 20px;
    display:none;
}

.amazon_img img{height: 30px;}
.shop_on{margin-top:2px;font-weight:900;font-size:16px;}
.order_button{background-color: #066A38; color: white; font-weight: 600; padding: 8px 26px; border: none; 
              border-radius: 30px; font-size: 14px; margin: 20px 0; cursor: pointer;}


.footer {
    background-color: #234b06;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 40px 20px 20px;width:300px;margin-left:-0px;width:320px;
}
.footer-logo img {
    max-width: 130px;
}
.footer-logo{
    margin-left:-15px;
}
.footer-socials a img {
    width: 15px;
    margin-right: 15px;
    transition: opacity 0.3s ease;
    margin-top: 15px;
}
.footer-contact,
.footer-location {
    flex: 1;
    min-width: 240px;
    margin-left: 5px;
}

.sound-toggle {
    position: absolute;
    top: 5px;
    right: 6px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 6px 6px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    display: none;
    z-index: 2;
}

.image-box:hover .sound-toggle,
.image-box.touch-active .sound-toggle {
    display: block;
}

}