@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
html, body {
  height: 100%; }

/* Global */
.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.alert {
  margin-top: 20px; }

.alert.alert-success {
  font-size: 16px;
  font-weight: bold; }

.error {
  color: red;
  font-size: 13px; }

.content {
  text-align: center; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > [class^="col-"], .row.no-gutters .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

/* Masonry */
.grid {
  position: relative; }

.grid-sizer, .grid-item {
  min-height: auto !important; }

body.admin-site {
  background: radial-gradient(circle, #5faf1f, #53a92c);
  /* Main */
  /* Store */
  /* Admin */
  /* Admin Editor */ }
  body.admin-site label {
    color: #53a92c; }
  body.admin-site a {
    color: #5faf1f;
    font-size: 16px; }
  body.admin-site a:hover {
    color: #53a92c; }
  body.admin-site #create-sale .total, body.admin-site #create-sale .icon i {
    color: #53a92c; }
  body.admin-site #create-sale #products #amount.form-control[readonly], body.admin-site #create-sale #paid_amount.form-control[readonly] {
    background: #53a92c; }
  body.admin-site .btn-brand, body.admin-site .daterangepicker .ranges li.active, body.admin-site .btn-success {
    background: #5faf1f;
    border-color: #5faf1f; }
  body.admin-site .page-sidebar .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar .page-sidebar-menu > li.active > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, body.admin-site .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, body.admin-site .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background: #53a92c; }
  body.admin-site .content-wrap.pdf-wrap h1, body.admin-site h2, body.admin-site h3, body.admin-site h4, body.admin-site h5, body.admin-site h6 {
    font-family: "Poppins", sans-serif; }
  body.admin-site .tooltip-custom, body.admin-site #map-canvas a.active .btn, body.admin-site .progress_bar .bar, body.admin-site .btn-site {
    background: #53a92c; }
  body.admin-site #map-canvas .btn:hover, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, body.admin-site .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, body.admin-site .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
    border-color: #53a92c;
    color: #53a92c; }
  body.admin-site .table .title, body.admin-site .m-content h1, body.admin-site .m-nav-grid .m-nav-grid__row .m-nav-grid__item .m-nav-grid__text {
    color: #53a92c; }
  body.admin-site .control-label, body.admin-site .btn.m-btn--label-brand, body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon {
    color: #53a92c; }
  body.admin-site .m-loader.m-loader--brand:before, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover:not(.m-menu__item--actions) > .m-menu__link .m-menu__link-text {
    color: #53a92c; }
  body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper, body.admin-site .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    background: #5faf1f;
    border: 1px solid #5faf1f; }
  body.admin-site .btn-site {
    color: #fff;
    background: #53a92c;
    color: #fff;
    padding: 10px 36px;
    border-radius: 26px;
    font-size: 16px; }
  body.admin-site .btn-site:hover {
    background: #5faf1f; }
  body.admin-site .pagination > .active > a, body.admin-site .pagination > .active > a:hover, body.admin-site .pagination > .active > a:focus, body.admin-site .pagination > .active > span, body.admin-site .pagination > .active > span:hover, body.admin-site .pagination > .active > span:focus {
    background: #53a92c;
    border-color: #53a92c; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active-tab > .m-menu__link, body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--hover > .m-menu__link {
    background-color: #53a92c; }
  body.admin-site .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #53a92c; }
  body.admin-site .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: #5faf1f; }
  body.admin-site .flex-item .form_fields_actions {
    display: none;
    background: #f3f3f3;
    border: 1px dashed #ccc;
    padding: 10px;
    color: #777; }
  body.admin-site .flex-item:hover .form_fields_actions {
    display: block; }

@media (min-width: 1025px) {
  .admin-site.m-header--fixed.m-header--minimize-on .m-header .m-header__top {
    background-color: #53a92c !important; } }
body.error-site {
  background: #53a92c;
  color: #ffffff; }
  body.error-site .top {
    background: #ffffff;
    color: #53a92c; }
  body.error-site .button {
    background: #ffffff;
    color: #53a92c; }
  body.error-site a:hover .button {
    background: #ffffff; }

body.main-site {
  /*@import "master/main";
  @import "master/responsive";
  @import "segments/main";
  @import "segments/responsive";*/
  /*Tabla de Compras*/ }
  body.main-site .parallax1 {
    background-image: url(../../../assets/images/parallax/bg-parallax1.jpg); }
  body.main-site .parallax2 {
    background-image: url(../../../assets/images/parallax/bg-parallax2.jpg); }
  body.main-site .parallax3 {
    background-image: url(../../../assets/images/parallax/bg-parallax3.jpg); }
  body.main-site .parallax4 {
    background-image: url(../../../assets/images/parallax/bg-parallax4.jpg); }
  body.main-site .parallax5 {
    background-image: url(../../../assets/images/parallax/bg-parallax5.jpg); }
  body.main-site .parallax6 {
    background-image: url(../../../assets/images/parallax/bg-parallax6.jpg); }
  body.main-site .parallax7 {
    background-image: url(../../../assets/images/parallax/bg-parallax7.jpg); }
  body.main-site .parallax8 {
    background-image: url(../../../assets/images/parallax/bg-parallax8.jpg); }
  body.main-site .parallax9 {
    background-image: url(../../../assets/images/parallax/bg-parallax9.jpg); }
  body.main-site .wrap-search-form {
    background-image: url(../../../assets/images/home/bg-sf.jpg); }
  body.main-site .bg-ts-1 {
    background-image: url(../../../assets/images/home/ts-i1.png); }
  body.main-site .bg-team {
    background-image: url(../../../assets/images/home/bg-team.png); }
  body.main-site .bg-blogpost {
    background-image: url(../../../assets/images/home/bg-bl-i1.jpg); }
  body.main-site .bg-page-header {
    background-size: cover !important;
    background: url(../../../assets/images/about/bg-page-header.jpg) no-repeat; }
  body.main-site .select-box select {
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid #53a92c; }
  body.main-site .table.package-item td p {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 5px 10px;
    border: none;
    border-bottom: 1px solid #01994c; }
  body.main-site #loading {
    background-color: #53a92c; }
  body.main-site .carousel-control.left, body.main-site .carousel-control.right {
    text-align: center; }
  body.main-site .carousel-control {
    background: #53a92c; }
  body.main-site .header-style-2 .count-cart, body.main-site .header-style-3 .count-cart {
    color: #fff;
    background: #53a92c; }
  body.main-site .share-icon li > .fa {
    color: #53a92c; }
  body.main-site .sidebar-widget-title:after, body.main-site .comments-title:after {
    background: #53a92c; }
  body.main-site .progress-bar-success {
    background-color: #53a92c; }
  body.main-site .comments-form .btn-default {
    background: #53a92c;
    color: #fff; }
  body.main-site .comments-form .btn-default:hover {
    border: 2px solid #53a92c;
    color: #53a92c; }
  body.main-site .scroll-img {
    background: #53a92c;
    bottom: 2%;
    font-style: normal; }
  body.main-site .scroll-imge {
    background: #53a92c;
    bottom: 50%;
    right: -3%;
    position: fixed;
    width: 120px;
    height: 55px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    -webkit-transform: rotate(-90deg); }
    body.main-site .scroll-imge a {
      color: #fff;
      font-weight: bold; }
  body.main-site .scroll-imge:hover {
    background-color: #fff;
    border: 1px solid #53a92c; }
    body.main-site .scroll-imge:hover a {
      color: #53a92c; }
  body.main-site .cause-items:hover .cause-content h4 a {
    color: #53a92c; }
  body.main-site .pagination-option .pagination > li > a {
    color: #009b3d;
    border: 1px solid #009b3d; }
  body.main-site .pagination-option .pagination > li > a:hover {
    background-color: #53a92c;
    color: #fff;
    border: 1px solid #53a92c; }
  body.main-site .pagination-option .pagination > li.active a {
    background-color: #53a92c;
    color: #fff; }
  body.main-site .header-style-2 .donate-option a {
    background: #53a92c; }
  body.main-site .header-style-2 .navbar-nav li .active, body.main-site .header-style-3 .navbar-nav li .active {
    color: #53a92c !important; }
  body.main-site .header-style-2 .main-menu .nav > li.active a {
    color: #fff; }
  body.main-site .header-style-2 .navbar-nav li .active, body.main-site .header-style-3 .navbar-nav li .active {
    color: #53a92c; }
  body.main-site .address li .fa {
    color: #53a92c;
    background: #000000;
    border: 2px solid #272727; }
  body.main-site .thumbnail-content h5 a:hover {
    color: #53a92c; }
  body.main-site .social-icon-rounded li a {
    color: #009b3b;
    border: 2px solid #53a92c; }
  body.main-site .social-icon-rounded li a:hover {
    border: 2px solid #53a92c;
    background-color: #8dd076 !important; }
  body.main-site .twitter-content h5 a {
    color: #53a92c; }
  body.main-site .twitter-icon {
    background: #53a92c;
    color: #000; }
  body.main-site dfn, body.main-site cite, body.main-site em, body.main-site i {
    font-size: 20px;
    color: #53a92c; }
  body.main-site .about-greenforest-content p {
    text-align: justify; }
    body.main-site .about-greenforest-content p span {
      color: #53a92c !important; }
  body.main-site .cause-content {
    border: 1px solid #01994c; }
    body.main-site .cause-content p {
      padding-top: 6px;
      line-height: 1.5em; }
    body.main-site .cause-content .textcont {
      min-height: 200px; }
  body.main-site .clasif {
    font-size: 20px;
    color: #53a92c; }
  body.main-site ul#socialfoot:hover {
    color: #fff;
    border-color: #fff; }
  body.main-site .page-header-overlay {
    background: rgba(35, 76, 35, 0.19); }
  body.main-site .cart-icon .fa {
    font-size: 20px;
    cursor: pointer; }
  body.main-site #page-title .container.clearfix {
    padding-top: 40px; }
  body.main-site .content-wrap {
    padding-bottom: 35px; }
  body.main-site .acctitle {
    padding-top: 10px; }
    body.main-site .acctitle h4 {
      font-size: 17px;
      color: #53a92c; }
  body.main-site .alert a {
    color: #53a92c; }
  body.main-site .form-control {
    display: block;
    width: 90%;
    padding: 6px 12px;
    font-size: 15px;
    color: #555555;
    border: 1px solid #ccc;
    border-radius: 4px; }
  body.main-site .btn-primary {
    color: #fff;
    background-color: #53a92c;
    border-color: #53a92c;
    width: 300px;
    height: 40px;
    margin-top: 10px; }
  body.main-site .btn-primary:hover {
    color: #53a92c;
    background-color: #fff;
    border: 1px solid #53a92c; }
  body.main-site input#first_name:focus {
    border: 1px solid #01994c; }
  body.main-site input#email:focus {
    border: 1px solid #01994c; }
  body.main-site input#password:focus {
    border: 1px solid #01994c; }
  body.main-site input#email_confirmation:focus {
    border: 1px solid #01994c; }
  body.main-site input#password_confirmation:focus {
    border: 1px solid #01994c; }
  body.main-site input#user:focus {
    border: 1px solid #01994c; }
  body.main-site .chipping-box {
    padding-bottom: 100px; }
  body.main-site .cart-coupon-code input[type="submit"], body.main-site .cart-update button {
    color: #fff;
    background: #53a92c; }
  body.main-site .cart-coupon-code input[type="submit"], body.main-site .cart-update button:hover {
    color: #53a92c;
    background-color: #fff;
    border: 1px solid #53a92c; }
  body.main-site table.cart-products-table tr th {
    font-size: 15px;
    padding-right: 35px; }
  body.main-site .product-cart-title {
    padding-top: 10px; }
  body.main-site .butbuy .button-buy {
    width: 74px;
    height: 28px;
    background-color: #01994c;
    color: #fff;
    font-size: 25px; }
  body.main-site .butbuy .button-buy:hover {
    background-color: #fff;
    color: #53a92c;
    border: 1px solid #53a92c; }
  body.main-site .textcont {
    text-align: left; }
    body.main-site .textcont b, body.main-site .textcont strong {
      font-weight: 700;
      color: #53a92c; }
    body.main-site .textcont table tr td {
      border: 1px solid #53a92c; }
    body.main-site .textcont h2 {
      font-size: 33px;
      color: #53a92c; }
    body.main-site .textcont h4 a {
      font-size: 16px; }
  body.main-site .single-left-services-list .nav-tabs > li > a {
    font-size: 15px; }
  body.main-site .single-left-services-list .nav-tabs > li.active > a, body.main-site .single-left-services-list .nav-tabs > li.active > a:focus,
  body.main-site .single-left-services-list .nav-tabs > li.active > a:hover {
    color: #ffffff;
    cursor: default;
    background-color: #01994c;
    border: 1px solid rgba(152, 152, 152, 0.87);
    border-bottom-color: rgba(107, 107, 107, 0.9); }
  body.main-site .single-left-services-list .nav-tabs > li > a {
    font-weight: 400; }
  body.main-site .shop-widget-content .form-group .form-control {
    padding-left: 39px; }
  body.main-site .fa-search:before {
    color: #01994c; }
  body.main-site .count-overlay {
    background: rgba(42, 42, 46, 0.48); }
  body.main-site .compaian-video-overlay {
    background: #53a92c; }
  body.main-site .fa-clock-o:before, body.main-site .fa-phone:before, body.main-site .fa-map-marker:before {
    color: #01994c; }
  body.main-site .contact-form .btn-default {
    color: #01994c;
    background: white; }
  body.main-site .contact-form .btn-default:before, body.main-site .contact-form .btn-default:after {
    color: white;
    background: #01994c; }
  body.main-site .contact-social-icon li:nth-child(1) a {
    background: white; }
  body.main-site .contact-social-icon li:nth-child(2) a {
    background: white; }
  body.main-site .contact-social-icon li:nth-child(3) a {
    background: white; }
  body.main-site .contact-social-icon li:nth-child(4) a {
    background: white; }
  body.main-site .contact-social-icon li:nth-child(5) a {
    background: white; }
  body.main-site .contact-social-icon li:nth-child(6) a {
    background: white; }
  body.main-site .contact-form .btn-default:hover {
    color: white !important; }
  body.main-site .about-greenforest-content .btn-default {
    padding: 16px 28px 16px 28px; }
  body.main-site .blog-items img {
    margin-left: 29px;
    margin-right: 35px; }
  body.main-site .blog-img img {
    margin: 0; }
  body.main-site .textcont {
    text-align: justify; }
  body.main-site .single-services-content img {
    padding-bottom: 10px;
    margin: auto; }
  body.main-site .item-product {
    height: 500px; }
  body.main-site .customer {
    padding: 10%;
    margin: auto; }
  body.main-site .color-primary {
    background-color: #01994c;
    color: white; }
  body.main-site .table-bordered {
    margin-top: 32px; }
  body.main-site .operation {
    padding-top: 10%; }
  body.main-site .text-sesion p {
    font-size: 14px !important;
    font-weight: 600;
    color: #696969; }
  body.main-site .text-sesion h5:hover {
    color: #53a92c; }
  body.main-site .text-sesion .add-cart-btn {
    padding: 12px 90px !important; }
  body.main-site .form-edit {
    border: 3px solid #01994c;
    padding: 4%; }
    body.main-site .form-edit .btn-default {
      float: right;
      margin-left: 5px; }
  body.main-site input {
    color: #53a92c; }
  body.main-site .collection-items {
    height: 420px;
    /*max-height: 430px;*/ }
  body.main-site .coll-2 {
    height: 300px !important; }
  body.main-site .solunes-store table.table-store th {
    border: 1px solid #53a92c !important;
    background-color: #53a92c;
    color: white; }
  body.main-site .solunes-store table.table-store td {
    border: 1px solid #53a92c !important; }
  body.main-site .solunes-store input.btn-site {
    background-color: #53a92c;
    color: white;
    width: 50%; }
  body.main-site .solunes-store input[type="submit"]:hover, body.main-site .solunes-store input[type="submit"]:focus {
    background: #ffffff;
    color: #53a92c;
    border: 2px solid #53a92c; }
  body.main-site .solunes-store table.table-store td input {
    text-align: center; }
  body.main-site .solunes-store a:hover, body.main-site a:focus {
    color: #53a92c; }
  body.main-site .solunes-store {
    padding-top: 5%;
    padding-bottom: 5%; }
  body.main-site .solunes-store h3 {
    color: #53a92c; }
  body.main-site .about-greenforest {
    padding: 20px 0 20px 0; }
  body.main-site .working-content p, body.main-site .our-services-content p {
    text-align: justify; }
  body.main-site #tabs iframe {
    margin-top: 20px;
    height: 1600px !important; }
  body.main-site #tabs .about-greenforest {
    padding: 15px 0 10px 0; }
  body.main-site #tabs .color1 {
    background: #272b4e !important; }
  body.main-site #tabs .color2 {
    background: #2a2a2e !important; }
  body.main-site #tabs .color3 {
    background: #e19a42 !important; }
  body.main-site #tabs .color4 {
    background: #39689c !important; }
  body.main-site #tabs .color5 {
    background: #3c617c !important; }
  body.main-site #tabs .color6 {
    background: #9f6a42 !important; }
  body.main-site #tabs .color7 {
    background: #59bfac !important; }
  body.main-site #tabs .color8 {
    background: #847f5f !important; }
  body.main-site #tabs .text-white {
    color: #fff; }
  body.main-site #tabs .bcolor {
    padding: 20px 40px 20px 40px; }
    body.main-site #tabs .bcolor .btn-white {
      color: #fff;
      border: 2px solid #fff; }
    body.main-site #tabs .bcolor .btn-default:hover, body.main-site #tabs .bcolor .btn-default:focus, body.main-site #tabs .bcolor .btn-default:active {
      color: #fff;
      background-color: transparent;
      border-color: #5a6961; }
    body.main-site #tabs .bcolor .btn-default:before, body.main-site #tabs .bcolor .btn-default:after {
      background-color: #8789a07d; }
  body.main-site #tabs nav .nav-tabs .nav-link {
    text-transform: uppercase; }
  body.main-site #tabs nav .nav-tabs .active {
    opacity: 1 !important;
    font-weight: 100 !important; }
  body.main-site #tabs nav .nav-tabs .fade {
    opacity: 0 !important; }
  body.main-site #tabs nav .nav-tabs .active {
    color: #f3f3f3;
    opacity: 0.8;
    border-bottom: 4px solid !important;
    font-size: 20px;
    font-weight: bold; }
  body.main-site #tabs nav .nav-tabs .nav-link {
    color: #fff;
    font-size: 20px;
    width: 25%;
    margin: 0px -2px 0 -2px;
    padding: 40px 0 40px 0;
    text-align: center; }
  body.main-site #tabs nav .nav-tabs .nav-link:hover {
    opacity: 0.8; }
  body.main-site .fade-in {
    animation: fadeIn 1s; }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  body.main-site .text-white {
    color: #fff; }
    body.main-site .text-white p {
      color: #fff; }
  body.main-site .center {
    text-align: center;
    display: block; }
  body.main-site .our-services-items {
    height: 330px; }
  body.main-site .content-white {
    height: 350px; }
  body.main-site .p-top {
    padding-top: 15px; }
  body.main-site .our-services-box:hover .our-services-items {
    border: 0px solid #f0f0f0 !important; }
  body.main-site .container-o {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  body.main-site .navbar-brand img {
    width: 300px !important; }
  body.main-site .btn-normal {
    font-size: 14px;
    border: 2px solid #53a92c;
    padding: 10px 15px 10px 15px;
    margin: 40px 20px 0 0;
    color: #53a92c;
    font-weight: bold; }
  body.main-site .btn-normal:hover {
    background: #53a92c;
    color: #fff; }
  body.main-site .working-items:hover .working-content h4 a, body.main-site .working-items:hover .working-content > a {
    color: #53a92c; }
  body.main-site .desc-eco p {
    font-size: 20px; }
  body.main-site .slider-content h3 {
    color: #01994c; }
  body.main-site .section-header {
    max-width: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 31px 0 31px 0; }
  body.main-site .slider-item:after {
    background: rgba(0, 0, 0, 0.2); }
  body.main-site .btn-normal:hover {
    opacity: 0.8; }
  body.main-site .btn-normal {
    background: #53a92c;
    color: #fff; }
  body.main-site .btn-white:hover {
    opacity: 0.8; }
  body.main-site .widgets-title h3 {
    text-align: center; }
  body.main-site .twitter-overflow {
    overflow: auto;
    height: 280px; }
  @media screen and (max-width: 767px) {
    body.main-site .swap-view {
      display: none; }
    body.main-site .col-xs-6 {
      width: 50%; }
    body.main-site .collection-items {
      height: 290px !important; }
    body.main-site .section-header {
      padding: 20px 0 20px 0; }
    body.main-site .content-white {
      height: auto !important; }
    body.main-site #tabs iframe {
      margin-top: 20px;
      height: 600px !important; }
    body.main-site #tabs .about-greenforest {
      padding: 15px 0 10px 0; }
    body.main-site #tabs .text-white {
      color: #fff; }
    body.main-site #tabs .bcolor {
      padding: 20px 40px 20px 40px; }
      body.main-site #tabs .bcolor .btn-white {
        color: #fff;
        border: 2px solid #fff; }
      body.main-site #tabs .bcolor .btn-default:hover, body.main-site #tabs .bcolor .btn-default:focus, body.main-site #tabs .bcolor .btn-default:active {
        color: #fff;
        background-color: transparent;
        border-color: #5a6961; }
      body.main-site #tabs .bcolor .btn-default:before, body.main-site #tabs .bcolor .btn-default:after {
        background-color: #8789a07d; }
    body.main-site #tabs nav .nav-tabs .nav-link {
      font-size: 17px;
      width: 50%;
      margin: 0px -2px 0 -2px;
      padding: 15px 0 15px 0; }
    body.main-site #tabs .tab-content {
      margin-top: 5px; }
    body.main-site .navbar-brand img {
      width: 270px !important; }
    body.main-site .scroll-imge {
      top: 50%;
      right: -10%; } }

#tabs {
  margin: 0;
  padding: 0; }
  #tabs img {
    margin: 0;
    width: 100%; }
  #tabs .row {
    margin-left: 0;
    margin-right: 0; }
  #tabs .focus-cause .cause-items {
    position: relative; }
    #tabs .focus-cause .cause-items .category-map {
      position: absolute;
      top: 0%;
      width: 100%;
      text-align: right;
      padding: 10px; }
      #tabs .focus-cause .cause-items .category-map span {
        font-size: 20px;
        font-weight: bold;
        color: #Fff;
        background: #0000006e;
        padding: 5px;
        text-transform: uppercase; }
    #tabs .focus-cause .cause-items .cause-content {
      border: 0px solid #01994c;
      box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
      background: rgba(1, 153, 76, 0.03); }

/* FIX: Prevent cards from unformatting when images have different sizes */
.cause-img-fixed, .blog-img, .volunteers-img, .portfolio-img, .event-img, .team-img, .collection-img, .cause-img, .working-img, .campaign-img, .recent-project-img {
  max-height: 250px !important;
  height: 250px !important;
  width: 100% !important;
  overflow: hidden !important;
  display: block !important; }

.cause-img-fixed img, .blog-img img, .volunteers-img img, .portfolio-img img, .event-img img, .team-img img, .collection-img img, .cause-img img, .working-img img, .campaign-img img, .recent-project-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important; }

.popular-news-img, .small-product-img {
  height: 80px;
  width: 80px;
  overflow: hidden;
  border-radius: 4px; }

.popular-news-img img, .small-product-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important; }

/* Force links enclosing images to expand fully so small images don't collapse to the left */
.cause-img-fixed > a, .blog-img > a, .volunteers-img > a, .portfolio-img > a, .event-img > a, .team-img > a, .collection-img > a, .cause-img > a, .working-img > a, .campaign-img > a, .recent-project-img > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important; }

/* GLOBAL MODERN ENHANCEMENTS */
.our-services-box, .item-inner, .team-inner, .cause-inner, .cause-items, .blog-items, .single-product-item, .about-greenforest-content, .pricing-box {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  border: 1px solid #f5f5f5;
  overflow: hidden;
  /* ensures top images obey rounded corners */ }

.our-services-box:hover, .item-inner:hover, .team-inner:hover, .cause-inner:hover, .cause-items:hover, .blog-items:hover, .single-product-item:hover, .about-greenforest-content:hover, .pricing-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important; }

/* Padding specifics to ensure card contents look good */
.blog-content, .team-content, .cause-content, .recent-project-content, .product-content {
  padding: 25px 20px !important;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important; }

.our-services-box, .about-greenforest-content, .pricing-box, .single-product-item {
  padding: 35px 25px !important;
  /* Larger padding for text-only cards */ }

/* Global Typography Enhancement for Subtitles */
.our-services-box h4, .item-inner h4, .team-inner h4, .cause-inner h4, .cause-items .clasif, .blog-items h4, .about-greenforest-content h4, .single-product-item h4 {
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #2c3e50;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 15px;
  transition: color 0.3s ease;
  display: block; }

.our-services-box h4 a:hover, .item-inner h4 a:hover, .team-inner h4 a:hover, .cause-inner h4 a:hover, .cause-items .clasif:hover, .blog-items h4 a:hover, .single-product-item h4 a:hover {
  color: #53a92c !important;
  text-decoration: none; }

/* Animated underline for subtitles */
.our-services-box h4::after, .item-inner h4::after, .team-inner h4::after, .cause-inner h4::after, .cause-items .clasif::after, .blog-items h4::after, .about-greenforest-content h4::after, .single-product-item h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background-color: #53a92c;
  transition: width 0.3s ease;
  border-radius: 2px; }

.about-greenforest-content h4::after {
  left: 0;
  transform: none; }

/* align left for about section */
.our-services-box:hover h4::after, .item-inner:hover h4::after, .team-inner:hover h4::after, .cause-inner:hover h4::after, .cause-items:hover .clasif::after, .blog-items:hover h4::after, .about-greenforest-content:hover h4::after, .single-product-item:hover h4::after {
  width: 80px; }

/* Dedicated Icon sizes for services */
.service-main-icon, .service-main-icon::before {
  display: inline-block !important;
  /* using inline-block centers pseudo elements better */
  font-size: 80px !important;
  margin-bottom: 25px !important;
  color: #53a92c !important;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.4s ease;
  text-align: center;
  line-height: 1 !important; }

.our-services-box:hover .service-main-icon,
.our-services-box:hover .service-main-icon::before {
  transform: scale(1.15) rotate(5deg);
  color: #388e3c !important; }

/* Text layout and Read More Buttons */
.our-services-box p, .item-inner p, .team-inner p, .cause-inner p, .cause-items p, .blog-items p, .about-greenforest-content p, .single-product-item p {
  line-height: 1.7;
  text-align: justify;
  color: #666;
  margin-bottom: 15px; }

/* Improve image zooms globally */
.blog-img img, .portfolio-img img, .team-img img, .cause-img img, .product-img img, .cause-img-fixed img {
  transition: transform 0.6s ease; }

.blog-items:hover .blog-img img, .item-inner:hover .portfolio-img img, .team-inner:hover .team-img img, .cause-inner:hover .cause-img img, .single-product-item:hover .product-img img, .cause-items:hover .cause-img-fixed img {
  transform: scale(1.08); }

/* Prevent menu items from disappearing on active state */
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus {
  color: #53a92c !important;
  background-color: transparent !important; }

/* Equal Height Flexbox Setup for Bootstrap Grid */
.equal-height-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.equal-height-row::before, .equal-height-row::after {
  display: none !important;
  /* Fix Bootstrap Clearfix */ }

.equal-height-col {
  display: flex;
  flex-direction: column;
  float: none !important; }

.equal-height-col > .our-services-box,
.equal-height-col > .item-inner,
.equal-height-col > .team-inner,
.equal-height-col > .cause-inner,
.equal-height-col > .cause-items,
.equal-height-col > .blog-items,
.equal-height-col > .single-product-item,
.equal-height-col > .pricing-box {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%; }

/* Make internal card wrappers expand so buttons push to the bottom */
.our-services-items, .our-services-content, .blog-content, .team-content, .cause-content, .recent-project-content, .product-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }

/* Push "Read More" or generic link buttons to the bottom edge of cards */
.our-services-content > .btn-read-more,
.our-services-content > a:last-child,
.blog-content > a:last-child,
.cause-content > a:last-child {
  margin-top: auto;
  align-self: center;
  /* Center horizontally if it's a button */ }

/* Strict Height for Non-Bootstrap elements like Isotope grids */
.strict-height-card {
  min-height: 400px;
  /* Fallback baseline */
  display: flex;
  flex-direction: column; }

/* Global Animations Keyframes */
@keyframes fadeInUpGlobal {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.animate-fade-up-global {
  animation: fadeInUpGlobal 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  opacity: 0; }

/* Custom Modern Filter Tabs */
.filter-tabs-custom {
  display: inline-flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none; }

.filter-tabs-custom li {
  display: inline-block;
  margin: 0 !important;
  /* override old inline logic */ }

.filter-tabs-custom li a {
  display: inline-block;
  padding: 10px 24px;
  background-color: #ffffff;
  color: #555555;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  text-decoration: none;
  border: 1px solid #eeeeee; }

.filter-tabs-custom li a:hover {
  color: #53a92c;
  box-shadow: 0 8px 18px rgba(83, 169, 44, 0.15);
  background-color: #fdfdfd;
  border-color: #53a92c;
  transform: translateY(-2px); }

.filter-tabs-custom li.active a {
  background-color: #53a92c;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(83, 169, 44, 0.35);
  border-color: #53a92c;
  transform: translateY(-2px); }