/* Code by: Parvath 
/  Last modified on 06 SEP 2025 
/* Theme default css */

@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');

:root{
    --heading-font:"Quintessential", serif;
    --_animbezier: cubic-bezier(0.23, 0.65, 0.74, 1.09);
}

body {
	font-family: 'Gotham', 'Montserrat', sans-serif;
    font-size: 16px;
	font-weight: 500;
	font-style: normal;
    background: #f9f9ec;
	color: #007849;
}

hr{
        border-bottom: 1px solid rgba(27, 84, 35,0.5);
}

img{
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

img:hover{
    transform: scale(1.02);
}

h1, h2, h3, h4, h5, h6{
    line-height: 1.4;
}

p{
    font-weight: 400;
}

a{
    cursor: pointer;
    text-decoration: none;
}

a:focus, a:hover{
    color: #008c75;
}

.stretched-link::after{
    z-index: 9;
}

.breadcrumb{
    margin: 0;
}

.rounded{
    border-radius: 20px!important;
}

.btn{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 2px 3px 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 30px;
}

.btn:hover,
.btn:focus{
    transform: translateY(-3px);
    box-shadow: 2px 6px 0 0 rgba(0, 0, 0, 1);
}

.btn-block{
    justify-content: space-between;
}


.btn-primary{
    background: #d9ff00;
    color: #007849;
}

.btn-primary:hover,
.btn-primary:focus{
    background-color: #007849;
    color: #ffffff;
}




.btn-secondary{
    background-color: #007849;
    color: #ffffff;
    border-color: #007849;
}

.btn-secondary i.bi{
    color: orange;
}

.btn-light{
    color: #007849;
}

.btn-light:hover{
    background-color: #f9fbee;
}

.btn-light i.bi{
    color: orange;
}

.btn-outline-dark{
    border-color: #c2c2c2;
    color: #007849 !important;
}

.btn-outline-dark:hover{
    background-color: #f9fbee;
    border-color: #007849;
}

.btn-outline-dark i.bi{
    color: orange;
}


.btn-secondary:hover,
.btn-secondary:focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-light:hover,
.btn-light:focus{
    color: #007849;
    background: #d9ff00;
}

.btn-secondary:hover i,
.btn-secondary:focus i,
.btn-dark:hover i,
.btn-dark:focus i,
.btn-light:hover i,
.btn-light:focus i,
.btn-outline-dark:hover i,
.btn-outline-dark:focus i{
    color: #007849;
}


.link i{
    margin-left: 10px;
    color: #007849;
}

.form-control,
.form-select{
    font-size: 18px;
    font-weight: 600;
    border: solid 1px #000000;
}

section.section{
    overflow:hidden;
}

.section-title,
.section-heading{
    font-family: var(--heading-font);
    font-weight: normal;
    color: #e1a400;
}
.sub-heading{
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
    margin: 15px 0 0 0;
}


.heading-wrapper{
    position: relative;
    display: inline-block;
}

.heading-wrapper .heading-text{ 
    display: inline;
    position: relative;
    z-index: 1;
    font-family: "Quintessential", serif;
}

.heading-wrapper .heading-line {
    position: absolute;
    bottom: 32px;
    z-index: 0;
    width: 100%;
    height: 3px;
    inset: auto 0% 18%;
    background: #aed200;
    background: -webkit-linear-gradient(90deg, rgba(174, 210, 0, 1) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    background: -moz-linear-gradient(90deg, rgb(174, 210, 0) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(174, 210, 0, 1) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aed200", endColorstr="#FFD900", GradientType=1);
    border-radius: 10px;
}

.content-block p{
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    color: #007849;
}

.content-block .kn-photos{
    margin-bottom: 40px;
}

.content-block .nav-title{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.content-block .button-group{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
    margin: 30px 0;
}

.content-block .button-group .link{
    font-size: 18px;
    color: #2e8911;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
    padding: 25px;
    border: solid 1px #dbdbcb;
    width: 200px;
    display: flex;
    justify-content: space-between;
        border-radius: 20px;
}

.content-block .button-group .link svg,
.content-block .button-group .link i{
    fill: #c14300;
    color: #c14300;
}

.content-block .button-rouned .link{
    
}

.content-block .button-visual{
    width: 100%;
}

.content-block .button-visual .link{
    width: 100%;
    height: 100%;
}

.content-block .button-visual .link .image-wrapper{
    height: 200px;
    border-radius:10px;
    overflow: hidden;
}

.content-block .button-visual .link .image-wrapper img{
    width:100%;
    
}

.content-block .button-visual  .link-text{
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
}

.content-bg-wrapper{
    padding: 40px;
    border-radius: 20px;
}

.content-bg-wrapper.dark-green{
    background: #055536;
    color: #ffffff;
}

.content-bg-wrapper.dark-green p{
    color: #ffffff;
}




section .cta-bar{
    margin: 40px 0 0 0;
    text-align: center;
}

.container-overlay{
    position: relative;
    z-index:4 ;
}

.list-count li::before{
    background-color: #055536;
    border: solid 1px #ffffff
}

.card{
    color: #007849;
}

.card.card-visual{
    border: none;
}


.card.card-visual .card-img{
    border-radius: 20px;
}

.bg-theme-1{
    background: url(../img/theme-bg-1.jpg) no-repeat;
    background-size: cover;
}

.modal-backdrop.show{
    background: #fff;
}

/* Header */

header.header{
    position: relative;
    z-index: 9;
    padding: 20px 0 30px 0;
}

header.header-theme{
    background: #f3ffdd url(../img/theme-bg-1.jpg);
    padding: 20px 0;
}

header.header-fixed{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 0 0 25px 0
}

header.sticky {
  position: fixed!important;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
    background: #fff;
    box-shadow: 0px 5px 40px 0px rgba(0,0,0,.3);
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
}
header.sticky.nav-out {
  transform: translate3d(0, -100%, 0);
    box-shadow: none;
}

header .header-top a{
    color: #007849;
}


header.header-dark{
    background-color: #032a09  /* border-bottom: solid 1px rgba(255,255,255,0.1); */;
}

header .header-top ul.blocks::after{
    display: none;
}

header.header-dark,
header.header-dark a{
    color: #baccb9
}

header.header-dark:hover,
header.header-dark a:hover{
    color: #ffffff;
}

header .header-top{
    /* background: #002316; */
    padding: 0 0 20px 0;
    font-size: 15px;
    /* border-bottom: solid 1px #ccc; */
    position: relative;
}


header.header-theme a{
    color: #b5d800;
}

header .header-top ul.blocks{
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

header .header-top ul.blocks > li{
	display:inline-flex;
	align-items:center;
	height:30px;
}

header .header-top ul.blocks::after{
    position: absolute;
    width: 70%;
    height: 1px;
    content: '';
    right: 0;
    bottom: -20px;
    background-color: rgba(255, 255, 255, 0.2);
}

header .header-top ul.blocks > li:not(:last-child){
    margin-right: 20px;
    border-right: solid 1px rgba(255,255,255,0.1);
    padding-right: 20px;
}
header .header-top ul.blocks li a span{
    margin-left: 10px
}
header .header-left,
header .header-right{
    display: flex;
    align-items: center;
}

header .header-top ul.blocks > li.social-icons .bi{
    font-size: 20px;
}

header .header-top ul.blocks > li .btn-shop{
    color: #69dc00 !important;
    box-shadow: none;
}

header .main-menu-area{
    background:transparent;
    padding: 0;
}

header .area-container{
    width: 100%;
    max-width: 1360px;
    display: flex;
    justify-content: space-between;
    padding: 0 60px;
}



header .logo{
    position: absolute;
    top: -52px;
}

.header .logo .kn-logo{
    width: 350px;
}


header .logo .logo-emblem,
header .logo .logo-text{
    display: none;
}

header .logo .logo-emblem{
    width: 100px;
}
header .logo .logo-text{
    width: auto;
    height: 40px;
    margin: 0 0 0 20px;
}

header .logo img{
    width: 250px;
}

header .logo .d-tablet,
header .logo .d-mobile{
    display: none;
}

/*
header.sticky .logo a{
    width: 279px;
    height: 44px;
    background: url(../img/logo/excessguru-logo.png) no-repeat center;
    background-size: 100%;
    display: block;
}
header.sticky .logo img{
    display: none
}
*/

header .header-right ul.blocks{
    display: none;
}

header .nav-icons{
    position: relative;
    display: flex;
    align-self: center
}

header .nav-icon .icon{
    width: 56px;
    height: 56px;
    border-radius: 100%;
    padding: 0
}

header .main-menu-area .top-right-icons{
    display: flex;
    align-self: center;
}

header .main-menu-area .top-right-icons .icon{
    font-size: 18px;
    line-height: initial;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .main-menu-area .top-right-icons .icon .lnr{
    font-weight: bold
}

header .main-menu-area .top-right-icons .icon:hover span{
    background: #ea1b35
}

header .main-menu-area .top-right-icons .menu-icon{
    display: flex;
    align-self: center;
}

header .main-supporters{
    width: 200px;
}

.welcome-message span a {
	color: #08237e;
}
.header-social-icon{}
.header-social-icon a {
	color: #959595;
	font-size: 14px;
	margin-left: 18px;
}
.header-social-icon a:hover{color: #202020}
.social-border{
	border-left: 1px solid #d1d1d1;
}



/* main menu */


header .main-menu-area .main-menu{
    background:transparent;
    display: flex;
    align-self: center;
    padding: 30px 0 0 0;
}

header.header-dark .main-menu-area .main-menu{
    border-bottom: none;
    padding: 0;
}


header .main-menu-area .main-menu nav{
    align-self: center;
}

.main-menu ul{
    display: flex
}

.main-menu ul li {
    position: relative;
    width: auto;
    text-align: center;
    display: flex;
    align-self: center;
    padding: 0 ;
}

.main-menu ul li:not(:last-child){
    margin-right: 20px;
}


header .main-menu li a{
    position: relative;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    background: #ffffff;
    border: solid 1px #ccc;
    border-radius: 26px;
    padding: 10px 30px;
}


header .main-menu li a:hover{
    background-color: #2cb431;
    color: #c1ff78;
}

header .main-menu li a.active{
    background: #2CB431;
    background: -webkit-linear-gradient(90deg, rgba(44, 180, 49, 1) 0%, rgba(0, 120, 73, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(44, 180, 49, 1) 0%, rgba(0, 120, 73, 1) 100%);
    background: #5f8363;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2CB431", endColorstr="#007849", GradientType=1);
    color: #ffffff;
}

header.header-dark .main-menu li a{
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

header.header-dark .main-menu li a.active{
    color: #cbf800;
}

header.header-theme .main-menu li a{
    position: relative;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
}

header.header-dark .main-menu li a.active::after{
    position: absolute;
    bottom: -3px;
    left: calc(50% - 3px);
    right: 0;
    content: '';
    width: 6px;
    height: 6px;
    background: #cbf800;
    border-radius: 6px;
}

header.sticky{
    padding:  0
}

header .social-icons a:not(:last-child){
    margin-right: 20px
}



header.sticky .main-menu li a{
    border: solid 1px rgba(0,0,0,0.10);
}
header.sticky .main-menu li a.btn-primary{
    border-color: transparent;
    color: #ffffff
}

header .main-menu li a.btn-primary:hover,
header.sticky .main-menu li a.btn-primary:hover{
    border-color: transparent!important;
    color: #ffffff
}

.header .menu-icon .menu-tigger span{
    background: #ffffff!important
}

.header .menu-icon small{
    font-size: 11px;
    text-transform: uppercase;
}

header.sticky .menu-icon .menu-tigger span{
    background: #ffffff!important
}

.main-menu ul li a>div{
    align-self: center
}



/* submenu */
.main-menu ul li ul.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 200px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	text-align: left;
}
.main-menu ul li:hover ul.submenu{
	opacity: 1;
	visibility: visible;
}
.main-menu ul li ul.submenu li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #f2f2;
}
.main-menu ul li ul.submenu li:last-child {
	border:0;
}
.main-menu ul li ul.submenu li a {
	padding: 15px 20px;
	color: #444;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 15px;
}
.main-menu ul li ul.submenu li:hover > a {
	color: #007BFF;
}
.main-menu ul li ul.submenu li .submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.main-menu ul li ul.submenu li:hover > ul.submenu{
	opacity: 1;
	visibility: visible;
}
.quote-btn {
	margin-top: 12px;
	text-align: right;
}
.menu-area {
	margin-bottom: -74px;
	position: relative;
	z-index: 99;
}
.header .menu-icon .menu-tigger span,
.header-dark .menu-icon .menu-tigger span {
	height: 1px;
	width: 22px;
	background: #000000;
	display: block;
	margin-bottom: 4px;
	transition: .3s;
    margin:5px 0;
}

.header-dark .menu-icon .menu-tigger span{
    background: #ffffff;
}
header .menu-icon{
    display: none;
	cursor: pointer;
}
.menu-icon:hover span{
	opacity: 0.8
}
.menu-icon .menu-tigger span:last-child{
	margin: 0;
}
.menu-icon .menu-tigger span:nth-child(2){
	width: 18px;
}
.mobile-menu-two.mean-container  a.meanmenu-reveal {
	margin-top: -56px;
}

.user-dropdown-menu{
    width: 300px;
}
.user-dropdown-menu .dd-account-info{
    padding: 15px  25px 0 25px
}

header.header-dark .dropdown-menu .dropdown-item{
    color: black
}

/* offcanvas-menu */

.hamburger-menu{
    overflow: hidden;
}

.offcanvas-overly {
	position: fixed;
	background: rgba(21, 48, 62,0.8);
	top: 0;
	right: 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.offcanvas-overly.active{
    width: 100vw;
    height: 100vh;
	opacity: 1;
	visibility: visible;
    overflow: hidden;
}

.offcanvas-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background:  #fcffe0;
    color: #15303e;
	padding: 40px 50px;
	width: 500px;
    height: 100vh;
    overflow-y: scroll;
	transition: .5s;
	transform: translateX(-100%);
}


.offcanvas-menu.active{
	transform: translateX(0)
}

.offcanvas-menu.active .menu-close{
    position:absolute;
    top: 22px;
    right: 15px;
}

.offcanvas-menu .menu-close i {
	font-size: 26px;
	transition: .3s;
	cursor: pointer;
}
.offcanvas-menu .menu-close:hover i{
	color: #ea1b35
}

.body-overflow{
    height: 100%;
    overflow: hidden;
}


.offcanvas-menu .brand{
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.offcanvas-menu .brand img{
    width: 100%;
}

.offcanvas-menu h6{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.offcanvas-menu ul:not(:last-child){
    padding-bottom: 30px;
    border-bottom: 1px solid #a3fe49;
}

.offcanvas-menu .social-nav-icons nav{
    display: flex;
    gap:20px
}

.offcanvas-menu .social-nav-icons nav a{
    font-size: 24px;
}

.offcanvas-menu .reach-us nav{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.offcanvas-menu .reach-us .info-col{
    margin: 0 0 10px 0;
}



.offcanvas-menu .getintouch{
    padding: 30px 0;
    border-top: 1px solid rgba(0,0,0,0.20);
}


.offcanvas-menu ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    margin-bottom: 30px;
}
.offcanvas-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
    line-height: 1;
    letter-spacing: 1px;
}
.offcanvas-menu ul li:hover a,
.offcanvas-menu ul li a.active{
	color: #000;
}

.side-social a {
    font-size: 18px;
	margin-right: 30px;
}
.side-social {
	margin-top: 30px;
}
.side-social a:hover{
	color: #ea1b35;
}


.offcanvas-menu .site-links a{
    display: block;
    font-size: 13px; 
    font-weight: 400;
    margin: 0 0 10px 0;
}

.offcanvas-menu .right-credits{
    font-size: 12px;
    font-weight: 400;
}

/* Home Banner */
.main-banner{
    position: relative;
    min-height: 80vh;
    background-color: rgba(32, 61, 75, 1);
    color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}


.main-banner:before {
    position: absolute;
    content: '';
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 40%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(28,98,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(28,98,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(28,98,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#1c6200",GradientType=1);
}

.main-banner .main-banner-content.flex-end{
    align-self: flex-end
}



.main-banner .main-banner-content {
    width: 75vw;
    padding: 40px 0;
    color: #fff;
    position: absolute;
    z-index: 2;
    text-align: center;
    align-self: end;
}


.main-banner .main-banner-content h1{
    font-family: var(--heading-font);
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 0;
    margin: 0 0 40px 0;
}

.main-banner .main-banner-content p{
    font-size: 18px;
    line-height: 1.2;
}

.main-banner .main-banner-content h1 span{
    display: block;
}


.main-banner .main-banner-content .scroll-down{
    display: block;
    margin: 60px 0 0 0;
    height: 120px;
}

.main-banner .main-banner-content .scroll-down i{
    font-size: 60px;
    color: #33cc33;
}

.home-main-slider{
    
    min-height: 60vh;
}

.home-main-slider .image{
    position: relative;
}



.home-main-slider .image:after{
    display:none
}

.home-main-slider .image figure{
    margin: 0;
}

.home-main-slider .silde-content{
    width: 100%;
    padding: 100px 0;
}

.home-main-slider.slider-1 .silde-content-overlay .silde-content{
    align-items: center;
    color: #00673f;
}

.home-main-slider .silde-content .silde-content-inner{
    width: 60%;
}


.home-main-slider .silde-content h1{
    font-size: 30px;
    text-shadow: none;
    font-weight: 800;
    text-transform: uppercase;
}

.home-main-slider .silde-content p{
    font-size: 20px;
}

.home-main-slider .silde-content .btn{
    
    font-size: 18px;
    text-transform: uppercase;
    color: #3a3a3a;
    padding: 20px 40px
}

.home-main-slider .silde-content .btn i.icon{
    color: #ce0058;
}

.home-main-slider .owl-carousel{
    position: relative
}

.home-main-slider.slider-1 .slider-controls{
    top: inherit;
    bottom: 100px;
}
.home-main-slider .owl-carousel .owl-nav{
    position: absolute;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 50px;
    height: 100px;
    padding: 0;
    overflow: hidden;
    top: inherit;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.home-main-slider .owl-carousel .owl-nav .owl-prev,
.home-main-slider .owl-carousel .owl-nav .owl-next{
    width: 50px;
    height: 50px;
    padding: 0!important;
}

.home-main-slider .owl-carousel .owl-nav .owl-prev{
    top: 0;
    left: 0 
}
.home-main-slider .owl-carousel .owl-nav .owl-next{
    right: inherit;
    left: 0;
    top: 50px;
}

.home-main-slider .owl-carousel .owl-nav [class*=owl-]::before{
    background-color: transparent
}

/* Inner Banner */
.inner-banner{
    min-height: 400px;
}
.inner-banner h1{
    font-size: 60px;
    line-height: 1.4;
    letter-spacing: 1px;
    padding: 60px 0 0 0
}

.inner-banner p.lead{
    line-height: 1.6
}

/* Home page styles */

.banner-overlay{
    margin: -180px 0 0 0;
    position: relative;
    z-index: 1
}

.about-owner-teaser{
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    grid-column-gap: 20px;
    margin: 20px 0;
    color: #ffffff
}

.about-owner-teaser img{
    width: 100px;
    border-radius: 100%;
    border: solid 4px #ffffff;
}

.supporters{
    position: relative;
    display: flex;
    background: #3d1818;
}

.supporters::before{
    top: 0;
    left: 0;
    background: url(../img/awards-1.png) no-repeat;
    background-size: contain;
}

.supporters .global-search{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8df20;
    padding: 30px 40px 30px 40px

}

.supporters .global-search:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:  url(../img/bg/pt-1.png) fixed top;
    background-size: 300px;
    filter: grayscale(100%);
    opacity: .5;
}

.global-search-input{
    position: relative;
    z-index: 2;
    min-width: 300px;
}

.global-search-input:before{
    position: absolute;
    content: '';
    width: 50px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background:transparent url(../img/icon/search.svg) no-repeat center center;
    background-size: 20px;
    opacity: .5
    
}

.global-search-input .form-control{
    padding-left: 50px;
    height: 50px;
}

.global-search-input .form-control::placeholder,
.global-search-input .form-control{
    font-size: 18px;
    border: none;
}
/*

.global-search-input:before{
    position: absolute;
font-family: "Font Awesome 5 Free";
    content: '\f002';
    width: 50px;
    height: 100%;
    left: 0;
}
*/

.home-hero{
    position: relative;
    padding: 60px 0 0 0;
    margin: 0;
    background: #fffce0;
}

    .home-hero .hero-content.d-small {
        display: none;
    }

.home-hero .hero-content{
    padding: 0;
    margin: 0 0 40px 0;
    color: #007849;
}

.home-hero .hero-content-row{
    display:grid;
    margin:10px 0;
}
.home-hero .hero-content-row.first-row{
    grid-template-columns: 2fr 1.5fr;
}

.home-hero .hero-content-row.second-row{
    grid-template-columns: 2fr 2fr;
}

.home-hero .hero-content-row.first-row .desc-block{
    display:flex;
    align-items: end;
    text-align:right;
    padding: 0;
}

.home-hero .hero-content-row.second-row .desc-block{
    width:auto;
    display:flex;
}

.home-hero .hero-content-row.first-row .desc-block p{
    font-size:13px;
    font-weight: 500;
    text-transform:uppercase;
    letter-spacing: 1px;
}

.home-hero .hero-content-row.second-row .heading-block{
    text-align:right
}

.home-hero .hero-content-row.second-row .est-block{
    text-transform: uppercase;
    border-top: solid 3px #007849;
    padding: 10px 0 0 0;
}

.home-hero .hero-content-row.second-row .est-block .est-text{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
}

.home-hero .hero-content-row .slogan{
    font-family: "Quintessential", serif;
    font-size: 57px;
    color: #e1a400;
    line-height:1;
}

.home-hero .hero-content-row.second-row p{
    font-size: 14px;
    font-weight: 500;
    text-transform:uppercase;
    letter-spacing: 2px;
    display:flex;
    flex-direction: column;
    justify-content: end;
    gap: 5px;
}

.home-hero .hero-content-row.second-row p span{
    margin: 0 20px 0 0;
}

.hero-visuals{
    position: relative;
    background: #fffdd9;
    background-image: linear-gradient(to top, rgb(241 255 72) 0%, rgb(255 255 255) 100%);
    padding: 80px 60px;
    border-radius: 60px;
    margin: 80px 0 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.hero-visuals .visual-img img{
    width: 100%;
}

/* .process{
    margin: 40px 0 0 0;
    padding-top: 30px;
    border-top: solid 1px rgb(242 234 101);
}

.process .steps-heading{
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    font-family: "Quintessential", serif;
    font-size: 24px;
} */

.process .steps-heading .line{
    display: inline-flex;
    width: 100px;
    height: 3px;
    background: #aed200;
    background: -webkit-linear-gradient(90deg, rgba(174, 210, 0, 1) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    background: -moz-linear-gradient(90deg, rgb(174, 210, 0) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(174, 210, 0, 1) 0%, rgba(0, 237, 99, 1) 50%, rgba(255, 217, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aed200", endColorstr="#FFD900", GradientType=1);
    border-radius: 10px;
    margin: 0 10px;
}

.process .process-list{
    position: relative;
    display:flex;
    flex-wrap:nowrap;
    gap:20px;
    counter-reset: my-awesome-counter;
    padding: 0;
    margin: 180px 0 0 0;
}

.process .process-list .list-item{
    counter-increment: my-awesome-counter;
}

.process .process-list .list-item::before {
    content: "0" counter(my-awesome-counter);
    font-weight: bold;
    font-size: 160px;
    color: #ffb800;
    margin-right: 20px;
    line-height: 1;
    position: absolute;
    top: -120px;
    opacity: 0.3;

}

.process .process-list .list-item:hover::before{
    opacity: 1;
    top:-120px
} 

.process .process-list .list-item:nth-child(even){
    margin: 40px 0 0 0;
}

.process .process-list .list-item{
    position: relative;
    flex: 1 25%;
}

.process .process-list .list-item .overlay-container{
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0;
    padding: 20px;
}

.process .process-list .visual-img{
    border-radius: 20px;
    overflow: hidden;
}

.process .process-list .list-item .content{
    border-radius: 10px;
    border-top-left-radius: 0;
    margin:0;
    padding:25px 30px;
    color:#ffffff;
    border:solid 1px rgba(255,255,255,0.2);
    backdrop-filter: blur(20px);
    transition:all  1s;
}

.process .process-list .list-item .content .hover-content{
    display:none;
    font-size: 14px;
    margin: 20px 0 0 0;
    height: 0px;
    
}


.process .process-list .list-item:hover .content .hover-content{
    display:block;
    height: auto;
}

.process .process-list .list-item .content ul li:not(:last-child){
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding-bottom:10px;
    margin-bottom:10px;
}

.process .process-list .list-item .content .title{
    font-size:20px;
    font-weight:500;
    margin: 0;
}

.process .process-list .list-item .content p{
    margin: 10px 0 0 0;
}


.home-hero .logo-symbol{
    position: absolute;
    z-index: 9;
    width: 240px;
    top: 50px;
    right: 60px;
}

.home-hero .logo-symbol img{
    width: 100%
}

.brand-brief{
    position: relative;
    background-size: auto;
    position: relative;
    background: #157d2d ;
    background: url(../img/hero-bg.jpg) no-repeat;
    background-size: cover;
    /*
   background: #cae606; 
   background: #00C9FF;  
background: -webkit-linear-gradient(to right, #92FE9D, #00C9FF); 
background: linear-gradient(to right, #92FE9D, #00C9FF); */
    padding:100px;
    height: 80vh;
    color: #ffffff;
    margin-top: -70px;
    background-size: cover;
    overflow: hidden;
}



.brand-brief::after{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 70px;
    background-color: #032A09;
    
}


.brand-brief .brief-container{
    margin:0;
    color: #1ebe43;
    padding: 160px 0 0 0;
}

.brand-brief .main-title{
    font-size: 42px;
    line-height: 1.2;
    font-weight: 500;
    color: #e8ff00;
    text-shadow:2px 2px rgba(0,0,0,0.2);
    margin: 10px 0 30px 0;
    
}

.brand-brief .main-title i{
    font-family: "Quintessential", serif;
    font-size: 50px;
}

.brand-brief .section-heading{
    display: inline-block;
    /* border-bottom: solid 1px; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow:2px 2px rgba(0,0,0,0.1);
}

.brand-brief p{
    font-size: 18px;
}

.brand-brief  .brief-visual {
    position: relative;
}

.brand-brief::before {
    position: absolute;
    content: '';
    width: 56vw;
    height: 400px;
    background: url(../img/theme-bg-4.svg);
    background-size: cover;
    border-top-left-radius: 400px;
    border-bottom-left-radius: 0;
    /* right: -25%; */
    right: -60px;
    bottom: -60px;
    transform: rotate(-2deg);
}

.brand-brief  .brief-visual::before{
    display: none;
    position: absolute;
    content: '';
    width: 700px;
    height: 340px;
    background: url(../img/theme-bg-4.svg);
    background-size: cover;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 0;
    right: -25%;
    bottom: 0;
}

/* .brand-brief  .brief-visual::before{
    position: absolute;
    content: '';
    width: 50vw;
    height: 840px;
    background: url(../img/theme-bg-4.svg);
    background-size: cover;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 0;
    right: -25%;
    bottom: 0;
    transform: rotate(45deg) translateX(400px);
} */

.brand-brief  .brief-visual{
    padding-top: 20px;
}

.brand-brief  .brief-visual .visual{
    width: 100%;
}

.brand-brief .brief-visual .content-overlay{
    position: absolute;
    width: 200px;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    border: solid 4px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border-top-right-radius: 0;
    bottom: 20px;
    padding: 20px 30px;
    z-index: 2;
}

.kn-photos img{
    width: 100%;
    border-radius: 20px;
}

.elements-bg {
    position: relative;
    padding-top: 120px!important;
}

.elements-bg .elements{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    mix-blend-mode: darken;
}

.elements-bg .elements .element{
    position: absolute;
} 

.elements-bg .elements .element.element-1{
    display: none;
    top: 25%;
    left: -80px;
    width: 140px;
} 
.elements-bg .elements .element.element-2{
top: 50px;
    right: 600px;
    width: 53px;
} 
.elements-bg .elements .element.element-3{
    top: 18%;
    right: 0;
    width: 100px;
} 
.elements-bg .elements .element.element-4{
    top: 30px;
    right: 10%;
    width: 147px;
} 

.achivements{
    position: relative;
    background: #ffffff;
    background-size: contain;
    height: auto;
    padding: 60px 0;
}

.achivements .title-wrapper{
}

.achivements::before,
.achivements::after{
    display: none;
    position:absolute;
    content: '';
    width: 50vw;
    height: 100vh;
}

.achivements::after{
    top: 0;
    right: 0;
}

.achivements-container{
    position: relative;
    z-index: 1;
    border-radius: 20px;
    padding: 0;
}

.achivements .title{
    text-align: center;
}

.achivements-list{
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
    border-radius: 10px;
}

ul.achivements-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto 0 auto;
    gap: 30px;
}

ul.achivements-list li{
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0;
    padding: 20px 240px 10px 40px;
    background: #fdfff5;
    border: solid 1px;
    border-radius: 20px;
    flex: 1 300px;
    flex-direction: column;
}



ul.achivements-list li i.bi{
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-size: 40px;
    opacity: 0.14;
}

ul.achivements-list li small{
    /* background-color: #fff7d4; */
    padding: 6px 0;
    border-radius: 0;
    margin: 0 0 20px 0;
    /* border: 10px solid transparent;
    border-image: url(../img/border.png) 30 stretch; */
    /* color: #fff; */
    float: left;
    border-bottom: solid 1px #ccc;
}

.achivements .achivements-list .achivement-title{
    font-size: 36px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 800;
    height: 186px;
}

.achivements .achivements-list .achivement-visual{
    width: 180px;
    height: 180px;
    margin: 0;
    position: absolute;
    right: 40px;
    top: 70px;
}

.achivements .achivements-list .achivement-visual img{
    height: 100%;
}

.achivements .achivements-list .given-by{
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
}

.hooklines{
    background: rgba(3, 42, 9,1) ;
    /* background: -webkit-linear-gradient(90deg, rgba(0, 51, 31, 1) 0%, rgba(0, 77, 47, 1) 60%, rgba(0, 51, 31, 1) 100%); */
    background: -moz-linear-gradient(90deg, rgba(0, 51, 31, 1) 0%, rgba(0, 77, 47, 1) 60%, rgba(0, 51, 31, 1) 100%);
    /* background: linear-gradient(90deg, rgba(0, 51, 31, 1) 0%, rgba(0, 77, 47, 1) 60%, rgba(0, 51, 31, 1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00331F", endColorstr="#00331F", GradientType=1);
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.hooklines .hl-text{
    position: relative;
    font-size: 11px;
    color: #b4d800;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-right: 0;
    margin-right: 0;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
    /* border-bottom: solid 1px rgba(255,255,255,0.1); */
}

.hooklines .hl-text::before{
    position: absolute;
    z-index: 3;
    content: '.';
    font-size: 26px;
    color: #d79600;
    right: -54px;
    top: -18px;
}


.hooklines .hl-text:last-child::after{
    display: none;
}

.hooklines .hl-text img{
    display: none;
    width: 40px;
    background-color: #ffffff;
    border-radius: 20px;
        /* padding: 5px; */
}

.hooklines-marquee{
    position: relative;
}

.hooklines-marquee::before,
.hooklines-marquee::after{
    position: absolute;
    content: '';
    width: 25%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #032a09  ;
background: -webkit-linear-gradient(90deg, rgba(3, 42, 9, 1) 43%, rgba(3, 42, 9, 0) 100%);
background: -moz-linear-gradient(90deg, rgba(3, 42, 9, 1) 43%, rgba(3, 42, 9, 0) 100%);
background: linear-gradient(90deg, rgba(3, 42, 9, 1) 43%, rgba(3, 42, 9, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032a09 ", endColorstr="#032a09 ", GradientType=1);
}

.hooklines-marquee::after{
    left: inherit;
    right: 0;
    background: #032A09 ;
    background: -webkit-linear-gradient(90deg, rgba(3, 42, 9, 0) 0%, rgba(3, 42, 9, 1) 67%);
    background: -moz-linear-gradient(90deg, rgba(3, 42, 9, 0) 0%, rgba(3, 42, 9, 1) 67%);
    background: linear-gradient(90deg, rgba(3, 42, 9, 0) 0%, rgba(3, 42, 9, 1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032A09", endColorstr="#032A09", GradientType=1);
}


.primary-cards{
    background: #213524;
    /* background: #A1B202;
background: -webkit-linear-gradient(-29deg, rgba(161, 178, 2, 1) 20%, rgba(2, 178, 172, 1) 100%);
background: -moz-linear-gradient(-29deg, rgba(161, 178, 2, 1) 20%, rgba(2, 178, 172, 1) 100%);
background: linear-gradient(-29deg, rgba(161, 178, 2, 1) 20%, rgba(2, 178, 172, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A1B202", endColorstr="#02B2AC", GradientType=0); */
    padding: 60px;
}

.primary-cards .card{
    padding: 30px;
    height: 100%;
    border: solid 1px #007849;
    border-radius: 20px;
    overflow: hidden;
}

.primary-cards .card .card-title{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #007849;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    border-bottom: solid 1px #007849;
    padding-bottom: 20px;
}

.primary-cards .kn-supporters{
    display: flex;
}

.primary-cards .kn-supporters .s-logo{
    flex: 1 100%;
}

.primary-cards .plaftform-list{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.primary-cards .plaftform-list a{
    flex: 1 200px;
    text-align: center;
}

.kn-supporters{
    display: flex;
    gap:40px
}

.kn-supporters .s-logo{
    
}

.kn-supporters .s-logo img{
    height: 80px;
}

.op-area{
    margin: 40px 0 0 0;
}

.social-feed{
    background-color: #eceee4;
    padding:60px 40px 0 60px;
}
/* 
.social-feed .feed-list{
    display: flex;
    flex-direction: column;
    gap:20px
}
    */

.social-feed .social-feed-content{
    display: flex;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
} 

.social-feed .feed-visual{
    height: auto;
    overflow: hidden;
    /* padding: 15px; */
    background: #fff;
    flex: 1 200px;
}

.social-feed .feed-visual img{
    width: 100%;
}

.social-feed .feed-text{
    display: none!important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    padding: 20px 40px;
}

.social-feed .event-title{
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin: 20px 0;
}

.social-feed .feed-text .feed-cta{
    border-top: solid 1px #c7d10a;
    margin: 20px 0 0 0;
}

.social-feed .feed-text .feed-cta .btn-link{
    display: block;
    color: #000;
}

.supporters{
    background:#6d4a00  url(../img/black-soil.jpg) bottom no-repeat;
    background-size: cover;
    padding: 40px 100px 80px 100px;
    /* border-top: solid 1px #2cb431;
    border-bottom: solid 1px #2cb431; */
}


.supporters .title{
    margin: 0 auto 40px auto;
    text-align: center;
    color: #ffffff;
}

.supporters .brand-brief{
    padding: 0 0 60px 0;
}

.supporters .supporters-container{
    display:flex;
    gap:20px;
    justify-content: space-between;
}

.supporters img{
    width: 120px;
}


.supporters .list{
    display: flex;
    justify-content: end;
    /* border: solid 2px; */
    border-radius: 20px;
    background-color: #ffffff;
    /* padding-right: 40px; */
    width: 100%;
    justify-content: center;
    padding: 0;
    backdrop-filter: blur(40px);
    border: solid 2px rgba(255,255,255,0.4);
    box-sizing: insert 0 10px 10px rgba(0,0,0,.5);
}

.supporters .list .list-item{
    position: relative;
    text-align: center;
    padding: 50px 60px;
    width: 340px;
}

.supporters .list .list-item:after{
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.1);
    top:0;
    right : 0;
    width: 1px;
    height: 100%;
}

.supporters .list .list-item:last-child:after{
    display: none;
}


.supporters .list .list-item .s-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    background: transparent;
    border-radius: 50px;
    margin: 0 0 50px 0;
}

.supporters .list .list-item p{
    font-size: 14px;
    color: #000000;
}

.hero-card{
    position: relative
}
.hero-card:before{
    /* position: absolute; */
    content: '';
    z-index: 1;
    top: 60px;
    bottom: 60px;
    left: 0;
    width: 40%;
    background: #000;
}

.hero-card.card-2,
.hero-card.card-4,
.hero-card.card-6{
    margin: 40px 0
}

.hero-card.card-2:before,
.hero-card.card-4:before,
.hero-card.card-6:before{
    left: inherit;
    right: 0;
}


.hero-card.color-a:before{
    background: #17ac61;
}
.card-theme.color-a .text-block{
    color: #17ac61
}

.hero-card.color-b:before{
    background: #8c529d;
}
.card-theme.color-b .text-block{
    color: #8c529d
}


.hero-card .img-text-block{
    position: relative;
    z-index: 2;
}

.hero-card .img-block-left,
.hero-card .img-block-right{
    margin: 0;
    flex: 1 100%;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
}


.hero-card .img-block-left img, .hero-card .img-block-right img{
    height: 100%;
}

.hero-card .text-block{
    position: relative;
    z-index: 1;
    background: #fff;
    /* border: solid 4px #f2f2f2; */
    padding: 60px;
    box-shadow: 0 0 80px 6px rgba(0,0,0,0.05);
}

.hero-card .img-block-left{
    position: relative;
}

.hero-card .text-block-right{
    margin-left: -60px;
}

/*
.hero-card .img-block-left img,
.hero-card .img-block-right img{
    width: 60%
}
*/

.hero-card .text-block-left{
    margin-right: -60px;
}

.hero-card .text-block {
    flex: 1 100%;
    border: solid 1px;
    border-radius: 20px;
}

.hero-card .text-block p{
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    color: #5e5e5e;
    margin: 10px 0 30px 0
}

.main-highlights{
    text-align: center
}

.main-highlights ul.highlights-list{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 60px;
}

.main-highlights ul li{
    font-size: 20px;
    
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 20px;
    flex-direction: column;
}

.main-highlights ul li .icon-box{
    width: 117px;
    height: 117px;
    border-radius: 100%;
    background-color: #ffffff;
    border: solid 6px #f8df20;
}

.main-highlights ul.highlights-list h5{
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}

.gallery-cards .card{
    border: none;
    border-radius: 20px;
    background: #fbffe5;
    border: solid 1px green;
    padding: 0;
    overflow: hidden;
}

.gallery-cards .card .card-img-overlay{
    z-index: 2;
    display: flex;
    align-items: end;
    padding: 0;
}

.gallery-cards .card .card-img{
    position: relative;
    display: flex;
    align-items: baseline;
    height: 460px;
    border: none;
    border-radius: 0;
    padding: 20px;
}

.gallery-cards .card .card-img img{
    border-radius: 10px;
    /* border-bottom-left-radius: 0; */
    /* border-bottom-right-radius: 0; */
}

.gallery-cards .card .card-img .date{
    position: absolute;
    z-index: 2;
    width: auto;
    height: auto;
    /* background-color: #ffffff; */
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 9px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 48px;
    right: 44px;
    background: rgba(0, 0, 0, 0.8);
    border: solid 1px #cffa00;
    backdrop-filter: blur(6px);
}

.gallery-cards .card-img-overlay .card-content {
    width: 100%;
    height: auto;
    padding: 0 20px;
}

.gallery-cards .card .card-text{
    position: relative;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.2;
    font-weight: normal;
    border-top: solid 1px #d7e40c;
    padding: 20px 0;
    color: #276d3b;
    height: 100px;
}

.gallery-cards .card .card-text:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 100%;
    top: 0;
    left: 0;
    /* background: #ccc; */
    /* background: rgb(214,40,112); */
    background: -moz-linear-gradient(180deg,rgba(23,186,107,1) 0%, rgba(0,201,198,1) 100%);
    /* background: -webkit-linear-gradient(180deg, rgba(23,186,107,1) 0%, rgba(0,201,198,1) 100%); */
    /* background: linear-gradient(180deg,rgba(23,186,107,1) 0%, rgba(0,201,198,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d62870",endColorstr="#00c9c6",GradientType=1);
}

.gallery-cards .card .card-text p{
    margin: 0;
}

.gallery-cards .owl_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}
.gallery-cards .owl_pagination .owl_dots {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.gallery-cards .owl_pagination .owl_dots .owl-dot {
  height: 11px;
  width: 35px;
  cursor: pointer;
  position: relative;
  border: none;
  background: transparent;
}
.gallery-cards .owl_pagination .owl_dots .owl-dot::before {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #8BC34A;
}
.gallery-cards .owl_pagination .owl_dots .owl-dot.active::before {
  height: 3px;
}
.gallery-cards .owl_pagination #counter {
  color: #8f8f8f;
  font-size: 13px;
  letter-spacing: 6px;
  font-weight: 400;
}

.kn-products{
    background-color: #fbf1f1;
}

.products-slider{
    position: relative;
    text-align: center;
    background: #2a1003;
}


.products-slider .tab-nav .nav-pills{
    border-radius: 60px;
}

.products-slider .tab-nav .nav-pills .btn{
    border-radius: 40px;
}

.products-slider .tab-content> .tab-pane{
    display: block;
    height: 0;
}

.products-slider .tab-content>.active{
    height: auto;   
}

.products-slider .card-footer .btn-primary{
    background-color: #045535;
}

.collection-cards .card{
    text-align: left;
    border: 1px solid #31425e !important;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
}
.collection-cards .card-img{
    position: relative;
    height: auto;
}
.collection-cards .card-img .card-img-title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 20px 30px;
    text-align: left;
    color: #ffffff;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.collection-cards .card-body{
    padding: 20px 25px
}

.collection-cards .top-nutritions{
    display: none;
    /* display: flex; */
    flex-direction: column;
    font-size: 10px;
}

.collection-cards .top-nutritions span:not(:last-child){
    margin-right: 15px;
}

.collection-cards .card-title{
    height: 80px;
}

.collection-cards .card-title .card-title-text{
    font-weight: 500;
    color: #1ba99e
}

.collection-cards .card .item-title{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.collection-cards .card .item-price{
    font-size: 14px;
    color: #cfcfcf;
}

.collection-cards .card-title h5+p{
    margin: 0
}

.collection-cards .card-body{
    background-color: #000000;
}

.collection-cards .card-body p{
    color: #7d7d7d;
    margin-bottom: 0;
}

.collection-cards .card-price{
    font-size: 24px;
    font-weight: 700
}

.collection-cards .card-footer{
    display: none;
    padding:10px 20px 20px 20px;
    border: none;
    background: transparent
}

.dropdown-menu{
    min-width: 280px;
    border-radius: 8px;
    overflow: hidden;
}

.dropdown-menu .dropdown-item{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    display: block;
}

.dropdown-menu .dropdown-item::after{
    display: inline-block;
    font-family: bootstrap-icons !important;
    content: "\f144";
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 18px;
    font-size: 10px;
    top: 22px;
}

.dropdown-item:focus, .dropdown-item:hover{
    background-color: #e7ffaf;
}

.dropdown-item:focus, .dropdown-item:hover::after{
-webkit-animation: .2s var(--_animbezier) .3s 1 both slideRightUp;
    -moz-animation: .2s var(--_animbezier) .3s 1 both slideRightUp;
    animation: .2s var(--_animbezier) .3s 1 both slideRightUp;
}

.dropdown-menu .dropdown-item img{
    width: 30px;
    margin: 0 20px 0 0;
}

.collection-cards .btn-text{
    display: block;
    margin-top: 15px
}


.product-list .product-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0
}

.product-list .nav-pills{
    background: #fff
}

.product-list .nav-pills-secondary .btn{
    color: #215dab
}

.product-list .nav-pills .btn.active,
.product-list .nav-pills .btn:focus{
    color: #ffffff
}

.product-list .nav-pills-primary .btn{
    color: #ef4d66
}

.product-list .card{
    display: flex;
    flex-direction: inherit;
    justify-content: space-between;
    padding: 30px
}

.product-list .card:not(:last-child){
    margin-bottom: 10px
}
.product-list .card .card-title-text{
    color: #1ba99e;
    font-weight: 600
}
.product-list .card .card-title-text span{
    font-size: 80%;
    font-weight: 500;
    color: #5d5d5d;
    margin-left: 5px
}
.product-list .card .card-price{
    font-size: 24px;
    font-weight: 800;
    margin: 0
}
.product-list .card .card-content p{
    color: #5d5d5d;
}

.product-list .card  .card-action{
    align-self: center
}

.product-list .card .btn-icon>.icon{
    margin-left: 10px
}

.what-we-do .content-hero .tagline{
    font-size: 34px;
    font-weight: 400;
}

.what-we-do p.lead{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 30px;
}

.what-we-do .content-hero .tagline,
.what-we-do p.lead{
     color: #fff;
   
}

.whyus{
    background: #4d3606;
    padding: 80px 0;
    position: relative
}

.whyus:before{
    position: absolute;
    content: '';
    width: 60%;
    height: 100%;
    left: 0;
    z-index: 1;
}

.whyus-brief{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 100px;
    position: relative;
    z-index: 2;
    color: #ffffff
}

.whyus-brief-text-block{
    display: flex;
    align-items: center;

}

.whyus-brief-img{
    border-radius: 20px;
    overflow: hidden;
}

.whyus ul.list{
    margin: 30px 0
}

.whyus ul.list li{
    
font-size: 14px;
    
padding-left: 50px
}
.whyus ul.tick li:before{
    width: 25px;
    height: 25px;
    background-size: 14px;
}

.whyus .btn i.icon{
    color: #4ec0aa
}

/* slider dots */
.slider-active .slick-dots li {
  display: inline-block;
}
.slider-active .slick-dots {
    display: none;
  text-align: center;
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
}
.slider-active.second-slider .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  margin: 0 5px;
  border:1px solid #fff;
  background: none;
}
.slider-active .slick-dots li button {
  text-indent: -9999px;
  padding: 0;
  height: 3px;
  width: 25px;
  border: 0;
  margin: 0 3px;
  background: #fff;
}
.slider-active .slick-dots li.slick-active button {
  background: #007bff;
}
.slider-active.second-slider .slick-dots li.slick-active button {
  background: #ffffff;
}



/* slick default dots */
.dot-style .slick-dots li {
  display: inline-block;
}
.dot-style .slick-dots {
	text-align: center;
	margin-top: 40px;
}
.dot-style .slick-dots li button {
	text-indent: -9999px;
	padding: 0;
	height: 5px;
	width: 20px;
	border: 0;
	margin: 0 3px;
	background: #bfbfbf;
	transition: .3s;
}
.dot-style .slick-dots li.slick-active button {
  background: #007bff;
  width: 35px;
}

/* section title 
.section-title h2 {
	font-size: 36px;
	font-weight: 400;
	display: inline-block;
}
.section-title span {
	background: #007bff;
	height: 3px;
	width: 100px;
	display: inline-block;
}
.section-title h4 {
	font-size: 30px;
	font-weight: 500;
	color: #828282;
}
.section-title p {
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}

*/

/* Testimonial */

.listedin{
    border-right: solid 1px #d9d9d9;
}

.listedin .listedin-logos{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

.listedin .listedin-logos a:not(:last-child){
    margin-bottom: 40px
}

.section-testimonial{
    padding: 40px 0;
}

.testimonials{
    display: none!important;
    position: relative;
    background: #182c20 ;
    padding-bottom: 80vh!important;
    overflow: visible !important;
}

.testimonials::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/happy-family-at-field.jpeg) no-repeat left top;
    background-size: cover;
}


.testimonials .liquid-dot{
    position: absolute;
}


/* .testimonials:before,
.testimonials:after{
    display: none;
    position: absolute;
    content: '';
    bottom: 0;
    background: #f16000;
    width: 100%;
    height: 200px;
} */

/* .testimonials:after{
    background:  url(../img/theme-bg-4.svg) fixed bottom;
    background-size: cover;
} */


.testimonials .review-site-logo img{
    width: auto;
    margin-bottom: 30px
}

.testimonials .review-heading{
    color: #1ba99e;
    font-weight: 500;
    margin-bottom: 20px
}

.testimonials .card{
    border-radius: 16px;
    padding:40px;
    border-color: #007849;
    text-align: center;
    margin: 0 2px;
}

.testimonials .card .icon-quote{
    width: 80px;
    height: 40px;
    border: solid 1px #007849;
    border-top-color: transparent;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin: -41px auto auto;
    position: relative;
    background: #182c20;
}

.testimonials .card .icon-quote:after{
    position: absolute;
    content: '"';
    font-size: 80px;
    line-height: 1;
    color: #c7f239;
    left: 0;
    right: 0;
    top: -10px;
    border-color: #dcdcdc;
}

/* .testimonials .owl-carousel .owl-item:nth-child(2),
.testimonials .owl-carousel .owl-item:nth-child(4){
    margin-top: 40px!important
} */

.testimonials .single-testimonial .review-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
	margin:60px 0 0 0;
}

.testimonials .customer-info{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:60px;
    padding: 10px 0 0 25px;
    text-align: left;
    border-radius: 14px;
    background: #CAF63A;
    background: -webkit-linear-gradient(90deg, rgb(237, 240, 226) 59%, rgba(202, 246, 58, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(237, 240, 226, 1) 59%, rgba(202, 246, 58, 0) 100%);
    background: linear-gradient(90deg, rgba(237, 240, 226, 1) 59%, rgba(202, 246, 58, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CAF63A", endColorstr="#CAF63A", GradientType=1);
}


.testimonials .customer-info:before{
    display: none;
    position: absolute;
    content: '';
    top: 0;
    left: 30%;
    right: 30%;
    width: 40%;
    height: 2px;
    background: #ccc;
}

.testimonials .customer-info .name{
    
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    margin: 0
}

.testimonials .customer-info span{
    font-size: 13px;
    font-weight: 400;
}

.testimonials .customer-info .c-visual{
    width: 140px;
    border-radius: 30px;
    border: solid 4px #ffffff;
    overflow: hidden;
    border-bottom-right-radius: 0;
}

.testimonials .customer-info .c-visual img{
    width: 100%;
}

.testimonials .owl-dots{
    display: flex;
    justify-content: center;
}

.gallery .section-head{
    text-align: center
}

.gallery .grid-item{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -o-transition: .1s ease-in;
    transition: .1s ease-in;
}

.gallery .grid-item:hover img{
    transform: scale(1.1);
        -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.gallery .image-info{
    position: absolute;
    top: 80px;
    right: 80px;
    background: #fff;
    padding: 40px 80px
}

.gallery a:hover .image-info,
.gallery a:focus .image-info{
    color: #000;
    background: #f8df20;
    z-index: 2;
}

.gallery .image-info .location{
    padding-bottom: 10px;
    border-bottom: solid 2px #ce0058;
}

.gallery .image-info p{
    
    font-size: 18px;
    margin: 30px 0 0 0
}

.gallery .btn-link{
    position: relative;
    border-radius: 0;
}

.certifications{
    position: relative;
    z-index: 0;
    background-color: #ffffff;
    border-top: solid 1px #e6e6dc;
    text-align: center;
    padding: 30px 0;
    font-size: 13px;
}

.certifications .certifications-list{
    display: flex;
    justify-content: center;
    gap: 40px;
}

.certifications .certifications-list a{
    display: flex;
    text-align: left;
    gap: 20px;
    align-items: center;
}

.certifications .certifications-list li:not(:last-child){
    border-right: solid 1px #ccc;
    padding-right: 40px;
}

.certifications .logo-wrapper{
    /* width: 200px; */
    height: 60px;
    margin: 0 0 10px 0;
}

.certifications .c-logo{
    height: 60px;
} 


 .media,
 .media,
 .events,
 .articles{
    padding: 60px 0;
    border-top: solid 1px;
    padding-top: 30px;
}

.media .media-section:not(:last-child){
    margin-bottom: 40px;
    padding-bottom: 40px;
    /* border-bottom: solid 1px rgba(0,0,0,0.2); */
}

.media .latest-feed-card{
    width: 460px;
    background-color:#ffffff;
    padding:0;
    grid-column: auto;
    grid-row: 1 / span 2;
}

.media .media-teaser{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin: 20px 0 0 0;
}


.media .media-teaser .teaser-card.latest-feed-card .card-visual{
   height:360px
}

.media .media-teaser .teaser-card{
    position: relative;
    flex: 1 100%;
    padding:0;
    background-color:#ffffff;
    border:solid 1px #dbdbcb;
    border-radius:14px;
    overflow: hidden;
    color: #565656;
}

.media .media-teaser .teaser-card.latest-feed-card .card-visual img{
    transform: translateY(-5%) scale(1.5);
}


.media .media-teaser .teaser-card .card-visual{
    height:200px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow:hidden
}

.media .media-teaser .teaser-card .card-visual img{
    transform: translateY(-15%);
}

.media .media-teaser .teaser-card .card-body{
    min-height: 200px;
    padding:10px 30px
}

.media  .card .date{
    display: block;
    font-size: 12px;
    color: #ff9400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0;
}

.media .media-teaser .teaser-card .card-title{
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    margin: 15px 0 10px 0;
    color: #00b166;
}

.media .media-teaser .latest-feed-card .card-title{
    font-size: 30px;
    
}

.media .card .card-footer{
    background-color: transparent;
    padding: 0;
}

.media .media-teaser .teaser-card  a{
    font-size: 12px;
    display: flex;
    align-items: center;
    background: transparent;
    justify-content: center;
    line-height: 2;
    padding: 14px 6px;
    border-radius: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #622a2a;
}

.media .media-teaser .teaser-card .cta-buttons a i.bi{
    color: orange;
    margin: 0 0 0 20px
}

.latest-feed{
    position: relative;
    height: 70vh;
    overflow: hidden;
}

.latest-feed .silde-content-overlay{
    position:absolute;
    z-index: 2;
    top: 0;
}

.latest-feed .silde-content{
    background: url(../img/theme-bg-4.svg) no-repeat;
    background-size: cover;
    width: 600px;
    height: auto;
    padding: 60px;
    border-radius: 20px;
    border-top-left-radius: 0;
    margin: 40px;
    color: #ffffff;
}

.latest-feed .owl-theme .owl-nav{
    position:absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.media .media-teaser .latest-feed-card .card-visual{
    height: 430px;
}

.kn-media .title-wrapper{
    margin-bottom: 30px;
}


.kn-media .media-cards{
    display:flex;
    flex-direction: column;
    gap:50px
}

.kn-media .media-cards .card{
    display: flex;
    flex-direction: row;
    gap: 60px;
    border:none;
    background-color: transparent;
    padding: 0;
    border-radius:0;
}

.kn-media .media-cards .card .card-visual{
    flex: 1 100%;
    border-radius: 20px;
    height: 400px;
    overflow: hidden;
}    

.kn-media .media-cards .card .card-visual img{
    width: 100%;
    border-radius: 0;
}

.kn-media .card .media-badge{
    font-size:12px;
    text-transform:uppercase;
    margin:0 0 10px 0
}

.kn-media .card .post-heading{
    font-size: 24px;
    font-weight: bold;
    color: #00b166;
}

.kn-media .card .post-info{
    display: flex;
    gap: 20px;
    padding-bottom: 10px;
    margin: 15px 0 25px 0;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    color: #684c4c;
}

.kn-media .card .post-short-text{
    margin-bottom: 30px;
    /* color: green; */
}


.statics ul.statics-list{
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    gap: 60px;
}

.statics ul.statics-list li{
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    border: solid 1px;
    border-radius: 20px;
    padding: 20px;
}



.statics ul.statics-list li h3{
    font-size: 80px;
    font-weight: 500;
    margin-bottom: 5px;
    height: 120px;
    /* background: #ffcf00;
    background: -webkit-linear-gradient(to right, #ffcf00 20%, #00ff9c 100%);
    background: -moz-linear-gradient(to right, #ffcf00 20%, #00ff9c 100%);
    background: linear-gradient(to right, #ffcf00 20%, #00ff9c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.statics ul.statics-list li p{
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    color: #009f62;
    padding-top: 30px;
    margin: 0 0 0 0;
}

.statics ul.statics-list li p::before{
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    width: 100%;
    height: 5px;
    background: url(../img/theme-bg-4.svg) repeat;
    background-size: cover;
    opacity: 1;
    border-radius: 20px;
}

.mission-vision{
    display: flex;
    justify-content: space-between;
    gap: 80px;
    margin: 60px 0; 
}

.team ol{
    margin: 0;
    padding: 0;
}

.team ol li{
    list-style: auto;
    list-style-position: inside;
}

.team ul li:not(:last-child),
.team ol li:not(:last-child){
    padding-bottom: 15px;
    margin-bottom: 15px;
    /* border-bottom: solid 1px rgba(0,0,0,0.2); */
}


.team ul.key-people{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
    transition:all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.team ul.key-people li{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: none;
}

.team ul.key-people .member-photo{
    position: relative;
    margin: 0;
    overflow: hidden;
}

.team ul.key-people .member-photo::before{
    position: absolute;
    top: 40%;
    right: 0;
    content: '';
    width: 90%;
    height: 100%;
    background: url(../img/theme-bg-4.svg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(30px);
    transform: scale(0.8) translateY(90px);
    border-radius: 100px;
}

.team ul.key-people li:nth-child(1n) .member-photo::before{
   transform: scale(0.8) rotate(100deg); 
}
.team ul.key-people li:nth-child(2n) .member-photo::before{
   transform: scale(0.8) rotate(140deg); 
}
.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(180deg); 
}
.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(220deg); 
}
.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(260deg); 
}
.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(300deg); 
}
.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(340deg); 
}

.team ul.key-people li:nth-child(3n) .member-photo::before{
   transform: scale(0.8) rotate(60deg); 
}
.team ul.key-people  figure img{
    position: relative;
    z-index: 2;
    width: 100%;
    filter: grayscale(100%)!important;
}
.team ul.key-people  li:hover figure img{
    position: relative;
    z-index: 2;
    width: 100%;
    transform: scale(1.2) translateY(0%);
    filter: grayscale(0%)!important;
}

.team ul.key-people .member-text{
    position: relative;
    z-index: 3;
    bottom: 0;
    backdrop-filter: blur(40px);
    padding: 24px 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
}

.team ul.key-people li:hover .member-photo::before{
    transform: scale(1);
    filter: blur(0px);
}

.team ul.key-people li:hover .member-text{
    background:#074d57;
    background-size: cover;
    border-top-left-radius: 30px;
    backdrop-filter: blur(40px);
    color: #ffffff;
}

.team ul.key-people .member-text h4{
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    border-bottom: solid 2px;
    margin-bottom: 6px;
}

.team ul.key-people  p{
    margin: 0;
    color: auto;
}

.team ul.key-people  p span{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block;
}

.team ul.key-people  p small{
    display: block;
    font-size: 11px;
}

.team ul.key-people li:hover .member-text h4,
.team ul.key-people li:hover .member-text p{
    color: #CDDC39;
}

ul.active-staff{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:20px 100px ;
}

ul.active-staff li{
    position: relative;
    padding-left: 60px;
}

ul.active-staff li::before{
    background-color: transparent;
    font-size: 60px;
    color: #e7e7e7;
    width: auto;
    height: auto;
    border: none;
}

ul.active-staff .staff{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    text-align: center;
}

ul.active-staff .staff figure{
    width: 100%;
    height: 280px;
    border: solid 4px #ececec;
    background: #666429;
    border-radius: 20px;
    overflow: hidden;
}

ul.active-staff .staff figure img{
    width: 100%;
    
}

ul.active-staff .staff:hover figure img{
    background: #fffadb url(../img/patteren-2.jpg) no-repeat;
    background-size: cover;
    transform: translateY(-10px);
}

ul.active-staff .staff .name{
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

ul.active-staff .staff .role{
    font-size: 90%;
    font-weight: 500;
    color: #9d9d9d;
}

.member-brief:has(.f-html){
    padding: 0!important;
}

.member-brief{
    display: flex;
    padding: 0 60px;
    font-size: 14px;
    font-weight: 500;
}

.member-brief .m-name,
.member-brief .m-role{
    color: #007849;
}

.member-brief .m-role{
    font-size: 16px;
    font-weight: 500;
}

.member-brief .member-photo{
    flex: 1 100%;
    /* background: url(../img/theme-bg-4.svg) center center;
    
    background-size: cover;
    background-repeat: no-repeat; */
    border-bottom: solid 4px #b1ff2f;
    overflow: hidden;
    border-radius: 0;
}

.member-brief .member-photo img{
    transform: scale(1.2);
}

.member-brief .card{
    border: none;
    border-radius: 0;
    padding: 60px;
}

.reachus-info{
    position: relative;
    background: transparent;
    padding:20px 0 80px 0;
}



.overlay{
    position: relative;
    z-index: 2;
}


.reachus-info  .contactus-visual{
    position: sticky;
    top: 50px;
}

.reachus-info .section-title{
    color: #007849;
    text-transform: inherit;
    margin: 0 0 20px 0
}

.reachus-info .info-cards .card{
    height: 100%;
    border-radius: 30px;
    color: #185850;
    /* background: transparent; */
    border: solid 1px #dbdbcb;
    padding: 30px;

}

.reachus-info .info-cards .card-email{
    border-right: none;
}


.reachus-info .info-cards .card .card-title{
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    color: #e1a400;
    margin-bottom: 20px;
}

.reachus-info .info-cards .card .card-content{
    min-height: auto;
    margin: 0 0 40px 0;
}

.reachus-info .info-cards .card .card-content p{
    font-size: 18px;
    font-weight: normal;
}

.reachus-info .info-cards .card .card-content a{
    color:#008c75
}

.reachus-info .info-cards .card a .circle{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
}

.reachus-info .info-cards .card .card-cta{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    justify-content: end;
}

.reachus-info .info-cards .card .card-cta p{
    font-size: 13px;
    font-weight: normal;
}

.reachus-info .info-cards .card .btn{
    text-transform: uppercase
}

.reachus-info .factory-photo{
    border-radius: 120px;
    border-top-left-radius: 0;
    overflow: hidden
}

.reachus-info .factory-photo img{
    width: 100%
}

/* Footer */


.footer{
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    margin: 0 0 0 0;
    padding: 60px 0 80px 0;
}


.footer::before{
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/pattren-2.jpg) repeat;
    opacity: .1;
}
/* 

.footer::before{
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background:  url(../img/kn-shape-1.svg) no-repeat right top;
    background-size: contain;
    opacity: 1;
} */

/* 
footer::after{
    position: absolute;
    content: '';
    background: url(https://media.istockphoto.com/id/529660510/vector/fields-to-harvest.jpg?s=612x612&w=0&k=20&c=6DOiKCDXEeLlzLTGOSO7Fjq7ZpcFVmLyRHxenpAfsYU=) repeat center;
    width: 100%;
    height: 60px;
    left: 0px;
    bottom: 0;
} */

footer .overlay{
    position: relative;
    z-index: 2;
}

footer,
footer a{
    position: relative;
    font-size: var(--basic-font-size);
    color: #007849;
    /* color: #ffffff; */
}

footer a:hover{
    color: #008c75;
    text-decoration: none
}


footer .footer-main a::after{
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background:transparent;
    left: 0px;
    bottom: 0;
    transition: all .5s;
}

footer .footer-main a:hover::after{
    width: 100%;
    background: #008c75;
}



footer .footer-main{
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

footer .footer-main .heading{
    font-size: 13px;
    color: #001f0f;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
}

footer .footer-main a{
    font-size: 18px;
}

footer .footer-main a:not(:last-child){
    margin-bottom: 16px;
}

footer .logo{
    flex: 2;
    margin: 0 0 40px 0;
}

footer .brand-logo{
    width: 380px;
}


footer .customer-support a{
    display: block;
}

footer .site-nav:not(:last-child){
    margin-bottom: 60px
}


footer .site-nav.nav-grid{
    display: grid;
    grid-template-columns:auto auto;
    grid-gap:60px 80px;
    flex: 4;
}

footer .site-nav.nav-grid-2 .nav:not(:last-child){
    margin-bottom: 20px
}

footer .nav-grid.row-bottom{
    display: grid;
    grid-template-columns:auto auto auto;
    grid-gap:60px 20px;}


footer .nav-grid .grid-row-2{
    grid-column: 1/1;
}

footer .nav-grid .wide{
    grid-column: 2/2;
}


footer .nav__title,
footer .nav__title a{
    font-size: 18px;
    color: #d8b851;
    margin-bottom: 15px
}


footer .logo a:hover::after{
    display: none
}


footer .site-nav nav ul{
    list-style: none;
    padding: 0;
    margin: 0
}

footer .site-nav nav:has ul+ul{
    display: flex
}

footer .site-nav nav ul.grid-two{
    display: grid;
    grid-template-columns: 1fr auto;
}
    


/*
footer .site-nav nav:nth-child(2){
    margin-top: 80px
}
*/



footer nav li{
    margin-bottom: 10px;
}


footer nav ul.sub-menu {
    margin: 10px 0 0 0
}

footer nav ul.sub-menu-inline{
    display: flex;
    flex-wrap: wrap;
}

footer nav ul.sub-menu-inline li{
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
}

footer nav ul.sub-menu-inline li::after{
    position: absolute;
    right: 0;
    top: 0;
    content: '|';
    color: #767676;
    padding-left: 15px
}

footer nav ul.sub-menu-inline li:last-child::after{
    display: none
}

footer nav ul.sub-menu li:not(:last-child){
    margin-bottom: 5px
}

footer nav ul.sub-menu li a{
    font-size: 11px;
    font-weight: 300;
    color: #b9b9b9;
}

footer .reach-us nav li{
    display: flex;
    align-items: flex-start;
    color: #b9b9b9
}


footer .reach-us nav li a{
    font-weight: 300;
    color: #b9b9b9;
    word-break: break-word;
}

footer .reach-us nav li .icon{
    margin: 3px 10px 0 0
}

footer .connect-social{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

footer .social{
    display: flex;
    align-items: center; 
    margin: 20px 0;
    min-height: 40px;
}

footer nav.social-nav{
    display: flex;
    flex-direction: row;
    margin: 0 0 0 15px;
    
}



footer nav.social-nav a{
    width: 30px;
    height: 30px;
    display: block;
    margin: 0;
}

footer nav.social-nav a:not(:last-child){
    margin-right: 25px
}

footer nav.social-nav a:hover::after{
    display: none
}

footer nav.social-nav a img{
    width: 30px;
}

footer nav.social-nav a:hover img{
    transform: scale(1.1);
}

footer .nav{
    font-size: 12px;
    flex-direction: column
}

footer .footer-bottom{
    font-size: 13px;
    margin: 0;
    font-weight: normal;
}

footer .footer-bottom a{
    font-size: 14px;
    margin: 0 30px 0 0;
}


footer .secondary-nav{
    margin: 0 auto
}

footer .secondary-nav a{
    position: relative;
    font-size: 14px;
}

footer .secondary-nav a:last-child::after{
    display: none;
}

footer .secondary-nav a:not(:last-child)::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    right: -18px;
    top: 0;
    border-right:solid 1px rgba(0, 0, 0, 0.2);
    left: inherit;
}

footer .right-credits{
    /* color: #ffffff; */
    padding: 30px 0 0 0;
}

footer .credit{
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    margin: 40px 0 0 0;
}

footer .credit a{
    margin: 0 0 0 20px;
}


footer .credit a img{
    width: 130px;
    margin: 0;
}



/* Other Pages */

.content-block .kn-supporters{
    flex-wrap: wrap;
    justify-content: end;
}

.content-block .kn-supporters .s-logo{
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 20px;
}

.tour-page{
    display: grid;
    grid-template-columns: 20% 60% 20%;
    background: #ececec;
    padding-bottom: 80px
}

.tour-page .left-col{
    margin-right: 5px;
}

.tour-page .right-col{
    margin-left: 5px;
}

.sidenav .nav-section{
    background: #ffffff;
    padding: 20px;
    margin-bottom: 5px
}


.tour-full-info .section{
     padding: 30px 50px;
}
.tour-full-info .section:not(:last-child){
    margin-bottom: 10px
}


.tour-page  .section-heading{
    text-transform: uppercase;
    
}

.tour-page nav a{
    font-size: 14px;
    
    margin:5px 0;
}

.tour-page nav a:hover{
    color: #000;
    text-decoration: underline
}
.tour-page nav a.active{
    border-bottom: solid 1px #c6c6c6
}
.tour-full-info .highlights-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px;
    font-family: 'cf-dm'

}
.tour-full-info .highlights-list .icon-box{
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 100%;
    background-color: #f8df20;
    padding:8px;
    margin:0 20px 0 0;
}

.tour-full-info .highlights-list .icon-box img{
    height: 100%;
}

.tour-full-info .highlights-list p{
    margin: 0;
    line-height: 1.4;
}

.tour-info-tabs .tab-nav{
    margin: 0 0 20px 0
}

.tour-info-tabs .tab-nav .nav{
    display: block;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.tour-info-tabs .tab-nav .btn{
    font-size: 16px;
    line-height:2;
    padding: 10px 40px
}

.tour-full-info .list-tour-brief{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;

}

.tour-full-info .list-tour-brief li{
    display: flex;
    align-items: center;
}
.tour-full-info .list-tour-brief .icon-box{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border:solid 1px #d0d0d0;
    margin: 0 20px 0 0;
    align-items: center;
    justify-content: center;
}

.tour-full-info .list-tour-brief .icon-box i{
    font-size: 38px
}
.tour-full-info .list-tour-brief small{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
}
.tour-full-info .list-tour-brief h5{
    
}

.tour-full-info .call-us{
    border: solid 1px #ccc;
    border-radius: 60px;
    padding: 10px 25px;
    margin-bottom: 30px;
    display: inline-block
}

.tour-full-info .call-us i,
.tour-full-info .call-us:hover{
    background: #ce0058;
    color: #ffffff
}

.tour-full-info .call-us i{
    padding: 10px;
    border-radius: 10px
}

.tour-full-info ul{
    
}

.tour-full-info .card:not(:last-child){
    margin-bottom: 30px
}

.tour-full-info .card .content-block{
    margin-bottom: 0
}

.gallery .owl-nav .owl-prev{
    left: -30px
}

.gallery .owl-nav .owl-next{
    right: -30px
}


.request-form .form-control{
    border: none;
    border-bottom: solid 1px #dedede;
    border-radius: 0px;
    padding-left: 0
}

.request-form .form-control:hover,
.request-form .form-control:focus{
    box-shadow: none;
    border-bottom-color: #000000;
}

.expert-info{
    text-align: center
}

.expert-info .contact-person{
    width: 70%;
    margin:40px auto
}

.expert-info ul{
    text-align: left;
}

.expert-info ul li:not(:last-child){
    margin-bottom: 15px
}

.expert-info .name{
    margin: 0
}

.request-form{
    background: #fff;
    padding: 20px
}


/* Owl Carousel */

.owl-carousel .owl-nav [class*=owl-]::before{
    color: #4CAF50;
    border-radius: 60px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: #eaff79;
}

.owl-carousel .owl-nav [class*=owl-]:hover{
    background-color: transparent;
}

.owl-carousel .owl-nav [class*=owl-]:hover::before{
    background-color: #4CAF50;
    color: #f7ffcd;
}

.dots-wrap {
  position: relative;
  margin-top: 1.5em;
  filter: url(#goo);
}
.dots-wrap button.owl-dot,
.dots-wrap .dot-current-bg {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  background: #b2e300;
  border-radius: 50%;
  margin:0 10px!important;
  border: none;
  outline: none;
}
.dots-wrap .dot-current-bg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: scale(1.2);
}

.dots-wrap .owl-dot span{
    display: none!important;
}

.dots-wrap svg {
  position: fixed;
  z-index: -99;
}

/* Button Animation */


.btn-icon i {
    font-size: 20px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0 0 0 20px;
    overflow: hidden;
}

.slide-right:hover i::before {
    -webkit-animation: .4s var(--_animbezier) .3s 1 both slideRight;
    -moz-animation: .4s var(--_animbezier) .3s 1 both slideRight;
    animation: .4s var(--_animbezier) .3s 1 both slideRight
}

.slide-right-up:hover i::before {
    -webkit-animation: .4s var(--_animbezier) .3s 1 both slideRightUp;
    -moz-animation: .4s var(--_animbezier) .3s 1 both slideRightUp;
    animation: .4s var(--_animbezier) .3s 1 both slideRightUp
}

.slide-right-down:hover i::before {
    -webkit-animation: .4s var(--_animbezier) .3s 1 both slideRightDown;
    -moz-animation: .4s var(--_animbezier) .3s 1 both slideRightDown;
    animation: .4s var(--_animbezier) .3s 1 both slideRightDown
}

.slide-left:hover i::before {
    -webkit-animation: .4s var(--_animbezier) 0s 1 both slideLeft;
    -moz-animation: .4s var(--_animbezier) 0s 1 both slideLeft;
    animation: .4s var(--_animbezier) 0s 1 both slideLeft
}

.slide-left-up:hover i::before {
    -webkit-animation: .4s var(--_animbezier) 0s 1 both slideLeftUp;
    -moz-animation: .4s var(--_animbezier) 0s 1 both slideLeftUp;
    animation: .4s var(--_animbezier) 0s 1 both slideLeftUp
}

.slide-left-down:hover i::before {
    -webkit-animation: .4s var(--_animbezier) 0s 1 both slideLeftDown;
    -moz-animation: .4s var(--_animbezier) 0s 1 both slideLeftDown;
    animation: .4s var(--_animbezier) 0s 1 both slideLeftDown
}

.slide-down:hover i::before {
    -webkit-animation: .4s var(--_animbezier) .3s 1 both slideDown;
    -moz-animation: .4s var(--_animbezier) .3s 1 both slideDown;
    animation: .4s var(--_animbezier) .3s 1 both slideDown
}

.slide-up:hover i::before {
    -webkit-animation: .4s var(--_animbezier) 0s 1 both slideUp;
    -moz-animation: .4s var(--_animbezier) 0s 1 both slideUp;
    animation: .4s var(--_animbezier) 0s 1 both slideUp
}

.anim-no-delay:hover i::before {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideRight {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideRight {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideRightUp {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-moz-keyframes slideRightUp {
    0% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -moz-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slideRightUp {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(100%) translateY(-100%);
        -moz-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%) translateY(100%);
        -moz-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slideRightDown {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-moz-keyframes slideRightDown {
    0% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -moz-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slideRightDown {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(-100%) translateY(-100%);
        -moz-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideLeftUp {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-moz-keyframes slideLeftUp {
    0% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -moz-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slideLeftUp {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-100%) translateY(-100%);
        -moz-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slideLeftDown {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-moz-keyframes slideLeftDown {
    0% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -moz-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes slideLeftDown {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    50% {
        -webkit-transform: translateX(-100%) translateY(100%);
        -moz-transform: translateX(-100%) translateY(100%);
        transform: translateX(-100%) translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateX(100%) translateY(-100%);
        -moz-transform: translateX(100%) translateY(-100%);
        transform: translateX(100%) translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -moz-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    51% {
        opacity: 0
    }

    52% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    53% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}


/* Marquee */
.marquee-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-animation: marquee 10s linear infinite running;
  -moz-animation: marquee 10s linear infinite running;
  -o-animation: marquee 10s linear infinite running;
  -ms-animation: marquee 10s linear infinite running;
  animation: marquee 10s linear infinite running;
}
.marquee-content:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}
.marquee-content .marquee-item {
  
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* .marquee-content .marquee-item:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
} */
@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
} 

/* Carousel */

.owl-theme .owl-dots .owl-dot.active span {
    background: #CDDC39;
}

.owl-theme .owl-dots .owl-dot.active span:before{
    border-color: rgba(0,0,0,0.05);
}

.owl-dots-fixed .owl-dots{
    position: absolute;
    padding: 12px 14px;
    background: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px
}



/* SCROLL UP */
.scrollup{
    position: relative;
    width:40px;
    height:60px;
    /* opacity:0.6; */
    position:fixed;
    top: 80px;
    right: 0px;
    display:none;
    background: #ccfffa;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 6px 0 0 6px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.scrollup::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    transform: 1.2;
    background: red;
    background: url(../images/border-graident.png) no-repeat;
    -webkit-animation: circle 1s infinite linear;
}


.scrollup:hover{
    opacity: 1;
    text-decoration: none
}

.scrollup small{
    font-size: 10px;
    text-transform: uppercase;
}

/* Fancybox */
.f-panzoom__content{
    border-radius: 20px;
}