.about-sec{background-image:url(/aboutImage/about-bg.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex}.about-sec h1{color:#fff;text-shadow:2px 2px 8px #00000080;width:100%;max-width:1280px;font-size:70px;font-weight:700}.abt-env{background-image:url(/aboutImage/newESG.webp);background-position:50%;background-repeat:no-repeat;align-items:center;height:100%;min-height:420px;display:flex}.env-head{color:#fff;text-shadow:2px 2px 8px #00000080;font-size:52px;font-weight:700}@media (min-width:320px) and (max-width:767px){.about-sec{object-fit:cover;height:80vh}.about-sec h1{font-size:40px}.our-principle .row{row-gap:40px}.env-head{font-size:30px}}@media (min-width:768px) and (max-width:1023px){.about-sec{object-fit:cover;height:80vh}.about-sec h1{max-width:600px;font-size:45px}.env-head{font-size:35px}}@media (min-width:1024px) and (max-width:1359px){.about-sec h1{max-width:900px;font-size:50px}.env-head{font-size:40px}}@media (min-width:1360px) and (max-width:1600px){.about-sec h1{max-width:1000px;font-size:60px}.env-head{font-size:45px}}
.about-yeemak h2{font-size:52px;font-weight:700}.about-p{font-size:24px}.object-fit-contain{object-fit:contain}.twnty-year{margin-top:20px;font-size:25px;font-weight:600}.our-leadership-btn{color:#cb8dff;z-index:1;border:2px solid #cb8dff;border-radius:10rem;padding:8px 20px;font-size:20px;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.our-leadership-btn:after{content:"";z-index:-2;background-color:#3498db00;border-radius:10rem;width:100%;height:100%;position:absolute;bottom:0;left:0}.our-leadership-btn:before{content:"";z-index:-1;background-color:#51286c;border-radius:10rem;width:0%;height:100%;transition:width .3s;position:absolute;bottom:0;left:0}.our-leadership-btn:hover:before{width:100%}.our-leadership-btn:hover{color:#fff;background-color:#cb8dff;border-color:#51286c}.our-leadership-btn .icon{font-size:22px;transition:transform .3s}.our-leadership-btn:hover .icon{color:#fff;transform:translate(4px)rotate(45deg)}@media (min-width:320px) and (max-width:767px){.about-yeemak h2{font-size:30px}.about-p{font-size:18px}.twnty-year{font-size:22px}.about-row{row-gap:30px}}@media (min-width:768px) and (max-width:1023px){.about-yeemak h2{font-size:35px}.about-row .col-md-7{flex:0 0 100%;max-width:100%;margin-bottom:30px}.about-row .col-md-5{flex:0 0 100%;max-width:100%}.about-p{font-size:20px}.twnty-year{font-size:25px}}@media (min-width:1024px) and (max-width:1359px){.about-yeemak h2{font-size:40px}.about-p{font-size:20px}.twnty-year{font-size:22px}}@media (min-width:1360px) and (max-width:1600px){.about-yeemak h2{font-size:45px}.about-p{font-size:22px}.twnty-year{font-size:23px}}
.company-bg{background-image:url(/aboutImage/company-bg.png);background-position:50%;background-size:cover;width:100%;height:auto;min-height:522px;margin-top:50px}.py-10{padding-top:80px;padding-bottom:80px}.company-head{font-size:52px;font-weight:700}.logoWrapper{cursor:pointer;border-radius:20px;width:100%;max-width:413px;height:200px;position:relative;overflow:hidden;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.normal,.hover{transition:opacity .7s ease-in-out;position:absolute;inset:0}.normal{opacity:1}.hover,.logoWrapper:hover .normal{opacity:0}.logoWrapper:hover .hover{opacity:1}@media (min-width:320px) and (max-width:767px){.py-10{padding-top:60px;padding-bottom:60px}.company-head{font-size:30px}.logoWrapper{max-width:350px;height:150px;margin:10px}}@media (min-width:768px) and (max-width:1023px){.company-head{font-size:35px}.logoWrapper{max-width:350px;height:150px;margin:10px}}@media (min-width:1024px) and (max-width:1359px){.company-head{font-size:40px}}@media (min-width:1360px) and (max-width:1600px){.company-head{font-size:45px}}
.milestones-section .overflow{height:100%;max-height:600px;overflow-y:scroll}.oru-mil{color:#7a7a7a;text-transform:uppercase;font-size:24px}.milestone-image{height:609px}.milestone-image img{border-radius:30px}.yearStar{color:#7a7a7aa1;min-width:160px;font-size:42px;font-weight:700}.mile-cus-gap{cursor:pointer;gap:30px;margin-bottom:20px;display:flex}.mile-cus-gap ul{color:#7a7a7aa1;font-size:24px}.mile-cus-gap ul li{margin-bottom:10px}.hover-active .yearStar{color:#000;min-width:180px;font-size:48px}.hover-active ul{color:#000}@media (min-width:320px) and (max-width:767px){.yearStar,.hover-active .yearStar{min-width:unset;color:#000;font-size:30px}.mile-cus-gap{display:block}.mile-cus-gap ul{color:#000;font-size:18px}.hover-active ul{color:#000}.milestones-section .row{row-gap:30px}.milestones-section .overflow{max-height:500px}.milestone-image{height:580px}}@media (min-width:768px) and (max-width:1023px){.yearStar,.hover-active .yearStar{min-width:unset;color:#000;font-size:30px}.mile-cus-gap{display:block}.mile-cus-gap ul{color:#000;font-size:18px}.hover-active ul{color:#000}.milestones-section .row{row-gap:30px}.milestones-section .overflow{max-height:400px}.milestone-image{height:400px}}@media (min-width:1024px) and (max-width:1359px){.yearStar{min-width:140px;font-size:38px}.hover-active .yearStar{min-width:150px;font-size:42px}.mile-cus-gap ul{font-size:20px}.milestones-section .overflow{max-height:450px}.milestone-image{height:450px}}@media (min-width:1360px) and (max-width:1600px){.yearStar{min-width:140px;font-size:38px}.hover-active .yearStar{min-width:150px;font-size:42px}.mile-cus-gap ul{font-size:22px}.milestones-section .overflow{max-height:500px}.milestone-image{height:500px}}