
/* common */
:root {
	--divider-pattern-url: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E);
}
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	font-family: Poppins;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}
img {
	border:0px;
	display:block;
	max-width: 100%;
}
a,input {
	outline:none;
	text-decoration: none;
	transition: all 0.3s;
}
ul,ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-family: Poppins;
}
h1{
	
}
h1 .text-1{
	display: inline-block;
	position: relative;
}
h1 .text-2{
	color: #BB833A;
  	-webkit-text-stroke: white;
  	position: relative;
}
h1 .text-1::before {
    content: ''; /* Copy the text content to the pseudo-element */
    position: absolute;
    top: 10px;
    left: 8px;
	color: transparent;
  	-webkit-text-stroke: 2px #000000;
  	width: 100%;
}
h1 .text-2::before {
    content: ''; /* Copy the text content to the pseudo-element */
    position: absolute;
    top: 34px;
    left: 8px;
    mix-blend-mode: color-burn;
}
h1 strong{
	position: relative;
}
h2{
	font-family: "Aboreto", Sans-serif;
    font-weight: 600;
    color: #BB9552;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 44px;
}
h3{
	font-family: "Aboreto", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 15px;
}
h4{
	color: #fff;
    font-size: 18px;
    line-height: 24px;
    min-height: 24px;
    padding-bottom: 3;
    padding-top: 2px;
}
h5{

}
h6{
}
.e-fab-whatsapp{
	fill: #ffffff;
}
.section-padding{
	padding: 60px 0px 80px;
}
.section-bg{
	background: rgba(187, 149, 82, 0.1);
}
.form-group{
	padding-bottom: 20px;
}
.mobile-version{
	display: none;
}
.button{
	background-color: #BB9552;
    font-family: "Aboreto", Sans-serif;
    font-weight: 500;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    padding: 12px 24px;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    border: none;
}
.button img{
	border: 1px solid #ffffff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 3px;
    margin-right: 19px;
}
.button.img{
    display: inline-flex;
    align-items: center;
    padding: 0px 28px 0px 10px;
}
.button.black{
	background: #141316;
}
.button.white{
	background: #ffffff;
	border: 1px solid #141316;
	padding: 0px 28px 0px 10px;
	color: #141316;
}
.button.white img {
    border: 1px solid #141316;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 3px;
    margin-right: 19px;
}
.container{
    max-width: 1140px;
}
.sub-title{
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #F7941D;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.slick-slider {
    margin-bottom: 0px;
}
.slick-dots {
    bottom: 14px;
}
.slick-dots li button:before {
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    opacity: 1;
    color: #333333;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #AE902C;
}

figure{
	margin: 0;
}

/* Navbar */
.main-navbar {
  width: 100%;
  z-index: 9;
  padding: 10px 0px;
}
#header-wrap{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #ffffff;
	z-index: 10;
}
.sticky {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
#content-wrap{
	padding-top: 124px;
	overflow-x: hidden;
}
.logo {
}
.logo img{
	width: 150px;
	transition: all 0.3s;
}
.sticky .logo img{
	width: 80px;
}
.email-address{
	display: flex;
	justify-content: end;
	font-family: "Aboreto", sans-serif;
	color: #333333;
}
.email-address a{
	color: #333333;
}
/* Menu Links */
.navbar-expand-lg{
	padding: 0px !important;
}
.navbar-nav{
	margin-right: 20px;

}
.navbar-nav li{
	padding: 15px 10px;
	font-family: "Aboreto", sans-serif;
	font-size: 13px;
	font-weight: 600;
}
.navbar-nav li a{
	color: #333333;
}
.navbar-nav li.current_page_item a,
.navbar-nav li a:hover {
  color: #AE902C;
}

/* Search Icon */
.search-icon {
  color: #ffffff;
}

/* Button */
.search-icon{
	margin-right: 31px;
}
.join-btn {
	border-radius: 25px;
	padding: 8px 19px 8px 9px;
	display: flex;
	align-items: center;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 1px;
	color: #ffffff;
	background: #E1A44C;
	border:1.5px solid #ffffff;
}

.join-btn img {
	border: 1px solid #ffffff;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	padding: 3px;
	margin-right: 19px;
}

/* banner-block */
.banner-block{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner-block .banner-image img{
	width: 100%;
}
.banner-block .banner-content{
	height: 660px;
}
.banner-block .banner-content h1{
	font-family: 'Aboreto';
  color: #BB9552;
  font-size: 225%;
  line-height: 1.5;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: inherit;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.3);
  padding: 30px;
}

/* content-panel */
.content-panel{
	padding: 60px 0px 80px;
	position: relative;
}
.content-panel strong{
	font-weight: 600;
	font-style: italic;
}
.content-border{
	position: relative;
}
.content-border:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: -80px;
	background-color: #BB9552;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    min-height: 20px;
	width: 100%;
}
.content-border.no-border:after{
	display: none;
}

/* Cinemate Video */
.youtube-iframe{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	margin-bottom: 24px;
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* packeges */
.pricing-container {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.card {
  background: #fff;
  border-radius:0px 0px 15px 15px;
  width: 100%;
  text-align: center;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  border: none;
  height: calc(100% - 130px);
  padding-bottom: 80px;
}

/*.card:hover {
  transform: translateY(-10px);
}*/

.card h3 {
  color: #fff;
  padding: 15px;
  margin: 0px;
  border-radius: 15px 15px 0 0;
}

/* Colors */
.pricing-container .basic h3 {
  background: #1b8c5a;
}

.pricing-container .standard h3 {
  background: #0c3b47;
}

.pricing-container h3 {
  background: url(../images/price-bg.png) top right no-repeat;
  background-size: cover;
  height: 130px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}

.card h1 {
  margin: 0px 0 24px;
}

.card p {
  color: gray;
  font-size: 14px;
}

.pricing-container ul {
  list-style: none;
  padding: 0;
}

.pricing-container ul li {
  /*background: #f0f0f0;*/
  padding: 10px;
  border-bottom: 1px solid #BB9552;
  font-size: 14px;
  max-width: 70%;
  margin: 0px auto;
}
.pricing-container ul li:first-child {
  border-top: 1px solid #BB9552;
}
.pricing-container ul li strong{
	color: #fb3a3a;
}

/* Tick & Cross */
.yes::before {
  content: "✔ ";
  color: green;
  display: none;
}

.no::before {
  content: "✖ ";
  color: red;
  display: none;
}

.pricing-container .button {
  margin-top: 15px;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  color: white;
  cursor: pointer;
  font-weight: bold;
  position: absolute;
  bottom: 20px;
  transform: translate(-50%, 0px);
  left: 50%;
  width: calc(100% - 40px);
}

/* Button Colors */
.pricing-container .basic .button {
  background: #1b8c5a;
}

.pricing-container .standard .button {
  background: #0c3b47;
}

/* contact-block */
.contact-block{}
.contact-block h3{
	color: #BB9552;
}
.contact-block .phone-number svg {
    fill: #BB9552;
}
.contact-block .social-media ul li a {
    color: #ffffff;
    background: #BB9552;
}
.contact-block .social-media ul li svg {
    fill: #ffffff;
}
.contact-block .phone-number span {
	color: #BB9552;
}


/* cinemate-video */
.cinemate-video{}
.cinemate-video .video-image{
	position: relative;
}
.cinemate-video .video-image .icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cinemate-video .video-image svg {
  fill: #fff;
  filter: drop-shadow(1px 0 6px rgba(0, 0, 0, .3));
  height: 100px;
  width: 100px;
  opacity: .8;
  transition: all .5s;
}
.image-pnl{
	cursor: pointer;
	position: absolute;
	z-index: 1;
}


/* Footer */
.site-footer{
	background: #BB9552;
	padding: 80px 0px 40px;
	color: #ffffff;
}
.footer-contact{
	padding-left: 70px;
	position: relative;
}
.footer-contact:after,
.footer-contact:before{
	content: '';
	position: absolute;
	left: 20px;
	top: -20px;
	border-left: 1px solid #ffffff;
	height: 90%;
}
.footer-contact:after{
	left: auto;
	right: 30px;
}
.address a{
	color: #ffffff;
}
.about-text{
	font-size: 13px;
	line-height: 19.5px;
    font-weight: 400;
    color: #FFFFFF;
}
.site-footer ul li{
	padding: 5.5px 0px;
}
.phone-number svg{
	height: 50px;
	width: 50px;
	fill: #ffffff;
	margin-right: 11px;
}
.phone-number span{
	font-weight: 600;
}
.phone-number strong{
	font-weight: 400;
	font-size: 26px;
	display: block;
	line-height: 35px;
}
.social-media{
	margin-top: 20px;
}
.social-media ul{
	display: flex;
	gap: 30px;
}
.social-media ul li{}
.social-media ul li svg{
	width: 25px;
	fill: #BB9552;
}
.social-media ul li a{
	color: #BB9552;
	width: 50px;
	height: 50px;
	background: #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.social-media ul li a:hover{
	opacity: 0.9;
}
/* Floating Button */
.wa-button{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:#fff;
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
cursor:pointer;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.wa-button svg{
	width: 30px;
}
.uparrow{
	right:98px;
}
.uparrow a{
	color: #ffffff;
}

/* Popup Box */
.wa-popup{
position:fixed;
bottom:90px;
right:20px;
width:300px;
background:#fff;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
display:none;
overflow:hidden;
font-family:sans-serif;
}

/* Header */
.wa-header{
background:#25D366;
color:#fff;
padding:15px;
display: flex;
}
.wa-header svg{
	width: 33px;
	margin-right: 10px;
}
.wa-header p{
	font-size: 14px;
	line-height: 16px;
}

/* Body */
.wa-body{
padding:15px;
}

.wa-user{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
background:#f5f5f5;
padding:10px;
border-radius:8px;
}

.wa-user img{
width:40px;
}

.wa-user span{
font-size:12px;
color:#777;
display:block;
}

.slick-next, .slick-prev{
	z-index: 5;
}
.slick-prev {
    left: 15px;
}
.slick-next {
    right: 15px;
}

/* collage */
.collage{
	padding:40px;
	background:#fff;
}

.grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	/*grid-auto-rows:200px;*/
	gap:10px;
}

.item{
	overflow:hidden;
	position:relative;
}

.item img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.4s;
}

.item:hover img{
	transform:scale(1.1);
}

/* collage sizes */

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

.tall{
	grid-row:span 2;
}

.wide{
	grid-column:span 2;
}
@media (max-width:768px){
	.grid{
		grid-template-columns:repeat(2,1fr);
		grid-auto-rows:150px;
	}
	.big{
		grid-column:span 2;
	}
}




		/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:992px) {
	#content-wrap {
    padding-top: 92px;
	}
	.logo img {
    width: 110px;
	}
	#mainMenu{
		position: absolute;
		top: 92px;
		left: 0px;
		width: 100%;
		background: #ffffff;
	}
	.sticky #mainMenu {
		top: 72px;
	}
	.navbar-expand-lg {
    position: static;
    flex-direction: row-reverse;
    align-items: center;
    gap: 23px;
    justify-content: end;
	}
	.navbar-toggler{
		border: 1px solid #BB9552;
	}
	.toggler-icon{
		width: 30px;
    height: 3px;
    background: #BB9552;
    display: block;
    margin: 4px 0px;
	}
	.footer-contact {
    padding-left: 12px;
    padding-top: 20px;
    padding-bottom: 30px;
	}
	.footer-contact:after, .footer-contact:before{
		display: none;
	}
}
@media only screen and (max-width:767px) {
	h2{
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 28px;
		line-height: 28px;
	}
	.section-padding,
	.content-panel {
    padding: 40px 0px 60px;
	}
	.content-border:after{
		bottom: -60px;
	}
	.mobile-version{
		display: block;
		position: fixed;
		bottom: 0px;
		background: #935700;
		width: 100%;
	}
	.mobile-version ul{
		display: flex;
		flex-wrap: wrap;
	}
	.mobile-version ul li{
		width: 33.33%;
	}
	.mobile-version ul li a{
		color: #ffffff;
		padding: 10px;
		display: block;
		text-align: center;
	}
	.mobile-version ul li:nth-child(2){
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
	}
	.WhatsApp-icon,
	.button.enqury{
		display: none;
	}
	.site-footer {
    padding: 80px 0px 90px;
	}
	.wa-button {
    bottom: 58px;
  }
  .uparrow {
    right: 20px;
	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
			w=420
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
		w=300
}
