:root {
    --primary-font: 'Roboto', sans-serif;

    --proposal-trip-color: #0076CA;
    --panel-title-bgcolor: #999;
    --tab-heading-bgcolor: #2191e2;
    --tab-content-maintitle: #000;
    --changebtn-txt: #0085DF;
    --roomchange-txt: #0085df;
    --viewdetails-txt: #ff4906;
    --readmore-txt: #005eb8;
    --click-to-add-txt: #ff4906;
    --paratxt: #000;
    --form-title-bg: #555557;
    --booknowbtn: #ff6600;
    --pricetxt: #ff6600;
    --heading-orange: #d63a07;
    --info-bg: #ff6600;
    --sendbtn-bg: #2191e2;
    --icons-color: #2191e2;
    --interest-icon-bg: #ffd700;
    --wtsapp-icon-bg: #4AC959;
    --call-icon-bg: #005eb8;
    --mobile-pricevalue-bg: #0b74c4;

}


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    font-family: var(--primary-font);
    font-size: 14px;
    background: #ffffff;
    color: var(--primary-font-color);
}

.new_proposalsection {
    with: 100%;
    margin: 0;
    padding: 0;
    display: block;
    margin: 20px 0;
    position: relative;
}

.new_proposalsection>.new_propsal_banner {
    position: relative;
    height: 450px;
    overflow: hidden;
    text-align: center;
}

.new_proposalsection>.new_propsal_banner img {
    Width: 100%;
}

.new_proposalsection .banner-content {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    right: 0;
    margin: auto;
    display: block;
}

.new_proposalsection .banner-sub-title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

.new_proposalsection .banner-smalltxt {
    font-size: 14px;
    color: #fff;
}

.new_proposalsection .banner-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding: 130px 0 0;
}

.new_proposalsection .bannercls img {
    max-height: 100%;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 400px;
}

.banner_content_left {
    float: left;
    text-align: center;
    margin: 0 0 0 30px;
    width: 100%;
}

.new_proposalsection .banner_content_right {
    float: right;
    text-align: right;
    margin: 0 30px 0 0;

}

.btn-booknow {
    color: #fff;
    background-color: #ff4906;
    border-color: #ff4906;
    font-weight: normal;
    text-decoration: none;
    padding: 7px 20px;
}

.btn-booknow:hover,
.btn-booknow:focus,
.btn-booknow:active,
.btn-booknow.active,
.open>.dropdown-toggle.btn-booknow {
    color: #fff;
    background-color: #f64606;
    border-color: #ff4906;
    outline: none;
}


/*
 CSS for the main interaction
*/
.tabset>input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabset .tab-panel {
    display: none;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6),
.tabset>input:nth-child(13):checked~.tab-panels>.tab-panel:nth-child(7) {
    display: block;
}


.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 15px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: normal;
}


.tabset>label:hover,
.tabset>input:focus+label {
    color: #06c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
    background: #06c;
}

.tabset>input:checked+label {
    border: none;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    color: #0085df;
}

.tab-panel {
    padding: 10px 0;
    border-top: 1px solid #ccc;
}

/*.tabset {
    max-width: 68em;
}
*/

/****************accordian css code****************** */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: grey;
    /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */
}

/****************accordian css code****************** */



.table_heading_text {
    font-size: 14px;
    color: var(--tab-content-maintitle);
    font-weight: bold;
    padding: 8px;
}

.table_heading_texttd {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    padding: 8px;
}

.border_table_line {
    border: 1px dashed #999;
    width: 100%;
}

ul.newprposal_inclusion {
    margin: 0 0 0 15px;
    padding: 0;
}

ul.newprposal_inclusion li {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0;
}

.tab-title-txt-cls,
.tab-title-txt-cls2 {
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    color: #000;

}

.tab-title-content-bg th .tab-title-txt-cls2 {
    width: auto;
    margin-bottom: 0;
}

.days_iconpro {
    width: 100px;
    float: left;
    vertical-align: middle;
    min-height: 180px;
    padding: 32px 3px 0;
}

.days_content_11 {
    width: 80%;
    float: left;
}

.plus-bg {
    position: relative;
    right: 20px;
    top: 10px;
}

.plus-bg i {
    border-radius: 100%;
    color: #000;
    width: 40px;
    background: #ffffff;
    text-align: center;
    border: 2px solid #000;
    float: right;
    height: 40px;
    line-height: 40px;
}

.plus-bg i:hover {
    background: #000;
    color: #fff;
}



.sigtseeing_wrapper {
    background: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 2px;
    display: inline-block;
    margin: 1rem;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.sigtseeing_wrapper:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.sigtseeing_wrapper .sightseeing_image {
    width: 20%;
    height: 100px;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-align: center;
}

.sigtseeing_wrapper .sightseeing_image img {
    border-radius: 10px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sigtseeing_wrapper .sightseeing_wrapper {
    margin: 0 10px 0 0;
}

.sigtseeing_wrapper .sightseeing_wrapper .sightseeing_title {
    font-size: 16px;
    color: var(--tab-content-maintitle);
    font-weight: bold;
    line-height: 20px;
    padding: 4px 0;
}

.sigtseeing_wrapper .sightseeing_wrapper p {
    font-size: 14px;
    color: var(--paratxt);
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0;
    margin-bottom: 0;
}

.sigtseeing_wrapper .sightseeing_wrapper .sightseeing_price {
    font-size: 16px;
    color: var(--paratxt);
    font-weight: bold;
    line-height: 20px;
    padding: 4px 0;
    float: right;
    margin-top: 20px;
    position: absolute;
    right: 14px;
    top: 40px;
}

.sigtseeing_wrapper .sightseeing_wrapper .sightseeing_title a.optional_activiites_text {
    font-size: 12px;
    color: #FF4906;
    text-decoration: none;
    font-weight: 500;
    margin-left: 5px;
}

.sigtseeing_wrapper .sightseeing_wrapper .sightseeing_title a.optional_activiites_text:hover {
    color: #000;
}




.hotel_wrapper_new {
    background: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 2px;
    display: inline-block;
    margin: 0 0 10px 0;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.hotel_wrapper_new:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.hotel_wrapper_new .includes_box_new {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0 15px;
}

.hotel_wrapper_new .includes_box_new span {
    font-weight: bold;
}

.hotel_box_wrapper_new .hotelbox_leftnew {
    float: left;
    width: 20%;
}

.hotel_box_wrapper_new .hotelbox_leftnew .hotelbox_image {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    border: 1px solid #c7c7c7;
}

.hotel_box_wrapper_new .hotelbox_leftnew .hotelbox_image .img {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 100%;
}

.hotel_box_wrapper_new .hotelbox_rightnew {
    /* float: right; width: 70%; */
    padding-left: 15px;
}

.hotel_box_wrapper_new .hotelbox_newheading {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0 4px;
    font-weight: bold;

}

.hotel_box_wrapper_new .hotelbox_rightnew p {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 0 5px;
    margin: 0;
}

.hotel_box_wrapper_new .sightseeing_textnew {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.hotel_box_wrapper_new .hotelbox_rightnew ul.sightseing_textnewa {
    margin: 0 0 10px 0;
    padding: 0;
}

.hotel_box_wrapper_new .hotelbox_rightnew ul.sightseing_textnewa li {
    font-size: 14px;
    float: left;
    list-style-type: none;
    color: #000;
    font-weight: normal;
    line-height: 15px;
    padding: 3px 8px 5px;
    margin: 0;
    border-right: 2px solid #b3b2b2;
}

.hotel_box_wrapper_new .hotelbox_rightnew ul.sightseing_textnewa li:first-child {
    padding-left: 0px;
}

.hotel_box_wrapper_new .hotelbox_rightnew ul.sightseing_textnewa li:last-child {
    padding-right: 0px;
    border-right: 0px solid #b3b2b2;
}



.hotel_wrapper_new .hotelnew_incluison {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}

.hotel_wrapper_new .hotelnew_incluison ul {
    margin: 0;
    padding: 0;
}

.hotel_wrapper_new .hotelnew_incluison ul li {
    list-style-type: none;
    float: left;
    padding: 10px 15px 0;
}

.hotel_wrapper_new .hotelnew_incluison ul li:first-child {
    padding-left: 0px;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_image {
    width: 50px;
    height: 50px;
    margin-left: 0;
    float: left;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_image .imagehandle {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 28px;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_desc {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_desc .hotelnew_ic_head {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    line-height: 16px;
    padding: 4px 0 0px;
    font-weight: 500;
}

.hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_desc .hotelnew_ic_paratext {
    font-size: 12px;
    float: left;
    list-style-type: none;
    color: #000;
    font-weight: normal;
    line-height: 15px;
    padding: 3px 8px 5px 0;
    margin: 0;
}





.hotel_box_wrapper_new .hotelbox_leftnew_hotel {
    float: left;
    width: 20%;
}

.hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image {
    width: 100%;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    border: 1px solid #c7c7c7;
}

.hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image .img {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 100%;
}



.hotel_box_wrapper_new .hotelbox_rightnew_hotel {
    float: right;
    width: 79%;
    padding-left: 15px;
}

.hotel_box_wrapper_new .hotelbox_newheading {
    font-size: 14px;
    color: var(--tab-content-maintitle);
    font-weight: normal;
    line-height: 20px;
    padding: 0px;
    font-weight: bold;

}

.hotel_box_wrapper_new .hotelbox_rightnew_hotel p {
    font-size: 14px;
    color: var(--tab-content-maintitle);
    font-weight: normal;
    line-height: 20px;
    padding: 3px 0 5px;
    margin: 0;
}

.hotel_box_wrapper_new .sightseeing_textnew {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 0 4px;
    font-weight: bold;
}

.hotel_box_wrapper_new .hotelbox_rightnew_hotel ul.sightseing_textnewa {
    margin: 0 0 10px 0;
    padding: 0;
}

.hotel_box_wrapper_new .hotelbox_rightnew_hotel ul.sightseing_textnewa li {
    font-size: 14px;
    float: left;
    list-style-type: none;
    color: #000;
    font-weight: normal;
    line-height: 15px;
    padding: 3px 8px 5px;
    margin: 0;
    border-right: 2px solid #b3b2b2;
}

.hotel_box_wrapper_new .hotelbox_rightnew_hotel ul.sightseing_textnewa li:first-child {
    padding-left: 0px;
}

.hotel_box_wrapper_new .hotelbox_rightnew_hotel ul.sightseing_textnewa li:last-child {
    padding-right: 0px;
    border-right: 0px solid #b3b2b2;
}



.btn-booknow {
    color: #fff;
    background-color: #ff4906;
    border-color: #ff4906;
    font-weight: normal;
    text-decoration: none;
    padding: 7px 20px;
}

.btn-booknow:hover,
.btn-booknow:focus,
.btn-booknow:active,
.btn-booknow.active,
.open>.dropdown-toggle.btn-booknow {
    color: #fff;
    background-color: #f64606;
    border-color: #ff4906;
    outline: none;
}


a.changehotel_btn {
    color: var(--changebtn-txt);
    background-color: #fff;
    border-color: #0085DF;
    font-weight: normal;
    font-size: small;
    text-decoration: none;
    padding: 7px 20px;
}


a.viewdetails_btn {
    color: #fff;
    background-color: #ff4906;
    border-color: #ff4906;
    font-weight: 500;
    padding: 7px 7px;
    font-size: small;
}

.buttonwrapper {
    float: right;
    display: inline-block;
    margin: 0;
}

.hotelbox_rightnew_hotel_left {
    float: left;
}

.rating_boxnew .checked {
    color: orange;
}

.hotelbox_rightnew_leftqw {
    float: left !important;
    width: 100% !important;
    padding-left: 0 !important;
}

.tab-panels .panel-default>.panel-heading {
    background-color: var(--panel-title-bgcolor);
    color: #fff;
    padding: 0;
}

.tab-panels .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #fff;
}


.tab-panels .panel-title {
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    z-index: 9999999;
    color: inherit;
}

.tab-panels .panel-title>a {
    color: inherit;
    width: 100%;
    font-size: 14px;
    z-index: 999999;
    font-weight: 500;
    display: block;
    padding: 12px 15px 10px 15px;
}

.tab-panels .panel-title>a:hover {
    text-decoration: none;
}

.tab-panels .panel-title>a:focus {
    outline: none;
}

.bold {
    font-weight: 600;
}

.panel-dark {
    border-color: #555557;
}

.panel,
.panel-heading {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.panel-dark>.panel-heading {
    border: #555557;
    background: var(--form-title-bg);
    color: white;
}

h3.panel-title {
    font-size: 15px;
    font-weight: 600;
}

.panel>.panel-body {
    background-color: #fafafa;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.enquiry-Icon-sendbtn {
    width: 100%;
}

.newproposal-formcls .pleaseWait {
    border-radius: 3px !important;
    margin-top: 10px;
}

.cus-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.new_propsal_wrap .table-responsive {
    margin-bottom: 0 !important;
}

.proposaltrip ul li a {
    background: var(--proposal-trip-color);
}

/*Anuradha css start*/




/*
  Flaticon icon font: Flaticon
  Creation date: 31/12/2020 11:31
  */

@font-face {
    font-family: "Flaticon";
    src: url("falticons/Flaticon.eot");
    src: url("falticons/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("falticons/Flaticon.woff2") format("woff2"),
        url("falticons/Flaticon.woff") format("woff"),
        url("falticons/Flaticon.ttf") format("truetype"),
        url("falticons/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("falticons/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 26px;
    font-style: normal;
}

.flaticon-dinner:before {
    content: "\f100";
}

.flaticon-tax:before {
    content: "\f101";
}

.flaticon-hotel:before {
    content: "\f102";
}

.flaticon-airplane:before {
    content: "\f103";
}

.flaticon-binoculars:before {
    content: "\f104";
}

.flaticon-school-bus:before {
    content: "\f105";
}




/*
  Flaticon icon font: Flaticon
  Creation date: 31/12/2020 11:31
  */

@font-face {
    font-family: "Flaticon";
    src: url("falticons/Flaticon.eot");
    src: url("falticons/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("falticons/Flaticon.woff2") format("woff2"),
        url("falticons/Flaticon.woff") format("woff"),
        url("falticons/Flaticon.ttf") format("truetype"),
        url("falticons/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("falticons/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 24px;
    font-style: normal;
    color: var(--icons-color);
    font-weight: 100;
    /*margin-left: 20px;*/
}

.flaticon-photo:before {
    content: "\f100";
}

.flaticon-terms-and-conditions:before {
    content: "\f101";
}

.flaticon-terms-and-conditions-1:before {
    content: "\f102";
}

.flaticon-airplane:before {
    content: "\f103";
}

.flaticon-hotel:before {
    content: "\f104";
}

.flaticon-school-bus:before {
    content: "\f105";
}

.flaticon-dinner:before {
    content: "\f106";
}

.flaticon-tax:before {
    content: "\f107";
}

.flaticon-image:before {
    content: "\f108";
}

body,
html {
    scroll-behavior: smooth;
}

#Sightseeing .sigtseeing_wrapper {
    margin: 6px 0 !important;
}

#Transfer table {
    margin-bottom: 0;
}

#Transfer .days_iconpro {
    min-height: 130px;
}

#Transfer thead {
    background: #fafafa;
}

#Meals .days_iconpro {
    width: 100px;
    float: left;
    vertical-align: middle;
    min-height: 130px;
    padding: 32px 3px 0;
}

#Meals thead {
    background: #fafafa;
}

.shadowdiv {
    background: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    display: inline-block;
    margin: 0;
    position: relative;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    text-align: justify;
}

.shadowdiv:hover {
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}

section.package_header_top {
    width: 98%;
    clear: both;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    margin: 5px auto !important;
}

.cotst-brek-heding-title {
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-weight: normal;
    color: #565656;
    letter-spacing: 0.5px;
}

a.info-tool.tooltipLink {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: var(--info-bg);
    font-weight: 700;
    border-radius: 18px;
    display: inline-block;
}

.cotst-brek-heding-title h5 {
    font-size: 18px !important;
    color: var(--heading-orange);
    margin-bottom: 0px;
    font-weight: normal;
}

.cotst-brek-heding-title h5 span {
    font-size: 14px !important;
    color: #565656;
}

.price-count-cost h5 {
    font-size: 14px !important;
}

.cotst-brek {
    color: var(--pricetxt);
    text-decoration: underline;
}

.logo_propsal_new {
    /*margin-top: 20px;*/
    padding-left: 10px;
}

.header-bottom-cls {
    padding: 10px 0;
}

.confirmbtncls {
    color: #fff;
    background-color: var(--booknowbtn);
    border-color: var(--booknowbtn);
    float: right;
    font-weight: 500;
    font-size: 14px;
    border-radius: 5px;
}

.inclusiontxt {
    margin-top: 10px;
    letter-spacing: 1.3px;
    text-shadow: inherit !important;
}

.price-count-cost {
    letter-spacing: 1.3px;
}

.newproposal-formcls .pleaseWait {
    border-radius: 3px !important;
    margin-top: 10px;
    border: none;
    background: var(--sendbtn-bg) !important;
}

.package_header_top {
    /*position: fixed;*/
    top: 0;
    z-index: 999;
    margin: 0 auto !important;
    display: block;
    width: 100% !important;
    padding-bottom: 5px;
}

.new_propsal_wrap .container {
    border: 1px solid #ddd;
    padding: 20px;
}

.new_propsal_wrap {
    border: 1px solid #ddd;
    padding: 10px 0px;
    width: 98%;
    margin: 0 auto;
}

.proposaltrip {
    width: 98%;
    margin: 0 auto;
}

.hotel_wrapper_new .viewdetails_btn {
    background: none !important;
    color: var(--viewdetails-txt) !important;
}

.vewdetail-txtlink {
    font-size: 12px;
    text-decoration: underline;
    color: #0085df;
    margin-left: 6px;
    display: none;
}

.tab-panels .hotel_wrapper_new {
    margin-bottom: 0;
}

.sightseeing_hotelnamecls {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-transform: capitalize;
    padding: 4px 0 4px;
    /*float: left;*/
    font-weight: normal;
    width: 100%;
}

.inclusion.list {
    padding-left: 16px;
    line-height: 30px;
}

.newproposal-formcls {
    letter-spacing: 0.4px;
    line-height: 28px;
    color: #444;
    box-shadow: 0 0 5px #dadada;
    padding: 10px;
    max-width: 300px;
    width: 100%;
}

.exclusion.list {
    padding-left: 20px;
    line-height: 30px;
}

.confirmbtncls:hover {
    color: #fff;
    border-color: #2191e2;
    background: #2191e2;
}

ul.ft-btn-list {
    display: none;
}

.enquiry-Icon-sendbtn {
    width: 100%;
}

.roomchange_newtxt {
    font-size: 12px;
    text-decoration: underline;
    color: var(--roomchange-txt);
}

.overview_description,
.overview_descriptioncls {
    display: block;
}

.readmore {
    color: var(--readmore-txt);
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.plus-box {
    font-size: 13px;
    font-weight: 500;
    color: var(--click-to-add-txt);
    text-align: right;
    float: right;
}

.ratingcolor {
    color: #ff4906;
}

.sightseeing_roadtypes {
    line-height: 24px;
    margin-bottom: 10px;
}

.includedclscolor {
    color: #5aea5a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

.tab-paratxt {
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
}

.maintitle-defaultcls {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 12px 15px 10px 15px;
    background: var(--panel-title-bgcolor);
    color: #fff;
}

.itinerarysectioncls {
    border-top: 1px solid #ddd;
    padding: 10px;
    background: #eee;
}

.itinerarysectioncls {
    border-top: 1px solid #ddd;
    padding: 2px;
    background: #eee;
}

.overview_box {
    width: 100%;
    margin: 0;
    padding: 15px;
    box-shadow: 0 1px 10px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 10px 1px rgb(0 0 0 / 15%);
    margin-bottom: 14px;
}

.overview_title {
    position: relative;
    font-size: 18px;
    margin: 0 0 14px;
    color: #444;
    font-weight: 500;
    line-height: 1.42857;
}

.overview_description,
.overview_descriptioncls {
    font-size: 14px;
    line-height: 22px;
    font-weight: 100;
    color: #000000;
    display: block;
}

.tabset.mobile-hide-section-proposal i {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 6px;
    display: block;
}

.mobile-price-value-cls {
    display: none;
}

/*.mobile-tab-show-icons-cls{
    display: none !important;
}*/
.desktop-tab-show-icons-cls {
    display: block;
}

.tableborder {
    width: 100% !important;
    max-width: 100% !important;
}

.showtab-mobilecls input {
    display: none;
}

.proposal-num-mobile {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #565656;
    font-weight: normal;
}

.proposal-num-mobile {
    display: block;
}

.panel-body {
    padding: 5px;
}

.proposal-mobile-banner-cls {
    display: none;
}

.tab-title-txt-cls-inner {
    font-weight: normal;
}

.cotst-brek-heding-title span {
    font-weight: normal;
}

.pullright-cls {
    text-align: right;
    float: right;
}

.ft-btn-list li a {
    border-radius: 5px;
}

.pullright-mb {
    text-align: right;
    float: right;
}

.login-box .modal-header {
    padding: 10px;
}

.login-box .modal-header {
    border-bottom: none;
    background: #34425f;
    font-weight: 600;
}

.dl-pop-img-cls {
    width: 100%;
    height: 200px;
}

.dl-pop-img-cls img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-title {
    color: #34425f;
    font-weight: 600;
    margin-bottom: 10px;
}

.dl-content-cls {
    line-height: 20px;
    margin-top: 10px;
}

.overview_description p,
.overview_descriptioncls p {
    font-weight: normal;
}

p,
li {
    font-weight: normal;
    line-height: 24px !important;

}

#Sightseeing-id .modal-title {
    width: 80% !important;
    float: left;
    line-height: 8px;
    color: #fff;
}

#Sightseeing-id .modal-header {
    background: #444;
    padding: 20px;
}

#Sightseeing-id .close {
    opacity: 1;
    color: #fff;
    margin: -14px;
    padding: 0;
}

.mobile-tab-titile {
    padding: 12px 15px 10px 10px;
    background: var(--tab-heading-bgcolor);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: block;
}

.tabset .tab-panel {
    display: block;
    padding-top: 0;
}

.showtab-mobilecls.tabbing-show-mobile-icons {
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
}

.scrollActivecls .tabbing-show-mobile-icons {
    position: fixed;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    z-index: 999;
    left: 0;
}

.showtab-mobilecls.tabbing-show-mobile-icons label {
    padding: 4px 16px;
}

.proposal-package-details-cls b {
    font-weight: 600;
    color: #fff;
}

.overlaycls {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: rgb(32 36 37 / 39%);
}

.scrollActivecls .tabbing-show-mobile-icons {
    position: fixed;
}

.showtab-mobilecls.tabbing-show-mobile-icons {
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 0px;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
}

.tabbing-show-mobile-iconscls {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: top 500ms ease;
    -moz-transition: top 500ms ease;
    -o-transition: top 500ms ease;
    transition: top 500ms ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    z-index: 9999;
    transform: translateZ(0);
}

.scrollActivecls .tabbing-show-mobile-iconscls {
    position: fixed;
}

.days_content_11 table,
.days_content_11 .table-responsive,
.days_content_11 th,
.days_content_11 td {
    border: none !important;
}

.border-bottom {
    border-bottom: #cbc5ba dashed 1px;
}

.proposaltrip a {
    font-size: 14px !important;
}

#Sightseeing-id {
    z-index: 99999;
}

.sticky-form.fixedform {
    max-width: 300px;
    background: #fff;
    z-index: 99;
    position: fixed;
    float: right;
    width: 100%;
    left: auto;
    border-radius: 0 0 14px 14px;
}

.fixedform {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.panel {
    margin-bottom: 0px;
}

.newproposal-formcls .form-control {
    box-shadow: none !important;
}

.newproposal-formcls .pleaseWait:hover {
    color: #fff;
}

.user-details {
    text-align: right;
    /* line-height: 20px; */
    line-height: 20px;
    font-weight: normal;
    padding-top: 0;
}

.upperheader {
    padding: 10px 0;
}

.username {
    font-weight: 500;
}

.viewpricecls {
    font-size: 13px;
    display: block;
    line-height: 20px;
    text-decoration: underline;
}

.showtab-mobilecls.tabbing-show-mobile-icons label a:hover {
    text-decoration: none;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #fff;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

/*31st march start*/

.hotelbox_image img {
    width: 100% !important;
}


.sightseeing_image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    object-fit: cover;
    height: 100%;
}

.sightseeing_image {
    overflow: hidden;
    position: relative;
    height: 70px;
}

#myModalhotelView .overview-font.overview-font-family {
    font-size: 20px;
    text-transform: uppercase;
}

#myModalhotelView .overview-font {
    font-size: 18px;
    margin-top: 0;
}

#myModalhotelView img {
    border-radius: 6px;
}

#myModalhotelView p {
    line-height: 20px;
}

.sticky-tabbs.fixedtabbs {
    background: #fff;
    z-index: 99;
    position: fixed;
    width: 100%;
    top: 0;
    padding: 10px;
    left: auto;
}

.logo_propsal_new {
    width: 150px;
}

.logo_propsal_new {
    position: relative;
    width: 150px;
    height: 60px;
}

.logo_propsal_new img {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 68px;
}

.view-detail-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.view-detail-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*31st march ends*/


/*7th april start*/

.sightseeing_left p {
    line-height: 14px !important;
}

.sightseeing_left p {
    line-height: 20px !important;
}

/*7th april ends*/

/*Anuradha css ends*/



@media (max-width:992px) {
    .sigtseeing_wrapper .sightseeing_wrapper .sightseeing_left {
        float: left;
    }

    /*7th april start*/


    .hotel_box_wrapper_new .hotelbox_leftnew .hotelbox_image {
        height: 120px;
        position: relative;
    }

    .overview_description {
        margin-top: -6px;
    }

    #collapsetransfer1 .shadowdiv {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .proposaltrip- .nav-tabs.nav-justified>li>a {
        margin-left: 0;
    }

    /*7th april ends*/

    /*31st march start*/
    /* 
    .hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image {
      width: 100%;
    height: 90px;
    margin-bottom: 10px;
} */

    .sigtseeing_wrapper .sightseeing_image {
        height: 90px;
    }


    .hotelbox_rightnew1 {
        clear: both;
        padding: 4px 0;
    }

    .sticky-tabbs.fixedtabbs {
        left: 0;
    }

    .viewpricecls {
        color: #fff;
    }

    .mobile-price-value-cls .smalltxt-price {
        color: #fff !important;
    }

    .header-bottom-cls {
        background: #000;
    }

    .mobile-price-value-cls {
        color: aquamarine;
    }

    #myModalhotelView .modal-body {
        padding: 4px;
    }

    #myModalhotelView .overview-font.overview-font-family {
        font-size: 18px;
    }

    /*31st march ends*/

    .paxwidth {
        width: 80px;
    }



    .sticky-form.fixedform {
        position: relative;
        max-width: 100%;
        margin-bottom: 112px;
    }

    .upperheader {
        padding: 0px 0;
    }

    .package_header_top .border-bottom {
        border: none;
    }

    .readmore {
        text-align: right;
        padding-top: 10px;
    }


    .vewdetail-txtlink {
        display: block;
        margin-left: 0;
    }

    .pullright-cls {
        text-align: right;
        float: right;
    }

    .headerContainerWrapper {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: top 500ms ease;
        -moz-transition: top 500ms ease;
        -o-transition: top 500ms ease;
        transition: top 500ms ease;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        background: #fff;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        z-index: 9999;
        transform: translateZ(0);
    }

    .scrollActivecls-mb .headerContainerWrapper {
        position: fixed;
        padding: 8px;
    }

    .tabbing-show-mobile-icons {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: top 500ms ease;
        -moz-transition: top 500ms ease;
        -o-transition: top 500ms ease;
        transition: top 500ms ease;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        background: #fff;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        z-index: 9999;
        transform: translateZ(0);
    }

    .scrollActivecls .tabbing-show-mobile-icons {
        position: fixed;
    }

    .showtab-mobilecls label {
        display: inline-block !important;
        float: none !important;
        padding: 10px;
        text-align: center;
        font-size: 13px;
    }


    .tab-panels .panel-group {
        margin-bottom: 0;
    }

    #Price .panel-body {
        padding: 0;
    }

    .mobile-tab-show-icons-cls {
        display: inline-block !important;
    }

    .desktop-tab-show-icons-cls {
        display: none !important;
    }

    .mobile-price-value-cls {
        display: block;
        font-size: 18px;
        width: 60%;
        position: relative;
        font-weight: 500;
        float: left;
        padding-top: 6px;
    }

    .smalltxt-price {
        font-size: 13px;
        color: #444;
        /* position: absolute; */
        margin-left: 10px;
    }

    /*.tablewidth{max-width: 150px;}*/
    .mobile-ft-fixed-cls {
        position: fixed;
        z-index: 99;
        bottom: 128px;
        background: #fff;
        left: 0;
        right: 0;
        width: 100%;
        border-top: 1px solid #CCC;
        box-shadow: 0 3px 10px #000;
        padding-bottom: 0;
        display: none;
    }

    .inclusiontxt {
        display: none;
    }

    .header-bottom-cls {

        border-top: 1px solid #999;
        position: fixed;
        z-index: 99;
        bottom: 64px;
        width: 100%;
        text-align: left;
        left: 0;
        right: 0;
        padding: 4px 12px !important;
    }

    .package_header_top {
        position: relative;
    }

    .tabset>label {
        /*max-width: 130px;*/
        background: none;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
    }

    .tabset>input:checked+label {
        /*background: #0085df;*/
        color: #0085df;
        /*margin-bottom: 4px;*/
    }

    .hotel_box_wrapper_new .hotelbox_leftnew_hotel {
        width: 20%;
    }

    .tabset.mobile-hide-section-proposal i {
        margin-right: 0;
    }

    .tabset.mobile-hide-section-proposal {
        overflow-y: hidden;
        overflow-x: auto;
        margin-bottom: 0px;
        /*white-space: nowrap;*/
        width: 100%;
        display: inline-block;
    }

    .tabset.mobile-hide-section-proposal i {
        display: block;
        margin-bottom: 6px;
    }

    .tabset>input:checked+label {
        border: none;
    }

    .hotel_box_wrapper_new .hotelbox_rightnew_hotel {
        width: 75%;
        padding-left: 0;
    }

    .tabset.mobile-hide-section-proposal label {
        /*display: inline-block !important;*/
        float: none;
    }


    .sigtseeing_wrapper .sightseeing_wrapper .sightseeing_price {
        position: relative;
        top: 0;
    }

    .days_content_11 {
        width: 100%;
    }

    .hotel_box_wrapper_new .hotelbox_leftnew {
        width: 100%;
    }

    .hotel_box_wrapper_new .hotelbox_rightnew {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
        float: right;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li {
        padding-left: 0;
        padding-top: 0px;
    }

    /*  .tablewidth {
        max-width: 129px;
    }
*/
    .tabset .tab-panel {
        display: block;
        padding-top: 0;
    }

    .hotel_wrapper_new {

        padding: 5px;
    }

    .new_propsal_wrap {
        width: 100%;
    }

    a.viewdetails_btn {
        padding: 7px 16px;
    }

    .tab-panels .panel-title>a {
        font-size: 14px;
    }

    .shadowdiv {
        padding: 5px;
    }

    ul.ft-btn-list {
        position: fixed;
        bottom: 10px !important;
        left: 0;
        right: 0;
        z-index: 99999;
        width: 100%;
        padding-left: 0;
        margin-bottom: 0;
        display: block;
    }


    ul.ft-btn-list li a {
        width: 100%;
        padding: 5px;
        color: #fff;
        line-height: 33px;
        font-size: 12px;
    }

    li.ft-btn-list-1 {
        width: 20%;
        float: left;
        list-style-type: none;
        margin-right: 0;
    }

    li.ft-btn-list-2 {
        width: 60%;
        float: left;
        list-style-type: none;
        margin-right: 0;
    }

    li.ft-btn-list-3 {
        width: 20%;
        float: left;
        list-style-type: none;
        margin-right: 0;
    }

    ul.ft-btn-list li a .fa {
        font-size: 18px;
        /*padding-right: 10px;*/
    }

    a.btn.callIcon {
        background: var(--call-icon-bg);
    }

    a.btn.enquiry-Icon {

        background: var(--interest-icon-bg);
        color: #000;
    }

    a.btn.wtsapp-icon {
        background: var(--wtsapp-icon-bg);
    }

    .package_header_top {
        border: none !important;
        width: 100% !important;
    }

    .logo_propsal_new img {
        width: 124px;
    }

    .cotst-brek-heding-title h5 {
        font-size: 15px !important;
    }

    .cotst-brek-heding-title h5 span {
        font-size: 13px !important;
    }

    .cotst-brek-heding-title {
        font-size: 13px;
        text-align: right;
        display: none;
    }

    .package_header_top {
        padding: 4px;
        margin: 4px auto !important;
    }

    .confirmbtncls {
        margin-bottom: 6px;
    }

    .proposaltrip {
        width: 100%;
        /*margin: 30px 0 auto;*/
        float: left;
    }


    .mobile-table-width {
        width: 150px;
    }

    .plus-bg {
        top: 0px;
    }

    .proposaltrip {
        display: none;
    }

    .proposal-num-mobile {
        display: block;
    }


    .sigtseeing_wrapper .sightseeing_image {
        width: 18%;
        float: left;
        margin-right: 0;
    }

    .sigtseeing_wrapper .sightseeing_wrapper {
        width: 100%;
        padding: 0 0px 3px 10px;
    }

    .sigtseeing_wrapper .sightseeing_wrapper .sightseeing_left {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        height: 72px;
    }

    .sigtseeing_wrapper .sightseeing_wrapper .sightseeing_price {
        font-size: 12px;
        float: left;
        margin-top: 0;
        right: 0;
    }

    .sigtseeing_wrapper .sightseeing_wrapper .sightseeing_title {
        font-size: 14px;
    }



    .sigtseeing_wrapper .sightseeing_image img {
        padding: 5px;
    }

    .plus-bg {
        top: -32px;
        right: 10px;
    }

    #Sightseeing .sigtseeing_wrapper {
        margin: 0;
        padding: 0;
    }

    .hotel_box_wrapper_new .hotelbox_rightnew_hotel p {
        line-height: 12px;
        font-size: 13px;
    }

    .hotel_box_wrapper_new .sightseeing_textnew {
        font-size: 14px;
    }

    a.changehotel_btn {
        padding: 0;
    }

    .buttonwrapper {
        float: left;
    }

    #Transfer .days_iconpro {
        width: 16%;
        float: left;
    }

    #Transfer .days_content_11 {
        width: 82%;
        float: right;
    }

    #Transfer .days_iconpro img {
        width: 100%;
    }

    #Transfer table {
        font-size: 12px;
    }

    #Meals .days_iconpro {
        width: 16%;
        float: left;
    }

    #Meals .days_content_11 {
        width: 82%;
        float: right;
    }

    #Meals .days_iconpro img {
        width: 100%;
    }

    .mobile-table-width {
        padding: 0;
        font-size: 12px;
    }

    .tab-panels .panel-default>.panel-heading {
        background-color: #515151;
        border-color: #515151;
        color: #fff;
        padding: 0;
        z-index: 99999;
    }

    .overview_title {
        position: relative;
        font-size: 15px;
        margin: 0 0 0px;
        color: #444;
        font-weight: 500;
        line-height: 1.42857;
    }

    .proposal-mobile-banner-cls {
        /* background-image: url(../../assets/images/mobile-banner-show.jpg); */
        padding: 30px 10px;
        background-position: center, bottom;
        background-size: cover;
        display: block;
        position: relative;
    }

    .proposal-package-name-cls {
        background: #00000059;
        padding: 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .proposal-hotel-name {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    span.smalltxtfont {
        color: #fff;
        font-size: 13px;
    }

    .proposal-hotel-address {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .proposal-package-details-cls {
        color: #fff;
    }

    .inclu-mobile-show-cls {
        color: #fff;
    }

    .inclu-mobile-show-cls b {
        color: #fff !important;
    }

}

@media (max-width: 480px) {


    #Sightseeing-id .modal-header {
        padding: 3px;
        min-height: 46px !important;
    }

    #Sightseeing-id .modal-header .modal-title {
        line-height: 20px;
        width: 90% !important;
    }

    #Sightseeing-id .close {
        margin: 2px;
        font-weight: 500;
        font-size: 20px;
    }

    .dl-content-cls {
        text-align: justify;
    }

    /* #Sightseeing-id .modal-header .modal-title strong {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        height: 20px;
        width: 170px;
    } */
    /*31st march start*/

    .hotel_box_wrapper_new .hotelbox_rightnew_hotel {
        width: 100%;
        padding-left: 0;
    }

    /* .hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image {
    width: 150px;
    height: 80px;
    margin-bottom: 10px;
} */

    .sigtseeing_wrapper .sightseeing_image {
        height: 120px;
        width: 100% !important;
    }

    /*31st march ends*/


    .newproposal-formcls {
        max-width: 100%;
        height: 100%;
        margin-bottom: 100px;
    }


    [class^="flaticon-"]:before,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 22px;
    }

    .proposal-mobile-banner-cls {
        /* background-image: url(../../assets/images/mobile-banner-show.jpg); */
        padding: 50px 10px 7px;
        background-position: center, bottom;
        background-size: cover;
        display: block;
    }

    .proposal-package-name-cls {
        background: #00000059;
        padding: 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .proposal-hotel-name {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    span.smalltxtfont {
        color: #fff;
        font-size: 12px;
    }

    .proposal-hotel-address {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .proposal-package-details-cls {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
    }

    .inclu-mobile-show-cls {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
    }

    .inclu-mobile-show-cls b {
        color: #fff !important;
    }

    .table_heading_text {
        font-size: 13px;
    }

    .plus-bg {
        top: auto;
        right: 10px;
        bottom: 6px;
        position: absolute;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_image {
        width: 36px;
        height: 36px;
        float: none;
    }

    .itinerarysectioncls {
        margin-bottom: 10px;
    }

    .itinerarysectioncls {
        padding: 0;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_desc .hotelnew_ic_head {
        font-size: 12px;
    }

    .includedclscolor {
        font-size: 12px !important;
    }

    .overview_description,
    .overview_descriptioncls {
        font-weight: 100;
        color: #000000;
        display: block;
        line-height: 20px;
        font-size: 13px;
    }

    .overview_box {
        padding: 5px;
    }

    .hotel_box_wrapper_new .hotelbox_rightnew_hotel p {
        line-height: 12px;
        font-size: 13px;
    }

    .hotel_box_wrapper_new .sightseeing_textnew {
        font-size: 14px;
    }

    a.changehotel_btn {
        padding: 0;
    }

    .buttonwrapper {
        float: left;
    }

    #Transfer .days_iconpro {
        width: 12%;
        float: left;
    }

    .sightseeing_image {
        width: 40% !important;
        float: left !important;
    }

    #Transfer .days_content_11 {
        width: 84%;
        float: right;
    }

    #Transfer .days_iconpro img {
        width: 100%;
    }

    #Transfer table {
        font-size: 12px;
    }

    #Meals .days_iconpro {
        width: 12%;
        float: left;
    }

    #Meals .days_content_11 {
        width: 84%;
        float: right;
    }

    #Meals .days_iconpro img {
        width: 100%;
    }

    .mobile-table-width {
        padding: 8px;
        ;
        font-size: 12px;
        line-height: 20px;
    }

    .proposaltrip {
        width: 100%;
        /*margin: 100px 0 auto !important;*/
        float: left;
    }

    .tab-panels .panel-title>a {
        font-size: 12px;
        padding: 12px 6px 10px 6px;
    }

    .itinerarysectioncls .panel-body {
        padding: 4px;
    }

    .headerContainerWrapper {
        padding: 0 10px 10px 10px;
    }

    .cotst-brek-heding-title {
        font-size: 12px;
    }

    /*.border-bottom{*/
    /*display: none;*/
    /*}*/

    .showtab-mobilecls label {
        display: inline-block !important;
        float: none !important;
        padding: 2px;
        text-align: center;
        font-size: 12px;
    }

    .panel-body {
        padding: 5px;
    }

    .overview_box {
        padding: 5px;
    }

    .overview_description p,
    .overview_descriptioncls p {
        color: #000000;
        display: block;
        line-height: 21px !important;
        font-size: 13px;
        font-weight: 400;
    }

    .sticky-form.fixedform {
        position: relative;
    }
}


@media (max-width: 420px) {

    .sticky-form.fixedform {
        position: relative;
        max-width: 100%;
    }

    .showtab-mobilecls label {
        padding: 0px;
        font-size: 12px;
    }

    .showtab-mobilecls.tabbing-show-mobile-icons {
        overflow-y: hidden;
        overflow-x: auto;
        margin-bottom: 0px;
        width: 100%;
        white-space: nowrap;
        display: inline-block;
    }

    .showtab-mobilecls.tabbing-show-mobile-icons label {
        display: inline-block !important;
        float: none;
        padding: 3px 8px;
    }
}

.margin-right-15 {
    margin-right: 15px;
}

.roomBoxMain {
    width: 100%;
    display: inline-block;
    width: 100%;
    position: absolute;
    border: 1px solid #cccccc;
    background: #ffffff;
    left: 0px;
    top: 35px;
    z-index: 9999;
    display: none;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bot-10 {
    margin-bottom: 10px !important;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.view-hotel-detail {
    position: absolute;
    top: 10px;
    right: 5px;
}

@media (max-width: 992px) {
    button.btn.enquiry-Icon {
        background: var(--interest-icon-bg);
        color: #000;
    }

    ul.ft-btn-list li button {
        width: 100%;
        padding: 5px;
        line-height: 33px;
        font-size: 12px;
    }

    .view-hotel-detail {
        position: relative;
        top: 0px;
        right: 5px;
    }

    .view-hotel-detail .viewdetails_btn1 {
        PADDING-LEFT: 2PX;
    }

    .hotelbox_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .hotel_box_wrapper_new .hotelbox_leftnew_hotel {
        width: 100%;
    }

    .hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image {
        height: 150px;
        margin: 0;
        padding: 0;
        background: #fff;
        overflow: hidden;
        position: relative;
    }
}

@media (max-width: 480px) {

    .hotel_box_wrapper_new .hotelbox_leftnew_hotel {
        width: 100%;
    }

    .hotel_box_wrapper_new .hotelbox_leftnew_hotel .hotelbox_image {
        height: 100px;
        margin: 0;
        padding: 0;
        width: 100%;
        background: #fff;
        overflow: hidden;
        position: relative;
    }

    .hotelbox_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .ft-btn-list li button {
        border-radius: 5px;
    }

    .verbalInterseted {
        opacity: 1 !important;
    }

    .nobold {
        font-weight: normal;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li {
        padding-right: 0;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li .hotelwrap_inc .hotelnew_ic_desc .hotelnew_ic_paratext {
        font-size: 11px;
    }

    .hotel_wrapper_new .hotelnew_incluison ul li {
        padding-right: 0;
    }


    #collapsetransfer3 .table-responsive {
        border: none !important;
    }

    #collapsetransfer4 .table-responsive {
        border: none !important;
    }

    #collapsetransfer5 .padding-right-10 {
        padding: 5px 0;
    }

    .sigtseeing_wrapper .sightseeing_wrapper {
        padding: 0 0px 3px 3px;
    }

    .view-hotel-detail {
        position: relative;
        top: 0px;
        right: 5px;
    }

    .view-hotel-detail .viewdetails_btn1 {
        PADDING-LEFT: 2PX;
    }
}

.no-banner-image {
    background: #eee;
    padding: 0;
}

.sightseeing_wrappernewcls {
    width: 100% !important;
}

.green {
    color: green !important
}

.modal-header {
    padding: 10px 15px;
    background: #F5F6FA;
    border-bottom: 1px solid #F5F6FA;
}

.alert-graylight {
    color: #fff !important;
    background-color: #204566;
    border-color: #204566;
}

.tablestyle tr td {
    border: 1px solid #F1F1F3 !important;
}

.no-border {
    border: 0px;
}

.form-control {
    background-color: #fff !important;
    /* box-shadow: 0 0px 0px 0 #d7dae2; */
    -moz-box-shadow: 0 0px 0px 0 #D7DAE2;
    -webkit-box-shadow: 0 0px 0px 0 #d7dae2;
    font-weight: normal;
}

.modal-content label {
    font-weight: normal;
}

.modal-content .form-group label:not(.check) {
    position: absolute;
    top: 11px;
    left: 13px;
    transition: all 0.5s;
    background: #fff;
    z-index: 9;
}

.modal-content .form-group.active label {
    top: -12px;
    transition: all 0.5s;
    color: #0076CA !important;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    left: 20px;
    z-index: 9;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.addons_customize_bx {
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 13px 0;
}

.label_box {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
}

.price_bold_div {
    width: 32%;
    float: left;
    padding-top: 4px;
    line-height: 15px;
}

.price_bold {
    font-weight: bold;
    font-size: 14px;
    /*margin-left: 5px;*/
}

.price_bold_div .title1 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}

.price_bold_div label {
    display: block;
    margin-bottom: 2px;
    font-weight: normal;
}

.adults_wrapper {
    margin: 0;
    padding: 0;
    display: block;
    width: 28%;
    float: right;
}

.propertyfrm_border {
    width: 100% !important;
    height: 42px;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-border-radius: 6px;
    background: transparent;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 8%);
    color: #777777;
    font-size: 17px;
    position: relative;
}

.adults_wrapper Select {
    display: block;
    width: 100%;
    padding-left: 14px;
}

.selectarrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: 0px solid #000;
    background: url(../images/newproposal/12.png) no-repeat right 16px !important;
}

.propertyfrm_border2 {
    border: 0px solid #ccc !important;
    height: 42px;
    background: transparent;
    padding: 9px 12px 12px 12px;
    margin-left: 0;
    font-size: 16px;
    width: calc(100% - 0) !important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
}

.adults_mgtrgt_15 {
    margin-right: 15px;
}

.addons-popup-selectwdth {
    width: 30%;
    display: inline-block;
    margin-bottom: 12px;
}

.addons-popup-selectwdth2 {
    width: 30%;
    display: inline-block;
}

.addons-popup-selectwdth3 {
    float: right;
    display: inline-block;
    min-height: 65px;
}

.addons-popup-selectwdth3 .checkmark {
    left: inherit !important;
    right: 20px;
}

/*checkbox css coding 23-7-2021*/
.checkbox_popup input {
    display: none;
}

.checkbox_popup {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    user-select: none;
    font-family: var(--primary-font);
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 22px;
    width: 100%;
    margin-bottom: 12px;
}

.checkbox_popup .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 3px;
    border: 2px solid #0076CA;
    border-radius: 4px;
}

.checkbox_popup input:checked+.checkmark {
    background-color: #fff;
    border: 2px solid #0076ca;
}




.checkbox_popup input:indeterminate+.checkmark {
    background-color: #fff;
    border: 2px solid #0076ca;
}

.checkbox_popup input:checked+.checkmark:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 11px;
    border-left: 2px solid #0076ca;
    border-bottom: 2px solid #0076ca;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.checkbox_popup input:checked:disabled+.checkmark {
    border: 1px solid #0076ca;
    background-color: #001e3347;
}

.checkbox_popup input:disabled+.checkmark {
    border: 1px solid grey;
}

.checkbox_popup input:indeterminate+.checkmark:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 11px;
    border-left: 2px solid #FF4906;
    border-bottom: 2px solid #FF4906;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
}

.checkbox_width_auto {
    width: auto;
    margin-right: 8px;
}

/*checkbox css coding 23-7-2021*/
.img-responsive img {
    max-width: 100% !important;
}