@media (min-width: 768px) {
    .webform-flex--container > .form-item > input:not([type="checkbox"]), .webform-flex--container > .form-item > select

 {
        width: 100% !important;
    }
}
.section-title {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #555;
}
.section-title:after {
    content: "";
    flex: 1;
    height: 2px;
    background: #1e4175;
    margin-left: 12px;
}
.fieldset-wrapper {
   /* margin-left: 250px;
  margin-top: -45px; */
    float: inline-start;
}


.em-contact-us p a {
    color: #ff0000;
    text-decoration: none;
    outline: 0;
}





.quick-card{
    border: 2px solid #1e4175;
    background:#fff;
    padding:22px;
    margin-bottom:20px;
    transition:.3s;
}



.icon-box {
    width: 40px;
    height: 40px;
    border: 1px solid #E3EBF7;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E3EBF7;
}







.quick-btn {
      text-align: center !important;
      width: 20%;
      display: inline-block;
      background: #1e4175;
      color: #ffffff;
      font-weight: 700;
      text-decoration: none;
      padding: 6px 11px;
      transition: .3s;
      font-size: 14px;
}



@media (max-width:767px){

    .quick-card{
        padding:18px;
    }

    .icon-box{
        margin-bottom:15px;
    }

    .quick-btn{
        display:block;
        text-align:center;
        margin-top:15px;
    }

    .quick-card h4{
        font-size:22px;
    }
}
div#edit-flexbox-02 {
    padding: 8px;
    border: 2px solid #1e4175;
    background-color: #ffffff6e;
}

legend#edit-are-you-an-existing-customer--wrapper-legend {
    background: #fff;
    padding: 8px;
    font-size: 14px;
}
.checkbox, .radio {
    margin-top: 0px;
  margin-bottom: 0px;}






.quick-links-section {
    margin-top: -22px;
}

@media (max-width:767px){
.quick-links-section {
    margin-top: 10px;
  }
.fieldset-wrapper {
    float: none;
  margin-top: -14px;}
  fieldset#edit-submission-agreement {
    padding: 10px;
}
  .highlighted {
       height: 100px;}
}

fieldset#edit-submission-agreement {
    font-size: 12px;
    color: #000000ab;
}
a.quick-btn.login-ac {
    border: 1px solid #CC0033;
    background: #CC0033;
}

.icon-box.icon-adm {
    background: #f9dad4;
}


/*Tab css */
/* Existing tablet block */
@media (max-width: 1023.98px) {
  .quick-card .row.align-items-center {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px 12px;
    align-items: start !important;
  }

  .quick-card .col-md-1.col-2,
  .quick-card .col-md-8.col-10,
  .quick-card .col-md-3.text-md-end.mt-3.mt-md-0 {
    width: auto !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .quick-card .col-md-1.col-2 { grid-column: 1; grid-row: 1 / span 2; }
  .quick-card .col-md-8.col-10 { grid-column: 2; grid-row: 1; }
  .quick-card .col-md-3.text-md-end.mt-3.mt-md-0 {
    grid-column: 2;
    grid-row: 2;
    margin-top: 6px !important;
    text-align: left !important;
  }

  #edit-flexbox-row-5 { display: block !important; }
  #edit-flexbox-row-5 > .webform-flex {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .fieldset-wrapper {
    float: none !important;
    margin-top: 0 !important;
  }
}

/* Apply same tablet layout to 1024.01px - 1439.98px */
@media (min-width: 1024.01px) and (max-width: 1439.98px) {
  .quick-card .row.align-items-center {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 10px 12px;
    align-items: start !important;
  }

  .quick-card .col-md-1.col-2,
  .quick-card .col-md-8.col-10,
  .quick-card .col-md-3.text-md-end.mt-3.mt-md-0 {
    width: auto !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .quick-card .col-md-1.col-2 { grid-column: 1; grid-row: 1 / span 2; }
  .quick-card .col-md-8.col-10 { grid-column: 2; grid-row: 1; }
  .quick-card .col-md-3.text-md-end.mt-3.mt-md-0 {
    grid-column: 2;
    grid-row: 2;
    margin-top: 6px !important;
    text-align: left !important;
  }

  #edit-flexbox-row-5 { display: block !important; }
  #edit-flexbox-row-5 > .webform-flex {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .fieldset-wrapper {
    float: none !important;
    margin-top: 0 !important;
  }
}

/*close */

@media (min-width: 992px) {
    .highlighted .content h1, .highlighted .content .h1

 {
        font-size: 70px;
        margin-top: 164px;
    }
.highlighted {
        margin-top: -333px;
          pointer-events: none;
  }
}
	
.clickable-card {
    cursor: pointer;
}

.clickable-card:hover {
    transform: translateY(-2px);
    transition: all .3s ease;
}

[about="/contact-us"] .paragraph--type--widget-blocks .content .webform-submission-form {
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    [about="/contact-us"] .paragraph--type--widget-blocks .content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.gray-background::before, [about="/contact-us"] .paragraph--type--widget-blocks .content::before, [about="/contact-us/confirmation"] > .node__content::before
 {
   
    background-color: rgb(255 255 255 / 21%);
  
}
@media (min-width: 992px) {
    .highlighted {
        margin-top: 0px;
        pointer-events: none;
    }
}
.webform-submission-form .form-item {
   
    padding-left: 5px;
}

input#edit-actions-submit {
    background: #1e4175;
    color: #ffffff;
}
.webform-options-display-side-by-side {
  display: flex;
  align-items: center;
  gap: 20px;
}

.webform-options-display-side-by-side .js-form-item {
  display: flex;
  align-items: center;
  margin: 0;
}


/* =========================================
   QUICK LINKS SECTION
   ========================================= */

.quick-links-section {
    width: 100%;
}

.quick-links-section .section-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #333;
}


/* =========================================
   QUICK CARDS
   ========================================= */

.quick-links-section .quick-card {
    padding: 10px;
   
}


/* =========================================
   ICON BOX
   ========================================= */

.quick-links-section .icon-box {
    margin: 0 10px 0 -10px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}


/* =========================================
   1. ACCOUNT / USER ICON
   Exact original SVG
   ========================================= */

.quick-links-section .account-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='8' r='4' stroke='%23555' stroke-width='1.8'/%3E%3Cpath d='M4 20C4 16.5 7.5 14 12 14C16.5 14 20 16.5 20 20' stroke='%23555' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* =========================================
   2. SHOPPING CART ICON
   Exact original SVG
   ========================================= */

.quick-links-section .cart-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='9' cy='20' r='1.5' stroke='%23555' stroke-width='1.8'/%3E%3Ccircle cx='18' cy='20' r='1.5' stroke='%23555' stroke-width='1.8'/%3E%3Cpath d='M2 3H5L7.5 15H18L21 7H8' stroke='%23555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* =========================================
   3. MESSAGE / CHAT ICON
   Exact original SVG
   ========================================= */

.quick-links-section .message-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5H20V15H8L4 19V5Z' stroke='%23555' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* =========================================
   HEADINGS
   ========================================= */

.quick-links-section h4 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.quick-links-section p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}


/* =========================================
   BUTTON / LINK
   ========================================= */

.quick-links-section .quick-btn a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.quick-links-section .quick-btn a:hover {
    text-decoration: underline;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .quick-links-section .quick-card {
        padding: 15px;
    }

    .quick-links-section h4 {
        font-size: 16px;
    }

    .quick-links-section p {
        font-size: 13px;
    }

    .quick-links-section .quick-btn {
        margin-top: 10px;
    }

}