h2 {font-size: var(--rfs-48);line-height: 1.3;}

.bg_what_we_do{width:100%;height: 0%;position:fixed;bottom: 0;left:0;background: url("about-sec-02-bg-new.webp") repeat bottom center;background-attachment: fixed;background-size:cover;}

.about-sec-hero {min-height: 100vh;padding-right: 0px;/* aspect-ratio: 16 / 9; */display: flex;justify-content: center;align-items: center;gap: 3vw;position: relative;}
.about-sec-hero .span-text {background: none;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: initial;color: var(--dark-grey);}
.about-sec-hero h1 {font-size: clamp(1rem, 4vw, 3.3rem);line-height: 1.1;position: absolute;top: 52%;left: 9%;transform: translateY(-50%);z-index: 9;}
.about-sec-hero .play-video {max-width: calc(50vw - -30px);display:flex;overflow:hidden;}
.about-sec-hero .play-video video{max-width: calc(50vw - -30px);aspect-ratio: 2 / 1;object-fit: cover;}


/* section 1 */
.about-sec-01 {/* border-bottom: 1px solid red; */}
.about-sec-01 p {}
.about-sec-01 p.grey-content {color: #7F7F7F;} 


/* section 3 */

.about-sec-wwd {color: var(--color-01);position: relative;z-index: 0;}
.about-sec-wwd:after {content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(0deg, rgba(0, 99, 56, 0.65), #ffffff00);backdrop-filter: blur(5px);z-index:1;}

.about-sec-02{height:100vh;position: relative;display: flex;}

.about-sec-03{height:100vh;display: flex;align-items: center;}
.about-sec-03 .about-sec-03-content {max-width:600px;}
.about-sec-03 h3 {margin-bottom:30px;}
.about-sec-03 p {margin-top: 20px;margin-bottom:30px;}

/* accordion */

section.about-sec-04{background:var(--color-01);padding: 2vw 0vw;}
section.about-sec-04 .custom-accordion {border-bottom: 1px solid var(--color-04);}
section.about-sec-04 .custom-accordion .accordion-item {border-radius: 0px;border: none;border-top: 1px solid var(--color-04);}
section.about-sec-04 .custom-accordion .accordion-button {font-size: 1rem;font-weight: 500;background: none;box-shadow: none;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.25rem 2rem;position: relative;}
section.about-sec-04 .custom-accordion .accordion-button::after {display: none;}
section.about-sec-04 .custom-accordion .left-icon {width: 60px;height: 60px;flex-shrink: 0;aspect-ratio: 1/1;border: 1px solid black;display: flex;justify-content: center;align-items: center;}
section.about-sec-04 .custom-accordion .left-icon svg {width: 40px;height: 40px;flex-shrink: 0;aspect-ratio: 1/1;}
section.about-sec-04 .custom-accordion .question-text {flex: 1;font-size: clamp(0.8rem, 3.4vw, 1.4rem);font-weight: 500;max-width: 430px;text-align: left;}
section.about-sec-04 .custom-accordion .toggle-icon{text-align: center;position: relative;width: 60px;line-height:1;}
section.about-sec-04 .custom-accordion .toggle-icon::before {content: "+";font-size: clamp(1.4rem, 3.4vw, 1.9rem);font-weight: 400;line-height: 1;}
section.about-sec-04 .custom-accordion .accordion-button:not(.collapsed) .toggle-icon::before {content: "-";}
section.about-sec-04 .custom-accordion .accordion-body {padding: 0 0 1rem;text-align: center;font-size: 0.95rem;display: flex;justify-content: center;align-items: center;}
section.about-sec-04 .custom-accordion .accordion-body p {max-width: 430px;text-align: left;font-size: clamp(0.7rem, 2.4vw, 1rem);}
.accordion-collapse {display: block;}


/* about-sec-05 */
.about-sec-05{padding:120px 0px;}
.about-sec-05-col {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;padding-bottom: 3.5%;}
.about-sec-05-col .slider-container {white-space: nowrap;overflow: hidden;background: linear-gradient(83deg, rgba(113, 174, 143, 0.85) 5.58%, rgba(227, 239, 38, 0.85) 118.74%);width: 100%;padding: 40px;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.about-sec-05-col .slider-container span {color: var(--color-01);font-size: clamp(3rem, 10vw, 10rem);line-height: 1;display: flex;justify-content: center;align-items: center;}
.about-sec-05-col .slider-container span.blank_space{padding: 0px 50px;}



.about-sec-05-col .slider-container:nth-of-type(1) .slider-track {display: inline-flex;animation: scroll-left 15s linear infinite;}
.about-sec-05-col .slider-container:nth-of-type(2) .slider-track {display: inline-flex;animation: scroll-right 15s linear infinite;}
@keyframes scroll-left {
    0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}
@keyframes scroll-right {
    0% {transform: translateX(-50%);}
  100% {transform: translateX(0);}
}

/* about-sec-06 */
.about-sec-06 {position: relative;}
.about-sec-06 .slider-container {position: relative;overflow: hidden;}
.about-sec-06 .slider-container .main-image {min-height: 100vh;position: relative;}
.about-sec-06 .slider-container .main-image img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;transition: opacity 0.5s ease;opacity: 1;}
.about-sec-06 .slider-container .main-image img.fade-out {opacity: 0;}
.about-sec-06 .slider-container .caption {position: absolute;top: 60px;left: 60px;background: var(--light-olive);color: var(--color-01);padding: min(3vw, 40px);z-index: 99;width: 420px;overflow: hidden;transition: max-height 0.5s ease, opacity 0.3s ease;opacity: 1;}
.about-sec-06 .slider-container .caption.slide-up {max-height: 0;opacity: 0;padding-top: 0;padding-bottom: 0;}
.about-sec-06 .slider-container .caption h3 {margin-bottom: 20px;}
.about-sec-06 .slider-container .caption p {}
.about-sec-06 .slider-container .thumbnails {position: absolute;bottom: 60px;right: 60px;display: flex;gap: 8px;}
.about-sec-06 .slider-container .thumbnails img {width: 15vw;max-width: 200px;aspect-ratio: 2 / 1;object-fit: cover;cursor: pointer;border: 2px solid transparent;transition: 0.3s;}
.about-sec-06 .slider-container .thumbnails img.active {border: 2px solid #fff;transform: translateY(-8px);box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);}
.about-sec-06 .slider-container .thumbnails img:hover {border: 2px solid #fff;transform: translateY(-8px);}

/* section 7 */
.about-sec-07{}
.about-sec-07 ul.stats{color: var(--dark-green);margin: 0px;padding: 0px;list-style-type: none;position: relative;gap: 50px;display: flex;flex-wrap: wrap;flex-direction: row;}
/* .about-sec-07 ul.stats li{padding: 2% 10%;width: 46%;} */
.about-sec-07 ul.stats li {
padding: 2% 1%;
    width: 30.6%;

}

.about-sec-07 .lines{
    width: 100%;
	margin-inline: auto;
    height: 6px;
    background: linear-gradient(86deg, #076653 0%, #E3EF26 112.63%, rgba(226, 251, 206, 0.12) 112.65%);
}
.about-sec-07 ul.stats li h3{font-size: clamp(1rem, 4vw, 5rem);font-weight: 700;line-height: 1;}
.about-sec-07 ul.stats li p{font-size: var(--rfs-18);font-weight: 500;}
/* .about-sec-07 ul.stats:before {content:"";width: 100%;min-height: 3px;background: linear-gradient(86deg, rgb(7, 102, 83) 0%, rgb(227, 239, 38) 112.63%, rgba(226, 251, 206, 0.12) 112.65%);position:absolute;top:50%;left:0;} */


/* section 8 */
.about-sec-08{background: var(--color-01);padding: 60px 0px;}
.about-sec-08 .subcol {position: relative;align-content: center;margin-bottom: 20px;}
.about-sec-08 .img-wrapper {}
.about-sec-08 .img-wrapper img {object-fit: cover;transition: opacity 0.4s ease;opacity: 1;}
.about-sec-08 .img-wrapper img.fade {opacity: 0;}
.about-sec-08 .subcol article {min-height: 100%;padding-left: 10%;padding-right: 10%;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;}
.about-sec-08 .subcol article h3 {width: 100%;max-width: 620px;min-height: 200px; line-height: 1.9;}
.about-sec-08 .subcol article .year {font-weight: 400;font-size: clamp(2rem, 8vw, 8rem);color: rgba(7, 102, 83, 0.15);align-self: flex-end;margin-right: 60px;position: absolute;bottom: 0px;right: 0px;}
.about-sec-08 .horizontal-bar-container {margin-top: 110px;margin-bottom: 90px;position: relative;}
.about-sec-08 .horizontal-bar {position: relative;}
.about-sec-08 .horizontal-bar:before{content:"";width: 100%;height: 2px;background: var(--color-05);position: absolute;bottom: -1px;}
.about-sec-08 .horizontal-bar .point {position: absolute;top: 50%;transform: translate(-50%, -50%) scale(0.68);width: 16px;height: 16px;background: #ccc;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.about-sec-08 .horizontal-bar .point::before {content: attr(data-year);position: absolute;bottom: 250%;left: 50%;transform: translateX(-50%);font-size: clamp(1rem, 3vw, 2rem);color: #555;font-weight: 400;white-space: nowrap;}
.about-sec-08 .horizontal-bar .point.active {background-color: var(--dark-green);transform: translate(-50%, -50%) scale(0.85);}
.about-sec-08 .horizontal-bar .point.active::before {background-color: var(--dark-green);color: white;padding: 4px 12px;}
.about-sec-08 h2{
	margin-bottom:0.5rem;
}

/* section 9 */
.about-sec-09 {background: linear-gradient(83deg, #D9F6F0 5.58%, #E3EF26 118.74%);}
.about-sec-09 .team-member {transition:all 500ms ease-in-out;}
.about-sec-09 .team-member figure {border:1px solid transparent;position: relative;transition:all 500ms ease-in-out;}
.about-sec-09 .team-member figure img {filter: grayscale(80%);transition:all 500ms ease-in-out;}
.about-sec-09 .team-member article h3 {font-size: var(--rfs-24);margin-bottom: 0px;}
.about-sec-09 .team-member article h5 {font-size: var(--rfs-18);margin-bottom: 10px;}
.about-sec-09 .team-member article p {}

.about-sec-09 .team-member:hover{transition:all 500ms ease-in-out;}
.about-sec-09 .team-member:hover figure {border:1px solid #ffffff;transition:all 500ms ease-in-out;}
.about-sec-09 .team-member:hover figure img{transform: scale(0.95);transition:all 500ms ease-in-out;}

@media(max-width:1280px){
  .about-sec-07 ul.stats li {width: 30%;}
}

@media(max-width:1200px){
  .about-sec-08 .subcol article h3{font-size: var(--rfs-24);}
}

@media(max-width:992px){
  .about-sec-07 ul.stats li {width: 29.5%;}
}

@media screen and (max-width:768px) {

	.about-sec-hero{min-height:90vh;display: flex;align-content: flex-end;align-items: flex-end;padding: 0px;}
	/* .about-sec-hero{ min-height: 38vh;} */
	.about-sec-hero .col-12{padding:0px !important;}
	.about-sec-hero h1{font-size: var(--rfs-64);position: static;padding: 0px 12vw 0px; }
	.about-sec-hero .play-video{max-width: 100%; }
	.about-sec-hero .play-video video{width: 100%;max-width: 100%;aspect-ratio: 16 / 10; }
	
	.about-sec-01{
		background-color: white;
	}

	.about-sec-04 .custom-accordion .accordion-button{padding: 1.25rem 0rem 1.25rem 1rem !important;}

	.about-sec-05,
	.about-sec-05-col{padding:0px;}
	.about-sec-05-col .slider-container{padding:20px;}
	
	.about-sec-06{background: var(--color-12);}
	.about-sec-06 .slider-container .main-image{min-height:290px;}
	.about-sec-06 .slider-container .caption{padding: 30px;width: 100%;top: 0px;left: 0px;position: static;min-height: 250px;}
	.about-sec-06 .slider-container .thumbnails{bottom: 30px;right: 0px;left: 0px;margin: auto;display: flex;align-items: center;justify-content: center;}

	.about-sec-07{}
	.about-sec-07 ul.stats li{width: 28%;}
	.about-sec-07 ul.stats li h3{font-size: var(--rfs-54);}
	
	
	.about-sec-08 .subcol{padding: 0px;margin-bottom:0px}
	.about-sec-08 .subcol article{padding:0px;}
	.about-sec-08 .subcol article h3{min-height:auto;max-width:100%;text-align: center;padding: 0px 12px;}
	.about-sec-08 .subcol article .year{position:static;margin: auto;}
	
	.about-sec-09{}
	.about-sec-09 .team-member {gap:30px;display: flex;align-items: center;}
	.about-sec-09 .team-member figure {max-width: 33.33%;}
	.about-sec-09 .team-member article h3 {font-size: var(--rfs-30);margin-bottom: 0px;}
	.about-sec-09 .team-member article h5 {font-size: var(--rfs-18);margin-bottom: 10px;}
	.about-sec-09 .team-member article p {font-size:14px;}
	

	.about-sec-01,
	.about-sec-02,	
	.about-sec-03,	
	.about-sec-04,
	.about-sec-07,
	.about-sec-08,
	.about-sec-09{padding: 30px 0px !important;}
	
}

@media(max-width:576px){
	.about-sec-07 ul.stats li{width: 27%;}

	.about-sec-08 .horizontal-bar .point::before {

    transform: translateX(-50%) rotate(-65deg);
	bottom: 45px;

}
}

@media(max-width:575px){
  .about-sec-08 .subcol article h3{font-size: var(--rfs-18);}
	/* .about-sec-07 ul.stats li{padding: 0 0;width: 100%;} */
	.about-sec-hero{min-height:70vh;}
	.about-sec-hero .play-video video{aspect-ratio: 16 / 9; }
	.about-sec-07 ul.stats li{width: 44%;}

    .about-sec-07 .lines{display: none;}
	    .about-sec-08 .subcol article .year {
			display: none;
		}
}

@media(max-width:440px){
    .about-sec-07 ul.stats li{width: 40%;}
}