@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
  --dark: #373349;
  --gap: 15px;
  --width: 240px;
  --height: var(--width);
}
body{
	background:#fff;
	font-family: 'Ubuntu', sans-serif;
	top: 0px !important;
}
p{    font-weight: 500;color:#383f4e;font-size:17px;font-family: 'Ubuntu', sans-serif;}
/* h1,h2,h3,h4,h5,h6{font-family: 'Rowdies', cursive;color:#3c4457;} */
h1,h2,h3,h4,h5,h6{font-family:'Ubuntu', sans-serif;color:#3c4457;}

*{
	text-decoration:none !important;
}
ul, li, ol{
	list-style:none;
	margin:0px;
	padding:0px;
}
.btn-theme{
	    background-color: #3c4457;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 4px 24px;
}
.btn-theme:hover{
	    background-color: #c2482f;
    color: #fff;
}
.bg-pattern{
	background-image: url(../img/backgorund-bg.png);
	background-attachment: fixed;
	background-size: cover;
}
.row{
	margin-right: 0px !important; 
    margin-left: 0px !important;
}
.pattern11{
	background-image: url(../img/bg-circle.png);
	background-attachment: fixed;
	background-size: cover;
	background-repeat:no-repeat;
	
}

.main-wrapper{
	width:94%;
	margin:40px auto;
	background:#f3dcaa;
	border-radius:5px;
	    position: relative;
}
header{
	display:block;
	padding:30px 0px;
	width:100%;
	padding-bottom:10px;
}
header .logo-header{max-width:130px;}
.navbar-expand-lg .navbar-nav-new{
	display:block;
	width:100%;
	text-align: center;
}
.navbar-expand-lg .navbar-nav-new li{
	display:inline-block;
	
} 
.navbar-expand-lg .navbar-nav-new .nav-link {color:#3c4457;font-weight: 500;padding:11px 15px;position:relative;margin-bottom:15px;}
.navbar-expand-lg .navbar-nav-new .nav-link:hover.nav-link:before{
opacity:1;
}
.navbar-expand-lg .navbar-nav-new .nav-link{
	position:relative;
	text-align:center;
	font-family: 'Inter', sans-serif;
}
.navbar-expand-lg .navbar-nav-new .nav-link:before{
	opacity: 0;
    content: "";
    width: 30px;
    height: 2px;
    background: #3c4457;
    display: inline-block;
    /* margin-top: 10px; */
    position: absolute;
    bottom: 6px;
    left: 30%;
}
.active:before{
	opacity: 1 !important;
}
.navbar-expand-lg .navbar-nav-new li ul li {display:block;}
.navbar-expand-lg .navbar-nav-new li ul li a.dropdown-item:focus, .navbar-expand-lg .navbar-nav-new li ul li a.dropdown-item:hover {
    color: #fff;
    background-color: #cb373c;
}
.about{
	    display: block;
    position: relative;
    background-image: url(../img/about-bg-top.jpg);
    background-size: contain;
    background-position: top;
	background-repeat: no-repeat;
}
.about:before{
	content:"";
	
	
}
.heading h1{
	    font-size: 66px;
    font-weight: 700;
    line-height: 80px;
}
.heading h4{
	font-size: 36px;
    font-weight: 600;
    line-height: 13px;
}

.roadmap .heading h4{
	font-size: 36px;
    font-weight: 600;
    line-height: 13px;
}
.roadmap .heading h2{
	    font-size: 66px;
    font-weight: 700;
}
.major .heading h4{
	font-size: 34px;
    font-weight: 500;
    line-height: 12px;

}
.major .heading h2{
	    font-size: 50px;
    font-weight: 700;
    line-height: 80px;
}
.highliter-text{
	    font-weight: 800;
    color: #5c667e;
    font-size: 30px;
	margin-bottom:30px;
}
.highliter-text span{
	display:block;
	font-size:47px;
	line-height:30px;
}
.history{
	padding:40px 0px;
	display:block;
	width:100%;
	position:relative;
	z-index:1;
}
.left:before,.left:after{
	content:"";
	position:absolute;	
	z-index: -1;
	
}
.left:before{
	    content: "";
    position: absolute;
    background-image: url(../img/flower-left.png);
    background-repeat: no-repeat;
    width: 395px;
    height: 631px;
    background-size: contain;
    opacity: 0.5;
	left:0px;
	
}
.left:after{
	     content: "";
    position: absolute;
    background-image: url(../img/circle.png);
    background-repeat: no-repeat;
        width: 623px;
    height: 720px;
    background-size: cover;
    opacity: 0.6;
    right: 0px;
    top: 0px;
	z-index:-1;
	}
.left-1-right:after{
	 background-image: url(../img/cirlcle-hole.png) !important;
	 opacity:0.1 !important;
	 width:450px !important;
}
.left-1-right:before{
	 background-image: url(../img/cirlcle-hole.png) !important;
	 transform: rotate(180deg) !important;
	 opacity:0.1 !important;
}
	.roadmap:before{
	    content: "";
    position: absolute;
    background-image: url(../img/flower-left.png);
    background-repeat: no-repeat;
    width: 395px;
    height: 631px;
    background-size: contain;
    opacity: 0.5;
	left:0px;
	    z-index: -1;
	
}
.roadmap:after{
	    content: "";
    position: absolute;
    background-image: url(../img/flower-right.png);
    background-repeat: no-repeat;
    width: 395px;
    height: 631px;
    background-size: contain;
    opacity: 0.5;
	right:0px;
bottom:-90px;
z-index:-1;
}
.major:after{
	content: "";
	position: absolute;
	background-image: url(../img/circle.png);
	background-repeat: no-repeat;
	width: 622px;
	height: 618px;
	background-size: contain;
	opacity: 0.3;
	left: -98px;
	top: 123px;
	transform: rotate(180deg);
	z-index:-1;
	}
.partner1,.roadmap,.major,.tiket{   position:relative; z-index: 1;}
.partner1:after{
	content: "";
	    position: absolute;
    background-image: url(../img/circle.png);
    background-repeat: no-repeat;
    width: 708px;
    height: 829px;
    background-size: cover;
    opacity: 0.6;
    right: 0px;
    top: 0px;
    content: "";
    position: absolute;
    z-index: -1;
	}
.history .heading h4{
	font-size: 40px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 30px;
}

.State h4{
	    font-size: 40px;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif !important;
    margin-bottom: 17px;
	
}
.State p{
	font-size: 18px;
}
.State p .btn{}

.State h2{
	    font-size: 53px;
    font-weight: 700;
	font-family: 'Ubuntu', sans-serif !important;
	color:#c2482f;
	
}
.partner h4,.gallry h4{
	    font-size: 44px;
    font-weight: 700;
	
}
.gallry h5 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Ubuntu', sans-serif !important;
    color: #c2482f;
}
.partner{
	display:block;
	width:100%;
	position:relative;
	padding:65px 0px;
	    z-index: 1;
}
.partner h2{
	        font-size: 64px;
    font-weight: 700;
    color: #c2482f;
}
.partner h2 span{
	    display: block;
    font-size: 32px;
    line-height: 31px;
}
.mt-15 {
    margin-top: 120px;
}
.attractions-box {
    padding: 25px 20px;
    background: #5c667e;
    border-radius: 8px;
}
.attractions-box h4{
        color: #fff;
    font-weight: 700;
    margin: 10px 0px;
    font-size: 24px;
    padding-top: 16px;
}
.attractions-box p{
    color: #cbcbcb;
	
	font-size:16px;	
}
.attractions-box p.stall{
   font-size:19px;	
	margin:0px 0px;
}
.indicators  .indicators-num {
    color: #c2482f;
    font-size: 55px;
    font-weight: 600;
}
.indicators{
	margin:25px 0px;
}
.indicators  .indicators-num sub{
        color: #475065;
    font-size: 28px;
    font-weight: 400;
}
.indicators  .left-arrow{
	margin-top:-30px;
	margin-right:15px;
}
.indicators  .right-arrow{
	margin-bottom:-59px;
	margin-left:15px;
}
.indicators  .left-arrow i,.indicators  .right-arrow i{
        color: #c2482f;
    font-size: 38px;
	
}.indicators  .right-arrow i{
    transform: rotate(177deg);
}
.tiket .heading{
    text-align: left;
    margin: 0 auto;
    width: 38%;
}
.tiket .heading h3 {
   font-size: 33px;
    font-weight: 500;
    line-height: 13px;
}
.tiket .heading h2 {
        font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    text-align: left;
}
.dayvisit-container .heading h4 {
   font-size: 33px;
    font-weight: 500;
    line-height: 13px;
}
.dayvisit-container .heading h2 {
        font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    text-align: left;
}
.tiket-scan-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.tiket-scan-container .tiket-scan p {
    font-size: 30px;
	font-weight:600;
	line-height:30px;
}
.tiket-scan-container .tiket-scan .btn-theme{
    font-size: 25px;
    font-weight: 500;
	padding:5px 40px;
}
.stay-box-container{
	padding:0px 20px;
}
.stay-box-container p{
	font-size:22px;
	padding:10px 0px;
}
.stay-box-container p .btn-theme{
	font-size:23px;
	padding:10px 30px;
}
.taxi-service-list {
    display: block;
    padding: 5px 0px;
    width: 100%;
}
.taxi-service-list-flex {
	margin-top:10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	font-size:16px;
	font-weight:500;
	color:#3c4457;
}
.taxi-service-list-flex span {
   margin-left:30px;
}
.dayvisit-container .dayvisit{
	display:block;
	margin-top:50px;
}
.dayvisit-container .dayvisit h3{
	font-weight: 500;
    font-size: 33px;
}
.dayvisit-container .dayvisit h6{
	    font-weight: 600;
    padding-right: 178px;
	}
.dayvisit-container .dayvisit ul{
	display: block;
    width: 100%;
    border-left: solid 4px #c2482f;
    margin-top: 30px;
    margin-bottom: 30px;
}
.dayvisit-container .dayvisit ul li ul {
    display: block;
    width: 100%;
    border-left: transparent;
    margin-top: 0px;
    margin-bottom: 10px;
	    margin-top: 20px;
}
.dayvisit-container .dayvisit ul li{
	    padding: 10px 50px;
    font-weight: 700;
    position: relative;
    width: 100%;
    font-size:21px;
	    line-height: 19px;
	
	}
.dayvisit-container .dayvisit ul li.active{
	color: #c2482f;
}
.dayvisit-container .dayvisit ul li:before{
	content: "";
    position: absolute;
    left: -21px;
    width: 38px;
    height: 3px;
    background-color: #c2482f;
    top: 23px;
}
.dayvisit-container .dayvisit ul li ul li:before{
	content: "";
    position: absolute;
    left: -21px;
    width: 7px;
    height: 7px;
    background-color: #c2482f;
    top: 18px;
	border-radius:100%;
}

element.style {
}
.dayvisit-container .dayvisit ul li ul li{
    padding: 2px 0px;
    font-weight: 500;
    position: relative;
    width: 100%;
    font-size: 15px;
}
.bg-wrapper {
    background-image: url(../img/contact-bg.png);
    display: block;
       background-attachment: fixed;
}
.bg-wrapper-cover {
    display:block;
	width:100%;
	 padding: 50px 0px;
	 background-color: rgb(243 220 170 / 91%);
}
.contact-list p{
	font-size: 27px;
    font-weight: 700;
	margin-bottom:0px;
    line-height: 32px;
}
.margin-right{margin-right:40px;}
.form-lost{
	width:90%;
	display:block;
	padding:40px 0px;
}
.form-lost h5{
	margin-bottom:20px;
	font-size:30px;
}
.form-lost p{
	margin-bottom:20px;
	font-size:19px;
}
.form-lost textarea.theme-textarea{
	 border: solid 4px #3c4457 !important;
    border-radius: 12px  !important;
}
.evening_list{margin-bottom:80px;}
.evening_list h5{
	    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 700;
}
.evening_list ul{}
.evening_list ul li{
	       color: #c2482f;
    font-size: 25px;
    font-weight: 700;
}
.evening_list ul li ul{
	    padding-left: 15px;
    margin: 10px 0px;
}
.evening_list ul li ul li{
	    list-style: disc;
    font-size: 17px;
    font-weight: 700;
}
.contact-container h2{
	font-size: 45px;
    font-weight: 700;
}
.contact-container h4{
	font-size: 36px;
    font-weight: 500;
    line-height: 13px;
}



.line-hr{
	position:relative;
}
.line-hr:after{
	    content: "";
    width: 2px;
    display: block;
    position: absolute;
    left: 50%;
    background: #3c4457;
    height: 350px;
	top:50px;
	
}
.major .slick-slide{
	margin:0px 10px;
}
.my-clints{
	background:#fff;
	padding:10px 0px;
}
.clints .slick-slider {
    margin-bottom: 10px !important;
}
ul.social-icon{
	display:block;
	margin:0px;
	text-align:center;
}
ul.social-icon li{
	margin:0px;
	padding:5px;
	display:inline-block;
}
footer p{
	font-size:18px;
	margin-top:15px;
}
ul.social-icon li a{
	
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 30px;
}
ul.social-icon li a i{
	color: #bd905e;
    font-size: 16px;
}
ul.social-icon li a:hover{
	opacity:0.5;
}

ul.social-icon-contact{
	    display: block;
    margin: 0px;
    text-align: center;
    width: 50px;
    position: fixed;
    top:40%;
    z-index: 22;
    right: 60px;
}
ul.social-icon-contact li{
	margin:0px;
	padding:5px;
	display:inline-block;
	margin-left:15px;
}
ul.social-icon-contact li a{
	
    display: block;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #3c4457;
    line-height:25px;
}
ul.social-icon-contact li a i{
	    color: #f9e4ce;
    font-size: 13px;
	}
ul.social-icon-contact li a:hover{
	opacity:0.5;
}

.gallry-grid > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  overflow: hidden;
}

.gallry-grid > a::after {
  content: "";
  background: linear-gradient(transparent,#c2482f);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateY(100%);
  transition-duration: .75s;
}

.gallry-grid > a:hover::after {
  transform: translateY(50%);
}

.gallry-grid > a > * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 1s;
}

.gallry-grid > a:hover > img {
  transform: scale(1.05);
}

.gallry-grid {
  display: grid;
  grid-gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(var(--width), 1fr));
  grid-auto-rows: var(--height);
  grid-auto-flow: dense;
}

.horizontal {
  grid-column: span 2;
}

.vertical {
  grid-row: span 2;
}

.big {
  grid-column: span 2;
  grid-row: span 2;
}

.force-overflow
{
	max-height: 340px;
	    overflow-x: hidden !important;
}
/**  STYLE 2 */
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #dcbe7c;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color:#dcbe7c;
}

::-webkit-scrollbar-thumb
{
	border-radius: 13px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c2482f;
}

/* *  STYLE 3 */
.inner-page{
	display:block;
	padding:10px 0px;
	padding-bottom:60px;
}
.inner-page .heading h2{
	    font-size: 44px;
    font-weight: 700;
	margin-bottom:30px;
}
.about-slider .slick-next:before, .about-slider .slick-prev:before {
    font-size: 29px;
    line-height: 1;
    opacity: .75;
    color: #c2482f;
}
.about-slider .slick-next, .about-slider .slick-prev {
        top: inherit;
		bottom: -50px;
}
 .about-slider .slick-prev {
        left: 50%;
}.about-slider .slick-next{
        left: 55%;
}
.map {
    display: block;
    border: solid 4px #c2482f;
}
.map iframe{
    max-width:100%;
	height:300px;
	width:100%;
}
.partner iframe{width:100%;}
.navbar-toggler-icon {
    background-image: url('../img/menu.png') !important;
}
.navbar-brand{display:none;}
.navbar-brand img{max-width:70px;}
@media screen and (max-width: 1400px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
}
@media screen and (max-width: 1400px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}
.heading h1,.partner h2,.roadmap .heading h2,.major .heading h2,.tiket .heading h2,.dayvisit-container .heading h2 {font-size: 52px;}
.heading h4,.roadmap .heading h4,.major .heading h4,.tiket .heading h4,.dayvisit-container .heading h4 {font-size: 31px;}
.highliter-text{font-size: 27px;}
.highliter-text span{font-size: 40px;}
.partner {padding:25px 0px;}
.stay-box-container p .btn-theme{font-size: 15px;padding: 9px 28px;}
.contact-list p{font-size: 22px;}
.contact-list img{width:40px;}
.partner1:after{background-size: contain;top: 91px;width: 584px;}
.navbar-expand-lg .navbar-nav-new .nav-link{margin-bottom:0px;}
}
@media screen and (max-width: 1200px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1040px;
	width:92%;
 }
 .vertical{grid-row: span 1;}
 .horizontal{grid-column: span 1;}
 ul.social-icon-contact{right: 42px;}
}
@media screen and (max-width: 950px) {
	.navbar-brand{display:block;}
.navbar-expand-lg .navbar-nav-new li{
	    display: inline-block; width: 100%;}
		.navbar-expand-lg .navbar-nav-new .nav-link:after{left: 46%;}
  .vertical{grid-row: span 2;}
 ul.social-icon-contact{right: 20px;}
}
@media screen and (max-width: 768px) {
.gallry-grid{grid-template-columns: repeat(auto-fit, minmax(var(--width), fr));    grid-auto-rows: 180px;}
.big {grid-row: span 1;}
.bg-pattern{background-size: contain;}
}
@media screen and (max-width: 540px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 500px;
    width: 100%;
}
ul.social-icon-contact{right: 10px;}
.main-wrapper {width: 96%;margin: 9px auto;overflow: hidden;}
.left:after,.partner1:after,.roadmap:before,.roadmap:after,.major:after,.left-1-right:before{top: 46px;background-size:contain;width: 204px;height: 250px;}
.roadmap:after{top:75%;}
header .col-sm-3 {width:25%;}
header .col-lg-12 {padding:5px !important}
header .col-sm-3 a img{max-width: 77px;text-align:center;}
header .col-sm-3:last-child img{max-width: 37px;}
.heading h4, .roadmap .heading h4, .major .heading h4, .tiket .heading h4, .dayvisit-container .heading h4,.partner h4, .gallry h4 {
    font-size: 21px;
}
.heading h1, .partner h2, .roadmap .heading h2, .major .heading h2, .tiket .heading h2, .dayvisit-container .heading h2,.contact-container h2,.inner-page .heading h2,.history .heading h4 {
    font-size: 33px;
    line-height: 28px;
}
.highliter-text,.partner h2 span,.gallry h5{font-size: 18px;}
	p{
		font-size: 15px;
	}
.pb-5 ,.pt-5{padding:20px 0px !important;}
.indicators .indicators-num{font-size: 26px;}
.indicators .indicators-num sub{font-size: 16px;}
.indicators .left-arrow i, .indicators .right-arrow i{font-size: 22px;}
.indicators .left-arrow,.indicators .right-arrow{top:5px;}
.tiket-scan{margin-bottom:15px;text-align:center;}
.tiket-scan-container .tiket-scan p{font-size: 21px;}
.tiket .heading h3 {font-size: 25px;line-height: 29px;}
.tiket .heading{width:100%;}
.stay-box-container{padding:0px;}
.stay-box-container p{font-size:16px;}
.mt-5{margin-top:10px !important;}
.tiket-scan-container .tiket-scan .btn-theme {font-size: 16px;}
.dayvisit-container .dayvisit ul li,.evening_list ul li{font-size: 17px;}
.line-hr:after{display:none;}
.evening_list h5 { margin-bottom: 14px;font-size: 25px;text-align: left !important;}
.contact-list img.margin-right{margin-right:10px !important;width:30px;	}
.contact-list .mb-4{margin-bottom:10px !important}
.contact-list p {font-size: 16px;    line-height: 20px;}
.dayvisit-container .dayvisit{margin-top:20px;}
.dayvisit-container .dayvisit h3 {font-weight: 600;font-size: 23px;}
.dayvisit-container .dayvisit h6 {font-weight: 600;padding-right: 0px;font-size: 16px;}
}

@media (min-width: 768px) { 
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
}
@media (max-width: 767px) { 
.dropdown:hover .dropdown-menu
    display: none;
    margin-top: auto; 
}