/* ============================================================== 
    # Helper CSS
=================================================================== */
.footer_container .container{
		padding: 0px 15px
	}

@media (min-width: 1250px) {
	.footer_container .container{
		max-width: 1320px;
		margin: auto;
		padding: 0px 15px
	}
}
@media only screen and (max-width: 992px) {
	.footer_container .responsive_grid {
    grid-gap: 40px !important;
}
}

@media only screen and (max-width: 767px) {
	.footer_container .responsive_grid {
    grid-template-columns: 1fr 1fr !important;
}
}
@media only screen and (max-width: 575px) {
	.footer_container .responsive_grid {
    grid-template-columns: 1fr !important;
}
.footer_container .powered_by .container {
    flex-direction: column;
}
}

.footer_container .logo{
	width: 150px;
}
.footer_container{
	background-color: #18263a;
	color: white;
}
.footer_container .responsive_grid{
	grid-gap: 80px;
    display: grid;
    grid-template-columns: 28% 1fr 1fr 1fr;
    padding: 60px 0;
}

.footer_container .footer_title{
	font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 28px;
    position: relative;
    color: white;
}
.footer_container .footer_item {
	color: white;
}
.footer_container .footer_item ul li a{
	cursor: pointer;
    font-size: .95em;
    opacity: .8;
    color: white;
    text-decoration: none;
}
.footer_container .footer_item ul li p{
	font-size: .95em;
    line-height: 1.3;
    margin-bottom: 8px;
    opacity: .8;
}
.footer_container .footer_item.link ul li a:hover{
	text-decoration: underline;
}
.footer_container .footer_item ul li{
	margin-bottom: 5px;
}
.footer_container .footer_title:after {
    background-color: #dadada;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
.footer_container .footer_title.contact li{
	font-size: .95em;
    line-height: 1.3;
    margin-bottom: 8px;
    opacity: .8;
}
.footer_container .social ul {
	display: flex;
    gap: 10px;
}

.footer_container .social ul li a{
	align-items: center;
    border: 1px solid #dadada;
    border-radius: 50%;
    display: block;
    display: flex;
    height: 44px;
    justify-content: center;
    opacity: .6;
    text-decoration: none;
    width: 44px;
}
.footer_container .social ul li a i{
    font-size: 21px;
}

.footer_container .powered_by {
    background-color: #243244;
    padding: 15px 0;
}
.footer_container .powered_by p {
    font-size: .9em;
    opacity: .8;
    margin: 0;
}
.footer_container .powered_by .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.footer_container .pwoered img {
    max-width: 60px;
    -webkit-filter: grayscale(1) brightness(5);
    filter: grayscale(1) brightness(5);
}
.footer_container .pwoered {
    display: flex;
    gap: 5px;
    
}
.footer_container .pwoered p {
    flex-shrink: 0;
    font-size: .9em;
    font-weight: 400;
    font-weight: 500;
    opacity: .5;
}