i:before {
  font-size: 24px;
  font-weight: 200;
  width: 24px;
  height: 24px;
  content: " ";
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: -4px;
  margin-left: -4px;
}

.main-video:before {
  background-image: url("../../../../assets/icons/play-solid.svg");
  margin-left: 4px;
  height: 42px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .main-video:before {
    margin-left: 8px;
    height: 22px;
  }
}

.icon-article:before {
  background-image: url("../icons/article-icon.svg");
  transform: translateY(-1.5px);
}

.icon-testimonial:before {
  background-image: url("../icons/article-icon.svg");
  transform: translateY(-2px);
}

.icon-guide:before {
  background-image: url("../../../../assets/icons/icon-guide.png");
}

.icon-video:before {
  background-image: url("../icons/video-icon.svg");
  /*opacity: 0.5;*/
  background-position: center;
  width: 20px;
  height: 20px;
  transform: translate(2px, -2px);
  margin-right: -1px;
}
.single_hub_blk .icon-video:before {
  transform: translate(2px, -3px);
}

.hero_img_inner_content {
  max-width: 30vw;
  margin-bottom: 1%;
  padding: 0 4px;
  position: relative;
  bottom: 118px;
  max-height: 105px;
  left: 20vw;
}
@media (max-width: 768px) {
  .hero_img {
    display: flex;
    justify-content: end;
    padding-bottom: 25px;
    object-fit: cover;
    max-height: 725px;
    min-height: unset;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    max-width: 1060px;
  }
}

.hero_img_inner_content h3 {
  font-size: 1.5vw;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
}

.hero_img_inner_content p {
  font-size: 1vw;
  color: #fff;
  margin-bottom: 0;
}

.hero-content {
  margin-top: 200px;
  max-width: 42%;
  width: 50%;
}

.hero-content h1 {
  font-size: 62px;
  line-height: 1.03;
  max-width: 674px;
  margin: 0;
}

.site-btn {
  background: #00b5d3;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
  height: 50px;
  display: inline-block;
  line-height: 50px;
  width: auto;
  text-align: center;
  border: 1px solid #00b5d3;
  border-radius: 5px;
  padding: 0 20px;
}

.site-btn.borderd-btn {
  background: #fff;
  color: #00b5d0;
  /* margin-top: 40px; */
}

.hero_btn_blk a {
  margin-right: 15px;
}

.hero_btn_blk {
  margin-top: 39px;
}

.hero__area {
  position: relative;
  /*display: flex;*/
  align-items: center;
}

@media (min-width: 768px) and (max-width: 1800px) {
  .hero__area {
    /* margin-bottom: 100px; */
  }
}

@media (min-width: 1900px) {
  .hero__area {
    margin-bottom: 100px;
  }
}

.page-template-ag_home .hero__area {
  align-items: flex-start;
  max-height: 733px;
}

.hero-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
}

@media (max-width: 768px) {
  .hero_img {
    position: absolute;
    right: 0;
    width: 55%;
    background-size: contain !important;
    background-position: top right;
    max-height: 37vw;
  }
}


.hero__area .container {
  max-width: 1550px;
}
.theShape {
  display: none;
  position: absolute;
  z-index: 99999;
  bottom: 0;
  left: 2.5%;
  width: 98%;
}

.hero__area a.site-btn,
.hero__area a.site-btn.borderd-btn {
  transition: all 0.2s;
}

a.site-btn:hover,
a.site-btn:active,
a.site-btn:focus,
a.site-btn.borderd-btn:hover,
a.site-btn.borderd-btn:active,
a.site-btn.borderd-btn:focus {
  background-color: #002846;
  color: #fff;
  border: 1px solid #002846;
}

/* Hero area css end */

/* Brand slider area css start */

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

/* Brand slider area css end */

/*New slider*/

.brand_logo_slider.slick-initialized.slick-slider {
  margin-bottom: 60px;
  padding: 19px;
  height: 100px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.brand_logo_slider.slick-initialized.slick-slider button {
  position: absolute;
  left: 0;
  top: 30%;
  font-size: 40px !important;
  color: #00b5d3 !important;
  background: transparent !important;
  border: 0;
}

.brand_logo_slider.slick-initialized.slick-slider button.slick-next {
  left: auto;
  right: 0;
}

.brand_logo_slider.slick-initialized.slick-slider button i {
  font-weight: 500;
  font-size: 42px;
}

.slick-slide .single_brand_slide img {
  max-width: 172px;
  max-height: 60px;
  height: 65px;
  object-fit: contain;
  object-position: center;
  margin: auto;
}
/* Trials area css start */

.single_trials_blk {
  height: 350px;
  margin-bottom: 25px;
  overflow: hidden;
}

.title-span {
  opacity: 0.6;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 50px;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

.trial_contnet_blk h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.trial_contnet_blk h3 span {
  display: block;
  font-size: 18px;
  opacity: 0.6;
}

.trial_contnet_blk h2 span {
  font-size: 100px;
  display: block;
  font-weight: 200;
  color: #fff;
  line-height: 79px;
  font-family: "DemoNumber";
  position: relative;
  margin-bottom: 8px;
  width: fit-content;
}

.trial_contnet_blk h2 {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  padding-left: 24px;
  width: 185px;
}

.trial_contnet_blk h2 span i {
  position: absolute;
  left: -31px;
  top: auto;
  font-size: 24px;
  bottom: 3px;
  color: #02607e;
}

.trials__area {
  padding: 120px 0;
}

.single_trials_blk img {
  display: block;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  transition: 0.25s all;
}

.single_trials_blk img:hover {
  transform: scale(1.1);
}

/* Trials area css end */

/* News area css start */

.term-info {
  padding-top: 24px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.signle_new_blk{
  word-break: break-word;
}

.coveredText {
  color: #002b46;
  font-family: Inter;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 700;
  margin-top: 16px;
}

.term-title,
.signle_new_blk p.term-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #00b5d3;
  font-family: "Inter", sans-serif;
  max-width: 384px;
}

.news_thumbnail img {
  object-fit: cover;
  border-radius: 5px;
}

.term-info i {
  margin-right: 10px;
  font-size: 20px;
  color: #00b5d3;
  /*opacity: 0.5;*/
}

.product_status h3 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
}

p.term-desc {
  margin-bottom: 0;
}

.signle_new_blk h3 {
  font-size: 32px;
  line-height: 41px;
  font-family: "Inter", sans-serif;
  font-weight: 200;
}

.signle_new_blk p {
  font-size: 18px;
  line-height: 28px;
  color: #002c45;
}

.side_post_inner h5 {
  font-size: 16px;
  color: #00b5d3;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.side_post_inner h3 {
  font-size: 18px;
  color: rgba(0, 44, 69, 0.7);
  font-family: "Inter", sans-serif;
}

.signle_side_post {
  position: relative;
}

.signle_side_post i {
  position: absolute;
  left: 0;
  top: 0;
  color: #00b5d3;
  font-size: 20px;
  /*opacity: 0.5;*/
}

.news_left_blk {
  padding-right: 80px;
}

.news_left_blk {
  padding-right: 80px;
}

.news_left_blk h2 {
  font-size: 48px;
  margin-bottom: 40px;
}

.side_posts_all h2 {
  font-size: 48px;
  margin-bottom: 40px;
}

.side_posts_all .events-post-date {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #00b5d3;
  display: flex;
  gap: 10px;
}

.news__area {
  background: #f2fbfd;
  padding: 70px 0;
  border-top: 1px solid #d4f2f8;
  /*padding-bottom: 70px;*/
}

.news__area a.site-btn {
  background: transparent;
}

/* News area css end */

/*--------------- Subs ara css start ---------------*/

.susb__area {
  background: #083446;
  padding: 64px;
  text-align: center;
  color: #fff;
}

.subs_content_blk h2 {
  font-size: 48px;
  color: #fff;
  font-family: "Demo";
}

.subs_content_blk p {
  font-size: 18px;
  margin-bottom: 40px;
}

.tag_list a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  margin: 0 18px;
}

.tag_list {
  margin-bottom: 40px;
}

.subs_form_inner {
  display: flex;
  justify-content: center;
}

.nice-select {
  float: none;
}

.subs_form_inner input {
  width: 230px;
  padding: 0 16px;
  border-radius: 5px;
  border: none;
  height: 50px;
}

.subs_form_inner .nice-select {
  width: 230px;
  height: 50px;
  border: none;
  margin: 0 24px;
}

.subs_form_inner button {
  width: 194px;
  height: 50px;
  border: none;
  background: #00b5d3;
  color: #fff;
  font-size: 18px;
  border-radius: 5px;
}

.tag_btn_list a {
  font-size: 18px;
  color: #002b46;
  text-decoration: none;
  background: #e3e7ea;
  display: inline-block;
  padding: 9px 21px;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0 8px;
}

.sc_links_wrap {
  display: none;
}

.tag_list a img {
  height: 18px;
}

.tag_button h3 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 24px;
}

.tag_button {
  margin-top: 64px;
  text-align: center;
}

.tag_btn_list a:hover {
  background: #00b5d3;
  color: #fff;
}

.nice-select::after {
  border-bottom: 2px solid #00b5d3;
  border-right: 2px solid #00b5d3;
  content: "";
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 7px;
}

.nice-select {
  cursor: pointer;
  font-family: inherit;
  font-size: 18px;
  font-weight: normal;
  line-height: 50px;
  text-align: left !important;
  white-space: nowrap;
  font-weight: 400;
  color: #002b46;
}

/*--------------- Subs ara css end ---------------*/

/*--------------- Knowladge hub area css start ---------------*/

.knowladge__hub__area {
  padding-top: 70px;
  padding-bottom: 70px;
}

.knowladge__hub__area .section-title p {
  font-size: 18px;
  color: #002c45;
  margin-bottom: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  padding-top: 8px;
}

.knld_buttons a {
  background: #e3e7ea;
  font-size: 18px;
  display: inline-block;
  padding: 5px 11px;
  color: #002b46;
  margin: 0 5px;
  transition: 0.3s;
  border-radius: 5px;
  margin-bottom: 16px;
}
.knowledge-hub-tags-container{
  margin-bottom: 16px;
}

.knld_buttons {
  text-align: center;
  /*margin-bottom: 20px;*/
  /* margin-top: 15px; */
}

.knld_buttons a:hover {
  /* background: #50b2cf; */
  /* color: #fff; */
}

.hub_img {
  height: 500px;
  position: relative;
  overflow: hidden;
}

.hub_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
  transition: 0.5s;
}

.hub_img img:hover {
  transform: scale(1.1);
}

.hub_img .play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 107px;
  height: 107px;
  background: #50b2cf;
  text-align: center;
  line-height: 107px;
  color: #fff;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: 29px;
}

.single_hub_blk_inner {
  position: relative;
}

.hub_top_contnet {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  /* padding: 25px 16px; */
  margin-top: 25px;
}

.hero-content h1 span {
  color: #50b2cf;
}

.hub_top_contnet h3 {
  font-size: 32px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
}

.hub_top_contnet a {
  color: #002b46;
  font-size: 18px;
  padding: 5px 15px;
  display: inline-block;
  background: #e3e7ea;
  border-radius: 5px;
  /* margin-right: 9px; */
  /* margin-bottom: 10px; */
  opacity: 0.8;
}

.hub_top_contnet a:first-child {
  width: 100%;
  background: transparent;
}

.hub_img_thum img {
  object-fit: cover;
  border-radius: 5px;
}

.join-post-date:after {
  content: "";
  width: 91%;
  height: 1px;
  display: block;
  margin-top: 15px;
  border-bottom: 1px solid rgba(0, 43, 70, 0.2);
}

.hub_img_thum {
  position: relative;
}

.hub_img_thum .play {
  width: 45px;
  height: 45px;
  background: #50b2cf;
  display: block;
  text-align: center;
  line-height: 45px;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.single_hub_blk h4 {
  font-size: 18px;
  color: #00b5d3;
  font-family: "Inter", sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
}

.single_hub_blk h4 i {
  margin-right: 3px;
}

.single_hub_blk p {
  font-size: 18px;
  line-height: 28px;
  color: #002c45;
  margin-bottom: 0;
  margin-bottom: 10px;
  /* padding-bottom: 10px; */
}

.single_hub_blk {
  margin-bottom: 20px;
}

.mst_inner h4 {
  font-size: 18px;
  color: #00b5d3;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 6px;
}
.mst_inner p {
  color: #002c45;
  font-size: 18px;
  border-bottom: 1px solid #dce2e5;
  padding-bottom: 18px;
  font-family: Inter;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
}
.most_viewed_blk {
  position: relative;
}

.number_blk {
  position: absolute;
  font-family: Demo;
  font-size: 24px;
  font-weight: 500;
  left: 0;
  top: -7px;
  width: 40px;
  height: 40px;
  background: #012b46;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 50%;
}

.mst_inner {
  padding-left: 55px;
}

.tax-wrap {
  display: block;
  align-items: center;
  /* opacity: 0.5; */
}

.tax-wrap h5 {
  display: inline;
  margin: 0;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #00b5d3;
}
.mst_inner h4 i {
  margin-right: 3px;
  display: inline-block;
}

.side_content_sec h3 {
  font-size: 26px;
  font-family: "Inter", sans-serif;
  margin-bottom: 29px;
}

.kn_hub_slider .slick-track {
  display: flex;
  justify-content: space-between !important;
}

.kn_hub_slider .slick-slide {
  flex-basis: 33%;
}

.kn_hub_slider .slick-slide:not(:last-of-type) {
  margin-right: 24px;
}

.kn_hub_slider .single_hub_blk h4 i {
  margin-right: 0;
}

/*--------------- Knowladge hub area css end ---------------*/

/*--------------- People area css start ---------------*/

.people_slider.slick-initialized.slick-slider button {
  position: absolute;
  left: 0;
  top: 30%;
  font-size: 29px !important;
  color: #00b5d3 !important;
  background: transparent !important;
  border: 0;
}

.people_slider.slick-initialized.slick-slider button.slick-next {
  left: auto;
  right: 0;
}

.people_slider.slick-initialized.slick-slider button i {
  font-weight: 500;
  font-size: 35px;
}

.p_img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: block;
  border-radius: 50%;
}

.p_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.signle_p_slide {
  text-align: center;
}

.signle_p_slide h4 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
  margin-top: 11px;
  padding: 0 14px;
  line-height: 1.56;
}

@media (max-width: 768px){
  .signle_p_slide h4 {
    padding: unset;
  }
}

.signle_p_slide h4 span {
  display: block;
  font-weight: 400;
  color: #698291;
  margin-top: 8px;
}

.people__area .owl-dots {
  display: none;
}

.people__area .owl-nav button {
  position: absolute;
  left: -100px;
  top: 50%;
  transform: translateY(-50%);
}

.people__area .owl-nav button i {
  font-size: 32px;
  color: #50b2cf;
}

.people__area .owl-nav button.owl-next {
  left: auto;
  right: -100px;
}

.number_blk_wrap {
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
}

.number_inner span {
  font-size: 100px;
  color: #00b5d3;
  font-family: "Demo";
  font-weight: 200;
  line-height: 100px;
}

.number_inner p img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.view_all_btn p {
  color: #002b46;
  font-size: 18px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}
.number-title p{
  display: inline-block !important;
}
.number-title p:before{
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  background-image: url("../../../../assets/icons/icl-icon-16x16.png");
  left: -8px;
}
.people__area {
  background: #f8f8f8;
  padding: 70px 0;
}

.people__area p {
  font-family: Inter;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #002c45;
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-word;
  /*text-align: left;*/
}

.people__area .view_all_btn p {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #002c45;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .people__area .view_all_btn p {
    margin-top: -39px;
    margin-bottom: 6px;
  }
}
.people__area .site-btn {
  background: transparent;
}

/*--------------- People area css end ---------------*/

/*--------------- Testomonial area css start ---------------*/

.testimonial_slider {
  display: flex;
  overflow-x: scroll;
  max-width: 900px;
  margin: 0 auto;
  justify-content: center;
}

.testi_img {
  overflow: hidden;
}

.testi_img img {
  /* max-width: 356px; */
  max-height: 384px;
  width: 100%;
  height: 384px;
  object-fit: contain;
}

.testi_content p {
  color: #002c45;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 5px;
}

.testi_content h4 {
  font-size: 18px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-bottom: 9px;
}

.testi_content h5 {
  color: #00b5d3;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  margin-bottom: 4px;
}

.testi_content h5 span {
  display: block;
  color: #486174;
  margin-top: 7px;
}

.testi_content {
  margin-top: 6px;
  padding-left: 40px;
}

@media(max-width: 768px){
  .testimonial_slider{
    justify-content: unset;
    column-gap: 30px;
  }
  .testi_content {
    padding-left: 3px;
  }


  .testi_content p {
    padding-top: 6px;
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002b46;
  }
}

.single_testimonial_slider {
  max-width: 50%;
}


@media (min-width: 768px) {
  .single_testimonial_slider:first-child {
    padding-right: 45px;
  }

  .single_testimonial_slider:last-child {
    padding-left: 45px;
  }
}

.testimonial__area {
  padding-top: 70px;
  padding-bottom: 70px;
}

.testimonial__area .site-btn {
  width: auto;
  padding: 0 25px;
}

.community__area {
  padding: 0;
  padding-bottom: 70px;
  padding-top: 70px;
}

.community__area .row.mt-40 {
  margin-top: 0;
}

.community__area .join_slider {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.community__area .single_hub_blk {
  width: 23.5%;
}
.community__area .join_slide_text p {
  min-height: 67px;
}

.hub_img_thum .ratio img {
  max-width: 282px;
  max-height: 159px;
  object-fit: cover;
}

.wrap-comunity {
  align-items: baseline;
}

.community_content_left h2 {
  font-size: 48px;
}

.community_content_left p {
  color: #002b46;
  font-size: 18px;
}

.community_sc_link p {
  color: #002b46;
  font-size: 18px;
  margin-right: 21px;
  margin-bottom: 0;
}

.sc_links {
  display: flex;
  column-gap: 24px;
}

.community_sc_link {
  display: flex;
  justify-content: end;
}

.wrap-strategy {
  /*margin-bottom: 64px;*/
}

.sc_links a {
  width: 32px;
  height: 32px;
  background: #00b5d3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 32px;
  color: #fff;
  border-radius: 50%;
  transition: 0.3s;
  /* margin-left: 9px; */
}

.sc_bottom_link a {
  color: rgba(0, 44, 69, 0.7);
  font-size: 18px;
}

.sc_bottom_link a i {
  width: 32px;
  height: 32px;
  background: #00b5d3;
  text-align: center;
  line-height: 32px;
  color: #fff;
  border-radius: 50%;
  transition: 0.3s;
  margin-right: 7px;
}

.single_jodin_slide .single_hub_blk {
  margin-bottom: 0;
}

.sc_bottom_link {
  margin-top: 3px;
}

.single_jodin_slide {
  border-bottom: 1px solid #d3dade;
}

.single_jodin_slide p {
  border: none;
}

.single_jodin_slide h4 {
  font-size: 18px;
  font-weight: 700;
  color: #002c45;
  margin-top: 14px;
  margin-bottom: 15px;
}

.des_lef_blk h2 {
  font-size: 48px;
  line-height: 58px;
}

.des_lef_blk p {
  color: #002c45;
  font-size: 18px;
  line-height: 28px;
  padding-right: 50px;
}

.des_lef_blk a {
  width: auto;
  margin-top: 11px;
  padding: 0 25px;
}

.des_right_video {
  position: relative;
  border-radius: 5px;

  display: inline-block;
  overflow: hidden;
}



.des_right_video a i {
  z-index: 99;
  padding-left: 5px;
  width: 75px;
  height: 75px;
  background-color: #00b5d3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hero-content .site-btn {
  width: 194px;
}

.single_jodin_slide p {
  margin-top: 14px;
}

.badge_blk {
  display: flex;
  flex-wrap: nowrap;
  margin-right: 45px;
  column-gap: 32px;
  row-gap: 32px;
}

.badge_blk img {
  max-width: 200px;
  max-height: 120px;
  object-fit: contain;
}

/*--------------- Testomonial area css end ---------------*/

/*--------------- Crop guid css start ---------------*/

.tab_action_img {
  width: 104px;
  height: 104px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  margin-bottom: 8px;

  overflow: hidden;
}

.tab_action_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;

  transition: 0.25s all;
  display: block;
}

.crp_guid_tab_inner ul li button {
  padding: 0;
  width: 134px;
  padding: 18px 0;
  font-size: 18px;
  position: relative;
  color: #002c45;
}

.crp_guid_tab_inner ul li button.active::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 10px;
  background: #f4fbfd;
  content: "";
}

.crp_guid_tab_inner ul li button.active {
  background: #f2fbfd !important;
  border-color: #d7f3f8 !important;
  border-bottom: none !important;
}

#myTabContent {
  background: #f2fbfd;
}

.crp_guid_tab_inner ul {
  border-color: #d7f3f8;
  justify-content: center;
}

.ant-title {
  color: #00b5d3;
  font-size: 32px;
  font-family: "Inter", sans-serif;
}

.single_tab_widget p {
  font-size: 17px;
  line-height: 28px;
  color: #002c45;
}

.single_tab_widget h4 {
  font-size: 18px;
  font-weight: 700;
  color: #002c45;
  font-family: "Inter", sans-serif;
}

.wrap-title-trail {
  display: flex;
  justify-content: space-between;
}

.crop-video-link {
  margin-top: -3px;
}

.crop-video-link .video-link-text {
  border-bottom: 1px solid #002c45;
  /*margin: 0 0 0 61px;*/
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

.crop_guid_area {
  padding-top: 90px;
}

.crop_guid_area p {
  font-family: Inter;
  font-size: 18px;
  color: #002c45;
  margin-bottom: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
}

.crop_guid_area .section-title {
  margin-bottom: 40px;
}

#accordionCropss .accordion-button::after {
  display: none;
}
.lists_blk ul li {
  font-size: 17px;
  color: #002c45;
  margin-bottom: 5px;
}

.lists_blk ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lists_blk ul li img {
  width: 16px;
}

.crop_guid_tab_inner_content {
  padding: 85px 0;
  border-bottom: 1px solid #d7f3f8;
}

.lists_blk {
  margin-top: 27px;
}

.single_tab_widget .single_trials_blk {
  margin-top: 27px;
}

.acr_inner .tab_action_img {
  width: 50px;
  height: 50px;
  margin: 0;
  margin-right: 18px;
}

.acr_inner {
  display: flex;
  align-items: center;
}

.accordion-button {
  padding: 0;
  border: none !important;
  padding-top: 26px;
}

.accordion-button:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.accordion-button[aria-expanded="true"] i.fa-minus {
  display: block;
}

.accordion-button[aria-expanded="false"] i.fa-plus {
  display: block;
}

.acr_inner {
  font-size: 16px;
  color: #002b46;
  font-family: "Inter", sans-serif;
  position: relative;
  padding-left: 47px;
}

.acr_inner i {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.acr_inner i:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 14px;
}

.accordion-item {
  margin-bottom: 25px;
}

.accordion-body {
  background: #f2fbfd;
  border-bottom: 1px solid #d4f2f7;
  border-top: 0 !important;
  padding-top: 24px;
  padding-bottom: 34px;
}

.accordion-button[aria-expanded="true"] {
  background: #f2fbfd;
  border-top: 1px solid #d4f2f7 !important;
  box-shadow: unset;
}

.accordion-item {
  border: none;
}

/*--------------- Crop guid css end ---------------*/

.section-breadcrumb-nav {
  display: none !important;
}

/* Base CSS */

.alignleft {
  float: left;
  margin-right: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0 solid;
}

img {
  max-width: 100%;
  height: auto;
}
/*.rounded-wrapper{*/
/*  max-height: 733px;*/
/*}*/
/*.rounded-wrapper img{*/
/*  width: 100%;*/
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  color: #002c45;
  font-weight: 400;
  font-family: "Demo";
}

body {
  color: #787878;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  height: 2800px;
}

a {
  text-decoration: none;
}

.container {
  /* max-width: 1200px; */
}

/* Brand slider area css start */

.section-title {
  text-align: center;
  margin-bottom: 24px;
}

.section-title h2 {
  margin-bottom: 0;
  font-size: 43px;
  font-weight: 400;
}

.product_slider {
  padding: 80px 0;
}

.brand_slider {
  padding-top: 70px;
  padding-bottom: 70px;
}

.brand_slider.not-first {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

@media (max-width: 768px) {
  .brand_slider {
    padding-bottom: 0;
  }

  .brand_slider.not-first {
    padding-top: 30px !important;
    margin-top: 0;
    padding-bottom: 0 !important;
  }
}


@media (min-width: 1900px) {
  .brand_slider {
    padding-top: 100px;
  }
}

.brand_slider .section-title {
  margin-bottom: 20px;
}

.single_brand_slide {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px;
}

.brand_slider .owl-nav button {
  position: absolute;
  left: -100px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 29px !important;
  color: #00b5d3 !important;
}

.brand_slider .owl-dots {
  display: none;
}

.brand_slider .owl-nav button.owl-next {
  left: auto;
  right: -100px;
}

.brand_slider .view_all_btn {
  /*margin-bottom: 60px;*/
}

@media (max-width: 768px){
  .brand_slider .view_all_btn {
    margin-bottom: 30px;
  }
}

/* Brand slider area css end */

/* Trials area css start */

.single_trials_blk {
  height: auto;
  margin-bottom: 0px;
}
.trials__area .single_trials_blk {
  height: 350px;
  margin-bottom: 25px;
}
.trial_contnet_blk_wrap {
  background: #00b5d3;
  height: 100%;
  padding: 50px 85px 29px 80px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: 5px;
}

.trial_contnet_blk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.trial_contnet_blk h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.trial_contnet_blk h3 span {
  display: block;
  font-size: 18px;
  opacity: 0.6;
  opacity: 0.6;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

.trial_contnet_blk h2 span {
  font-size: 100px;
  display: block;
  font-weight: 200;
  color: #fff;
  line-height: 79px;
  font-family: "DemoNumber";
  position: relative;
  margin-bottom: 8px;
}

.trial_contnet_blk h2 span i {
  position: absolute;
  left: -31px;
  top: auto;
  font-size: 24px;
  bottom: 3px;
  color: #02607e;
}

.trials__area {
  /* padding: 120px 0; */
  padding-top: 70px;
  padding-bottom: 70px;
}

.wrap-trail-carts {
  display: flex;
  column-gap: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.single_trials_blk img {
  height: 100%;
  /*object-fit: fill;*/
  border-radius: 5px;
  width: 100%;
}

/* Trials area css end */

/* News area css start */
.news_thumbnail {
  /*max-height: 350px;*/
  /*max-width: 380px;*/
  overflow: hidden;
  border-radius: 5px;
}

.news_thumbnail img {
  /*max-height: 350px;*/
  /*max-width: 380px;*/
  object-fit: cover;
  border-radius: 5px;
  transition: 0.5s;
}

.news_thumbnail img:hover {
  transform: scale(1.1);
}
.product_status h4 {
  font-size: 18px;
  font-weight: 500;
  color: #00b5d3;
  font-family: "Inter", sans-serif;
  margin-top: 26px;
}

.product_status h3 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
}

.signle_new_blk h3 {
  font-size: 32px;
  line-height: 41px;
  font-family: "Inter", sans-serif;
  font-weight: 200;
}

.signle_new_blk p {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  width: 85%;
}

.product_status h4 i {
  margin-right: 5px;
}

.side_post_inner h5 {
  font-size: 16px;
  color: #00b5d3;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

/* News area css end */

/*--------------- Crop guid css start ---------------*/

.tab_action_img {
  width: 104px;
  height: 104px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  margin-bottom: 8px;
}

.tab_action_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.crp_guid_tab_inner ul li button {
  padding: 0;
  width: 134px;
  padding: 18px 0;
  font-size: 18px;
  position: relative;
  color: #002c45;
}

.crp_guid_tab_inner ul li button.active::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 10px;
  background: #f4fbfd;
  content: "";
}

.crp_guid_tab_inner ul li button.active {
  background: #f2fbfd !important;
  border-color: #d7f3f8 !important;
  border-bottom: none !important;
}

#myTabContent {
  background: #f2fbfd;
  /*min-height: 530px;*/
}

.crp_guid_tab_inner ul {
  border-color: #d7f3f8;
  justify-content: center;
}

.ant-title {
  color: #00b5d3;
  font-size: 32px;
  font-family: "Inter", sans-serif;
}

.single_tab_widget p {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

.single_tab_widget h4 {
  color: #002c45;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}

.crop_guid_area {
  padding-top: 70px;
}

.lists_blk ul li {
  font-size: 17px;
  color: #002c45;
  margin-bottom: 5px;
}

.lists_blk ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lists_blk ul li img {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-right: 4px;
}

.crop_guid_tab_inner_content {
  padding: 85px 0 0 0;
  border-bottom: 1px solid #d7f3f8;
  /*min-height: 530px;*/
  padding-bottom: 70px;
}

.crop_guid_tab_inner_content .col-lg-4:nth-child(2) {
  padding: 0 64px;
}

.single_tab_widget .site-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 40px;
  height: auto;
  padding: 11px 32px 10px;
  /*padding: 15px 32px 14px;*/
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
}

.lists_blk {
  margin-top: 27px;
}

.single_tab_widget .single_trials_blk {
  margin-top: 27px;
}

.acr_inner .tab_action_img {
  width: 50px;
  height: 50px;
  margin: 0;
  margin-right: 18px;
}

.acr_inner {
  display: flex;
  align-items: center;
}

.accordion-button {
  padding: 0;
  border: none !important;
  padding-top: 26px;
}

.accordion-button:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.accordion-button[aria-expanded="true"] i.fa-minus {
  display: block;
}

.accordion-button[aria-expanded="false"] i.fa-plus {
  display: block;
}

.acr_inner {
  font-size: 16px;
  color: #002b46;
  font-family: "Inter", sans-serif;
  position: relative;
  padding-left: 47px;
}

.acr_inner i {
  position: absolute;
  left: 17px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.accordion-item {
  margin-bottom: 25px;
}

.accordion-body {
  background: #f2fbfd;
  border-bottom: 1px solid #d4f2f7;
  border-top: 0 !important;
  padding-top: 24px;
  padding-bottom: 34px;
}

.accordion-button[aria-expanded="true"] {
  background: #f2fbfd;
  border-top: 1px solid #d4f2f7 !important;
  box-shadow: unset;
}

.accordion-item {
  border: none;
}

/*--------------- Crop guid css end ---------------*/
@media (max-width: 768px) {
  .section-global-leader .img-poster,
  .hero_img {
    /* clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      50% 100%,
      51% 100%,
      53% 100%,
      55% 100%,
      57% 100%,
      41% 99%,
      37% 98%,
      35% 97%,
      33% 96%,
      32% 95%,
      31% 94%,
      30% 93%,
      28% 90%,
      26% 86%,
      25% 84%,
      24% 82%
    ); */
    overflow: hidden;
  }
}


.number_single {
  text-align: center;
}

.ag-home-mouse-icon-container {
  padding-top: 108px;
    z-index: 999;
    position: fixed;
}

.ag-home-mouse-icon {
  max-width: 69px;
}

.hero-image-corner-rounder-1,
.hero-image-corner-rounder-2,
.hero-image-corner-rounder-3 {
  display: block;
  width: 120px;
  height: 120px;
  background: white;
  opacity: 1;
  position: absolute;
  z-index: 99;
  border-radius: 50px;
  right: 55.65vw;
  top: 336px;
}

.hero-image-corner-rounder-2 {
  right: 57.9vw;
  top: 333px;
}

.hero-image-corner-rounder-3 {
  right: 62.5%;
  top: 316px;
}

/*.class="single_brand_slide slick-slide slick-active"*/

.single_brand_slide.slick-slide.slick-active {
  display: flex !important;
}
.trial_contnet_blk h4 {
  max-height: 158px;
  font-family: Inter;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 993px) {
  .hero_img_inner_content h3 {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    /* max-width: 215px; */
  }

  .hero_img_inner_content p {
    /* font-size: 11px; */
  }
}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

  .hero-content {
    margin-top: 150px;
    max-width: 574px;
  }
  .hero-content h1 {
    font-size: 50px;
  }
  .brand_logo_slider {
    padding: 0 70px;
  }
  .brand_slider .owl-nav button {
    left: 40px;
  }
  .brand_slider .owl-nav button.owl-next {
    left: auto;
    right: 40px;
  }
  .people_slider {
    padding: 0 70px;
  }
  .people__area .owl-nav button {
    left: 40px;
  }
  .people__area .owl-nav button.owl-next {
    left: auto;
    right: 40px;
  }
  .number_blk_wrap {
    padding: 0 92px;
  }
}

/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
  .hero__area {
    height: 500px;
  }
  .hero-content {
    max-width: 474px;
  }
  .hero-content h1 {
    font-size: 32px;
  }
  .section-title h2 {
    margin-bottom: 24px;
  }
  .brand_logo_slider {
    padding: 0 70px;
  }
  .brand_slider .owl-nav button {
    left: 40px;
  }
  .brand_slider .owl-nav button.owl-next {
    left: auto;
    right: 40px;
  }
  .people_slider {
    padding: 0 70px;
  }
  .people__area .owl-nav button {
    left: 40px;
  }
  .people__area .owl-nav button.owl-next {
    left: auto;
    right: 40px;
  }
  .number_blk_wrap {
    padding: 0 57px;
  }
  .knld_buttons a {
    font-size: 16px;
    padding: 5px 11px;
    margin: 0 3px;
    margin-bottom: 16px;
  }
  .mst_inner p {
    font-size: 15px;
    line-height: 22px;
  }
  .badge_blk img {
    max-width: 96px;
  }
  .badge_blk {
    margin-top: 51px;
  }
  .des_lef_blk h2 {
    font-size: 40px;
    line-height: 57px;
  }
  .community_content_left h2 {
    font-size: 43px;
  }
}

/* MD Device :768px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .theShape {
    position: absolute;
    z-index: 99999;
    top: 64%;
    width: 100%;
    padding-left: 10px;
  }
  .site-btn.borderd-btn {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    /* margin-bottom: 40px; */
  }

  .hero__area {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .hero__area .container-fluid {
    padding: 0 20px;
  }

  .hero-content {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }

  .hero-content h1,
  .hero-content h1 p {
    max-width: 100%;
    width: 100%;
    font-size: 28px;
    line-height: 38px;
  }

  .hero_btn_blk {
    display: flex;
    width: 100%;
  }

  .hero_btn_blk a {
    flex-basis: 50%;
  }

  .brand_slider {
    padding-top: 0px;
  }

  .brand_slider .section-title h2 {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1;
    text-align: left;
  }

  .brand_logo_slider {
    padding: 0 70px;
  }

  .single_brand_slide {
    padding: 10px 20px;
    height: auto;
  }

  .brand_logo_slider.slick-initialized.slick-slider {
    margin-bottom: 10px;
    padding-top: 0;
  }
  .brand_logo_slider.slick-initialized.slick-slider button {
    left: 0;
    padding: 0;
    top: 0;
  }

  .brand_logo_slider.slick-initialized.slick-slider button i {
    font-weight: 400;
    font-size: 24px;
  }

  .brand_logo_slider.slick-initialized.slick-slider button.slick-next {
    left: auto;
    right: 0;
  }

  .slick-slide .single_brand_slide img {
    max-width: 100px;
    max-height: 60px;
    height: 60px;
    width: 100px;
    object-fit: contain;
    object-position: center;
    margin: auto;
  }

  /*Trial area*/

  .trials__area {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .trials__area .row.mt-40 {
    margin-top: 24px;
  }
  .wrap-trail-carts {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    column-gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    width: calc(100% + 40px);
    margin-top: 0;
    margin-bottom: 0;
  }

  .wrap-trail-carts::-webkit-scrollbar {
    display: none !important;
  }

  .col-single_blk:nth-child(2n-1) {
    display: flex;
    flex-direction: column-reverse;
  }

  .col-single_blk:nth-child(2n) {
    display: flex;
    flex-direction: column;
  }
  .single_trials_blk {
    margin-bottom: 0 !important;
    height: 310px;
  }

  .single_trials_img {
    max-height: 100px;
  }
  .single_trials_img img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .trial_contnet_blk_wrap {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 29px 80px 29px 85px;
  }

  .without-precent-in-mobile{
    width: 185px !important;
  }

  .trial_contnet_blk h4 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .people_slider {
    padding: 0 20px;
  }
  .people__area .owl-nav button {
    left: 1px;
  }
  .people__area .owl-nav button.owl-next {
    left: auto;
    right: -1px;
  }
  .number_blk_wrap {
    padding: 0 57px;
  }
  .knld_buttons a {
    font-size: 16px;
    padding: 5px 11px;
    margin: 0 4px;
    margin-bottom: 9px;
  }
  .mst_inner p {
    font-size: 15px;
    line-height: 22px;
  }
  .badge_blk img {
    min-width: 140px;
    margin-bottom: 10px;
    max-width: 177px;
  }
  .badge_blk {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 25px;
  }
  .des_lef_blk h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .community_content_left h2 {
    font-size: 28px;
    width: 97%;
  }
  .hero_img {
    position: unset;
    width: 100%;
    /*min-height: 65vw;*/
    min-height: 271.7px;
    margin-left: 0;
    /*margin-bottom: 0;*/
    margin-bottom: 24.6px;
    padding-bottom: 5px;
  }
  .hero_img img{
    height: 271.7px;
  }
  .hero-content .site-btn {
    width: auto;
    padding: 0 2px;
    margin-right: 8px;
    margin-top: 0;
  }
  .section-title h2,
  .news_left_blk h2,
  .side_posts_all h2 {
    line-height: 1;
    text-align: left;
    margin-bottom: 25px;
  }
  .single_trials_blk img {
    width: 100%;
  }
  .news_left_blk {
    padding-right: 0;
  }

  .brand_slider a.site-btn {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }

  /*Treils area*/

  .trial_contnet_blk h2 span {
    margin-bottom: 8px;
    font-size: 80px;
  }

  .trials__area a.site-btn {
    /* width: 100%; */
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  /*NEWS_AREA*/

  .news__area {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .row.wrap-posts {
    margin-bottom: 40px;
  }

  .news__area a.site-btn {
    /* width: 100%; */
  }

  .news__area .view_all_btn {
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  .news__area .row.wrap-posts {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-bottom: 0;
  }

  .news_thumbnail {
    max-height: 230px;
    max-width: 250px;
    overflow: hidden;
    border-radius: 5px;
  }

  .news_thumbnail img {
    max-height: 230px;
    max-width: 250px;
    object-fit: cover;
    border-radius: 5px;
    transition: 0.5s;
  }

  .term-info {
    padding-top: 24px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }

  .news__area .signle_new_blk h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    width: 100%;
  }

  .news__area .signle_new_blk p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
  }

  .coveredText {
    font-size: 16px;
    margin-top: 8px;
  }

  .side_post_inner h5 {
    margin-bottom: 8px;
  }

  .side_post_inner h3 {
    padding-bottom: 4px;
    font-size: 16px;
  }

  .side_post_inner {
    margin-bottom: 22px;
  }
  .susb__area {
    padding: 50px 0;
  }
  .subs_content_blk {
    text-align: left;
  }
  .subs_content_blk h2 {
    font-size: 28px;
    line-height: 40px;
  }
  .subs_content_blk p {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .tag_list {
    margin-bottom: 40px;
  }
  .tag_list a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin: 0;
    display: block;
    margin-bottom: 12px;
  }
  .subs_form_inner input {
    width: 100%;
    height: 50px;
  }
  .subs_form_inner .nice-select {
    width: 100%;
    margin: 15px 0;
  }
  .subs_form_inner button {
    width: 100%;
    height: 50px;
    font-size: 18px;
  }
  .subs_form_inner {
    display: block;
  }
  .section-title {
    text-align: left;
    margin-bottom: 16px;
  }
  .knld_buttons {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 15px !important;
  }
  .knld_buttons a {
    /* width: 189px; */
    /*max-width: 200px;*/
    flex: 0 0 auto;
    margin-right: 10px;
    /* font-size: 14px; */
    padding: 6px 8px;
    margin-bottom: 0;
  }

  .single_hub_blk_inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .hub_top_contnet {
    position: relative;
    display: none;
    justify-content: center;
    flex-wrap: nowrap;
    overflow: scroll;
    z-index: 1;
    padding: 25px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 9px;
  }

  .hub_top_contnet a {
    display: flex;
    min-width: max-content;
  }

  .hub_top_contnet a:first-child {
    display: none;
  }

  .knowladge__hub__area .hub_top_contnet h3 {
    display: none;
  }

  .hub_top_contnet h3 {
    color: #002c45;
    font-size: 16px;
  }

  .hub_img {
    height: auto;
    position: relative;
  }

  a.post-title-mobi {
    display: block;
    border-bottom: 1px solid #dce2e5;
  }

  .hub_img .play {
    position: absolute;
    left: 50%;
    top: 35%;
    width: 45px;
    height: 45px;
    background: #50b2cf;
    text-align: center;
    line-height: 45px;
    color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    font-size: 17px;
  }
  .number_blk_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0px;
  }
  .number_single {
    max-width: 50%;
    flex: 0 0 50%;
    text-align: center;
    /*margin-bottom: 70px;*/
  }
  .people_slider::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .people_slider {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .testi_img img {
    max-width: 226px;
    margin: 0 auto;
    display: block;
  }
  .community_content_left p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .community_sc_link {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
  }
  .badge_blk {
    margin-right: 25px;
  }
  .hero_img_inner_content {
    max-width: 215px;
    left: 35vw;
    bottom: 22vw;
  }

  .knowladge__hub__area {
    padding: 80px 0;
  }

  .knowledge-hubs-area {
    margin-bottom: 120px;
  }

  .knowladge__hub__area .single_hub_blk {
    min-width: 246px;
    margin-right: 0;
  }

  .knowladge__hub__area .section-title h2 {
    margin-bottom: 0;
  }

  .knowladge__hub__area .hub_top_contnet h3 {
    color: #002c45;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 43, 70, 0.2);
    padding-bottom: 16px;
  }

  .knowladge__hub__area .view_all_btn a {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-left: 0;
    margin-right: 0;
  }

  .knowladge__hub__area .knld_buttons {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .wrap-most_viewed {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .wrap-most_viewed a {
    display: block;
    min-width: 65%;
    margin-right: 16px;
    border-bottom: 1px solid #CCD5DA;
  }

  .wrap-most_viewed .number_blk {
    margin-bottom: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 24px;
    background: #012b46;
    text-align: center;
    line-height: 1;
    color: #fff;
    border-radius: 50%;
  }

  .wrap-most_viewed .mst_inner {
    padding-left: 0;
    /*margin-right: 16px;*/
  }

  .tax-wrap h5 {
    font-size: 16px;
  }

  /* Section people__area */
  .people__area {
    padding: 40px 0;
    margin-bottom: 80px;
  }

  .people__area .section-title p {
    margin-bottom: 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
  }

  .people__area .section-title h2{
    margin-bottom: 8px;
    line-height: normal;
  }

  .people__area .row.mt-30 {
    margin-top: 0;
  }

  .people__area .row.mt-70 {
    margin-top: 0px;
  }

  .people__area .number_inner span {
    display: block;
    font-size: 64px;
    color: #00b5d3;
    font-family: "Demo";
    font-weight: 200;
    line-height: 1;
    margin-bottom: 21px;
  }

  .people__area a.site-btn.borderd-btn {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .number_inner p img {
    width: 25px;
    height: 20px;
    object-fit: contain;
    margin-right: 4px;
    margin-top: 3px;
  }

  .p_img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
  }

  .crop_guid_area {
    /* padding: 0 8px; */
    /* padding-top: 80px; */
  }
  .crop_guid_area .section-title {
    margin-bottom: 0;
  }
  .crop_guid_area .section-title p {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
  }

  .crop_guid_area #accordionExample .accordion-button:after {
    display: none;
  }

  .crop_guid_area #accordionExample .accordion-button {
    transition: all 0.5s;
  }

  .crop_guid_area #accordionExample .accordion-button.collapsed {
    padding-top: 0;
  }

  .testimonial__area {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .single_testimonial_slider {
    padding: 0;
    max-width: unset;
    padding-right: 0;
    width: 64vw;
  }

  .testi_img img {
    max-height: 213px;
    height: 213px;
    /* max-width: 205px; */
    width: 55vw;
    object-fit: contain;
  }

  /* Community area*/
  .community__area .join_slider {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .single_hub_blk {
    min-width: 246px;
    margin-right: 0;
  }

  .community__area .single_hub_blk {
    width: 100%;
  }

  .row.wrap-comunity {
    margin-bottom: 24px;
  }

  .community__area {
    padding: 30px 0;
  }

  .community__area .mt-100 {
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .des_right_video a {
    width: 45px;
    height: 45px;
  }
  .des_right_video a i {
    font-size: 18px;
  }

  .mobile-btn {
    margin-top: 24px;
  }
}

.crops-trial-wrapper {
  display: flex;
  width: 288px;
  max-height: 284px;
  height: auto;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 6px;
  background: #CCF0F6;
}
.crops-trial-wrapper .trial-details-wrapper {
  display: flex;
  height: 148px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.crops-trial-wrapper .trial-title {
  color: #002B46;
  font-family: Demo;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crops-trial-wrapper .trial-date-and-location {
  color: rgba(0, 43, 70, 0.70);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crops-trial-wrapper .percentage-box {
  display: flex;
  height: 79.333px;
  width: 173px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.crops-trial-wrapper .percent-wrapper {
  display: flex;
  align-items: center;
  gap: 1.805px;
  color: #002B46;
  font-family: DemoNumber;
  font-size: 42px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.crops-trial-wrapper .percent-wrapper:before{
  content: '';
  width: 21px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../../single-trial/assets/images/icons/arrow-up-hero.svg");
}
.crops-trial-wrapper .percent-wrapper.down:before{
  background-image: url("../../../single-trial/assets/images/icons/arrow-down-hero.svg");
}
.crops-trial-wrapper .percentage-box-text {
  color: rgba(0, 43, 70, 0.70);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand_logo_slider .fal::before {
  font-size: 55px;
  font-weight: 200;
  height: auto;
  padding-top: 12px;
}

@media (max-width: 768px) {
  .brand_logo_slider .fal::before {
    padding-top: 6px;
  }
}

.fa-arrow-up::before {
  font-size: 33px;
  font-weight: 400;
  position: absolute;
  bottom: 8px;
  color: #002b46;
  opacity: 0.6;
  transform: translate(-2px, -1px);
}

.view-all-corps {
  display: none;
}

.sc_links i:before {
  font-size: 22px;
  margin-top: 5px;
}

.sc_links i.fa-facebook-f:before {
  font-size: 26px;
  /* margin-top: 10px; */
}

@media (max-width: 800px) {
  .knowladge__hub__area .section-title p {
    text-align: left;
    /* font-family: Inter; */
    /* font-size: 16px; */
    /* font-weight: normal; */
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* line-height: 1.56; */
    /* letter-spacing: normal; */
    /* text-align: left; */
    /* color: #002b46; */
  }

  .view_all_btn_container {
    margin-top: 0 !important;
  }

  .accordion-body {
    padding-bottom: 20px;
  }

  .accordion-button.collapsed {
    padding-top: 0px;
  }

  .single_tab_widget .site-btn {
    margin-top: 25px;
  }

  .pre-footer-widgets.feature-area {
    padding: 30px 0;
  }

  .number_single:nth-of-type(odd) {
    text-align: center;
  }

  /*.event_inner .fa-calendar:before {*/
  /*  font-size: 22px;*/
  /*  margin-right: -5px;*/
  /*  margin-left: 2px;*/
  /*  margin-top: 2px;*/
  /*}*/

  .view-all-corps {
    display: none;
    margin-left: 15px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 1.19;
    color: #002b46;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}

@media (max-width: 992px) {
  .crop_guid_area .single_trials_blk.crops {
    display: none;
  }

  .crop_guid_area .crop_guid_mobile_inner_texts .lists_blk {
    margin-top: 15px;
  }
  .crop_guid_area .single_tab_widget .wrap-title-trail h4 {
    margin-top: 10px;
    margin-left: 50px;
  }

  .crop_guid_area .single_tab_widget h4 {
    margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .single_trials_blk {
    margin-bottom: 0 !important;
  }
  .single_tab_widget .lists_blk a {
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002b46;
  }

  .hero_img_inner_content h3 {
    font-size: 14px;
    max-width: 100%;
  }
  .hero_img_inner_content p {
    font-size: 11px;
  }
  .hub_img img {
    width: 100%;
    height: 190px;
  }
  .single_hub_blk h4 {
    margin-top: 18px;
  }
  .mst_inner p {
    border-bottom: unset;
    /*height: 62px;*/
    margin: 0;
  }
  .accordion-button {
    transition: 0s;
  }
  .crop_guid_area p {
    font-weight: bold;
  }
  .des_right_video img {
    min-width: unset;
    min-height: unset;
    object-fit: cover;
    width: 100%;
    /* height: 209px !important; */
  }
}

.crop_guid_area p.mobile-crops-inner-text {
  text-align: left;
}

.des_right_video .video-icon:before {
  background-image: url("../../../../assets/icons/play-solid.svg");
  margin-left: 3px;
}

.single_hub_blk .hub_img_thum .play i.video-icon:before {
  background-image: url("../../../../assets/icons/play-solid.svg");
  margin-left: 6px;
  margin-bottom: 1px;
  /* transform: scale(1.1); */
  }

.brand_slider .site-btn.borderd-btn {
  margin-top: 0;
}
@media (max-width: 1650px) {
  .hero-content h1 {
    max-width: 41vw;
  }
}

@media (max-width: 1200px) {
  .hero-content {
    max-width: 474px;
    margin-top: 110px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .hero__area {
    max-height: 390px;
  }
}



@media (min-width: 768px) and (max-width: 992px) {
  .hero__area {
    max-height: 390px;
  }

  .brand_slider {
    margin-top: 0;
    padding-top: 0px;
  }
}



@media (min-width: 900px) and (max-width: 992px) {
  .brand_slider {
    margin-top: 0;
    padding-top: 60px;
  }
}




@media (max-width: 992px) {
  .hero-content h1 {
    font-size: 28px;
    max-width: unset;
  }

  .ag-home-mouse-icon-container {
    display: none;
  }
  .hero_btn_blk {
    /* width: 500px; */
    margin-top: 24px;
    margin-bottom: 30px;
    row-gap: 18px;
  }
}

@media (max-width: 768px) {
  .brand_slider {
    margin-top: 30px;
  }
  .hero-content {
    margin-top: 0;
    max-width: unset;
  }
}

.nav-link.active {
  pointer-events: none;
}

.crops-main {
  /* margin-right: 7%; */
}

.crop_guid_area .nav-tabs .nav-link {
  transition: 0s;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: center;
  color: #002c45;
  margin:auto;
}
.crop_guid_area .slick-slide {
  height: auto !important;
}

.crop_guid_area .slick-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.crop_guid_area .slick-slide{
  border: 1px solid transparent;
}

.crop_guid_area .slick-slide:has(.nav-link.active){
  background-color: #f2fbfd;
  border: 1px solid transparent;
  border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: unset;
}

.crop_guid_area .crops-title-container:not(.slick-initialized) .nav-link.active{
  background-color: #f2fbfd !important;
  border: 1px solid transparent !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
  border-bottom: 1px solid #f2fbfd !important;
  border-radius: unset !important;
}

.crop_guid_area .crops-title-container:not(.slick-initialized) .nav-link:hover{
  border: 1px solid transparent !important;
  border-color: #dee2e6 #dee2e6 #fff !important;
  border-bottom: 1px solid #f2fbfd !important;
  border-radius: unset !important;

}


.crop_guid_area .slick-slide:hover,
.crop_guid_area .slick-slide:focus{
  border: 1px solid transparent;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.crop_guid_area .nav-tabs .nav-item.show .nav-link, .crop_guid_area .nav-tabs .nav-link.active{
  border: 1px solid transparent !important;
  background-color: unset !important;
}

.crop_guid_area .crops-title-container{
border:unset;
}

.crop_guid_area .nav-tabs .nav-link:focus,
.crop_guid_area .nav-tabs .nav-link:hover{
  border-color:transparent;
}
.crop_guid_area .brand_logo_slider.slick-initialized.slick-slider button {
  position: absolute;
  left: unset;
  top: 10px;
  height: 50px;
  font-size: 20px !important;
  color: #00b5d3 !important;
  background: transparent !important;
  border: 0;
}

.crop_guid_area .single_brand_slide.slick-slide {
  /* background-color: #486174; */
  margin: 4px;
  min-height: 100px;
}

.kn_hub {
  display: flex;
  gap: 24px;
  overflow-x: scroll;
}

.kn_hub .single_hub_blk {
  width: 282px;
}
.slick-crops {
  border-bottom: none;
  /* left: 243px;
  top: 25px; */
}

/* .slick-crops .nav-item.slick-slide.slick-active {
  width: 130px !important;
} */

.crop_guid_area .slick-crops .slick-slide:first-child {
  margin-left: 50px;
}

.crop_guid_area .slick-button {
  border: none;
  background: transparent;
  color: #00b5d0;
}

.crop_guid_area .slick-list.draggable {
}

.crop_guid_area .slick-button .fa-angle-right:before,
.crop_guid_area .slick-button .fa-angle-left:before {
  font-size: 50px;
  padding-bottom: 80px;
}

.crop_guid_area .crops-main-titles-container {
  padding-right: 65px;
  transform: translate(-45px, 0);
}

.crop_guid_area .slick-button .fa-angle-left:before {
  position: absolute;
  bottom: -40px;
  left: -25px;
  z-index: 100;
}

.crop_guid_area .slick-button .fa-angle-left {
  position: absolute;
}

.crop_guid_area .nav-tabs .nav-item.show .nav-link,
.crop_guid_area .nav-tabs .nav-link.active {
  background-color: #f2fbfd;
}

/*.crop_guid_area .slick-track {*/
/*  height: 73px;*/
/*}*/

.crop_guid_area .crops-slick-container {
  min-width: 110%;
}

.crop_guid_area .slick-crops .slick-slide {
  min-width: 130px !important;
}

.single_tab_widget a {
  display: flex;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  word-break: break-word;
}

.trials__area .single_trials_blk,
.single_trial_contnet_blk_wrap:hover {
  cursor: pointer;
}

.single_trials_blk.single_trials_img {
  cursor: auto;
}

.new-hero__area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.new-hero__area .new-hero-content h1 {
  max-width: 675px;
  font-family: Demo;
  font-size: 64px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
}

.new-left-hero {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.new-hero_img_inner_content {
  position: absolute;
  max-width: 545px;
  right: 70px;
  padding-top: 77px;
  bottom: -250px;
}

.new-hero_img_inner_content h3 {
  font-family: Inter;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: red;
  margin-bottom: 0;
}

.new-hero_img_inner_content p {
  font-family: Inter;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.29;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.knowledge-hubs-img {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  object-fit: cover;
  height: 502px;
  border-radius: 5px;
  position: relative;
  background-position: center !important;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .knowledge-hubs-img-contaner {
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    height: 500px;
    margin-bottom: 24px;
    width: 100%;
    /* padding: 0; */
  }
}



@media (max-width: 768px) {
  .video__blk,
  .knowledge-hubs-img {
    height: unset;
    min-height: 189px;
    height: 189px;
  }
  .guides-video-thumbnail-title {
    display: none;
  }
  .video__blk a {
    width: 45px !important;
    height: 45px !important;
  }
}

.guides-video-thumbnail-title {
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  font-family: Inter;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  z-index: 999;
}

.video__blk {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7),
    rgba(43, 43, 43, 0) 50%,
    rgba(0, 0, 0, 0.4)
  );
  display: inline-block;
  overflow: hidden;
}




.video__blk a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


  background: #00b5d3;
  width: 118px;
  height: 118px;
  display: inline-block;
  line-height: 104px;
  border-radius: 50%;
  color: #fff;
  font-size: 37px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoPlaceholder {
  width: 100%;
  height: 315px;
  /* position:absolute; */
}

.videoPlaceholderIcon {
  object-fit: contain;
  position: absolute;
  z-index: 99999;
  width: 180px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 180px;
}

.videoPlaceholderIcon:hover {
  opacity: 0.7;
  transition: 0.2s;
  cursor: pointer;
}

.gna-video-mobile-description {
  display: none;
}

.gna-video-icon {
  color: var(--blue);
}

@media (max-width: 768px) {
  .gna-video-mobile-description {
    display: unset;
    padding-top: 15px;
  }

  .row-posts {
    padding-top: 24px;
    margin-left: 0px;
  }
}

.mobile-video-icon {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

@media (max-width: 768px) {
  .mobile-video-icon{
    display: none;
  }

  .knowledge-hubs-img{
    margin-bottom: 18px;
  }
}

.gna-video-mobile-description .gna-video-title {
  font-family: Inter;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  border-bottom: 1px solid #ebe3e3;
  padding-bottom: 15px;
}

.guides-post-thumbnail-title:hover {
  cursor: pointer;
}

.gna-post-icon:before {
  background-image: url(../../../../assets/icons/icon-article.png);
}

.gna-post-icon:before {
  font-size: 22px;
  font-weight: 200;
  width: 26px;
  height: 26px;
  content: " ";
  background-size: contain;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 4px;
  margin-left: -4px;
}

.award_block {
  position: relative;
}

.award_title {
  display: none;
  position: absolute;
  top: 50%;
  left: calc(50% - 80px);
  width: 50vw;
  padding: 10px;
  border: 1px solid grey;
  border-radius: 3px;
  background: white;
  z-index: 9999;
}

@media all and (min-width: 769px) {
  .award_block:hover .award_title {
    display: block;
    width: 30vw;
  }
}

.view_all_btn_container {
  /*margin-bottom: 64px;*/
}

@media (max-width: 768px) {
  .view_all_btn_container {
    margin-bottom: 80px;
  }

  .crop_guid_area {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .people__area {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
}

.view_all_btn {
  padding-top: 40px;
}

@media (max-width: 768px) {
  .view_all_btn {
    padding-top: 10px;
  }

  .crop_guid_area .section-title {
    padding-left: 8px;
  }

  .crop-mobile-tab-container {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile_crop_guid_design .accordion-item .fal.fa-plus::before,
  .mobile_crop_guid_design .accordion-item .fal.fa-minus::before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin-left: 0px;
  }

  .mobile_crop_guid_design .acr_inner .tab_action_img {
    margin-left: 13px;
  }

  .acr_inner {
    padding-left: 45px;
  }

  .crop_guid_mobile_inner_texts .site-btn.borderd-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    border: solid 1px #00b5d3;
    margin-top: 32px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    padding: 13px 16px 14px 16px;
    height: auto;
  }

  .trial_contnet_blk h2 span:after {
    transform: translate(0px, 8px);
    font-size: 23px;
  }

  .fa-arrow-up::before {
    font-size: 24px;
    transform: translate(7px, 5px);
  }

  .testimonial__area .site-btn {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .community__area .site-btn.borderd-btn {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .kn-mv-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.fa-plus:before,
.fa-minus:before {
  color: #002b46;
}

@media (min-width: 992px) and (max-width: 1366px) {
  .hero-content {
    margin-top: 140px;
    max-width: 40vw;
  }

  .hero-content h1 {
    font-size: 48px;
    margin-right: 0;
    max-width: unset;
    width: unset;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  .hero-content h1 {
    font-size: 46px;
  }
}

@media (min-width: 768px) and (max-width: 870px) {
  .hero-content .site-btn:first-child {
    margin-bottom: 16px;
  }

  .hero-content {
    margin-top: 80px;
    padding-right: 20px;
  }
}

.single_trials_blk.single_trials_img img:hover {
  cursor: pointer;
}


@media (min-width: 768px) {
  .knowladge__hub__area .kn-mv-container {
    padding-right: 0;
  } .knowladge__hub__area .row-posts{
    padding-right: 0;
  }
}

.section-title-with-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 48px;
}

.section-title-with-button .title-subtitle-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 24px;
  margin-bottom: 26px;
}

.section-title-with-button .title-subtitle-container h2 {
  font-family: Demo;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #002b46;
  margin-bottom: 7px;
}

.section-title-with-button .title-subtitle-container p {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #002c45;
}

.section-title-with-button a {
  padding: 15px 32px;
  padding: 15px 32px 14px;
  border-radius: 5px;
  border: solid 1px #00b5d3;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #00b5d3;
}

@media (max-width: 768px) {

}

  .section-title-with-button a {
    display: none;
}

  .section-title-with-button{
    padding-left: 0;
}

  .section-title-with-button .title-subtitle-container{
    padding-left: 8px;
}

  .section-title-with-button .title-subtitle-container h2 {
    font-family: Demo;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
}

  .section-title-with-button .title-subtitle-container p {
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
}


  .ratio-16x9 {
    display: inline-block !important;
    overflow: hidden!important;
    max-width: 282px;
    max-height: 159px;
    object-fit: cover;
    border-radius: 5px;
  }

  .ratio-16x9 img {
    transition: 0.25s all!important;
    display: block!important;

    max-width: 282px;
    max-height: 159px;
    object-fit: cover;
    border-radius: 5px;

  }

  .hub_img_thum .ratio img {
    max-width: 282px;
    max-height: 159px;
    object-fit: cover;
  }

  /*-----------------------------*/
  @media (min-width: 1449px) and (max-width: 1800px) {
    .hero__area {
      height: 550px;
      margin-bottom: 55px;
    }

  }

  @media (min-width: 1900px)  {
    .hero__area {
      height: 600px;
    }
  }

  /*---------------------------------*/

  img.play-icon {
    width: 70px;
    height: auto;
    object-fit: cover;
    /* margin-left: 2px; */
    /* margin-bottom: 5px; */
  }


  .animated-icon{
    z-index: 999;
    position: absolute;
    transition: 0.25s all !important;
    width: 100px !important;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .animated-icon:hover + .animated-img {
    transition: 0.25s all!important;
    transform: scale(1.1)!important;
  }


  .a-animated-icon:hover + .animated-img {
    transition: 0.25s all!important;
    transform: scale(1.1)!important;
  }


.animated-icon:hover  {
  cursor: pointer;
}


.icon-event:before{
  background-image: url("../icons/event-icon.svg");
  /*opacity: 0.5;*/
  width: 18px;
  height: 20px;
  background-position: center !important;
  transform: translateY(-4px);
  margin-right: -1px;
}

.icon-news:before{
  background-image: url("../icons/news-icon.svg");
  /*opacity: 0.5;*/
  width: 22px;
  height: 19px;
  margin-right: -1px;
}
.single_hub_blk .icon-news:before{
  transform: translateY(-3.5px);
}
.icon-tag_results:before{
  background-image: url("../icons/category-icon.svg");
  /*opacity: 0.5;*/
  transform: translate(5px, -3px);
  height: 31px;
  width: 23px;
  margin-right: 4px;
}
.icon-crop:before{
  background-image: url("../icons/crop-icon.svg");
  width: 20px;
  height: 20px;
  /*opacity: 0.5;*/
  margin:0;
  transform: translateY(-4px);
}

.icon-podcast:before {
  background-image: url("../icons/podcast.svg");
  /*opacity: 0.5;*/
}

.icon-trial:before {
  background-image: url("../icons/trial-results-icon.svg");
  width: 18px;
  height: 18px;
  /* opacity: 0.5; */
  transform: translateY(-2px);
  margin-right: 0;
  margin-left: 0;
}

.icon-ebook:before {
  background-image: url("../icons/ebook.svg");
  /*opacity: 0.5;*/
}
.most_viewed_blk:first-child .icon-event:before,
.single_hub_blk:first-child .icon-event:before,
.single_hub_blk:first-child .icon-video:before,
.single_hub_blk:first-child .icon-news:before,
.single_hub_blk:first-child .icon-ebook:before,
.single_hub_blk:first-child .icon-podcast:before,
.single_hub_blk:first-child .icon-article:before,
.single_hub_blk:first-child .icon-testimonial:before{
  margin-left: 0px;
}
@media (max-width: 768px) {
  .wrap-most_viewed a:first-child i.icon-article:before,
  .wrap-most_viewed a:first-child i.icon-ebook:before,
  .wrap-most_viewed a:first-child i.icon-testimonial:before,
  .wrap-most_viewed a:first-child i.icon-video:before,
  .wrap-most_viewed a:first-child i.icon-podcast:before {
    margin-left: -2px;
  }
  .wrap-most_viewed a:first-child i.icon-crop:before,
  .wrap-most_viewed a:first-child i.icon-news:before {
    margin-left: 0px;
  }
}

.single_hub_blk .icon-article:before{
  transform: translateY(-3px);
}
.single_hub_blk .icon-event:before{
  transform: translateY(-4px);
}
.most_viewed_blk .icon-news:before {
  margin-right: -3px;
  transform: translateY(-3px);
}
.term-info .icon-news:before{
  margin-right: -4px;
  transform: translateY(-3px);
}
@media (max-width: 768px){
  .most_viewed_blk .icon-article:before{
    transform: translateY(-2px);
  }
}

/*@media (max-width: 768px){*/
/*  .icon-event:before{*/
/*    transform: translateY(-5px);*/
/*  }*/
/*}*/

a.venobox.vbox-item:hover {
  transform: scale(1.1) translate(-45%, -45%);
  transition: 0.35s;
}

.wrap-most_viewed a.venobox.vbox-item:hover {
  transform: unset;
}

@media (min-width: 980px)and (max-width: 1200px) {
  .brand_slider {
    /* padding-top: 220px; */
  }
}


@media (min-width: 992px) {
  .hero-content-wrapper {
    /*height: 37vw;*/
    position: relative;
    z-index: 9;
  }
}

.rich-text {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding-top: 70px;
  margin-bottom: 70px;
}

@media(max-width: 768px){
  .rich-text {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}

.rich-text-detail {
  font-family: Inter;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
}

.rich-text-title {
  font-family: Demo;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #002b46;
  margin-bottom: 8px;
}

@media only screen and (min-width: 320px) and (max-width: 767px){
  .rich-text-title {
    font-size: 28px;
    line-height: 38px;
  }

  .rich-text-detail > p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (max-width: 768px) {
  .knowledge-hub-tags-container {
    margin-bottom: 0;
  }
}

.join_slide_text .fa-instagram:before {
  margin-bottom: 7px;
}

.join_slide_text .fa-facebook-f:before {
  margin-bottom: -1px;
  font-size: 25px;
}

.join_slide_text .fa-linkedin-in:before {
  margin-bottom: 6px;
}

.join_slide_text .fa-twitter:before{
  margin-bottom: 6px;
  font-size: 19px;
}


.join-post-date {
  font-family: Inter;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #002c45;
  padding-top: 16px;
}

.sc_bottom_link a {
  font-family: Inter;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0, 44, 69, 0.7) !important;
}

.join-image-container {
  max-width: 100%;
  width: 100%;
}

.hub_img_thum .ratio img.join-image {
  max-width: 100%;
  width: 100%;
}

.join_slide_text {
  padding-top: 7px;
}

.join-item-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-social-links {
  display: none;
}

.join-content-wrapper {
  /*margin-bottom: 140px;*/
}

.people_slider{
  display: flex;
  justify-content: center;
  column-gap: 80px;
}

@media (max-width: 768px) {
  .desktop-social-links {
    display: none;
  }

  .mobile-social-links {
    display: unset;
  }

  .join-content-wrapper {
    /*margin-bottom: 60px;*/
  }

  .community__area .join_slide_text p {
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002b46;
  }

  .sc_bottom_link a {
    /* opacity: 0.5; */
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    /* color: #002b46 !important; */
  }

  .join-post-date {
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002b46;
  }

  .join-post-date:after {
    width: 100%;
  }

  .sc_links {
    column-gap: 16px;
  }

  .people_slider{
    justify-content: flex-start;
    column-gap: 40px;
    margin: 0;
    overflow-y: hidden;
    overflow-x: scroll;
    width: calc(100% + 40px);
    padding-left: 20px;
    margin-left: -20px !important;
    margin-bottom: 72px !important;
    margin-top: 0px !important;
  }

  .signle_p_slide h4 span{
    opacity: 0.5;
    font-family: Inter;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #002c45;
  }
}

.people_slider.slick-initialized.slick-slider button i.fa-angle-left:before,
.people_slider.slick-initialized.slick-slider button i.fa-angle-right:before{
  font-size: 64px;
}

.people_slider.slick-initialized.slick-slider button.slick-prev.slick-arrow{
  transform: translate(-80px, -28px);
}

.people_slider.slick-initialized.slick-slider button.slick-next.slick-arrow{
  transform: translate(80px, -27px);
}

@media (max-width: 1300px) {
  .people_slider.slick-initialized.slick-slider button.slick-prev.slick-arrow{
    transform: translate(-30px, -23px);
  }

  .people_slider.slick-initialized.slick-slider button.slick-next.slick-arrow{
    transform: translate(30px, -23px);
  }
}

.testimonial__area .section-title h2{
  font-family: Demo;
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #002b46;
}

@media (max-width: 768px) {
  .testimonial__area .section-title h2{
    font-family: Demo;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
  }

  .testi_content h5{
    font-size: 16px;
    margin-bottom: 6px;
  }

  .people-numbers-wrapper{
    margin-top: 50px;
  }


}

/* after 08.11 */


@media (max-width: 768px) {
  /* make knowledge bub slider font size correct*/

  .single_hub_blk p {
    font-size: 16px;
  }

  .view_all_btn_container {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* make news and event show all correct size */

  .news__area a.site-btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.side_post_inner {
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
}

@media (max-width: 768px){
  .side_post_inner {
    padding-left: 28px;
  }
}

.events-post-date .event_inner {
  width: 18px;
  height: 20px;
}

.side_post_inner h3 {
  border-bottom: 2px solid #d1dfe5;
}

/* fixing event margin top */

@media (min-width: 768px) and (max-width: 991px) {
  .side_posts_all {
    margin-top: 24px;
  }
}

/* section titles are invalid font size */

.section-title h2 {
  font-size: 48px;
}

.people__area p {
  margin-top: 6px;
  font-weight: normal;
}

.people_slider {
  margin: 46px auto;
  margin-bottom: 83px;
}


/* making our team text bold */

.number_inner p {
  font-size: 20px;
  font-weight: bold;
  color: #002b46;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .number_inner p {
    font-size: 16px;
    font-weight: bold;
    margin-right: 12.5px;
    margin-top: 0px;
    margin-bottom: 86px
  }

  .section-title h2,
  .news_left_blk h2,
  .side_posts_all h2 {
    font-size: 28px;
  }
}

.community_content_left h2 {
    margin-bottom: 8px;
}

.community_content_left p {
  margin-bottom: 40px;
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .trial_contnet_blk.crops_trial_block.mini_blk {
    margin-left: 48px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .wrap-title-trail > h4 {
    display: none;
  }
}

/*@media only screen and (max-width: 767px) and (min-width: 0px) {*/
/*  .mst_inner {*/
/*    border-bottom: 1px solid #CCD5DA;*/
/*  }*/
/*}*/

/* view all button margins on mobile */
@media only screen and (max-width: 768px) and (min-width: 0px) {
  .knowladge__hub__area  .view_all_btn_container {
    margin-bottom: 0;
  }

  .knowladge__hub__area {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.rich-text-detail ul {
  list-style: disc;
  padding-left: 40px;
}

/*
 news and events block making pixel perfect 15-11-22
*/

.news_thumbnail, .news_thumbnail img {
  max-width: 384px;
  max-height: 352px;
}

.term-info i{
  opacity: 1;
  margin-right: 12px;
  margin-left: 4px;
}

.news_left_blk .term-info i {
  margin-right: 10px;
}

.news_left_blk .icon-article:before{
  transform: translateY(-3px);
}

.news-single {
  margin-right: -12px;
}

@media (min-width: 768px) {
  .news-single {
    margin-bottom: 64px;
  }
}

.signle_new_blk h3 {
  margin-bottom: 12px;
  margin-top: -7px;
  max-width: 384px;
  width: 85%;
}


/*.icon-trial:before {*/
/*  transform: scale(0.7) translateY(-2px);*/
/*}*/

.icon-ebook:before {
  transform: translateY(-1px);
  width: 25px;
  margin-right: -3px;
}
.single_hub_blk .icon-ebook:before {
  transform: translateY(-3px);
}

.events-post-date {
  margin-left: 3px;
  margin-bottom: 1px;
}

.side_post_inner h3 {
  padding-bottom: 13px;
  padding-left: 0;
  line-height: 27px;
}

@media (min-width: 992px) {
  .news-button {
    position: absolute;
    bottom: 70px;
    padding-top: 0;
  }

  .news_left_blk .news-button {
    position: unset;
  }

  .news-button .site-btn {
    padding: 0 23px;
  }
}

.event_inner .fa-calendar:before{
  transform: translate(1px, -3px);
  content: '';
  background-image: url("../icons/event-icon.svg");
  width: 18px;
  height: 20px;
  margin-left: 0;
}

.mobile-crops-right-button{
  display: none;
}

.slick-slide .single_brand_slide img {
  max-width: 172px;
  max-height: 60px;
  height: 65px;
  object-fit: contain;
  object-position: center;
  margin: auto;
}

@media (min-width: 768px) {
  .crops-right-button, .crops-right-button:focus, .crops-right-button:focus-visible {
    border-radius: 5px;
    border: solid 1px #00b5d3;
    background-color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #00b5d3;
    height: fit-content;
    padding: 11px 32px;
    margin-bottom: 15px;
  }

  .crops-right-button:hover{
    background-color: #002846;
    color: #fff;
    border: 1px solid #002846;
  }


  .crops-right-button:hover{
    background-color: #002846;
    color: #fff;
    border: 1px solid #002846;
  }

  .crop_guid_area .section-title.including-button{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 32px;
  }

  .crops_title_wrapper.including-button * {
    text-align: left;
  }

  .crops_title_wrapper.including-button h2{
    margin-bottom: 7px;
  }
}

@media (max-width: 768px){
  .crops-right-button{
    display: none;
  }

  .mobile-crops-right-button{
    display: block;
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color:#00b5d3;
    text-decoration: underline;
    text-underline-offset: 2px;
    padding-left: 23px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .slick-slide .single_brand_slide img {
    max-width: -webkit-fill-available;
    max-height: 45px;
    height: 45px;
    width: auto;
    object-fit: contain;
    object-position: center;
    margin: auto;
  }
}


@media only screen and (min-width: 1450px) and (max-width: 1580px) {
  .brand_slider{
    /*padding-top: 200px;*/
  }
}

.mobile-all-crops-link{
  display: none;
}

@media (max-width: 758px) {
  .mobile-all-crops-link{
    display: block;
    font-family: Inter;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #00b5d3;
    margin-left: 24px;
    margin-bottom: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}

@media (min-width: 768px){
  .page-template-ag_home .hero__area{
    display: flex;
  }
  .hero_img {
    position: relative;
    width: 130%;
    display: block;
  }

  .hero-content{
    max-width: unset;
    width: unset;
  }

  .hero-content-wrapper{
    margin-left: 160px;
  }
}

@media (min-width: 768px) and (max-width: 1460px) {
  .hero-content-wrapper{
    margin-left: 9vw;
  }
}

/*@media (min-width: 2300px) {*/
/*  .hero__area {*/
/*    margin-bottom: 150px;*/
/*  }*/
/*}*/

/*@media (min-width: 2400px) {*/
/*  .hero__area {*/
/*    margin-bottom: 200px;*/
/*  }*/
/*}*/

/*@media (min-width: 2600px) {*/
/*  .hero__area {*/
/*    margin-bottom: 260px;*/
/*  }*/
/*}*/

/*@media (min-width: 2800px) {*/
/*  .hero__area {*/
/*    margin-bottom: 320px;*/
/*  }*/
/*}*/


/*@media (min-width: 3000px) {*/
/*  .hero__area {*/
/*    margin-bottom: 420px;*/
/*  }*/
/*}*/

@keyframes hero-section-animation {
  0%   {opacity: 0;transform: translateY(40px);}
  50%   {opacity: 0;transform: translateY(40px);}
  100% {opacity: 1;transform: translateY(0px);}
}

@keyframes hero-section-animation-delayed {
  0%   {opacity: 0;transform: translateY(40px);}
  50%   {opacity: 0;transform: translateY(40px);}
  100% {opacity: 1;transform: translateY(0px);}
}

.lobby-main-title-animation{
  animation-name: hero-section-animation;
  animation-duration: 1s;
}

.lobby-main-title-animation-delayed{
  animation-name: hero-section-animation-delayed;
  animation-duration: 2s;
}

@media (max-width: 768px) {
  .trial_contnet_blk .title-span{
    margin-bottom: 30px;
  }

  .knld_buttons a:first-child {
    margin-left: 0;
  }

  .gravity-form-container .gform_footer.top_label{
    margin-bottom: 0 !important;
  }
  .events-post-date {
    margin-left: 0;
  }
  .term-info .icon-news:before {
    transform: translateY(-3px);
  }
  .event_inner .fa-calendar:before {
    transform: translate(2px, -4px);
  }
  .icon-video:before {
    transform: translate(2px, -4px);
  }
  .single_hub_blk .icon-video:before {
    transform: translate(2px, -3px);
  }
  .most_viewed_blk .icon-news:before {
    transform: translateY(-4px);
  }
  .icon-trial:before {
    transform: translateY(-3.5px);
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .hero__area {
    display: flex;
    flex-direction: column-reverse;
  }
}

/*digital tools block start*/
.digital_tools__area {
  padding: 70px 0;
}
.one-item-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
  align-items: center;
  justify-content: center;
}
.two-items-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
}
.one-item-section-title {
  max-width:99%;
}
.two-items-section-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 898px;
}
@media (min-width: 769px) {
  .one-item-section-title,
  .two-items-section-title{
    padding: 10px;
    /*width: 530px;*/
  }
  .one-item-wrapper {
    padding: 0 20px;
    justify-content: space-between;
  }
  .one-item-wrapper .row {
    width: 60%;
  }
  .one-item-wrapper .calculator-item{
    width: 414px !important;
  }
  .two-items-wrapper .explore-calculators-btn{
    margin-top: 24px;
  }
  .two-items-section-title h2 {
    text-align: center;
  }
}
.one-item-section-title h2,
.two-items-section-title h2{
  line-height: 1.21;
  font-size: 48px;
  color: #002B46;
  margin-bottom: 16px;
}
.one-item-section-title p,
.two-items-section-title p{
  line-height: 28px;
  font-size: 18px;
  color: #002B46;
  margin-bottom: 0px;
}
.one-item-section-title p{
  margin-bottom: 40px;
}
/*menu links*/
.calculators-menu-links {
  margin-top: 16px;
  display: flex;
  align-items: center;
  column-gap: 49px;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 16px;
  max-width: 898px;
}
.calculators-menu-links div {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #00B5D3;
  display: flex;
  cursor: pointer;
  position: relative;
}
.calculators-menu-links div a{
  padding-left: 26px;
}
.calculators-menu-links .unit_converter:before{
  background-image:  url("../../../digital-tools/converter-page/assets/digital-tool-icon.svg");
  position: absolute;
  /*top: 2px;*/
  left: 0;
  transform: translateY(-2px);
  color:#00B5D3 ;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.calculators-menu-links .crf_timer:before {
  background-image:  url("../../../digital-tools/crf-timer/assets/timer-small-icon.svg");
  position: absolute;
  transform: translateY(-3.5px);
  color:#00B5D3 ;
  width: 25px;
  height: 25px;
}
.calculators-menu-links .pekacid:before {
  background-image:  url("../../../digital-tools/pekacid-calculator/assets/icons/pekacid-small.svg");
  position: absolute;
  transform: translateY(-3.5px);
  color:#00B5D3 ;
  width: 24px;
  height: 24px;
}

.one-item-wrapper .explore-button-two {
  display: none;
}
.explore-calculators-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width:337px;
  height: 52px;
  padding: 10px;
  /*margin: 10px;*/
  border-radius: 5px;
  border:  1px solid #00B5D3;
  text-align: center;
  line-height: 19px;
  color: #00B5D3;
  font-size: 18px;
}
.explore-calculators-btn:hover{
  background-color: #002846;
  color: #fff;
  border: 1px solid #002846;
}
.two-items-wrapper .calculators-section {
  display: flex;
  flex-direction: row;
  column-gap: 40px;
}
.calculator-item {
  display: block;
  width: 580px ;
  height: 311px;
  padding: 35px;
  border-radius: 5px;
  background-color: rgba(0, 181, 211, 0.1);
  overflow: hidden;
}
.calculator-item div {
  font-weight :600;
  font-size: 24px;
  line-height: 26px;
  color: #002B46;
  margin-bottom: 16px;
}
.calculator-item p {
  font-size: 20px;
  line-height: 28px;
  color: #002B46;
}
.calculator-item .unit_converter:before{
  background-image:  url("../../../digital-tools/converter-page/assets/digital-tool-new-icon.svg");
  width: 38px;
  height: 38px;
  /*position: relative;*/
  /*left: 8px;*/
  /*top: 4px;*/
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
}
.calculator-item .crf_timer:before{
  background-image:  url("../../../digital-tools/crf-timer/assets/timer.svg");
  width: 38px;
  height: 38px;
  margin-left: -2px;
  margin-right: 0;
  margin-bottom: 24px;
}
.calculator-item .pekacid:before{
  background-image:  url("../../../digital-tools/pekacid-calculator/assets/icons/pekacid-big.svg");
  width: 38px;
  height: 38px;
  margin-left: -2px;
  margin-right: 0;
  margin-bottom: 24px;
}
/*slider*/
.calculators_slider.slick-initialized.slick-slider {
  position: relative;
  display: flex;
  justify-content: center;
}
.calculators_slider .slick-list.draggable{
  margin-right: -40px;
  /*max-width: 907px !important;*/
}
.calculators_slider.slick-initialized.slick-slider button {
  font-size: 40px !important;
  color: #00b5d3 !important;
  background: transparent !important;
  border: 0;
  /*display: flex;*/
  /*align-items: center;*/
  position: absolute;
  left: -58px;
  top: 37%
}
.calculators_slider.slick-initialized.slick-slider button.slick-next {
  left: auto;
  right: -58px;
}
@media (max-width: 1200px) {
  .calculators_slider.slick-initialized.slick-slider button.slick-prev {
    left: -30px;
  }
  .calculators_slider.slick-initialized.slick-slider button.slick-next {
    right: -30px;
  }
}
.calculators_slider .slick-slide{
  margin-right: 40px;
}
.calculators_slider.slick-initialized.slick-slider button i {
  font-weight: 500;
  font-size: 42px;
}
.calculators_slider .fal::before {
  font-size: 50px;
  font-weight: 200;
  height: auto;
}
@media (max-width: 768px) {
  .digital_tools__area {
    padding: 30px 0;
  }
  .two-items-wrapper,
  .one-item-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .one-item-section-title,
  .two-items-section-title{
    width: 100%;
    padding-top: 10px;
    align-items: flex-start;
  }
  .one-item-section-title h2,
  .two-items-section-title h2{
    line-height: 1.36;
    font-size: 28px;
    color: #002B46;
    margin-bottom: 8px;
  }
  .one-item-section-title p {
     margin-bottom: 0px;
  }
  /*menu links*/
  .calculators-menu-links {
    margin-top: 30px;
    row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .calculators-menu-links div {
    min-width: calc(50% - 24.5px);
    max-width: calc(50% - 24.5px);
  }
  /*.calculators-menu-links div a {*/
  /*  left: 16px;*/
  /*}*/
  /*.calculators-menu-links .unit-converter-for,*/
  /*.calculators-menu-links .precipitation-units-converter,*/
  /*.calculators-menu-links .grain-weight-calculator{*/
  /*  right: -4px;*/
  /*}*/
  .explore-button-one{
    display: none;
  }
  .explore-button-two{
    width: 100%;
  }
  .explore-calculators-btn {
    width: 100%;
  }
  .one-item-wrapper .explore-button-two {
    display: block;
  }
  .two-items-wrapper .calculators-section {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }
  .two-items-wrapper .calculators-section,
  .one-item-wrapper .calculators-section {
    width: 100%;
  }
  .calculator-item {
    display: block;
    width: 100% !important;
    height: 226px;
    padding: 12px;
  }
  .calculator-item div {
    font-weight :600;
    font-size: 18px;
    line-height: 26px;
    color: #002B46;
    margin-bottom: 8px;
  }
  .calculator-item p {
    font-size: 16px;
    line-height: 22px;
    color: #002B46;
  }
  .calculator-item .unit_converter:before,
  .calculator-item .crf_timer:before,
  .calculator-item .pekacid:before,
  .calculator-item .precipitation-units-converter:before,
  .calculator-item .grain-weight-calculator:before {
    margin-bottom: 16px;
  }
  .calculators_slider::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .calculators_slider {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .two-items-wrapper .calculators_slider {
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: scroll;
    column-gap: 20px;
    width: calc(100% + 40px);
    padding:0 20px;
  }
  .two-items-wrapper .calculators_slider .calculator-item {
    min-width: 296px !important;
    max-width: 296px !important;
  }
}
/*digital tools block end*/


/*podcast block start*/
.section-podcasts {
  padding: 70px 0;

  .title-subtitle-wrapper{
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-bottom: 40px;
  }
  .title-section-Demo{
    text-align: center;
    margin-bottom: 0;
  }
  .podcasts-subtitle {
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #002c45;
    margin-bottom: 0;
  }
  .podcasts_slider{
    /*overflow-x: hidden;*/
    margin-bottom: 24px;
  }
  .podcasts_slider .slick-track {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: auto;
  }
  .podcasts_slider .slick-slide{
    width:282px !important;
    margin: 0 12px 0 12px ;
  }
  .podcasts_slider button.slick-arrow  i{
    font-weight: 500;
    font-size: 42px;
  }
  .podcasts_slider .slick-arrow{
    background-color: unset !important;
    border: unset;
    color: #00b5d3;
    position: absolute;
  }
  .podcasts_slider .slick-arrow.slick-prev{
    left: -34px;
    top:0;
    height: 159px;
  }
  .podcasts_slider .slick-arrow.slick-next{
    right: -34px;
    top:0;
    height: 159px;
  }
  .podcasts_slider .fal::before{
    font-size: 55px;
    font-weight: 200;
    height: auto;
    padding-top: 12px;
  }
  .podcasts_slider h4{
    opacity: 1;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #00b5d3;
    margin-bottom: 8px;
  }
  .podcasts_slider p{
    font-family: Inter;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #002c45;
    margin: 0;
  }
  .podcasts_slider img{
    width: 282px;
    height: 159px;
    border-radius: 5px;
    margin-bottom: 16px;
    object-fit: cover;
  }
  .podcast_img_thum {
    position: relative;
  }
  .podcast-img-icon {
    position: absolute;
    width: 44px !important;
    height: 44px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .podcasts_slider .single_podcast_wrapper i{
    height: 24px;
    width: 24px;
    display: inline-block;
  }
  .podcasts_slider .single_podcast_wrapper i:before{
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    transform: translate(3px, -3px);
  }
  @media (max-width: 768px) {

    padding: 30px 0;

    .title-section-Demo{
      font-size:28px;
      text-align: left;
    }
    .title-subtitle-wrapper {
      margin-bottom: 24px;
      align-items: flex-start;
    }
    .podcasts-subtitle {
      text-align: left;
    }
    .podcasts_slider {
      display: flex;
      overflow-x: scroll;
      padding-left: 22px;
      width: calc(100% + 20px);
      max-width: calc(100% + 20px);
      min-width: calc(100% + 20px);
      justify-content: flex-start;
      margin-bottom: 20px;
    }
    .podcasts_slider {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .single_podcast_wrapper {
      width: 246px !important;
      margin: 0 18px 0 0;
      height: inherit !important;
      /*border-bottom: 1px solid rgb(0 43 70 / 20%);*/
    }
    .podcast_img_thum {
      width: 246px;
    }
    .podcasts_slider img{
      width: 246px;
      height: 139px;
    }
    .podcast-img-icon {
      top: calc(50% - 8px);
    }
    .podcasts_slider p {
      /*margin-bottom: 16px;*/
    }
    .view_all_btn-wrap {
      padding-right: 0;
      padding-left: 0;
    }
    .view_all_btn {
      padding-right: 0;
      padding-left: 0;
    }
  }
}

/* block podcasts end*/