@charset "utf-8";

@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Light.eot"); src: local("TT Commons Light"), local("TTCommons-Light"), url("fonts/TTCommons-Light.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Light.woff2") format("woff2"), url("fonts/TTCommons-Light.woff") format("woff"), url("fonts/TTCommons-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Regular.eot"); src: local("TT Commons Regular"), local("TTCommons-Regular"), url("fonts/TTCommons-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Regular.woff2") format("woff2"), url("fonts/TTCommons-Regular.woff") format("woff"), url("fonts/TTCommons-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "TT Commons"; src: url("fonts/TTCommons-Medium.eot"); src: local("TT Commons Medium"), local("TTCommons-Medium"), url("fonts/TTCommons-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/TTCommons-Medium.woff2") format("woff2"), url("fonts/TTCommons-Medium.woff") format("woff"), url("fonts/TTCommons-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Aboreto"; src: url("fonts/Aboreto-Regular.eot"); src: local("Aboreto Regular"), local("Aboreto-Regular"), url("fonts/Aboreto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Aboreto-Regular.woff2") format("woff2"), url("fonts/Aboreto-Regular.woff") format("woff"), url("fonts/Aboreto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/Jost-Medium.eot"); src: local("Jost Medium"), local("Jost-Medium"), url("fonts/Jost-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Jost-Medium.woff2") format("woff2"), url("fonts/Jost-Medium.woff") format("woff"), url("fonts/Jost-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/Jost-Light.eot"); src: local("Jost Light"), local("Jost-Light"), url("fonts/Jost-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Jost-Light.woff2") format("woff2"), url("fonts/Jost-Light.woff") format("woff"), url("fonts/Jost-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/Jost-Regular.eot"); src: local("Jost Regular"), local("Jost-Regular"), url("fonts/Jost-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Jost-Regular.woff2") format("woff2"), url("fonts/Jost-Regular.woff") format("woff"), url("fonts/Jost-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

:root {
--cursor-stroke: var(--white);
--cursor-fill: none;
--cursor-stroke-width: 1px;

--jost:"Jost";
--boreto:"Aboreto";
--TTCommon:"TT Commons";
--your-color: #7CA853;

/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--green: #7CA853;
--orange: #F68B1F;
--gray: #D0D0D0;
--gray-100: #F0F0F0;


/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;

--gap-sm: 8px;
--gap-md: 16px;
--gap-lg: 24px;
--gap-xl: 32px;
--gap-xxl: 40px;
--gap-xxxl: 48px;
}
.wow { visibility: hidden; }

/* ========================== COMMON CSS ========================== */
*,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--jost); font-weight: 400; line-height: 1.5; color: inherit; color: var(--black); }
/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "MinervaModern"; } */
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--black) / 70%); }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
a:hover { color: inherit; }

body { width: 100%; font-size: 20px; line-height: 1.4; width: 100%; position: relative; font-weight: 300; color: var(--black); z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
body p { font-size: 20px; line-height: 1.4; color: rgb(76 76 76 / 100%); margin-bottom: 20px; font-weight: 400; font-family: var(--jost); }

.no-scroll { overflow: hidden; }

hr { border-top: 1px solid var(--light-gray); }

::-moz-selection { color: var(--black); background: #DAE7CF; }
::selection { color: var(--black); background: #DAE7CF; }

::-webkit-scrollbar { width: 10px; display: none; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.8); box-shadow: inset 0 0 3px rgba(255,255,255,0.8); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }

p:empty { margin-bottom: 0px; }
/* cursor css */
#cursor { position: fixed; z-index:9999; left: 0; top: 0; pointer-events: none; will-change: transform; }

@media (hover: hover) and (pointer: fine) {
  .cursor__circle { width: 64px; height: 64px; margin-top: -50%; margin-left: -50%; border-radius: 50%; border: solid 1px rgba(0, 0, 0, 0.24); transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),   background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),   border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),   width 0.3s cubic-bezier(0.25, 1, 0.5, 1),   height 0.3s cubic-bezier(0.25, 1, 0.5, 1); }
  #cursor .cursor__circle { transition: var(--all-medium); }
  #cursor.hover-effect .cursor__circle { width: 12px; height: 12px; }
  #cursor.subtle .cursor__circle{ opacity: 0.16; }
  #cursor.overlay .cursor__circle{ width: 48px; height: 48px; background-color: rgba(227, 222, 193, 0.08); border-color: transparent; }
}

.barContainer { position: fixed; top: 0; right: 0; width: 5px; height: 100vh; -webkit-box-shadow: none; box-shadow: none; background: transparent; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media screen and (min-width: 1200px) {
  .container-fluid { max-width: calc(100% - 200px); margin: 0 auto; position: relative; }
}

@media screen and (min-width: 2200px) {
  .container { max-width: 1700px; position: relative; z-index: 1; }
}
@media screen and (min-width: 1500px) {
  .container { max-width: calc(100% - 200px); position: relative; z-index: 1; }
}

.form-control::-webkit-input-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::-moz-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control:-ms-input-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::-ms-input-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::placeholder { -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); font-size: 16px; color: rgba(0,0,0,0.5); }

label { font-size: 20px; line-height: 1; font-weight: 300; position: absolute; left: 0; top: 0; padding: 12px 0; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
label span { color: #FF0000; }
.form-control { width: 100%; padding: 12px 0px; font-size: 18px; font-weight: 300; color: var(--black); line-height: 1.5; border: none; border-bottom: 1px solid rgb(var(--black) / 20%); border-radius: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: transparent; }
.form-control:not(:-moz-placeholder-shown) ~ label { font-size: 14px; transform: translateY(-20px); }
.form-control:not(:-ms-input-placeholder) ~ label { font-size: 14px; -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 14px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
.form-control:focus, .form-select:focus { color: var(--black, #252324); background: transparent; border-bottom: 1px solid var(--green); outline: none; -webkit-box-shadow: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: var(--black, #252324); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(../images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }

select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.img-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
img { width: 100%; }

#smooth-content { position: relative; overflow: hidden; }

/* STYLE GUIDE */

/* HEADINGS */
.hero--1 { font-size: 90px; line-height: 1; font-weight: 400; font-family: "TT Commons"; }
.hero--2 { font-size: 42px; line-height: 1; font-weight: 400; font-family: "TT Commons"; margin-bottom: var(--gap-lg); }
.hero--3 { font-size: 64px; line-height: 1; font-weight: 400; font-family: "Aboreto"; }

.h1 { font-size: 42px; line-height: 1.2; font-weight: 300; font-family: "TT Commons"; }
.h2 { font-size: 32px; line-height: 1.2; font-weight: 400; font-family: "Jost"; }
.h3 { font-size: 22px; line-height: 1.2; font-weight: 400; font-family: "Jost"; }
.h4 { font-size: 24px; line-height: 1.2; font-weight: 400; font-family: "TT Commons"; }
.h5 { font-size: 22px; line-height: 1.2; font-weight: 400; font-family: "Jost"; }
.h6 { font-size: 20px; line-height: 1.2; font-weight: 500; font-family: "Jost"; }
.h7 { font-size: 20px; line-height: 1.2; font-weight: 300; font-family: "Jost"; }
.h8 { font-size: 18px; line-height: 1.2; font-weight: 300; font-family: "Jost"; }
.h9 { font-size: 14px; line-height: 1.2; font-weight: 500; font-family: "Jost"; }

.p1 { font-size: 20px; line-height: 1.2; font-weight: 400; font-family: "Jost"; }

.subtitle { font-size: 20px; color: var(--black); font-weight: 300; margin-bottom: var(--gap-lg); display: inline-flex; align-items: center; font-family: "Jost"; color: rgba(0,0,0,0.8); }
.subtitle span { width: 50px; height: 2px; background-color: var(--green); display: inline-block; margin-right: 10px; }
.subtitle span .svg { width: 60px; transform: rotate(-20deg) translateY(-50%); height: auto; margin-right: 0px; display: inline-flex; display: none; }
.subtitle.white { color: var(--white); }

.py--lg { padding: calc(var(--gap-xxxl) * 2) 0; }
.pb--lg { padding-bottom: calc(var(--gap-xxxl) * 2); }
.pt--lg { padding-top: calc(var(--gap-xxxl) * 2); }

.py--md { padding: calc(var(--gap-xxxl) * 1.8) 0; }
.pb--md { padding-bottom: calc(var(--gap-xxxl) * 1.8); }
.pt--md { padding-top: calc(var(--gap-xxxl) * 1.8); }

/* BUTTONS */
.btn { display: inline-flex; align-items: center; padding: calc(var(--gap-sm) / 2 * 3) var(--gap-xl); border-radius: 40px; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn span { font-size: 18px; font-weight: 500; line-height: 1.2; text-align: center; text-transform: capitalize; font-family: "Jost"; color: inherit; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn .svg { width: 24px; height: 24px; margin-left: 5px; }
.btn .svg path { fill: var(--white); -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
.btn span + .svg { margin-right: 0; margin-left: 10px; }
.btn:hover .svg , .btn:hover span + .svg { transform: translateX(5px); }

.btn--primary { background: var(--green); color: var(--white); border:1px solid var(--green) }
.btn--primary:hover { background: transparent; color: var(--green); }
.btn--primary:hover span { color: var(--green); }
.btn--primary:hover .svg path { fill: var(--green); }

.btn--secondary { background: transparent; color: var(--green); border: 1px solid var(--green); }
.btn--secondary:hover { background: var(--green); color: var(--green); }
.btn.btn--secondary svg path { fill: var(--green); }
.btn.btn--secondary:hover svg path { fill: var(--white); }
.btn--secondary:hover span { color: var(--white); }

.btn--tertiary { background: var(--white); color: var(--black); border-radius: calc(var(--gap-sm) / 2 * 5) 0 0 0; }
.btn--tertiary span { font-size: 14px; font-weight: 500; color: var(--black); }
.btn--tertiary:hover { background: var(--orange); }

.read--more { font-size: 18px; color: var(--green); text-transform: capitalize; font-family: "Jost"; font-weight: 500; display: inline-flex; align-items: center; }
.read--more .svg { margin-left: 5px; width: 24px; height: 24px; }
.read--more .svg path { fill: #7ca853; }


.clip--img--top { clip-Path: inset(0% 0% 0% 0%); }
.clip--img--circle { clip-Path: inset(0% 0% 0% 0%); }

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


/* HEADER */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 111; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); }
.header.show { background: rgba(0,0,0,0.85); }
.header .container-fluid { max-width: 100%; }
.header .navbar--cont { display: inline-flex; }
.header .logo { width: 100px; margin-left: 100px; display: flex; transition: var(--all-medium); }
.header .logo img { width: 100%; height: auto; object-fit: contain; }
.header .navbar--nav { width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: flex-end; }
.header .navbar--nav li a { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-weight: 500; text-transform: uppercase; color: var(--white); letter-spacing: 1.8px; font-family: "Jost"; padding:calc(var(--gap-lg)* 1.2) 0px; transition: var(--all-medium); margin-right: 40px; position: relative;  }
.header .navbar--nav li:last-child { display: flex; }
.header .navbar--nav li:last-child a { margin-right: 0px; } 
.header.show .navbar--nav li .dropdown li a { padding: 0px!important; }
.header.show .logo { width: 80px; }
.header .navbar--nav li a.btn { padding:calc(var(--gap-lg)* 1.2) 20px; margin-right: 0px; border: none; height: 100%; display: flex; border-radius: 0px; }
.header .navbar--nav li a.btn:hover .svg { margin-left: 0px; }
.header .navbar--nav li a.btn:after { display: none; }
.header .navbar--nav li a:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; background: var(--orange); height: 3px; transition: var(--all-medium); }
.header .navbar--nav li a:hover:after { width: 100%; }
.header .navbar--nav li a.active:after { width: 100%; }
.header .navbar--nav li a span { text-transform: uppercase; font-size: 14px; }
.header .navbar--nav li a svg { width: 16px; margin-right: 10px; margin-left: 0px; height: 16px; }

.header .navbar--nav li .btn .svg path { fill: var(--black); }
.header .lang--drop { flex-grow: 1; align-self: stretch; display: inline-flex; } 
/* .lang--drop { display: inline-flex; } */

.dropdown--bx { position: relative; }
.header .navbar--nav .dropdown--bx a svg { width: 10px; height: auto; margin-right: 0px; margin-left: 7px; }
.dropdown--bx a svg path { fill: var(--white); }
.dropdown--bx .dropdown--menu { position: absolute; top: 100%; right: 0px; width: 220px; opacity: 0; overflow: hidden; background: rgba(255,255,255, 0.95); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  backdrop-filter: blur(4px); z-index: 11; transform: translateY(10px); transition: var(--all-medium); pointer-events: none; }
.dropdown--bx:hover .dropdown--menu { opacity: 1; transform:translateY(0px); pointer-events: all; }
.header .navbar--nav .dropdown--menu li { width: 100%; }
.header .navbar--nav .dropdown--menu li a { margin-right: 0px; padding: 12px 15px; letter-spacing: 0.1px; border-bottom: 1px solid #dfdfdf; font-size: 12px; display: block; color: var(--black); }
.header .navbar--nav .dropdown--menu li a:after { bottom: -1px; }
.header .navbar--nav .dropdown--menu li:last-child a { border-bottom: 0px; }

.hamburger--div { display: none; }
.navbar--nav .close--icon { display: none; }


/* ========================== HOME PAGE ========================== */
/* BANNER */
.home--banner { position: relative; width: 100%; height: 100vh; border-bottom-right-radius: 150px; overflow: hidden; }
.home--banner .banner--slider .swiper-slide .bg { width: 100%; height: 100%; }
.home--banner .banner--slider .swiper-slide .banner--video { width: 100%; height: 100%; position: relative; }
.home--banner .banner--slider .swiper-slide .banner--video:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0.8; }
.home--banner .banner--slider .swiper-slide .banner--video video { width: 100%; height: 100%; object-fit: cover; }
.home--banner .banner--slider .swiper-slide .bg img { transition: all 1.5s; transform: scale(1.3); }
.home--banner .banner--slider .swiper-slide.swiper-slide-active .bg img { transform: scale(1); }
.home--banner .banner--slider .swiper-slide .bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.8) 100%); }
.banner--slider { position: relative; }
.banner--slider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner--slider .banner--content { position: absolute; top: 300px; left: 0px; width: 100%; }
.banner--slider .banner--content .hero--1 { color: var(--white); margin-bottom: var(--gap-lg); }
.banner--slider .banner--content .h4 { color: rgba(255,255,255,0.8); margin-bottom: var(--gap-xl); font-weight: 300; width: 75%; }
.banner--slider .banner--content .banner--txt { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}

.banner--thumbnail--section { position: absolute; bottom: 50px; width: 100%; z-index: 11; }
.banner--thumbnail--section .banner--thumb .swiper-slide { cursor: pointer; }
.banner--thumbnail--section .banner--thumb .swiper-slide p, .banner--thumbnail--section .banner--thumb .swiper-slide span  { color: rgba(255,255,255,0.5); font-size: 20px; font-weight: 300; transition: var(--all-medium); }
.banner--thumbnail--section .banner--thumb .swiper-slide .line { position: relative; background: rgba(255,255,255,0.5); width: 100%; display: block; height: 2px; margin-bottom: var(--gap-lg); transition: var(--all-medium); }
.banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active p, .banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active span { color: rgba(255,255,255,1); }
.banner--thumbnail--section .banner--thumb .swiper-slide .line:after { content: ""; position: absolute; left: 0px; width: 100%; height: 1px; transition: var(--all-medium); }
.banner--thumbnail--section .banner--thumb .swiper-slide.swiper-slide-thumb-active .line:after { height: 7px; }
.banner--thumbnail--section .banner--thumb .swiper-slide:first-child .line { background: #05a043;; }
.banner--thumbnail--section .banner--thumb .swiper-slide:nth-child(2) .line { background: #a30909; }
.banner--thumbnail--section .banner--thumb .swiper-slide:nth-child(3) .line { background: var(--orange); }

.banner--thumbnail--section .banner--thumb .swiper-slide:first-child .line:after { background: #05a043;; }
.banner--thumbnail--section .banner--thumb .swiper-slide:nth-child(2) .line:after { background: #a30909; }
.banner--thumbnail--section .banner--thumb .swiper-slide:nth-child(3) .line:after { background: var(--orange); }

.btn-wrap { display: flex; justify-content: flex-end; }
.btn-wrap .btn { width: 66px; height: 66px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.5); padding: 0px; }
.btn-wrap .btn svg { margin: 0px; opacity: 0.5; }
.btn-wrap .btn:hover { border: 1px solid rgba(255,255,255,1); background: rgba(217,217,217,0.2); }
.btn-wrap .btn:hover svg { opacity: 1; }
.btn-wrap .btn:hover .svg {  transform: none; }
.btn-wrap .btn.next { margin-left: 20px; }

.scroll--text { position: absolute; right: 100px; top: 50%; transform: translateY(-50%); z-index: 11; display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.scroll--text  span { color: var(--white); font-size: 12px; text-transform: uppercase; writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: 2px; }
.scroll--text img { margin-top: 25px; width: 40px; height: auto; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/* HISTORY SECTION */
.history--section { position: relative; }
.history--section .container-fluid { max-width: 100%; }
.history--section .history--text { padding-right: 100px; padding-left: 30px; position: relative; z-index: 11; display: flex; align-items: flex-start; flex-direction: column; }
.history--section .history--text p { color: rgb(76 76 76 / 100%); }
.history--section .history--text .btn { margin-top: var(--gap-sm); }
.about--bg { position: absolute; left: 0px; bottom: -50px; z-index: 1; width: 100%; height: auto; pointer-events: none; overflow: hidden; }
.about--bg img { width: calc(100% + 250px); }
.flag--img--container { width: 98%; height: 365px; position: relative; overflow: hidden; }
.flag--img--container .flag--bg { width: calc(100% + 180px); height: 99%; position: absolute; top: 0px; left: 0px; z-index: -1; }
.flag--img--container .flag--shape { width: 102%; height: 100%; z-index: 1; transform: scaleY(1.02); }

/* WHY US SECTION */
.why--section .img--box { width: 100%; height: auto; overflow: hidden;  }
.why--section .why--text { position: relative; height: 100%; display: flex;  align-items: flex-start; flex-direction: column; justify-content: center; padding-left: 50px; }
.why--section .why--text .rating--div { margin-top: var(--gap-md); display: flex; }
.why--section .why--text .rating--div li { padding-right: 80px; margin-right: 80px; position: relative; }
.why--section .why--text .rating--div li:after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 100px; background: rgba(0,0,0,0.2); }
.why--section .why--text .rating--div li:last-child:after { display: none; }
.why--section .why--text .rating--div li:last-child { padding-right: 0px; margin-right: 0px; }
.why--section .why--text .rating--div li p { color: rgba(0,0,0,0.5); margin-bottom: 0px; }
.why--section .why--text .rating--div li .hero--3 { margin-bottom: var(--gap-sm); display: block; }
.why--section--cont { background: #f2f2f2; border-radius: 20px; padding: 50px 50px; }

/* BUSINESS SEGMENT */
.business--segment .hero--2 { margin-bottom: calc(var(--gap-xl) * 1.3); }
.segment--card { display: flex; border: 1px solid #c9c8c8; border-radius: 10px; padding: 30px; height: 100%; cursor: default; }
.segment--card .segment--body p { color: rgb(76 76 76 / 100%); margin-bottom: 5px; }
.segment--card .segment--body p:last-child { margin-bottom: 0px; }
.segment--card .segment--body  { margin-left: var(--gap-lg); flex: 1; }
.segment--card .segment--img { width: 400px; flex: 0 0 auto; height: auto; aspect-ratio: 2; overflow: hidden; border-radius: 5px; transition: var(--all-medium); }
.segment--card .segment--img img { transition: var(--all-medium); }
.segment--card:hover .segment--img img { transform: scale(1.1); }
.segment--card .read--more { display: none; }
.segment--list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; }

/* PRODCUT CATEGORY */
.product--category { color: var(--white); position: relative; overflow: hidden; }
.product--category .product--bg { width: 100%; position: absolute; top: 0px; left: 0px; width: 100%; height: calc(100% + 200px); z-index: -1; }
.product--category .hero--2 { margin-bottom: calc(var(--gap-xxl) * 1.5); }
.product--category .product--bg:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.90); }
.product-category--list { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid #2f2f2f; border-radius: 10px; overflow: hidden; }
.product-category--list li .img--box { width: 75px; height: 75px; margin-bottom: var(--gap-md); display: inline-flex; border-radius: 0px!important; } 
.product-category--list li .img--box img { height: auto; object-fit: contain; filter: invert(1); }
.product-category--list li { transition: var(--all-medium); }
.product-category--list li .h3 { color: var(--white); font-weight: 300; transition: var(--all-medium); }
.product-category--list li:hover { background: #1c1c1c; }
.product-category--list li { padding: 25px 40px; border-right: 1px solid #2f2f2f; border-bottom: 0px solid #2f2f2f; position: relative; }
.product-category--list li .overlay--div { display: none; width: 100%; height: 100%; background: var(--green); display: flex; align-items: center; position: absolute; top: 0px; left: 0px; opacity: 0; transition: var(--all-medium); }
.product-category--list li .overlay--div .bg { position: absolute; width: 100%; height: 100%; z-index: 0; }
.product-category--list li .overlay--div .overlay--text { padding: 20px 70px 20px 20px; z-index: 1; position: relative; display: none; }
.product-category--list li .overlay--div .overlay--text p { font-size: 15px; line-height: 1.2; color: var(--white);   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-category--list li:nth-child(5), .product-category--list li:nth-child(6), .product-category--list li:nth-child(7), .product-category--list li:nth-child(8) { border-bottom: 0px; }
.product-category--list li:last-child { border-right: 0px; }
.product-category--list li a { display: block; }

/* about page */
.group-mission--list li p { margin-bottom: 5px; }
.group-mission--list li .img--box { border-radius: 0px!important; }

/* BRANDS */
.brand--section .hero--2 { margin-bottom: calc(var(--gap-xl) * 1.3); }
.nav-tabs { display: flex; justify-content: center; border-bottom: 0px solid #7ca853; margin-bottom: 0px!important; }
.nav-tabs li { flex: 0 0 auto; }

.nav-tabs li:last-child { margin-right: 0px; }
.nav-tabs li .nav-link { width: 100%; display: inline-flex; justify-content: center; align-items: center; padding: calc(var(--gap-sm) / 2 * 3) var(--gap-xxl); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 1px solid #e7e2e2; border-left: 1px solid #e7e2e2; cursor: pointer; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); font-size: 22px; font-weight: 400; color: var(--black);  }
.nav-tabs li:last-child .nav-link { border-right: 1px solid #e7e2e2; }
.nav-tabs li .nav-link.active { background: #f9f9f9; color: var(--green); border-color: #F0F0F0; }
.nav-tabs li:first-child .nav-link { border-top-left-radius: 7px; }
.nav-tabs li:last-child .nav-link { border-top-right-radius: 7px; }

.brand--grp .hero--2 { margin-bottom: var(--gap-xl); }
.brand--section .tab-content .tab-pane { background: #f9f9f9; padding: 60px 70px; border-radius: 20px; }
.brand--product--list { display: grid; grid-template-columns: repeat(9, 1fr); grid-gap: 30px; margin-top: 20px; }
.brand--product--list li a { display: inline-flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; align-items: center; }
.brand--product--list li { display: flex; align-items: center; justify-content: center; padding: 0px 10px; background: transparent; border-radius: 8px;  border:1px solid transparent; transition: var(--all-medium);  }
.brand--product--list li a span { width: 100%; }
.brand--product--list li a .brand--logo { margin-bottom: 0px; }
.brand--product--list li a img { height: auto; }
.brand--product { width: 95%; }

#other-brand .brand--product--list { grid-template-columns: repeat(8, 1fr); }
#other-partner .brand--product--list { grid-template-columns: repeat(6, 1fr); }
#other-partner .brand--product--list li a { height: 150px; }


.address--list { display: flex; flex-wrap: wrap; gap: var(--gap-lg); margin-top: calc(var(--gap-lg) * 2); }
.address--list li { flex: 0 0 47.5%; }
.address--list li a { font-size: 20px; display: block; padding-bottom: 10px; color: var(--black); text-transform: uppercase; font-family: var(--jost) ; font-weight: 300; border-bottom: 1px solid #D5D5D5; }
.address--list li a span { color: var(--green); display: inline-flex; margin-right: 10px; font-family: var(--jost); display: none; }

.clients--section .section--title--grp { text-align: center; margin-bottom: 20px; display: flex; align-items: center; flex-direction: column; }
.clients--section .section--title--grp .hero--2 { margin-bottom: 0px; }
.client--slider .swiper-wrapper { transition-timing-function : linear; }
.client--slider .swiper-slide { text-align: center; }
.client-logo { display: block; width: 130px; }

.map--container { background: transparent; border:1px solid #d5d5d5; border-radius: 20px; padding: 0px 0px 0px 100px; overflow: hidden; }

/* FOOTER */
footer { position: relative; overflow: hidden; border-top-right-radius: 100px; padding-top: calc(var(--gap-xxl) * 2.5); background: #040404; }
footer .footer--bg { width: 100%; position: absolute; bottom: 50px; left: 0px; ; height: 100%; z-index: 0; opacity: 0.8; }
footer .footer--bg img { filter: brightness(1) invert(0); width: calc(100% + 200px); height: 100%; }
footer .footer--left { padding-right: 100px; }
footer .footer--left .footer--title { font-size: 58px; color: var(--white); font-family: var(--TTCommon); font-weight: 300; line-height: 1; margin-bottom: var(--gap-xl); } 
footer .footer--left p { color: #b7b3b3; }
footer .footer--left .input-group { border: 1px solid rgba(255,255,255,0.5); width: 80%; height: 50px; border-radius: 30px; flex-wrap: nowrap; }
footer .footer--left .input-group .form-control::placeholder { color: rgba(255,255,255,0.5); font-size: 16px; }
footer .footer--left .input-group .form-control { border: 0px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; height: 100%; color: var(--white); padding: 10px 30px; }
footer .footer--left .input-group .input-group-text { padding: 10px 20px; font-size: 16px; border: 0px;  cursor: pointer; font-weight: 500; height: 100%; background: var(--green); color: var(--white); border-radius: 30px!important; transform: scale(1.01); transition: var(--all-medium); } 
footer .footer--left .input-group .input-group-text:hover { background: #5e952a; color: var(--white); }
footer .footer--left .input-group .input-group-text svg path { fill: var(--white); transition: var(--all-medium); transition: var(--all-medium  ); }
footer .footer--left .input-group .input-group-text:hover svg path { fill: var(--white); }
footer .footer--left .input-group .input-group-text svg { width: 18px; margin-left: 3px; }
footer .footer--left p { margin-bottom: var(--gap-xl); font-size: 16px; }

footer .footer--left .input-group .wpcf7-form-control-wrap { width: 100%; }

.footer--div .footer--title { font-size: 16px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--white); margin-bottom: 15px; font-family: var(--TTCommon); font-weight: 400; }
.footer--link li a, .footer--div p { font-size: 15px; color: #b7b3b3; font-weight: 300; text-transform: capitalize; display: flex; width: auto; position: relative; }
.footer--link li a:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: var(--white); transition: var(--all-medium); }
.footer--link li a:hover:before { width: 100%; }
.footer--link li { display: flex; margin-bottom: 6px; }
.footer--link li:last-child { margin-bottom: 0px; }
.contact--link li { margin-bottom: 8px; }
.contact--link li .svg { width: 20px; margin-right: 8px; height: auto; }
.contact--link li svg path {  stroke: #fff; }
.contact--link li a { text-transform: lowercase; }

.footer--link--products { display: flex; flex-wrap: wrap; }
.footer--link--products li { flex: 0 0 50%; display: inline-flex; }
.footer--div { margin-bottom: calc(var(--gap-lg) * 2); }

.social--link { display: flex; }
.social--link li a { width: 35px; height: 35px; display: flex; align-items: center; justify-content: flex-start; }
.social--link li a .svg { transition: var(--all-medium); }
.social--link li a:hover .svg { opacity: 0.5; }

.footer--bottom { background:#1e1e1e; position: relative; z-index: 1; padding: var(--gap-md) 0px; margin-top: calc(var(--gap-xxl) * 2); }
.footer--bottom a, .footer--bottom p { font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 300; }

.footer--bottom .footer--bottom--left { display: flex; align-items: center; }
.footer--bottom .footer--bottom--left p { margin-bottom: 0px; display: none; }
.footer--bottom .footer--bottom--left p br { display: none; }
.footer--bottom .footer--bottom--left .footer--logo { width: 80px; margin-right: 20px; }

.footer--bottom .footer--bottom--center { text-align: center; }
.footer--bottom .footer--bottom--center p { margin-bottom: 0px; }
.footer--bottom .footer--bottom--center .copy--link { display: flex; justify-content: center; }
.footer--bottom .footer--bottom--center .copy--link li a { display: flex; width: auto; position: relative; }
.footer--bottom .footer--bottom--center .copy--link li { padding-right: 15px; margin-right: 15px; position: relative; display: flex; }
.footer--bottom .footer--bottom--center .copy--link li:before { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: rgba(255,255,255,0.5); }
.footer--bottom .footer--bottom--center .copy--link li a:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: var(--white); transition: var(--all-medium); }
.footer--bottom .footer--bottom--center .copy--link li a:hover:before { width: 100%; }

.footer--bottom--right .copy--text, .footer--bottom--right .copy--text a { font-size: 12px; margin-bottom: 0px; }
.footer--bottom--right .copy--text a { transition: var(--all-medium); }
.footer--bottom--right .copy--text a:hover { color: rgba(255, 255, 255, 1); }
.footer--bottom--right { text-align: right; }

/*  contact page  */
.contact--section .section--title--grp { text-align: center; }
.contact--section .section--title--grp .hero--2 { margin-bottom: calc(var(--gap-xxl)* 2); }
.contact--section .form--box .subtitle, .contact--section .contact--info .subtitle { margin-bottom: var(--gap-md); }
.contact--section .form--box .h1, .contact--section .contact--info .h1 { margin-bottom: calc(var(--gap-xl) * 1.5); }

.contact--section .contact--info .h1 { display: none; }

.contact--section .form--box{ padding: 80px 100px 90px 100px; border: 1px solid #00000040; display: flex; flex-direction: column; }
.contact--section .form--box .form-group { margin-bottom: var(--gap-xl); }
.contact--section .form--box .form-control{ border-bottom: 1px solid #00000040; }
.contact--section li {display:flex; align-items: center; margin-bottom: 25px;  }
.contact--section li:first-child { align-items: flex-start; }
.information--list .icon { width: 28px; height: 28px; margin-right: 25px; }
.information--list .icon img { object-fit: contain; }
.contact--section li span{color: rgba(0, 0, 0, 0.6); }
.contact--section li .address p { margin-bottom: 5px; }
.contact--section .contact--info { position: relative; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; padding: 80px 100px; background: linear-gradient(165deg, rgba(124, 168, 83, 0.6) 0%, rgba(218, 231, 207, 0.73) 21%, rgba(233, 240, 226, 0.79) 30%, rgba(236, 242, 230, 0.83) 27%, rgba(255, 255, 255, 0.89) 66%, rgba(255, 255, 255, 1) 100%); }
.information--list li { display: flex; }
.information--list li p, .information--list li a { font-size: 20px; font-weight: 300; color: var(--black); }
.information--list li a { text-decoration: none; position: relative; transition: var(--all-medium); }
.information--list li a:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--black); transition: var(--all-medium); }
.information--list li a:hover:after { width: 100%; }
.information--list li .location--link { text-decoration: underline; font-size: 16px; text-underline-offset: 4px; text-decoration-color: #92968e; }
.information--list li .location--link:after { display: none; }
.information--list li .location--link:hover { color: var(--orange); text-decoration-color: var(--orange); }

.information--list li .social--link li { margin-bottom: 0px; }
.information--list li .social--link li a { width: 45px; height: 35px; }
.information--list li .social--link li a:after { display: none!important; }
.information--list li .social--link li a .svg { width: 15px; height: auto; object-fit: contain; }

.wpcf7-not-valid-tip { font-size: 14px; margin-top: 2px; position: absolute; bottom: -25px; width: 100%; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-width: 1px; padding: 10px 20px; font-size: 14px; }
footer .wpcf7-not-valid-tip { position: static; margin-bottom: 5px; }


/*  brand page  */
.distrubuter--company--cont .group-list .group--list-lists { display: grid; grid: auto / repeat(7, 1fr); gap: 20px; }

.group-list .group--list-lists { display: grid; grid: auto / repeat(6, 1fr); justify-items: center; align-items: center; gap: 30px; margin-top: 30px; }
.group-list .group--list-lists li { background: var(--white); border-radius: 10px;  width: 100%; border: 1px solid #f3eeee; transition: var(--all-medium); }
.group-list .group--list-lists li:hover { border: 1px solid var(--green); }
.group-list .group--list-lists li a { display: flex; padding: 20px; justify-content: center; flex-direction: column; align-items: center; }
.group-list .group--list-lists li a .image-box { width: auto; height: 120px; margin: 0px auto 10px auto; }
.group-list .group--list-lists li a .image-box img { width: auto; height: 100%; object-fit: contain; }

/* product detail  */
.filter-faqs-tags { margin-bottom: var(--gap-xl); }
.faqs-filter-list { display: flex; flex-flow: row wrap; justify-content: flex-start; }
.faqs-filter-list li a { display: inline-flex; font-size: 18px;  text-transform: capitalize; padding: 10px 30px; border-top-right-radius: 0px; border-top-left-radius: 0px; position: relative; overflow: hidden; transition: all .5s; border: 1px solid #d3cccc; border-right: 0px; }
.faqs-filter-list li a.selected  { background: var(--green); color: var(--white); } 
.faqs-filter-list li:last-child a { border-right: 1px solid #d3cccc; } 

.product--detail table { width: 100%; margin-top: 40px; }
.product--detail table th { padding: 15px 20px; background: var(--green); color: var(--white);  font-size: 22px; font-family: var(--TTCommon); }
.product--detail table tr td { padding: 15px 20px; color: var(--black);  font-size: 22px; font-weight: 300; font-family: var(--TTCommon) }
.product--detail table tr:nth-child(even) td { background: #f3f3f3; }
.product--detail table th:nth-child(2) {  width: 200px; }

.brand--other--product .product-category--list { background: #ffffff; grid-template-columns: repeat(3, 1fr); padding: 40px; border: 1px solid #d9d6d6; }
.brand--other--product .product-category--list li  { padding: 0px; display: flex; align-items: center; justify-content: center; border-color: #dddddd; background: transparent;  border-right: 1px solid #d9d6d6;
  border-bottom: 0px solid #d9d6d6;  }
.brand--other--product .product-category--list li  img { height: 200px; width: auto; }
.brand--other--product .product-category--list li:last-child { border-right: none; }
.brand--other--product .product-category--list li:nth-child(4) { border-right:1px solid var(--white); }
.brand--other--product .product-category--list li:nth-child(3), .brand--other--product .product-category--list li:nth-child(6) { border-right: none; }

.brand--name { pointer-events: none; transition: var(--all-medium); color: #2c5b00; text-decoration: underline; text-underline-offset: 3px; font-weight: 300; } 
.brand--name:hover { text-decoration: underline; }

.brand--detail--section .img--bx { background: #f2f2f2; padding: 30px; border-radius: 10px; width: 100%; height: 400px; text-align: center; }
.brand--detail--section .img--bx img { width: auto; margin-left: auto; margin-right: auto; height: 100%; object-fit: contain; }
.brand--detail--section .brand--product--info { padding-left: 30px; }


/* CATEGORY PAGE */

.row.category--list { --bs-gutter-x: 35px; --bs-gutter-y: 40px; }
.category--list > *:nth-last-child(1):nth-child(odd) { grid-column: span 2; justify-self: center; }
.category--list li:last-child { margin-bottom: 0px; }
.category--list li .category--list-in .category--icon--grp { display: flex; align-items: center; }
.category--list li .category--list-in .hero--2 { margin-bottom: 20px; font-size: 32px; font-weight: 300; }
.category--list li .category--list-cont { border: 1px solid #d6d5d5; border-radius: 10px; height: 100%;  } 
.category--list li .category--list-in { padding: 30px 30px; display: flex; height: 100%; border: 1px solid var(--white); transition: var(--all-medium); background: linear-gradient(-135deg, rgba(124, 168, 83, 0.6) 0%, rgba(218, 231, 207, 0.73) 21%, rgba(233, 240, 226, 0.79) 30%, rgba(236, 242, 230, 0.83) 27%, rgba(255, 255, 255, 0.89) 66%, rgb(231 243 220) 100%); border-radius: 10px; overflow: hidden; }
.category--list li .category--list-in:hover { border: 1px solid var(--green); }
.category--list li .category--list-in .category--img { width: 300px; height: 100%; flex: 0 0 auto; margin-right: 30px; overflow: hidden; border-radius: 10px; }
.category--list li .category--list-in .category--img img { transition: var(--all-medium); }
.category--list li .category--list-in:hover .category--img img { transform: scale(1.08); }
.category--list li .category--list-in .category-text-box { flex: 1; }
.category--list li .category--list-in .category-text-box p { font-size: 17px; }
.category--list li .category--list-cont .icon { display: none; position: absolute; right: 20px; top: 10px; border-radius: 50%; width: 50px; height: 50px; border: 1px solid rgba(124,168,83,0.3); align-items: center; justify-content: center; }
.category--list li .category--list-in .category-text-box .read--more span { color: rgba(0,0,0,0.9); font-size: 16px; font-weight: 300; text-decoration: underline; text-underline-offset: 4px; transition: var(--all-medium); }
.category--list li .category--list-in .category-text-box .read--more svg { width: 13px; height: 13px; transition: var(--all-medium); }
.category--list li .category--list-in .category-text-box .read--more:hover span { color: var(--green); }
.category--list li .category--list-in .category-text-box .read--more:hover svg { transform: rotate(45deg); }

/* GROUP SUB PAGES */
.in-banner.group--banner { height: auto; padding: 100px 100px 40px 100px; display: block; }
.in-banner.group--banner .banner-content { text-align: left; }
.in-banner.group--banner .banner-content .container { max-width: 100%;  }
.in-banner.group--banner .banner-content .bredcrump { justify-content: flex-start; margin-top: 50px; }
.in-banner.group--banner .banner-content .group-banner--text { padding-left: 50px; }
.in-banner.group--banner .banner-content .group-banner--text .hero--1 { font-size: 50px; font-weight: 300; font-family: var(--TTCommon); margin-bottom: 30px; }
.group-company-list { display: flex; }
.group-company-list li { display: flex; min-width: 280px; padding: 0px 40px 0px 0px; margin-right: 40px; align-items: center; border-right: 1px solid rgba(255,255,255,0.2); }
.group-company-list li:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }
.group-company-list li .img--box { width: auto; flex: 0 0 auto; height: auto; margin-right: 15px; display: inline-flex; border-radius: 0px; width: auto; height: 80px; }
.group-company-list li .img--box .svg { width: auto; height: 100%; object-fit: contain; }
.group-company-list li .mission--text .h6 { font-weight: 400; color: var(--white); margin-bottom: 3px; }
.group-company-list li .mission--text p { color: var(--white); margin-bottom: 0px; max-width: 570px; }

.product--section .group--product { background: #f9f9f9; border-radius: 20px; padding: 40px 40px; margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.product--section .group--product  .group---product--bx { display: flex; flex-flow: column wrap; align-items: center; }
.product--section .group--product  .group---product--bx .product--img { width: auto; height: 230px; margin:0px auto 10px auto; flex: 0 0 auto; }
.product--section .group--product  .group---product--bx .product--img svg { width: auto; height: 100%; }
.product--section .group--product li { background: var(--white); border-radius: 10px; padding: 20px 10px; text-align: center; border: 1px solid transparent; transition: var(--all-medium); }
.product--section .group--product  .group---product--bx p { display: none; }
.product--section .group--product li:hover { border: 1px solid var(--green); }

.py--lg.group--partner--section { padding-bottom: 40px; }
.group--partner--section .parner--logo { width: 100%; margin-left: auto; }
.group--partner--section .parner--logo .partner-logos, .group--partner--section .parner--logo { display: flex; justify-content: flex-end; }
.group--partner--section .parner--logo .partner-logos img, .group--partner--section .parner--logo img { width: auto; height: 90px; margin-left: 20px; object-fit: contain; }
.group--partner--section .hero--2 { margin-bottom: 0px; }

.group--contact--section { padding-top: 40px; }
.group--contact--section .information--list { padding-left: 70px; }
.group--contact--section .information--list li .icon { display: flex; flex: 0 0 auto; width: 50px; height: 50px; margin-right: 15px; margin-top: 1px; border: 1px solid #ada4a4; justify-content: center; align-items: center; border-radius: 50%; padding: 10px; }
.group--contact--section .information--list li p { margin-bottom: 0px; }
.group--contact--section .information--list li .icon svg { height: 100%; width: 100%; object-fit: contain; } 
.group--contact--section .information--list li { display: flex; align-items: center; margin-bottom: 15px; }
.group--contact--section .information--list li:last-child { margin-bottom: 0px; }
.group--contact--section .information--list li:first-child { align-items: flex-start; }

.distrubuter--company--cont { width: 100%; background: #f9f9f9; padding: 70px 100px; border-radius: 20px; }
.reach--section .address--list { display: none; }

.group--contact--cont { width: 100%;     background: linear-gradient(145deg, rgba(124, 168, 83, 0.6) 0%, rgba(218, 231, 207, 0.73) 21%, rgba(233, 240, 226, 0.79) 31%, rgba(236, 242, 230, 0.83) 12%, rgba(255, 255, 255, 0.89) 44%, rgba(255, 255, 255, 1) 100%); padding: 40px 60px; border-radius: 20px; }

/* Pramod 404 Page CSS Start */
.error-page {display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, rgba(124, 168, 83, 0.6) 0%, rgba(218, 231, 207, 0.73) 21%, rgba(233, 240, 226, 0.79) 31%, rgba(236, 242, 230, 0.83) 12%, rgba(255, 255, 255, 0.89) 44%, rgba(255, 255, 255, 1) 100%); padding: 180px 0px 130px 0px; }
.error-page h3 {font-size: 200px; color: rgba(0,0,0,0.5); line-height: 1; }
.error--description h4 {font-size: 20px; margin-bottom: 30px; line-height: 1.4; color: rgba(0,0,0,0.8); }
.error-page .btn {padding: calc(var(--gap-sm) / 2 * 3) var(--gap-xl); }


/* partner page */
.partner--list { display: flex; gap: 70px 50px; flex-wrap: wrap; justify-content: center; margin-top: 50px; }
.partner--list li { flex: 0 0 calc(25% - 50px); }
.partner--list li .partner--bx { display: flex; flex-direction: column; align-items: center; text-align: center; background: #F9F9F9; position: relative; }
.partner--list li .partner--bx:after { content: ""; position: absolute; top: -6px; width: 0px; height: 6px; background: #282727; left: 0px; transition: var(--all-medium); }
.partner--list li:hover .partner--bx:after { width: 100%; }
.partner--list li .partner--bx .partner--name { padding: 30px 10px; margin-bottom: 0px; display: flex; align-items: center; }
.partner--list li .partner--bx .partner--logo { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; background: #e5e5e5; }
.partner--list li .partner--bx .partner--logo img { width: 60%; height: auto; object-fit: contain; }

.partner--list li .partner--bx.sen-partner { border-top: 6px solid rgba(0, 153, 242, 0.60); }
.partner--list li .partner--bx.taka-partner { border-top: 6px solid rgba(0, 179, 211, 0.60); }
.partner--list li .partner--bx.taka-agro-partner { border-top: 6px solid rgba(30, 115, 190, 0.60); }
.partner--list li .partner--bx.gold-partner { border-top: 6px solid rgba(43, 140, 54, 0.60); }
.partner--list li .partner--bx.dap-partner { border-top: 6px solid rgba(37, 180, 232, 0.60); }
.partner--list li .partner--bx.nema--partner { border-top: 6px solid rgba(221, 153, 51, 0.60); }
.partner--list li .partner--bx.sit--partner { border-top: 6px solid rgb(84 84 122); }

footer .wpcf7 form .wpcf7-response-output { color: rgba(255, 255, 255, 0.8); }