/**
Theme Name: Max Kopp Tech
Author: Brainstorm Force
Author URI: http://wpastra.com/
Description: Child theme for Astra, A very lightweight and beautiful theme made to work with Page Builders.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.sub-page-banner {
    height: 80vh;
}
.why-choose-item {
    border: 1px solid;
    border-radius: 20px;
    color: #ccc;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 25px 30px;
}
.about-sections h4{
    color: #ccc !important;
    margin-bottom: 20px;
}
.about-sections h2{
    font-size: 55px;
    color: #ccc !important;
}
.about-heading p{
    padding-left: 30px !important;
}
.about-right-img{
    padding-left: 40px !important;
}
.about-right-img img{
    border-radius: 20px;
}
.about-sections{
    background-color: #000;
    color: #ccc;
}
.achivement-text{
	margin-bottom: 15px !important;
}
.achivement-text p{
	padding: 0px !important;
}
.achivement-text h2{
	font-size: 55px !important;
	line-height: 60px !important;
	margin-bottom: 20px !important;
}
.achivement img{
	border-radius: 20px !important;
}
.cta-section{
	margin-top: 20px;
	padding: 55px 0px;
	background: #f2f2f2;
}
.cta-section .why-choose-item{
	margin: 0px !important;
	text-align: center;
	padding: 55px 30px !important;
}
.cta-section .why-choose-item h4{
	margin-bottom: 35px;
}
.card p{
	margin-bottom: 1.75em !important;
}
/* Card base */
.card-custom {
  border: none;
  border-radius: 24px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  /* subtle shadow on hover */
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	background: #fff !important;
}

.card-custom:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.7);
}

.col-md-6:nth-child(even) .card-custom {
  background: linear-gradient(135deg, #1d2025 0%, #2e3138 100%);
}

.card-img-container {
  position: relative;
  height: 0;
  padding-bottom: 60%; /* 16:10 aspect ratio */
  overflow: hidden;
}

.card-img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-box {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  background: rgba(26, 26, 26, 0.8);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box svg {
  width: 24px;
  height: 24px;
  fill: #FFF;
}

.card-body {
  padding: 30px;
}

.container p{
	font-size: 18px !important;
}
.project-cards{
	padding: 30px !important;
}
.project-cards h5{
	margin: 30px 0 25px 0;
    font-size: 25px;
}
footer li a{
	font-size: 18px !important;
}

@media (max-width: 1024px) {
	.mil-mb-60 {
  margin-bottom: 30px !important;
}
  .about-sections h2{
    font-size: 35px !important;
    color: #ccc !important;
}
  .about-heading p {
    padding-left: 0px !important;
}
  .about-right-img {
    padding-left: 10px !important;
}
}


/* Swup Transition Fixes */
[class*="mil-main-transition"] {
    animation-fill-mode: both !important;
    position: relative;
    z-index: 10;
}

/* Prevent FOUC */
html.is-swup-transitioning {
    overflow: hidden;
}

/* Elementor Container Fix */
.elementor-section-wrap {
    overflow: hidden !important;
}