#mainpic_pricing .container 
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5Nzc3RTgyOTUwOTExRTY5NTlGOUI3RjM1MzE4NDFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5Nzc3RTgzOTUwOTExRTY5NTlGOUI3RjM1MzE4NDFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk3NzdFODA5NTA5MTFFNjk1OUY5QjdGMzUzMTg0MUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk3NzdFODE5NTA5MTFFNjk1OUY5QjdGMzUzMTg0MUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mbOzaAAAAp0lEQVR42uzRAQ0AMAgEsTH/0vD02CCkJ+FaSfppTd8CIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIAICRECACAgQAQEiIEAERECACAgQAbneCDAA0qAEkXQdlL8AAAAASUVORK5CYII=) repeat;
    padding-top:30px;
    padding-bottom:30px;
}

/*display desktop text*/
.lg_text
{
   display:inline-block;
}

/*display mobile text*/
.sm_text
{
   display:none;
}

#div_select_no_of_rooms,
#div_select_currency
{
    margin-top: 20px;
}
    
#mainpic_pricing
{
    padding:15px;
}

#rate_table > tbody > tr > td
{
    padding:4px;
}

#rate_table tr td:first-child
{
    background:#ecf0f4;
    /*color:white;*/
}

#mobi_section_pricing
{
    display:none;
}

.jumbotron .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

[cus_title]
{
  position: relative;
}

[cus_title]:hover:before 
{
    background: #333;
    top: 100%;
    /* background: rgba(0, 0, 0, .8); */
    border-radius: 5px;
    color: #fff;
    content: attr(cus_title);
    padding: 5px 15px;
    position: absolute;
     z-index: 98; 
    width: auto;
    margin-top: 10px;
    font-size: 15px;
    width: max-content;
}

[cus_title]:hover:after 
{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #333;
  content: ' ';
  position: absolute;
  top: 100%;
  left: 50%;
}

#property_type
{
    width: 250px;
    float: left;
    /*font-weight:500;*/
}

#prop_total_rooms
{
    width:70px;
}

#div_select_room
{
    text-align:justify;
}

#selected_currency
{
  width:80px;
}

/* updated by kamal on 18-07-2025 */
#section_pricing
{
    /* padding:0 100px; */
    padding:0 50px;
}

.input_text
{
    margin: 0.1em 0;
    padding: 0.15em 0.3em;
    border: solid 1px #d7d7d7;
    border-radius: 0.3em;
    -moz-border-radius: .3em;
    font-size: 100%;
}

.card
{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .5rem;
}
.card-body
{
    flex: 1 1 auto;
    padding: 1rem;
    text-align:center;
    text-align:center;
    font-size: 15px;
}
  
.card::after 
{
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card_heading
{
    font-weight: bold;
    /*margin-bottom: 20px;*/
}

.total_amount:hover
{
    color:green;
}

.btn_style
{
    background:#6c757d;
    color: white;
    /*margin:0px 10px;*/
    padding:5px 15px !important;
}

.total_amount
{
    display:inline-block;
    font-size:35px;
    font-weight:bold;
    /*margin-right:10px;*/
}

.error_message
{
    padding-top:7px;
    font-size:15px;
    color:red
}

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

.p_margin 
{
    margin: 0 0 0.3em 0;
}

.btn:hover, .btn:focus, .btn.focus
{
    color: #fff;
    outline: none;
    box-shadow: none !important;
}

.shadow-lg
{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

#pricing_card .col 
{
    margin: 5px;
    width: 20%;
    padding: 0;
}

#pricing_card
{
    display:flex;
}

#free_trial
{
    color:#636363;
}

.card:hover
{
    background:#b7ebb7a6;
}

/* add by racon 19/07/2025, for new price page for separated type */
.rate_section_table
{
    margin-top: 20px;
    width:50%;
}

.rate_section_table_heading
{
    width: 30%;
    background-color: #f5f5f5;
}

.section-title
{
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}

.highlight-box
{
    background-color: #e7fbe9;
    padding: 1.5rem;
    border-left: 6px solid #22c55e;
    border-radius: 8px;
    color: #065f46;
    font-weight: 500;
}

/* added by kamal on 18-07-2025 */
.get_started_button, .read_more_btn
{
    width:100%;
    margin-bottom:20px;
    cursor:pointer
}

.get_started_button
{
    margin-bottom:20px;
}

.read_more_btn
{
    margin-top:20px;
}

@media only screen and (min-width: 0px) and (max-width: 992px)
{
    #pricing_card
    {
        display:block;
    }
}

@media only screen and (max-width: 600px)
{
    #mainpic_pricing .container 
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #property_type 
    {
        width: 100%;
    }

    .lg_text
    {
       display:none;
    }
    
    .sm_text
    {
       display:inline-block;
    }
    
    #div_select_no_of_rooms,
    #div_select_currency
    {
        margin-top: 10px;
    }
    
    #mainpic_pricing
    {
        padding:10px;
    }
    
    #mobi_section_pricing
    {
        display:block;
    }
    
    #property_type
    {
        float: none;
    }
    
    #prop_total_rooms
    {
        width: 100px;
        /*margin-left: 20px;*/
        /*text-align: center;*/
    }
    
    #total_room_error_message
    {
        display:block;
    }
    
    #div_select_room
    {
        /*text-align:center;*/
    }
    
    /*#select_currency*/
    /*{*/
    /*    display: block;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    
    #section_pricing
    {
        padding:0;
    }
    
    #pricing_card
    {
        margin-right: -10px;
        margin-left: -10px;
    }
    
    #pricing_card .col
    {
        margin: 0;
        width: 100%;
    }
    
    /*added by kamal on 21-05-2024*/
    #selected_currency
    {
        width:65px;
    }
    
    .btn_style
    {
        padding:5px 10px !important;
    }
    
    /* add by racon 19/07/2025, for new price page for separated type */
    .rate_section_table
    {
        margin-top: 20px;
        width:100%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) 
{
    .navbar-brand 
    {
        margin-bottom: 0;
        margin-left: 0;
        width: 200px !important;
        height: auto !important;
    }
}