/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.container.main-content, .container.normal-container.row {
    --scroll-bar-w: 0px !important;
}
li#menu-item-34 a span{
   color: #fff;
}
li#menu-item-34 a span:after{
    display: none !important;
}
ul.social-links-list {
    display: flex;
}
button#cta-btn {
    margin-top: 30px;
}
#cta-btn, body[data-form-submit=regular] .container-wrap input[type=submit] {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA !important;
    font-size: 20px !important;
    line-height: 28px !important;
    border-radius: 0px !important;
    padding: 12px 40px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
li#menu-item-34 a  {
    border: 1px solid #1E293B;
    border-radius: 60px !important;
    padding: 15px 20px !important;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}

 li#menu-item-34 a:hover{
     background: #60A5FA  !important;
     border: 1px solid #60A5FA;
 }
 li#menu-item-34 a:hover span{
      color: #1E293B !important;
 }
a#cta-btn.dark:hover {
    border: 1px solid #0F1724 !important;
    color: #ffffff !important;
    background: #0F1724 !important;
}
#cta-btn:hover, body[data-form-submit=regular] .container-wrap input[type=submit]:hover {
    transform: unset !important;
    opacity: 1;
    box-shadow: unset !important;
    background: transparent !important;
    color: #60A5FA !important;
    border: 1px solid #60A5FA !important;
}




div#privacy-policy .vc_column-inner {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

div#privacy-policy h2, div#privacy-policy h3, div#privacy-policy  h4, div#privacy-policy  a {
    color: #3462a7;
}

div#privacy-policy p {
    padding-bottom: 10px;
}

div#privacy-policy p, div#privacy-policy li {
    color: #000;
}




div#ft-sec ul {
    margin-left: unset;
    margin-top: 30px;
}

div#ft-sec ul li {
    list-style: none;
    margin-bottom: 15px;
}

div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 16px;
    line-height: 24px;
}

div#ft-sec ul li a {
    position: relative;
}

div#ft-sec ul li a:before {
    content: "";
    background: #11dbee;
    height: 6px;
    width: 6px;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    transition: all 0.5s;
    transform: scale(0);
}

div#ft-sec ul li a:hover:before {
    transform: scale(1.2);
}





#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
    border-color: #60A5FA;
}

li#menu-item-34 a i {
    color: #60A5FA !important;
    font-size: 34px !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px;
}

li#menu-item-34 a:hover i {
    color: #1E293B !important;
}

div#ft-sec  h6 {
    color: #fff;
}

div#ft-sec ul li i {
    color: #60A5FA !important;
    font-size: 18px !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px;
}

#banner-sec div#inner-row {
    padding: 70px 40px;
    border-radius: 30px !important;
}

/* Hero section  */
div#hero-section .row-bg {
    position: relative;
}

div#hero-section .row-bg:before {
    content: "";
    background: linear-gradient(45deg, black, transparent);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

div#hero-section h1 {
    max-width: 700px;
    text-transform: capitalize;
}

div#hero-section p {
    max-width: 900px;
}
/* Features section css  */

div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 10px;
    border-radius: 10px;
    min-height: 350px;
    transition: all 0.5s;
}

div#features .vc_column-inner p {
    font-size: 14px !important;
}

div#features .vc_column-inner:hover {
    border: 1px solid #369fef;
    transform: scale(1.02);
}

/* About saphire section css  */

div#abt-saphire div#inr-row {
    padding-top: 40px;
}

div#abt-saphire  .iwt-text {
    color: #94A3B8;
    font-size: 18px;
    line-height: 26px;
}

div#abt-saphire .iwt-text strong {
    font-weight: 500;
    color: #fff;
    font-family: 'Playfair Display';
}

/* Process start css  */

div#process div#inr-row  .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 30px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: 320px;
    position: relative;
}

div#process div#inr-row   .vc_column-inner p {
    font-size: 17px;
    line-height: 25px;
}

div#process  div#inr-row  .vc_column-inner:hover {
    border: 1px solid #369fef;
    transform: scale(1.02);
}




div#process div#inr-row  .wpb_text_column {
    position: absolute;
    top: -20px;
    left: -20px;
}

div#process div#inr-row .wpb_text_column p {
    background: #2ba4e5;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

/* testimonials Section start  */

.testimonial_slider .image-icon.has-bg {
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    border-radius: unset;
    object-fit: contain !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.testimonial_slider blockquote p {
    color: #fff;
    max-width: 70%;
    margin: auto;
}

.testimonial-name {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.testimonial_slider .star-rating:before {
    color: #38a0f2;
}

.testimonial_slider {
    border: 1px solid #ffffff2e;
    border-radius: 10px;
    padding: 20px 20px 0 !important;
}
.testimonial_slider .controls {
    position: absolute;
    bottom: -42px;
    z-index: 30;
    width: 100%;
    text-align: center;
}
.testimonial_slider .controls ul li .pagination-switch.active, .testimonial_slider .controls ul li .pagination-switch:hover {
    background-color: #009bec;
}
.testimonial_slider .controls ul li .pagination-switch {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #009bec;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    transition: background-color .2s linear 0s, border-color .2s linear 0s;
    width: 10px;
}
/* =========================================
   Extra Large Screens / 4K / Wide Monitors
========================================= */

/* =========================================
   SECURE APPLICATION FORM (MAIN CONTAINER)
========================================= */
.secure-application-form {
    background: #0b1420 !important;
    border: 1px solid #263241 !important;
    border-radius: 8px !important;
    padding: 35px 30px 40px !important;
    margin: 0 auto 30px !important;
    box-sizing: border-box !important;
    font-family: 'Inter' !important;
    color: #ffffff !important;
    font-weight: 500;
}

/* =========================================
   HEADINGS & TITLES
========================================= */
.secure-application-form h2 {
    color: #f4f4f4 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.secure-application-form .section-title {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 24px !important;
    color: #ffffff !important;
    margin: 35px 0 15px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #273340 !important;
}

.secure-application-form .section-subtitle {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #dce2e8 !important;
    margin: 25px 0 12px 0 !important;
}

.secure-application-form .section-subtitle span {
    color: #8b98a8 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* =========================================
   LABELS & TEXT
========================================= */
.secure-application-form label {
    display: block !important;
    color: #e8e8e8 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    margin: 18px 0 8px 0 !important;
}

.secure-application-form label span {
    color: #8b98a8 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* =========================================
   INPUTS & SELECT DROPDOWNS
========================================= */
.secure-application-form .form-input {
    display: block !important;
    width: 100% !important;
    height: 45px !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin: 0 !important;
    background: #101925 !important;
    border: 1px solid #35404d !important;
    border-radius: 25px !important; /* Rounded Pills Look */
    color: #dce2e8 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: border-color 0.2s ease !important;
}

/* Select Arrow Styling */
.secure-application-form select.form-input {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%238b98a8" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    cursor: pointer !important;
}

.secure-application-form select.form-input option {
    background-color: #101925 !important;
    color: #ffffff !important;
}

/* Placeholder & Focus */
.secure-application-form .form-input::placeholder {
    color: #6c7a89 !important;
    opacity: 1 !important;
}

.secure-application-form .form-input:focus {
    border-color: #5c6e82 !important;
    background: #101925 !important;
}

/* =========================================
   GRID ROWS (City, State, ZIP)
========================================= */
.secure-application-form .form-row-3 {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
}

.secure-application-form .form-row-3 > div {
    flex: 1 !important;
}

/* =========================================
   RADIO & CHECKBOX STYLING
========================================= */
.secure-application-form .radio-group {
    display: flex !important;
    gap: 20px !important;
    margin-top: 8px !important;
}

.secure-application-form .radio-group label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-weight: normal !important;
}

.secure-application-form .checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-weight: normal !important;
    margin-top: 15px !important;
}

.secure-application-form input[type="radio"],
.secure-application-form input[type="checkbox"] {
    accent-color: #ffffff !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* =========================================
   TERMS & SUBMIT BUTTON
========================================= */
.secure-application-form .terms-text {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #9ab0c7 !important;
    margin: 25px 0 15px 0 !important;
}


/* =========================================
   ALERT STYLING
========================================= */
.saf-alert {
    padding: 16px 20px !important;
    margin-bottom: 25px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(8px) !important;
}

.saf-success {
    background-color: rgba(22, 101, 52, 0.25) !important;
    color: #86efac !important;
    border: 1px solid rgba(74, 222, 128, 0.3) !important;
}

.saf-error {
    background-color: rgba(153, 27, 27, 0.25) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

/* =========================================
   RESPONSIVE DESIGN (MOBILE)
========================================= */
@media (max-width: 600px) {
    .secure-application-form {
        padding: 20px 15px !important;
    }
    .secure-application-form .form-row-3 {
        flex-direction: column !important;
        gap: 0 !important;
    }
}
/* =========================================
   ICON INPUT
========================================= */
.secure-application-form .input-with-icon {
    position: relative !important;
    width: 100% !important;
}
.secure-application-form .input-with-icon .form-input {
    padding-right: 42px !important;
}
.secure-application-form .input-icon {
    position: absolute !important;
    right: 13px !important;
    top: 30% !important;
    transform: translateY(-50%) !important;
    color: #f0f0f0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
.secure-application-form .lock-icon {
    font-size: 13px !important;
}
.secure-application-form .calendar-icon {
    font-size: 15px !important;
}
.secure-application-form input[type="date"] {
    color-scheme: dark !important;
}
.secure-application-form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
    cursor: pointer !important;
}

/* =========================================
   SUBMIT AREA
========================================= */

.secure-application-form .submit-area {
    text-align: center !important;
    margin-top: 8px !important;
    margin: 10px auto !important;
    max-width: 380px;
}
.secure-application-form .secure-submit {
    display: inline-block !important;
    width: auto !important;
    min-width: 217px !important;
    height: 55px !important;
    padding: 14px 17px !important;
    margin: 0 auto !important;
    background: #5da4f5 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #07111d !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
}
.secure-application-form .secure-submit:hover {
    background: #78b5fa !important;
    color: #07111d !important;
}
/* =========================================
   TERMS TEXT
========================================= */
.secure-application-form .terms-text {
    color: #f0f0f0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}
.secure-application-form .terms-text a {
    color: #f0f0f0 !important;
    text-decoration: underline !important;
}
/* =========================================
   CF7 DEFAULT FIXES
========================================= */
.secure-application-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}
.secure-application-form .wpcf7-not-valid-tip {
    color: #ff8c8c !important;
    font-size: 11px !important;
    margin-top: 5px !important;
}
.secure-application-form .wpcf7-response-output {
    color: #e8e8e8 !important;
    border: 1px solid #35404d !important;
    margin: 15px 0 0 !important;
    padding: 10px !important;
}
/* contac us page css */
 /* Card Container */
        .contact-card {
            width: 100%;
            max-width: 550px;
            background: linear-gradient(145deg, #0d131f 0%, #080c14 100%);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            padding: 10px 32px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
        }

        /* Heading */
        .card-title {
            font-family: 'Playfair Display', serif;
            font-size: 32px;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 28px;
            letter-spacing: 0.2px;
        }

        /* List Layout */
        .contact-list {
            display: flex;
            flex-direction: column;
            gap: 22px;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }

        /* Icon Square Box */
        .icon-box {
            width: 46px;
            height: 46px;
            background-color: rgba(18, 25, 38, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            font-size: 18px;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }

        .contact-item:hover .icon-box {
            border-color: rgba(99, 102, 241, 0.4);
            color: #60a5fa;
            background-color: rgba(25, 35, 55, 0.9);
        }

        /* Content Labels & Values */
        .info-content {
            display: flex;
            flex-direction: column;
            padding-top: 2px;
            flex-grow: 1;
        }

        .label {
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #64748b;
            margin-bottom: 4px;
        }

        .value-link {
            font-size: 15px;
            color: #e2e8f0;
            text-decoration: none;
            transition: color 0.2s ease;
            word-break: break-all;
        }

        .value-link:hover {
            color: #ffffff;
        }

        .address-text {
            font-style: normal;
            font-size: 15px;
            color: #e2e8f0;
            line-height: 1.45;
        }

        /* Divider */
        .divider {
            height: 1px;
            background-color: rgba(255, 255, 255, 0.07);
            margin: 6px 0;
        }

        /* Schedule / Operating Hours Table Structure */
        .hours-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-top: 2px;
        }

        .hours-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 15px;
        }

        .day-text {
            color: #94a3b8;
        }

        .time-text {
            color: #e2e8f0;
        }
/* end conatact us */
/* ================================
   SEND AN INQUIRY - CONTACT FORM 7
================================ */
.inquiry-form {
    width: 100%;
    max-width: 100%;
    padding: 10px 32px 10px !important;
    background: #0d1622 !important;
    border: 1px solid #1d2a39 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}
.inquiry-heading {
    text-align: center !important;
    margin-bottom: 30px !important;
}
.inquiry-heading h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #f5f5f5 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}
.inquiry-heading p {
    nt;
    color: #fff;
}
.inquiry-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    margin-bottom: 14px !important;
}
.inquiry-field {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.inquiry-field label,
.inquiry-contact-method > label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #dfe4ea !important;
    font-family: 'Playfair Display';
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}
.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"],
.inquiry-form textarea {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    background: #111b28 !important;
    border: 1px solid #334153 !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
}
.inquiry-form input[type="text"],
.inquiry-form input[type="email"],
.inquiry-form input[type="tel"] {
    height: 40px !important;
}
.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder {
    color: #727d8c !important;
    opacity: 1 !important;
}
.inquiry-form input[type="text"]:focus,
.inquiry-form input[type="email"]:focus,
.inquiry-form input[type="tel"]:focus,
.inquiry-form textarea:focus {
    border-color: #4e91d9 !important;
    background: #111b28 !important;
    box-shadow: none !important;
}
.inquiry-contact-method {
    margin: 2px 0 16px !important;
    padding: 0 !important;
}
.inquiry-contact-method .wpcf7-list-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 16px 0 0 !important;
    padding: 0 !important;
}
.inquiry-contact-method .wpcf7-list-item-label {
    color: #aeb7c3 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    cursor: pointer !important;
}
.inquiry-contact-method input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0px 5px 0px 0 !important;
    padding: 0 !important;
    accent-color: #75a9e8 !important;
    position: relative;
    top: 4px;
}
.inquiry-message {
    margin-bottom: 17px !important;
}
.inquiry-form textarea {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding: 14px 20px !important;
    resize: none !important;
    line-height: 1.5 !important;
}
.inquiry-submit {
    margin: 0 !important;
    padding: 0 !important;
}
.inquiry-submit input[type="submit"] {
    width: 215px !important;
    height: 50px !important;
    background: #5b9eea !important;
    border: none !important;
    border-radius: 0 !important;
    color: #08111c !important;
    font-family: 'Inter';
    font-size: 15px !important;
    text-transform: uppercase !important;
    line-height: 23px !important;
}
.inquiry-submit input[type="submit"]:hover {
    background: #75b0f5 !important;
}
.inquiry-form .wpcf7-not-valid-tip {
    margin-top: 4px !important;
    font-size: 9px !important;
}
.inquiry-form .wpcf7-response-output {
    margin: 15px 0 0 !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
}
.inquiry-contact-method label {
    color: #fff !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-family: 'Playfair Display';
}
.inquiry-form p {
    padding: 0 !important;
}
.inquiry-form br {
    display: none !important;
}
/* end css */

@media (min-width: 1600px) {
}
/* =========================================
   Large Desktop Screens
========================================= */
@media (min-width: 1400px) and (max-width: 1599px) {
	
h1 {
    font-size: 60px !important;
    line-height: 68px !important;
}
div#hero-section h1 {
    max-width: 640px;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 16px;
    line-height: 24px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 15px;
    line-height: 23px;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 18px !important;
    line-height: 26px !important;
    border-radius: 0px !important;
    padding: 15px 40px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
p {
    font-size: 18px;
    line-height: 26px !important;
}

h2 {
    font-size: 40px !important;
    line-height: 48px !important;
}	
	
}
/* =========================================
   Desktop / Large Laptop
========================================= */
@media (min-width: 1200px) and (max-width: 1399px) {

h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
div#hero-section h1 {
    max-width: 530px;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 13px;
    line-height: 21px;
}
div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 10px;
    border-radius: 10px;
    min-height: 330px;
    transition: all 0.5s;
}
div#process div#inr-row .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: 330px;
    position: relative;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 18px !important;
    line-height: 26px !important;
    border-radius: 0px !important;
    padding: 15px 40px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
p {
    font-size: 16px;
    line-height: 24px !important;
}

h2 {
    font-size: 36px !important;
    line-height: 44px !important;
}

#top nav > ul > li > a {
    font-size: 14px;
    line-height: 22px;
}	
	
	
}
/* =========================================
   Small Laptop / Notebook
========================================= */
@media (min-width: 992px) and (max-width: 1199px) {
	
h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
div#hero-section h1 {
    max-width: 530px;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 10px;
    line-height: 18px;
}
div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 10px;
    border-radius: 10px;
    min-height: 330px;
    transition: all 0.5s;
}
div#process div#inr-row .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: 330px;
    position: relative;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
    padding: 10px 30px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
div#features .vc_column-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#process div#inr-row .vc_column-inner p {
    font-size: 14px;
    line-height: 22px !important;
}
p {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-34 a {
    border: 1px solid #1E293B;
    border-radius: 60px !important;
    padding: 13px 10px !important;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
    font-size: 11px !important;
    line-height: 19px !important;
}
#header-outer #logo img, #header-outer .logo-clone img, #header-outer .logo-spacing img {
    height: 60px;
}
h2 {
    font-size: 36px !important;
    line-height: 44px !important;
}

#top nav > ul > li > a {
    font-size: 14px;
    line-height: 22px;
}	
	

li#menu-item-34 a  i {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#hero-section {
    height: 400px !important;
}

div#features {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}	
	
}
/* =========================================
   Tablet / iPad
========================================= */
@media (min-width: 768px) and (max-width: 991px) {
	
h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
div#hero-section h1 {
    max-width: 530px;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 16px;
    line-height: 24px;
}
div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 10px;
    border-radius: 10px;
    min-height: 330px;
    transition: all 0.5s;
}
div#process div#inr-row .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 40px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: unset;
    position: relative;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
    padding: 10px 30px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
div#features .vc_column-inner p {
    font-size: 12px !important;
    line-height: 20px !important;
}
div#process div#inr-row .vc_column-inner p {
    font-size: 18px;
    line-height: 26px !important;
}
p {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-34 a {
    border: 1px solid #1E293B;
    border-radius: 60px !important;
    padding: 13px 10px !important;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
    font-size: 11px !important;
    line-height: 19px !important;
}

h2 {
    font-size: 36px !important;
    line-height: 44px !important;
}

#top nav > ul > li > a {
    font-size: 14px;
    line-height: 22px;
}	
	

li#menu-item-34 a  i {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#hero-section {
    height: 400px !important;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 90px !important;
    }
div#features {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#featured img {
    width: 100%;
}

div#featured h2 {
    text-align: center;
}	
	
	
}
/* =========================================
   Large Mobile Devices
========================================= */
@media (min-width: 576px) and (max-width: 767px) {
	
h1 {
    font-size: 50px !important;
    line-height: 58px !important;
}
div#hero-section h1 {
    max-width: 530px;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 16px;
    line-height: 24px;
}
div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 30px;
    border-radius: 10px;
    min-height: unset;
    transition: all 0.5s;
}
div#process div#inr-row .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 40px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: unset;
    position: relative;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
    padding: 10px 30px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
div#features .vc_column-inner p {
    font-size: 18px !important;
    line-height: 26px !important;
}
div#process div#inr-row .vc_column-inner p {
    font-size: 18px;
    line-height: 26px !important;
}
p {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-34 a {
    border: 1px solid #1E293B;
    border-radius: 60px !important;
    padding: 13px 10px !important;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
    font-size: 11px !important;
    line-height: 19px !important;
}

h2 {
    font-size: 36px !important;
    line-height: 44px !important;
}

#top nav > ul > li > a {
    font-size: 14px;
    line-height: 22px;
}	
	

li#menu-item-34 a  i {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#hero-section {
    height: 400px !important;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 90px !important;
    }
div#features {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#featured img {
    width: 100%;
}

div#featured h2 {
    text-align: center;
}	
	
}
/* =========================================
   Mobile Devices
========================================= */
@media (max-width: 575px) {
h1 {
    font-size: 30px !important;
    line-height: 38px !important;
}
div#hero-section h1 {
    max-width: unset;
    text-transform: capitalize;
}
div#abt-saphire .iwt-text {
    color: #94A3B8;
    font-size: 14px;
    line-height: 22px;
    padding-left: 45px;
}
div#ft-sec a, div#ft-sec p, div#ft-sec ul li {
    color: #94A3B8;
    font-size: 16px;
    line-height: 24px;
}
div#features .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 30px;
    border-radius: 10px;
    min-height: unset;
    transition: all 0.5s;
}
div#process div#inr-row .vc_column-inner {
    border: 1px solid #ffffff4f;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.5s;
    background: #0A111A;
    min-height: unset;
    position: relative;
}
a#cta-btn {
    background: #60A5FA !important;
    color: #0F1724;
    border: 1px solid #60A5FA;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
    padding: 10px 30px !important;
    font-weight: 500;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
}
div#features .vc_column-inner p {
    font-size: 18px !important;
    line-height: 26px !important;
}
div#process div#inr-row .vc_column-inner p {
    font-size: 18px;
    line-height: 26px !important;
}
p {
    font-size: 16px;
    line-height: 24px !important;
}
li#menu-item-34 a {
    border: 1px solid #1E293B;
    border-radius: 60px !important;
    padding: 13px 10px !important;
    letter-spacing: 1.8px !important;
    transition: all 0.5s !important;
    font-size: 11px !important;
    line-height: 19px !important;
}

h2 {
    font-size: 26px !important;
    line-height: 34px !important;
}

#top nav > ul > li > a {
    font-size: 14px;
    line-height: 22px;
}	
	

li#menu-item-34 a  i {
    font-size: 14px !important;
    line-height: 22px !important;
}

div#hero-section {
    height: 400px !important;
}
body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 90px !important;
    }
div#features {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}

div#featured img {
    width: 100%;
}

div#featured h2 {
    text-align: center;
}

div#abt-saphire {}

div#abt-saphire .vc_column-inner {
    min-height: unset !important;
}

div#abt-saphire .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.inherit_tablet.inherit_phone:nth-child(1) {
    min-height: 300px !important;
}
div#abt-saphire div#inr-row .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.inherit_tablet.inherit_phone {
 min-height: unset !important;   
}
.testimonial_slider blockquote p {
    color: #fff;
    max-width: unset;
    margin: auto;
}

#banner-sec div#inner-row {
    padding: 30px 20px;
    border-radius: 30px !important;
}	
div#inner-page {
    height: 180px !important;
    padding-top: 90px !important;
    padding-bottom: 60px !important;
}	
	.hours-list {width: 100% !important;justify-content: space-between !important;}

.contact-item {
    display: flex;
    flex-direction: column;
}

.contact-card {
    max-width: unset !important;
    padding: 20px !important;
}

.hours-row {
    width: 100% !important;
    justify-content: space-between !important;
}

.info-content {
    flex-grow: unset !important;
    width: 100%;
}

.inquiry-form {
    padding: 10px 20px 10px !important;
}

.inquiry-row {
   grid-template-columns: 1fr !important;
}
}