/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/* General styling */

:root {
    --background-color: #FFF;
    --ff-header: 'Bebas Neue', cursive;
    --ff-text: 'Montserrat', sans-serif;

    --ff-profile: 'Van Basten Bold', sans-serif;
    --btn-secondary: #a1a1a1;
}


/* Typography */

body {
    font-family: var(--ff-text) !important;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Regular.eot');
    src: local('/skins/admin/default/css/fonts/proxima-nova/Proxima Nova Regular'), local('ProximaNova-Regular'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Regular.woff2') format('woff2'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Regular.woff') format('woff'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt-Lt';
    src: url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Semibold.eot');
    src: local('/skins/admin/default/css/fonts/proxima-nova/Proxima Nova Semibold'), local('ProximaNova-Semibold'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Semibold.woff2') format('woff2'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Semibold.woff') format('woff'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Light.eot');
    src: local('/skins/admin/default/css/fonts/proxima-nova/Proxima Nova Light'), local('ProximaNova-Light'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Light.woff2') format('woff2'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Light.woff') format('woff'),
        url('/skins/admin/default/css/fonts/proxima-nova/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}




.header {
    font-family: var(--ff-header);
    font-size: 2.7rem;
    position: relative;
}

.header::before {
    content: '';
    position: absolute;
    top: -20%;
    left: 0;
    width: 40%;
    height: 16%;
    color: black;
    background: #212529;
}

a,
a:hover,
a:visited,
a:focus,
a:active {
    color: #000;
}



/* FORM CONTROL */

/* INPUT */
.form-control {
    border-radius: 0;
    border: 0.5px solid #0000005c !important;
    margin-bottom: 10px;
    line-height: 2rem;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group {
    position: relative;
}
.form-group1.input-container.col-md-4.mm-grp input:focus ~ label,
.form-group1.input-container.col-md-4.mm-grp input:not(:placeholder-shown) ~ label {
  top: 6px !important;
  font-size: 10px !important;
  color: black;
}
.form-group>label,
.card-details label {
    position: absolute;
    font-size: 16 !important;
    margin: 1px 10px;
    top: 14px !important;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: 1 !important;
}

.form-group>select:focus-within~label,
.form-group>input:focus-within~label,
.card-details input:focus-within~label {
    opacity: 1;
    top: -20%;
    background: white;
}

#newCustomer .form-group select {
    height: 100%;
}


.total input[readonly] {
    padding: 1px 15px;
    margin: 0 !important;
    border: none !important;
    cursor: default;
    text-align: end;
    width: 100%;
}

.total input[readonly]:focus-visible {
    outline: none;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}
/* Default style when the button is enabled */
.slot-book-now {
  background-color: #444 !important;
    color: #f1f1f1; 
    border: 1px solid #444444;
    transition: all 0.3s ease-in-out;
}

/* When the button is disabled */

.slot-book-now:disabled,
.slot-book-now[disabled] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    cursor: not-allowed;
    pointer-events: none;
    
}


/* Hover effect to make sure styles apply */
.slot-book-now:hover:not(:disabled) {
    background-color: #4d4c4c !important; 
    color: #ffffff; 
    border: 1px solid #333333;
}

.form-check-input:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}


/* Accordion */
.accordion-item {
    border: none !important;
    border-radius: 0 !important;

}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}

.accordion-button:focus {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* Modal */



#reserveSlotModal .modal-content {
    width: 100%;
}



#newCustomer .quick-reserve,
#newCustomer .full-reserve {
    padding: 1% 2%;
    margin-bottom: 2%;
    -webkit-box-shadow: #00000012 4px 5px 9px 4px;
    box-shadow: #00000012 4px 5px 9px 4px;
}

#newCustomer .quick-reserve-final-payments p,
#newCustomer .cart_total p {
    margin-bottom: 0;
    margin-top: 0;

}



#newCustomer .modal-header,
.modal-footer {
    padding: 0;
    border: none !important;
}


#newCustomer .payment-details p {
    font-weight: normal;
}

/* Buttons */
.btn {
    border-radius: 0;
}

.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input::-webkit-file-upload-button {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.btn-primary,
.btn-success,
input::file-selector-button {
    /* background: #000 !important; */
    background: #444 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
    background: #fff !important;
    border-color: #000 !important;
    color: #000 !important;
}

.btn-primary[disabled]:hover,
.btn-success[disabled]:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    cursor: not-allowed !important;
}

/* Button inverse */
button.btn-inverse,
a.btn-inverse {
    background: #000;
    color: #fff;
    border-color: #000;

}

button.btn-inverse:hover,
a.btn-inverse:hover {
    background: #fff;
    color: #000;
    border-color: #000
}

/* Button  secondary*/
button.btn-secondary,
a.btn-secondary,
.button-secondary {
    background: #fff;
    color: var(--btn-secondary);
    border: 1px solid var(--btn-secondary);

}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    color: #000 !important;
    background: #fff;
    border: 1px solid #000;
}

/* CSS GRID */


/* Checkout grid */
.checkout-grid {
    display: -ms-grid;
    display: grid;

    -ms-grid-rows: auto 3rem auto 3rem auto;

    grid-template-rows: auto auto auto;
    -ms-grid-columns: 70% 30%;
    grid-template-columns: 70% 30%;
    grid-template-areas: "checkout checkout"
        "total total"
        "card card";
    grid-row-gap: 3rem;

}

.checkout {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: checkout;
}

.total {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: total;
}

.card {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: card;
}

/* Profile section */

.profile {
    display: -ms-grid;
    display: grid;
    grid-template-areas:
        "img text"
        "img small";
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: 40% auto;
    grid-template-columns: 40% auto;

}

.profile img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: img;
    -webkit-clip-path: circle(35% at 50% 40%);
    clip-path: circle(35% at 50% 40%);
    width: 100%;
}

.profile h4 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    font-family: var(--ff-profile);
    grid-area: text;
    font-size: 1.6em;
    -ms-grid-row-align: center;
    align-self: center;

}

.profile small {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: small;
}

.profile h4::before {
    content: "Hi, I'm your photographer "
}

.profile h4::after {
    content: '!'
}


/* SESSIONS */

.li-photo-sessions-month:last-of-type {
    padding-bottom: 20px;
}

/* TIME SLOTS */
.time-slots {
    display: block !important;
    -webkit-column-count: 3 !important;
    -moz-column-count: 3 !important;
    column-count: 3 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
}

.time-slots .time-slot {
    max-width: 250px;
    font-size: .7rem;
}

.time-slots .time-slot:first-of-type {
     margin-top: 8px !important;
	
}

.time-slot.active {
    font-weight: bold;
    border: solid 2px #000 !important;
}

.time-slot.disabled {
    cursor: not-allowed;
    color: lightgray;
    border-color: lightgray !important;
}
.book-date.row.justify-content-center.new_accordian_data.show_accordian .time-slots {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
/* Utility */
.close {
    position: absolute;
    top: 1%;
    right: 0;
}

.flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.br-0 {
    border-radius: 0;
}

.w-40 {
    width: 40%;

}

.mx-100 {
    max-width: 100%;
}

.mw-center {
    max-width: 100%;
    margin: 0 auto;
}

.h-100 {
    height: 100%;
}


.h-100vh {
    min-height: 100vh;
}

.h-min {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.equal-col-spacing [class*="col-"] {
    padding-right: 0;
}

.flex-baseline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.flex-justify-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.blue {
    color: blue;
}

.red,
.req {
    color: red;

}

.equal-col-spacing [class*="col-"] {
    padding-right: 0;
}

.orange {
    color: orange;
}

.panel-break {
    width: 95%;

}

.border-panel {
    border: #eee solid 1.5px;
    border-width: 1.5px 0;
    margin: 10px;
}

.front-apt-form-error{
    border: 1px solid red !important;
}

/*date and Time*/

h4.child-info-date {
    display: flex;
}

span.info-date-time {
    padding-left: 15px;
}


/*MEDIA QEURIES */

/* Large devices (tabelets, 768px and up) */
@media (min-width: 768px) {
    .w-md-50 {
        width: 50% !important;
    }

    .shadow-md-none {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .checkout-grid {
        grid-template-areas: "checkout total""card total";
        grid-gap: 3rem;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .time-slots {
        display: block !important;
        -webkit-column-count: 4 !important;
        -moz-column-count: 4 !important;
        column-count: 4 !important;
    }

    .profile {
        -ms-grid-columns: 20% auto;
        grid-template-columns: 20% auto;

    }

    .checkout {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .total {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }

    .card {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}
/* front select location  */
/* ul.sub_menu, ul.sub_sub_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}
/* Bold text for the submenu items */
/* ul.sub_menu li  {
    font-weight: 600;
}
ul.sub_sub_menu li  {
    font-weight: 100;
}
ul.sub_sub_menu   {
    font-weight: 100;
}

/* Additional styling (optional) */
/* ul.sub_menu li a {
    text-decoration: none;
    padding: 5px;
    display: block;
    color: #333;
} */
/* .main_menu.accor_open ul.sub_menu li.activein > a {
    font-weight: 100;
  }  */
/* .hidden {
    display: none;
} */
/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .time-slots {
        display: block !important;
        -webkit-column-count: 5 !important;
        -moz-column-count: 5 !important;
        column-count: 5 !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

@media (max-width: 991px){
    .checkout-grid {
        grid-template-columns: 100% 0%;
    }
}
/* permisssion dropdown css */
/* .dropdown {
    position: relative;
    display: inline-block;
    width: 200px;
} */

.dropdown-display {
    /* border: 1px solid #0000005c ; */
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0.5px solid #0000005c !important;
  margin-bottom: 10px;
  line-height: 2rem;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 2px;
}

.dropdown-icon {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;  
}

.dropdown-options {
    position: absolute;
    top: 100%;
    left: -100%;  
    width: 400%; 
    max-height: 250px; 
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    z-index: 1000;
    padding: 10px 0; 
    box-sizing: border-box;
    border-radius: 5px;
    overflow-y: auto;
    min-height: 80px; 
}

.dropdown-options label {
    display: block;
    padding: 8px;
    cursor: pointer;
}

.dropdown-options label:hover {
    background: #f0f0f0;
}

.dropdown-options input {
    margin-right: 8px;
}

.dropdown.active .dropdown-options {
    display: block;
}



/* 17-03-25 */

.first-name {
    width: 23.8% !important;
}

 .last-name {
    width: 22.5% !important;
}

 .age {
    width: 13% !important;
}

 .thanks {
    width: 20% !important;
}


.month {
    width: 19% !important;
}

.dropdown-display {
    padding-top: 11px !important;
/*    font-size: 16px;*/
}


.input-container {
  position: relative;
}

.input-container input,
.input-container select,
.input-container textarea {
  width: 100%;
/*  padding: 12px;*/
  font-size: 14px;
  border: 1px solid #ccc;
  background: transparent;
  outline: none;
}
div#child_details_slot_16 label {
    top: 20%;
}
.input-container label {
  position: absolute;
  left: 14px;
  top: 20%;
  font-size: 16px;
  color: #555;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
div#front-registration-form .input-container label {
    top: 30%;
}
.ButtonContainer.ButtonContainer--pay {
    top: -6px;
}

button#link-pay {
    padding: 13px 10px;
}

div#front-login-form label.form-label {
    top: 25%;
}
.col-12.col-md-3.form-group1.px-1.last-name.input-container label {
    padding-left: 3px;
}

.col-6.col-md-2.form-group1.px-1.month.input-container label {
    padding-left: 3px;
}
/* floating effect */
.card-details .input-container input:focus + label,
.card-details .input-container input:not(:placeholder-shown) + label,
.card-details .input-container select:focus + label,
.card-details .input-container select:valid + label,
.card-details .input-container textarea:focus + label,
.card-details .input-container textarea:not(:placeholder-shown) + label {
      top: 6px !important;
  font-size: 10px !important;
  color: black;
}

 .input-container input:focus + label,
 .input-container input:not(:placeholder-shown) + label,
 .input-container select:focus + label,
 .input-container select:valid + label,
 .input-container textarea:focus + label,
 .input-container textarea:not(:placeholder-shown) + label {
  top: 6px !important;
  font-size: 10px !important;
  color: black;
}


.form-group1.input-container.col-md-12.filled label {
    font-size: 12px !important;
    margin-top: -12px !important;
}


.payment_details .card-details .payment_details1 #card-element {
    border: none !important;
}

.payment_details .card-details .form-control {
       padding-top: 22px !important;
    padding-bottom: 5px !important;
}

.filled .InputContainer .InputElement {
    position: absolute;
    top: 4px;
}

.filled label {
    font-size: 10px !important;
    margin-top: -10px;
}

.form-group1.input-container.col-md-12.focused label {
    font-size: 12px !important;
    margin-top: -12px !important;
}

.focused .InputContainer .InputElement {
    position: absolute;
    top: 4px;
}

.focused label {
    font-size: 10px !important;
    margin-top: -10px;
}

.form-group1.input-container.col-md-12.focused .InputContainer .InputElement {
    top: 4px;
}

.form-group1.input-container.col-md-12.focused label {
    font-size: 12px !important;
    margin-top: -8px !important;
}



.form-group1.input-container.col-md-4.mm-grp.focused label {
    font-size: 12px !important;
    margin-top: -8px !important;
}

.form-group1.input-container.col-md-4.focused label {
    font-size: 12px !important;
    margin-top: -8px !important;
}
/* default position (empty input) */
.col-6.col-md-2.form-group1.px-1.age.input-container label {
  top: 35% !important;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
}

.col-6.col-md-2.form-group1.px-1.age.input-container input:focus + label, .col-6.col-md-2.form-group1.px-1.age.input-container input:not(:placeholder-shown) + label {
    top: 33% !important;
    font-size: 10px;
    color: black;
}

.col-md-12.create-account {
    display: flex
;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.forgotpass-n .input-container label {
    top: 14%;
}

.forgotpass-n .input-container input:focus + label,
.forgotpass-n .input-container input:not(:placeholder-shown) + label,
.forgotpass-n .input-container textarea:focus + label,
.forgotpass-n .input-container textarea:not(:placeholder-shown) + label {
  top: 6px !important;
  transform: none;
  font-size: 10px !important;
  color: black;
}

.col-12.col-md-6.forgotpass-n {
    padding-left: 0;
}

input#create_front_register {
    width: 2% !important;
    margin-right: 10px;
    margin-top: -8px;
}

.time-picker.col-12.col-md-7.col-lg-12 {
    padding-right: 0px;
    padding-left: 0;
}


@media (max-width: 1399px){
    input.form-control.py-2.apt-validate-required {
/*    font-size: 16px;*/
}
.checkout-panels select.form-select.form-control.py-2 {
    height: auto !important;
/*    font-size: 16px;*/
}
    .dropdown-display {
/*        font-size: 16px;*/
    }
.monthyear-age-selection {
    width: 28% !important;
}
    div#child-slot-details .single-event-details > div.row {
    width: 100% !important;
}
    .checkout-panels select.form-select.form-control.py-2 {
    height: auto !important;
/*    font-size: 16px;*/
    padding: 10px 8px;
}

.first-name {
    width: 25.3% !important;
}

 .last-name {
    width: 24% !important;
}

 .age {
    width: 15% !important;
}

 .thanks {
    width: 20% !important;
}


.month {
    width: 19% !important;
}
}


@media (max-width: 1199px){
    div#child-slot-details .single-event-details > div.row {
    flex-direction: column;
}
.col-6.col-md-2.form-group1.px-1.month.input-container {
    max-width: 100% !important;
    width: 100% !important;
}

    .monthyear-age-selection {

        margin-top: 14px;
    }

.single-event-details .dropdown {
    padding: 0 !important;
}
    .last-name
 {
 
        padding: 0 !important;
    }
    .monthyear-age-selection {
        width: 50% !important;
    }

.monthyear-age-selection .col-6.col-md-2.form-group1.px-1.age.input-container {
    max-width: 100% !important;
    width: 100% !important;
}

.first-name {
        width: 100% !important;
    }
    .last-name {
    width: 100% !important;
}

 .age {
    width: 100% !important;
}
    input.form-control.py-2.apt-validate-required.child-age {
        width: 100% !important;
    }
select.form-select.form-control.py-2.apt-validate-required.child-age-type {
    width: 100%;
    max-width: 100%;
    font-weight: 600;
/*        font-size: 16px !important;*/
}

 .thanks {
    width: 100% !important;
}

input.form-control.py-2.apt-validate-required {
    width: 100%;
    max-width: 100%;
}


.month {
    width: 100% !important;
}

div#child_details_slot_1079 .align-items-center {
    align-items: center !important;
    margin-bottom: 12px;
}
}
.slot-book-now:disabled, .slot-book-now[disabled] {
    margin-left: 0 !important;
}
.slot-book-now {
    margin-left: 0 !important;
}
/* Frontend button */

/* 21-08-2025 */
.book-date .time-picker .accordion-button .date {
    font-weight: bold;
}
 
.profile.cus_profile .profile_desc .location a:nth-child(1) {
    color: black !important;
}

.book-selection.col-12.col-md-5.col-lg-4.selected.h-min.panel.shadow-lg.container.py-5.mt-5.mt-md-0 {
    padding-top: 20px !important;
    margin-top: 50px !important;
}
.time-slot.active {
    color: #0099ff !important;
    font-size: 0.7625rem !important;
}
 
 
@media (max-width: 699px) {
    .single-event-details .col-12.col-md-3.form-group.px-0.first-name {
        margin-bottom: 0px;
    }
    .single-event-details .col-6.col-md-2.form-group.px-1.age {
        margin-bottom: 0;
    }
    .single-event-details .col-6.col-md-2.form-group.px-1.month {
        margin-bottom: 0;
    }
    .single-event-details .col-12.col-md-3.form-group.px-1.last-name {
        margin-bottom: 15px;
    }
        div#dropdown22 {
        padding: 0 !important;
    }

        .col-6.col-md-2.form-group1.px-1.month.input-container {


        padding-right: 0 !important;
    }
}

 
 
div#child-slot-details .single-event-details .row.g-0 input {
    padding-bottom: 0 !important;
    padding-top: 15px !important;
}



.input-container input,
.input-container textarea {
    width: 100%;
    padding-top: 15px;
    /* border: 1px solid #ccc; */
    outline: none;
    font-size: 18px;
    background: transparent;   
    font-weight: 600;
    color: #292626;
    resize: vertical; /* Allows textarea resizing */
    min-height: 50px; /* Ensures proper height for textarea */
    padding-bottom: 0;
}



 

 

.checkout-panels select.form-select.form-control.py-2 {
    padding-top: 22px !important;
    padding-bottom: 8px !important;
}



select#country_dropdown {
    padding-bottom: 0;
    padding-top: 15px !important;
}
 
#country_dropdown:focus + label, #country_dropdown:not([value=""]) + label {
    top: 6px !important;
}
 

 
#front-login-form input.form-control {
    padding-bottom: 0 !important;
    padding-top: 15px !important;
}
 
div#dropdown23 {
    padding: 0 4px;
}

#loginPassword:focus ~ label, #loginPassword:not(:placeholder-shown) ~ label {
    top: 8px !important;
    font-size: 12px;
    color: #333;
}
 
#p_password:focus ~ label, #p_password:not(:placeholder-shown) ~ label {
    top: 6px !important;
    font-size: 10px;
    color: #333;
    left: 8px !important;
}
.single-event-details .dropdown {
    padding: 0 4px ;
}

#child_fname + label {
    padding-left: 0 !important;
}

.permissionsDropdown .dropdown-display {
    padding-top: 10px !important;
}


span.dropdown-label {
    font-size: 10px !important;
}

.new_form #country_dropdown {
    padding-left: 12px;
    font-weight: 600;
    font-size: 16px !important;
}
    .dropdown-display span {
        font-size: 14px;
        line-height: normal;
    }


.input-container {
  position: relative;
}
.dropdown-display.filled span.dropdown-label {
    font-size: 10px;
    line-height: normal;
    top: -2px !important;
    position: relative;
}

.dropdown-display.filled {
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.time-picker.col-12.col-md-7.col-lg-8 {
    padding-left: 5px;
        padding-right: 20px;
}

@media (max-width: 991px) {


   .single-event-details input#child_lname

 {
        margin-bottom: 10px;
    }
    input.form-control.py-2.apt-validate-required {
/*        font-size: 16px !important;*/
        font-weight: 600;
    }


.book-selection.col-12.col-md-5.col-lg-4.selected.h-min.panel.shadow-lg.container.py-5.mt-5.mt-md-0 {
    padding-top: 20px !important;
    margin-top: 50px !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
}

 .new_form input {
/*    font-size: 16px !important;*/
    font-weight: 600;
}
input#child_lname {
    margin-bottom: 25px;
}
 
div#dropdown17 {
    padding: 0 4px;
}
 .permissionsDropdown .dropdown-display {
    padding-top: 6px !important;
    font-weight: 600 !important;
}
.col-12.col-md-3.form-group1.px-0.first-name.input-container {
    padding: 0px !important;
}
 
div#dropdown22 {
    padding: 0 4px;
}
 
.single-event-details h4.child-info-date p {
    margin-bottom: 28px;
}
 


#child_fname + label {
    padding-left: 0px !important;
}
.checkout-panels select.form-select.form-control.py-2 {
    padding: 10px 10px;
}
}
=======
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* General styling */

:root {
  --background-color: #fff;
  --ff-header: "Bebas Neue", cursive;
  --ff-text: "Montserrat", sans-serif;

  --ff-profile: "Van Basten Bold", sans-serif;
  --btn-secondary: #a1a1a1;
}

/* Typography */

body {
  font-family: var(--ff-text) !important;
}

.header {
  font-family: var(--ff-header);
  font-size: 2.7rem;
  position: relative;
}

.header::before {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  width: 40%;
  height: 16%;
  color: black;
  background: #212529;
}

a,
a:hover,
a:visited,
a:focus,
a:active {
  color: #000;
}

/* FORM CONTROL */

/* INPUT */
.form-control {
  border-radius: 0;
  border: 1px solid #6c757d !important;
  margin-bottom: 10px;
  line-height: normal;
}

.form-group1.input-container.col-md-12.filled .InputContainer .InputElement {
    top: 4px;
}

.form-group1.input-container.col-md-12.filled label {
    font-size: 12px !important;
    margin-top: -8px !important;
}


.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group1.input-container.col-md-4.mm-grp.filled label {
    font-size: 12px !important;
    margin-top: -8px !important;
}

.form-group1.input-container.col-md-4.filled label {
    font-size: 12px !important;
    margin-top: -8px !important;
}

.form-group {
  position: relative;
}

.form-group > label,
.card-details label {
  position: absolute;
  font-size: 16px !important;
  margin: 1px 10px;
  top: -9999px;
  -webkit-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: 0;
}
.card-details  .form-control {
 padding-top:15px !important;
 padding-bottom: 0 !important;
}


.card-details .form-group label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #666;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}


.card-details .form-group input:focus ~ label,
.card-details .form-group input:not(:placeholder-shown) ~ label,
.card-details .form-group select:focus ~ label,
.card-details .form-group select:valid ~ label,
.card-details .form-group textarea:focus ~ label,
.card-details .form-group textarea:not(:placeholder-shown) ~ label {
  top: 12px !important;
  font-size: 10px;
  color: black;
  opacity: 1;
  left: 15px;
}




.form-group > select:focus-within ~ label,
.form-group > input:focus-within ~ label,
.card-details input:focus-within ~ label {
  opacity: 1;
  top: -20%;
  background: white;
}

#newCustomer .form-group select {
  height: 100%;
}

.total input[readonly] {
  padding: 1px 15px;
  margin: 0 !important;
  border: none !important;
  cursor: default;
  text-align: end;
  width: 100%;
}

.total input[readonly]:focus-visible {
  outline: none;
}

.form-check-input:checked {
  background-color: #000000;
  border-color: #000000;
}
/* Default style when the button is enabled */
.slot-book-now {
  background-color: #444 !important;
  color: #f1f1f1;
  border: 1px solid #444444;
  transition: all 0.3s ease-in-out;
}

/* When the button is disabled */

.slot-book-now:disabled,
.slot-book-now[disabled] {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  cursor: not-allowed;
  pointer-events: none;
}

/* Hover effect to make sure styles apply */
.slot-book-now:hover:not(:disabled) {
  background-color: #4d4c4c !important;
  color: #ffffff;
  border: 1px solid #333333;
}

.form-check-input:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}

/* Accordion */
.accordion-item {
  border: none !important;
  border-radius: 0 !important;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
}

.accordion-button:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

/* Modal */

#reserveSlotModal .modal-content {
  width: 100%;
}

#newCustomer .quick-reserve,
#newCustomer .full-reserve {
  padding: 1% 2%;
  margin-bottom: 2%;
  -webkit-box-shadow: #00000012 4px 5px 9px 4px;
  box-shadow: #00000012 4px 5px 9px 4px;
}

#newCustomer .quick-reserve-final-payments p,
#newCustomer .cart_total p {
  margin-bottom: 0;
  margin-top: 0;
}

#newCustomer .modal-header,
.modal-footer {
  padding: 0;
  border: none !important;
}

#newCustomer .payment-details p {
  font-weight: normal;
}

/* Buttons */
.btn {
  border-radius: 0;
}

.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input::-webkit-file-upload-button {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.btn-primary,
.btn-success,
input::file-selector-button {
  /* background: #000 !important; */
  background: #444 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus {
  background: #fff !important;
  border-color: #000 !important;
  color: #000 !important;
}

.btn-primary[disabled]:hover,
.btn-success[disabled]:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  cursor: not-allowed !important;
}

/* Button inverse */
button.btn-inverse,
a.btn-inverse {
  background: #000;
  color: #fff;
  border-color: #000;
}

button.btn-inverse:hover,
a.btn-inverse:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

/* Button  secondary*/
button.btn-secondary,
a.btn-secondary,
.button-secondary {
  background: #fff;
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  color: #000 !important;
  background: #fff;
  border: 1px solid #000;
}

/* CSS GRID */

/* Checkout grid */
.checkout-grid {
  display: -ms-grid;
  display: grid;

  -ms-grid-rows: auto 3rem auto 3rem auto;

  grid-template-rows: auto auto auto;
  -ms-grid-columns: 70% 30%;
  grid-template-columns: 70% 30%;
  grid-template-areas:
    "checkout checkout"
    "total total"
    "card card";
  grid-row-gap: 3rem;
}

.checkout {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: checkout;
}

.total {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: total;
}

.card {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: card;
}

/* Profile section */

.profile {
  display: -ms-grid;
  display: grid;
  grid-template-areas:
    "img text"
    "img small";
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -ms-grid-columns: 40% auto;
  grid-template-columns: 40% auto;
}

.profile img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: img;
  -webkit-clip-path: circle(35% at 50% 40%);
  clip-path: circle(35% at 50% 40%);
  width: 100%;
}

.profile h4 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  font-family: var(--ff-profile);
  grid-area: text;
  font-size: 1.6em;
  -ms-grid-row-align: center;
  align-self: center;
}

.profile small {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: small;
}

.profile h4::before {
  content: "Hi, I'm your photographer ";
}

.profile h4::after {
  content: "!";
}

/* SESSIONS */

.li-photo-sessions-month:last-of-type {
  padding-bottom: 20px;
}

/* TIME SLOTS */
.time-slots {
  display: block !important;
  -webkit-column-count: 3 !important;
  -moz-column-count: 3 !important;
  column-count: 3 !important;
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.time-slots .time-slot {
  max-width: 250px;
  font-size: 0.7rem;
}

.time-slots .time-slot:first-of-type {
  margin-top: 8px !important;
}

.time-slot.active {
  font-weight: bold;
  border: solid 2px #000 !important;
}

.time-slot.disabled {
  cursor: not-allowed;
  color: lightgray;
  border-color: lightgray !important;
}
.book-date.row.justify-content-center.new_accordian_data.show_accordian
  .time-slots {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
/* Utility */
.close {
  position: absolute;
  top: 1%;
  right: 0;
}

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.br-0 {
  border-radius: 0;
}

.w-40 {
  width: 40%;
}

.mx-100 {
  max-width: 100%;
}

.mw-center {
  max-width: 100%;
  margin: 0 auto;
}

.h-100 {
  height: 100%;
}

.h-100vh {
  min-height: 100vh;
}

.h-min {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}

.equal-col-spacing [class*="col-"] {
  padding-right: 0;
}

.flex-baseline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.flex-justify-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.blue {
  color: blue;
}

.red,
.req {
  color: red;
}

.equal-col-spacing [class*="col-"] {
  padding-right: 0;
}

.orange {
  color: orange;
}

.panel-break {
  width: 95%;
}

.border-panel {
  border: #eee solid 1.5px;
  border-width: 1.5px 0;
  margin: 10px;
}

.front-apt-form-error {
  border: 1px solid red !important;
}

/*date and Time*/

h4.child-info-date {
  display: flex;
}

span.info-date-time {
  padding-left: 15px;
}

/*MEDIA QEURIES */

/* Large devices (tabelets, 768px and up) */
@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }

    .new_form input {
        width: 100% !important;
        max-width: 100%;
    }
  .shadow-md-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .checkout-grid {
    grid-template-areas: "checkout total" "card total";
    grid-gap: 3rem;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .time-slots {
    display: block !important;
    -webkit-column-count: 4 !important;
    -moz-column-count: 4 !important;
    column-count: 4 !important;
  }

  .profile {
    -ms-grid-columns: 20% auto;
    grid-template-columns: 20% auto;
  }

  .checkout {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .total {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }

  .card {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
/* front select location  */
/* ul.sub_menu, ul.sub_sub_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}
/* Bold text for the submenu items */
/* ul.sub_menu li  {
    font-weight: 600;
}
ul.sub_sub_menu li  {
    font-weight: 100;
}
ul.sub_sub_menu   {
    font-weight: 100;
}

/* Additional styling (optional) */
/* ul.sub_menu li a {
    text-decoration: none;
    padding: 5px;
    display: block;
    color: #333;
} */
/* .main_menu.accor_open ul.sub_menu li.activein > a {
    font-weight: 100;
  }  */
/* .hidden {
    display: none;
} */
/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .time-slots {
    display: block !important;
    -webkit-column-count: 5 !important;
    -moz-column-count: 5 !important;
    column-count: 5 !important;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media (max-width: 991px) {
  .checkout-grid {
    grid-template-columns: 100% 0%;
  }
}
/* permisssion dropdown css */
/* .dropdown {
    position: relative;
    display: inline-block;
    width: 200px;
} */

.dropdown-display {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #6c757d !important;
  margin-bottom: 10px;
  line-height: 2rem;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 2px;
}

div#card-element {
    padding-top: 0 !important;
}
div#card-element {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}


.dropdown-icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}

.dropdown-options {
  position: absolute;
  top: 100%;
  left: -100%;
  width: 400%;
  max-height: 250px;
  border: 1px solid #ccc;
  background: #fff;
  display: none;
  z-index: 1000;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  overflow-y: auto;
  min-height: 80px;
}

.dropdown-options label {
  display: block;
  padding: 8px;
  cursor: pointer;
}

.dropdown-options label:hover {
  background: #f0f0f0;
}

.dropdown-options input {
  margin-right: 8px;
}

.dropdown.active .dropdown-options {
  display: block;
}

/* 17-03-25 */

.first-name {
  width: 23.8% !important;
}

.last-name {
  width: 22.5% !important;
}

.age {
  width: 13% !important;
}

.thanks {
  width: 20% !important;
}

.month {
  width: 19% !important;
}

.dropdown-display {
  padding-top: 11px !important;
  font-size: 16px;
}

@media (max-width: 1399px) {
  input.form-control.py-2.apt-validate-required {
    font-size: 16px;
  }
  .checkout-panels select.form-select.form-control.py-2 {
    height: auto !important;
    font-size: 16px;
  }
  .dropdown-display {
    font-size: 16px;
  }
  .monthyear-age-selection {
    width: 28% !important;
  }
  div#child-slot-details .single-event-details > div.row {
    width: 100% !important;
  }
  .checkout-panels select.form-select.form-control.py-2 {
    height: auto !important;
    font-size: 16px;
    padding: 10px 8px;
  }



  .first-name {
    width: 25.3% !important;
  }

  .last-name {
    width: 24% !important;
  }

  .age {
    width: 15% !important;
  }

  .thanks {
    width: 20% !important;
  }

  .month {
    width: 19% !important;
  }
}

@media (max-width: 1199px) {
  div#child-slot-details .single-event-details > div.row {
    flex-direction: column;
  }
  .col-6.col-md-2.form-group1.px-1.month.input-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .monthyear-age-selection {
    margin-top: 14px;
  }

  .single-event-details .dropdown {
    padding: 0 !important;
  }
  .last-name {
    padding: 0 !important;
  }
  .monthyear-age-selection {
    width: 50% !important;
  }

  .monthyear-age-selection
    .col-6.col-md-2.form-group1.px-1.age.input-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .first-name {
    width: 100% !important;
  }
  .last-name {
    width: 100% !important;
  }

  .age {
    width: 100% !important;
  }
  input.form-control.py-2.apt-validate-required.child-age {
    width: 100% !important;
  }
  select.form-select.form-control.py-2.apt-validate-required.child-age-type {
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    font-size: 16px !important;
  }

  .thanks {
    width: 100% !important;
  }

  input.form-control.py-2.apt-validate-required {
    width: 100%;
    max-width: 100%;
  }

  .month {
    width: 100% !important;
  }

  div#child_details_slot_1079 .align-items-center {
    align-items: center !important;
    margin-bottom: 12px;
  }
}
.slot-book-now:disabled,
.slot-book-now[disabled] {
  margin-left: 0 !important;
}
.slot-book-now {
  margin-left: 0 !important;
}
/* Frontend button */

/* 21-08-2025 */
.book-date .time-picker .accordion-button .date {
  font-weight: bold;
}

.profile.cus_profile .profile_desc .location a:nth-child(1) {
  color: black !important;
}

.book-selection.col-12.col-md-5.col-lg-4.selected.h-min.panel.shadow-lg.container.py-5.mt-5.mt-md-0 {
  padding-top: 20px !important;
  margin-top: 40px !important;
}
.time-slot.active {
  color: #0099ff !important;
  font-size: 0.7625rem !important;
}

@media (max-width: 699px) {
  .single-event-details .col-12.col-md-3.form-group.px-0.first-name {
    margin-bottom: 0px;
  }
  .single-event-details .col-6.col-md-2.form-group.px-1.age {
    margin-bottom: 0;
  }
  .single-event-details .col-6.col-md-2.form-group.px-1.month {
    margin-bottom: 0;
  }
  .single-event-details .col-12.col-md-3.form-group.px-1.last-name {
    margin-bottom: 15px;
  }
  div#dropdown22 {
    padding: 0 !important;
  }

  .col-6.col-md-2.form-group1.px-1.month.input-container {
    padding-right: 0 !important;
  }
}

div#child-slot-details .single-event-details .row.g-0 input {
  padding-bottom: 0 !important;
  padding-top: 15px !important;
}



.input-container input,
.input-container textarea {
  width: 100%;
  padding-top: 15px;
  /* border: 1px solid #ccc; */
  outline: none;
  font-size: 18px;
  background: transparent;
  font-weight: 600;
  color: #292626;
  resize: vertical; /* Allows textarea resizing */
  min-height: 50px; /* Ensures proper height for textarea */
}











.checkout-panels select.form-select.form-control.py-2 {
  padding-top: 22px !important;
  padding-bottom: 8px !important;
}




select#country_dropdown {
  padding-bottom: 0;
  padding-top: 15px !important;
}

#country_dropdown:focus + label,
#country_dropdown:not([value=""]) + label {
  top: 6px !important;
}



#front-login-form input.form-control {
  padding-bottom: 0 !important;
  padding-top: 15px !important;
}

div#dropdown23 {
  padding: 0 4px;
}

#loginPassword:focus ~ label,
#loginPassword:not(:placeholder-shown) ~ label {
  top: 8px !important;
  font-size: 16px;
  color: #333;
}

#p_password:focus ~ label,
#p_password:not(:placeholder-shown) ~ label {
  top: 10px !important;
  font-size: 12px;
  color: #333;
}
.single-event-details .dropdown {
  padding: 0 4px;
}



.permissionsDropdown .dropdown-display {
    padding-top: 0px !important;
    padding-bottom: 9px;
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2px;
}
span.dropdown-value {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
div#dropdown-display17 span.dropdown-label {
    font-size: 10px;
}

@media (max-width: 991px) {

div#child_details_slot_16 label {
    top: 25%;
}
.form-group1.input-container.col-md-4.mm-grp.filled label {
    left: 16px !important;
}
.form-group1.input-container.col-md-4.mm-grp.focused label {
    left: 16px !important;
}

.time-picker.col-12.col-md-7.col-lg-8 {
    padding-left: 14px;
    padding-right: 14px;
}
    .total.total-amount-section {
        padding-right: 0;
    }
input#create_front_register {
    width: 5% !important;
    margin-right: 10px;
    margin-top: -8px;
}
span.child-slot-date.badge.bg-dark.br-0 {
    font-size: 12px;
}

    .total.total-amount-section {
        margin-left: 0;
    }

.checkout-grid {
    margin: 0px;
}

.checkout-grid {
    margin-top: 40px !important;
}

.col-12.col-md-3.form-group1.px-1.last-name.input-container label {
    padding-left: 0px !important;
}

.input-container label {
    left: 13px;
}
.col-6.col-md-2.form-group1.px-1.age.input-container label {
    top: 42% !important;
}
.input-container label {
  top: 25%;
}
#p_password:focus ~ label, #p_password:not(:placeholder-shown) ~ label {
    top: 4px !important;
    font-size: 10px;
    left:14px !important;
}





  .single-event-details input#child_lname {
    margin-bottom: 10px;
  }
  input.form-control.py-2.apt-validate-required {
    font-size: 16px !important;
    font-weight: 600;
  }


  .new_form input {
    font-size: 16px !important;
    font-weight: 600;
    padding-bottom: 0;
  }
  input#child_lname {
    margin-bottom: 25px;
  }

  div#dropdown17 {
    padding: 0 4px;
  }
  .permissionsDropdown .dropdown-display {
    padding-top: 6px !important;
    font-weight: 600 !important;
  }
  .col-12.col-md-3.form-group1.px-0.first-name.input-container {
    padding: 0px !important;
  }

  div#dropdown22 {
    padding: 0 4px;
  }

  .single-event-details h4.child-info-date p {
    margin-bottom: 28px;
  }
span.dropdown-label {
    font-size: 10px !important;
    font-weight: normal !important;
}



  #child_fname + label {
    padding-left: 0px !important;
  }
  .checkout-panels select.form-select.form-control.py-2 {
    padding: 10px 10px;
  }
}


@media (max-width: 499px){
    .deposit_payment_section.col-12 .form-group {
    padding-bottom: 10px;
}
}
.statelist {
    font-weight: 600; 
}


.payment_details.loggedin .card-details div#card-element .row .col-md-12 {
    flex: 0 0 65%;
    max-width: 65%;
    margin-right: 100px;
    padding-right: 0;
}


.payment_details.loggedin .card-details div#card-element .row .mm-grp, .row.stripe-row .col-md-4 {
    flex: 0 0 32.5% !important;
    max-width: 32.5% !important;
    width: 100% !important;
}

.payment_details.loggedin .card-details div#card-element .row .mm-grp, .payment_details.loggedin .card-details div#card-element .row .col-md-4 {
    flex: 0 0 32.5% !important;
    max-width: 32.5% !important;
    width: 100% !important;
    padding-right: 0;
}



@media (max-width: 991px){

    .payment_details.loggedin .card-details div#card-element .row .col-md-12 {
    flex: 0 0 95%;
    max-width: 95%;
    margin-right: 0;
    padding-right: 0;
}

.payment_details.loggedin .card-details div#card-element .row .mm-grp, .payment_details.loggedin .card-details div#card-element .row .col-md-4 {
    flex: 0 0 47.5% !important;
    max-width: 47.5% !important;
    width: 100% !important;
    padding-right: 0;
}
}
.book_session_top_div {
    display: flex !important;
    justify-content: center !important;
}
 
.three_block_div {
    padding-left: 30px !important;
}
 
section.new_slider .slider_menu_wrap>h2 {
    text-align: center !important;
    font-size: 20px !important;
    color: #221e1f !important;
    font-weight: 700 !important;
    font-family: var(--ff-text) !important;
    text-transform: uppercase;
    letter-spacing: 0px;
}

ul#CityList_1 {
    margin-top: 20px;
}
 
section.new_slider .slider_menu_wrap .main_menu>li>a {
    font-size: 36px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    color: #221e1f !important;
    font-family: 'Proxima Nova Rg' !important;
}
 section.new_slider .slider_menu_wrap ul.main_menu.accor_open ul#StateList_1 a.statelist.active {
    font-weight: 700 !important;
    font-size: 18px !important;
}
 
section.new_slider .slider_menu_wrap .main_menu>li.active>a:before {
  display: none !important;
}
 
section.new_slider .slider_menu_wrap .main_menu>li.active>a:after {
  display: none !important ;
}
 
section.new_slider .slider_menu_wrap .main_menu>li>a:hover {
    color: #221e1f !important;
    font-weight: 600 !important;
}
 
section.new_slider .slider_menu_wrap .main_menu>li.active>a {
    color: #221e1f !important;
    font-weight: 700 !important;
}

section.new_slider .slider_menu_wrap ul.main_menu ul#StateList_1 li {
    line-height: 32px;
}
 
section.new_slider .slider_menu_wrap .main_menu .state_menu li a {
    font-size: 20px !important;
    color: #212529 !important;
    font-weight: 600 !important;
}

section.new_slider .slider_menu_wrap .main_menu {
    margin: 40px 0 0;
}
 
section.new_slider .slider_menu_wrap .main_menu .state_menu li a:hover {
    color: #221e1f !important;
    font-weight: 700 !important;
}
 section.new_slider .slider_menu_wrap .main_menu .state_menu li a .active {
    font-weight: 700 !important;
}
section.new_slider .slider_menu_wrap .main_menu .city_menu li a {
   font-size: 18px !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
    line-height: normal;
}
section.new_slider .slider_menu_wrap .main_menu .city_menu li a:hover {
    font-weight: 700 !important;
    color: #212529 !important;
}
section.new_slider .slider_menu_wrap .main_menu {
    gap: 14px;
}
.book_wrap_div .header::before {
    width: 115%;
}

.book_session_top_div .book_session_div .container .book_wrap_div a {
    text-decoration: none;
    font-size: 14px;
}

.book_session_top_div {
    margin-top: 50px;
}

.book_session_top_div .book_session_div .container .book_wrap_div a i {
    color: #212529;
}

.book_wrap_div {
    margin-top: 100px;
}

ul.main_menu.accor_open ul#StateList_1 {
    margin: 18px 0;
}

section.new_slider .slider_menu_wrap .main_menu li span.back_arrow {
    top: 5px !important;  
}

section.new_slider .slider_menu_wrap .main_menu li span.back_arrow {
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-right: 22px solid #221e1f !important;
}
ul#StateList_1 {
    margin-top: 18px !important;
    margin-bottom: 18px;
}
.three_block_div .blok_wrap ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0 !important;
        margin-top: 50px;
}
.blok_logo {
    text-align: center;
}
.three_block_div .blok_wrap .block_list ul li {
    font-weight: 600;
    margin-bottom: 20px;
    line-height: normal;
}
.three_block_div .blok_wrap .block_list ul li span {
    font-family: 'Proxima Nova Rg';
}







@media (max-width: 991px){
    .book_session_top_div {
    margin-top: 0;
}
.book_session_top_div {
    display: flex !important
;
    justify-content: center !important;
    flex-direction: column;
}
}


@media (768px) {

    section.new_slider .slider_menu_wrap .main_menu>li>a {
    font-size: 30px !important;
}
section.new_slider .slider_menu_wrap .main_menu {
    gap: 15px;
}
section.new_slider .slider_menu_wrap .main_menu {
    margin: 35px 0 0;
}
section.new_slider .slider_menu_wrap .main_menu li span.back_arrow {
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-right: 15px solid #000 !important;
}
section.new_slider .slider_menu_wrap .main_menu li span.back_arrow {
    left: -10%;
}
}