:root{
    --color1:#ff9c00;
    --color2:#de0001;
    --color3:#fee2b3;
    --color4:#5b89d1;
    --color5:#2a2a2a;
    --color6:#c2c2c2;
    --color7:#eee;
    --color8:#b708ff;
    --color9:#f7a81b;
    --color10:#0448b3;
    --color11:#f7a81b;
}

.btn-default{background-color: var(--color1); color: #000;}
.btn-default:hover{color: #fff; border-color:#fff;}

.color-1{color: var(--color1) !important;}
.color-2{color: var(--color2) !important;}

.bg-color-3 {
    background-color: var(--color3);
    color: var(--black);
    padding: 0!important;
    line-height: 32px;
}
.bg-color-4 {
    background-color: var(--color4);
    color: #fff;
    line-height: 25px;
}
.text-color-8 {color: #b708ff;}

.bg-color-1{background-color: var(--color1) !important;}
.bg-color-2{background-color: var(--color2) !important;}

[class*='btn-outline-']{border-width: 2px;}

body{font-family: 'Poppins', sans-serif;}

a, a:hover{text-decoration: none;}

.header{background-color: rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.4); padding: 10px 0px; position: fixed; top:0px; left: 0px; right: 0px; z-index:10;}
.header .topbar{display:inline-flex;}
.header .topbar a{padding:10px 15px; display: block; color: #fff;}

.header2{background-color: #fff;
             padding: 10px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
}

body.offcanvas-active{overflow:hidden;}
.offcanvas-header{ display:none; }
.screen-darken{height: 100%;width:0%;z-index: 30;position: fixed;top: 0;right: 0;opacity:0;visibility:hidden;background-color: rgba(34, 34, 34, 0.6);transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
.screen-darken.active{z-index:10; transition:opacity .3s ease, width 0s;opacity:1;width:100%;visibility:visible;}

.banner{background-color: black;}
.banner .carousel .carousel-item img{opacity: 0.5;}
.banner .carousel-caption h2{font-size: 120px; font-weight:900;}
.banner .carousel-caption h3{font-size:36px; opacity: .8;}
.underbanner {
    position: relative;
    margin-bottom: 10px;
    margin-top: 116px;
}
.underbanner img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.main-menu{border-top:1px solid rgba(255, 255, 255, 0.4); padding-top: 10px;}
.main-menu .nav-link{color: #fff; font-size:16px; text-transform: uppercase; font-weight:500; padding: 5px 15px !important;}
.dropdown:hover .dropdown-menu {display: block;}

.cat_thumb{border-radius: 0 10px 10px 10px; overflow: hidden; position: relative; display: block; transition:all 300ms linear;}
.cat_thumb .title{position: absolute; border-radius:0 0 5px 5px; background-color: var(--color1); color: #000; font-size: 16px; text-transform: uppercase; text-align: center; padding:8px 0px; bottom: 5px; left: 5px; right: 5px; z-index: 1; font-weight: 600; transition:all 300ms linear;}
.cat_thumb img{width: 100%; transform: scale(1.2); transition:all 300ms linear;}
.cat_thumb:hover img{transform: scale(1.4); transition:all 300ms linear;}
.cat_thumb:hover .title{background-color: #fff; transition:all 300ms linear;}

.tour-thumbnail{border: 1px solid #e6e6e6; padding: 5px; transition:all 100ms linear; display: block; position: relative;}
.tour-thumbnail .img{overflow: hidden;}
.tour-thumbnail img{width: 100%; transition:all 100ms linear;}
.tour-thumbnail .matter{padding: 10px;}
.tour-thumbnail h3{font-size: 14px; font-weight: 600; color:#000; min-height: 40px; line-height:24px; transition:all 300ms linear;}
.tour-thumbnail .duration{font-size: 14px; color: #757575;}
.tour-thumbnail .duration i{margin-right: 5px;}
.tour-thumbnail .link{display: block; padding: 7px; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #000; background-color: var(--color1); text-align: center;}
.tour-thumbnail:hover{box-shadow: 0 10px 30px #0003; transition:all 100ms linear; transform: translateY(-5px);}
.tour-thumbnail:hover h3{color:var(--color2); transition:all 300ms linear;}
.tour-thumbnail:hover .img img{transform: scale(1.1); transition:all 100ms linear;}

.cus-style1{position: relative; bottom: -25px;}
.cus-style2{position: relative; top:-65px;}

.footer{background-color: var(--color3); padding:0px 0 40px 0; margin-top: 80px; font-size: 14px; line-height:2;}
.footer .links a{ color:#000;}
.footer .links a:hover{ color:var(--color2);}
.footer-contact-info{font-size: 15px; color: #fff; display: flex; align-items: center;}
.footer-contact-info .icon{background-color: #fec107; color: #fff; font-size:35px; width: 65px; line-height: 65px; height: 65px; display:inline-block; text-align: center; margin-right: 30px;}
.footer-contact-info b{display: block;}
.footer-contact-info a{color: #fff;}

.social{display: flex;}
.social a{width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; font-size:15px; color:#fff; margin-right: 10px; background-color: var(--color2); border-radius: 100%;}

.under-page-haeder{height:280px; position:relative; overflow:hidden;}
.under-page-haeder .layer{position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:#01327c; z-index:2; display:flex; align-items:center; justify-content:center; text-align:center; padding-top:110px;}
.under-page-haeder .title{font-size:30px; color:#fff; font-weight:500;}
.under-page-haeder .breadcrumb{color:#999; font-size:14px; display:inline-flex; align-items:center;}
.under-page-haeder .breadcrumb a{color:#ccc;}
.under-page-haeder .breadcrumb a:hover{color:#fff;}
.under-page-haeder .breadcrumb .sap{padding:0 5px; color:#999;}
.under-page-haeder .breadcrumb .active{color:#fff;}
.under-page-haeder img{position:relative; z-index:1; object-fit:cover; width:100%;}

.text-justify{text-align:justify;}

.holder{position:relative;}
.anchor{position:relative;}
.anchor .stop{position:absolute; top:-170px;}

.heading-style-1{font-family: 'Alice', serif; margin: 0 0 15px 0px; padding-bottom: 25px; font-size:26px; background: url(../images/divider.png) bottom center no-repeat; text-align: center;}

.text-justify{text-align:justify;}

.whatsapp {
    position: fixed;
    z-index: 99999999;
}
.whatsapp2 { display:none;}
.btn-color-2 {
    background-color: #f7a81b!important;
    color: #fff;
    border: 2px solid #f7a81b!important;
}
.btn-color-2:hover {
    background-color: #345b96!important;
    color: #fff;
    border: 2px solid #345b96!important;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    border-radius: 0;
    box-shadow: 0px 0px 8px 1px #cfcfcf;
    color: #000;
}

.nav-tabs .nav-link {
        color: #000;
        font-size: 18px;
        padding: 12px 30px;
    }

.nav-tabs .nav-link.active {
            background: #345b96;
            color: #fff;
            border-radius: 0;
        }
.bg-warning {
    background-color:#f7a81b!important;
}

.btn-light {
    border-radius: 0!important;
    padding: 8px 25px;
}

.bg-color-5 {
    background-color: var(--color9);
    color: var(--black);
}

.bg-color-6 {
    background-color: var(--color10);
    color: var(--white);
}
 
.Itinerary, .Itinerary li {
    margin: 0px;
    padding: 0px;
}

.Itinerary {
    margin-bottom: 40px;
}

    .Itinerary li {
        display: flex;
        position: relative;
        padding-bottom: 20px;
    }

        .Itinerary li::before, .Itinerary li::after {
            content: "";
            position: absolute;
            left: 100px;
            top: 0px;
        }

        .Itinerary li::before {
            width: 10px;
            height: 10px;
            border-radius: 20px;
            background-color:#ffc107;
            top: 7px;
            z-index: 99;
        }

        .Itinerary li::after {
            width: 1px;
            height: 100%;
            background-color: #ccc;
            left: 105px;
        }

    .Itinerary .day {
        font-weight: 600;
        white-space: nowrap;
    }

    .Itinerary .matter {
        padding-left: 120px;
    }

    .Itinerary h3 {
        color: #01327c;
        font-size: 18px;
        margin-bottom: 10px;
    }

.btn-color-3 {
    background-color: var(--color1);
    color: #000;
    border: 0px solid var(--color1);
    padding: 10px 25px;
    margin: 0 10px;
    font-weight: 600;
}

    .btn-color-3:hover {
        background-color: #01327c;
        color: #fff;
    }

.btn-color-4 {
    background-color: #01327c;
    color: #fff;
    border: 0px solid var(--color1);
    padding: 10px 25px;
    margin: 0 10px;
    font-weight: 600;
}

    .btn-color-4:hover {
        background-color: var(--color1);
        color: #fff;
    }

.mob-d-none{display:none;}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {
	.offcanvas-header{ display:block; }
	.mobile-offcanvas{visibility: hidden;transform:translateX(-100%);border-radius:0; display:block;position: fixed;top: 0; left:0;height: 100%;z-index: 1200;width:80%;overflow-y: scroll;overflow-x: hidden;transition: visibility .3s ease-in-out, transform .3s ease-in-out;}
	.mobile-offcanvas.show{visibility: visible;transform: translateX(0);}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{display: block;}
}	
@media(max-width:768px){
    body{padding-top: 102px;}
    .header {padding-bottom: 0px; background-color: #000;}
    .logo{margin:0 auto; height: 50px;}
    .header .topbar{border-top:1px solid rgba(255, 255, 255, 0.4); margin-top:10px;}
    .header .topbar a{font-size: 12px; padding: 5px 10px;}
    #navbar_main{background-color: #000;}
    .main-menu{border: 0px; padding: 0px;}
    .main-menu .nav-link{padding: 20px 30px !important;}
    .banner .carousel-caption h2{font-size: 32px; font-weight: 600;}
    .banner .carousel-caption h3{font-size: 24px;}
    .underbanner{margin-top:0;}
    .under-page-haeder{height:auto;}
    .under-page-haeder .layer{padding:0 15px;}
    .under-page-haeder img{height:100%;}
    .carousel-inner{margin-top:0px!important;}
    .cat_thumb,
    .tour-thumbnail{margin-bottom: 30px;}
    .footer-contact-info{margin-bottom: 10px; line-height: 1.5;}
    .social{margin-bottom:20px;}
    .holder{align-items:center;}
    .holder a{font-size:13px; padding:8px 0px !important;}
    .make-enquiry .table>:not(caption)>*>*{display:block;}
     .whatsapp { display:none;}
    .whatsapp2 {position: fixed;z-index: 99999999; display:block;}

    .Itinerary li::before, .Itinerary li::after {
        left: 60px;
        top: 7px;
    }

    .Itinerary .matter {
        padding-left: 50px;
    }

    .Itinerary li::after {
        margin-left: 4px;
    }
    .mob-d-none{display:block;}
    .nav-tabs .nav-link{padding: 12px 22px;}

}
/* ============ mobile view .end// ============ */