/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */
:root{
	--tw-brightness:brightness(0);
	--tw-contrast: 
	--tw-grayscale
		--tw-hue-rotate
}
.invert img{
	 filter: invert(1);
}
.home .menu-item a{
	color:#FFFFFF;
}
.hero-gradient{
    background: linear-gradient(135deg, #0073e6, #004080);	
}

.animate-bounce svg{
    animation: bounce 1s infinite;
}
@keyframes bounce {
    0%,to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8,0,1,1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0,0,.2,1)
    }
}

/* header start */
/* Default header */
#masthead {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.3s ease;
}

/* Sticky active */
#masthead.is-sticky {
    position: fixed;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.aadi-icon-card:hover .elementor-icon {
	background-color: #06c !important;
	color: #fff !important;
}
.aadi-icon-card .elementor-icon-box-description span{
	color: #0066cc;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.aadi-icon-card .elementor-icon-box-description{
	margin-top: 40px;
    margin-left: -75px;
}

.aadi-icon-card:hover{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* contact us section */
.aadi-contact-list .elementor-icon-list-icon{
	height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e5eff9;
    border-radius: 8px;
}
.aadi-contact-list .elementor-icon-list-icon > svg{
	margin: unset !important;
}

.aadi-contact-list .elementor-icon-list-text{
	margin-left:12px;
}
/* Smooth animation */
#masthead.is-sticky {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

#masthead.is-sticky .tahefobu-menu-item {
    color: #000 !important;
}
a{
	color: #f7fafcb3;
}
a:hover{
	color: #f7fafc;
}

.aadi-about-card:hover .elementor-icon-box-icon .elementor-icon{
	background-color: #0066cc33;
}
.aadi-about-card:hover{
	border-color: #0066cc4d;
	border-width:1px;
	border-style:solid;
	animation-duration: .3s;
	transition-duration: .3s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* product tabs */

.tab-wrapper {
      display: flex;
      justify-content: center;
      margin: 40px 0;
    }

    /* Tabs Container */
.tab-wrapper button.tab:hover{
	 background: transparent !important;
}
    .tabs {
		display: flex;
		gap: 15px;
		background: #f3f5f7;
		padding: 6px;
		border-radius: 5px;
    }

    /* Tab Button */
    .tab {
		border: none;
		background: transparent;
		padding: 6px 30px;
		border-radius: 5px;
		cursor: pointer;
		font-size: 14px;
		color: #64748b;
		transition: all 0.25s ease;
    }

    /* Hover */
    .tab:hover {
      color: #0f172a;
    }

    /* Active Tab */
    .tab.active {
		background: #f7fafc;
		color: #0d1926;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
		font-weight: 500;
    }

    /* Cards */

	.card-grid .card:hover{
		border-width:1px solid;
    	border-color: #0066cc4d;
	}
    .card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
    }

    .tab-content .card {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		transition: 0.3s;
    }

    .tab-content .card:hover {
      transform: translateY(-5px);
    }

    .tab-content .card img {
      width: 100%;
      height: 200px;
      object-fit: cover;
    }

    .card-body {
      padding: 20px;
      position: relative;
    }
	.card-body h3:hover{
		color:#0066cc;
	}

    .card-body h3 {
		margin: 0 0 5px;
		font-size: 18px;
		line-height: 28px;
		font-weight: 600;
    }

    .subtitle {
		color: #627384;
		font-size: 14px;   
		line-height: 20px;
		font-weight: 400;
    }

    ul {
      padding-left: 18px;
    }

    ul li {
      margin-bottom: 6px;
    }

    /* Badges */
    .badge {
		position: absolute;
		right: 20px;
		top: 20px;
		color: #0066cc;
		background: #e5eff9;
		padding: 5px 10px;
		border-radius: 20px;
		font-size: 12px;
		line-height:16px;
    }

    .badge.light {
      background: #dfe7ff;
      color: #2a6df4;
    }

    .badge.blue {
      background: #e0f0ff;
      color: #0077cc;
    }

    /* Tab Content */
    .tab-content {
      display: none;
    }

	.tab-content .card-grid .card ul li{
		font-size:14px;
		line-height:20px;
		color:#627384;
		font-weight:400;
	}
	.tab-content .card-grid .card ul li::marker {
		color: #29a35c;               
	}
    .tab-content.active {
      display: block;
    }

    /* Responsive */
    @media (max-width: 992px) {
      .card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
		.tabs{
			overflow: auto;
		}
      .card-grid {
        grid-template-columns: 1fr;
      }
    }

/* Make image clickable */
.card-image {
  cursor: pointer;
}

/* Lightbox */
.custom-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9999;
}

.custom-lightbox.active {
  display: flex;
}

.lightbox-img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 10px;
}

.lightbox-title {
  color: #fff;
  margin-top: 15px;
  font-size: 18px;
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
/* Parent */
.card-image {
  position: relative;
  overflow: hidden;
}

/* Overlay (same as Tailwind conversion) */
.card-overlay {
  position: absolute;
  inset: 0; /* top:0; left:0; right:0; bottom:0 */

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
}

/* SVG default hidden */
.card-overlay svg {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease, transform 0.3s ease;
  color: #fff;
}

/* Hover effect */
.card-image:hover .card-overlay {
  background: rgba(0, 0, 0, 0.2);
    height: 200px;
}

.card-image:hover .card-overlay svg {
  opacity: 1;
  transform: scale(1);
}