/**
Theme Name: Retina Systems Child Theme
Author: The Janice Christopher Marketing Agency
Author URI: https://janicechristopher.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: retina-systems-child-theme
Template: astra
*/


@import url('https://use.typekit.net/lcc5uwc.css');
:root {
  --font-univers: "univers-next-pro", sans-serif;
}

html { scroll-behavior: smooth;}
body, button, input, select, textarea, .ast-button, .ast-custom-button, .elementor-widget-heading, .elementor-widget-text-editor { font-family: var(--font-univers), sans-serif !important; font-style: normal !important;}
h1, h2, h3, h4, h5, h6, body, a, button, input, textarea, select, ul, ol, li, blockquote, p {
	font-family: var(--font-univers), Sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-style: normal;
}

/* header */
.elementor-nav-menu .sub-arrow { display: none !important;}
.header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu:after { content: none !important;}
.header-main { z-index: 5; transition: all .5s ease; position: absolute !important;}
.header-main > .e-con-inner { transition: all .3s ease;}
.header-main .header-logo { flex-basis: 175px;}
.header-menu ul.elementor-nav-menu { align-items: center;}
.header-menu ul.elementor-nav-menu > li.menu-item a:hover { color: var(--e-global-color-secondary) !important;}
.header-menu ul.elementor-nav-menu > li.menu-item.current-menu-item a, .header-menu ul.elementor-nav-menu > li.menu-item.current_page_item a,
.header-menu ul.elementor-nav-menu > li.menu-item a.elementor-item-active { font-weight: 500 !important;}
.header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) > a { color: var(--e-global-color-secondary) !important; font-weight: 500 !important;}
.header-menu .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link { color: var(--e-global-color-secondary) !important;}

.header-menu ul.elementor-nav-menu > li.menu-item.current-menu-parent ul.sub-menu li a.elementor-item-active { color: var(--e-global-color-secondary) !important; background-color: var(--e-global-color-primary) !important; font-weight: 500 !important;}

.menu-item a.menu-link { text-transform: uppercase !important;}
.elementor-nav-menu li.menu-item .has-submenu.highlighted { color: var(--e-global-color-secondary) !important;}
.elementor-nav-menu--dropdown a { margin: unset !important; padding: unset !important; line-height: 1.56 !important; border: unset !important; background-color: unset !important; color: var(--Text-343534) !important; transition: all .3s ease;}
/* .elementor-nav-menu--dropdown a.current-menu-link { color: var(--e-global-color-secondary) !important; margin: unset !important; padding: unset !important; border: unset !important; background-color: unset !important;} */
header .header-menu li.menu-item-has-children > ul.elementor-nav-menu--dropdown > li.menu-item a:hover, .elementor-nav-menu--dropdown a.current-menu-link { color: var(--e-global-color-secondary) !important; background-color: var(--e-global-color-primary) !important; border-color: var(--e-global-color-primary) !important;}
.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a {
    width: 200px;
    margin: unset !important;
/*     min-height: 55px; */
    max-width: 200px;
    font-family: var(--font-univers), Sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: var(--e-global-color-secondary) !important;
    letter-spacing: 0px !important;
    line-height: 18px !important;
	text-wrap: auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase !important;
    padding: 9px 10px 6px 11px !important;
    border-radius: 0;
    border: 2px solid var(--e-global-color-primary) !important;
    background-color: var(--e-global-color-primary) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease !important;
}
.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a:after { content: none !important;}
.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a:hover { color: var(--e-global-color-secondary) !important; background: transparent !important; border-color: var(--e-global-color-secondary) !important;}


#ast-scroll-top { background-color: var(--e-global-color-secondary); color: var(--e-global-color-text); transition: all .3s ease;}
#ast-scroll-top:hover { background-color: var(--e-global-color-primary); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}

/* Common Styling */
.font-500, strong, b, h1, h2, h3, h4, h5, h6, button { font-family: var(--font-univers); font-weight: 500;}
.d-none { display: none !important;}
:focus-visible { outline: unset;}
a.elementor-button, .cmn-btn > a.elementor-button { min-width: 200px !important; border: 2px solid !important; border-radius: 0 !important; transition: all .3s ease; }
.cmn-btn { padding: unset !important; min-height: 38px; min-width: 200px !important; display: flex !important; align-items: center; justify-content: center; font-weight: 500 !important; border: 2px solid; transition: all .3s ease;}
.red-btn { color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: var(--e-global-color-primary) !important; transition: all .3s ease; }
.red-btn:hover { color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-secondary) !important; background-color: transparent !important;}
.red-border-btn { color: var(--e-global-color-text) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: transparent !important; transition: all .3s ease; }
.red-border-btn:hover{ color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: transparent !important; background-color: var(--e-global-color-primary) !important;}
.white-border-btn { color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-secondary) !important; background-color: transparent !important; transition: all .3s ease; }
.white-border-btn:hover{ color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: var(--e-global-color-primary) !important;}
.btn-hover-transbg-blacktxt:hover { color: var(--e-global-color-text) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: transparent !important;}
.text-arrow-btn a.elementor-button-link { 
	background: unset !important; border: unset !important; padding: unset !important; border-radius: unset !important; text-align: left; font-weight: 500 !important;
	display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: var(--e-global-color-primary) !important;
}
.text-arrow-btn a.elementor-button-link > span.elementor-button-content-wrapper { align-items: center;}
.text-arrow-btn a.elementor-button-link svg, .text-arrow-btn a.elementor-button-link svg path,
.arrow-bg-btn.text-arrow-btn a.elementor-button-link svg, .arrow-bg-btn.text-arrow-btn a.elementor-button-link svg path { transition: all .3s ease; transform: unset;}
.text-arrow-btn a.elementor-button-link:hover { color: var(--e-global-color-text) !important;}
.text-arrow-btn a.elementor-button-link:hover svg path { fill: var(--e-global-color-text) !important;}
.text-arrow-btn a.elementor-button-link:hover svg { transform: scaleX(1.2) translateX(5px);}
.arrow-bg-btn.text-arrow-btn a.elementor-button-link svg { width: 38px;}
.arrow-bg-btn.text-arrow-btn a.elementor-button-link:hover svg { transform: scaleX(1) translateX(5px) !important;}
.btn-w-350 { padding-inline: 25px !important; min-width: 350px !important;}

/* Default list & marker changes */
ol, ul { margin: unset; list-style-position: inside;}
ol li::marker, ul li::marker { color: var(--e-global-color-primary); margin-right: 5px;}
.content-list ol li, .content-list ul li { position: relative; margin-bottom: 20px;}
.content-list ol li:last-of-type, .content-list ul li:last-of-type { margin-bottom: unset !important;}

.list-text ol, .list-text ul { margin: unset; list-style: none;}
.list-text ol li, .list-text ul li { list-style: none; padding-left: 20px; position: relative; margin-bottom: 20px;}
.list-text ol li:last-of-type, .list-text ul li:last-of-type { margin-bottom: unset !important;}
.list-text ol li::before, .list-text ul li::before  { width: 5px; height: 5px; font-size: 16px; line-height: inherit; position: absolute; left: 0; top: 0; color: var(--e-global-color-primary);}
.list-text ol li::before { content: counter(list-number) '.';}
.list-text ul li::before { content: '●';}
.list-text ol li > ol, .list-text ul li > ul { margin-top: 20px;}
.list-text p strong { font-weight: 500;}

.elementor-icon-list-item a { outline: none !important;}
a:focus-visible, a:focus { outline: none !important;}

.elementor-template-full-width .ast-container { max-width: 100%; padding: unset;}
.ast-single-post .entry-content a { text-decoration: unset;}
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { padding-left: 10px !important;}
.elementor .e-heading-link-base { text-decoration: none !important;}

/* Gravity Form Css */
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select { height:auto; box-shadow:none !important;}
label, legend { color: var(--e-global-color-text);}
body .gform_wrapper.gravity-theme input[type=color],body .gform_wrapper.gravity-theme input[type=date],body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime],body .gform_wrapper.gravity-theme input[type=email],body .gform_wrapper.gravity-theme input[type=month],body .gform_wrapper.gravity-theme input[type=number],body .gform_wrapper.gravity-theme input[type=password],body .gform_wrapper.gravity-theme input[type=search],body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text],body .gform_wrapper.gravity-theme input[type=time],body .gform_wrapper.gravity-theme input[type=url],body .gform_wrapper.gravity-theme input[type=week],body .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	background-color: var(--e-global-color-f16be96);
	border: 1px solid var(--e-global-color-74320fe);
	border-radius: 2px;
	height: 38px;
}
.gform_wrapper.gravity-theme .ginput_container_textarea { display: flex;}
.gform_heading .gform_required_legend { display: none!important;}
.gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 20px !important; grid-row-gap: 20px !important;}
.gform_wrapper.gravity-theme .gfield { position: relative;}
body .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 10px;}
body .gform_wrapper.gravity-theme .gfield_label { font-size: 16px; font-weight: 500; line-height: 22px;}
body .gform_wrapper.gravity-theme .gfield textarea { height: 100px !important; min-height: auto !important; resize: none !important; overflow-y: auto;}
body .gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid var(--e-global-color-74320fe) !important;}
body .gform_wrapper.gravity-theme #field_submit, body .gform_wrapper.gravity-theme .gform_footer { margin: 25px 0 0 !important; padding:0 !important;}
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{	width: 100% !important; margin-bottom:0 !important; line-height:1.2 !important;}
.charleft.ginput_counter.gfield_description { color: #262626; padding-top: 0; font-size: 12px;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { 
	background: #F5F5F5; border: 1px solid var(--e-global-color-74320fe); font-size: 12px !important; line-height: 1.4 !important; margin-block-start: 4px !important; padding: 5px !important;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: unset !important;}
/* .gform_wrapper.gravity-theme .gfield_required { padding-left: .5px;} */
body .gform_wrapper.gravity-theme .gform_footer { margin-top: 30px !important;}
.gform-footer .gform_button.button { 
	-webkit-appearance: none; appearance: none; display: inline-flex; align-items: center; justify-content: center; width: 100% !important; max-width: 200px; padding: 7px 20px !important; color: var(--e-global-color-text) !important; 
	border: 2px solid var(--e-global-color-primary) !important; border-radius: unset !important; background-color: transparent !important; transition: all .3s ease;
}
.gform-footer .gform_button.button:hover, .gform-footer .gform_button.button:focus { color: var(--e-global-color-secondary) !important; border: 2px solid var(--e-global-color-primary) !important; background-color: transparent !important; background-color: var(--e-global-color-primary) !important;}
.gform_heading { display: none;}

/* Form Placeholder style */
.gform_wrapper input::placeholder,.gform_wrapper textarea::placeholder { color: #555; font-family: var(--font-univers),sans-serif; font-size: 13px; line-height: 19px; opacity: 1;}
.gform_wrapper input::-webkit-input-placeholder,.gform_wrapper textarea::-webkit-input-placeholder { color: #555; font-family: var(--font-univers),sans-serif; font-size: 13px; line-height: 19px; opacity: 1;}
.gform_wrapper input::-moz-placeholder,.gform_wrapper textarea::-moz-placeholder { color: #555; font-family: var(--font-univers),sans-serif; font-size: 13px; line-height: 19px; opacity: 1;}
.gform_wrapper input:-ms-input-placeholder,.gform_wrapper textarea:-ms-input-placeholder { color: #555; font-family: var(--font-univers),sans-serif; font-size: 13px; line-height: 19px; opacity: 1;}


/* Footer */
.foo-links-menu a.menu-link { display: inline-block; text-transform: capitalize !important;}
.foo-copyritght a { text-decoration: none !important;}
footer .foo-links-menu li.current-menu-item > a.elementor-item-active.menu-link { font-weight: 500 !important;}
footer .foo-col-title h5 { font-weight: 500 !important;}
.foo-links-menu li { list-style: none !important; text-align: left;}
footer .foo-links-menu .elementor-nav-menu:after, footer .foo-links-menu li.menu-item > a.menu-link:after, 
footer .foo-links-menu li.menu-item > a.menu-link:hover:after, footer .foo-links-menu li.current-menu-item > a.elementor-item-active.menu-link:after { display: none !important; content: none !important;}
footer .elementor-nav-menu a.elementor-item.menu-link { font-size: var(--e-global-typography-text-font-size) !important; line-height: var(--e-global-typography-text-line-height) !important;}
footer a.menu-link, .contact-icon-list a, .contact-icon-list a svg { align-items: center !important; margin: unset !important; color: var( --e-global-color-secondary ) !important; transition: all .3s ease;}
/* footer a.menu-link:hover, .contact-icon-list a:hover { color: var( --e-global-color-text ) !important;} */
/* .contact-icon-list a:hover svg { fill: var( --e-global-color-text ) !important;} */
.foo-copy-text a:hover { text-decoration: underline !important;}
.foo-signup-form { width: 100%; max-width: 275px;}
.foo-form { position: relative;}
body .foo-signup-form .gform_wrapper.gravity-theme label { display: none !important;}
body .foo-signup-form .gform_wrapper.gravity-theme .gform-footer { 
	margin: unset !important; padding: unset !important;
	position: absolute;
    top: 13.4px;
    right: 10px;
    transform: translate(0, 0);
	gap: 5px;
}
body .foo-signup-form .gform_wrapper.gravity-theme .gform-footer .gform_button.button { border: none !important; padding: unset !important; margin: unset !important; width: auto !important; transform: unset; transition: all .3s ease !important; z-index: 5 !important;}
body .foo-signup-form .gform_wrapper.gravity-theme .gform-footer .gform_button.button:hover,
body .foo-signup-form .gform_wrapper.gravity-theme .gform-footer .gform_button.button:focus { background: unset !important; filter: brightness(0); transform: translateX(5px) scalex(1.1); transform-origin: center center;}
body .foo-signup-form .gform_confirmation_message { color: var( --e-global-color-secondary ) !important;}
/* body .foo-signup-form .gform-loader { display: inline-block; margin: 5px !important;} */



/* Blog Listing */
.e-loop-item.post { background: unset; border-radius: 0;}
.bl-item-main { border-radius: 0 !important;}
.posts-wrap a.elementor-post__thumbnail__link { margin: unset;}
.bl-info-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;}
.bl-info-excerpt p { display: -webkit-box; -webkit-line-clamp: 3;	-webkit-box-orient: vertical; overflow: hidden;	text-overflow: ellipsis; word-wrap: break-word;}
.bl-info-arrow-btn svg { width: 27px; height: auto; transform: unset; transition: all .8s ease;}
.bl-info-arrow-btn svg path.s0 { transition: all .3s ease;}
.bl-info-arrow-btn:hover svg { transform: translatex(5px); width: 35px;}
.bl-info-arrow-btn:hover svg path.s0 { fill: var( --e-global-color-text ) !important;}
.bl-featured-img.elementor-widget-image a { display: block; overflow: hidden;}

/* Single Post Page */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-author-box,
.ast-separate-container .ast-404-layout-1,
.ast-separate-container .no-results,
.error404 .site-content > .ast-container,
.error404 .site-content > .ast-container > div.content-area.primary,
.single.single-post.ast-narrow-container .site-content > .ast-container,
.single.single-post.ast-narrow-container .site-content > .ast-container > section.elementor.ast-article-single { width: 100% !important; max-width: 100% !important; padding: unset !important; margin: unset !important;}
body.error404, body.single.single-post.ast-narrow-container { background: unset !important;}

.post-content-wrp h2, .post-content-wrp h3, .post-content-wrp h4, .post-content-wrp h5, .post-content-wrp h6 { margin-block: 35px 15px !important; text-transform: capitalize; color: var( --e-global-color-primary ) !important;}
.post-title.elementor-page-title h2.elementor-heading-title { margin: unset !important;}
.single-content-wrap a { color: var( --e-global-color-primary ) !important; transition: all .3s ease;}
.single-content-wrap a:hover { color: var( --e-global-color-text ) !important;}
.single-content-wrap ol, .post-content-wrp ul { margin: 0 0 15px 25px;}
.single-content-wrap ol li:not(:last-of-type), .post-content-wrp ul li:not(:last-of-type) { margin-bottom: 5px;}
.single-content-wrap p { margin-bottom: 15px;}
.single-content-wrap .wp-block-image { text-align: center; margin: 0 auto !important; box-shadow: unset !important;}
.single-content-wrap img { margin-block: 15px !important; width: 100%; height: 100%; max-width: clamp(775px, 50vw, 75%) !important; max-height: 436px; object-fit: cover; object-position: center center; box-shadow: unset !important;}
.single-content-wrap figure.wp-block-image + figure.wp-block-image > img { margin-top: unset !important;}
.post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6 { color: var( --e-global-color-primary ) !important; font-weight: 500 !important; margin-bottom: 15px;}
.post-content-elem b, .post-content-elem strong { font-weight:5600 !important;}
.post-content-elem p, .post-content-elem li { color: var( --e-global-color-text );}
.post-content-elem p { margin-bottom: 20px !important;}
.post-content-elem p:first-of-type { margin-bottom: 35px !important;}
.post-content-elem p:last-of-type { margin-bottom: 0px !important;}
.post-content-elem ol, .post-content-elem ul { margin: 0 0 20px 20px;}
.post-content-elem ol li::marker, .post-content-elem ul li::marker { color: var( --e-global-color-primary ) !important;}
.post-content-elem ol li strong, .post-content-elem ul li strong { color: var( --e-global-color-primary ) !important;}
.post-content-elem p:has(+ ul), .post-content-elem p:has(+ ol) { margin-bottom: 20px !important;}
.post-content-elem a, .postside-bar-posts a { color: var( --e-global-color-text ); font-weight: 500; transition: all .3s ease;}
.post-content-elem a:hover, .postside-bar-posts a:hover { color: var( --e-global-color-primary ) !important;}

.single-feat-img img { margin: unset !important; max-width: 100% !important;}
.single-meta-wrap { padding-bottom: 40px;}

.postside-bar .side-bar-title { margin-bottom: 25px; padding: unset !important;}
.postside-bar .side-bar-container h4.elementor-post__title { margin: unset !important;}
.postside-bar .side-bar-container > .e-con-inner { gap: 40px;}
.postside-bar .single-cat-list h5 { display: none;}
.postside-bar .single-cat-list ul { margin: unset; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.postside-bar .side-bar-container li.cat-item {list-style: none;}
.postside-bar .side-bar-container li.cat-item a { font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: 0px; color: #101010; font-family: var(--font-univers),sans-serif; transition: all .3s ease; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.postside-bar .side-bar-container li.cat-item a:hover { color: var( --e-global-color-primary );}


/* Home Page */
.banner-sec { overflow-x: hidden;}
.serv-card, .serv-card .elementor-icon-box-content *, .serv-card svg path { transition: all .3s ease;}
.serv-card:hover svg path { fill: var( --e-global-color-secondary );}
.serv-card:hover .elementor-icon-box-content * { color: var( --e-global-color-secondary );}
.serv-card .elementor-icon-box-icon { display: flex; align-items: center; justify-content: center;}
.serv-icon-box p.elementor-icon-box-description { text-wrap: balance;}
.serv-card .elementor-icon-wrapper { display: flex;}
.form-icon-list.contact-icon-list a, .form-icon-list.contact-icon-list a svg { color: var( --e-global-color-text ) !important;}
.form-icon-list.contact-icon-list a:hover { color: var( --e-global-color-primary ) !important;}
.form-icon-list.contact-icon-list a:hover svg { fill: var( --e-global-color-primary ) !important;}
.gform_wrapper.gravity-theme .contact-form .gfield_required { display: none;}
.highlight-card svg path { fill: var(--e-global-color-secondary);}
.cta-icon-box p.elementor-icon-box-description a { 
	font-size: var(--e-global-typography-secondary-font-size) !important; line-height: var(--e-global-typography-secondary-line-height) !important; font-weight: 500; color: var(--e-global-color-secondary) !important; transition: all .3s ease;
}
.cta-icon-box p.elementor-icon-box-description a:hover { color: var(--e-global-color-primary) !important;}
.cta-icon-box span.elementor-icon-box-title a { color: var(--e-global-color-f16be96);}

/* Service Sector List section */
/* Parent cards wrapper: gives nicer 3D depth */
.service-list-wrap { perspective: 1200px; }
.serv-card {  position: relative !important; overflow: hidden !important; isolation: isolate; transition: background-color 0.3s ease, box-shadow 0.3s ease !important;}
/* Front content */
.serv-card .serv-icon-box, .serv-card > .elementor-widget-icon { position: relative; z-index: 2; transform: rotateY(0deg) !important; 
	backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; transition: transform 0.55s ease, opacity 0.25s ease !important; }
/* Button hidden by default */
.serv-card .service-card-btn {
   	border: 2px solid #ffffff !important; opacity: 0 ; visibility: hidden ; pointer-events: none ; 
	transform: translate(-50%, -50%) rotateY(-180deg) !important; transform-origin: center !important; backface-visibility: hidden ; -webkit-backface-visibility: hidden ;
    transition: transform 0.55s ease, opacity 0.25s ease, visibility 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}
/* Card hover state */
.serv-card:hover::before { transform: rotateY(0deg) ;}
.serv-card:hover .serv-icon-box, .serv-card:hover > .elementor-widget-icon { opacity: 0 !important; transform: rotateY(180deg) !important;}
.serv-card:hover .service-card-btn { opacity: 1 ; visibility: visible ; pointer-events: auto ; transform: translate(-50%, -50%) rotateY(0deg) !important;}
/* Center button hover effect */
.serv-card:hover .service-card-btn:hover { background: transparent; color: #ffffff; border-color: #ffffff; }
/* Front content */
.serv-card .serv-icon-box, .serv-card > .elementor-widget-icon { position: relative; z-index: 2; transform: rotateY(0deg); backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 0.55s ease, opacity 0.25s ease;}


/* About Page */
/* FAQ Accordion */
.elementor-widget-n-accordion .e-n-accordion-item { border: 1px solid #E2E2E2; border-top: unset; }
.elementor-widget-n-accordion .e-n-accordion-item:first-child { border-top: 1px solid #E2E2E2;}
.elementor-widget-n-accordion .e-n-accordion-item .acc-item { transition: all .3s ease;}
.e-n-accordion-item-title-text { font-family: var(--font-univers), Sans-serif !important;;}
.faq-acc-desc ul, .faq-acc-desc ol { list-style-position: outside; margin: 10px 0 0 30px !important;}
/* Hide the SVG icons completely */
/* .e-n-accordion-item-title-icon span svg { display: none !important;}
.e-n-accordion-item-title-icon span.e-closed { display: inline-block; width: 15px; height: 15px; background: url('https://retina-systems-inc.websitepro.hosting/wp-content/uploads/2026/06/Arrow-Plus.png') no-repeat center / contain;}
.e-n-accordion-item-title-icon span.e-opened { display: inline-block; width: 15px; height: 15px; background: url('https://retina-systems-inc.websitepro.hosting/wp-content/uploads/2026/06/Arrow-Minus.png') no-repeat center / contain;} */





/* Responsive CSS */
@media ( min-width:1361px){
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.header-link-btn > a { margin-left: 36px !important; text-wrap: auto; text-align: center;}
	.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a { margin-left: 13px !important;}
}
@media (min-width: 1200px) and (max-width: 1360px){
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) > a { margin-inline: 14px !important;}
	.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a { margin-left: 14px !important;}
}

@media ( min-width:1200px){
}

@media ( max-width: 1199px) {	
}

@media (min-width: 992px) and (max-width: 1199px){
	/* Header */
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) > a { margin-inline: 6px !important;}
	.header-menu ul.elementor-nav-menu > li.menu-item.header-link-btn a { margin-left: 7px !important;}
	.header-main .header-logo { flex-basis: 140px;}
	.header-link-btn a { width: 184px !important;}
	
}

@media (min-width: 992px) {
	header .header-menu li.menu-item-has-children > ul.elementor-nav-menu--dropdown { padding: 0px !important; margin-top: 0 !important; left: 50% !important; transform: translateX(-50%); background-color: var(--White); box-shadow: unset; transition: all .3s ease-in-out;}
	header .header-menu li.menu-item-has-children > ul.elementor-nav-menu--dropdown > li.menu-item a { padding: 15px 20px 10px 20px !important; justify-content: center;}
	header .header-menu li.menu-item-has-children > ul.elementor-nav-menu--dropdown > li.menu-item { margin: unset !important;}
}

@media (max-width: 991px) {
	/* Header */
	.header-main .header-logo { flex-basis: 200px;}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 0px !important;}
	.elementor-nav-menu li.menu-item a:after { content: none !important;}
	/* 	.header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a.has-submenu ~ ul.sub-menu.elementor-nav-menu--dropdown { min-width: unset; width: 100%; transform: unset !important; border: unset;} */
	
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children:has(span.sub-arrow.active) > a.has-submenu {
		color: var(--e-global-color-secondary) !important;
	}	
	.header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent > a.has-submenu { color: var(--e-global-color-secondary)!important; font-weight: 500 !important; background-color: unset !important; display: inline-flex;}

	.header-logo { margin-inline: 0 auto !important;}
	.mob-popup-wrp a.menu-link { width: max-content !important;  min-width: unset !important; margin-inline: auto;}
	.mob-popup-wrp ul.elementor-nav-menu { display: flex; flex-direction: column; align-items: center; gap: 20px;}
	.mob-popup-wrp ul.elementor-nav-menu:after { content: none;}
	.mob-popup-wrp ul.elementor-nav-menu li { margin: unset !important; max-width: 100%;}
	.mob-menu-popup .elementor-nav-menu--dropdown a.elementor-item.menu-link { font-size: 20px !important;}
	
	.elementor-nav-menu--dropdown { background-color: transparent !important;}
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul {
		position: inherit;
		width: auto !important;
		margin-top: 20px !important;
		margin-left: 0px !important;
		min-width: unset !important;
		max-width: inherit !important;
		top: initial !important;
		left: initial !important;
	}
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li:not(last-of-type) {	margin-bottom: 20px !important;	}
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li:last-of-type { margin-bottom: 0 !important;}
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a { color: var(--e-global-color-46c70cb) !important; padding: unset !important; text-align: center !important; border: unset !important; justify-content: center !important;}
	.mob-menu-popup .elementor-nav-menu--main .header-link-btn a { width: 200px !important;}
	.mob-popup-wrp ul.elementor-nav-menu li ul.sub-menu li.menu-item {  display: flex;  justify-content: center;}
	.mob-menu-popup .elementor-nav-menu .sub-arrow { display: flex !important;}
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item svg.e-fas-caret-down { transition: all .3s ease; transform-origin: center center;}
	
	.mob-menu-popup ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) > a,
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link,
	.mob-menu-popup ul.elementor-nav-menu li a.has-submenu.highlighted { color: var(--e-global-color-primary) !important; font-weight: 500; background: unset; border: unset !important; display: inline-flex !important;}
	
	.mob-menu-popup ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) > a svg.e-fas-caret-down,
	.mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link svg.e-fas-caret-down,
	.mob-menu-popup ul.elementor-nav-menu li a.has-submenu.highlighted svg.e-fas-caret-down { fill: var(--e-global-color-primary) !important; transform: rotate(180deg);}
/* 	.mob-menu-popup ul.elementor-nav-menu li a.has-submenu.highlighted ~ ul.sub-menu {transform: unset !important;position: relative;inset: unset !important;height: auto !important;touch-action: auto !important;} */
	.mob-menu-popup ul.elementor-nav-menu li a.has-submenu.highlighted ~ ul.sub-menu { overflow: hidden !important; transform: translate(0, 0) !important}
	.mob-menu-popup .dialog-message { overflow: auto;}
	.mob-menu-popup .dialog-message .elementor-location-popup { height: 100%; overflow: auto;}
	
/* 	.mob-popup-wrp ul.elementor-nav-menu li ul.sub-menu li.menu-item:not(last-of-type) { margin-bottom: 10px !important;} */
/* 	.mob-popup-wrp ul.elementor-nav-menu li ul.sub-menu li.menu-item:last-of-type { margin-bottom: unset !important;} */
	.mob-menu-popup .elementor-nav-menu--main .header-link-btn a {
		width: auto !important;
		min-width: 250px;
		max-width: 100% !important;
		margin: unset !important;
		font-family: var(--font-univers), Sans-serif !important;
		font-weight: 700 !important;
		font-size: 20px !important;
		color: var(--e-global-color-secondary) !important;
		letter-spacing: 0px !important;
		line-height: 24px !important;
		text-wrap: auto;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase !important;
		padding: 12px 12px 9px 13px !important;
		border-radius: 0;
		border: 2px solid var(--e-global-color-primary) !important;
		background-color: var(--e-global-color-primary) !important;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 300ms ease !important;
	}
	.mob-menu-popup .elementor-nav-menu--main .header-link-btn a:after { content: none !important;}
	.mob-menu-popup .elementor-nav-menu--main .header-link-btn a:hover { color: var(--e-global-color-secondary) !important; background: transparent !important; border-color: var(--e-global-color-secondary) !important;}

	/* Common Styling */
	.arrow-bg-btn.text-arrow-btn a.elementor-button-link svg { width: 30px;}
	
	/* Single Post */
	.postside-bar .side-bar-container li.cat-item a { font-size: 20px; line-height: 24px;}
	.postside-bar .single-cat-list ul { gap: 15px;}
	
	
}

@media (min-width: 768px) and (max-width: 991px){
}


@media (min-width:480px) and (max-width:767px){
}

@media (min-width: 768px) {
/* 	.header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children > ul > li { border-color: var(--e-global-color-secondary) !important;} */
}

@media (max-width: 767px) {
	.ast-separate-container #content .ast-container { padding-inline: 0;}
	/* Header */
	/* Popup menu */
	.elementor-nav-menu .elementor-item, a.elementor-sub-item.menu-link { font-size: 20px !important;}
	
	/* Footer */
	.foo-menu > nav > ul.elementor-nav-menu > li.menu-item { display: flex; justify-content: center;}
	.foo-links-menu li.menu-item { text-align: center;}
	
	/* Gravity form */
	.contact-form_wrapper.gform_wrapper.gravity-theme .gform_fields { display: flex; flex-direction: column;}
	
	/* Common Styling */
	.text-arrow-btn a.elementor-button-link { justify-content: center; align-items: center; text-align: center;}
	.arrow-bg-btn.text-arrow-btn a.elementor-button-link svg { width: 24px;}
	
	/* Blog Listing */
	.bl-list-loop .elementor-loop-container.elementor-grid { display: flex; flex-direction: column;}

	/* Single Post Page */
	.posts-wrap .elementor-post__text { padding: 20px !important;}
	.post-feat-img img { max-height: 400px;}
	.post-content-elem ol li:not(:last-of-type), .post-content-elem ul li:not(:last-of-type) { margin-bottom: 7px;}
	.post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6 { margin-bottom: 15px;}
	.post-content-elem p { margin-bottom: 10px !important;}
	.post-content-elem p, .post-content-elem li, .post-content-elem ol, .post-content-elem ul { font-size: inherit;}
	.post-content-elem ol, .post-content-elem ul { margin: 0 0 15px 30px; list-style-position: outside;}
	.postside-bar .side-bar-container li.cat-item a { font-size: 18px; line-height: 22px;}
	.single-content-wrap img { height: 100% !important; max-height: 350px !important; object-fit: cover; object-position: center center;}
}


@media (max-width: 480px) {	
	/* Footer */

}