html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:.5rem;margin-bottom:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:.9rem}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*,:after,:before{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{page-break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}

button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:1rem;
    line-height:1.5;margin:0
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{

    width:100%;border:1px solid #666;
   /* border-radius:3px*/;
   padding:.5rem 1rem;
    /*-webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s*/
}
input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;/*-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s*/
}
[type=button]:focus,[type=submit]:focus,button:focus{outline:5px auto -webkit-focus-ring-color}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;background-color:#c36;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-bottom:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843137255)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-top:1px solid hsla(0,0%,50.2%,.5019607843137255)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.07058823529411765)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.10196078431372549)}table tbody+tbody{border-top:2px solid hsla(0,0%,50.2%,.5019607843137255)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-top:0;margin-bottom:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{
    background-color: #F8D9D680;
    font-family: sans-serif;

}
.parent_book_now{
    width: 100%;
    margin: 0 auto;
}
.book_now_container{
    display: flex;
    gap:20px;
    width: 1270px;
    margin: 0 auto;
}

.book_now{
    width: 80%;
    margin: 0 auto;

}

@media  screen () {
    
}


.intro_details{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.intro_details_h{
    font-size: 40px; 
    line-height: 48px;
     text-align: center; color: rgba(23.38, 23.38, 23.38, 1);
      text-transform: capitalize;
      font-size: 400;
      font-family: 'Poppins';
}
.intro_details_p{
    font-size: 17px;
     line-height: 20px; 
     text-align: center; 
     color: rgba(23.38, 23.38, 23.38, 1);
     /* width: 672px; */
    max-width: 672px;
    margin: 0 auto;
    font-family: 'Poppins';
    font-weight: 400;
}
.steps{
    background-color: #F3F3F3;
    max-width: 826px;
    border-radius: 16px;
    padding: 0 37px;
    margin-top: 64px;
     box-shadow: 1px 4px 4px 0px #00000040;

}
.details{
   
    max-width: 411px;
    /*padding: 0 37px;*/
    height: fit-content;
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    

}
.details_col_1{
 background-color: #F3F3F3;
 padding: 12px 26px;
    box-shadow: 1px 4px 4px 0px #00000040;
    border-radius: 16px;
}
.details_col_2{
    margin-top: 64px;
 background-color: #F3F3F3;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 16px;

}
.details_col_2_header{
    border-bottom: 1px solid ;
    padding: 19px 0;
    text-align: center;

}
.details_col_2_footer{
    border-top: 1px solid ;
    padding: 19px 30px;
    display: flex;
    justify-content: space-between;
    
}
.details_col_2_footer p{
font-size: 30px; line-height: 48px; text-align: center; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize;
    margin: 0;
}
.details_col_2_footer .p2{
font-size: 30px; line-height: 48px; text-align: center; color: #32B87F; text-transform: capitalize;
    margin: 0;
}

.details_col_2_header p{

    font-size: 30px; line-height: 48px; text-align: center; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize;
    margin: 0;
}
.details_col_2_container{
  padding: 20px 32px;
}
.details_col_2_flex{
    display: flex;
    gap:20px;
    padding-top: 30px ;
    align-items: center;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}


.steps_header{
    padding: 60px 0;
    border-bottom: 1px solid #1717172B;
}


/**************** Steps Card ***********************/
.steps_card{
    padding-top: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid #1717172B;
}
.steps_header_h{
    padding-top: 40px ;
    font-size: 40px; line-height: 48px; text-align: center; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize; font-weight: 400; font-family: 'Poppins';

}
.steps_header_p{
    font-size: 17px; line-height: 20px; text-align: center; color: rgba(23.38, 23.38, 23.38, 1); font-weight: 400; font-family: 'Poppins'; 

}
.steps_header_p.b_margin{
    margin-bottom: 35px;
}
.svg_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    font-size: 25px; line-height: 33.67px; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize; font-weight: 400; font-family: 'Poppins';
   
    text-align: center;
}
.svg_container img{
    margin: 0 auto;
    max-width: 109px;
    max-height: 119px;

}
.steps_card_details_p{
    font-size: 30px; line-height: 48px; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize; font-weight: 400; font-family: 'Poppins';
}
.steps_card_details_p2{
    font-size: 17px; line-height: 20px;  color: rgba(23.38, 23.38, 23.38, 0.40); font-weight: 400; font-family: 'Poppins';
}
.input_group{
    
    padding-top:10px;
}
.input_group_inner{
    padding-top:20px;
    display: flex;
     gap: 20px;
}
.steps_input{
    border-radius: 16px;
    border-color: #17171780;
    padding: 16px 24px;
    background-color: transparent;
    width: 100%; 
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
}
select.steps_input{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    color: rgba(0, 0, 0, 0.4);
}

.step_radio_box{
    display: flex;
    justify-content: end;
    padding-top: 24px;
    font-size: 12px; line-height: 20px; text-align: center; color: rgba(23.38, 23.38, 23.38, 0.40);
}
/****************End  Steps Card ***********************/
/******************Dropdown **************************/ 
.dropbtn {

  color: #00000066;

  font-size: 16px;
  min-width: 200px; 
  text-align: left;
  border-radius: 16px;
    border-color: #17171780;
    padding: 16px 24px;
    background-color: transparent;
    width: 100%; 
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: transparent;
}

/******************end Dropdown **************************/ 
/* type of service */
.custom-select {
  position: relative;
  border: 1px solid #17171780;
  color: #17171780;
  width: 100%;
  border-radius: 16px;

}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins';
  
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 20px;
  width: 0;
  height: 0;
  border: 6px solid #17171780;
  border-color: #17171780 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #17171780 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #17171780;
  padding: 16px 24px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: rgb(238, 242, 244);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/***********************Step 4 *********************/
.extras_container{
    display: flex;
    flex-wrap: wrap;
    gap:42px;
}   


.extras_card{
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    
    max-width: 158px;
}
.extras_svg{
    margin: 0 auto;
    /*padding: 30px 64px;*/
    border: 1px solid #17171780;
    border-radius: 16px;
    width: 158px;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.extras_svg img{
    width: 50px;
}
.extras_svg:hover{
  background-color: #ebe3e3;
}
.extras_svg svg{
    width: 50px;
    height: 50px;
}
.extras_details p{
    text-align: center;
}

/*Button Group************************/
.btn_group{
   display: flex;
   gap:20px;
   position: relative;
}
.btn_group span{
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    left: 350px;
    top: 20px;
    color: rgba(0, 0, 0, 0.4);
}
.btn_group button {
    width: 100%;
    background: #171717;
    text-align: center;
    padding: 16px;
    border-radius: 100px;
    color: rgba(248, 217, 214, 1);
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    font-family: 'Poppins';
}

/*****************Service timer Card*********************/
.service_timer_card{
    width: 158px;
    max-width: 158px;
    border: 1px solid #171717;
    padding: 9px 0;
    text-align: center;
    border-radius: 16px;
    color: #00000066;
}
.service_timer_card:focus{
    background-color: #171717;
    color: white;
;
}
.border_div{
    border-radius: 16px;
    border: 1px solid#17171780;
    padding: 10px 32px;
}

/******************************  Step 5 ****************************/
.cards_img_container{
    padding: 20px 0;
    display: flex;
    gap: 6px
}
.check_box_container{
    display: flex;
    gap:20px;
}
.btn_container button{
     width: 147px;
    background: #171717;
    text-align: center;
    padding: 16px;
    border-radius: 100px;
    color: white;
    font-size: 14px; line-height: 100%;
}

.btn_container{
    display: flex;
    justify-content: center;

}
input{
    outline: none;
}

/***********************************Details********************/
.details_card{
    padding-top:48px ;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    color: #171717;
}
.details_card img{
    margin: 0 auto;
}
.deatils_card_p{

    font-size: 25px; line-height: 30px; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize;
}
.details_card_p2{

    font-size: 17px; line-height: 20px; text-align: center; color: rgba(23.38, 23.38, 23.38, 0.40); font-weight: 400; font-family: 'Poppins';
}
/***********************************Details********************/
.details_col_2 p{
    font-size: 30px; line-height: 48px; text-align: center; color: rgba(23.38, 23.38, 23.38, 1); text-transform: capitalize; font-weight: 400; font-family: 'Poppins';
}
.details_col_2_header{
  border-bottom: 1px solid #1717172B;
}
.customer-btn{
    text-align: center;
}
.customer-btn span{
    font-size: 19px;
    font-weight: 600;
    font-family: 'Poppins';
    color: rgba(23.38, 23.38, 23.38, 1);
    border: 5px solid #F8D9D680;
    padding: 8px 105px;
}
.customer-btn span a{
    text-transform: uppercase;
    font-weight: 400;
     font-family: 'Poppins';
     text-decoration: none;
}