/* ==================== About Page ==================== */

/* --- Layout Utilities --- */
.w-1120{width:1120px;max-width:100%;box-sizing:border-box}
.mg-a{margin:auto}

/* --- Contact Banner --- */
.contact-banner{
  width:100%;
  height:auto;
}
.contact-banner-inner{
  position:relative;
  width:100%;
  height:380px;
  overflow:hidden;
}
.contact-banner-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.contact-banner-text{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding-top:126px;
  z-index:2;
}
.contact-banner-text h1{
  font-size:64px;
  line-height:1;
  color:#fff;
  text-align:center;
  letter-spacing:0;
}
/* --- Contact Info Bar --- */
.contact-info-bar{
  width:100%;
  background:#F5F5F5;
}
.contact-info-list{
  max-width:945px;
  margin:0 auto;
  display:flex;
  list-style:none;
  padding:0;
}
.contact-info-list li{
  width:50%;
  text-align:center;
  padding:40px 0;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.contact-info-list li svg{
  flex-shrink:0;
}
.contact-info-list li a{
  text-decoration:none;
}
.contact-info-list li h5{
  color:#000;
  font-size:22px;
  line-height:30px;
  transition:color 0.3s;
}
.contact-info-list li:hover h5{
  color:#FF4610;
}

/* --- Banner Section --- */
.about-banner{
  position:relative;
  width:100%;
  height:100vh;
  max-height:1080px;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.about-banner .banner-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  z-index:1;
}
.about-banner .banner-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.35);
  z-index:2;
}
.about-banner .banner-content{
  position:relative;
  z-index:3;
  text-align:center;
  padding:140px 20px 0;
}
.about-banner .banner-content h1{
  font-size:52px;
  line-height:62px;
  color:#fff;
  letter-spacing:0;
  margin-bottom:20px;
}
.about-banner .banner-content>p{
  max-width:774px;
  margin:0 auto;
  font-size:16px;
  line-height:24px;
  color:#fff;
  letter-spacing:0;
}
.about-banner .banner-stats{
  max-width:1120px;
  margin:72px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-banner .banner-stats li{
  padding:0 32px;
  text-align:center;
  position:relative;
}
.about-banner .banner-stats li+li::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:48px;
  background:rgba(255,255,255,0.3);
}
.about-banner .banner-stats li h2{
  font-size:40px;
  line-height:36px;
  color:#fff;
  margin-bottom:8px;
}
.about-banner .banner-stats li p{
  font-size:16px;
  line-height:24px;
  color:#fff;
}

/* --- Diverse Product Section --- */
.about-product{
  position:relative;
  width:100%;
  height:900px;
  overflow:hidden;
  background:#1a1f2e;
}
.about-product .product-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
  opacity:0;
  transition:opacity 0.6s ease;
}
.about-product .product-bg.active{
  opacity:1;
}
.about-product .product-overlay{
  position:relative;
  z-index:3;
  text-align:center;
  padding:80px 20px 0;
  width:100%;
}
.about-product .product-overlay h2{
  font-size:40px;
  line-height:48px;
  color:#fff;
  letter-spacing:0;
  margin-bottom:20px;
}
.about-product .product-overlay>p{
  font-size:14px;
  line-height:24px;
  color:#fff;
  letter-spacing:0;
  max-width:900px;
  margin:0 auto;
}
.product-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin-top:32px;
  list-style:none;
  padding:0;
}
.product-tab{
  padding:12px 50px;
  cursor:pointer;
  position:relative;
  opacity:0.7;
  transition:opacity 0.3s;
}
.product-tab.active{
  opacity:1;
}
.product-tab+.product-tab::before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:32px;
  background:rgba(255,255,255,0.3);
}
.product-tab span{
  font-size:16px;
  line-height:24px;
  color:#fff;
  letter-spacing:0;
}

/* --- 5-Year Warranty Section --- */
.about-warranty{
  background:#F5F5F5;
  padding:105px 20px 80px;
}
.warranty-wrap{
  max-width:1152px;
}
.warranty-title{
  text-align:center;
  margin-bottom:36px;
}
.warranty-title h2{
  font-size:48px;
  line-height:40px;
  color:#000;
  margin-bottom:36px;
}
.warranty-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:18px;
  line-height:1.7;
  color:#000;
  text-decoration:none;
}
.warranty-link:hover{color:#FF4610}
.warranty-desktop{display:block}
.warranty-mobile{display:none}
.warranty-cards{
  display:flex;
  gap:24px;
  margin-bottom:24px;
  list-style:none;
  padding:0;
}
.warranty-card{
  flex:1;
  border-radius:8px;
  overflow:hidden;
  background:#000;
}
.warranty-card a{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:22px 0 20px;
  height:368px;
  position:relative;
  text-decoration:none;
}
.warranty-card a img{
  max-width:60%;
  height:auto;
  transition:transform 0.3s;
}
.warranty-card a:hover img{
  transform:scale(1.05);
}
.warranty-card a p{
  position:absolute;
  bottom:20px;
  width:100%;
  text-align:center;
  color:#fff;
  font-size:16px;
  line-height:1.5;
}
.warranty-banner{
  border-radius:8px;
  overflow:hidden;
  position:relative;
}
.warranty-banner a{
  display:block;
  position:relative;
}
.warranty-banner img{
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
  object-fit:cover;
}
.warranty-banner-hover{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity 0.3s;
  border-radius:8px;
  z-index:2;
}
.warranty-banner a:hover .warranty-banner-hover{
  opacity:1;
}
.warranty-banner-hover span{
  color:#fff;
  font-size:18px;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
/* Mobile warranty */
.warranty-mobile-banner{margin-bottom:8px}
.warranty-mobile-banner img{width:100%;height:auto;border-radius:8px;display:block}
.warranty-mobile-list{list-style:none;padding:0}
.warranty-mobile-list li{
  background:#000;
  border-radius:8px;
  margin-bottom:8px;
  padding:16px 30px 20px;
}
.warranty-mobile-list li a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
}
.warranty-mobile-info h3{
  color:#fff;
  font-size:24px;
  line-height:1.2;
  margin-bottom:30px;
}
.warranty-mobile-info span{
  color:#fff;
  font-size:12px;
}
.warranty-mobile-list li img{
  height:auto;
  max-width:100px;
}

/* --- Bodor's Strength (Awards) Section --- */
.about-awards{
  position:relative;
  width:100%;
  height:650px;
  overflow:hidden;
  background:#F5F5F5;
}
.about-awards .awards-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.about-awards .awards-mobile{display:none}
.about-awards .awards-heading{
  position:absolute;
  top:62px;
  left:0;
  width:100%;
  text-align:center;
  font-size:40px;
  color:#000;
  letter-spacing:0;
  z-index:3;
}

/* --- Market Data Section --- */
.about-market{
  position:relative;
  width:100%;
  height:1000px;
  padding-bottom:52px;
  background:#fff;
}
.market-wrap{
  max-width:960px;
  margin:0 auto;
  padding:0 20px;
}
.market-nav{
  padding-top:84px;
  text-align:center;
  width:100%;
}
.market-nav h2{
  font-size:40px;
  line-height:48px;
  color:#000;
  letter-spacing:0;
  padding-bottom:24px;
}
.market-nav p{
  font-size:16px;
  line-height:24px;
  color:#666;
  letter-spacing:0;
}
.market-chart{
  padding-top:40px;
  display:flex;
  justify-content:center;
}
.market-bars{
  display:flex;
  justify-content:space-around;
  align-items:flex-end;
  width:800px;
  height:560px;
  list-style:none;
  padding:0;
}
.market-bars li{
  width:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  flex-wrap:wrap;
}
.bar-value{
  font-size:20px;
  line-height:28px;
  color:#FF4610;
  letter-spacing:0;
  text-align:center;
  margin-bottom:4px;
  font-weight:600;
}
.bar{
  width:64px;
  margin-bottom:28px;
  border-radius:4px 4px 0 0;
}
.bar-1{height:100px;background:#FF8A65}
.bar-2{height:160px;background:#FF8A65}
.bar-3{height:230px;background:#FF6D3A}
.bar-4{height:290px;background:#FF6D3A}
.bar-5{height:360px;background:#FF4610}
.bar-6{height:420px;background:#FF4610}
.bar-year{
  font-size:20px;
  line-height:28px;
  color:#666;
  letter-spacing:0;
  text-align:center;
}

/* --- History / Milestones Section --- */
.about-history{
  width:100%;
  padding-bottom:80px;
}
.history-banner{
  width:100%;
  height:300px;
  padding-top:80px;
  background:url('../img/history/0.webp') center/cover no-repeat;
  background-color:#1a1a1a;
  text-align:center;
}
.history-banner h2{
  font-size:56px;
  color:#fff;
  letter-spacing:0;
  margin-bottom:35px;
}
.history-dots{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:396px;
  height:24px;
  margin:0 auto;
  list-style:none;
  padding:0;
  position:relative;
}
.history-dots::before{
  content:'';
  position:absolute;
  top:50%;
  left:12px;
  right:12px;
  height:2px;
  background:rgba(255,255,255,0.4);
  z-index:0;
}
.history-dots li{
  position:relative;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  cursor:pointer;
  z-index:1;
}
.history-dots li h5{
  position:absolute;
  top:-20px;
  font-size:12px;
  color:#fff;
  letter-spacing:0;
  white-space:nowrap;
}
.history-dots li i{
  width:16px;
  height:16px;
  background:#FF4610;
  border-radius:50%;
  transition:opacity 0.3s;
  opacity:0;
}
.history-dots li.active i{
  opacity:1;
}
.history-dots li::after{
  content:'';
  width:10px;
  height:10px;
  background:rgba(255,255,255,0.6);
  border-radius:50%;
  position:absolute;
}
.history-dots li.active::after{
  display:none;
}
.history-mobile{display:none}
.history-swiper-mob .history-pagination{display:none;position:relative;bottom:auto;left:auto;transform:none}
.history-content{
  width:100%;
  margin:0 auto;
  padding-top:60px;
  overflow:hidden;
}
.history-swiper{
  width:90%;
  max-width:1200px;
  margin:0 auto;
}
.history-cards{
  display:flex;
  align-items:flex-start;
  list-style:none;
  padding:0;
  width:100%;
}
.history-cards li{
  min-width:280px;
  margin-right:32px;
}
.history-cards li h4{
  font-size:20px;
  color:#000;
  letter-spacing:0;
  margin-bottom:3px;
}
.history-cards li hr{
  width:100%;
  height:1px;
  background:#979797;
  border:none;
}
.history-item{
  display:flex;
  align-items:flex-start;
  padding-left:5px;
}
.history-item i{
  min-width:6px;
  min-height:6px;
  margin-top:14px;
  background:#FF4610;
  border-radius:50%;
  flex-shrink:0;
}
.history-item p{
  padding-left:10px;
  font-size:12px;
  color:#666;
  letter-spacing:0;
  line-height:32px;
}

/* --- Dream Park (Factory) Section --- */
.about-factory{
  position:relative;
  width:100%;
  height:900px;
  overflow:hidden;
}
.about-factory .factory-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.about-factory .factory-shade{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:2;
}
.about-factory .factory-heading{
  position:absolute;
  top:80px;
  left:0;
  width:100%;
  text-align:center;
  font-size:56px;
  color:#fff;
  letter-spacing:0;
  z-index:3;
}
.about-factory .factory-desc{
  position:absolute;
  top:160px;
  left:0;
  width:100%;
  z-index:3;
  display:flex;
  justify-content:center;
  padding:0 20px;
  box-sizing:border-box;
}
.about-factory .factory-desc p{
  max-width:800px;
  font-size:12px;
  line-height:24px;
  color:#fff;
  letter-spacing:0;
  text-align:center;
}

/* --- Sustainable Development Section --- */
.about-secondly{
  background:#F0FFFB;
  padding:80px 20px;
}
.secondly-title{
  text-align:center;
  margin-bottom:64px;
}
.secondly-title h2{
  font-size:56px;
  line-height:64px;
  color:#2E3646;
  letter-spacing:0;
  margin-bottom:20px;
}
.secondly-title p{
  font-size:16px;
  line-height:24px;
  color:#5F6D7E;
  letter-spacing:0;
}
.secondly-video{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
}
.secondly-video>img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
  border-radius:12px;
}
.secondly-play{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity 0.3s;
}
.secondly-play img{
  width:100px;
  height:auto;
}
.secondly-video:hover .secondly-play{
  opacity:0.8;
}
.secondly-link{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:40px;
  font-size:16px;
  line-height:24px;
  color:#FF4610;
  text-decoration:none;
  gap:4px;
}
.secondly-link:hover{
  opacity:0.8;
}

/* --- Contact Form Section --- */
.about-form-section{
  padding:80px 20px;
  background:#fff;
}
.about-form-wrap{
  max-width:1120px;
  margin:0 auto;
}
.about-form-header{
  text-align:center;
  margin-bottom:48px;
}
.about-form-header h2{
  font-size:36px;
  line-height:44px;
  color:#171B25;
  margin-bottom:12px;
}
.about-form-header p{
  font-size:16px;
  line-height:24px;
  color:#61687C;
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
}
.form-col .form-group{
  margin-bottom:20px;
}
.form-group label{
  display:block;
  font-size:14px;
  line-height:22px;
  color:#171B25;
  font-weight:500;
  margin-bottom:6px;
}
.form-group label .req{
  color:#E51520;
}
.form-group .form-control{
  width:100%;
  padding:10px 12px;
  font-size:14px;
  line-height:22px;
  border:1px solid #D9DAE0;
  border-radius:4px;
  background:#F5F8FA;
  box-sizing:border-box;
  font-family:inherit;
  outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
  appearance:none;
  -webkit-appearance:none;
}
.form-group select.form-control{
  background:#F5F8FA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;
  padding-right:32px;
}
.form-group .form-control:focus{
  border-color:#FF4610;
  box-shadow:0 0 0 3px rgba(255,70,16,0.1);
}
.form-group textarea.form-control{
  resize:vertical;
}
.form-full{
  margin-top:4px;
  margin-bottom:20px;
}
.form-consent{
  margin-bottom:24px;
  font-size:14px;
  line-height:22px;
  color:#61687C;
}
.form-consent label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  cursor:pointer;
  font-weight:400;
}
.form-consent label input[type="checkbox"]{
  margin-top:4px;
  flex-shrink:0;
}
.form-consent p{
  margin-top:8px;
  font-size:14px;
  color:#61687C;
}
.form-consent a{
  color:#8f8f8f;
  border-bottom:2px solid #8f8f8f;
  text-decoration:none;
}
.form-submit{
  text-align:center;
}
.about-submit-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 32px;
  font-size:16px;
  font-family:inherit;
  font-weight:600;
  color:#fff;
  background:#FF4610;
  border:none;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.2s;
}
.about-submit-btn:hover{
  background:#e63e0d;
  transform:translateY(-1px);
}
.about-submit-btn:active{
  transform:scale(0.95);
}
.about-submit-btn svg{
  flex-shrink:0;
}

/* ==================== Responsive ==================== */
@media screen and (max-width:767px){
  .contact-banner-inner{height:220px}
  .contact-banner-text{padding-top:70px}
  .contact-banner-text h1{font-size:32px}
  .contact-info-list{flex-direction:column}
  .contact-info-list li{width:100%;padding:24px 16px}
  .contact-info-list li h5{font-size:16px;line-height:24px}
  .about-banner{
    height:auto;
    min-height:100vh;
    max-height:none;
    padding:0;
  }
  .about-banner .banner-bg{
    object-position:center center;
  }
  .about-banner .banner-content{
    padding:100px 16px 60px;
    text-align:center;
  }
  .about-banner .banner-content h1{
    font-size:28px;
    line-height:36px;
    margin-bottom:16px;
  }
  .about-banner .banner-content>p{
    font-size:13px;
    line-height:22px;
    max-width:100%;
  }
  .about-banner .banner-stats{
    flex-direction:column;
    gap:20px;
    margin-top:32px;
    max-width:100%;
  }
  .about-banner .banner-stats li+li::before{
    display:none;
  }
  .about-banner .banner-stats li{
    padding:0;
  }
  .about-banner .banner-stats li h2{
    font-size:24px;
    line-height:28px;
    margin-bottom:4px;
  }
  .about-banner .banner-stats li p{
    font-size:13px;
    line-height:20px;
  }
  .about-product{height:500px}
  .about-product .product-overlay h2{font-size:24px;line-height:32px}
  .about-product .product-overlay>p{font-size:13px;line-height:20px}
  .product-tabs{flex-wrap:wrap;gap:8px}
  .product-tab{padding:8px 16px}
  .product-tab+.product-tab::before{display:none}
  .mob-hide{display:none}
  .about-warranty{padding:48px 16px}
  .warranty-title h2{font-size:28px;line-height:36px;margin-bottom:20px}
  .warranty-link{font-size:14px}
  .warranty-desktop{display:none}
  .warranty-mobile{display:block}
  .about-awards{height:300px}
  .about-awards .awards-desktop{display:none}
  .about-awards .awards-mobile{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
  .about-awards .awards-mobile img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
  .about-awards .awards-pagination{position:absolute;bottom:12px;left:0;width:100%;display:flex;justify-content:center;z-index:5}
  .about-awards .awards-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgba(255,255,255,0.6);opacity:1;margin:0 3px;border-radius:50%}
  .about-awards .awards-pagination .swiper-pagination-bullet-active{background:#FF4610;width:20px;border-radius:4px}
  .about-awards .awards-heading{top:30px;font-size:24px}
  .about-market{height:auto;padding:0 16px 40px}
  .market-nav{padding-top:48px}
  .market-nav h2{font-size:24px;line-height:32px}
  .market-nav p{font-size:14px;line-height:22px}
  .market-bars{width:100%;height:400px}
  .market-bars li{width:auto;flex:1}
  .bar{width:36px}
  .bar-value{font-size:14px;line-height:20px}
  .bar-year{font-size:14px;line-height:20px}
  .bar-1{height:60px}.bar-2{height:100px}.bar-3{height:150px}.bar-4{height:190px}.bar-5{height:240px}.bar-6{height:280px}
  .about-history{padding-bottom:48px}
  .history-banner{height:auto;padding:40px 16px}
  .history-banner h2{font-size:28px;line-height:36px;margin-bottom:20px}
  .history-dots{display:none}
  .history-desktop{display:none}
  .history-mobile{display:block;padding-top:24px;overflow:hidden}
  .history-swiper-mob{width:100%;padding:0 16px 40px;box-sizing:border-box}
  .history-card-mob{padding:20px;background:#f9f9f9;border-radius:12px;min-height:160px}
  .history-card-mob h4{font-size:20px;color:#000;margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:8px}
  .history-card-mob .history-item{padding-left:0}
  .history-card-mob .history-item i{min-width:5px;min-height:5px;margin-top:10px;background:#FF4610;border-radius:50%}
  .history-card-mob .history-item p{font-size:13px;line-height:22px;color:#666;padding-left:8px}
  .history-swiper-mob .history-pagination{display:flex;justify-content:center;margin-top:16px;position:relative;bottom:auto;left:auto;width:100%;transform:none}
  .history-swiper-mob .history-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#ccc;opacity:1;margin:0 3px;border-radius:50%}
  .history-swiper-mob .history-pagination .swiper-pagination-bullet-active{background:#FF4610;width:20px;border-radius:4px}
  .about-factory{height:400px}
  .about-factory .factory-heading{top:40px;font-size:28px}
  .about-factory .factory-desc{top:90px;padding:0 16px}
  .about-factory .factory-desc p{font-size:11px;line-height:20px}
  .about-secondly{padding:48px 16px}
  .secondly-title{margin-bottom:32px}
  .secondly-title h2{font-size:28px;line-height:36px}
  .secondly-play img{width:60px}
  .about-form-section{padding:48px 16px}
  .about-form-header h2{font-size:24px;line-height:32px}
  .form-grid{grid-template-columns:1fr;gap:0}
  .w-1120{width:100%;padding:0 16px;box-sizing:border-box}
}

@media screen and (min-width:768px) and (max-width:1023px){
  .contact-banner-inner{height:280px}
  .contact-banner-text{padding-top:90px}
  .contact-banner-text h1{font-size:48px}
  .contact-info-list li h5{font-size:18px}
  .about-banner .banner-content h1{
    font-size:40px;
    line-height:48px;
  }
  .about-banner .banner-stats{
    margin-top:48px;
  }
  .about-banner .banner-stats li h2{
    font-size:32px;
    line-height:36px;
  }
  .about-product{height:700px}
  .about-product .product-overlay h2{font-size:32px;line-height:40px}
  .product-tab{padding:10px 24px}
  .about-warranty{padding:60px 20px}
  .warranty-title h2{font-size:36px;line-height:44px}
  .warranty-card a{height:280px}
  .about-awards{height:450px}
  .about-awards .awards-heading{font-size:32px}
  .about-market{height:auto}
  .market-nav h2{font-size:32px;line-height:40px}
  .market-bars{width:100%}
  .history-banner h2{font-size:40px}
  .about-factory{height:600px}
  .about-factory .factory-heading{font-size:40px}
  .secondly-title h2{font-size:36px;line-height:44px}
  .w-1120{width:90%}
}