/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Header-style */
.header .elementor-nav-menu--main .menu-item a {
	padding: 49px 50px !important;
}

.header .elementor-nav-menu--main .contact-menu.menu-item a{
	padding: 49px 57px !important;
	background-color: #22AAE5 !important;
	color: #FFF !important;
	margin-left: 50px !important;
}
.header .elementor-nav-menu--main .contact-menu.menu-item a:hover {
	background-color: #1997CE !important;
	color: #FFF !important
}
.mobile-menu .elementor-menu-toggle {
	margin: 0 0 0 auto !important;
}
.h-100 {
	height: 100%;
}
.main-card {
	max-height: calc(100% - 60px) !important;
	max-width: calc(100% - 60px) !important;
}
.elementor-slideshow__title,
.e-font-icon-svg.e-eicon-share-arrow {
	display: none !important;
}
.wpcf7-form input.wpcf7-form-control,
.contact-form-section input.wpcf7-form-control  {
    border: 1px solid #CED4DA;
    border-radius: 0;
    padding: 9px 25px;
    font-size: 18px;
    line-height: 28px;
}
.wpcf7-form input.wpcf7-form-control:focus-visible,
.contact-form-section input.wpcf7-form-control:focus-visible {
  border: 1px solid #333;
  outline: none;
}
.wpcf7-form .form-field p,
.contact-form-section .form-field p {
  margin-bottom: 20px;
}
.wpcf7-form input.wpcf7-submit,
.contact-form-section input.wpcf7-submit  {
  padding: 14px 115px;
  font-size: 24px;
  line-height: 33px;
  border: 1px solid transparent;
}
.gallery-right-section  {
	max-height: 814px;
}
.gallery-section {
	max-width: 590px !important;
}

.wpcf7-form input.wpcf7-submit,
.contact-form-section input.wpcf7-submit,
.elementor-size-sm {
  transition: transform 0.3s ease;
}
.wpcf7-form input.wpcf7-submit:hover,
.contact-form-section input.wpcf7-submit:hover,
.elementor-size-sm:hover {
  transform: scaleY(1.05); 
}
.elementor-image-gallery .gallery-item img {
	height: 191px;
	object-fit: cover;
	max-width: 206px;
}
.thumb-gallery {
  max-width: 206px;
  position: relative; 
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; 
}

.logo-hover-box-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.logo-hover-box-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 0.3s ease;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #00224480;
}

.logo-hover-box-content {
  position: absolute;
  bottom: 0px; 
  left: 50%;
  transform: translateX(-50%) translateY(20px); 
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  background: transparent linear-gradient(180deg, #00224400 0%, #0022441A 32%, #002244 100%) 0% 0% no-repeat padding-box;
  height: 100%;
  justify-content: flex-end;
  padding: 41px 62px;
}

.logo-hover-box-wrap:hover .logo-hover-box-logo {
  opacity: 0;
}

.logo-hover-box-wrap:hover .logo-hover-box-content {
  opacity: 1;
  transform: translateX(-50%) translateY(0); 
}

.vision-section:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #e0e1e200 0%, #8f9ca900 50%, #052647 100%);
  
}
.leaders-card-wrap {
	width: 100% !important;
	max-width: 1816px !important;
}
.current-menu-item a {
	color: #22AAE5 !important;
}
.card-content-wrap  {
  width: 100%;
  max-width: 1485px;
  margin: 0 auto;
}
/* @media screen and (min-width: 1300px) {
	.head-logo  {
		margin-left: 7%;
	}
} */
@media screen and (min-width: 1024px) {
	.card-content-wrap .card-content-list  {
		width: 100%;
		max-width: 590px;
	}
	.card-content-wrap .card-img  {
		width: 100%;
		max-width: 823px;
	}
}
@media screen and (max-width: 1024px) {
	.wpcf7-form input.wpcf7-submit,
	.contact-form-section input.wpcf7-submit  {
	  padding: 14px 100px;
	  font-size: 20px;
	  line-height: 28px;
	  border: 1px solid transparent;
	}
	.gallery-right-section,
	.gallery-section {
		max-width: 100% !important;
		max-height: 100%;
	}
	.thumb-gallery .elementor-image-gallery .gallery-item {
		width: auto;
	}
	.thumb-gallery {
		max-width: 100% !important;
	}
	.thumb-gallery .elementor-image-gallery .gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.main-card {
		max-height: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
	}
	.gallery-main-image {
		min-height: 490px;
	}
}
@media screen and (max-width: 767px) {
	.wpcf7-form input.wpcf7-submit,
	.contact-form-section input.wpcf7-submit  {
	  padding: 10px 70px;
	  font-size: 18px;
	  line-height: 26px;
	  border: 1px solid transparent;
	}
	.gallery-main-image {
		min-height: 300px;
	}
	.thumb-gallery .elementor-image-gallery .gallery {
		display: block;
	}
	.thumb-gallery .elementor-image-gallery .gallery-item {
        width: 100%;
		padding-right: 0 !important;
    }
	.elementor-image-gallery .gallery-item img {
		height: auto;
		max-width: 100%;
    	width: 100%;
	}
	.elementor-2 .elementor-element.elementor-element-5cff8fe .gallery {
		margin: 0 !important;
	}
}
@media (min-width:768px) and (max-width:1024px) {
  .wpcf7-spinner {
	  margin-top:5px;
	  margin-left: 0;
	}
  }