/* Customer support  */

/* new customer support css start */
* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
  }
  
  /* Topbar Section CSS */
  
  .top-strip {
    height: auto;
    margin: 0 auto;
    background: #1EE576;
    padding: 10px 0;
    cursor: pointer;
    width: 100%;
    transition: all 0.5s ease;
    position: fixed;
  }
  .top-strip.sticky {
    top: 80px;
  }
  header.sticky-top {
      /* position: fixed; */
      width: 100%
  }
  
  .top-strip.sticky {
    position: fixed;
    top: 80px;
    /* animation: smoothScroll 1s forwards; */
  }
  @media screen and (max-width: 1024px) {
    .top-strip {
        top: 75px !important;
    }
    .top-strip.sticky {
        top: 75px !important;
    }
  }
    
  @keyframes smoothScroll {
      0% {
          transform: translateY(-40px);
      }
      100% {
          transform: translateY(0px);
      }
  }
  
  .top-strip p {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.5px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin: 0;
  }
  
  .top-strip sup {
    font-size: 11.25px;
  }

  .top-strip sub {
    font-size: 11.25px;
  }
  
  /* Banner Section CSS */
  
  .hide-desktop {
    display: none;
  }
  
  #banner_sec {
    background: linear-gradient(96.47deg, rgba(0, 0, 0, 0.8) 27.38%, rgba(0, 0, 0, 0) 43.79%),
      linear-gradient(11.62deg, rgba(0, 0, 0, 0.5) 9.63%, rgba(0, 0, 0, 0) 33.61%), url('/images/CustomerSupport/header_01_d_new.webp') no-repeat;
    height: 100%;
    min-height: 522px;
    position: relative;
    background-size: cover;
    /* margin-top: 185px; */
  }
  
  .banner_content {
    margin-top: 60px;
  }
  
  #banner_sec .banner_content h1 {
    font-family: "DM Sans", sans-serif;
    font-size: 68px !important;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
  }
  
  #banner_sec .banner_content p.banner_desc{
    color: #fff;
    font-family: "DM Sans",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0;
    max-width: 420px;
  }
  
  #banner_sec .banner_content p.banner_desc a{
    color:#1EE576;
  }
  
  .faqs_box .tab-content .card-body a {
    color: #00873C !important;
  }
  
  .banner_content .green-btn {
    max-width: 196px;
    min-height: 48px;
    margin-top: 32px;
    width: 100%;
    cursor: pointer;
  }
  
  .banner_content .green-btn:focus {
    outline: none;
    border: none;
  }
  
  /* Don't Be Shy Section CSS */
  
  #dbs_sec {
    padding: 96px 0;
  }
  
  .section_title {
    font-family: "DM Sans", sans-serif;
    font-size: 68px !important;
    font-weight: 500;
    line-height: 74.8px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 64px;
  }
  
  .green-btn {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: #222;
    background-color: #1ee576;
    border-radius: 100px;
    line-height: 19.2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .green-btn:hover {
    color: #000;
    background-color: #00B140;
  }
  
  #dbs_sec .contact_list {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 24px;
    background: #F2FBF5;
    padding: 40px;
  }
  
  #dbs_sec .contact_list.dbs_call_us, #dbs_sec .contact_list.dbs_email_us {
    padding: 24px;
  }
  
  .callus_title_box {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  
  .online_tag {
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #046A38;
  }
  
  .online_tag span {
    background: #00B140;
    box-shadow: 0px 0px 0px 4px #1EE5763B;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
  }
  
  #dbs_sec .gap_column {
    gap: 30px;
  }
  
  #dbs_sec .dbs_virtual_assistant {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  #dbs_sec .dbs_virtual_assistant .contact_desc {
    margin: 24px 0;
  }
  
  #dbs_sec .dbs_ul {
    margin-bottom: 24px;
  }
  
  #dbs_sec .dbs_ul li {
    display: flex;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #414141;
    list-style: none;
    margin-bottom: 7px;
  }
  
  #dbs_sec .dbs_ul li:last-child {
    margin-bottom: 0;
  }
  
  #dbs_sec .dbs_ul li:before {
    content: url('/images/CustomerSupport/li_checkmark.svg');
  }
  
  #dbs_sec .dbs_ul li span {
    display: inline-block;
    margin-top: 3px;
    margin-left: 16px;
  }
  
  #dbs_sec .contact_title {
    font-family: "DM Sans", sans-serif;
    font-size: 32px !important;
    font-weight: 500;
    line-height: 38.4px !important;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 0;
  }
  
  #dbs_sec .contact_list.dbs_call_us .contact_title, #dbs_sec .contact_list.dbs_email_us .contact_title{
    font-size: 24px !important;
    line-height: 28.8px !important;
    letter-spacing: normal !important;
  }
  
  #dbs_sec .dbs_virtual_assistant .contact_title {
    max-width: 270px;
    margin-bottom: 24px;
  }
  
  #dbs_sec .contact_desc {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #414141;
    margin: 8px 0 0;
    /* letter-spacing: normal; */
  }
  
  #dbs_sec .dbs_call_us .contact_desc {
    margin: 8px 0;
  }
  
  #dbs_sec .contact_subdesc {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    color: #414141;
    margin-bottom: 0;
  }
  
  #dbs_sec .dbs_virtual_assistant .avl_24 {
    color: #666;
    display: none;
  }
  
  #dbs_sec .contact_subdesc span {
    font-family: "Inter", sans-serif;
  }

  #dbs_sec .contact_subdesc span span {
    font-weight: 600;
}
  
  #dbs_sec .contact_btn {
    background-color: #1EE576;
    color: #222;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    text-decoration: none;
    border-radius: 100px;
    border: unset;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
  }
  
  #dbs_sec .contact_btn:hover {
    color: #000;
    background-color: #00B140;
  }
  
  #dbs_sec .dbs_virtual_assistant .contact_btn {
    width: 100%;
    max-width: 155px;
  }
  
  #dbs_sec .sign_btn {
    background-color: transparent;
    color: #222222;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    text-decoration: none;
    border-radius: 100px;
    border: unset;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border: 1px solid #222222;
  }
  
  #dbs_sec .sign_btn:hover, #dbs_sec .sign_btn:focus {
    background: #414141;
    color: #fff;
  }
  
  #dbs_sec .dbs_virtual_assistant .sign_btn {
    width: 100%;
    max-width: 155px;
  }
  
  #dbs_sec .dbs_call_us .contact_btn {
    width: 100%;
    max-width: 195px;
    margin-top: 32px;
  }
  
  #dbs_sec .dbs_email_us .contact_btn {
    width: 100%;
    max-width: 192px;
    margin-top: 36px;
  }
  
  .dont_shy_desk {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0 24px 24px 0;
  }
  
  .dont_shy_mob {
    display: none;
  }
  
  .va_btns {
    display: flex;
    gap: 16px;
  }
  
  /* FAQs Section CSS */
  
  #faqs_sec {
    padding: 0 0 96px 0;
  }
  
  #faqs_sec .section_title {
    margin-bottom: 0;
  }
  
  #faqs_sec .tab-content .tab-pane a{
    text-decoration:underline !important;
    color: #00B140 !important;
  }
  
  .title_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 64px;
  }
  
  #search_box {
    background-color: #F5F7F5;
    width: 100%;
    max-width: 405px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 19px;
    border-radius: 8px;
    position: relative;
  }
  
  #search_box input {
    width: 100%;
    background-color: #F5F7F5;
    border: unset;
    padding-left: 44px;
    padding-right: 5px;
    min-height: 48px !important;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    color: #666666;
    border-radius: 8px;
  }
  
  #search_box input::-moz-placeholder {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    color: #8C8C8C;
  }
  
  #search_box input::placeholder {
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    color: #8C8C8C;
  }
  
  #search_box input:-webkit-autofill,
  #search_box input:-webkit-autofill:hover,
  #search_box input:-webkit-autofill:focus,
  #search_box input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
  }
  
  #search_box input:focus-visible {
    outline: unset;
  }
  
  .search_icon {
    cursor: pointer;
    position: absolute;
    left: 15px;
    right: unset;
  }
  
  .faqs_box h5.nofound_text{
    font-family: "DM Sans",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #414141;
  }
  
  /* FAQS Tabs CSS */
  
  #faq_tabs {
    display: flex;
    gap: 100px;
  }
  
  #nav-tabContent {
    width: 100%;
  }
  
  #faq_tabs #tab_pills #nav-tab {
    flex-direction: column;
    border: none !important;
    width: -moz-max-content;
    width: max-content;
    margin-left: 16px;
  }
  
  #faq_tabs h6.section-title {
    color: #eee;
  }

  @media only screen and (min-width: 767px) and (max-width: 1199px){
    .section_title {
      letter-spacing: -2px;
    }
  }
  
  #faq_tabs .nav-tabs .nav-item.show .nav-link,
  #faq_tabs .nav-tabs .nav-link.active {
    font-family: "Inter", sans-serif;
    font-weight: 600 !important;
    color: #222 !important;
  }
  
  #faq_tabs .nav-tabs .nav-link {
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    color: #414141 !important;
    background: transparent !important;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 24px;
    text-align: left;
    position: relative;
  }
  
  #faq_tabs .nav-tabs .nav-link:not(:last-child) {
    margin-bottom: 8px;
  }
  
  #faq_tabs .nav-tabs .nav-link.active:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #1EE576;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-16px, -50%);
  }
  
  /* FAQS accordionCS CSS */
  
  .accordionCS .card:first-child .card-header button.btn-link:first-child {
    padding-top: 0;
  }
  
  .accordionCS .card .card-body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #414141;
    padding-bottom: 24px;
    border-bottom: 1px solid #CACACA;
  }
  
  .accordionCS .card .card-body p{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #414141;
  }
  
  .accordionCS .card .card-body ol{
    list-style-position: inside;
  }
  
  .accordionCS .card .card-body ol li{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #414141;
    margin-bottom: 10px;
  }
  
  .accordionCS .card .card-body ol li:last-child{
    margin-bottom: 0;
  }
  
  .accordionCS .card-header button.btn.btn-link {
    padding: 24px 0;
    border-bottom: 1px solid #CACACA;
    color: #222222;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    white-space: normal;
    padding-right: 25px;
  }
  
  .accordionCS .card-header button.btn.btn-link:not(.collapsed) {
    padding-bottom: 16px;
    border-bottom: unset;
    border-color: transparent;
  }
  
  .accordionCS .card-header button.btn.btn-link:hover {
    text-decoration: none !important;
  }
  
  .accordionCS .card-header button.btn-link[aria-expanded="false"]:after {
    content: '';
    background: url('/images/CustomerSupport/arrow-down.svg') no-repeat;
    background-size: 10px;
    width: 10px;
    height: 6px;
    /* margin-right: 7px; */
    position: absolute;
    right: 7px;
  }
  
  .accordionCS .card-header button.btn-link[aria-expanded="true"]:after {
    content: "";
    background: url('/images/CustomerSupport/arrow-up.svg') no-repeat;
    background-size: 10px;
    width: 10px;
    height: 6px;
    /* margin-right: 7px; */
    position: absolute;
    right: 7px;
  }
  
  .faqTabTitleMobile {
    display: none;
  }
  
  /* Let's Talk Section CSS */
  
  #letstalk_sec .cs-lets-talk {
    background: #F5F7F5;
    padding-top: 72px;
    padding-bottom: 72px;
  }
  
  #letstalk_sec .cs-lets-talk h2 {
    color: #222222;
    font-family: "DM Sans", sans-serif;
    font-size: 40px !important;
    font-weight: 500;
    line-height: 44px !important;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 32px;
  }
  
  #letstalk_sec .cs-lets-talk p {
    max-width: 427px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #414141;
  }

  #letstalk_sec .col-md-7 .form-details p {
    font-size: 12px;
  }

  #letstalk_sec .cs-lets-talk .thanks-form h3 {
    color: #222;
  }
  
  .form-details p {
    color: #666666 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
    margin-bottom: 8px !important;
  }
  
  .lawn-form .form-label {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;
    color: #222222;
  }
  
  .lawn-form .invalid-feedback.show {
    display: block !important;
  }
  
  .form-label.color-666 {
    color: #666666;
  }
  
  .mt-48 {
    margin-top: 48px;
  }
  
  .lawn-form select {
    min-height: 34px !important;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    outline: none;
    border-radius: 0;
    border-top: none;
    padding: 5px 0;
    background: transparent;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #222222;
  }
  
  .lawn-form .btn-green {
    width: 225px;
    height: 48px;
    display: inline-block;
    background: #1EE576;
    border-radius: 100px;
    border: 0;
    margin-top: 48px;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    text-align: center;
    color: #222222;
  }
  
  .lawn-form .btn-green:hover {
    background-color: #00B140;
    color: #000;
    cursor: pointer;
  }
  
  #contactUsForm p.notes {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    color: #222222;
    max-width: 100%;
    margin-top: 24px;
  }
  
  #contactUsForm p.notes a{
    color: #00873C !important;
  }
  
  .lawn-form textarea {
    width: 100%;
    border: 1px solid #8c8c8c;
    background-color: #fff;
    border-radius: 4px;
    padding: 16px 8px 16px 16px;
    max-height: 130px;
    min-height: 130px;
    height: 100%;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  
  .lawn-form textarea:focus{
    border-color: #222 !important;
  }
  
  .lawn-form textarea::-moz-placeholder{
    border-color: #222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #8C8C8C;
  }
  
  .lawn-form textarea::placeholder{
    border-color: #222;
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #8C8C8C;
  }
  
  select.down-arrow {
    background: url('/images/CustomerSupport/Vector.png') no-repeat;
    background-position: right;
    /* transform: rotate(45deg);
    -webkit-transform: rotate(45deg); */
  }
  
  .lawn-form input[type="text"],
  .lawn-form input[type="email"],
  .lawn-form input[type="number"] {
    max-height: 35px !important;
    min-height: 34px !important;
    border-bottom: 1px solid #8C8C8C;
    border-left: none;
    border-right: none;
    outline: none;
    border-radius: 0;
    border-top: none;
    padding: 5px 0;
    background: transparent;
    color: #222222;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  
  .lawn-form input[type="text"]:not([value=""]):not(:focus),
  .lawn-form input[type="email"]:not([value=""]):not(:focus),
  .lawn-form input[type="number"]:not([value=""]):not(:focus) {
    border-color: #414141 !important;
    color:#222 !important;
  }
  
  .lawn-form input:-webkit-autofill,
  .lawn-form input:-webkit-autofill:hover,
  .lawn-form input:-webkit-autofill:focus,
  .lawn-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #F5F7F5 inset !important;
  }
  
  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  .hide-desk {
    display: none;
  }
  
  .hide-mob {
    display: block;
  }
  
  /* Modal CSS */
  
  .modal.lets-talk-modal {
    z-index: 9999 !important;
    padding-right: 0 !important;
  }
  
  .modal,
  .modal-open {
    overflow: hidden
  }
  
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
  }
  
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
  }
  
  .fade.show {
    opacity: 1;
  }
  
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 8px;
    pointer-events: none
  }
  
  .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-25%)
  }
  
  .modal.show .modal-dialog {
    transform: translate(0)
  }
  
  .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 16px)
  }
  
  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(28, 28, 28, .2);
    border-radius: 0;
    outline: 0
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #1c1c1c
  }
  
  .modal-backdrop.fade {
    opacity: 0
  }
  
  .modal-backdrop.show {
    opacity: .5
  }
  
  .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 16px 16px 14px 16px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  
  .modal-header .close {
    padding: 16px;
    margin: -16px -16px -16px auto
  }
  
  .modal-title {
    margin-bottom: 0;
    line-height: 1.55
  }
  
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 16px
  }
  
  .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px;
    border-top: 1px solid #e9ecef
  }
  
  .modal-footer>:not(:first-child) {
    margin-left: .25rem
  }
  
  .modal-footer>:not(:last-child) {
    margin-right: .25rem
  }
  
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
  }
  
  .lets-talk-modal .dropdown-menu,
  .lets-talk-modal .dropdown-menu .dropdown-item:hover,
  .lets-talk-modal .dropdown-menu .dropdown-item:focus,
  .lets-talk-modal .dropdown-menu .dropdown-item:active {
    background-color: #ffffff !important;
  }
  
  .success-lead-form button {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center;
    background: rgba(30, 229, 118, 1);
    padding: 16px 80px;
    border-radius: 100px;
    border: none;
  }
  
  .lets-talk-modal .modal-header .close {
    color: #000000;
    margin-top: 60px;
    font-size: 25px !important;
  }
  
  .lets-talk-modal .modal-content {
    padding: 20px 5px 20px 20px;
  }
  
  div#myModal .modal-content {
    padding-top: 62px;
    height: 80vh;
  }
  
  .lets-talk-modal .btn-close {
    padding-right: 30px !important;
    margin-top: 0px !important;
  }
  
  .btn-close,
  .close,
  .lawn-modal .btn-close,
  .lets-talk-modal .btn-close,
  .lead-form button,
  .lawn-modal .btn-close,
  .lawn-issuesslide .owl-item .card-text button,
  #successModal .btn-close {
    cursor: pointer;
  }
  
  .modal-header {
    border-bottom: none;
    position: relative;
  }
  #lead-modal .modal-header {
    position: static;
  }
  #lead-modal .btn-close{
    padding: 0 !important;
  }
  div#myModal .modal-header {
    padding-bottom: 0px;
  }
  
  .btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url('/images/CustomerSupport/close.svg');
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .modal .modal-content {
    transform: scale(1);
    opacity: 1;
  }
  
  .modal .form-group input {
    border-radius: 4px;
  }
  
  .modal-form {
    padding: 20px;
    background: #FFFFFF;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  
  .lets-talk-modal .was-validated .form-check-input:valid~.form-check-label {
    color: #000000 !important;
  }
  
  #successModal .modal-header {
    justify-content: left;
  }
  
  #successModal .btn-close {
    margin-top: 0px !important;
  }
  
  .lead-form .form-check-inline .form-check-input {
    margin-right: 11px !important;
    border-radius: 3px;
  }
  
  .form-check-inline .form-check-input {
    min-height: 14px !important;
  }
  
  .lead-form input[type=checkbox],
  .lead-form input[type=radio] {
    width: 18px !important;
    height: 18px !important;
  }
  
  .form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
  }
  
  .lets-talk-modal input[type=checkbox]:checked {
    background-color: blue !important;
  }
  
  .lets-talk-modal .modal-body {
    max-height: 79vh;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: 5px;
    padding: 10px 25px 40px;
  }
  
  input[type=checkbox]:checked {
    border-radius: 0;
    background-image: url('/images/CustomerSupport/check-white.png');
    background-color: #666 !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 60%
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
  
  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 500px;
      margin: 28px auto
    }
  
    .modal-dialog-centered {
      min-height: calc(100% - 56px)
    }
  
    .modal-sm {
      max-width: 300px
    }
  }
  
  @media (min-width: 992px) {
    .modal-lg {
      max-width: 860px
    }
  }
  
  .modal-content {
    color: #00703c
  }
  
  .modal-content .modal-body_title {
    color: #00703c;
    font-size: 36px
  }
  
  .modal-header {
    border-bottom: none
  }
  
  .modal-header .close {
    padding-top: 0;
    padding-bottom: 0;
    color: #666;
    font-weight: 900;
    font-size: 60px;
    text-decoration: none;
    line-height: 1
  }
  
  .modal-body {
    padding: 44px 16px 100px
  }
  
  @media (min-width: 576px) {
    .modal-dialog {
      padding: 0 15px
    }
  }
  
  .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 130px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
  }
  
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
  }
  
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -8%;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .lead-form .form-label {
    margin: 16px 0 0 0;
  }
  
  .lead-form label {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(102, 102, 102, 1);
  }
  
  .lead-form input[type="text"],
  .lead-form input[type="email"],
  .lead-form input[type="number"] {
    min-height: 24px !important;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    outline: none;
    border-radius: 0;
    border-top: none;
    padding: 5px 0;
    box-shadow: none;
  }
  
  .lets-talk-modal .modal-title {
    font-family: "DM Sans", sans-serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 68px;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
  }
  
  .lets-talk-modal .modal-body p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
  }
  
  .req-txt {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
  }
  
  p.terms {
    font-family: "Inter", sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 18px !important;
  }
  
  .terms a {
    color: blue;
    text-decoration: underline;
  }
  
  .lead-form button {
    color: #000000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    background: rgba(30, 229, 118, 1);
    padding: 16px 35%;
    border-radius: 100px;
    border: none;
  }
  
  .vertical-line .or-txt {
    position: absolute;
    background: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #000000;
    padding: 5px;
    top: 32%;
    left: -30%;
  }
  
  .vertical-line {
    height: 100px;
    border-left: 1px solid rgba(202, 202, 202, 1);
    position: relative;
    width: auto;
  }
  
  .lead-form .call-details.form-text {
    color: #000;
  }
  
  .call-details h3 {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
  }
  
  .call-details span:first-child {
    font-weight: 600;
  }
  
  .call-details span:nth-child(2) {
    font-weight: 400;
  }
  
  .call-details p {
    font-family: "Inter", sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 17px !important;
    letter-spacing: 0em;
    text-align: left;
  }
  
  .modal ::-webkit-scrollbar {
    width: 4px;
  }
  
  .modal ::-webkit-scrollbar-track {
    background: #fff
  }
  
  .modal ::-webkit-scrollbar-thumb {
    background: #414141;
  }
  
  .modal ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  p.terms {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  
  .lead-form button:hover {
    background: #00B140;
  }
  
  .row.mt-4.check-optional .form-check.form-check-inline {
    margin-bottom: 0 !important;
  }
  
  .callchours span {
    font-weight: 400;
  }
  
  .call-details span:first-child {
    font-weight: 600;
  }
  
  .chatButton {
    position: relative;
    z-index: 1;
  }
  
  #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
    top: 0 !important;
  }
  
  #successModal button#btnTrigger {
    display: none;
  }
  
  #myModalContact button#myModalContactBtnTrigger {
    display: none;
  }
  
  #successModal button[data-target="#successModal"] {
    margin-top: 28px;
  }
  
  #letstalk_sec #thank_you_msg h2.ty_title {
    font-family: "DM Sans",sans-serif;
    font-size: 68px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 110% !important; /* 74.8px */
    letter-spacing: normal;
    margin-bottom: 24px;
    color: #222222;
    width: 100%;
  }
  
  #letstalk_sec #thank_you_msg .ty_desc {
    font-family: "Inter",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #414141;
    margin-bottom: 48px;
  }
  
  #letstalk_sec button.ty_btn {
    width: 100%;
    max-width: 243px;
    height: 48px;
    display: inline-block;
    background: #1EE576;
    border-radius: 100px;
    border: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color: #222222;
  }
  
  #letstalk_sec button.ty_btn:hover, button.ty_btn:focus {
    background-color: #00B140;
    color: #000;
    cursor: pointer;
  }
  
  #signup_banner {
    background: #1EE576;
    color: #000000;
    padding: 10px 0;
  }
  
  #myModal {
    padding-top: 50px;
  }
  
  #leadForm .form-wrapper .mt-3 {
    margin-top: 16px !important;
  }


  /* Media Queries */
  
  @media screen and (min-width: 1440px) {
  
    #banner_sec .container,
    #dbs_sec .container,
    #faqs_sec .container,
    .cs-lets-talk .container {
      max-width: 1280px;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_desc {
      padding-right: 30px;
    }
  
    #dbs_sec .left_col {
      padding-right: 16px;
    }
  
    #dbs_sec .right_col {
      padding-left: 16px;
    }
  
    #dbs_sec .gap_column {
      gap: 32px;
    }
  
    #faq_tabs {
      gap: 220px;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1200px) {}
  
  @media only screen and (min-width: 300px) and (max-width: 1024px) {
    .cs-lets-talk p {
      width: 100% !important;
    }
  }
  
  
  @media screen and (min-width: 769px) and (max-width: 992px) and (orientation: landscape) {
    #banner_sec {
      background: linear-gradient(96.47deg, rgba(0, 0, 0, 0.8) 27.38%, rgba(0, 0, 0, 0) 73.79%),
        linear-gradient(11.62deg, rgba(0, 0, 0, 0.5) 9.63%, rgba(0, 0, 0, 0) 33.61%), url('/images/CustomerSupport/header_01_d_new.webp') no-repeat;
      background-position: -100px center;
      background-repeat: repeat-y;
    }
  }
  
  @media screen and (min-width: 601px) and (max-width: 768px) and (orientation: landscape) {
    #banner_sec {
      background: linear-gradient(96.47deg, rgba(0, 0, 0, 0.8) 27.38%, rgba(0, 0, 0, 0) 73.79%),
        linear-gradient(11.62deg, rgba(0, 0, 0, 0.5) 9.63%, rgba(0, 0, 0, 0) 33.61%), url('/images/CustomerSupport/header_01_d_new.webp') no-repeat;
      background-position: -190px top;
      background-repeat: repeat-y;
    }
  }
  
  @media screen and (max-width: 992px) {
  
    #dbs_sec .d-flex.left_col,
    #dbs_sec .d-flex.right_col {
      max-width: 100%;
      flex: 0 0 100%;
    }
  
    #dbs_sec .d-flex.right_col {
      margin-top: 30px;
    }
  
    #dbs_sec .gap_column {
      gap: 0;
    }
  
    #dbs_sec .d-flex.right_col .row .col-12 {
      flex: 0 0 50%;
      max-width: 50%;
    }
  
    #search_box {
      max-width: 260px;
    }
  
    #faq_tabs {
      gap: 30px;
    }
  
    #faq_tabs #tab_pills #nav-tab {
      width: 100%;
    }
  
    #faq_tabs .nav-tabs .nav-link {
      width: 100%;
      margin-bottom: 15px;
      line-height: 20px;
    }
  
    #faq_tabs .nav-tabs .nav-link:last-child {
      margin-bottom: 0;
    }
  
    .accordionCS .card-header button.btn.btn-link {
      white-space: normal;
      padding-right: 15px;
    }
  
    #myModal .modal-header {
      padding: 16px 0 0 !important;
    }
  
    #myModal .modal-title{
      padding-left:0;
    }
  
    #myModal .modal-body{
      padding: 10px 10px 40px 0 !important;
    }
  }
  
  @media screen and (max-width: 991px){
    .row.mt-4.check-optional .form-check.form-check-inline {
      margin-bottom: 3px !important;
    }
  }
  
  @media screen and (min-width: 767px) {
    .row.mt-4.check-optional {
      padding-left: 15px;
    }

    div#truGreenMobile{
      padding-top: 32px !important;
    }
  
    #truGreenSocial.social_container_background{
      margin-top: 30px !important;
    }
  }
  #truGreenSocial.social_container_background{
    margin-top: 0 !important;
  }
  @media only screen and (min-width: 767px) and (max-width: 1024px) {
    .lets-talk-modal .modal-title {
      font-size: 58px !important;
    }
  }
  /* @media only screen and (min-width: 601px) and (max-width: 1199px) {
    .bg-white #banner_sec {
      margin-top: 97px !important;
    }
  } */
  
  @media screen and (max-width: 768px) {
  
    #banner_sec .banner_content h1 {
      font-size: 42px !important;
      line-height: 44.1px !important;
      margin-bottom: 16px;
    }
  
    .section_title {
      font-size: 42px !important;
      line-height: 44.1px !important;
      margin-bottom: 24px;
      letter-spacing: normal;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_title,
    #dbs_sec .contact_list.dbs_call_us .callus_title_box .contact_title, 
    #dbs_sec .right_col .contact_list.dbs_email_us .contact_title {
      font-size: 24px !important;
      line-height: 26.4px !important;
      max-width: 100%;
      letter-spacing: normal;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_title{
      max-width: 230px !important;
    }
  
    #faq_tabs {
      gap: 20px;
    }
  
    .va_btns{
      flex-direction: column;
    }
  }
  
  .lawn-form select#topic:disabled {
    color: #222222;
    font-size: 16px;
  }
  
  @media screen and (max-width: 768px) {
    #banner_sec {
      min-height: 460px;
    }
  
    #dbs_sec {
      padding: 56px 0;
    }
  
    #faqs_sec {
      padding: 0 0 56px;
    }
  
    .faqs_box {
      margin-top: 0;
    }
  
    .title_box {
      margin-bottom: 48px;
    }
  
    .faqTabTitleMobile {
      display: block;
      font-family: "DM Sans", sans-serif;
      font-size: 24px !important;
      font-weight: 500 !important;
      line-height: 28.8px !important;
      margin-bottom: 24px;
      color: #222;
      letter-spacing: normal;
    }
  
    .faqTabTitleMobile.tab_active {
      color: #00873C;
      margin-bottom: 24px;
    }
  
    .accordionCS .card-header button.btn.btn-link {
      font-size: 18px;
      line-height: 21.6px;
      justify-content: unset;
      padding-right: 33px;
      letter-spacing: normal;
    }
  
    .faqs_box .accordionCS .card-body {
      padding-right: 30px;
    }
  
    #faq_tabs .accordionCS {
      margin-bottom: 40px;
    }
  
    #tab_pills {
      display: none;
    }
  
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  
    .tab-content .tab-pane:last-child h2.faqTabTitleMobile:not(.tab_active) {
      margin-bottom: 0;
    }
  
    .cs-lets-talk {
      padding: 64px 0;
    }
  
    .cs-lets-talk h2 {
      font-size: 40px !important;
      line-height: 44px !important;
      margin-bottom: 24px;
    }
  
    .cs-lets-talk .lets_talk_subdesc {
      margin-bottom: 40px;
    }
  
    .mt-small-40 {
      margin-top: 32px;
    }
  
    .mt-48 {
      margin-top: 48px;
    }
  
    .hide-desk {
      display: none !important;
    }
  
    .hide-mob {
      display: block !important;
    }
  
    .cs-lets-talk p.notes.mt-48 {
      margin-top: 24px;
    }
  }
  
  @media screen and (max-width: 767px){
    #thank_you_msg h2.ty_title{
        font-size: 42px !important;
        line-height: 44.1px !important;
        letter-spacing:-1px;
        margin-bottom:16px;
    }
  
    #thank_you_msg .ty_desc {
        margin-bottom:40px;
    }
  
    #myModal {
      padding-top: 40px;
    }
  
    #myModal .modal-title {
      font-size: 42px !important;
      line-height: 44px !important;
    }
  
    .row.mt-4.check-optional{
      padding-left: 15px !important;
    }

    #dbs_sec .right_col .contact_btn:hover{
      background-color: #1EE576;
      color: #222222;
    }
    
    #dbs_sec .right_col .contact_btn:active{
      background-color: #00B140;
      color: #222;
    }
  }
  
  
  @media screen and (max-width: 600px) {
    header .top-strip {
      position: fixed !important;
    }
    #lead-modal.modal.show .modal-dialog{
      max-width: 100%;
    }
  
    #banner_sec .container,
    #dbs_sec .container,
    #faqs_sec .container {
      padding: 0 16px;
    }
    .top-strip .row .col-12 {
      padding: 0;
    }
    .cs-lets-talk .container {
      padding: 0 16px;
    }
  
    .cs-lets-talk .lets_talk_subdesc{
      max-width: 337px;
    }
  
    #banner_sec {
      background: linear-gradient(180deg, rgba(29, 33, 18, 0.00) 37.35%, #1D2112 49.88%), url('/images/CustomerSupport/header_01_m_new.webp') no-repeat;
      background-position: unset;
      background-size: contain;
      min-height: 520px;
      display: flex;
      align-items: flex-end;
      /* margin-top: 113px !important; */
    }
  
    #banner_sec .banner_content {
      display: flex;
      align-items: center;
      flex-direction: column;
    }
  
    #banner_sec .banner_content h1 {
      text-align: center;
      margin-bottom: 8px;
    }
  
    #banner_sec .banner_content p.banner_desc {
      text-align: center;
      max-width: 95%;
      font-size: 18px;
      line-height: 21.6px;
      letter-spacing: normal;
    }
  
    .banner_content .green-btn {
      margin-top: 24px;
      margin-bottom: 24px;
      max-width: 100%;
    }
  
    .dont_shy_desk {
      display: none;
    }
  
    .dont_shy_mob {
      display: block;
      border-radius: 16px 16px 0 0;
    }
  
    #dbs_sec .contact_list.dbs_virtual_assistant {
      padding: 0;
    }
  
    #dbs_sec .dbs_va_content {
      padding: 24px 24px 32px;
    }
  
    #dbs_sec .d-flex.left_col .col-sm-6,
    #dbs_sec .d-flex.right_col .row .col-12 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    #dbs_sec .d-flex.left_col .col-sm-6 {
      padding-right: 16px !important;
    }
  
    #dbs_sec .contact_list {
      padding: 32px 24px;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_desc {
      margin: 8px 0 16px;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_btn,
    #dbs_sec .dbs_call_us .contact_btn,
    #dbs_sec .dbs_email_us .contact_btn,
    #dbs_sec .dbs_virtual_assistant .sign_btn {
      max-width: 100%;
    }
  
    #dbs_sec .dbs_call_us .contact_btn,
    #dbs_sec .dbs_email_us .contact_btn {
      margin-top: 24px;
    }
  
    #dbs_sec .dbs_call_us .contact_desc {
      margin: 8px 0 8px;
    }
  
    #dbs_sec .dbs_virtual_assistant .contact_btn {
      margin-top: 8px;
    }
  
    #dbs_sec .dbs_email_us .contact_desc {
      margin-top: 8px;
    }
  
    #dbs_sec .dbs_virtual_assistant {
      border-top-left-radius: 0;
      border-bottom-right-radius: 16px;
      border-bottom-left-radius: 16px;
    }
  
    #dbs_sec .contact_list {
      border-radius: 16px;
    }
  
    #dbs_sec .d-flex.right_col,
    #dbs_sec .contact_list.dbs_email_us {
      margin-top: 24px;
    }
  
    #dbs_sec .contact_list.dbs_email_us {
      height: auto;
    }
  
    .title_box {
      flex-direction: column;
      margin-bottom: 48px;
    }
  
    #faqs_sec .section_title {
      width: 100%;
      margin-bottom: 32px;
    }
  
    #search_box {
      max-width: 100%;
    }
  
    #myModal.lets-talk-modal .modal-dialog {
      padding-top: 0 !important;
      width: auto !important;
      margin: 0.5rem !important;
    }
  
    .modal {
      padding-top: 0 !important;
    }
  
    .lets-talk-modal .modal-title {
      font-size: 36px !important;
      line-height: 40px !important;
    }
  
    .row.mt-4.check-optional {
      padding:0 15px;
    }
  
    #myModal .modal-body p:nth-child(2) {
      font-size: 12px;
      font-weight: 400;
      line-height: 17px;
      letter-spacing: 0em;
    }
  
    .vertical-line {
      height: 1px !important;
      border-left: 1px solid rgba(202, 202, 202, 1);
      position: relative;
      margin: 26px auto !important;
      width: 300px !important;
      background: #ccc;
    }
  
    .vertical-line .or-txt {
      top: 0 !important;
      left: 42% !important;
      margin-top: -12px !important;
      font-size: 14px !important;
    }
  
    a.call-now-mob.d-block.d-sm-none {
      background: #000000;
      width: 100% !important;
      color: #ffffff !important;
      font-family: "DM Sans", sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: center;
      text-decoration: none;
      padding: 13px 0;
      border-radius: 100px;
    }
  
    .lead-form button {
      width: 100% !important;
    }
  
    .call-details p {
      text-align: center !important;
      margin: 26px 0 40px 0 !important;
      font-size: 14px !important;
    }
  
    div#myModal .modal-content{
      height: auto !important;
    }
  
    .modal-body {
      max-height: 90vh;
      overflow-x: hidden;
      overflow-y: scroll;
      margin-right: 5px;
      height: 600px;
    }
  
    .lawn-form .btn-green{
      width: 100%;
    }
  
    #dbs_sec .dbs_virtual_assistant .sign_btn{
      max-width: 100% !important;
    }
  
    #successModal .modal-dialog.modal-lg {
      width: 100%;
      padding: 16px;
    }
  
    #successModal button#btnTrigger {
      display: none;
    }
  
    #myModal .modal-content{
      padding:0 !important;
    }
  
    #myModal .modal-header .modal-title {
      font-size: 48px !important;
      line-height: 68px !important;
    }
  
    #myModal .modal-header {
      padding: 50px 30px 0 30px !important;
    }
  
    #myModal .modal-body{
        padding: 16px 30px 40px !important;
    }
  
    #myModal span#myModalClose{
        margin-top:10px !important;
    }
  
    #myModal .modal-body p{
        margin-bottom:16px;
        margin-top: 0.25rem;
    }
  
    #myModal .row.mt-4.check-optional p{
        margin:10px 0 5px 0;
    }
  
    #myModal label{
        line-height: 18px;
    }
  
    .row.mt-4.check-optional .form-check.form-check-inline{
        margin-bottom:6px !important;
    }
  
    #myModal p.terms {
        margin-top: 0.25rem !important;
        margin-bottom: 16px !important;
    }
  
    #myModal .vertical-line{
        margin:30px 0 !important;
    }
  
    .faqs_box h5.nofound_text{
      font-size: 20px;
    }
  
    .faq h2 {
      font-size: 42px !important;
      line-height: 44px !important;
    }
  
    .faq .accordionCS-faq {
      font-size: 16px !important;
      font-family: "Inter", sans-serif;
      line-height: 24px !important;
      padding: 16px 0 !important;
    }
  
    .faq .panel {
      padding: 0 !important;
    }
  
    .hide-desktop a {
      margin: 15px;
    }
  
    button.open-now {
      font-size: 14px !important;
      margin-top: 0 !important;
      white-space: nowrap;
    }
  
    #dbs_sec .dbs_ul {
      margin-bottom: 16px;
    }
  
  
    .img-space {
      margin-right: 0 !important;
      margin-bottom: 20px;
    }
  
    .tabs-section .nav.nav-tabs {
      flex-wrap: nowrap;
    }
  
    .get-started {
      margin-bottom: 40px !important;
      margin-top: 32px !important;
    }
  
    .full-text {
      top: -66%;
    }
  
    .full-service {
      min-height: 100% !important;
  
    }
  
    .save-now {
      padding: 20px 0 !important;
    }
  
    .full-service picture img {
      max-height: 280px;
      height: 280px;
    }
  
    .full-service h3 {
      font-size: 36px !important;
      line-height: 40px !important;
    }
  
    .tabs-section {
      overflow-x: scroll;
      white-space: nowrap;
      overflow-y: hidden;
      height: 50px;
    }
  
    .d-sm-block {
      display: block;
    }
  
    .banner-txt-container {
      text-align: center;
      width: 100% !important;
      left: 0;
      right: 0;
      margin-top: 18%;
    }
  
    .canada-text p {
      width: 100% !important;
    }
  
    .hide-mobile {
      display: none;
    }
  
    .hide-desktop {
      display: block !important;
    }
  
    .faq .acc-faq {
      margin-left: 0 !important;
    }
  
  }
  
  @media screen and (max-width: 400px) {
    #dbs_sec .dbs_email_us .contact_desc {
        max-width: 290px;
    }
  }
  #myModal span#myModalClose {
    background: url(/images/CustomerSupport/close.svg) no-repeat;
    border-radius: 0;
    padding: 0 !important;
    margin-right: 10px !important;
  }
  
  /* @media screen and (min-width: 1025px) and (max-width: 1080px) and (orientation: landscape){
    .top-strip, .top-strip.sticky{
      top:75px;
    }
    #banner_sec{
      margin-top: 116px;
    }
  } */

  #customer_support_faq .card .collapse{
    visibility: visible !important;
  }
  
  /* new customer support css end */

  .react-autosuggest__suggestions-list li {
    list-style: none;
  }

  ul.react-autosuggest__suggestions-list li {
    cursor: pointer;
    font-weight: 400;
  }

  @media screen and (max-width: 768px) {
    #faq_tabs .accordionCS {
        margin-bottom: 40px;
    }
  }