/*==========================================================
                         MAIN CSS
============================================================ */
html {
    scroll-behavior: smooth;
  }
body{
    font-family: 'Calibri', Fantasy;
    font-display: normal;
}
strong{ 
    font-weight: bold !important;
}
.mt-6{
    margin-top: 4.9rem !important;
}
.mt-c{
    margin-top: 4.1rem !important;
}
.mt-8{
    margin-top: 10rem;
}
a{
    text-decoration: none !important;
}
.bg-red{
    background-color: #ff6f5c;
}
.bg-gray{
    background-color: lightgray!important;
}
.bg-dark-gradient{
    background-color: #2e2b2b;
    background-image: linear-gradient(0deg, #242b64 10%, #0142a5 74%);    
}
.bg-light-gradient{
    background-color: #fee2f8;
    background-image: linear-gradient(215deg, #ffffff 0%, #dafff3 74%);
}
.bg-soft-gradient{
    background-color: #4c4177;
    background-image: linear-gradient(315deg, #362e57 0%, #013e68 74%);
}
.bg-black-white-gradient{
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 0%, rgba(64,164,87,1) 100%);
}
.bg-success-gradient{
     background: #56ab2f;
     background: linear-gradient(to right, #56ab2f, #a8e063);
}
.bg-light-blue-navy{
    background: #376582;
}
.rounded-xl{
    border-radius: 10px;
}
.cur-point{
    cursor: pointer !important;
}
.border-right-primary{
    border-right: 1px solid #09c !important;
}
.border-left-primary{
    border-left: 1px solid #09c !important;
}
.sugg ul{
    background-color: rgb(238, 238, 238);
    cursor: pointer;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.sugg li{
    font-size: 12px !important;
    padding : 5px 12px 5px 12px !important;
}
.sugg li:hover{
    background-color: #0082ca !important;
    color: #ffffff !important;
}

/* ===== Hide spinner in input number====== */
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button{
        -webkit-appearance: none !important;
    }
.ui-timepicker-container{
    z-index: 100000 !important;
    font-weight: 400 !important;
}
.ui-widget{
    font-size: 0.9rem !important;
}
.content p{
    margin-top:1rem !important;
}
/*==========================================================
                    FONT SIZE CSS
============================================================ */
.font-10{
    font-size: 10px !important;
}
.font-12{
    font-size: 12px !important;
}
.font-13{
    font-size: 13px !important;
}
.font-14{
    font-size: 14px !important;
}
.link-font{
    font-size: 15px !important;
}
.font-16{
    font-size: 16px !important;
}
.strik{
    text-decoration: line-through !important;
}
.form-border{
    border: 1px solid #ced4da !important;
}
.text-black{
    color:#050505 !important;
}
/* ************************* SCROLL BAR CSS ********************************************** */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #303f70; 
}

/*==========================================================
                        HEADER CSS
============================================================ */
.fix-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #4e6999 !important;
    border-bottom: 1px solid #a4e2f5;
    border-top: 1px solid #a4e2f5;
    border-left: 1px solid #a4e2f5;
    border-right: 1px solid #a4e2f5;
    border-radius: 5%;
}
.fix-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    font-size: 14px;
    font-weight: 600;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #275b8b; !important;
    color: #ffffff !important
}
.fixed-tab{
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0px;
    z-index: 1020;
}
.pills a.active{
   color: #4e2059 !important; 
    border-bottom: 2px solid #73afe7;
    border-top: 2px solid #73afe7;
    border-left: 2px solid #73afe7;
    border-right: 2px solid #73afe7;
    border-radius: 0%;
}
/* -------------------- HEAR FORM CSS -------------------- */
.head-form h6{
    font-size: 13px !important;
}

/*==========================================================
                        BUTTON CSS
============================================================ */

.btn-r-50{
    border-radius: 50%;
}
.btn-rounded{
    border-radius: 10em;
}
.btn-indigo-2{
    background-color: #30616c !important;
    color:#ffffff;
}
.btn-indigo-2:hover{
    color:#ffffff !important;
}
/*  =========================================================
                        INDEX PAGE CSS
    ==========================================================  */
.city-container{
    border-radius: 10px!important;
    box-shadow: 0px 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    overflow: hidden;
}
.black-overlay{
    background-color: rgba(0, 0, 0, 0.6);
}
.card.card-cascade.narrower {
    margin-top: 1.25rem;
}
.card.card-cascade.narrower .view.view-cascade {
    margin-top: -1.5rem;
    margin-right: 4%;
    margin-left: 4%;
}
.circle-icon{
    width: 25%; 
    border-radius: 40px; 
    right:-200px; 
    top:-70px;
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
}

/*=====================================================================================
                            FOOTER CSS                                                   
====================================================================================== */


    .btn-floating {
        position: relative;
        z-index: 1;
        display: inline-block;
        padding: 0;
        margin: 10px;
        overflow: hidden;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 50%;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 47px;
        height: 47px;
    }
    .btn-floating-xl{
        width: 90px;
        height: 90px;
    }
    .btn-floating i {
        display: inline-block;
        width: inherit;
        color: #fff;
        text-align: center;
    }
    .btn-floating-xl i{
        font-size: 3rem !important;
        margin-top: 1.2rem !important;
    }
    .btn-floating i {
        font-size: 1.25rem;
        line-height: 47px;
    }
    .btn-fb {
        color: #fff;
        background-color: #3b5998 !important;
    }
    .btn-fb,.fa-facebook-f:hover{
        color:#3b5998 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-tw {
        color: #fff;
        background-color: #55acee !important;
    }
    .btn-tw,.fa-twitter:hover{
        color:#55acee !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-insta{
        background: #d6249f;
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    }
    .btn-insta,.fa-instagram:hover{
        color:#d6249f !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-li {
        color: #fff;
        background-color: #0082ca !important;
    }
    .btn-li,.fa-linkedin-in:hover{
        color:#0082ca !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-dribbble {
        color: #fff;
        background-color: #ec4a89 !important;
    }
    .btn-dribbble,.fa-dribbble:hover{
        color:#ec4a89 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-pintrest{
        color: #fff;
        background-color:#E60023 !important;
    }
    .btn-pintrest, .fa-pinterest-p:hover{
        color:#E60023 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-reddit{
        color: #ffffff;
        background-color:#f0280a !important;
    }
    .btn-reddit, .fa-reddit:hover{
        color:#E60023 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-tripadvisor{
        color:#020203;
        background-color:#7af0a7 !important;
    }
    .btn-tripadvisor, .fa-tripadvisor:hover{
        color:#131414 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .btn-tumblr{
        color:#3c4f8f;
        background-color:#3c4f8f !important;
    }
    .btn-tumblr, .fa-tumblr:hover{
        color:#131414 !important;
        background-color: #ffffff;
        transition-duration: 0.6s;
    }
    .page-footer hr{
        border-top: 1px solid rgb(255, 255, 255, 0.2) !important;
    }
    .fixed-action-btn {
        position: fixed;
        z-index: 998;
        right: 35px;
        bottom: 35px;
        margin-bottom: 0;
        padding-top: 15px;
    }
/*=====================================================================================
                            FOOTER CSS END                                                  
====================================================================================== */

/* ===================================================
                Enquiry Form CSS                               
================================================== */
.en-bg{
    background-image: url('../img/enquiry-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.en-icon{
    position: relative;
    top: -40px;
}
.en-icon .fa-address-book{
    -webkit-background-clip: text;
    background-image: linear-gradient(to top,#ffbc02 0,#ffb584 100%) !important;
    -webkit-text-fill-color: transparent;
    color: #ffd86f;
}
.orange-light{
    color: #ffbc63;
}

/*  ===================================== 
            Search Result Tab Css 
    ===================================== */
.detail .nav-item a{
    color: #000000 !important;
    font-weight: 500 !important;
}
.detail .nav-tabs .nav-link{
    border: none;
}
.detail .nav-link.active{
    color: #000000 !important;
    background-color: #b3c9f2 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid rgb(215, 202, 252);
}
.detail .nav-tabs .nav-link{
    padding: 5px !important;
}

/*  ================================================ 
                    Checkout Css 
    ================================================ */
.mytable td{
    border-top: 0 !important;
}
.bill-form label{
    font-size: 14px !important;
}
.term li:before {
    content: "";
    display: block;
    width: 5px;
    height: 12px;
    border: solid #1a415a;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 15px 0 5px;
    flex-shrink: 0;
}
.term li{
    display:flex;
}

.term p:before {
    content: "";
    display: block;
    width: 5px;
    height: 12px;
    border: solid #4285F4;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 15px 0 5px;
    flex-shrink: 0;
}
.term p{
    display:flex;
    font-size:14px !important;
}

table.table th, table.table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

input[type=number]:disabled {
    background: #a6c !important;
    opacity: 1;
  }

.md-tabs .nav-link {
    color: #fff;
    border: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.mytab .nav-link.active, .md-tabs .nav-item.open .nav-link {
    color: #ffffff !important;
    background-color: rgb(0 0 0 / 20%) !important;
    border-radius: .25rem;
    -webkit-transition: all 1s;
    transition: all 1s;
}


.testimonial-card .card-up {
    height: 120px;
    overflow: hidden;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.testimonial-card .avatar {
    width: 120px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    border-radius: 50%;
}


/* Breadcrumbs....*/

.breadcrumb {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
padding:.75rem 1rem;
	margin-bottom:1rem;
	list-style:none;
	background-color:#ffffff;
border-radius:.25rem;
}
.breadcrumb-item+.breadcrumb-item::before {
display:inline-block;
padding-right:.5rem;
padding-left:.5rem;
color:#6c757d;
content:"/";
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration:underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration:none
}
.breadcrumb-item.active {
	color:#6c757d
}

/* Breadcrumbs....*/


/*other content*/
.co-head {
  border-radius: 5px;
  background: #66b4cc;
  padding: 10px 10px;
  width: 450px;
  height: 70px;
}

/*other content*/

/* My Div */
#myDIV {
  width: 100%;
  padding: 5px 0;
  text-align: left;
  background-color: white;
  margin-top: 10px;
}

.myDIV:hover, .dropbtn:focus {
  background-color: #3e8e41;
}
.show {display:block;}
/* My Div */