:root {
    --primary-yellow: #ffe560;
    --text-dark: #262c3f;
    --text-muted: #262c3f;
    --background-light: #f9f6ea;
    --timeline-inactive: #e2e2e2;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'pprightgrotek';
  src: url('../font/PPRightGrotesk-WideMedium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
    font-family: "Space Grotesk", sans-serif; 
    background-color: #fff;
}

h3, button, h2{
  font-family: 'pprightgrotek';
}

/*  */
.full-screen-banner { height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: right bottom; padding: 38px; } 
.banner_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: right bottom;}
.full-screen-banner .container{position: relative;z-index: 2;}
.banner_cnt { max-width: 241px; width: 100%; margin: auto; text-align: center; } 
.checkbark_wrapper { margin-top: 70px; display: flex; flex-direction: column; row-gap: 19px; } 
.checkmark_box label { width: 100%; display: flex; align-items: center; justify-content: space-between; border: 1px solid #fff; border-radius: 45px; font-size: 18px; font-weight: 500; color: #fff; padding: 5px 10px 5px 25px; line-height: 100%; transition: .4s ease-in-out; cursor: pointer;} 
.checkmark_box input[type="radio"] { position: absolute; opacity: 0;cursor: pointer; } 
.checkmark_box { position: relative; cursor: pointer;} 
.checkmark_box label > img { opacity: 0;transition: .4s ease-in-out; } 
.checkmark_box input[type="radio"]:checked +  label{ background-color: #fee27b; border-color: #fee27b; color: #262c3f; } 
.checkmark_box input[type="radio"]:checked + label > img { opacity: 1; }

@media (min-width: 768px){
    .mobile_banner_img{display: none;}
}

@media (max-width: 767px){
    .desktop_banner_img{display: none;}
}

.full-screen-banner2 {
  /* background: 
    linear-gradient(rgba(0,0,0,0.5), rgba(128,128,128,0.5)), 
    url("../img/eful-bg.png") center/cover no-repeat;
         */
    background: linear-gradient(rgb(1 1 1 / 35%), rgb(51 50 50 / 60%)), url(../img/eful-bg.png) center / cover no-repeat;
}