@import url("https://use.typekit.net/dol8zmg.css");
body{
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    background-color: white;
    background-image: url(../../images/bg.webp);
    background-position-y:30vh;
    background-size: 100% auto;
    background-repeat: repeat-y;
    overflow-x: hidden;
}
.header{
    padding:20px 0px;
    background-color: white;
}
a.navbar-brand>img{
    height:60px
}
.dropdown-toggle::after{
    display:none;
}
.navbar-expand-sm .navbar-nav .nav-link{
    padding-left:15px;
    padding-right:15px;
    font-size:16px;
    color:#707070;
    text-transform:uppercase;
}
ul.navbar-nav.right-menu{
    align-items: center;
}
ul.navbar-nav>li.lang{
    display: flex;
    margin-right:8px;
}
ul.navbar-nav>li.lang>a{
    display: flex;
    width:26px;
    height: 26px;
    overflow: hidden;
    border-radius: 13px;
    padding:0px;
}
ul.navbar-nav>li.lang>a.active{
    outline:2px solid #81BC22;
}
ul.navbar-nav>li.lang>a>img{
    width:26px;
    height:26px;
}
ul.navbar-nav.right-menu>li{
    margin-left:5px;
}
ul.navbar-nav>li>a.btn.btn-green-outline{
    display: flex;
    height:48px;
    padding:0px 34px;
    align-items: center;
    justify-content: center;
    border:2px solid #82BA23;
    border-radius: 4px;
    color:#81BC22;
    font-weight: 600;
}
ul.navbar-nav>li>a.btn.btn-green{
    display: flex;
    height:48px;
    width: 48px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color:white;
    font-size:14px;
    background-color:#81BC22;
}
.slider{
    border-radius: 20px;
    overflow: hidden;
    padding:0px;
}
.carousel-caption {
    position: absolute;
    right: 40%;
    bottom: 10%;
    left: 15%;
    text-align: left;
    top: 10%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.carousel-caption>h3{
    font-size:56px;
    font-weight: 600;
    color:white;
    line-height: 52px;
    margin-bottom:20px;
}
.carousel-caption>p{
    color:white;
    font-size:18px;
    font-weight: 500;
    line-height: 28px;
}
.carousel-caption>a.btn.btn-white{
    display: flex;
    width: fit-content;
    max-width: 100%;
    height:48px;
    align-items: center;
    justify-content: center;
    padding:0px 35px;
    font-weight: 500;
    background-color: white;
    color:#81BC22;
    font-size:14px;
    border-radius: 4px;
    margin-top:20px;
    transition: all .4s;
}
.carousel-caption>a.btn.btn-white:hover{
    background-color: #81BC22;
    color:white;
    transition: all .4s;
}
.outline-green{
    border:1px solid #81BC22;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    background:none;
    font-size: 34px;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: .8;
    transition: opacity .15s ease;
}
.home-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 9;
    margin-bottom:20px;
}
.home-form>form.form-area{
    display: flex;
    width: 96%;
    background-color:white;
    border-radius: 7px;
    box-shadow: 0px 0px 40px rgba(0,0,0,.16);
    padding:45px 60px;
    margin-top:-60px;
    margin-bottom:50px;
}
.home-form>form.form-area>.row{
    display: flex;
    width: 100%;
}
.home-form>form.form-area>.row>.form-str{
    padding:0px 20px;
    position: relative;
}
.home-form>form.form-area>.row>.form-str:last-child{
    margin-top:40px;
}
.form-str>label{
    font-size:18px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:14px;
}
.form-str>select.form-control{
    height:48px;
    border:2px solid #F1F3F4;
    padding-left:15px;
    padding-right:15px;
    border-radius: 4px;
    font-size:14px;
    color:#898A8D;
    font-weight: 400;
    appearance: none; /* Tarayıcı stilini kaldırıyoruz */
    -webkit-appearance: none;
    -moz-appearance: none;
    outline:none;
    box-shadow:none;
}
.form-str>select.form-control:focus, .form-str>select.form-control:hover{
    border-color: #F1F3F4;
}

.form-str .custom-arrow {
    position: absolute;
    bottom:2px;
    right: 34px;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    pointer-events: none;
    content: '\f0dd'; /* Eğer content ile göstereceksen, :before ile kullanman lazım */
}

/* Eğer FontAwesome kullanıyorsan :before ekle */
.form-str .custom-arrow::before {
    content: '\f0dd';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    color: #898A8D;
}
.form-str>button.btn.btn-white{
    background-color:white;
    color:#81BC22;
    font-size:14px;
    font-weight: 600;
    display: flex;
    height:48px;
    width:100%;
    justify-content: center;
    align-items: center;
    padding:4px;
}
button.btn.btn-outline-green{
    border:2px solid #81BC22;
}
.down-arrow{
    display: flex;
    width: 100%;
    justify-content: center;
}
.down-arrow>a{
    text-decoration: none;
    color:#D6006D;
    font-size:20px;
}
.home-products{
    margin-bottom:60px;
}
.home-products-intro{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:30px;
    margin-bottom:40px;
}
.home-products-intro>h1{
    font-size:50px;
    font-weight: 700;
    color:#6F6F6F;
    text-align: center;
    margin-bottom:20px;
}
.home-products-intro>p{
    font-size:16px;
    font-weight: 400;
    text-align: center;
    color:#6F6F6F;
}
.nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    margin-bottom:20px;
}
ul.nav-tabs>li{
    margin-left:15px;
    margin-right:15px;
}
.nav-tabs .nav-link{
    border:2px solid #81BC22;
    background-color: white;
    color:#81BC22;
    height:48px;
    display: flex;
    align-items: center;
    padding:0px 20px;
    font-size:14px;
    font-weight: 600;
    border-radius: 4px;
}
.nav-tabs .nav-link:hover{
    background-color: #81BC22;
    border-color:#81BC22;
    color:white;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border:2px solid #81BC22;
    background-color: #81BC22;
    color:white;
    height:48px;
    display: flex;
    align-items: center;
    padding:0px 20px;
    font-size:14px;
    font-weight: 600;
    border-radius: 4px;
}
.products-tab-intro{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:30px;
    margin-top:20px;
}
.products-tab-intro>h2{
    font-size:32px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:20px;
    text-align: center;
    width: 50%;
}
.products-tab-intro>p{
    width:50%;
    text-align: center;
    color:#6F6F6F;
    font-size:16px;
    line-height: 20px;
    font-weight: 400;
    display: inline;
}
.product-box{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color:white;
    border-radius: 10px;
    border:1px solid #DDDDDD;
    padding:20px;
}
.product-box>a.product-img{
    display: flex;
    width:100%;
    height:286px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom:20px;
}

.product-box>a.product-img.small{
    display: flex;
    width:100%;
    height:206px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom:20px;
}
.product-box>a.product-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.product-box>h4{
    font-size:16px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
ul.product-spec{
    list-style: none;
    display: flex;
    margin:0px 0px 30px;
    padding:0px;
}
ul.product-spec>li{
    display: flex;
    margin-right:5px;
}
ul.product-spec>li>button.btn.btn-green{
    display: flex;
    width:40px;
    height: 40px;
    background-color: #80BD22;
    align-items: center;
    justify-content: center;
}
ul.product-spec>li>button.btn.btn-green>img{
    height: 22px;
}
.product-box>a.btn.btn-white.btn-outline-green{
    display: flex;
    height:48px;
    width:100%;
    align-items: center;
    justify-content: center;
    font-size:14px;
    color:#81BC22;
    font-weight: 400;
    border:2px solid #80BD22;
    border-radius: 4px;
    transition: all .4s;
}
.product-box>a.btn.btn-white.btn-outline-green:hover{
    background-color: #80BD22;
    color:white;
    transition: all .4s;
}

.tooltip-btn {
  position: relative;
}

.tooltip-btn .tooltip-text {
  visibility: hidden;
  width: 300px;
  background-color: white;
  color:#6F6F6F;
  box-shadow: 0px 0px 6px rgba(0,0,0,.16);
  text-align: left;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1;
  top: 135%; /* Yukarı doğru çıkması için */
  left: 50%;
  transform: translateX(-10%);
  opacity: 0;
  transition: opacity 0.3s;
}
/* Oku oluşturan üçgen */
.tooltip-btn .tooltip-text .tooltip-arrow {
  position: absolute;
  top: -10px; /* kutunun üstüne çıkması için negatif */
  left: 20px; /* sola hizalama */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white; /* kutunun arka plan rengiyle aynı olmalı */
  filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.1)); /* hafif gölge efekti */
}

.tooltip-btn:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.tooltip-btn .tooltip-text h6{
    font-size:14px;
    font-weight: 600;
    color:#6F6F6F;
}
.tooltip-btn .tooltip-text p{
    font-size:14px;
    font-weight: 400;
    color:#6F6F6F;
}
.content-box{
    margin-bottom:40px;
}
.content-box>.row{
    width:100%;
}
.grey-bg{
    background-color:#F9F9F9;
    border-radius: 20px;
    box-shadow:0px 0px 6px rgba(0,0,0,.16);
    padding:30px 20px;
}
.green-bg{
    background-color:#61B539;
    border-radius: 20px;
    padding:30px 20px;
}
.bg-none{
    border-radius: 20px;
    padding:30px 20px;
}
.left-right>.row{
    display: flex;
    flex-direction: row;
}
.right-left>.row{
    display: flex;
    flex-direction: row-reverse;
}
.content-text{
    padding:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-img{
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height:360px;
    height:100%;
}
.content-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.content-text>h2{
    font-size:36px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:20px;
}
.content-text>p{
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
    line-height: 32px;
}
.green-bg .content-text>h2{
    font-size:36px;
    font-weight: 700;
    color:white;
    margin-bottom:20px;
}
.green-bg .content-text>p{
    font-size:18px;
    font-weight: 400;
    color:white;
    line-height: 32px;
}
.content-text>a.btn.btn-white{
    display: flex;
    height:48px;
    width:fit-content;
    max-width: 100%;
    background-color: white;
    color:#80BD22;
    font-size:14px;
    font-weight: 400;
    padding:0px 35px;
    border-radius: 4px;
    align-items: center;
}
.btn-outline-green{
    border:2px solid #80BD22;
}
.content-text>a.btn.btn-white:hover{
    background-color: #80BD22;
    color:white;
}

.content-text>a.btn.btn-green{
    display: flex;
    height:48px;
    width:fit-content;
    max-width: 100%;
    background-color: #61B539;
    color:white;
    font-size:14px;
    font-weight: 400;
    padding:0px 35px;
    border-radius: 4px;
    align-items: center;
}
.btn-outline-white{
    border:2px solid white;
}
.content-text>a.btn.btn-green:hover{
    background-color: white;
    color:#61B539;
}
.comment-str{
    margin-top:40px;
    margin-bottom:80px;
}
.comment-area{
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding:0px;
}
.comment-area>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.comment-area>.overlay{
    position: relative;
    width:100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding:100px 60px;
    background-color: rgba(0,0,0,.57);
}
.comment-area>.overlay>h4{
    font-size:36px;
    color:white;
    font-weight: 700;
    text-align: center;
    margin-bottom:50px;
}
.Home-Content-Title>h4{
    font-size:36px;
    font-weight: 700;
    color:#6F6F6F;
    text-align: center;
    margin-bottom:60px;
}
.comment-box{
    background-color:white;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
    padding:30px;
    width:calc( 100% - 50px);
    margin-left:50px;
    display: flex;
}
.comment-logo{
    display: flex;
    width:100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    background-color: #D1D1D1;
    position: relative;
    margin-left:-80px;
    border:2px solid #D1D1D1;
}
.comment-logo>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.comment-text{
    display: flex;
    width: calc( 100% - 70px);
    margin-left:20px;
    flex-direction: column;
}
.comment-text>p{
    font-size:16px;
    font-weight: 400;
    color:#6F6F6F;
    line-height: 26px;
}
.comment-text>span.company{
    display: flex;
    font-size:18px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:10px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #81BD22;
}
.references-str{
    margin-bottom:80px;
    padding-top:30px;
}
.ref-title>h4{
    font-size:36px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:30px;
    text-align: center;
}
.ref-box{
    display: flex;
    width:100%;
    aspect-ratio: 1;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.ref-box>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.blogs-area{
    margin-bottom:30px;
}
.blog-area-title{
    margin-bottom:40px;
}
.blog-area-title>h4{
    font-size:36px;
    font-weight: 700;
    color:#6F6F6F;
    text-align: center;
    margin-bottom:20px;
}
.blog-area-title>p{
    text-align: center;
    font-size:14px;
    font-weight: 400;
    color:#6F6F6F;
}
.blog-box{
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background-color: white;
    box-shadow:0px 0px 6px rgba(0,0,0,.16);
    overflow: hidden;
    height: 100%;
}
.blog-box>a.blog-img{
    position: relative;
    width: 100%;
    height:200px;
}
.blog-box>a.blog-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.blog-box>.blog-text{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding:20px 20px 10px;
}
.blog-box>.blog-text>span.date{
    font-size:14px;
    font-weight: 600;
    color:#6F6F6F;
}
.blog-box>.blog-text>h5{
    font-size:18px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:20px;
}
.blog-box>.blog-text>p{
    font-size:16px;
    font-weight: 400;
    color:#6F6F6F;
    line-height: 24px;
}
.footer{
    background-color: #F4F4F4;
    padding-top:80px;
}
.footer-menu>a.menu-title{
    font-size:18px;
    display: flex;
    font-weight: 600;
    color:#6F6F6F;
    text-decoration: none;
    margin-bottom:20px;
    transition: color .4s;
}

.footer-menu>span.menu-title{
    font-size:18px;
    display: flex;
    font-weight: 600;
    color:#6F6F6F;
    text-decoration: none;
    margin-bottom:20px;
    transition: color .4s;
}
.footer-menu>a.menu-title:hover{
    color:#80BD22;
    transition: color .4s;
}
.footer-menu>ul{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin:0px 0px 20px;
    padding:0px;
}
.footer-menu>ul>li{
    display: flex;
    margin-bottom:10px;
    color:#6F6F6F;
    font-size:14px;
    font-weight: 400;
}
.footer-menu>ul>li>a{
    color:#6F6F6F;
    font-size:14px;
    font-weight: 400;
    text-decoration: none;
    transition: color .4s;
}
.footer-menu>ul>li>a:hover{
    color:#80BD22;
    transition: color .4s;
}
.footer-bottom{
    margin-top:80px;
    border-top:1px solid rgba(137,138,141,.2);
    padding-top:40px;
    padding-bottom:40px;
}
.footer-form{
    margin-bottom:30px;
}
.footer-form>form{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer-form>form>p{
    font-size:14px;
    color:#6F6F6F;
    font-weight: 400;
    line-height: 24px;
    margin-bottom:15px;
}
.footer-form>form>.form-str{
    display: flex;
    width: 100%;
}
.footer-form>form>.form-str>input.form-control{
    height:48px;
    display: flex;
    border:1px solid #898A8D;
    border-radius: 4px;
    align-items: center;
    padding-left:15px;
    padding-right:15px;
    width:calc( 100% - 125px);
    background: none;
}
.footer-form>form>.form-str>button.btn.btn-green{
    display: flex;
    height:48px;
    align-items: center;
    background-color: #80BD22;
    border-radius: 4px;
    justify-content: center;
    color:white;
    font-size:14px;
    font-weight: 400;
    width:125px;
    margin-left:-5px;
}
.footer-logo-social{
    display:flex;
    flex-direction: column;
    align-items: flex-end;
}
ul.footer-social{
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin:0px 0px 20px;
    padding:0px;
}
ul.footer-social>li{
    display: flex;
    margin-left:5px;
}
ul.footer-social>li>a{
    display: flex;
    width:36px;
    height:36px;
    align-items: center;
    justify-content: center;
    font-size:20px;
    color:#6F6F6F;
    text-decoration: none;
    transition: color .4s;
}
ul.footer-social>li>a:hover{
    color: #80BD22;
    transition: color .4s;
}
a.footer-logo{
    display: flex;
}
a.footer-logo>img{
    height:60px;
}
.copyright{
    border-top:1px solid rgba(137,138,141,.2);
    padding:10px 0px;
    background-color: #F4F4F4;
}
.copyright>.container{
    font-size:12px;
    font-weight: 400;
    color:#6F6F6F;
}
.pageBrandcrumb-area{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:50px;
}
.pageBrandcrumb-area>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.pageBrandcrumb-area>.BradCrumb{
    display: flex;
    padding:10px 20px;
    width: 100%;
    position: relative;
    z-index: 2;
}
.pageBrandcrumb-area>.BradCrumb>ul{
    list-style: none;
    margin:0px;
    padding:0px;
    display: flex;
    width:100%;
}
.pageBrandcrumb-area>.BradCrumb>ul>li{
    display: flex;
    font-size:14px;
    font-weight: 400;
    color:white;
    margin-left:10px;
    text-transform: uppercase;
}
.pageBrandcrumb-area>.BradCrumb>ul>li>a{
    text-transform: capitalize;
    text-decoration: none;
    color:white;
    font-size:14px;
    font-weight: 400;
}
.pageBrandcrumb-area>.BradCrumb>ul>li>a::after{
    content: '/';
    margin-left:10px;
}
.technology-intro{
    display: flex;
    flex-direction: column;
}
.technology-intro>h1{
    font-size:36px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.technology-intro>p{
    font-size:18px;
    font-weight: 400;
    line-height: 32px;
    color:#6F6F6F;
}
.content-box{
    margin-top:60px;
    padding:40px 45px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.content-box>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
    z-index:-1;
}
.content-box.ltr-img>.row{
    position: relative;
    display: flex;
    width: 100%;
    height:100%;
    flex-direction: row;
}
.content-box.white-text h2{
    font-size:52px;
    font-weight: 600;
    color:white;
    margin-bottom:25px;
}

.content-box.white-text h3{
    font-size:40px;
    font-weight: 600;
    color:white;
    margin-bottom:25px;
}

.content-box.white-text h4:first-child{
    font-size:30px;
    font-weight: 600;
    color:white;
    margin-bottom:25px;
}
.content-box.white-text h4{
    font-size:30px;
    font-weight: 600;
    color:white;
    margin-bottom:0px;
}
.content-box.white-text h6{
    font-size:26px;
    font-weight: 600;
    color:white;
    margin-bottom:0px;
}
.content-box.white-text p{
    font-size:18px;
    font-weight: 400;
    color:white;
    line-height: 32px;
}
.content-box.white-text ul{
    display: flex;
    width:100%;
    flex-direction: column;
    list-style: none;
    margin:15px 0px 30px;
    padding:0px;
}
.content-box.white-text ul>li{
    font-size:20px;
    font-weight: 500;
    color:white;
    margin-bottom:5px;
    display: flex;
    width:100%;
    align-items: flex-start;
}
.content-box.white-text ul>li::before{
    content:'';
    display: inline-block;
    width:12px;
    margin-top:8px;
    height:12px;
    border-radius: 6px;
    border:3px solid white;
    margin-right:10px;
    flex-shrink: 0;
}
.content-box>.row>.content-text-area{
    display: flex;
    flex-direction:column;
    height:100%;
}
.content-box>.row>.content-img-area{
    display: flex;
    min-height: 450px;
    height:100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.content-box>.row>.content-img-area>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.content-box.grey-text h2{
    font-size:52px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:25px;
}
.content-box.grey-text h3{
    font-size:40px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:25px;
}
.content-box.grey-text h4{
    font-size:30px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:25px;
}
.content-box.grey-text h6{
    font-size:26px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:0px;
}
.content-box.grey-text p{
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
    line-height: 32px;
}
.content-box.rtl-img>.row{
    position: relative;
    display: flex;
    width: 100%;
    height:100%;
    flex-direction: row-reverse;
}
.content-box.grey-text ul{
    display: flex;
    width:100%;
    flex-direction: column;
    list-style: none;
    margin:15px 0px 30px;
    padding:0px;
}
.content-box.grey-text ul>li{
    font-size:20px;
    font-weight: 500;
    color:#6F6F6F;
    margin-bottom:5px;
    display: flex;
    width:100%;
    align-items: flex-start;
}
.content-box.grey-text ul>li>strong{
    margin-left:5px;
    margin-right:6px;
}
.content-box.grey-text ul>li::before{
    content:'';
    display: inline-block;
    width:12px;
    margin-top:8px;
    height:12px;
    border-radius: 6px;
    border:3px solid #81BC22;
    margin-right:10px;
    flex-shrink: 0;
}
.bottom-content-area{
    margin-bottom:100px;
    margin-top:100px;
}
.bottom-content-area>.row>div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bottom-content-area>.row>div>h2{
    text-align: center;
    font-size:36px;
    margin-bottom:20px;
    font-weight: 600;
    color:#6F6F6F;
}
.bottom-content-area>.row>div>h4{
    text-align: center;
    font-size:36px;
    margin-bottom:20px;
    font-weight: 600;
    color:#6F6F6F;
}
.bottom-content-area>.row>div>p{
    text-align: center;
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
    line-height: 32px;
}
.text-green{
    color:#81BC22;
}
.bottom-content-area a.btn.btn-white{
    height:46px;
    display: flex;
    align-items: center;
    padding:0px 80px;
    justify-content: center;
    border-radius: 4px;
    font-size:14px;
    font-weight: 600;
    margin-top:40px;
}
.bottom-content-area a.btn.btn-white:hover{
    background-color: #81BC22;
    transition: all .4s;
}
.bottom-content-area a.btn.btn-white.text-green:hover{
    color:white;
    transition: all .4s;
}


.aboutus-intro{
    display: flex;
    flex-direction: column;
}
.aboutus-intro>h1{
    font-size:58px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:15px;
}
.aboutus-intro>h2{
    font-size:42px;
    font-weight: 700;
    color:#6F6F6F;
    margin-bottom:15px;
}
.aboutus-intro>h3{
    font-size:36px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.aboutus-intro>h5{
    font-size:24px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:10px;
}
.aboutus-intro>p{
    font-size:18px;
    font-weight: 400;
    line-height: 32px;
    color:#6F6F6F;
}
.content-box.grey-bg{
    background-color:#F9F9F9;
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
}
.content-box.grey-bg.grey-text ul>li::before{
    content:'';
    display: inline-block;
    width:12px;
    margin-top:8px;
    height:12px;
    border-radius: 6px;
    border:3px solid #6F6F6F;
    margin-right:10px;
    flex-shrink: 0;
}
.content-box a.btn.btn-no-bg{
    display: flex;
    height:46px;
    align-items: center;
    padding:0px 80px;
    font-size:14px;
    width: fit-content;
    max-width: 100%;
}
.content-box a.btn.btn-no-bg.outline-green{
    background-color: rgba(85, 179, 65, 0);
    transition: all .4s;
}
.content-box a.btn.btn-no-bg.outline-green:hover{
    background-color: rgba(85, 179, 65, 1);
    transition: all .4s;
    color:white;
}
.content-box.grey-text .content-img-area{
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
}
.content-box.grey-bg.grey-text .content-img-area{
    box-shadow: none;
}


.aboutus-intro a.btn.btn-no-bg{
    display: flex;
    height:46px;
    align-items: center;
    padding:0px 80px;
    font-size:14px;
    width: fit-content;
    max-width: 100%;
}
.aboutus-intro a.btn.btn-no-bg.outline-green{
    background-color: rgba(85, 179, 65, 0);
    transition: all .4s;
}
.aboutus-intro a.btn.btn-no-bg.outline-green:hover{
    background-color: rgba(85, 179, 65, 1);
    transition: all .4s;
    color:white;
}
.content-box.white-text a.btn.btn-no-bg{
    height:46px;
    display: flex;
    align-items: center;
    padding:0px 80px;
    border-radius: 4px;
    transition:all .4s;
}
.outline-white{
    border:1px solid white;
}
.content-box.white-text a.btn.btn-no-bg.outline-white.text-white:hover{
    background-color:white;
    border-color:white;
    color:#81BC22!important;
    transition:all .4s;
}
.gallery{

    margin-bottom:100px
}
.gal{
    padding:7px;
}
.gal>a{
    display: flex;
    width:100%;
    position: relative;
    height:200px;
}
.gal>a>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.products-str{
    margin-bottom:100px;
}
.menu-box{
    display: flex;
    flex-direction: column;
    width:100%;
    border:1px solid #DDDDDD;
    padding:10px;
    border-radius: 10px;
    margin-top:15px;
}
.menu-box>span.left-menu-title{
    font-size:18px;
    font-weight: 500;
    color:#6F6F6F;
    border-bottom:1px solid #DDDDDD;
    padding-bottom:5px;
    margin-top:5px;
    margin-bottom:5px;
}
.menu-box>ul.left-menu{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding:0px;
    margin:0px;
    width: 100%;
}
.menu-box>ul.left-menu>li{
    display: flex;
    width: 100%;
    border-bottom:1px solid rgba(221, 221, 221, .5);
}
.menu-box>ul.left-menu>li:last-child{
    border:none;
}
.menu-box>ul.left-menu>li>a{
    font-size:16px;
    font-weight: 400;
    color:#6F6F6F;
    padding:12px 4px;
    text-decoration: none;
    display: flex;
    width:100%;
    transition: all .4s;
    text-transform: capitalize;
}
.menu-box>ul.left-menu>li>a.active{
    background-color:#81BC22;
    color:white;
    transition: all .4s;
}
.menu-box>ul.left-menu>li>a:hover{
    background-color:#81BC22;
    color:white;
    transition: all .4s;
}
.header>.search-area{
    position: relative;
    height:0px;
    display:flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 100%;
    opacity: 0;
    transition: all .4s;
}
.header>.search-area.open{
    height:60px;
    opacity: 1;
    transition: all .4s;
}
.search-area .form-str{
    position: relative;
}
.search-area .form-str>input.form-control{
    background:none;
    border:none;
    border-bottom:1px solid #8d8d8d;
    height:46px;
    border-radius: 0px;
    outline:none;
    box-shadow:none;
}
.search-area .form-str>label{
    position: absolute;
    bottom:5px;
    font-size:20px;
    left:25px;
    font-weight: 400;
    color:#8d8d8d;
    transition: 0.2s ease all;
    pointer-events: none;
    margin-bottom:0px;
}

/* Eğer input odaklanırsa ya da değer girilmişse */
.search-area .form-str> input:focus + label,
.search-area .form-str> input:not(:placeholder-shown) + label {
    transform: translateY(-30px);
    font-size: 12px;
    opacity: 0.8;
}
.search-area .form-str>button.sendbtn{
    border:none;
    background: none;
    position: absolute;
    right:5px;
    bottom:5px;
    padding:0px 20px;
}
.search-area .form-str>button.sendbtn>img{
    height:26px;
}
.product-gallery{
    margin-bottom:30px;
}
.product-info>h1{
    font-size:40px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.product-info>p{
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
}
ul.spec-list{
    display: flex;
    width: 100%;
    list-style: none;
    flex-direction: column;
    padding:0px;
    margin:40px 0px 20px;
}
ul.spec-list>li{
    display: flex;
    width: 100%;
    margin-bottom:10px;
    align-items: flex-start;
}
ul.spec-list>li>.spec-title{
    display: flex;
    width:220px;
    align-items: center;
    font-size:16px;
    font-weight: 600;
    color:#6F6F6F;
    margin-right:10px;
}
ul.spec-list>li>.spec-title>.btn.btn-green.tooltip-btn{
    display: flex;
    width:40px;
    height: 40px;
    background-color: #80BD22;
    align-items: center;
    justify-content: center;
    margin-right:10px;
}
ul.spec-list>li>.spec-title>.btn.btn-green.tooltip-btn>img{
    height: 22px;
}
ul.spec-list>li>.spec-details{
    font-size:16px;
    font-weight: 400;
    color:#6F6F6F;
    display: flex;
    flex-direction: column;
    width:calc( 100% - 230px);
    padding-top:10px;
}
ul.spec-list>li.other-spec{
    margin-top:15px;
}
hr{
    border-color:#d7d7d7;
}
.button-str .btn.btn-green{
    display: flex;
    height:46px;
    border-radius: 4px;
    width:100%;
    align-items: center;
    justify-content: center;
    background-color: #81BC22;
    color:white;
    font-size:16px;
    border:1px solid #81BC22;
    transition: all .4s;
}
.button-str .btn.btn-green>i{
    margin-right:5px;
}
.button-str .btn.btn-green:hover{
    background-color:white;
    color:#81BC22;
    transition: all .4s;
}
.button-str .btn.btn-white.outline-green{
    display: flex;
    height:46px;
    border-radius: 4px;
    width:100%;
    align-items: center;
    justify-content: center;
    background-color: white;
    color:#81BC22;
    font-size:16px;
    border:1px solid #81BC22;
    transition: all .4s;
}
.button-str .btn.btn-white.outline-green>i{
    margin-right:5px;
}
.button-str .btn.btn-white.outline-green:hover{
    background-color: #81BC22;
    color:white;
    transition: all .4s;
}
.product-details{
    margin-top:60px;
    margin-bottom:60px;
}
.product-details .nav-tabs {
    display: flex;
    width:100%;
    justify-content: center;
    border-bottom: 1px solid #81BC22;
    margin-bottom: 20px;
    padding-bottom: 1px;
}
.product-details ul.nav-tabs>li{
    width:50%;
    margin:0px;
}
.product-details .nav-tabs .nav-link {
    border: none;
    background: none;
    color: #81BC22;
    height: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    width: 100%;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    justify-content: center;
}
.product-details .nav-tabs .nav-item.show .nav-link, .product-details .nav-tabs .nav-link.active {
    border: none;
    background-color: #81BC22;
    color: white;
    height: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    justify-content: center;
}
.product-details p{
    font-size:16px;
    font-weight: 400;
    color:#6F6F6F;
}
.other-products{
    margin-bottom:100px;
}
.other-products .other-title{
    border-bottom:1px solid #ddd;
    padding-bottom:3px;
    margin-bottom:5px;
    font-size:18px;
    font-weight: 600;
    color:#6F6F6F;
}
.pagination-str{
    margin-top:60px;
}
.page-link {
    position: relative;
    display: flex;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: #6F6F6F;
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 40px;
    height: 40px;
    padding: 0px;
    align-items: center;
    justify-content: center;
    outline:none;
    box-shadow: none;
}
.page-link>span{
    margin-top:-5px
}
.active>.page-link, .page-link.active{
    background-color: #81BC22;
    border-color: #81BC22;
}
.page-link:hover{
    color:#80BD22;
    background-color: rgba(129, 188, 34, .1);
}
.page-link:focus{
  outline: none;
  box-shadow: none;
}
.chain-box{
    position: relative;
    padding:0px;
    border-radius: 0px;
}
.chain-box>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.chain-box>.chain-intro-area{
    padding:80px 0px 30px;
    position: relative;
}
.chain-intro-text{
    display: flex;
    flex-direction: column;
    margin-bottom:50px;
}
.chain-intro-text>h1{
    font-size:42px;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: column;
    color:white;
    text-align: center;
    align-items: center;
    margin-bottom:20px;
    line-height: 47px;
}
.chain-intro-text>h1>strong{
    font-size:52px;
    font-weight: 600;
}
.chain-intro-text>h4{
    font-size:28px;
    text-align: center;
    font-weight: 400;
    color:white;
}
.chain-intro-area .image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 47%;
}
.chain-intro-area .image a {
    position: absolute;
    transition: .2s all ease;
    -webkit-transition: .2s all ease;
    -ms-transition: .2s all ease;
    -moz-transition: .2s all ease;
    -o-transition: .2s all ease;
}
.chain-intro-area .image .item-1 {
    width: 14.63%;
    top: 0;
    left: 0;
    z-index: 5;
}
.chain-intro-area .image .item-2 {
    width: 16.62%;
    top: 12.48%;
    left: 11.5%;
    z-index: 4;
}
.chain-intro-area .image .item-3 {
    width: 26.03%;
    top: 24.75%;
    left: 19.14%;
    z-index: 3;
}
.chain-intro-area .image .item-4 {
    width: 27.28%;
    top: 5.8%;
    left: 38%;
    z-index: 2;
}
.chain-intro-area .image .item-5 {
    width: 27.59%;
    top: 17.6%;
    right: 14.62%;
    z-index: 3;
}
.chain-intro-area .image .item-6 {
    width: 22.14%;
    top: 3.6%;
    right: 0;
    z-index: 5;
}
.chain-intro-area .image a svg {
    width: 100%;
    height: 100%;
}
.chain-intro-area .image a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.chain-intro-area .image a:hover svg path {
    stroke: white;
}
.chain-intro-area .btn-scroll-down {
    position: absolute;
    width: 18px;
    left: 50%;
    bottom: 30px;
    margin-left: -.12rem;
    z-index: 5;
}
.chain-intro-area .btn-scroll-down img {
    width: 100%;
}
.chain-inside{
    padding:90px 0px 110px;
    position: relative;
}
.chain-inside .item .icon {
    max-width: 1.32rem;
}
.chain-inside h6{
    width:50%;
    font-size: 28px;
    font-weight: 700;
    color:white;
    margin-bottom:0px;
    margin-top:20px;
    margin-bottom:10px;
}
.chain-inside h3{
    font-size:48px;
    font-weight: 600;
    color:white;
    margin-bottom:25px;
    line-height: 47px;
}
.chain-inside p{
    font-size:18px;
    font-weight: 500;
    color:white;
    margin-bottom:15px;
}
.chain-inside ul{
    margin:0px 0px 30px;
    padding:0px;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.chain-inside ul>li{
    font-size:20px;
    font-weight: 500;
    color:white;
    margin-bottom:5px;
    display: flex;
    width:100%;
    align-items: flex-start;
}
.chain-inside ul>li::before{
    content:'';
    display: inline-block;
    width:12px;
    margin-top:8px;
    height:12px;
    border-radius: 6px;
    border:3px solid white;
    margin-right:10px;
    flex-shrink: 0;
}
.chain-inside .btn.btn-no-bg.outline-white{
    display: flex;
    height:46px;
    padding:0px 80px;
    font-weight: 500;
    font-size:16px;
    color:white;
    border-radius: 4px;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    transition: all .4s;
}
.chain-inside .btn.btn-no-bg.outline-white:hover{
    background-color: white;
    color:#61B539;
    transition: all .4s;
}
.chain-inside .btn-scroll-down {
    position: absolute;
    width: 18px;
    left: 50%;
    bottom: 30px;
    margin-left: -.12rem;
    z-index: 5;
}
.chain-inside .btn-scroll-down img {
    width: 100%;
}
.chain-inside .filter {
    position: absolute;
}
ul.contact-list{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin:0px 0px 60px;
    padding:0px;
}
ul.contact-list>li{
    display: flex;
    flex-direction: column;
    margin-bottom:20px;
}
ul.contact-list>li>span.contact-title{
    color:#61B539;
    display: flex;
    font-size:18px;
    font-weight: 600;
    align-items: center;
}
ul.contact-list>li>span.contact-title>i{
    margin-right:5px;
}
ul.contact-list>li>a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    color:#6F6F6F;
    font-size:17px;
    font-weight: 400;
}
form.contact-form{
    display: flex;
    width:100%;
    flex-wrap: wrap;
    padding:40px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
    margin-bottom:60px;
}
form.contact-form .form-str{
    padding:7px;
}
form.contact-form .form-str>input.form-control{
    height:46px;
    border-radius: 4px;
}
form.contact-form .form-str>textarea.form-control{
    height:120px;
    resize: none;
}
form.contact-form .form-str>label{
    margin-bottom:0px;
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
}
form.contact-form .form-str>.btn.btn-green{
    background-color: #61B539;
    border:1px solid #61B539;
    display: flex;
    height:46px;
    width: 100%;
    align-items: center;
    justify-content: center;
    color:white;
    font-size:16px;
    font-weight: 500;
    transition: all .4s;
}
form.contact-form .form-str>.btn.btn-green:hover{
    background-color: white;
    color:#61B539;
    transition: all .4s;
}
.google-maps {
    position: relative;
    padding-bottom: 25%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.post-img{
    display: flex;
    width:100%;
    margin-bottom:30px;
    border-radius: 20px;
    overflow: hidden;
}
.post-img>img{
    width:100%;
}
.post-text{
    display: flex;
    width:100%;
    flex-direction: column;
    margin-bottom:40px;
}
.post-text h1{
    font-size:40px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.post-text h2{
    font-size:26px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.post-text h3{
    font-size:24px;
    font-weight: 600;
    color:#6F6F6F;
    margin-bottom:15px;
}
.post-text {
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
}
.post-text ul{
    list-style: none;
    padding:0px;
}

.post-text ul>li{
    font-size:18px;
    font-weight: 400;
    color:#6F6F6F;
    margin-bottom:3px;
    display: block;
    width:100%;
}
.post-text ul>li>b{
    flex-shrink: 0;
    margin-left:5px;
    margin-right:6px;
}
.post-text ul>li>strong{
    flex-shrink: 0;
    margin-left:5px;
    margin-right:6px;
}
.post-text ul>li::before{
    content:'';
    display: inline-block;
    width:12px;
    margin-top:8px;
    height:12px;
    border-radius: 6px;
    border:3px solid #6F6F6F;
    margin-right:10px;
    flex-shrink: 0;
}
.post-text>.posttime{
    font-size:14px;
    font-weight: 600;
    color:#6F6F6F;
}
.certificate-area{
    padding-top:60px;
    padding-bottom:60px;
}
a.cert-box{
    display: flex;
    width:100%;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}
a.cert-box>.cert-logo{
    display: flex;
    width:100%;
    aspect-ratio: 1;
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
    margin-bottom:10px;
    background-color: white;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 10px;
}
a.cert-box>.cert-logo>img{
    width: 80%;
    scale:1;
    transition: all .4s;
}
a.cert-box:hover>.cert-logo>img{
    scale:1.1;
    transition: all .4s;
}
a.cert-box>span{
    font-size:20px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 400;
    color:#6F6F6F;
    padding:10px;
}
.chain-img{
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.chain-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.row-reverse{
    display: flex;
    flex-direction: row-reverse;
}
.list-search{
    display: flex;
    width: 100%;
    position: relative;
    margin-top:10px;
}
.list-search.form-str>input.form-control{
    width:100%;
    height:42px;
    border:2px solid #F1F3F4;
    border-radius: 0px;
    outline:none;
    box-shadow: none;
}
.list-search.form-str>input.form-control::placeholder{
    color:rgba(0,0,0,.3);
}
.list-search.form-str>i{
    color:rgba(0,0,0,.3);
    font-size:16px;
    position: absolute;
    right:10px;
    top:13px;
}
ul.left-menu{
    max-height:300px;
    overflow-y: auto;
}
.list-search {
    position: relative; /* Icon'un konumlandırılması için */
}

#tags-container, #sector-tags-container{
    display: flex;
    flex-wrap: wrap;
}
.tags-input-container {
    display: flex;
    flex-wrap: wrap; /* Etiketler sığmazsa alt satıra geçsin */
    align-items: center;
    padding: 0px;
    border-radius: .25rem;
    cursor: text; /* Tıklandığında inputa odaklanmayı sağlar */
    width: 100%;
}

/* Arama inputunun kendi çerçevesini kaldıralım, çünkü ana konteynerde var */
#etken-search-input {
    border: none;
    outline: none;
    box-shadow: none;
    flex-grow: 1; /* Kalan boşluğu doldursun */
    padding: 0;
    margin: 3px;
    min-width: 150px; /* Çok küçülmesini engelle */
}

#etken-search-input:focus {
    outline: none;
    box-shadow: none;
}

.tag {
    display: flex;
    align-items: center;
    background-color: #81BC22; /* Etiket rengi */
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    margin: 3px;
    font-size: 14px;
}

.tag-close {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
}

.tag-close:hover {
    color: #ddd;
}

/* Bu stili mevcut CSS'inize ekleyin veya güncelleyin */


/* Etiket yokken görünecek metin için stil */
.placeholder-text {
    color: #6c757d;
    padding: 5px;
}

button.btn.btn-filter{
    display: flex;
    width:100%;
    height: 40px;
    background-color: #80BD22;
    border:1px solid #80BD22;
    align-items: center;
    justify-content: center;
    color:white;
    font-size:14px;
    font-weight: 500;
    border-radius: 10px;
    margin-top:10px;
    transition: all .4s;
}
button.btn.btn-filter:hover, button.btn.btn-filter:focus{
    background-color:white;
    color:#80BD22;
    transition: all .4s;
}
.selectors{
    margin-top:5px;
}
.sampleForm .form-str{
    margin-bottom:5px;
}
.sampleForm .form-str>input.form-control{
    width:100%;
    height: 48px;
    border: 2px solid #F1F3F4;
    outline: none;
    box-shadow: none;
    border-radius: 4px;
}
.sampleForm .form-str>textarea.form-control{
    width:100%;
    height: 120px;
    border: 2px solid #F1F3F4;
    outline: none;
    box-shadow: none;
    border-radius: 4px;
    resize:none;
}
.sampleForm .form-str>label{
    font-size:14px;
    font-weight: 400;
}
.sampleForm .form-str>label>a{
    font-size:14px;
    font-weight: 400;
    color:#80BC00;
}
.sampleForm .form-str>.btn.btn-green{
    background-color: rgb(97, 181, 57);
    display: flex;
    height: 48px;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(97, 181, 57);
    border-image: initial;
    transition: 0.4s;
}
.sampleForm .form-str>.btn.btn-green:hover{
    background-color: white;
    color: rgb(97, 181, 57);
    transition: 0.4s;
}
.modal-footer{
    border:none;
    padding-top:0px;
}
.modal-header{
    background-color: rgb(97, 181, 57);
    border:none;
}
.modal-title{
    color:white;
}
.btn-close {
    --bs-btn-close-color: white;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    filter: var(--bs-btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
    outline:none;
    box-shadow:none;
}
button:focus {
    outline: none;
    box-shadow:none;
}
form.farmerform label{
    color:white;
    font-weight: 400;
    margin-bottom:3px;
    display: flex;
    flex-direction: row;
}
form.farmerform .form-str{
    padding:10px;
}
form.farmerform .form-str>input.form-control{
    height: 48px;
    border: 2px solid #F1F3F4;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 14px;
    color: #898A8D;
    font-weight: 400;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-shadow: none;
}
form.farmerform .form-str>label>div{
    margin-left:5px;
}
form.farmerform .form-str>label>div>a{
    color:white;
}
form.farmerform .form-str>.btn{
    height: 46px;
    display: flex;
    align-items: center;
    padding: 0px 80px;
    border-radius: 4px;
    transition: all .4s;
}
form.farmerform .form-str>.btn:hover{
    background-color: white;
    border-color: white;
    color: #81BC22 !important;
    transition: all .4s;
}
form.contact-form .form-str>input.form-control, form.contact-form .form-str>textarea.form-control{
    outline:none;
    box-shadow: none;
}
form.contact-form .form-str>input.form-control:focus, form.contact-form .form-str>textarea.form-control:focus{
    border-color:#61B539;
}