/* =========================================
   DSC7 APPOINTMENT
========================================= */

  .dsc7-appointment {
    padding: 50px 0;
    background: #f5f8fc;
  }


  .dsc7-appointment .appointment-box {

    background: #fff;
    border-radius: 20px;
    padding: 35px 40px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 35px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

  }


  .dsc7-appointment .appointment-left {

    display: flex;
    align-items: center;
    gap: 25px;
    flex: 1;

  }


  .dsc7-appointment .call-icon {

    width: 80px;
    height: 80px;
    min-width: 80px;

    border-radius: 50%;

    background: linear-gradient(135deg, #fd8a0f, #ffb347);

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 32px;

  }


  .dsc7-appointment .call-content span {

    color: #fd8a0f;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

  }


  .dsc7-appointment .call-content h2 {

    margin: 8px 0;

    font-size: 30px;

    color: #1b2a4e;

  }


  .dsc7-appointment .call-content p {

    margin: 0;

    color: #555;

  }


  .dsc7-appointment .appointment-right {

    display: flex;

    gap: 15px;

  }



  .dsc7-appointment .call-btn,
  .dsc7-appointment .quote-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 28px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 600;

    white-space: nowrap;

  }



  .dsc7-appointment .call-btn {

    border: 2px solid #fd8a0f;

    color: #fd8a0f;

    background: #fff;

  }


  .dsc7-appointment .quote-btn {

    background: #1b2a4e;

    color: #fff;

  }


  /* =========================================
   FOOTER
========================================= */


  .dsc7-footer {

    background: #111c33;

    padding: 60px 0 20px;

    color: #fff;

  }


  .dsc7-footer .footer-column h3 {

    font-size: 20px;

    margin-bottom: 25px;

    color: #fff;

  }


  .dsc7-footer .footer-column h3:after {

    content: "";

    display: block;

    width: 45px;

    height: 3px;

    background: #fd8a0f;

    margin-top: 10px;

  }



  .dsc7-footer ul {

    padding: 0;

    margin: 0;

    list-style: none;

  }


  .dsc7-footer ul li {

    margin-bottom: 12px;

  }


  .dsc7-footer ul li a {

    color: #cfd6e6;

    text-decoration: none;

    font-size: 15px;

  }


  .dsc7-footer ul li a:hover {

    color: #fd8a0f;

  }



  .dsc7-footer .contact-item {

    display: flex;

    gap: 15px;

    margin-bottom: 18px;

  }



  .dsc7-footer .contact-icon {

    width: 35px;

    height: 35px;

    background: #fd8a0f;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

  }


  .dsc7-footer .contact-text {

    color: #ddd;

    font-size: 14px;

  }



  .dsc7-footer .footer-links {

    display: flex;

    justify-content: center;

    gap: 20px;

  }



  .dsc7-footer .footer-social a {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: #fff;

    color: #111c33;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-left: 8px;

  }




  /* =========================================
   CITY SECTION
========================================= */


  .dsc7-city-section {

    background: #111c33;

    padding: 40px 0;

  }


  .dsc7-city-wrapper h3 {

    text-align: center;

    color: #fff;

    font-size: 25px;

    margin-bottom: 55px;

  }



  /* 6 CITY IN ONE ROW */

  .dsc7-city-list {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: -5px 5px;

    max-height: 280px;

    overflow-y: auto;

    padding: 0;

    margin: 0;

  }



  .dsc7-city-list li {

    list-style: none;

  }



  .dsc7-city-list li a {

    display: block;

    background: transparent !important;

    box-shadow: none !important;

    border: none;

    color: #ddd !important;

    text-decoration: none;

    font-size: 14px;

    padding: 4px 0;

    white-space: nowrap;

  }



  .dsc7-city-list li a:hover {

    color: #fd8a0f !important;

  }


  /* CITY SCROLL */

  .dsc7-city-list::-webkit-scrollbar {

    width: 6px;

  }


  .dsc7-city-list::-webkit-scrollbar-thumb {

    background: #fd8a0f;

    border-radius: 10px;

  }


.contact-text p{
      font-size: 15px !important;
    }
  /* =========================================
   RESPONSIVE
========================================= */


  @media(max-width:991px) {


    .dsc7-appointment .appointment-box {

      flex-direction: column;

      text-align: center;

    }


    .dsc7-appointment .appointment-left {

      flex-direction: column;

    }


    .dsc7-city-list {

      grid-template-columns: repeat(4, 1fr);

    }


    .dsc7-footer .footer-column {

      margin-bottom: 30px;

    }


  }



  @media(max-width:576px) {


    .dsc7-appointment .appointment-box {

      padding: 25px 15px;

    }
    .contact-text p{
      font-size: 12px !important;
    }



    .dsc7-appointment .call-content h2 {

      font-size: 23px;

    }


    .dsc7-appointment .appointment-right {

      width: 100%;

      flex-direction: column;

    }



    .dsc7-appointment .call-btn,
    .dsc7-appointment .quote-btn {

      width: 100%;

      justify-content: center;

    }



    .dsc7-city-list {

      grid-template-columns: repeat(2, 1fr);

    }



    .dsc7-footer .footer-links {

      flex-direction: column;

    }

  }