.milkimage{background-image:url(/IconSvg/breadcrumb-1.jpg);color:#fff;padding-left:10.3rem}@media only screen and (max-device-width:320px){.tc{margin-left:-127px}}@media only screen and (min-device-width:425px) and (max-device-width:600px){.tc{margin-left:-105px}}.about-page{width:100%;overflow:hidden;background:#fff}.section{padding:90px 0;background:#fff}.container{width:100%;max-width:1280px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.left{position:relative;padding-right:25px;opacity:0;animation:slideLeft .9s ease forwards}.image-wrapper{position:relative;height:520px;overflow:hidden;border-radius:18px;box-shadow:0 25px 60px rgba(4,60,45,.18)}.image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .9s ease,filter .6s ease}.image-wrapper:hover img{transform:scale(1.08);filter:brightness(.82)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,76,55,.05),rgba(3,76,55,.4));transition:.5s ease}.image-wrapper:hover .image-overlay{background:linear-gradient(135deg,rgba(3,76,55,.2),rgba(3,76,55,.55))}.image-shine{position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);transform:skewX(-20deg);transition:left .8s ease}.image-wrapper:hover .image-shine{left:140%}.vertical-strip{position:absolute;right:0;bottom:45px;width:65px;height:210px;background:#075b45;color:#fff;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:2px;box-shadow:0 15px 35px rgba(4,70,50,.25);animation:stripAnimation .8s ease .4s both}.vertical-strip span{color:#f3cf43;font-size:22px;margin-bottom:7px}.right{opacity:0;animation:slideRight .9s ease .15s forwards}.small-title{color:#159b94;font-size:14px;font-weight:600;font-style:italic;margin-bottom:8px}.main-title{color:#073d30;font-size:43px;line-height:1.15;font-weight:800}.main-title span{color:#159b94}.title-line{width:55px;height:3px;background:#f3cf43;margin:18px 0 30px;transform-origin:left;animation:lineAnimation .7s ease .7s both}.features{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.feature-box{display:flex;gap:15px;padding:18px;background:#f5f9f7;border:1px solid #e3eee9;border-radius:10px;transition:transform .35s ease,box-shadow .35s ease,background .35s ease,border-color .35s ease}.feature-box:hover{transform:translateX(8px);background:#fff;border-color:#159b94;box-shadow:0 12px 30px rgba(6,70,50,.1)}.icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#075b45;color:#fff;font-weight:700;transition:transform .4s ease,background .3s ease}.feature-box:hover .icon{transform:rotate(1turn) scale(1.1);background:#159b94}.feature-title{color:#173d32;font-size:15px;font-weight:700;margin-bottom:5px}.description{color:#687873;font-size:12px;line-height:1.7}.main-description{font-size:13px;line-height:1.85}.main-description p{margin-bottom:14px}.aboutcard{background:linear-gradient(135deg,#f2f8f4,#fff)}.about-wrapper{max-width:1280px;margin:auto;padding:80px 24px 100px}.about-heading{text-align:center;max-width:650px;margin:0 auto 45px}.about-subtitle{color:#159b94;font-size:13px;font-weight:600;font-style:italic;margin-bottom:8px}.about-heading h2{margin:0;color:#073d30;font-size:36px;font-weight:800}.about-heading h2 span{color:#159b94}.about-container{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.about-card{overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 12px 35px rgba(5,70,50,.08);opacity:0;animation:cardReveal .7s ease var(--delay) forwards;transition:transform .45s ease,box-shadow .45s ease}.about-card:hover{transform:translateY(-12px);box-shadow:0 25px 55px rgba(5,70,50,.16)}.about-image{position:relative;height:220px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:50%;overflow:hidden}.vision-bg{background:linear-gradient(rgba(4,80,58,.72),rgba(4,80,58,.72)),url(/IconSvg/about.jpg)}.mission-bg{background:linear-gradient(rgba(5,65,55,.72),rgba(5,65,55,.72)),url(/IconSvg/about.jpg)}.responsibility-bg{background:linear-gradient(rgba(15,75,75,.72),rgba(15,75,75,.72)),url(/IconSvg/about.jpg)}.about-card:hover .about-image{background-position:50%}.card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(0,0,0,.2));transition:.4s ease}.about-card:hover .card-overlay{opacity:.45}.icon-circle{position:relative;z-index:2;width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(0,0%,100%,.95);font-size:32px;box-shadow:0 12px 30px rgba(0,0,0,.15);transition:transform .5s ease}.about-card:hover .icon-circle{transform:scale(1.15) rotate(10deg)}.about-card-content{position:relative;padding:25px}.card-number{position:absolute;top:20px;right:22px;color:#e5eee9;font-size:25px;font-weight:800;transition:color .3s ease}.about-card:hover .card-number{color:#cfe5dc}.about-card h3{margin:0 0 10px;color:#073d30;font-size:20px;font-weight:800}.about-card p{margin:0;color:#687873;font-size:12px;line-height:1.8}.card-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-top:20px;border:1px solid #159b94;border-radius:50%;color:#159b94;transition:transform .3s ease,background .3s ease,color .3s ease}.about-card:hover .card-arrow{background:#159b94;color:#fff;transform:translateX(6px)}@keyframes slideLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes stripAnimation{0%{opacity:0;transform:rotate(180deg) translateY(30px)}to{opacity:1;transform:rotate(180deg) translateY(0)}}@keyframes lineAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.section{padding:65px 0}.container{gap:40px}.image-wrapper{height:450px}.main-title{font-size:34px}.about-heading h2{font-size:32px}.about-container{gap:18px}}@media (max-width:767px){.section{padding:50px 0}.container{grid-template-columns:1fr;gap:40px;padding:0 16px}.left{padding-right:15px}.image-wrapper{height:350px;border-radius:14px}.vertical-strip{width:52px;height:175px;bottom:25px;font-size:8px}.vertical-strip span{font-size:18px}.main-title{font-size:30px}.small-title{font-size:12px}.feature-box{padding:15px;gap:12px}.icon{width:34px;height:34px}.feature-title{font-size:14px}.main-description{font-size:12px}.about-wrapper{padding:55px 16px 65px}.about-heading{margin-bottom:30px}.about-heading h2{font-size:27px}.about-container{grid-template-columns:1fr;gap:20px}.about-image{height:210px}}@media (max-width:400px){.main-title{font-size:27px}.image-wrapper{height:310px}.vertical-strip{width:47px;height:155px}.about-heading h2{font-size:24px}}