/* Tourist Guide Landing Template */
.tourist-guide-landing-container{padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
.tgl-left{min-height: 520px;}
.tourist-guide-landing-container .line-wrapper{z-index: -3;}
.tourist-guide-line{position: absolute; left: -60px; top: 187px; width: 45%; height: auto; z-index: -3;}
.tourist-guide-line-mob{position: absolute; left: -35px; top: 65px; width: 120%; height: auto; z-index: -3;}
.tgl-book{position: relative; z-index: 2; width: 430px; max-width: 100%; transform: rotate(-10deg); filter: drop-shadow(0 30px 40px rgba(0,0,0,0.25)); margin: 0 auto;}
.tgl-book img{display: block; width: 100%; height: auto;}

.tgl-right h1{color: var(--vb-blue-dark); font-size: 60px; letter-spacing: 0.12em; margin-bottom: 20px;}
.tgl-right p{font-size: 20px; line-height: 1.7; margin-bottom: 36px;}

/* ==========================================
! Large devices (desktops, less than 1200px)
=========================================== */
@media screen and (min-width:1199.98px) {
  .tgl-book{margin: 0 auto 0 40px;}
}

/* ==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media screen and (min-width:991.98px) {
  .tgl-right{max-width: 620px; margin-left: auto;}
}
@media (max-width:991.98px){
  /* .tourist-guide-landing-container{padding-top: 60px; padding-bottom: 60px;} */
  /* .tgl-right h1{font-size: 46px;} */
}

/* =================================================
 ! Small devices (less than 768px)
================================================= */
/* @media (max-width:767.98px){ */
@media (max-width:991.98px){
  .tgl-left{min-height: 360px;}
  .tourist-guide-line{display: none !important;}
  .tourist-guide-line-mob{display: block !important;}
  .tgl-book{width: 280px; margin: 0 auto;}
  .tgl-right h1{font-size: 36px; margin-top: 40px;}
  .tgl-right{margin-top: 10px;}
  .tourist-guide-landing-container .btn{width: 100%; display: flex; justify-content: center;}
}