@import url('https://fonts.maateen.me/solaiman-lipi/font.css');
@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');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');


img {
    max-width: 100%
}

body {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Roboto", Helvetica, Arial, sans-serif, SolaimanLipi;
    font-size: 16px;
}

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

.ml-3 {
    margin-left: 15px;
}

a,
h1,
h2,
h3,
h5,
h6,
p {
    font-family: "Roboto", SolaimanLipi
}

a {
    color: #fea621
}

.no-border-radius {
    border-radius: 0px
}

.c-perple {
    color: #c11c5a
}

.c-yellow {
    color: #db9e30
}

.c-green {
    color: #57a68f
}

.c-orange {
    color: #e95823
}

.c-perple:hover {
    color: #fea621
}

.c-yellow:hover {
    color: #fea621
}

.c-green:hover {
    color: #fea621
}

.c-orange:hover {
    color: #fea621
}

.white-border {
    border: 1px solid #DDD;
}

.bg-transparent {
    background-color: transparent;
}

.green_button {
    background-color: #20c997 !important;
    border-color: #20c997 !important;
}

.green_button:hover {
    background-color: #0aa879 !important;
    border-color: #0aa879 !important;
}

.green_button_outline {
    color: #20c997 !important;
    border-color: #20c997 !important;
}

.green_button_outline:hover {
    color: #FFF !important;
    border-color: #20c997 !important;
    background-color: #20c997 !important;
}


/*
Primary Color: #fa960a
Primary Color: #000000
*/

/*Simple animation*/

/*simple animation*/
.navbar.top-nav .navbar-nav .nav-link,
.blo-box .blog-overflow-content,
.blog-overflow-content p,
.single-products .book-block-footer,
.single-products img,
.footer-social li a,
.footer_menus ul li a,
.blog-squre .post-info,
.blog-squre img,
.contact-block .contact_details,
.contact-block .contact_block_icon,
.contact-block,
.at-user__avatar,
.at-user,
.at-social,
.single-books .book-block-footer,
.single-books img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header_main_menu {
    position: sticky;
    top: 0;
    z-index: 2;
}

.header_top_section {
    background-color: #373637;
    color: #FFF
}

.header_top_section p span {
    color: #20c997
}

.header_top_section p {
    font-size: 14px;
    padding: 3px 0px
}

.header_top_section p a {
    color: #fff;
    text-decoration: none;
    display: block;
}


/*This style for menu*/
.navbar.top-nav {
    box-shadow: 15px 15px 30px 0px rgba(195, 192.88043478261, 192.88043478261, .5);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 1rem 0rem 1rem 0rem;
    z-index: 100;
}

.navbar.top-nav .navbar-nav {
    margin-left: auto
}

.navbar.top-nav .navbar-brand span {
    color: #fa960a
}

.navbar.top-nav .navbar-nav .nav-item {
    padding-left: 1px;
    padding-right: 1px;
}

.navbar.top-nav .navbar-nav .nav-link {
    color: #20c997;
    font-weight: 400;
    padding: 5px 9px;
    border: 1px solid transparent;
}

.navbar.top-nav .navbar-nav .nav-link:focus,
.navbar.top-nav .navbar-nav .nav-link:hover,
.navbar.top-nav .navbar-nav .nav-item .nav-link.active>.nav-link {
    background: #20c997;
    color: #fff;
    border-radius: 5px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.navbar.top-nav .navbar-nav .nav-item .nav-link.active {
    background: #20c997;
    color: #fff;
    border-radius: 5px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.navbar.top-nav .navbar-nav .nav-link.selected_item {
    border-color: #20c997;
    border-radius: 5px;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9);
}

.top-nav-brand img {
    max-height: 50px;
}



/*Home  about asection design*/
.home_about_text h1 span {
    color: #f55;
}

.section_title {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    position: relative;
}

.section_title::before {
    width: 28px;
    height: 5px;
    display: block;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -14px;
    background-color: #20c997;
}

.section_title::after {
    width: 150px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 25px;
    left: 50%;
    margin-left: -75px;
    background-color: #20c997;
}

/*dak banglo  single block design*/

.single_dakbanglo_block a {
    margin: 0;
    display: block;
    text-decoration: none;
}

.single_dakbanglo_block img {
    border-radius: 10px 10px 0px 0px;
}

.single_dakbanglo_block .block_content {
    border: 1px solid #DDD;
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    border-top: none;
}

.single_dakbanglo_block .block_name {
    color: #20c997;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}





/*Footer CSS*/

/*This style for footer section*/
.footer_logo_section {
    background: #f14808;
    padding: 10px 0px;
}

.footer_section {
    background-color: #20c997;
    color: #FFF;
}

.footer_widget_title {
    margin-bottom: 20px;
    font-size: 18px;
}

.footer_contact span {
    color: #FFF;
    margin-right: 10px;
}

.footer_menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_menu li {
    border-bottom: 1px dashed #DDD;
}

.footer_menu li a {
    color: yellow;
    text-decoration: none;
}

.footer_menu li a:hover {
    color: #FFF;
}

.list-border {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-border li {
    border-bottom: 1px dashed #DDD;
    color: #FFF;
    padding: 5px 0px;
}

.list-border li span {
    float: left;
}

.list-border li div {
    float: right;
}

.footer_bottom_section {
    background-color: #000 !important;
    color: #FFF;
    padding: 10px 0px;
}

.footer_bottom_section p {
    margin: 0;
    font-size: 14px;
}

.footer_bottom_section a {
    color: #20c997
}



.red_button {
    background-color: #f14808 !important;
    color: #fff;
    border-color: #f14808 !important;
    border-radius: 20px 0px 20px 0px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    border: none;
}

.red_button:hover {
    color: #FFF
}

.notfound_title {
    color: #352c7c;
    letter-spacing: 5px;
}

.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.pageLoadingWrapper {
    position: absolute;
    z-index: 9;
    background: #FFF;
}

.PageLoadingBox img {
    max-width: 100%;
}


.hero_bg_big_text {
    color: #FFF;
    background-size: cover;
    background-color: #20c997;
}

.hero_box {
    border: 1px solid #fff;
    text-align: center;
    padding: 15px;
    border-radius: 20px 0px 20px 0px;
}

.hero_icon {
    font-size: 40px;
    margin-bottom: 10px;
}

.hero_text {
    font-size: 30px;
}

.hero_text a {
    color: #FFF;
    text-decoration: none;
}

.hero_text a:hover {
    color: #FFF;
}


.hasLoading {
    position: relative;
    min-height: 100px;
}

.loadingWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
}

.loadingBox {
    height: 100%
}


/*Dakbanglo Single Page  Design*/
.singlePageDakbanglo {
    border: 1px solid #F0F0F0;
    padding: 15px;
}

.singlePageDakbanglo h1 {
    font-weight: normal;
    color: #20c997;
}

.singlePageDakbanglo span {
    color: #20c997;
    margin-right: 10px;
}

.singlePageDakbanglo .singleBangloIcons a {
    text-decoration: none;
    font-size: 20px;
    color: #20c997;
}

/*This design for room List*/
.room_list {
    border: 1px solid #DDD;
    padding: 15px;
    box-shadow: 5px 5px 7px -6px #a2a2a2;
}

.room_list img {
    border: 1px solid #DDD;
    padding: 5x;
}

.room_list h1 {
    color: #20c997;
    font-size: 22px;
    margin-top: 10px;
}

.room_list .description {
    color: #626262;
    text-align: justify;
}

.room_list .roomFeaturesMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.room_list .roomFeaturesMenu li {
    display: inline-block;
    border: 1px solid #DDD;
    padding: 2px 10px;
    margin-top: 10px;
    border-radius: 3px;
    margin-right: 10px;
}

.room_list .roomFeaturesMenu li span {
    color: #ff5656;
}

.roomPrice {
    font-weight: 600;
    font-size: 23px;
    color: #20c997;
}

.roomPrice span {
    font-weight: bold;
    font-size: 28px;
}

.searchArea {
    border: 1px solid #DDD;
    padding: 10px;
    box-shadow: 5px 5px 7px -6px #a2a2a2;
    padding-bottom: 0;
}

.red-border {
    border: 1px solid red;
}

.profile_menu ul li {
    padding: 0;
}

.profile_menu ul li a {
    text-decoration: none;
    display: block;
    padding: 7px 15px;
}

.profile_menu ul li.active a {
    color: #FFF;
}

.profile_sb_heading {
    background: #20c997;
    padding: 5px 10px;
    color: #FFF;

}