.text-justify {
  text-align: justify;
}

.accessories-container {
    padding: 45px 46px 45px 0px;
    /*text-align: center;*/
}


.accessories-section {
    padding: 0px 40px;
    justify-content: space-between;
    margin-top: 52px;
}



.accessories-container h5 {
    color: #1F3750;
    font-size: 13px;
}

.accessories-container h1 {
    color: #314257;
    font-size: 35px;
}

.accessories-container p {
    color: #314257;
    font-size: 13px;
}

.accessories-contact {
    padding: 30px 4px;
    font-size: 13px;
}

.accessories-contact a {
    color: #2D96CD;
    text-decoration: none;
}

.accessories-contact a:hover{
  text-decoration: underline;
}

.accessories-img-container {
  padding: 0px 96px;
}

#btn-toggle {
    background: var(--light-blue);
    color: var(--white);
    padding: 1rem;
    font-size: 1rem;
    border: none;
    text-decoration: none;
    border-radius: 3px;
    padding: 13px 66px 13px;
}

    #btn-toggle:hover {
        background-color: var(--dark-blue);
    }

    #btn-toggle > a {
        text-decoration: none !important;
    }


.accessories-img-wrapper {
    object-fit: cover;
    overflow: hidden;
    /*border: 4px solid #fff;*/
    /*border-radius: 10px;*/
}

.accessories-img-wrapper img {
  width: 100%;
  transition: .5s all ease-in-out;
}

.accessories-img-wrapper:hover img {
  transform: scale(1.1);
  cursor: pointer;
}

.accessories-bg-gray {
  background-color: rgba(134,134,134,0.1);
  padding: 45px 46px 45px;
}

.accessories-contact a img{
  width: 2.5rem;
}

.accessories-contact .contact-icon {
    filter: invert(65%) sepia(43%) saturate(6426%) hue-rotate(181deg) brightness(80%) contrast(99%);
}

@media(max-width: 1024px) {
  .accessories-container {
      padding: 30px 40px;
  }
  
  .accessories-img-container {
      padding: 16px;
  } 

  .accessories-title h1{
      font-size: 1.17em; 
      margin: .83em 0;
      font-weight: bold;
  }
}

@media(max-width: 992px) {
  .accessories-container {
      padding: 30px 20px;
  }

  .accessories-contact{
      padding: 10px 0px 0px;
  }

  .accessories-container .accessories-bg-gray {
      padding: 40px 0px;
      border-left: 10px solid #fff;
      border-right: 10px solid #fff;
  }
}

@media(max-width: 768px) {
  .accessories-container {
      padding: 8px 10px;
  }
   .accessories-contact {
       font-size: 11px;
   }
}

@media(max-width: 576px) {
  .accessories-container h5 {
      font-size: 1rem !important;
  }
}