.page-index .jumbotron{background:linear-gradient(347deg,#6fc7ff 0%,#c9c9ff 100%);padding-bottom:0;position:relative;overflow:hidden;z-index:1}
.page-index .jumbotron:before{content:'';position:absolute;width:100%;height:186px;background-image:url('../themes/demo/assets/images/waves/header-wave.svg');background-repeat:repeat-x;z-index:1;bottom:-1px}
.page-index .jumbotron>.container{position:relative;z-index:2}
.page-index .jumbotron .jumbotron-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:-10px;top:-84px;opacity:.04}
.page-index .jumbotron .jumbotron-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:648px;top:260px;opacity:.05}
.page-index .jumbotron .jumbotron-intro{padding:70px 100px}
.page-index .jumbotron .jumbotron-intro h1{color:#fff;font-weight:700}
.page-index .jumbotron .jumbotron-intro p{color:#fff;margin-top:30px}
.page-index .jumbotron .jumbotron-intro .btn:not(:hover):not(:active){border-color:transparent;background:rgba(255,216,170,0.46)}
.page-index .jumbotron .jumbotron-product{padding:90px 0 35px 0;margin-right:-40px;margin-left:-100px}
.page-index .jumbotron .jumbotron-product img{position:relative;z-index:2}
@media (max-width:1399px){.page-index .jumbotron .jumbotron-intro h1{font-size:35px}}
@media (max-width:1199px){.page-index .jumbotron .jumbotron-intro{padding-left:0}.page-index .jumbotron .jumbotron-intro h1{font-size:35px}}
@media (max-width:991px){.page-index .jumbotron .jumbotron-intro{padding:20px 0 0}.page-index .jumbotron .jumbotron-intro h1{font-size:30px}.page-index .jumbotron .jumbotron-product{padding-top:20px}}
.page-index .intro{background-image:url('../themes/demo/assets/images/homepage/about-page.png');background-repeat:no-repeat;background-position:bottom center;background-size:1427px auto;padding:25px 0 568px;text-align:center}
.page-index .intro .img-leaf{width:49px;margin:35px 0}
.page-index .intro h2{font-weight:700;font-size:40px;margin:0;padding-bottom:30px;color:#3672B9}
.page-index .intro p.lead{max-width:850px;margin:0 auto;display:block;font-weight:400;font-size:20px}
.page-index .feature .feature-content{padding:50px 0 0;text-align:justify}
.page-index .feature .feature-pill{display:inline-block;background:#FFE9B4;border-radius:100px;padding:3px 20px}
.page-index .feature .feature-pill>span{opacity:0.45;color:#2C3E50;font-weight:400;font-size:16px;line-height:28px}
.page-index .feature .feature-image{padding:0 20px}
.page-index .feature h3{font-weight:700;font-size:26px;margin-bottom:30px;color:#3672B9}
.page-index .feature p{line-height:28px;margin-bottom:30px}
@media (max-width:1199px){.page-index .feature .feature-content{padding-top:0;padding-bottom:50px}}
@media (max-width:991px){.page-index .feature .feature-image{display:none}}
.page-index .actioncall{text-align:center;padding:70px 0;background:linear-gradient(102.01deg,#eff4fd 0.3%,#f6f2ff 106.31%);position:relative;overflow:hidden;z-index:1}
.page-index .actioncall>.container{position:relative}
.page-index .actioncall h3{font-weight:700;font-size:45px;margin-bottom:45px;color:#3672B9}
.page-index .actioncall p.lead{font-weight:400;font-size:20px;margin-bottom:40px;color:#2C3E50}
.page-index .actioncall .actioncall-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;background-color:#fff;width:321px;height:321px;left:-140px;top:-140px;opacity:.5}
.page-index .actioncall .actioncall-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;background-color:#fff;width:380px;height:380px;right:-165px;top:-180px;opacity:.5}
.page-index .actioncall .actioncall-decoration-3{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;background-color:#fff;width:493px;height:493px;left:235px;bottom:-380px;opacity:.3}
@media (max-width:1199px){.page-index .actioncall h3{font-size:35px}}
@media (max-width:991px){.page-index .actioncall h3{font-size:35px}}
.page-index .latestnews h3{margin:50px 0;text-align:center;color:#3672B9;font-weight:700;font-size:40px}
.page-index .hero-section{padding:40px 0;text-align:center}
.page-index .content-section{padding:20px 0}
.page-index .hero-section h3{font-weight:700;font-size:26px;margin-bottom:30px;color:#3672B9}
.page-index .hero-section .lead{font-weight:400;font-size:20px;margin-bottom:40px;color:#2C3E50}
.page-index .image-placeholder{background-color:#e9ecef;height:300px}
.page-index .feature-box{background:linear-gradient(102.01deg,#eff4fd 0.3%,#f6f2ff 106.31%);padding:20px;border-radius:20px;margin-bottom:20px}
.page-index .feature-box .lead{font-weight:400;font-size:14px;color:#2C3E50;text-align:justify}
.page-index .feature-box h3{font-weight:600;color:#3672B9}
.page-index .banner_service{background:linear-gradient(347deg,#6fc7ff 0%,#c9c9ff 100%);height:600px;padding-bottom:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:30px}
.page-index .service{position:absolute;right:60px;padding:32px}
@media (max-width:991px){.page-index .service{padding:30px;position:relative;right:auto}}
.page-index .hero-section h2{font-weight:700;font-size:40px;margin:0;padding-bottom:40px;color:#3672B9}
.page-index .image-box{background-color:#e9ecef;width:100%;padding-top:100%;position:relative}
.page-index .image-box::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,transparent 49%,#888 49%,#888 51%,transparent 51%);background-size:100% 100%;opacity:0.2}
.page-index .content-cards .content-card{background-color:white;border-radius:16px;box-shadow:0 0 20px rgba(0,0,0,0.04);padding:40px 25px 25px 25px;position:relative}
.page-index .section-title{text-align:center;font-size:2rem;margin-top:40px;margin-bottom:40px}
.page-index .center-title{text-align:center;font-size:1.5rem;font-weight:bold;margin-top:20px;margin-bottom:20px}
.page-index .arrow{width:100px;height:100px;display:flex;justify-content:center;align-items:center}
.page-index .arrow svg{transform:rotate(90deg)}
.page-index .giaiphap{text-align:center;padding:70px 0;position:relative;overflow:hidden;z-index:1}
.page-index #panorama{border-radius:30px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15) !important}
.page-index #panoview{width:100%;height:500px}
@media (max-width:991px){.page-index .hero-section h2{font-size:30px;padding-bottom:30px}.page-index .latestnews h3{font-size:30px;padding-bottom:30px}.page-index .feature h3{font-size:30px;margin-bottom:30px;text-align:center}.page-index .feature-box h3{font-size:20px;text-align:center}.page-index .actioncall p.lead{font-size:16px;margin-bottom:40px;text-align:justify}.page-index .intro h2{font-size:43px;padding:30px}.page-index .intro p.lead{font-size:16px}.page-index .banner_service{height:700px}.page-index #panoview{width:78%;height:500px;left:0px;position:sticky;padding:10px}}
@media (max-width:1199px){.page-index .banner_service{height:850px}}