/*HomePage*/
$info-pc: "screen and (max-width: 1199px)";
$info-tablet: "screen and (max-width : 991px)";
$info-phone: "screen and (max-width : 767px)";
$info-hphone: "screen and (max-width : 636px)";
$info-sphone: "screen and (max-width : 575px)";
$info-xphone: "screen and (max-width : 520px)";
$info-mphone: "screen and (max-width : 480px)";

$info-lpc: "screen and (max-width : 1091px)";
$info-lphone: "screen and (max-width : 844px)";

$info-mpc: "screen and (max-width: 1090px)";

$animation-duration: 1.8s;
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: local('Caveat Bold'), local('Caveat-Bold'), url(../fonts/Wnz5HAc5bAfYB2Qz3RMNpS7R.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
$info-pc: "screen and (max-width: 1199px)";
.st-discount-btn{
  button{
    padding: 10px 45px !important;
    color: var(--main-color, #1A2B48)!important;
    font-weight: 500!important;
    border: none!important;
    &:hover{
      color: #FFFFFF!important;
      background: var(--link-color, #5191FA)!important;
    }
  }
}
.st-sale-btn{
  button{
    padding: 10px 30px !important;
    color: var(--main-color, #1A2B48)!important;
    font-weight: 500!important;
    border: none!important;
    &:hover{
      color: #FFFFFF!important;
      background: var(--link-color, #5191FA)!important;

    }
  }
}
.helios-heading{
  .helios-title{
    @media (max-width: 767px) {
      font-size: 28px!important;
    }
  }
}
#st-content-wrapper{
  .st-search-form-home{
    .st-heading{
      font-size: 36px;
      @media(max-width: 767px){
        font-size: 28px;
      }
    }
    .sub-heading{
      font-size: 16px;
      color: #768092;
    }
  }
  &.st-content-wrapper--solo {
    padding-bottom: 0px;
    .box-shadow-croll{
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    }
    .btn-readmore-blog{
      text-align: center;
      .wpb_content_element {
        margin-bottom: 0px;
        a{
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: 1px;
            color: #df5334;
            font-family: 'Poppins';
            display: inline-block;
            padding-bottom: 2px;
            margin-top: 45px;
            border-bottom: 2px dashed #df5334;
            text-decoration: none;
            @media (max-width:767px){
              display: none;
            }
        }
      }
    }
  }
}

/*Header*/
.st-header-5 {
  #header {
    &.header-style-4 {
      #topbar {
        padding: 30px 50px 0 50px;
        position: relative;
        .topbar-left {
          opacity: 0.8;

          .socials {
            border-right: none;

            li {
              a {
                color: #FFFFFF;

                .fa {
                  margin-right: 8px;
                }
              }
            }
          }
        }

        .topbar-between {
          position: absolute;
          right: 50%;
          transform: translateX(50%);
          @media (max-width: 991px) {
            display: none;
          }
        }

        .topbar-right {
          .socials {
            border-right: 0;

            li {
              a {
                color: #FFFFFF;
                opacity: 0.8;
              }
            }
          }

          .topbar-items {
            li {
              padding-left: 15px;
              padding-right: 15px;

              &:last-child {
                padding-right: 0;
              }

              &:first-child {
                padding-left: 10px;
              }

              &.signup-item {
                padding-right: 0;
              }
            }
          }
        }
      }

      .header {
        justify-content: center;
        padding: 0 50px;
        @media (max-width: 991px) {
          padding: 25px 50px;
        }

        .header-left {
          display: none;
          @media (max-width: 991px) {
            display: block;
          }
        }
      }
    }
  }
  &.home{
    #st-content-wrapper{
      padding-bottom: 0;
    }
  }
  #st-content-wrapper {
    background: #f9f9f9;

  }
}
/*header-style-8**/
#header {
  &.header-style-8 {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    .header--8 {
      padding: 0px;
      border-bottom: none;

      @media (max-width: 991px){
        padding: 8px 0px;
      }
      .toggle-menu{
        @media (max-width: 991px){
          margin-right: 0px !important;
        }

      }
      .header-left{
        &.header-left--8{
          @media (max-width: 991px){
            width: auto;
            display: block;
            text-align: center;
            margin: auto;
          }
          .hidden-xs{
            @media (max-width: 767px){
              display: block !important;
            }
          }
          .hidden-sm{
            @media (max-width: 767px){
              display: none;
            }
          }
          .logo{

            img{
              max-height: 54px;
              max-width: 50px;
            }
          }
          #st-main-menu{
            &.st-main--menu8{
              width: 100%;
              display:flex;
              align-items: baseline;
              @media (max-width:991px){
                top: 0px;
                margin-top: 0px;
              }
              .back-menu{
                background-color: white;
                border-bottom:1px dashed #e2e7e6 !important;
                i{
                  position: absolute;
                  right: 24px;
                  color: #123a32;
                }
              }
              .visible-xs{
                position: fixed;
                top: 18px;
                left: 20px;
                transition: all 0.3s ease-in-out;
                @media (max-width: 575px){
                  top: 8px;
                }
              }
              #main-menu{
                &.main-menu{
                  &.main-menu--8{
                    li{
                      & >.menu-item-has-children{
                        &:hover{
                          .fa{
                            color:  #ec927e;
                          }
                          >a{
                            color:  #ec927e ;
                          }

                        }
                        .fa-angle-down{
                          right: 4px;
                          @media (max-width: 767px){
                            position: unset;
                            width: auto;
                          }
                          color:var(--main-color,#123a32);
                        }

                      }
                      &.current-menu-ancestor{
                        >a{
                          color:#ec927e ;
                        }
                        >.fa{
                          color:#ec927e ;
                        }
                      }
                      .menu-dropdown{
                          @media (max-width: 767px){
                            padding-top: 0px;
                            padding-bottom: 0px;
                            top: 100%;
                          }
                          .current-menu-item{
                            a{
                              color: #ec927e;
                              &:hover{
                                color: #ec927e;
                              }
                            }
                            .fa{
                              color:var(--main-color,#123a32);
                              &:hover{
                                color: #ec927e;
                              }
                            }
                          }
                          li{
                            a{
                              color:var(--main-color,#123a32);
                              &:hover{
                                color: #ec927e;
                              }
                              @media (max-width: 991px){
                                text-align: left;
                              }
                            }
                            .fa{
                              color:var(--main-color,#123a32);
                              &:hover{
                                color: #ec927e;
                              }
                            }
                          }

                          border-radius:0px 0px 12px 12px;
                      }
                      .fa{
                        font-size: 14px;
                        margin-top: -7px;
                      }

                    }
                    >li{
                      .fa{
                        @media (max-width: 1024px){
                          right: 2px;
                        }
                        @media (max-width: 991px){
                          position: unset;
                          width: 8px;
                          height: 8px;
                          margin-left: 4px;
                          margin-top: -6px;
                          font-size: 14px !important;
                        }

                      }
                      @media (max-width: 991px){
                        text-align: left;
                      }

                      &:first-child{
                        @media (max-width: 991px) {
                          margin-top: 20px;
                        }
                      }
                      &:not(:last-child){

                        a{
                          @media (max-width: 991px){
                            border-bottom: none ;

                          }
                        }

                      }
                      >a{
                        font-size: 14px;
                        font-weight: 600;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color:var(--main-color,#123a32);
                        display: inline-block;
                        padding: 39px 20px;
                        @media (max-width: 1024px){
                          padding: 39px 16px;
                        }
                        @media (max-width: 991px){
                          padding: 20px 0px 20px 24px !important;
                        }
                        @media (max-width: 767px){
                          display:inline-block;
                        }

                      }
                      &:hover{
                        >a{
                          color: #ec927e;
                        }
                        .fa{
                          color: #ec927e;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          .st-list-mobile{
            position: fixed !important;
            margin-bottom: 40px;
            left: 0;
            width: 100%;
            max-width: 300px;
            z-index: 2;
            bottom: 0px;
            padding: 0px 20px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            display: none;
            text-align: left;
            &.open{
              opacity: 1;
              visibility: visible;
              z-index: 999;
              display: block;
              -webkit-transition-delay: 0s;
              transition-delay: 0s;
            }
            justify-content: flex-end;
            li{
              list-style: none;
              margin: 0px;
              a{

                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color:var(--main-color,#123a32);
                text-decoration: none;

              }
              .phone{
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #ec927e;
                i{
                  margin-right: 8px;
                }
              }
              &.login-item, &.signup-item{
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: var(--main-color,#123a32);
                display: none;
              }
              &:not(:last-child){
                margin-bottom: 16px;
              }

            }
          }
        }
      }
      .toggle-menu--user{
        display: none;
        @media (max-width: 991px){
          display: block;
          margin-top: 2px;
        }
      }
      .header-login--mobile{
        position: fixed !important;
        margin-top: 50px;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0px;
        z-index: -1;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        &.open{
          opacity: 1;
          visibility: visible;
          z-index: 999;
          -webkit-transition-delay: 0s;
          transition-delay: 0s;
          ul{
            opacity: 1;
            right: 0;
            -webkit-transition-delay: .1s;
            transition-delay: .1s;
          }
        }

        ul{
          position: fixed;
          top: 50px;
          right: -110%;
          width: 300px;
          height: 100%;
          background: #FFF;
          opacity: 0.8;
          -webkit-transition: right .3s ease, opacity .3s ease;
          transition: right .3s ease, opacity .3s ease;
          overflow-y: auto;
          li{
            &:nth-child(2){
              a{
                border-bottom: 1px solid #EEEEEE;
              }
            }
            a{

              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: var(--main-color,#123a32);
              padding: 39px 20px;
              display: block;
              text-transform: uppercase;

            }

          }
        }

      }
      .header-right{
        @media (max-width: 991px){
          display: none;
        }
        &.header-right--8{
          position: relative;
          &:after{
            position:absolute;
            width: 1px;
            height: 100%;
            top: 0px;
            opacity: 0.2;
            background-color: #1a2b48;
          }
          @media (max-width: 991px){
            display: none;
          }
          .st-list{
            justify-content: flex-end;

            li{
              margin: 0px;
              a{

                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color:var(--main-color,#123a32);
                text-decoration: none;
                @media (max-width: 1024px){
                  font-size: 13px;
                }
              }
              .phone{
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #ec927e;
                text-decoration: underline;
                @media (max-width: 1024px){
                  margin:0px 16px;
                }
                i{
                  margin-right: 8px;
                }
                @media (max-width: 1024px){
                  font-size: 13px;
                }
              }
              &.st-header-links{
                margin-right: 24px;
              }
              &.dropdown-user-dashboard{
                position: relative;
                &::before{
                  position: absolute;
                  content: '';
                  left: -24px;
                  width: 1px;
                  height: 100%;
                  opacity: 0.2;
                  background-color: #1a2b48;
                }
                margin-left: 25px;
              }
              &.login-item, &.signup-item{
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;

                color: var(--main-color,#123a32);
              }
              &.login-item{
                margin-right: 24px;
                margin-left: 25px;
                position: relative;
                &:before{
                  position: absolute;
                  content: '';
                  width: 1px;
                  height: 100%;
                  left: -24px;
                  top: 0px;
                  opacity: 0.2;
                  background-color: #1a2b48;
                  @media (max-width: 1024px){
                    left: -8px;
                  }
                }
                @media (max-width: 1024px){
                  margin-right: 16px;
                }
              }
            }
          }
        }

      }
    }
  }
}
/*end hearder*/
.home{
  #st-content-wrapper{
    &.search-result-page{
      .st-search-form-tour{
        padding-top: 30px;
        padding-bottom: 60px;
      }
    }
  }
}
.st-header-6{
  #header{
    &.header-style-4{
      #topbar{
        padding: 25px 0;
        .topbar-left{
          .st-list{
            &.socials{
              border-right: none;
              li{
                a{
                  .fa{
                    padding-right: 10px;
                  }
                }
              }
            }
          }

        }
        .topbar-right{
          .st-list{
            &.socials{
              border-right: none;
            }
          }
          .topbar-items{
            li{
              padding-right: 10px;
              padding-left: 10px;
              &.signup-item{
                padding-right: unset;
              }
            }
          }
        }
        .socials{
          li{
            a{
              color: #fff;
              opacity: 0.8;
            }
          }
        }
      }
      .header{
        padding: 0 30px;
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 3px;
        @media (max-width: 991px) {
          padding: 25px 30px;
          background-color: unset;
        }
        .toggle-menu{
          .field-icon{
            .fa{
              svg{
                g{
                  g{
                    stroke: var(--main-color, #1A2B48);
                  }
                }
              }
            }
          }
        }
        .header-right{
          #st-main-menu{
            .main-menu{
              li{
                >a{
                  color: var(--main-color, #1A2B48);

                  &:hover:after{
                    content: none;
                  }
                }
                .fa{
                  color: var(--main-color, #1A2B48);
                }
                &.current-menu-item{
                  >a:after{
                    content: none;
                  }
                  >a{
                    color: var(--link-color, #5191FA);
                  }
                }
                &:hover{
                  .fa{
                    color: var(--link-color, #5191FA);
                  }
                  a{
                    color: var(--link-color, #5191FA);
                  }
                }
                &.current-menu-ancestor{
                  .fa{
                    color: var(--link-color, #5191FA);
                  }
                  >a:after{
                    content: none;
                  }
                  >a{
                    color: var(--link-color, #5191FA);
                  }
                  .menu-dropdown{
                    .current-menu-item{
                      a{
                        color: var(--link-color, #5191FA);
                      }
                    }
                  }
                }
              }

            }
          }
        }
      }
    }
  }
}
#header{
  &.header-style-7{
    border-bottom: 1px solid #EAEEF3;
    .header{
      padding: 0;
      border-bottom: none;
      @media (max-width: 991px) {
        padding: 20px 0px;
      }
      .header-right{
        .st-list{
          li{
            margin-left: 12px;
            margin-right: 12px;
            font-size: 14px;
            font-weight: 500;
          }
          .st-header-links{
            margin: 0;
            padding-right: 24px;
            border-right: 1px solid #dddddd;
            @media (max-width: 1199px) {
              border-right: none;
              padding-right: 0;
            }
            @media (max-width: 767px) {
              display: none;
            }
          }
          .dropdown-user-dashboard{
            margin-left: 24px;
          }
          .login-item{
            margin-left: 24px;
            @media (max-width: 991px) {
              display: none;
            }
          }
          .signup-item{
            @media (max-width: 991px) {
              display: none;
            }
          }
        }
      }
      .header-left{
        #st-main-menu{
          &.open{
            .advance-menu{
              display: block;
              left: 190px;
              transition: all .4s ease-in-out;
            }
          }
          .advance-menu{
            left: -110%;
            display: none;
            @media (max-width: 991px) {
              position: fixed;
              top: 15px;
              display: block;

              a:not(:last-child){
                margin-right: 10px;
              }
              a{
                color: var(--main-color, #1A2B48);
                font-weight: 500;
                cursor: pointer;
              }

            }
          }
        }
      }
    }
  }
}
/*End Header*/

/*Tour Description*/
.st-introduce{
  display: flex;
  @media (max-width: 991px) {
    display: block;
  }
  &.style2{
    .st-introduce-right{
      .st-content{
        width: 90%;
        padding-left: 15px;
        @media (max-width: 991px) {
          padding-left: 0;
          width: 100%;
        }
      }
      .st-title{
        width: 90%;
        @media (max-width: 991px) {
          width: 100%;
        }
      }
    }
  }
  &.style1{
    .st-introduce-right{
      .st-content{
        width: 90%;
        @media (max-width: 991px) {
          width: 100%;
        }
      }
      .st-title{
        width: 80%;
        @media (max-width: 991px) {
          width: 100%;
        }
      }
      .content{
        width: 95%;
        @media (max-width: 991px) {
          width: 100%;
        }
      }
    }
  }
  .st-introduce-right{
    display: flex;
    align-items: center;
    .st-content{
      @media (max-width: 991px) {
        padding-top: 30px;
      }
      .st-text{
        font-size: 16px;
        text-transform: uppercase;
        color: var(--link-color, #5191FA);
        font-weight: 500;
      }
      .st-title{
        margin-bottom: 40px;
        font-size: 36px;
        line-height: 1.4;
        @media (max-width: 767px) {
          font-size: 28px;
          margin-bottom: 20px;
        }

      }
      .content{
        margin-bottom: 30px;
        font-size: 18px;
        color: #768092;
        @media (max-width: 575px) {
          display: none;
        }
      }
      .st-link{
        color: var(--main-color, #1A2B48);
        padding: 10px 25px;
        border-radius: 3px;
        text-transform: capitalize;
        cursor: pointer;
        font-size: 15px;
        font-weight: 500;
        background-color: #ffffff;
        border: 1px solid var(--main-color, #1A2B48);
        &:hover{
          text-decoration: none;
          background: var(--main-color, #1A2B48);
          color: #FFFFFF!important;
        }
      }
    }
  }

  .thumb{
    overflow: hidden;
    img{
      width: 100%;
      height: auto;
      transition: all 0.3s;
      &:hover{
        transform: scale(1.1,1.1);
      }
    }
  }
}
.hiking-description {
  padding: 0 35px;
  color: #768092;
  font-size: 18px;
  @media (max-width: 991px) {
    margin-top: 100px;
  }
}
/*End Tour Description*/

/*Slider tour */
.st-header-5{
  .tour-slider-wrapper{
    &.style2:hover{
      .st-next{
        display: none;
      }
      .st-pre{
        display: none;
      }
    }
    &.style2{
      .st-search-form-tour {
        .tour-search-form-home {
          .search-form {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);

            .form-button-new {
              .btn-search {
                background: #fa5636;
              }
            }
          }
        }

      }
    }
  }
  .st-tours{
    .search-form-top{
      .st-search-form-tour{
        .tour-search-form-home{
          .search-form{
            .form-button-new{
              .btn-search{
                background: #fa5636;
              }
            }
          }
        }
      }
    }
  }

}
.tour-slider-wrapper {

  position: relative;
  .st-search-form-tour{
    position: absolute !important;
    top: 100% ;
    transform: translateY(-50%);
    z-index: 2;
    padding: 0 !important;
    .tour-search-form-home{
      .search-form{
        border: none;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      }
      &.style2{
        .search-form .form .form-group.st-price-field .dropdown-menu{
          @media (max-width: 991px){
            min-width: 0;
          }
          
        }
      }
    }
  }
  .tour-slider {
    .item {
      .outer {
        position: relative;
        width: 100%;
        height: calc(100vh - 20rem);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        @media (max-width: 767px) {
          height: 75vh;
        }

        .search-form-text {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          color: #ffffff;
          width: 100%;

          .st-heading-tour {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 500;
          }

          .sub-heading-tour {
            font-size: 48px;
            font-weight: 600;
            margin-bottom: 20px;
            margin-top: 10px;
            min-height: 79px;
            @media (max-width: 767px) {
              font-size: 32px;
              min-height: 54px;
            }
          }

          a {
            text-decoration: none;
            display: inline-flex;
            .st-link {
              color: var(--main-color, #1A2B48);
              text-transform: capitalize;
              cursor: pointer;
              font-size: 15px;
              font-weight: 500;
              padding: 12px 45px;
              background-color: #ffffff;
              &:hover {
                text-decoration: none;
                color: var(--main-color, #1A2B48) !important;
              }

            }
          }
        }
      }
    }

    .owl-dots {
      display: none;
    }
  }

  .st-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 60px;
    border-radius: 50%;
    background: #000000;
    opacity: 0.7;
    border: none;
    width: 46px;
    height: 46px;
    padding: 0;
    transform: translateY(-50%);
    display: none;
  }

  .st-pre {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 60px;
    border-radius: 50%;
    background: #000000;
    opacity: 0.7;
    border: none;
    width: 46px;
    height: 46px;
    padding: 0;
    transform: translateY(-50%);
    display: none;
  }

  &:hover {
    .st-next {
      display: block;
      @media (max-width: 767px) {
        display: none;
      }
    }

    .st-pre {
      display: block;
      @media (max-width: 767px) {
        display: none;
      }
    }

    .st-button:after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      margin-top: -30px;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      background: #000000;
      border-radius: 50%;
      transform: scale(0);
      transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);
      z-index: -1;
    }

    .st-button:hover:after {
      transform: scale(1);
    }
  }

}

.st-search-form-tour {
  .tour-search-form-home {
    display: flex;
    justify-content: center;
    @media (max-width: 991px) {
      display: block;
    }

    .search-form {
      border: 1px solid #d8d8d8;
      box-shadow: none;
      margin-top: 0 !important;
      @media (max-width: 991px) {
        padding: 0 !important;
      }

      .form {
        display: flex;
        height: 100%;
        @media (max-width: 991px) {
          display: block;
        }

        .form-group {
          display: flex;
          align-items: center;
          min-height: 80px !important;
          border-right: 1px solid #eeeeee;
          @media (max-width: 991px) {
            width: 100% !important;
            display: flex!important;
          }
          @media (max-width: 767px) {
            border-bottom: 1px solid #EAEEF3 !important;
          }
          .field-icon{
            svg{
              g{
                g{
                  stroke: rgb(94, 109, 119);
                }
              }
            }
          }
          .dropdown{
            display: flex;
          }

          &.field-detination {
            width: 330px;
            border-right: 1px solid #eeeeee;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 220px;
              padding-left: 15px;
            }
            @media (max-width: 991px) {
              padding-left: 15px !important;
              .dropdown-menu {
                left: 0;
                width: 100% !important;
              }
            }
            @media (max-width: 767px) {
              padding-left: 15px !important;
            }

            #dropdown-destination {
              padding-left: 30px !important;
              @media (max-width: 767px) {
                padding-left: 42px !important;
                .render{
                  display: block;
                }
              }

            }

            .dropdown-menu {
              left: 0;
              width: 100% !important;
            }

            .field-icon {
              left: unset;
              @media (max-width: 767px) {
                left: unset !important;
              }
            }

            .dropdown {
              label {
                cursor: pointer;
              }


            }
          }

          &.form-date-search-new {
            width: 240px;
            border-right: 1px solid #eeeeee;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 220px;
              padding-left: 15px;

            }
            .field-icon {
              left: unset;
              @media (max-width: 767px) {
                left: unset !important;
              }
            }

            .date-wrapper {
              .check-in-wrapper{
                .st-render{
                  .render{
                    @media (max-width: 767px) {
                      display: block;
                    }
                  }
                }
              }
              .st-date-text {
                cursor: pointer;
              }
            }

            .check-in-out {
              left: 0;
            }
          }
          &.field-guest-new {
            width: 240px;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 220px;
              padding-left: 15px;
              .dropdown-menu{
                padding: 15px 25px;
              }
            }
            .dropdown {
              padding-left: 35px;
              @media (max-width: 767px) {
                padding-left: 45px;
                .render{
                  display: block;
                }
              }
              label {
                cursor: pointer;
              }
            }

            .dropdown-menu {
              width: 100%;
            }
          }
          &.field-tour-type{
            width: 210px;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 160px;
              padding-left: 15px;
              .dropdown-menu{
                padding: 15px 25px;
              }
            }
            .render-new{
              padding-left: 3px;
              @media (max-width: 767px) {
                padding-left: 10px;
                display: block;
              }
              .tour-type{
                padding: .2em .6em .3em;
                .label{
                  cursor: pointer;
                  padding: 0;
                }
              }
            }
            .dropdown-menu{
              width: 100%;
              li{
                margin-bottom: 0;
                padding: 7px 0px;
              }
              li:hover{
                background: #f5f4f7
              }
            }
          }
          &.field-durations{
            width: 210px;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 160px;
              padding-left: 15px;
              .dropdown-menu{
                padding: 15px 25px;
              }
            }

            .render-new{
              padding-left: 3px;
              @media (max-width: 767px) {
                display: block;
                padding-left: 10px;
              }
              .durations{
                padding: .2em .6em .3em;
                .label{
                  padding: 0;
                  cursor: pointer;
                }
              }
            }
            .dropdown-menu{
              width: 100%;
              padding: 15px 20px;
              li{
                margin-bottom: 0;
                padding: 7px 10px;
              }
              li:hover{
                background: #f5f4f7
              }
            }
          }
          &.st-price-field{
            width: 210px;
            padding-left: 30px;
            height: 80px !important;
            @media (max-width: 1200px) {
              width: 160px;
              padding-left: 15px;
              .dropdown-menu{
                padding: 15px 25px;
              }
            }
            .render{
              padding-left: 10px;
              @media (max-width: 767px) {
                display: block;
                padding-left: 20px;
              }
            }
            .label{
              cursor: pointer;
              @media (max-width: 767px) {
                padding-left: 20px;
              }
            }
            .dropdown-menu{
              min-width: 440px;
              right: 0;
              left: auto;
              @media (max-width: 991px) {
                width: 100%;
              }
              li{
                margin-bottom: 0;
                padding: 7px 0px;
              }
              li:hover{
                background: #f5f4f7
              }
            }
          }
        }
        .form-button-new {
          display: flex;

          .btn-search {
            background: var(--link-color, #5191FA);
            text-transform: uppercase;
            padding: 0 48px;
            border-radius: 0 3px 3px 0;
            @media (max-width: 1199px) {
              padding: 0 33px;
            }
            @media (max-width: 991px) {
              padding-top: 15px;
              padding-bottom: 15px;
              width: 100%;
            }
          }
        }
      }

    }
  }
}
.tour-slider-wrapper {
  &.slider-style5{
    .tour-slider{
      .item{
        .outer{
          height: calc(100vh);
          @media (max-width: 767px) {
            height: 50vh;
          }
          .search-form-text{
            .st-heading-tour{
              letter-spacing: 10px;
              @media (max-width: 991px) {
                letter-spacing: 5px;
              }
            }
            .sub-heading-tour{
              font-size: 64px;
              margin-top: 15px;
              margin-bottom: 30px;
              text-transform: uppercase;
              @media (max-width: 991px) {
                font-size: 48px;

              }
              @media (max-width: 767px) {
                font-size: 32px;
              }
            }
          }
        }
      }
    }
  }
  &.style2{
    .tour-slider {
      .item {
        .outer {
          height: calc(100vh - 15rem);
          &:before{
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            opacity: 0.2;
            background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));

          }
          .search-form-text {
            .st-heading-tour {
              font-size: 100px;
              font-weight: bold;
              text-transform: capitalize;
              font-family: 'Playfair Display';
              @media (max-width: 991px) {
                font-size: 50px;
              }
            }

            .sub-heading-tour {
              font-size: 18px;
              font-weight: normal;
              margin-top: 0;
              min-height: 29px;
              margin-bottom: 32px;
            }

            a {
              .st-link {
                padding: 10px 20px;
              }
            }
          }
        }
      }
    }


  }
  &.style3{
    .tour-slider{
      .item{
        .outer{
          height: calc(100vh - 90px);
          @media (max-width: 767px) {
            min-height: 62vh;
          }
          .search-form-text{
            top: 45%;
            @media (max-width: 767px) {
              top: 30%;
            }
            .st-heading-tour{
              font-size: 80px;
              font-family: 'Playfair Display';
              text-transform: capitalize;
              @media (max-width: 991px) {
                font-size: 50px;
              }
              @media (max-width: 767px) {
                font-size: 32px;
              }
            }
            .sub-heading-tour{
              font-size:18px;
              font-weight: normal;
              margin-top:0;
              min-height: 27px;
              margin-bottom: 50px;
              @media (max-width: 767px) {
                margin-bottom: 25px;
              }
            }
            a{
              .st-link{
                padding: 13px 30px;
                border: 2px solid #FFFFFF;
                background-color: transparent;
                color: #FFFFFF;
                &:hover{
                  color: var(--main-color, #1A2B48);
                  background-color: #FFFFFF;
                }
              }

            }
          }
        }
      }
    }
    .st-search-form-tour{
      top: unset;
      bottom: 60px;
      @media (max-width: 991px) {
        top: 100%;
        bottom: unset;
      }
    }
  }
}

/*End Slider tour*/

/*Title Service*/
.st-title-normal {
  .content-text {
    .st-text-center {
      .text-center {
        font-size: 24px;
        font-weight: 600;
      }

      .box__separator {
        margin: 15px auto 0 auto;
        height: 2px;
        width: 80px;
        background: var(--link-color, #5191FA);
        border: none;

      }
    }
  }
}

.st-title-large {
  .content-text {
    .st-text-center {
      .text-center {
        font-size: 28px;
        font-weight: 600;
      }

      .box__separator {
        margin: 15px auto 0 auto;
        height: 2px;
        width: 80px;
        background: var(--link-color, #5191FA);
        border: none;

      }
    }
  }
}

.st-text-center {
  &.style-7 {
    h2.style-7 {
      position: relative;
      padding-bottom: 35px;

      &:after {
        content: '';
        position: absolute;
        background: url("../images/icon-wave.svg") center center no-repeat;
        background-size: cover;
        width: 65px;
        height: 12px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
      }
    }
  }

  &.style-8 {
    h2.style-8 {
      position: relative;
      color: #ffffff;
      padding-bottom: 35px;
      &:after {
        content: '';
        position: absolute;
        background: url("../images/icon-wave.svg") center center no-repeat;
        background-size: cover;
        width: 65px;
        height: 12px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
      }
    }
  }
  &.style-9{
    h2.style-9{
      font-weight: 600;
      position: relative;
      line-height: 42px;
      padding-bottom: 15px;
      margin-bottom: 40px;
      margin-top: 0;
      &:after{
        position: absolute;
        content: '';
        height: 2px;
        width: 80px;
        background: var(--link-color, #5191FA);
        bottom: 0;
        left: 0;
      }
    }
    .style-9-content{
      font-size: 16px;
      color: #666666;
    }
  }
}

/*End Title Service*/

/*List Categories*/
.category-slider-wrapper {
  .category-slider {
    .category-item {
      .thumb {
        position: relative;

        a {
          display: block;
          overflow: hidden;

          img {
            transition: all 0.3s;

            &:hover {
              transform: scale(1.1, 1.1);
            }
          }
        }

        .st-title {
          position: absolute;
          font-size: 24px;
          font-weight: bold;
          color: #ffffff;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%, -50%, 0);
          text-align: center;
          font-family: 'Playfair Display';
          cursor: pointer;
        }
      }
    }

    .owl-nav {
      button {
        position: absolute;
        top: 50%;
        margin-top: -35px;

        &.owl-prev {
          left: -44px;

          span {
            width: 14px;
            height: 24px;
            display: block;
            background: url(../images/html/icon_pre_2.svg) center center no-repeat;
            background-size: 100% auto;
            color: transparent;
          }
        }

        &.owl-next {
          right: -44px;

          span {
            width: 14px;
            height: 24px;
            display: block;
            background: url(../images/html/icon_next_2.svg) center center no-repeat;
            background-size: 100% auto;
            color: transparent;
          }
        }
      }
    }

    .owl-dots {
      margin-top: 40px;
      text-align: center;

      .owl-dot {
        width: 10px;
        height: 10px;
        background: #d8d8d8;
        border-radius: 50%;
        border: 2px solid transparent;
        margin-right: 10px;
        margin-left: 10px;

        &.active {
          background: #59657a;
        }
      }
    }
    &.style-2{
      .category-item{
        .thumb{
          .st-title{
            width: 100%;
          }
        }
      }
      .owl-nav{
        display: none;
      }
      .owl-dots{
        .owl-dot{
          &.active{
            background: var(--link-color, #5191FA);
          }
        }
      }
    }
  }
}

/*End List Categories*/
/*List of Destination*/
#st-content-wrapper {
  .list-destination-style8 {

    .destination-item {
      margin-bottom: 0;
      background: #ffffff;
      .image {
        border-radius: 0;

        img {
          border-radius: 0;
        }
      }

      .content {
        padding: 10px 20px 20px 20px;

        .st_destination {
          .title {
            font-size: 16px;
            color: var(--main-color, #1A2B48);
            a {
              color: var(--main-color, #1A2B48);
            }
          }

          .desc {
            font-size: 14px;
            color: #5e6d77;
            font-style: italic;
            a {
              color: #5e6d77;
            }
          }
          .multi{
            list-style-type: none;
            padding-left: 0;
          }
        }
      }
    }
    .owl-nav {
      button {
        position: absolute;
        top: 50%;
        margin-top: -35px;

        &.owl-prev {
          left: -44px;

          span {
            width: 14px;
            height: 24px;
            display: block;
            background: url(../images/html/icon_pre_2.svg) center center no-repeat;
            background-size: 100% auto;
            color: transparent;
          }
        }

        &.owl-next {
          right: -44px;

          span {
            width: 14px;
            height: 24px;
            display: block;
            background: url(../images/html/icon_next_2.svg) center center no-repeat;
            background-size: 100% auto;
            color: transparent;
          }
        }
      }
    }

    .owl-dots {
      margin-top: 40px;
      text-align: center;

      .owl-dot {
        width: 10px;
        height: 10px;
        background: #d8d8d8;
        border-radius: 50%;
        border: 2px solid transparent;
        margin-right: 10px;
        margin-left: 10px;

        &.active {
          background: #59657a;
        }
      }
    }
  }


}

/*End List of Destination*/
/*List feature*/
.st-list-features {
  background-color: #65324b;
  color: #fff;
  @media (max-width: 991px) {
    padding-top: 170px;
  }

  .st-featured-item {
    margin-top: 60px;
    @media (max-width: 991px) {
      margin-top: 0;
    }

    .content {
      padding-left: 0 !important;
      margin-left: 80px !important;

      .title {
        text-transform: uppercase;
        font-size: 16px;
      }

      .desc {
        font-size: 15px;
        width: 80%;
      }
    }
  }
}
#st-content-wrapper{
  .st-list-features-style2{
    padding-top: 60px;
    padding-bottom: 30px;

    .st-featured-item{
      margin-bottom: 30px;
      .image{
        margin-top: 0;
      }
      .content{
        margin-left: 80px;
        padding: 0 ;
        .title {
          text-transform: uppercase;
          font-size: 16px;
        }

        .desc {
          font-size: 15px;
          width: 80%;
        }
      }
    }
  }
}

.st-feature-style3{
  background: url("../images/feature_image.png") top center no-repeat;
  background-position-y: 20px;
  @media (max-width: 991px) {
    background: unset;
  }
}
.st-featured-item {
  &.image-top-2 {
    text-align: center;
    .image {
      img {
        margin: auto;
        padding-bottom: 10px;
      }
    }

    .content {
      .title {
        font-size: 16px;
      }

      .desc {
        font-size: 14px;
        color: #768092;
        width: 60%;
        margin: auto;
      }
    }
  }
  &.image-top-3 {
    text-align: center;
    .image {
      img {
        margin: auto;
        padding-bottom: 25px;
      }
    }
    .content {
      .title {
        font-size: 18px;
        margin-bottom: 25px;
        position: relative;
        padding-bottom: 5px;
        &:after{
          content: '';
          position: absolute;
          width: 30px;
          height: 1px;
          right: 50%;
          transform: translateX(50%);
          bottom: -10px;
          background: var(--link-color, #5191FA);
        }
      }

      .desc {
        font-size: 16px;
        color: #5e6d77;
        width: 70%;
        margin: auto;
      }
    }
  }

}

/*End List feature*/

/*List Tour*/
.list-service-style2 {
  .item-service {
    .service-border {
      .thumb {
        .st_sale_class {
          width: 50px;
          height: 50px;
          transform: unset;
          right: 20px;
          top: unset;
          bottom: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background-color: #fa5636;
        }
      }

      .service-title {
        font-size: 18px !important;
      }
    }
  }
}

.list-service-style3 {
  position: relative;

  .item-service {
    margin-top: 0px !important;

    .service-border {
      background: #FFFFFF;
      border: none !important;
      border-radius: 5px !important;

      .thumb {
        overflow: hidden;
        .st_sale_class {
          width: 50px;
          height: 50px;
          transform: unset;
          right: 20px;
          top: unset;
          bottom: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background-color: #fa5636;
        }

        .service-add-wishlist {
          opacity: 0.5;

          &.added {
            opacity: 1;
          }
        }
      }

      .service-title {
        font-size: 18px !important;
      }

      .section-footer {
        .footer-inner {
          .service-price {
            .price {
              .onsale {
                color: #c9cfd5 !important;
              }
            }
          }
        }
      }
    }
  }

  .owl-nav {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: -1;

    button {
      position: absolute;
      top: 50%;
      margin-top: -35px;

      &.owl-prev {
        left: -44px;

        span {
          width: 14px;
          height: 24px;
          display: block;
          background: url("../images/html/icon_pre_2.svg") center center no-repeat;
          background-size: 100% auto;
          color: transparent;
        }

        &.disabled {
          display: none;
        }

        @media (max-width: 1333px) {
          left: -40px;
        }
        @media (max-width: 1270px) {
          display: none;
        }
        @media #{$info-pc}{
          display: block;
          left: -66px;
        }
        @media (max-width: 1092px) {
          left: -40px;
        }
        @media (max-width: 1045px) {
          display: none;
        }
      }

      &.owl-next {
        right: -44px;

        span {
          width: 14px;
          height: 24px;
          display: block;
          background: url("../images/html/icon_next_2.svg") center center no-repeat;
          background-size: 100% auto;
          color: transparent;
        }

        &.disabled {
          display: none;
        }

        @media (max-width: 1333px) {
          right: -40px;
        }
        @media (max-width: 1270px) {
          display: none;
        }
        @media #{$info-pc}{
          display: block;
          right: -66px;
        }
        @media (max-width: 1092px) {
          right: -40px;
        }
        @media (max-width: 1045px) {
          display: none;
        }
      }
    }
  }

  .owl-dots {
    margin-top: 40px;
    text-align: center;

    .owl-dot {
      width: 10px;
      height: 10px;
      background: #FFFFFF;
      opacity: 0.4;
      border-radius: 50%;
      border: 2px solid transparent;
      margin-right: 10px;
      margin-left: 10px;
    }

    .active {
      position: relative;
      background: #FFFFFF;
      opacity: 1;
    }
  }
}
.list-service-style4 {
  position: relative;

  .item-service {
    margin-top: 0px !important;

    .service-border {
      border: none !important;
      border-radius: 0px !important;

      .thumb {
        .service-price{
          position: absolute;
          top: 0;
          left: 0;
          z-index: 8;
          height: 65px;
          background: var(--link-color, #5191FA);
          padding: 0 25px 0 10px;
          margin-top: 0;
          opacity: 0.9;
          .price{
            position: relative;
            .onsale{
              margin-bottom: 0;
              font-size: 14px;
              color: #FFFFFF;
              text-decoration: line-through;
              .st-ico{
                padding-right: 8px;
              }
            }
            .text-lg{
              color: #FFFFFF;
              font-size: 18px;
              font-weight: 500;
              margin-bottom: 0;
            }
          }
          .st-text{
            font-size: 14px;
            color: #FFFFFF;
          }
        }
        .st_sale_class {
          width: 50px;
          height: 50px;
          transform: unset;
          right: 20px;
          top: unset;
          bottom: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background-color: #fa5636;
        }

        .service-add-wishlist {
          opacity: 0.5;

          &.added {
            opacity: 1;
          }
        }
        .service-tag{
          top: 65px;
          &.bestseller{
            .feature_class{
              background: #ed0925;
            }
          }
        }
      }

      .service-title {
        font-size: 18px !important;
      }

      .section-footer {
        .footer-inner {
          justify-content: unset;
          @media (max-width: 575px) {
            display: flex;
          }
          .service-peple{
            margin-right: 30px;
            display: flex;
            .fa{
              margin-right: 8px;
            }
          }
          .service-duration{
            @media (max-width: 575px) {
              width: unset;
              margin-bottom: 0;
            }
            .fa{
              margin-right: 8px;
            }
          }
        }
      }
    }
  }



  .owl-dots {
    margin-top: 40px;
    text-align: center;

    .owl-dot {
      width: 10px;
      height: 10px;
      background: #d8d8d8;
      border-radius: 50%;
      border: 2px solid transparent;
      margin-right: 10px;
      margin-left: 10px;
    }

    .active {
      position: relative;
      background: #59657a;
      opacity: 1;
    }
  }
}

.st-list-tour-services {
  display: flex;
  align-items: center;
  @media (max-width: 991px) {
    display: block;
    margin-top: 160px;
  }
  .search-result-page{
    .st-hotel-result{
      z-index: 1;
      margin-top: 0px;
      @media (max-width: 991px) {
        margin-top: 30px;
      }
    }
  }
  .title-service{
    h2.title{
      font-weight: 600;
      position: relative;
      line-height: 42px;
      padding-bottom: 15px;
      margin-bottom: 40px;
      margin-top: 0;
      &:after{
        position: absolute;
        content: '';
        height: 2px;
        width: 80px;
        background: var(--link-color, #5191FA);
        bottom: 0;
        left: 0;
      }
    }
    .description{
      font-size: 16px;
      color: #666666;
    }
  }

}
.list-service-style5{
  position: relative;
  .item-service{
    margin-top: 0!important;
    .service-border{
      padding-bottom: 0!important;
      border: none !important;
      .thumb{
        position: relative;
        margin-bottom: 0;
        .service-price{
          position: absolute;
          bottom: 0;
          right: 0;
          z-index: 8;
          height: 65px;
          background: var(--link-color, #5191FA);
          padding: 0 10px 0 10px;
          margin-top: 0;
          opacity: 0.9;
          .price{
            position: relative;
            .onsale{
              margin-bottom: 0;
              font-size: 14px;
              color: #FFFFFF;
              text-decoration: line-through;
              .st-ico{
                padding-right: 8px;
              }
            }
            .text-lg{
              color: #FFFFFF;
              font-size: 18px;
              font-weight: 500;
              margin-bottom: 0;
            }
          }
          .st-text{
            font-size: 14px;
            color: #FFFFFF;
            font-weight: normal;
          }
        }
      }
    }
  }
  .owl-nav {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: -1;

    button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);

      &.owl-prev {
        display: none;
        left: -44px;

        span {
          width: 14px;
          height: 24px;
          display: block;
          background: url("../images/html/icon_pre_2.svg") center center no-repeat;
          background-size: 100% auto;
          color: transparent;
        }
      }

      &.owl-next {
        right: -35px;

        span {
          width: 14px;
          height: 24px;
          display: block;
          background: url("../images/html/icon_next_2.svg") center center no-repeat;
          background-size: 100% auto;
          color: transparent;
        }

        &.disabled {
          display: none;
        }

        @media (max-width: 1333px) {
          right: -40px;
        }
        @media (max-width: 1270px) {
          display: none;
        }
        @media #{$info-pc}{
          display: block;
          right: -66px;
        }
        @media (max-width: 1092px) {
          right: -40px;
        }
        @media (max-width: 1045px) {
          display: none;
        }
      }
    }
  }

}
.list-service-style6{
  .item-service{
    margin-top: 0px !important;
    .service-border{
      .thumb{
        .share-item{
          position: absolute;
          bottom: -40px;
          right: 15px;
          width: 30px;
          height: 30px;
          color: #a0a9b2;
          font-size: 21px;
          z-index: 8;
          cursor: pointer;
          text-align: center;
          .fa-heart-o{
            opacity: 0.5;
          }
          .fa-heart{
            color: #ff0000eb;
          }
        }
      }
      .service-title{
        width: 80%;
        font-size: 18px;
      }
      .section-footer{
        .footer-inner{
          .service-price{
            .price{
              .onsale{
                color: #c9cfd5 !important
              }
            }
          }
        }
      }
    }
  }
  .owl-dots{
    margin-top: 40px;
    text-align: center;
    .owl-dot{
      width: 10px;
      height: 10px;
      background: #d8d8d8;
      border-radius: 50%;
      border: 2px solid transparent;
      margin-right: 10px;
      margin-left: 10px;
    }
    .active{
      position: relative;
      background: var(--link-color, #5191FA);
    }
  }
}

/*End List Tour*/

/*List Destination*/


/*End List Destination*/

/*Best Seller*/
.best-seller-swapper {
  background: #65324b;
  margin-top: 40px;


  .st-best-seller {
    display: flex;
    color: #fff;

    @media (max-width: 767px) {
      flex-direction: column;
    }

    .st-best-seller-text {
      padding-right: 90px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: baseline;
      @media (max-width: 991px) {
        padding-right: 10px;
      }
      @media (max-width: 767px) {
        align-items: center;
        padding: 30px 10px;
      }

      .best-seller-text {
        padding: 3px 15px;
        border-radius: 16px;
        font-size: 16px;
        text-transform: uppercase;

      }

      .tour-title {
        line-height: 46px;
        padding-right: 100px;
        @media (max-width: 991px) {
          padding-right: 0;
          font-size: 24px;
          line-height: 36px;
          margin-top: 10px;
        }
      }

      .tour-description {
        font-size: 16px;
        @media (max-width: 767px) {
          display: none;
        }

      }

      .price {
        font-size: 18px;
        margin-bottom: 30px;
        @media (max-width: 991px) {
          margin-bottom: 10px;
        }

        .value {
          .onsale {
            text-decoration: line-through;
            padding: 0 10px;
          }
        }
      }

      .st-tour-link {
        .st-view-tour {
          padding: 10px 30px;
          color: var(--main-color, #1A2B48);
          font-weight: 500;

          &:hover {
            background-color: #fff;
          }
        }
      }
    }

    .thumb {
      padding-left: 0;
      padding-right: 0;
      @media (max-width: 767px) {
        width: 100%;
        height: auto;
        overflow: hidden;

      }

      .item {
        width: 50vw;
        overflow: hidden;

        img {
          height: auto;
          border: none;
          border-radius: 0;
          box-shadow: none;
          width: 100%;
          max-height: 550px;
          transition: all 0.3s;

          &:hover {
            transform: scale(1.1, 1.1);
          }
        }

        @media (max-width: 767px) {
          width: 100%;
        }
      }


    }
  }
}

/*End Best Seller*/

/*List Testimonial*/
.testimonial-slider-wrapper{
  .st-testimonial-new{
    .st-testimonial-slider{
      &.style-3{
        .owl-item{
          background: #FFFFFF;
          .item{
            border: none;
          }
        }
      }
    }
  }
}
.st-testimonial-new {
  &.style-5{
    margin: 100px 0 160px 0;
    @media (min-width: 1441px) {
      margin: 130px 0 190px 0;
    }
    @media (max-width: 1199px) {
      margin: 90px 0 150px 0;
    }
    @media (max-width: 991px) {
      margin: 50px 0 90px 0;
    }
    @media (max-width: 767px) {
      margin: 20px 0 60px 0;
    }
    @media (max-width: 575px) {
      margin: 20px 0 20px 0;
    }
  }
  .st-testimonial-slider {
    &.style-3 {
      .item {
        padding: 0;
        display: grid;
        grid-template-columns: 40% auto;

        .author {
          margin-bottom: 0;
          overflow: hidden;

          img {
            height: auto;
            width: 100%;
            border: none;
            border-radius: 0;
            box-shadow: none;
            transition: all .3s;

            &:hover {
              transform: scale(1.1, 1.1);
            }
          }
        }

        .content {
          padding-left: 30px;
          padding-right: 30px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          @media (max-width: 575px) {
            padding-left: 10px;
            padding-right: 10px;
          }

          .author-meta {
            font-size: 16px;
            font-weight: 500;
            color: var(--main-color, #1A2B48);
            line-height: 26px;
            text-transform: capitalize;
            margin-bottom: 5px;
          }

          .st-text {
            margin-bottom: 25px;
            font-style: italic;
            @media (max-width: 575px) {
              margin-bottom: 10px;
            }
          }
        }
      }

      .owl-nav {
        position: absolute;
        height: 100%;
        top: 0;
        width: 100%;
        z-index: -1;

        button {
          position: absolute;
          top: 50%;
          margin-top: -35px;

          &.owl-prev {
            left: -44px;

            span {
              width: 14px;
              height: 24px;
              display: block;
              background: url("../images/html/icon_pre_2.svg") center center no-repeat;
              background-size: 100% auto;
              color: transparent;
            }

            &.disabled {
              display: none;
            }

            @media (max-width: 1333px) {
              left: -40px;
            }
            @media (max-width: 1270px) {
              display: none;
            }
            @media #{$info-pc}{
              display: block;
              left: -66px;
            }
            @media (max-width: 1092px) {
              left: -40px;
            }
            @media (max-width: 1045px) {
              display: none;
            }
          }

          &.owl-next {
            right: -44px;

            span {
              width: 14px;
              height: 24px;
              display: block;
              background: url("../images/html/icon_next_2.svg") center center no-repeat;
              background-size: 100% auto;
              color: transparent;
            }

            &.disabled {
              display: none;
            }

            @media (max-width: 1333px) {
              right: -40px;
            }
            @media (max-width: 1270px) {
              display: none;
            }
            @media #{$info-pc}{
              display: block;
              right: -66px;
            }
            @media (max-width: 1092px) {
              right: -40px;
            }
            @media (max-width: 1045px) {
              display: none;
            }
          }
        }
      }

      .owl-dots {
        margin-top: 40px;
        text-align: center;

        .owl-dot {
          width: 10px;
          height: 10px;
          background: #EEEEEE;
          border-radius: 50%;
          border: 2px solid transparent;
          margin-right: 10px;
          margin-left: 10px;
        }

        .active {
          position: relative;
          background: var(--link-color, #5191FA);
          box-sizing: inherit;
          top: 0;
        }
      }
    }
    &.style-4{
      margin-bottom: 40px;
      .item{
        background: none;
        max-width: 700px;
        margin: auto;
        padding: 0;
        border: none;
        .content{
          .content-meta{
            font-size: 18px;
            color: #fff;
            font-style: italic;
            text-align: center;
            margin-bottom: 25px;
          }
          .author-meta{
            font-size: 15px;
            color: #fff;
            text-align: center;
          }
        }
      }
      .owl-dots{
        margin-top: 30px;
        .owl-dot{
          background: #fff;
          opacity: 0.4;
          margin-right: 10px;
          margin-left: 10px;
        }
        .active{
          border: none;
          opacity: 1;
        }
      }
    }
    &.style-5 {
      .item {
        padding: 0;
        display: grid;
        grid-template-columns: 50% auto;
        background-position-x: right;
        background-position-y: 0px;
        border: none;

        .author {
          margin-bottom: 0;
          overflow: hidden;
        }

        .content {
          padding-left: 85px;
          padding-right: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          @media (max-width: 1199px) {
            padding-left: 70px;
          }
          @media (max-width: 991px) {
            padding-left: 45px;
          }
          @media (max-width: 767px) {
            padding-left: 25px;
          }

          .author-meta {
            font-size: 16px;
            font-weight: 500;
            color: var(--main-color, #1A2B48);
            line-height: 26px;
            text-transform: capitalize;
            margin-bottom: 5px;
          }

          .st-text {
            margin-bottom: 25px;
            font-style: italic;
            @media (max-width: 575px) {
              margin-bottom: 10px;
            }
          }
        }
      }

      .owl-nav {
        position: absolute;
        height: 100%;
        top: 0;
        width: 100%;
        z-index: -1;

        button {
          position: absolute;
          bottom: -60px;
          @media (max-width: 991px) {
            bottom: -40px;
          }
          &.owl-prev {
            left: 57.5%;
            @media (max-width: 991px) {
              left: 56.5%;
            }
            @media (max-width: 767px) {
              left: 54%;
            }
            @media (max-width: 575px) {
              display: none;
            }
            span {
              width: 14px;
              height: 24px;
              display: block;
              background: url("../images/html/icon_pre_2.svg") center center no-repeat;
              background-size: 100% auto;
              color: transparent;
            }

            &.disabled {
              opacity: 0.5;
            }
          }

          &.owl-next {
            right: 38%;
            @media (max-width: 767px) {
              right: 40%;
            }
            @media (max-width: 575px) {
              display: none;
            }

            span {
              width: 14px;
              height: 24px;
              display: block;
              background: url("../images/html/icon_next_2.svg") center center no-repeat;
              background-size: 100% auto;
              color: transparent;
            }

            &.disabled {
              opacity: 0.5;
            }
          }
        }
      }

      .owl-dots {
        margin-top: 40px;
        text-align: center;

        .owl-dot {
          width: 10px;
          height: 10px;
          background: #EEEEEE;
          border-radius: 50%;
          border: 2px solid transparent;
          margin-right: 10px;
          margin-left: 10px;
        }

        .active {
          position: relative;
          background: var(--link-color, #5191FA);
          box-sizing: inherit;
          top: 0;
        }
      }
    }
  }
  .st-testimonial-image{
    position: absolute;
    width: calc(50vw);
    height: 100%;
    z-index: 9;
    top: 0;
    overflow: hidden;
    padding-right: 7.5px;
    img{
      width: 100%;
      object-fit: cover;
      height: 100%;

    }
  }
}


/*End List Testimonial*/

/*List Post*/
.st_blog {
  .thumb-header {
    img {
      height: auto;
      max-height: 100%;
      max-width: 100%;
    }
  }

  figure {
    img {
      height: auto;
      max-height: 100%;
      max-width: 100%;
    }
  }

  &.style4 {
    margin-top: 40px;

    .thumb {
      overflow: hidden;
      cursor: pointer;

      a {
        img {
          max-width: 100%;
          height: auto;
          transition: all 0.3s;

          &:hover {
            transform: scale(1.1, 1.1);
          }
        }
      }
    }

    .thumb-caption {
      margin-bottom: 30px;

      .date {
        margin-top: 20px;
        height: 23px;
        color: #5e6d77;
        margin-bottom: 8px;
      }

      .title {
        a {
          color: var(--main-color, #1A2B48);
          font-weight: 500;
        }
      }
    }
  }
  &.style5 {
    margin-top: 40px;

    .thumb {
      overflow: hidden;
      cursor: pointer;

      a {
        img {
          max-width: 100%;
          height: auto;
          transition: all 0.3s;

          &:hover {
            transform: scale(1.1, 1.1);
          }
        }
      }
    }
    .thumb-caption {
      margin-bottom: 30px;
      .date {
        height: 23px;
        color: #5e6d77;
        font-size: 14px;
      }

      .title {
        margin-top: 20px;
        margin-bottom: 10px;
        a {
          color: var(--main-color, #1A2B48);
          font-weight: 500;

        }
      }
    }
  }
  &.style6 {
    .thumb {
      overflow: hidden;
      cursor: pointer;

      a {
        img {
          max-width: 100%;
          height: auto;
          transition: all 0.3s;

          &:hover {
            transform: scale(1.1, 1.1);
          }
        }
      }
    }
    .thumb-caption {
      @media (max-width: 991px) {
        margin-bottom: 30px;
      }
      .title{
        a{
          &:hover{
            color: var(--link-color, #5191FA);
            text-decoration: none;
          }
        }
      }
      .date {
        height: 23px;
        color: #5e6d77;
        font-size: 14px;
      }

      .title {
        margin-top: 20px;
        margin-bottom: 10px;
        padding-right: 30px;
        a {
          color: var(--main-color, #1A2B48);
          font-weight: 500;

        }
      }
    }
  }
  &.style7 {
    margin-top: 40px;
    .thumb {
      overflow: hidden;
      cursor: pointer;

      a {
        img {
          max-width: 100%;
          transition: all 0.3s;
          width: 100%;
          height: auto;
          object-fit: cover;
          &:hover {
            transform: scale(1.1, 1.1);
          }
        }
      }
    }
    .thumb-caption {
      margin-bottom: 30px;
      .date {
        height: 23px;
        color: #5e6d77;
        font-size: 14px;
      }

      .title {
        margin-top: 20px;
        margin-bottom: 10px;
        a {
          color: var(--main-color, #1A2B48);
          font-weight: 500;

        }
      }
    }
  }

}

/*End List Post*/
/*Instagram*/
.stt-instagram-content{
  padding-top: 40px;
  background: #fff;
  .stt-instagram-follow{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    .left{
      .left-text{
        margin-left: 10px;
        a{
          font-size: 18px;
          color: var(--main-color, #1A2B48);
          font-weight: 500;
          &:hover{
            text-decoration: none;
            color: #186a9e;
          }
        }
      }
    }
    .right{
      @media (max-width: 767px) {
        display: none;
      }
      .right-text{
        color: #768092;
        font-size: 18px;
        a{
          color: var(--main-color, #1A2B48);
          &:hover{
            text-decoration: none;
            color: #186a9e;
          }
        }
      }
    }
  }
  .stt-list-image{
    .stt-image-item{
      .item{
        .thumb{
          overflow: hidden;
          img{
            transition: all 0.3s;
            cursor: pointer;
            &:hover{
              transform: scale(1.1,1.1);
            }
          }
        }
      }
    }
  }
}
/*End Instagram*/

/*End HomePage*/

/*Page Search*/
.search-result-page {
  &.style-2 {

    .search-form-top {
      @media (max-width: 991px) {
        display: none;
      }

      .st-search-form-tour {
        .tour-search-form-home {
          justify-content: unset;

          .search-form {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
          }
        }
      }
    }

    .tour-top-search {
      margin-top: 80px;
      @media (max-width: 991px) {
        margin-top: 43px;
      }

      .toolbar {
        .modern-result-string {
          font-size: 18px;

        }
      }

      .top-filter {
        ul {
          li {
            .title {
              font-size: 20px;
              font-weight: 600;
            }

            .form-extra-field {

            }
          }
        }
      }

      .modern-search-result {
        .row-wrapper {
          .item-service {
            .service-border {
              .thumb {
                .st_sale_class {
                  background-color: #fa5636;
                  width: 95px;
                  height: 50px;
                  top: -8px;
                  right: -32px;

                }

                .service-add-wishlist {
                  z-index: 7;
                  opacity: 0.5;
                }
              }

              .section-footer {
                .footer-inner {
                  .service-price {
                    .price {
                      .onsale {
                        color: #a9aeb8 !important;
                      }
                    }
                  }
                }
              }

              .service-title {
                font-size: 18px;
              }
            }
          }
        }
      }
    }

    .tour-sidebar-search {
      margin-top: 80px;
      @media (max-width: 991px) {
        margin-top: 43px;
      }

      .sidebar-item-wrapper {
        .sidebar-title {
          margin-bottom: 0;
          padding-bottom: 20px;
          font-size: 20px;
          font-weight: 600;
          border-bottom: 1px solid #d7dce3;

          &:before {
            height: 24px;
          }
        }
      }

      .toolbar {
        .toolbar-action {
          li {
            .form-extra-field {
              button {
                font-weight: 500;
              }
            }
          }
        }
      }

      .modern-search-result {
        .row-wrapper {
          .item-service {
            .service-border {
              .thumb {
                .st_sale_class {
                  background-color: #fa5636;
                  width: 95px;
                  height: 50px;
                  top: -8px;
                  right: -32px;

                }

                .service-add-wishlist {
                  z-index: 7;
                  opacity: 0.5;
                }
              }

              .section-footer {
                .footer-inner {
                  .service-price {
                    .price {
                      .onsale {
                        color: #a9aeb8 !important;
                      }
                    }
                  }
                }
              }

              .service-title {
                font-size: 18px;
              }
            }
          }
        }

        .style-list {
          .item-service {
            .item-service-wrapper {
              .item-content {
                .item-content-w {
                  .service-title {
                    font-size: 18px;
                  }
                }
              }

              .section-footer {
                .st_sale_class {
                  background-color: #fa5636;
                  width: 95px;
                  height: 50px;
                  top: -9px;
                  right: -20px;

                }
              }

              .thumb-wrapper {
                .thumb {
                  .st_sale_class {
                    background-color: #fa5636;
                    width: 95px;
                    height: 50px;
                    top: -8px;
                    right: -32px;
                  }

                  .service-add-wishlist {
                    z-index: 7;
                    opacity: 0.5;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

/*End Page Search*/

/*Single Page*/
body {
  &.st-header-4, &.st-header-5,&.st-header-6 {
    #header {
      &.header-style-4 {
        .header {
          .header-right {
            #st-main-menu {
              .main-menu {
                li {
                  ul {
                    li {
                      &.current-menu-item {
                        > a {
                          color: var(--link-color, #5191FA);
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .search-result-page {
      .search-form-top{
        .st-search-form-tour{
          .tour-search-form-home{
            .search-form{
              border: none;
            }
          }
        }
      }
      .banner {
        padding: 250px 0 80px 0;
      }
    }

  }
}

.st-header-4 {
  &.single, &.error404, &.page-template-template-checkout, &.page-template-template-payment-success, &.woocommerce-page,&.author {
    #header {
      &.header-style-4 {

        position: relative;
        background: #65324b;

        #topbar {
          .st-list {
            li {
              a {
                font-weight: 500;
                opacity: unset;
              }
            }
          }
        }
        .header {
          .header-right {
            #st-main-menu {
              .main-menu {
                li {

                  &.current-menu-item {
                    > a {
                      color: var(--link-color, #5191FA);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.st-header-5{
  &.single, &.error404, &.page-template-template-checkout, &.page-template-template-payment-success, &.woocommerce-page,&.author {
    #header {
      &.header-style-4 {

        position: relative;
        background: #186a9e;

        #topbar {
          .topbar-left{
            opacity: 1;
          }
          .st-list {
            li {
              a {
                font-weight: 500;
                opacity: unset;
              }
            }
          }
        }

        .header {
          .header-right {
            #st-main-menu {
              .main-menu {
                li {

                  &.current-menu-item {
                    > a {
                      color: var(--link-color, #5191FA);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.st-header-6{
  &.single, &.error404, &.page-template-template-checkout, &.page-template-template-payment-success, &.woocommerce-page,&.author {
    #header {
      &.header-style-4 {

        position: relative;
        background: #6589d8;

        #topbar {
          .topbar-left{
            opacity: 1;
          }
          .st-list {
            li {
              a {
                font-weight: 500;
                opacity: unset;
              }
            }
          }
        }

        .header {
          .header-right {
            #st-main-menu {
              .main-menu {
                li {

                  &.current-menu-item {
                    > a {
                      color: var(--link-color, #5191FA);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.st-header-5{
  #st-content-wrapper{
    .st-breadcrumb{
      ul{
        background: #f9f9f9;
      }
    }
  }
  .search-result-page{
    .st-hotel-result:before{
      background: #f9f9f9;
    }
  }

}

.st-single-tour-new {
  .st-map-wrapper {
    .map_iframe {
      margin-top: 30px;

      iframe {
        width: 100%;
      }
    }
  }
}
/*404 page solo */
.st-404-page--solo {
  @media (max-width: 767px){
    min-height: 356px;
  }
  min-height: 800px;
  /*background-color: #04294f;*/
  font-size: inherit;
  display: flex;
  align-items: center;
  h1 {
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.8px;
    color: #ffffff;
  }
  p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.5);
    a {
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: 1px;
      color: #df5334;
    }
  }
  .item-content {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
  }
  .row {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .item-img {
    @media (max-width: 767px){
      display: none;
    }
  }
}
/*banner solo*/
.st-solo-banner-bg{
  min-height: 810px !important;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  background-position-x: center !important;
  background-position-y: bottom !important;
  background-repeat: no-repeat;
  background-size: cover;
  .wpb_content_element{
    margin-bottom: 0px !important;
    &.solo-banner-title{
      .wpb_wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
      }
      h3{
        font-family: "Caveat";
        font-size: 100px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.9;
        letter-spacing: -2px;
        color: #ffffff;
        margin-bottom: 32px !important;
        margin-top: 0px;
        @media(max-width: 991px){
          font-size: 60px;
        }
        @media (max-width: 767px){
          font-size:48px;
          margin-bottom: 16px !important;
        }
      }
    }
    &.solo-banner-sub-title{
      .wpb_wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
      }
      p{

        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height:  26px;

        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 40px !important;
        max-width: 532px;
        @media (max-width: 767px){
          font-size: 16px;
          margin-bottom: 16px !important;
        }
      }
    }
  }
  .wpb_wrapper{
    text-align: center;
  }
  button,a{
    &.vc_general, &.vc_btn3, &.vc_btn3-size-md{
      padding: 18px 40px;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: 1px;
      color: #ffffff !important;
      background: #ec927e !important;
      border-radius: 40px ;
      margin-bottom: 0px;
      border: none !important;
      text-align: center;
      text-decoration: none;
      box-shadow: 0 5px 0 #df5334;
      transition: all 0.3s  ease-in-out;
      -moz-transition: all 0.3s  ease-in-out;
      position: relative;
      &:hover{
        transform: translateY(5px);
        box-shadow: 0 0px 0 #df5334 !important;
      }
    }
  }
  @media (max-width: 991px){
    min-height: 650px !important;
  }
  @media (max-width: 767px){
    min-height:325px !important;
    padding: 40px 0px;
  }
}
/*end banner solo*/
/*Solo tour home*/
.st-solo-list-tour{

  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: -70px;
  .vc_empty_space{
    &.space-top{
      @media (max-width: 991px){
        height: 130px !important;
      }
      @media (max-width: 767px){
        height:100px !important;
      }
    }
  }
  .vc_empty_space{
    &.space-bottom{
      @media (max-width: 991px){
        height: 80px !important;
      }
      @media (max-width: 767px){
        height:64px !important;
      }
    }
  }

  .owl-dots{
    padding-top: 32px;
    text-align: center;
    .owl-dot{
      width: 12px;
      height: 12px;
      border: 1px solid #ec927e;
      border-radius: 50%;
      margin: 0px 8px;
      &.active{
        background: #ec927e;
      }
    }
  }
  .wpb_content_element{
    margin-bottom: 0px !important;
    text-align: center;
    .wpb_wrapper{
      p{
        font-family: 'Caveat';
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.48px;
        color: #36bca1;
        margin-bottom: 0px;
        @media (max-width: 767px){

          font-size: 16px;
        }
      }
      h3{

        font-size: 36px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 36px;
        letter-spacing: -0.8px;
        color:var(--main-color, #123a32);
        margin-top: 12px ;
        position: relative;
        display: inline-block;
        &:before{
          content:url('../images/Vector.svg');
          position: absolute;
          left: 50%;
          bottom: -40px;
          transform: translateX(-50%);
          @media (max-width: 767px){
            display: none;
          }
        }
        @media (max-width: 767px){
          margin-bottom:16px;
          margin-top: 4px;
          font-size: 24px;
        }
      }

      img{
        margin-top: 24px;
        width: 100px;
        height: 10px;
      }
      a{

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #df5334;
        font-family: 'Poppins';
        text-decoration: none;
        border-bottom: 2px dashed #df5334;
        padding-bottom: 2px;
        @media (max-width: 991px){
          display: none;
        }
      }
    }
  }
}
/*end*/
/*Solo list location*/
.st-solo-list-location{
  @media(max-width: 767px){
    margin-top:-32px;
  }
  .wpb_content_element{
    margin-bottom: 0px !important;
    text-align: center;
    p{
      font-family: 'Caveat';
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.48px;
      color: #36bca1;
      margin-bottom: 12px;
      @media (max-width: 767px){
        font-size: 16px;
      }
    }
    h3{

      font-size: 36px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 36px;
      letter-spacing: -0.8px;
      color: var(--main-color, #123a32);
      margin-top: 0px  !important;
      margin-bottom: 0px;
      position: relative;
      display: inline-block;
      &:after{
        content: url(../images/Vector.svg);
        position: absolute;
        left: 50%;
        bottom: -40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        @media (max-width: 767px){
          display: none;
        }
      }
      @media (max-width: 767px){
        font-size:24px;
      }
    }
    img{
      width: 100px;
      height: 10px;
    }
    a{

      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: 1px;
      color: #df5334;
      font-family: 'Poppins';
      text-decoration: none;
      border-bottom: 2px dashed #df5334;
      padding-bottom: 2px;
      text-align: center;
      display: inline-block;
      padding-top: 60px;
      cursor: pointer;
      @media (max-width: 767px){
        display: none;
      }
    }
  }
  .list-destination--layout9{
    padding-top: 74px;
    position: relative;
    @media (max-width: 767px){
      padding-bottom: 32px;
      border-bottom: 1px dashed #e2e7e6;
      padding-top: 16px;
    }
    .destination-item{
      .image{

        a{
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          display: block;
          border-radius: 24px;
          overflow: hidden;
        }
      }
      @media (max-width: 767px){
        margin-bottom:0px !important;
      }
    }
    .owl-dots{
      text-align: center;
      @media (max-width: 767px){
        padding-top: 40px;
      }
      .owl-dot{
        width: 12px;
        height: 12px;
        background-color:white;
        border: 1px solid #ec927e;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 50%;
        &.active{
          background-color: #ec927e;
        }
      }
    }
    .st_destination{
      text-align: center;
      h4{
        margin: 24px 0px 0px 0px !important;

        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 32px;
        letter-spacing: 0.48px;
        color: var(--main-color ,#123a32);
        text-align: center;
        position: relative;
        display: inline-block;
        transition: all 0.35s;
        &:after{
          position: absolute;
          content: url('../images/arrow-right.svg');
          top: 2px;
          right: -22px;
          width: 12px;
          height: 12px;
          transform: unset;
          transition: all 0.35s;
        }
        &:hover{
          &:after{
            transform: translateX(10px);
          }
        }
        @media (max-width: 767px){
          font-size:18px !important;
        }
      }
    }
  }
}
/*end*/
/*Testimonial solo*/
.st-solo-testimonial-wrapper{
  .st-testimonial-solo-slider{
    position: relative;
    overflow: hidden;
    .item{
      display: flex;
      align-items: center;
      .content-item{
        max-width: 370px;
        @media (max-width: 991px){
          max-width: 100%;
          text-align: center;
        }
        @media (max-width: 767px){
          max-width:100%;
        }
        p{

          font-size: 20px;
          font-weight: normal;
          font-stretch: normal;
          font-style: italic;
          line-height:  32px;
          letter-spacing: normal;
          color: var(--main-color,#123a32);
          margin-bottom: 40px;
          position: relative;
          &:before{
            position:absolute;
            content: url('../images/icon-solo-testimonial.svg');
            width: 24px;
            height: 17px;
            left: 0px;
            top: -43px;
          }
          @media (max-width: 767px){
            font-size:20px;
            margin-bottom: 24px;
          }
        }
        .author-meta{
          padding-left: 56px;
          @media (max-width: 767px){
            padding-left: 0px;

          }
          .author-name{

            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 26px;
            letter-spacing: normal;
            color: #000000;
            margin-bottom: 16px;
            position: relative;
            display: inline-block;
            &:before{
              position:absolute;
              content: '';
              width: 40px;
              height: 2px;
              left: -54px;
              top: 9px;
              background: #36bca1;
              @media (max-width: 767px){
                display: none;
              }
            }
            @media (max-width: 767px){
              margin-bottom:12px;
            }
          }
          .star{
            margin-bottom: 8px;
            i{
              color: #f2911f;
            }
          }
          .description{

            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: #889c98;
          }
        }
      }
      .author{
        @media (max-width: 767px){
          display: none;
        }
      }
    }
    .owl-dots{
      margin-top: 38px;
      text-align: left !important;
      max-width: 370px;
      position: absolute;
      right: auto;
      left: 15px;
      .owl-dot{
        width: 12px;
        height: 12px;
        border: solid 2px #ec927e;
        margin: 0px 8px;
        background: white;
        &.active{
          background: #ec927e;
          width: 8px;
          height: 8px;
          top: 0px;
        }
        &:hover{
          background: #ec927e;
        }
      }
      @media (max-width: 767px){
        position: unset;
        text-align: center !important;
        margin-top: 32px;
        max-width:100%;
      }
    }
  }

}
/*end*/
/*About us solo*/
.st-solo-about-us{
  padding: 100px 0px 104px 0px;
  @media (max-width: 991px){
    padding: 80px 0px;
  }
  @media (max-width: 767px){
    padding:32px 0px;
  }
  background-size: cover;
  background-position: center top !important;
  background-repeat: no-repeat;
  position: relative;
  .st-about-us-left{
    @media (max-width: 767px){
      text-align: center;
    }
    .wpb_content_element{
      margin-bottom: 0px !important;
      p{
        font-family: 'Caveat';
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.48px;
        color: #36bca1;
        padding-left: 0px !important;
        @media (max-width: 767px){
          text-align: center !important;
          font-size: 16px;
        }
      }
      h3{
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px !important;

        font-size: 36px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 36px;
        letter-spacing: -0.96px;
        color: var(--main-color, #123a32);
        position: relative;
        display: inline-block;
        &:after{
          content: url(../images/Vector.svg);
          position: absolute;
          left: 0px;
          bottom: -40px;
          @media (max-width: 767px){
            display: none;
          }
        }
        @media (max-width: 767px){
          font-size: 24px;
          margin-bottom:16px;
        }
      }
      &.wpb_single_image{
        position: absolute;
        bottom:auto;
        top: 220px;
        left: 0px;
        right: auto;
        @media (max-width: 1024px){
          top: 180px;
        }
        @media (max-width: 991px){
          position: unset;
          text-align:center;
        }
      }
    }
  }
  .st-about-us-right{
    padding-left: 115px;
    @media (max-width: 991px){
      padding-left: 15px;
    }
    @media (max-width: 767px){
      text-align:center;
    }
    .wpb_content_element{
      margin-bottom: 0px !important;
      &:first-child{
        margin-bottom:40px !important;
        @media (max-width: 767px){
          margin-bottom:32px !important;
        }
        p{

          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: rgba(18, 58, 50, 0.5);
          margin-bottom: 40px;
          display: inline-block;
          max-width: 100%;
          @media (max-width: 767px){
            margin-bottom:32px ;
          }
        }
      }
      h3{
        margin-bottom: 0px;
        margin-top: 0px;

        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 26px;
        letter-spacing: normal;
        color:var(--main-color,#123a32);
      }
      p{

        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.32px;
        color:var(--main-color, #123a32);
        margin-bottom: 40px;
        max-width: 222px;
        display: flex;
        align-content: flex-end;
        @media (max-width: 767px){
          display: inline-flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          font-size: 12px;
          max-width: 112px;
          margin-bottom: 20px;

        }
        img{
          margin-right: 16px;
          width: 48px;
          height: 48px;
          object-fit: cover;
          @media (max-width: 767px){
            margin-right: 0px;
            margin-bottom: 16px;
          }
        }
      }
      &.st-about--btn{
        @media (max-width: 767px){
          display: none;
        }
        p{
          margin-bottom: 0px;
        }
        a{

          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: 1px;
          color: #df5334;
          display: inline-block;
          border-bottom: 2px dashed #df5334;
          margin-top: 14px;
          text-decoration: none;
          padding-bottom: 2px;
        }
      }
    }
  }

}
/*end*/
/*space section*/
.vc_empty_space{
  &.space-top-section{
    @media (max-width: 1024px){
      height: 80px !important;
    }
    @media (max-width: 767px){
      height: 32px !important;
    }
  }
  &.space-bottom-section{
    @media (max-width: 1024px){
      height: 80px !important;
    }
    @media (max-width: 767px){
      height: 32px !important;
    }
  }
}

/*end space*/
/*Solo blog*/
.st-solo-blog{
  .st-title-heading{
    h3{
      margin-top: 0px;
      font-size: 32px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 32px;
      letter-spacing: -0.8px;
      color: var(--main-color, #123a32);
      display: block;
      text-align: center;
      position: relative;
      &:after{
        content:none;
      }
      @media (max-width:767px){
        font-size: 18px;
      }
    }

  }
  .space-title{
    @media (max-width:767px){
      height: 16px !important;
    }
  }
  .wpb_content_element{
    p{
      font-family: 'Poppins';
    }

  }
  .owl-stage-outer{
    @media (max-width:767px){
       width: calc(100vw - 30px);
    }
  }



}
/*margin-top-blog*/
.vc_empty_space{
  &.space-top-blog{
    @media (max-width: 1024px){
      height: 80px !important;
    }
    @media (max-width: 767px){
      height: 32px !important;
    }
  }
  &.space-bottom-section{
    @media (max-width: 1024px){
      height: 80px !important;
    }
    @media (max-width: 767px){
      height: 32px !important;
    }
  }
}
/*end*/
.st-solo-blog-list{
  overflow: hidden;
  h3{
    margin-top: 0px;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.8px;
    color: var(--main-color, #123a32);
    display: block;
    text-align: center;
    position: relative;
    &:after{
      position:absolute;
      content: url('../images/Vector.svg');
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%);
      @media (max-width: 767px){
        display: none;
      }
    }
    @media (max-width: 767px){
      font-size: 24px;
      margin-bottom: 0px;
    }
  }
  .vc_empty_space{
    @media (max-width: 767px){
      height: 16px !important;
    }

  }
}
.st-solo-blog-list , .st-solo-blog{
  .st_blog{
    &.style7{
      margin-top: 0px;
      @media (max-width:991px){
        overflow: hidden;
      }

    }
  }

  .wpb_content_element{
    margin-bottom: 0px !important;
    p{
      font-family: 'Caveat';
      font-size: 20px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height:32px;
      letter-spacing: 0.48px;
      color: #36bca1;
      margin-bottom: 12px;
      text-align: center;
      @media (max-width: 767px){
        font-size: 16px;
        margin-bottom: 4px;
      }
    }

    a{

      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: 1px;
      color: #df5334;
      font-family: 'Poppins';
      display: inline-block;
      padding-bottom: 2px;
      margin-top: 45px;
      border-bottom: 2px dashed #df5334;
      text-decoration: none;
      @media (max-width: 767px){
        display: none;
      }
    }
  }
  .owl-stage-outer{
    overflow: visible;
  }
  .st_blog{
    .st-blog--bg{
      border-radius: 24px;
      box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
      background-color: #ffffff;
      overflow: hidden;
      margin-bottom: 15px;
      @media (max-width:991){
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
      }
      .hover-img{
        display: block;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      }
    }
    .owl-dots{
      @media (max-width:767px){
        margin-top: 17px;
        text-align: center;
        .owl-dot{
          width: 12px;
          height: 12px;
          border: solid 2px #ec927e;
          background: white;
          margin: 0px 8px;
          border-radius: 50%;
          &.active{
            background: #ec927e;
          }
        }
      }

    }
    .thumb{
      img{
        border-radius: 24px 24px 0px 0px;
        @media (max-width: 767px){
          height: auto;
        }
      }
    }
    .thumb-caption{
      padding: 16px 24px;
      margin-bottom: 0px;
      @media (max-width: 767px){
        padding: 16px;
      }
      .blog-date{
        display: flex;
        margin: 0px;
        padding: 0px;
        li{
          list-style: none;

          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: #869a96;
          &.blog-location{

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: 0.32px;
            text-transform: uppercase;
            margin-right: 20px;
            position: relative;
            &:after{
              content:'';
              position: absolute;
              top: 8px;
              right: -12px;
              height: 4px;
              width: 4px;
              border-radius: 50%;
              background-color: #869a96;
            }
          }
        }
      }
      .title{
        margin: 10px 0px 16px 0px;
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 26px;
        letter-spacing: normal;
        color:var(--main-color, #123a32);
        transition: all 0.35s;
        a{
          color:var(--main-color, #123a32);
          transition: all 0.35s;
          text-decoration: none;
        }
        &:hover{
          a{
            color:#ec927e;
          }
        }
      }
      .sub-title{

        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: rgba(18, 58, 50, 0.5);
        margin-bottom: 0px;
      }
    }
  }
}
/*end*/
/*solo tour introduce*/
.st-solo-tour-introduce{
  padding: 101px 0px 95px 0px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  @media (max-width: 991px){
    padding: 80px 0px;
    .row{
      display: flex;
    }
  }
  @media (max-width: 767px){
    padding: 32px 0px;
  }
  .solo-tour-introduce-left{
    @media (max-width: 767px){
      width: 100%;
      text-align: center;
    }
    .wpb_content_element{
      margin-bottom: 0 !important;
      @media (max-width: 767px){
        text-align: center;
      }
      &.st-tour-introduce-heading{
        p{
          font-family: 'Caveat';
          font-size: 24px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 0.48px;
          color: #36bca1;
          display: block;
          margin-bottom: 12px;
          @media (max-width: 767px){
            font-size: 16px;
          }
        }
        h3{

          font-size: 36px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 36px;
          letter-spacing: -0.96px;
          color: var(--main-color,#123a32);
          display: inline-block;
          margin-bottom: 74px;
          margin-top: 0px;
          position: relative;
          display: inline-block;
          &:after{
            content: url(../images/Vector.svg);
            position: absolute;
            left: 0px;
            bottom: -40px;
            @media (max-width: 767px){
              display: none;
            }
          }
          @media (max-width: 991px){
            font-size:34px;
          }
          @media (max-width: 767px){
            font-size:24px;
            margin-bottom: 16px;
          }
        }
      }
      &.st-tour-introduce-description{
        p{

          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: rgba(18, 58, 50, 0.5);
          margin-bottom: 6px;
          display: block;
          max-width: 469px;
          @media (max-width: 767px){
            max-width: 100%;
            text-align: center;
          }
        }
      }
      &.img-tour-introduce{
        img{
          width: 100%;
          height: auto;
        }
      }
      &.st-btn{
        a{

          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: 1px;
          color: #df5334;
          display: inline-block;
          padding-bottom: 2px;
          border-bottom: 2px dashed #df5334;
          margin-top: 60px;
          text-decoration: none;
        }
        @media (max-width: 767px){
          display:none;
        }
      }
    }

  }
  .solo-tour-introduce-right{
    @media (max-width: 767px){
      display: none;
    }
    .wpb_content_element{
      margin-bottom: 0px !important;
    }
  }
}
/*end*/

/*Footer*/
#main-footer{
  &.main-footer--solo{
    padding-top: 0px;
    padding-bottom: 0px;

    .st-footer-solo{

      .vc_row{
        @media (max-width: 991px){
          display: flex;
        }
        @media (max-width:767px){
          flex-direction: column;
        }
      }
      .wpb_content_element{
        margin-bottom: 0px !important;
      }
      .form-mc-solo{
        text-align: center;
        padding: 104px 0px 45px 0px;
        label{

          font-size: 20px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: #ffffff;
          margin-bottom: 24px;
          margin-top: 0px;
          position: relative;
          &:before{
            position:absolute;
            content: url('../images/send_solo.svg');
            left: 50%;
            top: -64px;
            transform: translateX(-50%);
          }
          @media (max-width: 767px){
            margin-bottom:16px;
          }
        }
        .form-group{
          margin-bottom: 32px;
          @media (max-width: 767px){
            display: flex;
            flex-direction: column;
            margin-bottom: 16px;
          }
          input{
            min-width: 370px;
            border:none;
            outline: none;
            padding:12px 24px;

            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: rgba(255, 255, 255, 0.6);
            border-radius: 24px;
            background-color: #cc7917;
            &:first-child{
              margin-right:30px;
              @media (max-width: 767px){
                margin-right: 0px;
                margin-bottom: 8px;
                max-width: 487px;
                margin: auto auto 10px auto;
              }
            }
            &::-webkit-input-placeholder { /* Edge */
              color: rgba(255, 255, 255, 0.6);
            }

            &:-ms-input-placeholder { /* Internet Explorer */
              color: rgba(255, 255, 255, 0.6);
            }

            &::placeholder {
              color: rgba(255, 255, 255, 0.6);

            }
            @media (max-width:991px){
              min-width: 270px;
            }
            @media (max-width: 767px){
              min-width:auto;
              width:100%;
              max-width: 487px;
              margin: auto;
            }

          }
        }
        .form-submit{
          display: inline-block;
          position: relative;
          cursor: pointer;
          input{
            padding: 14px 66px;

            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: 1px;
            color:var(--main-color,#123a32);
            border-radius: 40px;
            background-color: #ffffff;
            outline: none;
            position: relative;
            box-shadow: 0px 5px 0px #c8c8c8;
            position: relative;
            transition: all 0.3s  ease-in-out;
            -moz-transition: all 0.3s  ease-in-out;
            &:hover{
              transform: translateY(5px);
              box-shadow: 0 0px 0 #df5334 !important;
            }
          }
        }
      }
      .wpb_column{

        &.st-footer-solo--mutil-language{

          @media (max-width: 767px){
            max-width:100%;
            padding-top: 32px;
            padding-bottom: 0px;
          }
          padding-top: 60px;
          padding-bottom: 60px;
          h4{
            font-family: 'Caveat';
            font-size: 36px ;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 30px;
            letter-spacing: -0.8px;
            color: #ffffff;
            margin-bottom: 42px;
            margin-top: -3px;
            @media (max-width: 767px){
              margin-bottom: 16px;
              font-size: 24px;
            }
          }
          .vc_sep_width_40{
            display: none;
          }
          .form-group{
            label{

              font-size: 14px;
              font-weight: 600 ;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: 1px;
              color: rgba(255, 255, 255, 0.6) !important;
            }
            .select2{
              outline: none;
              .select2-selection--single{
                border-radius: 40px;
                background-color: #350a4f;
                height: auto !important;
                outline: none;
                border-color: transparent;
                .select2-selection__rendered{

                  font-size: 16px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.5;
                  letter-spacing: normal;
                  color: #ffffff;
                  padding: 12px 24px;
                  outline: none;
                }
                .select2-selection__arrow{
                  top: 5px;
                  right: 4px;
                  b{
                    &:after{
                      top:-10px;
                      left:-15px;
                      color: white !important;
                    }
                  }

                }
              }
            }
          }
          .st-footer-solo--social{
            margin-top: 26px;
            .wpb_wrapper{
              p{

                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.43;
                letter-spacing: normal;
                color: rgba(255, 255, 255, 0.5);
                a{
                  &:not(:last-child){
                    margin-right: 12px;
                  }
                  img{
                    border-radius: 50%;
                    width: 40px;
                    height: 45px;
                    &:not(:last-child){
                      margin-right: 12px;
                    }

                    @media (min-width:768px) and (max-width: 991px){
                      width: 40px;
                      height: 40px;
                    }
                  }
                }
                img{
                  border-radius: 50%;
                  width: 40px;
                  height: 45px;
                  &:not(:last-child){
                    margin-right: 12px;
                  }

                  @media (max-width: 991px){
                    width: 40px;
                    height: 40px;
                  }
                }


              }
            }
          }
        }
        &.st-footer-solo--tour , &.st-footer-solo--support, &.st-footer-solo--multi-page{
          padding-top: 60px;
          padding-bottom: 60px;
          h4{

            font-size: 20px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 32px;
            letter-spacing: normal;
            color: #ffffff;
            margin-bottom: 40px;
            margin-top: 0px;
            @media (max-width: 767px){
              margin-bottom: 16px;
            }
          }
          .vc_sep_width_40{
            display: none;
          }
          .widget_nav_menu{
            .menu{
              li{
                &:not(:last-child){
                  a{
                    margin-bottom: 24px;
                    @media (max-width: 767px){
                      margin-bottom: 16px;
                    }
                  }
                }
                a{

                  font-size: 15px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 21px;
                  letter-spacing: normal;
                  color: #ffffff;
                }
              }
            }
          }

          @media (max-width: 767px){
            max-width:100%;
            padding-top: 32px;
            padding-bottom: 0px;
          }
          .menu{
            li{
              &:hover{
                a{
                  color: #ec927e;
                }
              }
              a{
                transition: all 0.35s;
                text-decoration: none;
              }
            }
          }
        }
        &.st-footer-solo--multi-page{
          .st-footer--copy-right{
            padding-top: 185px;
            @media (max-width: 991px){
              padding-top: 125px;
            }
            p{

              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.43;
              letter-spacing: normal;
              color: rgba(255, 255, 255, 0.5);
            }
          }
        }


      }


    }
    .st-footer-solo--sub{
      padding-bottom: 60px;
      display: flex;
      @media(max-width: 767px){
        padding-bottom: 32px;
        padding-top: 32px;
        flex-wrap: wrap;
      }
      .row{
        display: flex;
        @media (max-width: 767px){
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
        }
      }
      .st-footer-solo--address{
        @media (max-width: 767px){
          width: 100%;
        }
        .wpb_content_element{
          margin-bottom: 0 !important;
        }
        p{

          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: rgba(255, 255, 255, 0.5);
        }
      }
      .st-footer--copy-right{
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        position: relative;
        @media (max-width: 767px){
          justify-content: flex-start;
          margin-top: 33px;
          width: 100%;
          &:before{
            position:absolute;
            content: '';
            width:calc(100% - 30px) ;
            height: 1px;
            top: -16px;
            left: 15px;
            background: rgba(255, 255, 255, 0.16);
          }
        }
        .wpb_content_element{
          margin-bottom: 0 !important;
        }
        p{

          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: rgba(255, 255, 255, 0.5);
        }
      }
    }

  }
}

/*endfooter*/

/*Search location solo*/
.st-tour--solo{
  padding-bottom: 80px !important;
  @media (max-width: 767px){
    padding-bottom: 32px !important;
  }
  .st-tour--solo__banner{
    position: relative;
    .banner{
      display: flex;
      align-items: center;
      justify-content: center;
      @media (min-width: 768px){
        min-height: 356px;
      }
      @media (max-width: 767px){
        min-height: 206px;
      }
      padding: 0px !important;
    }
    .st-breadcrumb{
      padding: 0px !important;
      border-bottom: none !important;
      position: absolute;
      left: 0px;
      top: 24px;
      width: 100%;
      ul{
        background: transparent !important;
        li{
          padding-right: 20px;
          a{

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color:var(--main-color,#123a32);
          }
          &.active{
            padding-left: 0px !important;
            a{
              opacity: 0.5;
            }
          }
          &:not(:last-child):after{
            background:var(--main-color,#123a32) !important;
            right: 10px !important;
            border-radius: 50%;

          }
        }
      }

    }
  }


  .search-form{
    position: relative;
  }
  .search-form-top{
    margin-bottom: 0px !important;
  }
  .st-hotel-result{
    margin-top: 123px !important;
    @media (max-width: 767px){
      margin-top: 32px !important;
    }
  }
  .grid-item{
    margin-bottom: 30px;
    padding-left: 0px;
    @media (max-width: 767px){
      padding-left: 15px;
    }
  }
  .st-left{
    display: flex;
  }
  .title-result{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: rgba(18, 58, 50, 0.5);
    margin-right: 5px;
  }
  .modern-result-string{
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--main--color,#123a32);
    text-transform: uppercase;

  }
  .search-form-wrapper{
    position: unset !important;
    padding-top: 40px;
    position: relative;
    @media(max-width: 767px){
      padding-top: 32px;

    }
    &:after{
      content:'';
      width: 100%;
      height: 1px;
      left: 0px;
      position: absolute;
      background-color: #eeeeee;
      bottom: -44px;
      @media (max-width: 767px){
        display: none;
      }
    }
    .form-extra-field{
      padding: 0px;
    }
    .search-form{
      width: 100%;
      min-height: auto !important;
      border: none !important;
      @media (max-width: 767px){
        border-bottom: 2px dashed #eeeeee !important;
        padding-bottom: 47px !important;
      }
      .form{
        height: auto !important;
        .form-group{
          min-height: 48px !important;
          &.field-detination{
            min-width: 270px;
            width: auto !important;
            height: 40px !important;
            border: 1px solid #eeeeee;
            border-radius: 40px;
            margin-right: 30px;
            background-color: #f6f7f7;
            position: relative;
            display: flex;
            padding-left: 24px !important;
            #dropdown-destination{
              padding-left: 28px !important;
              display: block;
              width: 100%;
              position: relative;
              margin-top: 5px;
              line-height: auto;
              &:after{
                position: absolute;
                content:url('../images/arrow.svg');
                top: 2px;
                right: 20px;
                width: 16px;
                height: 16px;
              }
              .render{

                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color,#123a32) !important;
              }
            }
            .st-location-new{

              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color:var(---main-color,#123a32);
            }
            svg{
              width: 16px;
              height: 16px;
            }
            .dropdown-menu{
              margin-top: 8px;
              border-radius: 24px;
              box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.04);
              border: solid 1px #eeeeee;
              padding: 24px 24px 16px 24px;
              li{
                padding: 0px 0px 8px 16px;
                &.parent_li{
                  padding: 0px 0px 8px 0px;
                  .parent{

                    font-size: 16px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color:var(--main--color, #123a32);
                    transition: all 0.35s;
                    &:hover{
                      color:#ec927e;
                    }
                  }
                  &:hover{
                    background: transparent;
                  }
                &:not(:first-child){
                  padding: 8px 0px 8px 0px;
                }
                }
                &:hover{
                  background: transparent;
                }
                .fa{
                  display: none;
                }
                span{
                  width: 100%;
                  &.lv2{
                    padding-left: 16px;
                    font-size: 14px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.43;
                    letter-spacing: normal;
                    color:var(--main-color,#123a32);
                    transition: all 0.35s;
                    &:hover{
                      color: #ec927e;
                    }
                  }
                  &.child{
                    padding-left: 20px !important;
                    transition: all 0.35s;
                    &:hover{
                      color: #ec927e;
                    }
                  }
                }
              }
            }
            @media (max-width: 1024px){
              min-width: 240px;
              margin-right:20px;
            }
            @media (max-width: 991px){
              min-width: 100%;
              margin-right:0px;
              margin-bottom:8px;
            }

          }
          &.form-date-search-new{
            .date-wrapper{
              display: block;
              width: 100%;
              position: relative;
              margin-top: 3px;
              &:after{
                position: absolute;
                content:url('../images/arrow.svg');
                top: 2px;
                right: 20px;
                width: 16px;
                height: 16px;
                cursor: pointer;
              }
              >div{
                padding-left: 12px !important;
                @media (max-width: 1024px){
                  padding-left: 6px !important;
                }
                @media (max-width: 991px){
                  padding-left: 24px !important;
                }
              }
            }
            min-width: 304px;
            width: auto !important;
            height: 48px !important;
            border-radius: 40px;
            border: 1px solid #eeeeee;
            margin-right: 30px;
            padding:12px 0px 12px 24px !important;
            background-color: #f6f7f7;
            display: flex;
            .st-date-text{

              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color:var(---main-color,#123a32);
            }
            svg{
              width: 16px;
              height: 16px;
            }
            .st-render{
              .render{

                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color,#123a32);
              }
            }
            @media (max-width: 1024px){
              min-width: 240px;
              margin-right:20px;
            }
            @media (max-width: 991px){
              min-width: 100%;
              margin-right:0px;
              margin-bottom:8px;
            }
          }
          &.field-guest-new{
            min-width: 270px;
            width: auto !important;
            height: 48px !important;
            border-radius: 40px;
            border: 1px solid #eeeeee;
            margin-right: 30px;
            padding-left: 24px !important;
            background-color: #f6f7f7;
            display: flex;
            label{

              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color:var(---main-color,#123a32);
            }

            svg{
              width: 16px;
              height: 16px;
            }
            .dropdown{
              padding-left: 30px !important;
              display: block;
              width: 100%;
              position: relative;
              line-height: 5px;
              &:after{
                position: absolute;
                content:url('../images/arrow.svg');
                top: 2px;
                right: 20px;
                width: 16px;
                height: 16px;
              }
            }
            .dropdown-menu{
              border-radius: 24px;
              box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.04);
              border: solid 1px #eeeeee;
              margin-top: 8px;
              padding: 24px;
              .select-wrapper{
                display: flex;
                align-items: center;
                .st-number-wrapper{
                  width: 100%;
                  input{
                    border-radius: 8px;
                    border: solid 1px #eeeeee;

                    font-size: 16px !important;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color: #000000 !important;
                  }
                  span{
                    &.prev{
                      line-height: 41px;
                      svg{
                        g{
                          g{
                            stroke: #ec927e;
                          }
                        }
                      }
                    }
                  }
                  span{
                    &.next{
                      svg{
                        g{
                          g{
                            stroke: #ec927e;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
            .render{

              font-size: 16px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color:var(--main-color,#123a32) !important;
            }
            @media (max-width: 1024px){
              min-width: 240px;
              margin-right:20px;
            }
            @media (max-width: 991px){
              min-width: 100%;
              margin-right:0px;
              margin-bottom:8px;
            }
          }
          &.has-icon{
            i{
              g{
                g{
                  stroke: #123a32;
                }
              }
            }
          }

        }
        .form-button-new{
          display: inline-flex;
          position: relative;
          @media (max-width: 991px){
            margin-left: 50%;
            transform: translateX(-50%);
          }
          .btn-search{

            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            padding: 14px 40px;
            letter-spacing: 1px;
            color: #ffffff;
            background: #ec927e;
            border-radius: 40px;
            position: relative;
            box-shadow: 0px 5px 0px #df5334;
            z-index: 50;
            outline: none;
            transition: all 0.3s  ease-in-out;
            -moz-transition: all 0.3s  ease-in-out;
            &:hover{
              transform: translateY(5px);
              box-shadow: 0 0px 0 #df5334 !important;
            }
            @media (max-width: 767px){
              margin-top: 16px;
            }

          }
        }
      }

    }
  }
  .pagination{
    text-align: left !important;
    margin-top: 0px !important;
    ul{
      margin-top: 50px !important;
      text-align: center;
      @media (max-width: 767px){
        margin-top: 0px !important;
      }
      li{
        margin-right: 26px !important;
      }
      a{
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 26px;
        letter-spacing: normal;
        color: #ec927e;
        width: 48px;
        height: 48px;
        &.current{
          border: none !important;
          border-radius: unset;
          color: #ec927e !important;
          font-size: 20px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.3;
          letter-spacing: normal;
        }
        i{
          font-size: 24px;
        }
      }
    }
  }
  .sidebar-item-wrapper{
    border: none !important;
    border-radius: 0px !important;
    padding-left: 30px;
    .sidebar-title{
      margin-top: 15px !important;
      margin-bottom: 0px !important;
      font-size: 20px !important;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      color: var(--main-color, #123a32);
      &:before{
        display:none;
      }
    }
    .sidebar-item{
      padding: 24px 0px;
      border-top: solid 2px rgba(18, 58, 50, 0.12) !important;
      .item-title{
        h4{

          font-size: 18px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 26px;
          letter-spacing: normal;
          color:var(--main-color,#ec927e);
        }
      }
      .item-content{
        .irs{
          .irs-bar{
            background-color: #ec927e;
            border-color: #ec927e;
          }
          .irs-from , .irs-to{
            background: transparent !important;
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            color: var(--main-color,#123a32);
          }
        }
        .irs-slider{
          width: 16px !important;
          margin-top: -3px;
          height: 16px !important;
          background-color: #c3644e !important;
        }
        .btn-apply-price-range{

          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          margin-top: 16px;
          letter-spacing: 1px;
          color: #ec927e;
        }
        ul{
          ul{
            margin-top: 24px !important;
            .st-icheck-item{
              label{
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color, #123a32);
                .checkmark{
                  border: solid 2px #ec927e;
                  border-radius: 50%;
                  &.fcheckbox{
                    &:after{
                      left: 2px;
                      top: 2px;
                      width: 8px;
                      height: 8px;
                      border-radius: 50%;
                      background: #ec927e;
                      border:none;
                      border-width: 0px;
                      transform: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
/*end*/


/*Blog lits tour*/
.st-blog-solo--wrapper{
  .st-blog--banner{
    position: relative;
    .banner{
      padding: 0px !important;
      @media (max-width: 767px){
        min-height: 206px;
      }
      @media (min-width: 768px){
        min-height: 356px;
      }
    }
    .st-breadcrumb{
      position: absolute;
      top: 24px;
      width: 100%;
      left: 0px;
      right: auto;
      border-bottom: none !important;
      padding: 0px !important;
      ul{
        background: transparent !important;
        li{
          padding-right: 20px;
          a{

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color:var(--main-color,#123a32);
          }
          &.active{
            padding-left: 0px !important;
            a{
              opacity: 0.5;
            }
          }
          &:not(:last-child):after{
            background:var(--main-color,#123a32) !important;
            right: 10px !important;
            border-radius: 50%;

          }
        }
      }
    }
  }

  .st-blog--search{
    @media (max-width: 767px){
      padding-top: 32px !important;
    }

    .select2-selection--single{
      border-radius: 40px;
      min-width: 270px;
      padding: 12px 24px;
      height: 48px;
      background-color: rgba(18, 58, 50, 0.04);
      border: solid 1px #eeeeee;
      outline: none;
      .select2-selection__rendered{
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color:var(--main-color,#123a32);
      }
      .select2-selection__arrow{
        display: none;
      }
    }

    .search-form-top{
      .search--blog-solo{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 48px;
        @media (max-width: 767px){
          flex-direction: column;
          padding-bottom: 32px;
        }
        input{
          padding: 12px 24px;

          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color:var(--main-color, #123a32);
          width: 370px;
          border-radius: 40px;
          border: solid 1px #eeeeee;
          background-color: rgba(18, 58, 50, 0.04);
          outline: none;
          &::placeholder , &::-webkit-input-placeholder{
            color:var(--main-color, #123a32);
            opacity: 0.4;
          }
          &:-ms-input-placeholder{
            color:var(--main-color, #123a32);
            opacity: 0.4;
          }
          @media (max-width: 767px){
            width:100%;
            margin-bottom:8px;
          }

        }
        .form-icon-fa{
          position: relative;
          @media (max-width: 767px){
            width: 100%;
          }
          i{
            position: absolute;
            font-size: 24px;
            top: 12px;
            right: 28px;
            z-index: -1;
          }
        }
        .form-select{
          width: 270px;
          padding: 12px 24px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: var(--main-color,#123a32);
          border-radius: 40px;
          border: solid 1px #eeeeee;
          background-color: rgba(18, 58, 50, 0.04) !important;
          outline: none;
          position: relative;
          option{
            border-radius: 40px;
          }
          &:after{
            position: absolute;
            content:url('../images/chevron-down.svg');
            top: 5px;
            right: 0px;
            width: 16px;
            height: 16px;
          }
          @media (max-width: 767px){
            width:100%;
          }
        }
      }
    }
    .blog-wrapper{
      display: flex;
      flex-wrap: wrap;
      border-bottom: none !important;
      @media (max-width: 767px){
        margin: 0px;
      }
      .st-blog--bg{
        margin-bottom: 30px;
        @media (max-width: 767px){
          margin-bottom: 16px;
        }
        .st-blog--item{
          border-radius: 24px;
          box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
          background-color: #ffffff;
          .thumb{
            transition: all 0.35s;

            a{
              display: block;
              overflow: hidden;
              border-radius: 24px 24px 0px 0px;
              -webkit-backface-visibility: hidden;
              -moz-backface-visibility: hidden;
              -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              img{
                border-radius: 24px 24px 0px 0px;
                max-width: 100%;
                transition: all 0.35s;
                @media (max-width: 767px){
                  width: 100%;
                  height: auto;
                }

              }
            }

            &:hover{
              img{
                transform: scale(1.1);
              }
            }
          }
          .thumb-caption {
            padding: 16px 24px;
            .blog-date{
              display: flex;
              padding: 0px;
              li{
                list-style: none;

                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: #869a96;
                position: relative;
                @media (min-width: 768px) and (max-width:991px){
                  font-size: 12px;
                }
                @media (max-width: 767px){
                  font-size:16px;
                }
                &.blog-location{
                  font-size: 14px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.5;
                  letter-spacing: 0.32px;
                  text-transform: uppercase;
                  margin-right: 20px;
                  position: relative;
                  @media (min-width: 768px) and (max-width:991px){
                    font-size: 12px;
                  }

                }
                &:not(:first-child):after{
                  position: absolute;
                  content: '';
                  width: 4px;
                  height: 4px;
                  border-radius: 50%;
                  top: 8px;
                  left: -11px;
                  background-color: #869a96;
                  @media (min-width: 768px) and (max-width:991px){
                    top: 7px;
                  }
                }
              }
            }
            .title{
              margin-bottom: 16px;
              a{

                font-size: 20px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 26px;
                letter-spacing: normal;
                color: var(--main-color,#123a32);
                text-decoration: none;
                transition: all 0.35s;
                @media (min-width:768px) and (max-width:991px){
                  font-size: 16px;
                }
              }
              &:hover{
                a{
                  color: #ec927e;
                }
              }
            }
            .st-tour--description{
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: rgba(18, 58, 50, 0.5);
            }
          }
        }
      }
      .owl-dots{
        padding-top: 32px;
        text-align: center;
        width: 100%;
        .owl-dot{
          width: 12px;
          height: 12px;
          background-color: white;
          border: 1px solid #ec927e;
          margin-left: 8px;
          margin-right: 8px;
          border-radius: 50%;
          &.active{
            background-color: #ec927e;
          }
        }
      }
    }
    .st-blog-btn{
      @media (max-width: 767px){
        display: none;
      }
      text-align: center;
      a{

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #df5334;
        padding-bottom: 2px;
        border-bottom: 1px dashed #df5334;
        text-decoration: none;
        display: inline-block;
        margin-top: 30px;
      }
    }
    .single-blog--title{
      text-align: center;
      padding-top: 100px;
      @media (max-width: 767px){
        padding-top: 32px;
      }
      p{
        font-family: Caveat;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.48px;
        color: #36bca1;
        margin-bottom: 12px;
      }
      h3{

        font-size: 36px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.8px;
        color:var(--main-color,#123a32);
        margin: 0px 0px 74px 0px;
        display: inline-block;
        position: relative;
        @media (max-width: 767px){
          margin: 0px 0px 16px 0px;
        }
        &:after{
          position:absolute;
          left: 50%;
          content: url('../images/Vector.svg');
          transform: translateX(-50%);
          bottom: -40px;
          @media (max-width: 767px){
            display: none;
          }
        }
        @media (max-width: 767px){
          font-size: 24px;
        }
      }
    }
    .solo-load-more-blog{
      margin-top: 30px;
      text-align: center;
      button{
        text-align: center;
        border-radius: 40px;
        background-color: #ec927e;
        display: inline-block;
        padding: 14px 24px;

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #ffffff;
        border: none;
        outline: none;
        position: relative;
        box-shadow: 0px 5px 0px #df5334;
        z-index: 50;

      }
      @media (max-width: 767px){
        margin-top:6px;
      }
    }
  }

}
/*end*/
/*Single blog*/
.st-single-blog--solo{
  @media (max-width: 767px){
    padding-bottom: 32px !important;
  }
  .single-blog--heading{
    min-height: 356px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    img{
      max-width: 100%;
      object-fit: cover;
    }
    .st-title--bg{
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -90px;

      z-index:50;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #869a96;
      text-align: center;
      @media (max-width: 767px){
        display: none;
      }
      .post-info{
        padding: 40px 40px 74px 40px;
        background: white;
        border-radius: 24px;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
        a{

          font-size: 16px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: 0.32px;
          display: inline-block;
          position: relative;
          margin-right: 20px;
          text-decoration: none;
          text-transform: uppercase;
          &:after{
            position: absolute;
            content: '';
            height: 4px;
            width: 4px;
            border-radius: 50%;
            top: 10px;
            right: -14px;
            background-color: #869a96;
          }
        }
        h2{

          font-size: 36px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.2;
          letter-spacing: normal;
          color: var(--main-color, #123a32);
          margin-top: 16px;
          margin-bottom: 0px;
          position: relative;
          padding: 0px 50px;
          &:after{
            position: absolute;
            content: url('../images/Vector.svg');
            bottom: -40px;
            left: 50%;
            transform: translateX(-50%);
            @media (max-width: 767px){
              display: none;
            }
          }
          @media (max-width: 767px){
            font-size: 24px;
          }
        }
        @media (max-width: 767px){
          background:  #fefdfb;
          padding: 32px 0px;
          border-radius: 0px;
          box-shadow: none;
        }
      }
      .container{
        padding: 0px;
        @media (max-width: 767px){
          padding: 0px 15px;
        }
      }
      .col-md-2{
        @media (max-width: 1024px){
          display: none;
        }
      }
      .blog-tablet{
        @media (max-width: 1024px){
          width: 100%;
        }
      }
      @media (max-width: 767px){
        position:unset;
        transform: none;
      }
    }
  }
  .st-blog{
    padding: 0px !important;
    .blog-content{
      padding: 150px 0px 100px 0px;
      background: rgba(205, 145, 73, 0.02);
      @media (max-width: 767px){
        padding: 0px;
      }
      .st-title--bg{
        @media (max-width: 767px){
          display: block;
          padding: 32px 0px;
        }
        @media (min-width: 768px){
          display:none;
        }
        width: 100%;
        text-align: center;
        .post-info{
          @media (max-width: 767px){
            margin-top: 0px !important;
          }
          a{

            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: 0.32px;
            display: inline-block;
            position: relative;
            margin-right: 20px;
            text-decoration: none;
            text-transform: uppercase;
            &:after{
              position: absolute;
              content: '';
              height: 4px;
              width: 4px;
              border-radius: 50%;
              top: 10px;
              right: -14px;
              background-color: #869a96;
            }
          }
          h2{

            font-size: 36px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.2;
            letter-spacing: normal;
            color: var(--main-color, #123a32);
            margin-top: 16px;
            margin-bottom: 0px;
            position: relative;
            &:after{
              position: absolute;
              content: url('../images/Vector.svg');
              bottom: -40px;
              left: 50%;
              transform: translateX(-50%);
              @media (max-width: 767px){
                display: none;
              }
            }
            @media (max-width: 767px){
              font-size: 24px;
            }
          }
        }


      }
      .blog-content--center{
        .article--detail-solo{
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          padding: 0px 200px;
          margin-bottom: 0px !important;
          @media (max-width: 1024px){
            padding: 0px 50px;
          }
          @media (max-width: 767px){
            padding:0px;
          }

          .post-content{
            margin-top: 0px !important;
            width: 100%;
            figure{max-width:100%;}
            p{
              opacity: 0.6;
              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              margin-bottom: 16px;
              color:var(--main-color,#123a32);
              :not(.has-text-color){
                color:var(--main-color,#123a32);
              }
                .has-text-color{
                    font-size: 20px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: italic;
                    line-height: 20px;
                    letter-spacing: normal;
                    color: #f2911f;
                    margin-top: 44px;
                    @media (max-width: 767px){
                      margin-top: 32px;
                      margin-bottom: 0px;
                    }
                }

            }
            .has-inline-color{
              font-size: 20px;
              font-weight: normal;
              font-stretch: normal;
              font-style: italic;
              line-height: 1.5;
              display: block;
              padding: 0px 100px;
              letter-spacing: normal;
              margin-top: 44px;
              @media (max-width: 767px){
                margin-top: 32px;
                margin-bottom: 0px;
                padding: 0px 40px;
              }
          }
            h3{

              font-size: 20px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 20px;
              letter-spacing: normal;
              color:var(--main-color,#123a32);
              margin: 60px 0px 24px 0px;
              @media (max-width: 767px){
                font-size: 18px;
                margin: 32px 0px 8px 0px;
              }
            }
            .has-text-color{
              margin-top: 44px;
              @media (max-width: 767px){
                margin-top: 32px;
                margin-bottom: 0px;
              }
            }
            .wp-block-image{
              width: 100%;
              img{
                width: 100%;
              }
            }
          }
          .st-flex{
            @media (max-width: 767px){
              margin-top: 20px !important;
            }
            .tags{
              margin-top: 0px;
            }
            .share{
              margin-top: 50px;

              font-size: 16px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: 1px;
              color: rgba(18, 58, 50, 0.5);
              width: 100%;
              text-align: center;
              @media (max-width: 767px){
                margin-top: 0px;
              }
              .share-icon{
                margin-top: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                .facebook{
                  min-width: 48px;
                  min-height: 48px;
                  border-radius: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #4267b2;
                  text-decoration: none;
                  i{
                    color: white;
                    font-size: 24px;
                  }
                }
                .twitter{
                  min-width: 48px;
                  min-height: 48px;
                  border-radius: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #1d9dec;
                  text-decoration: none;
                  i{
                    color: white;
                    font-size: 24px;
                  }
                }
              }
            }
          }


        }
      }
    }
  }

}
/*end*/
.search-result-page--custom{
  .search-result-page--heading{
    position: relative;
    .banner--solo{
      min-height: 356px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 0px;
      @media (max-width: 767px){
        min-height: 206px;
      }

      /*.banner-title-solo {
                padding-top: 120px;
                height: 30px;
                font-size: 24px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.48px;
                color: #36bca1;
            }*/
    }
    .breadcrumbs-solo{
      position: absolute;
      top: 24px;
      width: 100%;
      left: 0px;
      right: auto;
      border-bottom: none !important;
      padding: 0px !important;
      ul{
        background: transparent !important;
        li{
          &.active{
            opacity: 0.5;

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color:var(--main-color,#123a32);
            padding-left: 0px !important;
          }
          a{

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: var(--main-color, #123a32);
          }
          &:not(:last-child):after{
            background: var(--main-color, #123a32) !important;
            right: 10px !important;
            border-radius: 50%;
          }
        }
      }
    }
  }
}
.banner--solo {
  display: flex;
  align-items: center;
  justify-content: center;
  .banner-headding{
    margin-top: -40px;
  }
  .banner-title-solo {
    font-family: Caveat;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0.48px;
    color: #36bca1;
    margin-bottom: 12px;
  }
  .banner-content-solo {
    text-align: left;
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 36px;
    letter-spacing: -0.8px;
    color: #123a32;
    position: relative;
    margin: 0px;
    &:after{
      position: absolute;
      content: url(../images/Vector.svg);
      left: 0px;
      bottom: -40px;
    }
  }
}
/*About us*/
.st-solo-page--about{
  .wpb_content_element{
    margin-bottom: 0px!important;
  }
  .st-about--description{
    padding-bottom: 60px;
    @media (max-width: 767px){
      padding-bottom: 32px;
    }
    p{

      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 26px;
      letter-spacing: 0.4px;
      color: var(--main-color,#123a32);
      padding: 60px 200px 0px 200px;
      padding-bottom: 0px;
      @media (max-width: 991px){
        padding: 60px;
      }
      @media (max-width: 767px){
        padding: 32px 0px 0px 0px;
      }
    }
  }
  .st-about--info{
    padding: 0px 0px 100px 0px;
    @media (max-width: 767px){
      padding: 0px 0px 32px 0px;
    }
    .st-about--left{
      width: 50%;
      @media(max-width: 767px){
        width: 100%;
      }
    }
    .st-about--right{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
      @media (max-width: 767px){
        text-align: center;
        padding-top: 32px;
        width: 100%;
      }
      h3{

        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 30px;
        letter-spacing: normal;
        color:var(--main-color,#123a32);
        margin: 0px 0px 40px 0px;
        @media (max-width: 767px){
          margin: 0px 0px 24px 0px;
        }
      }
      p{

        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.32px;
        color: var(--main-color, #123a32);
        margin-bottom: 40px;
        max-width: 220px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        img{
          margin-right: 16px;
          width: 48px;
          height: 48px;
          -o-object-fit: cover;
          object-fit: cover;
          @media (max-width: 767px){
            margin-right: 0px;
            margin-bottom: 16px;
          }
        }
        @media (max-width: 767px){
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          font-size: 12px;
          max-width: 112px;
          margin-bottom: 20px;
        }
      }
    }
  }

}
/*Collection about*/
.st-about--collection{
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  .wpb_content_element {
    margin-bottom: 0px;
  }
  .st-about--collection__top{
    padding: 100px 0px 88px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (max-width: 767px){
      padding: 32px 0px 0px 0px;
      flex-direction: column;
    }
    h3{

      font-size: 30px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 30px;
      letter-spacing: normal;
      color: var(--main-color,#123a32);
      margin: 0px 0px 74px 0px;
      display: inline-block;
      position: relative;
      max-width: 470px;
      @media (max-width: 767px){
        margin: 0px 0px 12px 0px;
        font-size: 24px;
      }
      &:after{
        position:absolute;
        content: url('../images/1.svg');
        left: 0px;
        bottom: -40px;
        @media (max-width: 767px){
          display: none;
        }
      }

    }
    p{

      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: rgba(18, 58, 50, 0.5);
      max-width: 470px;
      margin-bottom: 0px;
    }
    .wpb_single_image{
      width: 100%;
      .vc_figure{
        width: 100%;
        .vc_single_image-wrapper{
          width: 100%;
          img{
            width: 100%;
          }
        }
      }
    }
    .col-md-6{
      @media (max-width: 767px){
        max-width: 100%;
        width: 100%;
      }
    }
    .order-1{
      @media (max-width: 767px){
        order: 2;
        margin-top: 16px;
      }
    }
    .order-2{
      @media (max-width: 767px){
        order: 1;
      }
    }
  }
  .st-about--collection__bottom{
    padding: 0px 0px 100px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (max-width: 767px){
      padding: 32px 0px;
      flex-direction: column;
    }
    h3{

      font-size: 30px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 30px;
      letter-spacing: normal;
      color: var(--main-color,#123a32);
      margin: 0px 0px 74px 0px;
      display: inline-block;
      position: relative;
      max-width: 470px;
      @media (max-width: 767px){
        margin: 0px 0px 12px 0px;
        font-size: 20px;
      }
      &:after{
        position:absolute;
        content: url('../images/2.svg');
        left: 0px;
        bottom: -40px;
        @media (max-width: 767px){
          display: none;
        }
      }

    }
    p{

      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: rgba(18, 58, 50, 0.5);
      max-width: 470px;
      margin-bottom: 0px;
    }
    .col-md-6{
      @media (max-width: 767px){
        max-width: 100%;
        width: 100%;
      }
    }
    .wpb_single_image{
      width: 100%;
      .vc_figure{
        width: 100%;
        .vc_single_image-wrapper{
          width: 100%;
          img{
            width: 100%;
          }
        }
      }
    }
    /*.order-1{
            @media (max-width: 767px){

            }
        }*/
    .order-2{
      @media (max-width: 767px){
        margin-top: 16px;
      }
    }
  }
}
/*List image solo*/
.st-about--list-image{
  padding: 100px 0px 70px 0px;
  @media (max-width: 767px){
    padding: 32px 0px;
  }
  .st-aboutus-solo{
    h3{

      font-size: 30px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 30px;
      letter-spacing: normal;
      color: var(--main-color,#123a32);
      margin: 0px 0px 40px 0px;
      @media (max-width: 767px){
        font-size: 18px;
        margin:0px 0px 16px 0px;
      }
    }
    .item{
      margin-top: 0px !important;
      margin-bottom: 30px;
      .thumb{
        width: 100%;
        height: auto;
        transition: all 0.35s;
        img{
          position: unset;
          object-fit: cover;
          transition: all 0.35s;
        }

      }
      .name{

        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 32px;
        letter-spacing: normal;
        color: var(--main-color,#123a32);
        margin-bottom: 4px;
      }
      .pos{

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color:var(--main-color,#123a32);
        margin-bottom: 0px;
      }
      .country{
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color:var(--main--color , #123a32);
        margin-top: 4px;
        margin-bottom: 0px;
        .from{
          color: rgba(18, 58, 50, 0.5);
          margin-right: 4px;
        }
      }
    }
    .owl-dots{
      display: none;
      @media (max-width:767px){
        display: block;
        width: 100%;
        margin-top: 2px;
        text-align: center;
        .owl-dot {
          width: 12px;
          height: 12px;
          border: solid 2px #ec927e;
          background: white;
          margin: 0px 8px;
          border-radius: 50%;
          &.active{
            background: #ec927e;
          }
        }
      }
    }
    .owl-nav{
      display: none;
    }
  }
}
/*end*/
/*Contact solo*/
.st-contact--solo{
  padding-top: 80px;
  @media (max-width: 991px){
    padding-top: 60px;
  }
  @media (max-width:  767px){
    padding-top: 32px;
  }
  .st-contact--info{
    @media (max-width: 767px){
      display: none;
    }
    .wpb_content_element{
      margin-bottom: 0px;
      p{
        &:first-child{
          opacity: 1;
          padding-bottom: 40px;
          border-bottom: 2px dashed #e2e7e6;
          margin-top: 0px;
          margin-bottom: 0px;
          @media (max-width: 767px){
            padding-bottom: 20px;
          }
        }
        &:nth-child(2){
          padding-top: 40px;
          margin-top: 0px;
          @media (max-width: 767px){
            padding-top: 20px;
          }
        }
        &:last-child{
          padding-bottom: 40px;
          border-bottom: 2px dashed #e2e7e6;
          @media (max-width: 767px){
            padding-bottom: 20px;
          }
        }

        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        max-width:470px;
        color:var(--main-color,#123a32);
        margin-top:12px;
      }
    }
    .st-contact--social{
      padding-top: 40px;
      @media (max-width: 767px){
        padding-top: 20px;
      }
      p{
        display: flex;
        border-bottom:  none !important;
        padding-bottom: 0px !important;
        max-width: 470px;
        &:last-child{
          margin-right: 0px !important;
        }
        img{
          &:not(:last-child){
            margin-right: 16px;
          }
          width: 48px;
          height: 48px;
          object-fit: cover;
          border-radius: 50%;
          &:last-child{
            margin-right: 0px !important;
          }
        }
        a{
          &:not(:last-child){
            margin-right: 16px;
          }
          img{

            width: 48px;
            height: 48px;
            object-fit: cover;
            border-radius: 50%;
          }
        }

      }
    }
  }

  .st-contact--form{
    padding-bottom: 100px;
    @media (max-width: 767px){
      padding-top: 0px;
      width: 100%;
    }
    .st-contact--form__title{

      @media (max-width: 767px){
        display: block;
        p{

          font-size: 18px !important;
          font-weight: 600 !important;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.33 !important;
          letter-spacing: normal;
          text-align: center;
          color:var(--main-color,#123a32) !important;
          padding: 0px 0px 32px 0px;
        }
      }
      @media (min-width: 768px){
        display: none;
      }
    }
    .st-contact--form__phone{
      @media (max-width: 767px){
        display: block;
        padding: 32px 0px;
        border-bottom: 1px dashed #e2e7e6;
      }
      @media (min-width: 768px){
        display: none;
      }
      p{
        &:not(:last-child){
          margin-bottom: 22px;
        }

        font-size: 16px !important;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color:var(--main-color,#123a32) !important;
      }

    }
    .st-contact--form__social{
      @media (max-width: 767px){
        padding-top: 32px;
        display: flex;
        img{
          &:not(:last-child){
            margin-right:16px;
          }
          width: 48px;
          height: 48px;
          object-fit: cover;

        }
      }
      @media (min-width: 768px){
        display: none;
      }



    }
    .ajax-loader{
      margin-left: 50%;
      transform: translateX(-50%);
    }
    .wpb_content_element{
      margin-bottom: 0px;
      p{
        width: 100%;
        max-width: 100%;
        &:nth-child(2){
          padding-top: 0px !important;
          margin-top: 0px;
          margin-bottom: 33px;
          @media (max-width: 767px){
            margin-bottom: 16px;
            font-size: 24px;
          }
        }


        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 30px;
        letter-spacing: normal;
        color: #ffffff;
        opacity:1;
      }
    }
    form{
      border-radius: 24px;
      background-color: #36bca1;
      padding: 48px 52px;
      @media (max-width: 767px){
        padding: 32px 16px;
      }
      input{
        width: 100%;
        border-radius: 24px;
        background-color: #26a68c;
        padding: 12px 24px;
        outline: none;
        margin-bottom: 16px;

        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.6);
        border: none;
        position: relative;
        z-index: 50;
        &::placeholder , &::-webkit-input-placeholder{
          color: rgba(255, 255, 255, 0.6);
        }
        &:-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: rgba(255, 255, 255, 0.6);
        }
        &.wpcf7-submit{
          background-color: #ec927e;
          box-shadow: 0 5px 0px #df5334;
        }
      }
      textarea{
        width: 100%;
        border-radius: 24px;
        background-color: #26a68c;
        padding: 12px 24px;
        outline: none;
        margin-bottom: 0px;

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: rgba(255, 255, 255, 0.6);
        border: none;
        max-height: 120px;
        &::placeholder , &::-webkit-input-placeholder{
          color: rgba(255, 255, 255, 0.6);
        }
        &:-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: rgba(255, 255, 255, 0.6);
        }
        @media (max-width: 767px){
          max-height: 120px;
          margin-bottom: 0px;
        }
      }
      span[role="alert"] {
        font-size: 14px;
      }
      div[role="alert"] {
        font-size: 14px;
        color: #dc1341;
        text-align: center;
      }
    }
  }
}
/*end*/
/*Form login*/
.form-login--solo , .form-register--solo{
  .modal-dialog--width{
    max-width: 370px !important;
    margin: 20px auto;
    @media (max-width: 575px){
      max-width: 300px !important;
    }
  }
  .modal-content{
    border-radius: 24px;
    padding: 0px ;
    overflow: hidden;
    .modal-header{
      padding: 40px 24px 0px 24px;
      text-align: center;
      button{
        display: none;
      }
      .modal-title{
        &.modal-title--margin{
          margin-bottom: 0px;
        }
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--main-color,#123a32);
        margin-bottom: 16px;
        @media (max-width: 767px){
          font-size: 24px;
        }
      }
      .modal-sub-title{
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        color: rgba(18, 58, 50, 0.5);
        display: block;
        padding: 0px 20px;
      }
      @media (max-width:767px){
        padding: 32px 16px 0px 16px;
      }

    }
    .modal-body{
      .st-icheck-info{
        margin: 16px 0px 24px 0px !important;
        label{
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #000000;
          .st-link{
            font-weight: 600;
            color: #ec927e;
            &:hover{
              color: #ec927e;
            }
          }
          .checkmark{
            border-radius: 4px;
            border: solid 1px #eaeaea;
            background-color: #ffffff;
          }
        }
      }
      .form-group{
        margin-top: 8px;
        .form-control{
          border-radius: 24px ;
          border: solid 1px #ececec ;
          background-color: #ffffff ;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: rgba(18, 58, 50, 0.4) !important;
          outline: none;
          margin-bottom: 8px;
          height: auto;
          padding: 10px 24px;
          &::-webkit-input-placeholder, ::placeholder { /* Edge */
            color: rgba(18, 58, 50, 0.4);
          }
        }
        .form-submit{
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: 1px;
          color: #ffffff;
          border-radius: 24px;
          background-color: #ec927e !important;
          outline: none;
        }
      }
      .form-padding{
        padding: 0px;
        margin-top: 0px !important;
        .title-form{
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          text-align: center;
          display: block;
          color: var(--main-color,#123a32);
        }
      }
      .st-icheck{
        margin-top: 16px !important;
        margin-bottom: 24px;
        @media (max-width: 480px){
          display: flex;
        }
        label{
          font-size: 14px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #000000 !important;
          .checkmark{
            border-radius: 4px !important;
            border: solid 1px #eaeaea !important;
            background-color: #ffffff !important;
          }
        }
        .open-loss-password{
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #ec927e;
        }
      }
      .font-medium{
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        .st-link{
          color: #ec927e;
          text-decoration: none;
          font-weight: 600;
          &:hover{
            color:#ec927e !important;

          }
        }
      }
      form{
        background:  #f6f6f6;
        padding: 16px 24px 24px 24px;
        @media (max-width: 767px){
          padding: 0px 16px 24px 16px;
        }
      }
    }
  }
  .advanced{
    padding: 32px 24px;
    @media (max-width: 767px){
      padding: 16px;
    }
    .btn_login_fb_link{
      border-radius: 24px;
      padding: 10px 24px;
      background-color: #4267b2;
      align-items: baseline;
      display: flex;
      text-decoration: none;
      position: relative;
      align-items: center;
      justify-content: center;
      &:after{
        position: absolute;
        content: url(../images/facebook-f.svg);
        width: 10px;
        height: 10px;
        top: 12px;
        left: 24px;
        @media (max-width:767px){
          width: 8px;
          height: 8px;
          top: 10px;
        }
      }
      span{
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #ffffff;
        @media (max-width: 767px ){
          font-size: 12px;
        }
      }
    }
    .btn_login_gg_link{
      margin-top: 8px;
      border-radius: 24px;
      padding: 10px 24px;
      background: white;
      border: solid 1px rgba(18, 58, 50, 0.12);
      align-items: baseline;
      display: flex;
      text-decoration: none;
      position: relative;
      align-items: center;
      justify-content: center;
      &:after{
        position: absolute;
        content: url(../images/gg_solo.svg);
        width: 10px;
        height: 10px;
        top: 12px;
        left: 24px;
        @media (max-width:767px){
          width: 8px;
          height: 8px;
          top: 10px;
        }
      }
      span{
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: var(--main-color,#123a32);
        @media (max-width: 767px ){
          font-size: 12px;
        }
      }
    }
  }


}
/*end*/





















































































































































































































































































































































































































































































































































































































































































































































































































































































.st-single--popup{
  .st-single--popup__item{
    display: none !important;
    .st-btn{
      position: relative;
      .btn--scroll{

        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #ffffff;
        padding: 14px 24px !important;
        border-radius: 40px;
        background-color: #ec927e !important;
        text-transform: uppercase;
        position: relative;
        z-index: 50;
      }
      .st-btn--bg{
        background-color: #df5334;
        width: calc(100% - 20px);
        height: 15px;
        position: absolute;
        bottom: -5px;
        left: 10px;
        border-radius: 0px 0px 50px 50px;
      }
    }

  }
}


/*css datepicker search solo*/
.search-datepicker{
  min-width: 648px;
  margin-top: 8px;
  @media (max-width : 767px){
    max-width:100%;
    min-width: auto;
  }

  &.dropdown-menu{
    border-radius: 24px;
    padding: 32px 20px 0px 20px;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.04) !important;
    .calendar{
      .left{
        .calendar-table{
          padding-right: 35px;
        }
      }
    }
    .table-header{
      padding-bottom: 14px;
      .prev{
        width: 40px;
        height: 40px;
        padding: 24px;
        background-image: url("../images/btn-search-left.svg");
      }
      .next{
        width: 40px;
        height: 40px;
        padding: 24px;
        background-image: url("../images/btn-search-right.svg");
      }
    }
  }

  .month{
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--main-color, #123a32);
  }
  .table-sub-header{
    border-top: none;
    .day-off-week{
      width: 40px;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.43;
      letter-spacing: normal;
      color: var(--main-color,#123a32);
      opacity: 0.4;

    }
  }

  .table-condensed{
    tr{
      display: block;
    }
    .td-date{
      &.active{
        border-radius: 8px;
        position: relative;
        &:after{
          position: absolute;
          content: '';
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(54, 188, 161, 0.2);
        }
      }
      &.start-date{

        &.active{
          background-color: rgba(54, 188, 161, 0.12);

          .date{
            color: white;
            background-color: #36bca1;
            border-radius: 8px;
            position: relative;
            z-index: 5;
          }
        }
        &:not(.end-date){
          box-shadow: none;
        }
      }
      &.end-date{

        &.active{
          background-color: rgba(54, 188, 161, 0.12);

          .date{
            color: white;
            background-color: #36bca1;
            border-radius: 8px;
            position: relative;
            z-index: 5;
          }
        }
        &:not(.start-date){
          box-shadow: none;
        }
      }
      .date{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color:var(--main-color,#123a32);
      }
      &.in-range{
        background: rgba(54, 188, 161, 0.12);
      }
    }
  }
}
/*end*/
/*DatetimePicker*/
.daterangepicker{
  &.solo-datepicker{
    &.dropdown-menu{
      padding: 10px !important;
    }
    margin-top: 8px;
    border-radius: 24px ;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.04) !important;
    border: solid 1px #eeeeee;
    min-width: 270px;
    .table-condensed{
      .td-date{

        &.today{
          &:not(.start-date){
            .date{
              border: none !important;
            }

          }
          &:not(.in-range){
            .date{
              border: none !important;
            }
          }
        }
        &.end-date{
          border-radius: 8px;
          background-color: #36bca1;
          .date{
            color: white !important;
          }
        }
      }
    }

  }
}

/*EnđatePicker*/
/*List Tour*/
.st-hotel-result{
  &.st-margin{
    margin-top: 0px !important;
  }
}
.st-list-service--bg{
  &.st-list-service--transparent{
    background-image: none;
    .st-list-service--transparent__pd{
      margin: 74px 0px 60px 0px;
      .featured--position{
        position: relative;

        .service-avatar {
          position: absolute;
          bottom: -16px;
          right: 20px;
          height: 35px;
          width: 35px;
          border: 1px solid #dfdfdf;
          border-radius: 50%;

          .avatar {
            border-radius: 50%;
          }

          img {
            height: auto;
            max-height: 100%;
            min-width: 100%;
            transition: all 0.3s;
          }
        }
      }
      @media (max-width: 991px){
        margin:  74px 0px 8px 0px;
        padding: 7px 0px;
      }
      @media (max-width: 767px){
        margin:0px;
      }
    }
  }

  &.st-list-service--slider{
    .owl-dots{
      @media (max-width:767px){
        text-align: center;
        padding-top: 32px;
        .owl-dot{
          width: 12px;
          height: 12px;
          border: 1px solid #ec927e;
          border-radius: 50%;
          margin: 0px 8px;
          &.active{
            background: #ec927e;
          }
        }
      }

    }
  }
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  .bg__pd{
    padding: 100px 15px;
    @media (max-width: 991px){
      padding: 60px 15px;
    }
    @media (max-width: 767px){
      padding:32px 15px;
    }
  }
  .large{
    &.st-hr{
      margin: 0px !important;
      background-color: transparent !important;
    }
  }
  .heading{
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color:var(--main-color, #123a32);
    margin-bottom: 40px;
    @media (max-width: 767px){
      margin-bottom: 16px;
      font-size: 18px !important;
    }
  }
  .mt50 {
    margin-top: 0px;
  }
  .st-list-tour-related{
    @media (max-width: 767px){
      margin: 0px;
      flex-direction: column;
    }
    display: flex;
    justify-content: center;
    .margin{
      @media (min-width: 768px) and (max-width: 991px){
        margin-bottom:15px;
      }
    }
    &.st-list-tour--slide{
      flex-direction: column;
      .owl-dots{
          text-align: center;
          margin-top: 17px;
          max-width: 100%;
          .owl-dot {
            &.active{
              background: #ec927e;
              top: 0px;
            }
          width: 12px;
          height: 12px;
          border: solid 2px #ec927e;
          margin: 0px 8px;
          border-radius: 50%;
          background: white;
        }
        @media (max-width: 767px){
          margin-top: 0px;
        }
      }
    }
  }

}

/*end list tour*/


#st-content-wrapper     {
  .st-list-service--bg{
    .related__item{
      margin-bottom: 0px;
      border: none;
      border-radius: 24px;
      box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
      background-color: #ffffff;
      display: table;
      .featured{
        position: relative;
      }
      @media (max-width: 767px){
        margin-bottom: 0px !important;
      }
      .thumb{
        padding: 16px 16px 0px 16px !important;
        transition: all 0.35s;
        -moz-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        overflow: hidden;
        margin: 0px;
        &:hover{
          img{
            transform: scale(1.1);
          }
        }
        a{
          border-radius: 24px;
          display: block;
          overflow: hidden;
          transition: all 0.35s;
          -moz-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s;
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
        }
        img{
          width: 100%;
          transition: all 0.35s;
          -moz-transition: all 0.35s;
          -o-transition: all 0.35s;
        }
      }
      .ml5{
        &.f14{
          &.address{
            &.st-location--style4{
              position: absolute;
              top: 40px;
              padding: 6px 8px;
              left: 0px;
              font-size: 14px;
              background: var(--link-color, #5191FA);
              font-weight: 600;
              margin-left: 0px !important;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.43;
              letter-spacing: 1px;
              text-transform: uppercase;
              border-radius: 0px 8px 8px 0px;
              color: #ffffff;
            }
          }
        }
      }

      .title--color{
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height:  26px;
        letter-spacing: normal;
        color:var(--main-color, #123a32);
        margin: 16px 0px 12px 0px;
        padding: 0px 16px;
        @media (max-width: 991px){
          font-size: 15px;
        }
        .st-link{
          color:var(--main-color, #123a32);
          transition: all 0.35s;
          text-decoration: none;
          &:hover{
            color:#ec927e !important;
            text-decoration: none;
          }
        }
      }
      .st-tour--description{
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height:21px;
        letter-spacing: normal;
        color: rgba(18, 58, 50, 0.5);
        position: relative;
        padding: 0px 16px;
        margin: 0px;
      }
      .fixed-bottom{
        display: table-footer-group;
      }
      .st-tour--feature{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 33px;
        margin-top: 33px;
        position: relative;
        padding: 0px 16px;

        @media (max-width: 767px){
          flex-direction: row;
        }
        &.st-tour--tablet{
          @media (max-width:991px){
            flex-direction: row !important;
          }
        }
        &:before{
          content:'';
          position:absolute;
          left: 15px;
          top: -20px;
          width: calc(100% - 30px);
          height: 1px;
          background-color:  rgba(66, 135, 121, 0.1);
        }
        &:after{
          content:'';
          position:absolute;
          left: 15px;
          bottom: -16px;
          width: calc(100% - 30px);
          height: 1px;
          background-color:  rgba(66, 135, 121, 0.1);
        }
        /* @media (max-width: 767px){
                     display: none;
                 }*/
        .st-tour__item{
          display: flex;
          align-items: flex-start;
          @media (max-width: 991px){
            flex-direction: row;
          }
          @media (max-width: 767px){
            flex-direction: row;
          }
          &:last-child{
            padding-right:40px;

            @media (max-width: 1024px){
              padding-right: 20px;
            }
            @media (max-width: 991px){
              padding-right:0px;
            }
          }
          &:not(:last-child){
            @media (max-width: 991px){
              margin-bottom: 10px;
            }
          }
          .item__info{
            margin-left: 12px;
            .info__name{
              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color:var(--main-color, #123a32);

              margin: 0px;
            }
            .info__value{

              font-size: 14px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: 0.16px;
              color: #889c98;
              margin-bottom: 0px;
            }
          }
        }

      }
      .section-footer{
        display: table-footer-group;
      }
      .st-flex{
        @media (max-width: 480px){
          display: flex !important;
        }
        &.space-between{
          &.st-price__wrapper{
            position: relative;
            padding:0px 16px 16px;
            align-items: flex-end;
            @media (max-width: 767px){
              flex-direction: row;
            }

            .price--tour{
              margin-left: 0px ;
              color: var(--main-color,#123a32);
              font-size: 24px ;
              display: flex;
              flex-direction: column;
              @media (max-width: 991px){
                align-items: center;
              }
              @media (max-width: 767px){
                flex-direction: column;
              }
              .text-small{
                &.lh1em {
                  &.onsale{
                    position: absolute;
                    top: -6px;
                    padding-bottom: 6px;
                    font-size: 18px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 26px;
                    letter-spacing: normal;
                    color: #c4c4c4 !important;

                    text-decoration: line-through;
                    @media (min-width: 768px) and (max-width: 991px){
                      top: -9px;
                    }
                    @media (max-width: 991px){
                      margin-right: 20px;
                      margin-bottom: 0px;
                    }
                  }

                }
              }
              .item{
                font-size: 24px;
                font-weight: 600 ;
                margin-bottom: 0px !important;
                font-stretch: normal;
                font-style: normal;
                line-height:1.5;
                letter-spacing: normal;
                color:var(--main-color,#123a32);
                border:none !important;
                @media (max-width: 991px){
                  font-size: 20px;
                  margin-right: 10px;
                }
              }
            }

            .st-btn--book{
              position: relative;
              @media (max-width: 991px){
              }
              a{

                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.83;
                letter-spacing: 1px;
                color: #ffffff;
                padding: 14px 24px;
                background-color: #ec927e;
                border-radius: 40px;
                -webkit-border-radius: 24px;
                -moz-border-radius: 24px;
                position: relative;
                display: inline-block;
                z-index: 20;
                -webkit-box-shadow: 0 5px 0 #df5334;
                box-shadow: 0 5px 0 #df5334;
                text-decoration: none;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                position: relative;
                @media (min-width:768px) and (max-width: 991px){
                  font-size: 12px;
                  padding: 10px 9px;
                }
                &:hover{
                  transform: translateY(5px);
                  box-shadow: 0 0px 0 #df5334 !important;
                }
              }


            }

          }
        }
      }

    }
  }
  .st-program{
    &.st-program--padding{
      border: none;
      padding: 100px 0px;
      margin-top: 0px !important;
      @media (max-width: 991px){
        padding: 60px 0px;
      }
      @media (max-width: 767px){
        padding:32px 0px;
      }
      .st-program--title
      {
        margin-bottom: 40px !important;
        @media (max-width: 767px){
          margin-bottom: 16px !important;
        }
        .st-title__item{
          text-align: center;

          font-size: 30px;
          float: unset !important;
          font-weight: 600;
          text-align: center;
          font-stretch: normal;
          font-style: normal;
          line-height: 30px;
          letter-spacing: normal;
          color:var(--main-color, #123a32);
          @media (max-width: 767px){
            font-size: 20px;
          }
        }
      }
      .st-program-list{
        &.style4{

          .item--bg{
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            overflow: visible;
            border-left-color: transparent;
            background-position: center center ;
            background-size: cover;
            background-repeat: no-repeat ;
            border: none ;
            @media (max-width: 991px){
              flex-direction: column;
            }
            @media (max-width: 991px){
              width: 100%;
            }
            @media (max-width: 767px){
              padding: 0px;
            }
            .box-shadow{
              width: calc(50% + 35px);
              overflow: hidden;
              padding: 20px;
              @media (max-width:991px){
                width: 100%;
              }
              @media (max-width:575px){
                overflow: unset;
                padding: 10px;
              }

            }
            img{
              object-fit: cover;
              border: 12px solid #FFFFFF;
              box-sizing: border-box;
              border-radius: 24px;
              box-shadow: 0px 0px 37px rgba(0, 0, 0, 0.08);
              @media (max-width:575px){
                box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
              }
            }
            .st-itinerary--info{

              height: 100%;
              box-shadow: none;
              width: calc(50% - 35px);
              display: flex;
              align-items: center;
              @media (max-width: 991px){
                width: 100%;
                margin-top: 24px;

              }
              .body{
                &.st-itinerary--info__content{
                  height: auto ;
                  padding: 0px 30px 0px 70px;
                  width: 100%;
                  @media(max-width: 991px){
                    padding: 0px;
                  }
                  .content__time{

                    font-size: 18px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 26px;
                    letter-spacing: normal;
                    color: #ffffff;
                    padding: 8px 16px;
                    background: #36bca1;
                    border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    display: inline-block;
                    margin-top: 0px;
                    margin-bottom: 24px;
                    position: relative;

                  }
                  .content__title{

                    font-size: 20px;
                    margin-top: 0px;
                    margin-bottom: 41px;
                    font-weight: 600;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 32px;
                    letter-spacing: normal;
                    color: #123a32;
                    position: relative;
                    @media (max-width: 767px){
                      margin-bottom: 31px;
                    }
                    &::before {
                      top:auto;
                      left: 0;
                      content: url("../images/Vector_single.svg");
                      position: absolute;
                      bottom: -25px;
                    }
                  }
                  .desc{
                    &.content__desc{
                      display: flex;

                      flex-direction: column;
                      align-items: baseline;
                      p{
                        &:not(:last-child){
                          margin-bottom: 16px;
                        }

                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.5;
                        letter-spacing: normal;
                        color: rgba(18, 58, 50, 0.5);
                      }
                      i{
                        margin-right: 12px;
                        color: var(--main-color, #123a32);
                        svg{
                          stroke: black;
                          path{
                            fill: #000000;
                          }
                        }
                      }
                    }
                  }
                }

              }
            }
          }

        }
      }
    }
  }
  &.st-content-wrapper--solo{
    .form-book-wrapper{
      .form-date-search{
        border-top: none;
      }
    }
    .form-book-wrapper.st-tour-booking__bg{
      border: none;
      .st-sent-mail-customer{
        border: none;
      }
      .sent-email-st{
        padding: 14px 24px !important;
        border-radius: 40px;
        background-color: #ec927e !important;
        background: #ec927e !important;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 1px;
        color: #ffffff;
        display: inline-block;
        position: relative;
        outline: none;
        box-shadow: 0 5px 0 #df5334;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        &:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.4);
          -webkit-transition: none;
          -moz-transition: none;
          transition: none;
        }
        &:hover{
          transform: translateY(5px);
          box-shadow: 0 0px 0 #df5334 !important;
          &:after{
            width: 100%;
            background-color: rgba(255, 255, 255, 0);
            border-radius: 40px;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
          }
        }
      }
      .form-st-send-mail{
        padding-top: 30px;
      }
      .st_send-mail-form{
        .form-group{
          margin-top: 0px;
          input{
            padding: 24px;
            min-width: 230px;
            background: #f6f7f7;
            border-radius: 40px;
            border: 1px solid #eeeeee;
            outline: none;
            margin-bottom: 15px;
          }
          textarea{
            padding: 12px 24px;
            min-width: 230px;
            background: #f6f7f7;
            border-radius: 40px;
            border: 1px solid #eeeeee;
            outline: none;
            min-height: 150px;
          }
        }
      }
    }
  }
  &.st-single-tour{
    .form-book-wrapper{
      &.st-tour-booking__bg{
        .form-date-search{
          .date-wrapper{
            .check-in-wrapper{
              .render{
                color: var(--main-color, #123a32);
                font-size: 14px;
                line-height: 1.5;
                font-weight: 600;
              }
            }
            .fa{
              font-size: 26px;
            }
          }
        }
      }
    }
    .st-content--info{
      .info__overview{
        .overview__description{
          font-size: 14px;
          line-height: 21px;
          color: rgba(18, 58, 50, 0.6);
          margin-top: 0px;
          font-weight: normal;
        }
      }
    }
    .st-content--hightlight{
      .st-highlight{
        ul{
          li{
            font-size: 14px;
            font-weight: 500;
            color: var(--main-color, #123a32);
            margin-bottom: 8px;
          }
        }
      }
    }
    .st-list-service--bg{
      .related__item{
        margin-bottom: 0px;
        border: none;
        border-radius: 24px;
        -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        display: table;
      }
    }

    .st-tour-content{
      &.style7{
        .st-faq{
          border: none;
          margin-top: 0px;
          padding: 100px 0px 83px 0px;
          margin-top: 0px;
          @media (max-width: 991px){
            padding:60px 0px 43px 0px;
          }
          @media (max-width: 767px){
            padding: 32px 0px 7px 0px;
          }
          .solo-package{
            width: 70%;
          }
          .st-section-title{
            margin-bottom: 41px;
            @media (max-width: 767px){
              text-align: left;
              font-size: 20px;
              margin-bottom: 17px;
            }
          }
          .item{
            padding: 0px 35px 17px 35px;
            @media (max-width: 767px){
              padding: 0px 0px 17px 0px;
            }
            .header{
              padding: 0px 0px 16px 0px;
              margin-bottom: 0px;
              @media (max-width: 767px){
                padding: 0px 0px 8px 0px;
              }
              h5{
                font-size: 18px;
                color:var(--main-color,#123a32);
                line-height: 26px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 26px;
                letter-spacing: normal;
                @media (max-width: 767px){
                  font-size: 16px;
                }
              }
              .arrow{
                top: -3px;
                font-size: 24px;
              }
            }
            &.active{
              .header{
                border: none;
              }
              .body{
                padding-top: 0px ;
                padding-bottom: 16px;
                font-size: 14px;
                color: rgba(18, 58, 50, 0.5);
                line-height: 21px;

                @media (max-width: 767px){
                  padding-top: 0px;
                  padding-bottom: 16px;
                  border-bottom:2px  dashed #eeeeee;
                }
              }
              &:not(:last-child){
                .body{
                  border-bottom:2px  dashed #eeeeee;
                }
              }
            }
          }
        }
      }
    }
    .owl-carousel-wrapper{
      .owl-prev , .owl-next{
        width: 48px ;
        height: 48px ;
        background: #ec927e ;
        border-radius: 50% ;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        z-index: 2;
        position: relative;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        svg{
          width: 16px;
          height: 16px;
          path{
            fill: white;
          }
        }
        &.disabled{
          opacity: 0.4;
        }

      }
      .owl-prev{
        span{
          &:after{
              position: absolute;
              width: 16px;
              height: 16px;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              content: url('../images/chevron-left.svg');
          }
        }
        left: -47px;
        @media (max-width: 1024px){
          width:40px;
          height:40px;
          left:-40px;
        }
        @media (max-width: 991px){
          left:-20px;
          top:47%;
        }
        @media (max-width: 767px){
          left:-14px;
          top:50%;

        }
        @media (max-width: 575px){
          left: -12px;
          top:20%;
        }


      }
      .owl-next{
        right: -47px;
        span{
          &:after{
              position: absolute;
              width: 16px;
              height: 16px;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              content: url('../images/chevron-right.svg');
          }
        }
        @media (max-width: 1024px){
          width:40px;
          height:40px;
          right:-40px;
        }
        @media (max-width: 991px){
          right:-20px ;
          top:47% ;
        }
        @media (max-width: 767px){
          right:-14px ;
          top:50%;

        }
        @media (max-width: 575px){
          right: -12px ;
          top:20%;
        }
      }


    }

    .st-tour-content{
      &.style7{
        padding-top: 40px;
        .st-hotel-header{
          &.st-header--info{
            padding-bottom: 45px;
            margin-bottom: 0px ;
            flex-direction: column;
            align-items: unset;
            @media (max-width: 767px ){
              padding-bottom: 36px;
            }
            .info__content{
              margin-bottom: 40px;
              display: flex;
              justify-content: space-between;
              @media (max-width: 767px){
                order: 2;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-bottom: 0px;
              }
            }
            .st-header--info__link{
              font-size: 14px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 14px;
              letter-spacing: 0.4px;
              color: #36bca1;
              text-decoration: none;
              margin-bottom: 14px;
              display: inline-block;
              &:hover{
                text-decoration: none;
              }
              @media (max-width: 767px){
                display:none;
              }
            }
            .st-title{

              font-size: 32px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 32px ;
              letter-spacing: -0.8px;
              color:var(--main-color, #123a32);
              margin-bottom: 0px;
              margin-top: 0px;
              @media (max-width: 767px){
                margin-bottom: 16px;
                font-size: 24px;
                text-align: center;
              }
            }
            .shares{
              display: flex;
              z-index: 2;
              .shares__social{
                margin-left: 16px;
              }
              .share-item{
                width: 48px;
                height: 48px;
                background: #36bca1;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                outline: none;
                position: relative;
                z-index: 20;
                text-decoration: none;
                .fa-heart{
                  font-size: 24px;
                  color: white;
                }
                .fa-heart-o{
                  font-size: 24px;
                  color: white;
                }
                &:not(:last-child){
                  margin-right: 16px;
                }
                &:hover{
                  text-decoration: none;
                }
              }
              .share-wrapper {
                display: none;
                padding-left: 0;
                position: absolute;
                top: 100%;
                margin-top: 10px;
                right: 0;
                z-index: 100;
                li{
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  margin-bottom: 5px;
                  a{
                    color: var(--main-color, #123a32);
                    &:hover{
                      text-decoration: none;
                    }
                  }
                  &.share-bg--facebook{
                    background: #132a59;
                    i{
                      color: white;
                    }
                  }
                  &.share-bg--twitter{
                    background: #1d9dec;
                    i{
                      color: white;
                    }
                  }
                  &.share-bg--google{
                    background: #ffa63d;
                    i{
                      color: white;
                    }
                  }
                  &.share-bg--pinterest{
                    background: #e60023;
                    i{
                      color: white;
                    }
                  }
                  &.share-bg--linkedin{
                    background: #9ed2e0;
                    i{
                      color: white;
                    }
                  }

                }
              }

            }
            .st-permalink{
              .st-permalink--item{
                padding: 0px;
                margin: 0px;
                display: flex;
                @media (max-width: 767px){
                  align-items: center;
                  justify-content: center;
                  margin-bottom: 32px;
                }
                li{
                  list-style: none;
                  opacity: 0.5;

                  font-size: 14px;
                  font-weight: 500;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color:var(--main-color, #123a32);
                  margin-right: 20px;
                  position: relative;
                  a{
                    color:var(--main-color, #123a32);
                    text-decoration: none;
                    &:hover{
                      text-decoration: none;
                    }
                  }
                  &.item__color{
                    opacity: 1;
                  }
                  &:not(:last-child){
                    &:after{
                      content:'';
                      position: absolute;
                      right: -12px;
                      width: 4px;
                      height: 4px;
                      border-radius: 50%;
                      background-color:var(--main-color, #123a32);
                      top: 9px;
                    }
                  }
                }
              }
            }
          }
        }


        /*Overview*/

        .st-content--info{
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center bottom;
          padding: 100px 0px;
          margin-top: 20px;
          @media (max-width: 991px){
            padding: 60px 0px;
          }
          @media (max-width: 767px){
            padding:32px 0px;
            margin-top: 0px;
          }
          .info__maxwidth{
            max-width: 430px;
            margin-right: 55px;
            @media (max-width: 1024px){
              margin-right: 0px;
            }
            @media (max-width: 767px){
              max-width:100%;
            }
          }
          .info__overview{
            margin-bottom: 24px !important;
            .overview__title{
              margin: 0px 0px 24px 0px;

              font-size: 28px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 28px;
              letter-spacing: normal;
              color:var(--main-color, #123a32);
            }
            .overview__description{



              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
            }
          }

          .st-tour--feature{
            &.style7{
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              .feature__item{
                width: 50%;
                display: flex;
                align-items: flex-start;
                margin-bottom: 12px;
                .item__icon{
                  width: 24px;
                  height: 24px;
                  margin-right: 12px;
                }
                .feature__info{
                  .info__name{

                    font-size: 14px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color:var(--main-color, #123a32);
                    margin: 0px;
                  }
                  .info__value{

                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: 0.16px;
                    color: #889c98;
                    margin: 0px;
                  }
                }
              }
            }
          }
          /*Start include, exclude*/
          .st-include--info{
            margin-top: 28px;
            @media (max-width: 767px){
              display: none;
            }
            .info__title{
              margin-top: 0px;
              margin-bottom: 24px;

              font-size: 28px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 28px;
              letter-spacing: normal;
              color:var(--main-color, #123a32);
            }
            .info__content{
              margin: 0px;
              padding: 0px;
              &.info__margin{
                margin-bottom: 8px;
              }
              li{
                list-style: none;

                font-size: 16px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color, #123a32);
                display: flex;
                align-items: center;
                i{
                  margin-right: 12px;
                }
                &:not(:last-child){
                  margin-bottom: 8px;
                }
              }
            }
          }
          .info__margin{
            margin: 0px;
            padding: 0px;
            @media(max-width: 1024px){
              padding: 0px 15px;
            }
            @media (max-width: 767px){
              margin: 16px 0px 0px 0px;
            }
            .info__bg{
              position: relative;
              img{
                width: 100%;
                position: relative;
                z-index: 1;
                border-radius: 12px;
                border: 12px solid white;
              }
              &:after{
                position: absolute;
                content: '';
                width: 100%;
                left: 0px;
                top:0px;
                height: 100%;
                border-radius: 12px;
                background: white;
                transform: rotateX(4deg);
                z-index: 0;
                border: 12px solid #FFFFFF;
                box-sizing: border-box;
                box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.08);
                border-radius: 16px;
                transform: rotate(4deg);
                @media (max-width:767px){
                    top: 9px;
                    height: calc(100% - 14px);
                }
              }
            }
            .info__tour--image{
              height: 465px;
              background-position: center center;
              background-size: cover;
              background-repeat: no-repeat;
              position: relative;
              z-index: 5;
              @media (max-width: 575px){
                height: 365px;
              }

            }
            .info__btn--group{
              display: flex;
              align-items: center;
              justify-content: center;
              margin-top: 50px;
              @media (max-width: 767px){
                margin-top: 28px;
              }
              .group__left{
                margin-right: 108px;
                display: flex;
                flex-direction: column;
                align-items: center;
                .group__gallery--popup{
                  width: 80px;
                  height: 80px;
                  background-color: #f2911f;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 50%;
                }
                .group__link--gallery{

                  font-size: 14px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.43;
                  letter-spacing: 1px;
                  color: #f2911f;
                  margin-top: 12px;
                  text-transform: uppercase;
                  text-decoration: none;
                  display: inline-block;
                }
              }
              .group__right{
                display: flex;
                flex-direction: column;
                align-items: center;
                .group__video--popup{
                  width: 80px;
                  height: 80px;
                  background-color: #5c1488;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 50%;
                }
                .group__link--video{

                  font-size: 14px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.43;
                  letter-spacing: 1px;
                  color: #b15de4;
                  margin-top: 12px;
                  text-transform: uppercase;
                  display: inline-block;
                  text-decoration: none;
                }
                .group__video--popup{

                  font-size: 14px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.43;
                  letter-spacing: 1px;
                  color: #b15de4;
                  margin-top: 0px;
                }
              }

            }
            /* include/Exclude*/
            .st-include--info{
              display: none;
              @media (max-width: 767px){
                display: block;
                margin-top: 32px;
                .info__title{
                  margin-top: 0px;
                  margin-bottom: 24px;

                  font-size: 30px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color:var(--main-color, #123a32);
                }
                .info__content{
                  margin: 0px;
                  padding: 0px;
                  li{
                    list-style: none;

                    font-size: 16px;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    color:var(--main-color, #123a32);
                    display: flex;
                    align-items: center;
                    i{
                      margin-right: 5px;
                    }
                    &:not(:last-child){
                      margin-bottom: 8px;
                    }
                  }
                }
              }

            }
          }
          /*end*/
        }
        /*endOverview*/
        /*Faq*/
        .st-faq{
          .st-section-title{
            text-align: center;
            font-size: 30px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 30px;
            letter-spacing: normal;
            color: var(--main-color,#123a32);
            @media (max-width: 767px) {
              text-align: left;
              font-size: 20px;
              margin-bottom: 17px;
            }
          }
          .st-flex--faq{
            display: flex;
            @media (max-width: 767px){
              flex-direction: column;
            }
          }
          .st-faq--content{
            .item{
              &:not(:last-child){
                  &.active{

                      .header{
                        border-bottom:none !important;

                      }

                  }
                  .header{
                    border-bottom:2px  dashed #eeeeee;

                  }
              }
              &:last-child{
                  &.active{
                    @media (max-width: 767px){
                      .header{
                        border-bottom:none !important;

                      }
                    }
                  }
                  .header{
                    @media (max-width: 767px){
                      border-bottom:2px  dashed #eeeeee;
                    }


                  }
              }
              &.active{

                .header{
                  @media (max-width: 767px ){
                    border-bottom:2px  dashed #eeeeee;
                  }
                }
              }
            }
          }
          .st-faq--content, .st-right{
            @media (max-width: 767px){
              width: 100%;
            }
            .item{
              &:not(:last-child){
                  &.active{
                    @media (max-width: 767px){
                      .header{
                        border-bottom:none !important;

                      }
                    }
                  }
                  .header{
                    border-bottom:2px  dashed #eeeeee;

                  }
              }
              position: relative;
              border: none;
              .header{
                display: flex;
                justify-content: space-between;

                .arrow{

                  @media (max-width: 767px){
                    margin-top: -5px;
                  }
                  .fa{
                    &.fa-angle-down{
                      color: #ec927e;
                    }
                  }
                }
              }
              &.active{
                .header{
                  border: none;
                }
                .body{
                  font-weight: normal;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: 1.5;
                  letter-spacing: normal;
                  @media (max-width: 767px){
                    padding-top: 0px;
                  }
                }
              }
            }
          }
        }
        /*endFaq*/
        /*Tour hightlight*/
        .st-content--hightlight{
          background-position: center top;
          background-repeat: no-repeat;
          background-size: cover;
          .st-highlight{
            padding: 100px 0px 92px 0px;
            @media (max-width: 991px){
              padding: 60px 0px 52px 0px;
            }
            @media (max-width: 767px){
              padding: 32px 0px 24px 0px;
            }
            .hightlight__title{

              font-size: 30px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: 30px;
              letter-spacing: normal;
              color:var(--main-color, #123a32);
              margin-top: 0px;
              margin-bottom: 40px;
              text-align: center;
              @media (max-width: 767px){
                font-size: 20px !important;
                margin-bottom: 16px;
                text-align: left;
              }
            }
            ul{
              padding: 0px !important;
              margin: 0px;
              text-align: center;
              li{
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;

                position: relative;
                display: inline-flex;
                align-items: center;
                justify-content: flex-start;
                padding: 0px;
                @media (max-width: 767px){
                  width: 100%;
                  max-width: 100%;
                  align-items: flex-start;
                  justify-content: flex-start;
                }
                &:before{
                  content:none !important;
                }
                i{
                  margin-right: 12px;
                }
              }
            }
          }
        }
        /*End Tourhightlight*/

      }
    }
    /*Form book*/
    .st-tour-booking{
      position: relative;
      background-color: white;
      &:after{
        content:'';
        position: absolute;
        top: -20px;
        width: 100%;
        height: 1px;
        left: 0px;
        background-color: #eeeeee;
        @media (max-width: 767px){
          display: none;
        }
      }

      .widgets--margin{
        @media (max-width: 767px){
          margin-bottom: 32px !important;
        }
      }
      .st-tour-booking__bg{
        border: none ;
        border-top: none ;
        border-radius: 0px ;
        padding-bottom: 25px;
        padding-top: 25px;
        @media (max-width: 767px){
          padding-bottom: 0px;
          padding-top: 0px;
        }
      }
      .st-tour-booking__guest{
        display: none !important;
      }
      .st-tour-booking__info{
        display: flex;
        align-items: center;
        @media (max-width: 767px){
          flex-direction: column;
        }

        .st-tour-booking__border{
          border:none !important;
          margin-right: 16px;
          position: relative;
          @media (max-width: 991px){
            margin-right: 20px;
          }
          @media (max-width: 767px){
            margin:0px;
            width:100%;
            margin-bottom:8px !important;
          }
          .st-tour-booking__date--wrapper{
            padding: 12px 24px;
            min-width: 230px;
            background: #f6f7f7;
            border-radius: 40px;
            border: 1px solid #eeeeee;
            outline: none;
            @media (max-width: 1024px){
              width: 220px;
              min-width: auto;
            }
            @media (max-width: 767px){
              width: 100%;
            }
            .input-icon{
              width: 15px;
              height: 16px;
              margin-right: 12px;
              font-size: unset ;
            }

            .st-tour-booking__check-in{
              .render{

                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: var(--main-color, #123a32);
              }
            }
          }
          .st-tour-booking__flex{
            display: flex;
            align-items: center;
            max-width: 300px;
            border-radius: 40px;
            cursor: pointer;
            padding: 12px 24px;
            border: solid 1px #eeeeee;
            background-color: #f6f7f7;
            @media (max-width: 1024px){
              width: 220px;
              min-width: auto;
            }
            @media (max-width: 767px){
              width:100%;
              max-width: 100%;

            }
            @media (max-width: 350px){
              padding:12px 20px;
            }
            .field-icon{
              width: 12px;
              height: 6px;
              margin-right: 14px;
              margin-top: -12px;
            }
            .st-tour-booking__tour-info{
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              max-width: 184px;
              margin-right: 26px;
              @media (max-width: 767px){
                width: 100%;
                overflow: visible;
                text-overflow: unset;
                margin-right: 0px;
                max-width: 100%;
              }
              span{

                font-size: 14px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color, #123a32);
                @media (max-width: 350px){
                  font-size: 15px;
                }
              }
            }
            .arrow{
              font-size: 26px;
            }
          }
          .st-tour-booking__position{
            left: auto ;
            min-width: 300px ;
            top: 100%;
            padding: 12px 0px 0px 0px ;
            margin: 8px 0px 0px 0px ;
            border-radius: 24px;
            margin-top: 8px;
            box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
            border: solid 1px #eeeeee;
            background-color: #ffffff;
            .st-tour--guest-wraper{
              padding: 12px 18px 12px 24px ;
            }
            .st-tour-booking__check-in{
              width:48% !important;
              label{
                font-size: 16px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: var(--main-color, #123a32);
                margin-bottom: 4px;
              }
              .st-tour-booking__render{

                font-size: 16px !important;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color: rgba(18, 58, 50, 0.5);
              }
            }
            .st-tour-booking__st--number{
              .next{
                line-height: 41px;
                #Tour_Detail_1{
                  stroke: #ec927e;
                }
              }
              .prev{
                #Tour_Detail_1{
                  stroke: #ec927e;
                }
              }
              .st-tour-booking__st--number__item{
                border-radius: 8px;
                border: solid 1px #eeeeee;
                color: #000000;
              }
            }
            @media (max-width:767px){
              min-width: auto;
              width: 100%;
            }
          }
        }
        .form-more-extra{
          display: none !important;
        }
        .st-tour-booking__price{
          padding: 0px !important;
          margin: 0px 24px 0px 18px;
          @media (max-width: 991px){
            margin: 0px 20px 0px 0px;
          }
          @media (max-width: 767px){
            display:none;
          }
          .st-tour-booking__price--item{
            .value{
              display: flex;
              flex-direction: column;
              .onsale{

                font-size: 20px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #c4c4c4;
                margin-bottom: 6px;
                text-decoration: line-through;
              }
              .text-lg{

                font-size: 24px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 30px;
                letter-spacing: normal;
                color: var(--main-color, #123a32);
              }
            }
          }
        }
        .st-tour-booking__submit{
          padding: 0px !important;
          border-top: 0px !important;
          position: relative;
          z-index: 0;
          .btn-large{
            padding: 14px 24px !important;
            border-radius: 40px;
            background-color: #ec927e;

            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: 1px;
            color: #ffffff;
            display: inline-block;
            position: relative;
            z-index: 20;
            outline: none;
            box-shadow: 0 5px 0 #df5334;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s  ease-in-out;
            -moz-transition: all 0.3s  ease-in-out;
            &:hover{
              transform: translateY(5px);
              box-shadow: 0 0px 0 #df5334 !important;
            }
            &:after{
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 0;
              height: 100%;
              background-color: rgba(255,255,255,0.4);
              -webkit-transition: none;
              -moz-transition: none;
              transition: none;
            }
            &:hover{
              &:after{
                width: 100%;
                background-color: rgba(255,255,255,0);
                border-radius: 40px;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
              }
            }
            @media (max-width: 767px){
              margin-top: 8px;
              min-width: 163px;
            }
          }
        }
        .message-wrapper{
          max-width: 235px;
          margin-top: 0px;
          margin-left: 60px;
          @media (max-width: 767px){
            max-width: 100%;
            width: 100%;
            margin-left: 0px;
            text-align: center;
            margin-top: 15px;
          }
          .alert{
            &.alert-danger{
              background-color: white;
              border: none !important;
              padding: 0px !important;
              margin: 0px !important;
              border-radius: 0px !important;

              font-size: 14px;
              font-weight: 500;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.43;
              letter-spacing: normal;
              color: #ec927e;
            }
            .close{
              top: 0px;
              right: auto;
              left: -20px;
              opacity: 1;
              span{
                color: #ec927e;
              }
            }
          }

        }
      }
    }
    /*endform*/


  }
}
  .st-header-8{

    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
      border-bottom-right-radius: 40px;
      border-bottom-left-radius: 40px;
    }

    .select2-search--dropdown{
      display: none;
    }

    .select2-dropdown--below{
      border: none;
      background: transparent;
    }
    .select2-dropdown--above{
      background: transparent;
      border: none;
    }
    .select2-results{
      height: auto !important;
      margin-top: 8px;
      > .select2-results__options{
        max-height: 500px;
        border-radius: 24px;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.04);
        border: solid 1px #eeeeee;
        background: white;
        li{
          padding:8px 24px;
          &:first-child{
            padding-top: 24px;
          }
          &:last-child{
            padding-bottom: 24px;
          }
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          color: var(--main-color,#123a32);
          &[aria-selected=true]{
            background: transparent;
            color: #ec927e;
          }
          &.select2-results__option--highlighted{
            &[aria-selected]{
              background: transparent;
              color: #ec927e;
            }
          }
          &:hover{
            color: #ec927e;
          }
        }
      }
    }
    .select2-container--below{
      border-radius: 0px;
    }

  }


/*Faqpage*/
.st-faq--solo{
  padding-bottom: 63px;
  @media (max-width: 767px){
    padding-bottom: 15px;
  }
  &.st-faq{
    h3{
      text-align: center;
      font-size: 18px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 26px;
      letter-spacing: normal;
      color: var(--main-color,#123a32);
      padding: 0px 200px;
      margin: 60px 0px;
      @media (max-width: 991px){
        padding: 0px 50px;
      }
      @media (max-width: 767px){
        padding: 0px;
        font-size: 16px;
        margin:32px 0px;
      }
    }
    .st-flex--faq{
      display: flex;
      @media (max-width:767px){
        flex-direction: column;
      }
    }
    .st-faq--content{
      .item{
        &:not(:last-child){
            &.active{
              @media (max-width: 767px){
                .header{
                  border-bottom:none !important;

                }
              }
            }
            .header{
              border-bottom:2px  dashed #eeeeee;

            }
        }
        &:last-child{
            &.active{
              @media (max-width: 767px){
                .header{
                  border-bottom:none !important;

                }
              }
            }
            .header{
              @media (max-width:767px){
                border-bottom:2px  dashed #eeeeee;
              }
            }
        }
        &.active{
          .header{
            border: none;
            @media (max-width:767px){
              border-bottom:2px  dashed #eeeeee;
            }

          }
        }
      }
    }
    .st-faq--content, .st-right{
      @media (max-width: 767px){
        width: 100%;
      }
      .item{
        &:not(:last-child){
            &.active{
              @media (max-width: 767px){
                .header{
                  border-bottom:none !important;

                }
              }
            }
            .header{
              border-bottom:2px  dashed #eeeeee;

            }
        }
          &.active{
            .header{
              border: none;
            }
            .body{
              padding-top: 0px;
              padding-bottom: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: rgba(18, 58, 50, 0.5);

              @media (max-width: 767px){
                padding-top: 0px;
              }

            }
            &:not(:last-child){
              .body{
                border-bottom:2px  dashed #eeeeee;
              }
            }

          }
          position: relative;
          border: none;
          padding-bottom: 35px;
          @media (max-width: 767px){
            padding-bottom: 18px;
          }
          .header{
            display: flex;
            justify-content: space-between;
            padding-top: 0px;
            margin-bottom: 0px;
            padding-bottom: 16px;
            h5{
                font-size: 18px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.5;
                letter-spacing: normal;
                color:var(--main-color,#123a32);
            }
            .arrow{
              font-size: 24px;
              @media (max-width: 767px){
                margin-top: 0px;
              }
              .fa{
                &.fa-angle-down{
                  color: #ec927e;
                }
              }
            }
          }
      }
    }
  }
}
#st-content-wrapper{
  .form-more-extra-solo{
    position: relative;
    border: none;
    min-width: 120px;
    align-items: center;
    border-radius: 40px;
    cursor: pointer;
    border: solid 1px #eeeeee;
    background-color: #f6f7f7;

    @media screen and (max-width: 767px) {
      width: 100%;
      max-width: 100%;
    }

    i{
      font-size: 26px;
    }
    .button-extra{
      display: block;
      .dropdown-more-extra{
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #123A32;
        display: flex;
        justify-content: space-between;
        padding: 12px 24px;
        text-decoration: none;
      }
    }

    .dropdown-menu.extras{
      min-width: 400px;
      top: 100%;
      margin: 8px 0px 0px 0px;
      border-radius: 24px;
      margin-top: 8px;
      box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.08);
      border: solid 1px #eeeeee;
      background-color: #ffffff;
      padding: 24px;
      transition: all 0.5s;

      @media screen and (max-width: 767px) {
        max-width: 100%;
        min-width: auto;
      }
    }
    ul{
      li{
        span.name-extra-title{
          font-style: normal;
          font-weight: 600;
          font-size: 20px;
          line-height: 24px;
          color: #123A32;
        }
        .title-extra{
          display: block;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          color: #123A32;
        }
        .extra-price-item{
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 24px;
          color: rgba(18, 58, 50, 0.5);
        }
        .select-wrapper{
          .caculator-item{
            display: flex;
            align-items: center;
            i{
              color: #EC927E;
              font-size: 14px;
            }
            input.extra-service-select{
              margin-left: 12px;
              margin-right: 12px;
              -moz-appearance: textfield;
              text-align: center;
            }
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
              text-align: center;
            }
          }
        }
      }
    }
  }
}

/*endFaq*/
#st-content-wrapper.st-single-tour .st-tour-content.style7{
  .st-package-popup-solo{
    .st-faq{
      padding: 0px;
      .item{
        padding:0px;
        .item-inner{
          padding:0px;
          list-style: none;
          .checkbox-item{
            display: flex;
          }
        }
        .header{
          padding: 16px 0px 16px 0px;
          h5{
            font-size: 14px;
          }
          .arrow{
            top: 0px;
            line-height: 26px;

            @media screen and (max-width: 767px) {
              width: auto;
            }
          }
        }
      }
    }
  }
  .body {
    font-size: 14px;
    color: #5E6D77;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 0px;
    overflow: hidden;
    padding-bottom: 0px;
    ul{
        &.item-inner{
            padding:0;
            margin: 0;
            &.flight{
              li{
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                .package-flight{
                  max-width: 70%;
                }
                .flight_destination{
                  display: flex;
                  align-items: center;
                  i{
                    margin-left: 4px;
                    margin-right: 4px;
                  }
                }
                .flight_price_economy{
                  .i-check, .i-radio{
                    height: 15px;
                    width: 15px;
                  }
                }

              }
            }
            li{
                overflow: hidden;
                clear: both;
                list-style: none;
                display: block;
                margin-bottom: 20px;
                &.car-item-package{
                  display:flex;
                  align-items: center;
                  justify-content: space-between;
                }
                label{
                    font-weight: 400;
                    font-size: 15px;
                    margin-bottom: 0;
                    display: inline-block;
                    margin-left: 10px;
                }
                select{
                    display: inline-block;
                    margin-left: 10px;
                    @media #{$info-sphone}{
                        display: block;
                        margin-left: 0;
                        margin-top: 5px;
                    }
                }
                /*&:last-child{
                      margin-bottom: 0;
                }*/
            }
            &.car{
                li{
                    label{
                        min-width: 40%;
                    }
                }
            }
            &.flight{
                @media #{$info-phone}{
                    li {
                        padding-top: 12px;
                        padding-left: 10px;
                        padding-right: 10px;
                        .col-sm-4 {
                            margin-bottom: 10px;
                        }
                        &:nth-child(2n +1) {
                            background: #dfdfdf;
                        }
                    }
                }
            }
            &.hotel{
                @media #{$info-sphone}{
                    ul{
                        &.booking-item-rating-stars{
                            display: block;
                            margin-left: 0;
                        }
                    }
                }
            }
        }
        &.booking-item-rating-stars{
            padding: 0;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            position: relative;
            top: -1px;
            li{
                float: left;
                list-style: none;
                margin-right: 4px;
                clear: none;
                margin-bottom: 0;
                .fa{
                    font-size: 17px;
                    color: #FFDC00;
                }
            }
        }
    }
  }
}
.st-single-blog--solo{
  #comment-wrapper{
    padding: 0px 200px;
    margin-top: 200px;
    margin-bottom: 0px;
    @media (max-width: 767px){
      padding: 0px;
    }
    #respond{
      margin-top: 60px;
      border: none;
      padding: 0px;
      h3#reply-title{
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #123A32;
      }
      .form-submit{
        text-align: center;
        input[name=submit]{
          padding: 18px 40px;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: 1px;
          color: #ffffff !important;
          background: #ec927e !important;
          border-radius: 40px;
          margin-bottom: 0px;
          border: none !important;
          text-align: center;
          text-decoration: none;
          box-shadow: 0 5px 0 #df5334;
          transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          position: relative;
          &:hover{
            transform: translateY(5px);
            box-shadow: 0 0px 0 #df5334 !important;
          }
        }
      }
    }

    .form-control{
      background: #F6F7F7;
      border: 1px solid #EEEEEE;
      box-sizing: border-box;
      border-radius: 24px;
      padding:12px 24px;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: rgba(18, 58, 50, 0.6);
      &:active{
        border-color: #ec927e !important;
      }
      &:focus{
        border-color: #ec927e!important;
      }
    }
    .item-input-solo{
      @media (min-width: 768px){
        padding-right: 8px;
        &:nth-child(2n+1){
          padding-right: 16px;
          padding-left: 8px;
        }
      }
      .form-control{
        padding:24px;
        line-height: 48px;
        margin-top: 16px;
      }
    }

    h2.title{
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 32px;
      text-align: center;
      color: #123A32;
      border : none;
    }
    .comment-list{
      li{
        .media-heading{
          font-style: normal;
          font-weight: 600;
          font-size: 20px;
          line-height: 26px;
          color: #123A32;
        }
        .date{
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          color: #889C98;
        }
        .comment-content{
          margin-top: 16px;
          font-style: normal;
          font-weight: normal;
          font-size: 16px;
          line-height: 24px;
          color: #123A32;
        }
        .comment-reply{
          a.comment-reply-link{
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 1px;
            color: #EC927E;
          }
        }
      }
    }
  }
}
/*End Single Page*/

.st-content-wrapper--solo{
  .st-tour-booking__bg{
    .message-wrapper{
      max-width: 235px;
      margin-left: 20px;
      margin-top: 15px;
      &:empty{
        display: none;
      }
      @media (max-width: 767px){
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        text-align: center;
        margin-top: 15px;
      }
      .alert{
        &.alert-danger{
          background-color: white;
          border: none !important;
          padding: 0px !important;
          margin: 0px !important;
          border-radius: 0px !important;

          font-size: 14px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.43;
          letter-spacing: normal;
          color: #ec927e;
        }
        .close{
          top: 0px;
          right: auto;
          left: -20px;
          opacity: 1;

          @media (max-width: 767px) {
            left: 0px;
          }

          span{
            color: #ec927e;
          }
        }
      }
    }
  }

}