/*
Theme Name: Vizeon Child
Description: Child theme for the Vizeon themes
Author: gaviathemes
Template: vizeon
*/
.accordion-mobile .accordion-title{background: transparent !important; color: #222 !important;}
.accordion-mobile .accordion-title::after {color: #222 !important;}
/* Sticky Menu */
@media (min-width: 991px) {
.custom-sticky-header { transition: all 0.3s ease; } 
.custom-sticky-header.sticky-active { position: fixed; top: 0; left: 0; right: 0; background-color: #164372 !important; z-index: 9999; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.custom-sticky-header.sticky-active .gva-nav-menu > li > a { color: #fff !important; }
}
@media (max-width: 991.98px) { 
	.header-builder-frontend { position: fixed; top: 0; left: 0; right: 0; z-index: 999999999; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } 
}
/* Sticky Menu */
#newsletter .wpcf7 form.sent .wpcf7-response-output {border-color: #043567 !important; color: #fff !important; background: #043567 !important; border-radius: 6px !important; margin: 0em 0em 1em !important;}
.custom-success-message { padding: 20px; background: #e6f9e6; border: 1px solid #a5d6a7; color: #2e7d32; font-weight: bold; margin-top: 20px; }
.application .row { padding-bottom: 10px; }
.application select {width: 100%; border: 1px solid #4181CA !important; height: 68px; padding: 0 15px;background: #F0F0F0; border-radius: 10px !important;}
.application h4 {margin-top: 0px !important; margin-bottom: 5px !important; font-weight: normal; font-size: 16px !important;}
.application .wpcf7-form-control-wrap {margin-bottom: 10px !important;}
.form-width .wpcf7-form {max-width: 100% !important;}
.gva-testimonial-carousel.style-1 .testimonial-item:hover .icon-quote {background: #4181CA !important;}
.gva-testimonial-carousel.style-1 .testimonial-item:after, .gva-testimonial-carousel.style-1 .testimonial-item:before {display: none !important;}
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button { background-color: #043567 !important}
.product-links a { color: #4181CA !important; }
.product-links a:hover { color: #043567 !important; }
.single-post .post-thumbnail, .single-post .entry-title , .single-post .entry-meta { display: none !important;}
.post .entry-content {padding: 0px !important;}
.custom-breadcrumb.text-light .heading-title {margin-bottom: 20px !important; }
.voltro-entry-meta span {color:#fff !important;}
.header-form .wpcf7-response-output {display: none !important;}
.tab-a-color .elementor-tab-content a {color: #4181CA !important;}
.tab-a-color .elementor-tab-content a:hover { color: #043567 !important; }
.wpcf7 input[type*="submit"] {width: 100% !important;}
.blue-bg-form input[type*="submit"] {background: #212121 !important; border: 1px solid #212121 !important; width: 100% !important;}
.blue-bg-form .wpcf7-not-valid-tip {color: #fff !important;}
.blue-bg-form  .wpcf7 form .wpcf7-response-output {color: #fff !important;}
#custom_html-2 {background: #fff; overflow: hidden; margin-bottom: 30px; padding: 30px !important; border: 1px solid #dee2e6 !important;}
.widget_categories ul > li > a, .wp-sidebar .widget_nav_menu ul > li > a {color: #4181CA !important;}
.wp-sidebar ul li a:hover, .elementor-widget-sidebar ul li a:hover {color: #043567 !important;}
.wp-sidebar .post-author, .wp-sidebar .post-date, .elementor-widget-sidebar .post-author, .elementor-widget-sidebar .post-date {color: #4181CA !important;}
ol.breadcrumb {display:none !important;}
.mc4wp-response  a { color: #fff !important; }
.mc4wp-response { display: flex !important; justify-content: center !important; color: #fff !important; }
.form-title {color: #4181CA; font-size: 40px; font-weight: 600; padding-left: 15px;}
.post .post-thumbnail .post-author {text-transform:inherit !important;}
.read-more .btn-inline:hover, .post .entry-meta a:hover { color: #043567 !important; text-decoration: none !important; }
.post .read-more { margin-top: 12px !important; }
.entry-content .entry-description {display: none !important;}
.portfolio-v1 .content-inner .title a {color: #212121 !important;}
.portfolio-v1 .content-inner .title a:hover {color: #043567 !important;}
.post .entry-title {font-size: 22px !important; font-weight: 600 !important;}
.gsc-heading .title-desc {max-width: 900px !important;}
/* Modal Start*/
.bn-btn:hover { background: #043567 !important; }
.bn-btn {font-weight: 500 !important;color: #fff !important; border-radius: 6px 6px 6px 6px !important; }
body-content {padding-left: 1rem; padding-right: 1rem; padding-top: 1rem;}
			input[type=text], input[type=email], input[type=tel] {width:100%}
			.c__title {font-weight: 500;font-size: 24px;line-height: 1.2;letter-spacing: 0.01em; margin: 0; color: #fff;}
			.top-content{background: #043567; display: flex;-webkit-box-align: start;align-items: center;-webkit-box-pack: justify;justify-content: flex-end;padding: 1rem;border-bottom: 1px solid #e9ecef;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
			.second_content li {display: inline-block; padding-right: 5px;padding-left: 5px; margin-right: 10px!important; margin-left: 0px !important; }
			.second_content ul {padding-left: 0; list-style: none;display: flex; justify-content: flex-start; align-items: center;}
			.second_content i {margin-right: 5px;}
			/* The Modal (background) */
			.modal {
				display: none; /* Hidden by default */
				position: fixed; /* Stay in place */
				z-index: 99999; /* Sit on top */
				padding-top: 100px; /* Location of the box */
				left: 0;
				top: 0;
				width: 100%; /* Full width */
				height: 100%; /* Full height */
				overflow: auto; /* Enable scroll if needed */
				background-color: rgb(0,0,0); /* Fallback color */
				background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
			}

			/* Modal Content */
			.modal-content {
				background-color: #fefefe;
				margin: 50px auto;
				padding: 0px 0px 0px;
				border: 1px solid #888;
				width: 50%;
			}

			/* The Close Button */
			.close { color: #fff; float: right; font-size: 28px; font-weight: bold; padding: 1rem; margin: -1rem -1rem -1rem auto; opacity: .9; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.close2 { color: #fff; float: right; font-size: 28px; font-weight: bold; padding: 1rem; margin: -1rem -1rem -1rem auto; opacity: .9; } .close2:hover, .close2:focus { color: #000; text-decoration: none; cursor: pointer; }
.close3 { color: #fff; float: right; font-size: 28px; font-weight: bold; padding: 1rem; margin: -1rem -1rem -1rem auto; opacity: .9; } .close3:hover, .close3:focus { color: #000; text-decoration: none; cursor: pointer; }
.close4 { color: #fff; float: right; font-size: 28px; font-weight: bold; padding: 1rem; margin: -1rem -1rem -1rem auto; opacity: .9; } .close4:hover, .close4:focus { color: #000; text-decoration: none; cursor: pointer; }
			@media (max-width:1440px){
				.modal-content, .bn-btn, .wtb-btn, .itb-btn{width:100%;}
				.second_content ul {justify-content: center !important;}
				.header-form .title {justify-content: center !important;padding-bottom: 10px !important;}
			}
/* Modal End */
.pager .paginations a:hover {color: #043567 !important; border-color: #043567 !important;}
.pagination {justify-content:center !important;}
.pager .paginations a.active {background: #4181CA !important; border-color: #4181CA !important;}
.portfolio-filter ul.nav-tabs > li > a.active {color: #4181CA !important;}
.gva-testimonial-carousel.style-2 .testimonial-item .testimonial-information span.testimonial-name {color: #E74D57 !important;}
.team-block.team-v2 .team-content .team-content-inner:after, .team-block.team-v2 .team-content .team-content-inner:before {display: none !important;}
.header-mobile .canvas-menu a {color: #fff !important;}
.header-mobile {background: #043567 !important;}
.header-mobile .main-search {display: none !important;}
.header-mobile img {max-width: 60% !important;}
.menu-shortcode  li div.submenu-inner li a {padding: 0px !important;}
.menu-shortcode .entry-meta, .menu-shortcode .entry-description, .menu-shortcode .read-more { display: none !important; }
.menu-shortcode .entry-content { padding: 0px 5px 0 !important; }
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul {    padding-left: 0px !important; }
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a .caret {display: none !important;}
.gva-navigation-menu ul.gva-nav-menu > li .submenu-inner, .gva-navigation-menu ul.gva-nav-menu > li ul.submenu-inner {max-width: 100% !important;}
.subscribe .inner-container-subscribe {box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important;}
.newsletter-form input[type="email"]:focus { border-color: #4181CA !important; }
.btn-theme {background: #4181CA !important;}
/* Tab and Accordion Code Start */
.text-height .gva-element  {min-height: 240px;}
.portfolio-item { position: relative; } .portfolio-item .project-container { cursor: pointer !important; margin: 0 auto !important; width: 280px; } .portfolio-item .overlay, .portfolio-item .overlay-wrapper, .portfolio-item img { height: 280px; width: 280px; object-fit: cover; } .portfolio-item .overlay, .portfolio-item img { margin: 0 auto; } .portfolio-gallery .project-details { background-color: rgba(0, 0, 0, .78); padding: 5px; } .portfolio-item .project-details { margin: auto; padding: 0 10px; width: 280px; } .portfolio-item .project-details { -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; bottom: 0; left: 0; opacity: 1; overflow: hidden; padding: 15px 20px; position: absolute; right: 0; transition: all .3s ease-out; z-index: 1; } .portfolio-item .project-container, .portfolio-item a { display: block; overflow: hidden; position: relative; } .overlay, .overlay-wrapper { left: 0; position: absolute; top: 0; } .background-dark-5 { background-color: #4181ca6e; } .opacity-50 { opacity: .5; } .overlay-inner { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .portfolio-item .project-details .project-title { line-height: 20px; color: #fafafa !important; font-size: 14px; font-weight: 400; word-break: break-word; text-align: center; margin: 0 !important; text-transform: uppercase; } article.portfolio-item h4.heading-uppercase { display: flex ; align-content: center; justify-content: center; } .project-details { background-color: rgba(0, 0, 0, .78); padding: 5px; }.background-dark { background: url(/wp-content/uploads/2025/06/overlay_points.png) #333 repeat;}
/* Buildings Tab and Accordion Code Start */
/* ─── core layout ───────────────────────────────────────── */
.ta-block{max-width:100%;margin:0 auto;font-family:inherit; background-color: #FFFFFF; padding: 40px 20px; border-radius: 25px 25px 25px 25px;}
.ta-tabs{display:flex;gap:10px;margin:0 0 16px}
.ta-btn{flex: 1; padding: 12px; background: #f2f2f2; border: none; cursor: pointer; font-weight: bold; border-radius: 6px;}
.ta-btn.is-active{background: #164372; color: #fff; border-radius: 6px;}

.ta-panel{display:none;border:none;padding:0px;margin-bottom:12px}
.ta-panel.is-active{display:block}

/* accordion heading (hidden on desktop) */
.ta-heading{display:none;position:relative;margin:0;padding:12px 44px 12px 12px;
            background:none;color:#000;font-weight:700;cursor:pointer}

/* plus / minus icon (white) */
.ta-heading::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
                   font-size:20px;color:#000;font-weight:700}
.ta-panel.open .ta-heading::after{content:"-"}

/* accordion body */
.ta-body{padding-top:0px}

/* ─── responsive: switch to accordion on ≤ 768 px ───────── */
@media(max-width:1440px){
  .ta-tabs{display:none}        /* hide tab bar */
  .ta-panel{display:block}      /* show all panels */
  .ta-heading{display:block}    /* show accordion headings */
  .ta-body{display:none}        /* collapse by default */
  .ta-panel.open .ta-body{display:block}
}

/* ─── responsive: switch to accordion on ≤ 768 px ───────── */
@media(max-width:2160px){
  .custom-tabs-for-popup .ta-tabs{display:none}        /* hide tab bar */
  .custom-tabs-for-popup .ta-panel{display:block}      /* show all panels */
  .custom-tabs-for-popup .ta-heading{display:block}    /* show accordion headings */
  .custom-tabs-for-popup .ta-body{display:none}        /* collapse by default */
  .custom-tabs-for-popup .ta-panel.open .ta-body{display:block}
}

/* Buildings Tab and Accordion Code End */
.buildings-tab .tab-accordion-wrapper { background-color: #FFFFFF !important; padding: 40px 20px !important; border-radius: 25px 25px 25px 25px !important; }
/* Tab and Accordion Code Start */
/* ---------- core layout ---------- */
/* ---------- core layout ---------- */
.tab-accordion-wrapper {max-width:100%;margin:0 auto;font-family:inherit; background-color: #FFFFFF; padding: 40px 20px; border-radius: 25px 25px 25px 25px; border: 1px solid #e4e4e4; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important;}
.tab-buttons   {display:flex;gap:10px;margin-bottom:15px;}
.tab-btn       {flex:1;padding:12px;background:#f2f2f2;border:none;cursor:pointer;font-weight:bold; border-radius:6px;}
.tab-btn.active{background:#164372;color:#fff; border-radius:6px;}

.tab-content    {display:none;border:none;padding:0px;margin-bottom:10px;}
.tab-content.active{display:block}

/* ---------- accordion heading (mobile) ---------- */
.accordion-title{
  display:none;                       /* hidden on desktop */
  position:relative;
  margin:0;
  padding:12px 42px 12px 12px;        /* space for icon */
  background:#164372;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}
/* icon BEFORE open */
.accordion-title::after{
  content:"+";
  position:absolute;
  right:16px;top:50%;
  transform:translateY(-50%);
  font-size:20px;
  font-weight:bold;
  color:#fff;
}
/* icon AFTER open */
.tab-content.open .accordion-title::after{content:"-";}

.accordion-body{display:block;padding-top:0px;}

/* ---------- responsive: turn tabs into accordion ---------- */
@media (max-width:1440px){
  .tab-buttons{display:none;}           /* hide desktop tabs */
  .accordion-title{display:block;}      /* show accordion headings */
  .tab-content  {display:block;}        /* all panels visible accordion-style */
  .accordion-body{display:none;}        /* keep bodies collapsed */
  .tab-content.open .accordion-body{display:block;}
}

/* optional equal-height cards on desktop */
@media (min-width:769px){
  .tab-content{height:100%;}
	
}

/* Tab and Accordion Code End */
.gsc-heading .heading-action .btn-cta:hover { background: #043567 !important;}
.text-height .elementor-widget-container {position: relative; height: 100%; min-height: 300px; box-sizing: border-box;}
.text-height .elementor-widget-container .heading-action { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); }
#left-img { padding-left: 40px !important; }
/* Logos */

#opLogoContainer { height: 430px; overflow: hidden; position: relative } #opLogoContainer .opLogoBanner { -webkit-animation: bannermove 50s linear infinite; animation: bannermove 50s linear infinite; left: 0; overflow: visible; position: absolute; top: 0; white-space: nowrap } @media (max-width: 525px) { #opLogoContainer .opLogoBanner img { height:370px; max-width: max-content; width: auto } } @keyframes bannermove { 0% { transform: translate(0,0) } 100% { transform: translate(-50%,0) } } @media only screen and (max-width: 768px) { .layer1 { height:200px; position: relative; overflow: hidden; z-index: 1 } } .fade-in-right { animation: fadeInRight 1s ease-in-out } .fade-in-left { animation: fadeInLeft 1s ease-in-out } .fade-in-up { animation: fadeInUp 1s ease-in-out } @keyframes fadeInRight { from { opacity: 0; transform: translateX(300px) } to { opacity: 1 } } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-300px) } to { opacity: 1 } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(100%) } to { opacity: 1 } }
/* About Us */
#boxes1 .elementor-element-populated:hover { cursor:pointer !important; transform: scale(1.05) !important; border: 1px solid #fff !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important; transition: all .25s linear !important;}
#boxes2 .elementor-element-populated:hover { cursor:pointer !important; transform: scale(1.05) !important; border: 1px solid #fff !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important; transition: all .25s linear !important;}
#boxes3 .elementor-element-populated:hover { cursor:pointer !important; transform: scale(1.05) !important; border: 1px solid #fff !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important; transition: all .25s linear !important;}
#boxes4 .elementor-element-populated:hover { cursor:pointer !important; transform: scale(1.05) !important; border: 1px solid #fff !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, .18) !important; transition: all .25s linear !important;}
/* Contact Form */
.wpcf7 .wpcf7-spinner { display: none !important; }
.form-container { position: relative; padding: 20px 25px 25px  !important } .form-container .form-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; display: none; justify-content: center; align-items: center; border-radius: 25px; } .form-loader { text-align: center; color: #fff; } .form-loader .spinner { width: 50px; height: 50px; border: 5px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
input.wpcf7-form-control.wpcf7-submit.has-spinner, .title-custom .heading-action .btn-cta, .welcome-inner-btn .heading-action .btn-cta { border-radius: 6px !important; }
/* Header */
#header .left-bar .title a {color: #fff !important;}
#header .left-bar .title a:hover {color: #3c7bbf !important;}
/* Product */
.gsc-video-box.style-2 .video-inner .video-image .video-action {top: 60% !important;}
.gsc-video-box.style-2 .video-inner .video-image {display: flex ; justify-content: center; align-items: center;}
.gallery-post .background-overlay {background: #4181CA !important;}
/* Home */
@media (max-width: 1024px) {
	#left-img { padding-left: 0px !important; }
	.title-custom .gsc-heading .content-inner {display: flex ; flex-direction: column; justify-content: center; align-items: center;}
	.title-custom .gsc-heading.align-left .title-desc {float: none !important;}
	.title-custom .gsc-heading .title-desc { text-align: center !important;}
	input.wpcf7-form-control.wpcf7-submit.has-spinner {width: 100% !important;}
	#newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {width: auto !important;}
	.title-custom .gsc-heading .title { text-align: center !important; }
	.text-height .elementor-widget-container .heading-action {left: 30%;}
}
@media (max-width: 1280px) {
	.text-height .elementor-widget-container .heading-action { position: static !important; transform: none !important; margin: 0 auto !important; }
	.text-height .elementor-widget-container {min-height: auto !important;}
	.text-height .gva-element { min-height: auto !important; }
	#opLogoContainer { height: 250px; }
	#our-strength-right {display: none !important;}
	#our-strength-left {width:100% !important;}
}

.gsc-tabs-color .nav_tabs > li.active a {border-radius: 10px !important;}
.wpcf7-form input[type*="email"], .wpcf7-form input[type*="text"], .wpcf7-form input[type*="tel"], .wpcf7 select.custom-select-fox, .wpcf7-form textarea {border: 1px solid #4181CA !important; border-radius: 10px !important;}
.portfolio-content .title h3 a:hover { color: #043567 !important; }
.gsc-tabs-color .nav_tabs > li a {padding: 20px 20px !important;}
div.from-partner img { filter: grayscale(100%); } div.from-partner img:hover { filter: grayscale(0%); transition:0.25s ease-in; }
div.partner img { filter: grayscale(100%); } div.partner img:hover { filter: grayscale(0%); transition:0.25s ease-in; cursor:pointer; }
.portfolio-v1:hover .portfolio-content .content-inner .arrow, .portfolio-v1:active .portfolio-content .content-inner .arrow, .portfolio-v1:focus .portfolio-content .content-inner .arrow {background: #043567 !important;}
.entry-title a:hover {color: #043567 !important;}
.gsc-heading .heading-action .btn-cta {color: #fff !important; border-radius: 6px 6px 6px 6px !important;}
input[type*="submit"]:hover {background: #043567 !important; border: 1px solid #043567 !important;}
input[type*="submit"] {background: #4181CA !important; border: 1px solid #4181CA !important;}
.post .entry-meta a, .btn-inline { color: #4181CA !important; }
.post .post-thumbnail .post-author {color: #fff !important; background: #043567 !important;}
.black {color: #212121 !important;}
.white {color: #fff!important;}
.gsc-heading .sub-title {font-family: "Poppins", sans-serif !important;}
.gsc-heading .heading-action .btn-cta {font-weight: 500 !important;}
#pro-sol .gsc-tabs-color .tab-content .tab-pane .tab-content-item {width: 100% !important; padding-left: 0px !important;}
#pro-sol .tab-content { padding-top: 10px !important; }
#pro-sol .title-desc p { color: #212121 !important; }
#tabs .elementor-widget-image {margin-bottom: 0px !important;}
.portfolio-v1 .portfolio-content .content-inner:after, .portfolio-v1 .portfolio-content .content-inner:before {display: none !important;}
ul.nav-tabs > li > a:hover, ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:active {color: #043567 !important;}
.gsc-image-content.skin-v1 .title {background: #3C7BBF !important;}
.wpcf7-form input[type*="tel"], .wpcf7 select.custom-select-fox {width: 100%; height: 68px; padding: 0 15px; margin-bottom: 2px; font-size: 15px; -webkit-box-shadow: none; box-shadow: none; background: #F0F0F0; border: none;}
div#alaa-tabs .elementor-tabs-wrapper .elementor-tab-title { border-bottom: 1px solid #f1f1f1 !important; }
.contact-us-form select {
     width: 100%;
    background: #f0f0f0;
    padding: 0 15px;
    height: 68px;
    border: none;
    color: #212121;
}
.elementor-610 .elementor-element.elementor-element-3f87b94 .elementor-image-carousel-caption {
    position: absolute !important;
    bottom: 50px !important;
    left: 30px !important;
}
.careers-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-active { border-bottom: 2px solid #4181CA !important; }
@media (max-width: 767px) and (min-width: 320px) { 
	.elementor-icon-list-text {text-align: center !important;} 
}
.h-inline-form > button, .h-inline-form > input[type="submit"] { flex: 0 0 auto; width: 20% !important; height: 68px;}
.h-inline-form { display: flex; align-items: flex-start; position: relative; }
.h-inline-form > * { flex: 1 1 auto; }