.main-container{font-size:.868em}
.main-card{padding-top:48.802%;overflow:hidden}
.main-nav-box{position:fixed;top:14%;left:10.625%;z-index:2}
.main-nav-box>h1{font-size:3.375em;color:#c1c1c1;text-transform:uppercase;}
.main-nav-box>h2{position:relative;padding-top:1em;margin-top:1em;font-size:1.875em}
.main-nav-box>h2::before {content:"";position:absolute;top:0;left:2.3em;width:0.25em;height:0.25em;border-radius:50%;background-color:#19a179;}
.main-nav-box>h2::after {content:"";position:absolute;top:0;left:0.1em;width:2em;height:0.25em;background-color:#19a179;}
.main-nav{margin-top:5em;display:inline-block}
.main-nav-box .main-nav .main-nav-item{display:block;margin-bottom:1.5em}
.main-nav-box .main-nav .main-nav-item>span{position:relative;padding:.5em 0 .2em;font-size:1.25em;transition:color .2s}
.main-nav-box .main-nav .main-nav-item.active>span,
.main-nav-box .main-nav .main-nav-item:hover>span{color:#19a179}
.main-nav-box .main-nav .main-nav-item>span::before{content:'';font-size:1.25em;position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#19a179;transition:width .2s}
.main-nav-box .main-nav .main-nav-item.active>span::before,
.main-nav-box .main-nav .main-nav-item:hover>span::before{width:100%}
.main-nav-icon{position:fixed;left:10.625%;bottom:5em;z-index:1;color:#19a179;text-align:center;background-color:#baf7e5;border-radius:50%}
.main-nav-icon.white{background-color:rgba(255,255,255,.16)}
.main-nav-icon .fa{padding:.7em;font-size:1.8em}
.main-card .main-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;left:10.625%;right:0;width:auto;padding:0 1.98% 0 20em}
.card-content-img>img{width:100%;height:100%;object-fit:contain}
.card-content-title{margin-bottom:1.5em;font-size:1.5em}
.card-content-text{font-size:1.125em;line-height:2;text-align:center}
.card-content-set{display:flex;justify-content:center;align-items:center;margin-top:2em;text-align:center}
.card-content-pointer{position:relative;flex:1}
.card-content-pointer-icon{position:relative;z-index:2;display:inline-block;text-align:center/*;overflow:hidden;*/}
.card-content-pointer-icon::after{content:'';position:absolute;left:0;right:0;bottom:-.6em;width:.45em;height:.45em;margin:auto;background-color:#f8f8f8;border:1px solid #ddd;border-radius:50%}
.card-content-pointer-icon.color{position:absolute;top:0;left:0;width:100%;height:100%;}
.card-content-pointer-icon.color::after{z-index:2;background-color:#fff;border:1px solid #19a179}
.card-content-pointer-icon>.icon-bg{font-size:4em;color:#ccc}
.card-content-pointer-icon.color>.icon-bg{color:#19a179}
/* .card-content-pointer-icon>.icon-main{position:absolute;left:0;right:0;top:-.3em;bottom:0;font-size:1.8em} */
.card-content-pointer-icon>.icon-main{position:absolute;top:50%;left:50%;font-size:1.8em;transform:translateX(-50%) translateY(-62%)}
.card-content-pointer-icon.color>.icon-main{color:#fff}
.card-content-line{position:absolute;left:-50%;right:50%;z-index:0;height:2px;margin-top:-3.1em;overflow:hidden}
.card-content-line>div{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.card-content-line-bg{background-color:#ddd;}
.card-content-line-color{background-color:#19a179}
.card-content-pointer>p:nth-child(2){margin-top:.5em;font-size:1.875em}
.card-content-pointer>p:last-child{height:2em;font-size:1.25em}

.overlap{width:100%;padding-bottom:8%}
.overlap-text{font-size:0}
.swiper-slide-active .overlap-text{position:absolute;bottom:0;left:0;width:100%;transform:translateY(150%);font-size:1.25em;text-align:center}