@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font-family: "Cormorant Garamond", serif; font-weight: 400; color: #000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Oswald", sans-serif; */
/* font-family: "Manrope", sans-serif; */



em{font-style: normal;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem 0;}
.mtt{margin-top: 9rem;}
.as_btn{height: 5rem; line-height: 5rem; padding: 0 3rem; position: relative; display: inline-block; margin-top: 2.5rem; text-transform: uppercase; font-weight: 600; border-radius: 1.5rem; color: #fff;  background: #000; transition: all .3s ease-in-out; font-size: 1.4rem; letter-spacing: .2rem; text-align: center;}
.as_btn::before{content: ''; position: absolute; top: -.5rem; left: -.5rem;  right: -.5rem;  bottom: -.5rem; border-radius: .4rem; border: .1rem dotted  #c4a676 ; ; transition: all .3s ease-in-out;}
.as_btn:hover{background-color: palevioletred; color: #000;}
.sub_heding{color: #000; text-transform: uppercase; font-size: 1.6rem; line-height: 1.4rem; letter-spacing: .2rem; display: block; padding-bottom: 1rem;}
h1,h2{  font-family: "Dancing Script", cursive;font-optical-sizing: auto;font-weight: 700; color: palevioletred; text-transform: capitalize; font-size: 4rem; line-height: 3.5rem;}
h6{ font-family: "Roboto", sans-serif; color: var(--black); text-transform: capitalize; font-size: 1.8rem; }
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize;  color: var(--black);  font-family: "Roboto", sans-serif;}
p{font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #fff; }

/*head_sec*/
.head_top{background: #000; color: #fff; padding: 1rem;}
.head_top .contact_box{justify-content: space-between; align-items: center; position: relative;}
.head_left h4{font-size: 20px;}
.mail em{width: 3.5rem; height: 3.5rem; border-radius: 100%;  margin-right: 1.5rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px;}
.mail{display: inline-flex; justify-content: center;}
.mail span{font-size: 20px; color: #fff;}
.head_in li{color: #fff; display: inline-block; font-size: 20px;}
.head_in li a{color: #fff; margin-right: 1rem;}
.head_in li:last-child a{margin-right: 0;}
.head_in .icon_text{padding-right: 1rem;}

.head_button{background: pink;padding: 1rem 0;}
.logo{width: 8rem;}
.head_nav li{margin-right: 4rem; font-size: 20px; text-transform: capitalize;}
.head_nav li a{color: #000;}
.head_nav li a:hover{color: #000;}
.head_icon{font-size: 24px;}
.head_nav{padding-right: 1rem; position: relative;}
.head_nav li:last-child a { margin-right: 0;}

/*banar_sec*/
.banar_sec{position: relative;}
.banar_img{padding: 30rem 0 10rem 0;}
.banar_img::before{background: rgba(0, 0, 0, .3); width: 100%; height: 100%; top: 0; left: 0; content: ""; position: absolute;}
.banar_img img{object-fit: cover; width: 100%;}
.banar_text{text-align: center; position: relative; padding: 4rem 0;}
.banar_text strong{font-size: 5rem; color: #fff;font-weight: 700; text-transform: capitalize; font-family: "Dancing Script", cursive; font-optical-sizing: auto;}

/* .banar_text .pt_1{padding: 1rem 0;} */

/*about_sec*/
.about_text .pt_2{padding-top: 1rem; color: #000; padding-right: 2rem;}
.about_text h3 span{width: 100%; display: inline-block; font-size: 40px;}
.about_text h3{font-size: 40px;}
.about_img img{border-radius: 15px; height: 400px; object-fit: cover;}

/*service*/

.service_img{ position: relative;}
.service_img img{ object-fit: cover; height: 100%;}
.service_text{padding: 1rem; border: 5px solid palevioletred; border-radius: 15px; background: peachpuff; position: relative;  margin: -4rem 2.5rem 0 2.5rem;}
.service_text .pt_2{color: #000; font-size: 16px; padding-top: 1rem;}
.service_text h3{font-size: 25px; color: #000;}
.other_slider_btn .owl-item {transform: scale(0.85); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-item.active.center{transform: scale(1.03); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-nav{text-align: center; line-height: 6rem; font-size: 0; padding: 1rem 0; display: flex; align-items: center; justify-content: end;}
.other_slider_btn .owl-prev, .other_slider_btn .owl-next{width: 3rem; color: #fff; height: 3rem; margin: 0 .7rem; line-height: 30px; text-align: center; border-radius: 100%; display: inline-block; background: #000;}
.other_slider_btn .owl-prev::before, .other_slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem; line-height: 3rem;}
.other_slider_btn .owl-next::before{content: "\f105";}
  

/*contact_page*/
.from_box .as_btn{ margin-left: 1rem;}
.from_box{background: #000; padding: 1rem; margin: 5rem; border-radius: 10px;}
.f_box{width: 100%; padding: 1rem; font-size: 20px; margin-top: 1rem; border-radius: 10px;}


/*gallare_sec*/
.gallare_img img{height: 100%; object-fit: cover; border-radius: 15px; margin-top: 2rem;}
.gallare_sec .container{max-width: 100%;}

/*destdeal_sec*/
.destdeal_sec h3{font-size: 50px;}
.deal_one{margin-top: 2rem;}
.spceial_box{background: pink; border-radius: 10px; padding: 1rem; text-align: center; color: #000;}
.spceial_box:hover{background: palevioletred;}
.spceial_box img{height: 8rem;}
.deal_two{margin-top: 2rem;}
.box_p{border: 2px dotted palevioletred; padding: 1rem; margin-top: 1rem;}
.box_p:hover{background: palevioletred; color: #fff;}
.spceial_img img{height: 8rem;}
.service_name h3{font-size: 22px;}
.service_name h3 span{display: inline-block; width: 100%;}
.service_name{padding-left: 2rem;}

/*team_sec*/
.team_text{padding-top: 2rem;}
.team_text h3{font-size: 25px; text-transform: capitalize;}
.team_text h3 span{width: 100%; display: inline-block; font-size: 25px;}
.team_icon i{font-size: 22px; color: #000; margin-right: 1rem; margin-top: 1.5rem;}    
.team_box{border: 5px solid wheat; background: pink; height: 440px; width: 327px; padding: 2rem; }
.other_slider_btn .owl-item {transform: scale(0.85); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-item.active.center{transform: scale(1.03); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-nav{text-align: center; line-height: 6rem; font-size: 0; padding: 1rem 0; display: flex; align-items: center; justify-content: end;}
.other_slider_btn .owl-prev, .other_slider_btn .owl-next{width: 3rem; color: #fff; height: 3rem; margin: 0 .7rem; line-height: 30px; text-align: center; border-radius: 100%; display: inline-block; background: #000;}
.other_slider_btn .owl-prev::before, .other_slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem; line-height: 3rem;}
.other_slider_btn .owl-next::before{content: "\f105";}


/*footer_sec*/
.footer_sec{background: #000;}
.footer_text h4{color: #fff; font-size: 40px;}
.footer_text .pt_3{color: #fff; padding: 2rem 0;}
.footer_text{padding: 5rem 0; text-align: center;}
.footer_icon i{color: #fff; font-size: 20px; border-radius: 100%; border: 2px solid #fff; width: 4rem; height: 4rem; line-height: 4rem; margin-right: 1rem;}


/*about_page*/
.banar_text .banar_t{background: #000; border-radius: 10px; padding: 1rem; position: absolute; top: 3rem; left: 3rem;}
.banar{padding: 15rem 0 6rem 0; position: relative;}

/*facher_sec*/
.facher_sec{position: relative;}
.facher_sec::before{background: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%;}
.facher_img img{border-radius: 100%; width: 12rem; height: 12rem; border: 2px solid #fff; object-fit: cover;}
.facher_box{text-align: center; position: relative;}
.facher_box h3{font-size: 35px; text-transform: capitalize; color: #fff; padding-top: 1rem;}


/*blog_sec*/
.blog_img img{height: 100%; object-fit: cover;}
.blog_text{padding-top: 2rem;}
.blog_b{margin-top: 2rem;}
/*artical_blog*/
.artical_img .container{max-width: 100%;}
.blog_ig img{height: 400px; object-fit: cover;}

/*blag_p*/
.blag_artical .blag_one:nth-child(even) .row{flex-direction: row-reverse;}
.bl_img img{height: 100%; object-fit: cover;}
.blag_one{margin-top: 1rem;}
.blog_tx h4{font-size: 40px; line-height: 6rem; color: rgb(144, 89, 23);}
.blog_tx h4 span{width: 100%; display: inline-block; font-size: 40px; color: #000;}


/*booking*/
.wrapper {
    margin: 15px auto;
    max-width: 1100px;
}

.container-calendar {
    background: #ffffff;
    padding: 15px;
    max-width: 475px;
    margin: 0 auto;
    overflow: auto;
}

.button-container-calendar button {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #00a2b7;
    color: #fff;
    border: 1px solid #0aa2b5;
    border-radius: 4px;
    padding: 5px 10px;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td, .table-calendar th {
    padding: 5px;
    border: 1px solid #e2e2e2;
    text-align: center;
    vertical-align: top;
    font-size: 18px;
}

.date-picker.selected {
    font-weight: bold;
    outline: 1px dashed #00BCD4;
}

.date-picker.selected span {
    border-bottom: 2px solid currentColor;
}

/* sunday */
.date-picker:nth-child(1) {
  color: red;
}

/* friday */
.date-picker:nth-child(6) {
  color: green;
}

#monthAndYear {
    text-align: center;
    margin-top: 0;
    font-size: 25px;
}

.button-container-calendar {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    clear: both;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
    font-size: 18px;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}

.calender_time li{font-size: 22px; padding-top: .5rem;}
.calender_con li{font-size: 22px; padding-top: .5rem;}
.calendar_text h4{font-size: 30px;}
.calendar_text h4 span{width: 100%; display: inline-block;}

/*contact_box*/
.location_b{background: palevioletred; color: #000; padding: 1rem; text-align: center;}
.location_b h3{font-size: 30px; padding-top: 1rem;}
.location_b h4{font-size: 20px;}
.location_b h4 span{width: 100%; display: inline-block;}
.location_b img{height: 5rem;}

/*contact_page*/
.contact_page .container{max-width: 100%;}
.from_img{width: 100%;}
.from{background: #000; padding: 1.5rem;}
.from_b{width: 100%; height: 51px; margin-top: 1.5rem; font-size: 20px; padding-left: 1rem; border-radius: 10px;}
.from .from_ms{width: 100%; height: 88px; margin-top: 1.5rem; font-size: 20px; padding-left: 1rem; border-radius: 10px;}
.from .as_btn{margin-left: 1rem;}
.from h3{font-size: 40px; color: #fff; text-transform: capitalize;}

/*testemonial_sec*/
.testemonial_box{margin-top: 2rem;}
.testemonial_taxt h3{font-size: 70px;}
.testemonial_taxt .pt_2{color: #000; padding-top: 1rem;}
.man_img img{height: 8rem; object-fit: cover;}
.come_img img{height: 7rem;}
.testemonial_tx h4{font-size: 20px; padding-left: 1rem;}
.testemonial_tx{justify-content: space-between; align-items: center;}
.testemonial_sec .pt_2{color: #000; font-size: 20px; padding-top: 1rem;}
.other_slider_btn .owl-item {transform: scale(0.85); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-item.active.center{transform: scale(1.03); transition: 0.4s all ease-in-out;}
.other_slider_btn .owl-nav{text-align: center; line-height: 6rem; font-size: 0; padding: 1rem 0; display: flex; align-items: center; justify-content: end;}
.other_slider_btn .owl-prev, .other_slider_btn .owl-next{width: 3rem; color: #fff; height: 3rem; margin: 0 .7rem; line-height: 30px; text-align: center; border-radius: 100%; display: inline-block; background: #000;}
.other_slider_btn .owl-prev::before, .other_slider_btn .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem; line-height: 3rem;}
.other_slider_btn .owl-next::before{content: "\f105";}





/*responciv*/
@media only screen and(max-width: 1400px){
}





@media only screen and(max-width: 1200px){
}





@media only screen and (max-width: 1199px){
    
    .head_nav li{font-size: 17px;}
    .team_box{width: auto; height: auto;}
    .team_text h3 span { font-size: 20px;}
    .team_icon i { font-size: 20px;}
    .team_text h3 { font-size: 20px;}
    .about_text h3 span{font-size: 30px;}
    .about_text h3 { font-size: 30px;}
    .services_box{margin-top: 0;}
    .destdeal_sec .coll{margin-top: 1rem;}

    .blog_text h4{font-size: 20px; text-align: center;}
    
}





@media only screen and (max-width: 991px){
    .service_rs h4{font-size: 1.5rem;}
    .service_name h3 { font-size: 18px;}
    .spceial_img img { height: 6rem;}
    .testemonial_taxt h3 { font-size: 40px;}
    .testemonial_sec .pt_2{font-size: 18px;}
    .team_text h3 span { font-size: 22px;}
    .as_btn{display: none;}
    .spceial_box img { height: 6rem;}
    .spceial_box h4{font-size: 20px;}
    .about_img{margin-top: 1rem;}
    /* .blog_ig img { height: auto; object-fit: cover;} */
    .blag_one{margin-top: 0;}
    .bl_img img{height: auto;}
    .blog_tx h4 { font-size: 25px;}
    .blog_tx h4 span{font-size: 25px;}
    .bl_img img{height: auto;}
    .banar_text strong { font-size: 4rem;}
    
  
    .head_nav li a{ padding: 1.5rem; margin: 0; display: block;  width: 100%; border-bottom: .1rem dashed #000;}
    .nav_top .navbar-collapse{position: fixed; top: 0;  left: -30.10rem;  background: pink;  z-index: 999999; width: 23.80rem; padding: 2.5rem 1rem;  height: 100% !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid #fff;}
    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: #fff; opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;} 
}






@media only screen and (max-width: 767px){

    .container{max-width: 100%;}
    .mail span{font-size: 18px;}
    .banar_img { padding: 7rem 0 4rem 0}
    .logo { width: 6rem;}
    .about_img img{height: auto; margin-top: 1rem;}
    .about_sec{padding: 4rem 0;}
    .service_sec{padding: 4rem 0;}
    .contact_bg{padding: 4rem 0;}
    .deal_one .row{justify-content: center;}
    .destdeal_sec{padding: 4rem 0;}
    .gallare_sec{padding: 4rem 0;}
    .gallare_sec .row{justify-content: center;}
    .testemonial_sec{ padding: 4rem 0;}
    .testemonial_taxt h3 { font-size: 30px;}
    .team_sec{padding: 4rem 0;}
    h1 ,h2{font-size: 3rem;}
    .destdeal_sec h3 { font-size: 30px;}
    .service_name h3{font-size: 20px;}
    .service_name h3 span{font-size: 20px;}

    .banar { padding: 10rem 0 3rem 0;}
    .banar_text strong { font-size: 3rem;}
    .logo { width: 4rem; }

    .facher_sec{padding: 4rem 0;}
    .blog_sec{padding: 4rem 0;}
    .blog_ig{padding: 4rem 0;}
    .blag_artical{padding: 4rem 0;}
    .blog_tx h4{line-height: 4rem; font-size: 22px;}
    .blog_tx h4 span {font-size: 22px;}
    .contact_bx{padding: 4rem 0;}
    .from h3 { font-size: 30px;}
    .contact_page{padding: 4rem 0;}
    .booking_page {padding: 4rem 0;}
    .calender_time li{font-size: 20px; padding-top: .5rem;}
    .calender_con li{font-size: 20px; padding-top: .5rem;}
    .calendar_text h4{font-size: 25px;}

}






@media only screen and (max-width: 575px){
    .mail span { font-size: 16px;}
    .head_in .icon_text{display: none;}
    .head_in li a{margin-right: .5rem;}
    .mail em { height: 2.5rem; margin-right: 0.5rem;}
    .banar_text strong { font-size: 2rem;}
    .banar_img { padding: 4rem 0 2rem 0;}
    .logo { width: 4rem;}
    .about_text h3 {font-size: 25px;}
    .about_text h3 span { font-size: 25px;}
    .services_box{width: auto; height: auto;}
    .service_img img { object-fit: cover;  height: auto;}
    /* .service_text{ margin-left: 2px;} */
    .from_box{margin: 1rem;}
    .about_text .pt_2 { display: none;}
    .banar { padding: 5rem 0 1rem 0;}
    .logo { width: 3rem;}
    .footer_text h4{font-size: 35px;}
    .location_b{margin-top: 1rem;}
    .location_b img { height: 4rem;}
    .location_b h3 {font-size: 26px;}
    .location_b h4 { font-size: 18px;}
    
  
    
    
    
    
}