/* AVDEV full-width footer override */
.avdev-footer-fullwidth,
.avdev-footer-fullwidth * {
  max-width: 100% !important;margin-left: 0px;
}

.avdev-footer-fullwidth {
  width: 100vw;
	margin-left: 0px;
	margin-right: 0px;
/*  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);*/
  padding-left: 0;
  padding-right: 0;
}

/* Kill Gatsby container behavior inside widgets */
.avdev-footer-fullwidth .container,
.avdev-footer-fullwidth .row {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.avdev-footer-fullwidth .widget{padding: 0px;}

.avdev-footer-fullwidth .col-sm-12{padding-right: 0px;padding-left: 0px;}
/* ---------------- FOOTER Start---------------- */

    footer {
     background: linear-gradient(241deg,rgba(3, 3, 138, 1) 38%, rgba(168, 5, 5, 1) 100%);
      color: #9ca3af;
      padding: 40px 24px 24px;
    }

    .footer-inner {
      max-width: 1360px !important;
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) repeat(4, minmax(0, 1fr));
      gap: 28px;
   /*   border-top: 1px solid rgba(31, 41, 55, 0.8);*/
      padding-top: 0px;
      opacity: 1;
      transform: translateY(20px); color: #fff;text-align: left;
    }

.fot-cnt p{max-width: 320px;font-size: 12px !important;text-align: left;line-height: normal !important;}

    .footer-logo {
      font-weight: 700;
      color: #e5e7eb;
      margin-bottom: 8px;
    }

    .footer-col-title {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #fbfbfb;
      margin-bottom: 10px;
	font-weight: 600;	
    }

    .footer-links {
      list-style: none;
      display: grid;
      gap: 6px;
      font-size: 13px;
    }

    .footer-links a {
      color: #fff;
      transition: color 0.2s ease, transform 0.2s ease;
    }

    .footer-links a:hover {
      color:#7db8f8;
      transform: translateX(2px);
    }

    .footer-bottom {
      max-width: 1360px !important;
      margin: 18px auto 0;
      font-size: 11px;
      color: #fff;
      display: flex;
      justify-content: space-between;
      gap: 16px;
    }

    .socials {
      display: flex;
      gap: 10px;
    }

    .social-icon {
      width: 26px;
      height: 26px;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.7);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: #fff;
      transition: transform 0.25s ease, box-shadow 0.25s ease,
        border-color 0.25s ease, color 0.25s ease;
      cursor: pointer;background-color: #03038a;
    }

.social-icon a{color:#fff}   

.social-icon:hover {
      transform: scale(1.1) rotate(4deg);
      border-color: #e5e7eb;
      color: #e5e7eb;
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.7);
    }


.fot-comp-logo {
    display: flex;
    justify-content: flex-start; /* LEFT ALIGN */
    align-items: center;
    gap: 8px;                    /* reduce spacing between logos */
    margin-top: 10px;
    flex-wrap: wrap;           /* so p tag comes below */
}

.fot-comp-logo span {
    display: inline-flex;
    align-items: center;
}

.fot-comp-logo img {
	max-width: 130px !important;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 4px 6px;
	    transition: 
        transform 0.35s ease,
        filter 0.35s ease,
        box-shadow 0.35s ease;
}
.fot-comp-logo p {
    width: 100%;
    text-align: left;            /* left align text also */
    margin-top: 6px;
    font-size: 12px;
}

.fot-comp-logo img:hover {
    filter: grayscale(0%) brightness(1.05);
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}
/* =========================================
   RESPONSIVE: UP TO 900px

   ========================================= */
@media (max-width: 900px) {
  .footer-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }	
	footer{padding: 16px 24px 24px;}	
	
}

@media (max-width: 640px) {
.footer-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px 24px;
    padding-top: 0;
  }

  .footer-inner > div:first-child { grid-column: 1 / -1; }	
}