body, p, span, h1, h2, h3, h4, h5, h6, div, samp {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif !important;
}

#dropdown-hover:hover .dropdown-menu {
    display: block;
    margin-top: 0;
   
}


.float {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 1rem;
    left: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
   
    z-index: 100;
    }


.onLoad-model{
    font-size: 20px;
    /*color: #323465;*/
    margin-bottom: 5px;
    font-weight: 700;
}

.footer-quick-links {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
    font-weight: 400;
}
.footer-quick-links li {
    width: 100%;
    padding: 0px;
    margin: 0;
    display: inline-block;
}

.footer-quick-links li a {
    padding: 3px 0;
    margin: 0;
    color: #fff;
    float: left;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #CFAB2C;
}

#dropdown-hover ul{
    box-shadow: 0 0 16px 5px rgb(0 0 0 / 20%);
}

.social-nav.model-0 {
    z-index: 99;
}
.model-0 a:hover {
    padding-left: 20px;
    width: 65px;
}
.model-0 {
    position: absolute;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: 0;
    top: 95px;
}

.social-nav {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 10px auto;
}
.model-0 li {
    float: none;
    display: table;
}
.model-0 .whatsapp, .main_footer .icons_footer .fa-whatsapp {
    background: #5bc456;
}

.model-0 .twitter {
    background: #00ACED;
}
.model-0 .instagram {
    background: #fb3958;
}
.model-0 .facebook {
    background: #3B579D;
}
.model-0 .google-plus {
    background: #FF0000;
}
.model-0 .linkedin, .main_footer .icons_footer .fa-linkedin {
    background: #007BB6;
}
.social-nav a {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    position: relative;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.form_errormsg .form-error {
    display: block;
    float: left;
    border-radius: 0px 0px 5px 5px;
    color: #de0000;
    bottom: -22px;
    width: 100%;
    border-top: none;
    z-index: 9;
    font-size: 13px;
}

.form-error {
    font-size: 12px;
    color: #de0000;
    display: block;
    top: 0px;
}

a {
    color: #75a8f9;
}

.form-him-m-bg{
    background-color: #352c2787;
    padding: 20px;
    border-radius: 10px;
}
.bbh-btn {
    background-color: #9e862ccc;
    color: white;
  
    border-radius: 5px;
    padding: 1px 5px
}

.bbh-btn:focus {
    box-shadow: none;
}

.bbh-btn:hover {
    color: white !important;
}

.nav-item {
    margin-left: 8px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 15px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #000;
}

.logo_w {

    width: 150px;
}

/*.navbar{
    padding-top: 5px;
    padding-bottom: 5px;
}*/

.form-bg-contianer {
    position: relative;
}

.form-bg {
  background-color: #bf1e2e;
    display: grid;
    text-align: center;
    padding: 20px 0;
}

.bbh-input {
    border: none;
}

.bbh-input:focus {
    box-shadow: none;
}

#carouselExampleFade .carousel-inner {
    height: 100%;
}

.offers-div {
    padding: 60px 0px 40px 0px;
}

.offers-div .border-bottom {
    border-bottom: 1px solid #212529!important;
    font-size: 30px;
    font-weight: 400;
}

.offer-list {
    line-height: 20px;
    padding-bottom: 10px;
}

.navbar.navbar-expand-lg.navbar-light.bg-light {
    background-color: #ffffff !important;
}

.offer-list .text-decoration-none {
    color: #2e6554;
}


.book-directly-div {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.book-heading {
    color: white;
    font-size: 20px!important;
}

.book-para {
    color: white;
    font-size: 14px;
}

.offer-para {
    color: white;
}

.send-btn {
    background-color: #2e6554;
    color: white;
}

.footer {
    background-color:#9e862ccc;
    padding: 50px 0px;
}

.input-check {
    height: 15px;
    width: 15px;
}

.icon {
    border-radius: 50%;
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    text-align: center;
    margin: 5px;
    color: white;
}

.icon1 {
    border-radius: 50%;
   
    font-size: 32px;
    height: 70px;
    width: 70px;
    line-height: 70px !important;
    text-align: center;
}

.fa-wifi.icon1 {
  
    font-size: 35px;
}

.fa-gift.icon1 {
  
    font-size: 35px;
}

.fa-book.icon1 {
  
    font-size: 35px;
}

.fa-book.icon1 {
  
    font-size: 35px;
}

.fa-wrench.icon1 {
  
    font-size: 35px;
}

.footer .form-control {
    border-radius: .25rem 0rem 0rem .25rem;
}

.footer .send-btn {
    border-radius: 0rem .25rem .25rem 0rem;
}

.bbh-input {
    border: none;
}

.search-from .bbh-input {
    padding: 16px 10px;
}

.btn.bbh-btn.w-100 {
    height: 100%;
}


.suoer-de-heading{
    font-size:50px;
}
.service-de-heading{
    font-size:50px;
}
.div-shadow .card-title {
    color: #f0c524;
    font-size: 16px;
    font-weight: bold;
}

.div-shadow .card-text {
    color: #737373;
    font-size: 14px;
    font-weight: 400;
}

.buds_pay_icon {
    height: 45px;
    margin: 0 6px;
    padding: 3px;
    background-color: #fff;
    border-radius: 3px;
    margin: 5px;
}

.offers-div #carouselExampleInterval img {
    height: 400px;
}

.icon.fa-facebook {
    background-color: #1877f2;
}

.icon.fa-flickr {
    background-color: #1877f2;
}

.icon.fa-twitter {
    background-color: #1da1f2;
}

.icon.fa-linkedin {
    background-color: #0077b5;
}

.icon.fa-youtube {
    background-color: #ff0000;
}

.icon.fa-pinterest {
    background-color: #df1a26;
}

.bbh-top-header {
    padding: 10px 0;
}
/* VISHAL */

.whychooseus{
   font-size: 30px;
   font-weight: bold;
}
.ctm-index-btn{
    background-color: #9e862ccc;
    color: white;
}
.modal.show .modal-dialog{
  display: flex;
  justify-content: center;
}
.modal-content{
   width:385px;
}

.coptr-section{
    text-align: center;
        background-color: #252323;
        padding: 10px 0;
}

.border-radius{
    border-radius: 15px;
}
.bbh-top-header {
    background-color: #bf1e2e;
}

.bbh-top-header .nav-link {
    padding: 0;
    color: #2e6554;
}

.bbh-top-header .nav-item {
    margin-left: 10px;
}

.carousel-indicators [data-bs-target] {
    height: 5px;
    border-radius: 6px;
}

.form-padding {
    padding: 0px 0px;
}

/*index2 css starts here*/

.search-from {
    background-color: #bf1e2e;
    padding: 5% 0px;
}

.search-from .form-control {
    border-radius: 0;
}

.search-from .form-select {
    border-radius: 0;
}

/* Container holding the image and the text */

.container1 {
    position: relative;
}

/* Bottom right text */

.text-block1 {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: right;
    background-color: #2e6554;
    padding: 3px 12px;
    color: white;
}

.my-img1 {
    width: 100%;
    height: 170px;
}

.text-right .d-block {
    font-size: 11px;
    list-style: 1px;
}

.my-span {
    color: #bf1e2e;
    font-size: 14px;
    line-height: 0px;
}

.my-img2 {
    width: 100%;
    height: 286px !important;
}

.p-icon {
    padding-left: 60px;
    padding-right: 30px;
}

.star-icon {
    font-size: 20px;
    color: #ffa726;
}

.sapn-link span {
    color: black;
}

.sapn-link {
    text-decoration: none;
}

.sapn-link:hover {
    text-decoration: underline;
}

.text-center .fa-key {
    font-size: 42px;
    color: #9e862ccc;
}

.details h6 {
    font-size: 14px;
    margin-bottom: 3px;
}

.details p {
    font-size: 12px;
    margin-bottom: 3px;
    color: #737373;
}

.details a {
    font-size: 12px;
}

.hyz-plus h6 {
    margin-bottom: 3px;
}

.hyz-plus p {
    margin-bottom: 3px;
    font-size: 14px;
}

.back-gray {
    background-color: #f8f7f9;
    padding: 15px;
    border-radius: 5px;
}

.back-lightblue {
    background-color: #f4f8fe;
    padding: 15px;
    border-radius: 5px;
}

.back-gray .text-end .text-decoration-none {
    font-size: 13px;
}

/*.row > [class*='col-'] {
     display: flex;
     flex-direction: column;
}*/

.back-gray .fa-check {
    color: #9e862ccc;
}

.serv-icon {
    font-size: 23px;
    color: #909090;
}

.fz13 {
    font-size: 13px;
}

.gif-text h4 {
    color: #e12d2d;
    font-size: 18px;
    margin-bottom: 3px
}

.gif-text p {
    font-size: 14px;
    margin-bottom: 3px;
}

.gif-text {
    padding-left: 15px;
}

.middle-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.middle-end {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.map-span {
    border: 3px solid #2e6554;
    padding: 3px;
    border-radius: 50% 50% 0% 50%;
    color: #2e6554;
}

.map-span1 {
    font-size: 12px;
}

.map-span2 {
    font-weight: 500;
}

.icon-car {
    color: #9e862ccc;
}

.map-text {
    font-size: 14px;
    color: #bdb3b3;
}

.icon-para {
    font-size: 14px;
    margin-bottom: 0;
}

.icon-heading {
    font-size: 13px;
    font-weight: 400;
}

.my-card-header {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: rgb(220 53 69);
    border-bottom: 1px solid rgb(220 53 69);
    color: white;
    font-size: 13px;
    font-weight: 600;
}

.badge.bg-success.position-absolute.top-0.end-0.translate-middle {
    transform: translate(0%, -50%)!important;
    background-color: rgb(220 53 69) !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

h6.icon-heading {
    color: #a0a0a0;
}

span.icon-heading {
    color: #a0a0a0;
}

.yellow-icon-heading {
    color: #f67f28;
    margin-bottom: 0;
}

.yellow-icon-para span {
    color: #f67f28;
}

.div99 {
    font-size: 32px;
    font-weight: 200;
    line-height: 1;
    color: skyblue;
}

.fz14 {
    font-size: 14px;
}

.fz12 {
    font-size: 12px;
}

.rankfz12 {
    font-size: 12px;
    color: skyblue;
}

.my-image1 {
    height: 400px;
}

.text-block2 {
    position: absolute;
    top: 40px;
    right: 40px;
    text-align: right;
    background-color: white;
    border-color: white;
    padding: 13px 34px;
    color: #5392f9;
}

.text-block2:hover {
    background-color: #5392f9;
    border-color: #5392f9;
    color: white;
}

.service-icon {
    font-size: 40px;
    color: #828282;
}

.service-heading3 {
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px;
    color: #4e4e4e;
}

.service-left-border {
    border-left: 2px solid #eeeeee;
    padding-left: 25px;
}

.service-span {
    color: #131212bd;
    font-weight: 300;
    font-size: 14x;
}

.service-span .text-decoration-none.text-capitalize {
    color: #131212bd;
}

.service-span .text-decoration-none.text-capitalize:hover {
    color: #131212bd;
}

.service-heading4 {
    font-size: 18px;
    font-weight: 600;
    color: #4e4e4e;
}

.span-text-muted {
    color: darkgrey !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.service-box-bg {
    background-color: #f8f7f9;
    height: 100%;
}

.service-box-bg-span {
    font-size: 14px;
    color: #a0a0a0;
}

.service-img {
    height: 170px;
    width: 100%;
    border-radius: 10px;
}

.service-f-bold {
    font-weight: 500;
    font-size: 14px;
}

.table-icon {
    font-size: 30px;
}

.table-bg {
    background-color: #d3d3db;
    color: white;
}

/*
.table-border{
    border-left: 1px solid #eeeeee;
    padding-left: 10px;
}
*/

.psticky {
    position: sticky;
    top: 0;
}

.my-img3 {
    height: 90px;
}

.iamge-text {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.image-text1 {
    padding: 20px;
    background-image: linear-gradient(transparent, #000);
}

.iamge-text-para {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #00000085;
}

.overlay1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: #00000085;
}

.container1:hover .overlay {
    opacity: 1;
}

.linkimg {
    position: absolute;
    width: 100%;
    top: 35px;
}

.linkimg .text-decoration-none {
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.linkimg .text-decoration-none:hover {
    color: skyblue;
}

/*index2 css ends here*/

/*index3 css starts here*/

.bbg {
    background-color: #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bbhspan {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: rgb(83, 146, 249);
}

.bbhspan1 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.bbhspan2 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.bbhcard {
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px 1px;
    border-radius: 0px;
    background-color: rgb(221, 233, 253);
    border: 1px solid rgb(221, 223, 226);
}

.bbh-b-shadow {
    box-shadow: rgb(0 0 0 / 20%) 0px 1px 3px 1px;
}

.bbhspan-strong {
    color: #9e862ccc;
}

.bbg-b-border-l {
    border-left: 5px solid #9e862ccc;
}

.bbhheading6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
    margin: 8px 0px;
}

.clock-span {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin: 8px 0px;
    color: rgb(57, 111, 198) !important;
    margin-left: 10px;
}

.bbh-btn-link {
    font-size: 13px;
    background-color: #528ff5;
    padding: 15px;
    border-radius: 5px;
    color: white;
    ;
    margin-left: 10px;
}

.bbh-btn-link:hover {
    background-color: #6ca2f9;
    color: white;
}

.bbh-btn-link1 {
    font-size: 20px;
    background-color: #528ff5;
    padding: 5px 36px;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 15px;
}

.bbh-btn-link1:hover {
    background-color: #6ca2f9;
    color: white;
}

.bbh-bg2 {
    background-color: #f4f8fe;
}

.bbhheading5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 8px 0px;
    color: #2e2a2e;
}

.bbhspan3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #2e2a2e;
}

.bbh-bg3 {
    background-color: #f9f9fa;
    padding: 10px;
}

.bbhspan4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(225, 45, 45);
}

.bbhspan5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #28871c;
}

.bbh-box-shadow1 {
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 5px rgb(0 0 0 / 15%);
    background-color: #ffffff;
}

/*.bbh-bg-img{
    background-image: url(https://pix6.agoda.net/hotelImages/115/1158255/1158255_16060610370043177645.jpg?s=250x188);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 129px;
    max-height: 129px;
    border-radius: 3px;
}*/

.bbhheading3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 1px;
}

.mybbhimg {
    width: 86px;
    height: 129px;
    max-height: 129px;
    border-radius: 3px;
}

.bbhspan6 {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 0;
}

.bbhoffer {
    background-color: #ee595d;
    padding: 5px;
    width: 60px;
    color: white;
    position: absolute;
    top: 5px;
    left: -8px;
    border-radius: 5px;
}

.bbhofferdiv {
    font-size: 16px;
    line-height: 20px;
    direction:
}

.bbhofferdiv1 {
    font-size: 8px;
    font-weight: 300;
    line-height: 10px;
    text-transform: uppercase;
}

.bbhspan7 {
    background-color: #488bf8;
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 7px 6px 11px;
    position: relative;
}

.bbhspan7::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-top: 28px solid #488BF8;
}

.spanrating {
    background-color: #488bf8;
    color: white;
    padding: 5px 7px;
}

.bbhpara {
    font-size: 12px;
    font-weight: 600;
    color: #2A2A2E;
    margin-bottom: 5px;
}

.bbhpara2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
}

.bbhpcolr {
    color: #E12D2D;
}

.bbhpcolr1 {
    color: #9e862ccc;
}

.bbg-b-border-l1 {
    border-left: 5px solid #E12D2D;
}

.bbhspan8 {
    font-size: 14px;
    font-weight: 400;
    color: #2A2A2E;
}

.bhhbgw {
    background-color: #fff;
}

.bbhspan-div {
    background-color: #9e862ccc;
    color: white;
    padding: 7px;
    margin: 8px 0px;
    position: relative;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #9e862ccc;
    position: absolute;
    top: -8px;
    right: 20px;
}

/*index3 css ends here*/

.bbhtopspan {
    padding: 10px;
    color: #ffffff;
}

.bbhtopspan a {
    color: #ffffff;
    font-size: 15px;
}

.spangreen {
    color: ;
}

.span-btn {
    font-size: 14px;
    border: 1px solid lightgray;
    border-radius: 42px;
    padding: 4px 14px;
    text-align: center;
    margin: 10px;
}

.span-btn:hover {
    box-shadow: #00000033 0px 1px 3px 1px;
    border-color: #5392f9;
}

.bbh_book-now-span {
    font-size: 12px;
    color: red;
}

.bbh_book-now {
    border: 1px solid #dee2e6;
    background-color: #f7f7f7;
    padding: 10px;
}

.bhh_book-now-boder {
    border: 1px solid #dee2e6;
    display: inline-block;
    padding: 10px;
    background: white;
}

.bbh_roomtype-para {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}

.bbh_roomtype-link {
    font-size: 10px;
    color: #333;
}

.bbh_roomtype-link:hover {
    color: #333;
}

.bbh_room-alret {
    border-radius: 4px;
    background-color: #fdeff3;
    display: inline;
    padding: 6px 10px;
    color: #e12d2d;
}

.bbh-roomcsrdspan {
    display: block;
    font-size: 13px;
}

.bbh-roomcardlink {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.bbh-roomcardlink:hover {
    text-decoration: underline;
    color: #000;
}

.bbh-cardpara {
    font-size: 12px;
}

.bbhpoab-span {
    position: absolute;
    left: 15px;
    top: 10px;
    color: #7faef9;
}

.bg-bbh-lightgray {
    background-color: #f7f7f7;
}

.bbhimg-height {
    height: 110px;
    cursor: pointer;
}

.bbhimg-height1 {
    height: 50px;
    cursor: pointer;
}

.bbh_Benefits {
    width: 38%;
}

.bbh_Sleeps {
    width: 10%;
}

.bbh_Price-per-night {
    width: 22%;
}

.bbh_Rooms {
    width: 10%;
}

.bbh_Most-booked {
    width: 20%;
}

.bbh_table-header {
    
    display: flex;
    background: #2e6554;
    color: white;
    padding: 4px;
    margin: 0px;
}

.bbh_table_heading {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 0px 5px;
}

.bbh_body_strong {
    background-color: #bf1e2e;
    color: #fff;
    padding: 0 10px;
}

.bbh_green {
    color: #9e862ccc;
}

.bbh_black {
    color: #2a2a2e;
}

.bbh_black:hover {
    color: #2a2a2e;
}

.bbh_fz_13 {
    font-size: 13px;
}

.bbh_fz_15 {
    font-size: 15px;
}

.bbh_fz_11 {
    font-size: 11px;
}

.bbh_fz_10 {
    font-size: 10px;
}

.bbh_save_span {
    background-color: #e12d2d;
    color: #fff;
}

.bbhprice-span1 {
    color: #646464;
    font-size: 15px;
    line-height: 1;
}

.bbhprice-span2 {
    color: #ed5c59;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.bbh_Most_para {
    color: red;
    font-weight: 600;
    font-size: 15px;
    margin-top: 10px;
}

.bbh_table_body {
    display: flex;
    min-height: 160px;
    background-color: #fff;
}

.bbh_table_body_border {
    border: 2px solid #bf1e2e;
}

.bbh_span_increase {
    color: #0283df;
    font-size: 15px;
}

.disblock {
    display: block !important;
}

.room_edit h5 {
    font-size: 14px;
    margin-bottom: 0px;
    /*color: #f1863b;*/
    margin-top: 0px;
}

.width_pax {
    width: 60px;
}

.pax_width {
    width: 80px;
    margin: 0px 10px 5px 5px;
}

.custome_width {
    margin: 0px 10px 5px 5px;
    width: 80px;
}

.flightpax label {
    color: #434343;
    margin-top: 0px;
    font-size: 14px;
}

.searchform .form-control {
    box-shadow: none;
    border-radius: 0px;
}


/* vishal */

 
.intro-heading {
    position: absolute;
   
    width: 100%;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
color: white;

     
}

.ctm-heading-relativ{
    position: relative;
}
.ctm-intro-treve{
    font-weight: 100;
padding: 10px;
background-color: #4a86ca;
border-radius: 0px 72px 0px 0;


}
.ctm-intro-heading-the{
    
    text-transform: uppercase;

     font-size: 60px;
}
.ctm-intro-heading-cmpny{
    text-transform: uppercase;
    text-align: center;
letter-spacing: 14px;
font-size: 22px;
}


@media (max-width: 768px) {
    .ctm-intro-heading-cmpny{
        
    letter-spacing: 7px;
   
    }
    .ctm-vistabg-img{
        width: 100%;
        height: 200px!important;
    }
    .ctm-vistabg-img2{
        width: 100%;
        height: 200px!important;
    }
    .ctm-vistabg-img3{
        width: 100%;
        height: 200px!important;
    }
    .ctm-vistabg-img4{
        width: 100%;
        height: 200px!important;
    }
    .ctm-vistabg-img5{
        width: 100%;
        height: 200px!important;
    }

    .ctm-intro-heading-the{
        display: none!important;
    }
    .intro-kasauli{
        padding: 20px!important;
    }

}
.home_searchfom1 .flightpax {
    z-index: 9;
    width: 311px;
    position: absolute;
    left: -65px;
}

.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}

.raj_fixt0 {
    border-radius: 10px;
    box-shadow: 0 3px 30px 0 rgb(0 0 0 / 27%);
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 75vh;
    position: absolute;
    z-index: 9;
    width: 30%;
}
.homesliderleft{
    height: 355px;
}

.sliderleft{
    height: 550px;
}

.searchformhot{
    padding: 0px 0px;
    background: #ffffff;
    
    position: relative;
    z-index: 9;
    width: 979px;
    
}
/*for mobile and tablet having same style*/

@media (max-width: 768px) {
     .Himalayan-Mension-heading{
        font-size: 45px!important;
     }
    .my-image1 {
     height: auto !important;
    
    }
    .lead_about{
        font-size: 14px;
    }
    .sliderleft{
        height: auto;
    }
    .mobtxtpopup h4{
        font-size: 18px!important; 
    }
    .main_contact_form{
        padding: 33px 8px 0px 0px!important; 
    }
    .contact_info h6 , .col_list  p {
        font-size: 14px !important; 
    }
    .col_list{
        padding: 0px !important;
    }
    .ui-widget.ui-widget-content {
        z-index: 99999 !important;
    }
    .book-heading{
        font-size: 25px!important; 
    }

    .searchformhot{
        padding: 1px 0px;
        background: #ffffff61;
        bottom: 0px;
        position: relative;
        z-index: 9;
        width: auto;
        margin: 0% 0% !important;
    }

    .compny_logo:after {
        background: #ffffff;
        content: "";
        height: 101px;
        position: absolute;
        left: -46px;
        -moz-transform: skewX(-45deg);
        -ms-transform: skewX(-45deg);
        -o-transform: skewX(-45deg);
        width: 460px;
        z-index: 5;
        /* box-shadow: 0 0 1px 1px rgb(0 0 0 / 24%); */
        transform: none;
        top: -44px;
    }

    .social-nav a {
        width: 34px;
        height: 35px;
        font-size: 16px;
    }
    .homesliderleft{
        height: auto ;
    }
    .bbh-top-header {
        padding: 12px 0px 53px 0px !important;
    }
    .form-bg {
        padding: 0;
        width: 100%;
        padding: 21px 58px 26px 34px;
    }
    .form-bg-contianer{
        padding: 0px !important;
    }
    .offers-div {
        padding-top: 40px !important;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.55);
        border-color: rgba(0,0,0,.1);
        z-index: 9999;
    }

    #carouselExampleFade .carousel-inner {
        height: auto;
    }
    .form-bg {
        left: auto;
        bottom: auto;
    }
    .offers-div .p-4 {
        padding: .5rem !important;
    }
    .offers-div .p-5 {
        padding: .5rem !important;
    }
    .offers-div {
        padding-top: 330px;
    }
    .book-directly {
        padding: 0;
    }
    .book-directly .book-directly-div {
        padding: 30px 0px;
    }
    .bbh-btn {
        border: 1px solid #ced4da;
    }
    .form-padding {
        border: 1px solid #dee2e5;
    }

    .offers-div #carouselExampleInterval img {
        height: 215px;
    }
    /*index2.html css starts here*/
    .star-icon {
        display: block;
    }
    .p-icon {
        padding: 0;
    }
    .map-text {
        font-size: 10px
    }
    /*index2.html css ends here*/
    .bbhtopspan {
        display: block;
        padding: 0;
    }
    .table_width {
        width: 700px;
    }
    .table_width_wrapper {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll
    }
    .bbhimg-height {
        height: 170px;
    }
    .bbhimg-height1 {
        height: 110px;
    }
    .span-btn {
        font-size: 13px;
        padding: 4px 14px;
    }
}

/*for tablet*/

@media (min-width: 768px) and (max-width: 768px) {

    .bbhtopspan {
        display: initial;
    }
    .form-bg {
        left: 23px;
        bottom: 590px;
    }
    .offers-div {
        padding: 17px;
        padding-top: 45px;
    }
    .form-bg-contianer {
        position: initial;
    }
    .my-img1 {
        width: 100%;
        height: 95 px;
    }
    /*index2.html css starts here*/
    .my-img2 {
        height: 249px !important;
    }
    .sapn-link {
        font-size: 13px;
    }
    .p-icon {
        padding: 0;
    }
    .p-icon .col-3 {
        padding-right: 0;
    }
    .p-icon .col-9 {
        padding-left: 0;
    }
    .text-center .fa-key {
        font-size: 25px;
    }
    .details p {
        line-height: 13px;
    }
    .hy-plus p {
        font-size: 11px;
    }
    .hyz-plus h6 {
        font-size: 14px;
    }
    .hyz-plus p {
        font-size: 11px;
    }
    .back-gray .text-end .text-decoration-none {
        font-size: 11px;
    }
    .serv-icon {
        font-size: 22px;
    }
    .fz13 {
        font-size: 11px;
    }
    .my-span {
        font-size: 11px;
        margin-right: 10px;
    }
}

.ui-datepicker .ui-datepicker-header {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
}

.form-control {
    font-size: 16px;
    font-weight: 400;
    height: 39px;
}
.form-control-ctm-select{
    width: 100%;
    padding: 10px;
    border: 0;
}



/*for tablet*/
@media only screen and (max-width: 768px){
.navbar-light .navbar-toggler {
    margin: 0!important;
}
}
/* vish-media */
@media only screen and (max-width: 768px) {

    .logo_w {
        position: absolute;
        width: 150px!important;
       top: -7px;
        z-index: 99999;
        width: 271px;
      
    }


    .navbar-light .navbar-toggler {
        top: -12px;
        position: absolute;
        right: 5px;
        margin: 0px 28px;
    }

}