/* Import FontAwesome 6 locally */
@import url('fontawesome/css/all.min.css');

/* W3.CSS 5.02 March 31 2025 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,figure,footer,header,main,menu,section{display:block}[hidden]{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
b,strong{font-weight:bolder}figure{margin:1em 40px}img{border-style:none}
button,input,select{font:inherit;margin:0}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}
.w3-serif{font-family:serif}
h1,h2,h3,h4{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-table-all tr{border-bottom:1px solid #ddd}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}:disabled *{pointer-events:none}
.w3-btn:disabled:hover{box-shadow:none}
.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-display-container{position:relative}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird{float:left;width:100%}.w3-col.s2{width:16.66666%}.w3-col.s10{width:83.33333%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-third{width:33.33333%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m8,.w3-twothird{width:66.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}.w3-col.l6{width:49.99999%}.w3-col.l12{width:99.99999%}}
.w3-content{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}
.w3-hide{display:none!important}.w3-show{display:block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}	
.w3-hide-small{display:none!important}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
.w3-top{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-circle{border-radius:50%}.w3-round{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-hover-opacity:hover{opacity:0.60}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}
.w3-left-align{text-align:left!important}.w3-center{text-align:center!important}.w3-border{border:1px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-32{padding-top:32px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
/* Colors */
.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-yellow{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-grey{color:#000!important;background-color:#9e9e9e!important}
.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-white{color:#fff!important}
.w3-text-black{color:#000!important}
.w3-text-grey,.w3-text-gray{color:#757575!important}
.w3-border-blue{border-color:#2196F3!important}
.w3-border-purple{border-color:#9c27b0!important}

/* W3css theme color light green */
.w3-theme-l5 {color:#000 !important; background-color:#f8fbf4 !important}
.w3-theme-d3 {color:#fff !important; background-color:#628e2f !important}
.w3-theme-d5 {color:#fff !important; background-color:#466522 !important}

.w3-theme-light {color:#000 !important; background-color:#f8fbf4 !important}

.w3-theme {color:#fff !important; background-color:#8bc34a !important}
.w3-text-theme {color:#8bc34a !important}

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display: swap;
}

/* Custom CSS for site */
body {font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4 {font-family: 'Comfortaa', cursive; font-weight: bold;}

/* Vertical alignment for content sections */
.w3-vertical-center {
    display: flex;
    align-items: center;
    min-height: 400px;
}

.w3-vertical-center .w3-half {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hero responsive styles */
@media only screen and (max-width: 600px) {
  .w3-display-container {
      min-height: 70vh !important;
  }
  .w3-display-middle {
      padding: 16px !important;
      width: 95% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
  }
  
  /* Stack vertically on mobile */
  .w3-vertical-center {
      flex-direction: column;
      min-height: auto;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  .w3-display-container {
      min-height: 75vh !important;
  }
  .w3-display-middle {
      padding: 40px !important;
      width: 85% !important;
      top: 50% !important;
  }
}

/* Desktop hero adjustments */
@media only screen and (min-width: 993px) {
  .w3-display-container {
      min-height: 80vh !important;
  }
  .w3-display-middle {
      top: 40% !important;
  }
}

/* Links styling */
a {text-decoration: none; color: #8bc34a;}
a:hover {color: #b9db93 !important;}

.nav-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #b9db93 !important;
}

.posts {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
.posts:hover {
  color: #b9db93 !important;
}

.w3-bar,button {font-family: 'Poppins', sans-serif;}

.whatsapp {position:fixed;width:65px;height:65px;bottom:20px;right:12px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:45px;box-shadow: 2px 2px 3px #999;z-index:100;}


/* Portfolio card styling */
.portfolio-card {
    display: flex;
    flex-direction: column;
}

.portfolio-card .w3-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.portfolio-card .w3-container p {
    flex-grow: 1;
    margin-bottom: 16px;
}

.portfolio-card .w3-btn {
    margin-top: auto;
}

/* Ensure equal heights for portfolio items */
.portfolio-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.portfolio-row .w3-col {
    display: flex;
}

/* Portfolio filter buttons */
.portfolio-filter-btn {
    background-color: #8bc34a !important;
    color: white !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.portfolio-filter-btn.active {
    background-color: #628e2f !important;
    color: white !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.portfolio-filter-btn:hover {
    background-color: #b9db93 !important;
    color: white !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Ensure all links in portfolio section are clickable */
.w3-padding-32 a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Pagination buttons */
.pagination-btn {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pagination-btn:hover {
    background-color: #b9db93 !important;
    color: white !important;
}

/* Testimonial Carousel Styles */
.testimonial-carousel {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}

.testimonial-carousel .testimonial-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  padding: 2.5rem 0;
}

.testimonial-carousel .testimonial-photo {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.testimonial-carousel .testimonial-content {
  text-align: left;
  max-width: 600px;
}

.testimonial-carousel .testimonial-arrows {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

@media (max-width: 700px) {
  .testimonial-carousel .testimonial-flex {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }
  .testimonial-carousel .testimonial-content {
    text-align: center;
  }
}

/* Blog-specific styles */

/* Blog mobile categories dropdown styles */
.blog-categories-dropdown {
  background: #fff !important;
  border: 2px solid #8bc34a !important;
  border-radius: 8px !important;
  color: #222;
  padding: 10px 12px;
  font-size: 1rem;
  width: 100%;
  margin-top: 8px;
}
.blog-categories-dropdown option {
  background: #fff;
  color: #222;
}
.blog-categories-dropdown option:checked,
.blog-categories-dropdown option[selected] {
  background: #8bc34a !important;
  color: #fff !important;
}

@media (max-width: 600px) {
  .hero-section {
    min-height: calc(100vh - 60px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
  }
  .hero-section .w3-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hero-section .w3-container > .w3-btn,
  .hero-section .w3-container > .w3-button {
    margin-bottom: 32px !important;
  }
  .hero-section .w3-container > *:first-child {
    margin-top: 24px !important;
  }
}

.hero-section {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 600px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.hero-section .w3-container {
  width: 100%;
  max-width: 900px;
  padding-top: 32px;
  padding-bottom: 48px;
}
@media (max-width: 600px) {
  .hero-section {
    min-height: 100vh;
    padding-top: 60px;
  }
  .hero-section .w3-container {
    padding-top: 0;
    padding-bottom: 32px;
  }
}

/* Bottom section responsive alignment */
@media (min-width: 768px) {
  .w3-content.w3-row-padding.bottom-section {
    display: flex !important;
    align-items: center;
  }
}

/* Fix portfolio pagination truncation on mobile */
@media (max-width: 700px) {
  .portfolio-row .w3-col.s12 {
    width: 100% !important;
    display: block !important;
  }
  .portfolio-row .w3-col.s12 .w3-bar {
    flex-wrap: wrap;
    justify-content: center;
  }
}