:root{
  --agro-main:#14345c;
  --agro-light:#98b8e1;
  --agro-white:#fff;
  --agro-dark:#08111c;
  /* Hero banner image - replace with your own path, e.g. url("images/hero.jpg") */
  --agro-hero-img:url("https://loremflickr.com/1920/1080/farm,field,sunset?lock=7");
}
*{box-sizing:border-box}
html,body{margin:0;font-family:'Raleway',sans-serif;background:var(--agro-dark)}
a{text-decoration:none;color:inherit}

/* ---------- Hero ---------- */
.agro-hero{position:relative;min-height:100vh;color:var(--agro-white);overflow:hidden;background:var(--agro-dark)}
/* fine diagonal line texture like the screenshot */
.agro-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(45deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);
}
.agro-hero > *{position:relative}

/* ---------- Header ---------- */
.agro-header{position:absolute;top:0;left:0;right:0;z-index:10}
.agro-logo{
  position:absolute;top:5px;left:55px;width:100px;height:130px;
  background:var(--agro-main);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.agro-logo i{font-size:44px}
.agro-logo span{font-size:20px;font-weight:500;letter-spacing:.5px}

.agro-nav{
  display:flex;align-items:center;justify-content:flex-end;gap:30px;
  height:120px;padding-right:60px;
}
.agro-nav-link{
  font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.2px;
  padding:6px 0;border-bottom:2px solid transparent;transition:.25s;
}
.agro-nav-link i{font-size:9px;color:var(--agro-light);margin-left:5px}
.agro-nav-link:hover,.agro-nav-link.is-active{border-color:var(--agro-light);color:var(--agro-light)}
.agro-btn-touch{
  background:var(--agro-main);color:#fff;border:1px solid rgba(255,255,255,.4);font-size:13px;font-weight:700;
  text-transform:uppercase;padding:14px 38px;border-radius:40px;transition:.25s;margin-left:15px;
}
.agro-btn-touch:hover{background:#fff;color:var(--agro-main)}

/* mobile toggle */
.agro-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;position:absolute;right:20px;top:40px}

/* ---------- Content ---------- */
.agro-content{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:140px 20px 100px;
}
.agro-eyebrow{font-size:38px;font-weight:200;letter-spacing:1px;text-align:left}
.agro-title{
  font-size:clamp(40px,6.4vw,84px);font-weight:800;text-transform:uppercase;
  line-height:1.1;margin:10px 0 28px;
}
.agro-lead{max-width:700px;margin:0 auto 50px;font-size:17px;line-height:1.6;font-weight:400}
.agro-btn-discover{
  display:inline-block;min-width:200px;padding:20px 30px;border:2px solid var(--agro-light);
  border-radius:40px;font-size:13px;font-weight:700;text-transform:uppercase;transition:.25s;
}
.agro-btn-discover:hover{background:var(--agro-light);color:#0b1828}
.agro-text-wrap{display:inline-block;max-width:740px}

/* ---------- Slider dots ---------- */
.agro-dots{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;z-index:5}
.agro-dot{width:11px;height:11px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:transparent;padding:0;cursor:pointer;transition:.25s}
.agro-dot.is-active{width:26px;height:11px;border-radius:10px;background:#fff;border-color:#fff}

/* ---------- Scroll indicator ---------- */
.agro-scroll{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}
.agro-scroll span{width:3px;background:var(--agro-light);animation:agro-grow 1.6s ease-in-out infinite}
.agro-scroll span:nth-child(1){height:40px}
.agro-scroll span:nth-child(2){height:60px;animation-delay:.25s}
@keyframes agro-grow{0%,100%{transform:scaleY(.5);transform-origin:bottom}50%{transform:scaleY(1);transform-origin:bottom}}

/* ---------- Reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="2"]{transition-delay:.15s}
[data-reveal="3"]{transition-delay:.3s}
[data-reveal="4"]{transition-delay:.45s}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .agro-logo{left:20px;width:80px;height:100px}
  .agro-toggle{display:block}
  .agro-nav{
    display:none;position:absolute;top:110px;left:0;right:0;height:auto;flex-direction:column;
    align-items:flex-start;gap:16px;padding:24px 30px;background:rgba(8,17,28,.92);
  }
  .agro-nav.is-open{display:flex}
  .agro-btn-touch{margin-left:0}
  .agro-eyebrow{font-size:28px;text-align:center}
  .agro-dots{display:none}
}

/* ---------- Special Offers ---------- */
.agro-offers{background:#fff;padding:110px 0 100px;font-family:'Raleway',sans-serif}
.agro-sec-title{font-size:clamp(30px,4vw,44px);text-transform:uppercase;color:#333;text-align:center;line-height:1.2}
.agro-sec-title b{font-weight:800}
.agro-sec-title span{font-weight:200}
.agro-sec-sub{max-width:590px;margin:22px auto 60px;text-align:center;color:#b5b5b5;font-size:18px;font-weight:300;line-height:1.5}
.agro-offer{display:block;text-align:center;color:#333;padding:10px 0;transition:transform .3s}
.agro-offer svg{width:72px;height:72px;margin-bottom:18px;transition:transform .3s}
.agro-offer-name{font-size:15px;font-weight:600}
.agro-offer:hover{color:#333}
.agro-offer:hover svg{transform:translateY(-6px)}

/* ---------- Special Products (image-clipped text) ---------- */
.agro-products{background:#fff;padding:40px 0 0;text-align:center;font-family:'Raleway',sans-serif}
.agro-clip-title{
  display:inline-block;font-size:clamp(38px,8vw,100px);font-weight:800;text-transform:uppercase;line-height:1.2;
  /* Replace --agro-wheat-img with your wheat field photo, e.g. url("images/wheat.jpg") */
  background:
    repeating-linear-gradient(90deg,rgba(19,36,57,.18) 0 2px,transparent 2px 9px),
    var(--agro-wheat-img,none) center/cover,
    linear-gradient(180deg,#8cadd9 0%,#4e7dbc 35%,#2e568a 65%,#14345c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}

/* ---------- About ---------- */
.agro-about{position:relative;background:#fff;padding:140px 0 130px;overflow:hidden;font-family:'Raleway',sans-serif}
.agro-about-bg{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;
  font-size:clamp(160px,30vw,420px);font-weight:800;line-height:.8;color:#f1f4f8;letter-spacing:-.02em;
  user-select:none;pointer-events:none;
}
.agro-about .container{position:relative}
.agro-about-title{font-size:38px;font-weight:800;text-transform:uppercase;color:#2b2b2b;line-height:1.1}
.agro-about-title span{display:block;font-weight:200}
.agro-btn-more{
  display:inline-block;margin-top:70px;padding:20px 38px;border:2px solid var(--agro-main);border-radius:40px;
  color:var(--agro-main);font-size:13px;font-weight:700;text-transform:uppercase;transition:.25s;
}
.agro-btn-more:hover{background:var(--agro-main);color:#fff}
.agro-about-media{position:relative;display:flex;justify-content:center;padding:0 20px}
.agro-about-media::before{
  content:"";position:absolute;top:-20px;bottom:-20px;left:50%;width:190px;transform:translateX(-50%);
  border:6px solid var(--agro-main);
}
.agro-about-media img,.agro-about-media svg{position:relative;width:100%;max-width:360px;height:auto}
.agro-about-text{font-size:15px;line-height:1.6;color:#6b6b6b;font-weight:400}
.agro-about-text p{margin:0 0 26px}
@media (max-width:991px){
  .agro-about{padding:90px 0}
  .agro-btn-more{margin-top:30px}
  .agro-about-media{margin:50px 0}
}

/* ---------- Counters ---------- */
.agro-counter{background:var(--agro-main);margin:0 20px;padding:140px 0;font-family:'Raleway',sans-serif}
.agro-count{display:flex;align-items:center;justify-content:center;gap:18px}
.agro-count svg{width:68px;height:68px;flex:none;fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.agro-count-num{font-family:'Open Sans',sans-serif;font-size:50px;font-weight:800;line-height:1;color:#fff}
.agro-count-label{margin-top:6px;font-size:16px;font-weight:600;color:rgba(255,255,255,.78)}
@media (max-width:991px){.agro-counter{padding:80px 0}.agro-count{justify-content:flex-start}}

/* ---------- Our Products ---------- */
.agro-shop{background:#fff;padding:110px 0 100px;font-family:'Raleway',sans-serif}
.agro-card{display:block;color:#333;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.07);border-radius:6px;overflow:hidden;height:100%;transition:transform .3s,box-shadow .3s}
.agro-card:hover{color:#333;transform:translateY(-6px);box-shadow:0 14px 36px rgba(0,0,0,.12)}
.agro-card-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#d7dfea,#a2b5cd)}
.agro-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.agro-card:hover .agro-card-img img{transform:scale(1.08)}
.agro-card-tag{position:absolute;top:16px;left:16px;background:var(--agro-main);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:6px 14px;border-radius:30px}
.agro-card-body{padding:26px 28px 30px}
.agro-card-name{font-size:20px;font-weight:700;margin-bottom:8px}
.agro-card-text{font-size:15px;line-height:1.6;color:#8a8a8a;margin-bottom:18px}
.agro-card-foot{display:flex;align-items:center;justify-content:space-between}
.agro-card-price{font-size:20px;font-weight:800;color:#2e2e2e}
.agro-card-more{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--agro-main)}
.agro-card-more i{margin-left:6px;font-size:11px;transition:margin .25s}
.agro-card:hover .agro-card-more i{margin-left:12px}
.agro-shop-all{text-align:center;margin-top:60px}

/* ---------- Testimonials ---------- */
.agro-testi{position:relative;background:#fff;padding:90px 0 110px;overflow:hidden;font-family:'Raleway',sans-serif}
.agro-testi-sketch{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:min(1300px,100%);height:auto;opacity:.55;pointer-events:none}
.agro-testi .container{position:relative}
.agro-tbox{position:relative;max-width:1060px;margin:0 auto;padding-left:90px}
.agro-tquote{position:absolute;left:0;top:-14px;font-family:Georgia,'Times New Roman',serif;font-size:130px;line-height:1;font-weight:700;color:var(--agro-main)}
.agro-tslides{display:grid}
.agro-tslide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.agro-tslide.is-active{opacity:1;visibility:visible}
.agro-ttext{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:24px;line-height:1.25;color:#5a5346;margin:0 0 22px}
.agro-tauthor{display:flex;align-items:center;gap:20px;margin-top:34px}
.agro-tavatar{width:70px;height:70px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#d7dfea,#a2b5cd);flex:none}
.agro-tavatar img{width:100%;height:100%;object-fit:cover;display:block}
.agro-tname{font-size:18px;font-weight:600;color:#2e2e2e}
.agro-tname span{font-weight:300;color:#8a8a8a}
.agro-tdots{position:absolute;right:0;bottom:24px;display:flex;gap:14px}
.agro-tdot{width:12px;height:12px;border-radius:50%;border:2px solid #444;background:transparent;padding:0;cursor:pointer;transition:.25s}
.agro-tdot.is-active{background:var(--agro-main);border-color:var(--agro-main)}
@media (max-width:767px){
  .agro-tbox{padding-left:0;padding-top:70px}
  .agro-tquote{top:-10px;font-size:100px}
  .agro-ttext{font-size:19px}
  .agro-tdots{position:static;margin-top:24px;justify-content:center}
}

/* ---------- Promo banner ---------- */
.agro-promo{position:relative;background:#f1f1f1;min-height:600px;overflow:hidden;font-family:'Raleway',sans-serif}
.agro-promo .container{position:relative;min-height:600px}
.agro-promo-logo{
  position:absolute;top:0;left:12px;width:100px;height:130px;background:var(--agro-main);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.agro-promo-logo i{font-size:40px}
.agro-promo-logo span{font-size:19px;font-weight:500}
.agro-promo-text{position:relative;z-index:2;padding:220px 0 90px;max-width:480px}
.agro-promo-title{font-size:clamp(40px,5vw,60px);line-height:1.05;color:#2e2e2e}
.agro-promo-title b{display:block;font-weight:800;color:var(--agro-main)}
.agro-promo-title span{display:block;font-weight:200}
.agro-promo-desc{margin:34px 0 36px;font-size:15px;line-height:1.7;color:#666}
.agro-promo-media{
  position:absolute;top:0;right:0;bottom:0;width:52%;z-index:1;
  background:
    radial-gradient(circle at 45% 62%,#a9c72c 0 20%,transparent 21%),
    radial-gradient(circle at 78% 30%,#b7d13a 0 19%,transparent 20%),
    radial-gradient(circle at 80% 72%,#9dbb24 0 17%,transparent 18%),
    radial-gradient(circle at 60% 25%,#c3d94b 0 12%,transparent 13%);
}
.agro-promo-media img{width:100%;height:100%;object-fit:cover;object-position:left center;mix-blend-mode:multiply;display:block}
.agro-price{
  position:absolute;z-index:3;top:72px;right:calc(52% - 185px + 40px);
  width:185px;height:185px;border-radius:50%;background:var(--agro-main);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Open Sans',sans-serif;font-weight:800;
}
.agro-price-big{font-size:96px;line-height:1;margin-right:4px}
.agro-price-side{display:flex;flex-direction:column;line-height:1}
.agro-price-side b{font-size:38px;margin-top:-6px}
.agro-price-side small{font-size:24px;color:rgba(255,255,255,.75);margin-top:4px}
@media (max-width:991px){
  .agro-promo-media{position:relative;width:100%;height:340px}
  .agro-promo-text{padding:170px 0 40px;max-width:none}
  .agro-price{top:auto;bottom:230px;right:20px;width:140px;height:140px}
  .agro-price-big{font-size:70px}.agro-price-side b{font-size:28px}.agro-price-side small{font-size:18px}
  .agro-promo .container{min-height:0}
  .agro-promo{min-height:0}
}

/* ---------- Back to top ---------- */
.agro-top{
  position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;
  background:var(--agro-main);color:#fff;font-size:16px;cursor:pointer;z-index:50;
  opacity:0;visibility:hidden;transition:.3s;
}
.agro-top.is-show{opacity:1;visibility:visible}
.agro-top:hover{background:#102542}

/* ---------- Blog ---------- */
.agro-blog{background:#fff;padding:110px 0 110px;font-family:'Raleway',sans-serif}
.agro-post{display:block;color:#333}
.agro-post:hover{color:#333}
.agro-post-img{position:relative;aspect-ratio:360/251;overflow:hidden}
.agro-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.agro-post:hover .agro-post-img img{transform:scale(1.06)}
.agro-post-date{
  position:absolute;top:0;left:20px;width:60px;height:65px;background:var(--agro-main);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;z-index:2;
}
.agro-post-date b{font-size:24px;font-weight:800}
.agro-post-date span{font-size:12px;font-weight:700;color:rgba(255,255,255,.78);margin-top:4px}
.agro-post-body{position:relative;background:#fff;margin:-40px 20px 0;padding:24px 10px 0;text-align:center}
.agro-post-cat{font-size:12px;font-weight:500;text-transform:uppercase;color:var(--agro-main)}
.agro-post-title{font-size:19px;font-weight:600;line-height:1.3;margin:12px 0 14px;color:#2e2e2e}
.agro-post-text{font-size:14px;line-height:1.75;color:#777;margin-bottom:28px}

/* ---------- Clients ---------- */
.agro-clients{background:#fff;padding:20px 0 120px}
.agro-client{display:flex;align-items:center;justify-content:center;height:130px;opacity:.9;transition:opacity .3s,transform .3s}
.agro-client:hover{opacity:1;transform:scale(1.06)}
.agro-client svg{width:100%;max-width:210px;height:auto;max-height:120px}

/* ---------- Contact ---------- */
.agro-contact{background:var(--agro-main);color:#fff;padding:110px 0 130px;font-family:'Raleway',sans-serif}
.agro-contact .agro-sec-title{color:#fff}
.agro-contact .agro-sec-sub{color:rgba(255,255,255,.72)}
.agro-form{max-width:770px;margin:0 auto}
.agro-field{
  width:100%;background:transparent;border:0;border-bottom:1px solid #e6e6e6;border-radius:0;
  padding:14px 0;color:#fff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;outline:none;transition:border-color .25s;
}
.agro-field::placeholder{color:#d9d9d9;opacity:1}
.agro-field:focus{border-color:var(--agro-light)}
textarea.agro-field{height:120px;resize:vertical;display:block}
.agro-send{
  display:block;width:100%;margin-top:50px;padding:19px 30px;background:transparent;color:#fff;
  border:2px solid var(--agro-light);border-radius:40px;font-family:'Raleway',sans-serif;font-size:13px;font-weight:700;
  text-transform:uppercase;cursor:pointer;transition:.25s;
}
.agro-send:hover{background:var(--agro-light);color:#0b1828}
.agro-form-msg{margin-top:22px;text-align:center;font-size:14px;min-height:20px;color:var(--agro-light)}
.agro-field.is-error{border-color:#ff6b5b}

/* ---------- Hero slider ---------- */
.agro-slides{position:absolute;inset:0}
.agro-slide{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;
  background:#08111c;
}
.agro-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.agro-slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,17,28,.68) 0%,rgba(8,17,28,.58) 45%,rgba(8,17,28,.7) 100%);
}
.agro-slide > .container{position:relative;z-index:3}
.agro-slide.is-active{opacity:1;visibility:visible}
.agro-slide .agro-content{min-height:0;padding:140px 20px 100px}
.agro-slide .agro-text-wrap > *{opacity:0;transform:translateY(30px)}
.agro-slide.is-active .agro-text-wrap > *{animation:agro-up .9s ease forwards}
.agro-slide.is-active .agro-text-wrap > *:nth-child(2){animation-delay:.2s}
.agro-slide.is-active .agro-text-wrap > *:nth-child(3){animation-delay:.4s}
.agro-slide.is-active .agro-text-wrap > *:nth-child(4){animation-delay:.6s}
@keyframes agro-up{to{opacity:1;transform:none}}
.agro-dot{padding:0}
/* ---------- Footer ---------- */
.agro-footer{background:#0e1c2f;color:#a9a9a9;font-family:'Raleway',sans-serif;font-size:15px}
.agro-footer-main{padding:90px 0 60px}
.agro-flogo{display:inline-flex;align-items:center;gap:12px;color:#fff;margin-bottom:22px}
.agro-flogo i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--agro-light);color:#0b1828;font-size:24px}
.agro-flogo span{font-size:24px;font-weight:700;letter-spacing:.5px}
.agro-fabout{line-height:1.8;margin-bottom:26px;max-width:320px}
.agro-social{display:flex;gap:10px}
.agro-social a{width:38px;height:38px;border:1px solid #324967;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:.25s}
.agro-social a:hover{background:var(--agro-light);border-color:var(--agro-light);color:#0b1828}
.agro-ftitle{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:26px;position:relative;padding-bottom:14px}
.agro-ftitle::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--agro-light)}
.agro-flinks{list-style:none;margin:0;padding:0}
.agro-flinks li{margin-bottom:12px}
.agro-flinks a{color:#a9a9a9;transition:.25s}
.agro-flinks a:hover{color:var(--agro-light);padding-left:6px}
.agro-finfo{list-style:none;margin:0;padding:0}
.agro-finfo li{display:flex;gap:14px;margin-bottom:16px;line-height:1.6}
.agro-finfo i{color:var(--agro-light);margin-top:5px;width:16px;text-align:center}
.agro-news{display:flex;margin-top:6px;border-bottom:1px solid #555}
.agro-news input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;padding:12px 0;font-family:'Open Sans',sans-serif;font-size:14px}
.agro-news input::placeholder{color:#bdbdbd}
.agro-news button{background:none;border:0;color:var(--agro-light);font-size:16px;cursor:pointer;padding:0 4px}
.agro-news-msg{margin-top:12px;font-size:13px;color:var(--agro-light);min-height:18px}
.agro-fbottom{border-top:1px solid #1f3047;padding:26px 0;font-size:14px}
.agro-fbottom .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.agro-fbottom a{color:#a9a9a9;margin-left:20px}
.agro-fbottom a:hover{color:var(--agro-light)}
@media (max-width:767px){.agro-fbottom .container{justify-content:center;text-align:center}.agro-fbottom a{margin:0 10px}.agro-footer-main{padding:70px 0 30px}}

/* Header logo image (wide logo on white tag) */
.agro-logo{top:18px;left:55px;width:auto;height:auto;padding:10px 14px;background:#fff;border-radius:4px;display:block}
.agro-logo img{display:block;width:auto;height:64px;max-width:220px;object-fit:contain}
@media (max-width:991px){
  .agro-logo{top:14px;left:20px;padding:6px 10px}
  .agro-logo img{height:46px;max-width:160px}
}

.agro-flogo img{display:block;height:54px;width:auto;max-width:100%;filter:brightness(0) invert(1)}
/* ---------- Why Us ---------- */
.agro-why{background:#f1f4f8;padding:110px 0 100px;font-family:'Raleway',sans-serif}
.agro-why-card{height:100%;background:#fff;padding:44px 30px 38px;text-align:center;border-radius:6px;position:relative;box-shadow:0 8px 30px rgba(20,52,92,.07);transition:transform .3s,box-shadow .3s}
.agro-why-card:hover{transform:translateY(-8px);box-shadow:0 16px 38px rgba(20,52,92,.14)}
.agro-why-icon{width:86px;height:86px;margin:0 auto 26px;border-radius:50%;background:var(--agro-main);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 0 0 8px rgba(20,52,92,.1);transition:.3s}
.agro-why-card:hover .agro-why-icon{background:var(--agro-light);color:#0b1828}
.agro-why-num{position:absolute;top:14px;right:20px;font-size:44px;font-weight:800;line-height:1;color:#e8edf3}
.agro-why-title{font-size:19px;font-weight:700;color:#2e2e2e;margin-bottom:12px}
.agro-why-text{font-size:14px;line-height:1.75;color:#777;margin:0}