@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Light.ttf);font-style: normal;font-weight: 300;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-LightItalic.ttf);font-style: italic;font-weight: 300;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Regular.ttf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Italic.ttf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Medium.ttf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-MediumItalic.ttf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-SemiBold.ttf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-SemiBoldItalic.ttf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Bold.ttf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-BoldItalic.ttf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-ExtraBold.ttf);font-style: normal;font-weight: 800;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-ExtraBoldItalic.ttf);font-style: italic;font-weight: 800;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-Black.ttf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'Be Vietnam Pro';src:url(fonts/BeVietnamPro-BlackItalic.ttf);font-style: italic;font-weight: 900;}
@font-face{font-family: 'SVN-Sandrina';src:url(fonts/Sandrina.ttf);font-style: normal;}
body{font-family: 'Be Vietnam Pro';font-size: 14px;background: #1A5B74;height: 100%;overflow: hidden;}
.for-mb{display: none;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#212529;cursor:poBeVietnamPro;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color:}
ul{padding-left:0}
img{max-width:100%;border:none;height:auto}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 16px;}
.img img{width:100%;height:auto;object-fit:cover}
.background{background-size:cover;background-repeat:no-repeat;background-position:center}
.overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 2;}
.relative{position: relative;}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;background: transparent;border: none;outline: none;}
.sandrina{font-family: 'SVN-Sandrina';}

.capt a,.title a,.title span,.title a,.name a,.name span,.capt strong,.title strong,.name strong{line-height:normal}
.screen-reader-text{display:none}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}
/* Container (FAKE theo từng web) */
@media (min-width: 576px){
	.container, .container-sm {max-width: 100%;}
  .container-fluid{max-width: 100%;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 100%;}
  .container-fluid{max-width: 100%;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 100%;}
  .container-fluid{max-width: 100%;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1280px;}
  .container-fluid{max-width: 100%;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1280px;}
  .container-fluid{max-width: 1280px;}
}
@media (min-width: 2000px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1720px;}
  .container-fluid{max-width: 1720px;}
}
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.row{--bs-gutter-x: 20px;}
.container{--bs-gutter-x: 160px;}
.container-fluid{--bs-gutter-x: 80px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post iframe{}
.content-post ul,.content-post ol{padding-left:20px;}
.content-post li{position:relative;margin-bottom:8px;}
.content-post li:last-child{margin-bottom: 0;}
.content-post strong,.content-post b,.content-post i,.content-post a{line-height:normal}
.content-post blockquote{padding:16px 16px 16px 25px;border-left:5px solid #000;background:#f6f6f6}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 16px 16px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:16px auto}
.content-post .alignright{float:right;margin:10px 0 16px 16px}
.content-post .alignleft{float:left;margin:10px 16px 16px 0}
a img.alignright{float:right;margin:10px 0 16px 16px}
a img.alignnone{margin:10px 16px 16px 0}
a img.alignleft{float:left;margin:10px 16px 16px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:10px 16px 16px 0}
.wp-caption.alignleft{margin:10px 16px 16px 0}
.wp-caption.alignright{margin:10px 0 16px 16px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.wp-caption p.wp-caption-text{margin:0;padding:10px 10px 0;text-align: center;}
div.wpcf7 .ajax-loader{position:absolute}
.content-post>*:last-child{margin-bottom: 0;}
/* contact-form7 */
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #1A5B74;padding: 5px 12px;font-weight: 500;border-radius: 8px;font-size: 12px;color: #40516B;line-height: 20px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #40516B;}
select{height: 32px;}
textarea{height: 110px;}
input[type="submit"]{border: none;transition: all .5s;height: 37px;display: flex;align-items: center;justify-content: center;background-color: #DCB15B;border-radius: 8px;text-transform: uppercase;font-weight: bold;color: #fff;font-size: 14px;padding: 0 16px 0 44px;background-image: url(images/icon-submit.png);background-size: 19px;background-repeat: no-repeat;background-position: left 16px center;}
input[type="submit"]:hover{background-color: #1A5B74;color: #fff;}
.form-group{margin-bottom: 20px;position: relative;}
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;poBeVietnamPro-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
.wpcf7-spinner{position: absolute;}
/* Option */
.text-hover .value{position: relative;overflow: hidden;display: block;}
.text-hover .value:after{content: attr(data-text);display: block;color: #DCB15B;position: absolute;top: 100%;left: 0;width: 100%;height: 100%;transition: all .5s;}
.text-hover .value span{display: block;transition: all .5s;}
.text-hover:hover .value span{transform: translateY(-100%);}
.text-hover:hover .value:after{top: 0;}
.support-fixed{position: fixed;bottom: 30%;right: 24px;z-index: 9999;display: flex;flex-direction: column;gap: 24px;}
.support-fixed .it a{display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;background: #FFFFFF1A;backdrop-filter: blur(5.599999904632568px);border: 1px solid #fff;border-radius: 50%;}
.support-fixed .it a .icon{width: 34px;height: 34px;position: relative;overflow: hidden;}
.support-fixed .it a .icon img{position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: contain;transition: all .5s;}
.support-fixed .it a .icon img.ic-h{transform: translateY(34px);}
.support-fixed .it a:hover .icon img.ic-h{transform: translateY(0);}
.support-fixed .it a:hover .icon img.ic-a{transform: translateY(-34px);}
.support-fixed .it a:hover{background: #4F8598;border-color: #1A5B74;}

/* Header */
#header{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;padding: 16px 0;}
#header .flex{flex-wrap: nowrap;gap: 20px;}
#header .col-logo{margin-left: auto;}
#header .logo{display: flex;align-items: center;justify-content: center;border-radius: 12px;background: #FFFFFFCC;backdrop-filter: blur(4px);padding: 12px 24px;}
#header .logo img{object-fit: contain;max-height: 60px;}
#header .logo img.logo-mb{display: none;}
.touch-menu{display: flex;height: 44px;padding: 0 24px;align-items: center;gap: 8px;font-weight: 600;font-size: 16px;color: #1A5B74;background: #FFFFFFCC;border-radius: 40px;cursor: pointer;}
.touch-menu .icon{width: 20px;height: 20px;position: relative;overflow: hidden;}
.touch-menu .icon .line{display: block;position: absolute;height: 2px;width: 16px;background: #1A5B74;}
.touch-menu .icon .line.yellow{background: #DCB15B;}
.touch-menu .icon .line1a{top: 3px;left: 0;transition: all .4s;}
.touch-menu .icon .line2a{top: 9px;left: 0;transition: all .4s;}
.touch-menu .icon .line3a{bottom: 3px;left: 0;transition: all .4s;}
.touch-menu .icon .line1h{top: 3px;left: 100%;transition-delay: .25s;opacity: 0;transition: all .3s;}
.touch-menu .icon .line2h{top: 9px;right: 100%;transition-delay: .1s;opacity: 0;transition: all .3s;}
.touch-menu .icon .line3h{bottom: 3px;left: 100%;transition-delay: .25s;opacity: 0;transition: all .3s;}
.touch-menu:hover .icon .line1a{left: 150%;opacity: 0;}
.touch-menu:hover .icon .line2a{left: 150%;opacity: 0;}
.touch-menu:hover .icon .line3a{left: 150%;opacity: 0;}
.touch-menu:hover .icon .line1h{left: 0;transition-delay: .05s;opacity: 1;}
.touch-menu:hover .icon .line2h{right: 0;transition-delay: 0s;opacity: 1;}
.touch-menu:hover .icon .line3h{left: 0;transition-delay: .05s;opacity: 1;}
.touch-hotline{display: flex;height: 44px;padding: 0 24px 0 12px;align-items: center;gap: 8px;font-weight: 600;font-size: 16px;color: #1A5B74;background: #FFFFFFCC;border-radius: 40px;}
.touch-hotline .icon{transition: all .5s;width: 28px;height: 28px;border: 1px solid #1A5B74;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.touch-hotline .icon svg{width: 20px;height: 20px;transition: all .5s;}
.touch-hotline .icon svg path{transition: all .5s;}
.touch-hotline:hover .icon{background: #DCB15B;border-color: #DCB15B;}
.touch-hotline:hover .icon svg path{fill: #fff;}
.touch-form{display: flex;height: 44px;padding: 0 12px;align-items: center;gap: 8px;font-weight: 600;font-size: 16px;color: #1A5B74;background: #FFFFFFCC;border-radius: 40px;cursor: pointer;}
.touch-form .icon{transition: all .5s;width: 28px;height: 28px;border: 1px solid #1A5B74;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.touch-form .icon svg{width: 20px;height: 20px;transition: all .5s;}
.touch-form .icon svg path{transition: all .5s;}
.touch-form:hover .icon{background: #DCB15B;border-color: #DCB15B;}
.touch-form:hover .icon svg path{fill: #fff;}
.line-dark{position: fixed;width: 0;height: 0;top: -50%;left: -20%;border-radius: 50%;background: #1A5B74;z-index: 1000;}
html.active-menu .line-dark{width: 140%;height: 200%;transition: all 1s;}
.hidden-menu{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background: #1A5B74;opacity: 0;visibility: hidden;display: flex;flex-direction: column;}
html.active-menu .hidden-menu{opacity: 1;visibility: visible;transition: all 1s;transition-delay: 0.5s;}
.hidden-menu .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .3;}
.hidden-menu .top{position: relative;z-index: 2;padding: 16px 0;}
.hidden-menu .top .flex{flex-wrap: nowrap;gap: 20px;}
.hidden-menu .col-logo{display: none;}
.close-menu{display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1.5px solid #F5ECE0;height: 60px;width: 60px;transition: all .5s;cursor: pointer;position: relative;overflow: visible;}
.close-menu .icon{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #1A5B74;transition: all .5s;}
.close-menu .icon svg{width: 48px;height: 48px;transition: all .5s;}
.close-menu:hover{animation: hoverclose .9s ease forwards;padding: 5px;}
.close-menu:hover .icon{background: #DCB15B;transform: rotate(180deg);transition-delay: 0.5s;}
.close-menu .icon-hover{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 60px;height: 66px;opacity: 0;}
.close-menu:hover .icon-hover{animation: hoverEffect .9s ease forwards;}
@keyframes hoverclose {
  0% {
    border-color: #F5ECE0;
  }
  50% {
    border-color: #1A5B74;
  }
  100% {
    border-color: #F5ECE0;
  }
}
@keyframes hoverEffect {
  0% {
    width: 60px;
    height: 66px;
    opacity: 0;
  }
  50% {
    width: 120px;
    height: 132px;
    opacity: 1;
  }
  100% {
    width: 60px;
    height: 66px;
    opacity: 0;
  }
}
.hidden-menu .bot{flex: 1;position: relative;z-index: 2;}
.hidden-menu .bot .container{--bs-gutter-x: 240px;height: 100%;}
.hidden-menu .bot .flex{flex-wrap: nowrap;gap: 20px;justify-content: space-between;}
.hidden-menu .bot .logo{flex: 1;display: flex;align-items: center;justify-content: center;}
.hidden-menu .bot ul{list-style: none;margin-bottom: 0;}
.hidden-menu .bot .menu{display: flex;flex-direction: column;gap: 19px;font-size: 20px;text-align: right;min-width: 260px;}
.hidden-menu .bot .menu li a{display: block;color: #fff;}
.hidden-menu .bot .menu li.active a span{transform: translateY(-100%);}
.hidden-menu .bot .menu li.active a:after{top: 0;}
/* Footer */
.popup-form{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background-color: rgba(0, 0, 0, 0.5);}
.popup-form.show{display: block !important;opacity: 1;}
.popup-form .block{display: block;position: absolute;width: 1000px;max-width: calc(100% - 80px); top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 112px 56px 80px;border-radius: 12px;overflow: hidden;}
.popup-form .block .close-menu{position: absolute;top: 20px;right: 32px;width: 48px;height: 48px;}
.popup-form .block .close-menu .icon svg{width: 36px;height: 36px;}
.popup-form .block .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.popup-form .block .flex{position: relative;z-index: 2;gap: 40px;}
.popup-form .block .col-left{width: calc(50% - 20px);padding-top: 28px;}
.popup-form .block .col-right{width: calc(50% - 20px);}
.popup-form .block .form{background: #FFFFFF1A;border-radius: 6px;backdrop-filter: blur(3.1333653926849365px);padding: 32px 18px;display: flex;flex-direction: column;gap: 32px;}
.popup-form .block .form .name{font-size: 25px;font-weight: 500;color: #DCB15B;line-height: 1.2;margin-bottom: 0;}
.popup-form .block .form .form-group input,.popup-form .block .form .form-group textarea{border-color: #FFFFFF;background: transparent;color: #fff;}
.popup-form .block .form .form-group input::-webkit-input-placeholder,.popup-form .block .form .form-group textarea::-webkit-input-placeholder{color: #fff;}
.popup-form .block .form .form-group textarea{height: 86px;}
.popup-form .block .form .form-button input[type="submit"]{margin: 0 auto;}

/* Home */
#main{position: relative;width: 100%;transition: transform 1s ease;height: 100%;}
#main.no-transition,
#main.no-transition * {
  transition: none !important;
}
#main section{height: 100vh;overflow: hidden;width: 100%;position: relative;}
#main .bg-sec{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.home-sec{padding-top: 14vh;}
#main .bg-darkk{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: #034961CC;}
#main .container{position: relative;z-index: 3;}
.home-sec .inner{padding-left: 15%;}
.home-sec .inner .title{opacity: 0;transition: all 1s;transition-delay: 0.5s;transform: scale(0.5);max-width: 70%;}
.home-sec .inner .title.re-active{opacity: 1;transform: scale(1);}
.about-sec{padding-top: 14vh;}
.about-sec .inner{color: #fff;display: flex;flex-direction: column;gap: 16px;}
.about-sec .inner a{color: #fff;}
.home-title{margin-bottom: 0;text-transform: uppercase;font-weight: bold;font-size: 32px;line-height: 1.5;}
.sub-title{font-weight: 500;font-size: 24px;line-height: 1.5;text-transform: uppercase;margin-bottom: 0;}
.about-sec .inner .home-title{font-size: 40px;opacity: 0;transition: all 0.5s;transition-delay: 0.5s;transform: translateY(40px);}
.about-sec .inner .sub-title{opacity: 0;transition: 0.5s;transition-delay: 0.8s;transform: translateY(40px);}
.about-sec .inner .content-post{font-size: 16px;opacity: 0;transition: 0.5s;transition-delay: 1.1s;transform: translateY(40px);}
.about-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.about-sec .inner .sub-title.re-active{opacity: 1;transform: translateY(0);}
.about-sec .inner .content-post.re-active{opacity: 1;transform: translateY(0);}
.information-sec{display: flex;align-items: center;padding-top: 5vh;}
.information-sec .flex{gap: 80px;}
.information-sec .col-left{width: 416px;}
.information-sec .col-right{width: calc(100% - 416px - 80px);}
.box-image{width: calc(100% + 50px);margin: 0 -25px;opacity: 0;transition: all 1s;transition-delay: 0.5s;transform: rotate(15deg);}
.box-image.re-active{opacity: 1;transform: rotate(0);}
.pic-style{position: relative;width: calc(100% + 50px);margin: 0 -25px;aspect-ratio: 5/6;opacity: 0;transition: all 1s ease;filter: drop-shadow(20px 20px 0 rgba(0, 0, 0, 0.1));}
.pic-style.re-active{opacity: 1;animation: moveSequence 10s ease-in-out forwards;}
@keyframes moveSequence {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 50px); /* xuống */
  }
  50% {
    transform: translate(-50px, 0); /* sang trái + lên */
  }
  75% {
    transform: translate(50px, -50px); /* góc trên bên phải */
  }
  100% {
    transform: translate(0, 0); /* về vị trí cũ */
  }
}
.img-mask {opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
overflow: hidden
}
.img-mask img {
position: absolute;
width: 100%;height: 100%;top: 0;left: 0;
object-fit: cover;
pointer-events: none
}
.mask-01 {
    -webkit-mask-image: url(images/m1.svg);
    mask-image: url(images/m1.svg)
}

.mask-02 {
    -webkit-mask-image: url(images/m2.svg);
    mask-image: url(images/m2.svg)
}

.mask-03 {
    -webkit-mask-image: url(images/m3.svg);
    mask-image: url(images/m3.svg)
}
.pic-style.re-active .mask-01{ animation-name: fadeInUp;
        animation-duration: 1s;
        animation-delay: .5s;
        animation-fill-mode: forwards;}

.pic-style.re-active .mask-02 {
    animation-name: goRight;
    animation-duration: 1s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
}
.pic-style.re-active .mask-03 {
        animation-name: goLeft;
        animation-duration: 1s;
        animation-delay: .4s;
        animation-fill-mode: forwards;
    }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
@keyframes goLeft {
    0% {
        opacity: 0;
        transform: translate3d(200px,0,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes goRight {
    0% {
        opacity: 0;
        transform: translate3d(-200px,0,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}
.information-sec .bg-darkk{background: linear-gradient(180deg, rgba(26, 91, 116, 0.48) 5.97%, rgba(26, 91, 116, 0.6) 100%) !important;}
.information-sec .inner{display: flex;flex-direction: column;gap: 24px;color: #fff;}
.information-sec .inner .home-title{opacity: 0;transform: translateY(40px);transition: all 0.5s;transition-delay: 0.5s;}
.information-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.information-sec .inner .list{display: flex;flex-direction: column;gap: 20px;list-style: none;margin-bottom: 0;}
.information-sec .inner .list li{display: flex;align-items: center;gap: 12px;opacity: 0;transition: all 0.5s;transform: translateY(40px);}
.information-sec .inner .list li.re-active{opacity: 1;transform: translateY(0);}
.information-sec .inner .list .box-ic{width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: all .5s;}
.information-sec .inner .list li:hover .box-ic{background: #fff;}
.information-sec .inner .list .box-ic .icon{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;position: relative;overflow: hidden;}
.information-sec .inner .list .box-ic .icon img{object-fit: contain;position: absolute;max-width: 100%;max-height: 100%;transition: all .5s;}
.information-sec .inner .list .box-ic .icon img.icon-a{bottom: 50%;left: 50%;transform: translate(-50%,50%);}
.information-sec .inner .list .box-ic .icon img.icon-h{top: 100%;left: 50%;transform: translate(-50%,0);}
.information-sec .inner .list li:hover .box-ic .icon img.icon-a{bottom: 100%;transform: translate(-50%,0);}
.information-sec .inner .list li:hover .box-ic .icon img.icon-h{top: 50%;transform: translate(-50%,-50%);}
.information-sec .inner .list .box-txt{width: calc(100% - 52px);display: flex;flex-direction: column;}
.information-sec .inner .list .box-txt .value{font-weight: bold;font-style: italic;}
.location-sec{display: flex;align-items: center;}
.location-sec .flex{gap: 23px;}
.location-sec .col-left{width: 453px;}
.location-sec .col-right{width: calc(100% - 453px - 23px);position: relative;}
.location-sec .inner{color: #fff;display: flex;flex-direction: column;gap: 24px;}
.location-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.location-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.location-sec .inner .sub-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.location-sec .inner .sub-title.re-active{opacity: 1;transform: translateY(0);}
.location-sec .inner .content-post{text-align: justify;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 1.1s;}
.location-sec .inner .content-post.re-active{opacity: 1;transform: translateY(0);}
.location-sec .inner .list{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 16px;}
.location-sec .inner .list li{width: calc(50% - 8px);display: flex;align-items: center;gap: 8px;opacity: 0; transition: all 0.5s;transform: translateY(40px);}
.location-sec .inner .list li.re-active{opacity: 1;transform: translateY(0);}
.location-sec .inner .list li .icon{width: 40px;height: 40px;}
.location-sec .inner .list li .icon img{object-fit: contain;width: 100%;height: 100%;}
.location-sec .inner .list li .box{width: calc(100% - 48px);display: flex;flex-direction: column;}
.location-sec .inner .list li .box .time{color: #DCB15B;font-weight: 500;}
.location-sec .inner .list li .box .time span{font-size: 32px;line-height: normal;}
.location-sec .inner .list li .box .name{line-height: 1.2;font-weight: 500;font-size: 16px;white-space: nowrap;}
.location-sec .col-right .img{width: calc(100% + 80px);position: absolute;right: -80px;top: 50%;transform: translateY(-50%);max-width: inherit;opacity: 0;transition: all 1s;transition-delay: 1.5s;}
.location-sec .col-right .img.re-active{opacity: 1;}
.location-sec .col-right .img .circle{position: absolute;border-radius: 50%;background: #DCB15B;bottom: 9.5%;left: 47%;display: flex;align-items: center;justify-content: center;width: 6%;aspect-ratio: 1/1;}
.location-sec .col-right .img .circle img{position: relative;z-index: 2;width: 70%;aspect-ratio: 1/1;object-fit: contain;}
.location-sec .col-right .img .circle .line1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #FFAA0026;width: 100%;height: 100%;border-radius: 50%;animation: halo1 2s infinite;}
.location-sec .col-right .img .circle .line2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #FFAA0026;width: 100%;height: 100%;border-radius: 50%;animation: halo2 2s infinite;}
@keyframes halo1 {
  0% {
    width: 100%;
    height: 100%;
    background: #ffaa0026;
  }
  33% {
    width: 200%;
    height: 200%;
    background: #ffaa0026;
  }
  66% {
    width: 250%;
    height: 250%;
    background: #ffaa000d;
  }
  100% {
    width: 300%;
    height: 300%;
    background: #ffaa0005;
  }
}

/* line2 animation */
@keyframes halo2 {
  0% {
    width: 100%;
    height: 100%;
    background: #ffaa0026;
  }
  33% {
    width: 100%;
    height: 100%;
    background: #ffaa0026;
  }
  66% {
    width: 200%;
    height: 200%;
    background: #ffaa000d;
  }
  100% {
    width: 300%;
    height: 300%;
    background: transparent;
  }
}
.utilities-sec{display: flex;align-items: center;}
.utilities-sec .bg-darkk{background: linear-gradient(180.55deg, rgba(26, 102, 127, 0.6) 0.79%, rgba(0, 44, 69, 0.6) 108.09%) !important;}
.utilities-sec .flex{gap: 24px;}
.utilities-sec .col-left{width: 454px;}
.utilities-sec .col-right{width: calc(100% - 454px - 24px);}
.utilities-sec .inner{color: #fff;display: flex;flex-direction: column;gap: 24px;}
.utilities-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.utilities-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.utilities-sec .inner .sub-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.utilities-sec .inner .sub-title.re-active{opacity: 1;transform: translateY(0);}
.utilities-sec .inner .content-post{text-align: justify;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 1.1s;}
.utilities-sec .inner .content-post.re-active{opacity: 1;transform: translateY(0);}
.home-slider{position: relative;}
.utilities-sec .home-slider{width: 200%;margin-right: -100%;max-width: inherit;opacity: 0;transition: all 1s;transition-delay: 1.4s;}
.utilities-sec .home-slider.re-active{opacity: 1;}
.swiper-utilities .swiper-slide{width: 546px;display: flex;flex-direction: column;}
.swiper-utilities .swiper-slide .img{overflow: hidden;aspect-ratio: 20/13;border-radius: 24px;}
.swiper-utilities .swiper-slide .img img{height: 100%;}
.swiper-utilities .swiper-slide .box{height: 90px;display: flex;align-items: center;padding-right: 130px;gap: 12px;opacity: 0;}
.swiper-utilities .swiper-slide.swiper-slide-active .box{opacity: 1;}
.swiper-utilities .swiper-slide .box .number{font-size: 60px;color: #DCB15B;font-weight: bold;white-space: nowrap;}
.swiper-utilities .swiper-slide .box .name{text-transform: uppercase;font-weight: 500;font-size: 24px;color: #fff;}

.swiper-btn{width: 48px;height: 48px;border: 0px solid transition;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .5s;}
.swiper-btn span{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: #fff;border-radius: 50%;position: relative;transition: all .5s;}
.swiper-btn:hover{border: 2px solid #DCB15B;padding: 2px;}
.swiper-btn span svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .5s;}
.swiper-btn span svg.ic-h{opacity: 0;}
.swiper-btn:hover span svg.ic-a{opacity: 0;}
.swiper-btn:hover span svg.ic-h{opacity: 1;}
.swiper-btn.small-btn{width: 32px;height: 32px;}
.swiper-btn.small-btn span{background: #FFFFFF1A;backdrop-filter: blur(4px);}
.swiper-btn.small-btn:hover{border: 1px solid #fff;}

.swiper-group{display: flex;align-items: center;gap: 24px;}
.swiper-pagination{position: unset;display: flex;justify-content: center;align-items: center;gap: 16px;width: auto !important;}
.swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 16px;opacity: 1;background: #FFFFFF;margin: 0 !important;}
.swiper-pagination-bullet-active{background: #DCB15B;}
.utilities-sec .swiper-group{position: absolute;bottom: 21px;left: 426px;z-index: 2;}
.manage-sec{padding-top: 5vh;display: flex;align-items: center;}
.manage-sec .bg-darkk{background: linear-gradient(180.51deg, #1A5B74 0.44%, #30808F 99.04%) !important;}
.manage-sec .flex{gap: 75px;}
.manage-sec .col-left{width: 570px;}
.manage-sec .col-right{width: calc(100% - 570px - 75px);}
.manage-sec .content-post{opacity: 0;transition: all 0.5s;transition-delay: 0.5s;transform: translateY(40px);color: #fff;text-align: justify;}
.manage-sec .content-post.re-active{opacity: 1;transform: translateY(0);}
.manage-sec .img{opacity: 0;transition: all 0.5s;transition-delay: 0.5s;overflow: hidden;border-radius: 12px;aspect-ratio: 8/9;}
.manage-sec .img img{height: 100%;}
.manage-sec .img.re-active{opacity: 1;}
.around-sec{padding-top: 4vh;display: flex;align-items: center;}
.around-sec .bg-darkk{background: linear-gradient(180deg, #1A5B74 0%, #4A7A92 100%) !important;z-index: 1 !important;}
.around-sec .bg-sec{opacity: 0.2;z-index: 2;}
.around-sec .inner{display: flex;flex-direction: column;gap: 24px;color: #fff;}
.around-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.around-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.around-sec .inner .sub-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.around-sec .inner .sub-title.re-active{opacity: 1;transform: translateY(0);}
.around-sec .list{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;padding-top: 57px;}
.around-sec .col-item{width: 100%;}
.around-sec .item{position: relative;overflow: hidden;border-radius: 12px;height: 148px;opacity: 0;transform: translateY(40px);transition: all 0.5s;transition-delay: 1s;}
.around-sec .item.re-active{opacity: 1;transform: translateY(0);}
.around-sec .item.it3{height: 229px;}
.around-sec .item.it5{height: 229px;margin-top: -81px;}
.around-sec .item.it6{height: 229px;margin-top: -138px;}
.around-sec .item.it8{height: 229px;margin-top: -43px;}
.around-sec .item.it2{margin-top: -57px;}
.around-sec .item.it4{margin-top: 34px;}
.around-sec .item .img{overflow: hidden;height: 100%;}
.around-sec .item .img img{height: 100%;transition: all 0.8s;}
.around-sec .item:hover .img img{transform: scale(1.1);}
.around-sec .item .overlay{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 72.12%);transition: all .5s;opacity: .7;}
.around-sec .item:hover .overlay{opacity: 1;}
.around-sec .item .box{position: absolute;z-index: 3;bottom: 12px;left: 12px;width: calc(100% - 24px);display: flex;flex-direction: column;color: #fff;}
.around-sec .item .box .nb{font-size: 22px;font-weight: bold;color: #DCB15B;}
.around-sec .item .box .name{font-weight: 500;font-size: 16px;}
.villa-sec{display: flex;align-items: center;}
.villa-sec .bg-darkk{background: #05435B99 !important;}
.villa-sec .bg-sec .swiper{height: 100%;width: 100%;}
.villa-sec .bg-sec .swiper .img{height: 100%;}
.villa-sec .bg-sec .swiper .img img{height: 100%;}
.villa-sec .flex{gap: 96px;}
.villa-sec .col-left{width: 455px;}
.villa-sec .inner{display: flex;flex-direction: column;gap: 16px;color: #fff;}
.villa-sec .col-right{width: calc(100% - 455px - 96px);}
.villa-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.villa-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.villa-sec .inner .sub-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.villa-sec .inner .sub-title.re-active{opacity: 1;transform: translateY(0);}
.villa-sec .inner .content-post{text-align: justify;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 1.1s;}
.villa-sec .inner .content-post.re-active{opacity: 1;transform: translateY(0);}
.villa-sec .home-slider{opacity: 0;transition: all 1s;transition-delay: 1.4s;}
.villa-sec .home-slider.re-active{opacity: 1;}
.villa-sec .home-slider:after{content: "";display: block;z-index: 2; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.swiper-villa-thumb .img{overflow: hidden;border-radius: 12px;aspect-ratio: 7/5;}
.swiper-villa-thumb .img img{height: 100%;}
.villa-sec .swiper-group{justify-content: center;margin-top: 24px;z-index: 3;position: relative;}
.apartment-sec{display: flex;align-items: center;padding-top: 7vh;}
.apartment-sec .bg-darkk{background: #05435B99 !important;}
.apartment-sec .inner{display: flex;flex-direction: column;gap: 40px;}
.apartment-sec .box-title{display: flex;flex-direction: column;gap: 16px;color: #fff;}
.apartment-sec .box-title .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.apartment-sec .box-title .text{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.apartment-sec .box-title .home-title.re-active{opacity: 1;transform: translateY(0);}
.apartment-sec .box-title .text.re-active{opacity: 1;transform: translateY(0);}
.apartment-sec .list{display: flex;gap: 24px;}
.apartment-sec .list .item{background: #fff;width: calc(50% - 12px);border-radius: 24px;border: 1px solid #1A5B74;padding: 24px;display: flex;flex-direction: column;gap: 24px;opacity: 0;transition: all 0.5s;transition-delay: 1.1s;}
.apartment-sec .list .item.re-active{opacity: 1;transform: translateY(0);}
.apartment-sec .list .item .box{display: flex;flex-direction: column;gap: 8px;}
.apartment-sec .list .item .box .name{font-size: 24px;font-weight: 600;line-height: 1.5;margin-bottom: 0;color: #1A5B74;}
.apartment-sec .list .item .box .text{color: #40516B;}
.apartment-sec .img{overflow: hidden;border-radius: 8px;aspect-ratio: 100/51;}
.apartment-sec .img img{height: 100%;}
.apartment-sec .swiper-prev{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
.apartment-sec .swiper-next{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
.floor-sec{padding-top: 5vh;display: flex;align-items: center;}
.floor-sec .inner{display: flex;flex-direction: column;gap: 16px;color: #fff;}
.floor-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.floor-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.floor-sec .inner .tab-title{list-style: none;margin-bottom: 0;display: flex;align-items: center;justify-content: center;gap: 24px;opacity: 0;transition: all 0.5s;transition-delay: 0.8s;}
.floor-sec .inner .tab-title.re-active{opacity: 1;transform: translateY(0);}
.floor-sec .inner .tab-title button{border: none;background: #1A667F;border-radius: 24px;border: none;width: 100%;display: flex;align-items: center;justify-content: center;height: 53px;position: relative;overflow: hidden;color: #fff;text-transform: uppercase;font-weight: 600;padding: 0 8px;font-size: 16px;transition: all .3s;}
.floor-sec .inner .tab-title button .bg{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center;opacity: 0.1;}
.floor-sec .inner .tab-title button .vl{display: flex;align-items: center;justify-content: center;height: 37px;padding: 0 16px;background-image: url(images/bg-tab-name.png);background-size: 100% 100%;}
.floor-sec .inner .tab-title button.active,.floor-sec .inner .tab-title button:hover{background: #DCB15B;}
.floor-sec .inner .tab-content{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 1.1s;}
.floor-sec .inner .tab-content.re-active{opacity: 1;transform: translateY(0);}
.floor-sec .inner .tab-content .home-slider{width: 736px;max-width: 100%;display: block;margin: 0 auto;}
.floor-sec .inner .tab-content .image{display: block;padding: 24px;background: #fff;border-radius: 24px;width: 100%;aspect-ratio: 17/9;text-align: center;}
.floor-sec .inner .tab-content .image img{height: 100%;object-fit: contain;}
.floor-sec .inner .tab-content .floor-thumb{padding: 10px 0;margin-top: 16px;}
.floor-sec .inner .tab-content .floor-thumb .swiper-wrapper{justify-content: center;flex-wrap: wrap;gap: 24px;}
.floor-sec .inner .tab-content .floor-thumb .swiper-slide{width: auto;}
.floor-sec .inner .tab-content .name{display: inline-flex;align-items: center;justify-content: center;color: #fff;padding: 8px 12px;line-height: 21px; font-weight: bold;border-radius: 8px;background: #1A5B74;cursor: pointer;text-align: center;}
.floor-sec .inner .tab-content .swiper-slide-thumb-active .name{background: #DCB15B;}
.floor-sec .swiper-prev{position: absolute;top: 50%;transform: translateY(-50%);left: -72px;z-index: 2;}
.floor-sec .swiper-next{position: absolute;top: 50%;transform: translateY(-50%);right: -72px;z-index: 2;}
.news-sec{display: flex;align-items: center;padding-top: 5vh;}
.news-sec .inner{display: flex;flex-direction: column;gap: 24px;position: relative;}
.news-sec .inner .home-title{color: #1A5B74;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.news-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.news-sec .inner .home-slider{padding: 0 72px;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.news-sec .inner .home-slider.re-active{opacity: 1;transform: translateY(0);}
.swiper-news .swiper-slide{height: auto;}
.list-news{height: 100%;display: flex;flex-wrap: wrap;gap: 24px;}
.list-news .col-item{width: calc((100% - 48px) / 3);}
.item-news{position: relative;overflow: hidden;height: 100%; border-radius: 8px;padding: 20px 20px 24px;display: flex;flex-direction: column;gap: 20px;background: #fff;}
.item-news .img{aspect-ratio: 4/3;transition: all .5s; overflow: hidden;border-radius: 4px;border: 1px solid #fff;}
.item-news .img img{height: 100%;}
.item-news .info{display: flex;flex-direction: column;gap: 8px;flex: 1;}
.item-news .info .name{font-size: 16px;font-weight: 600;text-transform: uppercase;line-height: 1.5;color: #40516B;transition: all .5s;margin-bottom: 0;}
.item-news .info .desc{font-size: 12px;color: #40516B;text-align: justify;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.item-news .info .date{margin-top: auto;display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 500;color: #1A5B74;padding: 3px 0;transition: all .5s;}
.item-news .info .date svg{transition: all .5s;position: relative;top: -1px;}
.item-news .info .date svg path{transition: all .5s;}
.item-news .info .link{display: none;}
.item-news .info .link span{display: inline-flex;align-items: center;gap: 4px;font-size: 10px;font-weight: 600;color: #1A5B74;}
.item-news .info .link span svg{width: 12px;height: 12px;position: relative;top: -1px;}
.item-news:hover .img{border-color: #DCB15B;}
.item-news:hover .info .name{color: #DCB15B;}
.item-news:hover .date{color: #DCB15B;}
.item-news:hover .date svg path{stroke: #DCB15B;}
.news-prev{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;left: 0;border: 1px solid #1A5B74;}
.news-next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;right: 0;border: 1px solid #1A5B74;}
.news-sec .swiper-group{justify-content: center;}
.popup-news{position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, .5);}
.popup-news.active{display: flex;}
.popup-news .block{display: block;background-color: #1A5B74;max-height: 100vh;padding: 0 40px;width: 900px;overflow-y: auto;position: relative;color: #fff;}
.popup-news .block::-webkit-scrollbar{display: none;}
.popup-news .block .top{display: flex;flex-direction: column;gap: 10px;padding-bottom: 16px;margin-bottom: 16px; border-bottom: 1px solid #fff;padding-top: 80px;}
.popup-news .block .top .title{font-size: 24px;font-weight: bold;text-transform: uppercase;margin-bottom: 0;line-height: 1.5;}
.popup-news .block .top .date{font-size: 16px;font-weight: 500;display: flex;align-items: center;gap: 8px;}
.popup-news .block .content-post{padding-bottom: 60px;}
.popup-news .block .content-post a{color: #fff;}
.fancybox-is-open .fancybox-bg{opacity: .5;}
.fancybox__slide{padding: 0;}
.carousel__button.is-close .icon,
.carousel__button.is-close svg:not(.icon-hover) {
  display: none !important;
}
.carousel__button.is-close.custom svg.icon-hover {
  display: block !important;
}
.popup-news .close-menu{position: absolute;right: calc(50% - 540px);top: 60px !important;}
.partner-sec{padding-top: 4vh;display: flex;align-items: center;}
.partner-sec .inner .home-title{opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.5s;}
.partner-sec .inner .home-title.re-active{opacity: 1;transform: translateY(0);}
.partner-sec .bg-darkk{background: #05435B99 !important;}
.partner-sec .inner{display: flex;flex-direction: column;gap: 40px;color: #fff;}
.partner-sec .first{display: flex;flex-direction: column;gap: 20px;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 0.8s;}
.partner-sec .first.re-active{opacity: 1;transform: translateY(0);}
.partner-sec .first .name{text-transform: uppercase;font-weight: bold;font-size: 24px;line-height: 1.5;margin-bottom: 0;}
.partner-sec .first .logo{height: 160px;display: flex;align-items: center;justify-content: center;}
.partner-sec .first .logo img{object-fit: contain;max-height: 100%;}
.partner-sec .list{display: flex;justify-content: space-between;}
.partner-sec .list .item{flex: 1;display: flex;flex-direction: column;gap: 20px;opacity: 0;transition: all 0.5s;transform: translateY(40px);transition-delay: 1.1s;}
.partner-sec .list .item.re-active{opacity: 1;transform: translateY(0);}
.partner-sec .list .item .name{text-transform: uppercase;font-size: 20px;font-weight: 600;line-height: 1.5;margin-bottom: 0;}
.partner-sec .list .item .logo{display: flex;align-items: center;justify-content: center;height: 108px;}
.partner-sec .list .item .logo img{object-fit: contain;max-height: 100%;}
.partner-sec img.logo-line{position: absolute;z-index: 3;top: 0;right: 0;opacity: 0;transition: all 0.5s;transition-delay: 1.5s;}
.partner-sec img.logo-line.re-active{opacity: 1;}
.contact-sec{display: flex;align-items: center;}
.contact-sec .bg-darkk{background: #05435B66 !important;}
.contact-sec .flex{gap: 24px;}
.contact-sec .col-left{width: 550px;}
.contact-sec .col-right{width: calc(100% - 550px - 24px);}
.contact-sec .title{opacity: 0;transition: all 0.5s;transition-delay: 0.5s;transform: translateY(40px);}
.contact-sec .title.re-active{opacity: 1;transform: translateY(0);}
.contact-sec .inner{display: flex;flex-direction: column;gap: 24px;color: #fff;}
.contact-sec .inner .title{font-size: 40px;font-weight: bold;margin-bottom: 0;line-height: 1.5;}
.contact-sec .inner .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;}
.contact-sec .inner .list li{position: relative;padding-left: 28px;font-size: 16px;opacity: 0;transition: all .5s;transform: translateY(40px);}
.contact-sec .inner .list li.re-active{opacity: 1;transform: translateY(0);}
.contact-sec .inner .list li svg{width: 20px;height: 20px;position: absolute;left: 0;top: 2px;}
.contact-sec .inner .list li .key{font-weight: 500;color: #DCB15B;}
.contact-sec .inner .list li.address{display: flex;flex-direction: column;gap: 8px;}
.contact-sec .inner .list li.address .key{font-size: 20px;font-weight: 600;}
.contact-sec .form{border-radius: 8px;padding: 40px;display: flex;flex-direction: column;gap: 40px;transition: all 0.5s;transition-delay: 0.5s;}
.contact-sec .form.re-active{background: #fff;}
.contact-sec .form .title{font-size: 24px;font-weight: bold;color: #1A5B74;margin-bottom: 0;}
.contact-sec .form .shortcode{opacity: 0;transition: all 0.5s;transition-delay: 0.8s;transform: translateY(40px);}
.contact-sec .form .shortcode.re-active{opacity: 1;transform: translateY(0);}
.contact-sec .form .form-button input[type="submit"]{margin: 0 auto;}

@media (min-width: 2000px) {
body{font-size: 18px;}
.hidden-menu .bot .menu{gap: 28px;font-size: 22px;}
.sub-title{font-size: 28px;}
.home-title{font-size: 40px;}
.about-sec .inner .home-title{font-size: 48px;}
.about-sec .inner .content-post{font-size: 20px;}
.information-sec .col-left{width: 650px;}
.information-sec .col-right{width: calc(100% - 650px - 80px);}
.box-image{aspect-ratio: 5/12;}
.box-image.re-active svg{width: 100%;height: 100%;}
.information-sec .inner .list .box-ic{width: 56px;height: 56px;}
.information-sec .inner .list .box-txt{width: calc(100% - 68px);}
.information-sec .inner .list .box-txt .value{font-size: 22px;}
.location-sec .col-left{width: 560px;}
.location-sec .col-right{width: calc(100% - 560px - 23px);}
.utilities-sec .col-left{width: 560px;}
.utilities-sec .col-right{width: calc(100% - 560px - 24px);}
.swiper-utilities .swiper-slide{width: 720px;}
.utilities-sec .swiper-group{left: 600px;}
.manage-sec .col-left{width: 720px;}
.manage-sec .col-right{width: calc(100% - 720px - 75px);}
.around-sec .inner{gap: 40px;}
.around-sec .list{padding-top: 60px;}
.around-sec .item{height: 240px;}
.around-sec .item.it2{margin-top: -60px;}
.around-sec .item.it3{height: 380px;}
.around-sec .item.it4{margin-top: 40px;}
.around-sec .item.it5{height: 380px;margin-top: -140px;}
.around-sec .item.it6{height: 380px;margin-top: -200px;}
.around-sec .item.it8{height: 380px;margin-top: -100px;}
.around-sec .item .box .nb{font-size: 28px;}
.around-sec .item .box .name{font-size: 20px;}
.villa-sec .col-left{width: 540px;}
.villa-sec .col-right{width: calc(100% - 560px - 96px);}
.floor-sec .inner{gap: 30px;}
.floor-sec .inner .tab-title button{height: 64px;border-radius: 30px;font-size: 20px;}
.floor-sec .inner .tab-title button .vl{height: 46px;}
.floor-sec .inner .tab-content .home-slider{width: 1100px;}
.floor-sec .inner .tab-content .name{font-size: 20px;line-height: 28px;}
.news-sec .inner{gap: 40px;}
.item-news .info{gap: 12px;}
.item-news .info .name{font-size: 20px;}
.item-news .info .desc{font-size: 16px;}
.item-news .info .date{font-size: 16px;}
.item-news .info .date svg{top: -2px;}
.partner-sec .first .name{font-size: 28px;}
.partner-sec .first .logo{height: 180px;}
.partner-sec .inner{gap: 60px;}
.partner-sec .list .item .name{font-size: 24px;}
.partner-sec .list .item .logo{height: 130px;}
.contact-sec .inner .list li{font-size: 20px;}
.contact-sec .inner .list li.address .key{font-size: 24px;}
.contact-sec .inner .list li svg{width: 24px;height: 24px;top: 3px;}
.contact-sec .inner .title{font-size: 48px;}
.contact-sec .form .title{font-size: 28px;}
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="date"], input[type="tel"], textarea, select{font-size: 16px;line-height: 28px;padding: 8px 12px;}
input[type="submit"]{height: 44px;font-size: 16px;background-size: 22px;}

}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.hidden-menu .bot .container{--bs-gutter-x: 160px;}
.hidden-menu .bot .logo{max-width: 55%;}
.hidden-menu .bot .menu{gap: 12px;font-size: 16px;}

.home-sec .inner .title{max-width: 60%;}
.home-title{font-size: 24px;}
.sub-title{font-size: 20px;}
.about-sec .inner .home-title{font-size: 30px;}
.about-sec .inner .content-post{font-size: 14px;}
.information-sec .inner{gap: 16px;}
.information-sec .inner .list{gap: 16px;}
.information-sec .flex{gap: 40px;}
.information-sec .col-right{width: calc(100% - 416px - 40px);}
.location-sec .inner{gap: 16px;}
.utilities-sec .inner{gap: 16px;}
.swiper-utilities .swiper-slide{width: 360px;}
.swiper-utilities .swiper-slide .box .number{font-size: 48px;}
.swiper-utilities .swiper-slide .box .name{font-size: 18px;}
.utilities-sec .swiper-group{left: 240px;}
.manage-sec .col-left{width: 480px;}
.manage-sec .flex{gap: 40px;}
.manage-sec .col-right{width: calc(100% - 480px - 40px);}
.villa-sec .flex{gap: 48px;}
.villa-sec .col-left{width: 420px;}
.villa-sec .col-right{width: calc(100% - 420px - 48px);}
.floor-sec .inner .tab-title button{font-size: 13px;height: 48px;}
.floor-sec .inner .tab-title button .vl{padding: 0 12px;height: 34px;}
.floor-sec .inner .tab-content .floor-thumb{padding: 0;}
.floor-sec .inner .tab-content .floor-thumb .swiper-wrapper{gap: 16px;}
.partner-sec .inner{gap: 30px;}
.partner-sec .first{gap: 16px;}
.partner-sec .first .name{font-size: 20px;}
.partner-sec .first .logo{height: 132px;}
.partner-sec .list .item{gap: 16px;}
.partner-sec .list .item .name{font-size: 16px;}
.partner-sec .list .item .logo{height: 86px;}
.contact-sec .col-left{width: 400px;}
.contact-sec .inner .list li{font-size: 14px;}
.contact-sec .inner .list li.address .key{font-size: 16px;}
.contact-sec .col-right{width: calc(100% - 400px - 24px);}
.contact-sec .form{padding: 30px;gap: 30px;}
.contact-sec .inner .title{font-size: 30px;}
.popup-form .block{padding: 80px 40px 60px;}
.popup-form .block .close-menu{top: 16px;right: 24px;}

}
@media (max-width: 767px) {
body{overflow: unset;}
.container-fluid{--bs-gutter-x: 32px;}
.container{--bs-gutter-x: 32px;}
p{margin-bottom: 12px;}
ul,ol{margin-bottom: 12px;}
table{margin-bottom: 12px;}
h1,h2,h3,h4,h5,h6{margin-bottom: 12px;}
blockquote{margin-bottom: 12px;}
.support-fixed{gap: 16px;right: 16px;bottom: 20%;}
.support-fixed .it a{width: 32px;height: 32px;}
.support-fixed .it a .icon{width: 26px;height: 26px;}
#header{padding: 5px 0;background: #1A667F;}
#header .flex{align-items: center !important;gap: 8px;}
#header .logo{padding: 0;background: transparent;backdrop-filter: none;}
#header .logo img.logo-pc{display: none;}
#header .logo img.logo-mb{display: block;}
#header .col-hotline{display: none;}
.hidden-menu .bot .container{--bs-gutter-x: 32px;}
.hidden-menu .bot .logo{display: none;}
.hidden-menu .bot .menu{text-align: center;width: 100%;font-size: 20px;gap: 20px;}
.close-menu{width: 32px;height: 32px;}
.touch-form{background: transparent;border: 1px solid  #FFFFFF;color: #fff;font-size: 12px;height: 26px;padding: 0 8px;gap: 4px;}
.touch-form .icon{border-color: #fff;width: 16px;height: 16px;}
.touch-form .icon svg{width: 11px;height: 11px;}
.touch-form .icon svg path{fill: #fff;}
.touch-menu{background: transparent;border: 1px solid  #FFFFFF;color: #fff;font-size: 12px;height: 26px;padding: 0 12px;gap: 4px;}
.touch-menu .icon{width: 16px;height: 16px;}
.touch-menu .icon .line{background: #fff;height: 1px;width: 12px;}
.touch-menu .icon .line1a{top: 4px;}
.touch-menu .icon .line2a{top: 8px;}
.touch-menu .icon .line1h{top: 4px;}
.touch-menu .icon .line2h{top: 8px;}
.hidden-menu .col-hotline{display: none;}
.hidden-menu .col-logo{display: block;margin-left: auto;}
.home-sec .inner{padding-left: 0;}
.home-sec .inner .title{margin: 0 auto;max-width: 400px;}
#main section{height: auto;}
.home-sec{aspect-ratio: 5/8;padding-top: 100px;max-height: 100vh;}
.about-sec{padding: 48px 0;min-height: 100vh;}
.home-title{font-size: 20px;}
.sub-title{font-size: 16px;}
.about-sec .inner .home-title{font-size: 24px;}
.information-sec{padding: 24px 0;}
.information-sec .col-left{width: 100%;}
.information-sec .col-right{width: 100%;}
.box-image svg{display: block;margin: 0 auto;}
.information-sec .inner .list{gap: 12px;}
.information-sec .inner .list .box-ic{width: 32px;height: 32px;}
.information-sec .inner .list .box-ic .icon{width: 20px;height: 20px;}
.information-sec .inner .list .box-txt{width: calc(100% - 44px);font-size: 12px;}
.location-sec{padding: 24px 0;}
.location-sec .flex{gap: 24px;}
.location-sec .col-left{width: 100%;}
.location-sec .col-right{width: 100%;}
.location-sec .col-right .img{width: 100%;position: unset;transform: none;}
.location-sec .inner{gap: 12px;}
.location-sec .inner .box-title{text-align: center;}
.location-sec .inner .content-post{text-align: center;}
.location-sec .inner .list li .icon{width: 32px;height: 32px;}
.location-sec .inner .list li .box{width: calc(100% - 40px);}
.location-sec .inner .list li .box .name{font-size: 12px;}
.location-sec .inner .list li .box .time{font-size: 12px;}
.location-sec .inner .list li .box .time span{font-size: 24px;}
.utilities-sec{padding: 24px 0 40px;}
.utilities-sec .col-left{width: 100%;}
.utilities-sec .col-right{width: 100%;}
.utilities-sec .inner{text-align: center;}
.utilities-sec .inner .content-post{text-align: center;}
.utilities-sec .home-slider{width: 100%;margin-right: 0;}
.swiper-utilities .swiper-slide .img{border-radius: 8px;}
.swiper-utilities .swiper-slide .box{height: 46px;}
.swiper-utilities .swiper-slide .box .number{font-size: 32px;}
.swiper-utilities .swiper-slide .box .name{font-size: 16px;}
.swiper-btn{width: 24px;height: 24px;}
.swiper-btn span svg{width: 20px;height: 20px;}
.swiper-group{gap: 16px;}
.swiper-pagination{gap: 8px;}
.swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 12px;}
.for-pc{display: none;}
.for-mb{display: block;}
.utilities-sec .swiper-group{left: auto;right: 0;bottom: 12px;}
.manage-sec{padding: 24px 0 40px;}
.manage-sec .flex{gap: 24px;}
.manage-sec .col-left{width: 100%;}
.manage-sec .col-right{width: 100%;}
.around-sec{padding: 24px 0;}
.around-sec .list{grid-template-columns: repeat(2, 1fr);padding-top: 0;grid-gap: 8px;}
.around-sec .item{height: 126px;}
.around-sec .item .box{width: calc(100% - 16px);left: 8px;}
.around-sec .item .box .name{font-size: 12px;}
.around-sec .item .box .nb{font-size: 20px;}
.around-sec .item.it2{margin-top: 0;}
.around-sec .item.it3{height: 230px;}
.around-sec .item.it4{margin-top: 0;}
.around-sec .item.it5{height: 230px;margin-top: 0;}
.around-sec .item.it6{height: 230px;margin-top: -104px;}
.around-sec .item.it8{height: 230px;margin-top: -104px;}
.villa-sec{padding: 24px 0;}
.villa-sec .flex{gap: 24px;}
.villa-sec .col-left{width: 100%;}
.villa-sec .col-right{width: 100%;}
.villa-sec .inner{text-align: center;gap: 12px;}
.villa-sec .inner .content-post{text-align: center;}
.villa-sec .swiper-group{margin-top: 16px;}
.apartment-sec{padding: 24px 0 40px;}
.apartment-sec .inner{gap: 24px;}
.apartment-sec .list{flex-wrap: wrap;}
.apartment-sec .list .item{width: 100%;padding: 16px 12px;border-radius: 12px;gap: 16px;}
.apartment-sec .list .item .box .name{font-size: 20px;}
.floor-sec{padding: 40px 0;}
.floor-sec .inner .tab-title{flex-wrap: wrap;gap: 12px;}
.floor-sec .inner .tab-title li{width: calc(50% - 6px);}
.floor-sec .inner .tab-title button{width: 100%;height: 42px;font-size: 12px;padding: 0 4px;}
.floor-sec .inner .tab-title button .vl{width: 100%;}
.floor-sec .inner .tab-content .image{border-radius: 8px;padding: 0;aspect-ratio: 123/100;}
.floor-sec .inner .tab-content .name{font-size: 12px;}
.news-sec{padding: 24px 0;}
.news-sec .inner{gap: 16px;}
.news-sec .inner .home-title{color: #fff;}
.news-sec .inner .home-slider{padding: 0;}
.list-news{gap: 16px;}
.list-news .col-item{width: 100%;}
.item-news{padding: 12px 8px;gap: 8px;flex-direction: row;}
.item-news .img{width: 120px;height: 108px;aspect-ratio: inherit;}
.item-news .info{width: calc(100% - 128px);}
.item-news .info .desc{display: none;}
.item-news .info .name{font-size: 12px;}
.item-news .info .date{font-size: 10px;gap: 4px;margin-top: 0;padding: 0;}
.item-news .info .date svg{width: 12px;height: 12px;}
.item-news .info .link{display: block;margin-top: auto;}
.popup-news .block{padding: 0 16px;}
.popup-news .block .top .title{font-size: 18px;}
.popup-news .block .top .date{font-size: 12px;gap: 4px;}
.popup-news .block .top{padding-top: 48px;}
.popup-news .block .top .date svg{width: 12px;height: 12px;}
.popup-news .block .content-post{padding-bottom: 40px;}
.popup-news .close-menu{right: 16px;top: 16px !important;width: 32px;height: 32px;}
.news-next{position: unset;transform: none;}
.news-prev{position: unset;transform: none;}
.partner-sec{padding: 24px 0;}
.partner-sec img.logo-line{width: 108px;right: -30px;}
.partner-sec .inner{gap: 24px;}
.partner-sec .first{gap: 0;}
.partner-sec .first .name{font-size: 16px;color: #DCB15B;}
.partner-sec .first .logo{height: 120px;}
.partner-sec .list{column-gap: 8px;row-gap: 24px;flex-wrap: wrap;}
.partner-sec .list .item{gap: 0;width: calc(50% - 4px);flex: none;}
.partner-sec .list .item .name{font-size: 14px;color: #DCB15B;}
.partner-sec .list .item .logo{height: 70px;}
.contact-sec{padding: 24px 0;}
.contact-sec .col-left{width: 100%;}
.contact-sec .inner{gap: 12px;text-align: center;}
.contact-sec .inner .title{font-size: 20px;text-transform: uppercase;}
.contact-sec .inner .list li.address{gap: 4px;}
.contact-sec .inner .list li svg{position: relative;margin-right: 2px;left: auto;top: -1px;}
.contact-sec .form{padding: 24px;gap: 24px;}
.contact-sec .col-right{width: 100%;}
.location-sec .inner .list li .box .name{white-space: wrap;}
.popup-form .block{padding: 48px 16px 24px;}
.popup-form .block .col-left{width: 100%;padding-top: 0;}
.popup-form .block .col-right{width: 100%;}
.popup-form .block .flex{gap: 16px;}
.popup-form .block .form{padding: 16px;gap: 16px;}
.popup-form .block .form .name{font-size: 20px;}
.popup-form .block .close-menu{width: 32px;height: 32px;right: 16px;}
.close-menu:hover{padding: 3px;}

}
@media (max-width: 575px) {

}
@media (max-width: 430px) {
.box-image svg{width: 241px;height: 264px;}
.hidden-menu .bot .menu{font-size: 18px;gap: 16px;}


}