/*
 Theme Name:   Crest Child
 Theme URI:    https://wdtcrest.wpengine.com/
 Description:  Crest Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     crest
 Text Domain:  crest-child
 Version:      1.0.0
 Tested up to: 6.8
 Requires PHP: 7.4
 Tags:  E-Commerce, Blog, portfolio
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 Copyright (C) 2025 venusweb. All rights reserved.
*/




/*contact form 7 range slider*/
.slidecontainer {
    width: 100%;
    position: relative;
    margin-top: 20px;
  }
  
  .slider {

    -webkit-appearance: none !important;
    width: 99% !important;
    height: 5px !important;
    background: #ddd !important;
    outline: none !important;
    border-radius: 5px !important;
    position: relative !important;
    /* margin: 2px !important; */
    padding: 4px !important;

  }
  
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    background-color: #ffffff00;
    border-radius: 50%;
    cursor: pointer;
  }
  
.slider-value {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -8px;
    background-color: #fc453c;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 13px;
    font-weight: bold;
    pointer-events: none;
    transform: translateX(-42%);
    padding: 0px;
    text-align: center !important;
    border: 2px solid #fc453c;
}
  
  
  .slider::-moz-range-thumb {
    width: 30px;
    height: 30px;
    background-color: #ffffff00;
    border-radius: 50%;
    cursor: pointer;
  }
  
  
  .slidecontainer .with-spinner {
    width: 100% !important;
}

input[type="range"]:focus, input[type="range"]:active {
    border-color: var(--wdtPrimaryColor);
}
.submit-assesment {
  cursor: pointer;
  border: none;
  background: transparent;
}

.custom-submit{}


/* Newsletter Form Modify */

div.ctct-form-embed div.ctct-form-defaults {
    padding-top: 0px !important;
}
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
    font-size: 24px !important;
}



/* Container for the whole form */
.bdn-newsletter-form {
    max-width: 450px;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Style the Email Input Field */
.bdn-newsletter-form input[type="email"] {
    width: 100%;
    height: 46px;
    padding: 10px 15px;
    border: 1px solid #b0b6bb;
    background-color: #ffffff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    color: #323232;
    display: block;
    margin-bottom: 15px; /* Space between input and button */
    appearance: none;
    -webkit-appearance: none;
}

/* Style the Submit Button */
.bdn-newsletter-form input[type="submit"] {
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    padding: 16px;
    line-height: 1;
    background-color: #ff4438; /* Using the red color from your snippet */
    color: #ffffff;
    border: 1px solid #ff4438;
    box-shadow: none;
    border-radius: 3px;
    text-transform: none;
    user-select: none;
    transition: all 0.1s ease-in-out;
}

/* Hover effect for the button */
.bdn-newsletter-form input[type="submit"]:hover {
    background-color: #e03a30;
    border-color: #e03a30;
}

/* GDPR Text Styling */
.bdn-gdpr {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.4;
    color: #666;
}

.bdn-gdpr a {
    color: #ff4438;
    text-decoration: underline;
}

.bdn-newsletter-form h2{
color: #323232;
    font: 24px "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    margin: 0 0 12px 0;
}