:root{--primary:#b00101;--secondary:#0f2130;--pri-complementry:#01b0b0;--pri-analogous-01:#b05901;--pri-analogous-02:#b00159;--pri-triadic-01:#01b001;--pri-triadic-02:#0101b0;--pri-tetradic-01:#59b001;--pri-tetradic-02:#01b0b0;--pri-tetradic-03:#5901b0;--blue:#1e90ff;--white:#fff;--black:#000;--dark-gray:#545454;--btn-border-radius:8px;--light-gray:#f6f6f6;--section-dark-bg:#001128}body{color:var(--secondary)}.csr-hero-section{display:flex;justify-content:flex-end;width:100%;height:90vh;font-family:'Roboto Condensed','sans-serif';font-size:22px;background-image:url(/assets/csr_images/csr_banner_image-4713e235873108f640a908f2c43561b4ecce9e009f369a3bfc2afc79cc29bcf7.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:10px 0 10px 0;margin:0}.csr-hero-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:50%;gap:20px}.csr-hero-section-title{display:flex;justify-content:flex-start;width:90%;font-size:3rem;font-weight:400;background-repeat:no-repeat;background-size:contain;background-position:center}.csr-title-info{font-family:"Noto Sans";font-size:1.7rem;width:80%;font-weight:400;padding:0;margin:0}.csr-committee-container{display:flex;flex-direction:column;align-items:center;font-family:"Noto Sans";padding:2rem 0rem 2.5rem 0rem;gap:1.5rem}.committee-cont{display:flex;flex-direction:column;gap:10px;width:88%}.committee-title-cont{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem 0rem 2rem 0rem}.committee-title{display:flex;justify-content:center;align-items:center;font-size:3.2rem;text-align:center;font-weight:400}.csr-card-inner-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.csr-card{width:385px;height:436px;background-color:#001128;color:var(--white);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:"Noto Sans"}.csr-card-image{width:100%;display:flex;justify-content:center;align-items:center;padding-top:24px}.csr-card-image img{width:220px;height:auto;object-fit:contain}.csr-card-title-group{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;padding:0 12px}.csr-card-title{font-size:1.6rem;font-weight:600;margin:0}.csr-card-subtitle{font-size:1rem;color:var(--light-gray);margin:4px 0 0 0}.csr-policy-inner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0rem 2rem 0rem;font-family:"Noto Sans"}.csr-policy-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:88%;gap:20px}.csr-policy-title-cont{display:flex;justify-content:flex-start;width:100%}.csr-policy-title-cont{display:flex;justify-content:flex-start;align-items:center;font-size:3.2rem;text-align:center;font-weight:400}.csr-policy-title{display:flex;font-size:3.2rem;text-align:center;font-weight:400}.csr-policy-detail{font-size:1.7rem}.csr-policy-button-cont{display:flex;justify-content:flex-start;width:100%;padding:2rem 0rem 2rem 0rem}.csr-policy-button{width:8rem;height:3.5rem;background:0;border:1px solid var(--primary);border-radius:10px;font-size:1.2rem;color:var(--primary);font-weight:600;cursor:pointer}.csr-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;z-index:999}.csr-popup-content{background:white;padding:20px;width:85%;height:85%;border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.csr-popup-close{position:absolute;top:10px;right:15px;font-size:2.5rem;background:rgba(0,0,0,0.2);width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:white;z-index:1}.csr-main-image-wrapper{position:relative;width:100%;max-width:900px;margin-bottom:20px}.csr-main-image{width:100%;height:500px;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:10px}.csr-nav-btn{position:absolute;display:flex;justify-content:center;align-items:center;height:50px;width:50px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:white;border:0;font-size:2rem;cursor:pointer;padding:10px;border-radius:50%;z-index:2}.csr-nav-btn.left{left:-50px}.csr-nav-btn.right{right:-50px}.csr-thumbnail-carousel{display:flex;gap:10px;overflow-x:auto;padding:10px;max-width:100%;height:142px}.csr-thumbnail-carousel::-webkit-scrollbar{height:8px}.csr-thumbnail-carousel::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:4px}.csr-thumbnail{flex:0 0 auto;width:120px;height:80px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px;cursor:pointer;border:2px solid transparent;transition:border .3s}.csr-thumbnail.active{transform:scale(1.3)}.csr-projects-inner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Noto Sans";padding:1rem 0rem 1rem 0rem;margin-bottom:50px}.csr-projects-container{display:flex;flex-direction:column;justify-content:flex-start;width:88%}.csr-projects-title,.csr-projects-subtitle{display:flex;font-size:3.2rem;text-align:center;font-weight:400}.csr-projects-title-group{display:flex;justify-content:space-between;align-items:center}.csr-projects-select{width:204px;height:34px;border-radius:5px;font-size:1rem;padding:5px}.csr-projects-subgroup{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.csr-projects-img-group-cont{display:flex}.projects-img-group-01{flex:1;min-width:385px;position:relative;display:flex;align-items:flex-end}.projects-img-cont-01{background-color:rgba(0,0,0,0.4);background-image:url(/assets/CSR_Project/csr_project_image_01-5f2b5b4061d78aec84f98f8ce86b87e5b7d050b43b2fd1813e53386d1b0e69d1.png);background-size:cover;background-position:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;border-top-left-radius:10px;border-bottom-left-radius:10px}.projects-img-subtitle,.projects-img-title,.projects-img-info{color:var(--white)}.projects-img-subtitle{font-size:1.7rem;font-weight:400;margin:0;padding:0 0 1rem 0}.projects-img-title{font-size:3rem;font-weight:500;margin:0;padding:0rem 0 1rem 0}.projects-img-info{font-size:1.75rem}.projects-img-group-02{flex:1.5;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:.7rem .7rem .7rem .7rem;box-shadow:0 4px 8px rgba(0,0,0,0.3);border-top-right-radius:10px;border-bottom-right-radius:10px;gap:10px}.csr-img-grid{width:100%;height:310px;background-size:cover;background-position:center}.csr-img-count-badge{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.4);color:var(--white);font-size:3rem;padding:.3rem .6rem;pointer-events:none;font-weight:600}.csr-projects-img-cont-07{display:flex;justify-content:center;align-items:center;cursor:pointer}.csr-projects-img-cont-02{background-image:url(/assets/CSR_Project/csr_project_image_02-98f9b7a713c3ce268b9cdef84e89b202f17b4995b24566803b7b3d07d8590be8.png)}.csr-projects-img-cont-03{background-image:url(/assets/CSR_Project/csr_project_image_03-637dea8b9159d3b3fc6c7bcab9154fb1c9b8d8c893280e233a5d2be7813e8b42.png)}.csr-projects-img-cont-04{background-image:url(/assets/CSR_Project/csr_project_image_04-c97c1642f25c6932fb316f159afefe8d40930702b8418816ba753b38991736d0.png)}.csr-projects-img-cont-05{background-image:url(/assets/CSR_Project/csr_project_image_05-967c5c3fd854c50070ef468a7b8d27cbd06c2ba0cd338e0baef63ef6941377c1.png)}.csr-projects-img-cont-06{background-image:url(/assets/CSR_Project/csr_project_image_06-9978b837cd423391ac3b4c1b4c0726e51b0f7f442f90ed441fe3d0cfa95a38a5.png)}.csr-projects-img-cont-07{background-image:url(/assets/CSR_Project/csr_project_image_07-80ee7b348358232e0a349586551e3db922842a6d05ae94b9f15cf01b42aeeb6e.png);background-size:cover}.csr-projects-img-cont-07:hover{background-size:200% !important}.nav-container{width:90%}.sec-nav-container{width:89%}