.box_shadow{box-shadow:0 1px 30px rgba(0,0,0,.2)}.animated-layout-container{width:100%;height:756px;position:relative;overflow:hidden}.background-video{object-fit:cover;width:100%;height:756px;position:relative}.overlay{background:rgba(0,0,0,.4);width:100%;height:756px;position:absolute;top:0;bottom:0;left:0;right:0}.content{flex-direction:column;margin-left:3rem;display:flex;position:absolute;top:50%;left:3%;transform:translateY(-50%)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(-100px)}}.animate-fade-in{animation:1s ease-out forwards slideUpFadeIn}.heading-title{color:#fff;cursor:pointer;font-size:49px;font-weight:700}.button-wrapper{opacity:0;margin-top:3rem;animation:1s ease-out .5s forwards slideUpFadeIn}.toggle-container{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;height:100%;display:flex}.toggle-box-container{flex-direction:column;gap:20px;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.toggle-box{cursor:pointer;background:#777;width:25px;height:10px;transition:background .25s,box-shadow .25s}.toggle-box.active{background:#fff}.animated-button{color:#fff;cursor:pointer;background-color:red;border:none;padding:0 35px;font-weight:700;position:relative;top:80px;overflow:hidden}.button-bg{z-index:1;background-color:#fff;width:0;transition:width .4s;animation:.7s 1s forwards buttonSlide;position:absolute;top:0;bottom:0;left:0;right:0}.button-text{z-index:2;align-items:center;gap:10px;padding:10px;transition:color .4s;animation:.7s 1s forwards textColorChange;display:flex;position:relative}@keyframes buttonSlide{0%{width:0}50%{width:100%}to{width:0}}@keyframes textColorChange{0%{color:#fff}50%{color:#000}to{color:#fff}}.animated-button:hover .button-bg{width:100%}.animated-button:hover .button-text{color:#000}@media (min-width:768px) and (max-width:991.98px){.overlay{align-items:center}.about-card:before{border-bottom:1px solid #e5e5e5;border-right:0}.animated-button{padding:0 10px}}@media (min-width:576px) and (max-width:767.98px){.heading-title{text-align:left;margin-top:30px}.button-wrapper{margin-top:20px}}@media (max-width:575.98px){.content{margin-left:0;top:55%}.heading-title{color:#fff;text-align:left;margin-top:0;font-size:22px;font-weight:800}.button-wrapper{text-align:left}.overlay{padding-left:0;padding-right:0}.dna-title span{color:#1a191d;margin-bottom:0;font-size:40px;font-weight:800;line-height:48px}.toggle-box-container{display:none}}@media (min-width:375px) and (max-width:574px){.overlay{align-items:center}}@media (max-width:360px){.overlay{align-items:center}}@media (max-width:320px){.animated-button{padding:0 10px}}
.main-container-about{max-width:1170px;margin:auto}.about-container-about{padding:0 15px;display:flex!important}.box_shadow_div{box-shadow:0 10px 16px rgba(0,0,0,.1)}.about-card{cursor:pointer;text-align:center;padding:45px 30px 28px;transition:all .3s;position:relative;overflow:visible}.about-card:last-child{border-right:none}.about-icon{width:120px;height:120px;margin:0 auto 20px;transition:filter .3s;display:block}.about-title{text-transform:uppercase;margin-bottom:15px;font-size:20px;font-weight:900;transition:color .3s}.about-desc{color:#7a7979;font-family:SF Compact Text;font-size:15px;font-weight:400;line-height:24px;transition:color .3s}.about-card:before{content:"";background:inherit;z-index:-1;border-right:1px solid #e5e5e5;transition:all .2s;position:absolute;top:0;bottom:0;left:0;right:0}.about-card.active{color:#fff;z-index:2;box-shadow:0 15px 25px rgba(0,0,0,.3)}.about-card.active:before{background:linear-gradient(#d40000 0%,#5c0000 100%);top:-20px;bottom:-20px;left:-1px;right:-1px;box-shadow:0 15px 25px rgba(0,0,0,.3)}.about-card.active .about-title,.about-card.active .about-desc{color:#fff}.about-card.active .about-icon{filter:brightness(0)invert()}.read-more{color:#fff;background:#000;padding:0 35px;font-family:Google Sans;font-size:14px;font-weight:700;line-height:49px;text-decoration:none;transition:background .3s;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,90%)}.read-more:hover{background:#333}@media (max-width:991.98px){.about-container-about{flex-wrap:wrap;padding:0 30px;display:flex!important}h2.text-heading{text-align:center!important}}@media (max-width:575.98px){.about-card:before{border-bottom:1px solid #e5e5e5!important}}@media (min-width:992px) and (max-width:1199.98px){.about-container-about{padding:0 30px!important;display:flex!important}.about-card:before{border-bottom:1px solid transparent!important}}@media (min-width:768px) and (max-width:991.98px){.about-container-about{padding:0 30px!important;display:flex!important}.about-card:before{border-right:1px solid transparent}}@media (min-width:375px) and (max-width:575px){.about-card{padding:30px 0 60px}.about-card:before{border-right:1px solid transparent}.about-card{text-align:center;padding:10px}.read-more{min-width:160px;max-width:max-content;padding:6px 12px}}@media (max-width:321px){.about-card:before{border-right:1px solid transparent}.about-card{text-align:center;padding:10px}.read-more{width:max-content;padding:15px 22px;line-height:1}.about-container-about{flex-wrap:wrap;padding:0 15px;display:flex!important}.read-more{min-width:130px;padding:6px 12px}}
.scrolling-content{z-index:1;position:relative}.transparent-container{background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:50rem}@media (min-width:375px) and (max-width:574px){.transparent-container{height:inherit;background-position:50%;background-repeat:no-repeat;background-size:contain;padding:0}}@media (max-width:360px){.transparent-container{height:inherit;background-position:50%;background-repeat:no-repeat;background-size:contain;padding:0}}@media (min-width:768px) and (max-width:991.98px){.transparent-container{height:inherit;background-position:50%;background-repeat:no-repeat;background-size:contain;padding:0}}
