body, html, *{margin: 0; padding:0; box-sizing: border-box; font-family: 'helvetica', sans-serif;}
body{background: #020205;}
img{display: inline-block; vertical-align: bottom; width: 100%}
.pd-top-40{padding-top: 40px;}
.pd-btm-40{padding-bottom: 40px;}
.pd-20{padding-left: 20px; padding-right: 20px;}
a{text-decoration: none; color: #ffd041; text-decoration: none;}
a:hover{color: #fff; text-decoration: none;}
strong{color: #ffd041}
.cl{clear: both}

.mr-10{margin-top: 10px;}

.text-center{text-align: center;}
.container{max-width: 1250px; margin: auto;}
h1{font-size: 34px; color:#ff5796; font-family: 'helvetica', serif; font-weight: 800;}
h2{font-size: 32px; color:#ff5796; font-family: 'helvetica', serif; font-weight: 800;}
h3{font-size: 30px; color:#ff5796; font-family: 'helvetica', serif; font-weight: 800;}

.how-book{font-size: 30px; color:#fff; font-family: 'helvetica', serif; font-weight: 800;}

.main-title-text p{font-size: 19px; color: #fff; line-height: 30px;}

.main-title-text ul{margin:10px 0; padding:0;}
.main-title-text ul li{display: block; position: relative; padding-left:20px; color: #fff; font-size: 19px; line-height: 30px;}
.main-title-text ul li:before{content: ''; position: absolute; left:0px; top: 7px; height: 10px; width: 10px; border-radius: 50%; background: #fff;}


.how-step ul li:before{display: none;}

/* Header Start */

.header-menu-logo-box{display: flex; justify-content: space-between; padding: 20px;}
.header-menu-logo1{width: 100px;}
.header-menu-logo2{width: 280px;}
.header-menu-logo3{width: 100px;}

.header-menu-trigger{display: none;}


.header-menu-main{background: linear-gradient(to left, #9b0a40, #180b43);}

.header-menu-main-inner ul{padding:0; margin:0; display: flex; text-align: center; align-items: center; justify-content: center;}
.header-menu-main-inner ul li{display: inline-block; position: relative;}
.header-menu-main-inner ul li a, .l-d{font-size: 16px; color: #fff; padding: 25px 30px; display: block; text-transform: uppercase;}

.header-menu-main-inner ul li ul{display: none; position: absolute; width:250px; height: 300px; overflow: auto; background: #fff; border-radius: 10px;}
.header-menu-main-inner ul li ul li{display: block;}
.header-menu-main-inner ul li ul li a{color: #000; padding: 10px; font-weight: 600; text-align: left;}
.header-menu-main-inner ul li ul li a:hover{background:#9b0a40; color: #fff;}
.header-menu-main-inner ul li:hover ul{display: block;}

.arrw-down{ width:8px; height:8px; border: #fff solid 2px; border-top:0; border-right: 0; transform: rotate(-45deg); position: relative; display: inline-block; left: 3px; top: -3px;}


/* Header Closed */

.top-banner-box{padding:40px 15px;}
.top-banner{padding: 30px 0; margin: 0 -15px; display: flex; align-items: center;}
.top-banner-lf{width: 25%; padding: 0 15px;}
.top-banner-rt{width: 50%; padding: 0 15px;}
.top-banner-lf-img{border-radius: 15px; overflow: hidden;}





.main-middle-how{background: url(../images/btm-banner.webp); background-size:cover; padding: 40px 0;}
.how-step ul{display: flex; margin:0; padding:0;}
.how-step ul li{width: 25%; padding:15px; display: flex;}
.how-step-inner{background: rgba(255,255,255,0.3); border:#ff00e3 solid 3px; border-radius: 15px; padding: 15px; width:100%;}
.how-step-nm{font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 10px;}
.how-step-type{font-size: 26px; font-weight: 600; color: #fff; margin-bottom: 10px}
.how-step-text{font-size: 16px; line-height: 28px; color: #fff;}


.home-lf-rt-box{display: flex; padding: 30px 0px; margin:0 -15px; border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
.home-lf-box{width: 70%; padding:0 15px;}
.home-rt-box{width: 30%; padding:0 15px;}

.home-img{border-radius: 15px; overflow: hidden;}


.inner-box-top{display: flex; padding: 30px 0px; margin:0 -15px; border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
.inner-box-lf{width: 75%; padding:0 15px;}
.inner-box-rt{width: 25%; padding:0 15px;}

.center-gallery-box{background: #660026; padding: 40px 0;}

/* Gallery Start */

.gallery-box{padding: 40px 0; background:#2f0011;}
.gallery-title{font-size: 30px; color:#fff; font-family: 'helvetica', serif; font-weight: 800;}
.gallery-list ul{display: flex; flex-wrap: wrap; margin:0; padding:0;}
.gallery-list ul li{width: 25%; padding: 15px; display: flex; position: relative;}
.gallery-list ul li a{width: 100%; border:#ff5796 solid 2px;  display: block; border-radius: 15px; overflow: hidden;}
.gallery-text{padding: 15px; border-top: #ff5796 solid 2px; background: #930035}
.gallery-name{font-size: 21px; font-weight: 600; color: #fff; margin-bottom: 10px;}
.gallery-details{font-size: 16px; line-height: 25px; color: #fff;}

/* Gallery Closed */

/* Footer Start */

.footer{background: #111; padding: 40px 0 80px 0;}
.foo{display: flex;}
.footer-location-title{font-size: 21px; margin-bottom: 10px; font-weight: 600; color: #fff;}
.footer-text p{font-size: 15px; color: #fff; line-height: 26px;}
.footer-lf{width: 30%; padding:0 15px;}
.footer-rt{width: 50%; padding:0 15px;}
.footer-rt2{width: 20%; padding:0 15px;}
.footer-menu ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.footer-menu ul li{width: 50%; display: block; position: relative;}
.footer-menu ul li:before{content: ''; position: absolute; width: 6px; height: 6px; border: #fff solid 2px; border-top:0; border-right: 0; transform: rotate(45deg); top: 12px; left: 0;} 
.footer-menu ul li a{font-size: 15px; color: #fff; display: block; width: 100%; padding: 6px 15px;}

.footer-rt2 .footer-menu ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.footer-rt2 .footer-menu ul li{width: 100%; display: block; position: relative;}
.footer-rt2 .footer-menu ul li a{font-size: 15px; color: #fff; display: block; width: 100%; padding: 6px 15px;}
.footer-rt2 .footer-menu ul li:before{content: ''; position: absolute; width: 6px; height: 6px; border: #fff solid 2px; border-top:0; border-right: 0; transform: rotate(45deg); top: 12px; left: 0;}

.footer-fixed-btm{position: fixed; display: flex; bottom: 0; left: 0; width: 100%}
.whatsapp-box{background: green; width: 50%}
.whatsapp-box a{display: block; font-size: 19px; font-weight: 600; color: #fff; padding: 15px; padding-left: 60px; position: relative;}
.whatsapp-box a span{width:30px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 10px;}
.phone-box{background: #930035; width: 50%}
.phone-box a{display: block; font-size: 19px; font-weight: 600; color: #fff; padding: 15px; padding-left: 60px; position: relative;}
.phone-box a span{width:30px; height: 30px; display: inline-block; position: absolute; left: 15px; top: 12px;}


.page-not-found-box{padding: 150px; text-align: center;}
.page-not-found-h{color: #fff; font-size:97px; font-weight: 800;}
.page-not-text{font-size:32px; color: #fff; font-weight: 500;}

/* Footer Closed */

@media(max-width: 767px){

	.container{padding:0 15px;}

	.header-menu-main-inner ul{display: block;}
	.header-menu-main-inner ul li{display: block; border-bottom: rgba(255,255,255,0.1) solid 1px;}
	.header-menu-main-inner ul li a, .l-d{padding:20px 15px; font-weight: 600;}
	.header-menu-main-inner ul li:hover ul{display: none;}
	.header-menu-main-inner ul li.drop-sub ul{display: block; width: 100%; position: relative;}

	.top-banner{margin:0; display: block;}
	.top-banner-lf, .top-banner-rt{width: 100%;}

	.how-step{overflow: auto;}
	.how-step ul{width: 1200px;}
	.how-step ul li{width: 350px; }


	.home-lf-rt-box{display: block;}
	.home-lf-box{padding: 15px; width: 100%}
	.home-rt-box{width: 100%; padding: 15px;}

	.gallery-list ul li{width: 100%;}

	.foo{display: block;}
	.footer-lf{width: 100%; padding: 15px;}
	.footer-rt{width: 100%; padding: 15px;}
	.footer-rt2{width: 100%; padding: 15px;}

	.inner-box-top{display: block;}
.inner-box-lf, .inner-box-rt{width: 100%}
}