/* footer section */

.footer_section{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    background-color: #1B3350;
    color: white;
    font-family: 'Raleway', sans-serif;
    padding: 80px 120px;
}

.footer_section_item--1--address p{
    margin-top: 16px !important;
    font-size: 16px !important;
    line-height: 27px !important;
    text-align: left !important;
}

.footer_section_item--2{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.footer_section_item--1 .top{
    display: flex;
    align-items: center;
    gap: 20px;
}

.image-71 {
  height: 68px;
  width: 50px;
}

.image-70 {
  height: 38px;
  width: 262px;
}

.footer_section_item--2 .item{
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    font-family: "Raleway", Helvetica, sans-serif;
}

.footer_section_item--2 .item:hover{
    color: #65a1e9;
}



/* Remove bullet */
.footer_section_item--3 .ITEM1 h1{
    margin-bottom: 12px;
}
.footer_section_item--3 .ITEM1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
}

/* Style li */
.footer_section_item--3 .ITEM1 .items {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

/* Phone icon */
.footer_section_item--3 .ITEM1 .item_1::before {
    content: "";
    background: url("../img/footer/tele.163babc059c2.png") no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    display: inline-block;
}

/* Email icon */
.footer_section_item--3 .ITEM1 .item_2::before {
    content: "";
    background: url("../img/footer/mainl.b1f52362b6f7.png") no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    display: inline-block;
}

.footer_section_item--3 .ITEM_Follow_1{
    content: "";
    background: url("../img/footer/fb.212c8ad2fcb9.png") no-repeat center;
    background-size: contain;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    display: inline-block;
}

.footer_section_item--3 .ITEM_Follow_2{
    content: "";
    background: url("../img/footer/insta.a14011da3a89.png") no-repeat center;
    background-size: contain;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    display: inline-block;
}

.footer_section_item--3 .ITEM_Follow_1,
.footer_section_item--3 .ITEM_Follow_2 {
    transition: transform 0.3s ease;
}

.footer_section_item--3 .ITEM_Follow_1:hover,
.footer_section_item--3 .ITEM_Follow_2:hover {
    transform: scale(1.1);
    cursor: pointer;
}









/* ========================= */
/* FOOTER SECTION (MOBILE)   */
/* ========================= */
@media screen and (max-width: 760px) {

  .footer_section{
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 28px;
    gap: 36px;
  }

  /* Order like screenshot:
     1) Logo/title
     2) Menu
     3) Contact + Follow
  */
  .footer_section_item--1{ order: 1; width: 100%; }
  .footer_section_item--2{ order: 2; width: 100%; }
  .footer_section_item--3{ order: 3; width: 100%; }

  .footer_section_item--1--address{
    display: none;
  }
  /* Menu spacing like screenshot */
  .footer_section_item--2{
    gap: 26px;
  }

  /* CONTACT + FOLLOW layout */
  .footer_section_item--3{
    display: grid;
    grid-template-columns: 1fr auto auto; /* label + 2 icons */
    grid-template-rows: auto auto;        /* contact block + follow row */
    row-gap: 28px;
    column-gap: 14px;
    align-items: center;
  }

  /* Contact block should take full width (first row) */
  .footer_section_item--3 .ITEM1{
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .footer_section_item--3 .ITEM1 h1{
    color: #ffffff !important;
    text-align: start;
    padding-bottom: 1.2rem;
  }

  /* "FOLLOW US:" left (second row) */
  .footer_section_item--3 .ITEM2{
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-weight: 600;
  }

  /* remove the <br> only on mobile (it breaks the row) */
  .footer_section_item--3 br{
    display: none;
  }

  /* icons go right (second row) */
  .footer_section_item--3 .ITEM_Follow_1{
    grid-column: 2;
    grid-row: 2;
    margin-right: 0;
  }
  .footer_section_item--3 .ITEM_Follow_2{
    grid-column: 3;
    grid-row: 2;
    margin-right: 0;
  }

  /* optional: smaller logo spacing on mobile */
  .footer_section_item--1 .top{
    gap: 14px;
  }

  .footer_section_item--3 .ITEM1 h1{
    font-size: 1rem;
  }

  .footer_section_item--3 .ITEM1 ul{
    margin-top: 1.2rem;
  }

  .footer_section_item--3 .ITEM1 li{
    font-size: 0.5rem;
    /* margin-left: -2px; */
  }
}

/* ✅ FIX ICON SELECTORS (your HTML uses footer_item_1 / foote_item_2) */
.footer_section_item--3 .ITEM1 .footer_item_1::before {
  content: "";
  background: url("../img/footer/tele.163babc059c2.png") no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 12px;
  display: inline-block;
}

.footer_section_item--3 .ITEM1 .foote_item_2::before {
  content: "";
  background: url("../img/footer/mainl.b1f52362b6f7.png") no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-right: 12px;
  display: inline-block;
}




.footer_section_item--1--address,
.footer_section_item--1--address p{
    color: #ffffff !important;
}


.footer_section_item--2 .item{
  text-transform: uppercase;
}

.footer_section a{
  color: inherit;
  text-decoration: none;
}