html, body {overflow-x: hidden;}

.whatsapp {
    z-index: 999999;
    vertical-align: middle;
    position: fixed;
    bottom: 1%;
    -webkit-transform: translateY(-8%);
    -ms-transform: translateY(-8%);
    transform: translateY(-8%);
    left: 2%
}

.call-button {
            z-index: 999999;
            vertical-align: middle;
            position: fixed;
            bottom: 1%;
            -webkit-transform: translateY(-8%);
            -ms-transform: translateY(-8%);
            transform: translateY(-8%);
            right: 2%;
            width: 50px;
        }

        @media (max-width: 600px) {
            .call-button a img {
                width: 60px; /* Slightly larger for smaller screens */
            }
        }
        
        @media (min-width: 601px) {
            #call-button a img {
                width: 70px; /* Larger for bigger screens */
            }
        }
        
/*.quickEnquiryBtn {*/
/*  position: fixed;*/
/*  bottom: 0px;*/
/*  right: 20px;*/
/*  background: linear-gradient(135deg,#fd5526,#e80a89);*/
/*  color: #fff;*/
/*  font-weight: bold;*/
/*  text-align: center;*/
/*  padding: 10px 14px;*/
/*  box-shadow: 0 4px 12px rgba(0,0,0,0.2);*/
/*  cursor: pointer;*/
/*  line-height: 1.2;*/
/*  z-index: 1000;*/
/*  border-radius: 4px 4px 0 0;*/
/*  user-select: none;*/
/*  font-size: 18px;*/
/*}*/

body {display: block;margin: 0px;}

/********************Coco-Town******************************/

/*Hero*/

.cocotown-hero-section{
  background-color: #1a1a1a;
  margin: auto;
  padding-top: 40px;
}

.cocotown-hero{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 310px;
  max-width: 1200px;
  margin: auto;
  background-color: #000;
  padding: 50px 0px 20px 0px;
}

.cocotown-text-content h1 {
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  font-family: "Merriweather";
  font-style: italic;
}

.cocotown-visit-link {
  margin-top: 20px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cocotown-arrow {
  font-size: 1rem;
  margin-left: 4px;
}

/* Image Style */
.cocotown-image-content img {
  border-radius: 18px;
  width: 577px;
    height: 340px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-hero{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 100px;
        padding: 40px 30px;
    }
    
    .cocotown-text-content{
        padding-left: 10px;
    }

  .cocotown-text-content h1 {
    font-size: 48px;
    text-align: left;
  }

  .cocotown-visit-link {
    text-align: left;
    display: block;
  }

  .cocotown-image-content img {
    width: 354px;
    height: 221px;
  }
  
  .cocotown-hero-section{
        padding-top: 15px;
    }
}


@media (max-width: 768px) {
    .cocotown-hero{
      display: flex;
      flex-direction: column-reverse;
      gap: 40px;
      padding: 0px;
    }
    
    .cocotown-image-content img{
     border-radius: 0px;
     width: 100%;
      height: auto;
    }
    
    .cocotown-hero-section{
        padding-top: 10px;
    }
}

/*Hero End*/


/*info*/

.cocotown-info-section {
  background-color: #1a1a1a;
}

.cocotown-info{
  display: flex;
  flex-direction: row;
  gap: 105px;
  background-color: #000;
  border-radius: 0px 0px 20px 20px;
  margin-top: 50px;
  max-width: 1200px;
  margin: auto;
  justify-content: center;
  padding-bottom: 25px;
}

.cocotown-info-box h3 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Poppins";
}

.cocotown-info-box p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  font-family: "Poppins";
  text-align: justify;
}

.hero-para{
  width: 450px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-info{
        gap: 29px;
        padding-left: 25px;
    padding-right: 25px;
    }
    
    .cocotown-info-box p{
        font-size: 16px;
    }
    
    .hero-para{
        width: 317px;
    }
}

@media (max-width: 768px) {
    
    .cocotown-info{
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0px 25px 25px 25px;
    }
    
    .cocotown-text-content{
        padding: 25px;
        padding-bottom: 0px;
    }
    
    .cocotown-text-content h1{
     font-size: 30px;
     margin-bottom: 20px;
    }
    
    .cocotown-visit-link{
      font-size: 14px;  
    }
    
    .cocotown-info-box p{
        font-size: 16px;
    }
    
    .hero-para{
        width: 590px;
    }
    
    .cocotown-info-box h3{
        font-size: 21px;
        font-family: Poppins;
    }
}

@media (max-width: 425px) {
    .hero-para{
        width: 365px;
    }
}

/*info End*/


/*Banner image*/

.cocotown-img-section{
  background-color: #1a1a1a;
      padding-top: 64px;
}

.cocotown-img-section-2{
    background: linear-gradient(180deg, #1a1a1a 0%, #569341 100%);
      padding-top: 64px;
}

.cocotown-img-div{
  max-width: 1200px;
  margin: auto;
}

.cocotown-img1{
    width: 1200px;
    height: 612px;
    border-radius: 18px;
    transition: transform 0.3s ease;
}

.cocotown-img1:hover {
  transform: translateY(-10px);
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-img1{
    width: 738px;
    height: 419px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .cocotown-img1{
        width: 100%;
        height: auto;
        margin: 0px;
        border-radius: 0px;
    }
}

/*Banner image end*/


/*Challenge*/

.cocotown-challenge-section {
  background-color: #1a1a1a;
  padding-top: 68px;
}

.cocotown-challenge{
  display: flex;
  flex-direction: row;
  gap: 265px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-challenge-left h4 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 0px;
  margin-top: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Poppins";
}

.cocotown-challenge-left h2 {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  font-family: "Merriweather";
  margin-top: 0px;
  margin-bottom: 0px;
  font-style: italic;
  width: 345px;
}

.cocotown-challenge-left span {
  color: #fd5526;
}

.cocotown-challenge-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.cocotown-challenge-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #fd5526;
  padding-bottom: 20px;
}

.cocotown-challenge-item .number {
  color: #fd5526;
  font-weight: bold;
  font-size: 25px;
  min-width: 30px;
  font-family: Poppins;
}

.cocotown-challenge-item p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 0px;
  font-family: Poppins;
  text-align: justify;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .cocotown-challenge-section{
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .cocotown-challenge{
      gap: 10px;
  }
}

@media (max-width: 768px) {
  .cocotown-challenge-section {
    flex-direction: row;
    justify-content: space-between;
  }

  .cocotown-challenge-left {
    flex: 1;
    max-width: 40%;
  }

  .cocotown-challenge-right {
    flex: 2;
  }

  .cocotown-challenge-left h2 {
    font-size: 30px;
    width: 375px;
  }
  
  .cocotown-challenge-left h4{
     font-size: 16px;
  }
  
  .cocotown-challenge{
    display: flex;
    flex-direction: column;
    padding: 25px;
    gap: 0px;
  }
  
  .cocotown-challenge-item .number{
      font-size: 21px;
      margin-top: 30px;
      font-family: Poppins;
  }
}

/*Challenge end*/


/* Solution*/

.cocotown-solution-section {
  background-color: #1a1a1a;
  padding-top: 71px;
}

.cocotown-solution{
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 60px;
  background-color: #000;
  border-radius: 18px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-solution-text{
  padding: 60px 60px 60px 60px;
}

.cocotown-solution-text h4 {
  color: #fd5526;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0px;
  font-family: Poppins;
}

.cocotown-solution-text h2 {
  font-size: 38px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
  font-family: Merriweather;
  font-style: italic;
}
.cocotown-solution-text h2 span {
  color:#fd5526;
}

.cocotown-solution-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
  font-family: Poppins;
  text-align: justify;
}

.cocotown-solution-image img {
  border-radius: 0px 18px 18px 0px;
  width: 590px;
  height: 604px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-solution-image img{
     width: 100%;
     height: 100%;
     border-radius: 0px 12px 12px 0px;
    }
    
    .cocotown-solution-text{
        padding: 0px 0px 0px 20px;
    }
}

@media (max-width: 768px) {
  .cocotown-solution-section {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
  }

  .cocotown-solution-text {
    flex: 1;
    padding: 15px;
  }

  .cocotown-solution-image {
    flex: 1;
  }

  .cocotown-solution-text h2 {
    font-size: 30px;
  }
  
  .cocotown-solution-text h4{
    font-size: 21px;
    font-family: Poppins;
  }
  
  .cocotown-solution{
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
  }
  
  .cocotown-solution-image img{
    width: 100%;
    height: auto;
 }
}

/* Solution End */


/*Purpose*/

.cocotown-projects-section{
       background-color: #1A1A1A;
   }
   
  .cocotown-projects-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 97px 40px 134px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-projects-header-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 50px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-projects-header-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 40px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-projects-left {
  flex: 0 1 300px;
}

.cocotown-section-title {
  font-size: 38px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
}

.cocotown-section-title span{
  color: #fff;
}

.cocotown-section-title-1 {
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  text-align: right; 
  font-family: Poppins;
}

.cocotown-section-title-2{
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Poppins;
}

.cocotown-section-title-3{
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
  width: 372px;
}

.cocotown-section-title-3 span{
    color: #fd5526;
}

.cocotown-para1{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    text-align: justify;
    font-family: Poppins;
}

.cocotown-para2{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    font-family: Poppins;
    text-align: justify;
}

.cocotown-view-all {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
}

.cocotown-view-all .cocotown-arrow {
  color: #2AF598;
  margin-left: 5px;
}

.cocotown-projects-right {
  flex: 2 1 500px;
  color: #e1e1e1;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-projects-header{
        flex-wrap: nowrap;
        gap: 30px;
        padding: 97px 20px 97px;
    }
    
    .cocotown-projects-header-1{
        gap: 10px;
        padding: 50px 20px 20px;
    }
    
    .cocotown-projects-header-2{
        gap: 10px;
        padding: 40px 20px 20px;
    }
    
    .cocotown-section-title-1{
        font-size: 20px;
        color: #fd5526;
    }
    
    .cocotown-section-title-2{
        font-size: 20px;
        color: #fd5526;
    }
    
    .cocotown-section-title-3{
        font-size: 32px;
    }
}

/* Mobile speed boost */
@media (max-width: 768px) {
  .cocotown-projects-header {
    gap: 20px;
    padding: 25px;
  }
  
  .cocotown-projects-header-1{
      gap: 20px;
  }
  
  .cocotown-projects-header-2{
      gap: 20px;
  }
  
  .cocotown-section-title{
    font-size: 30px;
    color: #fd5526;
  }
  
  .cocotown-section-title-1{
      font-size: 21px;
      text-align: left;
      color: #fd5526;
      font-family: Poppins;
  }
  
  .cocotown-section-title-2{
     font-size: 21px;
     color:#fd5526;
     font-family: Poppins;
  }
  
  .cocotown-section-title-3{
     font-size: 30px;
     color: #fff;
     margin: 0px;
  }
  
  .cocotown-section-title-3 span{
       color: #fd5526;
  }
  
  .cocotown-para1{
      text-align: left;
      text-align: justify;
  }
  
  .cocotown-para2{
   font-size: 16px;   
   text-align: justify;
  }
}

/*Purpose End*/


/*Brand Color*/

.cocotown-color {
  background-color: #1a1a1a;
}

.cocotown-color-bar {
  display: flex;
  max-width: 1200px;
  margin: auto;
  align-items: center;
  flex-wrap: wrap;
}

.cocotown-color-bar img {
  max-width: 100%;
  height: 80px;
  transition: transform 0.3s ease;
}

.cocotown-color-bar img:hover {
  transform: translateY(-10px);
}

/* Individual styles for flexibility */
.cocotown-logo {
  flex: 1 1 200px;
  max-width: 427px;
}

.cocotown-color-box {
  flex: 1 1 100px;
  max-width: 150px;
}

/* Tablet view */
@media (max-width: 991px) {
  .cocotown-color-bar {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cocotown-logo, .cocotown-color-box {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

/* Mobile view */
@media (max-width: 576px) {
  .cocotown-color-bar {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .cocotown-logo, .cocotown-color-box {
    max-width: 80%;
  }
  
  .cocotown-color-bar img {
  max-width: 90%;
  height: 80px;
  padding: 25px;
  transition: transform 0.3s ease;
  }
  

.cocotown-projects-left{
    flex: 1 1 130px;
  }
}

/*Brand Color End*/


/*Flyer-helmet-lanyards Images*/

.cocotown-coco{
  background: #1a1a1a;
  padding-top: 300px;
}

.cocotown-cocotown-wrapper {
  max-width: 1200px;
  margin: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
}

.cocotown-flyer {
  position: relative;
  z-index: 1;
}

.cocotown-flyer img {
  width: 721px;
  max-width: 100%;
  margin-right: -60px;
  border-radius: 18px;
  transition: transform 0.3s ease;
}

.cocotown-flyer img:hover {
  transform: translateY(-10px);
}

.cocotown-helmet img {
  width: 580px;
  max-width: 100%;
  margin-left: -30px;
  margin-top: -230px;
  position: absolute;
  z-index: 3;
  transition: transform 0.3s ease;
}

.cocotown-helmet img:hover {
  transform: translateY(-10px);
}

.cocotown-lanyard img {
  width: 377px;
  max-width: 100%;
  margin-left: 120px;
  margin-top: 120px;
  transition: transform 0.3s ease;
}

.cocotown-lanyard img:hover {
  transform: translateY(-10px);
}

/* Responsive design */
@media (max-width: 991px) {
  .cocotown-coco{
      padding-top: 30px;
  }

  .cocotown-flyer img {
    margin: 0;
    max-width: 400px;
    margin-left: 20px;
    margin-top: 150px;
  }
  
  .cocotown-helmet img{
    margin: -20px;
    max-width: 340px;
    margin-top: -10px;
  }
  
  .cocotown-lanyard img {
    margin: 0;
    max-width: 280px;
    margin-top: 160px;
    margin-left: 30px;
  }

  .cocotown-lanyard {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
    .cocotown-coco{
        padding-top: 0px;
    }
    
    .cocotown-cocotown-wrapper{
        padding-left: 25px;
        gap: 10px;
    }
    
    .cocotown-flyer img, .cocotown-helmet img, .cocotown-lanyard img{
        width: 95%;
        margin: 0;
    }
    
    .cocotown-helmet img{
       position: relative;
       margin-left: 20px;
    margin-top: 10px;
    }
    
    .cocotown-lanyard{
        margin-left: 20px;
        margin-top: 0px;
    }
}

/*Flyer-helmet-lanyards Images End*/


/* Four Image*/

.cocotown-two-image{
  background-color: #1a1a1a;
  padding-top: 45px;
}

.cocotown-two-image-2{
    background: linear-gradient(0deg, #1a1a1a 0%, #569341 100%);
  padding-top: 45px;
}

.cocotown-two-image-3{
  background-color: #1a1a1a;
}

.cocotown-image-row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.cocotown-image-box-1 {
  flex: 1;
  min-width: 300px;
}

.cocotown-image-box-2 {
  flex: 1;
  min-width: 300px;
}

.cocotown-image-box-3 {
  flex: 1;
  min-width: 300px;
}

.cocotown-image-box-4 {
  flex: 1;
  min-width: 300px;
}

.cocotown-image-box-1 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.cocotown-image-box-1 img:hover {
  transform: translateY(-10px);
}

.cocotown-image-box-2 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.cocotown-image-box-2 img:hover {
  transform: translateY(-10px);
}

.cocotown-image-box-3 img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.cocotown-image-box-3 img:hover {
  transform: translateY(-10px);
}

.cocotown-image-box-4 img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.cocotown-image-box-4 img:hover {
  transform: translateY(-10px);
}

/* Tablet */
@media (max-width: 991px) {
  .cocotown-image-row {
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .cocotown-image-box-1 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .cocotown-image-box-2 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .cocotown-image-box-3 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .cocotown-image-box-4 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .cocotown-image-box-1 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .cocotown-image-box-2 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .cocotown-image-box-3 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .cocotown-image-box-4 img{
      width: 90%;
      padding-left: 25px;
  }
}

/* Four Image End*/

/*Video*/
.cocotown-video{
  background: #000000;
  padding: 0;
  padding-bottom: 100px;
  padding-top: 60px;
  overflow: hidden;
}

/* Section styling */
    .cocotown-video-section {
    height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*gap: 310px;*/
    max-width: 1200px;
    margin: auto;
    padding: 50px 0px 20px 0px;
    background: #00000;
    }

    /* Iframe styling */
    iframe {
      flex: 1 ;
      border-radius: 18px;
      z-index: 1;
    }
    
@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-video-section{
        height: 420px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .cocotown-video-section{
        height: 405px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 600px) {
    .cocotown-video-section{
        height: 225px;
        padding-left: 20px;
        padding-right: 20px;
    }
}    

/*Video*/

/*CTA Banner 1*/

.cta-move-wrapper {
        background: #1E1E1E;
        padding: 60px 20px;
        display: flex;
        justify-content: center;
      }
    
      .cta-move-left {
        flex: 1;
        min-width: 280px;
      }
    
          .cta-move-heading {
            font-size: 25px;
            margin-bottom: 20px;
            font-family: Poppins;
          }
    
      .cta-move-button {
        padding: 12px 28px;
        border: 0px solid #fff;
        border-radius: 30px;
        background: transparent;
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.3s ease;
        font-size: 16px;
        background: linear-gradient(90deg, rgba(198, 45, 143, 1) 0%, rgba(239, 66, 82, 1) 50%, rgba(241, 92, 46, 1) 100%);
      }
      
      .cta-move-button-2 {
        padding: 12px 28px;
        border: 1px solid #fff;
        border-radius: 30px;
        background: transparent;
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.3s ease;
        font-size: 25px;
         text-transform: uppercase;
      }
    
    
      .cta-move-right {
        flex: 1;
        min-width: 280px;
        text-align: right;
        margin-top: 3px;
      }
    
      .cta-move-subheading {
        color: #fff;
        font-size: 21px;
        margin-bottom: 10px;
        font-family: Poppins;
      }
    
      .cta-move-text {
        font-size: 16px;
        color: #f0f0f0;
        font-family: Poppins;
      }
      
      @media (max-width: 1024px) and (min-width: 769px) {
        .cta-move-subheading{
            margin-right: 0px;
        }
        
        .cta-move-button-2{
            font-size: 21px;
        }
        
        .call{
            font-size: 21px;
        }
    }
    
      @media (max-width: 768px) {
        .cta-move-box {
          flex-direction: column;
          text-align: center;
        }
        
        .cta-move-left{
            text-align: center;
        }
    
        .cta-move-right {
          text-align: center;
          margin-top: 30px;
        }
        
        .cta-move-wrapper{
          padding: 0px 20px;  
        }
        
        .cta-move-subheading{
            display: none;
        }
        
        .cta-move-text{
            display: none;
            font-size: 16px;
        }
        
        .cta-move-heading{
           font-size: 21px; 
        }
      }
      
      
    .cta-move-box-1 {
        background-image: url('https://www.sparkstudios.in/images/portfolio/Portfolio-images/cocotown/cta-cocotown.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 18px;
        max-width: 1200px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 50px;
        color: white;
        flex-wrap: wrap;
      }
    
    .call{
        color:#fff;
        font-size: 25px;
        text-decoration: none;
    }
    
    .call:hover{
        color: #fff;
        text-decoration: none;
    }
    
    .cta-move-subheading-1{
        font-family: Merriweather;
        font-size: 38px;
        font-style: italic;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 40px;
    }
    
    .cta-move-text-1{
        font-family: Poppins;
        font-size: 25px;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .cta-move-button-2:hover {
    background-color: #cf0398;
    color: #FFF;
  }
  
  @media (max-width: 1024px) and (min-width: 769px) {
      .cta-move-subheading-1{
          margin-top: 0px;
      }
      
      .cta-move-heading{
        margin-top: 0px;  
      }
  }
  
  @media (max-width: 768px) {
  .cta-move-subheading-1{
      font-family: Merriweather;
      font-size: 30px;
      margin-top: 0px;
    }
    
    .cta-move-button-2{
        font-size: 19px;
    }
    
    .call{
        font-size: 21px;
    }
  }
  
/*CTA Banner 1 End*/

/*Sliding Contact Form****************************/
    
    .contact-form-container {
      position: fixed;
      top: 50%;
      right: -400px;
      transform: translateY(-50%);
      width: 301px;
      height: auto;
      transition: right 0.4s ease-in-out;
      padding: 20px;
      z-index: 2000;
      border-radius: 12px;
      overflow-y: auto;
      
     background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 1);
    }
    
    
    .contact-form-container.active {
      right: 20px;
    }
    
    .form-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .form-header h2 {
      margin: 0;
      font-size: 25px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      font-family: Poppins;
    }
    
    .form-header h2:hover{
        color: #fd5526;
    }
    
    #closeFormBtn {
      font-size: 24px;
      cursor: pointer;
      color: #fff;
    }
    
    form {
      margin-top: 20px;
    }                                                                                                                           
    
    form label {
      display: block;
      margin: 10px 0 5px;
      font-weight: 600;
      color: #fff;
      font-size: 18px;
      font-family: Poppins;
    }
    
    form input,
    form textarea {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 6px;
      margin-bottom: 5px;
    }
    
    form button {
      margin-top: 15px;
      padding: 10px;
      width: 100%;
      background-color: #cf0398;
      color: #fff;
      border: none;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
      font-size: 18px;
    }
    
    form button:hover {
      background-color: #fd5526;
    }
    
    select{
        height: 45px;
        border-radius: 5px;
    }
    
    @media (max-width: 480px) {
      .contact-form-container {
        width: 85%;
        right: -100%;
        left: auto;
        transform: translateY(-50%);
      }
    
      .contact-form-container.active {
        right: 2%;
      }
    }
    
/*Sliding Contact Form-end***************************/


/*More*/

.cocotown-more-section {
  background-color: #1a1a1a;
}

.cocotown-more{
  display: flex;
  flex-direction: row;
  gap: 300px;
  padding: 40px 20px;
  margin-top: 60px;
  max-width: 1200px;
  margin: auto;
}

.cocotown-more-left h3 {
  font-size: 38px;
  color: #fff;
  line-height: 1.3;
  font-family: Merriweather;
  font-style: italic;
  font-weight: 600;
}
.cocotown-more-left h3 span {
  color: #fd5526;
}
.cocotown-more-link {
  display: inline-block;
  font-size: 25px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Poppins;
  text-decoration: none;
}
.cocotown-more-link .arrow {
  margin-left: 6px;
}

.cocotown-more-items {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.cocotown-more-item {
  flex: 1;
  max-width: 100%;
}
.cocotown-more-item img {
  width: 335px;
  height: 225px;
  border-radius: 18px;
  transition: transform 0.3s ease;
  object-fit: cover;
}
.cocotown-more-item img:hover {
  transform: translateY(-10px);
}

.cocotown-more-item h4 {
  margin-top: 15px;
  font-size: 25px;
  color: #fff;
  font-family: Poppins;
}
.cocotown-more-item p {
  color: #aaa;
  font-size: 0.9rem;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .cocotown-more-items{
      display: flex;
      flex-direction: row;
      gap: 30px;
    }
    
    .cocotown-more-item img{
        width: 207px;
        height: 140px;
    }
    
    .cocotown-more{
        gap: 100px;
    }
    
    .cocotown-more-link{
        color: #fd5526;
        font-size: 20px;
    }
    
    .cocotown-more-left h3{
        margin: 0px;
    }
}

@media (max-width: 768px) {
  .cocotown-more{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 25px;
  }

  .cocotown-more-left {
    flex: 1;
    max-width: 250px;
  }

  .cocotown-more-items {
    flex: 2;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .cocotown-more-item {
    max-width: 48%;
  }
  
  .cocotown-more-item img{
    width: 205%;
    height: 100%;
  }
  
  .cocotown-more-item h4{
    font-size: 21px;
    margin: 10px 0px;
  }
  
  .cocotown-more-left h3{
    margin-bottom: 15px;
    font-size: 30px;
  }
  
  .cocotown-more-item p{
    font-size: 16px;
    margin: 0px;
    width: 330px;
  }
  
  .cocotown-more-link{
      font-size: 21px;
  }
}

@media (max-width: 425px) {
    .cocotown-more-item img {
        width: 360px;
        height: 252px;
    }
}

/*More End*/

/**********************coco-town-End***************************/

/********************Brownie & Blondie******************************/


/*Hero*/

.Brownie-Blondie-hero-section{
  background-color: #1a1a1a;
  margin: auto;
  padding-top: 40px;
}

.Brownie-Blondie-hero{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 200px;
  max-width: 1200px;
  margin: auto;
  background-color: #000;
  padding: 50px 0px 20px 0px;
}

.Brownie-Blondie-text-content h1 {
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  font-family: "Merriweather";
  font-style: italic;
  margin-bottom: 0px;
}

.Brownie-Blondie-visit-link {
  margin-top: 20px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.Brownie-Blondie-arrow {
  font-size: 1rem;
  margin-left: 4px;
}

/* Image Style */
.Brownie-Blondie-image-content img {
  border-radius: 18px;
  width: 577px;
  height: 340px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-hero{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 100px;
        padding: 40px 30px;
    }
    
    .Brownie-Blondie-text-content{
        padding-left: 10px;
    }

  .Brownie-Blondie-text-content h1 {
    font-size: 48px;
    text-align: left;
  }

  .Brownie-Blondie-visit-link {
    text-align: left;
    display: block;
  }

  .Brownie-Blondie-image-content img {
    width: 354px;
    height: 221px;
  }
  
  .Brownie-Blondie-hero-section{
      padding-top: 15px;
  }
}


@media (max-width: 768px) {
    .Brownie-Blondie-hero{
      display: flex;
      flex-direction: column-reverse;
      gap: 40px;
      padding: 0px;
    }
    
    .Brownie-Blondie-image-content img{
     border-radius: 0px;
     width: 100%;
     height: auto;
    }
    
    .Brownie-Blondie-hero-section{
        padding-top: 10px;
    }
}

/*Hero End*/


/*info*/

.Brownie-Blondie-info-section {
  background-color: #1a1a1a;
}

.Brownie-Blondie-info{
  display: flex;
  flex-direction: row;
  gap: 130px;
  background-color: #000;
  border-radius: 0px 0px 20px 20px;
  /*padding: 30px 50px 50px;*/
  margin-top: 50px;
  max-width: 1200px;
  margin: auto;
  justify-content: center;
  padding-bottom: 25px;
}

.Brownie-Blondie-info-box h3 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Poppins";
}

.Brownie-Blondie-info-box p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  font-family: "Poppins";
  text-align: justify;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-info{
        gap: 13px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .Brownie-Blondie-info-box p{
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    
    .Brownie-Blondie-info{
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0px 25px 25px 25px;
    }
    
    .Brownie-Blondie-text-content{
        padding: 25px;
        padding-bottom: 0px;
    }
    
    .Brownie-Blondie-text-content h1{
     font-size: 30px;
     margin-bottom: 20px;
    }
    
    .Brownie-Blondie-visit-link{
      font-size: 14px;  
    }
    
    .Brownie-Blondie-info-box p{
        font-size: 16px;
    }
    
    .Brownie-Blondie-info-box h3{
        font-size: 21px;
    }
}
    
/*info End*/

/*Wall Poster image*/

.Brownie-Blondie-img-section{
  background-color: #1a1a1a;
      padding-top: 64px;
}

.Brownie-Blondie-img-section-2{
    background: linear-gradient(180deg, #1a1a1a 0%, #569341 100%);
      padding-top: 64px;
}

.Brownie-Blondie-img-div{
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-img1{
    width: 1200px;
    height: 612px;
    border-radius: 18px;
    transition: transform 0.3s ease;
}

.Brownie-Blondie-img1:hover {
  transform: translateY(-10px);
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-img1{
    width: 738px;
    height: 419px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .Brownie-Blondie-img1{
        width: 100%;
        height: auto;
        margin: 0px;
        border-radius: 0px;
    }
}

@media (max-width: 425px) {
    .Brownie-Blondie-img1{
       width: 100%;
       height: auto;
   }
}

/*Wall Poster image End*/


/*Challenge*/

.Brownie-Blondie-challenge-section {
  background-color: #1a1a1a;
  padding-top: 68px;
}

.Brownie-Blondie-challenge{
  display: flex;
  flex-direction: row;
  gap: 265px;
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-challenge-left h4 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 0px;
  margin-top: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Poppins";
}

.Brownie-Blondie-challenge-left h2 {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  font-family: "Merriweather";
  margin-top: 15px;
  font-style: italic;
  width: 345px;
}

.Brownie-Blondie-challenge-left span {
  color: #fd5526;
}


.Brownie-Blondie-challenge-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.Brownie-Blondie-challenge-item {
  display: flex;
  flex-direction: column;
  /*gap: 20px;*/
  border-bottom: 1px solid #fd5526;
  padding-bottom: 20px;
}

.Brownie-Blondie-challenge-item .number {
  color: #fd5526;
  font-weight: bold;
  font-size: 25px;
  min-width: 30px;
  font-family: Poppins;
}

.Brownie-Blondie-challenge-item p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 0px;
  font-family: Poppins;
  text-align: justify;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .Brownie-Blondie-challenge-section{
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .Brownie-Blondie-challenge{
      gap: 10px;
  }
}

@media (max-width: 768px) {
  .Brownie-Blondie-challenge-section {
    flex-direction: row;
    justify-content: space-between;
  }

  .Brownie-Blondie-challenge-left {
    flex: 1;
    max-width: 40%;
  }

  .Brownie-Blondie-challenge-right {
    flex: 2;
  }

  .Brownie-Blondie-challenge-left h2 {
    font-size: 30px;
    width: 375px;
  }
  
  .Brownie-Blondie-challenge-left h4{
     font-size: 16px;
  }
  
  .Brownie-Blondie-challenge{
    display: flex;
    flex-direction: column;
    padding: 25px;
    gap: 0px;
  }
}

/*Challenge end*/


/* Solution */

.Brownie-Blondie-solution-section {
  background-color: #1a1a1a;
  padding-top: 71px;
}

.Brownie-Blondie-solution{
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 60px;
  background-color: #000;
  border-radius: 18px;
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-solution-text{
  padding: 60px 60px 60px 60px;
}

.Brownie-Blondie-solution-text h4 {
  color: #fd5526;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0px;
  font-family: Poppins;
}

.Brownie-Blondie-solution-text h2 {
  font-size: 38px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
  font-family: Merriweather;
  font-style: italic;
}
.Brownie-Blondie-solution-text h2 span {
  color:#fd5526;
}

.Brownie-Blondie-solution-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
  font-family: Poppins;
  text-align: justify;
}

.Brownie-Blondie-solution-image img {
  border-radius: 0px 18px 18px 0px;
  width: 590px;
  height: 658px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-solution-image img{
     width: 367px;
     height: 593px;
     border-radius: 0px 12px 12px 0px;
    }
    
    .Brownie-Blondie-solution-text{
        padding: 0px 0px 0px 20px;
    }
}

@media (max-width: 768px) {
  .Brownie-Blondie-solution-section {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
  }

  .Brownie-Blondie-solution-text {
    flex: 1;
    padding: 15px;
  }

  .Brownie-Blondie-solution-image {
    flex: 1;
  }

  .Brownie-Blondie-solution-text h2 {
    font-size: 30px;
  }
  
  .Brownie-Blondie-solution-text h4{
    font-size: 21px;
  }
  
  .Brownie-Blondie-solution{
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
  }
  
  .Brownie-Blondie-solution-image img{
    width: 100%;
    height: 100%;
 }
}

@media (max-width: 425px) {
    .Brownie-Blondie-solution-image img{
       width: 100%;
        height: auto;
   }
}

/* Solution End*/



.Brownie-Blondie-projects-section{
       background-color: #1A1A1A;
   }
   
  .Brownie-Blondie-projects-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 97px 40px 134px;
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-projects-header-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 50px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-projects-header-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 40px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.Brownie-Blondie-projects-left {
  flex: 0 1 300px;
}

.Brownie-Blondie-section-title {
  font-size: 38px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
}

.Brownie-Blondie-section-title span{
  color: #fff;
}

.Brownie-Blondie-section-title-1 {
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  text-align: right; 
  font-family: Poppins;
}

.Brownie-Blondie-section-title-2{
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Poppins;
}

.Brownie-Blondie-section-title-3{
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
  width: 393px;
}

.Brownie-Blondie-section-title-3 span{
    color: #fd5526;
}

.Brownie-Blondie-para1{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    text-align: justify;
    font-family: Poppins;
}

.Brownie-Blondie-para2{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    font-family: Poppins;
    text-align: justify;
}

.Brownie-Blondie-view-all {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
}

.Brownie-Blondie-view-all .arrow {
  color: #2AF598;
  margin-left: 5px;
}

.Brownie-Blondie-projects-right {
  flex: 2 1 500px;
  color: #e1e1e1;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-projects-header{
        flex-wrap: nowrap;
        gap: 30px;
        padding: 97px 20px 97px;
    }
    
    .Brownie-Blondie-projects-header-1{
        gap: 10px;
        padding: 50px 20px 20px;
    }
    
    .Brownie-Blondie-projects-header-2{
        gap: 10px;
        padding: 40px 20px 20px;
    }
    
    .Brownie-Blondie-section-title-1{
        font-size: 20px;
        color: #fd5526;
    }
    
    .Brownie-Blondie-section-title-2{
        font-size: 20px;
        color: #fd5526;
    }
    
    .Brownie-Blondie-section-title-3{
        font-size: 32px;
    }
}

@media (max-width: 768px) {
  .Brownie-Blondie-projects-header {
    gap: 20px;
    padding: 25px;
  }
  
  .Brownie-Blondie-projects-header-1{
      gap: 20px;
  }
  
  .Brownie-Blondie-projects-header-2{
      gap: 20px;
  }
  
  .Brownie-Blondie-section-title{
    font-size: 30px;
    color: #fd5526;
    width: 463px;
  }
  
  .Brownie-Blondie-section-title-1{
      font-size: 21px;
      text-align: left;
      color: #fd5526;
  }
  
  .Brownie-Blondie-section-title-2{
     font-size: 21px;
     color:#fd5526;
  }
  
  .Brownie-Blondie-section-title-3{
     font-size: 32px;
     color: #fff;
     margin: 0px;
  }
  
  .Brownie-Blondie-section-title-3 span{
       color: #fd5526;
  }
  
  .Brownie-Blondie-para1{
      text-align: left;
      text-align: justify;
  }
  
  .Brownie-Blondie-para2{
   font-size: 15px;   
   text-align: justify;
  }
}

@media (max-width: 425px) {
    .Brownie-Blondie-section-title{
    width: 462px;
  }
}



.Brownie-Blondie-color {
  background-color: #1a1a1a;
}

.Brownie-Blondie-color-bar {
  display: flex;
  max-width: 1200px;
  margin: auto;
  align-items: center;
  flex-wrap: wrap;
}

.Brownie-Blondie-color-bar img {
  max-width: 100%;
  height: 80px;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-color-bar img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-logo {
  flex: 1 1 200px;
  max-width: 427px;
}

.Brownie-Blondie-color-box {
  flex: 1 1 100px;
  max-width: 150px;
}

@media (max-width: 991px) {
  .Brownie-Blondie-color-bar {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .Brownie-Blondie-logo, .Brownie-Blondie-color-box {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

@media (max-width: 576px) {
  .Brownie-Blondie-color-bar {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .Brownie-Blondie-logo, .Brownie-Blondie-color-box {
    max-width: 80%;
  }
  
  .Brownie-Blondie-color-bar img {
  max-width: 90%;
  height: 80px;
  padding: 25px;
  transition: transform 0.3s ease;
  }
  

.Brownie-Blondie-projects-left{
    flex: 1 1 130px;
  }
}



.Brownie-Blondie-two-image{
  background-color: #1a1a1a;
  padding-top: 62px;
}

.Brownie-Blondie-two-image-1{
  background-color: #1a1a1a;
}

.Brownie-Blondie-two-image-2{
  background-color: #1a1a1a;
  margin-top: -45;
}

.Brownie-Blondie-two-image-3{
  background-color: #1a1a1a;
  padding-top: 20px;
}

.Brownie-Blondie-image-row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-around;
}

.Brownie-Blondie-image-box-1-logo {
  min-width: 300px;
}

.Brownie-Blondie-image-box-2-logo {
  min-width: 300px;
}

.Brownie-Blondie-image-box-1-cake-box {
  flex: 1;
  min-width: 300px;
}

.Brownie-Blondie-image-box-2-donut {
  flex: 1;
  min-width: 300px;
}

.Brownie-Blondie-image-box-3-packages {
  flex: 1;
  min-width: 300px;
}

.Brownie-Blondie-image-box-4 {
  flex: 0;
}

.Brownie-Blondie-image-box-1-logo img {
  width: 396px;
  display: block;
  border-radius: 18px;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-1-logo img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-2-logo img {
  width: 339px;
  display: block;
  border-radius: 18px;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-2-logo img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-1-chocolate img {
  width: 576px;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-1-chocolate img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-2-cookies img {
  width: 530px;
  display: block;
  border-radius: 18px;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

.Brownie-Blondie-image-box-2-cookies img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-1-cake-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-1-cake-box img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-2-donut img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-2-donut img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-3-packages img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-3-packages img:hover {
  transform: translateY(-10px);
}

.Brownie-Blondie-image-box-4 img {
  width: 475px;
  height: 631px;
  display: block;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-image-box-4 img:hover {
  transform: translateY(-10px);
}

@media (max-width: 991px) {
  .Brownie-Blondie-image-row {
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-image-row{
        flex-wrap: nowrap;
    }
    
    .Brownie-Blondie-image-box-1-chocolate img{
        width: 355px;
    }
    
    .Brownie-Blondie-image-box-2-cookies img{
        width: 350px;
    }
    
    .Brownie-Blondie-image-box-4 img{
       width: 350px;
       height: 475px;
    }
    
    .Brownie-Blondie-image-box-1-logo img{
        width: 350px;
    }
    
    .Brownie-Blondie-image-box-2-logo img{
        width: 320px;
    }
}

@media (max-width: 600px) {
  .Brownie-Blondie-image-box-1-logo {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-1-cake-box {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-2-logo {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-2-donut {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-3-packages {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-4 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .Brownie-Blondie-image-box-1-logo img{
      width: 90%;
      padding-left: 25px;
  }
  
  .Brownie-Blondie-image-box-1-cake-box img{
      width: 90%;
      padding-left: 25px;
      padding-top: 55px;
  }
  
  .Brownie-Blondie-image-box-2-logo img{
      width: 90%;
      padding-left: 25px;
  }
  
  .Brownie-Blondie-image-box-2-donut img{
      width: 90%;
      padding-left: 25px;
  }
  
  .Brownie-Blondie-image-box-3-packages img{
      width: 90%;
      padding-left: 25px;
  }
  
  .Brownie-Blondie-image-box-4 img{
      width: 90%;
      height: 450px;
      padding-left: 25px;
  }
  
  .Brownie-Blondie-image-box-1-chocolate img {
  width: 333px;
  }
  
  .Brownie-Blondie-image-box-2-cookies img {
  width: 333px;
  }
  
  .Brownie-Blondie-two-image{
      padding-top: 0px;
  }
}


/*CTA Banner 1*/

.Brownie-Blondie-cta-move-wrapper {
    background: #1a1a1a;
    padding: 100px 20px 70px;
    display: flex;
    justify-content: center;
  }

  .Brownie-Blondie-cta-move-box {
    background-color: #FD5526;
    background-image: url('https://www.sparkstudios.in/images/portfolio/Portfolio-images/cocotown/cta-cocotown.webp');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    max-width: 1100px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 50px;
    color: white;
    flex-wrap: wrap;
  }

  .Brownie-Blondie-cta-move-left {
    flex: 1;
    min-width: 280px;
  }

  .Brownie-Blondie-cta-move-heading {
    font-size: 38px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: Merriweather;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .Brownie-Blondie-cta-move-button {
    padding: 10px 24px;
    border: 2px solid #fff;
    border-radius: 30px;
    background: transparent;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: Poppins;
    font-size: 18px;
  }

  .Brownie-Blondie-cta-move-button:hover {
    background-color: #cf0398;
    color: #FFF;
  }

  .Brownie-Blondie-cta-move-right {
    flex: 1;
    min-width: 280px;
    text-align: right;
  }

  .Brownie-Blondie-cta-move-subheading {
    color: #fff;
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: Poppins;
  }

  .Brownie-Blondie-cta-move-text {
    font-size: 18px;
    color: #fff;
    font-family: Poppins;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  .Brownie-Blondie-cta-call{
      padding: 20px;
      background-image: url(https://www.sparkstudios.in/images/portfolio/Portfolio-images/Brownie&Blondie/call-cta-bg.webp);
      background-size: cover;
    background-repeat: no-repeat;
    border-radius: 18px;
    width: 90%;
  }
  
  .Brownie-Blondie-cta-call h5{
     font-size: 35px;
    color: #fff;
    font-family: 'Merriweather';
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  .Brownie-Blondie-cta-call p{
     margin-top: 5px;
    margin-bottom: 10px;
    color: #fff;
    font-family: poppins;
    font-weight: 600;
    font-size: 18px;
  }
  
  .Brownie-Blondie-cta-call button{
    padding: 12px 28px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: transparent;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
    transition: 0.3s ease;
    font-size: 18px;
  }
  
  .Brownie-Blondie-cta-call button a{
    color: #fff;
    text-decoration: none;
  }
  
  .Brownie-Blondie-cta-call button:hover{
    background-color: #cf0398;
    color: #FFF;
  }
  
  @media (max-width: 1024px) and (min-width: 769px) {
        .Brownie-Blondie-cta-move-box{
            padding: 35px;
        }
        
        .Brownie-Blondie-cta-move-wrapper{
            padding: 60px 20px 60px;
        }
        
        .Brownie-Blondie-cta-call{
            width: 66%;
        }
}

  @media (max-width: 768px) {
    .Brownie-Blondie-cta-move-box {
      flex-direction: column;
      text-align: center;
      padding: 15px;
    }

    .Brownie-Blondie-cta-move-right {
      text-align: center;
      margin-top: 30px;
    }
    
    .Brownie-Blondie-cta-move-wrapper{
      padding: 25px;  
    }
    
    .Brownie-Blondie-cta-call{
        width: 77%;
    }
  }
  
/*CTA Banner 1 End*/


/*More*/

.Brownie-Blondie-more-section {
  background-color: #1a1a1a;
}

.Brownie-Blondie-more{
  display: flex;
  flex-direction: row;
  gap: 300px;
  padding: 40px 20px;
  margin-top: 60px;
  max-width: 1200px;
  margin: auto;
}

/* Left text column */
.Brownie-Blondie-more-left h3 {
  font-size: 38px;
  color: #fff;
  line-height: 1.3;
  font-family: Merriweather;
  font-style: italic;
  font-weight: 600;
}
.Brownie-Blondie-more-left h3 span {
  color: #fd5526;
}
.Brownie-Blondie-more-link {
  display: inline-block;
  font-size: 25px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Poppins;
  text-decoration: none;
}
.Brownie-Blondie-more-link .arrow {
  margin-left: 6px;
}

.Brownie-Blondie-more-items {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.Brownie-Blondie-more-item {
  flex: 1;
  max-width: 100%;
  transition: transform 0.3s ease;
}

.Brownie-Blondie-more-item img {
  transition: transform 0.3s ease;
}

.Brownie-Blondie-more-item img:hover{
  transform: translateY(-10px);
}

.Brownie-Blondie-more-item img {
  width: 335px;
  height: 225px;
  border-radius: 18px;
  object-fit: cover;
}
.Brownie-Blondie-more-item h4 {
  margin-top: 15px;
  font-size: 25px;
  color: #fff;
  font-family: Poppins;
}
.Brownie-Blondie-more-item p {
  color: #aaa;
  font-size: 0.9rem;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .Brownie-Blondie-more-items{
      display: flex;
      flex-direction: row;
      gap: 30px;
    }
    
    .Brownie-Blondie-more-item img{
        width: 207px;
        height: 140px;
    }
    
    .Brownie-Blondie-more{
        gap: 100px;
    }
    
    .Brownie-Blondie-more-link{
        color: #fd5526;
        font-size: 20px;
    }
    
    .Brownie-Blondie-more-left h3{
        margin: 0px;
    }
}

/* Responsive with Flexbox only */
@media (max-width: 768px) {
  .Brownie-Blondie-more{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 25px;
  }

  .Brownie-Blondie-more-left {
    flex: 1;
    max-width: 250px;
  }

  .Brownie-Blondie-more-items {
    flex: 2;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .Brownie-Blondie-more-item {
    max-width: 48%;
  }
  
  .Brownie-Blondie-more-item img{
    width: 205%;
    height: 100%;
  }
  
  .Brownie-Blondie-more-item h4{
    font-size: 22px;
    margin: 10px 0px;
  }
  
  .Brownie-Blondie-more-left h3{
    margin-bottom: 15px;
    font-size: 30px;
  }
  
  .Brownie-Blondie-more-item p{
    font-size: 16px;
    margin: 0px;
    width: 330px;
  }
  
  .Brownie-Blondie-more-link{
      font-size: 21px;
  }
}

@media (max-width: 425px) {
    .Brownie-Blondie-more-item img{
       width: 360px;
    height: 252px;
   }
}

/*More End*/

/************************Brownie & Blondie End*************************/


/************************Jeevana Foods((*****************************/

/*Hero*/

.jeevana-foods-hero-section{
  background-color: #1a1a1a;
  margin: auto;
  padding-top: 40px;
}

.jeevana-foods-hero{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 245px;
  max-width: 1200px;
  margin: auto;
  background-color: #000;
  padding: 50px 0px 20px 0px;
}

.jeevana-foods-text-content h1 {
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  margin-top: 0px;
  font-family: "Merriweather";
  font-style: italic;
}

.jeevana-foods-visit-link {
  margin-top: 20px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 25px;
  font-family: "Poppins";
}

.jeevana-foods-arrow {
  font-size: 1rem;
  margin-left: 4px;
}

.jeevana-foods-image-content img {
  border-radius: 18px;
  width: 577px;
    height: 340px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-hero{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 100px;
        padding: 40px 30px;
    }
    
    .jeevana-foods-text-content{
        padding-left: 10px;
    }

  .jeevana-foods-text-content h1 {
    font-size: 48px;
    text-align: left;
  }

  .jeevana-foods-visit-link {
    text-align: left;
    display: block;
  }

  .jeevana-foods-image-content img {
    width: 354px;
    height: 221px;
  }
  
  .jeevana-foods-hero-section{
        padding-top: 15px;
    }
}


@media (max-width: 768px) {
    .jeevana-foods-hero{
      display: flex;
      flex-direction: column-reverse;
      gap: 40px;
      padding: 0px;
    }
    
    .jeevana-foods-image-content img{
     border-radius: 0px;
     width: 100%;
      height: auto;
    }
    
    .jeevana-foods-hero-section{
        padding-top: 10px;
    }
}

/*Hero End*/


/*info*/

.jeevana-foods-info-section {
  background-color: #1a1a1a;
}

.jeevana-foods-info{
  display: flex;
  flex-direction: row;
  gap: 105px;
  background-color: #000;
  border-radius: 0px 0px 20px 20px;
  margin-top: 50px;
  max-width: 1200px;
  margin: auto;
  justify-content: center;
  padding-bottom: 25px;
}

.jeevana-foods-info-box h3 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Poppins";
}

.jeevana-foods-info-box p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  font-family: "Poppins";
  text-align: justify;
}

.hero-para{
  width: 450px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-info{
        gap: 29px;
        padding-left: 25px;
    padding-right: 25px;
    }
    
    .jeevana-foods-info-box p{
        font-size: 16px;
    }
    
    .hero-para{
        width: 317px;
    }
}

@media (max-width: 768px) {
    
    .jeevana-foods-info{
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0px 25px 25px 25px;
    }
    
    .jeevana-foods-text-content{
        padding: 25px;
        padding-bottom: 0px;
    }
    
    .jeevana-foods-text-content h1{
     font-size: 30px;
     margin-bottom: 20px;
    }
    
    .jeevana-foods-visit-link{
      font-size: 14px;  
    }
    
    .jeevana-foods-info-box p{
        font-size: 16px;
    }
    
    .hero-para{
        width: 590px;
    }
    
    .jeevana-foods-info-box h3{
        font-size: 21px;
        font-family: Poppins;
    }
}

@media (max-width: 425px) {
    .hero-para{
        width: 365px;
    }
}

/*info End*/


/*image*/

.jeevana-foods-img-section{
  background-color: #1a1a1a;
      padding-top: 64px;
}

.jeevana-foods-img-section-2{
    background: linear-gradient(180deg, #1a1a1a 0%, #3590bf 100%);
      padding-top: 64px;
}

.jeevana-foods-img-div{
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-img1{
    width: 100%;
    border-radius: 18px;
    transition: transform 0.3s ease;
}

.jeevana-foods-img1:hover {
  transform: translateY(-10px);
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-img1{
    width: 738px;
    height: 419px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 15px;
    }
}

@media (max-width: 768px) {
    .jeevana-foods-img1{
        width: 100%;
        height: auto;
        margin: 0px;
        border-radius: 0px;
    }
}

/*image end*/


/*Challenge*/

.jeevana-foods-challenge-section {
  background-color: #1a1a1a;
  padding-top: 68px;
}

.jeevana-foods-challenge{
  display: flex;
  flex-direction: row;
  gap: 265px;
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-challenge-left h4 {
  color: #fd5526;
  font-size: 25px;
  margin-bottom: 0px;
  margin-top: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Poppins";
}

.jeevana-foods-challenge-left h2 {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  font-family: "Merriweather";
  margin-top: 0px;
  margin-bottom: 0px;
  font-style: italic;
  width: 345px;
}

.jeevana-foods-challenge-left span {
  color: #fd5526;
}

.jeevana-foods-challenge-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.jeevana-foods-challenge-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #fd5526;
  padding-bottom: 20px;
}

.jeevana-foods-challenge-item .number {
  color: #fd5526;
  font-weight: bold;
  font-size: 25px;
  min-width: 30px;
  font-family: Poppins;
}

.jeevana-foods-challenge-item p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin: 0px;
  font-family: Poppins;
  text-align: justify;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .jeevana-foods-challenge-section{
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .jeevana-foods-challenge{
      gap: 10px;
  }
}


@media (max-width: 768px) {
  .jeevana-foods-challenge-section {
    flex-direction: row;
    justify-content: space-between;
  }

  .jeevana-foods-challenge-left {
    flex: 1;
    max-width: 40%;
  }

  .jeevana-foods-challenge-right {
    flex: 2;
  }

  .jeevana-foods-challenge-left h2 {
    font-size: 30px;
    width: 375px;
  }
  
  .jeevana-foods-challenge-left h4{
     font-size: 16px;
  }
  
  .jeevana-foods-challenge{
    display: flex;
    flex-direction: column;
    padding: 25px;
    gap: 0px;
  }
  
  .jeevana-foods-challenge-item .number{
      font-size: 21px;
      margin-top: 30px;
      font-family: Poppins;
  }
}

/*Challenge end*/


/* Solution */
.jeevana-foods-solution-section {
  background-color: #1a1a1a;
  padding-top: 71px;
}

.jeevana-foods-solution{
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 60px;
  background-color: #000;
  border-radius: 18px;
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-solution-text{
  padding: 60px 60px 60px 60px;
}

.jeevana-foods-solution-text h4 {
  color: #fd5526;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0px;
  font-family: Poppins;
}

.jeevana-foods-solution-text h2 {
  font-size: 38px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 20px;
  font-family: Merriweather;
  font-style: italic;
}
.jeevana-foods-solution-text h2 span {
  color:#fd5526;
}

.jeevana-foods-solution-text p {
  color: #fff;
  font-size: 16px;
  line-height: 1.7;
  font-family: Poppins;
  text-align: justify;
}

.jeevana-foods-solution-image img {
  border-radius: 0px 18px 18px 0px;
  width: 590px;
  height: 604px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-solution-image img{
     width: 100%;
     height: 100%;
     border-radius: 0px 12px 12px 0px;
    }
    
    .jeevana-foods-solution-text{
        padding: 0px 0px 0px 20px;
    }
}

@media (max-width: 768px) {
  .jeevana-foods-solution-section {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
  }

  .jeevana-foods-solution-text {
    flex: 1;
    padding: 15px;
  }

  .jeevana-foods-solution-image {
    flex: 1;
  }

  .jeevana-foods-solution-text h2 {
    font-size: 30px;
  }
  
  .jeevana-foods-solution-text h4{
    font-size: 21px;
    font-family: Poppins;
  }
  
  .jeevana-foods-solution{
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
  }
  
  .jeevana-foods-solution-image img{
    width: 100%;
    height: auto;
 }
}

/* Solution End*/


.jeevana-foods-projects-section{
       background-color: #1A1A1A;
   }
   
  .jeevana-foods-projects-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 97px 40px 134px;
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-projects-header-1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 50px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-projects-header-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 275px;
  padding: 40px 40px 20px;
  max-width: 1200px;
  margin: auto;
}

.jeevana-foods-projects-left {
  flex: 0 1 300px;
}

.jeevana-foods-section-title {
  font-size: 38px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
}

.jeevana-foods-section-title span{
  color: #fff;
}

.jeevana-foods-section-title-1 {
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  text-align: right; 
  font-family: Poppins;
}

.jeevana-foods-section-title-2{
  font-size: 25px;
  font-weight: 600;
  color: #fd5526;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Poppins;
}

.jeevana-foods-section-title-3{
  font-size: 38px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
  font-family: Merriweather;
  font-style: italic;
  width: 372px;
}

.jeevana-foods-section-title-3 span{
    color: #fd5526;
}

.jeevana-foods-para1{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    text-align: justify;
    font-family: Poppins;
}

.jeevana-foods-para2{
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    margin: 0px;
    font-family: Poppins;
    text-align: justify;
}

.jeevana-foods-view-all {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
}

.jeevana-foods-view-all .jeevana-foods-arrow {
  color: #2AF598;
  margin-left: 5px;
}

.jeevana-foods-projects-right {
  flex: 2 1 500px;
  color: #e1e1e1;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-projects-header{
        flex-wrap: nowrap;
        gap: 30px;
        padding: 97px 20px 97px;
    }
    
    .jeevana-foods-projects-header-1{
        gap: 10px;
        padding: 50px 20px 20px;
    }
    
    .jeevana-foods-projects-header-2{
        gap: 10px;
        padding: 40px 20px 20px;
    }
    
    .jeevana-foods-section-title-1{
        font-size: 20px;
        color: #fd5526;
    }
    
    .jeevana-foods-section-title-2{
        font-size: 20px;
        color: #fd5526;
    }
    
    .jeevana-foods-section-title-3{
        font-size: 32px;
    }
}

/* Mobile speed boost */
@media (max-width: 768px) {
  .jeevana-foods-projects-header {
    gap: 20px;
    padding: 25px;
  }
  
  .jeevana-foods-projects-header-1{
      gap: 20px;
  }
  
  .jeevana-foods-projects-header-2{
      gap: 20px;
  }
  
  .jeevana-foods-section-title{
    font-size: 30px;
    color: #fd5526;
  }
  
  .jeevana-foods-section-title-1{
      font-size: 21px;
      text-align: left;
      color: #fd5526;
      font-family: Poppins;
  }
  
  .jeevana-foods-section-title-2{
     font-size: 21px;
     color:#fd5526;
     font-family: Poppins;
  }
  
  .jeevana-foods-section-title-3{
     font-size: 30px;
     color: #fff;
     margin: 0px;
  }
  
  .jeevana-foods-section-title-3 span{
       color: #fd5526;
  }
  
  .jeevana-foods-para1{
      text-align: left;
      text-align: justify;
  }
  
  .jeevana-foods-para2{
   font-size: 16px;   
   text-align: justify;
  }
}


.jeevana-foods-color {
  background-color: #1a1a1a;
}

.jeevana-foods-color-bar {
  display: flex;
  max-width: 1200px;
  margin: auto;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.jeevana-foods-color-bar img {
  max-width: 100%;
  height: 80px;
  transition: transform 0.3s ease;
}

.jeevana-foods-color-bar img:hover {
  transform: translateY(-10px);
}

.color-left{
    margin-left: 170px;
}

/* Individual styles for flexibility */
.jeevana-foods-logo {
  flex: 0 1 200px;
  max-width: 427px;
}

.jeevana-foods-color-box {
  flex: 0 1 100px;
  max-width: 150px;
}

/* Tablet view */
@media (max-width: 991px) {
  .cjeevana-foods-color-bar {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .jeevana-foods-logo, .jeevana-foods-color-box {
    flex: 1 1 45%;
    max-width: 45%;
  }
}

/* Mobile view */
@media (max-width: 576px) {
  .jeevana-foods-color-bar {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .jeevana-foods-logo, .jeevana-foods-color-box {
    max-width: 80%;
  }
  
  .jeevana-foods-color-bar img {
  max-width: 90%;
  height: 80px;
  padding: 25px;
  transition: transform 0.3s ease;
  }
  

.jeevana-foods-projects-left{
    flex: 1 1 130px;
  }
}



.jeevana-foods-two-image{
  background-color: #1a1a1a;
  padding-top: 45px;
}

.jeevana-foods-two-image-2{
  background: linear-gradient(#3590bf 100%);
  padding-top: 20px;
}

.jeevana-foods-two-image-3{
    background: linear-gradient(0deg, #1a1a1a 0%, #3590bf 100%);
  padding-top: 20px;
}

.jeevana-foods-two-image-4{
  background-color: #1a1a1a;
  padding-top: 70px;
}

.jeevana-foods-image-row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.jeevana-foods-image-row-1{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  /*gap: 20px;*/
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.jeevana-foods-image-box-1-logo {
  min-width: 300px;
}

.jeevana-foods-image-box-2-logo {
  min-width: 300px;
}

.jeevana-foods-image-box-1 {
  flex: 1;
  min-width: 300px;
}

.jeevana-foods-image-box-2 {
  flex: 1;
  min-width: 300px;
}

.jeevana-foods-image-box-3 {
  flex: 1;
  min-width: 300px;
}

.jeevana-foods-image-box-4 {
  flex: 1;
  min-width: 300px;
}

.jeevana-foods-image-box-5{
  flex: 1;
  min-width: 300px;
}

.jeevana-foods-image-box-6{
  flex: 1;
  min-width: 300px;
  margin-right: 210px;
}

.jeevana-foods-image-box-1-logo img {
  /*width: 100%;*/
  /*height: auto;*/
  width: 380px;
  display: block;
  border-radius: 18px;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-1-logo img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-2-logo img {
  /*width: 100%;*/
  /*height: auto;*/
  width: 450px;
  display: block;
  border-radius: 18px;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-2-logo img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-1 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-1 img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-2 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-2 img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-3 img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-3 img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-4 img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-4 img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-5 img {
  width: 115%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

.jeevana-foods-image-box-5 img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-image-box-6 img {
  width: 140%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.jeevana-foods-image-box-6 img:hover {
  transform: translateY(-10px);
}


/* Tablet */
@media (max-width: 991px) {
  .jeevana-foods-image-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  jeevana-foods-image-row-1 {
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .jeevana-foods-two-image-4{
      padding-left: 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .jeevana-foods-image-box-1 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-2 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-3 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-4 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-5 {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-6 {
    width: 100%;
    flex: 0 0 100%;
    margin-right: 15px;
  }
  
  .jeevana-foods-image-box-1 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-2 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-3 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-4 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-5 img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-6 img{
      width: 90%;
      padding-left: 25px;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-image-row{
        flex-wrap: nowrap;
    }
    
    .jeevana-foods-image-box-1-logo img{
        width: 350px;
    }
    
    .jeevana-foods-image-box-2-logo img{
        width: 320px;
    }
}

/* Mobile */
@media (max-width: 600px) {
  .jeevana-foods-image-box-1-logo {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-2-logo {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .jeevana-foods-image-box-1-logo img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-image-box-2-logo img{
      width: 90%;
      padding-left: 25px;
  }
  
  .jeevana-foods-two-image{
      padding-top: 0px;
  }
  
  .jeevana-foods-image-row{
      flex-direction: column;
      gap: 25px;
  }
  
  .jeevana-foods-image-row-1{
      flex-direction: column;
      gap: 25px;
  }
}


/*Website*/

.website{
  background: #000000;
  padding: 0;
  padding-bottom: 100px;
  padding-top: 60px;
}

/* Section styling */
    .website-section {
    height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*gap: 310px;*/
    max-width: 1200px;
    margin: auto;
    padding: 50px 0px 20px 0px;
    background: #00000;
    }

    /* Iframe styling */
    iframe {
      flex: 1 ;
      border-radius: 18px;
      z-index: 1;
    }
    
    .bg-1{
        height: 100px;
        position: absolute;
        left: 265px;
        top: 5850px;
    }
    
    .bg-2{
        height: 100px;
        position: absolute;
        left: 265px;
        top: 6480px;
    }
    
    .bg-3{
        height: 100px;
        position: absolute;
        right: 220px;
        top: 6486px;
        z-index: 1;
    }
    
    @media (max-width: 1024px) and (min-width: 769px) {
    .website-section{
    padding: 50px 20px 20px 20px;
    }
}

@media (max-width: 600px) {
    .bg-1, .bg-2, .bg-3{
        display: none;
    }
}
/*Website End*/

/*CTA Banner 1*/

.cta-move-wrapper {
        background: #1E1E1E;
        padding: 60px 20px;
        display: flex;
        justify-content: center;
      }
    
      .cta-move-left {
        flex: 1;
        min-width: 280px;
      }
    
          .cta-move-heading {
            font-size: 25px;
            margin-bottom: 20px;
            font-family: Poppins;
          }
    
      .cta-move-button {
        padding: 12px 28px;
        border: 0px solid #fff;
        border-radius: 30px;
        background: transparent;
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.3s ease;
        font-size: 16px;
        background: linear-gradient(90deg, rgba(198, 45, 143, 1) 0%, rgba(239, 66, 82, 1) 50%, rgba(241, 92, 46, 1) 100%);
      }
      
      .cta-move-button-2 {
        padding: 12px 28px;
        border: 1px solid #fff;
        border-radius: 30px;
        background: transparent;
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        cursor: pointer;
        transition: 0.3s ease;
        font-size: 25px;
         text-transform: uppercase;
      }
    
    
      .cta-move-right {
        flex: 1;
        min-width: 280px;
        text-align: right;
        margin-top: 3px;
      }
    
      .cta-move-subheading {
        color: #fff;
        font-size: 21px;
        margin-bottom: 10px;
        font-family: Poppins;
      }
    
      .cta-move-text {
        font-size: 16px;
        color: #f0f0f0;
        font-family: Poppins;
      }
      
      @media (max-width: 1024px) and (min-width: 769px) {
        .cta-move-subheading{
            margin-right: 0px;
        }
        
        .cta-move-button-2{
            font-size: 21px;
        }
        
        .call{
            font-size: 21px;
        }
    }
    
      @media (max-width: 768px) {
        .cta-move-box {
          flex-direction: column;
          text-align: center;
        }
        
        .cta-move-left{
            text-align: center;
        }
    
        .cta-move-right {
          text-align: center;
          margin-top: 30px;
        }
        
        .cta-move-wrapper{
          padding: 0px 20px;  
        }
        
        .cta-move-subheading{
            display: none;
        }
        
        .cta-move-text{
            display: none;
            font-size: 16px;
        }
        
        .cta-move-heading{
           font-size: 21px; 
        }
      }
      
      
    .cta-move-box-1 {
        background-image: url('https://www.sparkstudios.in/images/portfolio/Portfolio-images/cocotown/cta-cocotown.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 18px;
        max-width: 1200px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 50px;
        color: white;
        flex-wrap: wrap;
      }
    
    .call{
        color:#fff;
        font-size: 25px;
        text-decoration: none;
    }
    
    .call:hover{
        color: #fff;
        text-decoration: none;
    }
    
    .cta-move-subheading-1{
        font-family: Merriweather;
        font-size: 38px;
        font-style: italic;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 40px;
    }
    
    .cta-move-text-1{
        font-family: Poppins;
        font-size: 25px;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .cta-move-button-2:hover {
    background-color: #cf0398;
    color: #FFF;
  }
  
  @media (max-width: 1024px) and (min-width: 769px) {
      .cta-move-subheading-1{
          margin-top: 0px;
      }
      
      .cta-move-heading{
        margin-top: 0px;  
      }
  }
  
  @media (max-width: 768px) {
  .cta-move-subheading-1{
      font-family: Merriweather;
      font-size: 30px;
      margin-top: 0px;
    }
    
    .cta-move-button-2{
        font-size: 19px;
    }
    
    .call{
        font-size: 21px;
    }
  }
  
/*CTA Banner 1 End*/

/*Sliding Contact Form****************************/
    
    .contact-form-container {
      position: fixed;
      top: 50%;
      right: -400px;
      transform: translateY(-50%);
      width: 301px;
      height: auto;
      transition: right 0.4s ease-in-out;
      padding: 20px;
      z-index: 2000;
      border-radius: 12px;
      overflow-y: auto;
      
     background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 1);
    }
    
    
    .contact-form-container.active {
      right: 20px;
    }
    
    .form-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .form-header h2 {
      margin: 0;
      font-size: 25px;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      font-family: Poppins;
    }
    
    .form-header h2:hover{
        color: #fd5526;
    }
    
    #closeFormBtn {
      font-size: 24px;
      cursor: pointer;
      color: #fff;
    }
    
    form {
      margin-top: 20px;
    }                                                                                                                           
    
    form label {
      display: block;
      margin: 10px 0 5px;
      font-weight: 600;
      color: #fff;
      font-size: 18px;
      font-family: Poppins;
    }
    
    form input,
    form textarea {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 6px;
      margin-bottom: 5px;
    }
    
    form button {
      margin-top: 15px;
      padding: 10px;
      width: 100%;
      background-color: #cf0398;
      color: #fff;
      border: none;
      border-radius: 6px;
      font-weight: bold;
      cursor: pointer;
      font-size: 18px;
    }
    
    form button:hover {
      background-color: #fd5526;
    }
    
    select{
        height: 45px;
        border-radius: 5px;
    }
    
    @media (max-width: 480px) {
      .contact-form-container {
        width: 85%;
        right: -100%;
        left: auto;
        transform: translateY(-50%);
      }
    
      .contact-form-container.active {
        right: 2%;
      }
    }
    
/*Sliding Contact Form-end***************************/


.jeevana-foods-more-section {
  background-color: #1a1a1a;
}

.jeevana-foods-more{
  display: flex;
  flex-direction: row;
  gap: 300px;
  padding: 40px 20px;
  margin-top: 60px;
  max-width: 1200px;
  margin: auto;
}

/* Left text column */
.jeevana-foods-more-left h3 {
  font-size: 38px;
  color: #fff;
  line-height: 1.3;
  font-family: Merriweather;
  font-style: italic;
  font-weight: 600;
}
.jeevana-foods-more-left h3 span {
  color: #fd5526;
}
.jeevana-foods-more-link {
  display: inline-block;
  font-size: 25px;
  color: #fd5526;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Poppins;
  text-decoration: none;
}
.jeevana-foods-more-link .arrow {
  margin-left: 6px;
}

/* Right: flexbox row with items */
.jeevana-foods-more-items {
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.jeevana-foods-more-item {
  flex: 1;
  max-width: 100%;
}
.jeevana-foods-more-item img {
  width: 335px;
  height: 225px;
  border-radius: 18px;
  transition: transform 0.3s ease;
  object-fit: cover;
}
.jeevana-foods-more-item img:hover {
  transform: translateY(-10px);
}

.jeevana-foods-more-item h4 {
  margin-top: 15px;
  font-size: 25px;
  color: #fff;
  font-family: Poppins;
}
.jeevana-foods-more-item p {
  color: #aaa;
  font-size: 0.9rem;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .jeevana-foods-more-items{
      display: flex;
      flex-direction: row;
      gap: 30px;
    }
    
    .jeevana-foods-more-item img{
        width: 207px;
        height: 140px;
    }
    
    .jeevana-foods-more{
        gap: 100px;
    }
    
    .jeevana-foods-more-link{
        color: #fd5526;
        font-size: 20px;
    }
    
    .jeevana-foods-more-left h3{
        margin: 0px;
    }
}

/* Responsive with Flexbox only */
@media (max-width: 768px) {
  .jeevana-foods-more{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 25px;
  }

  .jeevana-foods-more-left {
    flex: 1;
    max-width: 250px;
  }

  .jeevana-foods-more-items {
    flex: 2;
    flex-direction: column-reverse;
    gap: 30px;
  }

  .jeevana-foods-more-item {
    max-width: 48%;
  }
  
  .jeevana-foods-more-item img{
    width: 205%;
    height: 100%;
  }
  
  .jeevana-foods-more-item h4{
    font-size: 21px;
    margin: 10px 0px;
  }
  
  .jeevana-foods-more-left h3{
    margin-bottom: 15px;
    font-size: 30px;
  }
  
  .jeevana-foods-more-item p{
    font-size: 16px;
    margin: 0px;
    width: 330px;
  }
  
  .jeevana-foods-more-link{
      font-size: 21px;
  }
}

@media (max-width: 425px) {
    .jeevana-foods-more-item img {
        width: 360px;
        height: 252px;
    }
}

.socialbg {
    background-color: #fd5526;
    background-image: linear-gradient(to right, #fd5526, #cf0398);
    width: 100%;
}