/*@font-face {
font-family: 'gothambook';
src: url('../fonts/gothambook.woff2') format('woff2'),
url('../fonts/gothambook.woff') format('woff');
font-weight: normal;
font-style: normal;
}*/
body {
color: #424242;
font-family: "Poppins", sans-serif;
}
h1,
h2,
h3,
h5 {
color: #36803E;
}
q,
blockquote {
}
h1 {
font-size: 44px;
font-weight: 300;
}
h2 {
font-size: 42px;
font-weight: 700;
line-height: 57px;
}
h3 {
font-size: 29px;
font-weight: 700;
line-height: 35px;
}
h4 {
font-size: 16px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: 1.275px;
text-transform: uppercase;
color: #36803E;
}
h5 {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
ul {
list-style: none;
}
li {
list-style-type: none;
position: relative;
color: #2E3335;
}
li:before {
content: url("../images/ul -li-after.svg");
position: absolute;
top: 0;
left: -15px;
}
.navbar li:before {
display: none;
}
.nav li:before {
display: none;
}
footer li::before{
display: none;
}
#footer .menu-item a[aria-current=page] {
color: #FCCE0D;
}
/*******css hien*********/
/*css moduls new*/
.section-contact .top{
padding: 120px 0 75px 0;
max-width:700px;
margin:0 auto;
}
.top h4 {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
text-align: center;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #40A627;
position:relative;
}
.top h2.border-title,
.top h2{
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 46px;
text-align: center;
color: #424242;
position:relative;
padding-bottom:24px;
margin-bottom:20px;
}
.top h2.border-title:after{
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
width:60px;
height:3px;
margin:0 auto;
background:rgba(43, 137, 53, 1);
}
.section-contact .top p,
.section-timeline .top p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 25px;
text-align: center;
color: #424242;
}
.section-contact .bottom {
display:flex;
justify-content: space-between;
padding-bottom:200px;
max-width:1024px;
margin:0 auto;
}
.section-contact .bottom .box-left {
max-width:476px;
}
.section-contact .bottom .box-left p,
.section-contact .bottom .box-left ul li,
.section-contact .bottom .box-left a {
color:#424242;
}
.section-contact .bottom .box-left ul li:before {
content:'';
width:5px;
height:5px;
border-radius:50%;
background:rgba(66, 66, 66, 1);
top:8px;
}
.section-contact .bottom .box-left ul ul li:before {
width:4px;
height:4px;
}
.section-contact .bottom .box-right {
max-width:320px;
}
.section-contact .bottom p {
margin-bottom:0;
}
.section-contact .bottom ul {
margin-bottom:0;
}
.wrap-form p {
margin:0;
}
.wrap-form label {
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 15px;
color: #222222;
}
.wrap-form br {
display:none;
}
.wrap-form .row {
margin-bottom:15px;
}
.wrap-form input,
.wrap-form select {
width:100%;
height: 40px;
border: 1px solid #888888;
padding:0 10px;
}
.wrap-form input.btn {
width:auto;
padding: 8px 24px;
height: 38px;
border-radius: 0px;
background:rgba(43, 137, 53, 1);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
color: #FFFFFF;
border: none;
}
/**/
.section-timeline {
padding:165px 0 100px 0;
background:#F8F8F8;
}
.section-timeline .top {
max-width:700px;
margin:0 auto;
}
.box-year {
position:relative;
height:140px;
}
.box-year:before {
content:'';
position:absolute;
top:70px;
left:0;
right:0;
height:3px;
background:#BBBCBD;
}
.item-year {
display: inline-block;
vertical-align: middle;
}
.item-year label {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
text-align: center;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #888888;
position: relative;
display: block;
margin: 0 auto;
height:140px;
cursor:pointer;
}
.item-year label:after {
content:'';
position:absolute;
width:27px;
height:27px;
border-radius:50%;
background:#BBBCBD;
top:58px;
left:0;
right:0;
margin:0 auto;
}
.item-year.slick-current label {
color:#2B8935;
}
.item-year.slick-current label:after {
background:#2B8935;
}
.slider-info-year {
border-top:25px solid #2B8935;
box-shadow: 0px 6px 16.3px rgba(0, 0, 0, 0.05);
padding:90px;
background:#fff;
}
.box-year .slider-year:before,
.box-year .slider-year:after {
content:'';
position:absolute;
width:20px;
height:20px;
border-radius:50%;
background:#BBBCBD;
top:61px;
left:0;
margin:0 auto;
}
.box-year .slider-year:after {
left:inherit;
right:0;
}
/**/
.section-quote {
padding:150px 0 120px 0;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
.section-quote .container {
position:relative;
z-index:99;
}
.section-quote.quote-bg-img:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background: rgba(0, 0, 0, 0.4);
}
.section-quote h3 {
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 35px;
text-align: center;
color: #FFFFFF;
margin:0 0 40px 0;
}
.section-quote h4 {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
text-align: center;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #FCCE0D;
}
/**/
.section-physical-properties {
padding:70px 0;
background:#F8F8F8;
}
.list-physical-properties .row {
display:flex;
margin-bottom:40px;
}
.list-physical-properties .row:last-child {
margin-bottom:0;
}
.list-physical-properties .row .icon {
width:250px;
}
.list-physical-properties .row .description {
width:calc(100% - 250px);
}
.list-physical-properties .row .description h4 {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #424242;
}
.list-physical-properties .row .description p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #424242;
}
@media only screen and (max-width: 1199px) {
.footer-menu ul {
text-align:left!important;
}
#footer .footer-menu {
margin-left: 15px;
gap:15px;
display: grid!important;
grid-template-columns: repeat(2, minmax(0px, 1fr));
}
#footer .footer-menu >div {
width:50%;
}
}
@media only screen and (max-width: 980px) {
.section-contact .top {
padding: 60px 0 35px 0;
}
.section-contact .bottom {
display:block;
padding-bottom:30px;
}
.section-contact .bottom .box-left,
.section-contact .bottom .box-right {
max-width:100%;
}
.section-contact .bottom .box-right {
margin-top:20px;
}
.section-timeline {
padding: 80px 0 50px 0;
}
.slider-info-year {
border-top: 15px solid #2B8935;
padding: 30px;
}
.item-year label:after {
width: 17px;
height: 17px;
top: 64px;
}
.box-year .slider-year:before,
.box-year .slider-year:after {
width: 12px;
height: 12px;
top: 65px;
}
}
@media only screen and (max-width: 767px) {
.top h2.border-title, .top h2 {
font-size: 30px;
line-height: 35px;
}
.top h2.border-title,
.top h2,
.section-quote h3 {
font-size: 25px;
line-height: 30px;
}
.copyright .container {
display:block;
}
#footer .footer-menu {
margin-left:0!important;
}
#footer .footer-menu ul li {
padding-bottom:0!important;
}
#footer {
padding: 20px 0px!important;
}
#footer .footer-logo,
#footer .footer-logo .wp-block-image {
margin-bottom:20px!important;
}
}
@media only screen and (max-width: 567px) {
.list-physical-properties .row {
display:block;
}
.list-physical-properties .row .icon {
margin-bottom:20px;
}
.list-physical-properties .row .description {
width:100%;
}
}
@media only screen and (max-width: 480px) {
.list-physical-properties .row .icon,
.list-physical-properties .row .icon img {
width:100%;
}
}
/*****end css hien******/
@media (max-width: 1024px) {
h1 {
font-size: 44px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 34px;
font-weight: 300;
}
h2 {
font-size: 28px;
line-height: 42px;
}
h3 {
font-size: 18px;
line-height: 28px;
}
h4 {
font-size: 15px;
letter-spacing: 1.125px;
}
h5 {
font-size: 16px;
}
}
.barlow {
text-transform: uppercase;
color: #2B8935;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.275px;
}
/* common strat */
.icon-width {
width: 30px;
height: auto;
}
img {
object-fit: cover;
}
input,
select,
textarea {
box-shadow: none;
outline: none;
}
.pointer {
cursor: pointer;
}
.container {
max-width: 1265px !important;
}
.text-main {
color: #2B8E7A;
}
.text-main a {
color: #36803E;
}
.text-main a:hover {
color: #56AC5F;
}
.bg-main {
background-color: #0A364F;
}
.fs-9 {
font-size: 9px;
}
.fs-12 {
font-size: 12px;
}
a {
color: #36803E;
}
a:hover {
color: #56AC5F;
}
a:active {
color: #0D6686;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer !important;
}
/* common end */
/* header start */
.sub-header a img {
width: 12px;
height: 14px;
}
.sub-header .align-items-center {
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
}
.sub-header .align-items-center a {
color: #FCCE0D;
padding-left: 2px;
font-weight:bold;
}
header nav a {
color: #36803E !important;
}
.header-data {
display: flex;
padding: 7px 0;
}
.py-2.navbar {
padding: 30px 0 !important;
}
.main-menu .nav-item.dropdown:hover .dropdown-menu {
display: block !important;
left: 0 !important;
width: auto !important;
text-align: left;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.18) !important;
padding-top: 15px !important;
padding-bottom: 10px;
}
.main-menu .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 10px 10px !important;
border-radius: 2px;
}
.header-data .main-menu.navbar-nav .nav-link {
padding-right: 25px;
padding-left: 0;
color: #215226 !important;
}
.header-data .main-menu.navbar-nav .nav-link.active {
color: #36803E !important;
font-weight: 700;
}
.header-data .main-menu.navbar-nav .nav-link:hover {
color: #215226 !important;
}
.header-data .under-menu.navbar-nav .nav-link {
color: #23454F !important;
font-weight: 700;
}
.header-data .under-menu .dropdown-toggle::after {
content: none !important;
}
.header-data .under-menu .dropdown-toggle::before {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: "";
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
margin-right: 7px;
}
.submenu {
padding-top: 48px !important;
width: 298px;
text-align: center;
left: -52% !important;
border-radius: 0 0 4px 4px;
}
.header-data .dropdown-item:focus,
.dropdown-item:hover {
background-color: #EAF4EA;
border-radius: 7px;
}
.header-data .dropdown-item.active,
.dropdown-item:active {
background-color: #36803E !important;
color: #fff !important;
border-radius: 7px !important;
}
.header-banner-box {
display: flex;
justify-content: space-between;
}
.header-banner-box div {
width: 100%;
height: 10px;
}
.header-banner-box .header-banner-1 {
background-color:#145478;
}
.header-banner-box .header-banner-2 {
background-color: #FCCE0D
}
.nav-link:focus, .nav-link:hover {
color: #fff;
}
.header-banner-box .header-banner-3 {
background-color: #2B8935;
}
.top-bar-menu.justify-content-center{
display: flex;
flex-wrap: wrap;
}
.social-link {
display: inline-block;
margin-left: 15px;
margin-top: 4px;
}
.social-link a{
margin:0 5px;
}
.social-link a:hover path{
fill:#fff;
}
#footer {
background: #424242;
padding: 50px 28px;
}
#footer p {
margin-top: 0;
}
#footer .subscribe-text p {
margin-bottom: 18px;
color: #EAF4EA;
}
#footer .footer-menu ul li a {
font-size: 16px;
color: #EAF4EA;
cursor: pointer;
}
#footer .footer-menu ul li a:hover {
color: #56AC5F;
font-weight: 400;
}
#footer .footer-menu ul li.active a {
color: #56AC5F;
font-weight: 500;
}
#footer .input-mail {
border-radius: 4px;
background: #EAF4EA;
height: 40px;
padding: 8px;
margin-bottom: 18px;
width: 320px;
}
#footer .input-mail input {
outline: none;
font-size: 12px;
}
#footer .input-mail input::placeholder {
font: 12px sans-serif;
}
#footer .input-btn input {
padding: 12px 24px;
font-size: 12px;
color: #fff;
background-color: #36803E;
border-radius: 4px;
border: none;
}
#footer .input-btn input:hover {
background-color: #56AC5F;
color: #fff;
}
#footer .input-btn input:active {
background-color: #36803E;
}
.footer-logo img {
width: 370px;
height: auto;
}
.footer-form-parent {
display: flex;
justify-content: end;
}
.btn-social a img{
height: 20px;
overflow: inherit;
}
#footer .text-main a {
color: #fff;
}
.footer-menu ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px !important;
}
#footer .text-main a:hover {
color: #FCBA04;
}
#footer .widget-title {
font-size: 16px;
color: #FCBA04;
}
.menu-button {
background: transparent;
display: none;
}
@media (max-width: 1200px) {
#footer .footer-menu ul li {
padding-bottom: 8px;
}
.footer-form-parent {
display: flex;
justify-content: end;
}
}
@media (max-width: 992px) {
.menu-button {
display: inline-block;
width: 40px;
text-align: center;
}
.show {
display: block !important;
}
.show-navbar .navbar-nav {
display: block;
padding: 25px 0;
}
.show-navbar {
position: absolute;
top: 100%;
text-align: left;
right: 0;
padding-left: 20px;
background: #fff;
padding-right: 20px;
margin-top: 10px;
width: 280px;
height: auto !important;
}
.top-bar-menu {
margin: 0 !important;
}
.show-navbar .navbar-nav {
padding: 15px 0;
}
.main-menu .nav-item.dropdown:hover .dropdown-menu {
padding: 0 !important;
}
.main-menu .nav-item.dropdown .dropdown-menu .dropdown-item {
padding: 0 15px !important;
margin-left: 0 !important;
}
.main-menu .nav-item.dropdown:hover .dropdown-menu,
.main-menu .nav-item.dropdown .dropdown-menu {
box-shadow: inherit !important;
}
.header-data .under-menu .dropdown-toggle::before {
position: absolute;
top: 19px;
left: -15%;
}
.under-menu ul {
text-align: left !important;
}
.under-menu ul li a {
padding: 0;
}
#footer .input-mail {
padding: 5px;
width: 222px;
}
.footer-logo img {
width: 265px;
}
}
@media (max-width: 767px) {
.header-data .main-logo {
margin-left: 0;
}
.btn-social {
margin-top: 20px;
}
.show-navbar {
position: absolute;
left: 0;
width: 100%;
text-align: left;
}
.show-navbar .navbar-nav {
margin: auto;
}
.header-data .under-menu .dropdown-toggle::before {
position: absolute;
top: 19px;
left: -25px;
}
#footer .footer-menu ul {
gap: 14px;
}
#footer .input-mail {
padding: 8px;
width: 250px;
}
.footer-form-parent {
display: block;
justify-content: end;
}
}
@media (max-width: 576px) {
.header-data .main-logo img {
width: 343px;
height: 86px;
}
}
.padding-single-right .right-content-group{
width: 100%;
}
.padding-single-right .side-image{
margin-left: 10%;
}
/* header end */
.hero-landing-page-layout .hero-content{
margin-top: 30px;
}
.banner-box-h .para-group {
background: #fff;
border-top: 25px solid #2B8935;
padding: 40px;
z-index: 999;
position: relative;
}
.banner-box-h.change-div-right .para-group {
margin-right: -180px;
}
.banner-box-h.change-div-left .para-group {
margin-left: -180px;
}
.hero-section {
background-color: #000000;
background: linear-gradient(91deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.00) 100%), url(/image/long-leave-bg.png);
background-position: center;
background-size: cover;
color: #ffffff;
padding: 60px 20px 100px;
height: 100%;
min-height: 617px;
margin-bottom: 0px;
}
.banner-box-h {
background: #F5F5F5;
overflow: hidden;
}
.hero-content .hero-hadding {
margin-bottom: 24px;
}
.hero-para {
max-width: 600px;
margin: 40px 0;
}
.hero-content .hero-hadding h1,
.hero-content .hero-hadding h1 a {
color: #fff;
margin: 0;
font-weight: 700;
font-size: 45px;
line-height: 1.2em;
}
.hero-content .hero-hadding h1 a:hover {
color: #56AC5F;
}
.inner-hero {
background: #fff;
margin-top: -50px;
padding: 50px 40px 55px;
position: relative;
}
.inner-hero:before {
content: "";
position: absolute;
right: 11%;
top: 0;
background: url(../images/icon1.png);
width: 220px;
height: 268px;
background-repeat: no-repeat;
background-size: contain;
}
.hero-group .inner-hero .btn-button{
position: absolute;
right:40px;
padding: 8px 24px;
border-radius: 0px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.inner-hero h4 {
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
}
.inner-hero h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #424242;
margin: 10px 0 0;
position: relative;
padding-bottom: 25px;
}
.inner-hero h2:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 3px;
width: 60px;
border-radius: 50px;
}
.counter-banner{
display: flex;
flex-wrap: wrap;
padding:50px 0;
}
.item-counter{
width: 25%;
text-align: center;
}
.item-counter h3 {
font-weight: 700;
font-size: 50px;
line-height: 1.2em;
position: relative;
text-align: center;
padding-bottom: 10px;
}
.item-counter h3:before {
position: absolute;
content: "";
bottom: 0;
height: 3px;
width: 60px;
border-radius: 50px;
display: block;
margin: 0 auto;
left: 0;
right: 0;
}
.item-counter p{
font-weight: 600;
font-size: 18px;
line-height: 1.4em;
color: #FFFFFF;
}
.inner-hero .item-counter p{
color: #424242;
}
.hero-content .hero-para p {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.4em;
color: #FFFFFF;
}
.hero-stats .inner-hero:before {
display: none;
}
.hero-stats .counter-banner {
padding: 0;
}
.hero-stats .inner-hero {
padding: 30px 40px 25px;
margin-bottom: 60px;
}
.hero-content .hero-button {
display: flex;
align-items: center;
margin: 30px 0;
}
.hero-content .hero-button a {
border-radius: 0px;
padding: 8px 24px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #215226;
border: none;
}
.right-content .left-right-content.hero-content .hero-button a{
color: #424242;
}
.hero-content .hero-button a.active {
color: #fff;
margin-right: 40px !important;
}
.content-project-overview-layout .hero-content .hero-button a.active,
.content-centered-layout .hero-content .hero-button a.active,
.content-scroling-layout .hero-content .hero-button a.active,
.content-single .hero-content .hero-button a.active {
background-color: #2B8935;
border: 0 solid #2B8935;
}
/*
.hero-content .hero-button a:hover {
background-color: #36803E;
border: 1px solid #36803E;
color: #fff;
}
.hero-content .hero-button a:hover svg path {
stroke: #fff;
}
*/
.hero-group .hero-link a {
font-size: 16px;
color: #fff;
padding-top: 19px;
padding-bottom: 20px;
}
.hero-group .hero-link a svg path {
stroke: #FCBA04;
color: #FCBA04;
}
.hero-group .hero-link a:hover svg path {
stroke: #FCBA04;
}
.hero-group .hero-link a:hover {
color: #FCBA04;
}
.hero-link {
background: #0A364F;
}
.left-content.style-pine-bg .content-wrap, .left-content.style-pine-bg, .right-content.style-pine-bg {
background: #0A364F;
color: #fff;
}
.style-pine-bg .bottom-content span {
color: #fff;
}
.conten-basic .para:before{
display: none !important;
}
.conten-basic .para {
margin-bottom: 0!important;
}
.conten-basic .para-group .para p {
margin-bottom: 10px;
}
.left-content.style-pine-bg .para-group .right-content-heading p {
color: #FCBA04;
}
.style-pine-bg .para-group .para p,
.style-pine-bg .para-group .heading h3 {
color: #fff;
}
.para-group .right-content-heading p {
display: flex;
align-items: center;
gap: 15px;
}
.style-pine-bg .para-group .right-content-heading p:before {
background: #FCBA04;
}
.right-content.style-pine-bg .align-items-center{
background: #0A364F;
}
@media (max-width: 1200px) {
.hero-section {
padding: 8rem;
}
}
@media (max-width: 992px) {
.hero-section {
padding: 4em;
}
.hero-content .hero-hadding {
margin-bottom: 29px;
}
.hero-content .hero-hadding h1,
.hero-content .hero-hadding h1 a {
font-size: 44px;
}
.hero-content .hero-para {
margin-bottom: 61px;
}
.hero-content .hero-para p {
font-size: 14px;
}
.hero-content .hero-button {
margin-bottom: 73px;
}
}
@media (max-width: 767px) {
.hero-section {
padding: 3em;
min-height: 100%;
}
.hero-content .hero-hadding {
margin-bottom: 33px;
}
.hero-content .hero-hadding h1,
.hero-content .hero-hadding h1 a {
font-size: 34px;
}
.hero-content .hero-para {
margin-bottom: 28px;
line-height: 1.5em;
}
.hero-content .hero-button {
margin-bottom: 40px;
}
.hero-content .hero-button a {
padding: 12px;
font-size: 14px;
color: #36803E;
background: rgba(234, 244, 242, 0.80);
}
.hero-content .hero-button a:hover {
background-color: #36803E;
color: #fff;
}
}
@media (max-width: 400px) {
.hero-content .hero-button a {
padding: 8px;
}
.hero-section {
padding: 2em;
}
}
/* hero-basic End */
/* hero-single strat */
.hero-single-blog-layout .back-resources {
margin-bottom: 40px;
}
.hero-single-blog-layout .back-resources a {
color: #fff;
font-size: 16px;
}
.hero-single-blog-layout .back-resources a:hover {
color: #56AC5F;
}
.hero-single-blog-layout .back-resources a:hover svg path {
stroke: #56AC5F;
}
.hero-single-blog-layout .hero-single-hadding {
margin-bottom: 40px;
}
.hero-single-blog-layout .hero-single-para {
margin-bottom: 40px;
}
.hero-single-blog-layout .hero-single-date {
margin-bottom: 40px;
}
.hero-single-blog-layout .hero-single-date p,
.hero-single-blog-layout .hero-single-date a {
color: #CCCDCD;
font-size: 12px;
}
.hero-single-blog-layout .hero-single-date a:hover {
color: #56AC5F;
}
.hero-single-blog-layout .down-arrow-btn {
margin-top: 96px;
}
@media (max-width: 1200px) {
.hero-single-blog-layout {
padding: 8rem;
}
}
@media (max-width: 992px) {
.hero-single-blog-layout .back-resources {
margin-bottom: 29px;
}
.hero-single-blog-layout {
padding: 4rem;
}
}
@media (max-width: 767px) {
.hero-single-blog-layout {
padding: 2rem;
}
.hero-single-blog-layout .back-resources {
margin-bottom: 33px;
}
}
/* hero-single End */
/* hero image content start */
.hero-image-content-layout .hero-image-hadding {
margin-bottom: 32px;
}
.hero-image-content-layout .hero-image-hadding h1 {
font-size: 42px;
font-weight: 700;
line-height: 57px;
color: #EAF4EA;
}
.hero-image-content-layout .hero-image-para {
color: #EAF4EA;
}
@media (max-width: 767px) {
.hero-image-content-layout {
padding: 4rem;
}
.hero-image-content-layout .hero-image-hadding h1 {
font-size: 28px;
line-height: 42px;
}
}
@media (max-width: 640px) {
.hero-image-content-layout .hero-image-hadding br {
display: block;
}
}
@media (max-width: 340px) {
.hero-image-content-layout {
padding: 2rem;
}
}
/* hero image content end */
/* hero-landing page start */
.hero-landing-page-layout .top-hadding {
margin-bottom: 18px;
}
.hero-landing-page-layout .top-hadding p {
margin: 0;
font-size: 17px;
font-weight: 500;
color: #EAF4EA;
}
.hero-landing-page-layout .hero-landing-hadding {
margin-bottom: 18px;
}
.hero-landing-page-layout .hero-landing-hadding h1 {
font-weight: 700;
font-size: 48px;
line-height: 1.4em;
color: #FFFFFF;
}
.hero-landing-page-layout .hero-landing-hadding h1 span{
color: #FCCE0D;
}
.hero-landing-page-layout .hero-landing-para {
margin-bottom: 60px;
}
.hero-landing-page-layout .hero-landing-bottom-content p:first-of-type {
margin-bottom: 34px;
}
.hero-landing-page-layout .hero-landing-bottom-content p {
color: #EAF4EA;
}
.submit-form .hbspt-form {
padding: 50px 30px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.85);
box-shadow: 0px 17px 35px 0px rgba(0, 0, 0, 0.08);
width: 100%;
max-width: 500px;
}
.contact-details .contact-details-box svg path {
stroke: #36803E;
}
select {
color: #8F949B;
}
.hero-landing-page-layout .down-arrow-btn {
margin-top: 96px;
}
.main-form label {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #424242;
display: block;
margin: 0 0 5px;
}
.main-form input[type="text"], .main-form input[type="email"] {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #424242;
display: block;
height: 58px;
box-sizing: border-box;
border: 1px solid #EAEAEA;
padding: 0 10px;
margin: 0 0 20px;
}
.main-form input[type="submit"] {
padding: 8px 38px 8px 24px;
background: #2B8935;
background-image: url('data:image/svg+xml,');
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
border: none;
background-repeat: no-repeat;
background-position: 86px 11px;
}
.main-form input[type="submit"]:hover{
background: #FCCE0D;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 86px 11px;
}
.main-form h3 {
font-weight: 700;
font-size: 29px;
line-height: 35px;
color: #424242;
position: relative;
padding-bottom: 12px;
margin-bottom: 12px;
}
.main-form h3:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 3px;
border-radius: 50px;
width: 60px;
background: #2B8935;
}
.main-form p{
font-weight: 400;
font-size:16px;
line-height: 25px;
color: #424242;
}
.main-form .submit-form{
background: #fff;
padding: 40px;
}
@media (max-width: 992px) {
.hero-landing-page-layout br {
display: none;
}
.hero-landing-page-layout {
height: auto;
}
.hero-landing-page-layout .hero-landing-para {
margin-bottom: 37px;
}
.hero-landing-page-layout .hero-landing-bottom-content p:first-of-type {
margin-bottom: 27px;
}
.submit-form .hbspt-form {
width: 100%;
}
}
@media (max-width: 767px) {
.hero-landing-page-layout {
padding: 0 2rem !important;
}
.main-form {
background-color: white;
margin: 0 -44px;
padding: 40px 23px 50px;
}
.hero-landing-page-layout .hero-group {
padding: 8px;
}
.hero-landing-page-layout .hero-landing-para {
margin-bottom: 30px;
}
.hero-landing-page-layout .hero-landing-bottom-content p:first-of-type {
margin-bottom: 31px;
}
.hero-landing-page-layout .hero-landing-bottom-content p {
font-size: 14px;
}
.hero-landing-page-layout .submit-form form {
padding: 27px 22px 25px 33px;
width: 100%;
}
.hero-landing-page-layout .submit-form form input,
select {
width: 100%;
}
.submit-form .hbspt-form {
padding: 20px 10px;
}
}
/* hero-landing page end */
/* hero video start */
.hero-videoplay-layout .hero-video-hedding {
padding: 60px 0 48px;
}
.hero-videoplay-layout .hero-video-hedding p {
color: #36803E;
font-size: 17px;
font-weight: 500;
letter-spacing: 1.275px;
text-transform: uppercase;
}
.hero-videoplay-layout .hero-video-hedding h1 {
color: #36803E;
font-size: 42px;
font-weight: 700;
}
.video-container {
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0px 8px 20px rgba(black, 0.4);
}
.video-wrapper {
width: 100%;
}
video {
width: 100%;
height: 100%;
}
.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}
#circle-play-b {
cursor: pointer;
pointer-events: auto;
}
#circle-play-c {
cursor: pointer;
pointer-events: auto;
}
@media (max-width: 992px) {
.hero-videoplay-layout .hero-video-hedding h1 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.hero-videoplay-layout .hero-video-hedding {
padding: 40px 0;
}
.hero-videoplay-layout .hero-video-hedding p {
font-size: 15px;
}
.hero-videoplay-layout .hero-video-hedding h1 {
font-size: 18px;
}
}
/* hero video end */
/* gallery-grid-layout start */
.gallery-grid-layout {
padding-top: 50px;
}
.gallery-grid-heading {
width:60%;
margin: auto;
text-align: center;
}
.gallery-grid-heading h3 {
color: #424242;
font-size: 40px;
font-weight: 700;
line-height: 50px;
}
.gallery-grid-heading p {
color: #424242;
font-size: 16px;
font-weight: 325;
line-height: 1.5em;
}
.gallery-grid {
justify-content: center;
align-items: center;
padding: 20px;
}
.gallery-grid .container {
max-width: 1060px !important;
}
.gallery-grid .gallery-bottom-btn {
text-align: center;
margin-top: 60px;
margin-bottom: 40px;
}
.gallery-grid .gallery-bottom-btn a {
background: #36803E;
padding: 20px 30px;
color: #fff;
}
.gallery-grid .gallery-bottom-btn a:hover {
background-color: #56AC5F;
}
.gallery-grid .gallery-bottom-btn a:active {
background-color: #36803E;
}
.image-container {
position: relative;
overflow: hidden;
}
.gallery-grid .image-container {
}
.image-container img {
transition: transform 0.3s;
width: 100%;
height: 284px;
}
.image-container .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s;
}
.gallery-scrolling-layout .image-container .overlay {
background-color:#F8F8F8;
padding: 50px;
}
.content-hover img {
max-width: 100%;
width: auto !important;
display: block;
margin:0 auto 50px;
height: auto;
}
.inner-content-hover p{
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #424242;
}
.inner-content-hover a.me-4 {
padding: 8px 20px 8px 24px;
background: #2B8935;
border-radius: 0px;
font-weight: 600;
font-size: 16px;
line-height: 1.5em;
color: #FFFFFF;
margin: 30px 0 0;
display: inline-block;
}
.image-container:hover> img {
transform: scale(1.1);
}
.image-container:hover .overlay {
opacity: 1;
}
.image-container .overlay i {
font-size: 2rem;
color: white;
}
@media (max-width: 992px) {
.gallery-grid-heading {
width: 75%;
}
.gallery-grid {
padding: 52px;
}
}
@media (max-width: 767px) {
.gallery-grid {
padding: 20px;
}
.gallery-grid-heading {
width: 100%;
padding: 0;
}
.image-container img {
height: 400px;
}
}
/* gallery-grid-layout end */
/* gallery-scrolling */
/* new slider */
.swiper-container {
padding-bottom: 70px;
}
.swiper-logo-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-horizontal>.swiper-scrollbar {
width: 50%;
left: 50%;
bottom: 17px !important;
transform: translateX(-50%);
position: absolute;
z-index: 50;
height: 10px !important;
border-radius: 0 !important;
background: #f1f1f1 !important;
}
.swiper-progress-bar {
display: flex;
justify-content: space-between;
margin-top: 59px;
}
.swiper-wrapper img {
width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 100%;
width: 27px;
height: 44px;
margin-top: -45px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 200px;
right: auto;
background-image: none !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 200px;
left: auto;
background-image: none !important;
}
.swiper-scrollbar-drag {
height: 10px !important;
border-radius: 0 !important;
background: #2B8935 !important;
}
@media (max-width: 1200px) {
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 0;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 5%;
left: auto;
}
}
@media (max-width: 767px) {
.swiper-container {
padding-bottom: 10px;
}
}
/* /////new slider */
.content-single-videos{
padding:60px 0;
}
.heading-single-videos{
text-align: center;
}
.heading-single-videos h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #424242;
margin: 0 0 15px;
}
.heading-single-videos .desc {
max-width: 600px;
margin:0 auto 50px;
}
.gallery-scrolling-layout .slider {
padding-left: 70px;
}
.gallery-scrolling-layout {
padding: 100px 52px 30px 70px;
}
.gallery-scrolling-layout.gallery-content {
padding: 60px 52px 30px 70px;
}
.gallery-scrolling-layout .scroll-arrow {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
padding: 0;
margin: 0;
opacity: 0.5;
font-size: 34px;
transition: 0.2s;
}
.gallery-scrolling-layout .scroll-arrow:hover {
transition: 0.2s;
opacity: 1;
}
.gallery-scrolling-layout ul {
width: 100%;
scroll-behavior: smooth;
display: inline-block;
position: relative;
vertical-align: middle;
text-align: center;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
padding-left: 0;
}
.gallery-scrolling-layout ul::-webkit-scrollbar {
display: none;
}
.gallery-scrolling-layout li {
list-style: none;
display: inline-block;
position: relative;
vertical-align: middle;
width: 20%;
margin-right: 20px;
transition: 0.2s;
}
.gallery-scrolling-layout li {
width: 530px;
}
.gallery-scrolling-layout .image-container >img {
width: 100%;
height: 569px;
object-fit: cover;
object-position: bottom;
}
.gallery-scrolling-layout li:hover {
transition: 0.2s;
filter: grayscale(0);
}
.gallery-scrolling-layout .gallery-scroll-heading {
margin: 40px 0;
}
.gallery-scroll-heading .top-content{
padding-right: 20%;
position: relative;
}
.gallery-scroll-heading .top-content a.me-4{
background-color: #36803E;
color: #fff;
border-radius: 0;
padding: 8px 17px;
position: absolute;
right: 0;
bottom: 10px;
display: inline-block;
}
.gallery-scrolling-layout .gallery-scroll-heading h3 {
color: #424242;
font-size: 29px;
font-weight: 700;
line-height: 35px;
margin:0 0 17px;
}
.gallery-scrolling-layout .para {
padding-bottom: 10px;
margin-bottom: 0;
}
.gallery-scrolling-layout .gallery-scroll-heading p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
.gallery-scrolling-layout .gellery-get-started-btn a {
background-color: #36803E;
color: #fff;
border: 1px solid #36803E;
border-radius: 0;
padding: 8px 17px;
}
.gallery-scrolling-layout .gellery-get-started-btn a:hover {
background-color: #56AC5F;
border: 1px solid #56AC5F;
}
.gallery-scrolling-layout .gellery-get-started-btn a:active {
background-color: #36803E;
border: 1px solid #36803E;
}
.gallery-scrolling-layout .swiper-scrollbar,
.gallery-scrolling-layout .swiper-button-next,
.gallery-scrolling-layout .swiper-button-prev {
/*display: none !important;*/
}
@media (max-width: 992px) {
.gallery-scrolling-layout li {
width: 420px;
margin-right: 0;
}
.gallery-scrolling-layout img {
width: 420px;
height: 569px;
}
}
@media (max-width: 767px) {
.gallery-scrolling-layout .gallery-scroll-heading h3 {
font-size: 18px;
line-height: 28px;
}
.gallery-scrolling-layout .gallery-scroll-heading p {
font-size: 14px;
}
.slider {
padding: 0 36px;
}
.gallery-scrolling-layout {
padding: 10px 36px;
margin-bottom: 0;
}
.gallery-scrolling-layout ul {
white-space: wrap;
}
.gallery-scrolling-layout li {
width: 100%;
padding-bottom: 11px;
}
.gallery-scrolling-layout .slider {
padding-left: 0px;
padding-right: 0;
}
.gallery-scrolling-layout img {
width: 100%;
height: 400px;
}
}
/* ///// gallery-scrolling */
/* gallery-feature-image-layout */
.gallery-feature-image-layout {
padding: 100px 70px;
}
.gallery-logo-scrolling-layout.gallery-feature-image-layout{
padding: 70px 20px;
}
.gallery-feature-image-layout .image-card img {
height: 250px;
object-fit: cover;
object-position: 0 0;
border-radius: 10px;
}
.gallery-feature-image-layout .gallery-feature-image-heading h2 {
color: #1E5123;
font-size: 42px;
font-weight: 700;
line-height: 57px;
margin-bottom: 19px;
}
.gallery-feature-image-heading .hero-button {
margin-top: 20px;
}
@media (max-width: 992px) {
.gallery-feature-image-layout .gallery-feature-image-heading h2 {
font-size: 38px;
}
.gallery-feature-image-layout {
padding: 60px 53px;
}
.gallery-feature-image-layout .image-card img {
height: 400px;
}
}
@media (max-width: 767px) {
.gallery-feature-image-layout {
padding: 0 24px;
}
.gallery-feature-image-layout .gallery-feature-image-heading h2 {
font-size: 18px;
margin-bottom: 0;
}
.gallery-feature-image-layout .gallery-feature-image-heading p {
font-size: 14px;
line-height: 20px;
}
}
/* ////gallery-feature-image-layout */
/* */
.gallery-team-layout {
padding: 52px;
}
.gallery-team-layout .gallery-team-heading {
width: 60%;
margin: auto;
text-align: center;
margin-bottom: 54px;
}
.gallery-team-layout .gallery-team-heading h3 {
color: #424242;
font-size: 29px;
font-weight: 700;
line-height: 38px;
}
.gallery-team-layout .gallery-team-heading p {
color: #424242;
font-size: 16px;
}
.gallery-team-layout .team-image {
margin-bottom: 25px;
}
.gallery-team-layout .team-image img {
height: auto;
object-fit: cover;
}
.gallery-team-layout .team-details {
text-align: start;
padding-left: 10px;
}
.gallery-team-layout .team-details h6 {
color: #323232;
font-size: 22px;
line-height: 28px;
margin: 0 0 3px;
}
.gallery-team-layout .item {
margin-bottom: 40px;
}
.gallery-team-layout .team-details p {
color: #424242;
font-size: 16px;
line-height: 1.5em;
}
.team-details-model .close-btn {
position: absolute;
right: -6%;
top: -10%;
}
.team-details-model .m-top {
margin-top: 100px;
}
.team-details-model .model-group {
padding: 86px;
}
.team-details-model .team-details-content .sub-heading p {
color: #2B8935;
font-size: 16px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.team-details-model .team-details-content h3 {
color: #424242;
font-size: 29px;
font-weight: 700;
line-height: 35px;
margin-bottom: 18px;
}
.team-details-model .team-details-content p {
color: #424242;
font-size: 16px;
line-height: 1.5em;
}
@media (max-width: 992px) {
.tab-heading,
.gallery-team-layout .gallery-team-heading {
width: 75%;
margin-bottom: 25px;
}
.team-details-model .model-group {
padding: 30px;
}
.team-details-model .close-btn {
position: absolute;
right: -11%;
top: -6%;
}
.team-details-model .m-top {
margin-top: 71px;
}
}
@media (max-width: 767px) {
.gallery-team-layout {
padding: 14px;
}
.tab-heading,
.gallery-team-layout .gallery-team-heading {
width: 100% !important;
margin-bottom: 10px;
}
.gallery-team-layout .gallery-team-heading h6 {
font-size: 18px;
}
.gallery-team-layout .team-image img {
height: 400px;
}
.gallery-team-layout .gallery-team-heading p {
font-size: 14px;
}
.team-details-model .model-group {
padding: 18px;
}
.team-details-model .close-btn {
right: -4%;
top: -15%;
}
.team-details-model .team-details-content .sub-heading p {
font-size: 15px;
letter-spacing: 0;
margin-bottom: 0;
}
.team-details-model .team-details-content h3 {
font-size: 18px;
line-height: 28px;
margin-bottom: 19px;
}
.team-details-model .team-details-content p {
font-size: 14px;
line-height: 20px;
}
}
/* */
/* */
.swiper-logo-container {
padding-bottom: 10px;
}
.swiper-logo-container .swiper-scrollbar {
width: 80%;
left: 50%;
bottom: 17px !important;
transform: translateX(-50%);
position: absolute;
z-index: 50;
height: 10px !important;
border-radius: 0 !important;
background: #F5F5F5 !important;
}
.swiper-logo-container .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 0 !important;
margin-top: -40px;
}
.swiper-logo-container .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 0;
margin-top: -40px;
}
.gallery-logo-scrolling-layout .logo-img {
height: 137.097px;
object-fit: contain;
width: 170px;
}
.swiper-logo-container .swiper-button-prev svg,
.swiper-logo-container .swiper-button-next svg {
width: 9px;
}
@media (max-width: 992px) {
.gallery-logo-scrolling-layout.gallery-feature-image-layout {
padding: 70px 18px;
}
}
@media (max-width: 767px) {
.gallery-logo-scrolling-layout.gallery-feature-image-layout .gallery-feature-image-heading h3 {
font-size: 28px;
}
.gallery-logo-scrolling-layout.gallery-feature-image-layout {
padding: 20px 18px;
}
.swiper-logo-container {
padding-bottom: 0;
}
}
/* */
/* right-content */
.left-right-content.hero-content .hero-button a {
color: #fff;
}
.style-white .left-right-content.hero-content .hero-button a:hover {
background: #fcce0d !important;
}
.style-pine-bg .left-right-content.hero-content .hero-button a:hover {
background: #2b8935 !important;
}
.left-right-content.hero-content .hero-button a:hover {
color: #fff !important;
}
.left-right-content.hero-content .hero-button a:hover path{
stroke: #fff !important;
}
.right-content-group {
width: 80%;
margin: auto;
}
.image-position img {
width: 100%;
}
.content-project .para:before{
display: none !important;
}
.content-project .para {
margin-bottom: 0!important;
}
.content-project .para-group .para p {
margin-bottom: 10px;
}
.content-project .para-group .right-content-heading p {
color: #40A627;
}
.content-project .item-counter {
width: 33.3%;
}
img{
max-width: 100%;
}
.content-project .counter-banner {
box-shadow: 0px 10px 40px rgba(41, 41, 41, 0.1);
margin: 10px 0 0;
padding: 30px 0;
background: #fff;
z-index: 9;
position: relative;
border-top: 25px solid #FCCE0D;
margin-bottom: 50px;
margin-right: -300px;
}
.content-project .item-counter h3 {
color: #2B8935;
}
.content-project .item-counter h3:before {
background: #2B8935;
}
.content-project .item-counter p {
color: #424242;
}
.para-group .right-content-heading p {
font-weight: 700;
font-size: 16px;
line-height: 1.5em;
letter-spacing: 0.075em;
text-transform: uppercase;
margin: 0 0 10px;
}
.hero-button a{
background: #FCCE0D;
color: #424242;
}
.content-project .hero-button a{
color: #424242 !important;
}
.content-project .hero-button a svg path {
stroke: #424242;
}
.content-project .hero-button a.active svg path {
stroke: #fff;
}
.content-project .hero-button a.active {
background: #2B8935;
color: #fff;
}
.content-project .hero-button a.active {
color: #fff !important;
}
.para-group .heading h3 {
color: #424242;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #424242;
margin: 0 0 25px;
}
.para {
position: relative;
padding-bottom: 5px;
margin-bottom: 40px;
}
.para:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 3px;
border-radius: 50px;
width: 60px;
background:#2B8935;
}
.style-pine-bg .para:before {
background:#fcce0d;
}
.style-white .para:before {
background:#2b8935;
}
.para-group .para p {
color: #424242;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 30px;
}
.conten-basic-v2.style-white .para-group .heading h3 span{
color:#2b8935;
}
.conten-basic-v2.style-pine-bg .para-group .heading h3 span{
color:#fcce0d;
}
.right-content .bottom-content p {
margin-bottom: 37px;
color: #2E3335;
font-size: 16px;
}
@media (max-width: 992px) {
.right-content-group {
width: 97%;
margin: 15px auto;
}
.para-group .para p {
margin-bottom: 30px;
}
.para-group .right-content-heading p {
margin-top: 20px;
}
.image-position img {
height: 648px;
object-fit: cover;
object-position: 0 0;
}
}
@media (max-width: 767px) {
.para-group .heading h3 {
font-size: 18px;
line-height: 28px;
}
.image-position img {
width: 100%;
height: 100%;
}
}
/*///// right-content */
/* content-Scroling */
.content-scroling-layout {
padding:80px 20px;
}
.content-video .para {
margin-bottom: 0;
}
.carousel-indicators [data-bs-target] {
width: 10px !important;
height: 10px !important;
border-radius: 50%;
background-color: #56AC5F !important;
}
.carousel-inner-slide .carousel-item img {
height: 642px;
object-fit: cover;
object-position: 0 0;
}
.carousel-control-prev-icon {
background-image: url(../images/prev-arrow.svg);
}
.carousel-control-next-icon {
background-image: url(../images/next-arrow.svg);
}
@media (max-width: 992px) {
.content-scroling-layout {
padding: 20px 53px;
}
}
@media (max-width: 767px) {
.content-scroling-layout .right-content-group {
width: 100%;
margin: auto;
}
.content-scroling-layout {
padding: 20px 15px;
}
.carousel-inner-slide .carousel-item img {
height: 300px;
}
}
/*////// content-Scroling */
/* */
.content-centered-layout {
text-align: center;
width: 60%;
margin: auto;
padding: 80px 20px;
}
.content-centered-layout .sub-heading h4 {
margin-bottom: 8px;
font-weight: 700;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #C2D842;
}
.content-centered-layout .sub-heading h2 {
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #fff;
margin-bottom: 20px;
}
.content-centered-layout .sub-heading p {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 42px;
}
.content-centered-layout .hero-content .hero-button a {
color: #fff;
}
.content-centered-layout .hero-content .hero-button a svg path {
stroke: #fff;
}
.content-centered-layout .hero-content .hero-button a.active svg path {
stroke: #fff;
}
.content-centered-layout .hero-content .hero-button a:hover {
color: #fff;
transition: 0.5s;
}
.content-centered-layout .hero-content .hero-button a:hover svg path {
stroke: #fff;
transition: 0.5s;
}
@media (max-width: 1200px) {
.content-centered-layout {
width: 80%;
}
}
@media (max-width: 992px) {
.content-centered-layout {
width: 100%;
padding: 0 56px;
}
.content-centered-layout .sub-heading h2 {
font-size: 35px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.content-centered-layout {
padding: 18px;
}
.content-centered-layout .sub-heading h2 {
font-size: 23px;
line-height: 30px;
}
}
/* */
/* content-single-image */
.content-single-layout {
padding: 30px 70px;
}
.content-single-layout .para-group {
width: 88%;
margin: auto;
}
.content-single-layout .para-group .heading h2 {
color: #36803E;
font-size: 42px;
font-weight: 700;
line-height: 57px;
}
.content-single-layout .hero-content .hero-button a {
color: #2B8E7A;
}
.content-single-layout .hero-content .hero-button a:hover {
color: #fff;
transition: 0.5s;
}
.content-single-layout .hero-content .hero-button a:hover svg path {
stroke: #fff;
transition: 0.5s;
}
#video::-webkit-media-controls {
display: none !important;
}
#singleVideo::-webkit-media-controls {
display: none !important;
}
@media (max-width: 1200px) {
.content-single-layout .para-group {
width: 100%;
margin-top: 25px;
}
.content-single-layout {
padding: 10px 40px;
}
}
@media (max-width: 992px) {
.content-single-layout .para-group .heading h2 {
font-size: 28px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.content-single-layout .para-group {
width: 100%;
}
.content-single-layout .para-group .heading h2 {
font-size: 18px;
line-height: 25px;
}
.content-single-layout {
padding: 20px;
}
}
/*////// content-single-image */
/* content-project-overview */
.content-project-overview-layout .side-image img {
height: 650px;
}
.content-project-overview-layout .para-group h4 {
color: #36803E;
font-size: 17px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1.275px;
margin-bottom: 18px;
}
.content-centered-layout .para-group .heading h3,
.content-scroling-layout .para-group .heading h3,
.content-project-overview-layout .para-group h3 {
color: #424242;
font-size: 40px;
font-weight: 700;
line-height: 50px;
}
.static-detsilas {
margin-bottom: 57px;
}
.static-detsilas .number-counter span {
color: #215226;
font-size: 42px;
font-weight: 700;
}
.static-detsilas .number-counter .counter-prefix {
color: #72A678;
}
.static-detsilas .number-counter .counter-suffix {
color: #72A678;
}
.static-detsilas .number-counter p {
margin-bottom: 0;
color: #215226;
font-size: 22px;
line-height: 28px;
}
@media (max-width: 992px) {
.content-project-overview-layout .side-image img {
height: auto;
}
.static-detsilas .number-counter span {
font-size: 29px;
}
.static-detsilas .number-counter p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.content-project-overview-layout .para-group h3 {
font-size: 18px;
line-height: 25px;
}
}
/*///// content-project-overview */
/* CTA All*/
.cta-inline-layout {
padding: 30px 88px;
}
.cta-layout {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cta-iamge-layout {
padding: 45px 0;
width: 100%;
text-align: start;
height: auto;
background-color: #EAF4EA;
}
.cta-iamge-layout .hero-content {
width: 90%;
}
.cta-inline-layout .hero-button a {
color: #2B8E7A;
}
.cta-inline-layout .hero-button a:hover {
color: #fff;
}
.cta-inline-layout .hero-button a:hover svg path {
stroke: #fff;
transition: 0.5s;
}
.cta-layout .hero-content .hero-button a {
border: 0;
background: #FCCE0D;
color: #215226;
}
.cta-layout .hero-content .hero-button a.active {
color: #fff;
}
.cta-layout .hero-content .hero-button a.active:hover svg path {
stroke: #fff;
transition: 0.5s;
}
.cta-layout .hero-content .hero-button a svg path {
stroke: #215226;
}
@media (max-width: 1200px) {
.cta-layout {
width: 100%;
}
}
@media (max-width: 992px) {
.cta-layout {
padding: 100px 0;
height: 100%;
}
.cta-iamge-layout {
padding: 56px;
}
.cta-inline-layout {
padding: 0 56px;
}
}
@media (max-width: 767px) {
.cta-inline-layout {
padding: 0 25px;
}
.cta-layout {
padding: 18px;
height: 100%;
}
.cta-layout.content-centered-layout .sub-heading h2 {
font-size: 28px;
}
.cta-layout .hero-button {
display: block;
}
.cta-layout .hero-button a {
justify-content: center;
margin-bottom: 17px !important;
width: 55%;
margin: auto;
padding: 20px 20px 20px 24px;
}
.cta-iamge-layout .hero-content {
width: 100%;
}
.cta-inline-layout .hero-button a {
justify-content: center;
margin-bottom: 17px !important;
width: 55%;
padding: 20px 20px 20px 24px;
}
}
/*///// CTA All*/
.tab-layout {
padding: 50px 0px;
}
.tab-layout .nav-link {
color: #36803E;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 28px;
border: none !important;
margin: 0 18px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #fff;
font-weight: 700;
background: #215226;
border-radius: 5px;
}
.tab-layout .tab-content .tab-content-details img {
height: 100%;
border-radius: 10px;
object-fit: cover;
object-position: 0 0;
}
.tab-layout .tab-content .tab-content-details .side-box {
display: flex;
align-items: center;
border-radius: 10px;
background: #F3F8F2;
padding: 50px 50px;
}
.tab-layout .tab-content .tab-content-details .side-box .side-heading {
color: #1E5123;
font-size: 29px;
line-height: 28px;
font-weight: 700;
font-family: 'Sora', sans-serif;
}
.tab-layout .tab-content .tab-content-details .side-box p {
color: #000;
font-size: 16px;
line-height: 1.5em;
}
.tab-group {
margin-bottom: 6px;
text-align: center;
}
.tab-heading {
width: 40%;
margin: auto;
text-align: center;
margin-bottom: 54px;
}
.tab-layout .tab-heading h3 {
color: #1E5123;
font-size: 40px;
font-weight: 700;
line-height: 57px;
margin-bottom: 15px;
}
.tab-layout .tab-heading p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
.tab-layout .nav-tabs {
background: #72A678;
border-radius: 5px;
width: auto;
margin-left: auto;
margin-right: auto;
padding: 7px 10px;
}
.tab-layout .nav-tabs li {
gap: 10px;
}
.tab-layout .nav-link {
color: #fff;
padding-left: 42px;
padding-right: 42px;
border: 0;
}
.tab-layout .nav-tabs button {
margin: 0;
padding-top: 7px;
padding-bottom: 6px;
}
.post-roll-news-layout .hero-content .hero-button {
margin-top: 0;
margin-bottom: 0;
}
.post-roll-news-layout .para-group .para p {
margin-bottom: 20px;
}
.post-roll-news-layout .hero-button a.active,
.tab-content .hero-content .hero-button a.active {
background-color: #1E5123;
border: 1px solid #1E5123;
color: #fff !important;
}
.post-roll-news-layout .hero-button a,
.tab-content .hero-content .hero-button a {
color: #36803E;
border: 1px solid #1E5123;
}
.post-roll-news-layout .hero-button a:hover {
color: #fff;
}
.tab-content .hero-content .hero-button {
margin: 30px 0 0;
}
@media (max-width: 992px) {
.tab-layout {
padding: 20px 64px;
}
.tab-group {
margin-bottom: 30px;
}
.tab-layout .tab-heading h3 {
font-size: 28px;
}
.tab-layout .tab-content .tab-content-details .side-box {
padding: 25px 38px;
}
.tab-layout .tab-content .tab-content-details img {
height: 501px;
object-fit: cover;
object-position: 0 0;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
font-weight: 700;
border-bottom: none !important;
}
}
@media (max-width: 767px) {
.tab-layout {
padding: 20px 28px;
}
.tab-layout .tab-heading h3 {
font-size: 18px;
}
.tab-layout .tab-content .tab-content-details .side-box {
margin-top: 18px;
padding: 37px;
}
.tab-layout .tab-content .tab-content-details img {
width: auto;
height: 400px;
}
.tab-content .hero-content .hero-button {
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
gap: 15px;
}
}
/* Accordion - FINAL */
.accordion-layout {
padding: 20px 60px;
}
.accordion-layout .accordion {
--bs-accordion-border-width: 0;
}
.accordion-layout .accordion-heading {
margin-bottom: 42px;
}
.accordion-layout .accordion-heading h2 {
color: #1E5123;
font-size: 42px;
font-weight: 700;
line-height: 57px;
margin-bottom: 15px;
}
.accordion-layout .accordion-heading p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
.accordion-button:after {
background-image: url(../images/accordin-plus-arrow.svg);
margin: 0;
background-size: 38px;
height: 38px;
width: 38px;
}
.accordion-button:not(.collapsed):after {
background-image: url(../images/accordion-cross-arrow.svg);
margin: 0;
}
.accordion-button:not(.collapsed) {
background-color: transparent !important;
}
.accordion-flush .accordion-item:first-child {
border-top: 1px solid #36803E;
}
.accordion-item {
border-bottom: 1px solid #36803E;
}
.accordion-title {
align-items: baseline;
margin: 42px 0;
}
.accordion-title h3 {
color: #1E5123;
font-size: 29px;
font-weight: 700;
line-height: 35px;
}
.accordion-title p {
color: #1E5123;
font-size: 42px;
font-weight: 700;
line-height: 28px;
}
.accordion-title .accordion-body p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
font-weight: 300;
}
@media (max-width: 992px) {
.accordion-layout {
padding: 20px 52px;
}
.accordion-layout .accordion-heading h2 {
font-size: 38px;
}
.accordion-title h3 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.accordion-layout {
padding: 20px 28px;
}
.accordion-layout .accordion-heading {
margin-bottom: 18px;
}
.accordion-layout .accordion-heading h2 {
font-size: 28px;
line-height: 42px;
margin-bottom: 18px;
}
.accordion-layout .accordion-heading p {
font-size: 14px;
line-height: 20px;
}
.accordion-title {
margin: 12px 0 0 0;
}
.accordion-title h3 {
font-size: 18px;
line-height: 28px;
}
.accordion-title p {
font-size: 24px;
}
}
/* ///// Accordion - FINAL */
/* contact Form */
.contact-form-layout {
padding: 3em 100px;
}
.contact-form-layout .form-left-content .haeding {
margin-bottom: 62px;
}
.contact-form-layout .form-left-content .haeding h2 {
color: #1E5123;
font-size: 42px;
line-height: 57px;
margin-bottom: 11px;
}
.contact-form-layout .form-left-content .haeding .barlow p {
color: #36803E;
}
.contact-form-layout .form-left-content .haeding p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
.contact-details .contact-details-box {
margin-bottom: 36px;
}
.contact-details .contact-details-box a {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
@media (max-width: 992px) {
.contact-form-layout {
padding: 20px 50px;
}
.contact-form-layout .form-left-content .haeding h2 {
font-size: 28px;
line-height: 35px;
margin-bottom: 11px;
}
.contact-form-layout .submit-form form {
width: 100%;
}
.contact-form-layout .submit-form form input,
select {
width: 100%;
}
}
@media (max-width: 767px) {
.contact-form-layout {
padding: 20px 25px;
}
.contact-form-layout .form-left-content .haeding {
margin-bottom: 25px;
}
.contact-form-layout .form-left-content .haeding h2 {
font-size: 22px;
line-height: 35px;
margin-bottom: 11px;
}
.contact-details .contact-details-box {
margin-bottom: 20px;
}
}
/* ///// contact Form */
/* */
.news-letter {
padding: 0 20px;
background: #215226;
}
.content-letter{
}
.news-letter .haeding h3 {
margin-bottom: 13px;
font-weight: 700;
font-size: 40px;
line-height: 50px;
color: #FCCE0D;
}
.news-letter .haeding p {
color: #fff;
font-size: 22px;
font-weight: 400;
line-height: 28px;
max-width: 500px;
}
.news-letter .tnp-subscription input[type="email"]{
background: #fff;
height: 40px;
padding: 8px;
width: 309px;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #BBBCBD;
}
.news-letter .tnp-subscription input[type="submit"]{
background-image: url('data:image/svg+xml,');
background-color: #FCCE0D;
background-repeat: no-repeat;
font-size: 0;
width: 40px;
height: 40px;
position: absolute;
line-height: 40px;
background-position: center;
right: 0;
top: 0;
}
.news-letter .tnp-subscription input[type="submit"]:hover{
background-color: #36803E;
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position:center;
}
.news-letter label{
display: none !important;
}
.news-letter .footer-form{
margin-top: 35px;
}
.news-letter .footer-form .tnp-subscription{
position: relative;
}
.news-letter .input-btn input {
padding: 12px 24px;
font-size: 16px;
color: #fff;
background-color: #36803E;
border-radius: 4px;
border: none;
}
.news-letter .input-btn input:hover {
background-color: #56AC5F;
color: #fff;
}
.news-letter .input-btn input:active {
background-color: #36803E;
}
.news-letter .footer-form-parent {
position: relative;
}
.news-letter .footer-form >p{
display: none;
}
.news-letter div.tnp-subscription{
margin:0;
max-width: 360px;
}
.bg-news-letter {
height: 80px;
background-color: #72A678;
}
@media (max-width: 992px) {
.news-letter {
padding: 30px 35px;
}
.news-letter .footer-form {
position: unset;
padding: 25px;
width: 100%;
}
}
@media (max-width: 767px) {
.news-letter {
padding: 30px 20px;
}
.news-letter .submit-form form {
position: unset;
}
/* .news-letter .footer-form {
position: unset;
padding: 52px 30px 40px 45px;
} */
}
/* */
/* blog-post */
.blog-post-heading {
width: 100%;
margin-bottom: 70px;
padding-right: 20%;
position: relative;
}
.blog-post-heading a.me-4 {
background-color: #36803E;
color: #fff;
border-radius: 0;
padding: 8px 17px;
position: absolute;
right: 0;
bottom: 10px;
display: inline-block;
}
.blog-post-heading h1 {
color: #1E5123;
font-size: 48px;
font-weight: 700;
}
.inner-item-post{
background: #fff;
padding:15px;
}
.inner-item-post a img{
display: block;
width: 100%;
}
.ct-all-post{
padding:20px 10px 10px;
}
.ct-all-post a.title-p{
font-weight: 700;
font-size: 29px;
line-height: 35px;
color: #424242;
display: block;
margin:20px 0;
}
span.cat-post{
padding: 4px 11px;
background: #E2F1E4;
font-weight: 500;
font-size: 10px;
line-height: 15px;
color: #2B8935;
}
.img-avata img {
border-radius: 50%;
}
.button-post span {
margin-right: 10px;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #888888;
}
.button-post span.date-p {
margin-right: 0;
margin-left:10px;
}
.blog-post-heading .para p {
color: #2E3335;
font-size: 18px;
font-weight: 400;
}
.alm-filter--title h3 {
color: #8F949B !important;
font-size: 17px;
font-weight: 500;
letter-spacing: 1.275px;
border-radius: 5px 5px 0px 0px;
border: 1px solid#CCCDCD;
background: #EAF4EA;
padding: 10px 11px;
margin: 0;
text-transform: uppercase;
margin-bottom: 10px;
}
.alm-filter--inner ul {
border-radius: 0px 0px 5px 5px;
border: 1px solid #CCCDCD;
padding: 20px 9px !important;
}
.alm-filter--inner ul li div {
color: #407685 !important;
font-size: 12px !important;
line-height: normal !important;
display: flex !important;
align-items: center !important;
}
#alm-selected-filters li div {
color: #407685 !important;
font-size: 12px !important;
background-color: transparent !important;
border: none !important;
}
#alm-selected-filters li {
display: block !important;
outline: none !important;
box-shadow: none !important;
}
#alm-selected-filters li div:before {
content: url(../images/minus-icon.svg) !important;
vertical-align: middle !important;
}
.alm-filters-container .alm-filter li div.alm-filter--link.field-checkbox:before {
border-radius: 4px !important;
}
.alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox:before,
.alm-filters-container .alm-filter li div.alm-filter--link.active.field-radio:before {
background-color: #CCCDCD !important;
border: #CCCDCD;
border-radius: 4px;
}
.alm-filter--text label {
color: #8F949B;
font-size: 17px;
font-weight: 500;
letter-spacing: 1.275px;
margin-top: 25px;
}
.alm-filter--text .alm-filter--text-wrap {
border-radius: 5px;
border: 1px solid var(--main-color-tint-5, #CCCDCD);
background: var(--background-light, #EAF4EA);
}
.alm-filter--text .alm-filter--text-wrap input {
background: none !important;
border: none !important;
}
.alm-filter--text .alm-filter--text-wrap button {
display: none;
}
#alm-filters-filters .alm-filters--controls {
position: absolute;
top: -53px;
right: 0;
left: 70%;
}
#alm-filters-filters .alm-filters--controls button {
color: #8F949B !important;
text-align: right;
font-size: 12px !important;
font-weight: 600 !important;
text-decoration-line: underline !important;
}
#ajax-load-more .alm-listing {
height: 100% !important;
}
#ajax-load-more .alm-reveal li {
padding: 0 !important;
background: none;
}
#ajax-load-more .alm-reveal li .alm-card-details {
padding: 35px 25px 10px 25px !important;
}
#ajax-load-more .alm-reveal li .alm-card-btn a {
color: #36803E;
font-size: 16px;
}
#ajax-load-more .alm-reveal li img {
position: relative;
object-fit: cover;
object-position: 0 0;
}
#ajax-load-more .alm-reveal li h3 a {
color: #36803E;
font-size: 18px;
font-weight: 400;
}
#ajax-load-more .alm-reveal li p {
color: #2E3335;
font-size: 16px;
line-height: 1.5em;
}
.alm-listing .css-grid {
display: inline-grid;
grid-template-columns: 1fr;
gap: 20px;
}
#ajax-load-more .alm-reveal li .category-name {
position: absolute;
top: 19px;
right: 16px;
}
#ajax-load-more .alm-reveal li .category-name span {
border-radius: 5px;
background: #36803E;
padding: 8px 20px;
align-items: center;
color: #EAF4EA;
text-align: center;
font-size: 14px;
}
ul.alm-paging li.active a {
background: none !important;
border: none !important;
color: #56AC5F !important;
font-size: 16px !important;
}
ul.alm-paging li a {
background: none !important;
border: none !important;
color: #36803E !important;
font-size: 16px !important;
}
.alm-filter--text-wrap:before {
content: url(../images/search-icon.svg) !important;
position: relative;
left: 5px;
top: 9px;
}
ul.alm-paging {
display: flex;
align-items: center;
justify-content: end;
}
.alm-paging .prev a span:before {
content: url(../images/prev-arrow.svg) !important;
}
.alm-paging .next a :before {
content: url(../images/next-arrow.svg) !important;
}
@media (max-width: 1200px) {
.blog-post-heading {
width: 80%;
}
}
@media (max-width: 992px) {
.blog-post-heading h1 {
font-size: 36px;
}
.blog-post-heading {
width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.blog-post-heading h1 {
font-size: 28px;
}
}
@media screen and (min-width:480px) {
.alm-listing .css-grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width:1024px) {
.alm-listing .css-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.alm-listing .css-grid>div {
margin: 0 5px 10px;
padding-bottom: 25px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #efefef;
}
/*//////// blog-post */
/* single-post-layout */
.single-post-layout .post-roll-news-layout .news-details {
padding: 100px 0;
}
.post-roll-news-layout .para-group .heading h3 {
color: #1E5123;
font-size: 42px;
line-height: 57px;
}
.single-post-layout .news-details blockquote {
color: #36803E;
font-size: 20px;
font-weight: 300;
line-height: 29px;
padding: 10px 0 30px 0;
border-top: 2px solid #36803E;
}
.single-post-layout .news-details .article-btn a {
border-radius: 4px;
background: #36803E;
padding: 12px 20px 12px 24px;
gap: 8px;
min-width: 208px;
height: 42px;
color: #fff;
}
.single-post-layout .news-details .article-btn a:hover {
background: #56AC5F;
}
.single-post-layout .news-details .article-btn a:active {
background: #36803E;
}
.single-post-layout .news-details .single-post-details {
padding: 50px 0;
}
.single-post-layout .news-details .single-post-details .person-img {
margin-right: 20px;
}
.single-post-layout .news-details .single-post-details .person-img img {
width: 200px;
height: 185px;
}
.single-post-layout .news-details .single-post-details .team-details-content h3 {
color: #36803E;
font-size: 29px;
font-weight: 700;
}
.single-post-layout .news-details .single-post-details .team-details-content p {
color: #2C5A67;
font-size: 16px;
}
.single-post-layout .news-details .single-post-details .team-details-content .small-icon a svg {
width: 16px;
height: 16px;
}
.archive-page-layout {
padding: 30px 58px;
}
.archive-page-layout .haeding h1 {
color: #2C5A67;
font-size: 48px;
font-weight: 300;
margin-bottom: 50px;
line-height: normal;
}
.archive-page-layout .slide-details p {
margin-bottom: 36px;
}
@media (max-width: 1024px) {
.single-post-layout .post-roll-news-layout .news-details {
width: 90%;
}
.archive-page-layout {
padding: 30px 52px;
}
.archive-page-layout .haeding h1 {
font-size: 44px;
margin-bottom: 30px;
}
.archive-page-layout .slide-details p {
margin-bottom: 48px;
}
}
@media (max-width: 767px) {
.single-post-layout .post-roll-news-layout .news-details {
padding: 35px 0;
}
.single-post-layout .news-details blockquote {
font-size: 16px;
line-height: 27px;
padding: 10px 0 10px 0;
}
.single-post-layout .news-details .single-post-details .team-details-content h3 {
font-size: 18px;
}
.single-post-layout .news-details .single-post-details .team-details-content p {
font-size: 14px;
}
.archive-page-layout {
padding: 20px;
}
.archive-page-layout .haeding h1 {
font-size: 34px;
margin-bottom: 25px;
}
.archive-page-layout .slide-details p {
margin-bottom: 22px;
}
}
/*////// single-post-layout */
/* feature-icon-layout */
.feature-icon-layout {
padding: 100px 20px;
}
.feature-icon-layout .icon-box {
padding: 20px 0;
}
.feature-icon-layout .icon-box .haeding h3 {
margin-bottom: 29px;
margin-top: 6px;
font-weight: 700;
font-size: 29px;
line-height: 35px;
color: #424242;
}
.feature-icon-layout .icon-box .haeding p {
font-size: 16px;
line-height: 1.5em;
margin: 0;
}
.feature-icon-layout .card-group .card {
--bs-card-border-width: 0;
}
.card-group>.card {
flex: initial;
}
.feature-icon-layout .icon-box .read-more-btn a span {
font-size: 16px;
}
.feature-icon-bg-change-layout {
background-color: #36803E;
}
.feature-icon-bg-change-layout .card {
background: none;
}
@media (max-width: 992px) {
.feature-icon-layout {
padding: 60px;
}
.feature-icon-layout .icon-box .haeding h3 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.feature-icon-layout {
padding: 36px 23px;
}
.feature-icon-layout .icon-box .haeding h3 {
font-size: 18px !important;
line-height: 28px;
margin-bottom: 10px;
}
.feature-icon-layout .icon-box .haeding p {
font-size: 14px;
line-height: 20px;
}
}
/*/// feature-icon-layout */
/*stats-layout */
.stats-layout {
padding: 77px 20px 120px;
background: #F8F8F8;
}
.stats-layout .haeding h2 {
color: #424242;
text-align: center;
font-size: 40px;
font-weight: 700;
margin-bottom: 24px;
}
.stats-layout .barlow h4 {
color: #2B8935;
text-align: center;
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase;
}
.stats-layout p {
color: #424242;
text-align: center;
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
}
.counter-start .counter-banner{
background: #fff;
margin-top: -100px;
box-shadow: 0px 10px 40px rgba(41, 41, 41, 0.1);
}
.counter-start .item-counter h3 {
color: #27AE60;
}
.counter-start .item-counter h3:before {
background: #27AE60;
}
.counter-start .item-counter p {
color: #424242;
}
.stats-layout .card-group .icon-box .static-detsilas:hover {
border-radius: 10px;
border: 1px solid #CCCDCD;
background: #354036;
color: #fff !important;
}
.stats-layout .card-group .icon-box .static-detsilas:hover .counter-prefix,
.stats-layout .card-group .icon-box .static-detsilas:hover .counter-suffix {
color: #FCBA04 !important;
}
.stats-layout .card-group .icon-box .static-detsilas:hover .counter-number {
color: #fff;
}
.stats-layout .card-group .icon-box .static-detsilas:hover h5 {
color: #fff !important;
}
.stats-layout .card-group .icon-box .static-detsilas:hover p {
color: #fff !important;
}
.stats-layout .card-group .card {
border: none;
}
.stats-layout .card-group .card .static-detsilas {
padding: 38px 32px;
border-radius: 10px;
border: 1px solid #CCCDCD;
cursor: pointer;
margin: 0 25px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.stats-layout .static-detsilas .number-counter span {
font-size: 60px;
}
.stats-layout .card-group .card .number-counter h5 {
color: #215226;
font-size: 23px;
font-weight: 300;
margin: 16px 0;
}
.stats-layout .card-group .card .number-counter p {
color: #2E3335;
font-size: 16px;
line-height: 25px;
}
.post-roll-news-layout .hero-content {
padding-right: 50px;
}
@media (max-width: 1200px) {
.stats-layout .card-group .card .static-detsilas {
margin: 0 20px;
}
}
@media (max-width: 992px) {
.feature-icon-layout .icon-box .haeding h3 {
font-size: 28px;
}
.stats-layout .haeding h2 {
margin-bottom: 38px;
}
.stats-layout .card-group .card .static-detsilas {
margin: 0 10px;
}
}
@media (max-width: 767px) {
.stats-layout .card-group .card .static-detsilas {
margin: 0;
}
.stats-layout {
padding: 36px 6px;
}
.stats-layout .haeding h2 {
margin-bottom: 14px;
font-size: 28px;
padding: 0 10px;
}
}
/* ////stats-layout */
/* utility-layout */
.utility-layout {
padding: 0 120px;
}
.utility-layout .back-btn a {
color: #36803E;
font-size: 16px;
}
.utility-layout .haeding h2 {
color: #36803E;
font-size: 42px;
font-weight: 700;
line-height: 57px;
}
.utility-layout .big-text h1 {
color: #36803E;
text-align: center;
font-size: 222.419px;
font-weight: 800;
}
.utility-layout .search-box {
border-radius: 5px;
border: 1px solid #CCCDCD !important;
background: #EAF4EA;
padding: 4px 11px;
width: fit-content;
}
.utility-layout .search-box .input-search {
background: #EAF4EA;
box-shadow: none;
outline: none;
font-size: 12px;
color: #929497;
}
.utility-layout .search-box .input-search::placeholder {
color: #8F949B;
font-size: 12px;
}
.utility-layout .blog-category {
margin-top: 60px;
}
.utility-layout .category-box {
border-radius: 5px;
border: 1px solid #CCCDCD;
padding: 44px 49px;
margin-bottom: 16px;
}
.utility-layout .category-box h4 {
color: #36803E;
font-size: 17px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1.275px;
}
.utility-layout .category-box .page-title p {
color: #36803E;
font-size: 22px;
line-height: 28px;
}
.utility-layout .category-box .para p {
color: #2E3335;
font-size: 16px;
font-style: normal;
line-height: 25px;
}
.alm-filters.alm-filters-container .alm-filter--title .alm-filter--toggle {
font-size: 17px;
color: #929497;
padding-left: 10px;
padding-right: 10px;
font-weight: 500;
font-family: 'Sora', sans-serif;
}
.alm-filters.alm-filters-container .alm-filter label {
font-size: 17px;
font-weight: 500;
font-family: 'Sora', sans-serif;
}
@media (max-width: 1200px) {
.utility-layout .big-text h1 {
text-align: start;
}
}
@media (max-width: 992px) {
.utility-layout {
padding: 0 50px;
}
.utility-layout .search-box {
margin-top: 32px;
}
.utility-layout .big-text h1 {
font-size: 123.423px;
}
.utility-layout .blog-category {
margin-top: 53px;
}
.utility-layout .category-box {
padding: 27px;
}
}
@media (max-width: 767px) {
.utility-layout {
padding: 0 13px;
}
.utility-layout .haeding h2 {
font-size: 28px;
line-height: 35px;
}
.utility-layout .search-box {
margin-top: 10px;
}
.utility-layout .big-text h1 {
font-size: 90px;
}
.utility-layout .blog-category {
margin-top: 20px;
}
.utility-layout .category-box {
padding: 10px;
}
}
/*////// utility-layout */
/* post-roll-layout */
.post-roll-layout .post-roll-heading h3 {
color: #36803E;
font-size: 29px;
font-weight: 700;
}
.post-roll-layout .post-roll-heading .para p {
color: #2E3335;
font-size: 22px;
line-height: 28px;
}
.post-roll-layout .slide-box {
margin: 0 10px;
border-radius: 10px;
border: 1px solid #CCCDCD;
}
.post-roll-layout .slide-box .slide-details {
padding: 35px 25px 10px 25px;
}
.post-roll-layout .slide-box h3 a {
color: #36803E;
font-size: 18px;
font-weight: 400;
}
.post-roll-layout .slide-box .bottom-btn a {
color: #36803E;
font-size: 16px;
}
.post-roll-layout .slide-details p {
color: #2E3335;
font-size: 16px;
line-height: 25px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-roll-layout .slide-box .category-name {
position: absolute;
top: 19px;
right: 16px;
}
.post-roll-layout .category-name span {
border-radius: 5px;
background: #36803E;
padding: 8px 20px;
align-items: center;
color: #EAF4EA;
text-align: center;
font-size: 14px;
}
.post-roll-layout .swiper-button-next {
position: relative;
top: 59%;
}
.post-roll-layout .swiper-button-prev {
position: relative;
top: 59%;
}
.post-roll-layout .swiper-button-prev {
position: absolute;
left: 0;
}
.post-roll-layout .swiper-button-next {
position: absolute;
right: 0;
}
.post-roll-layout .gallery-scrolling-layout img {
height: auto;
}
#alm-selected-filters li:before,
.alm-filters-container li:before {
display: none;
}
@media (max-width: 992px) {
.post-roll-layout .post-roll-heading h3 {
font-size: 25px;
}
.post-roll-layout .post-roll-heading .para p {
font-size: 19px;
line-height: 25px;
}
}
@media (max-width: 767px) {
.post-roll-layout .post-roll-heading h3 {
font-size: 20px;
}
.post-roll-layout .slide-box {
margin: 0;
}
.post-roll-layout .post-roll-heading .para p {
font-size: 16px;
line-height: 25px;
}
}
/* //////post-roll-layout */
/* post-roll-news */
.news-wrap .alm-paging-content {
display: flex;
gap: 10px;
}
.news-wrap.news-wrap-3-columns .alm-paging-content {
display: grid;
grid-template-columns: repeat(3, minmax(0px, 1fr));
}
.news-wrap.news-wrap-3-columns .news-details {
width: 100%;
}
.news-wrap .alm-paging-content:after {
display: none;
}
.news-wrap .news-details {
padding: 0;
width: 50%;
border: 1px solid #CCCDCD;
border-radius: 10px;
display: flex;
flex-direction: column;
}
.news-wrap .alm-btn-wrap ul {
width: 100% !important;
margin: auto !important;
}
.news-wrap .news-details h4 {
color: #36803E;
font-size: 17px;
line-height: 32px;
letter-spacing: 1.275px;
}
.news-wrap .news-details h3 a {
color: #36803E;
font-size: 22px;
font-weight: 300;
line-height: 28px;
text-transform: capitalize;
}
.news-wrap .news-details .para p {
color: #2E3335;
font-size: 16px;
line-height: 25px;
}
.news-wrap .news-details .news-btn a {
color: #36803E;
font-size: 16px;
}
.news-wrap .news-details .news-btn a:hover {
color: #354036;
transition: 0.5s;
}
.news-wrap .news-details .news-btn a:hover svg path {
stroke: #354036;
transition: 0.5s;
}
.news-wrap .alm-gallery-img-wrap img {
max-width: 100%;
height: 160px;
object-fit: cover;
border-radius: 10px 10px 0px 0px;
}
.news-wrap .alm-gallery-img-wrap {
position: relative;
}
.news-wrap .post-category {
position: absolute;
background: #36803E;
padding: 8px 20px 8px 20px;
font-size: 14px;
top: 20px;
right: 20px;
color: #fff;
border-radius: 5px;
}
.news-wrap .news-details .post-details {
padding: 30px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.news-wrap {
position: relative;
}
.news-wrap .alm-btn-wrap ul.alm-paging li.num {
display: none;
}
.news-wrap .alm-btn-wrap ul.alm-paging li.next {
position: absolute;
top: 50%;
right: -50px;
margin-top: -16px;
}
.news-wrap .alm-btn-wrap ul.alm-paging li.prev {
position: absolute;
top: 50%;
left: -50px;
margin-top: -16px;
}
.news-wrap .alm-btn-wrap,
.news-wrap ul.alm-paging {
position: static;
margin: 0;
padding: 0;
}
.news-wrap .hero-content {
padding-right: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.post-roll-all-layout {
padding:60px 0;
background: #F2F2F2;
}
.blog-post-heading h3 {
font-weight: 700;
font-size: 29px;
line-height: 35px;
color: #1E5123;
margin: 0 0 20px;
}
.blog-post-heading .para {
position: relative;
padding-bottom: 12px;
margin-bottom: 0;
}
@media (max-width: 1023px) {
.post-roll-news-layout .row {
display: flex;
flex-direction: column;
gap: 30px;
}
.post-roll-news-layout .row .col-7,
.post-roll-news-layout .hero-content {
width: 100%;
}
.post-roll-news-layout .hero-content {
padding-right: 12px;
}
.post-roll-news-layout .news-wrap {
padding: 0 30px;
}
.post-roll-news-layout .news-wrap .alm-btn-wrap ul.alm-paging li.next {
right: -10px;
}
.post-roll-news-layout .news-wrap .alm-btn-wrap ul.alm-paging li.prev {
left: -10px;
}
.news-wrap .alm-btn-wrap {
margin-top: 40px;
}
.news-wrap .alm-btn-wrap ul.alm-paging li.prev,
.news-wrap .alm-btn-wrap ul.alm-paging li.next {
position: static;
}
}
@media (max-width: 991px) {
.header-data .main-menu.navbar-nav .nav-link:hover {
background: #F3F8F2;
border-radius: 2px;
}
.header-data .show-navbar .main-menu.navbar-nav .nav-link {
padding-left: 15px;
padding-right: 15px;
font-weight: 600;
}
}
@media (max-width: 767px) {
.news-wrap.news-wrap-3-columns .alm-paging-content {
display: grid;
grid-template-columns: repeat(2, minmax(0px, 1fr));
}
.news-wrap .alm-paging-content {
flex-direction: column;
}
.post-roll-news-layout .news-details {
width: 100%;
padding: 0;
}
.post-roll-news-layout .news-details h3 {
font-size: 18px;
line-height: 25px;
}
.post-roll-news-layout .news-details .para p {
color: #36803E;
font-size: 14px;
line-height: 20px;
}
.post-roll-news-layout .alm-btn-wrap ul {
width: 100px !important;
gap: 20px;
margin-top: 20px !important;
}
.post-roll-news-layout .news-wrap {
padding: 0;
}
.news-wrap .alm-btn-wrap ul.alm-paging li.prev,
.news-wrap .alm-btn-wrap ul.alm-paging li.next,
.post-roll-news-layout .news-wrap .alm-btn-wrap ul.alm-paging li.next, .post-roll-news-layout .news-wrap .alm-btn-wrap ul.alm-paging li.prev {
position: static;
margin: 0;
}
}
@media (max-width: 600px) {
.news-wrap.news-wrap-3-columns .alm-paging-content {
display: grid;
grid-template-columns: repeat(1, minmax(0px, 1fr));
}
.header-data {
display: flex;
flex-direction: column;
gap: 20px;
}
.top-header-bar {
display: flex;
flex-direction: column;
}
.top-header-bar .top-bar-menu {
display: none;
}
.header-right .top-bar-menu {
display: block !important;
width: 100%;
margin-top: 10px !important;
}
.header-right {
display: block !important;
text-align: center;
}
.header-button {
display: inline-block;
margin-left: 20px;
}
}
/* /////////post-roll-news */
/* archive-page */
.numeric-pagination {
display: flex;
align-items: center;
justify-content: end;
}
.page-numbers {
padding: 8px 10px;
color: #666;
}
/* //////archive-page */
.side-video a {
position: relative;
display: block;
}
.side-video a:before {
position: absolute;
content: "";
background: url('data:image/svg+xml,');
width: 56px;
height: 64px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.top-bar-menu ul {
display: flex;
flex-direction: row;
gap: 21px;
}
.top-bar-menu ul li:before {
display: none;
}
.top-bar-menu ul li a {
color: #FCCE0D;
font-size: 12px;
}
.top-bar-menu ul li a {
color: #FCCE0D;
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.top-bar-menu ul li .nav-link.active {
color: #fff;
}
.header-right {
gap: 20px;
}
.navbar-toggler {
padding: 0;
width: 28px;
}
.header-button a:hover,
.header-button a,
.header-data .main-menu.navbar-nav .menu-btn .nav-link {
background: #2B8935 !important;
color: #fff !important;
padding: 8px 21px 8px 21px;
line-height: 1.4;
border-radius: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 20px 8px 24px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}
.layout-col7{
width: 54%;
}
.layout-col5{
width: 46%;
}
#footer .footer-logo .fs-12 {
margin: 8px 0 0;
}
#footer .footer-logo .wp-block-image {
margin: 0 0 60px;
}
#footer .footer-logo >a {
margin-right:10px;
}
#footer .footer-logo >a:hover path {
fill:#FCCE0D;
}
#footer .footer-menu {
display: flex;
flex-wrap: wrap;
margin-top: 12px;
margin-left: 35px;
}
#footer .footer-menu nav{
width:25%;
padding:0 15px;
}
#footer .footer-menu ul li:first-child a {
/*color:#FCCE0D;*/
}
#footer .footer-menu ul li a:hover {
color: #FCCE0D;
}
#footer .footer-menu ul li a {
font-size: 14px;
color: #fff;
cursor: pointer;
font-weight: 400;
line-height: 18px;
}
.footer-form-btn{
margin-top:15px;
}
.footer-form-btn label{
display:none !important;
}
.footer-form-btn .subscribe-text p {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #F3F8F2 !important;
margin: 0 !important;
}
.footer-form-btn div.tnp-subscription {
margin: 10px 0 0;
}
.footer-form-btn .tnp-field input[type="submit"]:hover {
background-color: #36803E;
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 101px 11px;
color:#fff;
}
.footer-form-btn .tnp-field input[type="submit"] {
padding:8px 28px 8px 13px;
width: 123px;
height: 38px;
background-color: #FCCE0D;
background-image:url('data:image/svg+xml,');
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #215226;
background-repeat: no-repeat;
background-position: 101px 11px;
}
.footer-form-btn .tnp-subscription input[type=email] {
width: 100%;
height: 38px;
box-sizing: border-box;
padding: 0 8px;
color: #fff;
border: 1px solid #888888;
font-weight: 400;
font-size: 16px;
line-height: 22px;
background: no-repeat;
opacity: 1;
}
.header-button a:hover,
.left-right-content.hero-content.style-white .hero-button a:hover,
.gallery-scroll-heading .top-content a.me-4:hover,
.inner-content-hover a.me-4:hover,
.blog-post-heading a.me-4:hover{
background:#fbcd0d !important;
}
.left-right-content.hero-content.style-pine-bg .hero-button a:hover {
background:#2b8935 !important;
}
.hero-group .inner-hero .btn-button:hover{
background:#fbcd0d !important;
color: #424242;
}
.hero-button a.active:hover {
background:#fbcd0d !important;
}
.hero-button a:hover {
background:#2b8935 !important;
color:#fff;
}
.card{
border: none!important;
}
.swiper-button-next path{
stroke:#2B8935;
}
.swiper-button-prev path{
stroke:#2B8935;
}
a{
transition: all 0.4s;
}
.banner-home .row {
align-items: center;
justify-content: space-between;
}
.banner-home .barlow h4 {
color: #fcce0d;
}
@media screen and (max-width:1650px) {
.para-group .heading h3 {
font-size: 30px;
line-height: 38px;
}
}
@media screen and (max-width:1550px) {
.hero-content .hero-hadding h1, .hero-content .hero-hadding h1 a, .hero-landing-page-layout .hero-landing-hadding h1 {
font-size: 40px;
line-height: 50px;
}
.inner-hero h2 {
font-size: 32px;
line-height: 44px;
}
.content-centered-layout .para-group .heading h3, .content-scroling-layout .para-group .heading h3,
.content-project-overview-layout .para-group h3 ,
.stats-layout .haeding h2,
.news-letter .haeding h3{
font-size: 35px;
line-height: 45px;
}
}
@media screen and (max-width:1200px) {
.hero-section {
padding: 70px 10px;
}
.hero-content .hero-hadding h1,
.hero-content .hero-hadding h1 a,
.hero-landing-page-layout .hero-landing-hadding h1 {
font-size: 30px;
line-height: 37px;
}
.hero-para {
margin: 20px 0;
}
.inner-hero {
margin-left: 2%;
margin-right: 2%;
width: 96%;
}
.item-counter h3 {
font-size: 40px;
line-height: 49px;
}
.content-centered-layout .sub-heading h2 {
font-size: 30px;
line-height: 40px;
}
.feature-icon-layout .icon-box .haeding h3 {
font-size: 22px;
line-height: 30px;
}
.gallery-grid-heading h3, .heading-single-videos h2 {
font-size: 30px;
line-height: 40px;
}
.gallery-team-layout .team-details h6 {
font-size: 18px;
line-height: 24px;
}
.content-centered-layout .sub-heading h2 {
font-size: 25px;
line-height: 34px;
}
.news-letter .haeding p {
font-size: 16px;
line-height: 23px;
}
.ct-all-post a.title-p {
font-size: 20px;
line-height: 25px;
}
.content-centered-layout .para-group .heading h3, .content-scroling-layout .para-group .heading h3, .content-project-overview-layout .para-group h3, .stats-layout .haeding h2, .news-letter .haeding h3 {
font-size: 25px;
line-height: 35px;
}
.gallery-scrolling-layout.gallery-content {
padding: 50px 15px;
}
.gallery-team-layout {
padding: 50px 20px;
}
}
@media screen and (max-width:990px) {
.main-form .submit-form {
max-width: 465px;
}
.para-group .heading h3 {
font-size: 25px;
line-height: 33px;
}
.image-position img {
height: 540px;
}
.right-content .bottom-content p {
margin-bottom: 14px;
}
.para {
margin-bottom: 30px;
}
.content-scroling-layout {
padding: 20px;
}
.projectverview .image-position img {
height: 650px;
}
.hero-content .hero-button {
margin-bottom: 15px;
}
.padding-single-right .side-image {
margin-left: 0;
}
.cta-layout {
padding: 50px 0;
}
.gallery-grid {
padding: 50px 20px;
}
.content-scroling-layout {
padding: 50px 20px;
}
.hero-group .inner-hero .btn-button {
position: inherit;
right: inherit;
top: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
margin-top: 30px;
display: inline-block;
}
.inner-hero {
padding: 20px;
}
.gallery-scrolling-layout .inner-content-hover img {
width: auto;
height: auto;
}
.gallery-scrolling-layout .image-container .overlay {
padding: 20px;
}
}
@media screen and (max-width:800px) {
.banner-box-h.change-div-right .para-group {
margin-right: 0;
}
.banner-box-h.change-div-left .para-group {
margin-left: 0;
}
.banner-box-h .layout-col5 {
width: 100%;
}
.banner-box-h .layout-col7 {
width: 95%;
margin: 0 auto;
}
.inner-hero h2 {
font-size: 25px;
line-height: 33px;
}
.inner-hero h4 {
font-size: 16px;
line-height: 20px;
}
.item-counter h3 {
font-size: 30px;
line-height: 39px;
}
.item-counter p {
font-size: 16px;
line-height: 21px;
}
.counter-banner {
padding: 25px 0;
}
.main-form h3 {
font-size: 22px;
line-height: 29px;
}
.layout-col7 {
width: 100%;
}
.layout-col5 {
width: 100%;
}
.conten-basic-v2 .col-md-6 {
width: 100%;
}
.content-project .counter-banner {
margin-right: 0;
}
.projectverview .image-position img {
height: auto;
}
.image-position img {
height: auto;
}
.item-counter {
width: 50%;
}
}
@media screen and (max-width:760px) {
.gallery-logo-scrolling-layout .d-block {
display: inline-block !important;
}
.gallery-logo-scrolling-layout .slider {
padding:40px 20px;
text-align: center;
}
.gallery-logo-scrolling-layout .logo-img {
height: auto;
width: 120px;
}
#footer .footer-menu {
margin-left: 0;
}
#footer .footer-menu nav {
padding: 0 15px 0 0;
}
.gallery-scrolling-layout .gallery-scroll-heading h3 {
font-size: 22px;
line-height: 28px;
}
.content-project .item-counter {
width: 100%;
}
.counter-start .counter-banner {
margin-top: 0;
}
.gallery-scrolling-layout.gallery-content {
padding: 20px 15px;
}
.gallery-scrolling-layout {
padding: 10px 20px;
}
.hero-content .hero-button a.active {
margin: 0 auto 15px !important;
display: block;
}
.banner-home .hero-content .hero-button {
display: block;
}
.banner-home .hero-content .hero-button a {
max-width: 130px;
}
.banner-home .hero-content .hero-button a.active {
margin: 0 0 15px !important;
display: block;
}
.inner-hero:before {
display: none;
}
.main-form {
margin: 0 0 40px;
padding: 0;
}
.main-form .submit-form {
padding: 0;
}
.hero-landing-page-layout .submit-form form {
padding: 20px;
}
.news-letter .footer-form {
padding: 0;
}
.news-letter .tnp-subscription input[type="email"] {
width: 270px;
}
.blog-post-heading a.me-4, .gallery-scroll-heading .top-content a.me-4 {
position: inherit;
right: inherit;
bottom: inherit;
margin-top: 30px;
}
}
@media screen and (max-width:580px) {
.header-data .main-logo img {
width: auto;
height: auto;
}
}
@media screen and (max-width:430px) {
#footer .footer-menu nav {
width: 100%;
padding: 0;
}
.hero-landing-page-layout {
padding: 0 !important;
}
.inner-hero h2 {
font-size: 20px;
line-height: 30px;
}
.para-group .heading h3 {
font-size: 20px;
line-height: 28px;
}
.para-group .para p {
font-size: 15px;
line-height: 20px;
}
.content-centered-layout .sub-heading h2 {
font-size: 20px;
line-height: 29px;
}
.content-centered-layout .para-group .heading h3, .content-scroling-layout .para-group .heading h3, .content-project-overview-layout .para-group h3, .stats-layout .haeding h2, .news-letter .haeding h3 {
font-size: 22px;
line-height: 27px;
}
.gallery-grid {
padding: 50px 10px;
}
.content-scroling-layout {
padding: 50px 10px;
}
.gallery-team-layout {
padding: 50px 10px;
}
}