.rytguy_tri:after { background-color: rgb(0 0 0 / 68%); } .environmental-vision-mission { padding: 50px 0px; } .claimSeccion { font-size: 38px; line-height: 60px; font-weight: 700; letter-spacing: -1px; margin-top: 1px; color: #a6a6a6; } .destacado { font-size: 13.5px; color: #323232; line-height: 27px; } .tituloSeccion { margin-bottom: 5px; font-size: 29px; font-weight: 600; } .tituloSeccion:after { content: ''; display: block; width: 82px; margin: 10px 0px; border-top: 3px solid #c81c2f; } .bjajaa-ami-enw { border-radius: 10px; }
/*-------------Key Environmental Focus Areas----------*/
section.key-environmental { padding: 50px 0px 35px; position: relative; overflow: visible; } section.key-environmental:before { content: ""; width: 34%; background: linear-gradient(#2361a31a, #ffffff, #2361a31a); position: absolute; left: 0; top: 0; height: 100%; } .dkbaaa-amia-ami.text-center { width: 70%; font-size: 13.5px; color: #323232; line-height: 25px; } .dkkanka-ami-a { width: 52px; margin-bottom: 13px; font-size: 29px; color: #373535; display: flex; justify-content: center; align-items: center; opacity: .7; } .djbjabja-amie-am { font-weight: 600; font-size: 18px; color: #c81c2f; line-height: 27px; } .djbabjaa-ajbaj-ami { font-size: 13.5px; color: #323232; line-height: 27px; margin-bottom: 0; } .dbjdjbaja-ami { text-align: left; display: flex; align-items: flex-start; gap: 12px; } .logo-icon-ani { display: flex; justify-content: center; align-items: center; }
/*-------------Key Environmental Focus Areas----------*/
/*-------------Sustainability Data & Metrics----------*/
.sustainability-data { padding: 50px 0px; background: linear-gradient(#2361a31a, #ffffff, #2361a31a); } .djbagjaa-abja-ami { font-size: 31px; font-weight: 700; line-height: 38px; } .djajaja-ami-anw { margin-bottom: 5px; text-align: center; color: #323232; font-size: 36px; font-weight: 700; } .dbaaaai-ami-new { text-align: center; color: #4b4a4b; font-weight: 600; font-size: 16px; } .dihaka-apaa-ami { position: relative; } .dihaka-apaa-ami::before { content: ""; position: absolute; left: 0; top: 17px; height: 145px; border-right: 1px solid; border-image: linear-gradient(357deg, #ffffff00, #999696, #ffffff00) 1; } .dajaba-amiba-ami::before { border-right: 0px solid; } .djbkabaa-ami-new { font-size: 14px; color: #323232; line-height: 27px; margin-bottom: 0; }
/*-------------Sustainability Data & Metrics----------*/
/*-------------Initiatives & Projects----------*/
.rgrfgr_tri { position: relative; overflow: hidden; } .gdgf_tri:before { content: ""; width: 100%; height: 100px; background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0; left: 0; right: 0; } img.gruigyu_tri { height: 268px; } .efufut_tri { font-size: 15px; width: 90%; margin: 0; line-height: 20px; } .fedfgd_ri { position: absolute; bottom: 26px; display: flex; align-items: flex-end; color: #fff; padding: 0 14px; width: 100%; transition: all 0.4s ease-in-out 0s; } .fedfgd_ri svg { height: 15px; width: 16px; min-width: 16px; min-height: 16px; } .rgrfgr_tri .overlaycontent_tri { position: absolute; left: 0; right: 0; bottom: -40px; display: block; padding: 70px 15px 33px; box-shadow: 0px 3px 7px 1px rgba(240, 240, 240, 0.7); background: #ffffffd6; opacity: 0; transition: all 0.4s ease-in-out 0s; } .gruyhu_tri { font-size: 15px; width: 100%; margin: 0; line-height: 20px; color: #c81c2f; font-weight: 600; margin-bottom: 10px; } .rguigy_tri { font-size: 14px; margin: 0; line-height: 25px; } .rgrfgr_tri:hover .fedfgd_ri { opacity: 0; } .rgrfgr_tri:hover .overlaycontent_tri { opacity: 1; transform: translateX(0%) translateY(-40px) scale(1); top: 0; } .initiatives-projects { padding: 40px 0px 60px; }
/*-------------Initiatives & Projects----------*/
/*-------------Certifications & Compliance----------*/
.certificate { padding: 40px 0px 50px 0px; } .djbaja-aigdja-ami { display: flex; justify-content: center; gap: 15px; } .dajaa-aaj-ami { flex: 0 0 auto; margin-right: 10px; border-right: 1px solid #56565647; justify-content: center; display: flex; border-image: linear-gradient(357deg, #ffffff00, #00000038, #ffffff00) 1; width: 40%; } .dajaa-aaj-ami:last-child { margin-right: 0px; border-right: 0px solid #56565647; } .marquee { overflow: hidden; width: 100%; position: relative; } .marquee-track { display: flex; justify-content: center; width: 44%; } /* STOP marquee on hover */ .marquee:hover .marquee-track { animation-play-state: paused; } .daiaapak-ami { width: 106px; object-fit: contain; height: 85px; }
/*-------------Certifications & Compliance----------*/
/*-------------CTA----------*/
.cta { padding: 4px 0px 50px 0px; } .djbaba-aihaaj-ami { display: flex; justify-content: center; } .gr-ami { margin: 0px 10px; display: flex; font-size: 13px; background: #c81c2f; border: 1px solid #e77c22; color: #fff; justify-content: center; font-weight: 700; padding: 7px 15px 6px 16px; transition: .3s; border-radius: 37px; align-items: center; box-shadow: rgb(106 97 92 / 26%) 3px 4px 0px 0px; } .gr-ami.wfsguy-ami { position: relative; } .gr-ami i { margin-left: 8px; font-size: 11px; }
/*-------------CTA----------*/
/*===========Responsive Css==============*/
/*-----------Our Environmental Vision & Mission-------------*/
@media screen and (max-width: 991px) { .claimSeccion { font-size: 37px; line-height: 42px; font-weight: 800; margin-top: 21px; margin-bottom: 18px; } }
/*-----------Our Environmental Vision & Mission-------------*/
/*-------------Key Environmental Focus Areas----------*/
@media screen and (max-width: 991px) { .dkbaaa-amia-ami.text-center { width: 100%; } .border-lef-rig-1 { border-left: 0px; border-right: 0px; } .border-bot-1 { border-bottom: 0px; } .dbjdjbaja-ami { padding: 15px 3px; } }
/*-------------Key Environmental Focus Areas----------*/
/*-------------Sustainability Data & Metrics----------*/
@media screen and (max-width: 991px) { .sustainability-data .col-md-3 { width: 50%; } .naaama-ami-new::before { border-right: 0px solid; } .djbkabaa-ami-new { margin-top: 15px; } .djajaja-ami-anw { font-size: 31px; } }
/*-------------Sustainability Data & Metrics----------*/
/*-------------Initiatives & Projects----------*/
@media screen and (max-width: 991px) { .rgrfgr_tri { margin-bottom: 25px; } }
/*-------------Initiatives & Projects----------*/
/*-------------Certifications & Compliance----------*/
@media screen and (max-width: 991px) { .marquee-track { flex-wrap: wrap; } .dajaa-aaj-ami { margin-bottom: 5px; margin-right: 5px; width: 31%; } .daiaapak-ami { width: 75px; } }
/*-------------Certifications & Compliance----------*/
/*-------------CTA----------*/
@media screen and (max-width: 991px) { .djbaba-aihaaj-ami { display: block; } .gr-ami { margin-bottom: 13px; } }
/*-------------CTA----------*/
/*===========Responsive Css==============*/
.rhh_tri.rgregr_tri { display: inline-flex; position: relative; overflow: visible; } .grf_tri.rrh_tri { width: 32%; position: sticky; top: 200px; padding-right: 40px; margin-right: 0; height: fit-content; } .fiyguy_tri { width: 68%; display: flex; flex-wrap: wrap; gap: 20px; padding-left: 30px; } .tghuy_tri { width: 48%; } .grf_tri.rrh_tri .heading_tri { text-align: left; margin-bottom: 10px; } .grf_tri.rrh_tri p.dkbaaa-amia-ami { text-align: left; font-size: 13.5px; line-height: 27px; }
/*---------Responsivness-----------*/
@media screen and (max-width: 991px) { .rhh_tri.rgregr_tri { display: block; } .grf_tri.rrh_tri { position: static; width:100%; padding-right: 0px; } .fiyguy_tri { width: 100%; display: block; padding-left: 0px; } .tghuy_tri{width:100%;} section.key-environmental:before{width:100%;} .marquee-track{width:100%;} .gdgf_tri img{width:100%;} }
/*---------Responsivness-----------*/