.page-footer{background:#1F1F1F;color: #fff;}
.top-bottom{text-align: center;padding: 10px 0px;border-top: 1px solid #312F2F;color: #666;}
.page-footer a{color: #999;text-decoration: none;font-size: 16px;}
.page-footer a:hover{color:#ccc;}
.foot-link ul{margin: 0px;padding: 0px;list-style: none;}
.foot-link{display: flex;gap: 10px 4%;width: 60%; justify-content: end;}
.foot-link h4{margin: 0px 0px 15px 0px;font-size: 18px;}
.foot-link ul li{}
.top-footer{padding:40px 0px;}
.footer-con{display:flex;justify-content:space-between;}
.footer-con .foot-logo{width: 35%;}
.footer-con .foot-logo img { width: 200px; }
.foot-link .col{width: 33%;}
.foot-link .col h4 .fa-angle-down{display: none;}
.foot-link ul{  display: block;}
@media (min-width: 100px) and (max-width: 768px){
    	.footer-con .foot-logo{text-align: center;}
		.page-footer{margin-top: 10px;}
	}

	@media (min-width: 100px) and (max-width: 560px){
		.footer-con .foot-logo, .foot-link{width: 100%;}
		.footer-con{flex-direction: column;}
		.foot-link{flex-direction: column;margin-top: 10px;gap: 0;}
		.foot-link .col{width:100%;}
		.foot-link ul{display: none;margin-top: 10px;}
		.foot-link h4{margin: 0;border-bottom: 1px solid #555;padding: 14px 5px;cursor: pointer;display: flex; justify-content: space-between; align-items: center;}
		.foot-link .col h4 .fa-angle-down{display:block;}
		.foot-link .col h4 i { transition: transform 0.3s; }
    	.foot-link .col.active h4 i { transform: rotate(180deg); /* rotate arrow */ }
	}