.elementor-2341 .elementor-element.elementor-element-36942f67{--display:flex;overflow:visible;}.elementor-2341 .elementor-element.elementor-element-4d1fb6c{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-secondary );}.elementor-2341 .elementor-element.elementor-element-d7521e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 23px) 0px;}.elementor-2341 .elementor-element.elementor-element-d7521e9 .elementor-heading-title{font-family:var( --e-global-typography-d6fddc7-font-family ), Sans-serif;font-size:var( --e-global-typography-d6fddc7-font-size );font-weight:var( --e-global-typography-d6fddc7-font-weight );line-height:var( --e-global-typography-d6fddc7-line-height );}.elementor-2341 .elementor-element.elementor-element-0785cce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2341 .elementor-element.elementor-element-07a0c40{background-color:#F2F6FA;padding:20px 20px 20px 20px;border-radius:16px 16px 16px 16px;}.elementor-2341 .elementor-element.elementor-element-26be4e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button:hover, .elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button:focus{background-color:var( --e-global-color-521356f );color:var( --e-global-color-64fcff2 );border-color:var( --e-global-color-521356f );}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button{font-family:var( --e-global-typography-b7688e1-font-family ), Sans-serif;font-size:var( --e-global-typography-b7688e1-font-size );font-weight:var( --e-global-typography-b7688e1-font-weight );line-height:var( --e-global-typography-b7688e1-line-height );padding:9px 24px 9px 24px;}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button:hover svg, .elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button:focus svg{fill:var( --e-global-color-64fcff2 );}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-b7688e1-font-family ), Sans-serif;font-size:var( --e-global-typography-b7688e1-font-size );font-weight:var( --e-global-typography-b7688e1-font-weight );line-height:var( --e-global-typography-b7688e1-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#1F1F1F;padding:9px 24px 9px 24px;}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button:hover, .elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-64fcff2 );border-color:var( --e-global-color-primary );}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button:hover svg, .elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button:focus svg{fill:var( --e-global-color-64fcff2 );}.elementor-2341 .elementor-element.elementor-element-fc1fb06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-2341 .elementor-element.elementor-element-9424f40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 21px) 0px;}.elementor-2341 .elementor-element.elementor-element-9424f40 .elementor-heading-title{font-family:var( --e-global-typography-d6fddc7-font-family ), Sans-serif;font-size:var( --e-global-typography-d6fddc7-font-size );font-weight:var( --e-global-typography-d6fddc7-font-weight );line-height:var( --e-global-typography-d6fddc7-line-height );}.elementor-2341 .elementor-element.elementor-element-f90aa63{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-radius:16px 16px 16px 16px;}@media(max-width:1366px){.elementor-2341 .elementor-element.elementor-element-4d1fb6c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2341 .elementor-element.elementor-element-d7521e9 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9424f40 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}}@media(max-width:1024px){.elementor-2341 .elementor-element.elementor-element-4d1fb6c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2341 .elementor-element.elementor-element-d7521e9 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}.elementor-2341 .elementor-element.elementor-element-07a0c40{padding:20px 8px 20px 8px;}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9424f40 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}}@media(max-width:768px){.elementor-2341 .elementor-element.elementor-element-07a0c40{padding:20px 8px 20px 8px;}.elementor-2341 .elementor-element.elementor-element-26be4e1{--justify-content:center;}}@media(max-width:480px){.elementor-2341 .elementor-element.elementor-element-4d1fb6c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2341 .elementor-element.elementor-element-d7521e9 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}.elementor-2341 .elementor-element.elementor-element-eaafde2 .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9ac7edc .elementor-button{font-size:var( --e-global-typography-b7688e1-font-size );line-height:var( --e-global-typography-b7688e1-line-height );}.elementor-2341 .elementor-element.elementor-element-9424f40 .elementor-heading-title{font-size:var( --e-global-typography-d6fddc7-font-size );line-height:var( --e-global-typography-d6fddc7-line-height );}}/* Start custom CSS for container, class: .elementor-element-26be4e1 */.elementor-2341 .elementor-element.elementor-element-26be4e1 a{
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f90aa63 */.result-table-inner {
  width: 520px;
  border-collapse: collapse;
  text-align: center;
}

/* 1st column - 20% */
.result-table-inner th:first-child,
.result-table-inner td:first-child {
  width: 24%;
  text-align: left; /* Eye label left aligned */
}

/* 2nd column - 24% */
.result-table-inner th:nth-child(2),
.result-table-inner td:nth-child(2) {
  width: 25.3%;
}

/* 3rd column - 24% */
.result-table-inner th:nth-child(3),
.result-table-inner td:nth-child(3) {
  width: 25.3%;
}

/* 4th column - 24% */
.result-table-inner th:nth-child(4),
.result-table-inner td:nth-child(4) {
  width: 25.3%;
}/* End custom CSS */
/* Start custom CSS */.prescription-box table td, .prescription-box table th {
    border: none;
    padding: 10px 12px;
    text-align: left;
}
.prescription-box th{
    padding-bottom: 13px !important;
    border-block-start: none !important;
}

.prescription-box table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th,
.prescription-box table tbody tr:hover>td, table tbody tr:hover>th {
    background: transparent;
}
.prescription-box td.eye-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    vertical-align: middle;
}
.custom-select::after {
  content: '';
  background: url('/wp-content/uploads/2025/09/dropdown-icon.png') no-repeat center center;
  background-size: 11px;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none; 
}
.custom-select {
  position: relative;
}
/********************/
.prescription-box table {
      width: 100%;
      border-collapse: collapse;
    }
.form-row td.eye-label {
  width: 14%;
}
.form-row td:nth-child(2),
.form-row td:nth-child(3),
.form-row td:nth-child(4) {
  width: 28.67%;
}
.prescription-box th {
      font-weight: 700;
      font-size: 18px;
      color: #1F1F1F;
    }

.prescription-box td {
      padding: 8px 12px;
    }

.prescription-box label {
      font-size: 14px;
      color: #333;
    }
.prescription-box select option {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 21px;
}
.prescription-box select {
    padding: 14.5px 14px;
    font-size: 14px;
    border: 1px solid #CCC;
    border-radius: 6px;
    background: #fff;
    appearance: none;
    outline: none;
    cursor: pointer;
    max-width: 100% !important;
    color: #707070;
}

.prescription-box .eye-label {
      font-weight: 400;
      font-size: 14px;
      color: #333;
      white-space: nowrap;
    }

.prescription-box .result {
      text-align: center;
      font-weight: bold;
      color: #111;
    }
/*** Results CSS **/
.result-table{
    width: 100%;
    border: 2px solid #1F63D9;
    border-radius: 16px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 17px 0px 28px 16px;
}
.result-table tr,
.result-table thead th,
.result-table td,
.result-table th,
.result-table tr th,
.result-table tr td{
    border: none !important;
    background: none !important;
}
.result-table thead th {
    padding: 12px;
    font-weight: 700;
    color: #1F1F1F;
    font-size: 18px;
}

.result-table tbody th {
  text-align: left;
  padding: 10px 15px;
  font-weight: 400;
  color: #1F1F1F;
  font-size: 18px;
}

.result-table td {
  padding: 10px;
  font-weight: 700;
  color: #054E83;
  font-size: 18px;
}
.result-table .table td {
  text-align: center;
  vertical-align: middle;
}
.result-table .table td:empty::before {
  content: "-";
  display: block;
  text-align: center;
  color: #000;
}

@media(max-width:1024px){
    .prescription-box thead {
    display: none;
}
.prescription-box td.eye-label {
    font-weight: 700;
}
.form-row td.eye-label {
  width: 100%;
}
.form-row td:nth-child(2),
.form-row td:nth-child(3),
.form-row td:nth-child(4) {
  width: 100%;
}
tr.form-row {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0px;
}
.prescription-box select{
    width:100% !important;
}
.prescription-box tbody{
    display: flex;
}
.prescription-box tr.form-row
{
    display: flex;
    flex-direction: column;
}
.result-table-inner {
    width: 100%;
}
.result-table thead th,
.result-table tbody th,
.result-table td{
    font-size:16px;
}
}
@media(max-width:768px){
.result-table td,
.result-table tbody th,
.result-table thead th{
    padding: 10px 0px;
}
.prescription-box table td, .prescription-box table th{
    padding:8px 8px;
}
table.result-table-inner {
    margin-bottom: 0px;
}
.result-table{
    padding: 16px;
}
}/* End custom CSS */