/*
Theme Name: Avada Child
Template: Avada
Author: ThemeFusion
Author URI: https://theme-fusion.com
Description: Child theme for Avada theme
Version: 1.0.0.1565595560
Updated: 2019-08-12 07:39:20

*/

.pagination {
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}


	 /* Start Tabber Short Itinerary CSS */
 html {
  scroll-behavior: smooth;
}
  .tabber-container h2{
  font-family: 'Playfair Display'!important;
  }
    .mobile-content-show.active{
        border: 1px solid #ddd;
    border-top: 0;
    padding: 17px 15px 15px 15px;
    margin-top: -17px;
        border-radius: 0 0 8px 8px;
    }
    .mobile-content-show {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out, opacity 0.6s ease-out;
}

.mobile-content-show.active {
  max-height: 5000px;
  opacity: 1;
}

.custom-sikkim-tabs {
padding: 0;
}

.tabber-container ul li ,.tabber-container p{
font-size:15px!important;
}
img{
max-width:100%}
.tab-span{
display: block;
font-size: 13px;
color: #A5A5A5;
font-weight:700;
}
.tab.active .tab-span{
color:#09CEE0;
}
.tabber-container.attrection-left h3:before {
content:none;
}
.over-img-heading{
font-weight: 600 !important;
font-size: 26px !important;
letter-spacing: 0px !important;
color: #fff !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.custom-sikkim-tabs ul {
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
.custom-sikkim-tabs ul li {
list-style:none;
}
    .list-inner-div{
padding: 12px 29px 12px 20px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    background: #fff;
    transition: 0.3s;
    margin-bottom: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    list-style: none;
    color: #000000;
    line-height: 1.5;
    position: relative;
    }

.list-inner-div::after{
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f078"; /* Default chevron-down */
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s;
font-size: 15px;
color: #DBDBDB;
}

.custom-sikkim-tabs ul li.active .list-inner-div::after {
content: "\f054"; 
}

.custom-sikkim-tabs ul li.active .list-inner-div {
position: relative;
}

.custom-sikkim-tabs ul li.active .list-inner-div::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 6px;
background-color: #09CEE0;
border-radius: 8px 0 0 8px;
}
.tabber-content {
background: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 8px;
}

/* Timeline Styling */
.timeline {
position: relative;
margin-top: 20px;
padding-left: 35px;
}
.timeline::before {
content: "";
    position: absolute;
    left: 11px;
    top: 10px;
    width: 2px;
    height: calc(100% - 70px);
    background: #09CEE0;
}


.timeline-item {
position: relative;
margin-bottom: 25px;
}
.timeline-item::before {
content: "";
position: absolute;
left: -35px;
top: 3px;
width: 26px;
height: 26px;
background: #09CEE0;
border-radius: 50%;
border: 3px solid white;
display: flex;
align-items: center;
justify-content: center;
}

.timeline-item::after {
content: "";
position: absolute;
left: -27px;
top: 11px;
width: 10px;
height: 10px;
background: white;
border-radius: 50%;
}

.itinerary-day {
margin-bottom:0!important;
}

.contact-tabber {
background: #1D252D;
color: white;
padding: 15px;
text-align: center;
margin-top: 20px;
border-radius: 8px;
font-size: 18px;
}
.tab-content{
display: none;
}
.contact-tabber p{
color:#fff;
margin-bottom:0!important;
display: flex;
align-items: center;
gap: 15px;
flex-wrap:wrap;
}
.contact-tabber a {
color: white;
text-decoration: none;
}

.tabber-banner {
position: relative;
}
.tabber-banner img{
border-radius: 8px;
}

.tabber-grid{
display: grid;
grid-template-columns:1fr 2fr;
gap: 20px;
}
.tab-content {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.over-img-para{
color: #bfbfbf!important;
font-weight: 600!important;
}
.tabber-heading {
font-weight: 600 !important;
font-size: 30px !important;
text-align: center;
        padding: 0 0 30px 0 !important
}
    .tabber-banner-over-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background-color: rgba(0, 0, 0, 0.25);
border-radius: 8px;
width: 100%;
height: 99%;
display: flex;
bottom: 0;
flex-direction: column;
justify-content: end;
padding: 0 30px;
box-sizing: border-box;
}
@media(max-width:991px){
    .contact-tabber p {
align-items: baseline;
flex-direction: column;
}
}
@media (max-width: 767px) {
.bhutan-header .logo{
padding-top:12px;
.stcky-logo{
img{
margin-top:8px;
}
}
}
    .over-img-para{
    margin-bottom:5px!important;
    }
    .tab.active .list-inner-div{
    border-radius: 8px 8px 0 0;
    }
    .custom-sikkim-tabs ul li.active .list-inner-div::before{
    border-radius: 8px 0 0 0px;
    }
    .tabber-banner-over-text{
    padding:0 15px;
    }
    .custom-sikkim-tabs ul li.active .list-inner-div::after {
content: "\f077"; 
}
.container {
flex-direction: column;
}
.custom-sikkim-tabs, .tabber-content {
width: 100%;
}
.tabber-grid{
grid-template-columns:1fr
}
.over-img-heading {
font-size: 20px !important;
line-height: 1.3 !important;
}
}

 /* End Tabber Short Itinerary CSS */