/* ========================================
 *    Update：1762156318
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

.bg-gray-11d{background-color:var(--white)}
.banner-top{background-color:var(--white)}
.banner-container{width:100%;max-width:1920px;padding-bottom:40px;height:auto;margin:0 auto;overflow:hidden;position:relative;text-align:center}
.banner-container>.title{text-align:center;position:relative;z-index:2;padding-top:168px;margin-bottom:40px}
.banner-container>.title h1{display:block;margin-bottom:20px;font-size:60px;font-style:normal;font-weight:700;line-height:120%;color:var(--blue-11d);position:relative}
.banner-container>.title p{font-size:20px;font-style:normal;font-weight:500;line-height:120%;color:var(--blue-085)}
.banner-container .banner-online-service{display:flex;width:620px;padding:32px;justify-content:space-between;align-items:center;margin:0 auto;border-radius:12px;background-color:var(--brand-3fd);max-width:100%}
.banner-online-service .online-word{display:flex;align-items:center;gap:24px;flex:1 0 0}
.banner-online-service .online-word span.svg-bx{display:flex;width:56px;height:56px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background-color:var(--brand-fe3)}
.banner-online-service .online-word span.svg-bx svg{display:block;width:28px;height:28px}
.banner-online-service .online-word .service-txt{text-align:left}
.banner-online-service .online-word .service-txt h4{margin-bottom:12px;font-size:24px;font-style:normal;font-weight:700;line-height:30px;color:var(--blue-11d)}
.banner-online-service .online-word .service-txt p{font-size:16px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.banner-online-service .service-docking a{display:flex;align-items:center;gap:4px;font-size:20px;font-style:normal;font-weight:500;line-height:140%;color:var(--brand-fe3);transition:all .3s ease-in-out}
.banner-online-service .service-docking a:hover{margin-top:-10px}
.banner-online-service .service-docking a span{display:block;width:28px;height:28px;position:relative}
.banner-online-service .service-docking a span svg{display:block;width:100%;height:100%;position:absolute;animation:moveRigth 2s linear infinite}
@keyframes moveRigth{0%{left:0}50%{left:10px}100%{left:0}}
@-webkit-keyframes moveRigth{0%{left:0}50%{left:10px}100%{left:0}}
.pr-content{background-color:var(--white-9fb)}
.pr-content .pr-container{width:100%;padding:60px 0;margin:0 auto;overflow:hidden;position:relative;text-align:center}
.pr-container .contactus-wrap{width:100%;max-width:1280px;margin:0 auto 60px;overflow:hidden;display:flex;align-items:flex-start;gap:35px;position:relative}
.pr-container .contactus-wrap .contactus-item{display:flex;padding:32px 25px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;background-color:var(--white);width:100%}
.pr-container .contactus-wrap .contactus-item>span{display:block;margin-bottom:20px;width:32px;height:32px}
.pr-container .contactus-wrap .contactus-item>span svg{display:block;width:100%;height:100%}
.pr-container .contactus-wrap .contactus-item .service-infor{display:flex;flex-direction:column;align-items:flex-start;gap:20px;text-align:left;align-self:stretch}
.pr-container .contactus-wrap .contactus-item .service-infor h4{font-size:24px;font-style:normal;font-weight:700;line-height:30px;color:var(--blue-11d)}
.pr-container .contactus-wrap .contactus-item .service-infor p{font-size:16px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.pr-container .social-media{text-align:center}
.pr-container .social-media h3{margin-bottom:40px;font-size:32px;font-style:normal;font-weight:700;line-height:120%;color:var(--blue-11d)}
.pr-container .social-media ul{display:inline-flex;justify-content:center;align-items:center;gap:40px}
.pr-container .social-media ul li{width:32px;height:32px}
.pr-container .social-media ul li a{display:block;width:100%;height:100%}
.pr-container .social-media ul li a span{display:block;width:100%;height:100%;transition:all 0.5s;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}
.pr-container .social-media ul li a span:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3)}
.pr-container .social-media ul li a span.ico-f{background-image:url("/static/images/footer/icon-facebook.svg")}
.pr-container .social-media ul li a span.ico-i{background-image:url("/static/images/footer/icon-ins.svg")}
.pr-container .social-media ul li a span.ico-w{background-image:url("/static/images/footer/icon-whatsapp.svg")}
.pr-container .social-media ul li a span.ico-f:hover{background-image:url("/static/images/footer/icon-facebook-hover.svg")}
.pr-container .social-media ul li a span.ico-i:hover{background-image:url("/static/images/footer/icon-ins-hover.svg")}
.pr-container .social-media ul li a span.ico-w:hover{background-image:url("/static/images/footer/icon-whatsapp-hover.svg")}
@media screen and (min-width:1200px) and (max-width: 1359px) {
	.pr-container .contactus-wrap{max-width:1120px;gap:28px}
	.pr-container .contactus-wrap .contactus-item .service-infor p{font-size:14px}
}
@media screen and (max-width: 1199px) {
	.pr-container .contactus-wrap{max-width:944px;display:block}
	.pr-container .contactus-wrap .contactus-item{margin-top:35px}
	.pr-container .contactus-wrap .contactus-item:first-child{margin-top:0}
}
@media screen and (max-width: 1023px) {
	.banner-container{padding:0 16px 30px}
	.banner-container>.title{margin-bottom:30px;padding-top:90px}
	.banner-container>.title h1{font-size:32px;font-style:normal;font-weight:700;line-height:122%;color:var(--black);margin-bottom:16px}
	.banner-container>.title p{font-size:16px;font-style:normal;font-weight:500;line-height:140%}
	.banner-container .banner-online-service{display:flex;padding:16px;justify-content:space-between;align-items:center;border-radius:8px;max-width:100%}
	.banner-online-service .online-word{gap:12px}
	.banner-online-service .online-word span.svg-bx{width:49px;height:49px}
	.banner-online-service .online-word span.svg-bx svg{display:block;width:25px;height:25px}
	.banner-online-service .online-word .service-txt h4{margin-bottom:6px;font-size:16px;font-style:normal;font-weight:700;line-height:124%;color:var(--blue-11d)}
	.banner-online-service .online-word .service-txt p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
	.banner-online-service .service-docking a{display:flex;align-items:center;gap:4px;font-size:14px;font-style:normal;font-weight:500;line-height:140%;color:var(--brand-fe3);transition:all .3s ease-in-out}
	.banner-online-service .service-docking a span{width:20px;height:20px}
	.pr-content .pr-container{padding:30px 16px}
	.pr-container .contactus-wrap{margin:0 auto 30px}
	.pr-container .contactus-wrap .contactus-item{margin-top:20px;display:flex;padding:16px;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:8px;width:768px;max-width:100%;margin-left:auto;margin-right:auto}
	.pr-container .contactus-wrap .contactus-item>span{display:block;margin-bottom:10px;width:24px;height:24px}
	.pr-container .contactus-wrap .contactus-item .service-infor{gap:10px}
	.pr-container .contactus-wrap .contactus-item .service-infor h4{font-size:16px;font-style:normal;font-weight:700;line-height:123%;color:var(--blue-11d)}
	.pr-container .contactus-wrap .contactus-item .service-infor p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
	.pr-container .social-media h3{margin-bottom:20px;font-size:24px;font-style:normal;font-weight:700;line-height:123%;color:var(--blue-11d)}
	.pr-container .social-media ul{gap:20px}
	.pr-container .social-media ul li{width:27px;height:27px}
}