.elementor-4847 .elementor-element.elementor-element-cdfc470 > .elementor-container{max-width:1392px;}.elementor-4847 .elementor-element.elementor-element-cdfc470{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E3E3E3;margin-top:0px;margin-bottom:0px;padding:24px 20px 24px 20px;overflow:visible;}.elementor-bc-flex-widget .elementor-4847 .elementor-element.elementor-element-bb4f26d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4847 .elementor-element.elementor-element-bb4f26d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4847 .elementor-element.elementor-element-bb4f26d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-2a56b4d{text-align:start;}.elementor-4847 .elementor-element.elementor-element-2a56b4d img{width:152px;}.elementor-bc-flex-widget .elementor-4847 .elementor-element.elementor-element-3b39eae.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4847 .elementor-element.elementor-element-3b39eae.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4847 .elementor-element.elementor-element-3b39eae > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-4847 .elementor-element.elementor-element-4987642.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4847 .elementor-element.elementor-element-4987642.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4847 .elementor-element.elementor-element-4987642 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-566da10 .elementor-button{background-color:#FFFFFF;font-size:16px;font-weight:300;line-height:26px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-74fe773 );}.elementor-4847 .elementor-element.elementor-element-566da10 .elementor-button:hover, .elementor-4847 .elementor-element.elementor-element-566da10 .elementor-button:focus{background-color:var( --e-global-color-74fe773 );color:#FFFFFF;}.elementor-4847 .elementor-element.elementor-element-566da10 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-566da10 .elementor-button:hover svg, .elementor-4847 .elementor-element.elementor-element-566da10 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4847 .elementor-element.elementor-element-7415e77{border-style:solid;border-color:#E3E3E3;overflow:visible;}.elementor-bc-flex-widget .elementor-4847 .elementor-element.elementor-element-a197ffb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4847 .elementor-element.elementor-element-a197ffb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4847 .elementor-element.elementor-element-a197ffb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-5e3af1d > .elementor-container{max-width:1392px;}.elementor-4847 .elementor-element.elementor-element-5e3af1d{padding:30px 20px 60px 20px;overflow:visible;}.elementor-4847 .elementor-element.elementor-element-f3202ff > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4847 .elementor-element.elementor-element-f3202ff > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-0d4a5d4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-2c609b5{overflow:visible;}.elementor-4847 .elementor-element.elementor-element-95c5851:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4847 .elementor-element.elementor-element-95c5851 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-4847 .elementor-element.elementor-element-95c5851 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:32px 32px 0px 320px;}.elementor-4847 .elementor-element.elementor-element-95c5851 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4847 .elementor-element.elementor-element-79bbff6 > .elementor-widget-container{padding:0px 0px 16px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CCCCCC;}.elementor-4847 .elementor-element.elementor-element-79bbff6 .elementor-heading-title{font-size:24px;font-weight:500;line-height:32px;color:var( --e-global-color-primary );}.elementor-4847 .elementor-element.elementor-element-6271c94 > .elementor-widget-container{padding:0px 0px 20px 47px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CCCCCC;}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4847 .elementor-element.elementor-element-2a36930{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-item > a{font-size:18px;font-weight:500;line-height:28px;}.elementor-4847 .elementor-element.elementor-element-2a36930 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4847 .elementor-element.elementor-element-e974625 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 24px 47px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#CCCCCC;}.elementor-4847 .elementor-element.elementor-element-f726321 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4847 .elementor-element.elementor-element-f726321{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-item > a{font-size:14px;font-weight:400;line-height:22px;}.elementor-4847 .elementor-element.elementor-element-f726321 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4847 .elementor-element.elementor-element-a5ea74a > .elementor-widget-container{margin:-15px 0px 0px 47px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-a5ea74a{font-size:16px;font-weight:500;line-height:24px;color:#008095;}.elementor-4847 .elementor-element.elementor-element-2b969fd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 80px 56px;}.elementor-4847 .elementor-element.elementor-element-95acaa3{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4847 .elementor-element.elementor-element-749bc86 > .elementor-container{max-width:548px;}.elementor-4847 .elementor-element.elementor-element-749bc86{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-4847 .elementor-element.elementor-element-c8c91b2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4847 .elementor-element.elementor-element-c8c91b2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-1dde3b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-1dde3b4{font-size:16px;font-weight:500;line-height:24px;color:#008095;}.elementor-4847 .elementor-element.elementor-element-a49a66e{width:100%;max-width:100%;}.elementor-4847 .elementor-element.elementor-element-a49a66e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 120px 0px;}.elementor-4847 .elementor-element.elementor-element-a49a66e .elementor-button{padding:8px 8px 8px 8px;}.elementor-4847 .elementor-element.elementor-element-37e36dd:not(.elementor-motion-effects-element-type-background), .elementor-4847 .elementor-element.elementor-element-37e36dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-4847 .elementor-element.elementor-element-37e36dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;overflow:visible;}.elementor-4847 .elementor-element.elementor-element-37e36dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4847 .elementor-element.elementor-element-817110c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-4847 .elementor-element.elementor-element-817110c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-349da70 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-4847 .elementor-element.elementor-element-349da70 .elementskit-btn{background-color:#F6F6F6;width:100%;padding:10px 10px 10px 10px;font-weight:500;color:var( --e-global-color-accent );fill:var( --e-global-color-accent );border-style:none;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.15);}.elementor-4847 .elementor-element.elementor-element-349da70 .elementskit-btn:hover{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}@media(min-width:769px){.elementor-4847 .elementor-element.elementor-element-95c5851{width:43%;}.elementor-4847 .elementor-element.elementor-element-2b969fd{width:57%;}}@media(max-width:1199px) and (min-width:769px){.elementor-4847 .elementor-element.elementor-element-95c5851{width:40%;}.elementor-4847 .elementor-element.elementor-element-2b969fd{width:60%;}}@media(max-width:1600px){.elementor-4847 .elementor-element.elementor-element-95c5851 > .elementor-element-populated{padding:32px 32px 0px 32px;}.elementor-4847 .elementor-element.elementor-element-95acaa3{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(max-width:1199px){.elementor-4847 .elementor-element.elementor-element-95c5851 > .elementor-element-populated{padding:30px 20px 0px 20px;}.elementor-4847 .elementor-element.elementor-element-2b969fd > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-4847 .elementor-element.elementor-element-95acaa3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4847 .elementor-element.elementor-element-749bc86{padding:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-4847 .elementor-element.elementor-element-cdfc470{border-width:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-bb4f26d{width:50%;}.elementor-4847 .elementor-element.elementor-element-4987642{width:50%;}.elementor-4847 .elementor-element.elementor-element-7415e77{border-width:0px 0px 1px 0px;padding:24px 20px 24px 20px;}.elementor-4847 .elementor-element.elementor-element-2b969fd > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4847 .elementor-element.elementor-element-749bc86{padding:0px 16px 0px 16px;}.elementor-4847 .elementor-element.elementor-element-a49a66e > .elementor-widget-container{padding:10px 0px 70px 0px;}.elementor-4847 .elementor-element.elementor-element-349da70 .elementskit-btn{padding:15px 12px 15px 12px;font-size:16px;}}/* Start custom CSS for text-editor, class: .elementor-element-a5ea74a */.elementor-4847 .elementor-element.elementor-element-a5ea74a a{
    display: block;
}/* End custom CSS */
/* Start custom CSS */p {
    margin:0 0;
}

.wpsl-info-window.hide-booking+ .btn-holder,
.wpsl-store-location.hide-booking .booking {
    display: none !important;
}
.appointment-type .ginput_container.ginput_container_radio {
    display: none
}
.selected-service-name label,
.selected-service-name .ginput_container.ginput_container_text {
    display: none !important;
}
.servcies-availability ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0
    
}
.servcies-availability ul li {
    position: relative;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 20px 16px 40px 70px;
}
.servcies-availability ul li.no-services {
    padding: 20px;
    text-align: center;
}
.servcies-availability ul li.active,
.servcies-availability ul li:hover {
    border-color: #01ACC8;
    background: #F7FBFC;
}
.servcies-availability ul li::before {
    content: " ";
    position: absolute;
    top: 14px;
    left: 12px;
    width: 45px;
    height: 45px;
}
.servcies-availability ul li::after {
    bottom: 10px;
    position: absolute;
    left: 70px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
.servcies-availability ul .contactolog-a-general::before {
    background: url(/wp-content/uploads/2024/02/app-icon2.png);
    background-size: 45px;

}
.servcies-availability ul .contactolog-a-general::after {
    content: 'Adaptación de lentes de contacto ';

}
.servcies-availability ul .examen-de-optometr-a::before {
     background: url("/wp-content/uploads/2024/02/app-icon1.png");
    background-size: 45px;
}
.servcies-availability ul .examen-de-optometr-a::after{
    content: 'Consulta de Optometría.';
}
.servcies-availability ul .contactolog-a-general::after {
    content: 'Consulta de Optometría';
}
.servcies-availability ul .consulta-de-oftalmolog-a::before {
    background: url(/wp-content/uploads/2024/02/app-icon3.png);
    background-size: 45px;
}
.servcies-availability ul .consulta-de-oftalmolog-a::after {
    content: 'Valoración del segmento anterior y posterior del ojo ';
}
.servcies-availability ul .optometr-a-pediatrica::before {
    background: url(/wp-content/uploads/2024/02/app-icon4.png);
    background-size: 45px;
}
.servcies-availability ul .optometr-a-pediatrica::after {
    content: 'Control de crecimiento ocular para infantes';
}
.servcies-availability ul .terapia-visual::before{
    background: url(/wp-content/uploads/2024/02/app-icon1.png);
    background-size: 45px;
}
.servcies-availability ul .terapia-visual::after {
    content: 'Consulta de Optometría'
}
.servcies-availability ul .contatolog-a-especializada::before {
    background: url(/wp-content/uploads/2024/02/app-icon2.png);
    background-size: 45px;
}
.servcies-availability ul .contatolog-a-especializada::after{
        content: "Consulta de Optometría";

}
.gen-phn-number p {
    margin-top: 0;
}
.gen-phn-number a {
    font-weight: 500;
    color: #008095;
}
.gen-phn-number a:hover {
    text-decoration: underline;
}
.gform_wrapper.gravity-theme .gfield textarea.medium {
    font-family: 'Poppins';
}
.wpsl-country,
.additional-address{
    display: none !important;
}
.elementor-location-header,
.continue-nav {
    display: none;
}
.form-submission-success .form-area > .elementor-container {
    flex-direction: column-reverse;
    max-width: 550px;
    margin: auto;
    
}
.form-submission-success .form-area > .elementor-container .elementor-col-50 {
    width: 100%;
    
}
.form-submission-success .form-area > .elementor-container .elementor-col-50 .elementor-widget-wrap {
    /*margin: 16px;*/
    /*padding: 16px;*/
    padding: 0;
    justify-content: center
}
.form-submission-success .form-area > .elementor-container .elementor-col-50:first-child .elementor-widget-wrap {
    padding: 20px 32px;
}
.form-submission-success .elementor-location-header,
.form-submission-success .continue-nav  {
    display: block;
}
.form-submission-success .booking-header {
    display: none
}
.form-submission-success .continue-nav a {
    display: block;
    width: 100%;
}
.form-submission-success .appointment-form {
    max-width: 100% !important; 
    width: 100% !important;
}
.gform_confirmation_message {
    text-align: center;
    margin-top: 38px;
    margin-bottom: 34px
}
.gform_confirmation_message h4 {
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    color: #000;
    letter-spacing: -0.5px;

}
.gform_confirmation_message p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #3D3D3D;
    margin-bottom: 0;
}
.gform_confirmation_message br {
    display: none;
}
/*Progress Bar*/
.progress-bar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.progress-bar-container button,
.progress-bar-container button:hover,
.progress-bar-container button:focus {
    background: transparent;
    border: none;
    display: block;
}
.progress-bar-container button.disabled {
    pointer-events: none;

}
.progress-bar-container button img {
    width: 11px;
    display: block;
}
.progress-bar-container .next img {
    transform: rotate(180deg);
}
.progress-bar-container .step {
    flex: 1;
    background: #E3E3E3;
    border-radius: 4px;
    min-height: 5px;

}
.progress-bar-container .step.active {
    background: #01ACC8;
}
/*Appointment Form Css*/
.form-heading h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin: 7px 0 10px;
    letter-spacing: 0;
}
.appointment-form .appointment-type legend.gfield_label{
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 30px !important;
    padding-top: 0 !important;
}
.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0 !important;
}
/* .appointment-form .appointment-type  legend.gfield_label::before{
  content: "Choose your appointment type";
  position: absolute;
  top: 40px;
  font-size: 16px;
  font-weight: 300;
  display: none;
} */
span.ui-datepicker-month {
    text-transform: capitalize;
}
.appointment-form .appointment-type .gfield_radio .gchoice{
    position: relative;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    margin-bottom: 16px;
}
.appointment-form .appointment-type .gfield_radio .gchoice label{
     font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding: 14px 40px 20px 73px;
    width: 100%;
    color: #000000;
    cursor: pointer;
}
.appointment-form .appointment-type .gfield_radio .gchoice label span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #3d3d3d;
    margin-top: 6px;
}
.appointment-form .appointment-type .gfield_radio .gchoice:last-child textarea {
   display: none
}
.appointment-form .appointment-type .gfield_radio .gchoice input:checked + label textarea {
  display: block;
    
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_0::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon1.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 14px;
   left: 22px;
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_1::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon2.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 14px;
   left: 22px;
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_2::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon3.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 14px;
   left: 22px;
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_3::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon4.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 14px;
   left: 22px;
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_4::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon5.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 14px;
   left: 22px;
}


/* .appointment-form .appointment-type  .gfield_radio  label#label_3_5_0::after{
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
   position: absolute;
   top: 60px;
   left: 86px;
   font-size: 16px;
   font-weight: 300;
} */
/* .appointment-form .appointment-type  .gfield_radio  label#label_3_5_1::after{
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
   position: absolute;
   top: 60px;
   left: 86px;
   font-size: 16px;
   font-weight: 300;
} */
/* .appointment-form .appointment-type  .gfield_radio  label#label_3_5_2::after{
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
   position: absolute;
   top: 60px;
   left: 86px;
   font-size: 16px;
   font-weight: 300;
} */
/* .appointment-form .appointment-type  .gfield_radio  label#label_3_5_3::after{
   content: "Please specify your purpose in the notes.";
   position: absolute;
   top: 60px;
   left: 86px;
   font-size: 16px;
   font-weight: 300;
} */

.appointment-form .appointment-type input{
    width: 0;
}
.appointment-form .appointment-type input:checked::before{
    content: " ";
    position: absolute;
    width: 100%;
    border: 2px solid #01ACC8;
    border-radius: 6px;
    height: 100%;
    top: 0;
    left: 0;
    background: #F7FBFC;
    z-index: -99;
}

.appointment-form #field_3_39{
    position: relative;
    border: 2px solid #01ACC8;
    border-radius: 6px;
    background: #F7FBFC;
    padding-bottom: 16px;
    display: none;
}
.appointment-form #field_3_39 label::before{
   content: " ";
   position: absolute;
   background: url("/wp-content/uploads/2024/02/app-icon5.png");
   width: 45px;
   height: 45px;
   background-size: 45px;
   top: 30px;
   left: 24px;
}
 .appointment-form #field_3_39 label::after{
   content: "Please specify the purpose of your visit";
   position: absolute;
   top: 60px;
   left: 86px;
   font-size: 16px;
   line-height: 26px;
   color: #3D3D3D;
   font-weight: 300;
} 

.appointment-form #field_3_39 label{
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 28px;
    padding: 25px 40px 35px 86px;
    color: #000000;
}
.appointment-form #field_3_39 textarea{
    margin-left: 86px;
    border: 1px solid #D2D2D2;
    width: 80%;
}

/*.appointment-form #field_3_5 input[name="input_5"][value="Other"]:checked + label {*/
/*  opacity: 0;*/
/*  visibility: hidden;*/
/*}*/
    
/*.appointment-form #field_3_5 input[name="input_5"][value="Other"]:checked + label + #field_3_39 {*/
/*      display: block;*/
/*    }*/
.hidden-sec{
   display: none;
}

.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px;
    color: #000 !important;
}
.contact-details-heading p {margin-bottom:20px;}

@media(max-width: 1024px){
    .appointment-form .appointment-type .gfield_radio .gchoice label{
   padding: 10px 0px 10px 45px;
}
.appointment-form .appointment-type  .gfield_radio  label#label_3_5_0::before, .appointment-form .appointment-type  .gfield_radio  label#label_3_5_1::before, .appointment-form .appointment-type  .gfield_radio  label#label_3_5_2::before , .appointment-form .appointment-type  .gfield_radio  label#label_3_5_3::before, .appointment-form .appointment-type  .gfield_radio  label#label_3_5_4::before{
    left: 5px;
}
.appointment-form #field_3_39 textarea{
    margin-left: 55px;
    width: 80%;
    margin-top: 20px;
}
.appointment-form #field_3_39 label{
   padding: 10px 10px 10px 55px;
}
.appointment-form #field_3_39 label::before{
    left: 5px;
    top: 15px;
}
.appointment-form #field_3_39 label::after{
    top: 40px;
    left: 55px;
    padding-right: 10px;
}
}
@media screen and (max-width: 768px){
    .servcies-availability ul li {
        font-size: 16px;
    }
    .servcies-availability ul li::after {
        font-size: 14px;
        line-height: 18px;
    }
    .servcies-availability ul li::before {
        left: 12px;
    }
    .form-submission-success .form-area > .elementor-container .elementor-col-50:first-child .elementor-widget-wrap {
        padding: 20px 16px;
    }
    .sidebar-toggler-section {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.frame-sidebar {
    background: #fff;
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 45px;
    background: #fff;
    left: 0;
    right: 0;
    padding: 0;
    height: calc(100vh - 45px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.frame-sidebar > .elementor-widget-wrap {
    background: #fff !important; 
}
.sidebar-toggler.active a::after {
        transform: scaleY(-1) !important;
}
.sidebar-toggler a::after{
    content: "";
    width: 32px;
    height: 32px;
    background: url(/wp-content/uploads/2024/03/chevron-up-white.png) no-repeat center / 32px;
    position: absolute;
    right: 6px;
    bottom: 5px;
    border-radius: 32px;
}
.sidebar-toggler .icon {
    position: absolute;
    right: 16px;
}
}
@media(max-width: 415px){
    .appointment-form #field_3_39 textarea{
    margin-top: 45px;
}
}
/******Contact Details*******/

.appointment-form .contact-details-heading h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
}
.appointment-form .contact-details-heading p{
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}
.appointment-form input[name="input_12"], .appointment-form input[name="input_13"], .appointment-form input[name="input_14"], .appointment-form input[name="input_15"]{
    height: 46px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 16px !important;
   
}
#gform_page_3_3 .gfield {
    margin-bottom:24px;
}
.appointment-form textarea[name="input_43"]{
      height: 80px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 16px !important;
}
.appointment-form textarea[name="input_16"]{
    height: 140px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 16px !important;
}
.appointment-form label.gfield_label{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px;
    color: #000000;
}
.gform_wrapper input::placeholder,.gform_wrapper textarea::placeholder {
    color: #909090 !important;
    font-size: 15px;
    line-height: 22px;
}
.gform_wrapper input:focus::placeholder,.gform_wrapper textarea:focus::placeholder{
  opacity: 0.8;
}
.gform_wrapper input:focus,.gform_wrapper textarea:focus{
  border: 1px solid #004955 !important;
}
.gform_wrapper.gravity-theme .gfield_required{
    display: none !important;
}

.appointment-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
    border: 1px solid #790000 !important;
}

.appointment-form .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message  {
    background-color: transparent !important;
    padding: 0px;
    margin: 0px;
    border: none;
    font-size: 13px;
    font-weight: 500;
    color: #790000 !important;
}
.appointment-form .gform_wrapper.gravity-theme .gform_validation_errors{
    display: none;
}
.appointment-form .gform_wrapper.gravity-theme .gfield_error label{
    color: #000000 !important;
}
/*.appointment-form #field_3_43{*/
/*    margin-bottom: 24px;*/
/*}*/
/*.appointment-form #field_3_42{*/
/*    margin-bottom: 24px;*/
/*}*/
/*.appointment-form #field_3_42 legend{*/
/*    font-weight: 400;*/
/*}*/
/*.appointment-form #field_3_42 div .gfield_radio{*/
/*    display: flex;*/
/*}*/
.appointment-form #field_3_42 div .gfield_radio .gchoice{
    padding-right: 20px;
}


/*****Date & Time Choice*******/

.appointment-form .date-time-choice h5, .appointment-form .date-time-choice2 h5{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000000;
    margin-bottom: 10px;
    cursor: pointer;
}
/*#field_3_30, #field_3_29, #field_3_33, #field_3_34 {*/
/*    display: none;*/
/*}*/
.gfield.date-choice-sec-active .calender-choice,
.gfield.date-choice-sec-active fieldset,
.gfield.date-choice-sec-active2 .calender-choice,
.gfield.date-choice-sec-active2 fieldset {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px !important;
}

.gfield .calender-choice,
.gfield fieldset,
.gfield .calender-choice,
.gfield fieldset {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0 !important;
    transition: all 0.3s ease;
}
.appointment-form .date-choice-sec, .appointment-form .date-choice-sec2{
    padding: 0px 24px;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    margin-bottom: 16px;
}
.appointment-form .date-time-choice h5::before, .appointment-form .date-time-choice2 h5::before{
    content: " ";
    position: absolute;
    background: url(/wp-content/uploads/2024/01/Right-Arrow.png) no-repeat;
    width: 18px;
    height: 18px;
    right: 24px;
    margin-top: 35px;
    background-size: 18px;
}
.date-choice-sec-active2 .gfield h5::before,
.date-choice-sec-active .gfield h5::before {
    transform: scaleY(-1);
}
.date-choice-sec-active, .date-choice-sec-active2{
    background-color: #F7FBFC;
    border: 2px solid #01ACC8 !important;
}

.appointment-form .time-choice legend.gfield_label, .appointment-form .time-choice2 legend.gfield_label{
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}
.appointment-form .time-choice div.gfield_radio, .appointment-form .time-choice2 div.gfield_radio{
    display: flex;
    flex-wrap: nowrap;
}
.appointment-form .time-choice div.gfield_radio.gchoice label, .appointment-form .time-choice2 div.gfield_radio .gchoice label {max-width: 100% !important;}
.appointment-form .time-choice div.gfield_radio .gchoice label, .appointment-form .time-choice2 div.gfield_radio .gchoice label  {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    /*margin-right: 15px;*/
    max-width: 100%;
    width: 100%;
    text-align: center;
    /*margin-left: -11px;*/
    margin-bottom: 16px;
}
.appointment-form .time-choice2 .gchoice,
.appointment-form .time-choice .gchoice {
    position: relative;
    margin-right: 15px;
    max-width: 130px;
    width: 100%;
}
.appointment-form .time-choice .gchoice:last-child {
    margin-right: 0;
}
.appointment-form .time-choice input, .appointment-form .time-choice2 input{
    width: 0px;
    position: absolute
}

.appointment-form .time-choice input:checked+label, .appointment-form .time-choice2 input:checked+label{
    background-color: #008095;
    color: white;
    
}
.appointment-form .calender-choice h5{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 8px;
    color: #000000;
}
.appointment-form #datepicker-calender div.ui-datepicker, .appointment-form #datepicker-calender2 div.ui-datepicker{
    width: 429px;
    padding: 0px;
    border: 0;
    margin-bottom: 20px;
  
}
.appointment-form div div.ui-datepicker-header{
    background-color: white;
    padding: 16px;
    border: 6px 6px 0px 0px;
}
.appointment-form .ui-datepicker .ui-datepicker-title{
    padding-bottom: 0px !important;
    line-height: 24px;
}
.appointment-form .ui-datepicker .ui-datepicker-prev, .appointment-form .ui-datepicker .ui-datepicker-next{
    top: 14px;
}
.appointment-form #datepicker-calender table tbody tr td, .appointment-form #datepicker-calender2 table tbody tr td{
    border: 1px solid #D5D4DF;
    padding: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    padding: 14px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    background: #cccccc;
    color: #EEEEEE
}
.appointment-form #datepicker-calender table tbody tr td a, .appointment-form #datepicker-calender2 table tbody tr td a{
    border: 0;
    padding: 14px 16px;
    background-color: #F5FEFE;
    text-align: center;
}
.appointment-form .ui-state-active{
    background-color: #008095 !important;
    color: white !important;
}
.appointment-form #datepicker-calender table, .appointment-form #datepicker-calender2 table{
    margin: 0px ;
}
.appointment-form #datepicker-calender table thead, .appointment-form #datepicker-calender2 table thead{
    border-left: 1px solid #D5D4DF;
    border-right: 1px solid #D5D4DF;
}
.appointment-form a.ui-datepicker-prev::before{
        content: " ";
    background: url(/wp-content/uploads/2024/01/left-arrow.png);
    width: 14px;
    height: 14px;
    background-size: 14px;
    position: absolute;
    left: 16px;
    top: 8px;
}
.appointment-form a.ui-datepicker-next::before{
        content: " ";
    background: url(/wp-content/uploads/2024/01/right-arrow.jpg);
    width: 14px;
    height: 14px;
    background-size: 14px;
    position: absolute;
    right: 16px;
    top: 8px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display: none !important;
}
.appointment-form a.ui-datepicker-prev:hover, .appointment-form a.ui-datepicker-next:hover{
    background: white;
    border: 0;
    cursor: pointer;
}


.appointment-form .gform_page_footer input.gform_previous_button, #back-to-store-btn {
    color: #004955 !important;
    background-color: #ffffff;
    border: 2px solid #004955;
    border-radius: 4px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    appearance: inherit;
}
.appointment-form .gform_page_footer input.gform_previous_button:hover, #back-to-store-btn:hover{
    color: #fff !important;
    background: #004955;
}
.appointment-form .gform_page_footer input.gform_next_button, .appointment-form #gform_submit_button_3{
    color: #ffffff;
    border: 2px solid  #004955;
    border-radius: 4px;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    appearance: inherit;
}
.appointment-form .gform_page_footer input.gform_next_button:hover {opacity: 0.9;}
.appointment-form #datepicker-calender, .appointment-form #datepicker-calender2{
    width: 100%;
    overflow-x: auto;
}
@media screen and (max-width:768px) {
    .appointment-form .date-choice-sec, .appointment-form .date-choice-sec2 {
        padding: 0 16px;
    }
    .gfield.date-choice-sec-active .calender-choice, .gfield.date-choice-sec-active fieldset, .gfield.date-choice-sec-active2 .calender-choice, .gfield.date-choice-sec-active2 fieldset {
        padding: 0 !important;
    }
}
@media(max-width: 540px){
    .appointment-form .time-choice div.gfield_radio .gchoice label, .appointment-form .time-choice2 div.gfield_radio .gchoice label {
        margin-right: 0px;
    }
}
@media(max-width: 520px){
    .appointment-form #field_3_29 , .appointment-form #field_3_33{
        margin-top: 20px;
    }
}
@media screen and (max-width:768px) {
    .gform_confirmation_message h4 {
        font-size:26px;
        line-height: 32px;
    }
    #app-form-sec {
        padding: 16px;
    }
    .form-submission-success #app-form-sec {
    margin: 16px 16px 0 !important;
    }
    .gform_confirmation_message {
        margin-bottom: 0;
    }
}
@media(max-width: 641px){
    .appointment-form .gform_page_footer input.gform_previous_button {
   padding: 8px 24px;
}

.appointment-form .gform_page_footer input.gform_next_button, .appointment-form #gform_submit_button_3{
 padding: 8px 24px;
}
}
@media screen and (max-width: 370px) {
    .appointment-form .time-choice div.gfield_radio, .appointment-form .time-choice2 div.gfield_radio {
        flex-wrap: wrap;
    }
}
/********Form End************/

.opening-hours .ekit-wid-con .ekit_accordion_icon_group{
    position: relative;
}

#app-branch-address p strong a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #000000;
    display: block;
}
div#app-branch-address p strong a:before {
    content: '';
    background: url(https://opticasdeluxe.com/wp-content/uploads/2024/01/map-icon.svg);
    width: 34px;
    height: 34px;
    background-size: 34px;
    position: absolute;
    left: 0px;
}
.form-info-sec ul{
    display: flex;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
}
.form-info-sec ul li{
    list-style-type: none;
    display: flex;
    margin-bottom: 5px !important;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}
.form-info-sec ul li p{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #000000;
    margin: 0px;
    width: 130px;
}
.form-info-sec ul li#first-choice p, .form-info-sec ul li#second-choice p{
    width: 10px !important;
}
#app-branch-address .btn-holder{
    display: none;
}
#app-form-sec{
    display: none;
    /*padding: 20px;*/
}
.form-submission-success #app-form-sec {
    margin: 20px;
}
div#dynamic-store-branch-address:before {
    content: '';
    background: url(https://opticasdeluxe.com/wp-content/uploads/2024/01/map-icon.svg);
    width: 34px;
    height: 34px;
    background-size: 34px;
    position: absolute;
    left: 0px;
}
#dynamic-store-branch-address #appointmentDataContainer span:last-child{
    display: none;
}

.store-branch-timing details{
    margin-top: 20px;
}
.store-branch-timing details summary {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #008095;
    list-style-type: none;
}
.store-branch-timing details p{
    margin-top: 10px;
    line-height: 32px;
    font-size: 14px;
     color: #000000;
    font-weight: 400;
}
#dynamic-store-branch-address #appointmentDataContainer span{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
    display: block;
}
#appointmentDataContainer span:first-child{
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    color: #000000 !important;
}
.appointmentDataContainer span:last-child {
    display: none;
}
.hidden-dynamic-data{
    display: none;
}

#app-branch-address p{
    margin-bottom: 12px !important;
}
#app-branch-address .accordion-opening h6{
    margin: 0px !important;
}

.form-info-sec ul li#form-user-last-name p{
    width: 7px;
}

.appointment-gform-submitted #submit-hide-text{
    display: none !important;
}
.appointment-gform-submitted .form-details-left div:first-child{
    border: none !important
}

/* summary::before{
    content: " ";
    background: url(/wp-content/uploads/2024/03/plus-icon.png) no-repeat;
    width: 14px;
    height: 14px;
    background-size: 14px;
    position: absolute;
    left: 210px;
    margin-top: 5px;
    margin-left: 5px;
} */
details.accordion-opening[open] summary {
    background: url(/wp-content/uploads/2024/01/close-accordion.png) no-repeat center right !important;
    background-size: 14px !important;
}
.store-branch-timing details[open] p::before{
    content: " ";
    background: #008095;
    width: 13px;
    height: 2px;
    background-size: 13px;
    position: absolute;
    left: 210px;
    margin-top: -20px;
    
}
.store-branch-timing details[open] summary::before{
    display: none !important;
}
.store-branch-timing details p > span {
    display: block;
}
.store-branch-timing details p span span{
     min-width: 110px;
    display: inline-block;
    text-transform: capitalize;
}
@media(min-width: 769px) and (max-width: 801px){
    .store-branch-timing details p span{
     min-width: 95px;
    display: inline-block;
    text-transform: capitalize;
}
}/* End custom CSS */