section.hero{width:100%;padding:20px;max-width:1216px;margin:30px auto 0}section.hero .wrapper{display:flex;align-items:auto;justify-content:auto;flex-direction:column;flex-wrap:auto}section.hero .wrapper .content{text-align:center}section.hero .wrapper .content h1,section.hero .wrapper .content h2,section.hero .wrapper .content h3{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#fff;line-height:56px;margin-bottom:20px}section.hero .wrapper .content h1 strong,section.hero .wrapper .content h2 strong,section.hero .wrapper .content h3 strong{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.hero .wrapper .content p{font-family:Figtree;font-weight:400;font-size:1.625rem;color:#fff;line-height:32px;margin-bottom:15px}section.hero .wrapper .content .btns{margin-top:30px;flex-wrap:wrap;justify-content:center}section.hero .wrapper .image{position:relative;max-width:375px;width:100%;margin:40px auto 0;padding:40px}section.hero .wrapper .image .image-wrapper{position:relative;margin:0 auto;border:solid 1px #0ABA90;box-shadow:0 0 30px #0aba90b3;border-radius:9px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide{position:relative}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:9px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content{position:absolute;background:linear-gradient(transparent,#000);padding:10px 10px 20px;width:100%;z-index:10;bottom:0;left:0;border-radius:9px;overflow:hidden}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content>.detail{flex-basis:50%;margin-bottom:10px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content>.detail p:first-child{font-family:Kanit;font-weight:300;font-size:.5rem;color:#0aba90;text-transform:uppercase;line-height:14px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content>.detail p:last-child{font-family:Kanit;font-weight:800;font-size:1rem;color:#fff;line-height:16px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details{display:flex;align-items:auto;justify-content:space-between;flex-direction:row;flex-wrap:wrap}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail{flex-basis:50%}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail p:first-child{font-family:Kanit;font-weight:300;font-size:.5rem;color:#0aba90;text-transform:uppercase;line-height:14px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail p:last-child{font-family:Kanit;font-weight:600;font-size:.625rem;color:#fff;line-height:16px}section.hero .wrapper .image>picture img{position:absolute;top:25%;left:0;z-index:-1}@media only screen and (min-width: 1200px){section.hero{padding:20px}section.hero .wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:40px}section.hero .wrapper .content{text-align:left;max-width:500px;width:100%}section.hero .wrapper .content.small-title h1,section.hero .wrapper .content.small-title h2,section.hero .wrapper .content.small-title h3{font-size:4.5rem;line-height:1.1}section.hero .wrapper .content.small-title h1 strong,section.hero .wrapper .content.small-title h2 strong,section.hero .wrapper .content.small-title h3 strong{font-size:4.5rem;line-height:1.1}section.hero .wrapper .content h1,section.hero .wrapper .content h2,section.hero .wrapper .content h3{font-size:6rem;line-height:104px}section.hero .wrapper .content h1 strong,section.hero .wrapper .content h2 strong,section.hero .wrapper .content h3 strong{font-size:6rem;font-weight:800!important}section.hero .wrapper .content p{font-size:2rem;line-height:43px}section.hero .wrapper .content .btns{justify-content:flex-start}section.hero .wrapper .image{flex-basis:50%;max-width:300px}section.hero .wrapper .image .image-wrapper{width:100%;max-width:260px;max-height:612px;overflow:hidden;padding:0 0 100%}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide{height:620px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content{padding:16px 20px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content>.detail p:first-child{font-family:Kanit;font-weight:300;font-size:.625rem;color:#0aba90;text-transform:uppercase;line-height:16px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content>.detail p:last-child{font-family:Kanit;font-weight:800;font-size:1.225rem;color:#fff;line-height:24px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail{flex-basis:50%;margin-bottom:5px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail p:first-child{font-family:Kanit;font-weight:300;font-size:.625rem;color:#0aba90;text-transform:uppercase;line-height:16px}section.hero .wrapper .image .image-wrapper .swiper .swiper-wrapper .swiper-slide .card-content .details .detail p:last-child{font-family:Kanit;font-weight:400;font-size:1rem;color:#fff;line-height:24px}section.hero .wrapper .image>picture img{top:20%;width:100%;animation:float 4s linear infinite}@keyframes float{0%{transform:translate(2px,4px)}25%{transform:translate(2px,10px)}50%{transform:translateY(12px)}75%{transform:translate(5px,7px)}to{transform:translate(2px,4px)}}section.hero .wrapper .image{flex-basis:50%;max-width:600px}section.hero .wrapper .image .image-wrapper{width:100%;max-width:436px;max-height:612px;overflow:hidden;padding:0 0 100%}section.hero .wrapper .image .image-wrapper .card-content{padding:16px 32px}section.hero .wrapper .image .image-wrapper .card-content>.detail p:first-child{font-family:Kanit;font-weight:300;font-size:.625rem;color:#0aba90;text-transform:uppercase;line-height:16px}section.hero .wrapper .image .image-wrapper .card-content>.detail p:last-child{font-family:Kanit;font-weight:800;font-size:1.875rem;color:#fff;line-height:24px}section.hero .wrapper .image .image-wrapper .card-content .details .detail{flex-basis:50%;margin-bottom:5px}section.hero .wrapper .image .image-wrapper .card-content .details .detail p:first-child{font-family:Kanit;font-weight:300;font-size:.625rem;color:#0aba90;text-transform:uppercase;line-height:16px}section.hero .wrapper .image .image-wrapper .card-content .details .detail p:last-child{font-family:Kanit;font-weight:600;font-size:1.125rem;color:#fff;line-height:24px}}