.top-banner img{display: block;}
.sticky-nav{width: 100%;padding:38px 0px;}
.sticky-nav ul{display: flex; gap: 95px; justify-content: center;}
.sticky-nav li{font-size: 26px; background:#a9f7f1; color: #172120; padding: 15px 35px; border-radius: 30px; cursor: pointer;}
.sticky-nav li.active{background:#172120; color: #fff;}
.sticky-nav.sticky{ position: fixed;top:0px;width: 100%;z-index: 1000;background:#fff;}

.holiday-pack.padd{padding-top: 140px;}

.holiday-pack,.Overview-h,.package-info{width: 100%;}
.Overview-h{margin-bottom: 40px;}
.package-info{ display: flex;gap:70px; margin-bottom: 50px;}
.package-info ul{width: 50%;}
.package-info ul li{text-align: center;font-size:40px;background:#172120; color: #a9f7f1; font-weight: 500; min-height: 72px; line-height: 72px;}
.package-info ul li:nth-child(2){background: #a9f7f1; color: #172120;}
.package-info ul li:nth-child(3){background: #dedede; color: #172120;align-items: center;display: flex;justify-content: center; gap:15px;}
.package-info ul li:nth-child(3) span{font-size: 23px;}
.package-info ul li a{display: block; color: #fff; text-decoration: none; font-size: 34px; color:#a9f7f1;}
.Overview-h .textb{width: 100%;}
.Overview-h .textb h1,.Overview-h .textb h2{font-size: 20px; font-weight: 600; color: #172120; margin-bottom: 15px; margin-top: 50px; text-transform: uppercase;}
.Overview-h .textb h3{font-size: 34px; font-weight: 500; color: #172120; margin-bottom: 15px;}
.Overview-h .textb p{font-size: 14px; text-align: justify; line-height: 24px; margin-bottom: 20px;font-weight: normal;}
.Overview-h .textb li {font-size: 15px;line-height: 26px;color: #172120;margin-bottom: 7px;background: url(../images/icon-dot.jpg) left 2px no-repeat;padding-left: 23px;background-size: 16px;}

.date-price{width: 100%;}
.date-price h1{font-size: 20px; font-weight: 500; color: #172120; margin-bottom: 15px; margin-top: 15px; text-transform: uppercase;}
.date-price h2{font-size: 20px; font-weight: 600; color: #172120; margin-bottom: 15px; margin-top: 15px; text-transform: uppercase;}
.date-price h3{font-size: 34px; font-weight: 500; color: #172120; margin-bottom: 15px;}
.date-price .year-tab{width: 100%;margin-bottom:70px;}
.date-price .year-tab ul{display: flex;}
.date-price .year-tab li{background:#a9f7f1; font-size: 24px; color: #172120; font-weight:500;line-height: 75px; padding: 0 20px; cursor: pointer;}
.date-price .year-tab li ~ li{border-left: 1px solid #172120;}
.date-price .year-tab li:first-child{border-radius: 50px 0px 0px 50px;}
.date-price .year-tab li.active{background:#172120; color: #a9f7f1;}
.date-price .year-tab li:last-child{border-radius: 0px 50px 50px 0px;}

.tab-year{width: 100%; margin: 20px 0px;}
.tab-year ul{display: flex;justify-content:center;}
.tab-year ul li{background: #a9f7f1;font-size: 30px;color: #172120;font-weight: 500;line-height: 65px;padding: 0 35px;cursor: pointer;}
.tab-year ul li ~ li {border-left: 1px solid #172120;}
.tab-year li:first-child {border-radius: 50px 0px 0px 50px;}
.tab-year li:last-child {border-radius: 0px 50px 50px 0px;}
.tab-year li.active {background: #172120;color: #a9f7f1;}
.c-year-content{display: none;}
.c-year-content.active{display: block;}


.year-content{width: 100%; box-shadow:rgb(0,0,0,0.1) 0px 0px 20px;padding:10px 0 0px 0px;margin-bottom:12px;display:none}
.year-content.active{display: block;}
.year-content .title{width: 100%; text-align: center; margin-bottom: 10px;}
.year-content .title h4{font-size: 38px; color:#172120; font-weight: 500;}
.year-content .title p{font-size: 24px; color: #32b2a8;margin-bottom:0px;font-weight: 500;}
.year-content .p-table,.year-content .p-table .p-row{width: 100%;}
.year-content .p-table{border-top:2px solid #e8e8e8; border-bottom:2px solid #e8e8e8;}
.year-content .p-table .p-row{display: flex; align-items: center; padding: 12px 0px;}
.year-content .p-table .p-row .col{width: 33.33%; text-align: center; font-size: 24px; font-weight: 500;}
.small{text-align: center !important; font-size: 18px !important; font-weight: 500 !important;}
.year-content .p-table .p-row .col a{text-decoration: none;display:inline-block; padding:6px 30px 5px 30px; background: #172120; color: #a9f7f1; font-size: 18px;}
.year-content .p-table .p-row .col a:hover{background: #000;}
.year-content .p-table .p-row ~ .p-row{border-top:2px solid #e8e8e8;}
.add-ons{width: 100%;margin-bottom: 60px;}
.add-ons h3,.hotels h3{font-size: 34px; font-weight: 500; color: #172120; margin-bottom: 15px;}
.add-ons ul{display: flex; gap: 30px; justify-content: space-between; flex-flow: wrap;}
.add-ons li{width: calc(50% - 15px);}
.add-ons li p{font-size: 24px; font-weight: 500;margin: 10px 0px;}
.add-ons li span{ font-size: 24px; font-weight: 500; color: #32b2a8;}
.hotels,.hotels .column,.hotels .column .top-row,.hotels .column .btm-text{width: 100%;}
.hotels,.hotels .column{margin-bottom: 30px;}
.hotels,.hotels h1{font-size: 20px; font-weight: 600; color: #172120; margin-bottom: 15px; margin-top: 50px; text-transform: uppercase;}
.hotels .column .top-row{display: flex;gap:10px;margin-bottom:20px;}
.hotels .column .top-row .imgb{width:410px;}
.hotels .column .top-row .imgb img{display: block;/* border: 5px solid #226e68; border-radius: 5px;*/}
.hotels .column .top-row .textb{width:calc(100% - 420px);}
.hotels .column .top-row .textb h4,.hotels .column .btm-text h4{font-size: 20px; font-weight: 500;}
.hotels .column .top-row .textb img{ margin: 5px 0px;}
.hotels .column .top-row .textb p{font-size: 15px; line-height: 28px; color: #172120; text-transform: initial; text-align: justify;} 
.hotels .column .btm-text h4{margin-bottom: 10px;}
.hotels .column .btm-text ul{display: flex; flex-flow:wrap}
.hotels .column .btm-text li{font-size:15px; color: #172120; background:url(../images/icon-dot.jpg) left top no-repeat; padding-left: 25px; margin: 0 10px 10px 0px; width: 30%; background-size: 16px; font-weight: 400; text-transform: initial;}
.heading_deals_name {background: #172120;padding: 15px 0px;font-size: 30px;text-align: center;color: #fff;font-weight: 500;}

.group-star {
    display: inline-block;
    color: #fa7f06;
    font-size: 15px;
    /*margin-left: 6px;*/
}


.mt-left{margin-top: 30px; text-align: left; font-size: 20px; color: #172120; text-transform: uppercase;}
.mt{margin-top: 30px;}
.mt p{margin-top: 10px; text-align: justify; font-size: 15px; color: #172120; text-transform: initial;line-height: 24px;}

table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
th{ font-size: 18px; font-weight: bold;}
td, th {border: 1px solid #dddddd;text-align: center;padding: 8px;}
th{background-color: #dddddd;}
tr:nth-child(even) {background-color: #fff;}

.faq-d{width: 100%;padding-bottom: 100px}
.faq-d .container{padding: 0px;}
.faq-d .accordion{width:100%;margin-bottom:2px;box-shadow:rgb(0,0,0,0.1) 0px 2px 6px; border-radius: 3px;background: #172120; color: #fff;}
.faq-d .accordion .acc-tab{position:relative;cursor:pointer;padding:15px 13px;font-size:16px;font-weight:500;}
.faq-d .accordion .acc-tab:after{content: "";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/icon-plus.jpg) center no-repeat;width: 15px;height: 15px;border-radius: 100%;border: 2px solid #fefffd;}
.faq-d .accordion .acc-tab.active{background:#172120;border-radius: 3px;color:#fff;}
.faq-d .accordion .acc-tab.active:after{background:url(../images/icon-min.jpg) center no-repeat;}
.faq-d .acc-content{display:none;padding-top:10px;padding:10px 13px; background: #fbfdff;}
.faq-d .acc-content p{margin-bottom:0px;line-height:26px; color: #000;font-size: 14px;}
.faq-d .acc-content .column{display: flex; width: 100%;}
.faq-d .acc-content .column .textb{width:100%;}
.faq-d .acc-content .column .textb .right{float: right; max-width: 421px;}

.itnerytext{overflow-y: scroll;min-height: 281px;height: 281px;font-size: 18px;} 
.itnerytext, td { background: #f8fefe;text-align:center;} 
.itnerytext td:first-child{font-weight: bold;text-align:center;}

.itnerytext2, td { background: #f8fefe;text-align:center;} 
.itnerytext2 td:first-child{font-weight: bold;text-align:center;}

.itnerytextbrief, td { background: #f8fefe;text-align:left; } 
.itnerytextbrief td:first-child{font-weight: bold;text-align:left;}

.itnerytextdetails, td { background: #f8fefe;text-align:center; } 
.itnerytextdetails td:first-child{font-weight: bold;text-align:center;}

.itnerytextacco, td { background: #f8fefe;text-align:left ; overflow-y: auto; max-height: 180px;min-height: 180px; font-size:16px; } 
.itnerytextacco td:first-child{font-weight: bold;text-align:left ;}
.itnerytextdetails table td{text-align:center;}

.date-price .year-tab li.single, .tab-year ul li.single {
    border-radius: 50px;
}
/***********************************Attraction start****************************************/

.explore {font-size: 50px;font-weight: 600;color: #161e1e;text-align: center;margin: 50px;}
.over-view {font-size: 50px;font-weight: 600;color: #161e1e;text-align: center;margin: 30px; text-transform: uppercase;}
.common-head{font-size: 55px; color: #0d283d; text-align: center; padding-bottom: 0px; margin: 40px; text-transform: uppercase;     letter-spacing: 1px; font-weight: 600;} 
.common-head h1{font-size: 40px; color: #0d283d; text-align: center; padding-bottom: 25px;}

.india_bg{width:100%; background-attachment:fixed; background-image:url(../images/destination/experience-bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; height:auto; margin:0; overflow:hidden; padding:30px 0 70px; position:relative;}
.india-cover-slide {background:rgba(0, 0, 0, 0); height: 100%; position: absolute; top: 0; width: 100%;}
.india-title{font-size:100px !important; color:#fff; margin-bottom:45px; text-align:center; position:relative; text-transform:uppercase; letter-spacing:1px; font-weight: 600;}

.blog{width:100%;padding:40px 0px;background:#f2f2f2;}
.blog_india{width:100%; background-attachment:fixed; background-image:url(../images/destination/attraction-bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; height:auto; margin:0; overflow:hidden; padding:30px 0 70px; position:relative;}
.blog_vietnam{width:100%; background-attachment:fixed; background-image:url(../images/destination/attraction-vie-tnambg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; height:auto; margin:0; overflow:hidden; padding:30px 0 70px; position:relative;}
.blog_srilanka{width:100%; background-attachment:fixed; background-image:url(../images/destination/attraction-sri-lanka_bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:cover; height:auto; margin:0; overflow:hidden; padding:30px 0 70px; position:relative;}
.blog li{width:100%;display:flex;flex-flow:column;align-items:center;}
.blog li .imgb{width:100%; padding: 0 10px;}
.blog li .imgb img{width:100%;border-radius: 10px;}
.blog .textb{background:#fff;border-radius:15px;padding:10px 20px 20px 20px;width:85%;position:relative;top:-30px;margin-bottom:-30px;min-height:235px;}
.blog .textb h3{font-size:18px;line-height:28px; color: #226e68; font-weight: 600;}
.blog .textb .pin{background: url(../images/icon-pin.png)  center top no-repeat;width: 40px;height: 40px;background-size: 100%;display: inline-block;position: absolute;left: 50%;margin-left: -20px;top: 3px;}
.blog .textb p{padding-bottom:15px; text-align: justify;}
.recommendations-slider{position: relative;}
.recommendations-slider .owl-prev:before{display: none;}
.recommendations-slider .owl-next:before{display: none;}

.b-btn {display: flex;font-size: 18px;color: #fff;position: relative;background: #226e68;padding: 10px 40px;border-radius: 5px;flex-direction: column-reverse;flex-wrap: wrap;align-content: center; text-decoration: none;}

.blog.attractions .recommendations-slider{}
.blog.attractions li{position: relative;padding:0 10px; transition: all ease 0.5s;padding-top: 50px;}
.blog.attractions li .textb2{position: absolute;bottom: 0px;width: 100%;text-align: center; bottom: 20px; padding: 0 30px;}
.blog.attractions li .textb2 h2{font-size: 28px;color:#fff;margin-bottom: 20px;}
.blog.attractions li .textb2 a{}
.blog.attractions li .imgb{padding: 0px; position: relative; border-radius: 15px;}
.blog.attractions li .b-btn{background: #ff7800;display: none}
.blog.attractions li .imgb:before{background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#000));
background: linear-gradient(180deg, rgba(125, 185, 232, 0) 0, #000);bottom: 0;content: " ";height: 50%;pointer-events: none;
position: absolute;border-radius: 0px 0px 15px 15px;
width: 100%;}
.blog.attractions li:hover .b-btn{display: block;}
.blog.attractions li:hover{margin-top: -40px;}
.blog.attractions .owl-nav.disabled{display: none}
.faq-d .acc-content li {font-size: 15px;line-height: 26px;color: #172120;margin-bottom: 7px;background: url(../images/icon-dot.jpg) left 2px no-repeat;padding-left: 23px;background-size: 16px;}
/***********************************Attraction END****************************************/

@media only screen and (min-width:1024px) and (max-width:1299px) {
    th{font-size:15px;}
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .sticky-nav li{font-size: 18px;padding:12px 25px;}
    .sticky-nav.sticky{padding: 10px 0px;}
    .package-info ul li{font-size: 32px;}
    .Overview-h .textb p,.Overview-h .textb li{font-size: 14px; line-height: 22px;}
    .Overview-h .textb li,.hotels .column .btm-text li{padding-left: 25px;background-size: 18px;}
    .date-price .year-tab li{line-height: 55px;padding: 0 20px;font-size:20px;}
    .year-content .title h4{font-size: 45px;}
    .year-content .title p{font-size:25px;}
    .year-content .p-table .p-row .col{font-size: 24px;}
    .year-content{padding-bottom: 50px;}
    .add-ons li p{font-size:20px;}
    .add-ons li span{font-size: 20px;}
    .hotels .column .top-row .imgb{width:50%;}
    .hotels .column .top-row .textb{width: 59%;}
    .hotels .column .top-row .textb h4{font-size: 22px;}
    .hotels .column .btm-text li{background-position: left 2px;}
    .mt p{font-size:14px;line-height:22px;}
    .faq-d .accordion .acc-tab{font-size:14px; padding:15px 52px 15px 13px;}
    .heading_deals_name{font-size:24px;}
    .itnerytextdetails th,.itnerytextdetails table td{font-size:14px;}

}



@media only screen and (max-width:500px){
    .common-head {font-size: 35px;}
    .date-price .year-tab li {
        line-height: normal;
        padding: 8px 20px;
        font-size: 18px;
    }
	    .Overview-h .textb li {
			font-size: 12px;}
	
	.Overview-h .textb h1 {
		font-size: 16px;}
	    .Overview-h .textb p {
        font-size: 13px;
        line-height: 23px;
    }
	.mt p {
    margin-top: 10px;
    text-align: left;
    font-size: 13px;
    color: #172120;
    text-transform: initial;
    font-weight: 400;
    line-height: 22px;
}
	.Overview-h {
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 22px;
}
	td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 13px;
}
	    .hotels .column .top-row .textb p {
        font-size: 13px;
        font-weight: 400;
    }
	    .hotels .column .top-row .textb h4, .hotels .column .btm-text h4 {
        font-size: 14px;
        font-weight: 600;
    }
	.year-content .p-table .p-row .col a {
    text-decoration: none;
    display: inline-block;
    padding: 6px;
    background: #172120;
    color: #a9f7f1;
    font-size: 12px;
}
.small {
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
	    .year-content .p-table .p-row .col {
        font-size: 16px;
    }
}


@media only screen and (max-width:767px){
    .sticky-nav.sticky{position: initial;}
    .sticky-nav ul{gap: 15px; justify-content: center;}
    .sticky-nav li{font-size: 16px; padding: 10px; border-radius: 10px;}
    .package-info{display: block; gap: 0px;}
    .package-info ul{width: 100%;margin-bottom:20px;}
    .package-info ul li{font-size:22px;min-height:40px;line-height: 40px;}
    .package-info ul li a{font-size:24px;}
    .holiday-pack.padd{padding: 0px;}
    .Overview-h .textb h3{font-size: 26px;}
    .Overview-h .textb p{font-size:14px;line-height:22px;}
    .Overview-h .textb li{font-size:13px;line-height:20px;background-size:14px;padding-left:21px;margin-bottom:10px;}
    .date-price h3{font-size: 26px;}
    .date-price .year-tab li{line-height: normal;padding: 0px 12px;font-size: 15px;line-height: 50px;;}
    .year-content .title h4{font-size: 28px;}
    .year-content .title h4 img{width: 22px;}
    .year-content .title p{font-size: 22px;}
    .year-content .p-table{overflow: auto;}
    .year-content .p-table .p-row{width: 100%;}
    .year-content .p-table .p-row .col{font-size: 14px;}
    .year-content{padding: 0px;}
    .add-ons ul{display: block;}
    .add-ons li{width: 100%;margin-bottom:20px;}
    .add-ons li p{font-size: 20px;}
    .add-ons li span{font-size: 20px;}
    .hotels .column .top-row{display: block;gap:0px;}
    .hotels .column .top-row .imgb{width: 100%;margin-bottom:20px}
    .hotels .column .top-row .imgb img{width: 100%;}
    .hotels .column .top-row .textb{width: 100%;}
    .hotels .column .top-row .textb h4, .hotels .column .btm-text h4{font-size: 18px;}
    .hotels .column .top-row .textb p{font-size: 13px;line-height:20px;}
    .hotels .column .btm-text li{background-size:15px;padding-left:23px;background-position: left top; font-size:13px;}
    .faq-d .accordion .acc-tab{font-size:14px;padding:15px 50px 15px 13px}
    .itnerytextdetails th,.itnerytextdetails td{font-size:13px;line-height:16px;text-align:center;}
    .itnerytextdetails{width:100%;overflow-x:scroll;}
    .itnerytextdetails table{width:550px;}
    .tab-year ul li {font-size:16px;line-height: 50px;padding: 0 25px;}
    .date-price .year-tab{margin-bottom:40px;}
    .small{font-size:13px !important;}
    .faq-d .acc-content .column .textb{text-align:center;}
    .faq-d .acc-content .column .textb .right{float:none;  display:inline-block;}
    .Overview-h .textb h1, .Overview-h .textb h2{font-size:18px;margin-bottom:10px;}
    .hotels .column .btm-text ul{flex-flow:column;}
    .hotels .column .btm-text li{width:100%;}
    .faq-d .acc-content .column .textb ul,.faq-d .acc-content .column .textb p{text-align:left;}
    .india-title {font-size: 50px !important;}
.deals-section.tour-p li:nth-child(4) {width: 100%;}
}