@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
}

.footer {
  background-color: rgb(0, 0, 51);
  
}

.footer_timing_logo img {
  width: 180px;
  margin-left: 10px;
}

.address {
  font-family: "Saira", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 20px;
}

.company {
  font-family: "Saira", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(210, 32, 39);
}

.about {
  font-family: "Saira", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(255, 255, 255);
  text-decoration: none;

  & a {
    text-decoration: none;
    color: rgb(255, 255, 255);
  }
}
.about:hover {
  color: red;
}
a span.bi{
  color: white;
  padding: 10px;
}
a span.bi:hover{
  color: red;
}

.footer_trademark {
  font-family: "Saira", sans-serif;
  font-size: 14px !important;
}
#footer .accordion {
  display: none;
}
@media only screen and (max-width: 1094px) {
  .footer_trademark {
    font-family: "Saira", sans-serif;
    font-size: 16px;

  }
}
@media only screen and (max-width: 1000px) {
  .footer_timing_logo img {
    width: 150px;
  }
  .footer {
    margin-top: 0px !important;
  }
  .company {
    font-size: 19px;
  }
  .about {
    font-size: 15px;
  }
}

@media only screen and (max-width: 800px) {
  .footer_timing_logo img {
    width: 110px;
  }

  #footer .accordion {
    display: block;
    margin: 15px 0px !important;
    outline: 3px solid #000033;
  }
  #footer .accordion-item{
    outline: 3px solid #000033 ;
  }
  .footer_timing_logo {
    display: flex;
    justify-content: center;
  }
  .footer_text {
    display: none;
  }
  #footer .accordion-button {
    background-color: #010133;
    color: rgb(210, 32, 39);
    outline: 3px solid #000033;
  }
  #footer .accordion-header {
    background-color: #010133 !important;
    outline: 3px solid #000033;
    border-bottom: 1px solid white !important;
  }
  .footer_trademark {
    margin: 0px -1px;
    padding: 13px;
    font-family: 'Ubuntu';
  }
  .about:hover {
    color: red;
  }

  #footer .accordion-button:not(.collapsed) {
    background-color: rgb(0, 0, 51);
    border-bottom: 1px solid white !important;
    outline: none;
    color: rgb(210, 32, 39);
  }

  #footer .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-plus" viewBox="0 0 16 16"><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>');
  }

  #footer .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-dash" viewBox="0 0 16 16"><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');
  }

  #footer .accordion-body a {
    text-decoration: none;
    color: white;
    font-size: 14px;
  }
  
  #footer .accordion-button:focus {
    box-shadow: none;
  }
  #footer .accordion-body {
    background-color: #010133;
  }
  .footer_trademark {
    font-family: "Saira", sans-serif;
    font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .footer_timing_logo img {
    width: 100px;
  }
}