.banner-section .dnd-section{
   padding: 0;
}

.newSubMenu {
   display: grid;
   gap: var(--row-gap) var(--column-gap);
   grid-template-columns: [full-start] minmax(2.6vw, 1fr) [main-start] repeat(10, minmax(0, 95px)) [main-end] minmax(2.6vw, 1fr) [full-end];
   --column-gap: 15px;
   --row-gap: 0px;
}
.newSubMenu__container {
   background: #FFAA64;
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
   grid-column: 2/-2;
   margin-bottom: -30px;
   padding: 20px 15px 40px;
}
.newHeader {
   transform: translateY(0px);
   display: grid;
   gap: var(--row-gap) var(--column-gap);
   grid-template-columns: [full-start] minmax(2.6vw, 1fr) [main-start] repeat(10, minmax(0, 95px)) [main-end] minmax(2.6vw, 1fr) [full-end];
   position: relative;
   z-index: 9;
   --column-gap: 15px;
   --row-gap: 0px;
}
.newHeader:before {
   background-color: #FFF1E7;
   border-radius: 30px;
   content: "";
   display: block;
   grid-column: main;
   grid-row: 1/4;
   height: 100%;
   overflow: hidden;
   position: relative;
   position: absolute;
   width: 100%;
}
.newHeader__imageContainer {
   grid-column: 3/-3;
   grid-row: 3/5;
   margin: 30px 0;
   position: relative;
}


.logo_top {
   position: relative;
   z-index: 999;
   right: 1%;
   float: right;
   transform: rotate(-29deg);
}


}
.image_logos {
   position: relative;
}

.image_logos img {
   border-radius: 20px;
   height: auto;
   width: 100%;
   transition: opacity .3s;
   vertical-align: middle;
  margin-top: -30px;
}

.logo_bot {
   position: relative;
   z-index: 999;
   left: 10%;
   float: left;
   transform: rotate(-29deg);
  margin-top: -35px;
}


.newHeader__headline {
   grid-column: 3/-3;
   grid-row: 1/2;
   margin-top: 50px;
   position: relative;
}
.newHeader__headline h1 {
   color: #FF8040;
   margin-bottom: 10px;
   font-size: 16px;
   font-family: 'inter-v',sans-serif;
   font-weight: 400;
}
.newHeader__headline p {
   font-size: clamp(3.8rem, 5.8vw, 4.5rem);
   line-height: 100%;
   font-family:'gilroy-black',sans-serif;
   font-weight: bold;
   letter-spacing: -.02rem;
   color: #21201F;
   margin: 0;
}
.newHeader__headline span {
   font-size: 45px;
   line-height: 100%;
}
.newHeader>p {
   display: flex;
   flex-direction: column;
   grid-column: 3/-3;
   grid-row: 2/3;
   justify-content: center;
   margin-top: 25px;
   position: relative;
   color: #21201F;
   max-width: 440px;
   margin-bottom: 0;
}
@media (min-width: 768px){
   .newnSubMenu {
      grid-template-columns: [full-start] minmax(2.6vw, 1fr) [main-start] repeat(12, minmax(0, 95px)) [main-end] minmax(2.6vw, 1fr) [full-end];
   }
   .newSubMenu__container {
      display: inline-flex;
      flex-direction: row;
      padding: 20px 40px 50px;
      position: relative;
   }
   .newHeader {
      grid-template-columns: [full-start] minmax(2.6vw, 1fr) [main-start] repeat(24, minmax(0, 37.5px)) [main-end] minmax(2.6vw, 1fr) [full-end];
      grid-template-rows: auto auto;
   }
   .newHeader:before {
      grid-row: 1/2;
   }
   .newHeader__imageContainer {
      grid-column: 3/13;
      grid-row: 1/3;
   }
   /* .banner-image:before {
      transform: translateY(-50%) scale(.6);
   }
   .banner-image:after {
      transform: translateY(20%) scale(1.2);
   }  */
  
   .newHeader__headline {
      align-self: end;
      grid-column: 14/24;
      grid-row: 1/2;
      margin-bottom: 40px;
   }
   .newHeader>p {
      align-self: start;
      grid-column: 14/24;
      grid-row: 2/3;
      margin-top: 30px;
   }
}
@media (min-width: 1024px) {
   .newHeader__imageContainer {
      grid-column: 4/13;
      margin: 30px 0;
   }
   /* .banner-image:before {
      transform: translateY(-50%) scale(.8);
   }
   .banner-image:after {
      transform: translateY(20%) scale(1.5);
   }  */
  
   .newHeader__headline {
      grid-column: 14/24;
      margin-bottom: 50px;
   }
   .newHeader>p {
      grid-column: 14/24;
   }
   .newSubMenu, .newHeader{
      --column-gap: 20px; 
   }
}