@charset "UTF-8";


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



/* VARIBALES */
:root {
 --primary: #7cc000;
	--secondary: #00543D;
  --gradi: #3c8f37;
  --white: #fff;
  --dark: #1a1a1a;
  --dark-2: #111111;
  --black-2: #060024;
  --black-3: #01001e;
  --gray: #535353;
  --gray-2: #6d6d6d;
  --font-Montserrat: 'Montserrat', sans-serif;
}

/*----------------------------------------*/
/* 03. TYPOGRAPHY CSS START
/*----------------------------------------*/
* { margin: 0; padding: 0;}

/*.row>*{padding-right:15px; padding-left:15px;} */

body { font-family: var(--font-Montserrat);}

html { scroll-behavior: smooth;}

.container{max-width:1399px;}

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; position: relative;z-index: 1;}
h1 { font-size: 36px;}
h2 { font-size: 36px;}
h3 { font-size: 30px;}
h4 { font-size: 24px;}
h5 { font-size: 20px;}
h6 {font-size: 18px;}

ul, ol { padding: 0;margin: 0;}
li { list-style: none;}
a { text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
p { padding: 0; margin: 0;font-style: normal;line-height: 1.5; font-weight: 400; font-size: 16px; color: var(--dark);}
img { max-width: 100%;}


/*********Theme Reset CSS End*********/


/***********Top Base CSS************/

.fs_13{font-size:13px;}
.fs_14{font-size:14px;}
.fs_15{font-size:15px;}
.fs_16{font-size:16px;}
.fs_17{font-size:17px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_22{font-size:22px;}
.fs_24{font-size:24px;}
.fs_26{font-size:26px;}
.fs_28{font-size:28px;}
.fs_30{font-size:30px;}
.fs_34{font-size:34px;}
.fs_36{font-size:36px;}
.fs_38{font-size:38px;}
.fs_40{font-size:40px;}
.fs_42{font-size:42px;}
.fs_44{font-size:44px;}
.fs_46{font-size:46px;}
.fs_48{font-size:48px;}
.fs_50{font-size:50px;}
.fs_55{font-size:55px;}
.fs_60{font-size:60px;}
.fs_65{font-size:65px;}
.fs_70{font-size:70px;}

.lh_1-1{line-height:1.1em;}
.lh_1-2{line-height:1.2em;}
.lh_1-3{line-height:1.3em;}
.lh_1-4{line-height:1.4em;}
.lh_1-5{line-height:1.5em;}

.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}

.theme-color-1{color: var(--primary);}
.theme-color-2{color: var(--dark);}
.theme-color-4{color: var(--black-2);}
.theme-color-5{color: var(--black-3);}

.text-gray{color:var(--gray);}

.title-styled h2{font-size: 40px; color: var(--primary); font-weight: 300; line-height: 1.2; text-transform: uppercase;}
.title-styled h2 span{font-weight: 700;}
.title-styled .titled-smart{ display:inline-block; position:relative; font-size: 16px; color: var(--dark); display:inline-block; padding:0px 15px; margin-bottom:15px; font-weight: 400; line-height: 1; text-transform: capitalize;}
.title-styled .titled-smart:before{content:""; position:absolute; left:0; top: calc(50% - 4px); height:8px; width:8px; border-radius:50%; background-color: var(--primary);}
.title-styled .titled-smart:after{content:""; position:absolute; right:0; top: calc(50% - 4px); height:8px; width:8px; border-radius:50%; background-color: var(--primary);}

.title-styled .para-smart{font-size:17px; color:var(--gray-2);}

.samfrucht-btn-primary{color:#ffffff; display: inline-block; font-size: 14px; text-align:center; min-width:175px; text-transform:uppercase;  font-family: var(--font-Montserrat); padding: 16px 30px; border-radius: 30px;  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--primary)), color-stop(50%, var(--gradi) #82c408), color-stop(75%, var(--primary)), to(var(--gradi)));  background-image: linear-gradient(to right, var(--primary) 25%, var(--gradi) 50%, var(--primary) 75%, var(--gradi) 100%);  background-repeat: no-repeat; background-size: 200% 200%; -webkit-transition: all 0.5s; transition: all 0.5s;}
.samfrucht-btn-primary:hover{background-position: 100% 100%; color:#ffffff;}

.samfrucht-btn-primary .ri-arrow-right-long-fill{margin-left:8px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.samfrucht-btn-primary:hover .ri-arrow-right-long-fill{margin-left:15px;}

.samfrucht-btn-2{color:#ffffff; display: inline-block; font-size: 14px; min-width:175px; text-transform:uppercase;  font-family: var(--font-Montserrat); padding: 16px 30px; border-radius: 30px;  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #060024), color-stop(50%, #060024), color-stop(75%, #060024), to(#060024));  background-image: linear-gradient(to right, #060024 25%, #060024 50%, #060024 75%, #060024 100%);  background-repeat: no-repeat; background-size: 200% 200%; -webkit-transition: all 0.5s; transition: all 0.5s;}
.samfrucht-btn-2:hover{color:#ffffff; background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--primary)), color-stop(50%, var(--secondary)), color-stop(75%, var(--primary)), to(var(--secondary)));  background-image: linear-gradient(to right, var(--primary) 25%, var(--secondary) 50%, var(--primary) 75%, var(--secondary) 100%);  background-repeat: no-repeat; background-size: 100% 100%;}


.nav-cstm .nav-item{ padding: 0 14px;}
.nav-cstm .nav-item .nav-link{padding: 10px 0px; color: var(--secondary); font-size: 14px;  text-transform: uppercase; position:relative; -webkit-transition: all 0.2s; transition: all 0.2s;}
.nav-cstm .nav-item .nav-link:hover{color:var(--dark);}
.nav-cstm .dropdown-menu {width: 260px; top: 80px; border-radius:0px; background: var(--black-2); padding: 20px 0; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
.nav-cstm .dropdown-menu li{padding:0px 30px;}
.nav-cstm .dropdown-menu li a{padding: 10px 0; display: block; color: var(--white); text-transform: capitalize;}
.nav-cstm .dropdown-menu li a:hover{color:var(--secondary); background:transparent;}
.nav-cstm .nav-item:hover > .dropdown-menu {display:block;}
.nav-cstm .nav-item .dropdown-menu .nav-item > .dropdown-menu{ top:0; right:100%;}




.nav-cstm .nav-item .nav-link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--primary); transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease;}
.nav-cstm .nav-item .nav-link:hover::after { transform: scaleX(1);}
.nav-cstm .nav-item.current_page_item .nav-link::after { transform: scaleX(1);}



.navbar-toggler{border:none; font-size:30px; padding:0px;}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:visited{outline:none; border:none;box-shadow:none;}
.navbar-toggler .ri-menu-3-line{color: var(--dark);}

.banner-area { background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 160px; padding-bottom: 160px; position: relative; z-index: 1; overflow: hidden; position:relative;}
.banner-area:before{content:""; top: 0; left: 0; height:100%; width:100%; background-color:rgba(0,0,0,0.7); position:absolute;}
.banner-area .banner-content{position:relative; z-index: 2;}
.banner-area .banner-content h1{font-size: 80px; color: var(--white); font-weight: 300; line-height: 1.2; padding-bottom: 30px; text-transform: capitalize;}
.banner-area .banner-content h1 span{font-weight: 700; color: var(--primary);}
.banner-area .banner-content .short-start{position:relative; padding: 0px 20px; display: inline-block; font-weight:400;}
.banner-area .banner-content .short-start:before{position:absolute; top:calc(50% - 5px); left:0; border-radius:50%; background-color:var(--primary); content:""; height:10px; width:10px;}
.banner-area .banner-content .short-start:after{position:absolute; top:calc(50% - 5px); right:0; border-radius:50%; background-color:var(--primary); content:""; height:10px; width:10px;}
.banner-area .banner-content p{color: var(--white); font-size:20px; font-weight:300;}


.banner-area.banner-inner {padding-top: 130px; padding-bottom: 130px;}
.banner-area.banner-inner .banner-content h1{font-size:64px; padding-bottom: 10px;}



.carousel-progress { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: rgba(255,255,255,0.3); z-index: 10;}
.carousel-progress-bar { width: 0%; height: 100%; background: #198754;}
.carousel-item img { height: 1000px; object-fit: cover;}
  
.bg-theme-4{background: #f2f9ec;}
  .service_content_icon { min-width: 5rem; min-height: 5rem; width: 5rem; height: 5rem; text-align: center; background-color: rgba(124,192,0,0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; border-radius: 50rem !important;}
.service_content_icon i { color: var(--primary);font-size: 28px;}
.service_content span.text-uppercase { color: var(--dark); display:block; font-size: 16px; font-weight: 700;}
.service_content p { color: #6e6e6e;}
   
.bounce-animate { display: inline-block; animation: bounceSmooth 4s ease-in-out infinite;}
@keyframes bounceSmooth {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); /* adjust height here */ }
}
   
.about-list{list-style-type:none; margin:0px; padding:0px;}
.about-list li{list-style-type:none; margin:15px 0; padding:0px 0 0 30px; position:relative;}
.about-list li:before{position: absolute; top: calc(50% - 5px); left: 0; border-radius: 50%; background-color: var(--primary); content: ""; height: 10px; width: 10px;}


.list-check-1 li { position: relative; padding-left: 32px; font-size: 17px; margin-bottom: 15px;}
.list-check-1 li::before { content: ""; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border: 2px solid var(--primary); border-radius: 50%;}
.list-check-1 li::after { content: ""; position: absolute; left: 8px; top: 6px; width: 6px; height: 11px; border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); transform: rotate(45deg);}
.pdf-link-text{color: var(--dark); font-weight: 500; border-bottom: 1px solid var(--primary);}
.pdf-link-text i{color: var(--primary);} 
 
.why-feature-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.why-feature { background-image:url(../images/vector_bg_1.webp); background-color: #f1f3f0; border-radius: 15px; padding: 35px 25px 35px 35px; background-size: auto; background-position: bottom right; -webkit-transition: 0.4s ease-in-out;  transition: 0.4s ease-in-out; background-repeat:no-repeat;}
.why-feature h3{font-size:18px !important;}
.why-feature .box-icon { width: 81px; height: 81px; line-height: 81px; background-color: var(--primary); border-radius: 99px; text-align: center; position: relative; z-index: 2; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; margin-bottom: 26px; font-size: 22px; color: var(--primary);}
.why-feature .box-icon:before { content: ''; position: absolute; inset: 1px 1px 1px 0; background-color: #f1f3f0; border-radius: inherit; z-index: -1; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.why-feature .box-icon:after {content: ""; position: absolute; top: 5px; right: -3px; width: 49px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg width='49' height='19' viewBox='0 0 49 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.7901 3.06577C28.3694 1.61373 24.3006 0.487671 19.5538 0.132069C14.6261 -0.238349 7.45306 0.813628 2.69113 2.25085C-2.07081 3.68808 2.78154 2.51756 2.78154 2.51756C19.6894 -2.14971 31.2024 2.48792 37.8932 7.14038C45.1567 12.1929 48.5021 18.3418 48.5323 18.4159L48.9994 18.2233C48.9692 18.164 45.6841 11.8077 38.2851 6.66625C36.4918 5.39201 34.3218 4.13258 31.7901 3.06577Z' fill='%234AA760'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain;}


.contact-area{position:relative;}
.contact-area .f-2{width: 100%; padding: 15px 20px; border-radius: 0px; outline: none; background-color:#f1f3f0; border: 1px solid #f1f3f0;}
.contact-area .f-2:hover, .contact-area .f-2:focus{outline:none; box-shadow:none;}
.contact-area .samfrucht-btn-primary{outline:none; border:none;}
.contact-area .form-check{color:#555; font-size: 15px;}
.contact-area .form-check a{color: var(--primary); text-decoration:underline;}
.contact-area .txtareaa{height:100px;}


.contact-parallax { background-size: cover; background-position: center; background-attachment: fixed; min-height: 500px; position: relative;}
.contact-parallax p{color:var(--white); font-size:22px; font-weight:200;}
.contact-parallax p i.ri-phone-line{color:var(--primary); font-size:24px;}
.contact-parallax p i.ri-mail-line{color:var(--primary); font-size:20px;}
.contact-parallax p i.ri-printer-line, .contact-parallax p i.ri-map-pin-line, .contact-parallax p i.ri-time-line{color:var(--primary); font-size:23px;}

.contact-parallax p a{color:var(--white);}
.contact-parallax::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background: #000000;
    background: -moz-radial-gradient(center, ellipse cover, #000000 0%, #212121 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#000000), color-stop(100%,#212121));
    background: -webkit-radial-gradient(center, ellipse cover, #000000 0%, #212121 100%);
    background: -o-radial-gradient(center, ellipse cover, #000000 0%,#212121 100%);
    background: -ms-radial-gradient(center, ellipse cover, #000000 0%,#212121 100%);
    background: radial-gradient(ellipse at center, #000000 0%, #212121 100%);
    opacity: 0.6;}
  
.contact-parallax::before{content: ""; position: absolute; top: 0;left: 0; right: 0; bottom: 0;background-repeat:repeat;background-image:url(../images/bg-repeat.png);}
.contact-parallax .container { position: relative; z-index: 2;}
.text-larged{font-weight:500 !important;; font-size:24px !important; letter-spacing: 2px;}


.downloads-sec{background-image:url(../images/leaf-bg.webp); background-repeat: no-repeat; background-position: 30%; background-size: auto; background-attachment: fixed;}
.downloads-sec h3{font-weight:700; font-size:22px; color: var(--primary); margin:30px 0 15px 0;}
.downloads-list{background-color:#f2f9ec; border-radius:40px;}
.product9_inner_cont .inner_item {padding: 20px 50px; border-radius: 10px; -webkit-transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer;}
.product9_inner_cont .inner_item .item_num { top: 50%; left: -26px; -webkit-transform: translateY(-50%); transform: translateY(-50%);  font-size: 24px; width: 60px; height: 60px; background-color: var(--primary); border-radius:50%;}
.product9_inner_cont .inner_item .item_title { color: var(--dark); font-size: 20px; font-weight: 700;}
.product9_inner_cont .inner_item .item_subtitle { color: var(--primary); font-size: 12px; font-weight: 400; display:block; margin-top:5px;}

.img-rounded{border-radius:40px;}


.icon-1{display:block; font-size: 48px; margin-bottom: 10px; color:var(--primary);}
.stat p{ color: var(--gray); text-transform:uppercase;}
.stat span.counter { font-size: 40px; margin-bottom: 10px; font-weight:700; color:var(--primary);}


/*******Footer*****/

.footer-area{background-color: var(--primary);}
.footer-menu{list-style-type:none; padding:0px; margin:0px; display:inline-block;}
.footer-menu li {padding:0px; margin:0px; display:inline-block;}
.footer-menu li a {position:relative;display: block; font-size: 16px; color: var(--white); padding: 0px 7px 0px 15px;}
.footer-menu li a:before{position:absolute; top:calc(50% - 3px); left:0; border-radius:50%; background-color:var(--white); content:""; height:6px; width:6px;}
.footer-menu li:first-child a{padding-left:0px;}
.footer-menu li:first-child a:before{content:normal}
.footer-menu li a:hover{color:rgba(255,255,255,0.8); transition: all 0.3s ease;}





@media(max-width:1199px){
.banner-area {padding-top: 110px; padding-bottom: 110px;}
	.banner-area.banner-inner {padding-top: 100px; padding-bottom: 100px;}
	.banner-area .banner-content h1 { font-size: 70px;}
	.banner-area.banner-inner .banner-content h1{font-size: 55px;}
	.title-styled h2{ font-size: 34px;}
	.product9_inner_cont .inner_item .item_title{font-size:18px;}
}



@media (max-width: 991px) {
  .banner-area {padding-top: 100px; padding-bottom: 100px;}
	.banner-area.banner-inner {padding-top: 90px; padding-bottom: 90px;}
    .banner-area .banner-content h1 { font-size: 55px;}
	.banner-area.banner-inner .banner-content h1{font-size: 45px;}
	.icon-1{font-size: 40px; margin-bottom: 0px;}
.stat span.counter { font-size: 36px; margin-bottom: 0px; }
	.downloads-list{border-radius:20px;}
	
}


@media (max-width: 767px) {
    .banner-area { padding-top: 80px;  padding-bottom: 80px;}
	.banner-area.banner-inner {padding-top: 70px; padding-bottom: 70px;}
    .banner-area .banner-content h1 { font-size: 40px;}
	.banner-area.banner-inner .banner-content h1{font-size: 32px;}
	.banner-area .banner-content p{font-size:16px;}
	.banner-area .banner-content .short-start{font-size:15px !important;}
	.banner-area .banner-content .short-start:before{top:calc(50% - 4px); height:8px; width:8px;}
.banner-area .banner-content .short-start:after{top:calc(50% - 4px); height:8px; width:8px;}
	.product9_inner_cont .inner_item .item_title{font-size:16px;}
	.title-styled h2{ font-size: 30px;}
	.title-styled .para-smart{font-size:16px;}
	p {font-size: 15px;}
	.about-list li{padding-left:25px;}
	.img-rounded{border-radius:20px;}
	.contact-parallax p{font-size:17px;}
	.text-larged{font-size:18px !important;}
	.contact-parallax p i.ri-phone-line { font-size: 20px;}
	.contact-parallax p i.ri-printer-line, .contact-parallax p i.ri-map-pin-line, .contact-parallax p i.ri-time-line{font-size: 19px;}
	.contact-parallax p i.ri-mail-line{ font-size: 17px;}
	.footer-menu li a{font-size:15px;}
	.icon-1{font-size: 34px; }
.stat span.counter { font-size: 28px; }
	.downloads-sec h3{font-size:20px;}
	
.why-feature-wrap {  grid-template-columns: repeat(1, 1fr);}
	.product9_inner_cont .inner_item{    padding: 20px 38px 20px 50px;}
  
}


@media(max-width:540px){
	.banner-area .banner-content h1 { font-size: 36px;}
	.banner-area .banner-content p, .title-styled .titled-smart{font-size:15px;}
	.title-styled .titled-smart:before { top: calc(50% - 3px); height: 6px; width: 6px;}
	.title-styled .titled-smart:after { top: calc(50% - 3px); height: 6px; width: 6px;}
	
	.title-styled h2{ font-size: 26px;}
}

@media(max-width:480px){
}

@media(max-width:374px){
}



/*********Top Base CSS End*********/