.wptravel-tourguide-wrapper,.wptravel-layout-v2 .wrapper-tg {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 10px;
  width: 100%;
}
.wrapper-tg.wp-travel-single-guide {
  padding-top: 60px;
}
.right-col {
  flex: 0 0 80%;
}
.wrap-left-sidebar-col,.wrap-right-col {
  padding: 20px;
}

.guide-img {
  padding: 20px 0;
}
.head-titles {
  position: relative;
}

.single-guide-page {
  background: #ebebeb;
}

.row-sigle-guide {
  display: flex;
  justify-content: center;
  align-items: baseline;

  position: relative;
  background: #fff;
}

.tab-with-details {
  padding-top: 40px;
}

.row-sigle-guide:after {
  content: "";
  position: absolute;
  right: 0;
  left: -0%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 1px;
  background-size: 50px 100%;
  background-image: linear-gradient(135deg, #2c3e50 25%, transparent 25%),
    linear-gradient(225deg, #2c3e50 25%, transparent 25%);

  background-position: 0 0;
}
#user-info {
  border-bottom: 2px solid gray;
}
.wrap-info {
  position: relative;
}
.guide-links {
  float: left;
  width: 33.33%;
}
.guide-details {
  float: left;
  width: 66.6666%;
}

.tab {
  overflow: hidden;
  border: 1px dotted #ccc;
  background-color: #f1f1f1;
  margin: 20px 0;
}

.tab button {
  background-color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tab button:hover {
  background-color: #2fb2a0;
}

.tab button.active {
  background-color: #ccc;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  border-top: 4px solid #2fb2a0;
}

.tabcontent {
  display: none;
  padding: 10px 12px;
  border-top: none;
}

.wptravel-tg-guideimage img {
  height: 100%;
}
.col-33-gallery {
  height: 300px;
  width: 300px;
  flex: 0 0 30%;
  display: flex;
}
.col-33-gallery img {
  border-radius: 50px;
}
.row-gallery {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.guide-details div {
  padding: 10px 0;
}
.guide-links li {
  padding: 10px 0;
}
.head-titles {
  padding: 20px 0;
}
.tabcontent h3 {
  padding-bottom: 20px;
}
.active-tab {
  display: block;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.btn.active {
  background-color: #666;
  color: white;
}

.wptravel-travel-guide-heading {
  width: 100%;
}
.wptravel-travel-guide-heading h1 {
  font-size: 32px;
}
.wptravel-travel-guide-heading h1,
.wptravel-travel-guide-heading h4 {
  text-align: center;
  padding-bottom: 25px;
}
[class*="wptravel-travel-guide-columns"] {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  min-height: 1px;
}
.wptravel-tourguide-quote,.wptravel-tourguide-guidename {
  margin-bottom: 15px;
}
.wptravel-travel-guide-row {
  width: 60%;
}
.wptravel-travel-guide-Review .wp-travel-average-review:before {
  font-weight: unset;
  color: orange;
}
.wptravel-travel-guide-image {
  flex: 0 0 40%;
}
.wptravel-travel-guide-name {
  flex: 0 0 60%;
  padding: 0 40px;
}
.wptravel-travel-guide-details {
  width: 40%;
}
.wptravel-underline {
  text-decoration: none;
  position: relative;
}
.wptravel-underline:after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 15px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 30%;
  background: green;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.wptravel-travel-guide-img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.wptravel-callto-buttion {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.05em;
  color: #000;
}
.wptravel-tourguide-btn-view-photos {
  color: #70ab43;
}
.wptravel-tourguide-addresss,
.wptravel-tourguide-quote {
  font-size: 14px;
}
.wptravel-tourguide-addresss {
  font-style: italic;
  color: #000;
  margin-bottom: 5px;
}
.wptravel-tourguide-name-details {
  display: flex;
}
.wptravel-tourguide-guide-desc {
  padding: 35px 0;
}
.wptravel-sidebar-wrapper {
  background: #f6e4e4;
  box-shadow: 0 0 5px rgb(0 0 0 / 30%);
  padding: 35px 15px 25px;
  text-align: center;
}
.wptravel-travel-guide-details h2:after {
  content: "";
  display: block;
  margin: 5px auto 0;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 5px;
  border-bottom: 2px solid #70ab43;
}
.wptravel-travel-guide-details h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
  font-weight: bolder;
  margin-bottom: 15px;
}
.wptravel-travel-guide-details h3 {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
}
.wptravel-tourguide-aside-readmore {
  margin-top: 10px;
  letter-spacing: 0.05em;
  color: #70ab43;
  display: block;
}
.wptravel-travel-guide-details .language {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px 0;
}
.wptravel-travel-guide-details .rating {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.25rem;
}
.wptravel-tourguide-guide-desc p {
  padding-right: 20px;
}
.wptravel-travel-guide-credentials {
  clear: both;
  padding-bottom: 50px;
}
.wptravel-travel-guide-credentials h2,
.wptravel-travel-guide-Review h2 {
  font-size: 1.5rem;
  text-align: center;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 30px;
}
.wptravel-travel-guide-credentials h2:after {
  content: "";
  display: block;
  width: 180px;
  height: 10px;
  border-bottom: 1px solid #313131;
  margin: 0 auto;
}
.wptravel-travel-guide-Review h2:after {
  content: "";
  display: block;
  width: 180px;
  height: 10px;
  border-bottom: 1px solid #313131;
  margin: 0 auto;
}
.wptravel-tourguide-guide-desc p {
  text-align: justify;
}
.wptravel-travel-guide-credentials p {
  text-align: justify;
}
.wptravel-tourguide-all-trip {
  clear: both;
  padding: 30px 0 70px;
  background: #f3f3f3;
}
.wptravel-tourguide-trip-list {
  text-align: center;
  padding: 40px 0;
}
.wp-travel-single-guide h3.section-title,
.wptravel-tourguide-trip-list h3 {
  color: #313131;
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  font-weight: bold;
}
.wptravel-tourguide-trip-list P {
  font-family: monospace;
}
.wptravel-tourguide-all-trip .row-three-col {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
}
.wptravel-tourguide-all-trip .col {
  flex: 0 0 30%;
}
.wptravel-travel-guide-columns {
  padding-bottom: 20px;
}
.wptravel-sidebar-wrapper .wptravel-social-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wptravel-sidebar-wrapper .wptravel-social-links a {
  max-width: 35px;
}
.wptravel-sidebar-wrapper .guide-register-since {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px 0;
}
.wptravel-sidebar-wrapper .guide-number {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px 0;
}
.wptravel-travel-guide-Review {
  position: relative;
  margin-bottom: 30px;
  border: solid 1px #ccc;
  padding: 20px;
  z-index: 0;
}
.wptravel-travel-guide-Review p {
  font-size: 14px;
  line-height: 1.8rem;
}
.wptravel-travel-guide-Review .rating-in-border i {
  color: #f7943c;
}
.wptravel-travel-guide-Review .rating-in-border {
  position: absolute;
  top: 20%;
  left: 43%;
  z-index: 5;
}
.wptravel-travel-guide-Review .reply a {
  color: #df1814;
  font-size: 14px;
}
#wptravel-travel-guide-Review .form-submit input {
  color: white;
  background-color: #70ab43;
  padding: 0.5em 1em;
}
#wptravel-travel-guide-Review .form-submit {
  padding: 15px 0;
}
.wp-travel-average-review span::before {
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  font-family: "wt-icon-solid";
}
*,
*:before,
*:after {
  box-sizing: border-box;
  /* margin: 0;
  padding: 0; */
  font-family: inherit;
}

.wptravel-tourguide-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 10px;
}

.wptravel-tourguide-container .btn {
  padding: 1vh;
  border: none;
}
.btn.active {
  background-color: #666;
  color: white;
}

.wptravel-tourguide-container .btn {
    padding: 10px;
    margin-right: 5px;
    border: none;
}
.wptravel-tourguide-container .btn.active {
  background-color: red;
  color: white;
  border: none;
}
/* ******************************************************************************* */

.post-type-archive-travel-guide .wptravel-tg-guidename .entry-title{
  margin: 5px 0px 20px 0px;
}

.wptravel-tg-column .entry-title a,
.wptravel-tourguide-container .entry-title a {
  text-decoration: none;
}
.wptravel-tg-guideimage {
  height: 320px;
}
.wptravel-tg-guideimage img {
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.wptravel-tg-guidename p {
  font-size: 24px;
  word-break: break-all;
}
.wptravel-tg-social {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.wptravel-tg-gallary hr {
  margin-top: 20px;
  margin-bottom: 15px;
}
.wptravel-tg-list-view-row .guide-list {
  border: 1px solid #e9d7d761;
  height: auto;
  position: relative;
}
.wptravel-tg-social svg {
  fill: orange;
}
.wptravel-tg-hide-grid {
  display: none;
}
/* *List View class="list-layout"********************************************************** */
.list-layout .wptravel-tg-gallary {
  display: flex;
  position: relative;
  height: 100%;
}
.list-layout .wptravel-tg-guide-experiance {
  position: absolute;
  left: 60%;
  top: 85%;
}
.list-layout .wptravel-tg-guidename {
  flex: 0 0 50%;
  padding: 10px 0 30px 0px;
}
.list-layout .wptravel-tg-guideimage {
  flex: 0 0 30%;
  height: 100%;
}
/* guide image height */
.list-layout .wptravel-tg-guideimage img {
  height: 100%;
}
.list-layout .wptravel-tg-column {
  flex: 0 0 100%;
  margin: 20px 0;
}
.list-layout .wptravel-tg-hide-grid {
  display: block;
  padding-top: 20px;
  padding-right: 10px;
}
.list-layout .wptravel-tg-guide-language {
  position: absolute;
  left: 30%;
  top: 85%;
}
.list-layout .wptravel-tg-address {
  position: absolute;
  left: 30%;
  top: 20%;
}
.list-layout .wptravel-tg-social {
  position: absolute;
  right: 1%;
  top: 85%;
  gap: 1px !important;
}
.list-layout .wptravel-tg-wrapper {
  height: 231px;
}
.list-layout .wptravel-tg-gallary hr {
  position: absolute;
  width: 70%;
  bottom: 13%;
  right: 0;
}
.list-layout .wptravel-tg-list-view-row {
  gap: 30px;
}
/* first render column width */
.wptravel-tg-column {
  flex: 0 0 32%;
  padding-bottom: 30px;
}

/*extra*/
#wp-travel-travel-guide-fornt-guide-tab-template .wptravel-tg-rating span span {
  padding-right: 1px;
}

/* main wrapper container */
.wptravel-tourguide-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 10px;
}
.btn.active {
  background-color: #666;
  color: white;
}
.wptravel-tourguide-container .btn.active {
  background-color: red;
  color: white;
  border: none;
}
/* ******************************************************************************* */
.wptravel-tg-guideimage img {
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.wptravel-tg-guidename-list {
  padding: 10px 0 20px 15px;
}
.wptravel-tg-guidename-list p {
  font-size: 24px;
  word-break: break-all;
}
img {
  max-width: 100%;
  max-height: 100%;
}
.wptravel-tg-list-view-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.wptravel-tg-gallary hr {
  margin-top: 20px;
  margin-bottom: 15px;
}
.wptravel-tg-list-view-row .guide-list {
  border: 1px solid #e9d7d761;
  height: auto;
  position: relative;
}
/* for star rating */
.wptravel-tg-guideimage {
  position: relative;
}
.wptravel-tg-rating {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.wptravel-tg-rating span.checked {
  color: orange !important;
}
.wptravel-tg-social svg {
  fill: orange;
}
.wptravel-tg-hide-grid {
  display: none;
}

/* temporary hide */
.list-layout .wptravel-tg-column {
  display: none;
}

.list-layout .wptravel-tg-guide-experiance-list-view {
  flex: 0 0 30%;
}
.list-layout .wp-social {
  text-align: right;
  flex: 0 0 30%;
}
.list-layout .wptravel-tg-guide-language-list-view {
  flex: 0 0 30%;
}
.list-layout .wptravel-tg-main-div {
  display: block;
  margin-bottom: 20px;
  border: solid 1px #e9d7d761;
  padding: 11px;
}
.list-layout .wptravel-tg-main-div img {
  width: 100%;
}
.wptravel-tg-guide-language-list-view span,
.wptravel-tg-guide-experiance-list-view span,
.wptravel-tg-address-list-view span,
.wptravel-tg-guide-language span,
.wptravel-tg-address span,
.wptravel-tg-guide-experiance span {
  font-weight: 500;
}
/* for list view */
.wptravel-tg-main-div {
  display: none;
}
.single-itineraries .wptravel-tg-column .entry-container,.grid-layout .entry-container {
  padding: 10px 20px;
}
.single-itineraries .wptravel-tg-column .entry-container .wp-social,.grid-layout .wp-social {
  text-align: left;
  padding-top: 15px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 0px;
  border-top: solid 1px #e9d7d761;
}
.wp-social li {
  display: inline-block;
}
.wp-social li svg {
  fill: orange;
}
.list-layout .wptravel-tg-main-div img {
  object-fit: cover;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-layout .wptravel-tg-guidename-list {
  padding: 0;
}
.content-wrapper-tg {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 0;
  margin-top: 30px;
  flex-wrap: wrap;
  border-top: solid 1px #e9d7d761;
}
.guide-description p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-right: 10px;
}
.list-layout .wptravel-tg-rating {
  bottom: 20px;
  left: 20px;
}
.image-wrapper {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.wptravel-tg-address-list-view {
  padding-bottom: 10px;
}

a[alt="fb-link"] svg {
  fill: #1b74e4;
}
a[alt="insta-link"] svg {
  fill: #ff53c4;
}
a[alt="twitter-link"] svg {
  fill: #23b6ff;
}
a[alt="linkedin-link"] svg {
  fill: #115bb3;
}
a[alt="tiktok-link"] svg {
  fill: #000;
}
a[alt="youtube-link"] svg {
  fill: #ff4040;
}

.wptravel-tourguide-aside-review .fa-star,
.wptravel-tg-rating .fa-star {
  color: orange !important;
}
.wptravel-tourguide-aside-review .fa,
.wptravel-tg-rating .fa {
  font-weight: 100 !important;
}
.single-travel-guide .wptravel-tourguide-aside-review span.checked,
.wptravel-tg-rating span.checked {
  color: #f9a032 !important;
  font-weight: 900 !important;
}

#wptravel-tg-btnContainer{
  padding-top: 60px;
}

.wptravel-tourguide-container  nav.navigation {
  padding: 30px 0;
    margin-bottom: 20px;
    text-align: center;
}
.wptravel-tourguide-container .nav-links{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.wptravel-tourguide-container .page-numbers{
    padding: 0.3em 0.7em;
    border: 1px solid #eee;
}
@media only screen and (max-width: 900px) {
  .list-layout .wptravel-tg-guide-experiance-list-view {
    flex: 0 0 50%;
  }
  .list-layout .wptravel-tg-guide-language-list-view {
    flex: 0 0 50%;
  }
  .list-layout .wp-social {
    text-align: left;
    margin-top: 15px;
  }
  .wptravel-tg-column {
    flex: 0 0 48% !important;
  }
}

@media only screen and (max-width: 768px) {
  .list-layout .wptravel-tg-guidename-list{
    margin-top: 20px;
  }
  .list-layout .wptravel-tg-guideimage-list-view {
    position: relative;
  }
  .list-layout .wptravel-tg-main-div {
    width: 100%;
  }
  .list-layout .wptravel-tg-rating {
    bottom: -310px !important;
    left: 20px !important;
  }
  .wptravel-travel-guide-details.wptravel-travel-guide-columns {
    width: 100% !important;
    float: none;
    position: static;
    clear: both;
  }
  .wptravel-travel-guide-heading.wptravel-travel-guide-columns {
    width: 100% !important;
    float: none;
    position: static;
    clear: both;
  }
  .wptravel-travel-guide-row.wptravel-travel-guide-columns {
    width: 100% !important;
    float: none;
    position: static;
    clear: both;
  }
  .list-layout .wptravel-tg-main-div img {
    height: 200px;
  }
  .list-layout .wptravel-tg-main-div .image-wrapper {
    height: 320px;
  }
}

@media only screen and (min-width: 768px) {
  .wptravel-tg-guidename-list {
    padding-top: 20px;
  }
  .list-layout .wptravel-tg-main-div {
    display: block;
    display: table;
    position: relative;
    align-items: center;
    width: 100%;
  }
  .list-layout .image-wrapper {
    width: 30%;
    display: table-cell;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  .list-layout .content-wrapper {
    text-align: unset;
    width: 70%;
    display: table-cell;
    padding: 10px 20px 10px 50px;
  }
}
@media only screen and (max-width: 480px) {
  .wptravel-tg-column {
    flex: 0 0 100% !important;
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .list-layout .wptravel-tg-rating {
    bottom: -240px !important;
    left: 20px !important;
  }
  .list-layout .wptravel-tg-main-div .image-wrapper {
    height: 250px;
  }
  .wptravel-tg-guideimage img {
    width: 100%;
  }
  .wptravel-tg-column {
    flex: 0 0 100% !important;
    padding: 20px 10px;
  }
  .list-layout .wptravel-tg-guide-experiance-list-view {
    flex: 0 0 100%;
  }
  .list-layout .wp-social {
    flex: 0 0 100%;
    text-align: left;
    padding-top: 0px;
  }
  .list-layout .wptravel-tg-guide-language-list-view {
    flex: 0 0 100%;
  }
}