.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.portfolio-box-1 .image {
	height: 450px;
}

.services-box .content a {
	font-size: 12px !important;
	color: black !important;
	font-family: "Audrey" !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 0px !important;
}

.services-row {
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
	/* equal gap */
	gap: 18px;
	/* optional fine tuning */
	flex-wrap: nowrap;
	/* force single row */
}

.services-box {
	flex: 1;
	/* equal width */
	text-align: center;
}

.icon {
	font-size: 45px;
	color: #f1b53f !important;

}

.services-box .icon {
	margin: 0 auto 10px !important;
}

.services-7-col {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 26px;
}

/* Tablet */
@media (max-width: 1200px) {
	.services-7-col {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Mobile */
@media (max-width: 768px) {
	.services-7-col {
		grid-template-columns: repeat(2, 1fr);
	}
}

.toggle-title {
	font-size: 25px !important;
	font-family: "Audrey" !important;
}

.toggle-content {
	font-size: 18px;
	font-family: "DM Sans", serif;
}

h5 {
	color: #f1b53f !important;
	font-size: 18px !important;
	text-transform: uppercase;
	margin-bottom: 18px;
	font-weight: 500;
}

li>p {
	color: white !important;
	font-size: 15px !important;
	font-family: "DM Sans", serif;
}

.s-contact-2 .contact-main .info-location ul {
	display: flex;
	padding-right: 88px;
	margin-bottom: 25px;
	gap: 55px;
}

.liClass>li {
	margin-block-start: 1em;
	margin-block-end: 1em;
	padding-inline-start: 40px;
}

section {
	overflow: hidden !important;
}

.custom-hr
{
    border:none;
    height:1px;
    background:#f9b842;
    margin:0px!important;
}


/* =========================
   MOBILE ONLY FIXES
========================= */
@media (max-width: 768px) {

  /* SERVICES SECTION → 2 per row */
  .services-row {
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
  }

  .services-box {
    flex: 0 0 calc(50% - 18px); /* 2 per row */
    text-align: center;
  }

  .icon {
    font-size: 36px;
  }

  .services-box .content a {
    font-size: 11px !important;
  }

  /* STEPS SECTION → 1 step per row */
  .s-formmail .liClass {
    flex-direction: column;
    gap: 20px;
  }

  .s-formmail .liClass > li {
    width: 100%;
    padding-inline-start: 0;
  }
}
