/* FW  -------------------- */

.nav__menu-items li.nav__menu-item a,
  .header .nav__uncollapsed-item a {
    font-size: 13px !important;
  }

.video-background {
    position: relative;
    width: 100%;
    height: 100vh;
    /* Adjust as needed */
    overflow: hidden;
    background-color: #f9faf5;
    max-height: 900px;
  }

#bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;

    transform: translate(-50%, -50%);
    background: no-repeat;
    background-size: cover;
  }

.content {
    position: relative;
    z-index: 1;

  }

.cmn-button {
    border-radius: 50px !important;
    padding: 10px 25px !important;
  }

.nav__uncollapsed-item.d-none.d-md-flex a {
    padding: 10px 15px !important;
  }

.banner__content-sub-title {
    background-color: #0e7a31;
    color: white !important;
    width: 250px;
    padding: 10px 0;
    text-align: center;
    border-radius: 50px;
  }

h1.banner__content-title {
    text-shadow: 2px 2px black;

  }

.primary-text.banner__content-text {
    color: white;
    text-shadow: 1px 1px black;
  }

.features.section {
    padding-bottom: 0px;
  }

.secondary-text.checked {
    font-size: 20px;
  }

.about__section-inner {
    margin-top: 7% !important;
  }

.training__slider-single.recommend-card {
    background-color: #0ca9400d !important;
    margin-bottom: 20px;
    padding: 10px 10px 10px !important;
  }

/* .fw-text-cont{
  width: 65%;
} */

.cmn-button.cmn1::before,
  .cmn-button.cmn1::after {
    background: linear-gradient(45deg, #FFD700, #FFAA00, #FF8C00) !important;
  }

.section.pricing {
    padding-top: 2;
    margin-top: 100px;
    background-color: #0ca9400d;
  }

.cmn-button.camp_btn {
    color: white !important;
  }

.cmn-button.camp_btn:hover {
    color: black !important;
  }

/* About  -------------------- */

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

.section__header {
    display: flex;
  }

.training__slider-single {
    width: 350px;
  }

.training__slider-single__content {
    /* background-color: white; */
    padding: 15px !important;
    border-radius: 20px;

  }

.training__slider-single__content.feat {
    padding: 0 15px !important;

  }

.about_card_cont {
    justify-content: space-around;
  }

.about_second_txt {
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin-top: 3%;
    /* background-color: #0e7a31;
    border-radius: 50px; */
    display: inline-block;
    color: black;
  }

.row.r {
    display: flex;
    justify-content: space-around;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 5% !important;
  }

.facility .facility__card {
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: none !important;
    box-shadow: none;
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 40px;
    margin-top: 10px;
    border-radius: 500px !important;
    border: 1px solid rgba(12, 169, 64, 0.15);
    width: 200px;
    height: 200px;
  }

.facility__card-icon {
    border: none !important;
  }

.facility__card-icon i {
    font-size: 60px !important;
  }

/* 
  .training__slider-single,
  .testimonial .testimonial__slider-card {
    box-shadow: none !important; 
    background: transparent !important;
     background-color: white !important;
    border-radius: 20px  !important;
  } */

/* .rec-img-wrap{
    position: relative;
  }

  .rec-img-wrap::before{
    content: url(/golftio-html/assets/images/golf-field.svg);
    height: 200px;
    width: 200px;
    position: absolute;
    top: -70px;
    left: -50px;
    z-index: -1;
    opacity: 0.5;
  }  */

.training__slider-single.slick-slide {
    height: 560px;
  }

.training__slider-single__thumb a {
    pointer-events: none;
    cursor: default;
  }

.rec-img-wrap img {
    border-radius: 5px;
    height: 190px;
    width: 310px;
    object-fit: cover;
  }

.training__slider-single__thumb-small img {
    width: 40px;
    height: auto;
    border-radius: 0;
  }

.training__slider-single__content h5 {
    font-size: 18px;
    /* background-color: black;
    color: white !important;
    border-radius: 50px; */
    padding: 10px 25px;
  }

.boldtext {
    font-weight: 700;
    color: #0e7a31;
  }

.secondary-text {
    text-align: justify;
  }

.about .about__section-inner__single-thumb {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

.about .about__section-inner__single-thumb i {
    font-size: 25px !important;
  }

.training .training__slider-single {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.training .training__slider-single__content {
    width: 350px;
  }

.section__header .section__header-sub-title.rec2 {
    width: 250px;
  }

h5.feattit {
    background: transparent;
    color: black !important;
    font-size: 22px;
  }

.secondary-text.checked {
    font-weight: 700;
  }

.secondary-text.feature {
    text-align: justify;
    font-size: 17px !important;
    line-height: 1.8;
    font-weight: 500;
    padding: 0 20px;
  }

.pricing__card-head h5 {
    margin-bottom: 13px !important;
  }

.card-price {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

.card-price span:first-child {
    background-color: #0e7a31;
    font-size: 14px;
    padding: 0px 10px;
    color: white;
    margin-right: 20px;
    border-radius: 50px;
    font-weight: 700;
  }

.price-frame {
    font-size: 15px;
    align-self: last baseline;
    padding-top: 15px;
  }

.secondary-text.pricetext {
    line-height: 1.5;
    font-size: 17px !important;
    text-align: left;
  }

.flow-container {
    display: flex;
    align-items: stretch;
    /* Ensure items stretch to the same height */
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
  }

.flow-item {
    text-align: center;
    flex: 1;
    padding: 20px;
    border: 1px solid rgb(12, 169, 64);
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    background-color: white;
    border-radius: 20px;
  }

.flow-item h3 {
    font-size: 1.2em;
  }

.flow-step {
    background-color: #0e7a31;
    color: #fff;
    border-radius: 50px;
    width: 100px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px auto;
    font-size: 18px;
    padding: 15px;
  }

.icon-wrap {
    margin: 10px 0;
  }

.icon-wrap img {
    width: 80px;
    height: 80px;
  }

.flow-arrow {
    font-size: 30px;
    color: #00aaff;
    align-self: center;
  }

.banner_honobo h1,
  .banner_honobo p.primary-text {
    color: black;
    text-shadow: none;

  }

.header .nav__uncollapsed .cmn-button--secondary {
    color: black !important;
    background-color: white;
  }

.header .nav__uncollapsed .cmn-button--secondary:hover {
    color: white !important;
    background-color: white;
  }

.header .nav__uncollapsed a {
    color: white;
  }

.facility .facility__card-content h5 {
    font-size: 22px !important;
  }

.cmn-button {
    padding: 15px 30px;
    background: #ffffff !important;
    border: none !important;
  }

.cmn-button--secondary {
    background-color: white !important;
    border: solid 1px #0e7a31 !important;
    color: #3f3f3f;
  }

.featit_sub {
    width: 150px !important;
  }

.testimonial-subtit {
    width: 160px !important;
  }

.price-tag {
    min-width: 400px !important;
  }

.feat-text {
    min-height: 210px;
  }

/* -------------Campaign Price tag */

/*
  
    .row.justify-content-center.section__row div.price-tag:first-child .pricing__card {
    background-color: rgba(255, 192, 203, 0.504) !important;
    position: relative;
  }

  .row.justify-content-center.section__row div.price-tag:first-child .pricing__card::before {
    content: 'Campaign';
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 81, 110) !important;
    width: 100px;
    height: 30px;
    text-align: center;
    padding-top: 14px;
    color: white;
    border-radius: 5px 0 5px 0;
  } */

/* .row.justify-content-center.section__row div.price-tag:first-child .pricing__card .card-price span:first-child {
    background-color: rgb(255, 81, 110) !important
  } */

.flow-item p {
    margin-top: 5%;
    text-align: justify;
  }

.icon-wrap,
  .flow-item h3 {
    text-align: center;
  }

.testimonial .testimonial__slider-card {
    text-align: center;
    flex: 1;
    padding: 20px;
    border: 1px solid rgba(12, 169, 64, 0.15);
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    background-color: white !important;
    border-radius: 20px;
  }

.footer__single a img {
    max-width: 180px;
  }

.testimonial__slider-card__body p {
    text-align: left;
  }

#section-testimonial {
    padding-bottom: 0;
  }

.header .nav__bar .icon-bar {
    background-color: white !important;
  }

.faq-bg {
    position: relative;
  }

.faq-bg::before {
    content: "";
    position: absolute;
    inset: 0px;
    bottom: unset;
    height: 100%;
    /* background-color: #0ca9400d; */
    z-index: -1;
    background-image: url(../images/golf-field.svg);
    background-repeat: no-repeat, no-repeat;
    background-size: 32vw;
    background-position: 20%, 300px;
    opacity: 0.5;
  }

.faq-cont {
    margin-right: 20% !important;
  }

.banner {
    padding: 5% 0 !important;
    background-position: left -110px center, right -150px center, left top !important;
  }

.about {
    background-size: 300px;
    background-position: right 150px bottom 100px !important;
  }

.club--secondary {
    background-color: #2f4b374e !important;
  }

.campaign-subtit {
    color: #97181D !important;
  }

.campaign.section__content-title {
    font-size: 45px;
    text-shadow: 3px 3px 4px #031e00;
      color: white;
        background: linear-gradient(90deg, #ffd70000, #FFAA00, #ff8c0000);
        padding-bottom: 10px;
            display: inline;
  }

.section__content p,
  .section__content span,
  .camp-img-pc p {
    font-size: 15px;
    line-height: 1.5;
  }

.campaign_bold {
    color: #97181D;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size: 15px;
  }

.campaign_bold2 {
    position: relative;
    z-index: 1;
    font-size: 15px;
  }

.campaign_bold.underline::before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 7px;
    width: 100%;
    background-color: #FFD700;
    z-index: -1;
    clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  }

.campaign_bold2.underline2::before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 7px;
    width: 100%;
    background-color: #1ef8ff;
    z-index: -1;
    clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  }

.font-color2{
/* background: -webkit-linear-gradient(90deg, rgb(142 42 155) 0%, rgb(242 0 255) 50%, rgb(67 0 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    text-shadow: 3px 3px white;
  }

.small-font {
    font-size: 11px !important;
  }

.section__content-text {
    font-size: 15px;
  }

.section.club--secondary.spec-campaign p,
  .section.club--secondary.spec-campaign p span {
    text-wrap: wrap;
  }

.section__content-cta .cmn-button.camp_btn::after,
  .section__content-cta .cmn-button.camp_btn::before {

    background: linear-gradient(#97181D, #97181D) !important;
  }

.camp-btn-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.section__content-cta {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }

.spec-link-text{
font-size: 12px;
    font-weight: 800;
    color: #97181D;
}

.pricing--tertiary .pricing__card {
    background-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

.pricing--tertiary .pricing__card.monthly {
    min-height: 292px !important;
  }

.pricing--tertiary .pricing__card.spot {
    min-height: 355px !important;
  }

.section__header.pricing {
    margin-bottom: 10px;
  }

.pricing__card.handle_fee {
    width: 70%;
  }

.handlingfee {
    margin-top: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;

  }

.handlingfee h5 {
    margin-top: 2%;
  }

.card-price.handlingfees {
    width: 300px;
  }

.priceplus {
    font-size: 60px;
    font-weight: 200 !important;
    text-align: center;
    display: flex !important;
    /* margin: 2% 0 0 0; */
    justify-content: center;
  }

.secondary-text.pricetext.handling {
    text-align: center !important;
  }

.row.justify-content-center.section__row.prices {
    width: 80% !important;
    margin: 0 auto;
  }

.primary-text.banner__content-text br:first-child {
    display: none !important;
  }

.about_second_txt span br {
    display: none;
  }

.camp-list li {
    line-height: 1.5 !important;
    font-size: 15px;
  }

.sp-only {
    display: none;
  }

.header .nav {
    padding: 15px !important;
  }

@media (max-width: 1024px) {

    /* iPad */
    .flow-container {
      flex-direction: column;
    }

    .flow-arrow {
      transform: rotate(90deg);
    }

    /* .flow-item {
      border-bottom: 1px solid #ddd;
    } */

    /* .flow-item:last-child {
      border-bottom: none;
    } */

    /* footer .col-md-6.section__col{
    width: 33% ; */

  }

@media (max-width: 768px) {

    .sp-only {
      display: flex;
      flex-direction: column;
    }

    .text-align-center {
      margin: 3% 0 !important;
    }

    .small-font {
      font-size: 10px !important;
      margin-bottom: 2% !important;
    }

    /* Small devices */
    .flow-step {
      width: 95px;
      height: 40px;
      font-size: 16px;
    }

    .icon-wrap img {
      width: 60px;
      height: 60px;
    }

    .flow-item {
      padding: 15px;
    }

    .campaign.section__content-title {
      font-size: 29px;
      padding-bottom: 10px;
      display: block;
    }

    .facility__card-content h5 {
      line-height: 16px;
    }

    .faq.section {
      margin: 10% 0;
    }

    .priceplus {
      font-size: 10vw;
      font-weight: 200 !important;
      text-align: center;
      display: flex !important;
      /* margin: 4% 0 0 0; */
      justify-content: center;
    }

    .card-price.handlingfees {
      width: 265px;

    }

    .secondary-text.pricetext.handling {
      text-align: center !important;
      padding: 0 5%;
      font-size: 13px;
    }

    .pricing--tertiary .pricing__card.spot {
      min-height: 284px !important;
    }

    .pricing--tertiary .pricing__card.monthly {
      min-height: 250px !important;
    }

    .row.justify-content-center.section__row.prices {
      width: 100% !important;
      margin: 0 auto;
    }

    .primary-text.banner__content-text br:first-child {
      display: block !important;
    }

    .about_second_txt span br {
      display: flex;
    }

    .about_second_txt span span {
      display: none;
    }

    .section__content-cta div:first-child p {
      display: none;
    }

    .section__content-cta div{
      width: 100%;
    }
  }

@media only screen and (max-width: 768px) {
    .header .nav__menu-item {
      width: 100%;
      margin-bottom: 5px;
      color: black !important;
    }

    .order-1 {
      order: 2 !important;
    }

    .order-2 {
      order: 1 !important;
    }

    .display-flex {
      display: flex;
    }

    .facility .facility__card {
      width: 120px !important;
      height: 120px !important;
    }

    .facility .facility__card-content h5 {
      font-size: 3vw !important;
    }

    .facility .facility__card {
      padding: 13px 18px !important;
    }

    .about_card_cont {
      justify-content: center;
    }

    .facility .facility__card {
      margin-left: 5px;
      margin-right: 5px;
    }

    .banner.pc {
      display: none;
    }

    .sp.banner--secondary.banner--tertiary {
      display: static;
    }

    .section__content.campaignpc {
      display: static;
    }

    .section__content.campaignsp {
      display: none;
    }

    .camp-img-pc {
      display: none;
    }

    .spec-campaign h5,
    .spec-campaign h2 {
      text-align: center;
    }

    .spec-campaign h2 {
      margin-bottom: 8% !important;
    }

    .spec-campaign p {
      text-align: justify;
    }

    .spec-campaign {
      padding: 50px 15px !important;
    }

    .camp-list {
      margin-bottom: 0%;
    }

    /* 

    .camp-list li:first-child {
      margin-bottom: 5%;
    } */


    .section__content-text.sp {
      text-align: center;
      line-height: 1.5;
    }


  }

@media only screen and (max-width: 990px) {

    .camp-img-pc {
      display: none;
    }

    .spec-campaign h5,
    .spec-campaign h2 {
      text-align: center;
    }

    .spec-campaign h2 {
      margin-bottom: 8% !important;
    }

    .spec-campaign p {
      text-align: justify;
    }

    .spec-campaign {
      padding: 50px 15px !important;
    }

    .video-background p,
    .video-background h1,
    .video-background h5 {
      text-align: center !important;
    }

    .video-background h5 {
      margin: 20px auto;
    }

    .video-background h1 {
      font-size: 1.5rem
    }
  }

@media only screen and (min-width: 991px) {

    .camp-img-sp {
      display: none !important;
    }
  }

@media only screen and (min-width: 769px) {
    .banner.pc {
      display: static;
    }

    .sp.banner--secondary.banner--tertiary {
      display: none;
    }

    .camp-list {
      margin-bottom: 2%;
    }

    .section__content-text.sp {
      text-align: left;
      letter-spacing: 0px;
    }

  }

.campaign2 {
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom,
        #e6f5f5 0%,
        #edf5f5 20%,
        #f2f2f5 40%,
        #f5f0f2 60%,
        #f7eef1 80%,
        #f9eef0 100%);

  }

.camp2-text {
    width: 50%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.camp2-img-wrap {
    width: 50%;
  }

.camp2-main-text {
    text-align: center;
    font-size: 25px;
    color: #f371a5;
    font-weight: bold;
    margin-bottom: 5%;
    line-height: 1.5;
  }

.pink-bold {
    color: #f371a5;
    font-weight: bold;
  }

.pink-white {
    color: white;
    padding: 1px 10px;
    background-color: #f371a5;
    border-radius: 50px;
    margin-right: 5px;
  }

.camp2-list li {
    line-height: 2;
    margin: 2% 0;
  }

.green-yellow {
    color: #6aa999;
    position: relative;
    font-weight: bold;
    z-index: 1;
  }

.green-yellow::before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 7px;
    width: 100%;
    background-color: yellow;
    z-index: -1;
    clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  }

.camp2-time {
    margin-bottom: 2%;
  }

@media only screen and (max-width: 769px) {
    .campaign2 {
      flex-direction: column;
    }

    .camp2-text,
    .camp2-img-wrap {
      width: 100%;
      padding: 5%;
    }

    .camp2-time {
      margin-bottom: 5%;
    }

    .camp2-list {
      text-indent: -70px;
      margin-left: 70px;
    }

    .camp2-img-wrap {
      padding-top: 0;
    }

.camp-img-sp{
  margin-top: 5%;
}
    
  }

.fv_banner{
  max-width: 390px;
    margin-top: 5%;
    display: flex;
}