html{overflow-x:hidden;}
html, body {height: 100%;}
body{font-size: 14px; font-family: "Manrope", sans-serif; font-weight: 500; color: #707d86;}
a{color:#77c04b; text-decoration:none;}
a:hover, a:focus{color:#3f8417; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:26px; margin:0 0 15px;}
h1, h2, h3, h4, h5, h6{font-family: "Elsie", serif;font-weight: 500; margin:0 0 10px;}
h2{color:#77c04b;}
h3{color:#3f8417;}
h4{color:#77c04b;}
.pad-t0{padding-top:0 !important;}
.pad-t10{padding-top:10px !important;}
.pad-t15{padding-top:15px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t25{padding-top:25px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t35{padding-top:35px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t45{padding-top:45px !important;}
.pad-t50{padding-top:50px !important;}
.pad-0{padding:0 !important;}
.pad-b0{padding-bottom:0 !important;}
.pad-b5{padding-bottom:5px !important;}
.pad-b10{padding-bottom:10px !important;}
.pad-b15{padding-bottom:15px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b25{padding-bottom:25px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b35{padding-bottom:35px !important;}
.pad-b40{padding-bottom:40px !important;}
.pad-b45{padding-bottom:45px !important;}
.pad-b50{padding-bottom:50px !important;}
.mrg-0{margin:0px !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-15{margin-bottom:15px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-25{margin-bottom:25px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-35{margin-bottom:35px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-45{margin-bottom:45px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-70{margin-bottom:70px !important;}
.mrb-80{margin-bottom:80px !important;}
.mrb-90{margin-bottom:90px !important;}
.mrb-100{margin-bottom:100px !important;}
@media (min-width: 1200px) {
.header.sticky .navbar .logo img{max-width: 50px;}
.header.sticky nav{position: fixed; top: 0; left: 0; width: 100%; z-index: 5; background-color: #fff; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; max-width: 100%; margin-top: 0;}
.header.sticky nav .navbar .links li a{padding: 25.5px 0;}
.header.sticky .head-top{height: 0; opacity: 0;}
.header.sticky .call-cta{padding: 12.5px 0 12.5px 25px;}
}
.container{position:relative; z-index:3; padding: 0 15px;}
.row{margin:0 -15px;}
.row > *{padding-left:15px; padding-right:15px;}
.hidden{display:none !important;}
.header{margin: 0; position: absolute; background: #fff; left: 0; width: 100%; top: 0; z-index: 6;}
.top-sec{font-size: 14px; color: #9b9b9b; position:relative;}
.top-sec::after {
content: "";
background: #206c38;
right: 0;
top: 0;
width: 49.5%;
height: 100%;
position: absolute;
border-radius: 0 0 0 30px;
}
.top-sec::before {
content: "";
background: #77c04b;
left: 0;
top: 0;
width: 49.5%;
height: 100%;
position: absolute;
border-radius: 0 0 30px 0;
}
span {
color: #fff;
}
.header .container-fluid{padding: 0 30px;}
.top-sec .head-right{text-align:right;}
.top-sec a:hover{color: #77c04b;}
.top-sec ul{margin:0; padding:10px 0;}
.top-sec ul li{display:inline-block; list-style:none; margin: 0 20px 0 0; position:relative;}
.top-sec ul li:last-child{margin-right: 0;}
.top-sec ul li i{color: #fff; margin: 0 5px 0 0;}
.top-sec ul li a{padding: 0; color: #000; position: relative; z-index: 2;}
.icon-top{display: flex; align-items: center; justify-content: end;}
.icon-top i{color: #fff; width: 40px; display: block; font-size: 16px; line-height: 40px; margin: 0; height: 40px; text-align: center; text-align: center; position: relative; z-index: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.icon-top i:hover{background:#77c04b; color: #fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
.header nav{position: relative; font-weight: 500;font-family: "Elsie", serif; font-size: 18px; top: 0; left: 0; width: 100%; height: auto; border-bottom: 1px solid #eaeaea;}
.header nav .navbar{display: flex; align-items: center; justify-content: inherit; position: relative; max-width: 100%; margin: 0 auto 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;}
.header .navbar .logo{width: 9%%;}
.header .navbar .logo a{display: block; padding: 10px 25px 10px 0;}
.header .navbar .logo img{max-width: 70px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header nav .navbar .nav-links{height: 100%; margin: 0 auto; display: flex; width: 91%; justify-content: space-between; align-items: center;}
.header nav .navbar .links{display: flex; padding: 0; margin: 0 0 0 auto;}
.header nav .navbar .links li{position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; text-transform: capitalize; margin: 0 15px;}
.header nav .navbar .links li a{padding: 38.5px 0; display: block; text-decoration: none; white-space: nowrap; color: #000;}
.header nav .navbar .links > li > a:hover, .header nav .navbar .links > li.current-menu-item > a{color: #77c04b;}
.header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(180deg);}
.header nav .navbar .links li .arrow{width: 16px; line-height: 52px; text-align: center; display: inline-block; color: #000; transition: all 0.3s ease; margin: 2px 0 0 5px;}
@media (min-width:1100px) {
.header nav .navbar .links li .sub-menu{position: absolute; left: 0; top: 100%; z-index: 2; padding: 7px 15px 5px; width: 250px; background: #fff; border: 1px solid #dddddd6b; box-shadow: 0 10px 40px rgba(0,0,0,.08); -webkit-box-shadow: 0 10px 40px rgba(0,0,0,.08); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
.header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
}
.header nav .navbar .links li .sub-menu{box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); position: absolute; top: 100%; left: 0; background: #000; box-shadow: none; z-index: 2; padding: 0; overflow: hidden;}
.header .navbar .links li .sub-menu li{padding: 0; margin:0; border-bottom: 1px solid #dddddd6b;}
.header .navbar .links li .sub-menu li:last-child{border-bottom: 0;}
.header .navbar .links li .sub-menu a{color: #fff; padding: 8px 15px; display: block; width: 100%;}
.header .navbar .links li .sub-menu a:hover{color: #fff; background: #77c04b;}
.header .navbar .links li .sub-menu .more-arrow{line-height: 40px; }
.header .navbar .links li .htmlCss-more-sub-menu{/* line-height: 40px; */ }
.header .navbar .links li .sub-menu .more-sub-menu{position: absolute; top: 0; left: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1; display: none;}
.header .links li .sub-menu .more:hover .more-sub-menu{display: block;}
.header .navbar .search-box{position: relative; height: 40px; width: 40px;}
.header .navbar .search-box i{position: absolute; height: 100%; width: 100%; line-height: 40px; text-align: center; font-size: 22px; color: #fff; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.header .navbar .search-box .input-box{position: absolute; right: calc(100% - 40px); top: 80px; height: 60px; width: 300px; background: #3E8DA8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; pointer-events: none; transition: all 0.4s ease;}
.header .navbar.showInput .search-box .input-box{top: 65px; opacity: 1; pointer-events: auto; background: #3E8DA8;}
.header .search-box .input-box::before{content: ''; position: absolute; height: 20px; width: 20px; background: #3E8DA8; right: 10px; top: -6px; transform: rotate(45deg);}
.header .search-box .input-box input{position: absolute; top: 50%; left: 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; transform: translate(-50%, -50%); height: 35px; width: 280px; outline: none; padding: 0 15px; font-size: 16px; border: none;}
.header .navbar .nav-links .sidebar-logo{display: none;}
.header .navbar .bx-menu{display: none;}
@media (max-width:1100px) {
.header nav .navbar{max-width: 100%; padding: 0; flex-direction: row-reverse; justify-content: space-between;}
.header nav .navbar .logo a{font-size: 27px; padding: 15px 25px 15px 0;}
.header nav .navbar .links > li:first-child{border-top: 1px solid #ccc;}
.header nav .navbar .links > li{padding: 0; border-bottom: 1px solid #ccc; white-space: nowrap;}
.header nav .navbar .links > li a:hover, .header nav .navbar .links > li.active > a{color: #77c04b;}
.navbar .links li .sub-menu a{padding:10px;}
.header .navbar .links li .sub-menu a:hover, .header nav .navbar .sub-menu > li.active > a{color: #77c04b; background: none;}
.header nav{ /* position: relative; */}
.header .navbar .bx-menu{ display: block;}
.header nav .navbar .nav-links{position: fixed; top: 0; left: -100%; display: block; max-width: 100%; width: 100%; background: #fff; line-height: normal; padding: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000; overflow-x: scroll;}
.header .navbar .nav-links .sidebar-logo{display: flex; align-items: center; justify-content: space-between; padding: 25px 15px 5px;}
.header .sidebar-logo .logo-name{}
.header .sidebar-logo .logo-name img{max-width: 100px;}
.header .sidebar-logo i{font-size: 25px; color: #77c04b; cursor: pointer;}
.header .navbar .bx-menu{font-size: 25px; color: #77c04b; cursor: pointer; margin: 0;}
.header.header-position .sidebar-logo i{color: #fff;}
.header.header-position .navbar .bx-menu{color: #fff;}
.header.header-position nav .navbar .links > li > a{color: #fff;}
.header.header-position nav .navbar .links li .arrow{color: #fff;}
.header.header-position nav .navbar .links > li a:hover, .header.header-position nav .navbar .links > li.active > a{color: #77c04b;}
.header nav .navbar .links{display: block; margin-top: 20px; padding: 0;}
.header nav .navbar .links li .arrow{line-height: 40px; position: absolute; border-left: 1px solid #ccc; width: 52px; top: 7px; bottom: 7px; right: 0; cursor: pointer; color: #77c04b;}
.header nav .navbar .links li{display: block; margin: 0;}
.header nav .navbar .links li a{padding: 15px;}
.header .navbar .links li .sub-menu a{padding:8px 75px 8px 25px; white-space: break-spaces; color: #000;}
.header nav .navbar .links li .sub-menu{border: 0; position: relative; top: 0; box-shadow: none; display: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0;}
.header nav .navbar .links li .sub-menu li{border-bottom: none;}
.header .navbar .links li .sub-menu .more-sub-menu{display: none; position: relative; left: 0;}
.header .navbar .links li .sub-menu .more-sub-menu li{display: flex; align-items: center; justify-content: space-between;}
.header .links li:hover .htmlcss-arrow, .header .links li:hover .js-arrow{transform: rotate(0deg);}
.header .navbar .links li .sub-menu .more-sub-menu{display: none;}
.header .navbar .links li .sub-menu .more span{/* background: red; */ display: flex; align-items: center; /* justify-content: space-between; */}
.header .links li .sub-menu .more:hover .more-sub-menu{display: none;}
.header nav .navbar .links li:hover .htmlCss-sub-menu, .header nav .navbar .links li:hover .js-sub-menu{display: none;}
.header .navbar .nav-links.show1 .links .htmlCss-sub-menu, .header .navbar .nav-links.show3 .links .js-sub-menu, .header .navbar .nav-links.show2 .links .more .more-sub-menu{display: block;}
.header .navbar .nav-links.show1 .links .htmlcss-arrow, .header .navbar .nav-links.show3 .links .js-arrow{transform: rotate(180deg);}
.header .navbar .nav-links.show2 .links .more-arrow{transform: rotate(90deg);}
}
@media (max-width:370px){
.header nav .navbar .nav-links{max-width: 100%;}
}
.call-cta{position: relative; height: 100%; padding: 25px 0 25px 25px; display:none;}
.call-cta .btn{font-size: 16px;}
.call-cta .btn.btn-border{background: #fff; border: 2px solid #77c04b; color: #77c04b; margin: 0 15px 0 0; padding: 11.5px 25px;}
.call-cta .btn.btn-border span{background-color: #77c04b;}
.call-cta .btn.btn-border:hover{color: #fff;}
.call-cta .btn.btn-border i{margin: 0 10px 0 0;}
.banner{position:relative; z-index:1; padding: 143px 0 0;}
.hero-slider{width: 100%; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0;}
@media (max-width: 991px) {
.hero-slider{height: 550px;}
}
@media (max-width: 767px) {
.hero-slider{height: 500px;}
}
.hero-slider .swiper-slide{overflow: hidden; color: #fff;}
.hero-slider .swiper-container{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.hero-slider .slide-inner{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center bottom; display: flex; justify-content: center; align-items: center; text-align: left;}
.hero-slider .slide-inner::before{content: ""; background: #000; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.2;}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{background: transparent; width: 55px; height: 55px; line-height: 53px; margin-top: -30px; text-align: center; border: 2px solid #d4d3d3; border-radius: 55px; opacity:0; visibility:hidden; transition:all .3s ease;}
.hero-slider:hover .swiper-button-prev, .hero-slider:hover .swiper-button-next{transform:translateX(0); opacity:1; visibility:visible;}
@media (max-width: 767px) {
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next{display: none;}
}
.hero-slider .swiper-button-prev{left: 25px; transform:translateX(50px);}
.hero-slider .swiper-button-prev:before{font-family: "Font Awesome 5 Free"; content: "\f060"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block vertical-align: middle; font-weight: 900;}
.hero-slider .swiper-button-next{right: 25px; transform:translateX(-50px);}
.hero-slider .swiper-button-next:before{font-family: "Font Awesome 5 Free"; content: "\f061"; font-size: 15px; color: #d4d3d3; font-style: normal; display: inline-block vertical-align: middle; font-weight: 900;}
.hero-slider .swiper-pagination-bullet{width: 12px; height: 12px; text-align: left; line-height: 12px; font-size: 12px; color: #000; opacity: 0.3; background:#fff; transition:all .2s ease;}
.hero-slider .swiper-pagination-bullet-active{opacity:1;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction{bottom: 30px;}
@media screen and (min-width: 992px) {
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction{/*display: none;*/}
}
.swiper-pagination{text-align:left;}
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:50px; max-width: 1200px; padding: 0 15px; margin: 0 auto; left: 50%; transform: translateX(-50%); display: none;}
@media (min-width: 767px) {
.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
}
/*----- #hero-style -----*/
.hero-style{height: 620px; transition:all .4s ease;}
@media (max-width: 991px) {
.hero-style{height: 550px;}
}
@media (max-width: 767px) {
.hero-style{height: 340px;}
}
@media screen and (min-width: 992px) {
.hero-style .container{padding-top: 95px;}
}
.hero-style .slide-title, .hero-style .slide-text, .hero-style .slide-btns{max-width: 900px;}
.hero-style .slide-title h2{font-size: 50px; line-height: 65px; color: #ffffff; margin: 0 0 40px; text-transform: capitalize; transition:all .4s ease;}
@media (max-width: 1199px) {
.hero-style .slide-title h2{font-size: 75px;}
}
@media (max-width: 991px) {
.hero-style .slide-title h2{font-size: 50px; margin: 0 0 35px;}
}
@media (max-width: 767px) {
.hero-style .slide-title h2{font-size: 35px; margin: 0 0 30px; line-height: 45px;}
}
.hero-style .slide-text p{font-size: 32px; line-height: 1.25; letter-spacing: normal; color: #ffffff; margin: 0 0 40px; transition:all .4s ease;}
@media (max-width: 767px) {
.hero-style .slide-text p{font-size: 16px; font-size: 1rem; font-weight: normal; margin: 0 0 30px;}
}
.hero-style .slide-btns > a:first-child{margin-right: 10px;}
.btn{background: #77c04b; border: 0; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: "Manrope", sans-serif; font-weight: 800; font-size: 14px; line-height: 24px; color: #fff; margin: 0; padding: 13px 20px; overflow: hidden; text-shadow: none; text-transform: uppercase; letter-spacing: 0;}
.btn:hover{color: #fff; background: #77c04b;}
.btn:hover i{transition: 0.3s; color: #fff;}
.btn i{position: relative; margin: 0 0 0 10px; top: 1px; z-index: 10;}
.btn span{position: absolute; width: 25%; height: 100%; background-color: #3f8417; transform: translateY(150%); border-radius: 50%; left: calc((var(--n) - 1) * 25%); transition: 0.3s; transition-delay: calc((var(--n) - 1) * 0.1s); z-index: -1;}
.btn:hover span{transform: translateY(0) scale(2);}
.btn span.s1{--n: 1;}
.btn span.s2{--n: 2;}
.btn span.s3{--n: 3;}
.btn span.s4{--n: 4;}
@keyframes video-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
opacity: 0;
transform: scale(2);
}
}
@keyframes rollShape {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-359deg);
}
}
@keyframes bounce-y {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@keyframes bounce-x {
0% {
transform: translateX(0);
}
50% {
transform: translateX(5px);
}
100% {
transform: translateX(0);
}
}
.mobweb:after{position: absolute; top: -6px; left: 30px; width: 42px; height: 42px; background-color: #2ea3f2; opacity: 0.2; border-radius: 50%; content: ""; -webkit-transition: all 500ms linear; transition: all 500ms linear; transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: scale(1); transform: scale(1); z-index: -1; animation: mobweb 1.5s linear infinite;}
@keyframes mobweb{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}
.image-circle{animation: spin 12s infinite linear; -webkit-animation: spin 12s infinite linear; -moz-animation: spin 12s infinite linear;}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
.mk_heading.absolute { position:absolute; left:0; top:0 }
.layer_img { position:absolute; left:0; top:0; z-index: 3;}
.layer_img img { max-width:100%; height:auto }
.right_top { left:auto; right:0 }
.right_bottom { top:auto; bottom:0; left:auto; right:0 }
.left_bottom { top:auto; bottom:0 }
.move_anim img { -webkit-animation:movebounce 3.0s linear infinite; animation:movebounce 3.0s linear infinite }
.move_anim_two img { -webkit-animation:movebounce2 3.0s linear infinite; animation:movebounce2 3.0s linear infinite }
.rotate_anim img { -webkit-animation:rotated 30s infinite linear; animation:rotated 30s infinite linear }
@keyframes movebounce {
0% {
transform:translateY(0)
}
50% {
transform:translateY(20px)
}
100% {
transform:translateY(0)
}
}
@keyframes movebounce2 {
0% {
transform:translateX(0)
}
50% {
transform:translateX(20px)
}
100% {
transform:translateX(0)
}
}
@-webkit-keyframes rotated {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes blinker {
0% {
transform:scale(1,1)
}
50% {
transform:scale(1.1,1.1)
}
100% {
transform:scale(1,1)
}
}
@keyframes shadows {
0% {
box-shadow:0 0 0 0 rgba(247,163,146,.2),0 0 0 30px rgba(247,163,146,.2),0 0 0 50px rgba(247,163,146,.2)
}
100% {
box-shadow:0 0 0 30px rgba(247,163,146,.2),0 0 0 50px rgba(247,163,146,.2),0 0 0 70px rgba(247,163,146,0)
}
}
.row-flex{flex-direction: row-reverse;}
.img-hover{overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.img-hover:hover img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.img-hover img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.title-flex{display: flex; align-items: center; gap: 30px; margin: 0 0 35px;}
.title-flex .text-pad{border-left: 2px solid #ddd8d6; padding: 0 0 0 30px;}
.title-flex h2, .title-flex .text-pad{width: 50%;}
.about-sec{padding:80px 0 60px; position:relative; z-index:2;}
.about-sec.about-page{padding: 0;}
.about-sec h2{color:#000; font-size: 40px; position: relative; margin: 0 0 15px; text-transform:capitalize;}
.about-sec h2 span{ display:block;}
.about-sec h2 span img{width: 120px;}
.about-sec ul{margin: 0; padding: 0;}
.about-sec ul li{list-style: none; margin: 0; font-weight: 400; font-family: "Elsie", serif; padding: 30px 50px 0 0; display: inline-block; vertical-align: top; font-size: 22px; color: #000;}
.about-sec ul li span{color: #000; display: block; text-transform: capitalize; font-size: 60px;}
.about-sec .mini-title{position: absolute; left: -30px; bottom: 0; background: #206d39; font-size: 100px; color: #fff; max-width: 265px; padding: 75px 25px; z-index: 3; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; border: 15px solid #fdf9f9;}
.about-sec .mini-title h5{font-weight: 400; font-family: "Elsie", serif; text-transform: capitalize; font-size: 40px; line-height: 40px; margin: 0; text-align: center;}
.about-sec .mini-title h5 a{display: block; color: #fff;}
.about-sec .about-left{margin:0 0 30px; padding:0 60px 0 15px; position:relative;}
.about-sec .about-right{margin:-60px 0 30px; padding:0 15px 0 60px; position:relative;}
.about-sec .about-right figure{margin: 0; text-align: center;}
.about-sec .about-right figure .image-about{-o-object-fit: cover; object-fit: cover;height: 560px;width: 560px !important;}
.about-sec .about-right figure .image-about{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index:2; position:relative; margin: 50px 0 0;}
.about-sec .about-right figure .image-circle{position: absolute; right: 0; top: 30px; padding: 0; width: 30%;}
.about-sec .about-left .box-sign{padding: 10px 0 30px; position: relative;}
.about-sec .about-left .box-sign img{position: absolute;left: 0;top: 0;}
.about-sec .about-left .box-sign b{font-weight: 700; font-size: 18px; color: #000;}
.about-sec .about-left .box-sign span{display: block; line-height: 15px; margin:10px 0 0;}
.about-sec .btn{/*background: #fdf9f9; border: 1px solid #da5455; color: #da5455; padding: 10px 25px; */}
/*.about-sec .btn:hover{color: #fff; background: #fdf9f9;}
.about-sec .btn span{background-color: #da5455;}*/
.about-sec .call-cta {
height: auto;
padding: 0;
}
.about-sec.about-page.classes-single .price{font-size: 24px; font-weight: 400; font-family: "Elsie", serif; text-transform: capitalize; color: #000; /*font-weight: 400; font-family: "Elsie", serif; text-transform: capitalize; font-size: 24px; line-height: normal; padding: 15px; text-align: center; background: #da5455; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;*/}
.about-sec.about-page.classes-single figure .image-about{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.vision-mission-wrap {padding: 0 0 90px;}
.vision-mission-wrap strong {color: #fff;display: block;font-size: 22px;margin: 0 0 15px;}
.vision-mission-wrap p { color: #f3f3f3;}
.vision-mission-wrap .vision-box { background: #77c04b; padding: 30px 30px 30px; border-radius: 30px; text-align: center;height: 100%}
.vision-box .images-box img {width: 80px; margin: 0 0 30px;background: #ffffff;padding: 15px;border-radius: 20px;}
.benefits-wrap{background: #000; overflow: hidden; color: #fff; padding: 100px 0 60px; position:relative; z-index:2;}
.benefits-wrap::before{content: ""; background-image: url(images/bg-01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; opacity: 0.5; z-index: 1;}
.benefits-wrap::after{content: ""; background: #daeed8; position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
.benefits-wrap h2{color:#77c04b; font-size: 40px; position: relative; text-transform: capitalize; margin: 0 0 30px;}
.benefits-wrap h2 span{position: relative; display: block; font-size: 24px; color: #000; margin: 20px 0 0;}
.benefits-wrap .benefits-left{position: relative; padding: 0 10% 0 15px;}
.benefits-wrap .benefits-right{position: relative; padding: 0 15px 0 5%;}
.benefits-wrap .benefits-right::before{content: ""; border-top: 20px solid transparent; border-right: 20px solid #daeed8; border-bottom: 20px solid transparent; width: 20px; height: 20px; position: absolute; left: -20px; top: 45%;}
.products-sec{background: rgba(119, 192, 75, 0.05);position: relative; z-index: 1; padding: 90px 0 150px;}
.products-sec h2{color:#000000; font-size: 50px; position: relative; text-transform: capitalize; margin: 0 0 25px;}
.products-sec h2 span{position: relative; display: block; font-size: 24px; color: #000; margin: 20px 0 0;}
.products-sec .content{max-width: 75%;}
.products-sec .products-col{margin:0 0 30px; position:relative;}
.products-sec .products-box{padding: 30px; color: #000; height: 100%; position: relative; z-index: 2; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.1); background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border: 1px solid #e5e5e5;}
.products-sec .products-box:before, .products-sec .products-box:after{content: ''; position: absolute; height: 110px; width: 110px; background-color: #77c04b; opacity: 0.2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1;}
.products-sec .products-box:hover:before, .products-sec .products-box:hover:after{opacity: 1; height: 120%; width: 120%; border-radius: 0;}
.products-sec .products-box:before{bottom: -73px; left: -28px;}
.products-sec .products-box:after{left: -73px; bottom: -28px;}
.products-sec .products-box:hover .dots::before, .products-sec .products-box:hover .dots::after{background: #2081F9;}
.products-sec .products-box figure{width: 60px; margin: 0 0 30px; position: relative; z-index: 2; border-radius: 100%; overflow: hidden; background: #fff; padding: 5px;}
.products-sec .products-box:hover, .products-sec .products-box:hover h4, .products-sec .products-box:hover .btn, .products-sec .products-box:hover .number{color: #fff;}
.products-sec .products-box .number{position: absolute; top: 25px; right: 40px; font-size: 70px; line-height: 1; font-weight: bold; color: #e0e0e0; z-index: 2;-webkit-text-fill-color: transparent;-webkit-text-stroke: 2px #77c04b;}
.products-sec .products-box:hover .number {-webkit-text-fill-color: transparent; -webkit-text-stroke: 2px #ffffff;}
.products-sec .products-box:hover .shape{bottom: 0; opacity: 0.3;}
.products-sec .products-box .shape{top: 0; position: absolute; bottom: -200px; left: 0; right: 0; width: 100%; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; pointer-events: none;}
.products-sec .products-box .shape img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.products-sec .products-box .info{position: relative; z-index: 2;}
.products-sec .products-box h4{color:#000; font-size: 20px; text-transform: capitalize; margin: 0 0 25px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.products-sec .products-box .btn{background: none; color: #77c04b; padding: 10px 0; border-radius: 0;}
.products-sec .products-box .btn::after{content: ""; height: 4px; width: 0; background-color: #fff; position: absolute; bottom: -2px; left: 0; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.products-sec .products-box .btn:hover{color: #fff;}
.products-sec .products-box .btn:hover:after{width: 100%; opacity: 1;}
.logo-grid{position:relative; padding:0; z-index: 3;}
.logo-grid .container-fluid{background: #77c04b !important; background: -moz-linear-gradient(left, #77c04b 0%, #d6cd43 100%); background: -webkit-linear-gradient(left, #77c04b 0%,#d6cd43 100%); background: linear-gradient(to right, #77c04b 0%,#d6cd43 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c04b', endColorstr='#d6cd43',GradientType=1 ); position:relative; padding:40px 15px 40px; z-index: 3;}
.logo-grid::after{content: ""; position: absolute; min-height: 170px; max-width: 600px; background-image: url(images/shadow-02.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; margin: 0 auto; left: 0; right: 0; bottom: -50px;}
.logo-grid .owl-carousel{mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);}
.logo-grid .item{margin:0 15px; text-align:center; border: 1px solid #e8e8e8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.logo-grid .item figure{padding: 15px; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0;}
.logo-grid .item figure img{max-width: 130px; margin: 0 auto;}
.logo-grid .owl-dots{display: none; text-align: center; margin: 40px 0 0;}
.logo-grid .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 3px;}
.logo-grid .owl-theme .owl-dots .owl-dot.active span, .logo-grid .owl-theme .owl-dots .owl-dot:hover span{background: #14133b;}
.logo-grid .owl-theme .owl-nav .owl-page span{background:#d7d7d7; opacity:1;}
.logo-grid .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;}
.logo-grid .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; color: #000; position: absolute; left: -40px; top: 45%; margin: -20px 0 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;}
.logo-grid .owl-theme .owl-nav button:hover{background: none !important;}
.logo-grid .owl-theme .owl-nav button.owl-next{right: -40px; left:inherit;}
.logo-grid .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}
.logo-grid .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}
.client-feedback{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(74, 171, 61, 0.2) 100%); padding: 80px 0 50px; position:relative; color: #000; display: none;}
.client-feedback::before{content: ""; background-image: url(images/logo-icon.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: 75%; width: 50%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.07;}
.client-feedback h2{color:#000; font-size: 50px; position: relative; text-transform: capitalize; margin: 0 0 30px;}
.client-feedback h2 span{position: relative; display: block; font-size: 24px; color: #000; margin: 20px 0 0;}
.client-feedback .left-grid{padding: 0 50px 0 15px; position: relative;}
/*.client-feedback .left-grid::before{content: ""; background-image: url(images/logo-icon.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: contain; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.1;}*/
.client-feedback .owl-pagination{display: block; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;}
.client-feedback .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #3D72FC; opacity:1; height:10px; width:10px;}
.client-feedback .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #3D72FC;}
.client-feedback .owl-theme .owl-controls .owl-page.active span{width:20px;}
.client-feedback .item{position: relative; margin: 0 20px;}
.client-feedback .feedback-box{box-shadow: 0 0 20px 0 rgba(0,0,0,.09); background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 35px 30px 25px; position: relative; z-index: 1; overflow: hidden; margin: 30px 0 50px 0;}
.client-feedback .feedback-box::before{content: ""; background-image: url(images/dummy-shape-01.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; position: absolute; right: 10px; top: 10px; width: 102px; height: 100px;}
.client-feedback .thumbnail{position: relative; margin: 0 0 25px; display: inline-block;}
.client-feedback .thumbnail img{width: 70px !important; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; object-fit: cover; object-position: center center;}
.client-feedback .qoute-icon{height: 34px; width: 34px; line-height: 30px; font-size: 13px; color: #fff; background-color: #77c04b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; display: block; text-align: center; position: absolute; bottom: 0; right: 0;}
.client-feedback .qoute-icon i{line-height: 24px;}
.client-feedback .rating{margin: 0 0 15px;}
.client-feedback .rating i{color: #77c04b;}
.client-feedback .feedback-box h4{color: #000; font-size: 20px;}
.client-feedback .feedback-box h4 span{color: #000; font-size: 14px; font-family: "Manrope", sans-serif; font-weight: 500; display: block; margin: 5px 0 0; text-transform: capitalize;}
.client-feedback .owl-dots{display: none; text-align: right; position: absolute; right: 15px; top: -73px; margin: 0;}
.client-feedback .owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px; border-radius: 0; border: 1px solid #77c04b; background: none;}
.client-feedback .owl-theme .owl-dots .owl-dot.active span, .student-feedback .owl-theme .owl-dots .owl-dot:hover span{background: #77c04b;}
.client-feedback .owl-theme .owl-nav .owl-page span{background:#77c04b; opacity:1;}
.client-feedback .owl-theme .owl-nav .owl-page.active span, .owl-theme .owl-nav.clickable .owl-page:hover span{background: #fe5321;}
.client-feedback .owl-theme .owl-nav button{display: block; background: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #000; position: absolute; left: -40px; top: 45%; margin: -20px 0 0; height: 55px; width: 55px; opacity: 1; text-indent: -99999px; border: 0;}
.client-feedback .owl-theme .owl-nav button:hover{background: none !important;}
.client-feedback .owl-theme .owl-nav button.owl-next{right: -40px; left:inherit;}
.client-feedback .owl-theme .owl-nav button.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}
.client-feedback .owl-theme .owl-nav button.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}
.blog-news{padding: 70px 0 50px; overflow: hidden; position:relative; z-index:1;background-color: rgba(119, 192, 75, 0.05);}
.blog-news h2{color:#000; font-size: 50px; position: relative; text-transform: capitalize; margin: 0 0 30px;}
.blog-news h2 span{position: relative; display: block; font-size: 24px; color: #000; margin: 20px 0 0;}
.blog-news .left-grid{padding: 0 25px 0 15px;}
.blog-news .right-grid{padding: 0 15px 0 25px;}
.blog-news .blog-info{position: relative; margin: 0 0 30px;}
.blog-news .right-grid .blog-info{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: self-start;}
.blog-news .right-grid .blog-info .thumbnail{max-width: 240px; margin-right: 40px;}
.blog-news .right-grid .blog-info .content{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0;}
.blog-news .right-grid .blog-info h3{font-size: 20px; margin: 0 0 10px;}
.blog-news .blog-info .thumbnail{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; position:relative; margin:0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; background: #000;}
.blog-news .blog-info:hover .thumbnail img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); opacity: 0.5;}
.blog-news .blog-info .thumbnail img{-webkit-transition: all 1.3s ease-in-out; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; width: 100%; object-fit: cover; object-position: center center; height: 200px;}
.blog-news .left-grid .blog-info .thumbnail img{height: 448px;}
.blog-news .left-grid .content{padding: 25px 0 0 110px}
.blog-news .content{position: relative;}
.blog-news .blog-info .blog-date { width: 80px; height: 80px; background: #77c04b; color: #fff; -webkit-border-radius: 60px 60px 14px 60px; -moz-border-radius: 60px 60px 14px 60px; border-radius: 60px 60px 14px 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: -6px; left: -110px; z-index: 1; }
.blog-news .left-grid .blog-info .blog-date{top: 24px; right: inherit; left: 0;}
.blog-news .blog-info .blog-date span{font-family: "League Spartan", sans-serif; font-weight: 700; font-size: 18px; display: block; color: #fff; text-align: center;}
.blog-news .blog-info .blog-date span.day{line-height: 1; margin-bottom: 0;}
.blog-news .blog-info .blog-date span.month{line-height: 1; font-size: 16px; font-weight: 500;}
.blog-news .blog-info h3{color:#000; font-size: 24px; margin: 0 0 15px; text-transform:capitalize;}
.blog-news .blog-info h3 a{color:#000; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog-news .blog-info h3 a:hover{color:#77c04b;}
.blog-news .left-grid .blog-info h3 a{display: inherit;}
.blog-news .blog-info .category-wrap{color: #868686; margin-bottom: 10px; text-transform: uppercase; font-weight: 500;}
.blog-news .blog-info .category-wrap a{color: #868686;}
.blog-news .blog-info .category-wrap a:hover{color:#77c04b;}
.blog-news .blog-info .blog-meta{padding: 0;}
.blog-news .blog-info .blog-meta li{list-style: none; display: inline-block; font-size: 13px; color: #181818; position: relative; border-right: 1px solid #dbdbdb; margin: 10px 15px 10px 0; padding: 0 20px 0 0;}
.blog-news .blog-info .blog-meta li:last-child{border-right: 0; margin-right: 0; padding-right: 0;}
.blog-news .blog-info .blog-meta li i{color: #d0d0d1; font-size: 16px; display: inline-block; vertical-align: middle; padding: 0 10px 0 0; position: relative; top: -2px;}
.back-to-top{position: fixed; z-index: 20; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; bottom: -10%; right: 20px; border: none;}
.back-to-top.scroll{bottom: 20px;}
.back-to-top a{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding-top: 8px; color: #fff !important; font-size: 22px; background: #77c04b; display: block; height: 40px; width: 40px; margin: 0 auto; text-align: center; border: 1px solid #fff; -webkit-transition: all .3s linear; transition: all .3s linear;}
.back-to-top a::after{position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
.lte-image{position: absolute; z-index: 1; right: 0; left: 0; bottom: 0; text-align: center; opacity: 0.3;}
.lte-image-vane img{width: 110px;}
.lte-image-vane-blades{position: absolute; left: 0; right: 0; top: -85px; margin: 0 auto;}
.lte-image-vane-blades img{pointer-events: auto; width: 300px; pointer-events: none; max-width: initial !important; -webkit-animation: vane 40000ms infinite linear; -moz-animation: vane 40000ms infinite linear;
-o-animation: vane 40000ms infinite linear; animation: vane 40000ms infinite linear;}
.team-wrap .feedback-box .content { background: #f5f8ed; padding: 190px 30px 50px; border-radius: 30px; text-align: center; position: relative; overflow: hidden;}
.team-wrap .feedback-box .content:before { background: #77c04b; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; }
.team-wrap .feedback-box .content:hover::before { -webkit-transform: scale(1); transform: scale(1); }
.team-wrap .feedback-box figure { margin: 0 0 0; }
.team-wrap .owl-carousel .owl-item img { border-radius: 100%; height: 290px; width: 290px; margin: auto; transform: translate(0, 150px);object-fit: cover; border: 10px solid #206d39; padding: 10px; object-position: top center;z-index: 2; position: relative;}
.team-wrap .feedback-box .content h2 { font-size: 30px;color:#000;}
.team-wrap .feedback-box .content h4 { color: #77c04b; font-size: 16px; font-family: inherit; margin: 50px 0 25px; }
.team-wrap .feedback-box .rating i {border: 1px solid #dee4da;padding: 10px 10px 10px;border-radius: 30px;width: 40px;height: 40px;
margin-right: 10px; line-height: 20px;}
.team-wrap .feedback-box .rating i:hover {background: #206d39; color: #fff;}
.team-wrap h2 {color: #000;font-size: 50px;position: relative;text-transform: capitalize;text-align: center;height: 0px;
margin: 0 0 0;}
.team-wrap {padding: 60px 0 70px;}
.team-wrap .owl-dots {
display: none;
}
.team-wrap .owl-theme .owl-nav [class*=owl-] {
font-size: 24px !important;
background: #77c04b !important;
}
.team-wrap button.owl-next {
display: block !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px!important;
border-radius: 0px !important;
color: #000;
position: absolute;
right: -65px;
top: 55%;
margin: 0;
height: 45px;
width: 45px;
opacity: 1;
text-indent: -99999px;
border-radius: 30px !important;
}
.team-wrap .owl-theme .owl-nav button.owl-next:before {
background-image: url(images/arrow-right.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: 30px 30px;
color: #000;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%; filter: brightness(0) invert(1);
}
.team-wrap .owl-prev {
display: block!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
color: #000;
position: absolute;
left: -65px;
top: 55%;
margin: 0;
height: 45px;
width: 45px;
opacity: 1;
text-indent: -99999px;
border-radius: 50%!important;
}
.team-wrap .owl-theme .owl-nav button.owl-prev:before{
background-image: url(images/arrow-left.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: 30px 30px;
color: #000;
content: "";
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%; filter: brightness(0) invert(1);
}
section.event-details {padding: 40px 0 40px;}
.event-box figure img { border-radius: 20px; border: 4px solid #279f45;}
.event-box .event-content { text-align: center;}
.event-box .event-content p.subtitle { margin: -8px 0 4px;font-size: 18px; color: #000;}
.event-box .event-content h4 {font-size: 20px; font-family: inherit; color: #000000; font-weight: 700;}
.event-box .event-content h3 {font-size: 40px;}
.event-box .event-time{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px -10px 40px;}
.event-box .event-time span{font-size: 14px; display: block;color: #000;}
.event-box .event-time i{display: block; margin: 0 auto 5px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #77c04b; color: #0b6e12; border-radius: 100%;}
.video-gallery { padding: 80px 0 80px;display: none;}
.video-gallery h2 { text-align: center; color: #000; font-size: 50px;position: relative; text-transform: capitalize; margin: 0 0 30px;}
.video-gallery .tabs { display: flex; cursor: pointer; margin-bottom: 20px;justify-content: center; }
.video-gallery .tab { padding: 10px 40px 10px; background: #206d39; margin-right: 5px; border-radius: 5px; transition: background 0.3s; color: #fff; font-size: 20px; }
.video-gallery .tab.active {background: #77c04b;border-bottom: 2px solid white; font-weight: bold;}
.video-gallery .tab-content { display: none; padding: 20px; border-top: none; }
.video-gallery .tab-content.active { display: block; }
.video-gallery .gallery { display: flex; gap: 10px; flex-wrap: wrap;justify-content: center;}
.video-gallery div#videos .gallery { display: flex; gap: 40px; flex-wrap: wrap;justify-content: center;}
.video-gallery .gallery img, .video-gallery .gallery video { width: 320px; height: auto; transition: transform 0.3s ease; border-radius: 8px; cursor: pointer; } /* Lightbox (full-screen image zoom) */
.video-gallery .lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 999; }
.video-gallery .lightbox img { max-width: 90%; max-height: 90%; border-radius: 10px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.2); transition: transform 0.3s; }
.video-gallery .lightbox:hover { cursor: zoom-out; }
.video-gallery .video-container { width: 494px; height: 344px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 8px; overflow: hidden;}
.video-gallery .video-container iframe {width: 100%;height: 100%;border: none;}
.video-gallery h2 {text-align: center;margin-bottom: 30px;font-size: 50px;color: #333;}
@keyframes vane {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.footer{position:relative; background: #000; color: #fff; padding: 75px 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0;}
.footer:after{content: ''; background-image: url(images/4.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; left: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2;}
.footer a{color:#fff;}
.footer a:hover{color:#77c04b;}
.footer .container{position: relative; z-index:1;}
.footer .container > *{position: relative; z-index:2;}
.footer .footer-right{padding: 0 15px 0 5%;}
.footer .left-p{font-size: 14px; line-height: 18px;}
.footer h4{color:#77c04b; margin:0 0 25px; font-size: 20px; position:relative; text-transform: capitalize;}
.wg-1{margin:0 0 30px;}
.wg-1 ul{margin:0; padding:0;}
.wg-1 ul li{list-style:none; position:relative; margin: 0 0 5px; padding: 0 0 10px 20px;}
.wg-1 ul li::before{content: "\f105"; font-family: FontAwesome; position: absolute; left: 0; top: 2px; font-size: 14px; color: #77c04b;}
.ft-logo{margin: 0 0 10px; display: flex; gap: 35px;}
.ft-logo img{max-width: 110px;}
.ft-logo .logo-img{display: block; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px;}
.ft-logo span{display: block;text-decoration: underline;color: #fff;letter-spacing: 4px;text-transform: uppercase;font-size: 18px;margin: 30px 0 0;}
.wg-1 address{margin: 0 0 20px; border-left: 2px solid #fff; padding:0 0 0 30px;}
.icon-ft{margin: 0;}
.icon-ft i{font-size: 20px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 5px 7px 0; background: #77c04b;}
.icon-ft i:hover{color: #fff; background:#77c04b; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}
.ft-bottom{font-size: 16px; background: #77c04b; color: #fff; margin: 30px 0 0; position: relative; z-index: 2; padding: 30px 0 20px;}
.ft-bottom .row{align-items: center;}
.ft-bottom .copyright{margin: 0 0 10px;}
.ft-bottom a{color: #fff;}
.ft-bottom a:hover{color: #77c04b;}
.banner-inner{padding:0 0 0; background-image:url(images/bg-02.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; position:relative; z-index:1;}
.banner-inner::before{content: ""; position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; z-index: 1; right: 0; margin: 0 auto; background: #000; opacity: 0.6;}
.banner-inner::after{content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 50%;}
.banner-inner .textblock{height: 500px; position: relative; z-index:2; text-transform:capitalize;}
.banner-inner .block{bottom: 90px; left: 0; position: absolute; width: 100%; z-index: 1;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1{color: #fff; margin: 0 0 20px; font-size: 50px;}
.breadcrumb{line-height: 22px; position: relative; z-index: 5; margin: 0; padding:0; background: none; border-radius: 0; color: #fff;}
.breadcrumb > li {font-family: 'Poppins', sans-serif; font-weight:400; font-size:20px; margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home{margin: 0 10px 0 0;}
.breadcrumb li a{color: #77c04b;}
.breadcrumb li a:hover{color: #fff;}
.align-left{float: left; width: 50%; margin: 7px 20px 10px 0;}
.align-right{float: right; width: 50%; margin: 7px 0 10px 20px;}
.mid-inner{padding: 80px 0 40px;}
/*.mid-inner h3{position: relative; margin: 0 0 20px; font-size: 24px; padding: 0 0 0 20px; color: #77c04b; text-transform: capitalize;}
.mid-inner h3 span{display: block; font-size: 18px; font-weight: 500; color: #fff;}
.mid-inner h3::before{content: ""; background: #fff; width: 5px; height: 100%; position: absolute; left: 0; top: 0;}
.mid-inner .right-sidebar h3::before, .mid-inner .right-sidebar h4::after{display:none;}
.mid-inner h4{position: relative; text-transform:capitalize; color: #fff; margin: 0 0 15px; padding: 0 0 10px;}
.mid-inner h4::after{content: ""; background: #77c04b; width: 40px; height: 2px; position: absolute; left: 0; bottom: 0;}
.mid-inner h5{font-size: 20px; text-transform: capitalize; margin: 20px 0 10px; color: #d71f27;}*/
.mid-inner ul{margin: 0; padding: 0 0 5px;}
.mid-inner ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
.mid-inner ul li::before{content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;}
.mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
.mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;}
.mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;}
.banner-wrap { margin: 145px 0 50px; position: relative; padding: 150px 0 150px; background-image: url(images/3.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner-wrap:before { background: #000; content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; opacity: 0.9; }
.banner-wrap h2 { text-align: center; font-size: 50px; color: #fff; }
.project-page{position: relative;}
.project-page .row-wrap{margin-bottom: 100px;}
.project-page .row-wrap:nth-child(2n){flex-direction: row-reverse;}
.project-page .row-wrap .left-grid{padding: 0 25px 0 15px;}
.project-page .row-wrap .right-grid{padding: 0 15px 0 25px;}
.project-page .row-wrap:nth-child(2n) .left-grid{padding: 0 15px 0 25px;}
.project-page .row-wrap:nth-child(2n) .right-grid{padding: 0 25px 0 15px;}
.project-page h2{font-size: 40px; margin: 0 0 30px;}
.project-page p{color: #fff; margin: 0 0 20px;}
.project-page .gallery-col{margin: 0 0 30px; position: relative;}
.project-page .gallery-info{position: relative;}
.project-page .gallery-info .glightbox{display: block; position: relative;}
.project-page .gallery-info .glightbox img{display: block; position: relative; height: 250px; width: 100%; object-fit: cover; object-position: center center; outline: 2px dashed #fff;}
.detail-tag{position: relative; padding: 0 0 30px 0; margin: -85px 0 0;}
.detail-tag .inner{opacity: 1; background-color:#206d39; max-width: 870px; margin: 0 auto; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 40px; display: flex; align-items: center; justify-content: center;}
.detail-tag .inner:before { background-image: url(images/dummy-shape-07.png); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; content: ""; height: 100%; width: 100%; opacity: 0.1; }
.detail-tag h3{font-size: 30px; margin: 0;position: relative;}
.detail-tag h3 span{color: #FFFFFF; display: block; font-size: 18px; font-weight: 500; line-height: 1.73;}
.detail-tag .text-end { position: relative;}
.detail-tag h3 a{color: #FFFFFF;}
.detail-tag h3:last-child a{letter-spacing: 8px;}
.detail-tag .text{background-color: #FFFFFF; border: 4px solid #77c04b; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #206d393; font-weight: 600; font-size: 30px; text-transform: lowercase; width: 70px; height: 70px; text-align: center; line-height: 60px; margin: 19px; color: #206d39;}
.detail-tag .shape-02{max-width: 150px; left: 100px; z-index: -1; bottom: -70px; top: inherit;}
.detail-tag .shape-03{max-width: 120px; left: inherit; right: 120px; top: -45px;}
.about-sec.new-inner { padding-bottom: 0;}
.newsletter-section { padding: 80px 15px; background-color:#77c04b; display: none}
.newsletter-box { max-width: 650px; margin: auto; text-align: center; background: #ffffff; padding: 50px 40px; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
.newsletter-box h2 { font-size: 32px; margin-bottom: 15px; color: #222; }
.newsletter-box p { font-size: 16px; color: #666; margin-bottom: 30px; }
.newsletter-form { display: flex; gap: 10px; }
.newsletter-form input { flex: 1; padding: 14px 18px; font-size: 16px; border-radius: 8px; border: 1px solid #ddd; outline: none; }
.newsletter-form input:focus { border-color: #2c5364; } .newsletter-form button { padding: 14px 28px; background: #77c04b; color: #fff; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; transition: 0.3s; }
.newsletter-form button:hover { background: #203a43; }
.tab-buttons { display: flex; border-bottom: 2px solid #ddd; }
.tab-btn { flex: 1; padding: 12px; border: none; background: #f5f5f5; cursor: pointer; font-size: 16px; transition: 0.3s; }
.tab-btn.active { background: #007bff; color: #fff; }
.tab-content { display: none; padding: 20px; border: 1px solid #ddd; border-top: none; }
.tab-content.active { display: block; }
.tab-content img, .tab-content video { max-width: 100%; border-radius: 6px; }
.table-wrap {padding: 60px 0 60px;}
#cd-wrap { margin-bottom: 0px;}
.gallery-videos { margin: 20px 0 70px !important;}
.event-banner{position: relative; padding: 40px 0 60px;}
.event-banner .row{ justify-content: center;}
.event-banner .event-content{padding: 30px 15px 50px; color: #000; position: relative; z-index: 2; box-shadow: 0px 10px 30px rgba(8, 14, 28, 0.1); background-color: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border: 1px solid #e5e5e5; text-align: center; height: 100%;}
.event-banner .event-content h3{font-size: 38px; margin-bottom: 5px; color: #77c04b;}
.event-banner .event-content h4{font-size: 20px; font-weight: 600; font-family: "Manrope", sans-serif; color: #fff; background:#0b6e12; padding: 10px; margin: 0 -15px 20px;}
.event-banner .subtitle {font-size: 18px; margin-bottom: 20px;}
.event-banner .event-time{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 0 -10px 40px;}
.event-banner .event-time span{font-size: 14px; display: block;color: #000;}
.event-banner .event-time i{display: block; margin: 0 auto 5px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #77c04b; color: #0b6e12; border-radius: 100%;}
.event-banner a.btn-register {background-color: #206c38;color: #fff;padding: 15px 25px 15px;border-radius: 5px;}
.services-grid { position: relative; }
.services-grid .services-grid-info a { position: absolute; bottom: 20px; right: 0; left: 0; text-align: center; text-shadow: 3px 1px 3px #000000; font-size: 30px; font-weight: 800;}
.project-wrap { padding: 30px 0 70px;}
.regions-sec { text-align: center; padding: 30px 0 70px;}
.regions-sec .regions-wrap { background-color: #77c04b;}
.regions-sec .title-inn h2 { color: #000; font-size: 50px; font-weight: 600; margin: 0 0 60px;}
.regions-sec .regions-wrap h2 { background-color: #77c04b; padding: 10px 0 10px; margin: 0 0 30px;}
.regions-sec .regions-wrap a {color: #fff;}
.regions-sec .regions-wrap h2:hover { background-color: #000000;}
.tabd-wrap {padding: 40px 0 70px;}
.tab-content-right th, .tab-content-right td {border: 1px solid #b1b1b1; padding: 15px !important;}
.tabd-wrap .menu-tabs .tablink { background: #77c04b; border: none; width: 100%; padding: 10px 0 10px; font-size: 20px; margin: 0 0 10px;}
.tabd-wrap .menu-tabs .table.table-striped { margin: 0;}
.tabd-wrap .tab-content { padding: 0; border: none;}
.tabd-wrap .menu-tabs .tablink:hover {background: #000;color: #fff;}
.tabd-wrap h2.plt {
text-align: center;background-color: #eee;
color: #000; padding: 10px 0 10px; margin: 0px;
}
/** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
.header .container-fluid{padding: 0 15px;}
.top-sec ul li{margin: 0 10px 0 0;}
.top-sec ul li a small{display: inline-block !important;}
.top-sec ul li a span{display: none;}
.top-sec .left-grid{width: 52%; padding: 0 0 0 15px;}
.top-sec .right-grid{width: 48%; padding: 0 15px 0 0;}
.icon-top i{width: 33px;}
.call-cta{height: auto; border-left: 0; padding: 15px;}
.call-cta .btn{min-width: 225px !important; margin: 0 0 15px !important;}
.about-wrap::before{background-size: 100%; width: 100%; height: 56%;}
.about-wrap h2, .benefits-wrap h2, .products-sec h2, .client-feedback h2, .blog-news h2{font-size: 50px;}
.about-wrap h2 span, .benefits-wrap h2 span, .products-sec h2 span, .client-feedback h2 span, .blog-news h2 span{font-size: 16px;}
.about-wrap .inner{padding: 0; margin: 0 0 70px;}
.about-wrap .video{height: 400px;}
.about-wrap .inner .img-hover img{height: 200px; width: 200px;}
.about-wrap .inner .img-hover{right: 15%; bottom: -25%; max-width: inherit; margin: 0;}
.benefits-wrap{padding: 100px 0 0;}
.benefits-wrap::before{background-position: left center; background-size: cover; position: absolute; top: 0; bottom: inherit; left: 0; width: 100%; height: 50%;}
.benefits-wrap::after{width: 100%; height: 50%; top: inherit; bottom: 0; display: none;}
.benefits-wrap .benefits-left{padding: 0 15px 50px;}
.benefits-wrap .benefits-right{position: relative; padding: 60px 25px; margin: 0 !important; background: #daeed8;}
.benefits-wrap .benefits-right::before{content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: -20px; right: 0; margin: 0 auto; border-top: inherit; border-right: 20px solid transparent; border-bottom: 20px solid #daeed8; border-left: 20px solid transparent;}
.products-sec .content{max-width: inherit;}
.client-feedback::before{width: 100%; height: 50%;}
.client-feedback .left-grid{padding: 0 15px;}
.client-feedback .owl-theme .owl-nav button{left: 0;}
.client-feedback .owl-theme .owl-nav button.owl-next{right: 0;}
.client-feedback .owl-dots{display: block; text-align: center !important; position: relative; right: 0; top: 0; margin: 0;}
.blog-news .left-grid, .blog-news .right-grid{padding: 0 15px;}
.blog-news .right-grid .blog-info{display: block;}
.blog-news .right-grid .blog-info .thumbnail{max-width: 100%; margin: 0;}
.blog-news .blog-info .thumbnail img{height: 250px !important;}
.blog-news .left-grid .content, .blog-news .right-grid .blog-info .content{padding: 25px 0 0 90px;}
.blog-news .right-grid .blog-info .blog-date{top: 24px; right: inherit; left: 0;}
.blog-news .blog-info .blog-date{width: 70px; height: 70px;}
.blog-news .right-grid .blog-info h3{font-size: 18px;}
.ft-logo{display: block;}
.ft-logo .logo-img{display: inline-block;}
.wg-1 address{margin: 30px 0; border-left: 0; padding: 0 0 20px; border-top: 0; border-bottom: 2px solid #fff;}
.detail-tag { overflow: hidden;}
.detail-tag h3:last-child a {letter-spacing: 2px !important;}
.detail-tag .inner {padding: 20px !important;display: block !important;}
.about-sec .about-left { padding: 0 15px 0 15px !important;}
.about-sec .about-right figure .image-about { height: auto !important;}
.about-sec .about-right { margin: -40px 0 30px !important; padding: 0 15px 0 15px !important;}
.about-sec .mini-title { left: 0 !important;right: 0 !important; margin: auto !important; max-width: 355px !important; padding: 20px 25px !important;}
.team-wrap .item { margin: 0 15px 0;}
.blog-news .container { padding: 0;}
.blog-news .row { margin: 0; padding: 0 !important;}
.video-gallery {padding: 40px 0 40px;}
.blog-news {padding: 40px 0 40px;}
.about-sec {padding: 80px 0 40px;}
.products-sec { padding: 40px 0 150px;}
.about-sec { padding: 60px 0 40px; position: relative; z-index: 2;}
.team-wrap .owl-next { right: 10px !important;}
.team-wrap .owl-prev { left: 10px !important;}
.newsletter-form { display: block;}
.newsletter-form input { margin: 0 0 20px;}
.vision-mission-wrap .about-right { margin-bottom: 30px;}
}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
/* Tablets */
@media (min-width: 768px) and (max-width: 1190px) {
.container{width: auto; max-width:850px !important; padding:0 30px;}
}
/* Desktop */
@media (min-width: 960px) and (max-width: 1190px) {
.container{width:auto; max-width:1030px!important; padding:0 30px;}
}
@media (min-width: 1450px) {
.container{max-width: 1350px;}
}
@media (min-width: 1500px) {
.header nav .navbar .links li{margin: 0 15px;}
}