/* About Us Page Specific Styles */
.inner-banner {position: relative; height: 36.458vw; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; background-image: url('../images/about-us-banner.webp'); background-size: cover; background-position: center; margin-top: -5.20833vw;}
.inner-banner::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1;}
.inner-banner-content {position: relative; z-index: 2;}
.inner-banner-content h1 {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 3.333vw; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; margin: 0;}
.inner-banner-content p {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1.25vw; line-height: 1.25vw; letter-spacing: 0%; text-transform: capitalize; margin-top: 0.52vw;}
.inner-banner-content p a {color: #fff; text-decoration: none; transition: color 0.3s ease;}
.inner-banner-content p a:hover {color: #81BC38;}
.about-page-section.about {padding-top: 6.25vw; height: auto;}
.about-page-section .about-btn {display: none;}
.about-page-section .about-desc {text-transform: none;}
.about-applications {padding: 6.25vw 0; background-color: #f8f8f8;}
.about-applications-container {width: 75vw; margin: 0 auto;}
.about-applications-title-wrapper {display: flex; align-items: center; justify-content: center; margin-bottom: 3.125vw;}
.about-applications-title-icon {height: 1.5625vw; margin-right: 0.15625vw;}
.about-applications-title {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 2.5vw; line-height: 100%; text-transform: uppercase; color: #000000; margin: 0;}
.about-applications-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5625vw;}
.about-application-card {background-color: #fff; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); overflow: hidden; transition: box-shadow 0.3s ease;}
.about-application-card:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.about-application-card img {width: 100%; height: auto; display: block; transition: transform 0.3s ease;}
.about-application-card:hover img {transform: scale(1.05);}
.about-application-card h3 {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 0.9375vw; padding: 1.04vw; margin: 0; color: #333;}
.about-project-cases {width: 100%; height: 43.07292vw; background: #FFFFFF; position: relative; display: flex; align-items: center;}
.about-project-cases-container {width: 75vw; margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.about-project-cases-title-wrapper {display: flex; align-items: center; gap: 0.15625vw; justify-content: center;}
.about-project-cases-title-icon {height: 1.5625vw;}
.about-project-cases-title {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 2.5vw; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; color: #000000; margin: 0;}
.about-project-cases-carousel-wrapper {margin-top: 3.48958vw; overflow: hidden; width: 100vw; margin-left: calc(-12.5vw); height: 25.10417vw;}
.about-project-cases-carousel {display: flex; gap: 1.82292vw; transition: transform 0.5s ease; width: fit-content; align-items: flex-start;}
.about-project-case-card {flex-shrink: 0; cursor: pointer; display: flex; flex-direction: column; width: 19.01042vw; height: 20.72917vw; transition: all 0.5s ease;}
.about-project-case-card.center {width: 27.1875vw; height: 25.10417vw;}
.about-project-case-card .about-project-case-image {height: 16.66667vw; width: 100%; object-fit: cover; transition: height 0.5s ease;}
.about-project-case-card.center .about-project-case-image {height: 20.72917vw;}
.about-project-case-card .about-project-case-label {margin-top: 0.3125vw;}
.about-project-case-card.center .about-project-case-label {margin-top: 0.625vw;}
.about-project-case-image {display: block;}
.about-project-case-label {width: 100%; height: 3.75vw; background: #81BC38; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.about-project-case-title {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 1.25vw; line-height: 100%; letter-spacing: 0%; text-transform: capitalize; color: #FFFFFF; margin: 0;}
.about-project-cases-dots {display: flex; align-items: center; justify-content: center; gap: 0.52083vw; margin-top: 3.80208vw;}
.about-project-cases-dots .project-dot {cursor: pointer; transition: all 0.3s;}
.about-certificate {padding: 6.25vw 0; height: 31.40625vw; background-image: url('../images/about-us-certification-bg.webp'); background-size: cover; background-position: center;}
.about-certificate-container {width: 75vw; margin: 0 auto;}
.about-certificate-title-wrapper {display: flex; align-items: center; justify-content: center; margin-bottom: 3.125vw;}
.about-certificate-title-icon {height: 1.5625vw; margin-right: 0.15625vw;}
.about-certificate-title {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 2.5vw; line-height: 100%; text-transform: uppercase; color: #000000; margin: 0;}
.about-certificate-carousel-wrapper {position: relative; overflow: hidden;}
.about-certificate-carousel {display: flex; gap: 1.5625vw;}
.about-certificate-card {flex-shrink: 0; width: 13.75vw;}
.about-certificate-card img {width: 100%; height: 18.4375vw; object-fit: cover; display: block; box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.about-certificate-dots {display: flex; justify-content: center; align-items: center; gap: 0.52vw; margin-top: 2.08vw;}
.about-certificate-dots .dot {width: 0.729vw; height: 0.729vw; background-color: #D9D9D9; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease;}
.about-certificate-dots .dot.active {background-color: #81BC38;}
@media (max-width: 768px) {
.inner-banner {height: 250px; margin-top: -60px;}
.inner-banner-content {position: relative; top: 20%;}
.inner-banner-content h1 {font-size: 32px;}
.inner-banner-content p {font-size: 16px; line-height: 1.5;}
.about-page-section.about {padding-top: 60px;}
.about-applications {padding: 60px 0;}
.about-applications-container {width: 100%; padding: 0 20px;}
.about-applications-title-icon {height: 20px;}
.about-applications-title {font-size: 28px;}
.about-applications-grid {grid-template-columns: repeat(2, 1fr); gap: 15px;}
.about-application-card h3 {font-size: 14px; padding: 10px;}
.about-project-cases {height: auto; padding: 60px 0;}
.about-project-cases-container {width: 100%; padding: 0; overflow: hidden;}
.about-project-cases-title-icon {height: 20px;}
.about-project-cases-title {font-size: 28px;}
.about-project-cases-carousel-wrapper {margin-top: 30px; margin-left: -20px; width: calc(100% + 40px); height: auto; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; cursor: grab;}
.about-project-cases-carousel-wrapper::-webkit-scrollbar {display: none;}
.about-project-cases-carousel-wrapper:active {cursor: grabbing;}
.about-project-cases-carousel {gap: 15px; padding: 0 20px 15px 20px; align-items: flex-start;}
.about-project-case-card, .about-project-case-card.center {width: 70vw; max-width: 300px; min-width: 240px; height: auto;}.about-project-case-card .about-project-case-image, .about-project-case-card.center .about-project-case-image {height: 180px; object-fit: cover;}
.about-project-case-title {font-size: 18px;}.about-project-case-label {height: 50px;}
.about-project-cases-dots {margin-top: 30px; gap: 8px;}
.about-project-cases-dots .project-dot.active {width: 20px; height: 20px;}
.about-project-cases-dots .project-dot:not(.active) {width: 12px; height: 12px;}
.about-certificate {height: auto; padding: 60px 0;}
.about-certificate-container {width: 100%; padding: 0 20px;}
.about-certificate-carousel-wrapper {overflow: hidden; cursor: grab;}
.about-certificate-carousel-wrapper:active {cursor: grabbing;}
.about-certificate-card {width: 70vw; max-width: 320px;}
.about-certificate-card img {height: auto; object-fit: cover; width: 100%;}
.about-certificate-dots {margin-top: 30px; gap: 8px;}
.about-certificate-dots .dot {width: 12px; height: 12px;}
.about-certificate-dots .dot.active {width: 16px; height: 16px;}
}