.page-template-new-subscribe #main > .inner-wrap{max-width:100%;width:100%;}
.page-template-new-subscribe #main{padding:0px;}
.one-section .one-both{display:flex;flex-wrap: wrap;} 
.one-section .details h1{font-size:68px;line-height:55px;padding-bottom:25px;color:#fff;}
.one-section .details p{
    font-size: 19px;
    font-family: Montserrat;
    padding: 0;
    line-height: 25px;
    font-weight: normal;
}
.one-section {
    height: 100%;
    background: linear-gradient(110deg, /* diagonal angle */ #2b99c6 60%, /* left side */ #40a3cc 40% /* right side */);
    color:#fff;
    padding-top: 80px;
    padding-bottom: 50px;
}
.one-section .details strong {
    font-size: 21px;
    font-family: Montserrat;
    margin: 0;
    padding: 0; 
}
.one-section .left{width:50%;}
.one-section .right{width:50%;}
.one-section .right img{float:right;}
.one-section .klaviyo-form label,.one-section .klaviyo-form label div,.one-section .klaviyo-form legend{color:#fff !important;}

.manufacturing-today .one-section  .klaviyo-form [data-testid="form-component"] > [type="button"]{
     background-color:#000 !important;
     width:100% !important;
}
.one-section div[data-testid="form-row"]:last-child div{
    width:100% !important;
}

.one-section  div[role="listbox"]{
    padding:0 !important;
}

.two-section {
  position: relative;
  background: url('../bgsub2.jpg') no-repeat center center;
  background-size: cover;
  padding: 135px 0;
  text-align: center;
  color: #fff;
}

.two-section .inner-wrap h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
    font-family: 'Montserrat';
    padding-bottom: 0;
}
.two-section .inner-wrap h2 span{
  color:#2b99c6;
}


.two-section .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0 auto;
}

.two-section .item {
  background: rgba(0, 0, 0, 0.6); /* transparent dark box */
  padding: 81px 54px 50px 54px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: background 0.3s ease;
}

.two-section .item:hover {
  background: rgba(0, 0, 0, 0.8);
}

.two-section .item .text {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
  font-family: 'Montserrat';
  line-height: 29px;
}

.two-section .item img {
  max-width: 60px;
  margin-top: auto;
  margin-bottom:0px;
}

.three-section{
    background-color:#000000;
    padding-top: 130px;
    padding-bottom: 110px;
}
.three-section .join-main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.three-section .join-main .col{
    width: 50%;
    max-width: 511px;
}
.three-section .join-main .right .item{
    background-color:#2b99c6;
    margin-bottom:25px;
    padding:29px 0 33px 32px;
}
.three-section .join-main .right h4{
    font-size:60px;
    padding:0px;
    font-weight:600;
    color:#fff;
    line-height:50px;
     padding-bottom: 10px;
}
.three-section .join-main .right p{
    font-size:32px;
    margin:0px;
    color:#fff;
    line-height:25px;
}
.three-section .join-main h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    padding:0px;
    color:#fff;
}

.three-section .join-main h2{
    font-size:100px;
    line-height:80px;
    font-weight:600;
    margin:18px 0;
    padding:0px;
    color:#fff;
}
.three-section .join-main p{
    font-size:19px;
    color:#fff;
    margin-bottom: 0;
    margin-top: 30px
}
.join-main {
    display: flex;
    flex-wrap: wrap;
}
.three-section .btnnew a{
    font-size: 17px;
    font-weight: bold;
    height: 60px;
    display: block;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 58px;
    width: 297px;
}
.three-section .btnnew{
     display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 65px;
}


.testimonial-section {
    padding: 80px 0;
    background-color: #fff;
}

.testimonial-section .section-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    color: #000;
    padding-bottom: 0;
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 30px;
}

.testimonial-card {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 40px 48px 50px 33px;
}

.testimonial-content {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.user-image {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.user-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-info {
    flex: 1;
}

.testimonial-text {
    margin-bottom: 25px;
}

.testimonial-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    margin: 0;
}

.user-name {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;
    padding: 0;
}

.user-position {
    font-size: 14px;
    color: #000;
    margin: 0;
}

.ask-section {
    padding: 80px 0;
    background-color: #d0e9f4;
}


.ask-section .section-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 50px;
    color: #000;
    padding: 0;
}


.faq-content {
    display: flex;
    gap: 60px;
    align-items: center;
}

.faq-questions {
    flex: 0 0 55.44%;
    width: 55.44%;
}

.faq-item {
    margin-bottom: 30px;
}

.faq-item h3 {
    font-size: 18px;
    color: #000;
    margin: 0;
    font-weight: 700;
    padding: 0;
    margin-bottom: 6px;
}

.faq-item p {
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    margin: 0;
}

.faq-image {
    flex: 0 0 38.69%;
    width: 38.69%;
}

.faq-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    margin-bottom:0px;
}

.subscribe-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.subscribe-btn a{
    font-size: 17px;
    font-weight: bold;
    height: 60px;
    display: block;
    border: 1px solid #2b99c6;
    color: #fff;
    text-align: center;
    line-height: 58px;
    width: 297px;
    background-color:#2b99c6;
}


 @media (max-width: 1024px) {
    .two-section{padding:50px 0;}
    .two-section .grid{grid-template-columns:repeat(2, 1fr);}
 }
 @media (max-width: 991px) {
    .one-section .left{width:54%;}
    .one-section .right{width:46%;padding-left:30px;}
    .three-section .join-main h3{
      font-size:30px;
      line-height:40px;
    }
    .three-section .join-main h2{font-size:60px;line-height:44px;}
 }
 @media (max-width: 767px) {
    .one-section .one-both{flex-direction:column;}
    .one-section .left{width:100%;}
    .one-section .right{width:100%;padding-left:0px;}
    .one-section{padding-top:50px;padding-bottom:20px;}
    .one-section .details h1{font-size:48px;line-height:45px;}
    .one-section .right img{float:none;}
    .three-section .join-main .col{width:100%;max-width:100%;}
    .three-section .join-main .right.col{margin-top:20px;}
    .three-section .join-main{flex-direction:column;}
    .three-section{
      padding:20px 0;
    }
    .three-section .join-main p{
      margin-top:15px;
    }
    .three-section .join-main .right h4{
      font-size:40px;
      line-height:30px;
    }
    .three-section .join-main .right .item{
        padding:20px;
        margin-bottom:20px;
    }
    .three-section .join-main .right p{
        font-size:20px;
        line-height:25px;
    }
    .three-section .btnnew{margin-top:0px;}
    .testimonial-section{padding:40px 0;}
    .testimonial-section .section-title{margin-bottom:30px;}
    .testimonial-card{
      padding:30px; 
    }
    .ask-section{padding:40px 0;}
    .ask-section .section-title{margin-bottom:30px;}
    .faq-content{flex-direction:column;gap:30px;}
    .faq-questions, .faq-image{flex:0 0 100%;width:100%;}
    .subscribe-btn{margin-top:10px;}
    .ask-section .section-title{font-size:23px;}
 }
  @media (max-width: 575px) {
    .two-section .grid{
            grid-template-columns: repeat(1, 1fr);
            max-width: 320px;
    }
    .two-section .item{padding:81px 24px 50px 24px;}
    .two-section .inner-wrap h2{font-size:27px;margin-bottom:30px;}
    .testimonial-grid{ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
  }