/* About both styles */
.l3about{width: 100%; float: none; padding: 75rem 0; position: relative; min-height: 440rem; background-repeat: no-repeat; background-size: 100%; background-position: 0 0; background-size: cover;}

.l3about h3 {margin-top: 0; line-height: 44rem; padding-right: 20rem;}
.l3aboutLeft p {padding-right: 20rem;}
.l3about .l3aboutOuter {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 80rem; display: none;}
.l3about .l3aboutOuter span{margin-bottom: 8rem; display: block; font-size: 14px; line-height: 18px;}
.l3about .l3aboutOuter .l3aboutLeft{width: 50%;}
.l3about .l3aboutOuter .l3aboutRight{width: 48%; margin-left: 2%;}

.l3about-videoboxouter{max-width: 530rem;}
.l3about-videobox{width: 100%; display: flex; flex-wrap: wrap; padding-top: 25rem;}
.l3about-videobox:first-child{border-top: none;}
.l3about-videoboxpreview{background:#42C636; width: 82rem; height: 52rem; position: relative; float: left;}
.l3about-videoboxpreview svg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; font-size: 26rem;}
.l3about-videoboxpreview img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto;}
.l3about-videobox p{float: none; max-width: none; font-size: 18rem; line-height: 22rem; width: 100%; margin-top: 0; margin-left: 0;}
.l3about-videobox p span{display: block;font-size: 16rem; line-height: 20rem; text-transform: none; letter-spacing: 0;}
.l3about-videobox p a{color: #ffffff; font-size: 16rem; line-height: 21rem; margin-top: 10rem; display: block; transition: all 0.6s;}
.l3about-videobox p a:hover{color: #42C636;}
.l3about-videobox p a svg{padding-left: 5rem; position: relative; top: 3rem; left: 0; transition: all 0.6s;}
.l3about-videobox p a:hover svg{left: 5rem;}
.l3about-videobox section.fis-media {float: left; width: 100%; text-align: left;}

.l3about .l3aboutOuter .l3aboutRight  .l3about-videobox{border-top: none;}
.l3about .l3aboutOuter .l3aboutRight .l3about-videobox a {margin: 10rem 30rem 0 0; display: flex;}
.l3about .l3aboutOuter .l3aboutRight p:first-of-type {margin-top: 23rem;}
.l3aboutOuter2-boxcontent svg.fis-icon-arrow {position: relative; top: 3px; width: 1.5em;}
.l3hideloadbtnover {display: none!important;}
.l3showcontactbtnsover {display: block!important;}

.l3about .l3aboutOuter .l3aboutRight .l3about-videobox p.fis-primary-content-light-font {margin-top: 0;}
.l3about .l3about-videobox .btn-primary-green-on-dark {display: inline-flex; align-items: center; line-height: inherit; background: transparent; border: 0; padding: 15rem 0 0 0; color: #fff;}
.l3about .l3about-videobox .btn-primary-green-on-dark:hover {color: #4bcd3e;}
.l3about .l3about-videobox .btn-primary-green-on-dark svg {margin-left: 10px; height: 18px; width: 18px;}
.l3about .l3about-videobox .btn-primary-green-on-dark:hover svg {fill: #4bcd3e !important;}
.l3about-videobox .fis-media .wistia_embed {width: auto; white-space: initial !important;}
.fis-media .wistia_embed .wistia_click_to_play {height: auto !important;}
.fis-media .wistia_embed .wistia_click_to_play p {margin-left: 0; margin-bottom: 10rem !important; margin-top: 20rem !important;}
.l3about-videobox > div {width: 100%;}
.l3aboutmain .l3cardimage > div {background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; height: 400rem; max-height: 400rem;}

.bottomsec {padding-bottom: 125rem;}

.l3about2{width: 100%; float: left; position: relative; margin-bottom: 30rem; z-index: 998;}
.l3about2 span{font-size: 14rem;letter-spacing: 1rem;}
.l3about2 p{color: #ffffff;}
.l3about2 h3{color: #ffffff; margin-top: 10rem;}
.l3about2 .l3aboutOuter2 {width: 100%; float: left; padding: 50rem 0 50rem; border-radius: 10rem; position: relative; top: -215rem; left: 0; right: 0; margin: 0 auto -185rem; text-align: center;}
.l3about2 .l3aboutOuter2 .divider{border-top: 2rem solid rgba(255, 255, 255, 0.5); width: 100%; height: 2rem; margin: 10rem 0 25rem;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-row{display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 40rem; text-align: left;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box{width: 24%; margin-right: 14rem; border-radius: 10px; position: relative; z-index: 3; overflow: hidden; box-shadow: 0px 0px 26px #00000026;} 
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box:nth-child(4n){margin-right: 0;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-row.threecards{display: flex; width: 100%; flex-wrap: wrap;}
.l3about2 .l3aboutOuter2 .threecards .l3aboutOuter2-box{width: 32%; margin-right: 14rem;}
.l3about2 .l3aboutOuter2 .threecards .l3aboutOuter2-box:nth-child(3n){margin-right: 0;} 

.l3about2 .l3aboutOuter2 .l3aboutOuter2-box:last-child{margin-right: 0;} 
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box .l3aboutOuter2-boxhead{position: relative; z-index: 99; border-top-right-radius: 10px; border-top-left-radius: 10px; display: flex; align-items: center; padding: 16rem 24rem;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box .l3aboutOuter2-boxhead h5{font: normal 18rem "Roobert SemiBold", sans-serif; line-height: 1.4;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box .l3aboutOuter2-boxcontent {position: relative; z-index: 2; padding: 20px 25px; float: left; width: 100%; height: 85%;}
.l3about2 .l3aboutOuter2 .l3aboutOuter2-box .l3aboutOuter2-boxcontent p{font-size: 18rem; line-height: 24rem; margin: 0 0 15rem 0;}

.l3twocards{margin-bottom: 60rem;  width: 100%; flex-wrap: nowrap; display: flex; justify-content: space-between;}
.l3twocards .l3aboutLeft{width: 48%; margin-right: 30rem;}
.l3twocards .l3aboutLeft:nth-of-type(2){margin-right: 0;}
.l3twocards .l3cardimage{width: 100%; max-height: 312rem; height: 312rem; position: relative; overflow: hidden; border-radius: 10px; background-size: cover !important;}
.l3twocards .l3cardimage img{width: 100%; height: auto; transition: transform .6s, -webkit-transform .6s; border-radius: 10px;}
.l3twocards .l3aboutLeft:hover .l3cardimage img{transform: scale3d(1.05,1.05,1);}
.l3twocards .l3cardimage a{display: inline-block; margin: 30rem 30rem 0 0;}
.l3twocards h3{font-size: 35rem; line-height: 35rem; margin-top: 20rem; font-family: "Roobert Regular", sans-serif; font-weight: 100;}
.l3twocards p{padding-right: 10rem; margin-bottom: 0; font-size: 16rem;} 

.l3aboutfull{width: 100%; margin-bottom: 60rem;}
.l3aboutfull .l3cardimage{width: 100%; max-height: 400rem; height: 400rem; position: relative; overflow: hidden; border-radius: 10px;}
.l3aboutfull .l3cardimage img{width: 100%; height: auto; border-radius: 10px;}
.l3aboutfull .l3aboutfullcontent{width: 100%; position: absolute; top: 0; padding: 50rem 30px; max-width: 480rem; display: flex; height: 100%; flex-wrap: wrap; align-items: center; align-content: space-between; margin: 0; z-index: 99999;}
.l3aboutfull .l3cardimage .l3aboutfullcontent img{width: auto;}
.l3aboutfull .l3cardimage .l3aboutfullcontent h3{font-size: 35rem; line-height: 35rem; font-family: "Roobert Regular", sans-serif; font-weight: 100; padding-right: 0;}
.l3aboutfull .l3cardimage .l3aboutfullcontent p{margin-top: 15rem; font-size: 16rem; margin-bottom: 0;}
.l3aboutfull .l3cardimage .l3aboutfullcontent .l3about-videobox{padding-top: 5rem;}
.l3aboutfull .l3cardimage .l3aboutfullcontent .l3about-videobox p{margin-top: 0;}

.l3aboutconter{width: 100%; text-align: center; margin-top: 0;}
.l3aboutconter h4 {font-size: 18rem; line-height: 22rem;}

.fis-stat-num.counter-value {display: inline-block; font-size: 60rem; line-height: 40rem; margin-bottom: 0; margin-top: 15rem;}
.fis-stat sup {font-size: 50rem; line-height: 40rem; margin-right: 0;}

.fis-stats-inner {padding: 0; text-align: center; justify-content: space-around; max-width: 1120rem; margin: 25rem auto 50rem; width: 100%;}
.fis-stat p{font-size: 18rem; line-height: 22rem; text-transform: none; max-width: 180rem; text-align: center; margin: 20rem auto; font-family: 'Roobert Regular', sans-serif;}

.l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box::after {position: absolute; width: 100%; height: calc(100% - 20px); content: ""; left: 0; z-index: 1; bottom: 0; border-radius: 10px;}
.l3aboutOuter2.fis-bg-blue-lagoon-blue.l3gradient-cards {background: transparent radial-gradient(closest-side at 50% 50%, #09597C 0%, #000000 100%) 0% 0% no-repeat padding-box;}

.l3aboutOuter2-box.l3-moreBox.load-more {z-index: 2; display: none; transition: all .75s ease-in-out;}
.l3aboutcontactbtns{width: 100%; padding: 40rem 0 0; text-align: center;}
.l3aboutcontactbtns a{margin: 0 10rem; min-width: 200rem; letter-spacing: initial;}
.l3hidecontactbtns{display: none;}
.l3loadmore{padding: 40px 0 0 0; text-align: center; display: none;} 
.l3showloadbtn {display: inline; margin: 0 10rem;}
.l3loadmore a {min-width: 200rem; letter-spacing: initial;}

.chart-container{display:flex; width:100%; justify-content: center; margin-bottom: 80rem;}
.chart-container p{font-size:24rem; line-height:36rem; color:#000000; opacity:0; transition:all 2s ease-in-out;}
.chart-container p{opacity:1;}
.single-chart {width: 33%; height: 290rem; margin:0 5rem; position: relative;}
.single-chart + p{margin-top:20rem;}
.single-chart .circular-chart {display: block; max-width: 100%; max-height: 300rem; position: absolute; left:0; right: 0; margin: 0 auto;}
.single-chart .circle-bg {fill: none; stroke: #EBEBEB; stroke-width: 1;}
.single-chart .circle {fill: none; stroke-width: 3.2; stroke-opacity: 0; transition: stroke-opacity 2.5s;}
.single-chart .circleanimate {animation: progress 1s ease-out forwards; animation-delay:0.2s; stroke-opacity: 0.9;}
.single-chart .percentage {fill: #ffffff; font-size: 10rem; text-anchor: middle; font-family: 'Roobert Heavy', sans-serif;}
.single-chart p.title-category{color:#ffffff; text-align: center; font-size:18rem; line-height:20rem; width:190rem; position:absolute; top:50%; left:50%; transform: translate(-50%, 0);} 
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}


.fis-bg-gradient-dark-blue2{background-color: #09597C; background: transparent linear-gradient(283deg, #003B4D 0%, #09597C 100%) 0% 0% no-repeat padding-box;}


@media screen and (max-width: 1155px){
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-box{width: 23%;}
}  

@media(min-width:992px){
  .l3aboutOuter2-box.l3-moreBox.load-more.active {margin-top: 25px !important; z-index: 2; transform: scale(1); opacity: 1; transition: all .75s ease-in-out;}
  .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.l3-moreBox.load-more {opacity: 0.45; transform: scale(0.9) translateY(15px); transition: all .75s ease-in-out;}
  .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.load-more.load-third-level {opacity: 0.15; transition: all .75s ease-in-out;}
  .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.load-more.active, .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.load-more.active.load-third-level {opacity: 1; transform: scale(1) translateY(0px);}
  .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.load-more.load-third-level .l3aboutOuter2-boxcontent{margin-top: -20rem;}
  .l3about2 .l3aboutOuter2.l3gradient-cards .l3aboutOuter2-box.load-more.active.load-third-level .l3aboutOuter2-boxcontent{margin-top: 0}  
}
   

@media screen and (max-width: 991px){ 
  .l3about .l3aboutOuter .l3aboutRight{width: 100%; margin-left: 0; margin-top: 30rem;}
  .l3about .l3aboutOuter .l3aboutLeft{width: 100%;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-row {flex-wrap: wrap;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-box {height: auto;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-box, .l3about2 .l3aboutOuter2 .l3aboutOuter2-row.fourbox .l3aboutOuter2-box {width: 49%; margin-right: 2% ; margin-bottom: 50rem;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-box:nth-of-type(even){margin-right: 0;}
  .l3about2 .l3aboutOuter2 .threecards .l3aboutOuter2-box{width: 31.8%;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-row.threecards .l3aboutOuter2-box:nth-of-type(even) {margin-right: 14rem;}
  .l3about2 .l3aboutOuter2 .l3aboutOuter2-row.threecards .l3aboutOuter2-box:nth-of-type(3n) {margin-right: 0;}
  .l3aboutOuter2-box.l3-moreBox.load-more.active {margin-top: 0;}
  .l3aboutcontactbtns{padding-top: 0;}
  .l3loadmore{padding-top: 0;}
  .single-chart p.title-category{top: 45%; width: 180rem;}
  .l3twocards h3{min-height: 60rem;}
  .l3twocards p{min-height: 110rem}
  .l3about .l3aboutOuter .l3aboutRight p:first-of-type {margin-top: 0;}
}

@media screen and (max-width: 768px){
    .l3about2 {margin-bottom: 0;}
    .l3about .l3aboutOuter{margin-bottom: 0;}
    .l3about h3 {margin-bottom: 10rem; line-height:1.2;}
    .l3about2 .l3aboutOuter2 {top: -160rem; margin: 0 auto -60rem;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-row{flex-wrap: wrap;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-box{margin-right: 0; width: 100%; margin-top: 20rem;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-box:first-of-type {margin-top: 0;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-box:last-child{margin-left: 0;}
    .l3about2 .l3aboutOuter2 .l3aboutLeft {width: 100%; margin-right: 0; margin-bottom: 30rem;}
    .l3about2 .l3aboutOuter2.p0{padding: 0;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-row.fourbox .l3aboutOuter2-box{width: 47%;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-box {width: 100%; margin-right: 0; margin-bottom: 0  !important;}
    .l3about2 .l3aboutOuter2 .l3aboutOuter2-box, .l3about2 .l3aboutOuter2 .l3aboutOuter2-row.threecards .l3aboutOuter2-box {width: 100%; margin-right: 0 !important;}
    .l3aboutOuter2-box.l3-moreBox.load-more.active {margin-top: 25px !important;}
    .l3aboutcontactbtns{padding-top: 40rem;}
    .l3loadmore{padding-top: 10rem; display: inline;}
    .l3aboutcontactbtns a{margin: 0 4rem;}
    .fis-stats-inner{flex-direction: initial; flex-wrap: wrap;}
    .fis-stats-inner .fis-stat{width: 50%;}
    .chart-container{flex-wrap: wrap;}
    .single-chart{margin: 0;}
    .single-chart p.title-category{top: 36%; width: 120rem; font-size: 12rem; line-height: 14rem;}
    .l3aboutfull {margin-top: 60rem;}
    .l3aboutfull .l3cardimage{overflow: visible;}
    .l3aboutfull .l3aboutfullcontent{position: relative;}
    .l3about .l3aboutOuter .l3aboutRight p:first-of-type {margin-top: 0;}
    .l3showloadbtn a {margin: 10rem;}
    .l3aboutfull .l3cardimage .l3aboutfullcontent .l3about-videobox {padding-top: 30rem;}
    .l3aboutfull .l3cardimage .l3aboutfullcontent h3 {font-size: 27rem; line-height: 27rem;}
}

@media(max-width:570px){
  .fis-stats-inner{margin: 25rem auto 0;}
  .fis-stats-inner .fis-stat{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
  .fis-stats-inner .fis-stat{margin-bottom: 30rem;}
  .fis-stat p{margin: 20rem 0 0;}
  .single-chart{width: 100%; margin-bottom: 35rem; height: 150rem;}
  .chart-container{margin-bottom: 0;}
  .single-chart .circular-chart{right: auto; max-height: 150rem; left: 0; max-width: 50%;}
  .single-chart p.title-category{width: 150rem; top: 15%; font-size: 14rem; line-height: 20rem; left: 55%;  transform: translate(0, 0);}
  .single-chart .percentage{top: 50rem; position: relative; alignment-baseline: central;}
  .l3twocards{flex-wrap: wrap; margin-top: 40rem; margin-bottom: 0;}
  .l3twocards .l3aboutLeft{width: 100%; margin-right: 0; margin-bottom: 40rem;}
  .l3twocards h3{min-height: auto;}
  .l3twocards p{min-height: auto}
  .l3aboutfull{margin-bottom: 0;}
}  

.l3aboutmain .fis-stats-inner .fis-stat .l3-stat-number, .l3aboutmain .fis-stats-inner .fis-stat .l3-stat-signs, .l3aboutmain .fis-stats-inner .fis-stat .l3-stat-number-static {font: normal 70rem/40rem "Roobert Light",sans-serif; margin-top: 15rem; margin-bottom: 0;}
.l3aboutOuter2 .l3aboutOuter2-arrow {display: none;}

.l3aboutmain .l3about .content-width {position: relative; z-index: 998;}
.l3aboutmain .l3about video {width: 100%; height: 100%; object-fit: cover;}
.video-js .vjs-control-bar {display: none !important;}
.l3twocards .l3cardimage video {max-height: 312rem; border-radius: 10px;}
.l3twocards .video-js .vjs-control-bar, .modal-dialog .video-js .vjs-control-bar {display: block !important;}
.l3about .l3aboutOuter .l3aboutRight .wistia_click_to_play p, .l3about .l3twocards .l3about-videobox p {width: 100%; margin-left: 0;}
.l3about .l3twocards .l3about-videobox p {margin-left: 0; width: 100%;}
.l3about .l3aboutfull .l3cardimage .center .l3aboutfullcontent {left: 50%; transform: translateX(-50%); text-align: center;}
.l3about .l3aboutfull .l3cardimage .center .l3about-videobox section.fis-media {text-align: center; padding-right: 0;}
.l3about .l3aboutfull .l3cardimage .center .l3about-videobox > div {width: 100%;}
.l3about .l3aboutfull .l3cardimage .center .l3about-videobox section .btn-primary-green-on-dark {padding-left: 0; padding-right: 0;}

.l3about .l3aboutfull .l3cardimage .right .l3aboutfullcontent {right: 0; text-align: right;}
.l3about .l3aboutfull .l3cardimage .right .l3about-videobox section.fis-media {text-align: right;}
.l3about .l3aboutfull .l3cardimage .right .l3about-videobox section.fis-media .play-wistia-video {padding-right: 0;}
.single-chart .data-source-in {position: absolute; bottom: -30rem; font-size: 12px; line-height: 14px; color: #fff; margin: 0; left: 50%; transform: translateX(-50%); width: 100%; font-style: italic; padding: 0 30rem;}
.fis-stat .data-source-in, .l3about .data-source-out {font-size: 12px; line-height: 14px; color: #fff; margin: 0 auto; width: 100%; font-style: italic;}
.l3about .data-source-out {padding: 0 0 50rem 0;}
.l3aboutmain .l3cardimage .l3about-videobox .fis-vidyard-modal + a {display: inline-flex; align-items: center; margin-top: 15px;}
.SolutionComponentAbout .l3aboutRight.bottomsec .l3about-videobox .fis-vidyard-modal + a {display: inline-flex; align-items: center;}
.l3aboutmain .l3cardimage .l3about-videobox .fis-vidyard-modal + a svg, .l3aboutmain .l3aboutRight .l3about-videobox .fis-vidyard-modal + a svg {margin-left: 10px; width: 1.4em;}
.l3about-videobox a.fis-vidyard-module {color: #fff;}
.l3about-videobox a.fis-vidyard-module svg.btn-primary-green-on-dark {padding: 0 0 0 6px;}
.SolutionComponentAbout .hideStatsCont .l3about {display: none;}
.SolutionComponentAbout .hideStatsCont .l3about2 .l3aboutOuter2 {top: 0; margin-bottom: 0;}

@media(max-width:480px){
    .l3about2 .l3aboutOuter2 {top: -160rem; margin: 0 auto -55rem;}
    .l3aboutcontactbtns a{margin: 10rem;}
    .l3aboutmain .fis-stats-inner .fis-stat .l3-stat-number, .l3aboutmain .fis-stats-inner .fis-stat .l3-stat-number-static, .l3aboutmain .fis-stats-inner .fis-stat .l3-stat-signs {font-size: 40rem;}
    .l3aboutmain .fis-stats-inner .fis-stat p {display: block; max-width: 100%;}
    .fis-stats-inner .fis-stat {display: block;}
}

.scEnabledChrome .l3aboutRight span {text-transform: none;}
.scEnabledChrome .l3aboutOuter2-row .scLooseFrameZone.scEnabledChrome {width: calc(100% / 4 - 10rem); margin: 0 5rem 10rem 5rem;}
.scEnabledChrome .l3aboutOuter2-row .l3aboutOuter2-box {width: 100%; margin: 0;}
.scEnabledChrome .fis-stats-inner .scLooseFrameZone.scEnabledChrome {display: flex; justify-content: space-around; width: 100%;}
@media screen and (min-width: 769px) {
  .l3aboutmain.card-col-3-row.threecards {display: flex; width: 100%; flex-wrap: wrap;}
  .l3aboutmain.card-col-3-row.threecards .l3aboutOuter2-box{width: 32%; margin-right: 2%;}
  .l3aboutmain.card-col-3-row.threecards .l3aboutOuter2-box:nth-child(3n){margin-right: 0;}      
 }

 .l3aboutOuter2 .l3aboutcontactbtns a.btn-primary-green-on-dark:hover, .l3aboutOuter2 .l3loadmore a.btn-secondary-green-on-dark:hover {color: #000;}