*{font-family:"sofia-pro",sans-serif}body{max-width:100vw;overflow-x:hidden}header{display:flex;flex-direction:row;padding:10px 0}header img{display:block;margin:auto;max-width:40%;height:auto}.green_bg{position:relative;overflow:hidden}.green_bg .bg{position:absolute;top:0;transform:translateX(-50%);left:50%;object-fit:cover;width:100%;height:100%}.green_bg::after{content:url(../images/green_bg_sp.svg);position:absolute;bottom:190px;left:0;width:100%;height:100%;display:flex;flex-direction:column;opacity:.8}.green_bg .container{position:relative;z-index:10}.green_bg h1{font-weight:bold;color:#fff;margin:30px 0;padding-left:15px;padding-right:15px}.green_bg h1 span{font-size:calc(1rem + 1.5vw);display:block;font-weight:500}.green_bg ul{padding-left:1rem}.green_bg ul li{padding:0;color:#fff;list-style-type:none;display:flex;flex-direction:row;margin-bottom:10px}.green_bg ul li::before{content:url(../images/list-item.svg);margin-right:10px;margin-top:7px}.green_bg .question_container{margin-top:75px;position:relative;width:88vw;max-width:325px;margin-left:auto;margin-right:auto}.green_bg .question_container::after{content:url(../images/arrow_button.svg);position:absolute;right:0;top:50%;transform:translate(50%, -50%)}.green_bg .question_container a{background:#fff;border-radius:10px;position:relative;padding-top:50px;padding-bottom:25px;text-decoration:none;display:block}.green_bg .question_container a img{transform:translateX(-50%);display:block;position:absolute;left:50%;top:-38px;z-index:10}.green_bg .question_container a .question{display:block;font-size:26px;color:#029091;font-weight:800;text-align:center}.green_bg .question_container a .question::after{content:"";display:block;height:2px;width:85px;background:#fbba04;margin:10px auto}.green_bg .question_container a .desc{color:#029091;font-size:16px;font-weight:800;text-align:center;padding-left:15px;padding-right:15px;display:block}a.btn{background:#ff7d23;color:#fff;border-radius:150px;display:block;width:max-content;padding:10px 25px;font-size:20px;margin:30px auto 75px}a.btn:hover{background:#fff;color:#ff7d23}@media(min-width: 992px){header{max-width:1140px;padding:0;margin-left:auto;margin-right:auto;position:relative}header .logo{position:absolute;z-index:100000;right:0;top:-50px}.green_bg{min-height:100vh}.green_bg::after{display:none}.green_bg .container .row{height:100vh}.green_bg .container .row .container_bg{position:relative;display:flex;flex-direction:column;justify-content:center}.green_bg .container .row .container_bg h1{font-size:25px;text-align:left;margin-bottom:20px}.green_bg .container .row .container_bg h1 span{font-size:24px}.green_bg .container .row .container_bg img.deco{position:absolute;top:0;height:100vh;width:auto;right:-70px;z-index:-1}.green_bg .container .row .container_bg .question_container{margin-top:45px}.green_bg .items_container{height:unset !important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.green_bg .items_container .item{width:140px;height:140px;background:#fff;border-radius:10px;display:flex;position:relative;flex-direction:column;overflow:hidden}.green_bg .items_container .item img{display:block;margin:auto}.green_bg .items_container .item p{color:#029091;text-align:center;font-size:16px;font-weight:bold;line-height:20px}.green_bg .items_container .item p.hover{position:absolute;width:100%;top:100%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:10px;height:100%;font-size:16px;color:#393939;padding:15px;font-weight:400;display:flex;justify-content:center;align-items:center;transition:.5s;opacity:0}.green_bg .items_container .item:hover p.hover{top:50%;opacity:1}.green_bg .items_container .item.diagno{background:#ff7d23;text-decoration:none;transition:.3s}.green_bg .items_container .item.diagno img{margin-bottom:10px;transition:.3s}.green_bg .items_container .item.diagno p{color:#fff;margin-bottom:30px}.green_bg .items_container .item.diagno:hover{transform:scale(1.08)}}@media(min-width: 1200px){.green_bg .items_container .item{width:170px;height:170px}.green_bg .items_container .item p{font-size:20px;margin-bottom:25px}.green_bg .items_container .item:nth-child(1) p:not(.hover),.green_bg .items_container .item:nth-child(3) p:not(.hover){margin-bottom:30px}.green_bg .items_container .item:nth-child(8) img{margin-top:12px}}/*# sourceMappingURL=main.css.map */
