body, body p, body div{font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; }
h1,h2,h3,h4,h5,h6{font-family:  'Marcellus', serif !important;font-weight: 400 !important;}
b, strong {font-weight: bold !important;}
@media (max-width: 991px) {}
@media only screen and (max-width: 768px){
	.swiper-slide {width: 100% !important;}
	.testimonials-wrapper .testimonials-block .carousel-control {display: none;}
	.carousel-control.left, .carousel-control.right {background-image: unset; background-image: unset;background-repeat: unset;}
	.carousel-control, .carousel-control:hover, .carousel-control:focus {color: #FFFFFF;}}
#services-box a{ margin:0 auto;}
#articles .ry-btn-primary, 
#articles .ry-btn-primary:after {color: #FFFFFF;}
#articles .ry-btn-primary:hover, 
#articles .ry-btn-primary:hover:after {color: #FFFFFF;}

.ry-btn:after {display:none;}
.btn, .ry-btn, .ry-btn-primary, .ry-btn-secondary {font-family: 'Poppins';z-index:99;}
.ry-btn {text-transform: uppercase;height: auto;display: flex;align-items: center;justify-content: center;padding-left: 30px;padding-right: 30px;max-width: max-content;color: #222 !important;background: #e9b84f !important;font-size: 20px !important;}
.ry-btn-primary:hover {background: #032068 !important;color: #FFFFFF !important;}
.ry-btn.ry-btn-secondary{color: #FFFFFF !important;background: #032068 !important;}
.ry-btn.ry-btn-secondary:hover {background: #e9b84f !important;color: #222222 !important;box-shadow: unset !important;}
/*.cmsForm .has-error input {border: 1px solid #ff0069;}*/
.btn,.ry-btn,.ry-btn-primary {border-radius: 15px !important; font-size: 18px !important}
.btn-img {z-index: 999;}

.anchor-hidden { display: block; position: relative; top: -150px; visibility: hidden;}
.full-link, .full-link a { position: absolute; inset: 0; color: transparent;}
.full-link:hover a { color: transparent; }
.ry-each-link, .ry-each-link a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 9;
}

#ry-pg-body .ry-left p {
    margin: 0 0 10px 0 !important;
}

body.default p {
    color: #333;
}

.page-anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}


#ry-pg-body .owl-carousel .owl-item img {filter: unset;}
.HOLDsp-slides-container {height: calc(100vh - 120px) !important;}
li.third-level-container:not(.third-level a):after {
    content: '\f105';
    font-family: fontawesome;
    color: #fff;
    position: relative;
    top: 12px;
    right: 12px;
}


.ry-headline h2 {
	font-family: 'Marcellus', serif !important;
	font-weight: 500 !important;
	font-size: clamp(2.375rem, 2.1625rem + 1.0625vw, 3.4375rem) !important;
	text-transform: uppercase;
	color: var(--primary-color) !important;
	line-height: 1.1;
		letter-spacing: 2px;
		    text-align: center;
}

.ry-headline h2 span {
    display: block;
    line-height: 150% !important;
    color: #242424;
    letter-spacing: 4px;
    text-transform: uppercase !important;
    font-weight: 400;
    font-size: 22px;
    font-style: normal;
	font-family: 'Poppins', sans-serif !important;
	margin: 10px 0;
}

.mt-20{margin-top: 20px;}

.icon-bar a {
	padding: 14px;
}

.icon-bar a img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	transition: .2s;
}

/* INTERIOR PAGE SIDEBAR AND FULL WIDTH */
body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-left {
    width: 100%;
    max-width: 100%;
    float: unset;
}

body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-right {
    display: none;
}

.title-open {
  border-radius: 10px 10px 0 0 !important;
}

.title-closed {
  border-radius: 10px !important;
}


:root {
	--primary-color: #e9b84f;
	--secondary-color: #032068;
	--primary-bg: #e9b84f;
	--secondary-bg: #032068;
}
	
/* frames */
.brand-section {
  text-align: center;
  padding: 40px 20px;
  background-color: #fff;
}

.brand-section h2 {
  font-size: 1.8rem;
  margin-bottom: 30px;
  color: #222;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.brand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  justify-items: center;
  align-items: center;
  padding-bottom:30px;
  padding-top:30px;
}

/* Each box (same width + height) */
.brand-grid img {
  width: 100%;
  max-width: 200px;
  height: 180px; /* consistent box height */
  object-fit: contain; /* keeps logo aspect ratio */
  background: #f0ebe6;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional hover animation */
.brand-grid img:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Mobile-friendly adjustments */
@media (max-width: 600px) {
  .brand-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 15px;
  }

  .brand-grid img {
    max-width: 120px;
    height: 90px;
    padding: 15px;
  }
}

.frames-btn .ry-btn.ry-btn-primary{
  margin:0 auto;
}

/* frames end*/
	
	
	
	
/* RESPONSIVE */
	
@media (max-width:1440px)  and (min-width: 1200px) {
	
	.ry-headline h2 {
		font-size: 35px !important;
		line-height: 1.4;
	}

}
	
@media (max-width:991px) {
	div#section-brands {
		background:#f2f2f2 !important;
		padding: 3em 0 0;
	}

	div#section-brands .brand-container {
		padding-top: 1em;
	}
}