@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--black-color: #000000;
	--white-color: #FFFFFF;
	--plump-purple-color: #5844BF;
	--philippine-gray-color: #909090;
	--chinese-black-color: #151517;
	--anti-flash-white: #F3F3F3;
	--luxury-white: #FAFAFA;
	--primary-font: "Jost", sans-serif;
}
body{margin: 0;padding: 0;}
section{width: 100%;padding: 80px 0px 50px 0px;}

.plump-purple-color-bg{background-color: var(--plump-purple-color);}
.luxury-white-color-bg{background-color: var(--luxury-white);}

.headers{width: 100%; position: relative;}
.header-navs{position: absolute;top: 0;z-index: 1;display: flex;width: 100%;}
.header-navigaton-logo{float: left;margin-top: 10px;margin-left: 100px;}
.header-navigaton-logo a{display: inline-block;}
.header-navigaton-logo a img{width: 100px;}
.header{position: fixed;z-index: 1000;background: rgb(0 0 0 / 0%);padding-bottom: 15px;-webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;}
.headeractive{background-color: var(--white-color);}
.header-navigaton-menu{float: right;margin-top: 10px;margin-right: 100px;}
.header-navigaton-menu ul{float: right;padding: 0;}
.header-navigaton-menu ul li{list-style: none;display: inline-block;margin-left: 30px;}
.header-navigaton-menu ul li a{font: normal normal 400 16px/1.5 var(--primary-font);text-decoration: none;display: block;color: var(--chinese-black-color);}
.header-navigaton-menu ul li a.deskbooknow{display: inline-block;color: var(--white-color);background: var(--plump-purple-color);border-radius: 20px;text-decoration: none;padding: 8px 20px;font: normal normal 400 16px/1.5 var(--primary-font);}

.navtoggles{display: none;}
.navtoggles{cursor:pointer;position: absolute;right: 25px;top: 10px;color: var(--white-color);}
.navtoggles i{color: var(--plump-purple-color);font-size: 40px;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: var(--plump-purple-color);overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav a {transition: 0.3s;}
.sidenav .closebtn{text-decoration: none;position: absolute;top: 10px;right: 25px; margin-left: 50px;display: block;color: var(--white-color);}
.sidenav .closebtn i{color: var(--white-color);font-size: 35px;}
.sidenav ul{padding: 0 20px;}
.sidenav ul li{width: 100%;list-style: none;}
.sidenav ul li a{font: normal normal 400 18px/1.5 var(--primary-font);position: relative;padding-bottom: 10px;letter-spacing: 1px;text-decoration: none;width: 100%;display: block;color: var(--white-color);margin-bottom: 10px;text-transform: capitalize;}
.sidenav ul li a::before{position: absolute;content: " ";width: 100%;height: 1px;left: 0;right: 0;bottom: 0;background: var(--white-color);}
.sidenav ul li a::before::last-child{background: transparent;}

.site-title, .site-title-white{text-align: center;margin-bottom: 20px;}
.site-title h2, .site-title-white h2{font: normal normal 500 50px/1.4 var(--primary-font);text-transform: capitalize;}
.site-title h2 {color: var(--plump-purple-color);}
.site-title-white h2{color: var(--white-color);}
.site-title h6{font: normal normal 400 25px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.site-title p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.site-title-white p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--white-color);}

.site-btns{font: normal normal 400 15px/1.5 var(--primary-font);color: var(--white-color);text-decoration: none;padding: 8px 24px;border-radius: 20px;background-color: var(--plump-purple-color);border: 2px solid var(--plump-purple-color);display: inline-block;}
.site-btns:hover{background-color: var(--white-color); color: var(--plump-purple-color);}

.site-btns-white-bg{font: normal normal 400 15px/1.5 var(--primary-font);color: var(--plump-purple-color);text-decoration: none;padding: 8px 24px;border-radius: 20px;background-color: var(--white-color);border: 2px solid var(--white-color);display: inline-block;}
.site-btns-white-bg:hover{background-color: var(--plump-purple-color); color: var(--white-color);}

.banner-section{width: 100%;padding: 200px 0px 40px 0px;}
.home-banner{width: 100%;margin-bottom: 30px;}
.home-banner h3{font: italic normal 400 30px/1.5 var(--primary-font);color: var(--plump-purple-color);}
.home-banner h1{font: normal normal 500 60px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.home-banner p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.home-banner img{width: 65%;border-radius: 20px;}

#services-owl-demo .item{margin: 10px;}
.services-slider{position: relative;}
.services-box{width: 100%;border-radius: 20px;padding: 25px 25px 25px 25px;background-color: var(--white-color);border: 1px solid var(--anti-flash-white);}
.services-box:hover{background-color: var(--plump-purple-color);border-color: var(--plump-purple-color);}
.services-box:hover.services-box h3, .services-box:hover.services-box p, .services-box:hover.services-box a{color: var(--white-color);}
.services-box img{width: 100%;border-radius: 15px;margin-bottom: 15px;}
.services-box h3{font: normal normal 400 25px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.services-box p{font: normal normal 400 16px/1.5 var(--primary-font);color: var(--philippine-gray-color);}
.services-box a{font: normal normal 400 15px/1.5 var(--primary-font);color: var(--chinese-black-color);text-decoration: none;}

.customNavigation{width:100%; margin:0 auto; text-align:center; cursor:pointer;}
.customNavigation a{font-size: 30px;color: var(--plump-purple-color);text-decoration: none;position: absolute;top: 40%;}
.customNavigation .prev{left: -30px;} .customNavigation .next{right: -30px;}


.aboutbox{width: 100%;margin-bottom: 25px;}
.aboutbox img{width: 80%;border-radius: 20px;}
.aboutbox h6{font: italic normal 400 18px/1.5 var(--primary-font);color: var(--white-color);}
.aboutbox p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--white-color);margin-bottom: 15px;}
.aboutbox a{margin-top: 10px;}

.counters-boxes{text-align: center;margin-bottom: 30px;}
.counters-boxes h2{margin-bottom: 15px;font: normal normal 500 48px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.counters-boxes h3{font: normal normal 500 25px/1.2 var(--primary-font);color: var(--chinese-black-color);}

/*.faqs{width: 100%;height:350px;overflow-y:scroll;}*/
/*.faqs::-webkit-scrollbar{width: 10px;margin-left:10px;}
.faqs::-webkit-scrollbar-track {box-shadow: inset 0 0 5px var(--white-color); border-radius: 5px;}
.faqs::-webkit-scrollbar-thumb {background: var(--green-color);border-radius: 5px;}
.faqs::-webkit-scrollbar-thumb:hover {background: var(--dark-blue-color);}*/
.faqsaccordion {background-color: var(--white-color);border: none;border-bottom: 1px solid var(--philippine-gray-color);cursor: pointer;padding: 15px 15px 15px 15px;width: 100%;text-align: left;outline: none;font: normal normal 400 18px/1.4 var(--primary-font);color: var(--chinese-black-color); transition: 0.4s;}
.faqsaccordion:last-child{border-bottom: 1px solid var(--white-color);}
.faqsaccordion:after {content: '\002B';color: var(--plump-purple-color);font-weight: lighter;float: right;margin-left: 5px;font-size: 25px;font-weight: 400;}
.faqactive:after {content: "\2212";font-size: 25px;font-weight: 400;}
.faqpanel{padding: 0px;background-color: var(--white-color);max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.faqinnerpanel{padding: 10px 15px 10px 15px;font: normal normal 400 16px/1.2 var(--primary-font);color: var(--chinese-black-color);}
.faqinnerpanel p{margin-bottom: 10px;}
.faqinnerpanel ul{padding-left: 18px;}
.faqinnerpanel ul li{font: normal normal 400 16px/1.2 var(--primary-font);margin-bottom: 10px;}

.aboutus-banner-section{width: 100%;padding: 200px 0px 40px 0px;}
.aboutus-banner{text-align: center;margin-bottom: 20px;}
.aboutus-banner h1{font: normal normal 500 50px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.aboutus-banner p{font: normal normal 400 20px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.aboutusbox{margin-bottom: 30px;}
.aboutusbox img{width: 80%;border-radius: 20px;}
.aboutusbox h6{font: italic normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.aboutusbox p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);margin-bottom: 10px;}

.about-trusted ul{padding-left: 0;}
.about-trusted ul li{color: var(--plump-purple-color);list-style: none;font: normal normal 400 22px/1.5 var(--primary-font);width: 100%;float: left;margin-bottom: 10px;}
.about-trusted ul li span{margin-right: 5px;}
.about-trusted ul li span i{color: var(--plump-purple-color);font-size: 30px;vertical-align: middle;}
.about-trusted ul li p{color: var(--chinese-black-color);font: normal normal 400 18px/1.5 var(--primary-font);text-align: left;padding: 0px 0px 0px 40px; margin: 0px 0px 10px 0px;}

.about-philosophy p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--white-color);margin-bottom: 10px;}
.about-sets-apart{}
.about-sets-apart p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--white-color);margin-bottom: 10px;}

.aboutinfoboxes{width: 100%;}
.aboutinfocol{width: 50%;float: left;}
.aboutinfocolimg{background-image: url(../media/about-us-blog-section.webp);background-position: center center;background-size: cover;min-height: 425px;position: relative;border-radius: 30px 0px 0px 30px;}
.aboutinfocoldetails{background: var(--plump-purple-color);padding: 50px 50px;border-radius: 0px 30px 30px 0px;}
.aboutinfocoldetails h5{font: italic normal 400 20px/1.5 var(--primary-font);color: var(--white-color); margin-bottom: 15px;}
.aboutinfocoldetails h2{color: var(--white-color);font: normal normal 500 45px/1.4 var(--primary-font);margin-bottom: 20px;}
.aboutinfocoldetails p{color: var(--white-color);font: normal normal 400 18px/1.4 var(--primary-font);margin-bottom: 20px;}
.aboutinfoctas{margin-top: 20px;display: inline-block;}
.aboutinfoctas a{display: inline-block;text-decoration: none;font: normal normal 400 16px/1.5 var(--primary-font);padding: 8px 30px;margin-right: 10px;border-radius: 20px;outline: none;}
.aboutinfoctadark{color: var(--white-color);background: var(--blue-color);border: 2px solid var(--white-color);}
.aboutinfoctadark:hover{color: var(--plump-purple-color);background-color: var(--white-color);}
.aboutinfoctawhite{color: var(--plump-purple-color);background: var(--white-color);border: 2px solid var(--white-color);}
.aboutinfoctawhite:hover{color: var(--white-color);background: var(--plump-purple-color);}

.services-banner-section{width: 100%;padding: 200px 0px 40px 0px;}
.services-banner{margin-bottom: 30px;}
.services-banner h1{font: normal normal 500 50px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.services-banner p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.services-banner img{border-radius: 10px;width: 100%;}
.services-list{width: 100%;margin-bottom: 30px;border-radius: 20px;}
.services-list-media{}
.services-list-media img{width: 100%;border-radius: 20px;}
.services-list-detail{padding: 25px 30px;}
.services-list-detail h3{font: normal normal 500 30px/1.2 var(--primary-font);color: var(--white-color);}
.services-list-detail p{font: normal normal 400 16px/1.5 var(--primary-font);color: var(--white-color);}

.area-we-serve{}
.area-we-serve h5{font: normal normal normal 20px/1.3 var(--primary-font);color: var(--chinese-black-color);margin-bottom: 15px;}
.area-we-serve p{font: normal normal normal 16px/1.3 var(--primary-font);color: var(--chinese-black-color);letter-spacing: 0.2px;margin-bottom: 0px;}
.area-we-serve-white h5{font: normal normal normal 18px/1.3 var(--primary-font);color: var(--white-color);margin-bottom: 15px;}
.area-we-serve-white p{font: normal normal normal 16px/1.3 var(--primary-font);color: var(--white-color);letter-spacing: 0.2px;margin-bottom: 0px;}

.blogs-banner-section{width: 100%;padding: 150px 0px 40px 0px;}
.blogs-banner{margin-bottom: 20px;text-align: center;}
.blogs-banner h1{font: normal normal 500 50px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.blogs-banner p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.blogs-banner h4{font: normal normal 500 20px/1.5 var(--primary-font);color: var(--plump-purple-color);}
.blogs{width: 100%;border-radius: 10px;margin-bottom: 30px;background-color: var(--plump-purple-color);}
.blogs a {display: block;text-decoration: none;}
.blogs img{width: 100%;border-radius: 10px;}
.blogdetail{width: 100%; padding: 20px 20px 20px 20px;}
.blogdetail h4{font: normal normal 400 20px/1.3 var(--primary-font);color: var(--white-color);letter-spacing: 0.5px;text-transform: capitalize;}
.blogdetail h6{font: normal normal 400 14px/1.5 var(--primary-font);color: var(--white-color);letter-spacing: 0.5px;text-transform: capitalize;}

.searchblogfilter{font: normal normal 400 18px/1.3 var(--primary-font);color: var(--chinese-black-color);width: 40%;border-radius: 5px; border: 1px solid var(--philippine-gray-color);padding: 12px 16px;outline: none;}
#noMatch {display: none;font: normal normal 500 18px/1.3 var(--primary-font);color: #ff0000;margin: 30px 0px;}

.blog-detail-banner-section{width: 100%;padding: 200px 0px 40px 0px;}
.blog-detail-banner{margin-bottom: 30px;text-align: center;}
.blog-detail-banner h1{font: normal normal 500 50px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.blog-detail-banner img{width: 100%;border-radius: 10px;}
.blogs-detail h4{color: var(--plump-purple-color);font: normal normal 400 30px/1.4 var(--primary-font);margin-bottom: 10px;}
.blogs-detail h5{color: var(--plump-purple-color);font: normal normal 400 25px/1.4 var(--primary-font);margin-bottom: 10px;}
.blogs-detail p, .blogs-detail ul li, .blogs-detail ol li{color: var(--chinese-black-color);font: normal normal 400 18px/1.4 var(--primary-font);margin-bottom: 8px;}

.contact-banner-section{width: 100%;padding: 200px 0px 40px 0px;}
.contact-banner{margin-bottom: 30px;}
.contact-banner h1{font: normal normal 500 50px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.contact-banner h4{font: italic normal 500 20px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.contact-banner p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.contact-info{margin-bottom: 30px;}
.contact-info h2{font: normal normal 500 45px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.contact-info p{font: normal normal 400 18px/1.5 var(--primary-font);color: var(--chinese-black-color);}
.contact-info article{margin-bottom: 20px;}
.contact-info article h3{font: normal normal 500 25px/1.2 var(--primary-font);color: var(--plump-purple-color);}
.contact-info article p{font: normal normal 400 16px/1.5 var(--primary-font);color: var(--chinese-black-color);margin-bottom: 2px;}
.contact-info article p a{font: normal normal 400 16px/1.5 var(--primary-font);color: var(--chinese-black-color);margin-bottom: 2px;text-decoration: none;}
.contact-info iframe{width: 100%;height: 500px;border-radius: 10px;}

.formfield{width: 100%;margin-bottom: 30px;}
.formfield label{width: 100%;font: normal normal 400 16px/1.5 var(--primary-font);margin-bottom: 8px;color: var(--chinese-black-color);}
.formfield label span{float: right;}
.formfield label .formrequired{color: #E04562;}
.formfield input, .formfield select, .formfield textarea{font: normal normal 400 15px/1.5 var(--primary-font);width: 100%;border-radius: 5px; border: 1px solid var(--anti-flash-white);padding: 8px 14px;color: var(--chinese-black-color);outline: none;}
.formfield textarea{height: 150px;}
.formfield button{font: normal normal 400 15px/1.5 var(--primary-font);display: inline-block;color: var(--white-color);background-color: var(--plump-purple-color);border-radius: 20px;text-decoration: none;padding: 8px 24px;outline: none;border: 2px solid var(--plump-purple-color);}
.formfield button:hover{background-color: var(--white-color);border-color: var(--plump-purple-color); color: var(--plump-purple-color);}

#scroll{position:fixed;right:35px;bottom:65px;cursor:pointer;width:40px;height:40px;background-color:var(--white-color);border-radius: 50%;display:none;border: 1px solid var(--plump-purple-color);}
#scroll span{position: relative;text-align: center;}
#scroll span i{position:absolute;top:50%;left:50%;margin-top:-11px;height:0;width:0;color: var(--plump-purple-color);font-size: 39px}
#scroll:hover{background-color: var(--plump-purple-color);border-color: var(--white-color); opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}
#scroll:hover span i{color: var(--white-color);}

footer{width: 100%;padding: 40px 0px; background-color: var(--plump-purple-color);}
.footer-widgets {margin: 0px 0px 40px 0px;}
.footer-widgets img{width: 80px;margin-bottom: 20px;}
.footer-widgets p{font: normal normal 400 15px/1.5 var(--primary-font);color: var(--white-color);}
.footer-widgets address a{text-decoration: none;color: var(--white-color);}
.footer-widgets address a:hover{color: var(--white-color);}
.footer-widgets address{font: normal normal 400 15px/1.5 var(--primary-font);color: var(--white-color);}
.footer-widgets h5{font: normal normal 400 20px/1.5 var(--primary-font);color: var(--white-color);margin-bottom: 15px;}
.footer-links{font: normal normal 400 15px/1.5 var(--primary-font);padding: 0;margin: 0;}
.footer-links li{list-style: none;margin-bottom: 5px;}
.footer-links li a{text-decoration: none;color: var(--white-color);display: inline-block;}
.footer-links li a:hover{color: var(--white-color);}
.footer-social-links{padding: 0;margin: 0;display: flex;}
.footer-social-links li{list-style: none;margin-right: 25px;}
.footer-social-links li a{text-decoration: none;color: var(--white-color);font-size: 18px;display: inline-block;}
.footer-social-links li a:hover{color: var(--white-color);}
.footercopy{font: normal normal 400 14px/1.5 var(--primary-font);color: var(--white-color);letter-spacing: 0.5px;margin: 0;padding-top: 20px;border-top: 1px solid var(--white-color);}
.footercopy a{color: var(--white-color);text-decoration: none;}
.footercopy a:hover{color: var(--white-color);}

#thank-you-campaign{width: 100%;margin: 0;padding: 0;text-align: center;background-color: var(--white-color);position: absolute !important;top: 50%;left: 50%;transform: translate(-50%, -50%) !important;}
.thank-you-campaign-section{padding: 20px;}
.thank-you-campaign-section img{margin-bottom: 10px;width: 120px;}
.thank-you-campaign-section h1{font: normal normal 500 45px/1.5 var(--primary-font);color: var(--plump-purple-color); margin-top: 0;text-transform: uppercase;margin-bottom: 10px;}
.thank-you-campaign-section p{font: normal normal 400 20px/1.5 var(--primary-font);color: var(--chinese-black-color);margin-top: 0;margin-bottom: 12px;}

.booking-details{}
.booking-details table thead{background-color: var(--plump-purple-color);}
.booking-details .table thead tr th{font: normal normal 500 14px/1.5 var(--primary-font);background-color: var(--plump-purple-color);color: var(--white-color);}
.booking-details .table tbody tr td{font: normal normal 400 14px/1.5 var(--primary-font);background-color: var(--luxury-white);color: var(--chinese-black-color);}


@media only screen and (max-width: 1024px){
	.header-navigaton-logo{margin-left: 50px;}
	.header-navigaton-menu{margin-right: 30px;}
	.header-navigaton-menu ul li{margin-left: 15px;}
	.customNavigation .prev{left: 0px;} .customNavigation .next{right: 0px;}
}
@media only screen and (max-width: 991px){
	.header-navigaton-menu{display: none;}
	.navtoggles{display: block;}
	.aboutus-banner h1, .services-banner h1, .blogs-banner h1, .blog-detail-banner h1, .contact-banner h1, .contact-info h2, .site-title h2, .site-title-white h2{font-size: 45px;}
	.aboutinfocol{width: 100%;min-height: 300px;border-radius: 20px 20px 0px 0px;}
	.aboutinfocoldetails{border-radius: 0px 0px 20px 20px;padding: 30px 30px;}
	.searchblogfilter{width: 80%;}
	.banner-section, .aboutus-banner-section, .services-banner-section, .blogs-banner-section, .blog-detail-banner-section, .contact-banner-section{padding: 150px 0px 40px 0px;}
}
@media only screen and (max-width: 767px){
	.header-navigaton-logo{margin-left: 10px;}
	.contact-info iframe{height: 250px;}
	.services-list-detail{padding: 20px;}
	.aboutinfocoldetails{padding: 25px 25px;}
	.aboutinfocoldetails h2{font-size: 40px;}
	.aboutinfocoldetails h5{font-size: 18px;}
	.header-navigaton-logo a img{width: 80px;}
	.searchblogfilter{width: 100%;}
	.home-banner img, .aboutbox img, .aboutusbox img{width: 100%;}
	
}
@media only screen and (max-width: 400px){
	.home-banner h1{font-size: 50px;}
	.home-banner h3{font-size: 20px;}
	.aboutinfocoldetails p{font-size: 16px;}
	.aboutinfoctas a{font-size: 14px;padding: 8px 12px;}
}
@media only screen and (max-width: 360px){
	
	.aboutus-banner h1, .services-banner h1, .blogs-banner h1, .blog-detail-banner h1, .contact-banner h1, .contact-info h2, .site-title h2, .site-title-white h2{font-size: 40px;}
}