.footer-9{
	background: var(--FOOTER_BG);
	color: var(--FOOTER_TXT_COLOR);
	padding: 32px 0; 
}

.footer-9 .container{
	max-width: 1200px; 
	margin: 0 auto; 
}

.footer-9 .grid{
	display: grid; 
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
	gap: 24px; 
}

.footer-9 .grid.four{
	grid-template-columns: repeat(4, 1fr); 
}

.footer-9 .col{
	display: flex; 
	flex-direction: column; 
	gap: 12px; 
}

.footer-9 .icon-section{
	gap:30px;
}

.footer-9 .title{
	font-family: var(--SECONDARY_FONT_FAMILY);
	font-size: var(--BODY_TXT_FONT_SIZE); 
	font-weight: var(--MED_FONT_WEIGHT); 
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
	margin: 0 0 4px; 
}

.footer-9 .icon-section .section-wrap .title{
	margin: 0 0 20px; 
}

.footer-9 ul{
	list-style-type: none;
	padding-inline-start: 0;
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
	font-weight: var(--REG_FONT_WEIGHT);
}

.footer-9 li{
	padding: 5px 0;
}

.footer-9 li:hover,
.footer-9 li a:hover{
	cursor: pointer;
	color: var(--FOOTER_SITEMAP_TXT_HOVER_COLOR);
	text-decoration: none;
}

.footer-9 .companyinfo{
	font-size: 12px; 
	line-height: 1.7; 
	color: #cfcfcf; 
}

.footer-9 .intro h3{
	font-family: var(--SECONDARY_FONT_FAMILY);
	letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
	font-size: var(--BODY_TXT_FONT_SIZE); 
	font-weight: var(--MED_FONT_WEIGHT); 
	margin: 0 0 10px; 
}

.footer-9 .companyintro-text{
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
	font-weight: var(--REG_FONT_WEIGHT);
	line-height: 1.7; 
	color: var(--TXT_COLOR_3); 
}

.footer-9 .provider-platform {
	display: flex;
	height: 125px;
	background: none;
}
.footer-9 .provider-platform .provider-platform-container {
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	border-radius: 10px;
}
.footer-9 .provider-platform .provider-platform-wrap {
	padding: 12px;
	display: flex;
	gap: 40px;
	transition: transform 0.5s ease;
}
.footer-9 .provider-platform .provider-img {
	max-width: 120px;
	max-height: 80px;
	height: fit-content;
	margin: auto 0;
	filter: grayscale(100%);
	opacity: .9;
}
.footer-9 .provider-platform .provider-img:hover {
	filter: none;
	opacity: 1;
}
.footer-9 .provider-platform-container .provider-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}
.footer-9 .provider-platform-container .provider-dots .provider-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.5s;
	background-color: var(--SLIDESHOW_INACTIVE_BTN);
}
.footer-9 .provider-platform-container .provider-dots .provider-dot.active {
	width: 25px;
	border-radius: 6px;
	background-color: var(--SECONDARY_COLOR);
}

.footer-9 .logo-row{
	display: flex; 
	gap: 14px; 
	align-items: center; 
	flex-wrap: nowrap; 
}

.footer-9 .logo-row.wrap{
	flex-wrap: wrap; 
}

.footer-9 img.brand{
	height: 40px; 
}

.footer-9 .logo img, 
.footer-9 .icon{
	height: 40px;
	width: auto; 
	filter: grayscale(100%); 
	opacity: .9; 
}

.footer-9 .logo img:hover, 
.footer-9 .icon:hover{
	filter: none; 
	opacity: 1; 
	transform: translateY(-1px); 
}

.footer-9 .divider{
	height: 1px;
	background: #686C77; 
	margin: 22px 0; 
}

.footer-9 .copyright{
	margin-top: 14px; 
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
	font-weight: var(--LIGHT_FONT_WEIGHT);
}

.footer-9 .social-icons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.footer-9 .social-icons .contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 42px;
  border-radius: 10px;
  background: var(--THIRD_BTN_BG);
  color: var(--THIRD_BTN_COLOR);
  transition: transform .2s ease, background .2s ease, color .2s ease;
  text-decoration: none;
}

.footer-9 .social-icons .contact-icon i {
  font-size: var(--ICON_SMALL_FONT_SIZE);
}

.footer-9 .social-icons .contact-icon:hover {
  transform: translateY(-1px);
  filter: brightness(0.8); 
}


@media (max-width: 1100px){
	.footer-9 .grid.four{
		 grid-template-columns: repeat(2, 1fr); 
	 }
}

@media (max-width: 600px){
	.footer-9{
		padding: 24px 0; 
	}
	
	.footer-9 .providers{
		gap: 14px; 
	}
	
	.footer-9 .grid.four{
		grid-template-columns: 1fr; 
	}
}