/*
    kocsi_media.css
*/

.container-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}    
.btn-cta-sarga {
  background-color:#e7e236;
  color:#000;
  font-size:1.8rem;
  font-weight:500;
  padding:18px 18px !important;
  margin:0 auto;
  box-shadow:rgba(0,0,0,.1) 0px 10px 15px -3px,rgba(0,0,0,.05) 0px 4px 6px -2px;
  transition:background-color .3s ease,color .3s ease
}
.btn-cta-sarga:hover {
  background-color:#000;
  color:#fff;
  font-weight: 500;
}


.row-welcome h1 {
    color:white;
    font-size:3rem;
    font-weight: 700;
}
    .row-welcome p,
    .row-call p {
        font-size: 2rem;
        line-height: 1.6;
        margin-bottom: 2rem;
    }

    .row-welcome p:last-child,
    .row-call p:last-child {
        margin-bottom: 0;
    }


    .row-welcome p {
        color: white
    }

    .row-call p {
        color: black
    }

.image-container {
    margin-bottom: 20px;
    display: block;
}    
.grayscale {
  filter: grayscale(100%);
  display: block;
  border-radius: 30px;
}

.k_overlay {
  background-color: rgba(0, 172, 228, 0.7);
  pointer-events: none; 
  mix-blend-mode: color; 
}

.two-col-box {
  width: 100%;
}

.bg-col {
    position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    overflow: hidden;
}

/* Bal háttér */
.bg-left {
  background-image: url('../img/media-ajanlo-altalanos.webp');
  border-radius: 20px 0 0 20px ;
}

/* Jobb háttér */
.bg-right {
  background-image: url('../img/media-ajanlo-mzgd.webp');
    border-radius: 0 20px 20px 0 ;
}

.content {
  /* background: rgba(0, 0, 0, 0.45); */
  padding: 2rem;
  border-radius: 0.5rem;
  z-index: 2;
}

/* KÉK LAYER */
.bg-col::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.bg-left.bg-col::before {
    background: rgba(0, 172, 228, 0.55); 
}

.bg-right.bg-col::before {
    background: rgba(231, 226, 54, 0.55); 
    background: rgba(0, 172, 228, 0.55); 
}

.bg-col::before {
    transition: background 0.3s ease;
}

.bg-col:hover::before {
  background: rgba(0, 172, 228, 0.75);
}

.bg-col h3 {
    color: white;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .bg-left {
        background-image: url('../img/media-ajanlo-altalanos.webp');
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .bg-right {
        background-image: url('../img/media-ajanlo-mzgd.webp');
        border-radius: 20px;
    }

}



.bg-icon-ads {
  position: relative;
  overflow: hidden; /* ha kilóghat a kép */
}

.bg-icon-ads::before {
  content: "";
  position: absolute;

  width: 512px;
  height: 512px;

  right: -100px;
  bottom: -80px;

  background-image: url('../img/icon-ad-blocks.svg');
  background-repeat: no-repeat;
  background-size: contain;

  opacity: 0.1;

  transform: rotate(-10deg); 
  transform-origin: center;
    filter: brightness(0) invert(1);


  pointer-events: none; /* ne zavarja a kattintást */
}