@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body { font-family: 'SanFranciscoDisplay-Regular'; font-size: 15px; overflow-x:hidden;}

.thankyoumsgWrap{ position:relative; text-align:center; padding:80px 0;}
.thankyoumsgInner{ position:relative;}
/* HEADER
========================================================================*/
header{ position: absolute; width: 100%; top: 0; left: 0; z-index: 999; background: #ffffff; transition: 0.5s;}
header.stickyHeader{position: fixed; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; transition: 0.5s;}
.headerInner{ display:flex; justify-content: space-between; padding: 3px 0;}
.logo{}
.logo a{ display: block; padding: 7px 0;}
.logo a img{ width: 200px;}
.rightHeader{ display: flex; margin: 15px 0; align-items: center;position: relative;}
.rightHeader .searchBtn{ margin-right: 30px;}
.rightHeader .searchBtn a{}
.rightHeader .searchBtn img{ width: 24px;}
.rightHeader .menuBtn{ display:none;}
.rightHeader .menuBtn a{}
.rightHeader .menuBtn img{ width: 34px;}
.headercall{ display: flex; align-items: center; margin-right: 15px; padding: 5px 15px; background: #f1f1f1; border-radius: 25px;}
.headercall a{font-size: 16px; color: #000000; font-family: 'SanFranciscoDisplay-Medium';}
.headercall a img{ width: 20px; margin-right:5px;}
.quickenquiryBox { cursor: pointer; position: fixed; z-index: 998; bottom: 18px; right: 15px; will-change: transform;}
.quickenquiryClose{ position:absolute; right:15px; top:15px;}
.quickenquiryClose img{ width:25px;}
.quickenquiryBtn {background: #bc0202; text-transform: uppercase; color: #ffffff; border-radius: 40px; padding: 10px 30px; display: inline-block;  cursor: pointer; transition: background .1s ease;  -webkit-animation-name: shakeAni; animation-name:shakeAni; -webkit-animation-duration: calc(2 * 1s); animation-duration: calc(2 * 1s); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; transition: 0.5s;}
.quickenquiryBtn:hover{ color: #000000;transition: 0.5s;}
@keyframes shakeAni {
	0%, 100% {
    	transform: translate(calc(0 * -1%)) rotate(calc(0 * -1deg));
	}
	50% {
    	transform: translate(calc(0 * 1%), calc(-25 * 1%)) rotate(calc(0 * 1deg));
	}
}
.button__shadow { position: absolute; border-radius: 100%; bottom: 0; left: 0; right: 0; height: 4px; background: #af9d9d; -webkit-animation: shadowAnim 2s infinite ease-in-out; animation: shadowAnim 2s infinite ease-in-out; z-index: -1;}
@keyframes shadowAnim {
	0%, 100% {
    	transform: scaleX(0.75);
    	opacity: 1;
	}
	50% {
    	opacity: .2;
    	transform: scaleX(.25);
	}
}

.quickenquiryoverlay{position: fixed; top: 0; right: 0; width: 100%; height:100%; z-index: -1; display:none; background:rgba(0,0,0,0.5); transition: 1s;}
.quickenquiryoverlay.active{z-index: 9997; display:block; transition: 1s;}
.quickenquiryClose{position: absolute; right: 15px; top: 15px; cursor: pointer;}
.quickenquiryClose img{ width: 27px;}
.quickenquiryWrap{ position: fixed; top: 0; right: -452px; width: 450px; height:100%; background: #ffffff; z-index: 9998; transition: 0.6s;}
.quickenquiryWrap.active{ right:0;transition: 0.6s;}
.quickenquiryWrap .quickenquiryInner{ padding: 50px 30px;overflow-y: scroll; height: 100%;}
.quickenquiryWrap .quickenquiryInner::-webkit-scrollbar { display: none;}
.quickenquiryWrap .quickenquiryInner h3{ margin-bottom:30px;}
.quickenquiryWrap .inputBox{ position: relative; margin-bottom: 20px;}
.quickenquiryWrap .inputBox input{ width: 100%; padding: 15px; border: none; border-bottom: 1px solid #cccccc;}
.quickenquiryWrap .inputBox select{ width: 100%; padding: 15px; border: none; border-bottom: 1px solid #cccccc;}
.quickenquiryWrap .quickenquiryInner .small{ font-size: 12px; line-height: 14px;}
.quickenquiryWrap .inputBox .formError { color: #bc0202; font-weight: normal; font-size: 14px; position: absolute; left: 0; bottom: -22px;}
.quickenquiryWrap .inputSubmit{ margin-top:40px;}
.quickenquiryWrap .inputSubmit input{ font-size: 18px; display: inline-block; background: #bc0202; color: #ffffff; padding: 10px 40px; border-radius: 40px; border: 1px solid #bc0202; }
.searchiconBtn{ display:none;}
.searchBox{ position: relative;}
.searchBox .inputbox.search-query{ border-radius: 50px; }
.searchBox .button{ width: 21px; padding: 0; border: none; position: absolute; right: 7px; top: 9px;background: none;}
.searchoverlay{ position:fixed; opacity:0; z-index:-1;}
.search{ width: 90%; margin: 190px auto 60px auto;}
.search .btn-toolbar{ display: flex;}
.search .phrases, .search .only, .search .form-limit{ display: none;}
.search{ width: 90%; margin: 190px auto 60px auto;}
.search .btn-toolbar{ display: flex;}
.search .phrases, .search .only, .search .form-limit{ display: none;}
.search-results{ padding: 30px; border: 1px solid #f1f1f1f1;}
.search-results .result-title{ font-size: 24px; color: #bc0202;} 
.search-results .result-title a{ color: #bc0202;}
.search-results .result-category{display: none;}
.search-results .result-text { border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px;}
.search-results .result-created{ display:none;}
.search .btn.hasTooltip{border: 1px solid #bc0202; background: #bc0202; padding: 10px 20px; color: #ffffff;}
.pagination-list{ display: flex; margin-top:20px;}
.pagination-list li{ padding: 0 10px; background: #f1f1f1; margin: 0 2px;}
.pagination-list li a{ color:#bc0202;}
.pagination-list li:first-child,.pagination-list li:nth-child(2),.pagination-list li:last-child,.pagination-list li:nth-last-child(2){display:none;}
.headercall .contact-card { width: 320px; background: #f5f5f5; padding: 20px; border-radius: 10px; color: #333; position: absolute; top: 130%; z-index: -1; left: 0; opacity:0;transition: 0.8s;pointer-events: none;}
.headercall:hover .contact-card { top: 94%;  z-index: 9999; opacity:1;transition: 0.8s;pointer-events: auto;}
.headercall .contact-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 0;}
.headercall .contact-card h3{ margin-bottom: 20px;}
.headercall .contact-row .left { }
.headercall .contact-row .right { text-align: right;}
.headercall .contact-row ul { margin: 0; padding: 0; list-style: none;}
.headercall .contact-row ul li { margin-bottom: 5px;}
.headercall .contact-row .right ul li:last-child { margin-bottom: 0;}
 
 
.mobilebottomFix { position: fixed; bottom: 0; left: 0; width: 100%; background: #000000; z-index: 999; display:none;}
.mobilebottomFix ul{ display:flex;}
.mobilebottomFix ul li{ width:21%; padding:16px 0; color:#ffffff; text-align:center; font-size:11px;}
.mobilebottomFix ul li:nth-child(2){ margin-right:16%;}
.mobilebottomFix ul li a{ display:block; color:#ffffff;}
.mobilebottomFix #quickenquiryBtn img{ width:30px;}
.mobilebottomFix #quickenquiryBtn { cursor: pointer; position: fixed; left: 50%; transform: translateX(-50%); bottom: 5px; padding: 13px; border-radius: 50%; background: #bc0202;-webkit-box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.63); 
box-shadow: 0px -3px 7px 0px rgba(0,0,0,0.63);}
/* Main menu
========================================================================*/
.navigation{ display:none;}
.topHeaderWrap{ position: relative; padding: 0; background: #bc0202;}
.topHeaderWrap .topHeaderInner{}
.topHeaderWrap .topHeaderInner .nav-menu{}
.topHeaderWrap .topHeaderInner .nav-menu nav{}
.topHeaderWrap .nav-menu nav{}
.topHeaderWrap .nav-menu nav > ul{ display: flex; justify-content: center;}
.topHeaderWrap .nav-menu nav > ul > li{ position:relative;cursor: pointer;}
.topHeaderWrap .nav-menu nav > ul > li > a{ padding: 9px 25px; font-size: 16px; display:block;color:#ffffff;display: flex; align-items: center;}
.topHeaderWrap .nav-menu nav > ul > li.active > a, .topHeaderWrap .nav-menu nav > ul > li:hover > a{color:#fff100;}
.topHeaderWrap .nav-menu nav > ul > li > ul{background: #bc0202; position: absolute; visibility: hidden; width: 250px; top: 120%; z-index: -999; display: block; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; transition: all 0.3s ease-in-out; opacity: 0; padding:10px 0; border-radius:0 0 10px 10px; }
.topHeaderWrap .nav-menu nav > ul > li:hover > ul{z-index: 999; visibility: visible; top: 99%; transition: all 0.3s ease-in-out; opacity: 1;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li{ position:relative;cursor: pointer;color:#ffffff;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > a, .topHeaderWrap .nav-menu nav > ul > li > ul > li > span{ display:block; color:#ffffff; padding:3px 20px;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li.active > a, .topHeaderWrap .nav-menu nav > ul > li > ul > li:hover, .topHeaderWrap .nav-menu nav > ul > li > ul > li:hover > a, .topHeaderWrap .nav-menu nav > ul > li > ul > li:hover > span, .topHeaderWrap .nav-menu nav > ul > li > ul > li.active > span{color:#fff100;}
.topHeaderWrap .nav-menu nav > ul > li > span.nav-header img, .topHeaderWrap .nav-menu nav > ul > li.deeper > a > img { order: 2; height: 10px; margin: 0 0 0 5px;}

.topHeaderWrap .nav-menu nav > ul > li > ul > li > ul{background: #bc0202; position: absolute; visibility: hidden; width: 250px; left:110%; top:0; z-index: -999; display: block; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; transition: all 0.3s ease-in-out; opacity: 0; padding:10px 0; border-radius: 0 10px 10px 0;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li:hover > ul{z-index: 999; visibility: visible; left:100%; transition: all 0.3s ease-in-out; opacity: 1;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > ul > li{cursor: pointer; display: flex; align-items: center;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > ul > li > a{ display:block; color:#ffffff;padding:3px 20px;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > ul > li.active > a, .topHeaderWrap .nav-menu nav > ul > li > ul > li > ul > li:hover > a{ display:block; color:#fff100;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > span.nav-header{display: flex; align-items: center;width: 100%; justify-content: space-between;}
.topHeaderWrap .nav-menu nav > ul > li > ul > li > span.nav-header img, .topHeaderWrap .topHeaderWrap .nav-menu nav > ul > li > ul > li.deeper > a > img { order: 2; height: 10px; margin: 0 0 0 5px;}


.quickmenuList{ display: none; position: fixed; left: -324px; top: 0; width: 320px; max-width: 90%; z-index: 99999; background: rgba(0,0,0,0.8); transition: 0.5s;height: 100%; overflow-y: scroll;}
.quickmenuList.active{ left:0;}
.quickmenuList > ul{ padding: 60px 0 20px 0;}
.quickmenuList ul li{ margin-bottom: 5px;}
.quickmenuList ul li a{ padding: 6px 20px; display: block; color:#ffffff; font-size:16px;}
.quickmenuList ul li .nav-header{ display:none;}
.quickmenuList ul li.current a{ color:#f1f1f1;}
.submenuoverlay{ position: fixed; opacity:0; width:100%; left:0; top:0; height:100%; z-index:9999;background: rgba(0,0,0,0.3); display:none; transition: 0.5s;}
.submenuoverlay.active{opacity:1; display:block;}
.quickmenuList .closeprojectMenu{ cursor: pointer; margin:15px 0 15px 7%; padding: 5px;position: absolute;top: 0; right: 15px;}
.quickmenuList .closeprojectMenu img{ width: 21px;}
/* BANNER
========================================================================*/
.bannerWrap{ position: relative;}
.bannerWrap img.bannerBg{ width: 100%;}
.bannerWrap img.desktopBanner{ display:block;}
.bannerWrap img.mobileBanner{display:none;}
.bannerWrap .bannerBox{position: relative;}
.bannerWrap .bannerInfo{ position: absolute; width: 70%; left: 10%; top: 50%; transform: translateY(-50%); color: #ffffff; padding:30px 30px; background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); border-radius: 30px;}
.bannerWrap .bannerInfo .bannerTop{ display: flex;align-items: center; margin-bottom:20px;}
.bannerWrap .bannerInfo .bannerTop .heighlight{ margin-right: 50px; background: #ffffff; color: #bc0202; border-radius: 40px; padding: 6px 20px; font-family: 'SanFranciscoDisplay-Medium';}
.bannerWrap .bannerInfo .bannerTop .customerRating{ font-size: 18px;}
.bannerWrap .bannerInfo .bannerTop .customerRating img{ width: 130px;}
.bannerWrap .packageInfo{}
.bannerWrap .packageInfo h2{ text-transform: uppercase; color: #ffffff; margin: 0 0 15px 0; }
.bannerWrap .packageInfo .roadmap{ margin-bottom: 20px;}
.bannerWrap .packageInfo .roadmap span{}
.bannerWrap .packageDeatils{ padding-top: 20px;}
.bannerWrap .packageDeatils .packagedays{ margin-bottom: 20px; font-size: 18px;}
.bannerWrap .packageDeatils .bannerBtn{ display: flex; align-items: center;}
.bannerWrap .packageDeatils .bannerBtn .whatsappBtn{ margin-right: 20px;}
.bannerWrap .packageDeatils .bannerBtn .btn a{}


.bannerWrap .bannerSlider ul{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; display: flex;justify-content: center;}
.bannerWrap .bannerSlider ul li{ width: 12px; cursor: pointer; height: 12px; background: #ffffff; overflow: hidden; border-radius: 50%; text-indent: -1000px; margin:0 5px;}
.bannerWrap .bannerSlider ul li button{ border: none; background: transparent;opacity: 0;}
.bannerWrap .bannerSlider ul li.slick-active{ background: #fff100;}

/* Comman
========================================================================*/
.btn {}
.btn a{ background: #ffffff; color: #000000; padding: 6px 30px; border-radius: 40px; font-size: 15px; display: inline-block;}
.btn.redBtn{}
.btn.redBtn a{ background: #bc0202; color: #ffffff;}
.whatsappBtn{}
.whatsappBtn a{ background: #ffffff; color: #000000;  border-radius: 40px; padding: 5px 20px 5px 5px; display: flex; align-items: center;  }
.whatsappBtn a img{ width: 28px; margin-right: 8px;}
img.fullwidthImg{ width:100%; border-radius: 15px; margin: 15px 0;}
/* CONTAINER
========================================================================*/
.pageData{ margin-top:122px;}
.homeServicesWrap{ padding-top:60px;}
.homeServicesWrap .servicesSlider{}
.homeServicesWrap .servicesSlider .slick-slide{}
.homeServicesWrap .servicesSlider .servicesBox{ position: relative;overflow: hidden;}
.homeServicesWrap .servicesSlider .servicesBox img{ width: 100%;transform: scale(1);transition: transform .8s;}
.homeServicesWrap .servicesSlider .servicesBox:hover img{ width: 100%;transform: scale(1.1);transition: transform .8s; }
.homeServicesWrap .servicesSlider .servicesInfo{ position: absolute; bottom: 30px; left: 10%; width: 80%; z-index: 9; color: #ffffff;}
.homeServicesWrap .servicesSlider .servicesBox .servicesName{ color: #ffffff;font-family: 'SanFranciscoDisplay-Medium'; margin-bottom: 10px; }
.homeServicesWrap .servicesSlider .servicesBox .servicesName, .tourslistWrap .servicespackageBox .servicespackageInfo h2{ font-size: 30px; line-height: 32px;}
.homeServicesWrap .servicesSlider .servicesBox .servicesLocations{ color: #cccccc;  font-family: 'SanFranciscoDisplay-Light'; }
.homeServicesWrap .servicesSlider .servicesBox .servicespackage{font-size: 16px; color: #cccccc; font-family: 'SanFranciscoDisplay-Light';}
.homeServicesWrap .servicesSlider .slick-arrow{ border: none; position: absolute;  top: 50%; transform: translateY(-50%); width: 50px; height: 50px; overflow: hidden; text-indent: -1000px; z-index:9;} 
.homeServicesWrap .servicesSlider .slick-arrow.slick-disabled{ opacity: 0.5; cursor: default;}
.homeServicesWrap .servicesSlider .slick-prev.slick-arrow{ background:rgba(0,0,0,0.75) url("../images/left-arrow.svg") no-repeat center; left: 30px;background-size: 75%;}
.homeServicesWrap .servicesSlider .slick-next.slick-arrow{ background:rgba(0,0,0,0.75) url("../images/right-arrow.svg") no-repeat center; right: 30px;background-size: 75%;}

.servicespackageWrap{ position: relative; padding: 80px 0;}
.servicespackageWrap .tabFilter{ margin-bottom: 50px;}
.servicespackageWrap .tabFilter ul{ display: flex; width: 50%; margin: 0 auto; background: #bc0202; border-radius: 60px; padding: 8px;}
.servicespackageWrap .tabFilter ul li{ width: 33.5%; text-align: center;}
.servicespackageWrap .tabFilter ul li a{ font-size: 26px; line-height: 30px;color: #ffffff; display: block;border-radius: 60px; padding: 12px 8px; cursor: pointer;font-family: 'SanFranciscoDisplay-Medium';}
.servicespackageWrap .tabFilter ul li.active a{background: #ffffff;color: #000000;}
.servicespackageTab{ position: relative;}
.servicespackageTab .servicesTab{ z-index: -1; opacity: 0;}
.servicespackageTab #international.servicesTab,.servicespackageTab #agrotourism.servicesTab{ position: absolute; left: 0; top: 0; width: 100%; }
.servicespackageTab .servicesTab.active{ opacity:1; z-index: 9;}
.servicespackageWrap .servicespackageSlider{}
.servicespackageWrap .servicespackageBox{ width: 95%; margin: 0 auto; position: relative; border-radius: 15px; overflow: hidden; background: #e5e5e5;}
.servicespackageWrap .servicespackageBox .servicespackageImg{ position: relative;border-radius: 15px; overflow: hidden;}
.servicespackageWrap .servicespackageBox .servicespackageImg img.thumbnails{ width: 100%;transform: scale(1);transition: transform .8s;}
.servicespackageWrap .servicespackageBox:hover .servicespackageImg img.thumbnails{ transform: scale(1.1);transition: transform .8s;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo{ position: absolute; left: 5%; width: 95%; bottom: 20px; z-index: 99;display: flex; justify-content: right;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view{ }
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span{ padding: 5px 10px; background: #ffffff; border-radius: 5px; margin: 0 5px; display: inline-block;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span img{ width: 20px; height: 15px;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span{}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .package{ background: #000000; padding: 3px 15px; border-radius: 15px 0 0 15px; color: #ffffff;}
.servicespackageWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .package span{ margin:0 5px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo{ padding: 30px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .servicespackageLocation{ font-family: 'SanFranciscoDisplay-Medium'; margin-bottom: 10px; font-size: 16px; line-height: 18px; min-height: 40px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo p{ min-height:110px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo h2{ font-size: 26px; line-height: 28px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons{ display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons .whatsappBtn{}
.servicespackageWrap .servicespackageBox .servicespackageInfo .buttons .btn a{ padding: 6px 20px;}
.servicespackageWrap .servicespackageSlider .slick-arrow{ border: none; position: absolute;  top: -40px; width: 32px; height: 32px; overflow: hidden; text-indent: -1000px;  z-index:9; border-radius: 8px;} 
.servicespackageWrap .servicespackageSlider .slick-arrow.slick-disabled{ opacity: 0.6; cursor: default;}
.servicespackageWrap .servicespackageSlider .slick-prev.slick-arrow{ background:#000000 url("../images/left-arrow.svg") no-repeat center;background-size: 70%;right: 52px;}
.servicespackageWrap .servicespackageSlider .slick-next.slick-arrow{  background:#000000 url("../images/right-arrow.svg") no-repeat center;background-size: 70%; right: 11px;}

.agrotourismWrap{ position: relative; padding-bottom: 80px;}
.agrotourismWrap .agrotourismInner{ border-radius: 20px; overflow: hidden; position: relative;  background: url("../images/about-tourBg.webp") no-repeat center/cover;padding: 60px 0;}
.agrotourismWrap .agrotourismInner img.backgroundImg{ width: 100%;}
.agrotourismWrap .agrotourismInner .agrotourismContent{ display: flex; width: 90%; align-items: center; margin: 0 auto;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismRight{ width: 45%; margin-right: 8%;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismRight img{ width: 100%;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft{ width: 48%; color: #ffffff; font-size: 18px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft img{ width: 250px; margin-bottom: 40px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft h2{color: #ffffff; margin-bottom: 40px; text-transform: uppercase;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft .btn{ margin-top: 40px;}
.agrotourismWrap .agrotourismInner .agrotourismContent .agrotourismLeft .btn a{ display: inline-block;}

.whytravalWrap{ position: relative; padding:0 0 80px 0;}
.whytravalWrap .whytravalInner{ position: relative;}
.whytravalWrap .whytravalHero{ position: relative; text-align: center; width: 70%; margin: 0 auto;}
.whytravalWrap .whytravalList{ display: flex; justify-content: space-between; margin-top: 40px;}
.whytravalWrap .whytravalBox{ background: #e5e5e5; border-radius: 20px; padding:30px 30px;width: 24%;}
.whytravalWrap .whytravalBox .whytravalIcon{margin-bottom: 5px; text-align: right;}
.whytravalWrap .whytravalBox .whytravalIcon img{ width: 70px;}
.whytravalWrap .whytravalBox .whytravalTxt{}
.whytravalWrap .whytravalBox .whytravalTxt h3{}

.testimonialsWrap{ padding: 80px 0; background: url("../images/testimonialBg.webp") no-repeat center/cover;}
.testimonialsWrap .testimonialsInner{ position: relative; display: flex;}
.testimonialsWrap .testimonialsLeft{ width: 40%; margin-right: 10%;color: #ffffff;}
.testimonialsWrap .testimonialsLeft h2{ color: #ffffff;}
.testimonialsWrap .testimonialsLeft .btn{ margin-top: 40px;}
.testimonialsWrap .testimonialsLeft .btn a{ display: inline-block;}
.testimonialsWrap .testimonialsRight{ width: 45%;}
.testimonialsWrap .testimonialsRight .testimonialsSlider{}
.testimonialsWrap .testimonialsRight .slick-slide{  }
.testimonialsWrap .testimonialsRight .testimonialsBox{ background: rgba(188,2,2,0.8); border-radius: 20px; overflow: hidden; padding: 40px; color: #ffffff; font-size: 16px; position: relative;}
.testimonialsWrap .testimonialsRight .testimonialsBox:after{background: url("../images/icon-quot-top.svg") no-repeat; position: absolute; left:40px; top: 40px; content: ""; width: 130px; height: 130px; z-index: -1;}
.testimonialsWrap .testimonialsRight .testimonialsBox:before{background: url("../images/icon-quot-bottom.svg") no-repeat; position: absolute; right:40px; bottom: 10px; content: ""; width: 100px; height: 100px; z-index: -1;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 30px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser .stars{ }
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser .stars img{ width: 40%;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser .userImg{ border-radius: 50%; overflow: hidden;display: none;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsuser .userImg img{ width: 100px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsUser{ margin-top: 20px; font-size: 16px;}
.testimonialsWrap .testimonialsRight .testimonialsBox .testimonialsUser span{ font-size: 20px;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-arrow{ border: none; position: absolute; right: -60px; top: 50%; width: 40px; height: 40px; overflow: hidden; text-indent: -1000px; } 
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-arrow.slick-disabled{ opacity: 0.6; cursor: default;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-prev.slick-arrow{transform: translateY(-60%); background: url("../images/icon-left-arrow.svg") no-repeat;}
.testimonialsWrap .testimonialsRight .testimonialsSlider .slick-next.slick-arrow{transform: translateY(60%); background: url("../images/icon-right-arrow.svg") no-repeat;}

.managerpointsWrap { position: relative; padding: 80px 0;}
.managerpointsWrap .managerpointsInner{ position: relative; display: flex;align-items: center;}
.managerpointsWrap .managerpointsLeft{ width: 44%; margin-right: 6%;}
.managerpointsWrap .managerpointsLeft h2 span{color: #e2171d;}
.managerpointsWrap .managerpointsLeft ul{ margin:40px 0;}
.managerpointsWrap .managerpointsLeft ul li{ display: flex; display: flex; align-items: center; font-size: 18px; margin-bottom: 15px;}
.managerpointsWrap .managerpointsLeft ul li img{ width: 50px;}
.managerpointsWrap .managerpointsLeft ul li span{ display: block; padding-left: 15px;}
.managerpointsWrap .managerpointsLeft .heighlight{ font-size: 24px; font-family: 'SanFranciscoDisplay-Semibold'; color: #bc0202;}
.managerpointsWrap .managerpointsRight{ width: 50%;}
.managerpointsWrap .managerpointsRight img{ width: 100%; border-radius: 20px;}

.bestplanWrap{ position: relative; padding: 80px 0;}
.bestplanWrap .bestplanInner{ position: relative;}
.bestplanWrap .bestplanInner .bestplanHero{ display: flex; justify-content: space-between; align-items: end; margin-bottom: 40px;}
.bestplanWrap .bestplanHero .bestplanleft{ width: 60%;}
.bestplanWrap .bestplanHero .bestplanleft h2{}
.bestplanWrap .bestplanHero .bestplanright{}
.bestplanWrap .bestplanHero .bestplanright .btn{}
.bestplanWrap .bestplanList{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.bestplanWrap .bestplanList .bestplanBox{ width: 49%; display: flex; background: #f2f2f2; border-radius: 15px; overflow: hidden; align-items: center; margin: 15px 0;}
.bestplanWrap .bestplanList .bestplanBox .bestplanImg{ width: 50%;border-radius: 15px; overflow: hidden;}
.bestplanWrap .bestplanList .bestplanBox .bestplanImg img{ width: 100%;}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo{ width: 50%; padding: 20px;}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo .package{}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo h3{ color: #111111;font-family: 'SanFranciscoDisplay-Semibold';  margin: 10px 0 30px 0;}
.bestplanWrap .bestplanList .bestplanBox .bestplanInfo .whatsappBtn a{ display: inline-flex; background: #bc0202; color: #ffffff;}

.tourstatsWrap{ position: relative; padding: 50px 0;}
.tourstatsWrap .tourstatsInner{ position: relative;}
.tourstatsWrap .tourstatsInner .statslist{ position: relative; display: flex; flex-wrap: wrap; margin: 0 -1%;}
.tourstatsWrap .tourstatsInner .statslist .statsBox{ width: 23%; padding:40px 30px; margin: 0 1%; background: #f2f2f2; border-radius: 15px;display: flex; align-items: center;}
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsicon{ }
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsicon img{ width: 60px;}
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsInfo{ margin-left: 10px;line-height: 15px;font-size: 20px; line-height: 22px; font-family: 'SanFranciscoDisplay-Medium';}
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsInfo a{ color:#000000; }
.tourstatsWrap .tourstatsInner .statslist .statsBox .statsInfo span{ display: block; font-size: 14px; line-height: 16px; font-family: 'SanFranciscoDisplay-Regular'; margin-bottom: 7px;}

.projectscontenerWrap{ position: relative; padding: 0 0 80px 0; }
.projectscontenerWrap .projectscontenerInner{ position: relative; display: flex; align-items: flex-start;}
.projectscontenerWrap .projectscontenerMenu{ background: #f2f2f2; border-radius: 15px; width: 24%; padding:60px 40px; position: sticky; top: 110px; height: 100vh;}
.projectscontenerWrap .projectscontenerMenu ul{}
.projectscontenerWrap .projectscontenerMenu ul li{ margin-bottom: 25px;}
.projectscontenerWrap .projectscontenerMenu ul li a{ background: #111111; color: #ffffff; padding: 10px 15px; border-radius: 20px; font-size: 18px; display: block;transition: 0.5s; display: flex; align-items: center; line-height: 24px;}
.projectscontenerWrap .projectscontenerMenu ul li a img{ width: 20px; max-height: 20px; margin-right: 10px;}
.projectscontenerWrap .projectscontenerMenu ul li a:hover,.projectscontenerWrap .projectscontenerMenu ul li a.active{ background: #bc0202; transition: 0.5s;}

.projectscontenerWrap .projectscontenerInfo{ width: 74%; margin-left: 2%;}
.projectscontenerWrap .projectscontenerInfo > section{ scroll-margin-top: 110px; margin-top: 60px;}
.miceWrap .margintop{ margin-top:30px;}
.paddingBox{padding: 40px;}
.grayBg{ background: #e5e5e5;border-radius: 20px; margin-top: 60px;}
.projectscontenerWrap .projectscontenerInfo > section.informationWrap{margin-top: 0;}
.informationWrap{ background: #111111; color: #ffffff;  border-radius: 20px;}
.informationWrap h2{ color:#ffffff;}
.informationWrap .informationTable{ background: #f2f2f2; border-radius: 15px; color: #111111; overflow: hidden; margin-top: 20px;}
.informationWrap table{ width:100%;}
.informationWrap .informationTable tr{ }
.informationWrap .informationTable tr th{ padding: 10px 15px; font-size: 24px;font-family: 'SanFranciscoDisplay-Medium'; border:1px solid #444444;}
.informationWrap .informationTable tr td{ padding: 10px 15px; border:1px solid #444444;}
.informationWrap .informationTable tr td:first-child{font-family: 'SanFranciscoDisplay-Medium';}
.informationWrap .informationTable ul{ margin-left: 20px;}
.informationWrap .informationTable ul li{ list-style: disc;}
.informationWrap table h3 { font-size: 18px; line-height: 20px; margin: 10px 0 5px 0;}
.travelplanWrap{ }
.travelplanAccordion{}
.travelplanAccordion .accordion{ margin-top: 30px;}
.tourgalleryWrap{ position: relative; }
.tourgalleryWrap ul{ position: relative; display: flex; flex-wrap: wrap; margin: 0 -1%;}
.tourgalleryWrap ul li{ width: 48%; margin: 10px 1%; overflow: hidden; border-radius: 15px;}
.tourgalleryWrap ul li img{ width: 100%;}
.tourgalleryWrap ul li iframe{ width: 100%; height: 300px; margin-bottom: -10px;}
.tourgalleryWrap .loadMoreBtn{ margin-top:20px; text-align:center;}
.toulocationWrap{  }
.toulocationWrap .googlemapWrap{ overflow: hidden;border-radius: 15px;}
.toulocationWrap .googlemapWrap.margintop{ margin-top: 20px;}
.toulocationWrap iframe{ width: 100%; height: 450px; margin-bottom: -10px;}
.informationWrap table h3 { font-size: 18px; line-height: 20px; margin: 10px 0 5px 0;}
.accordion-section-content table, .grayBg table{ width: 100%;}
.accordion-section-content table tr, .grayBg table tr{}
.accordion-section-content table tr th, .grayBg table tr th{ padding:5px 10px; font-family: 'SanFranciscoDisplay-Medium';font-size: 16px;border: 1px solid #999999;}
.accordion-section-content table tr td, .grayBg table tr td{ padding:5px 10px;border: 1px solid #999999;line-height: 18px;}
.accordion-section-content table .heading{ font-family: 'SanFranciscoDisplay-Medium'; font-size:18px; color:#000000; padding: 5px 0;}
.tableNote{ font-weight: 600; margin: 10px 0 0 0;}
.travelplanWrap ul{ margin-top:10px !important;}
.travelplanAccordion ul{ margin:0 0 0 20px;}
.travelplanAccordion ul li{list-style: disc; margin-bottom:6px;}
.tourdatesWrap {position:relative;}
/*.tourdatesWrap  ul{ margin-top:10px !important;}
.tourdatesWrap  ul{ margin:0 0 0 20px;}
.tourdatesWrap  ul li{list-style: disc; margin-bottom:6px;}*/

.tourdatesWrap ul { margin: 0; display: flex; flex-wrap: wrap;}
.tourdatesWrap ul li { list-style: none; width: 32%; padding: 10px 15px; background: #f1f1f1; margin: 6px .5%; border-radius: 10px;}

.stayfacilitiesWrap{ position: relative; }
.stayfacilitiesWrap .stayGroup{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.stayfacilitiesWrap .stayGroup .stayBox{ width: 31%; margin: 15px 0;}
.stayfacilitiesWrap .stayGroup .stayBox img{ width: 100%; margin-bottom: 10px; border-radius: 15px;}
.stayfacilitiesWrap .stayGroup .stayBox span{ display: block;font-family: 'SanFranciscoDisplay-Medium'; font-size: 18px;line-height: 21px;}
.stayfacilitiesWrap .margintop{ margin-top: 30px;}
.stayfacilitiesWrap .facilitiesGroup{display: flex; flex-wrap: wrap; justify-content: space-between;}
.stayfacilitiesWrap .facilitiesGroup .facilitiesBox{width: 31%; margin: 15px 0;}
.stayfacilitiesWrap .facilitiesGroup .facilitiesBox img{ height: 60px; margin-bottom: 10px;}
.stayfacilitiesWrap .facilitiesGroup .facilitiesBox span{display: block;font-family: 'SanFranciscoDisplay-Medium'; font-size: 18px; line-height: 21px;}
.foodexperienceWrap{ position: relative; margin-top: 40px;}
.foodexperienceWrap h2{}
.foodexperienceWrap ul.highlitedBullet{ margin: 20px 0 20px 20px; list-style: disc;}
.foodexperienceWrap ul.highlitedBullet li{ margin-bottom: 10px; font-size: 18px; font-family: 'SanFranciscoDisplay-Medium';}

.customisedtoursWrap{ position: relative; padding: 80px 0;}
.customisedtoursWrap .customisedtoursInner{ position: relative;}
.customisedtoursWrap .customisedtoursList{display: flex; justify-content: space-between;flex-wrap: wrap;}
.customisedtoursWrap .customisedtoursList .customisedtoursBox{background: #e5e5e5; border-radius: 20px; padding: 30px 20px; width: 32%;}
.customisedtoursWrap .customisedtoursList .customisedtoursBox .customisedtoursIcon{ margin-bottom: 5px; text-align: right; }
.customisedtoursWrap .customisedtoursList .customisedtoursBox .customisedtoursIcon img{ width: 70px;}
.customisedtoursWrap .customisedtoursList .customisedtoursBox .customisedtoursTxt{}
.customisedtoursWrap .customisedtoursList .customisedtoursBox .customisedtoursTxt .btn{ margin-top:20px;}

.aboutagroWrap{ position: relative; }
.aboutagroWrap .aboutagroGroup{ display: flex; align-items: center;}
.aboutagroWrap .aboutagroGroup .aboutagroLeft{ width: 50%; margin-right: 5%;}
.aboutagroWrap .aboutagroGroup .aboutagroLeft h3{}
.aboutagroWrap .aboutagroGroup .aboutagroRight{ width: 45%;}
.aboutagroWrap .aboutagroGroup .aboutagroRight img{ border-radius: 15px; width: 100%;}

.tourslistWrap{position: relative; margin:160px auto 80px auto;}
.tourslistWrap .tourslistInner{position: relative;  display: flex; flex-wrap: wrap; align-items: stretch;} 
.tourslistWrap .servicespackageBox{ width: 31.33%; margin: 15px 1%; position: relative; border-radius: 15px; overflow: hidden; background: #e5e5e5;display: flex; flex-direction: column;}
.tourslistWrap .servicespackageBox .servicespackageImg{ position: relative;border-radius: 15px; overflow: hidden;}
.tourslistWrap .servicespackageBox .servicespackageImg img.thumbnails{ width: 100%;transform: scale(1);transition: transform .8s;}
.tourslistWrap .servicespackageBox:hover .servicespackageImg img.thumbnails{ transform: scale(1.1);transition: transform .8s;}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo{ position: absolute; left: 5%; width: 95%; bottom: 20px; z-index: 99;display: flex; justify-content: right;}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view{ }
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span{ padding: 2px 10px; background: #ffffff; border-radius: 5px; margin: 0 5px; display: inline-block;}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span img{ width: 20px; height: 15px;}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .view span{}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .package{ background: #000000; padding: 3px 15px; border-radius: 15px 0 0 15px; color: #ffffff; font-size: 16px;}
.tourslistWrap .servicespackageBox .servicespackageImg .servicespackageimgInfo .package span{ margin:0 5px;}
.tourslistWrap .servicespackageBox .servicespackageInfo{ padding: 30px;display: flex; flex-direction: column; flex: 1;}
.tourslistWrap .servicespackageBox .servicespackageInfo .servicespackageLocation{  font-family: 'SanFranciscoDisplay-Medium'; margin-bottom: 10px; font-size: 16px; line-height: 22px; }
.tourslistWrap .servicespackageBox .servicespackageInfo h2{ margin-bottom: 10px; }
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons{ display: flex; align-items: center; justify-content: space-between; margin-top: auto;padding-top: 20px;}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .whatsappBtn{}
.tourslistWrap .servicespackageBox .servicespackageInfo .buttons .btn a{ padding: 6px 20px;}
/* Contact us */
.contactbannerWrap{ position: relative}
.contactbannerWrap img{}
.contactbannerWrap .bannerInformation{color: #ffffff; position: absolute; left: 2%; right:2%; text-align: center; top: 50%; transform: translateY(-50%);font-size: 20px;font-family: 'SanFranciscoDisplay-Medium';}
.contactbannerWrap .bannerInformation h2, .contactbannerWrap .bannerInformation h1{ color: #ffffff;}
.contactbannerWrap .bannerInformation .roadmap{}

.contactWrap { padding: 80px 0;}
.contactInner { display: flex; justify-content: space-between;}
.contactLeft, .contactRight { width: 48.5%; background: #e9e9e9; padding: 70px; border-radius: 12px;}
.contactBox { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.contactBox.lastBox { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.contactBox h2 {}
.contactBox ul {margin: 0 0 15px;}
.contactBox ul li {margin-bottom:10px;}
.contactBox ul li:last-child {margin-bottom:0;}
.contactBox ul li a{ color:#111111;}
 
.contactRight h2.margin-top { margin-top:30px;}
.contactRight h3 {}
.contactRight .formWrap { margin-top: 50px;}
.contactRight .inputBox { margin-bottom: 28px; position:relative;}
.contactRight .inputBox input,.contactRight .inputBox textarea { width: 100%; padding: 18px; border: none; border-radius: 15px; background: #f5f5f5;}
.contactRight .inputBox textarea { resize: none;}
.contactRight .inputSubmit{ margin-top:40px;}
.contactRight .inputSubmit input { font-size: 18px; display: inline-block; background: #bc0202; color: #ffffff; padding: 10px 40px; border-radius: 40px; border: 1px solid #bc0202;  transition: 0.3s;}
.contactRight .inputSubmit input:hover { background: #c40000;}
.contactRight .inputBox .formError { color: #bc0202; font-weight: normal; font-size: 14px; position: absolute; left: 16px; bottom: -22px;}
/* Corporate Travals */
.projectscontenerWrap .projectscontenerMenu.margintop{ margin-top:60px; }
.corpFormwrap{ }
.corpFormwrap h3{ }
.corpFormwrap .corpForm{ position: relative}
.corpFormwrap .corpForm .inputBox{ position: relative; margin: 0 0 18px 0;}
.corpFormwrap .corpForm .inputBox .formError { color: #bc0202; font-weight: normal; font-size: 14px; position: absolute; left: 10px; bottom: -23px;}
.corpFormwrap .corpForm .inputBox input{background: none; width: 100%; padding:12px 15px; border: none; border-bottom: 1px solid #cccccc;}
.corpFormwrap .corpForm .inputSubmit{ margin-top: 30px;}
.corpFormwrap .corpForm .inputSubmit input{font-size: 18px; line-height: 20px; display: inline-block; background: #bc0202; color: #ffffff; padding: 10px 20px; border-radius: 40px; border: 1px solid #bc0202;}

.corporateImg{ position: relative; border-radius: 20px; overflow: hidden; margin-top: 20px;}
.corporateImg img{ width: 100%;}
.whatweofferGroup{ position: relative;}
.whatweofferGroup .whatweofferBox{ position: relative;}
.whatweofferGroup .whatweofferBox ul{ display: flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.whatweofferGroup .whatweofferBox ul li{ overflow: hidden; border-radius: 15px; width: 49%; margin-bottom: 15px; position: relative;}
.whatweofferGroup .whatweofferBox ul li img{ width: 100%;}
.whatweofferGroup .whatweofferBox ul li span{ position: absolute; width: 100%; display: block; text-align: center; top: 50%; transform: translateY(-50%); font-size: 18px; color: #ffffff; text-transform: uppercase; font-family: 'SanFranciscoDisplay-Medium';}
.destinationwecoverWrap{ font-size:20px;}
.destinationcoverConte{ display: flex; justify-content: space-between; padding: 40px; background: url(../images/destinationcoverBg.webp) no-repeat center/cover; overflow: hidden; border-radius: 20px; align-items: center; margin-bottom:20px;}
.destinationcoverConte .destinationcoverLeft{ width: 45%;}
.destinationcoverConte .destinationcoverLeft ul{ color: #ffffff;}
.destinationcoverConte .destinationcoverLeft ul li{ margin-bottom: 15px; padding-bottom: 15px;  font-family: 'SanFranciscoDisplay-Medium'; font-size: 21px; position: relative;}
.destinationcoverConte .destinationcoverLeft ul li:after{ position:absolute; left: 0; width: 80px; height: 3px; background: #cd1400; content: ""; bottom: -2px;}
.destinationcoverConte .destinationcoverLeft ul li:last-child:after{ display: none}
.destinationcoverConte .destinationcoverRight{ width: 45%;}
.destinationcoverConte .destinationcoverRight img{ width: 100%;}
.hospitalityWrap{}
.hospitalityList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px;}
.hospitalityList.marginBottom{ margin-bottom: 40px;}
.hospitalityList .hospitalityBox{ width: 49%; margin-bottom: 15px; display: flex; font-size:18px; align-items: center;}
.hospitalityList .hospitalityBox .hospitalityIcon{ width: 20%;}
.hospitalityList .hospitalityBox .hospitalityIcon img{ width: 100%;}
.hospitalityList .hospitalityBox .hospitalityTxt{ width: 80%; padding-left: 15px;line-height: 24px;}
.plancorporatetourWrap{ position: relative; }
.plancorporatetourWrap .plancorporatetourBox{border-radius: 20px; overflow: hidden; background: url("../images/corporate-enqBg.webp") no-repeat center/cover; color: #ffffff; padding: 80px 60px;}
.plancorporatetourWrap .plancorporatetourBox h2{color: #ffffff; margin-bottom:50px; line-height: 36px;} 

.miceList{ display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
.miceList .miceBox{ width: 49%; padding: 20px; border-radius: 20px; background: #ffffff; margin:12px 0;}
.miceList .miceBox .icon{ text-align:right;}
.miceList .miceBox .icon img{ width: 80px;}
/* About Us */
.aboutWrap{ position: relative; padding: 80px 0;}
.aboutWrap .aboutInner{ display: flex;}
.aboutWrap .aboutInner .aboutLeft{ margin-right: 5%; width: 60%;}
.aboutWrap .aboutInner .aboutLeft h2.marginTop{ margin-top:40px;}
.aboutWrap .aboutInner .aboutRight{ width: 35%;}
.aboutWrap .aboutInner .aboutRight img{ width: 100%; border-radius: 20px;}
.visionmissinWrap{ position: relative; padding-bottom: 80px;}
.visionmissinWrap .visionmissinInner{ display: flex;justify-content: space-between;}
.visionmissinWrap .visionmissinBox{ padding: 40px; width: 48%; background: #f2f2f2; border-radius: 20px;}
.visionmissinWrap .visionmissinBox .icon{ text-align: right;}
.visionmissinWrap .visionmissinBox .icon img{ width: 120px;}
.visionmissinWrap .visionmissinBox h2{} 

.thepeopleWrap{ position: relative; padding-bottom: 80px;}
.thepeopleWrap .thepeopleInner{ position: relative;}
.thepeopleWrap .thepeopleHero{ text-align: center; width: 80%; margin: 0 auto;}
.thepeopleWrap .thepeopleHero h2{}
.thepeopleWrap .thepeopleHero h3{}
.thepeopleWrap .thepeopleGroup{ display: flex; width: 70%; margin: 40px auto 0 auto;}
.thepeopleWrap .thepeopleGroup .thepeopleBox{ margin: 0 2%; width:48%;}
.thepeopleWrap .thepeopleGroup .thepeopleBox .thepeopleImg{ position: relative; border-radius: 20px; overflow: hidden;}
.thepeopleWrap .thepeopleGroup .thepeopleBox .thepeopleImg img{ width: 100%;}
.thepeopleWrap .thepeopleGroup .thepeopleBox .thepeopleInfo{display: flex;justify-content: space-between; align-items: center;margin-top: 10px;}
.thepeopleWrap .thepeopleInfo .thepeopletxt{ }
.thepeopleWrap .thepeopleInfo .thepeopletxt .name{ font-size: 24px; font-family: 'SanFranciscoDisplay-Semibold';}
.thepeopleWrap .thepeopleInfo .thepeopletxt .designation{}
.thepeopleWrap .thepeopleInfo .social{}
.thepeopleWrap .thepeopleInfo .social a{}
.thepeopleWrap .thepeopleInfo .social a img{ width: 30px;}

.journeyCountWrap{ position:relative;}
.journeyCountWrap .bgImg{ width:100%;} 
.journeyCountWrap .journeyCountInfo{ color: #ffffff; position: absolute; left: 7%; top: 50%; transform: translateY(-50%);}
.journeyCountWrap .journeyCountInfo h2{color: #ffffff; font-size: 40px; line-height: 47px;}
.journeyCountWrap .journeyCountInfo .journeyCounttxt{ font-size: 18px; margin-bottom: 40px;}

.accordion-section-content h3.margin-top{margin-top:15px;}
.accordion-section-content h4.margin-top{ margin-top:10px;}

/* FOOTER
========================================================================*/
footer { background: #000; color: #ccc;}
.footerWrap { display: flex; justify-content: space-between;  padding: 50px 0; border-bottom: 1px solid #222;}
.footerAbout { width:27%; margin-right:6%;}
.footerlinks{width:16%; margin-right:6%;}
.footerContact { width:27%; }
.footerLogo img { max-width: 220px; margin-bottom: 20px;}
.footerBox h3 { color: #ffd400; margin-bottom: 20px; font-size: 20px; position:relative; padding-bottom:15px; }
.footerBox h3:after{ position:absolute; left:0; bottom:0; width:100px; height:1px; content:""; background:#666666;}
.footerlinks ul {}
.footerlinks ul li { margin-bottom: 10px;}
.footerlinks ul li a { color: #ccc; transition: 0.3s; font-size:16px;}
.footerlinks ul li a:hover { color: #ffd400;}
.footerContact ul { }
.footerContact li { display: flex; align-items: center; margin-bottom: 15px;}
.contactIcon { width: 30px; margin-right: 10px; }
.contactIcon img { width: 30px;}
.contactInfo span { display: block; color: #fff; font-family: 'SanFranciscoDisplay-Medium';}
.contactInfo a { color: #ccc;}
.contactInfo a:hover { color: #ffd400;}
.socialLink{ margin-top:30px;}
.socialLink ul { display: flex; gap: 10px; margin-top: 20px; padding: 0; list-style: none;}
.socialLink ul li a { display: inline-block; transition: 0.3s;}
.socialLink ul li a:hover { }
.socialLink img { width: 30px;}
.copyRightWrap { background: #d40000; padding: 15px 0;}
.copyRightInner { display: flex; justify-content: space-between; align-items: center; color: #fff;}
.policyLinks a { color: #fff;}
.policyLinks a:hover { text-decoration: underline;}

.videopopupWrap{ position: fixed; right:20px; bottom: 60px; width: 100px; z-index: 999; opacity: 1;transition: 0.5s; padding:0; color: #ffffff;}
.videopopupWrap.active{right:20px; opacity: 1;transition: 0.5s;}
.videopopupWrap.active.hide, .videopopupWrap.hide{ right:-210px; opacity: 0; transition: 0.5s;}
.videopopupWrap a{ color:#ffffff;text-decoration: none;}
.videopopupWrap .videoBox{}
.videopopupWrap .videoBox img{ width:100%;}
.videopopupWrap .videoBox video{ margin-bottom: -6px;}
.videopopupWrap .popupTxt{ font-size:10px; line-height:12px;}
.closeBtn{ position: absolute; right: 0px; margin: 0; top: 0px;}
.closeBtn a{ cursor:pointer;}
.closeBtn img{ width: 14px;}
 
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 60px; line-height: 62px; color: #000000; margin-bottom: 20px; font-family: 'SanFranciscoDisplay-Bold'; text-transform: uppercase;}
h2 { font-size: 40px; line-height: 42px; color: #000000; margin-bottom: 20px; font-family: 'SanFranciscoDisplay-Semibold'; text-transform: uppercase;}
h3 { font-size: 22px; line-height: 23px; color: #000000; margin-bottom: 10px; font-family: 'SanFranciscoDisplay-Medium';}
h4 { font-size: 18px; line-height: 19px; color: #000000; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 15px; background: #FFF; border: 1px solid #dadada; padding:10px; margin: 0;font-family: 'SanFranciscoDisplay-Regular'; }
input:focus, textarea:focus { border-color: #c1c1c1; background: #FFF; }
/*accordion*/
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion { }
.accordion .accordion-section{ overflow: hidden; border-radius: 15px; background: #f2f2f2; margin-bottom: 20px;}
/*----- Section Titles -----*/
.accordion-section-title { width: 100%; padding: 10px 15px; display: inline-block; font-size: 18px; font-family: 'SanFranciscoDisplay-Medium'; background: #f2f2f2; transition: all linear 0.15s; color: #111111; }
.accordion-section-title.active, .accordion-section-title:hover { color: #111111;}
.accordion-section-title{ background: url("../images/plus.svg") no-repeat right 20px center; background-size:20px auto;}
.accordion-section-title.active{background: url("../images/minus.svg") no-repeat right 20px center; background-size:20px auto;}
.accordion-section:last-child .accordion-section-title { border-bottom: none; }
/*----- Section Content -----*/
.accordion-section-content { padding:10px 15px 15px 15px; display: none; }

/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{ }
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/* Font Family 
========================================================================*/
@font-face {
    font-family: 'SanFranciscoDisplay-Light';
    src: url('fonts/SanFranciscoDisplay-Light.eot');
    src: url('fonts/SanFranciscoDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanFranciscoDisplay-Light.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Light.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Light.svg#SanFranciscoDisplay-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Medium';
    src: url('fonts/SanFranciscoDisplay-Medium.eot');
    src: url('fonts/SanFranciscoDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanFranciscoDisplay-Medium.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Medium.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Medium.svg#SanFranciscoDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SanFranciscoDisplay-Semibold';
    src: url('fonts/SanFranciscoDisplay-Semibold.eot');
    src: url('fonts/SanFranciscoDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanFranciscoDisplay-Semibold.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Semibold.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Semibold.svg#SanFranciscoDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SanFranciscoDisplay-Regular';
    src: url('fonts/SanFranciscoDisplay-Regular.eot');
    src: url('fonts/SanFranciscoDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanFranciscoDisplay-Regular.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Regular.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Regular.svg#SanFranciscoDisplay-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Bold';
    src: url('fonts/SanFranciscoDisplay-Bold.eot');
    src: url('fonts/SanFranciscoDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SanFranciscoDisplay-Bold.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Bold.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Bold.svg#SanFranciscoDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}