h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0 0 15px 0;
}
ul li,ol li{
margin-bottom:10px;
}
#main .post h2 a {
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
min-height: 70px;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #000
}
#main .post h2 {
padding-bottom: 20px !important
}
.cat_style {
font-family: Montserrat;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px
}
.fusion-single-line-meta {
padding-bottom: 0 !important
}
p.fusion-single-line-meta::before {
content: "Written "
}
p.fusion-single-line-meta .vcard {
text-transform: capitalize
}
p.fusion-single-line-meta .vcard::before {
content: "";
display: block
}
p.fusion-single-line-meta span {
font-family: Montserrat;
font-weight: 600;
font-size: 12px
}
.fusion-blog-layout-grid .fusion-post-grid {
padding: 10px !important
}
.section5-border-css ul {
list-style-position: inside;
padding-left: 0;
margin: 0
}
.section5-border-css ul li {
padding-bottom: 15px
}
.section5-border-css  p{
margin:0 0 15px 0;
}
.section5-border-css p:last-child {
margin-bottom: 0
}
.section5-border-css ul li:last-child {
padding-bottom: 0
}
.section5-border-css ul li::marker {
font-size: 25px;
}
.myWidth .description_btn {
position: relative;
margin-top:30px;
margin-bottom:0px;
}
.faq .section5-header {
font-size: 22px;
font-family: poppins;
font-weight: 500;
}
.type_of_package_header p {
margin: 10px 0 17px 0;
}
.type_of_package_footer {
padding-bottom: 40px;
}
.type_of_package_footer h3 {
margin: 10px 0;
}
.packagesWrapper {
padding-bottom: 40px;
}
.moreLessWrapper {
padding: 30px 0;
h1{
line-height:normal;
@media(max-width:767px){
font-size:22px!important;
}
}
} :root {
--Bodyfont: "Lato";
--headingFont: "Poppins";
--BodySize: 17px;
}
.banner-image img {
width: 100% !important;
height: auto;
} .myWidth {
max-width: 1170px;
margin: auto;
}
article.packageInfo {
display: flex;
}
.packageInfo {
padding-top: 50px;
padding-bottom: 50px;
}
.time-calculate {
padding-bottom: 3px;
font-weight: 600;
display: inline-block;
font-size: 15px;
line-height: 1.43;
letter-spacing: 1px;
color: #2fbca2;
text-transform: capitalize;
font-family: var(--Bodyfont);
}
.packageInfo h1 {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
letter-spacing: normal;
color: #24272c;
padding-bottom: 5px;
margin: 0;
font-family: var(--headingFont);
}
@media screen and (max-width:767px) {
.itinerary-details h3,
.itinerary-content h3 {
font-size: 24px !important;
}
.banner-image {
height: 300px;
}
.banner-image img {
height: 100%;
object-fit: cover;
object-position: center;
}
.inclusive_categories ul {
flex-wrap: wrap;
}
}
@media screen and (max-width:999px) {
article {
flex-direction: column;
}
.package-why-choose {
height: fit-content;
}
.right_side .package-need-help {
display: none;
}
.package-why-choose {
padding: 44px 35px 39px 35px !important;
}
}
@media screen and (min-width:1000px) {
.left_side {
width: 67%;
padding-right: 50px;
}
.right_side {
width: 33%;
position: sticky;
top: 100px;
height: fit-content;
margin-top: -160px;
}
}
#package-stickys img {
position: relative;
top: 3px;
}
.inclusive_categories ul {
list-style-type: none;
padding-left: 0;
display: flex;
gap: 25px;
margin-bottom: 0;
}
.inclusive_categories ul li {
display: flex;
font-size: 14px;
gap: 10px;
font-family: var(--Bodyfont);
align-items: center;
}
.inclusive_categories ul img {
margin-bottom: 0;
height: 36px;
border: 1px solid silver;
border-radius: 50%;
padding: 5px;
}
.itinerary-details h3,
.itinerary-content h3 {
font-weight: 500;
font-family: var(--headingFont);
font-size: 30px;
margin-top: 20px;
}
.itinerary-content p {
text-align: justify;
font-size: var(--BodySize);
font-family: var(--Bodyfont);
}
.dayTitle {
font-size: calc(var(--BodySize) + 1px);
font-family: var(--Bodyfont);
}
.highlights,
.details {
font-size: var(--BodySize);
font-family: var(--Bodyfont);
}
.highlights {
margin: 10px 0;
font-weight: 600;
}
.package-price-nego {
width: 100%;
}
.package-price-nego h4 {
margin: 0;
font-family: var(--headingFont);
font-size: 20px;
font-weight: bold;
line-height: 1.05;
letter-spacing: -0.6px;
color: #24272c;
display: inline-block;
}
.package-price-nego h4 span {
display: inline-block;
opacity: 0.5;
font-family: var(--Bodyfont);
font-size: 16px;
font-weight: 600;
line-height: 1.31;
letter-spacing: -0.5px;
color: #24272c;
text-decoration: line-through;
padding: 0 0 0 10px;
}
.package-price-nego h4 sub {
display: inline-block;
font-family: var(--Bodyfont);
font-size: 12px;
font-weight: 600;
line-height: normal;
letter-spacing: normal;
color: #ea2330;
position: relative;
bottom: 7px;
}
.itinerary-day p{
margin-bottom:15px;
}
.itinerary-day {
padding-left: 26px;
position: relative;
margin-bottom: 40px;
}
.itinerary-day:before {
position: absolute;
content: '';
width: 10px;
height: 10px;
border-radius: 50px;
background: #ffffff;
top: 9px;
left: 0px;
}
.itinerary-day:nth-child(4n+2):before {
border: solid 3px #ea2330;
}
.itinerary-day:nth-child(4n+3):before {
border: solid 3px #12c9d7;
}
.itinerary-day:nth-child(4n+4):before {
border: solid 3px #64f00b;
}
.itinerary-day:nth-child(4n+1):before {
border: solid 3px #fbac3e;
}
.package-need-help {
background: #ffffff;
box-shadow: 0 1px 10px 0 rgba(36, 39, 44, 0.07);
padding: 20px 25px 24px 25px;
border-radius: 8px;
margin-bottom: 25px;
}
.package-need-help h3 {
font-size: 30px;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.8px;
color: #24272c;
margin: 0px;
font-family: var(--headingFont)
}
.package-need-help h4 {
font-size: 30px;
font-family: var(--headingFont)
}
.package-need-help .package-price-nego h4 sub {
bottom: 9px;
}
.package-need-help .package-price-nego {
margin: 7px 0;
}
.package-need-help h4 span {
display: inline-block;
opacity: 0.5;
font-size: 16px;
font-weight: 500;
line-height: 1.31;
letter-spacing: -0.5px;
color: #24272c;
text-decoration: line-through;
padding: 0px 5px;
font-family: var(--Bodyfont);
}
.package-why-choose ul li img {
display: block;
float: left;
padding-right: 17px;
}
.package-why-choose ul li label {
display: block;
overflow: hidden;
}
.package-need-help .enquiry input {
border: none;
border-radius: 4px;
background-image: linear-gradient(to left, #ea4f23, #ea2330);
width: 100%;
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: normal;
letter-spacing: -0.4px;
color: #ffffff;
padding: 17px 0px;
}
.package-need-help .enquiry span {
display: none;
}
.package-need-help .enquiry p {
margin: 0;
}
.package-need-help .form-group {
margin-bottom: 14px;
position: relative;
}
.package-need-help input {
height: 47px;
border-radius: 4px;
box-shadow: 0 1px 3px 0 rgba(36, 39, 44, 0.03);
border: solid 1px rgba(36, 39, 44, 0.15);
font-size: 14px;
font-weight: 500;
box-sizing: border-box;
padding: 6px 12px;
width: 100%;
}
.package-why-choose {
width: 100%;
box-sizing: border-box;
padding: 20px 25px 24px 25px;
border-radius: 8px;
box-shadow: 0 1px 10px 0 rgba(36, 39, 44, 0.07);
background-color: #ffffff;
border: solid 1px rgba(36, 39, 44, 0.05);
}
.package-why-choose h3 {
font-size: 24px;
font-weight: bold;
line-height: 1.5;
margin: 0;
font-family: var(--headingFont);
}
.package-why-choose p {
opacity: 0.7;
font-size: 13px;
font-weight: 500;
line-height: 1.46;
color: #24272c;
padding-bottom: 23px;
margin: 0;
font-family: var(--Bodyfont);
}
.package-why-choose ul {
width: 100%;
margin: 0px;
padding: 0px;
}
.package-why-choose ul li {
list-style: none;
}
.package-why-choose ul li p {
font-size: 11px;
}
.lets-plan {
box-sizing: border-box;
border-radius: 4px;
width: 100%;
height: 44px;
font-size: 15px;
font-weight: 600;
line-height: 38px;
padding: 3px 19px;
background: #22394f url(//www.thailand-tourism.net/wp-content/uploads/2019/08/let-plain-icone-hover.png) no-repeat 95% center;
color: #fff;
display: block;
text-decoration: none;
border: none;
}
.package-why-choose ul li label h5 {
font-size: 16px;
font-weight: 500;
color: #24272c;
padding-bottom: 5px;
margin: 0;
font-family: var(--Bodyfont);
}
.day_highlight ul {
list-style-type: none;
padding: 0;
display: flex;
margin-top: 5px;
}
.day_highlight ul li {
padding-right: 21px;
margin-right: 9px;
font-size: 14px;
font-weight: 500;
line-height: 1.83;
letter-spacing: -0.4px;
color: #24272c;
background: url(//www.thailand-tourism.net/wp-content/uploads/2019/08/place-list.png) no-repeat scroll right 5px;
}
.day_highlight ul li:last-child {
background: none;
}
.priceOnRequest {
font-size: 19px !important;
font-weight: 500 !important;
font-family: var(--headingFont);
} .previousArrow,
.nextArrow {
border: none;
position: absolute;
top: 22%;
padding: 15px;
background: #fff;
border-radius: 50%;
box-shadow: 0 1px 10px 0 rgb(36 39 44 / 25%);
}
.previousArrow {
left: -30px;
}
.nextArrow {
right: -30px;
}
.previousArrow span,
.nextArrow span {
position: relative;
display: block;
height: 20px;
width: 20px;
border: solid #22394f;
border-width: 0 2px 2px 0;
}
.previousArrow span {
left: 4px;
-webkit-transform: rotate(135deg);
}
.nextArrow span {
right: 4px;
-webkit-transform: rotate(-45deg);
}
.previousArrow.slick-disabled {
display: none !important;
}
.nextArrow.slick-disabled {
display: none !important;
} .packageWrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.package {
background: #fff;
border-radius: 15px;
overflow: hidden;
}
.packageImageWrapper {
position: relative;
}
.packageImageWrapper>a>img {
max-width: 100%;
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
}
.packageDuration {
border-radius: 8px;
background: #1D252D;
color: #FFF;
font-family: var(--Bodyfont);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: flex;
padding: 4px 8px;
width: 80px;
position: absolute;
left: 15px;
bottom: -10px;
gap: 2px;
}
.packageContent {
padding: 20px;
}
.packageTitle {
font-size: 18px;
font-weight: bold;
font-family: var(--headingFont);
text-decoration: none;
}
.packageTitle:hover {
color: #333333;
}
.inclusiveCategory {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
margin-bottom: 17px;
}
.inclusiveCategory li {
display: flex;
flex-direction: column;
align-items: start;
font-size: 10px;
font-family: var(--Bodyfont);
gap: 0px;
font-weight: 700;
}
.inclusiveCategory img {
width: 25px;
}
.dayHighlight {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 10px 0;
}
.dayHighlight li {
font-family: Montserrat;
font-size: 10px;
font-style: normal;
font-weight: 600;
border-radius: 4px;
background: #DDE5ED;
padding: 6px 7px;
margin-bottom: 0;
}
.priceWrapper p {
margin: 0;
}
.priceWrapper {
font-family: var(--Bodyfont);
line-height: 1;
margin-top: 25px;
}
.priceWrapper .offerPrice {
font-size: 24px;
font-weight: 700;
}
.priceWrapper .offerPrice span {
font-size: 12px;
font-weight: 500;
margin-left: 5px;
}
.priceWrapper .basePrice {
font-size: 12px;
color: #9F9F9F;
font-weight: 600;
text-decoration: line-through;
}
.discountPercentage {
margin-left: 10px;
color: #3CB54F;
font-size: 12px;
font-weight: 700;
}
.packageBtn#myBtn {
text-decoration: none;
height: 45px !important;
background: #22394f;
border-radius: 9px;
border: none;
width: 100%;
margin-top: 20px;
cursor: pointer;
}
.packageBtn#myBtn a {
text-decoration: none;
padding: 13px 12px;
color: #ffffff;
font-size: 14px;
font-family: var(--Bodyfont);
}
.slick-slider .element {
margin-right: 20px;
box-shadow: 0 1px 10px 0 rgb(36 39 44 / 12%);
margin-bottom: 10px;
height: fit-content;
} .right_side .sidebar-bg {
background: #fff;
box-shadow: none;
padding: 10px 0 0 0;
border-radius: 8px;
margin-bottom: 0;
}
.right_side .sidebar-bg h2 {
display: none;
}
.packageCardPOR {
font-size: 18px;
line-height: 3;
font-weight: 500;
font-family: var(--headingFont);
} .twoCol {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
max-width: 400px;
}
.day-highlight-entry {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.day-highlight-entry textarea {
height: 30px;
}
.day-highlight-entry button.remove-highlight {
align-items: end;
height: 30px;
color: silver;
}
.itinerary-entry p {
display: flex;
flex-direction: column;
}
.itineryHightlights textarea {
padding: 10px;
}
.itineryDetails textarea {
padding: 10px;
height: 150px;
}
.btn_wrapper {
display: flex;
justify-content: end;
}
#add_itinerary_entry {
height: 30px;
color: #2271b1;
border-color: #2271b1a1;
border-width: 1px;
border-radius: 3px;
}
@media screen and (max-width:1200px) and (min-width:992px) {
.package_landing_wrapper  .myWidth{
padding:0 30px;
}}
@media screen and (max-width:991px) and (min-width:768px) {
.package_landing_wrapper  .myWidth{
padding:0 24px;
}
.container-fluid>.container{
width:95%!important;
}
}
@media screen and (max-width:991px) and (min-width:769px) {
.colored-box>.col-lg-12{
padding:0 30px;
}
}
@media screen and (min-width:992px){
.container-fluid>.container,
.container-fluid>.container>.col-lg-12,.colorless-box{
padding:0!important;
}
}
@media screen and (max-width:768px){
.package_landing_wrapper  .section5.faq>.myWidth,.package_landing_wrapper .container-fluid>.container{
padding:0!important;
}
}
@media screen and (max-width:767px){
.package_landing_wrapper  .myWidth{
padding:24px 0;
}
.package_landing_wrapper .section5.faq>.myWidth{
padding:0;
}
.package_landing_wrapper .colorless-box .col-lg-12,.package_landing_wrapper  .colored-box .col-lg-12{
padding:0 30px!important;
}
.package_landing_wrapper .container-fluid>.container.p-0,
.package_landing_wrapper .container-fluid>.container>.col-lg-12.p-0{
padding:0 15px;
}
}
@media screen and (max-width:991px){
.container-fluid:has(.colorless-box ){
padding-top:40px;
padding-bottom:15px;
}
}
@media screen and (max-width:912px){
.package_landing_wrapper .container-fluid .text-center{
text-align:left!important;
}
.esikkim-section1-para-css, .section4-para-css, .section3-para-css, .section2-para-css{
margin-left:0!important;
width:100%!important;
}
}
.city_banner{
background: linear-gradient(to bottom, #051322, #15457c);
color:#fff;
padding: 40px 0;
}
.city_banner div > *{
line-height: normal;
} .post-template-template-blog1.single-post #main{
width:100%!important;
padding: 0!important;
}
.post-template-template-blog1.single-post h2{
margin-top:0!important;
}
.post-template-template-blog1.single-post h2,.post-template-template-blog1.single-post h3{
margin-bottom:15px;
}
.post-template-template-blog1.single-post p{
margin-bottom:25px;
}
.month-content-col p:last-child{
margin-bottom:0;
}
.month-content{
display:none;
}
.month-content.active{
display:block;
}
.py-50-mob-des{
padding-top:50px;
padding-bottom:50px;
}
.full-width-row{
padding-left:30px;
padding-right:30px;
}
.month-buttons {
display: flex;
justify-content: center;
margin-bottom: 30px;
white-space:nowrap;
}
.month-buttons button {
background-color: #e4e7e6;
border: none;
padding: 10px 20px;
margin: 0 5px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: background-color 0.3s;
}
.month-buttons button.active {
background-color: #ffffff;
border: 1px solid #dcdcdc;
}
.month-content-grid{
display: grid;
grid-template-columns: 2fr 1fr;
gap: 30px;
padding: 20px;
border-radius: 8px;
align-items:center;
}
.month-content-left ul li::marker{
font-size:25px;
}
@media(max-width:767px){
.month-buttons{
justify-content:flex-start;   
overflow: scroll;
padding-bottom:15px;
}
.month-content-grid{
display:grid;
grid-template-columns:1fr;
}
.month-content-right{
order:-1;
}
.py-50-mob-des{
padding-top:30px;
padding-bottom:30px;
}
}  .climate-table-wrapper {
overflow-x: auto;
} .climate-table {
width: 100%;
border-collapse: collapse;
margin: 0 auto;
border:1px solid #ddd;
}
.climate-table th,
.climate-table td {
padding: 10px;
text-align: center;
position:relative;
font-size:14px;
}
.climate-table th {
color: #fff;
}
.climate-table th:first-child,.climate-table td.bold{
padding-right:45px;
text-align:left;
}
.climate-table td.bold {
font-weight: bold;
text-align: left;
}
.climate-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.climate-table td span:first-of-type {
color: #a65500;
font-weight: 700;
display: block;
}
.climate-table td span:last-of-type {
color: #2e6fa5;
font-weight: 700;
line-height:0;
}
.head-desc-para p:last-child{
margin-bottom:0;
}
.climate-table td[data-month]::after {
content: "";
position: absolute;
z-index: 0;
top: -35px;
left: 5px;
width: 90%;
height: 70px;
transition: none;
background-color: transparent;
cursor:pointer;
padding-bottom: 5px;
}
.climate-table td[data-month]::after {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.climate-table td[data-month]:not(.is-active):hover::after {
transition: background-color .3s ease;
opacity: .4;
background-color: #fff;
}
@media (min-width: 768px) {
.climate-table td:first-of-type span {
position: relative;
}
.climate-table td:nth-child(2) span:first-child::before {
background-image: url(https://www.thailand-tourism.net/wp-content/uploads/2024/08/temperature-icon-xs.png);
top:16px;
}
.climate-table td:nth-child(2) span:last-child::before {
background-image: url(https://www.thailand-tourism.net/wp-content/uploads/2024/08/rain-cloud-icon-xs.png);
top:43px;
}
.climate-table td:nth-child(2) span::before {
content: '';
display: inline-block;
position: absolute;
left: -10px;
width: 14px;
height: 14px;
background-color: transparent;
background-size: 100%;
}
}
@media (max-width: 450px) {
.climate-table td{
padding:8px!important;
gap: 10px!important;
}
}
@media (max-width: 767px) {
.climate-table tr > *:nth-last-child(-n+2) {
border-bottom: none;
}
.climate-table {
border: 0;
}
.climate-table thead {
display: none;
}
.climate-table tr {
display: flex;
flex-wrap:wrap;
}
.climate-table tr td:first-child{
width:100%;
}
.climate-table td {
display: flex;
padding: 10px;
text-align: left;
border: 0;
border-bottom: 1px solid #ddd;
width: 50%;
gap: 15px;
align-items: baseline;
}
.climate-table td.bold {
font-weight: bold;    }
.climate-table td::before {
content: attr(data-month);
font-weight: bold;
margin-right: 10px;
display: inline-block;
width: max-content;
}
.climate-table td:first-child::before {
display: none;
}
.climate-table td:last-child {
border-bottom: 0;
}
}
@media (max-width: 767px) {
.container {
width:initial!important;
}
}  body {
font-family: Montserrat, sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Poppins', serif;
color: #24272c;
}
.package_landing_wrapper h1 {
font-weight: 600;
font-size: 28px;
margin-top: 0;
margin-bottom: 5px;
}
.custom-select-wrapper select {
font-size: 15px;
font-weight: 500;
line-height: 1.67;
letter-spacing: -0.6px;
color: #24272c;
height: 38px;
}
.sightseeing-list,
.inclusiveCategory-new,
.dayHighlight-list {
font-size: 13px;
font-weight: 500;
color: #24272c;
}
.inclusiveCategory-new,
.dayHighlight-list,
.custom-select-wrapper select {
font-weight: 500;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-15,
.read-more-content h2 {
margin-bottom: 15px;
}
.package-inner-start p {
float: initial;
}
h2 {
font-size: 26px;
}
.taxonomy-filters {
border: 1px solid #ddd;
border-radius: 5px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.custom-select-wrapper {
padding: 5px 15px;
}
.taxonomy-filters:before {
display: none;
}
.custom-select-wrapper:not(:last-child) {
border-right: 1px solid #ddd;
}
.sorted-by-text {
font-size: 14px;
color: #24272c;
font-weight: 600;
margin-bottom: 4px;
margin-top: 5px;
}
.custom-select-wrapper select {
padding: 6px 7px;
border-radius: 5px;
border: 1px solid #a7a7a7;
width: 100%;
font-size: 14px;
}
.width-100 {
width: 100%;
}
.full-banner {
position: relative;
}
.full-banner-over-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
border-radius: 5px;
text-align: center; padding: 0;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.new-package-title {
color: #fff;
font-size: 30px;
font-weight:600;
}
.page-template-page-lehpackages {
margin-top: 38px;
}
.box-title-new,
.box-title-new:hover {
font-size: 17px;
line-height: 1.1;
text-transform: capitalize;
height: 20px;
color: #24272c;
font-weight: 700;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 5px;
position: relative;
top: -1px;
}
.package-grid .offerPrice {
color: #24272c;
font-size: 20px;
font-weight: 700;
}
.package-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
.content-top,
.content-bottom {
display: flex;
justify-content: space-between;
gap: 5px;
}
.content-bottom {
align-items: center;
}
.new-content-box {
padding: 15px;
}
.package-grid-column {
border: 1px solid #ddd;
border-radius: 15px;
position: relative;
}
.package-card-wrapper{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.package-img-box img {
border-radius: 15px 15px 0 0;
width: 100%;
}
.newPackageDuration {
white-space: nowrap;
font-size: 12px;
color: #ea2b2e;
border: 1px solid;
padding: 1px 3px;
border-radius: 6px;
font-weight: 600;
}
.dayHighlight-list li:first-child {
margin-left: -15px;
}
.dayHighlight-list {
padding-left: 15px;
display: flex;
flex-wrap: wrap;
column-gap: 30px;
margin-top: 5px;
margin-bottom: 15px;
row-gap: 0px;
padding-bottom: 10px;
}
.dayHighlight-list li {
list-style: disc;
height: 0;
margin-bottom: 20px;
}
.mt-0 {
margin-top: 0;
}
.dayHighlight-list li:first-child::marker {
content: '';
}
.inclusiveCategory-new {
display: flex;
flex-wrap: wrap;
padding-left: 15px;
column-gap: 30px;
row-gap: 6px;
margin-top: 15px;
}
.inclusiveCategory-new li {
list-style: disc;
}
.sightseeing-list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 15px;
}
.sightseeing-list li {
position: relative;
padding-left: 20px;
}
.sightseeing-list li::before {
content: '';
position: absolute;
top: 58%;
left: 2px;
width: 10px;
height: 12px;
background-image: url(https://www.thailand-tourism.net/wp-content/uploads/2025/04/check.png);
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.inclusiveCategory-new li {
flex: 0 1 calc(50% - 30px);
}
.content-bottom {
border: 1px solid #ddd;
padding: 15px;
border-radius: 10px;
background: #f9f9f9;
margin: 0 15px 15px 15px;
}
.view-package-button,
.view-package-button:hover,
.view-package-button:focus {
font-size: 14px;
padding: 8px;
display: block;
border-radius: 5px;
color: #fff;
font-weight: 600;
text-decoration: none;
background: linear-gradient(to left, #ea4f23, #ea2330);
border: none;
width: 100%; cursor: pointer;
white-space: nowrap;
}
.view-package-button:hover {
background: linear-gradient(to left, #cd3206, #be0004);
}
.new-date-info {
font-size: 12px;
line-height: 1.3;
margin: 5px 0;
font-weight: 500;
}
.section5-subpara{
padding-top:15px;
}
@media (min-width:768px) and (max-width:1024px) {
.package-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:767px) {
h2 {
font-size: 22px;
}
.custom-select-wrapper label.filter-checkbox {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom: 15px;
font-weight: 500;
font-size: 14px;
}
.filter-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.custom-select-wrapper {
padding: 0px;
}
.custom-select-wrapper {
border-right: none !important;
width: 100%;
}
.new-package-title {
font-size: 24px !important;
}
.package-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.all-newPackageDuration {
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 11px;
letter-spacing: -0.3px;
color: #0bcee0;
padding-bottom: 5px;
}
.all-box-title-new,
.all-box-title-new:hover {
font-size: 14px;
font-weight: 600;
display: block;
font-style: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: normal;
color: #000000;
padding-bottom: 10px;
}
.all-new-priceWrapper {
font-size: 14px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: -0.4px;
color: #24272c;
margin-bottom: 30px;
}
.best-seller-flex {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 8px 20px 8px;
}
.best-seller-flex h2 {
font-size: 30px;
}
.best-seller-flex a,
.best-seller-flex a:hover {
font-size: 14px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 2.67;
letter-spacing: -0.3px;
color: #ea2330;
display: inline-block;
}
.best-seller-flex a .fa {
font-size: 12px;
}
.all-view-btn,
.all-view-btn:hover {
width: 150px;
text-align: center;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.box-css-bottom {
padding: 15px;
height: calc(100% - 170px);
position: relative;
}
.btn-box-absolute {
position: absolute;
bottom: 15px;
}
.all-package-grid {
grid-template-columns: repeat(5, 1fr);
}
.package-grid .all-new-priceWrapper .offerPrice {
color: #24272c;
font-size: 16px;
font-weight: 600;
}
.package-grid .all-new-priceWrapper .basePrice {
color: #24272c;
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
}
.package-grid-slider .slick-prev:before,
.package-grid-slider .slick-next:before {
content: "" !important;
}
.all-box-title-new {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px;
margin-bottom: 10px;
}
.all-new-priceWrapper .basePrice {
font-weight: 300;
text-decoration: line-through;
}
.package-grid-slider .slick-track {
display: flex;
gap: 10px;
} @media (width < 1100px) {
.secWidth.package-grid-slider .slick-arrow {
display: block !important;
}
.secWidth.package-grid-slider .slick-next {
right: -15px;
}
.secWidth.package-grid-slider .slick-prev {
left: -15px;
}
}
@media (width < 767px) {
.best-seller-flex h2 {
font-size: 26px;
}
.secWidth.package-grid-slider {
padding-left: 0 !important;
padding-right: 0 !important;
}
} .filter-popup {
display: none;
position: fixed;
z-index: 99999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}
.filter-popup-content {
background: #fff;
width: 100%;
max-width: 100%;
padding: 20px 0 20px 20px;
height: 100%;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
position: relative;
}
.close-popup {
position: absolute;
top: 6px;
right: 15px;
font-size: 45px;
cursor: pointer;
}
@media(min-width:1001px) {
.toggle-filter {
display: none;
}
} @media (max-width: 1000px) {
.slider {
margin-left: 15px;
}
.filter-popup-content h3 {
font-size: 24px;
}
.toggle-filter {
position: fixed;
bottom: 84px;
left: auto;
right: 0;
box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 75%);
background: #fff;
padding: 20px 5px 20px 10px;
border: none;
font-size: 17px;
font-weight: 600;
cursor: pointer;
z-index: 999;
width: 89px;
color: #000000;
border-radius: 5px 0 0 5px;
}
.filter-buttons {
position: fixed;
width: calc(100% - 30px);
bottom: 15px;
display: flex;
justify-content: space-evenly;
}
.apply-filter-btn,
.clear-filter-btn {
font-size: 14px;
padding: 10px 20px;
border-radius: 5px;
color: #fff;
font-weight: 600;
text-decoration: none;
border: none;
cursor: pointer;
white-space: nowrap;
}
.apply-filter-btn {
background: linear-gradient(to left, #ea4f23, #ea2330);
color: #fff;
}
.clear-filter-btn {
background: #000000;
color: #fff;
}
.filter-desktop {
display: none;
}
.filter-mobile {
display: block;
margin-top: 15px;
margin-bottom: 15px;
height: calc(100% - 100px);
padding-right: 20px;
overflow: auto;
}
#range-min-val-m,
#range-max-val-m {
margin-left: -3px;
}
#range-min-val-m {
left: calc(0% + 10px);
}
#range-max-val-m {
left: calc(100% - 10px);
}
#price-min-val-m,
#price-max-val-m {
margin-left: -16px;
}
#price-min-val-m {
left: calc(0% + 10px);
}
#price-max-val-m {
left: calc(100% - 10px);
}
.slider-track-m,
.slider-track-price-m {
position: absolute;
height: 4px;
background: #22394f;
border-radius: 3px;
z-index: 4;
left: 0;
right: 0;
}
}