/* Overall */
#main_index{
    overflow: hidden;
    padding-bottom: 0px !important;
}
a:hover{
    text-decoration: unset;
}
:root{
    --dark-red: #731012;
    --lg-red: #d2232a;
    --spadding: 5rem;
}

/* Text */
.title-box{
    position: relative;
}
.title-style{
    color: var(--lg-red);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.75rem, 2vw, 2vw);
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;    
    
    span{
        color: var(--dark-red);
    }
}
.content{
    font-size: clamp(.9rem, 1.12vw, 1.12vw);
    font-weight: 600;
    line-height: 1.75;
    margin: 0;
}

@media(max-width:576px){
    .title-style{
        font-size: 150%;
    }
}

/* Btn */
.btn-group{
    gap: 1rem;
}
.main-btn{
    padding: 4px 25px 8px;
    border-style: none;
    border-radius: 50px;
    font-size: clamp(1rem, 1.3vw, 1.3vw);
    font-weight: 500;    
    transition: all .3s linear;
    
    &.dark-red{
        color: #fff;
        background: var(--dark-red);
        border: 1px solid var(--dark-red);
        
        &:hover{
            background: var(--lg-red);
            border-color: var(--lg-red);
        }
    }
    
    &.outline{
        color: #fff;
        background: transparent;
        border: 1px solid #fff;
        
        &:hover{
            color: var(--dark-red);
            background: #fff;
            border-color: #fff;
        }
    }
    
    &.light-red{
        color: #fff;
        background: var(--lg-red);
        padding:4px 33px 8px;        
            
        &:hover{
            background: var(--dark-red);
        }
    }
}

/* Nav */
.navbar_type8{
    height: 120px;
    background: var(--dark-red);
    padding: 0;    
}
.navbar_type8 .logo{
    margin-left: 6rem;  
    flex: unset;
    min-width: 20%;
}
.navbar_type8 .logo img{
    padding: 0px;
    width: 100%;
    object-position: left;
}

.navbar_type8 .nav_tab{
    flex: unset;
    width: 100%;
    padding-right: 6rem;
    gap: 2.55vw;  
}
.navbar_type8 .nav_tab .nav_item:before{
    border-color: var(--primary-color);
    border-width: 2px;
    width: 0;
    transition: all .3s linear;
}
.navbar_type8 .nav_tab .nav_item a{
    color: #fff;
    padding: 0;
    font-size: clamp(0.75rem, 0.92vw, 0.92rem);
    font-weight: 500;
    text-transform: capitalize;    
}
.navbar_type8 .nav_tab .nav_item a:hover{
    color: var(--primary-color);
}
.navbar_type8 .nav_tab .nav_item:hover:before{
    width: 100%;
}

.dark_nav{
    background: rgb(115, 16, 18, .92) !important;
}

.navbar_mobile{
    background: var(--dark-red);
}
.navbar_mobile .btn-outline-light{
    color: #fff;
    border-color: #fff;
}
.navbar_mobile .logo_img{
    max-height: 35px;
}
.navbar_mobile .row_1{
  height: 100%;
  margin: 0;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu{
    top: 14px;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
  color: #ddd !important;
}

@media(max-width:1200px){
    .navbar_type8 {
        height: 100px;
    }
    .navbar_type8 .logo{
        margin-left: 3rem;
        min-width: 15%;
    }
    .navbar_type8 .nav_tab{
        padding-right: 3rem;
        gap: 3vw;
    }
}

/* Banner */
.hp_banner{
    height: 100%;
    display: flex;
    align-items: center;
}
.b-wrapper{
    display: flex;
    align-items: end;
    padding: 0 8%;  
}
.b-content{
    color: #fff;
    min-width: 73%;       
}
.c-row{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;    
    
    img{
        max-width: 23%;
    }
    
    &:before{
        position: absolute;
        content: "";
        width: 65%;
        height: 57%;
        left: -13%;
        top: 5%;
        bottom: 0;
        margin: auto;
        background: linear-gradient(to right, rgba(210, 35, 42, 0.75), transparent);
        z-index: -1;
    }
}
.b-content h2{
    font-size: clamp(1.75rem, 2.5vw, 2.5vw);
    font-weight: 700;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, .75);   
    letter-spacing: 1px;
}
.b-content h3{
    font-size: clamp(1.35rem, 2vw, 2vw);
    text-shadow: 0px 2px 8px rgba(0, 0, 0, .4);
    letter-spacing: 1px;
    margin: 0;
}

.b-deco{
    position: absolute;
    bottom: 3.5%;
    left: 5%;
    width: 41%;
}

@media(max-width:991px){
    .b-wrapper{
        align-items: center;
    }
    .c-row{
        margin: .65rem 0;
    }
    .c-row img{
        max-width: 28%;
    }
    .c-row:before{
        height: 65%;
    }
}

@media(max-width:768px){
    .slider_banner .item > img{
        min-height: 70vw;
        object-fit: cover;
    }
    .b-wrapper{
        gap: 4rem;
    }
    .b-content{
        min-width: 50%;
    }
    .b-content h2{
        font-size: 220%;
        line-height: 1.5;
    }
    .b-content h3{
        white-space: nowrap;
    }
    .c-row{
        margin: 1.75rem 0;
        
        img{
            display: none;
        }
        
        &:before{
            height: 170%;
            left: -20%;
        }
    }    
    .b-deco{
        width: 60%;
    }
}

@media(max-width:576px){
    .slider_banner .item > img{
        min-height: 160vw;
    }
    .b-wrapper{
        flex-direction: column;
        gap: 3rem;
    }
    .b-frame{
        width: 55%;
    }
    
    .b-content{
        text-align: center;
    }
    .c-row{
        justify-content: center;
    }
    .c-row:before{
        left: 0;
        width: 100%;
        height: 180%;
        background: linear-gradient(to right, transparent, rgba(210, 35, 42, 0.75), transparent)
    }
    
    .b-deco{
        width: 90%;
        left: 0;
        right: 0;
        bottom: 5%;
        margin: auto;
    }
}

/* About */
.hp_about{
    padding: var(--spadding) 0;
    background: url(https://cdn1.npcdn.net/images/B_Background_u68bt9_1777949698.jpg?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=3600&new_height=1640&type=4);
}
.abt-content .content{
    margin: 2rem 0 3rem;
}

@media(min-width:768px){
    .abt-content{
        width: 77%;
        margin: auto;
    }
}

@media(max-width:991px){
    .abt-frame{
        margin-bottom: 3rem;
    }
}

/* Service */
.index_wrapper_4{
    padding: var(--spadding) 0;
    background: url(https://cdn1.npcdn.net/images/C_Background_1r5xoq_1777952314.jpg?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=3600&new_height=3105&type=4);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hp_service .title-wrapper{    
    padding: 0 35%;
    margin-bottom: 1rem;
}

.serviceCategoryList{
    background: transparent !important;
}
.serviceCategoryList .content-box{
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 45px;
}
.serviceCategoryList .service_catbox{
    margin: 0 !important;
    padding: 15px;
}
.serviceCategoryList .service_title{
    color: #fff;
}
.serviceCategoryList .img_frame{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    
    &:after{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, .45), transparent);
        top: 0;
        left: 0;
        z-index: 0;        
    }
}
.serviceCategoryList .img_frame,
.serviceCategoryList .img_frame img{        
    width: 100%;    
    height: auto;
    aspect-ratio: 1/.8;
}
.serviceCategoryList{
    width: 73%;
    margin: auto;
    padding: 0 !important;
}
.serviceCategoryList .general_btn{
    color: #fff;
    border: unset;
    padding: 0;
    font-size: clamp(.85rem, 1vw, 1vw) !important;
    display: flex;
    gap: .2rem;
    transition: all .3s linear;
    
    &:hover{
        background: unset;
        gap: .75rem;
    }
    
    &:after{
        display: inline-flex;
        content: ">";        
    }
}
.serviceCategoryList .service_title{
    margin-bottom: 8px;
    font-size: clamp(.87rem, 1.35vw, 1.35vw);    
    font-weight: 600;
}

.hp_service_btn{
    margin-top: 2rem;
}

@media(max-width:991px){
    .hp_service .title-wrapper{    
        padding: 0 27%;        
    }
    .serviceCategoryList .service_catbox{
        padding: 8px;
    }
    .serviceCategoryList .content-box{
        padding: 28px;
    }
    .serviceCategoryList{
        width: 100%;
    }
}

@media(max-width:768px){
    .hp_service .title-wrapper{
        padding: 0 15%;
    }
    .serviceCategoryList .service_catbox{
        flex: 0 1 50%;
        max-width: 50%;
    }
}

@media(max-width:576px){
    .serviceCategoryList{
        padding: 0 7px !important;
    }
}

/* Package */
.index_wrapper_5{
    background: url(https://cdn1.npcdn.net/images/D_Background_3bfjgs_1777955317.jpg?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=3600&new_height=2263&type=4);
    background-position: center;
    background-size: cover;
    padding: var(--spadding) 0;
}
.hp_package .title-wrapper .title-box{
    padding: 0 35%;
    margin-bottom: 1.25rem;    
}

.booking-wrapper{
    position: relative;
    width: 72%;
    margin: auto;
}

.booking-row{    
    display: flex;
    gap: .5rem;    
    margin-top: 4rem;
}
.booking-box{
    color: #fff;
    background: var(--lg-red);
    width: 50%;
    padding: .35rem;
    text-align: center;
    font-size: clamp(1rem, 1.3vw, 1.3vw);
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    span{
        font-size: 1.5em;
        font-weight: 900;
        padding: 0 .2rem 0 .4rem;
    }
}

.booking-title{
    display: flex;
    align-items: center;
    gap: .5rem;
    position: absolute;
    top: -132%;
    left: 0;
}
.book-icon{
    max-width: 29%;
    animation: swing 5s linear infinite;
    transform-origin: bottom left;
}
.book-title{
    color: var(--lg-red);
    font-size: clamp(1.1rem, 1.5vw, 1.5vw);
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1.5px;   
    margin-top: .7rem;
}

.productSlider-4 .product_img .product_box{
    padding: 0.4rem !important;
    background: url(https://cdn1.npcdn.net/images/D_Product_Background_1_u1n9st_1777955317.png?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=680&new_height=938&type=4);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1.75rem !important;
}
.productSlider-4 .product_img .product_box .product_img_frame{
    border-radius: 0;    
}
.productSlider-4 .product_img .product_box .content{    
    text-align: center !important;
    margin-top: 1.5rem !important;
}
.productSlider-4 .product_img .product_box .product_price a{
    color: var(--lg-red);
    background: #fff;
    padding: 4px 25px;
    border-radius: 50px;
    font-size: clamp(.8rem, .87vw, .87vw);
    font-weight: 500;
}
.productSlider-4 .product_img .product_box .product_title{
    color: #fff;
    font-size: clamp(1rem, 1.35vw, 1.35vw);
    font-weight: 700;
}
.productSlider-4 .product_img .product_box .content_button{
    width: 100% !important;
}

@media(max-width:991px){
    .hp_package .title-wrapper .title-box{
        padding: 0 20%;        
    }
    .booking-wrapper{
        width: 100%;
    }
}

@media(max-width:768px){
    .title-wrapper{
        margin-bottom: 2rem;
    }
    .booking-row{
        flex-direction: column;        
        margin-top: 2rem;
    }    
    .booking-wrapper{
        display: flex;
        flex-direction: column-reverse;        
    }
    .booking-box{
        width: 100%;
        height: 50px;
    }
    .booking-title{
        position: unset;        
        justify-content: center;
    }
    .book-icon{
        max-width: 18%;
    }
}

@media(max-width:576px){
    .hp_package .title-wrapper .title-box{
        padding: 0 15%;        
    }
}

/* News */
.index_wrapper_6{
    background: url(https://cdn1.npcdn.net/images/E_Background_8j2fn1_1777963537.jpg?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=3600&new_height=1928&type=4);
    background-size: cover;
    background-position: center;
    padding: var(--spadding) 0;
}
.hp_news .title-wrapper .title-box{
    padding: 0 33%;
}
.hp_news .title-wrapper{
    margin-bottom: 2.25rem;
}

.hp_latest_new_8{
    width: 94%;
    margin: auto;
}
.hp_latest_new_8 .news_box{
    padding: 0;
}
.hp_latest_new_8 .news_box div:last-child{
    text-align: center;
}
.hp_latest_new_8 .news_box .img_frame{
    padding-top: 75%;
    border-radius: 20px;
}
.hp_latest_new_8 .news_box .date,
.hp_latest_new_8 .news_box .content,
.hp_latest_new_8 .news_box .title span{
    display: none;
}
.hp_latest_new_8 .news_box .title{
    margin: .35rem 0;
}
.hp_latest_new_8 .news_box .title b{
    font-size: clamp(1rem, 1.25vw, 1.25vw);    
}
.hp_latest_new_8 .news_box .read_more{
    width: fit-content;
    margin: auto;
    background: var(--lg-red);
    color: #fff;
    padding: 5px 30px 8px;
    border-radius: 50px;
    font-size: clamp(.8rem, .85vw, .85vw);
    font-weight: 500;
    transition: all .3s linear;
    
    &:hover{
        color: #fff;
        transform: scale(1.1);
    }
}

@media(max-width:991px){
    .hp_news .title-wrapper .title-box{
        padding: 0 25%;
    }
}

@media(max-width:768px){
    .hp_news .title-wrapper .title-box{
        padding: 0 18%;
    }
}

@media(max-width:568px){
    .hp_news .title-wrapper .title-box{
        padding: 0 10%;
    }
    #index_6{
        padding: 0;
    }
}

/* Cta */
.hp_cta{
    background: url(https://cdn1.npcdn.net/images/F_Background_67rl84_1777965538.jpg?md5id=0c6067e0417d32f71a6a15556ee5d6c6&new_width=3600&new_height=1676&type=4);
    background-size: cover;
    background-repeat: no-repeat;
    padding: var(--spadding) 0;
}
.cta-wrapper{
    display: flex;
    align-items: center;
}

.cta-content{
    min-width: 38%;
}
.cta-content .big-title{
    color: #eeebe0;
    font-size: clamp(2.5rem, 4.5vw, 4.5vw);
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 4rem;
    
    span{
        margin-left: 70px;
        white-space: nowrap;
    }
}
.cta-content .sub-title{
    color: #fff;
    font-size: clamp(1.5rem, 2.3vw, 2.3vw);
    font-weight: 600;
    margin-bottom: 1rem;
}
.cta-content .desc{
    color: #fff;
    font-size: clamp(1rem, 1.7vw, 1.7vw);
    font-weight: 600;
    margin-bottom: 3.25rem;    
}

.cta-frame{
    width: 100%;
}

.cta-content .main-btn:hover{
    color: var(--lg-red);
    background: #fff;
}

@media(min-width:991px){
    .cta-content .desc{
        width: 85%;
    }
}

@media(max-width:1200px){
    .cta-content .big-title{
        margin-bottom: 2rem;
    }
    .cta-content .desc{
        margin-bottom: 2rem;
    }
}

@media(max-width:991px){
    .cta-content{
        min-width: 48%;
    }
    .cta-content .desc{
        width: 75%;
    }
}

@media(max-width:768px){
    .cta-wrapper{
        flex-direction: column;
        gap: 1rem;
    }    
    .cta-content .big-title br{
        display: none;
    }
    .cta-content .big-title span{
        margin: 0;
    }
    .cta-content{
        min-width: 100%;
        text-align: center;
    }
    .cta-content .desc{
        width: 100%;
    }
}

@media(max-width:576px){
    .cta-content{
        padding: 0 8%;
    }
}

/* Footer */
.footer_type6{
    background: var(--dark-red);
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}
.footer_type6 .logo{
    padding-top: 35px;
    
    img{
        max-height: 35px;
    }
}
.footer_type6 p{
    line-height: 1.85;
}
.footer_type6 ul p{
    margin-bottom: 3px !important;
}
.footer_type6 .line{
    background: #fff;
    margin-top: 3rem;
}
.footer_type6 .input-container input{
    border-color: #fff;
}

@media(min-width:768px){
    .footer_type6 .logo{
        padding-top: 0px;

        img{
            max-height: unset;
            width: 100%;
        }
    }
}

@media(min-width:991px){   
    .footer_type6 .space-01{
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }   
}

/* main_services */
#main_services h1 {
  
    font-size: 22px;
    
}

#main_services h2 {
  
    font-size: 22px;
    
}

#main_services h3 {
  
    font-size: 18px;
    
}

/*Product Page*/
.product_list_5 .product_box .img_frame img,
.gallerycategory .img_frame img,
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}