@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: "Poppins", sans-serif; background:#fff!important;}
.header-wrapper{width:100%; height:160px; font-family: "Poppins", sans-serif; }
.top-band{background: #008CD2; display: flex; justify-content: space-between; padding:10px 50px;}
.top-band .left ul{margin:0px; padding:0px; list-style:none; display:flex; gap:10px;}
.top-band .left li{display:flex; color:#fff; gap:10px; font-size:14px; font-family: "Poppins", sans-serif; }
.top-band .left li img{width:auto; height:21px;}
.top-band .right ul{margin:0px; padding:0px; list-style:none; display:flex; gap:10px;}
.top-band .right li{display:flex; color:#fff; gap:10px; font-size:14px; font-family: "Poppins", sans-serif; }
.header {position:fixed; top:0px; left:0px; width:100%; background:#fff; z-index: 1001;}
.header .navbar{ padding:10px 50px;}
.header .navbar .container-fluid{padding:0px;}
.header .navbar .navbar-brand{width:245px; flex-shrink:0;}
.header .navbar .navbar-brand img{width:100%; height:atuo;}
.header .navbar .navbar-collapse .right-area img{width:25px; height:auto;}
.header .navbar .navbar-nav .nav-item{position:relative;}
.header .navbar .navbar-nav .nav-item .dropdown-menu{background: #008CD2; padding:0px; border-radius:10px;}
.header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #fff; padding: 10px 15px; border-bottom: solid 1px #fff;}
.header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{color: #008CD2;}
.header .navbar .navbar-nav .nav-item .dropdown-menu li:first-child .dropdown-item{border-radius:10px 10px 0px 0px;}
.header .navbar .navbar-nav .nav-item .dropdown-menu li:last-child .dropdown-item{border-radius:0px 0px 10px 10px ;}
.header .navbar .navbar-nav .nav-link{color: #001757; font-weight: 600; font-size: 15px; padding: 10px 30px; font-family: "Poppins", sans-serif; }
.header .navbar .navbar-nav.right-area .nav-link{padding: 10px 15px;}
.hm-first-panel{width:100%; display: flex; justify-content: end; background: url(../images/video-bg.jpg) repeat-x center right; position:relative; overflow: hidden; height: calc(100vh - 160px); align-items: center;}
.hm-first-panel .overlay{background: rgba(255, 255, 255, 0); background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 224, .2) 100%); width:46%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.hm-first-panel video{background: transparent; height:140%; width:auto;}
.hm-first-panel .content{position: absolute; z-index: 100; left: 60px; width: 520px;}
.hm-first-panel .content .text{color: #008CD2; font-size: 45px; font-weight: 600; line-height: 55px; margin-bottom: 50px; width:85%; position:relative;}
.hm-first-panel .content .text:after{content: ''; width: 50px; height: 4px; background: #008CD2; position: absolute; left: 0px; bottom: -20px;}
.hm-first-panel .content .sub-text{color: #008CD2; font-size: 17px; font-weight: 500; line-height: 25px; margin-bottom: 30px; width:85%}
.hm-first-panel .content .cta{display:flex; gap:20px;}
.hm-first-panel .content .cta a:first-child{background: #008CD2; border:solid 2px #008CD2; display: flex; padding: 10px 15px; border-radius: 10px; color: #fff; text-decoration: none; font-weight: 600;     font-size: 15px; width: 267px; align-items: center; gap: 13px;}
.hm-first-panel .content .cta a:first-child svg{fill:#fff;}
.hm-first-panel .content .cta a:first-child img{filter:invert(1);}
.hm-first-panel .content .cta a:last-child{background: #fff; border:solid 2px #008CD2; display: flex; padding: 10px 15px; border-radius: 10px; color: #008CD2; text-decoration: none; font-weight: 600;font-size: 15px; width: 230px; align-items: center; gap: 13px;}
.hm-first-panel .content .cta a:last-child svg{fill:#008CD2;}
.hm-first-panel .content .cta a svg{width:20px; height:auto;}
.hm-second-panel{display: grid; grid-template-columns: repeat(4, 1fr); padding: 50px; gap: 50px; border-bottom:solid 1px #f3f3f3}
.hm-second-panel .column{display:grid; gap:20px; position:relative;}
.hm-second-panel .column:last-child:after{display:none;}
.hm-second-panel .column:after{content:''; width:2px;background:#f3f3f3; right:-25px; position:absolute; height:100%}
.hm-second-panel .column .icon{width: 5rem; height: 5rem; margin:0 auto; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}
.hm-second-panel .column .icon svg{width: 2.45rem; height: 2.45rem; fill:#008CD2}
.hm-second-panel .column .icon img{width: 2.45rem; height: 2.45rem; max-width:50px; max-height:50px; object-fit:contain; display:block;}
.hm-second-panel .column .text{text-align:Center; color:#008CD2; font-size:17px; line-height:25px;}
.hm-second-panel .column .text span{display:table; width:100%; font-size:22px; font-weight:600; margin-bottom:10px;}
.hm-third-panel{padding: 50px; width:100%;}
.hm-third-panel .heading{display:flex; justify-content: space-between; margin-bottom:50px; align-items: center;}
.hm-third-panel .heading span{color: #008CD2; font-size: 25px; font-size: 600; position:relative;}
.hm-third-panel .heading span:after{content: ''; width: 50px; height: 4px; background: #008CD2; position: absolute; left: 0px; bottom: -10px;}
.hm-third-panel .heading a{display:flex; color:#008CD2; gap:10px; text-decoration:none; align-items: center;}
.hm-third-panel .heading a svg{width:20px; height:auto; fill:#008CD2}
.hm-third-panel .box{bordeR:solid 1px #f3f3f3; border-radius:10px; padding:20px; display:grid; gap:20px;}
.hm-third-panel .box .img {width:100%;}
.hm-third-panel .box .img img{width:75%; height:auto; margin:0 auto;}
.hm-third-panel .box .title{font-size:18px; font-weight:600; color:#008CD2}
.hm-third-panel .box .sub-title{font-size:16px; color:#008CD2}
.hm-third-panel .box .desc{font-size:16px; color:#008CD2}
.hm-third-panel .box a{display:flex; color:#008CD2; gap:10px; text-decoration:none; align-items: center;}
.hm-third-panel .box a svg{width:20px; height:auto; fill:#008CD2}
.hm-third-panel .owl-dots{display:none;}
.hm-third-panel .owl-carousel .owl-nav button.owl-prev{position: absolute; left: 0px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); width: 40px; height: 40px; border-radius: 40px; font-size: 50px; top: 40%; left: -24px;}
.hm-third-panel .owl-carousel .owl-nav button.owl-prev span{color: #008CD2; position: absolute; line-height: 28px; top: 50%; margin-top: -17px; left: 50%; margin-left: -7px;}
.hm-third-panel .owl-carousel .owl-nav button.owl-next{position: absolute; right: 0px; background: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); width: 40px; height: 40px; border-radius: 40px; font-size: 50px;top: 40%; right: -24px;}
.hm-third-panel .owl-carousel .owl-nav button.owl-next span{color: #008CD2; position: absolute; line-height: 28px; top: 50%; margin-top: -17px; left: 50%; margin-left: -7px;}
.hm-fourth-panel{padding: 50px; width:100%;}
.hm-fourth-panel .banner{background:#f2f7fd; display:flex; border-radius:10px; padding:20px 50px; color:#008CD2; gap:50px; text-decoration:none; align-items: center;}
.hm-fourth-panel .banner .icon{width: 80px; height: 80px; border-radius: 70px; background: #fff; flex-shrink: 0; display: flex; justify-content: center; align-items: center; bordeR:solid 2px #edeffb; overflow:hidden;}
.hm-fourth-panel .banner .icon svg{width:30px; height:30px; fill:#008CD2;}
.hm-fourth-panel .banner .icon img{width:45px; height:45px; max-width:45px; max-height:45px; object-fit:contain; display:block;}
.hm-fourth-panel .banner .text{font-size:17px;}
.hm-fourth-panel .banner .text span{font-size:20px; font-weight:600; display:table;}
.hm-fourth-panel .banner .cta{display:flex; color:#008CD2; gap:10px; text-decoration:none; align-items: center; border:solid 2px #008CD2; border-radius:10px; padding:10px 20px; white-space:nowrap;}
.hm-fourth-panel .banner .cta svg{width:20px; height:auto; fill:#008CD2;}
.footer{display: grid; grid-template-columns: repeat(5, 1fr); padding: 50px; gap: 50px;}
.footer .f-column .logo{width:150px; margin-bottom:15px;}
.footer .f-column .logo img{width:100%; height:auto;}
.footer .f-column .text{font-size: 13px; color: #008CD2; margin-bottom:15px;}
.footer .f-column .social{display:flex; gap:20px;}
.footer .f-column .social a{width:auto;}
.footer .f-column .social img{width:25px; height:auto;}
.footer .f-column .head{color: #008CD2; font-weight:600; font-size:17px; margin-bottom:10px; text-transform:uppercase}
.footer .f-column a{color: #008CD2; font-size:16px; text-decoration:none; display:table; width:100%; margin-bottom:7px;}
.copyright{width:100%; border-top:solid 1px #f3f3f3; display:flex; padding:10px 50px; justify-content: space-between; color:#008CD2; font-size:16px;} 
.copyright span{display:flex; gap:10px;}
.copyright a{color:#008CD2; text-decoration:none;}

.nhp-branding {width: 200px; max-width: 200px; flex-shrink: 0;}
.nhp-branding img {display: block; width: 100%; height: auto; object-fit: contain;}
.header .navbar .navbar-brand .custom-logo-link,
.header .navbar .navbar-brand .custom-logo {display: block; width: 100%; height: auto;}
.header .navbar .navbar-collapse .right-area {align-items: center; gap: 0.25rem;}
.header .navbar .navbar-collapse .right-area .nhp-inquiry-link .nav-link {background: #008CD2; border-radius: 10px; color: #fff; padding: 10px 18px;}
.header .navbar .navbar-collapse .right-area .nhp-inquiry-link .nav-link:hover,
.header .navbar .navbar-collapse .right-area .nhp-inquiry-link .nav-link:focus {background: #008CD2; color: #fff;}
.hm-first-panel .content .cta a img, .hm-third-panel .heading a img, .hm-third-panel .box a img, .hm-fourth-panel .banner .cta img {width: 20px; height: auto; flex-shrink: 0;}
.hm-second-panel .column .icon {display: flex; align-items: center; justify-content: center; background: #f2f7fd; border-radius: 100px; padding: 0.85rem; border: solid 1px #dbe7ff;}
.hm-second-panel .column .icon img, .hm-fourth-panel .banner .icon img {width: 100%; height: auto; display: block; object-fit: contain;}
.hm-third-panel .box .img img {display: block; width: 75%; height: auto; margin: 0 auto; object-fit: contain;}
.nhp-category-box {height: 100%; min-height: 100%;}
.footer .f-column .logo .custom-logo-link,
.footer .f-column .logo .custom-logo {display: block; width: 100%; height: auto;}

@media screen and (max-width: 991px) {
	.header-wrapper {height: 134px;}
	.top-band {padding: 10px 20px; flex-direction: column; gap: 10px;}
	.header .navbar {padding: 10px 20px;}
	.header .navbar .navbar-collapse {padding-top: 15px;}
	.header .navbar .navbar-nav .nav-link {padding: 10px 0; text-align: left;}
	.header .navbar .navbar-collapse .right-area {flex-direction: row; justify-content: flex-start; padding-top: 10px;}
	.hm-first-panel {height: auto; min-height: calc(100vh - 134px);}
	.hm-second-panel {grid-template-columns: repeat(2, 1fr);}
	.footer {grid-template-columns: repeat(2, 1fr);}
	.copyright {flex-direction: column; gap: 10px;}
}

@media screen and (min-width: 280px) and (max-width: 539px) {
	.header-wrapper{height:173px}
	.top-band{padding:10px; flex-direction: column; gap:10px;}
	.top-band .left ul{}
	.top-band .left li{align-items: center; font-size: 12px;}
	.top-band .right ul{justify-content: center;}
	.top-band .right li{font-size: 12px;}
	.header .navbar{padding:10px;}
	.header .navbar .navbar-brand {width: 150px;}
	.header .navbar .navbar-nav .nav-link{padding:10px; text-align:right;}
	.header .navbar .navbar-nav .nav-item .dropdown-menu{background:#fff;}
	.header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-item{color:#008CD2; text-align:right}
	.header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding:10px;}
	.header .navbar .navbar-nav.right-area{display: flex; flex-direction: row-reverse;}
	.header .navbar .navbar-collapse .right-area .nhp-inquiry-link{width:100%;}
	.header .navbar .navbar-collapse .right-area .nhp-inquiry-link .nav-link{width:100%; text-align:center; justify-content:center;}
	.hm-first-panel{flex-direction:column-reverse; height: auto; padding-top: 0; justify-content:flex-start;}
	.hm-first-panel .content{position: relative; left: auto; width: 100%; top: auto; padding: 40px 20px 30px; order: 2;}
	.hm-first-panel .content .text{font-size: 29px; line-height: 40px; margin-bottom: 30px;}
	.hm-first-panel .content .text:after{bottom:-10px;}
	.hm-first-panel .content .sub-text{font-size: 15px; line-height: 23px; margin-bottom: 20px; width: 100%;}
	.hm-first-panel .content .cta{flex-direction:column; gap: 10px;}
	.hm-first-panel .content .cta a:first-child{width:100%; justify-content: space-between;}
	.hm-first-panel .content .cta a:last-child{width:100%; justify-content: space-between;}
	.hm-first-panel video{width:100%; height: auto; order: 1;}
	.hm-first-panel .overlay{width:100%; height: 27%; background: rgba(255, 255, 255, 0); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 224, .2) 100%);}
	.hm-second-panel{grid-template-columns: repeat(4, 1fr); padding: 40px 20px; gap: 30px; overflow: auto;}
	.hm-second-panel .column{width:275px;}
	.hm-second-panel .column:after{right:-15px;}
	.hm-third-panel{padding:40px 20px;}
	.hm-third-panel .heading{margin-bottom: 30px;}
	.hm-third-panel .heading span{font-size:20px;}
	.hm-third-panel .heading a{font-size:13px;}
	.hm-third-panel .owl-carousel .owl-nav button.owl-prev{left:-20px;}
	.hm-third-panel .owl-carousel .owl-nav button.owl-next{right:-20px;}
	.hm-fourth-panel{padding:40px 20px;}
	.hm-fourth-panel .banner{padding:20px; flex-direction:column; gap: 30px; text-align:Center}
	.hm-fourth-panel .banner .icon{width:70px; height:70px; padding:18px;}
	.hm-fourth-panel .banner .cta{width:100%; padding:10px; white-space:unset; text-align:left; font-size: 14px;}
	.hm-fourth-panel .banner .cta svg{flex-shrink: 0;}
	.footer{padding:40px 20px; grid-template-columns: repeat(1, 1fr); gap:20px;}
	.copyright{padding: 20px; padding-top:0px; flex-direction: column; text-align: center; gap: 10px;}
	.copyright span{justify-content: center;}

}