body {background:linear-gradient(rgb(11, 117, 144) 50%, rgb(13, 117, 145) 50%); transition:all; position:relative; z-index:2;}
body::before {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url("../images/about/bg-circle.webp"); mix-blend-mode:overlay; background-size:cover; background-repeat:no-repeat; z-index:1;}
.hero-cnt .figcnt {padding:7%; gap:1vw;}
.hero-cnt .figcnt p.first-item {padding-top:1vw; width:calc(var(--width-50) * 0.5); margin:0px auto;}
.bg-flare-1 {position:absolute; top:-20%; left:-50%; z-index:2; width:100%; opacity:0.6;}
.sec-1 .row_padding_top {padding-top:var(--vertical-height);}
.parallax-element-1 .note-wrap {padding:2% 2%;}
.parallax-element-2 .note-wrap {padding:4% 2%;}
#path-1 {position:absolute; top:7%; right:-1%; width:13%;}
.parallax-element-1 {position:relative; width:40%; max-width:100%; float:left; z-index:2;}
.parallax-element-1 h4 {position:absolute; top:2%; right:4%; text-transform:unset;}
.parallax-element-1 .font-yellow > span {font-size:calc(1rem + 2.5vw);}
.parallax-element-2 .font-yellow > span {font-size:calc(1rem + 0.5vw); text-transform:none;}
.parallax-element-1 h4.font-white > span {font-size:calc(1rem + 2.1vw);}
.parallax-element-1 .has-opacity span:nth-child(4), .parallax-element-1 .has-opacity span:nth-child(5), .parallax-element-1 .has-opacity span:nth-child(8), .parallax-element-1 .has-opacity span:nth-child(9) {color:var(--color-yellow);}
.parallax-element-1 .has-opacity {position:absolute; bottom:35%; right:0%; width:40%; line-height:1.1; margin-bottom:0px; background:rgba(0, 0, 0, 0.15);}
.parallax-element-1 svg {position:absolute; top:17%; width:35%; right:-25%;}
.parallax-element-1 h5 {position:absolute; bottom:20%; right:-4%; width:40%; line-height:1.1; margin-bottom:0px;}
.hl-text {font-size:calc(1rem + 0.5vw); text-align:center; line-height:1.25;}
.hl-text .font-yellow > span {font-size:calc(1rem + 0.5vw); font-weight:600;}
.parallax-element-2 {width:50%; max-width:100%; margin-top:calc(var(--vertical-height) * 0.3); float:right; position:relative; z-index:1;}
.parallax-element-2 h4 {position:absolute; top:10%; left:0; text-transform:capitalize; font-size:calc(1rem + 0.5vw); line-height:1.25; width:100%; text-align:center;}
.parallax-element-2 svg {position:absolute; bottom:-5%; width:20%; left:45%;}
.parallax-element-2 .has-mask-fill.font-white > span {text-transform:none;}
.parallax-element-3 {position:relative; max-width:100%; left:0px; margin-top:-5%; width:100%; z-index:2; float:left; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:2vw;}
.parallax-element-3 .flex-col {display:flex; flex-direction:column; width:calc(clamp(26.25rem, 20.512rem + 8.949vw, 31.25rem) * 1.12); padding:7% 0% 0px 0px; order:1;}
.parallax-element-3 .flex-col img {width:7vw; margin:0px auto; padding-bottom:calc(1rem + 0.5vw);}
.parallax-element-3 > .img-outer {position:relative; width:23%; float:left; order:2;}
.parallax-element-3 > .img-outer .note-wrap {padding:3%;}
.parallax-element-3 > .display-flex-row {width:30%; gap:1vw; align-items:center; order:3;}
.parallax-element-3 .icn-unit {float:left; width:2.5vw;}
.parallax-element-3 p {margin-bottom:0px; font-size:calc(1rem + 0.5vw); text-align:left;}
.parallax-element-3 .has-opacity span {color:var(--color-yellow); font-weight:600;}
.parallax-element-3 .has-opacity span:last-child {color:rgb(255, 255, 255); font-weight:400;}
.sec-2 h4 {text-transform:unset; margin-bottom:calc(var(--gap-default) * 0.5);}
.sec-2 .grow-wrapper {margin-bottom:4.5vw;}
.sec-2 .row-padding-40 {width:calc(clamp(29.375rem, -1.468rem + 48.098vw, 56.25rem) * 1.15);}
.sec-2 .grow-wrapper .note-wrap {padding:0 2%;}
.sec-2 #path-4 {position:absolute; top:49%; width:10%; left:-2%;}
.sec-2 #path-5 {position:absolute; top:11%; width:50%; left:4%;}
.sec-2 p {margin:0px auto; color:var(--color-light-black);}
.sec-3 .row-padding-40 {width:calc(clamp(29.375rem, 48.098vw - 1.468rem, 56.25rem) * 1.15);}
.sec-3 h4 {margin-bottom:calc(1rem + 0.5vw); font-size:calc(var(--font-size-lg) * 0.60);}
.sec-3 h4 img {width:35%; margin:0px auto;}
.sec-3 .content-row p {margin-bottom:calc(1rem + 0.5vw);}
.sec-3 .content-row p.row-padding-40 {margin-bottom:calc(1rem + 3.5vw);}
.bg-flare-4 {position:absolute; top:-50%; left:0px; opacity:0.8; z-index:-1;}
.parallax-element-4 .note-wrap, .parallax-element-5 .note-wrap {padding:4% 2%;}
.parallax-element-4 {position:relative; width:40%; max-width:100%; margin-top:10%; float:left; z-index:2; margin-left:2%;}
.parallax-element-4 .pos-cnt {position:relative; width:7vw; margin-bottom:calc(1rem + 0.5vw); float:right;}
.parallax-element-5 {width:50%; max-width:100%; margin-top:0px; float:right; margin-right:20px; position:relative; z-index:1;}
.parallax-element-5 .pos-cnt {position:relative; width:10vw; margin-bottom:calc(1rem + 0.5vw);}
.sec-4 .content-max-width {padding-left:60px; padding-right:60px;}
.sec-4 .has-opacity.font-white {width:30%; margin-left:auto; margin-right:auto;}
.sec-4 .grid-col-wrap {gap:2.5vw;}
.sec-4 .grid-col-wrap span {text-transform:uppercase; color:rgb(255, 255, 255); line-height:1;}
.sec-4 .grid-col-wrap img {margin:0px auto calc(1rem + 0.25vw);}
.sec-4 .display-flex-row {gap:2.5vw; align-items:self-start; justify-content:center;}
.sec-4 h4 {width:auto; top:calc(50% - 15vh); left:auto; margin-bottom:calc(1rem + 2.5vw);}
.sec-4 .brand-logo {width:30%;}
.sec-4 .pos-cnt {position:relative; display:flex; flex-direction:row; justify-content:space-around; align-items:center; gap:2vw; height:100%; width:100%;}
.sec-4 .pos-cnt .text-align-left {width:45%;}
.sec-4 .pos-cnt .text-align-left p:first-child {margin-bottom:1vw;}
.sec-4 .grid-col-wrap {display:flex; flex-direction:row; margin:0px auto; gap:1vw;}
.sec-4 .note-wrap {padding:0px 2%;}
.sec-4 .grid-col-wrap span {text-transform:unset; color:rgb(255, 255, 255); white-space:pre-wrap;}
.sec-4 .grid-col-banner {position:relative;}
.sec-4 .grid-col-banner {position:relative;}
.sec-4 .grid-col-banner .note-wrap {padding:4%; font-size:var(--font-body);}

@media (min-width: 1024px) {
.hl-text {width:90%;}
}

@media (max-width: 1023px) {
body::before {background-image:url("../images/about/m-bg-circle.webp"); mix-blend-mode:overlay;}
.hero-cnt .figcnt p {padding-bottom:2vw;}
#path-1 {top:5.3%; right:-1%; width:35%; z-index:2;}
.parallax-element-1 {width:60%; margin:0;}
.parallax-element-1 h4 {top:30%; right:-63%; width:60%;}
.parallax-element-1 h4 .font-yellow > span {font-size:calc(var(--font-size-lg) * 1.5); line-height:1.25;}
.parallax-element-1 svg {display:none;}
.parallax-element-1 h5 {bottom:20%; right:-65%; width:60%;}
.parallax-element-2 {width:100%; margin-top:4vw; margin-right:0px;}
.parallax-element-2 .note-wrap {align-items:start;}
.parallax-element-2 svg {bottom:unset; width:30%; left:unset; top:-15%; right:20%;}
.parallax-element-3 {width:100%; flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:0 var(--spacing-default);}
.parallax-element-3 .flex-col {width:100%; order:2;}
.parallax-element-3 .flex-col img {width:20vw;}
.parallax-element-3 > .img-outer {width:55%; order:1; align-self:end; margin-right:0;}
.parallax-element-3 .display-flex-row {order:1; width:40%; align-items:center; justify-content:center; text-align:center; margin-left:0; gap:3vw;}
.parallax-element-3 .icn-unit {width:3.5vw;}
.sec-2 #path-4 {position:absolute; top:49%; width:10%; left:-2%;}
.sec-2 #path-5 {position:absolute; top:11%; width:50%; left:4%;}
.sec-2 .row-padding-40 {width:100%;}
.sec-2 .grow-wrapper {margin-bottom:var(--gap-default);}
.sec-2 .grow-wrapper .note-wrap {padding:2%;}
.sec-3 .row-padding-40 {width:90%;}
.bg-flare-4 {top:-45%; left:-100%; opacity:0.9; width:350%; max-width:350%;}
.hl-text, .parallax-element-3 p, .hl-text .font-yellow > span {font-size:calc(0.85rem + 0.5vw);}
.parallax-element-4 {width:100%; max-width:100%; margin-top:10%; margin-left:0; order:2;}
.parallax-element-4 .pos-cnt {width:15vw; float:left; margin-left:var(--spacing-default);}
.parallax-element-5 {width:100%; max-width:100%; margin-top:5%; margin-right:0;}
.parallax-element-5 .pos-cnt {width:25vw; float:right; margin-right:var(--spacing-default);}
.sec-4 .content-max-width {padding-left:var(--spacing-default); padding-right:var(--spacing-default);}
.sec-4 .grid-col-wrap {gap:2.5vw;}
.sec-4 .display-flex-row {gap:2.5vw; align-items:self-start; justify-content:center;}
.sec-4 .brand-logo {width:30%;}
.sec-4 .grid-col-wrap {display:flex; flex-direction:column; gap:var(--gap-default); margin-bottom:calc(var(--gap-default) * 2);}
.nav-quick-link {justify-content:center;}
.nav-quick-link .btn-left {display:none;}
.sm-zoom-img-1 {background-image:url(../images/about/img-1.webp);}
.sm-zoom-img-2 {background-image:url(../images/about/img-2.webp);}
.sm-zoom-img-3 {background-image:url(../images/about/img-4.webp);}
}

@media (max-width: 767px) {
#path-1 {width:45%;}
.sec-1 .row_padding_top {padding-top:calc(var(--vertical-height) * 0.8);}
.sec-3 .row-padding-40 {width:100%;}
}