/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2026 | 20:53:24 */
@font-face {
  font-family: 'Monteilga';
  src: url('https://sahara-sutter.com/wp-content/uploads/2026/06/Monteilga.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
	overflow-x: clip;
}

/* .jupiterx-main {
	position: relative;
  	overflow: hidden;
	
	&::before {
	  content: "";
	  position: absolute;
	  inset: 0;
	  pointer-events: none;

	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");

	  opacity: 0.05; 
	  mix-blend-mode: multiply; 
	  transform: scale(1.5);
	}
} */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Monteilga', serif !important;
/* 	line-height: 1.4 !important; */
	font-weight: 400 !important; 
}

header.jupiterx-header.jupiterx-header-custom {
    position: absolute;
}

.main-menu .raven-menu-item {
    &:before {
        content: '';
        width: 0%;
        height: 1px;
        background-color: #744E26;
        position: absolute;
        bottom: -6px;
        transition: all .5s;
    }
	
	&:hover:before {
        width: 100%;
    }
	
	&.raven-menu-item-active {
		&:before {
			width: 100%;
		}
	}
}

.draw-border a {
  position: relative;
  border-color: #FFD607;
	
  &::before,
  &::after {
    position: absolute;
	width: 0%;
	height: 0%;
    border-color: #000 !important;
    border-style: solid;
    transition: all 0.35s;
    content: "";
    z-index: 1;
  }

  &::before {
	top: 0;
	left: 0;
    border-width: 2px 0 0 2px;
	opacity: 0;
  }

  &::after {
	bottom: 0;
	right: 0;
    border-width: 0 2px 2px 0;
	opacity: 0;
  }
	
  &:hover {
    border-color: #000 !important;
	background-color: #ffffff !important;
	
    &::before {
      width: 100%;
	  height: 100%;
      border-width: 2px 0 0 2px;
		opacity: 1;
    }
	  
    &::after {
	  width: 100%;
	  height: 100%;
      border-width: 0 2px 2px 0;
		opacity: 1;
    }
  }
}


.heading-flower h2 {
	&:before {
		content: '';
		background-image: url('https://sahara-sutter.com/wp-content/uploads/2026/06/heading-flower.webp');
		width: 154px;
		height: 203px;
		position: absolute;
        left: 142px;
        bottom: 87.5%;
		
		@media (max-width: 1366px) {
			left: 192px;
		}
	}
}

.blog-grid {
	.raven-posts {
		gap: 20px;
		margin: 0;
		flex-wrap: nowrap;
		
		@media (max-width: 768px) {
			flex-wrap: wrap;
		}
		
		.raven-grid-item {
			margin: 0;
			background: rgb(255 255 255 / 56%);
			padding: 20px;
			
			.raven-post {
				border: 1.63px solid #714620;
			    padding: 20px;
				
				.raven-post-button {
					padding: 10px 35px 16px 35px;
				}
			}
		}
	}
}

.fw {
	.raven-posts {
		flex-wrap: wrap;
		gap: 0;
        row-gap: 20px;
	}
}

.blog-grid .raven-post-button {
	position: relative;
  border-color: #FFD607;
	
  &::before,
  &::after {
    position: absolute;
	width: 0%;
	height: 0%;
    border-color: #000 !important;
    border-style: solid;
    transition: all 0.35s;
    content: "";
    z-index: 1;
  }

  &::before {
	top: 0;
	left: 0;
    border-width: 2px 0 0 2px;
	opacity: 0;
  }

  &::after {
	bottom: 0;
	right: 0;
    border-width: 0 2px 2px 0;
	opacity: 0;
  }
	
  &:hover {
    border-color: #000 !important;
	background-color: #ffffff !important;
	
    &::before {
      width: 100%;
	  height: 100%;
      border-width: 2px 0 0 2px;
		opacity: 1;
    }
	  
    &::after {
	  width: 100%;
	  height: 100%;
      border-width: 0 2px 2px 0;
		opacity: 1;
    }
  }
}

.marque_section {
	transform: rotate(-1.67deg);
    box-shadow: -896px 369px 250px 0 rgba(0, 0, 0, 0.00), -573px 236px 248px 0 rgba(0, 0, 0, 0.04), -322px 133px 209px 0 rgba(0, 0, 0, 0.13), -143px 59px 155px 0 rgba(0, 0, 0, 0.21), -36px 15px 85px 0 rgba(0, 0, 0, 0.25);
}

.testimonial_section {
	.raven-main-swiper {
		.swiper-wrapper {
			.swiper-slide {
				&.swiper-slide-active {
					padding-left: 80px;
					border-right: 0.92px solid #00000033;
					
					@media (max-width: 768px) {
						padding-left: 70px;
						border-right: 0px solid #00000033;
						padding-right: 70px;
					}
					
					@media (max-width: 575px) {
						padding-left: 0px;
						padding-right: 0px;
					}
				}
				
				&.swiper-slide-next {
					padding-right: 80px;
					
					@media (max-width: 768px) {
						padding-right: 0px;
					}
				}
			}
		}
	}
	
	.elementor-swiper-button {
		background: #744E26;
		width: 57px;
		height: 57px;
		border-radius: 100px;
		align-items: center;
        justify-content: center;
	}
}

.contact-form {
	.raven-submit-button {
		padding: 13px 35px 16px 35px;
		position: relative;
		border-color: #FFD607;

		&::before,
		&::after {
			position: absolute;
			width: 0%;
			height: 0%;
			border-color: #000 !important;
			border-style: solid;
			transition: all 0.35s;
			content: "";
			z-index: 1;
		}

		&::before {
			top: 0;
			left: 0;
			border-width: 2px 0 0 2px;
			opacity: 0;
		}

		&::after {
			bottom: 0;
			right: 0;
			border-width: 0 2px 2px 0;
			opacity: 0;
		}

		&:hover {
			border-color: #000 !important;
			background-color: #ffffff !important;

			&::before {
				width: 100%;
				height: 100%;
				border-width: 2px 0 0 2px;
				opacity: 1;
			}

			&::after {
				width: 100%;
				height: 100%;
				border-width: 0 2px 2px 0;
				opacity: 1;
			}
		}
	}
}

.banner-flower img {
	width: 80%;
	
	@media (max-width: 1680px) {
		width: 55%;
	}
}

.flower-1 img {
	width: 100%;
	
	@media (max-width: 1680px) {
		width: 75%;
	}
}

.flower-7 {
	@media (max-width: 1440px) {
		top: 20px !important;
	}
}

.flower-7 img {
	width: 100%;
	
	@media (max-width: 1680px) {
		width: 80%;
	}
	
	@media (max-width: 1366px) {
		width: 70%;
	}
	
	@media (max-width: 1199px) {
		width: 55%;
	}
}

.flower-8 img {
	width: 100%;
	
	@media (max-width: 1680px) {
		width: 80%;
	}
}

.flower-3 img {
	width: 100%;
	
	@media (max-width: 1600px) {
		width: 80%;
	}
}

@media (max-width: 1600px) {
	
	.flower-8 {
		display: none;
	}
	
	.flower-2 {
		display: none;
	}
	
	.banner-flower {
		display: none;
	}
}

.flower-6 img {
	width: 100%;
	
	@media (max-width: 1440px) {
		width: 70%;
	}
	
	@media (max-width: 1366px) {
		width: 60%;
	}
}

@media (max-width: 1440px) {
	.flower-3 {
		top: -200px !important;
	}
	
	.flower-1 {
		display: none;
	}
	
	.flower-10 {
		bottom: -60px !important;
		
		img {
			width: 70%;
		}
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.banner-title h1 {
		font-size: 80px !important;
	}
}

@media (max-width: 768px) {
	
	.flower-3 {
		display: none;
	}
	
	.flower-4 {
		display: none;
	}
	
	.flower-5 {
		display: none;
	}
	
	.flower-6 {
		display: none;
	}
	
}

@media (max-width: 1366px) {
	.flower-10 {
		bottom: -80px !important;
		
		img {
			width: 60%;
		}
	}
}

@media (max-width: 1024px) {
	.flower-10 {
		display: none;
	}
}

@media (max-width: 575px) {
	.awards img {
		width: 14%;
	}
}

.gallery_section {
	.gallery-item {
		border: 2px solid #714620;
		background: #FFFFFF;
		padding: 15px 15px 25px;
		
		.overlay{
			 margin-top: 25px;
		}
	}
}

.jupiterx-post-related-label {
	font-size: 48px !important;
	line-height: 1.2;
}

.wp-block-heading {
	font-size: 36px !important;
	line-height: 1.2;
	margin-bottom: 30px;
}

.wp-block-latest-posts__post-title {
	font-size: 18px !important;
	font-family: "Moglan Demo", Sans-serif;
	color: #565656;
}