/* =========================================================
   08. Drupal Security Contact
   ========================================================= */

.drupal-security-contact-section {
    position: relative;
    overflow: hidden;
    color: #071333;
    background:
        radial-gradient(circle at center left,
            rgba(0, 91, 255, 0.23),
            transparent 30%),
        radial-gradient(circle at top right,
            rgba(0, 91, 255, 0.18),
            transparent 28%),
        linear-gradient(135deg, #020b25 0%, #061d49 50%, #020b25 100%);
}

.drupal-security-contact-section::before {
    position: absolute;
    top: 80px;
    left: -120px;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(22, 135, 255, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px rgba(22, 135, 255, 0.04),
        0 0 0 70px rgba(22, 135, 255, 0.03);
    content: "";
}

.drupal-security-contact-section .container-custom {
    position: relative;
    z-index: 1;
}

.drupal-security-contact-content {
    max-width: 720px;
    min-width: 0;
}

.drupal-security-contact-kicker {
    color: #ff7a00;
    font-size: 16px;
    letter-spacing: 0.08em;
}

.drupal-security-contact-content h2 {
    font-size: 44px;
    line-height: 1.12;
    letter-spacing: -0.04em;
}

.drupal-security-contact-intro,
.drupal-security-contact-intro p,
.drupal-security-contact-points p {
    color: #ffffff !important;
}

.drupal-security-contact-intro {
    max-width: 650px;
    font-size: 18px;
    line-height: 1.5;

}

.drupal-security-contact-points p {
    font-size: 18px;
    line-height: 1.4;
}

.drupal-security-contact-point-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    color: #1687ff;
    font-size: 27px;
}

.drupal-security-contact-primary,
.drupal-security-contact-secondary {
    min-height: 60px;
    padding: 14px 24px;
    font-size: 16px;
}

.drupal-security-contact-primary {
    background: linear-gradient(135deg, #ff7a00, #ff4d00);
    box-shadow: 0 12px 28px rgba(255, 90, 0, 0.25);
}

.drupal-security-contact-secondary {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.9);
}

.drupal-security-contact-urgent {
    min-width: 0;
    color: #ff7a00;
    font-size: 16px;
    line-height: 1.4;
}

.drupal-security-contact-urgent span {
    min-width: 0;
    overflow-wrap: break-word;
}

.drupal-security-contact-form {
    padding: 28px;
    background: #fff;
    border: 1px solid #dbe8fb;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15);
}

.drupal-security-contact-label {
    font-size: 15px;
    line-height: 1.3;
}

.drupal-security-contact-label span {
    color: #ff4d00;
}

.drupal-security-contact-form .form-control,
.drupal-security-contact-form .form-select {
    min-height: 48px;
    padding: 11px 14px;
    color: #071333;
    background-color: #fff;
    border: 1px solid #cfdbea;
    border-radius: 7px;
    font-size: 15px;
    box-shadow: none;
}

.drupal-security-contact-form textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.drupal-security-contact-form .form-control:focus,
.drupal-security-contact-form .form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.drupal-security-contact-submit {
    min-height: 56px;
    padding: 13px 20px;
    background: linear-gradient(135deg, #ff7a00, #ff4d00);
    box-shadow: 0 12px 28px rgba(255, 90, 0, 0.2);
    font-size: 16px;
}

.drupal-security-contact-note {
    color: #667085;
    font-size: 14px;
    line-height: 1.45;
}

.drupal-security-contact-note i {
    margin-top: 3px;
    color: #98a2b3;
}

.drupal-security-contact-benefits {
    padding: 24px 28px;
    background: rgba(7, 31, 72, 0.84);
    border: 1px solid rgba(55, 121, 210, 0.3);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}

.drupal-security-contact-benefit {
    position: relative;
    min-width: 0;
    padding: 0 24px;
}

.drupal-security-contact-benefit::after {
    position: absolute;
    top: 8%;
    right: 0;
    width: 1px;
    height: 84%;
    background: rgba(255, 255, 255, 0.16);
    content: "";
}

.drupal-security-contact-benefits .col-xl-3:last-child .drupal-security-contact-benefit::after {
    display: none;
}

.drupal-security-contact-benefit-icon {
    width: 78px;
    min-width: 78px;
    height: 78px;
    color: #42a5ff;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 36px;
}

.drupal-security-contact-benefits .col-xl-3:nth-child(1) .drupal-security-contact-benefit-icon,
.drupal-security-contact-benefits .col-xl-3:nth-child(3) .drupal-security-contact-benefit-icon {
    color: #7bdd7b;
}

.drupal-security-contact-benefit-content {
    min-width: 0;
}

.drupal-security-contact-benefit-content h3 {
    font-size: 17px;
    line-height: 1.25;
}

.drupal-security-contact-benefit-content p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: break-word;
}

.drupal-security-contact-footer-note {
    min-width: 0;
}

.drupal-security-contact-footer-note>span {
    flex: 1 1 auto;
    max-width: 190px;
    height: 1px;
    background: rgba(255, 255, 255, 0.18);
}

.drupal-security-contact-footer-note i {
    color: #1687ff;
    font-size: 27px;
}

.drupal-security-contact-footer-note p {
    font-size: 16px;
    line-height: 1.4;
}

/* Drupal security contact submit button */
.drupal-security-contact-submit-wrap {
    position: relative;
    width: 100%;
}

.drupal-security-contact-submit-wrap .form-actions {
    width: 100%;
    margin: 0;
}

.drupal-security-contact-submit-wrap .form-submit,
.drupal-security-contact-submit-wrap input[type="submit"],
.drupal-security-contact-submit-wrap .button,
.drupal-security-contact-submit-wrap .webform-button--submit {
    width: 100% !important;
    min-height: 56px;
    margin: 0 !important;
    padding: 13px 20px 13px 52px !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff7a00, #ff4d00) !important;
    box-shadow: 0 12px 28px rgba(255, 90, 0, 0.2);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    appearance: none;
}

.drupal-security-contact-submit-wrap>i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: calc(50% - 185px);
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.drupal-security-contact-submit-wrap .form-submit:hover,
.drupal-security-contact-submit-wrap input[type="submit"]:hover,
.drupal-security-contact-submit-wrap .button:hover,
.drupal-security-contact-submit-wrap .webform-button--submit:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff850f, #ff5a0a) !important;
    box-shadow: 0 15px 32px rgba(255, 90, 0, 0.28);
}

.drupal-security-contact-submit-wrap .form-submit:focus,
.drupal-security-contact-submit-wrap input[type="submit"]:focus,
.drupal-security-contact-submit-wrap .button:focus,
.drupal-security-contact-submit-wrap .webform-button--submit:focus {
    outline: 0;
    box-shadow:
        0 12px 28px rgba(255, 90, 0, 0.2),
        0 0 0 3px rgba(255, 122, 0, 0.25);
}

@media (max-width: 1600px) {

    .drupal-security-contact-submit-wrap .form-submit,
    .drupal-security-contact-submit-wrap input[type="submit"],
    .drupal-security-contact-submit-wrap .button,
    .drupal-security-contact-submit-wrap .webform-button--submit {
        font-size: 14px;
    }

    .drupal-security-contact-submit-wrap>i {
        left: calc(50% - 165px);
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .drupal-security-contact-submit-wrap>i {
        left: 20px;
    }

    .drupal-security-contact-submit-wrap .form-submit,
    .drupal-security-contact-submit-wrap input[type="submit"],
    .drupal-security-contact-submit-wrap .button,
    .drupal-security-contact-submit-wrap .webform-button--submit {
        padding-right: 16px !important;
        padding-left: 48px !important;
        text-align: left;
    }
}

/* =========================================================
   Drupal Security Contact Responsive
   ========================================================= */

@media (max-width: 1600px) {
    .drupal-security-contact-kicker {
        font-size: 14px;
    }

    .drupal-security-contact-content h2 {
        font-size: 32px;
    }

    .drupal-security-contact-intro,
    .drupal-security-contact-points p {
        font-size: 15px;
    }

    .drupal-security-contact-primary,
    .drupal-security-contact-secondary,
    .drupal-security-contact-submit {
        font-size: 14px;
    }

    .drupal-security-contact-urgent {
        font-size: 14px;
    }

    .drupal-security-contact-form {
        padding: 24px;
    }

    .drupal-security-contact-label,
    .drupal-security-contact-form .form-control,
    .drupal-security-contact-form .form-select {
        font-size: 14px;
    }

    .drupal-security-contact-benefit-content h3 {
        font-size: 16px;
    }

    .drupal-security-contact-benefit-content p {
        font-size: 14px;
    }

    .drupal-security-contact-footer-note p {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .drupal-security-contact-content {
        max-width: none;
    }

    .drupal-security-contact-benefit {
        padding: 20px;
    }

    .drupal-security-contact-benefits .col-md-6:nth-child(2n) .drupal-security-contact-benefit::after {
        display: none;
    }

    .drupal-security-contact-benefits .col-md-6:nth-child(-n + 2) .drupal-security-contact-benefit {
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }
}

@media (max-width: 991px) {
    .drupal-security-contact-form {
        padding: 22px;
    }

    .drupal-security-contact-benefits {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .drupal-security-contact-kicker {
        font-size: 13px;
    }

    .drupal-security-contact-content h2 {
        font-size: 22px;
    }

    .drupal-security-contact-content h2 br {
        display: none;
    }

    .drupal-security-contact-intro {
        font-size: 15px;
    }

    .drupal-security-contact-points p,
    .drupal-security-contact-primary,
    .drupal-security-contact-secondary,
    .drupal-security-contact-submit,
    .drupal-security-contact-urgent {
        font-size: 14px;
    }

    .drupal-security-contact-point-icon {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 23px;
    }

    .drupal-security-contact-primary,
    .drupal-security-contact-secondary {
        width: 100%;
        min-width: 0;
        padding: 13px 16px;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .drupal-security-contact-form {
        padding: 18px;
    }

    .drupal-security-contact-label {
        display: block;
        margin-bottom: 4px;
    }

    .drupal-security-contact-form .form-control,
    .drupal-security-contact-form .form-select {
        font-size: 14px;
    }

    .drupal-security-contact-submit {
        min-width: 0;
        padding: 13px 16px;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .drupal-security-contact-benefit {
        padding: 18px 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .drupal-security-contact-benefits .col-md-6:last-child .drupal-security-contact-benefit {
        border-bottom: 0;
    }

    .drupal-security-contact-benefit::after {
        display: none;
    }

    .drupal-security-contact-benefit-icon {
        width: 62px;
        min-width: 62px;
        height: 62px;
        font-size: 29px;
    }

    .drupal-security-contact-benefit-content h3 {
        font-size: 16px;
    }

    .drupal-security-contact-benefit-content p,
    .drupal-security-contact-footer-note p {
        font-size: 13px;
    }

    .drupal-security-contact-footer-note {
        align-items: flex-start !important;
    }

    .drupal-security-contact-footer-note>span {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .drupal-security-contact-section::before {
        display: none;
    }

    .drupal-security-contact-urgent {
        align-items: flex-start !important;
    }

    .drupal-security-contact-benefit {
        align-items: flex-start !important;
    }

    .drupal-security-contact-footer-note {
        flex-direction: column;
        align-items: center !important;
    }
}

/* base styles */
h2 {
  font-size: 44px !important;
}

@media (max-width: 1599.98px) {
  h2 {
    font-size: 32px !important;
  }
}

@media (max-width: 1399.98px) {
  h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 1199.98px) {
  h2 {
    font-size: 28px !important;
  }
}

@media (max-width: 991.98px) {
  h2 {
    font-size: 26px !important;
  }
}

@media (max-width: 767.98px) {
  h2 {
    font-size: 22px !important;
  }
}

@media (max-width: 575.98px) {
  h2 {
    font-size: 21px !important;
  }
}

@media (max-width: 374.98px) {
  h2 {
    font-size: 20px !important;
  }
}