.top-this-week-about-us{padding-top:100px;padding-bottom:218px}
.lh12{line-height:1.5}
.inner-content-about .btn-wrap-about{margin-top:37px;gap:40px;flex-wrap:wrap}
.inner-content-about .btn-wrap-about .profile .image img{width:56px;height:56px;border-radius:100%;border:4px solid #FFF;box-shadow:0 4px 4px 0 rgba(0,0,0,0.15)}
.inner-content-about .btn-wrap-about .profile .content{margin-left:20px}
.inner-content-about .btn-wrap-about .profile .content img{width:auto}
.inner-content-about .btn-wrap-about .profile .content span{display:block;font-size:14px;font-weight:500;line-height:24px}
.inner-content-about .map-check .icon{color:#4DA528;margin-right:14px}
.inner-content-about .map-check span{font-size:16px;font-weight:700;line-height:30px}
.about-us-h2 .mask1-about{width:auto;position:absolute;right:0;top:0;animation:dot-anim-3 3s linear 0 infinite alternate}
.about-us-h2 .mask2-about{width:auto;position:absolute;right:3.7%;bottom:12%;-webkit-animation:effect-zoom-out-left 8s infinite;animation:effect-zoom-out-left 8s infinite}
.about-us-h2 .image-about-us{padding-right:3.5em;padding-top:17px}
.about-us-h2 .image-about-us .image-main{margin-bottom:-10px}
.about-us-h2 .image-about-us .mask1{width:auto;position:absolute;top:11%;left:-47px;animation:dot-anim-3 3s linear 0 infinite alternate}
.about-us-h2 .image-about-us .mask2{width:auto;position:absolute;right:13%;top:12.3%;animation:dot-anim-2 3s linear 0 infinite alternate}
.about-us-h2 .content-about-us{padding-left:4px;margin-top:-4px}
.about-us-h2 .content-about-us .pl-about{padding-left:9px}
.about-us-h2 .content-about-us .icon-box-style-4:not(:last-child){margin-bottom:50px}
.about-us-h2 .content-about-us .about-us-list{margin-top:10px;margin-left:20px;margin-right:45px}
.about-us-h2 .content-about-us .about-us-list li{padding:11px 26px;background-color:#FFF;border-radius:26px;box-shadow:0 2px 7px 0 rgba(0,0,0,0.07);transition:all .3s ease-in-out}
.about-us-h2 .content-about-us .about-us-list li:not(:last-child){margin-bottom:33px}
.about-us-h2 .content-about-us .about-us-list li:hover{background-color:#4DA528}
.about-us-h2 .content-about-us .about-us-list li:hover .number,.about-us-h2 .content-about-us .about-us-list li:hover .experience{color:#FFF}
.about-us-h2 .content-about-us .about-us-list li .number{font-size:24px;font-weight:700;line-height:30px;margin-right:10px;color:#4DA528}
.about-us-h2 .content-about-us .about-us-list li .experience{font-size:14px;font-weight:600;color:#081E2A}
.about-us-h3{background-color:#212622;padding-top:245px;padding-bottom:119px}
.about-us-h3 .about-us-h3-image{padding-left:28px;padding-right:71px}
.about-us-h3 .about-us-h3-image .image-explore{border-radius:14px}
.about-us-h3 .about-us-h3-image .about-vector{position:absolute;top:-1%;left:-5%;rotate:-24deg}
.about-us-h3 .about-us-h3-image .about-vector .icon{color:#4DA528}
.about-us-h3 .about-us-h3-image .about-vector span{font-size:33px;font-weight:400;line-height:33.8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-us-h3 .about-us-h3-image p{font-size:17px;font-weight:600;margin-top:22px;padding-bottom:15px;border-bottom:1px dashed #2E3830}
.about-us-h3 .about-us-h3-content{padding-left:14px;margin-top:-5px}
.about-us-h3 .about-us-h3-content .ranger-suport{font-size:18px;font-weight:600;line-height:33px;text-transform:capitalize}
.about-us-h3 .about-us-h3-content .list-icon li:not(:last-child){margin-bottom:12px}
.about-us-h3 .about-us-h3-content .list-icon li i{color:#4DA528;margin-right:7px}
.about-us-h3 .about-us-h3-content .about-wrap{gap:44px;flex-wrap:wrap}
.about-us-h4{padding-top:103px;padding-bottom:128px}
.about-us-h4 .image-about-h4-wrap{margin-right:5.5em;padding-left:13px;padding-top:23px}
.about-us-h4 .image-about-h4-wrap .about-wrap-left{max-width:372px;width:100%}
.about-us-h4 .image-about-h4-wrap .about-wrap-left .quote{font-size:20px;font-weight:700;color:#FFF;background-color:#4DA528;padding:20px 26px;clip-path:polygon(100% 0,100% 50%,100% 100%,0% 100%,5% 50%,0% 0%);top:31.7%;left:-41%;rotate:-90deg;position:absolute}
.about-us-h4 .image-about-h4-wrap .about-wrap-right{max-width:349px;width:100%;position:absolute;top:31.5%;right:0}
.about-us-h4 .image-about-h4-wrap .image-about-item .shape-about-h4{position:absolute;bottom:-20px;left:0;right:0}
.about-us-h4 .image-about-h4-wrap .box-year{background-color:#FFF;padding:32px 34px 25px;display:inline-block;border:2px dashed #EDEEEE;position:absolute;bottom:-17.5%;left:29%;animation:dot-anim-3 3s linear 0 infinite alternate}
.about-us-h4 .image-about-h4-wrap .box-year .number{font-size:50px;font-weight:700;line-height:25px;color:#4DA528}
.about-us-h4 .image-about-h4-wrap .box-year p{font-size:17px;font-weight:500;line-height:25px;color:#081E2A}
.about-us-h5 .image{margin-left:-1.5em;padding-bottom:26px;background-color:#4DA528}
.about-us-h5 .image .about-vector{position:absolute;right:13px;bottom:66px;z-index:1;transform:rotate(334deg)}
.about-us-h5 .image .about-vector span{font-size:33px;font-weight:400;line-height:32px;position:absolute;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-us-h5 .image .mask-image-bottom{position:absolute;bottom:0;color:#4DA528;left:0;right:0}
.about-us-h5 .content{padding-top:3.7em;padding-left:6.2em;padding-right:2em}
.about-us-h5 .content .ranger-suport{font-size:18px;font-weight:600;line-height:33px;text-transform:capitalize}
.about-us-h5 .content .list-icon li:not(:last-child){margin-bottom:12px}
.about-us-h5 .content .list-icon li i{color:#4DA528;margin-right:7px}
.about-us-h5 .content .list-icon li span{text-transform:capitalize}
.about-us-h5 .content .about-wrap{gap:44px}
.about-us-archieve{background-color:#FFF}
.about-us-archieve .bg-archieve-about{background-color:#F4F6F8;width:100%;height:40%;position:absolute;left:0;right:0;top:0;z-index:1}

.tf-icon-box{background-color:#FFF;border-radius:8px}
.tf-icon-box:hover{background-color:#4DA528;transition:all .3s}
.tf-icon-box:hover .icon,.tf-icon-box:hover .des-icon,.tf-icon-box:hover .icons-link,.tf-icon-box:hover .title-icon{color:#FFF;z-index:2;position:relative;transition:all .3s}
.tf-icon-box .icon{color:#4DA528}
.tf-icon-box .des-icon{font-size:16px;font-weight:400;line-height:30px;color:#4F545A;text-transform:capitalize}
.tf-icon-box .icon svg{fill:#4DA528;}
.tf-icon-box:hover .icon svg{fill:#fff;}

.icon-box-style1{border:1px solid rgba(224,224,224,0.28);box-shadow:0 8px 25px 0 rgba(0,0,0,0.06);padding:49px 41px;transition:all .3s ease-in-out;overflow:hidden}
.icon-box-style1:hover::before,.icon-box-style1:hover::after{opacity:1;visibility:visible;transition:all .3s;right:0;bottom:0}
.icon-box-style1:hover::after{right:0;top:0}
.icon-box-style1::before{position:absolute;bottom:-50px;left:0;right:-50px;content:"";clip-path:polygon(100% 0,0% 100%,100% 100%);background:linear-gradient(180deg,rgba(45,138,6,0.1),#31840e);height:238px;opacity:0;visibility:hidden;z-index:1;transition:all .6s ease-in-out}
.icon-box-style1::after{position:absolute;right:-50px;top:-50px;content:"";clip-path:polygon(100% 0,4% 100%,100% 66%);background:#428E22;height:212px;width:98px;opacity:0;visibility:hidden;z-index:1;transition:all .3s ease-in-out}
.icon-box-style1 .icon{margin-bottom:24px}
.icon-box-style1 .icon i{font-size:55px}
.icon-box-style1 .des-icon{margin-bottom:38px}
.icon-box-style1 .icons-link{font-size:14px;font-weight:600;line-height:17.64px;letter-spacing:.05em;color:#4DA528;font-family:"Plus Jakarta Sans",sans-serif}
.icon-box-style1 .icons-link:hover{color:#FF970D!important}
.icon-box-style1 .icons-link i{font-size:10px;margin-left:10px}
.icon-box-style1 .title-icon{margin-bottom:23px}
.icon-box-style1 .title-icon small{font-size:14px;position:absolute;top:-20px;}

@media only screen and (max-width: 1199px) {
.about-us-h4 .image-about-h4-wrap{margin-right:2.5em}
}
@media only screen and (max-width: 991px) {
.about-us-h4{padding-bottom:60px;padding-top:60px}
.about-us-h4 .image-about-h4-wrap{margin-right:0;margin-bottom:30px}
.about-us-h4 .image-about-h4-wrap .box-year{bottom:15.5%}
.about-us-h4 .image-about-h4-wrap .about-wrap-right{display:none}
}
@media only screen and (max-width: 600px) {
.about-us-h4 .image-about-h4-wrap .about-wrap-left .quote{display:none}
.about-us-h4 .image-about-h4-wrap{padding-left:0}
}
@media only screen and (max-width: 575px) {
.about-us-h4 .inner-content-about .btn-wrap-about .profile{margin-top:0}
.about-us-h4 .image-about-h4-wrap .about-wrap-left{max-width:100%;width:100%}
}