:root{
    --c1:#ef4923;
    --c2:#324046;
}

body{font-family: 'Roboto', sans-serif;}
.home{position: relative;overflow: hidden;margin-top: 130px;}
.area-3{margin-top: 0rem;margin-bottom: 0rem;position: relative;padding-bottom: 0rem;}
.glife-siluet{position: absolute;right: -80px;top: 140px;}
.area-4 h1{margin-bottom: 2rem;}
.area-4 .image-content img{position: relative;margin: 0 auto;z-index: 1;}
.area-4 .mods-content .col-md-6{text-align: center;text-align: -webkit-center;}
.area-4 .mods-content .mods{position: relative;text-align: center;text-align: -webkit-center;}
.justify-content-evenly{-webkit-justify-content: space-around;justify-content: space-evenly;}
.area-6{position: relative;margin-top: 5rem;margin-bottom: 8rem;text-align: -webkit-center;text-align: center;}
.area-6 .badges img{max-width: 100%;width: 200px;}



footer .footer-bottom{height: 50px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;background: #fff;}
footer .footer-bottom p{font-size: 14px;color:#192227;margin-bottom: 0;}


@media (max-width: 767px) {
    .mobile-hidden{display: none!important;}
    header{display: block;height: 140px;align-items: center;padding: 0 1rem;background-color: #ffffff;position: absolute;z-index: 55;width: 100%;transition: transform .4s ease 0s;top: 0;}
    header .header-content{display:block;width: 100%;}
    header .logo-content{text-align: center;text-align: -webkit-center;margin-top: 1.2rem;}
    header .menu-content{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;margin-top: 1.2rem;}
    header .menu-content .menu-item a{font-weight: 500;font-size: 16px;color: var(--c2);}
    header .menu-content .menu-item a:hover{color: var(--c1);text-decoration: none}
    header .down{margin-top: 1.5rem;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
    header .btn-menu{background-color: var(--c1);color: #fff!important;padding:10px 18px;border-radius: 20px;font-size: 16px}
    header .btn-menu:hover{background-color: var(--c2);text-decoration: none;}
    h1{color: var(--c2);font-size: 26px;font-weight: bold;}
    h1 span{color: var(--c1);}
    .glife-parallax img{width: 280px;max-width: 100%;}
    .area-3 h1{margin-left: 1rem;position: relative;z-index: 1;margin-top: 3rem;}
    .glife-2{position: absolute;top: 220px;left: 0;right: 0;margin: 0 auto;text-align: center;text-align: -webkit-center;}
    .glife-2 img{width: 240px;}
    .gradient-triangle .triangle-2{width: 0;height: 0;border-top: 760px solid #f3f3f5;border-right: 700vw solid transparent;position: absolute;top: 0;z-index: 0;}
    .area-3 .gradient-triangle{overflow: hidden;height: 700px;}
    .area-4{position: relative;margin-top: 8rem;text-align: center;margin-bottom: 8rem;}
    .area-1 .glife-bg{position: absolute;top: 10px;left: 0px;}
    .area-1 .glife-bg img{height: 600px;}
    .area-1{position: relative;padding-bottom: 70px;}
    .area-2 .products-image-content img{width: 100%;max-width: 100%;}
    header .logo-content img{width: 80px;}
    .area-1 .h1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin-top: 20px;}
    .triangle-topleft{ width: 0;height: 0;border-top: 600px solid #f4fce6;border-right: 130vw solid transparent;position: absolute;top: 0px;}
    .area-4>p{padding: 0 1rem;}
    .area-4 p{margin-bottom: 5rem;font-size: 16px;color: var(--c2);font-weight: 500;text-align: center;}
    .area-4 .mods-content .mod-icon{background-image: url(/assets/images/g-life-icons.svg);width: 80px;height: 80px;background-repeat: no-repeat;background-size: cover;}
    .area-4 .mods-content .mods{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
    .area-4 .mods-content .mods:first-child{width: 100%;padding: 0 1rem;}
    .area-4 .mods-content .mods:nth-child(2){margin-bottom: 2rem;}
    .area-4 .mods-content .mods:last-child{width: 100%;padding: 0 1rem;}
    .area-4 .mods-content .mod-icon.icon-1{background-position: 10px;}
    .area-4 .mods-content .mod-icon.icon-2{background-position: -70px;}
    .area-4 .mods-content .mod-icon.icon-3{background-position: -145px;}
    .area-4 .mods-content .mod-icon.icon-4{background-position: -230px;}
    .area-4 .mods-content .mod-icon.icon-5{background-position: -315px;}
    .area-4 .mods-content .mod-icon.icon-6{background-position: -398px;}
    .area-4 .mods-content .mod-info{font-size: 16px;font-weight: 500;color: var(--c2);}
    .area-4 .mod-item{width: max-content;text-align: -webkit-center;margin-bottom: 2.4rem;}
    .area-4 .image-content img{width: 250px;left: 20px;}
    .triangle-topleft2{ width: 0;height: 0;border-top: 790px solid #f4fce6;border-right: 980vw solid transparent;position: absolute;top: 220px;z-index: 0;}
    .area-5 h1{width: 100%;margin: 0 auto;margin-bottom: 2rem;padding: 0 1rem;font-size: 20px;}
    .triangle-topleft3{ width: 0;height: 0;border-top: 1000px solid #f3f3f5;border-right: 980vw solid transparent;position: absolute;top: 300px;z-index: 0;}
    .area-5 .programs{display: -ms-flex;display: -webkit-flex;display: flex;position: relative;}
    .area-5 .programs .image-1 img{margin-left: 0px;width: 600px;max-width: 100%;left: 30px;position: relative;}
    .area-5 .programs .image-2 img{position: relative;left: 10px;top: 50px;width: 600px;}
    .area-5{position: relative;margin-top: 5rem;margin-bottom: 5rem;}
    .area-6 h1{margin-bottom: 2rem;font-size: 26px;}
    .area-6 .badges a:first-child{margin-right: 1rem;}
    .area-6 .badges{padding: 0 1rem;display: -webkit-flex;display: flex;}
    .area-1 .phone{text-align: center;}
    .area-1 .phone img{width: 240px;position: relative;left: 30px;}
    .area-3 .glife-2 img{width: 280px;position: relative;left: 30px;}

    .menu-item .btn-use{font-size: 16px;}
    .area-6 .badges a:first-child img{position: relative;top: -9px;}

    .mobile-fixed-button{display: block;position: fixed;bottom: 10px;z-index: 99;margin: 0 auto;left: 0;right: 0;text-align: center;width: max-content;background-color: var(--c1);color: #fff!important;padding: 8px 18px;border-radius: 20px;font-size: 18px;text-decoration: none!important;}

    footer .footer-top{padding: 2rem 1rem;background-color: var(--c2);}
    footer .logo-content>div:nth-child(1){display: inline-block;}
    footer .logo-content>div:nth-child(2){display: inline-block;}
    footer .footer-top .logo-content img{max-height: 28px;}
    footer .footer-top .logo-content>div:first-child{padding-right: 1.5rem;margin-right: 1.5rem;border-right: 1px solid #192227;}
    footer .footer-top .logo-content>div{padding: .4rem 0;}
    footer .footer-top .footer-info{margin-top: 1.2rem;}
    footer .footer-top .footer-info span:first-child{font-size: 14px;font-weight: bold;color: #fff;margin-right: 2rem;display: block;margin-bottom: 1rem;}
    footer .footer-top .footer-info span:last-child{font-size: 12px;color: #fff;display: block;}
    footer .footer-bottom{padding: 0 1rem;}
    footer .footer-bottom p{font-size: 10px;}
    footer .medya2383-logo{margin-top: 1.2rem;}
}
@media (min-width: 768px) {
    .mobile-fixed-button{display: none;}
    .web-hidden{display: none!important;}
    header .logo-content img{width: 100px;height: auto;}
    header{display: -webkit-flex;display: flex;height: 120px;align-items: center;padding: 0 3rem;background-color: #ffffff;position: fixed;z-index: 55;width: 100%;transition: transform .4s ease 0s;top: 0;}
    header .header-content{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-around;justify-content: space-around;width: 100%;}
    header .menu-content{display: -webkit-flex;display: flex;margin-left: auto;-webkit-align-items: center;align-items: center;}
    header .menu-content .menu-item{margin-right: 1.5rem;}
    header .menu-content .menu-item a{font-weight: 500;font-size: 18px;color: var(--c2);}
    header .menu-content .menu-item:last-child{margin-right: 0rem;}
    header .menu-content .menu-item.header-language{border-left: 1px solid #ccc;padding-left: 1.4rem;padding-top: 6px;padding-bottom: 6px;}
    header .menu-content .menu-item a:hover{color: var(--c1);text-decoration: none}
    header .btn-menu{background-color: var(--c1);color: #fff!important;padding:10px 18px;border-radius: 20px;}
    header .btn-menu:hover{background-color: var(--c2);text-decoration: none;}
    h1{color: var(--c2);font-size: 50px;font-weight: bold;}
    h1 span{color: var(--c1);}
    .area-3 h1{margin-left: 8rem;position: relative;z-index: 1;margin-top: 5rem;}
    .glife-2{position: absolute;top: 220px;left: 20%;}
    .gradient-triangle .triangle-2{width: 0;height: 0;border-top: 980px solid #f3f3f5;border-right: 260vw solid transparent;position: absolute;top: 0;z-index: 0;}
    .area-3 .gradient-triangle{overflow: hidden;height: 1000px;}
    .area-4{position: relative;margin-top: 20rem;text-align: center;margin-bottom: 20rem;}
    .area-1 .glife-bg{position: absolute;bottom: 0;left: 50px;}
    .area-1{position: relative;padding-bottom: 250px;}
    .area-2 .products-image-content{text-align: center;}
    .area-2 .products-image-content img{width: 100%;max-width: 60%;}
    .area-1 .h1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin-top: 200px;}
    .triangle-topleft{ width: 0;height: 0;border-top: 600px solid #f4fce6;border-right: 130vw solid transparent;position: absolute;top: 100px;}
    .area-4 p{margin-bottom: 5rem;font-size: 20px;color: var(--c2);font-weight: 500;text-align: center;}
    .area-4 .mods-content .mod-icon{background-image: url(/assets/images/g-life-icons.svg);width: 120px;height: 120px;background-repeat: no-repeat;background-size: cover;}
    .area-4 .mods-content .mod-icon.icon-1{background-position: 10px;}
    .area-4 .mods-content .mod-icon.icon-2{background-position: -105px;}
    .area-4 .mods-content .mod-icon.icon-3{background-position: -225px;}
    .area-4 .mods-content .mod-icon.icon-4{background-position: -350px;}
    .area-4 .mods-content .mod-icon.icon-5{background-position: -475px;}
    .area-4 .mods-content .mod-icon.icon-6{background-position: -600px;}
    .area-4 .mods-content .mod-info{font-size: 22px;font-weight: 500;color: var(--c2);}
    .area-4 .mods-content{margin-top: 10rem;}
    .area-4 .mod-item{width: max-content;text-align: -webkit-center;margin-bottom: 5rem;}
    .triangle-topleft2{ width: 0;height: 0;border-top: 1100px solid #f4fce6;border-right: 380vw solid transparent;position: absolute;top: 260px;z-index: 0;}
    .area-5 h1{width: max-content;margin: 0 auto;margin-bottom: 2rem;}
    .triangle-topleft3{ width: 0;height: 0;border-top: 1100px solid #f3f3f5;border-right: 380vw solid transparent;position: absolute;top: 300px;z-index: 0;}
    .area-5 .programs{display: -webkit-flex;display: flex;position: relative;}
    .area-5 .programs .image-1 img{margin-left: 200px;}
    .area-5 .programs .image-2 img{position: relative;left: 40px;top: 200px;}
    .area-4 .image-content img{left: 60px;}
    .area-5{position: relative;margin-top: 5rem;margin-bottom: 15rem;}
    .area-6 h1{margin-bottom: 2rem;font-size: 42px;}
    .area-6 .badges a:first-child{margin-right: 5rem;}

    footer .footer-top{padding: 2rem 3rem;background-color: var(--c2);}
    footer .footer-top>div{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
    footer .footer-top .logo-content{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
    footer .footer-top .logo-content img{max-height: 30px;}
    footer .footer-top .logo-content>div{padding: .5rem 0;}
    footer .footer-top .logo-content>div:first-child{padding-right: 1.5rem;margin-right: 1.5rem;border-right: 1px solid #192227;}
    footer .footer-top .logo-content>div:last-child{padding: 1rem 0;}
    footer .footer-top .footer-info{margin-left: 3rem;}
    footer .footer-top .footer-info span:first-child{font-size: 16px;font-weight: bold;color: #fff;margin-right: 2rem;}
    footer .footer-top .footer-info span:last-child{font-size: 14px;color: #fff;}

}
@media (min-width: 1600px) {
    .area-5 .programs .image-2 img{position: relative;left: 200px;top: 200px;}
}

.btn-use{font-weight: 500;font-size: 18px;color: var(--c2);background-color: transparent;padding: 0;outline: none!important;box-shadow: none!important;}
.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}