/* Theme Name: Divi Child Theme Theme URI: http://localhost/eyeqsolutions/ Description: Child Theme For Divi Author: Your Name Author URI: http://localhost/eyeqsolutions/ Version: 1.0.0 Template: Divi */ .main-header.et_pb_section .et_pb_row {overflow-x: visible !important;} .content-style-1 ul li {list-style-type:none;padding-left:30px;position:relative;margin-bottom:10px !important;font-weight:400;} .content-style-1 ul li:before {width:20px;height:20px;font-family: 'ETmodules';position: absolute;font-size: 18px;content: '\4e';top: 2px; left: 0px;} .primary-menu nav.et-menu-nav ul.nav li ul.sub-menu li {padding:0;width: 100%;} .primary-menu nav.et-menu-nav ul.nav li ul.sub-menu li a {padding:5px 15px!important; width: 100%;font-weight: 300;} .active-primary.current-menu-item.current_page_item {background: #fff !important;border-color:#EA7910!important;} .active-primary.current-menu-item.current_page_item a {color:#EA7910!important;} .core-services-box .et_pb_main_blurb_image {width: 100%;} .widget_search .wp-block-search .wp-block-search__input {width: 100%;border-radius: 3px;border-radius: 5px;height: 56px !important;} .widget_search .wp-block-search__button {cursor: pointer;height: 56px !important;border-radius: 0 5px 5px 0;font-size: 16px;font-weight: bold;color: #fff;background:#00CDB6 !important;} .widget_search .wp-block-search__button:hover {background:#006d77!important;} /* Mobile menu dropdown css */ .et_pb_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a {background-color: transparent;position: relative;} .et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {font-family: 'ETmodules';text-align: center;speak: none;font-weight: 600; font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; position: absolute;font-size: 18px;content: '\4c';top: 11px; right: 13px;} .et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after, #main-header .et_mobile_menu .menu-item-has-children.visible > a:after {content: '\4d';} .et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {display: none !important;visibility: hidden !important; transition: all 1.5s ease-in-out;} .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu, #main-header .et_mobile_menu li.visible > ul.sub-menu, .et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu, .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu, .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {display: block !important; visibility: visible !important;} /* Mobile menu dropdown css end */ .contact-form-support h2 {font-size:40px;margin-bottom:15px;} .contact-form-support p {font-size:16px;font-weight:300;} .contact-form-support ul {margin-top:20px;display:flex;flex-wrap:wrap;} .contact-form-support ul li {margin-bottom:10px;padding:0 10px;width: 50%;list-style-type:none;} .contact-form-support ul li .wpcf7-not-valid-tip {font-size: 0.8em; text-align: left;} .contact-form-support ul li:last-child, .contact-form-support ul li:nth-last-child(2), .contact-form-support ul li:nth-last-child(3) {width:100%;} .contact-form-support ul li input, .contact-form-support ul li textarea, .contact-form-support ul li select {width:100%;border-radius:7px;padding:10px;} .contact-form-support ul input, .contact-form-support ul li select {height:52px;} .contact-form-support ul textarea {height:120px;} .contact-form-support ul input.wpcf7-submit {height:auto;} .contact-form-support ul li .submit-form {width:150px;height:52px;font-size:18px;font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; background: #e26037 !important;padding: 16px 20px !important;border: unset;color: #fff;line-height: 20px;} .contact-form-support.pricing-plan ul li:nth-last-child(3) {width:50%;} #menu-sitemap.nav li, #menu-sitemap.nav li li {line-height: 1.2em;} #menu-sitemap li {width:100%; display: block;padding-left:30px;margin-left:0;} #menu-sitemap li a {display:block;width:100%;} #menu-sitemap.nav li li a {padding-left:0px;} #menu-sitemap.nav li.menu-item-has-children > a {font-weight:bold;} #menu-sitemap li ul {display:block !important;position:unset !important;visibility:visible;opacity:1;margin:0;width:100% !important;padding-left:0px !important; box-shadow: unset;border-top: unset; padding-top: 0;} #menu-sitemap li:before{color: #6ab04c;content:"\52";font-family: ETmodules !important;font-weight: 400 !important;font-style: normal;position: absolute; font-size: 14px; top:0px;left: 0;} /* Hide the tabs content/sections */ .tab-content {display:none;} .tab-open {display:block;} #blurb-tabs .tab-title {transition:all .3s ease-in-out;} #blurb-tabs .tab-title:hover {cursor:pointer; background:#222; /* Tab hover background color */} #blurb-tabs .tab-title.active-tab {background:#ea7100; /* Active tab background color */} #blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a {color:#000; /* Active tab title color */} #custom-contact-form .et_pb_contact_field #et_pb_contact_agency_name_0 {padding-left:40px; background:#eee url(../../../wp-content/uploads/2026/02/office-chair.webp) no-repeat;background-position: 5px center;background-size:24px;} #custom-contact-form .et_pb_contact_field #et_pb_contact_full_name_0{padding-left: 40px; background:#eee url(../../../wp-content/uploads/2026/02/profile.png) no-repeat;background-position: 5px center; background-size:24px;} #custom-contact-form .et_pb_contact_field #et_pb_contact_phone_no_0{padding-left: 40px; background:#eee url(../../../wp-content/uploads/2026/02/phone-no.webp) no-repeat;background-position: 5px center;background-size:24px;} #custom-contact-form .et_pb_contact_field #et_pb_contact_work_email_0{padding-left: 40px; background:#eee url(../../../wp-content/uploads/2026/02/email.png) no-repeat;background-position: 5px 15px; background-size:24px;} .tbl-container {max-width: 1100px;margin: 0 auto;} .tbl-container .table-wrapper {background: #fff;border-radius: 16px;overflow: hidden;border: 1px solid #e2e4e8;box-shadow: 0 8px 24px rgba(61, 90, 128, 0.08);transition: box-shadow 0.3s ease;} .tbl-container .table-wrapper:hover {box-shadow: 0 12px 32px rgba(61, 90, 128, 0.12);} .tbl-container table {width: 100%;border-collapse: collapse;min-width: 320px;} .tbl-container thead tr {background: #3D5A80;} .tbl-container th {padding: 18px 24px;text-align: left;font-weight: 700;font-size: 1rem;color:#fff !important;vertical-align: middle;} .tbl-container tbody td {padding: 18px 24px;text-align: left;vertical-align: middle;border-bottom: 1px solid #f1f3f5;background: #fff;} .tbl-container tbody tr:last-child td {border-bottom: none;} .tbl-container tbody tr:hover td {background: #f8f9fa;} .tbl-container td.benefit,.tbl-container td.metric {font-weight: 700;color: #2d3748;} .tbl-container td.copy {font-weight: 400;color: #4a5568;} /* Pricing Table */ .price-container {max-width: 1100px;margin: 0 auto;} .price-container .page-title {text-align: center;font-size: 2.25rem;font-weight: 700;color: #2C4688;margin-bottom: 36px;letter-spacing: -0.02em;} .price-container .table-card {background: #fff;border-radius: 12px;overflow: hidden;border: 1px solid #e2e8f0;box-shadow: 0 4px 20px rgba(44, 70, 136, 0.1);} .price-container .table-scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;} .price-container table {width: 100%;border-collapse: collapse;min-width: 700px;} .price-container th, .price-container td {border: 1px solid #e2e8f0;padding: 14px 18px;text-align: left;vertical-align: middle;font-size: 0.9rem;} /* Column A - Deliverables */ .price-container td:first-child,.price-container th:first-child {background: #f8fafc;font-weight: 600;color: #2d3748;min-width: 260px;} /* Plan header row - creative header cells */ .price-container thead tr.plan-header th {background: #2C4688;color: #fff;font-weight: 700;text-align: center;padding: 20px 16px;vertical-align: middle;} .price-container thead tr.plan-header th:first-child {background: #f8fafc;color: #2d3748;text-align: left;padding: 14px 18px;} .price-container .plan-header-cell {display: flex;flex-direction: column;align-items: center;gap: 8px;} .price-container .plan-header-cell .plan-label {font-size: 0.7rem;font-weight: 600;letter-spacing: 0.15em;text-transform: uppercase;opacity: 0.9;} .price-container .plan-header-cell .plan-name {font-size: 1.15rem;letter-spacing: 0.02em;line-height: 1.2;} .price-container thead tr.plan-header th.plan-starter {border-left: 4px solid #5BB75B;} .price-container thead tr.plan-header th.plan-value {border-left: 4px solid #F78C2F;} .price-container thead tr.plan-header th.plan-gold {border-left: 4px solid #ffd700;} .price-container thead tr.plan-header th.plan-gold .plan-label {color: #ffd700;} /* Price row - soft blue tint */tr.price-row td {background: #e8eef7;color: #2C4688;font-weight: 700;} .price-container tr.price-row td:first-child {background: #f8fafc;color: #2d3748;} .price-container tr.suggested-row td {background: #e8eef7;color: #2C4688;font-size: 0.85rem;} .price-container tr.suggested-row td:first-child {background: #f8fafc;font-weight: 400;font-size: 0.85rem;} /* Designed for */tr.designed-for td {background: #f7fafc;font-weight: 400;line-height: 1.5;} .price-container tr.designed-for td:first-child {background: #f8fafc;} /* Feature rows */ .price-container tbody tr.feature-row td {background: #fff;} .price-container tbody tr.feature-row td:first-child {background: #f8fafc;} /* Highlight rows - light green (theme match) */ .price-container tbody tr.highlight-row td {background: #e6f7ed;color: #22543d;} .price-container tbody tr.highlight-row td:first-child {background: #5BB75B;color: #fff;font-weight: 700;} .price-container tbody tr:hover td {filter: brightness(0.98);} .price-container tbody tr:hover td:first-child {filter: brightness(1);} .price-container .price-main {font-size: 1.2rem;} .price-container .price-suggested {font-size: 0.9rem;font-weight: 600;} /* Tablet */ @media (max-width: 768px) { .price-container .page-title {font-size: 1.75rem;margin-bottom: 28px;} .price-container .table-card {border-radius: 10px;} .price-container th, .price-container td {padding: 12px 14px;font-size: 0.875rem;} .price-container td:first-child, .price-container th:first-child {min-width: 220px;} .price-main {font-size: 1.1rem;} } /* Mobile */ @media (max-width: 480px) { .price-container .page-title {font-size: 1.5rem;margin-bottom: 24px;} .price-container th, td {padding: 10px 12px;font-size: 0.8rem;} .price-container td:first-child, .price-container th:first-child {min-width: 180px;} .price-container .price-main {font-size: 1rem;} } @media (max-width: 640px) {body {padding: 40px 16px;} .tbl-container .section-heading {font-size: 1.6rem;margin-bottom: 28px;} .tbl-container th, .tbl-container td {padding: 14px 16px;font-size: 0.9rem;} .tbl-container .table-wrapper {overflow-x: auto;} } @media screen and (min-width:980px) and (max-width:1300px) { .main-header .et_pb_row {width:100%;max-width:96%;} } @media screen and (min-width: 769px) and (max-width: 1000px) { .table_ul li {letter-spacing: 0px;} .pricing .plan h2 {font-size: 18px;} .pricing .plan .price {font-size: 26px;} .pricing .plan {padding: 1.5rem 1rem;} .pricing .plan h5 {font-size: 18px;} .pricing.pricing-col .plan {width: 46%;} } @media screen and (max-width:990px) { .main-slider .header-content-container.center .header-content {text-align: center !important;} .mo-menu-show {} } @media only screen and (max-width: 980px) { .scroll-effect .et_pb_tabs .et_pb_tab, .scroll-effect .et_pb_column .et_pb_module, .scroll-effect.et_pb_section .et_pb_row, .scroll-effect.et_pb_section .et_pb_row .et_pb_column { /* Add CSS to prevent unwanted scrolling, for example: */ /* overflow: hidden !important; */ /* If the "scrolling effect" is an animation, this might disable it: */ animation: none !important; transition: none !important; transform: none !important; opacity: 1.000 !important; } /* If the issue is horizontal scrolling of the tab titles themselves, you can use: */ .scroll-effect .et_pb_tabs_controls, .scroll-effect .et_pb_column .et_pb_module, .scroll-effect.et_pb_section .et_pb_row { overflow-x: hidden !important; opacity: 1.000 !important; } } @media screen and (max-width:800px) { .pricing {flex-wrap: wrap;} .pricing .plan {width:100% !important;} .enquiry-form-wrap h2 {font-size:28px;} } @media screen and (max-width:600px) { .contact-form-support .form-wrap .form-row.form-col-2 {flex-wrap:wrap;} .contact-form-support h2 {font-size: 24px;} .contact-form-support p {font-size:14px;} .contact-form-support .form-wrap textarea {height:90px;} .contact-form-support .form-wrap {margin-top: 15px;} .contact-form-support ul li, .contact-form-support.pricing-plan ul li:nth-last-child(3) {width: 100%;list-style-type:none;} } @media screen and (max-width: 620px) { .comparison .product div {font-size: 18px;} .popup .wpcf7-form .input-contact input, .popup .wpcf7-form .input-contact .input-filled.your-message textarea {padding:5px 7px 5px 7px;line-height:32px; font-size: 16px;} form .select2-container--default .select2-selection {height: 40px;} .popup-container {width: 80%;margin: 0em auto;padding: 25px;} .g-recaptcha-wrap .g-recaptcha .parallax-inner {left: -10px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); width: 100% !important;} .pricing .plan .price-content {padding: 1rem 1rem;} } @media screen and (max-width: 481px) { .pricing .plan h2 {font-size: 18px;} .pricing .plan .price {font-size: 26px;} .pricing .plan {padding: 1.5rem 1rem;} .pricing .plan h5 {font-size: 18px;} .pricing.pricing-col .plan {width:100%;} }