/* Table of Content
==================================================
#Page Structure
#Home Page Style */

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body,  div,  span,  applet,  object,  iframe,  h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote,  pre,  a,  abbr,  acronym,  address,  big,  cite,  code,  del,  dfn,  em,  font,  img,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  select,  input,  option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none;}
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  nav,  section { display: block }
audio,  canvas,  video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before,  q:after { content: ''; content: none }
small { font-size: 80% }
sub,  sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; color: #a1a1a1; }
sub { bottom: -0.25em }
nav  ul,  ol  li { list-style: none; list-style-image: none; }
button,  input,  select,  textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
textarea { overflow: auto; vertical-align: top }
input[type="button"],  input[type="submit"] { appearance: none !important; -webkit-appearance: none !important; }
:focus { outline: 0; }
caption,  th,  td { text-align: left; font-weight: normal; }
blockquote:before,  blockquote:after,  q:before,  q:after { content: ""; }
blockquote,  q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align: top; }
a { outline: none; cursor: pointer; text-decoration: none !important; cursor: pointer; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none !important; outline: none !important; }
.none { display: none; }
.text-transform { text-transform: uppercase; }
.text-lowercaseḍ { text-transform: lowercase; }
.break { float: left; width: 100%; }
.preloader { display: none; }

.bg { background-repeat: no-repeat; background-size: cover; background-position: center; }

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #ccc; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #ccc; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #ccc; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #ccc; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #ccc; opacity:1;} /* Internet Explorer 10+ */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}

::selection { color: #ffffff; background: #000000; }
::-webkit-selection { color: #ffffff; background: #000000; }

body::-webkit-scrollbar-track { background-color: #ffffff; }
body::-webkit-scrollbar { width: 8px; background-color: #ffffff; }
body::-webkit-scrollbar-thumb { background-color: #000000; }

body::-moz-scrollbar-track { background-color: #ffffff; }
body::-moz-scrollbar { width: 8px; background-color: #ffffff; }
body::-moz-scrollbar-thumb { background-color: #000000; }

body::-ms-scrollbar-track { background-color: #ffffff; }
body::-ms-scrollbar { width: 8px; background-color: #ffffff; }
body::-ms-scrollbar-thumb { background-color: #000000; }

body::-o-scrollbar-track { background-color: #ffffff; }
body::-o-scrollbar { width: 8px; background-color: #ffffff; }
body::-o-scrollbar-thumb { background-color: #000000; }

/* Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield; /* Optional for broader support */
}

/* body {
    user-select: none;
} */

div#wrapper { margin-bottom: -2px; }

/* #Page Structure
================================================== */
body { margin: 0; padding: 0; height: auto !important; font-size: 16px; background: #ffffff; font-family: 'Open Sans', sans-serif; overscroll-behavior: none; }
body.payment-mode { overflow: hidden !important; }

.wrapper { width: 100%; }
.container { max-width: 1500px; padding:0 15px; margin:0 auto; }
a { display: inline-block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

.btn_all a { display:inline-block; font-family: 'Open Sans', sans-serif; border: 2px solid #03A9F4; line-height: 1.2; font-size: 16px; font-weight: bold; padding:12px 25px; background-color:#03A9F4; color: #ffffff; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; }
.btn_all a:hover,.btn_all a:focus{ background-color: #ffffff; color: #03A9F4; box-shadow: inset 0px 0px 11px #000; }
a{ color: #03A9F4; }
a:hover{ text-decoration: underline; }
.text_stroke h2 { color: transparent; -webkit-text-stroke: 1px #fff; -ms-text-stroke: 1px #fff; -moz-text-stroke: 1px #fff; -o-text-stroke: 1px #fff; text-stroke: 1px #fff; }
.text_stroke h2 span { -webkit-text-stroke: 0 #fff; -ms-text-stroke: 0 #fff; -moz-text-stroke: 0 #fff; -o-text-stroke: 0 #fff; text-stroke: 0 #fff; }

/* Home Page Style
==================================================*/
h1 { font-size: 45px; color: #000000; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: bold; }
h2 { font-size: 40px; color: #000000; line-height: 1.2;  font-family: 'Montserrat', sans-serif; font-weight: bold; }
h3 { font-size: 35px; color: #000000; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 400; }
h4 { font-size: 30px; color: #000000; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: bold; }
h5 { font-size: 22px; color: #000000; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: bold; }
h6 { font-size: 16px; color: #000000; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: bold; }
p { font-size: 16px; color: #000000; line-height: 1.6; font-family: 'Open Sans', sans-serif; font-weight: 400;} 

.body_outer { width: 100%; position: relative; z-index: 1; }
body.ios-device .banner_sec video { display: none !important; }

#loading { overflow-y: hidden; }
#loading.loadingdone { overflow-y: scroll; }
.loadingdone .loader { opacity: 0; visibility: hidden; }

.pt_10 { padding-top: 10px; }
.pt_20 { padding-top: 20px; }

.pb_10 { padding-bottom: 10px; }
.pb_20 { padding-bottom: 20px; }
.text_center { text-align: center; }

.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999999; transition: 0.3s; -webkit-transition: 0.3s; }  
.loader img { max-width: 160px; margin-left: 2px; margin-top: 3px; }
.loader_main { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; width: 170px; height: 170px; display: flex; align-items: center; justify-content: center; }

#loginPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; }
#loginBox { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); width: 500px; text-align: center; margin: 15px; }
#loginPopup .main_logo img { width: 100%; max-width: 250px; }
#loginPopup .main_logo { padding-bottom: 20px; }
#protectedContent { opacity: 0.5; }
#loginPopup h4 { font-weight: 400; color: #000000; padding-bottom: 10px; }
#loginPopup input[type="text"],#loginPopup input[type="password"] { width: 100%; padding: 8px 15px; color: #000000; background-color: #ffffff; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; outline: 0; line-height: 1.2; border: 3px solid #d9d9d9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; appearance:none; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance:none; margin-bottom: 14px; }
#loginPopup button { padding: 10px 20px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; }

#loginPopup button { cursor: pointer; background-color: #00c538; color: #ffffff; width: 100%; padding: 8px 5px; border-radius: 100px; -webkit-border-radius: 100px; font-size: 18px; font-weight: bold; font-family: 'Open Sans', sans-serif; border: none; -webkit-border: none; box-shadow: none; -webkit-box-shadow: none; appearance:none; -webkit-appearance:none; transition: 0.3s linear; -webkit-transition: 0.3s linear; text-transform: uppercase; }
#loginPopup button:active,
#loginPopup button:focus,
#loginPopup button:hover { background-color: #006660; color: #ffffff; }
.checkbox { display: inline-block; text-align: center; padding-bottom: 8px; }
#loginPopup .error { color: red; font-size: 13px; padding-top: 10px; }

/* header_sec */
.header_sec { position: fixed; width: 100%; z-index: 2; background-color: transparent; padding: 20px 0; display: block; width: 100%; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
.header_sec.fixed { z-index: 9999; padding: 18px 0; background-color: #ffffff; transition: 0.3s linear; -webkit-transition: 0.3s linear; box-shadow: 0 5px 5px rgba(0,0,0,0.2); transform: translateY(-115%); box-shadow: 0 0 13px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.4); }
.header_sec.fixed .navbar ul li a { color: #000000; }
.header_sec.fixed .main_logo img { max-width: 220px; }
.header_sec.scroll_revers { transform: translateY(0); }
.header_sec .header_main { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.header_sec .main_logo { width: auto; }
.header_sec .navbar { width: auto; }
.header_sec .main_logo img { max-width: 240px; width: 100%; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
.header_sec .navbar  ul { list-style: none; display: flex; justify-content: left; }
.header_sec .navbar ul li { list-style: none; margin-right: 30px; width: auto; }
.header_sec .navbar ul li:last-child { margin-right: 0; }
.header_sec .navbar ul li a { position: relative; color: #000000; font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 1; text-decoration: none; font-family: 'Open Sans', sans-serif; }
.header_sec .navbar ul li a:hover::after { width: 100%; }
.header_sec .navbar ul li a::after { content: ""; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color:#000000; transition: 0.3s linear; -webkit-transition: 0.3s linear }
.header_sec .navbar ul li a:hover svg * { fill: #00ceff; }
.header_sec .navbar .sub_main { position: relative; }
.header_sec .navbar svg { max-width: 12px; fill: #ffffff; width: 100%; transition: 0.3s linear; -webkit-transition: 0.3s linear;  }
.header_sec.scroll_revers .navbar .sub_main:hover .sub_menu { transition: 0.3s linear; -webkit-transition: 0.3s linear; top: 30px; opacity: 1; visibility:visible; box-shadow: 0px 0px 20px #4f95ff; }
.header_sec .navbar .sub_main:hover > a::after { width: 100%; }
.header_sec .navbar .sub_main:hover svg * { fill: #4f95ff; }
.header_sec .navbar .sub_menu { opacity: 0; background-color: rgba(0, 0, 0,0.88); visibility: hidden; display: block; padding: 10px; position: absolute; border-radius: 5px; border: 2px solid #4f95ff; width: 200px; left: -20px; top: 50px; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
.header_sec .navbar .sub_menu li { margin-right: 0; margin-bottom: 5px; }
.header_sec .navbar .sub_menu li:last-child { margin-bottom: 0; }
.header_sec .navbar .sub_menu li a { font-size: 16px; }
.mob_menu { display: none; }
/* header_sec */

/* banner_sec */
.banner_sec { padding: 120px 0 100px; display: block; width: 100%; background-color: #ffd90a; }
.banner_sec .banner_box_main { display: flex; justify-content: space-between; align-items: center; }
.banner_sec .banner_box_content { width: 48%; }
.banner_sec .banner_img { width: 48%;  text-align: right; }
.banner_sec .banner_form { width: 48%; background-color: #fff; padding: 35px 25px; border-radius: 30px; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); }
.banner_sec .banner_img img { width: 100%; object-fit: cover; filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)); }
.banner_sec .banner_box_main.oder_chnage { flex-direction: row-reverse; }
/* banner_se */

.main_box { display: flex; align-items: center; justify-content: space-between; }
.left_box { width: 48%; }
.right_box { width: 48%; }
.main_box .border { background-color: #000000; padding: 5px; text-transform: uppercase; margin-bottom: 5px; border-radius: 10px; text-align: center; }
.main_box .border p { color: #ffffff; }

/* dashboard_sec */
.dashboard_sec { padding: 200px 0 100px; background-color: #ffffff; display: block; }
.dashboard_sec .dashboard_main { display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; }
.dashboard_sec .dashboard_inner { width: 24%; border-radius: 10px; padding: 30px 10px; background-color: #e1e1e1; }
.dashboard_sec .dashboard_inner:hover { background-color: #ffd90a; }
.dashboard_sec .dashboard_img img { max-width: 100px; width: 100%; }
.dashboard_sec .dashboard_img { padding-bottom: 15px; }
.dashboard_sec .dashboard_inner p { font-weight: bold; }
.dashboard_sec .dashboard_title { padding-bottom: 30px; }

/* dashboard_tabs */
.dashboard_tabs { display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px; }
.dashboard_tabs .dashboard_tabs_inner { width: 19%; text-align: center; }
.dashboard_tabs .dashboard_tabs_inner a { background-color: #ffffff; border: 2px solid #ccc; border-radius: 100px; padding: 15px; width: 100%; font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; }
.dashboard_tabs .dashboard_tabs_inner a:hover { background-color: #9fddff; }
/* dashboard_tabs */

/* dashboard_sec */

/* banner_se  */
.profile_sec { padding: 150px 0 100px; background-color:#ffd90a; }
.profile_sec .profile_main { background-color: #ffffff; padding: 20px 30px; border-radius: 20px; }
.profile_sec .profile_logo img { width: 100%; max-width: 200px; }
.profile_sec .profile_logo { padding-bottom: 20px; }
/* banner_se  */

/* marketing_sec */
.marketing_sec { padding: 100px 0; background-color: #000000; display: block; text-align: center; }
.marketing_sec h2,.marketing_sec p { color: #ffd90a; }
/* marketing_sec */

/* section_1 */
.section_1 { padding: 100px 0; background-color: #ffd90a; display: block; text-align: center; } 
.section_1 .sec_1_title { text-align: center; }
.section_1 .sec_1_box_main { display: flex; align-items: flex-start; justify-content: center; }
.section_1 .sec_1_box_main .sec_1_box { width: 24%; padding: 5px; }
.section_1 .sec_1_box_main .sec_1_box .sec_1_img img { width: 100%; max-width: 100px; object-fit: cover; }
.section_1 .sec_1_box_main .sec_1_box .sec_1_img { padding-bottom: 15px; }
/* section_1 */

/* order_book */
.order_book { padding: 200px 0 100px; overflow: hidden; background-color: #ffd90a; }
.order_book .booking_title { text-align: center; padding-bottom: 30px; }
.order_book .main_form { max-width: 1200px; margin: 0 auto; background-color: #fff; padding: 30px 20px; border-radius: 20px; box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); } 
/* order_book */

/* footer_sec */
.footer_sec { padding: 50px 0; background-color:#ffffff; text-align: center; }
/* footer_sec */

/* booking_sec */
.error-message { color: red; font-size: 0.9em; margin:5px; }
.green .error-message { color: forestgreen; font-size: 0.9em; margin:5px; }
.form_field { margin-bottom: 12px; }
.form_field input { height: 42px; text-align: left; } 
.form_field input, .form_field select, .form_field textarea { width: 100%; padding: 8px 15px; color: #000000; background-color: #ffffff; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; outline: 0; line-height: 1.2; border: 3px solid #d9d9d9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; appearance:none; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance:none; }
.form_field label { color: #000000; font-size: 16px; font-weight: 600; font-family: 'Open Sans', sans-serif; padding: 0 0 3px; width: auto; }
.form_button button, .form_button a,.form_button input { cursor: pointer; background-color: #000000; border: 2px solid #000000; color: #ffffff; width: 100%; padding: 10px 5px; border-radius: 10px; -webkit-border-radius: 10px; font-size: 18px; font-weight: bold; font-family: 'Open Sans', sans-serif; box-shadow: none; -webkit-box-shadow: none; appearance:none; -webkit-appearance:none; transition: 0.3s linear; -webkit-transition: 0.3s linear; text-align: center; }

.form_button button.download-btn { max-width: 300px; }

.form_button.form_button2 a,.form_button.form_button2 input { background-color: #ffffff; color: #000000; }

.form_field_two { display: flex; justify-content: space-between; }
.form_field_two .form_field { width: 49%; }

.form_button button:active,
.form_button button:focus,
.form_button button:hover,
.form_button a:active,
.form_button a:focus,
.form_button a:hover,
.form_button input:active,
.form_button input:focus,
.form_button input:hover { background-color: #ffffff; color: #000000; }

.form_button.form_button2 a:active,
.form_button.form_button2 a:focus,
.form_button.form_button2 a:hover,
.form_button.form_button2 input:active,
.form_button.form_button2 input:focus,
.form_button.form_button2 input:hover { background-color: #000000; color: #ffffff; }

/* checkbox  */
.order_book .checkbox_container { width: 24%; text-align: center; display: flex; position: relative; padding: 15px 10px; margin-bottom: 12px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.order_book .checkbox_container input { position: absolute; opacity: 0; cursor: pointer; }
.order_book .checkbox_container:hover input ~ .checkbox_checkmark { background-color: #ccc; }
.order_book .checkbox_container input:checked ~ .checkbox_checkmark { background-color: #000000; color: #ffffff; }
.order_book .form_field .checkbox_out { display: flex; justify-content: space-between; align-items: center; }
.order_book .checkbox_checkmark { background-color: transparent; width: 100%; border: 2px solid #000; border-radius: 8px; padding: 15px 10px; }
/* checkbox */
.lenscolor_show, .readding_show, .sung_show, .spectical_show{ display:none; }
.order_book .step_wise .form_button { padding-top: 10px; }
.form_button_step { display: flex; justify-content: space-between; align-items: center; }
.order_book .form_button button:active,
.order_book .form_button button:hover { background-color: #ffd500; color: #000000; }
.order_book .form_button.form_button2 button:active,
.order_book .form_button.form_button2 button:hover { background-color: #ffffff; color: #000000; }
.form_button_step .pre_btn { background-color: #ffffff; color: #000000; } 
.form_button_step button { width: 49%; }

img.loading_img { max-width: 33px; width: 100%; margin-top: 0; margin-right: 5px; }
.loading_main .video_inner img { max-width: 76px; }
.loading_main .video_inner { border-radius: 50%; margin: 0 auto; margin-bottom: 10px; overflow: hidden; width: 80px; height: 80px; display: flex ; align-items: center; justify-content: center; border: 5px solid #9fddff; }
.loading_main .video_out { display: block; width: 100%; text-align: center; }

.gm_btn { border: none; cursor: pointer; display: inline-block; background-color: #d93025; color: white; text-decoration: none; padding: 10px 20px; border-radius: 10px; -webkit-border-radius: 10px; font-weight: 600; -webkit-border: none; box-shadow: none; -webkit-box-shadow: none; appearance:none; -webkit-appearance:none; transition: 0.3s linear; -webkit-transition: 0.3s linear; }
.gm_btn:hover { background-color: #9b2118; }

.thankyou { text-align: center; }
.thankyou .ticket_image { min-width: 800px; position: relative; margin: 0 auto; max-width: 600px; border: 2px solid #000000; overflow: hidden; }
.thankyou .ticket_image { position: absolute; left: -9999px; top: -9999px; }
div#all-errors { padding-left: 30px; padding-top: 20px; }


.thankyou .ticket_image img { width: 100%; }
.thx { padding: 10px 0; }
.thx h3 { font-weight: bold; padding-bottom: 12px; }
.thx h5 { padding-bottom: 10px; }
.thxtext { position: absolute; font-size: 28px; font-weight: 600; color: #ffffff; }

/* booking_sec */
.thxtext { position: absolute; font-size: 28px; font-weight: 600; color: #000000; }
.thxtext.name { left: 148px; top: 306px; }
.thxtext.reward { left: 271px; top: 78px; font-weight: bold; font-size: 26px; }
.thxtext.number { left: 207px; top: 247px; }
.thxtext.date { left: 550px; top: 183px; }
.thxtext.city { left: 550px; top: 244px; }
.thxtext.owneroptical { top: 71px; width: 100%; text-align: center; font-weight: bold; font-size: 45px; }
.thxtext.ownerphone { bottom: 18px; right: 36px; width: 204px; font-size: 26px; }
.thxtext.shoploca { left: 80px; bottom: 3px; font-size: 17px; text-align: left; width: 455px; line-height: 1.2; height: 65px; display: flex; align-items: center; }

.thankyou .logooptical { position: absolute; left: 0; top: 65px; width: 100%; display: flex; justify-content: center; }
.thankyou .logooptical img { max-width: 350px; }

.thxtext.orderid { color: #000; left: 168px; top: 182px; }
.thxtext.l_sph { left: 585px; top: 432px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nl_cly { left: 580px; top: 774px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nl_sph { left: 580px; top: 707px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.l_cly { left: 585px; top: 500px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.l_axis { left: 585px; top: 571px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nl_axis { left: 585px; top: 843px; font-size: 35px; width: 111px; text-align: center; }

.thxtext.nl_add { left: 532px; top: 638px; width: 210px; text-align: center; font-size: 35px; }
.thxtext.nr_add { left: 315px; top: 638px; width: 210px; text-align: center; font-size: 35px; }

.thxtext.r_sph { left: 361px; top: 433px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.r_cly { left: 361px; top: 501px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.r_axis { left: 361px; top: 572px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nr_axis { left: 362px; bottom: 104px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nr_sph { left: 363px; top: 706px; font-size: 35px; width: 111px; text-align: center; }
.thxtext.nr_cly { left: 363px; top: 776px; font-size: 35px; width: 111px; text-align: center; }
/* booking_sec */

/* crm_sec */
.crm_sec { display: block; padding: 150px 0 100px; }
.crm_sec .crm_main .crm_main_inner { position: relative; background-color: #e9e9e9; border-radius: 10px; padding: 15px 10px; margin-bottom: 20px; }
.crm_sec .crm_main_inner .crm_main_customer_main { position: relative; }
.crm_sec .crm_main_inner .oder_date { position: absolute; right: 0; top: 0; }
.crm_sec .crm_main_inner .birth_date { position: absolute; right: 0; top: 25px; }
.crm_sec .crm_main_inner .user_age { position: absolute; right: 0; top: 50px; }
.crm_sec .crm_main_inner .prescr_card { position: absolute; right: 0; bottom: 0px; }
.crm_sec .crm_main_inner .text-user-box { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.crm_sec .crm_main_inner .crm_main_customer_details { overflow: hidden; max-height: 0; background: #ffffff; transition: max-height 0.3s ease; margin: 8px 0; border-radius: 5px; }

.crm_sec .dropdown_icon { transition: transform 0.3s ease; border-radius: 5px 5px 0 0; position: absolute; margin: 0 auto; bottom: 0px; cursor: pointer; z-index: 10; left: auto; background-position: center center; background-color: #ffd90a; right: 10px; width: 25px; height: 25px; background-image: url(../images/dropdown_icon.png); background-repeat: no-repeat; background-size: 20px; }
.crm_sec .dropdown_icon.active { transform: rotate(180deg); }

.crm_sec .crm_main_inner .crm_main_customer_details ul { padding: 10px; list-style: none; }
.crm_sec .crm_main_inner .crm_main_customer_details ul li { padding: 5px 3px; }
.crm_sec .crm_main_inner .crm_main_customer_details.detail_open { height: 100%; }

.prescr_card a { background: #000000; padding: 3px 12px; color: #ffffff; border-radius: 5px; border: 2px solid #000; }
.prescr_card a:hover { background-color: #ffffff; color: #000000; }

.whastapp.text-user-box a { background: #18a000; border: 2px solid #18a000; color: #ffffff; padding: 5px 12px; padding-left: 33px; border-radius: 5px; background-image: url(../images/whatsapp.png); background-repeat: no-repeat; background-size: 19px; background-position: 9px center; }
.whastapp.text-user-box a:hover { background-color: #ffffff; color: #18a000; }
.crm_sec .crm_main_inner .crm_main_customer_details ul li.total_amount { background: #18a000; color: #fff; padding: 3px 10px; border-radius: 100px; }

.call_btn.text-user-box a { background: #000000; border: 2px solid #000000; color: #ffffff; padding: 5px 8px; padding-left: 30px; border-radius: 5px; background-image: url(../images/call_icon.png); background-repeat: no-repeat; background-size: 19px; background-position: 6px center; }
.call_btn.text-user-box a:hover { background-color: #ffffff; color: #000000; }

.crm_sec .crm_main_inner .product_type.text-user-box { padding-bottom: 12px; width: 60%; }
.crm_sec .crm_main_inner .total_amount.text-user-box { padding-bottom: 12px; font-size: 20px; }
.crm_sec .crm_main_inner .user_name.text-user-box { padding-bottom: 12px; font-size: 20px; width: 60%; }
.crm_sec .crm_main_inner .birth_date.text-user-box { font-size: 14px; color: #868686; }
.oder_days_ago.text-user-box { position: absolute; right: 0; top: 90px; background: #ffd088; padding: 4px; border-radius: 100px 0 0 100px; padding: 4px 11px; }
.oder_days_ago.text-user-box:after { content: ""; position: absolute; right: -10px; top: 0; width: 11px; height: 100%; background-color: #ffd088; }
/* crm_sec */

/* popup */
.custom_model_main { text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; outline: 0; opacity: 0; -webkit-transition: opacity 0.15s linear z-index 0.15; -o-transition: opacity 0.15s linear, z-index 0.15; transition: opacity 0.15s linear, z-index 0.15; z-index: -1; overflow-x: hidden; overflow-y: auto; visibility: hidden;  }
.custom_model_main.model_open { visibility: visible; }
.custom_model_main .custom_model_inner { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: inline-block; vertical-align: middle; width: 100%; margin: 30px auto; max-width: 680px; }
.custom_model_main .custom_model_wrap { display: block; width: 100%; position: relative; background-color: transparent; outline: 0; text-align: left; max-height: calc(100vh - 70px); overflow-y: auto; padding: 0 10px; }
.custom_model_main .custom_model_wrap img { border-radius: 10px; width: 100%; }
.model_open { z-index: 99999; opacity: 1; overflow: hidden; }
.model_open .custom_model_inner { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: relative; z-index: 999; }
.model_open .bg_overlay { background: rgba(0, 0, 0, 0.5); z-index: 99; backdrop-filter: blur(5px); }
.bg_overlay { background: rgba(0, 0, 0, 0); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear; }
.close_btn { position: absolute; right: 10px; top: 0px; cursor: pointer; z-index: 99; font-size: 45px; color: #000000; width: 35px; height: 35px; line-height: 33px; background: #e1e1e1; }
body.mobile-view .custom_model_inner:after { display: none; } 
/* popup */