html {
    scroll-behavior: smooth;
}

/*-- 
    - Section Padding
-------------------------------------*/
/* Padding Top Bottom */ 
.section-ptb {
    padding: 90px 0;
}    
@media (min-width: 992px) and (max-width: 1199px) {
    .section-ptb{
        padding: 80px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-ptb{
        padding: 70px 0;
    }
}
@media (max-width: 767px) {
    .section-ptb{
        padding: 60px 0;
    }
}
@media (max-width: 479px) {
    .section-ptb{
        padding: 60px 0;
    }
}

/* Section Padding Top */
.section-pt {
    padding-top: 90px;
}        
@media (min-width: 992px) and (max-width: 1199px) {
    .section-pt{
        padding-top: 80px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-pt{
        padding-top: 70px;
    }
}
@media (max-width: 767px) {
    .section-pt{
        padding-top: 60px;
    }
}
@media (max-width: 479px) {
    .section-pt{
        padding-top: 60px;
    }
}

.section-pt-60 {
    padding-top: 60px;
}    
@media (min-width: 992px) and (max-width: 1199px) {
    .section-pt-60 {
        padding-top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-pt-60 {
        padding-top: 40px;
    }
}
@media (max-width: 767px) {
    .section-pt-60 {
        padding-top: 40px;
    }
}
@media (max-width: 479px) {
    .section-pt-60 {
        padding-top: 30px;
    }
}

.section-pt-30 {
    padding-top: 30px;
}

/* Section Padding Bottom */
.section-pb {
    padding-bottom: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .section-pb {
        padding-bottom: 80px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-pb {
        padding-bottom: 70px;
    }    
}
@media (max-width: 767px) {
    .section-pb {
        padding-bottom: 70px;
    }    
}
@media (max-width: 479px) {
    .section-pb {
        padding-bottom: 60px;
    }    
}

.section-pb-60 {
    padding-bottom: 60px;
}    
@media (min-width: 992px) and (max-width: 1199px) {
    .section-pb-60 {
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .section-pb-60 {
        padding-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .section-pb-60 {
        padding-bottom: 40px;
    }
}
@media (max-width: 479px) {
    .section-pb-60 {
        padding-bottom: 30px;
    }
}
.section-pb-30 {
    padding-bottom: 30px;
}
.green-bg{
    background: #F2FCBD;
}
.orange-bg{
    background: #F4C180;
}
.brand-primary-btn{
    color: #fff;
    background-color: #52C0DA;
    border-color: #42A5BC;
}
.brand-primary-btn:hover {
    color: #fff;
    background-color: #42A5BC;
    border-color: #32899E;
}
.brand-primary-btn:focus {
    color: #fff;
    background-color: #42A5BC;
    border-color: #32899E;
}

.brand-secondary-btn{
    color: #fff;
    background-color: #009CD6;
    border-color: #00AEEF;
}
.brand-secondary-btn:hover {
    color: #fff;
    background-color: #007EC7;
    border-color: #006EAE;
}
.brand-btn{
    color: #fff;
    background-color: #B9D137;
    border-color: #9EB32C;
}
.brand-btn:hover {
    color: #fff;
    background-color: #9EB32C;
    border-color: #83961F;
}

.form-control:not(.form-control-sm) {
    padding: .810rem .96rem;
    font-size: 0.875rem;
    border: 1px solid #0086A6;
    height: inherit;
}
.form-group label{
    font-size: 0.875rem;   
}
.form-group .custom-control {
    position: relative;
    z-index: 1;
    font-size: 0.875rem;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.custom-checkbox .custom-control-label{
    font-size: 0.875rem;
}

.main_header .bottom-bar{
    padding: 10px 0px;
    background-color: #52C0DA;
}

#sidebar {
    position: fixed;
    width: 250px;
    height: 100vh;
    background: #151719;
    right: -250px;
    z-index: 111;
    transition: all 500ms linear;
    top: 0;
}
#sidebar.active {
    right: 0px;
}
#sidebar ul{
    width: 100%;
    padding-left: 0px;
}
#sidebar ul li {
    color: rgba(230, 230, 230, 0.9);
    list-style: none;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(100, 100, 100, 0.3);
}
#sidebar ul li a{
    color: rgba(230, 230, 230, 0.9);
}
#sidebar ul li a:hover{
    text-decoration: none;
}

#sidebar .toggle-btn {
    position: absolute;
    right: 284px;
    top: 10px;
}
#sidebar .toggle-btn span {
    display: block;
    width: 30px;
    height: 5px;
    background: #151719;
    margin: 5px 0px;
}


/******************** Header css End ********************/

.carousel .car-item-cus{
    height: 42rem !important;
}
.carousel .car-item-cus.active{
    /* height: 42rem !important; */
}

.indicators-slide-area{
    position: relative;
    overflow: hidden;
}
/* .indicators-slide-area .indicators-slide-set{
    padding-top: 60px;

} */
.indicators-slide-set .carousel-indicators{
    position: relative;
    justify-content: flex-start;

}
.indicators-slide-set .carousel-indicators li{
    opacity: 1;
    height: auto;
    width: auto;
    text-indent: 1px;
    text-align: center;
    
}
.indicators-slide-set .carousel-indicators li>*{
    position: relative;
    display: flex;
    flex-direction: column;
}
.indicators-slide-set .carousel-indicators li.active>*:after{
    content: "";
    width: 4px;
    height: 33px;
    background-color: #EAE522;
    margin: 0px 30px;
}
.indicators-slide-set .carousel-indicators li>*:after{
    content: "";
    width: 4px;
    height: 33px;
    background-color: transparent;
    margin: 0px 30px;
}
.indicators-slide-set .carousel-caption{
    

}
.indicators-slide-area .location-bg{
    background-color: #EAE522;
}
.indicators-slide-area .find-yatch-btn{
    text-align: right;
}


/******************** Indicators slide area css End ********************/

.content-area{
    position: relative;
}
.content-area a{
    text-decoration: none;
}
.content-area .card-horizontal-head{
    background-color: #B9D137;
    padding: 10px 15px;
}
.content-area .card-horizontal-head h4{
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.content-area .card-imgbox{
    position: relative;
    overflow: hidden;
    height: 100%;
}
.content-area .card-imgbox img {
    height: 100%;
}
.content-area .card-imgbox:before{
    content: "";
    width: 100%;
    height: 15px;
    background: #B9D137;
    position: absolute;
    bottom: 0;
    left: 0;
}
.content-area .card-detaillist{
    margin-top: 20px;
}
.content-area .card-detaillist ul{
    list-style: none;
    padding-left: 0px;
}
.content-area .card-detaillist ul li{
    text-decoration: none;
    color: #231F20;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}


/******************** home content area css End ********************/
.yatch-content-area{
    position: relative;
}
.yatch-content-area .yatch-detail-box{
    padding: 0px 40px;
}
.yatch-content-area .yatch-detail-box .text-danger{
    font-size: 18px;
    font-weight: 500;
}
.yatch-content-area .yatch-detail-box .text-danger img{
    padding-right: 2px;
}
.yatch-content-area .yatch-detail-box .total-value p{
    color: #3500a7;
    font-size: 18px;
    font-weight: 500;
}
.yatch-content-area .yatch-detail ul{
    list-style: none;
    padding-left: 0px;
}
.yatch-content-area .yatch-detail ul li{
    text-decoration: none;
    color: #42A5BC;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.yatch-content-area .yatch-detail ul li span{
    color: #222;
}
 
.yatch-content-area .cus-date-picker::placeholder{ 
    color: #fff; 
} 
.yatch-content-area .cus-date-picker:hover, .yatch-content-area .cus-date-picker:focus{ 
    color: #fff;               
} 
.yatch-content-area .cus-date-picker:focus{ 
    color: #fff;
    background-color: #009CD6;
    border-color: #00AEEF;
}
.yatch-content-area .yatch-detail-box .organization-detail{
    border: 1px solid #42A5BC;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.yatch-content-area .yatch-detail-box .organization-detail h5{
    background: #c8c8c8;
    padding: 10px 15px;
}



/******************** yatch inner content css End ********************/
.find-yatch-content-area .card a{
    text-decoration: none;
}
.find-yatch-content-area .card .card-heading h5{
    color: #222;
    margin-bottom: 0.3125rem;
}
.find-yatch-content-area .card .card-heading small{
    color: #4a4a4a;
}
.find-yatch-content-area .card .card-heading p{
    color: #42A5BC;
}
.find-yatch-content-area .card .card-heading p i{
    color: #42A5BC;
}
.find-yatch-content-area .card .card-content ul{
    list-style: none;
    padding-left: 0px;
}
.find-yatch-content-area .card .card-content ul li{
    text-decoration: none;
    color: #42A5BC;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.find-yatch-content-area .card .card-content ul li span{
    color: #222;
}
.find-yatch-content-area .filter-yatch{
    background-color: #efefef;
    border: 1px solid #ececec;
    padding: 26px 40px;
    border-radius: 0.25rem;
}
.find-yatch-content-area .card-image{
    position: relative;
}
.find-yatch-content-area .card{
    position: relative;
}
.find-yatch-content-area .dropdown-topbox{
    position: absolute;
    top: 20px;
    right: 30px;
}




/******************** find yatch content area css End ********************/

.select-option-area{
    position: relative;
}
.select-option-area .select-date-option p{
    color: #52C0DA;
}
.select-option-area .select-date-option .form-group input::placeholder{
    color: #fff;
}

.select-option-area .select-rent-option{
    color: #B9D137;
}
.select-option-area .select-date{
    color: #B9D137;
}
.select-option-area .checked-boxes{
   position: relative; 
}
.select-option-area .checked-boxes .form-check{
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}
.select-option-area .checked-boxes .form-check-label span{
    color: #52C0DA;
}
.select-option-area .accordion button{
    text-decoration: none;
}
.select-option-area .accordion button:focus{
    box-shadow: none;
}
.select-option-area .accordion .foodservice-box{
    color: #fff;
    background: #F44236;
    text-align: center;
    height: 100%;
    width: 100%;
    justify-content: center;
}
.select-option-area .accordion .foodservice-box h4{
    text-decoration: none;
}
.select-option-area .accordion .birthdayparty-box{
    color: #fff;
    background: #F4A636;
    text-align: center;
    height: 100%;
    width: 100%;
    justify-content: center;
}
.select-option-area .accordion .birthdayparty-box h4{
    text-decoration: none;
}
.select-option-area .accordion .busi-lunch-box{
    color: #fff;
    background: #b3cb10;
    text-align: center;
    height: 100%;
    width: 100%;
    justify-content: center;
}
.select-option-area .accordion .busi-lunch-box h4{
    text-decoration: none;
}
.select-option-area .accordion .card-contentbox{
    position: relative;
}
.select-option-area .accordion .org-title{
    background: #F0F0F0;
    font-weight: 600;
    padding: 10px 15px;
}

.select-option-area .accordion .org-content img{
    padding-right: 3px;
}
.select-option-area .accordion .org-content a{
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
.select-option-area .accordion .menu-lightbg{
    margin-bottom: 2px;    
}
.select-option-area .accordion .menu-box{
    background: #9DFEDC;
    padding: 12px 10px;
    font-size: 14px;
}
.select-option-area .accordion .btn-add{
    background: #02dbc4;
    padding: 8px 14px;
    border-radius: 7px;
}



/******************** select oOption area css End ********************/




/************************ profile start ****************/

.main-profile-wrap .profile-large{
    width: 8rem;
    height: 8rem;
    padding-top: 0rem;        
}
.main-profile-wrap .profile-bg{
    position: relative;    
}
.main-profile-wrap .profile-overlay{
    position: absolute;
    top: 10%;
    left: 5%;
}
.main-profile-wrap .profile-large img {
    width: 8rem;
    height: 8rem;
    border-radius: 100%;
}
.main-profile-wrap .profile-overlay .profile-title{
    color: #fff;
}
.main-profile-wrap .profile-icon-fea{
    background: #f8f8f8;
    border-radius: 8px;
    padding: 48px 0px;
}
.main-profile-wrap .profile-icon-fea img{
    margin-bottom: 1rem;
}
.main-profile-wrap .profile-icon-fea:hover{
    background: #f8f8f8;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}
.main-profile-wrap a, .main-profile-wrap .profile-icon-fea h4{
    text-decoration: none;
    color: #000;

}
/************************ profile end ****************/



/************************ profile-edit-wrap start ****************/
.profile-edit-wrap .user-detail{
    background-color: #fff;
    position: relative;
    padding:115px 0px 10px 0px;
    color:#8B8B89;
}
.profile-edit-wrap .user-detail h3{
    margin: 0px;
    margin:0px 0px 5px 0px;
    color: #000;
}
.profile-edit-wrap .user-detail p{
    font-size:14px;
}
.profile-edit-wrap .user-detail .btn{
    margin-bottom:10px;
    background-color: #fff;
    border:1px solid #DEDEDE;
    border-radius: 0px;
    color:black;
}
.profile-edit-wrap .user-detail .btn i{
    color:#D35B4D;
    padding-right:18px;
}
.profile-edit-wrap .profile-pic{
    position: absolute;
    height:120px;
    width:120px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    z-index: 1001;
    padding: 10px;
}
.profile-edit-wrap .profile-pic img{   
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px #c1c1c1;
    cursor: pointer;
    width: 100px;
    height: 100px;
}
.profile-edit-wrap .upload-overlay{
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px #c1c1c1;
    cursor: pointer;
    width: 32px;
    height: 32px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 1;
}
.profile-edit-wrap .upload-overlay img{
    border-radius: 0px;
    box-shadow: none;
    width: 16px;
    background: #fff;
    height: 16px;
}
.profile-edit-wrap .hidden-load{
    display: none;
    visibility: hidden;
}
/************************ profile-edit-wrap end ****************/



/************************ booked-orders start ****************/
.find-yatch-content-area .card .card-content .booked-sec-color li{
    color: #f44336;
}
/************************ booked-orders end ****************/




/************************ messages-area start ****************/
.messages-area .msg-box{
    background: #f7f7f7;
    border-radius: 8px;
    padding: 20px 16px;
    cursor: pointer;
    margin-bottom: 1.5rem;
    border: 1px solid #f0f0f0;
}
.messages-area .msg-box .null-right{
    color: #1da8db;    
}
.messages-area .msg-box:hover{
    background: #fff;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 10%);
}
/************************ messages-area end ****************/



/******************** booked detail start ********************/
.yatch-content-area .yatch-detail-box .book-yat-colr{
    color: #B9D137;
    text-transform: uppercase;
    font-weight: 700;
}
.yatch-content-area .yatch-detail-box .org-title {
    background: #F0F0F0;
    font-weight: 600;
    padding: 10px 15px;
}
.yatch-content-area .yatch-detail-box .org-content{
    margin-bottom: 2px;
}
.yatch-content-area .yatch-detail-box .menu-box{
    background: #f7f7f7;
    padding: 12px 10px;
    font-size: 13px;
}
.yatch-content-area .yatch-detail-box .bok-cor{
    color: #42A5BC;
}
.yatch-content-area .yatch-detail-box .yatch-detail{
    position: relative;
}
.yatch-content-area .yatch-detail-box .messages-green{
    position: relative;
    top: -20px;
}    
.yatch-content-area .yatch-detail-box .messages-green a{
    padding: 20px 10px;
}
.yatch-content-area .yatch-detail-box .messages-green a svg{
    margin-right: 5px;
}
.yatch-content-area .yatch-detail-box .messages-green a svg path{
    fill: #9DBD69;  
}
.yatch-content-area .yatch-detail-box .messages-orange{
    position: relative;
    top: 0px;
}    
.yatch-content-area .yatch-detail-box .messages-orange a{
    padding: 18px;
}
.yatch-content-area .yatch-detail-box .messages-orange a svg{
    margin-right: 5px;
}
.yatch-content-area .yatch-detail-box .messages-orange a svg path{
    fill: #C5592D;  
}


/******************** booked detail End ********************/





.main_footer .top_bottom {
    background-color: #42A5BC;
    padding: 20px 0px 30px;
    position: relative;
}
.main_footer .top_bottom .copyright_text p {
    color: rgba(255, 255, 255, 0.60);
}
.main_footer .top_bottom .copyright_text a {
    color: rgba(255, 255, 255, 0.60);
    margin-bottom: 10px;
}
.main_footer .top_bottom .copyright_text a:hover {
    color: #fff;
}
.main_footer .top_bottom .social_link {
    float: right;
}
@media (max-width: 575.98px) {
    .main_footer .top_bottom .social_link {
        float: none;
        text-align: center;
        padding: 10px 0px;
    }
}
.main_footer .top_bottom .social_link ul{
    margin-bottom: 0;
}
.main_footer .top_bottom .social_link ul li {
    margin-left: 20px;
    display: inline-block;
}
.main_footer .top_bottom .social_link ul li a {
    color: rgba(255, 255, 255, 0.60);
    cursor: pointer;
    display: block;
}
.main_footer .top_bottom .social_link ul li a i{
    font-size: 18px;
}
.main_footer .top_bottom .social_link ul li a:hover {
    color: #fff;
}


/******************** Footer css End ********************/
@media (max-width: 575.98px) {
    .carousel-inner .carousel-caption h1{
        font-size: 1.5rem;
    }
    .select-option-area .accordion .org-content{
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .yatch-content-area .yatch-detail-box{
        padding: 0px 20px;
    }
    .indicators-slide-area .find-yatch-btn{
        text-align: center;
    }
    .indicators-slide-set .carousel-indicators{
        position: relative;
        justify-content: center;
    }
    .profile-edit-wrap .profile-pic{
        position: relative;
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {

}
@media (max-width: 1199.98px) {
    .carousel .carousel-item{
        /* height: 100%; */
    }
}

/******************** Responsive css End ********************/