/* rs-fullwidth-wrap{
	display: none !important;
} */
.read-more{
	background-color: transparent;
	padding: 20px 0px 3px 0px;
	border-bottom: 1px solid #ffffff;
	font-family: "Lato", Sans-serif !important;
	font-size: 18px;
	font-weight: 700;
}

.read-more:hover{
	background-color: transparent;
}

.read-more:focus{
	outline: none;
}

.custom-slider{
	position: relative;
}

.custom-slider .elementor-slide-heading{
	position: absolute ;
	left: 0px;
    bottom: 3px;
	text-shadow: 2px 2px #2c332c;
}

.custom-slider .swiper .elementor-swiper-button{
	top: 105% !important;
}

.custom-slider .swiper .elementor-swiper-button-prev{
	left: unset !important;
	right: 45px !important;
}

.custom-slider.elementor-arrows-position-outside .swiper{
	margin: 0px !important;
	width: 100% !important;
}

.bullet-points .swiper-pagination-bullet{
	border-radius: 0px;
}

.gradient-shape{
	position: relative;
}

.gradient-shape .swiper-slide-inner::before{
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 33%;
	position: absolute;
	background: linear-gradient(357.64deg, #2E372E 2.39%, rgba(46, 55, 46, 0) 89.44%);
	z-index: 0;
}
.gradient-shape .swiper-slide-contents{
	z-index: 1;
}

.hidden-img{
	display: none;
}

.loadMore{
	font-family: "Lato", Sans-serif !important;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff !important;
}

a.loadMore::hover{
	color: #ffffff !important;
}

.contact-form-lp label,
#downloadForm label{
	color: #ffffff;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.contact-form-lp input,
.contact-form-lp textarea,
.contact-form-lp input[type='date'],
#downloadForm input{
	margin-bottom: 15px;
	padding: 15px;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #797979;
	position: relative;
	background-color: #2E372E;
	border: none;
}

.contact-form-lp select{
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #797979;
	background-color: #2E372E;
	border: none;
}
.contact-form-lp input,
.contact-form-lp select,
.contact-form-lp input[type='date']{
	height: 50px;
}


.contact-form-lp .wpcf7-not-valid-tip{
	position: absolute;
	left: 0px;
	bottom: -38px;
	font-family: "Lato", Sans-serif;
}

.contact-form-lp input::placeholder,
.contact-form-lp textarea::placeholder,
.contact-form-lp input[type='date']::placeholder,
.contact-form-lp input[name='ampm']::placeholder,
#downloadForm input::placeholder{
	color: #797979;
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: 400;
}

#downloadButton{
	background-color: #ffffff;
	color: #191d19;
	font-size: 18px;
	font-weight: 700;
	font-family: "Lato", Sans-serif;
	border-radius: 0px;
}

button#downloadButton:focus{
	outline: none !important;
}

/* .contact-form-lp .row{
	margin: 0px;
} */

.contact-form-lp .submit-button{
	padding-left: 15px;
	padding-right: 15px;
}

.contact-form-lp input[type="date"] {
    direction: rtl;
    text-align: left;
	width: 100%;
	 padding: 15px 15px 15px 30px;
}


.contact-form-lp input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 5px;
	right: auto;
}

.contact-form-lp .date-time-picker .col-md-6{
	padding: 0px;
}

.contact-form-lp .date-time-picker .col-md-6 input,
.contact-form-lp .date-time-picker .col-md-6 select{
	width: 100%;
}

.contact-form-lp .date-time-picker .col-md-6 select{
	text-align: right;
}

.contact-form-lp .date-time-picker label{
	color: #191D19;
}





input[type="time"] {
    direction: rtl;
    text-align: left;
    padding-left: 38px;
  }

  /* Optional: Remove default icon */
  input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0px;
    right: auto;
  }


.submit-button input{
	width: 100%;
	background-color: #ffffff !important;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #163635;
}





/* Basic Modal Styling */
#downloadModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99;

}

.center-modal{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.modal-content {
  background-color: #191d19;
  padding: 20px;
  border-radius: 5px;
  width: 350px;
  text-align: center;
	margin: 0 auto;
}

.modal-content h2{
	font-size: 24px;
	font-family: "Lato", Sans-serif;
	line-height: 1em;
	color: #ffffff;
}

.modal-content input {
  width: 100%;
  padding: 8px;
	margin: 0px !important;
}

#downloadForm{
	text-align: left;
}

.modal-content .close-button{
	background-color: transparent;
	padding: 0px;
	color: #ffffff;
	width: fit-content;
    margin-left: auto;
}

.modal-content input[type="tel"]{
	height:40px !important;
}

.modal-content #submitButton{
	background-color: #000000;
	color: #191d19;
	border-radius: 0px;
	font-family: "Lato", Sans-serif;
	font-weight: 700;
}
/*  button {
  padding: 10px 20px;
  margin-top: 10px;
  background-color: #4CAF50;
  color: white;
  border: none;
  cursor: pointer;
}

 button:hover {
  background-color: #45a049;
}
 */


.brochure-form label{
	width: 100% !important;
	text-align: left !important;
	color: #ffffff !important;
	font-family: "Lato", Sans-serif !important;
}

.brochure-form .submit-button{
	margin: 20px 10px 20px 10px !important;
}

.brochure-form .submit-button input{
	border-radius: 0px;
}

.brochure-form  .col-md-12 p{
	margin-bottom: 15px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
	margin: 10% auto;
	padding: 20px;
	width: 35%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	position: relative;
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	text-align: right;
}
.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}



@media only screen and (max-width: 1024px){
	.line-alignment .elementor-icon-list-item:after{
		top: -5px;
	}
	.page-id-18578,
	.page-id-19853 {
		padding-top: 0px !important;
	}
	.page-id-18578 .mob-menu-header-holder,
	.page-id-19853 .mob-menu-header-holder{
		display: none;
	}
	.modal-content{
		width: 60%;
	}
}

@media only screen and (max-width: 991px){
	.modal-content{
		width: 80%;
	}
}

@media only screen and (max-width: 991px){
	.modal-content{
		width: 95%;
	}
}