:root {
  --black: #000000;
  --white: #ffffff;
  --green: #596328;
  --green1: #576200;
  --green2: #256018;
  --green3: #8CC92D;
  --lGreen: #DEFFA4;
  --lGreen1: #EDFFC2;
  --lightYellow: #fefde1;
  --lightYellow1: #FFF1A1;
  --brown: #d08f00;
  --darkBrown: #715a19;
  --darkBrown1: #BA9B3A;
  /**/
  --th1: #EACDA1;
  --th2: #C49E00;
  --th3: #961550;
  --th4: #FFA95C;
  --th5: #6C3772;
  --th6: #72092C;
  --th7: #634430;
  /**/
  --crd1: #8CC92D;
  --crd2: #FF6C6C;
  --crd3: #FFA71A;
  --crd4: #F9EC93;
  --crd5: #3C2528;
  --crd6: #528D00;
  --crd7: #546B00;
}
/**/
.bgTh1, .bgTh1 .tbhtHvrCtnt{
  background-color: var(--th1) !important;
}
.bgTh2, .bgTh2 .tbhtHvrCtnt{
  background-color: var(--th2) !important;
}
.bgTh3, .bgTh3 .tbhtHvrCtnt{
  background-color: var(--th3) !important;
}
.bgTh4, .bgTh4 .tbhtHvrCtnt{
  background-color: var(--th4) !important;
}
.bgTh5, .bgTh5 .tbhtHvrCtnt{
  background-color: var(--th5) !important;
}
.bgTh6, .bgTh6 .tbhtHvrCtnt{
  background-color: var(--th6) !important;
}
.bgTh7, .bgTh7 .tbhtHvrCtnt{
  background-color: var(--th7) !important;
}
/**/
.bgCrd1, .bgCrd1 .tbhtHvrCtnt{
  background-color: var(--crd1) !important;
}
.bgCrd2, .bgCrd2 .tbhtHvrCtnt{
  background-color: var(--crd2) !important;
}
.bgCrd3, .bgCrd3 .tbhtHvrCtnt{
  background-color: var(--crd3) !important;
}
.bgCrd4, .bgCrd4 .tbhtHvrCtnt{
  background-color: var(--crd4) !important;
}
.bgCrd5, .bgCrd5 .tbhtHvrCtnt{
  background-color: var(--crd5) !important;
}
.bgCrd6, .bgCrd6 .tbhtHvrCtnt{
  background-color: var(--crd6) !important;
}
.bgCrd7, .bgCrd7 .tbhtHvrCtnt{
  background-color: var(--crd7) !important;
}

@font-face {
    font-family: 'dffangyuan_stdw7';
    src: url('../fonts/dffangyuan-std-w71-webfont.woff2') format('woff2'),
         url('../fonts/dffangyuan-std-w71-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+4E00-9FFF; /* Chinese characters */
}


* {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
html {
  font-size: 21px;
  scroll-behavior: smooth;
}
body {
  font-family: "Quicksand", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: normal;
  color: var(--green1);
  background-color: #FFFEE9;
  position: relative;
  scroll-behavior: smooth;
}
html[lang="zh-CN"] body{
  font-family: 'dffangyuan_stdw7', "Quicksand", serif;
}
body.home{
  background: url("../images/bodyBG.png") center top no-repeat #FFFEE9;
  background-size: cover;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Quicksand", serif;
  margin: 0;
  padding: 0;
}

html[lang="zh-CN"] h1, html[lang="zh-CN"] .h1,
html[lang="zh-CN"] h2, html[lang="zh-CN"] .h2,
html[lang="zh-CN"] h3, html[lang="zh-CN"] .h3,
html[lang="zh-CN"] h4, html[lang="zh-CN"] .h4,
html[lang="zh-CN"] h5, html[lang="zh-CN"] .h5,
html[lang="zh-CN"] h6, html[lang="zh-CN"] .h6 {
  font-family: 'dffangyuan_stdw7', "Quicksand", serif;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 700;
}
h1,
.h1 {
  font-size: 54px;
  font-weight: normal;
  line-height: normal;
}
h2,
.h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: normal;
}
h3,
.h3 {
  font-size: 36px;
  font-weight: normal;
  line-height: normal;
}
h4,
.h4 {
  font-size: 32px;
  font-weight: normal;
  line-height: normal;
}
h5,
.h5 {
  font-size: 28px;
  font-weight: normal;
  line-height: normal;
}
h6,
.h6 {
  font-size: 24px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
}
p {
  font-family: "Quicksand", serif;
  font-weight: 400;
  font-size: 21px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 24px;
  color: var(--green1);
}
html[lang="zh-CN"] p {
  font-family: 'dffangyuan_stdw7', "Quicksand", serif;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: inherit;
  text-decoration: none;
  transition: all ease 0.3s;
}
a:hover{
  text-decoration: none;
  color: #FFB81C;
}
p a {
  color: inherit;
  text-decoration: inherit;
}

/**/
.txt36{
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt32{
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt28{
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt24{
  font-size: 21px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt20{
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt18{
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt16{
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt14{
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.ttCap{
  text-transform: capitalize;
}
.ttUpper{
  text-transform: uppercase;
}
.ttNone{
  text-transform: none;
}
.fwBold{
  font-weight: 700 !important;
}
.fwSemiBold{
  font-weight: 600 !important;
}
.fwMedium{
  font-weight: 500 !important;
}
.fwNormal{
  font-weight: 400 !important;
}
.fwLight{
  font-weight: 300 !important;
}
.fsItalic{
  font-style: italic !important;
}
strong, b{
  font-weight: 700;
}
.textCenter{
  text-align: center;
}
.textJustify{
  text-align: justify;
}
.fdCol{
  flex-direction: column;
}
.imgCenter img{
  display: block;
  margin: auto;
}
.colorWhite{
  color: var(--white);
}
.colorBlack{
  color: var(--black);
}
.colorGreen{
  color: var(--green);
}
.w_1_3{
  width: 33.33%;
}
.w_2_3{
  width: 66.66%;
}
.w_1_4{
  width: 25%;
}
.w_2_4, .w_1_2{
  width: 50%;
}
.w_3_4{
  width: 75%;
}
.w_1_1{
  width: 100%;
}


/**/
img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}
main {
  min-height: 50vh;
}
.sec{
  position: relative;
}
.container {
  width: 100%;
  max-width: 1366px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.dFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dFlex.inv {
  flex-direction: row-reverse;
}
.dBlock{
  display: block;
}
.dInBlock{
  display: inline-block;
}
.jcCenter{
  justify-content: center;
}
.jcSB{
  justify-content: space-between;
}
.aiCenter{
  align-items: center !important;
}
.aiFS{
    align-items: flex-start !important;
}
input, textarea, button, select {
  font-family: "Maven Pro", sans-serif;
  font-weight: normal;
}
input:focus,
textarea:focus,
button:focus,
select:focus,
.form-control:focus {
  box-shadow: none;
  outline: none;
}
/*Margins-Paddings*/

.m_0{
  margin: 0 !important;
}
.mt_0{
  margin-top: 0 !important;
}
.mb_0{
  margin-bottom: 0 !important;
}
.p_0{
  padding: 0 !important;
}
.pt_0{
  padding-top: 0 !important;
}
.pb_0{
  padding-bottom: 0 !important;
}
.pl_0{
  padding-left: 0 !important;
}
.pr_0{
  padding-right: 0 !important;
}

.mt_4{
  margin-top: 4px;
}
.mb_4{
  margin-bottom: 4px;
}
.pt_4{
  padding-top: 4px;
}
.pb_4{
  padding-bottom: 4px;
}

.mt_6{
  margin-top: 6px;
}
.mb_6{
  margin-bottom: 6px;
}
.pt_6{
  padding-top: 6px;
}
.pb_6{
  padding-bottom: 6px;
}

.mt_8{
  margin-top: 8px;
}
.mb_8{
  margin-bottom: 8px;
}
.pt_8{
  padding-top: 8px;
}
.pb_8{
  padding-bottom: 8px;
}

.mt_10{
  margin-top: 10px;
}
.mb_10{
  margin-bottom: 10px;
}
.pt_10{
  padding-top: 10px;
}
.pb_10{
  padding-bottom: 10px;
}

.mt_12{
  margin-top: 12px;
}
.mb_12{
  margin-bottom: 12px;
}
.pt_12{
  padding-top: 12px;
}
.pb_12{
  padding-bottom: 12px;
}

.mt_14{
  margin-top: 14px;
}
.mb_14{
  margin-bottom: 14px;
}
.pt_14{
  padding-top: 14px;
}
.pb_14{
  padding-bottom: 14px;
}

.mt_16{
  margin-top: 16px;
}
.mb_16{
  margin-bottom: 16px;
}
.pt_16{
  padding-top: 16px;
}
.pb_16{
  padding-bottom: 16px;
}

.mt_18{
  margin-top: 18px;
}
.mb_18{
  margin-bottom: 18px;
}
.pt_18{
  padding-top: 18px;
}
.pb_18{
  padding-bottom: 18px;
}

.mt_20{
  margin-top: 20px;
}
.mb_20{
  margin-bottom: 20px;
}
.pt_20{
  padding-top: 20px;
}
.pb_20{
  padding-bottom: 20px;
}

.mt_24{
  margin-top: 24px;
}
.mb_24{
  margin-bottom: 24px;
}
.pt_24{
  padding-top: 24px;
}
.pb_24{
  padding-bottom: 24px;
}

.mt_28{
  margin-top: 28px;
}
.mb_28{
  margin-bottom: 28px;
}
.pt_28{
  padding-top: 28px;
}
.pb_28{
  padding-bottom: 28px;
}

.mt_32{
  margin-top: 32px;
}
.mb_32{
  margin-bottom: 32px;
}
.pt_32{
  padding-top: 32px;
}
.pb_32{
  padding-bottom: 32px;
}

.mt_36{
  margin-top: 36px;
}
.mb_36{
  margin-bottom: 36px;
}
.pt_36{
  padding-top: 36px;
}
.pb_36{
  padding-bottom: 36px;
}

.mt_40{
  margin-top: 40px;
}
.mb_40{
  margin-bottom: 40px;
}
.pt_40{
  padding-top: 40px;
}
.pb_40{
  padding-bottom: 40px;
}

.mt_44{
  margin-top: 44px;
}
.mb_44{
  margin-bottom: 44px;
}
.pt_44{
  padding-top: 44px;
}
.pb_44{
  padding-bottom: 44px;
}

.mt_48{
  margin-top: 48px;
}
.mb_48{
  margin-bottom: 48px;
}
.pt_48{
  padding-top: 48px;
}
.pb_48{
  padding-bottom: 48px;
}

.mt_52{
  margin-top: 52px;
}
.mb_52{
  margin-bottom: 52px;
}
.pt_52{
  padding-top: 52px;
}
.pb_52{
  padding-bottom: 52px;
}

.mt_56{
  margin-top: 56px;
}
.mb_56{
  margin-bottom: 56px;
}
.pt_56{
  padding-top: 56px;
}
.pb_56{
  padding-bottom: 56px;
}

.mt_60{
  margin-top: 60px;
}
.mb_60{
  margin-bottom: 60px;
}
.pt_60{
  padding-top: 60px;
}
.pb_60{
  padding-bottom: 60px;
}

.mt_64{
  margin-top: 64px;
}
.mb_64{
  margin-bottom: 64px;
}
.pt_64{
  padding-top: 64px;
}
.pb_64{
  padding-bottom: 64px;
}

.mt_68{
  margin-top: 68px;
}
.mb_68{
  margin-bottom: 68px;
}
.pt_68{
  padding-top: 68px;
}
.pb_68{
  padding-bottom: 68px;
}

.mt_72{
  margin-top: 72px;
}
.mb_72{
  margin-bottom: 72px;
}
.pt_72{
  padding-top: 72px;
}
.pb_72{
  padding-bottom: 72px;
}

.mt_76{
  margin-top: 76px;
}
.mb_76{
  margin-bottom: 76px;
}
.pt_76{
  padding-top: 76px;
}
.pb_76{
  padding-bottom: 76px;
}

.mt_80{
  margin-top: 80px;
}
.mb_80{
  margin-bottom: 80px;
}
.pt_80{
  padding-top: 80px;
}
.pb_80{
  padding-bottom: 80px;
}

.mt_84{
  margin-top: 84px;
}
.mb_84{
  margin-bottom: 84px;
}
.pt_84{
  padding-top: 84px;
}
.pb_84{
  padding-bottom: 84px;
}

.mt_88{
  margin-top: 88px;
}
.mb_88{
  margin-bottom: 88px;
}
.pt_88{
  padding-top: 88px;
}
.pb_88{
  padding-bottom: 88px;
}

.mt_92{
  margin-top: 92px;
}
.mb_92{
  margin-bottom: 92px;
}
.pt_92{
  padding-top: 92px;
}
.pb_92{
  padding-bottom: 92px;
}

.mt_96{
  margin-top: 96px;
}
.mb_96{
  margin-bottom: 96px;
}
.pt_96{
  padding-top: 96px;
}
.pb_96{
  padding-bottom: 96px;
}

.mt_100{
  margin-top: 100px;
}
.mb_100{
  margin-bottom: 100px;
}
.pt_100{
  padding-top: 100px;
}
.pb_100{
  padding-bottom: 100px;
}

.mt_104{
  margin-top: 104px;
}
.mb_104{
  margin-bottom: 104px;
}
.pt_104{
  padding-top: 104px;
}
.pb_104{
  padding-bottom: 104px;
}

.mt_108{
  margin-top: 108px;
}
.mb_108{
  margin-bottom: 108px;
}
.pt_108{
  padding-top: 108px;
}
.pb_108{
  padding-bottom: 108px;
}

.mt_112{
  margin-top: 112px;
}
.mb_112{
  margin-bottom: 112px;
}
.pt_112{
  padding-top: 112px;
}
.pb_112{
  padding-bottom: 112px;
}

.mt_116{
  margin-top: 116px;
}
.mb_116{
  margin-bottom: 116px;
}
.pt_116{
  padding-top: 116px;
}
.pb_116{
  padding-bottom: 116px;
}

.mt_120{
  margin-top: 120px;
}
.mb_120{
  margin-bottom: 120px;
}
.pt_120{
  padding-top: 120px;
}
.pb_120{
  padding-bottom: 120px;
}

.mt_250{
  margin-top: 250px;
}
.mb_250{
  margin-bottom: 250px;
}
.pt_250{
  padding-top: 250px;
}
.pb_250{
  padding-bottom: 250px;
}
/**/
.bodyBgImg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.objFitCover img{
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.btn {
  background-color: var(--th7);
  padding: 8px 20px;
  border: 1px solid var(--th7);
  border-radius: 24px;
  text-decoration: none;
  color: white;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.btn:hover, .btn:focus{
  background-color: #FFFEE9;
  color: var(--th7);
  border-color: var(--th7);
}


/**/

header.header {
    position: sticky;
    width: 100%;
    top: 0;
    transition: 0.5s all;
    padding: 16px 0;
    z-index: 99999;
}

header ul.navbar-nav li.nav-item a.nav-link {
    color: #546B00;
    text-transform: capitalize;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px 16px;
    transition: all ease 0.3s;
}

header ul.navbar-nav li.nav-item a.nav-link.dFlex{
  align-items: center;
  gap: 8px;
}
header ul.navbar-nav li.nav-item.current-menu-item a,
header ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #FFB81C;
}

header nav.navbar {
    padding: 0;
}

.dropdown-menu{
    padding: 0;
    border-radius: 0;
    border-color: var(--black);
    background-color: var(--light);
}

header .dropdown-item{
    padding: 12px 16px;
    color: var(--black);
    font-weight: 600;
    transition: all ease 0.3s;
}
header .dropdown-item:focus, header .dropdown-item:hover,
header .dropdown-item.active, header .dropdown-item:active {
    color: var(--white);
    background-color: var(--black);

}
header .dropdown-toggle::after{
    vertical-align: 3px;
}

header.header.sticky_header {
    position: fixed !important;
    top: 0;
    background: #FFFEE9;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 99;
    padding: 10px 0;
    transition: 0.5s all;
}

header.header.sticky_header .logo{
  max-width: 138px;
}
header.header.sticky_header .logoAnimate .logoHS{
  width: 44px;
}


header.header.sticky_header ul.navbar-nav li.nav-item a.nav-link {
    color: var(--green);
}

header.header.sticky_header ul.navbar-nav li.nav-item a.nav-link.active,
header.header.sticky_header ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #FFB81C;
}

header.sticky_header nav.navbar {
    border-bottom: 0 !important;
    transition: 0.5s all;
}

.offcanvas .offcanvas-body {
    align-items: center;
    justify-content: space-between;
}

.logo{
    width: 100%;
    max-width: 148px;
}
.mob_logo .navbar-brand {
    padding: 0;
    margin: 0;
    font-size: 0;
    text-decoration: none;
    white-space: nowrap;
}
.logo .navbar-brand {
    padding: 0;
    margin: 0;
}
.navbar-brand img {
    display: block;
    width: 100%;
}
.navbar-nav {
    align-items: center;
}

header.header button.navbar-toggler {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
}

header.header .navbar-toggler:focus {
    box-shadow: none;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--black);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
}

.offcanvas-header {
    justify-content: end;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}

.offcanvas-start {
    width: 280px;
    height: 100%;
}

.bar1,
.bar2,
.bar3 {
    background-color: var(--green);
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
    display: block;
}

.bar2 {
    width: 20px;
}
.mob_logo{
    display: none;
    max-width: 92px;
}

/************* Header-end *************/

/************* Bannner-start *************/

.homeBnrSec{
  position: relative;
}
.homeBnrImg{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}
.homeBnrImg img{
  margin: auto;
  margin-top: -200px;
}
.homeBnr{
  position: relative;
  z-index: 1;
  padding-bottom: 465px;
}
.homeBnr svg{
  margin-top: -100px;
}
.homeBnr path {
  fill: transparent;
}

.homeBnr text {
  fill: white;
/*  transform: rotate(4.4deg) translateX(76px) translateY(-16px);*/
transform: rotate(12deg) translateX(100px) translateY(-30px);
}
.homeBnrIn{
  position: relative;
}
.homeBnrIn p{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.homeBnrlvs {
    max-width: 85%;
    position: absolute;
    left: 5%;
    top: 10px;
}
.homeBnrBtls{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: -152px;
}
.aaIn{
  align-items: stretch;
  justify-content: space-between;
}
.aaTxt{
  width: 50%;
  background-color: var(--lGreen);
  padding: 166px 96px;
  position: relative;
}
.aaImg{
  width: 50%;
  background: url("../images/aaBg.png") center top no-repeat;
  background-size: cover;
  position: relative;
}
.aaTxtImg1 {
  position: absolute;
  right: 40px;
  top: 20px;
  max-width: 160px;
}
.aaTxtImg2{
  position: absolute;
  right: 40px;
  bottom: 40px;
  max-width: 160px;
}
.aguTxt{
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
}
.aguTxt i{
  text-decoration: none;
  font-style: normal;
  height: 50px;
  display: inline-block;
}
.aguTxt b {
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  position: relative;
  height: 50px;
}
.aguTxt b span {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  animation: move 5s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}
.aguTxt b span strong{
  font-weight: 700;
}

@keyframes move {
0%  { top: 0px; }
25% { top: -50px; }
50% { top: -100px; }
75% { top: -150px; }
}


.homeBnrIn h1{
  display: none;
}


/**/
.aguTxtSlider {
    height:50px;
    overflow: hidden;
}
#listing {
    position: relative;
    top: 0px;
    padding: 0 0 10px 0;

}
#listing li {
    height: 50px;
    margin: 10px 0;
}
/**/



.aaImg1 {
    position: relative;
    width: 70%;
    margin-left: 24px;
    margin-top: 24px;
    z-index: 1;
    border-radius: 40px;
    overflow: hidden;
    height: 220px;
}
.aaImg2 {
    position: relative;
    width: 70%;
    margin-left: 160px;
    margin-top: -90px;
    z-index: 0;
    border-radius: 40px;
    overflow: hidden;
    height: 350px;
}
.aaImg3 {
    position: relative;
    width: 65%;
    margin-left: 84px;
    margin-top: -76px;
    margin-bottom: 32px;
    z-index: 1;
    border-radius: 40px;
    overflow: hidden;
    height: 240px;
}
/**/
.rootBgImg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.rootIn{
  justify-content: flex-end;
  position: relative;
}
.rootTxt{
  width: 50%;
  padding: 84px 48px;
  padding-right: 24px;
  position: relative;
}
.rootLogos {
  max-width: 240px;
}
.odIn{
  background-color: var(--lGreen1);
  padding: 64px 48px;
  position: relative;
}
.odTxt{
  position: relative;
  width: 100%;
  text-align: center;
}
.odTxtIn{
  position: relative;
}
.odTxt p{
  display: block;
  max-width: 700px;
  margin: auto;
}
.odProd {
    justify-content: space-between;
    max-width: 940px;
    margin: auto;
    margin-top: 64px;
}
.odProdIn{
  width: 50%;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.odBgImg {
    position: absolute;
    left: 10px;
    top: -76px;
    width: 100%;
    padding: 0 72px;
}
.tbhtIn{
  background-color: var(--lightYellow1);
}
.tbhtTxt, .tbhtTxtIn{
  position: relative;
  width: 100%;
}
.tbhtTxtIn{
  padding: 64px 48px;

}
.tbhtTxtIn p{
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}
.tbhtBgImg{
  padding: 56px 170px;
  position: absolute;
  left: 0;
  top: 0;
}
.tbhtSubImg1 {
    position: absolute;
    left: 150px;
    top: -60px;
    max-width: 120px;
}
.tbhtSubImg2 {
    position: absolute;
    right: 450px;
    top: -30px;
    max-width: 80px;
}
.tbhtSlider{
  margin-top: 32px;
}
.tbhtBox{
  position: relative;
  padding-top: 60px;
}
.tbhtBoxIn{
  position: relative;
  border-radius: 24px;
  background-color: #FFFEE9;
  padding: 8px;
  height: 360px;
}
.tbhtImg {
    height: 100%;
    max-height: 320px;
    max-width: 90%;
    margin: auto;
    margin-top: -60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.owl-carousel .owl-item .tbhtImg img{
    width: auto;
    height: 100%;
    margin: auto;
}
.tbhtCtnt{
  text-align: center;
}
.tbhtCtnt span{
  display: block;
}
.tbhtHvrCtnt{
  background: url("../images/sdHvrBg.png") left top no-repeat;
  background-size: cover;
  padding: 24px;
  border-radius: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: -60%;
  left: 0;
  right: 0;
  min-height: 50%;
  transition: all ease 0.5s;
}
.tbhtHvrCtnt span{
  display: block;
}
.tbhtBoxIn:hover .tbhtHvrCtnt, .tbhtBoxIn.show .tbhtHvrCtnt{
  bottom: 0;
}
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--th7);
  border: 1px solid var(--th7);
  border-radius: 50%;
  color: white;
  position: absolute;
  top: 50%;
  padding: 15px !important;
}
.owl-carousel .owl-nav button.owl-prev{
  left: -24px;
}
.owl-carousel .owl-nav button.owl-next{
  right: -24px;
}
.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover{
  background-color: #FFFEE9;
}
.owl-carousel .owl-nav button.owl-prev svg, 
.owl-carousel .owl-nav button.owl-next svg{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  fill: white;
}
.owl-carousel .owl-nav button.owl-prev:hover svg, 
.owl-carousel .owl-nav button.owl-next:hover svg{
  fill: var(--th7);
}

.owl-carousel.crdSlider .owl-nav button.owl-prev, 
.owl-carousel.crdSlider .owl-nav button.owl-next{
  background-color: var(--green);
  border: 1px solid var(--green);
}
.owl-carousel.crdSlider .owl-nav button.owl-prev:hover, 
.owl-carousel.crdSlider .owl-nav button.owl-next:hover{
  background-color: #FFFEE9;
}
.owl-carousel.crdSlider .owl-nav button.owl-prev:hover svg, 
.owl-carousel.crdSlider .owl-nav button.owl-next:hover svg{
  fill: var(--green);
}

.hpbIn{
  padding: 64px 120px;
  background-color: var(--crd2);
  align-items: center;
  justify-content: space-between;
}
.hpbImg{
  max-width: 240px;
}
.hpbTxt{
  max-width: calc(100% - 280px);
  padding-left: 72px;
}
.crdIn{
  background-color: #FFF8D7;
  position: relative;
}
.crdSubImg1 {
    position: absolute;
    right: 255px;
    top: -30px;
    max-width: 84px;
}
.crdSubImg2 {
    position: absolute;
    left: 230px;
    top: 270px;
    max-width: 84px;
}
.crdSubImg3 {
    position: absolute;
    right: 250px;
    top: 220px;
    max-width: 25px;
}
.crdSubImg4{
  width: 100%;
  max-width: 25px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
}
.crdIn p {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    position: relative;
}
.hsIn{
  align-items: stretch;
  justify-content: space-between;
}
.hs1{
  width: 25%;
}
.hs1 .hs{
  width: 100%;
}
.hs2{
  width: 75%;
}
.hs{
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  height: 100%;
  padding: 48px 64px;
}
.hs2 li{
  width: 33.33%;
  height: 50%;
}
.hsBox{
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px;
  background: url(../images/sdHvrBg.png) left top no-repeat;
  background-size: cover;
  transition: all ease 0.5s;
}
.hs:hover .hsBox{
  opacity: 1;
  visibility: visible;
}
.hs > img{
  transition: all ease 0.5s;
}
.hs:hover > img{
  opacity: 0;
  visibility: hidden;
}
.dbsIn{
  position: relative;
  padding: 64px 48px;
  background-color: #deffa4;
}
.dbsBgImg{
  margin-top: -50px;
}
.dbsInCtnt{
  position: relative;
}
.dbsLinks{
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.dbsLinks li a{
  align-items: center;
  gap: 24px;
}
.dbsLinks li a img{
  max-width: 48px;
}
.dbsSubImg{
  position: absolute;
  left: 120px;
  top: -40px;
  max-width: 120px;
}
.home .footer {
    background: url(../images/footerBgImg.png) center 40px no-repeat;
    background-size: 80%;
}
.footerWrap{
  padding: 64px 48px;
  align-items: center;
}
.footerLeft, .footerRight{
  width: 50%;
}
.footerLeft{
  justify-content: space-between;
}
.flIn:first-child{
  width: 220px;
  padding-left: 0;
}
.flIn{
  width: calc(100% - 220px);
  padding-left: 40px;
}
.footerLeft ul li{
  margin-bottom: 15px;
  width: 100%;
}
.flSocial{
  margin-top: 36px;
}
.flSocial li a{
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border: 2px solid var(--green);
  border-radius: 32px;
  padding: 8px 24px;
}
.flSocial li a img{
  max-width: 36px;
}
.footerRight{
  justify-content: flex-end;
}
.footerRight > img{
  max-width: 110px;
  animation: logoHS 2s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}
.footerBgImg {
    position: absolute;
    left: 180px;
    top: 30px;
    max-width: 63%;
}
.logoAnimate{
  position: relative;
  overflow: hidden;
}
.logoAnimate .logoHS{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  animation: logoHS 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
@keyframes logoHS {

31% { transform: rotate( 0.0deg) }
34% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
37% { transform: rotate(-8.0deg) }
40% { transform: rotate(14.0deg) }
43% { transform: rotate(-4.0deg) }
46% { transform: rotate(10.0deg) }
49% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
52% { transform: rotate( 0.0deg) }
}
.hsBox h2{
  text-transform: uppercase;
}
/*New CSS For Say Hello Page Start*/
.shContacts{
  max-width: none;
  gap: 36px;
}
.shContacts .odProdIn{
  width: auto;
  text-align: left;
}
.shContacts a img{
  max-width: 32px;
}
.contactMap{
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #FFB81C
}
.contactMap iframe{
  display: block;
  width: 100%;
  height: 400px;
}
.contactForm{
  text-align: left;
}
.contactForm ul{
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.contactForm li{
  width: 50%;
  padding: 15px;
}
.formField .form-label{
  margin-bottom: 8px;
}
.formField input,
.formField select,
.formField textarea{
  font-size: 18px;
  font-weight: normal;
  border-color: var(--green3);
  background-color: rgba(255, 255, 255, 0.4);
}
.formField textarea{
  resize: none;
}
.formField input:focus,
.formField select:focus,
.formField textarea:focus{
  outline: none;
  box-shadow: none;
  border-color: var(--green3);
  background-color: rgba(255, 255, 255, 0.9);
}
.address li b{
  display: block;
}
.shContacts h3{
  align-items: center;
  gap: 8px;
}
.shContacts h3 img{
  max-width: 24px;
}
/*New CSS For Say Hello Page End*/
.site-content{
  margin-top: 56px;
}
.hwi{
  justify-content: flex-start;
  align-items: center;
}
.hwi img{
  width: 48px;
  flex-shrink: 0;
}
.hwi strong{
  width: calc(100% - 48px);
  padding-left: 16px;
}

.wfCtntBlock, .wfImgBlock{
  width: 50%;
}
.wfCtntImgBox_70_30 .wfImgBlock{
  width: 70%;
}
.wfCtntImgBox_70_30 .wfImgBlock{
  width: 30%;
}
/*FAQ CSS*/
.tbhtTxtIn.faqSec {
    background: #FFF8D7;
    padding-top: 64px;
    padding-bottom: 64px;
}
.tbhtTxtIn.faqSec p{
  max-width: none;
}
.faq-drawer {
}

.faq-drawer__content-wrapper {
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__content *{
  font-size: 20px;
}

.faq-drawer__title {
  border-top: var(--green1) 1px solid;
  cursor: pointer;
  display: block;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--green1);
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: auto;
  position: relative;
  right: 6px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

.faq-drawer-wrap .faq-drawer:last-child{
      padding-bottom: 16px;
      border-bottom: var(--green1) 1px solid;
    }

/* OPTIONAL HOVER STATE */
/*.faq-drawer__title:hover { 
  color: #4E4B52  ;
}*/

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.faq-drawer input[type="checkbox"] {
  display: none;
}
/**/


/* FAQ Heading Accordion */
.fd {
}

.fd__content-wrapper {
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.fd__content *{
}

.fd__title {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #ffe5ab;
  transition: all 0.25s ease-out;
}

.fd__title h3 {
    width: calc(100% - 16px);
}

.fd__title::after {
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: var(--brown);
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: auto;
  position: relative;
  right: 6px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

.fd-wrap .fd:last-child{
}

.fd__trigger:checked
  + .fd__title
  + .fd__content-wrapper {
  max-height: 1200px;
}

.fd__trigger:checked + .fd__title{
  border-bottom: 0;
}

.fd__trigger:checked + .fd__title::after {
  transform: rotate(-45deg);
  top: 12px;
  transition: 0.25s ease-in-out;
}

.fd input[type="checkbox"] {
  display: none;
}

/**/


.dw_mob{
  display: none;
}
.flSocial{
  display: flex;
  gap: 16px;
  justify-content: center;
}
.footerLeft ul li{
  width: auto;
  margin: 0;
}
.flSocial li a{
  padding: 8px;
  gap: 0;
  width: 56px;
  height: 56px;
  justify-content: center;
}
.flSocial li a span {
    display: none;
}


/**/

.colorWhite{
  color: var(--white);
}
.colorBlack{
  color: var(--black);
}
.colorOrange{
  color: var(--orange);
}
.colorLY{
  color: var(--lightYellow);
}
.colorBrown{
  color: var(--brown);
}
.colorBrown1{
  color: var(--darkBrown1);
}
.colorGreen2{
  color: var(--green2);
}
.colorGreen3{
  color: var(--green3);
}
.colorPurple{
  color: #613562;
}

.hsBg1{
  background-color: #8cc92d;
}
.hsBg2{
  background-color: #ffa71a;
}
.hsBg3{
  background-color: #5d1927;
}
.hsBg4{
  background-color: #613562;
}
.hsBg5{
  background-color: #f6eb92;
}
.hsBg6{
  background-color: #ba9b3a;
}
.hsBg7{
  background-color: #e16665;
}

/**/
.hs2 li.hsBg2 h2,
.hs2 li.hsBg2 p {
  color: #ffffff;
}
.hs2 li.hsBg3 h2,
.hs2 li.hsBg3 p {
  color: #faec93;
}
.hs2 li.hsBg4 h2,
.hs2 li.hsBg4 p {
  color: #fea432;
}

.hs2 li.hsBg5 h2,
.hs2 li.hsBg5 p {
  color: #710d2b;
}
.hs2 li.hsBg6 h2,
.hs2 li.hsBg6 p {
  color: #ffffff;
}
.hs2 li.hsBg7 h2,
.hs2 li.hsBg7 p {
  color: #710d2b;
}

.navbar .navbar-nav .let_connect.current-menu-item a, .navbar .navbar-nav .let_connect.current-menu-item a:hover {
  color: #546B00 !important;
}

.odProdIn .address p {
  font-size: 18px;
}