@font-face {font-family:'Fraunces-Variable'; src:url('../../webfonts/Fraunces-Variable.woff2') format('woff2'), url('../../webfonts/Fraunces-Variable.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap;}

:root {
    --Font18  : 18px;
    --Lh28    : 28px;
    --dblue:#173954;
    --white:#ffffff;
}

.btn-new-home{ padding: 0.250rem 0.75rem; min-width: 171px; border-radius: 10px; font-size: 0.875rem; line-height: 2rem; font-weight: 600; border: 0; background: #B2F1EE; color:var(--dblue); }
.ratio{ position: relative; width: 100%; }
.ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-overlay:before{content: ''; position:absolute; top: 0px; right: 45%; width: 100%; height: 100%; background: #132712; opacity: 0.6; filter: blur(132px); transform: matrix(-1, 0, 0, 1, 0, 0);}
.home-hero {visibility: hidden;}
.home-hero img{object-fit:cover;}
.home-hero .ratio:before{display: block;  padding-top: 442px; content:"";}
.home-hero-caption{top: 0px; text-align: right; z-index: 2;}
.home-hero figure a:hover, .home-hero figure a:focus { opacity: inherit; }
.hhc-info{  max-width: 400px; margin-left:auto;}
.home-hero-caption h2{font-family: 'Fraunces-Variable'; font-size: 64px; color: var(--white); font-weight:bold;}
.home-hero-caption p{ font-size: 18px; color: var(--white); font-weight: var(--w600);}
.home-hero .slick-dots li,
.home-hero .slick-dots li button{width: 12px; height: 12px; padding: 0px; margin: 0px 0px 0px 5px;}
.home-hero .slick-dots{bottom: 20px; max-width: 1140px; margin: 0 auto; left: calc(50% - 590px); text-align: right;}
.home-hero .slick-dots li button::before {background: rgb(255 255 255 / 80%); width: 11px!important; height: 11px!important; border: 0px!important;}
.home-hero .slick-dots .slick-active button:before {background: #ffffff !important; width: 27px !important; height: 10px !important; border-radius:10px;}
.home-hero .slick-dots li.slick-active{width: 27px;}
.home-search {margin-top: 50px; overflow: hidden; min-height: 121px;}
.hs-main:before { content: ''; position: absolute; top: 0px; left: 0px; width: 30%; height: 100%; background: url('../../img/home/search-left-bg.svg') no-repeat left bottom; }
.hs-main:after { content: ''; position: absolute; top: 0px; right: 0px; width: 30%; height: 100%; background: url('../../img/home/search-right-bg.svg') no-repeat right bottom; }
.search-group .form-control:focus{box-shadow:none;}
.hs-main h2 {font-size: 40px; color: var(--dblue); font-weight: 700;}
.search-group {margin: 25px auto 0 auto; z-index: 9; max-width: 500px;}
.search-group .form-control {border: 1px solid rgba(23, 57, 84, 0.5); border-radius: 30px; padding:23px 25px; font-size: 20px; color: #525252; font-weight: 300;}
.home-btn-search {right: 5px; background: #B2F1EE url('../../img/home/search-icon.svg') no-repeat center; border-radius: 50px; width: 40px; height: 40px; text-indent: -9999px; background-size: 50%;
top: 4px;}
.home-cat{margin-top:50px;}
.home-cat-grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 15px; row-gap: 24px;}
.home-cat-card h3{top: 0px; font-size:36px; font-weight:700; color: var(--white); position: relative; z-index: 2;}
.home-cat-card{overflow:hidden;}
.home-cat-card a::before{content: ''; background: #3F80C1; filter: blur(52.55px); width: 20%; height: 20%;position: absolute; left: 40%; top: 50%; z-index: 1;}
.home-cat-card .ratio:before{display: block; padding-top:330px; content: "";}
.home-cat-card .ratio{border-radius: 15px; overflow:hidden;}
.home-cat-card .ratio img{object-fit:cover;transition:all 0.8s ease;}
.home-cat-card:hover .ratio img{transform: scale(1.1);transition:all 0.8s ease;}
.curiosity-outer{margin-top: 100px; display: grid; grid-template-columns:50% 460px; column-gap: 70px; }
.curiosity-outer .ratio:before{display: block; padding-top:87%; content: "";}
.curiosity-outer .ratio img{object-fit:cover;object-position: bottom;}
.curiosity-right{row-gap: 25px;}
.curiosity-right h2{font-size: 40px; font-weight: 700; color:var(--dblue);}
.curiosity-right p strong{font-size:18px; line-height:30px; font-weight:550; color:var(--dblue);} 
.curiosity-cards{display:grid; grid-template-columns:40px 1fr; column-gap: 20px;}
.curiosity-cards img{width:auto; height: auto;}
.curiosity-cards h4{font-size:24px; font-weight:600; color:var(--dblue); margin-bottom: 5px;} 
.curiosity-cards p{font-size:18px; font-weight:400; color:var(--dblue); margin-bottom: 0px;} 
.curiosity-icon { display: block; width: 40px; height: 40px; }
.curiosity-icon img { width: 100%; height: auto; }
.home-guide{margin-top: 50px;}
.hg-grid{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 24px;}
.hg-grid div{max-width: 150px; margin: 0 auto;}
.hg-grid h4{text-align:center; font-size:var(--Font18); line-height:var(--Lh28); font-weight: 400; margin-top: 20px;}
.hg-grid img{height: auto;}
.home-map{margin-top: 50px; position: relative; }
.home-map h2{font-size: 40px; font-weight: 700; color: var(--dblue); margin-bottom: 25px;}
.home-map .map-wrapper img {border-radius: 15px; overflow: hidden; width: 100%; height: 100%;}
.home-map .map-wrapper .map-link { display: block; position: relative; } 
/* .home-map .map-wrapper .map-btn { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: var(--white); color: var(--dblue); padding: 0.5rem 2.3rem; border-radius: 15px; border: 2px solid var(--dblue); font-weight: 600; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } */
.home-map .map-wrapper .map-btn { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 0.250rem 0.75rem; min-width: 171px; border-radius: 10px; font-size: 0.875rem; line-height: 2; font-weight: 600; background: var(--white); color: var(--dblue); border: 2px solid var(--dblue); }

.home-map .map-wrapper a:hover { opacity: 1;}
.home-review{width:100%; padding-left: calc(50% - 560px); margin-top: 50px;}
.home-review-grid{display:grid; grid-template-columns:32% 68%; column-gap: 70px; row-gap: 25px;}
.home-total-review{ background: #b2f1ee url('../../img/home/review-pattern.png') no-repeat center bottom; border-radius: 15px; border-bottom: solid 20px #58ccc6; padding:3rem 2rem 2rem 2rem; text-align:center; color: var(--dblue);}
.hr-count{font-size: 90px; line-height:120px; font-weight: 700;}
.home-total-review h4{font-size:24px; font-weight: 700; margin-top:1.2rem;}
.home-total-review h3{font-size:32px; font-weight: 700; margin-top:2rem;}
.home-total-review p{font-size:var(--Font18)}
.home-review-grid .btn-new-home{border: solid 2px var(--dblack); font-size: 18px; font-weight: 600; min-width: 230px;}
.app-insta-review .nav-pills .nav-link{border: solid 2px var(--dblue); border-radius: 30px; margin-right: 15px; font-weight: 600; min-width: 150px; text-align: center;}
.app-insta-review .nav-pills .nav-link:hover,
.app-insta-review .nav-pills .nav-link.active,
.app-insta-review .nav-pills .nav-link.focus{background: var(--dblue); border-color: var(--dblue); color: var(--white); opacity: 1;}
.app-insta-review{padding-left:3rem;}
.app-review-slider .slick-list {margin: 0 -15px; padding:0 25% 0 0 !important;}
.app-review-slider .slick-slide{padding: 2rem 15px;}
.app-review-slider .slick-prev{left: -70px!important; background:url('../../img/home/review-prev-arrow.svg') no-repeat center;}
.app-review-slider .slick-prev::before{display: none;}
.app-review-slider .slick-next{display:none;}
.app-review-card{background: #FFFFFF; box-shadow: 0px 3px 18px #E1E1E1; border-radius: 15px; padding: 20px 30px; /* min-height: 400px; max-height: 600px; */ overflow: hidden; overflow-y: auto; height: 100%;}
.modal-content .app-review-card { box-shadow: none;}
.cursor-pointer {cursor: pointer;}
.arc-header p strong{color: var(--dblue); font-size: 18px; font-weight: 700;}
.arc-header span{color:#8B8B8B; font-size:14px; font-weight:500;}
.app-star{column-gap: 0.2rem; margin: 10px 0px;}
.app-star img{width: 15px; height: 15px;}
.arc-body{margin-top:1rem;}
.arc-body p{ color: var(--dblue); margin-bottom: 10px;}
.review-link{font-weight: 600; text-decoration: underline;}
.review-modal .modal-dialog{max-width: 300px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0 auto;}
.review-right-option{position: absolute; right:0px; top:15px}
.app-review-slider .slick-track { display: flex !important; }
.app-review-slider .slick-slide { height: inherit !important; }

@media only screen and (min-width:1600px) {
    .home-review-grid{display:grid; grid-template-columns:28% 72%; column-gap: 70px; row-gap: 25px;}
}

@media only screen and (max-width:1200px) {
    .curiosity-outer{grid-template-columns:1fr 400px; column-gap:30px; }
    .curiosity-outer .ratio img {object-fit: contain;}
}

@media only screen and (max-width:767px) {
    :root {
        --Font18  : 16px;
        --Lh28    : 26px;
    }

    .home-hero .ratio:before { padding-top: 52vh; }
    .home-hero-caption{text-align: center;align-items: flex-end!important;}
    .hhc-info{padding-bottom:2rem;}
    .home-hero-caption h2{font-size: 32px;}
    .home-hero-caption p{font-size:16px;}
    .home-search {min-height: 101px;}
    .hs-main h2 {font-size:24px;}
    .search-group {max-width: 80%;}
    .hs-main:before {left: -80%; width: 100%;}
    .hs-main:after {right: -80%; width: 100%;}
    .home-cat-grid{grid-template-columns: 1fr;}
    .home-cat-card h3{font-size: 32px;}
    .home-cat-card .ratio:before{padding-top: 180px;}
    .curiosity-outer{grid-template-columns:1fr; column-gap:30px; }
    .curiosity-outer .ratio:before{padding-top: 92%;}
    .curiosity-right{padding: 25px;}    
    .curiosity-right h2{font-size:24px;}
    .curiosity-cards h4{font-size:18px;} 
    .curiosity-cards p{font-size:18px;} 
    .hg-grid{grid-template-columns:1fr 1fr; row-gap:20px;}
    .hg-grid div{max-width: 115px;}
    .hg-grid p{padding: 0px 2rem;}

    .home-map h2 {font-size: 24px;}
    .home-review-grid{grid-template-columns: 1fr; display: flex; flex-direction: column;}
    .app-insta-review{padding: 1.5rem; padding-top: 0px; padding-right: 0px; width: 100%;}
    .home-total-review{padding: 1rem; width: 100%; }
    .hr-count {font-size: 32px;  line-height: 60px;}
    .home-total-review h4{font-size: 18px;}
    .home-total-review h3{font-size: 18px; margin-top: 1rem; margin-bottom:0.5rem!important;}
    .app-insta-review .nav-pills .nav-link{min-width: auto; font-size: 14px;}
    .app-review-card{padding: 15px; height: 100%;}
    .app-review-slider .slick-list {margin: 0 -5px; padding:0 15% 0 0 !important;}
    .app-review-slider .slick-slide{padding:1.5rem 10px;}
    .hero-overlay:before {top:unset; bottom: 0px; right: 0; width: 100%; height: 50%;}
    .home-cat-card a::before {filter: blur(82.55px); width: 40%; height: 40%; left: 30%; top: 30%;}
    .curiosity-right .curiosity-cards:last-child{grid-template-columns: 1fr;}
    .curiosity-right .curiosity-cards:last-child div{text-align: center;}
    .curiosity-cards span{display:none;}
    .fw-left p{font-size:14px;}
    .review-right-option{top:5px}
}