/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html,
body {
    width: 100%;
    height: 100%;
}

/* 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;
}

.main-btn .elementor-button-icon {
    font-size: 50px;
    transition: all 0.3s;
}

.main-btn .elementor-button-content-wrapper {
    align-items: center;
}

.main-btn:hover .elementor-button-icon {
    transform: rotate(45deg);
}


.wpml-language-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.wpml-language-dropdown .active-language {
/*     background: rgba(255, 255, 255, 0.29); */
background:rgba(11, 11, 11, 0.29);
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 60px;
    padding-left: 29px;
    padding-right: 46px;
    height: 50px;
    display: flex;
    align-items: center;
    color: #fff;
    background-image: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 66% center;
}

.wpml-language-dropdown .language-list.show {
/*     background: rgba(255, 255, 255, 0.29); */
	background:rgba(11, 11, 11, 0.29);
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 10px;
    padding-left: 29px;
    padding-right: 46px;
    margin-top: 5px;
}

.wpml-language-dropdown .language-list.show li a {
    color: #fff;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
}

.wpml-language-dropdown .language-list.show li a:hover {
    background-color: transparent;
    color: #FB722E;
}

.wpml-language-dropdown .language-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    z-index: 999;
}

.wpml-language-dropdown .language-list.show {
    display: block;
}

.wpml-language-dropdown .language-list li {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
}

/* Footer */
.quick-menu-bx ul {
    column-count: 4;
}

/* Footer */
.full-sec-bx {
    padding-left: calc((100% - 1600px) / 2) !important;
}

.counter-bx .elementor-counter-number,
.counter-bx .elementor-counter-number-suffix {
    background: -webkit-linear-gradient(90deg, rgba(81, 81, 81, 0) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px transparent;
    color: #fff;
}


.counter-bx .elementor-counter-title {
    margin-top: -22px !important;
}

.tool-tip-main-bx {
    max-width: max-content !important;
}

.elementor-editor-active .tool-tip-main-bx .tooltip-cont-bx {
    opacity: 1;
    visibility: visible;
}

.tool-tip-main-bx .tooltip-cont-bx {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.tool-tip-main-bx .tooltip-cont-bx.active {
    opacity: 1;
    visibility: visible;
}

.tool-tip-ic {
    cursor: pointer;
}

/* Video Tutorial */

.video-bx .elementor-custom-embed-image-overlay::after {
    content: '';
    position: absolute;
    width: 87px;
    height: 87px;
    background-image: url('data:image/svg+xml,<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><foreignObject x="-60" y="-60" width="210" height="210"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(30px);clip-path:url(%23bgblur_0_216_2705_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="60"><circle cx="45" cy="45" r="35" fill="white" fill-opacity="0.1"/><circle cx="45" cy="45" r="40" stroke="white" stroke-opacity="0.1" stroke-width="10"/></g><path d="M53.7391 45.1303C53.7398 45.3688 53.6735 45.6033 53.5469 45.8112C53.4202 46.019 53.2374 46.193 53.0163 46.3163L39.313 54.054C39.082 54.1846 38.8174 54.2559 38.5465 54.2605C38.2757 54.2651 38.0084 54.2029 37.7723 54.0803C37.5384 53.9597 37.3436 53.7836 37.2079 53.5704C37.0721 53.3572 37.0004 53.1144 37 52.8671V37.3935C37.0004 37.1462 37.0721 36.9035 37.2079 36.6902C37.3436 36.477 37.5384 36.301 37.7723 36.1803C38.0084 36.0577 38.2757 35.9955 38.5465 36.0001C38.8174 36.0047 39.082 36.076 39.313 36.2066L53.0163 43.9443C53.2374 44.0676 53.4202 44.2416 53.5469 44.4495C53.6735 44.6573 53.7398 44.8919 53.7391 45.1303Z" fill="white"/><defs><clipPath id="bgblur_0_216_2705_clip_path" transform="translate(60 60)"><circle cx="45" cy="45" r="35"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.video-bx .elementor-custom-embed-image-overlay::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
}

.videos-loop-bx .e-loop__load-more a {
    position: relative;
}

.videos-loop-bx .e-loop__load-more a::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    top: 50%;
    right: 7px;
    transform: translateY(-50%) rotate(0);
    transition: all 0.3s;
}

.videos-loop-bx .e-loop__load-more:hover a::after {
    transform: translateY(-50%) rotate(45deg);
}

/* Video Tutorial */

/* Solution Details Page */
.exp-not-found {
    text-align: center;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 33px;
}

.card {
    background: #fff;
    border-radius: 30px;
    padding: 41px 30px 25px 30px;
    border: 1px solid #EAEAEA;
    text-align: left;
    transition: all 0.2s;
}

.card:hover {
    box-shadow: 0px 9.14114px 47.0116px rgba(0, 0, 0, 0.1);
    border-color: transparent;
}

.icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(251, 114, 46, 0.2);
    margin-bottom: 18px;
}

.icon svg {
    width: 35px;
    height: 35px;
}

.title {
    color: #515151;
}

.card p {
    font-family: var(--e-global-typography-cd16ef0-font-family), Sans-serif;
    font-size: var(--e-global-typography-cd16ef0-font-size);
    font-weight: var(--e-global-typography-cd16ef0-font-weight);
    text-transform: var(--e-global-typography-cd16ef0-text-transform);
    font-style: var(--e-global-typography-cd16ef0-font-style);
    text-decoration: var(--e-global-typography-cd16ef0-text-decoration);
    line-height: var(--e-global-typography-cd16ef0-line-height);
    letter-spacing: var(--e-global-typography-cd16ef0-letter-spacing);
    word-spacing: var(--e-global-typography-cd16ef0-word-spacing);
    color: #5D5D5D !important;
}

.card-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Solution Details Page */

/* Course Details Page */
.course-apply-frm .gform_heading,
.job-careers-apply-frm .gform_heading,
.contact-frm .gform_heading {
    display: none;
}

.course-apply-frm .gform_validation_errors,
.job-careers-apply-frm .gform_validation_errors,
.contact-frm .gform_validation_errors {
    display: none;
}

.course-apply-frm form .gform_fields .gfield .gfield_label,
.job-careers-apply-frm form .gform_fields .gfield .gfield_label,
.contact-frm .gform_fields .gfield .gfield_label {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.course-apply-frm form .gform_fields .gfield input,
.course-apply-frm form .gform_fields .gfield textarea,
.job-careers-apply-frm form .gform_fields .gfield input,
.job-careers-apply-frm form .gform_fields .gfield textarea,
.contact-frm form .gform_fields .gfield input,
.contact-frm form .gform_fields .gfield textarea {
    color: var(--e-global-color-text);
    font-size: 15px;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    border-radius: 10px;
    border-color: #E6E6E6;
    height: 65px;
    padding-left: 25px;
    padding-right: 25px;
}

.course-apply-frm input:focus,
.course-apply-frm textarea:focus,
.job-careers-apply-frm input:focus,
.job-careers-apply-frm textarea:focus,
.contact-frm input:focus,
.contact-frm textarea:focus {
    outline: none;
}

.course-apply-frm form .gform_fields .gfield textarea,
.job-careers-apply-frm form .gform_fields .gfield textarea {
    height: 126px !important;
    resize: none;
    padding-top: 20px !important;
}


.contact-frm form .gform_fields .gfield textarea {
    height: 193px !important;
    resize: none;
    padding-top: 20px !important;
}

.course-apply-frm form .gform_fields,
.job-careers-apply-frm .gform_fields,
.contact-frm .gform_fields {
    grid-column-gap: 20px !important;
}

.course-apply-frm input[type="email"],
.job-careers-apply-frm input[type="email"],
.contact-frm input[type="email"] {
    text-transform: lowercase !important;
}

.course-apply-frm [type="email"]::placeholder,
.job-careers-apply-frm [type="email"]::placeholder,
.contact-frm [type="email"]::placeholder {
    text-transform: capitalize;
}

.course-apply-frm .gform-footer,
.course-apply-frm .gform_button,
.job-careers-apply-frm .gform-footer,
.job-careers-apply-frm .gform_button,
.contact-frm .gform-footer,
.contact-frm .gform_button {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.course-apply-frm .gform_button,
.job-careers-apply-frm .gform_button,
.contact-frm .gform_button {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;
    font-style: var(--e-global-typography-accent-font-style) !important;
    text-decoration: var(--e-global-typography-accent-text-decoration) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    word-spacing: var(--e-global-typography-accent-word-spacing) !important;
    fill: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
    padding: 22px 81px 22px 37px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    transition: all 0.3s;
    border-color: var(--e-global-color-accent) !important;
}

.course-apply-frm .gform_button:hover,
.job-careers-apply-frm .gform_button:hover,
.contact-frm .gform_button:hover {
    background-color: transparent !important;
    color: var(--e-global-color-accent) !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.course-apply-frm .gform-loader,
.job-careers-apply-frm .gform-loader,
.contact-frm .gform-loader {
    display: none !important;
}

.course-video-bx .elementor-custom-embed-image-overlay::after {
    content: '';
    position: absolute;
    width: 141px;
    height: 141px;
    background-image: url('data:image/svg+xml,<svg width="141" height="141" viewBox="0 0 141 141" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="70.5" cy="70.5" r="70.5" fill="%23D9D9D9" fill-opacity="0.5"/><path d="M108 71L52.5 103.043L52.5 38.9571L108 71Z" fill="%23FB722E"/></svg>');
    background-repeat: no-repeat;
    display: block;
    background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

/* Course Details Page */

/* Career Page */
.job-careers-apply-frm .gform_wrapper.gravity-theme .gform_drop_area {
    background: transparent;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    margin-bottom: 8px;
    padding: 20px 20px 20px 0;
    text-align: left;
}

.job-careers-apply-frm .gform_button_select_files {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    opacity: 0;
    padding: unset !important;
}

.job-careers-apply-frm .gform_drop_instructions {
    padding-left: 70px;
    margin-bottom: 0 !important;
    color: var(--e-global-color-text);
    font-size: 15px;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    position: relative;
}

.job-careers-apply-frm .gform_drop_instructions::before {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13V14.2C19 15.8802 19 16.7202 18.673 17.362C18.3854 17.9265 17.9265 18.3854 17.362 18.673C16.7202 19 15.8802 19 14.2 19H5.8C4.11984 19 3.27976 19 2.63803 18.673C2.07354 18.3854 1.6146 17.9265 1.32698 17.362C1 16.7202 1 15.8802 1 14.2V13M15 6L10 1M10 1L5 6M10 1V13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #FB722E;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.job-careers-apply-frm .ginput_preview {
    color: var(--e-global-color-text);
    font-size: 15px;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    margin: 16px 0 0 !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.job-careers-apply-frm .gform_fileupload_multifile {
    overflow: hidden;
}

.job-careers-apply-frm .gform_delete_file .dashicons-trash::before {
    color: red !important;
}

.job-careers-apply-frm .gform_delete_file {
    padding: 0 0 0 10px !important;
}

/* Career Page */

/* Calculator Page */
.form-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 29px;
    grid-row-gap: 29px;
}

/* each field container */
.form-field label {
    display: block;
    margin-bottom: 11px;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.input-wrap input {
    width: 100%;
    padding: 10px 25px !important;
    border: 1px solid #E6E6E6 !important;
    border-radius: 10px !important;
    outline: none;
    color: var(--e-global-color-text);
    font-size: 15px;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    border-color: #E6E6E6;
    height: 65px;
}

.input-wrap input:focus {
    border-color: #ff6a00;
    /* highlight color */
}



/* Drywall Calculator */
/* container layout */
.drywall-estimator select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background-image: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 91% center;
}

.drywall-estimator select option {
    color: #000;
}

.drywall-estimator select option:hover {
    background-color: #FB722E !important;
}

.calculator-type {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 76px;
}

/* hide the native radio */
.calculator-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* style the label to hold custom circle + text */
.calculator-type label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    color: #fff;
    font-size: var(--e-global-typography-05f5948-font-size);
    font-weight: var(--e-global-typography-05f5948-font-weight);
    text-transform: var(--e-global-typography-05f5948-text-transform);
    line-height: var(--e-global-typography-05f5948-line-height);
    letter-spacing: var(--e-global-typography-05f5948-letter-spacing);
    word-spacing: var(--e-global-typography-05f5948-word-spacing);
}

/* outer circle */
.calculator-type label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    /* border color */
    border-radius: 50%;
    background: transparent;
    transition: border-color 0.2s ease;
}

/* inner dot (hidden by default) */
.calculator-type label::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 18px;
    height: 18px;
    background: #ff6a00;
    /* fill color when checked */
    border-radius: 50%;
    transition: transform 0.2s ease;
}

/* show inner dot when checked */
.calculator-type label:has(input[type="radio"]:checked)::after {
    transform: translateY(-50%) scale(1);
}


.simple-calculator label,
.advanced-calculator label {
    color: #fff;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.simple-calculator input,
.simple-calculator select,
.advanced-calculator input,
.advanced-calculator select {
    margin-top: 11px;
    width: 100%;
    padding: 10px 25px !important;
    border: 1px solid #E6E6E6 !important;
    outline: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
    border-radius: 10px !important;
    border-color: #E6E6E6;
    height: 65px;
    background-color: rgba(255, 255, 255, 0.03);
}

.simple-calculator input::placeholder,
.advanced-calculator input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.drywall-estimator h4 {
    color: #fff;
}

.drywall-estimator .simple-calculator {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 16px;
}

.simple-calculator.visible,
.advanced-calculator.visible {
    display: grid !important;
}

.advanced-calculator.visible {
    display: grid !important;
}

.advanced-calculator.visible hr {
    border-color: #9B9B9B !important;
    margin: 62px 0;
}

.advanced-calculator.visible .select-type-bx .select-all-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 29px;
    grid-row-gap: 16px;
}

.advanced-calculator.visible .romm-dem-bx .room-dem-all-fields {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 33px;
    grid-row-gap: 16px;
}

.input-group-text {
    color: #fff;
}

.input-group {
    position: relative;
}

.input-group-append {
    position: absolute;
    top: 57px;
    right: 22px;
}

.input-group input {
    padding-right: 55px !important;
}

.advanced-calculator.visible .window-door-main-bx,
.advanced-calculator.visible .add-col-main-bx {
    display: flex;
    /* align-items: center; */
}

.window-door-main-bx .door-window-sing-bx:first-child,
.add-col-main-bx .add-col-sing-bx:first-child {
    width: 26.5%;
    padding-right: 47px;
}

.window-door-main-bx .door-window-sing-bx:last-child,
.add-col-main-bx .add-col-sing-bx:last-child {
    width: 73.5%;
    padding: 0 0 0 47px;
    border-left: 1px solid #9B9B9B;
}

.window-door-main-bx .door-window-sing-bx:first-child label,
.add-col-main-bx .add-col-sing-bx:first-child label {
    width: 100%;
}

.door-window-sing-bx h4,
.add-col-sing-bx h4 {
    margin-top: 0;
    margin-bottom: 30px;
}

.door-main-col,
.window-main-col,
.add-col-sing-bx .columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 37px;
    grid-row-gap: 16px;
}

.door-main-col input,
.window-main-col input,
.add-col-sing-bx input {
    text-align: center;
}

.door-main-col input.form-control,
.window-main-col input.form-control,
.add-col-sing-bx input.form-control {
    text-align: unset;
}

.windows {
    margin-top: 50px;
}

.res-btn {
    text-align: center;
    margin-top: 43px;
}

.calculate-btn {
    position: relative;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;
    font-style: var(--e-global-typography-accent-font-style) !important;
    text-decoration: var(--e-global-typography-accent-text-decoration) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    word-spacing: var(--e-global-typography-accent-word-spacing) !important;
    fill: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
    padding: 22px 81px 22px 74px !important;
    border-color: var(--e-global-color-accent) !important;
}

.calculate-btn:hover,
.calculate-btn:focus {
    background-color: #FB722E !important;
}

.calculate-btn::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 50px;
    height: 50px;
    top: 50%;
    right: 8px;
    transform: translateY(-50%) rotate(0);
    transition: all 0.3s;
}

.calculate-btn:hover::after {
    transform: translateY(-50%) rotate(45deg);
}

.calculate-btn::before {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="26" height="30" viewBox="0 0 26 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0625 0H3.9375C3.02602 0.000662171 2.15206 0.363039 1.50755 1.00755C0.863039 1.65206 0.500662 2.52602 0.5 3.4375V26.5625C0.500662 27.474 0.863039 28.3479 1.50755 28.9924C2.15206 29.637 3.02602 29.9993 3.9375 30H22.0625C22.974 29.9993 23.8479 29.637 24.4925 28.9924C25.137 28.3479 25.4993 27.474 25.5 26.5625V3.4375C25.4993 2.52602 25.137 1.65206 24.4925 1.00755C23.8479 0.363039 22.974 0.000662171 22.0625 0ZM10.225 23.4C10.3171 23.4858 10.391 23.5893 10.4422 23.7043C10.4935 23.8193 10.521 23.9435 10.5232 24.0693C10.5255 24.1952 10.5023 24.3203 10.4552 24.437C10.408 24.5537 10.3378 24.6598 10.2488 24.7488C10.1598 24.8378 10.0537 24.908 9.937 24.9552C9.82026 25.0023 9.69523 25.0255 9.56935 25.0232C9.44347 25.021 9.31933 24.9935 9.20433 24.9422C9.08933 24.891 8.98583 24.8171 8.9 24.725L8 23.8263L7.1 24.7262C7.01313 24.8135 6.90985 24.8828 6.7961 24.93C6.68236 24.9772 6.5604 25.0015 6.43724 25.0014C6.31409 25.0012 6.19217 24.9768 6.07851 24.9293C5.96486 24.8819 5.86171 24.8125 5.775 24.725C5.68788 24.6379 5.61877 24.5346 5.57162 24.4208C5.52447 24.307 5.5002 24.185 5.5002 24.0619C5.5002 23.9387 5.52447 23.8168 5.57162 23.703C5.61877 23.5892 5.68788 23.4858 5.775 23.3988L6.67375 22.5L5.77375 21.6C5.68667 21.5129 5.61759 21.4095 5.57046 21.2958C5.52333 21.182 5.49907 21.06 5.49907 20.9369C5.49907 20.8137 5.52333 20.6918 5.57046 20.578C5.61759 20.4642 5.68667 20.3608 5.77375 20.2738C5.86083 20.1867 5.96422 20.1176 6.078 20.0705C6.19177 20.0233 6.31372 19.9991 6.43688 19.9991C6.56003 19.9991 6.68198 20.0233 6.79576 20.0705C6.90954 20.1176 7.01292 20.1867 7.1 20.2738L8 21.1737L8.9 20.2738C8.98708 20.1867 9.09047 20.1176 9.20424 20.0705C9.31802 20.0233 9.43997 19.9991 9.56313 19.9991C9.68628 19.9991 9.80823 20.0233 9.92201 20.0705C10.0358 20.1176 10.1392 20.1867 10.2263 20.2738C10.3133 20.3608 10.3824 20.4642 10.4295 20.578C10.4767 20.6918 10.5009 20.8137 10.5009 20.9369C10.5009 21.06 10.4767 21.182 10.4295 21.2958C10.3824 21.4095 10.3133 21.5129 10.2263 21.6L9.32625 22.5L10.225 23.4ZM9.5625 15.9375H8.9375V16.5625C8.9375 16.8111 8.83873 17.0496 8.66291 17.2254C8.4871 17.4012 8.24864 17.5 8 17.5C7.75136 17.5 7.5129 17.4012 7.33709 17.2254C7.16127 17.0496 7.0625 16.8111 7.0625 16.5625V15.9375H6.4375C6.18886 15.9375 5.9504 15.8387 5.77459 15.6629C5.59877 15.4871 5.5 15.2486 5.5 15C5.5 14.7514 5.59877 14.5129 5.77459 14.3371C5.9504 14.1613 6.18886 14.0625 6.4375 14.0625H7.0625V13.4375C7.0625 13.1889 7.16127 12.9504 7.33709 12.7746C7.5129 12.5988 7.75136 12.5 8 12.5C8.24864 12.5 8.4871 12.5988 8.66291 12.7746C8.83873 12.9504 8.9375 13.1889 8.9375 13.4375V14.0625H9.5625C9.81114 14.0625 10.0496 14.1613 10.2254 14.3371C10.4012 14.5129 10.5 14.7514 10.5 15C10.5 15.2486 10.4012 15.4871 10.2254 15.6629C10.0496 15.8387 9.81114 15.9375 9.5625 15.9375ZM19.5625 25H16.4375C16.1889 25 15.9504 24.9012 15.7746 24.7254C15.5988 24.5496 15.5 24.3111 15.5 24.0625C15.5 23.8139 15.5988 23.5754 15.7746 23.3996C15.9504 23.2238 16.1889 23.125 16.4375 23.125H19.5625C19.8111 23.125 20.0496 23.2238 20.2254 23.3996C20.4012 23.5754 20.5 23.8139 20.5 24.0625C20.5 24.3111 20.4012 24.5496 20.2254 24.7254C20.0496 24.9012 19.8111 25 19.5625 25ZM19.5625 21.875H16.4375C16.1889 21.875 15.9504 21.7762 15.7746 21.6004C15.5988 21.4246 15.5 21.1861 15.5 20.9375C15.5 20.6889 15.5988 20.4504 15.7746 20.2746C15.9504 20.0988 16.1889 20 16.4375 20H19.5625C19.8111 20 20.0496 20.0988 20.2254 20.2746C20.4012 20.4504 20.5 20.6889 20.5 20.9375C20.5 21.1861 20.4012 21.4246 20.2254 21.6004C20.0496 21.7762 19.8111 21.875 19.5625 21.875ZM19.5625 16.25H16.4375C16.1889 16.25 15.9504 16.1512 15.7746 15.9754C15.5988 15.7996 15.5 15.5611 15.5 15.3125C15.5 15.0639 15.5988 14.8254 15.7746 14.6496C15.9504 14.4738 16.1889 14.375 16.4375 14.375H19.5625C19.8111 14.375 20.0496 14.4738 20.2254 14.6496C20.4012 14.8254 20.5 15.0639 20.5 15.3125C20.5 15.5611 20.4012 15.7996 20.2254 15.9754C20.0496 16.1512 19.8111 16.25 19.5625 16.25ZM21.75 7.8125C21.75 9.01875 20.7688 10 19.5625 10H6.4375C5.23125 10 4.25 9.01875 4.25 7.8125V5.9375C4.25 4.73125 5.23125 3.75 6.4375 3.75H19.5625C20.7688 3.75 21.75 4.73125 21.75 5.9375V7.8125Z" fill="white"/></svg>');
    width: 25px;
    height: 30px;
    top: 50%;
    left: 28px;
    transform: translateY(-50%);
}

#results h2 {
    color: #fff;
}

#results table {
    margin-bottom: 0;
}

#results table tr td {
    color: #fff;
    border: none !important;
    background: rgba(255, 255, 255, 0.03);
    padding: 23px 44px;
}

#results table td,
#results table th {
    /* border-color: #E6E6E6; */
}


/* Calculator Page */

/* Store Locator */

.store-loc-bx .asl-ddl-filter-cats {
    display: none;
}

.store-loc-bx .Filter_section .search_filter {
    padding-left: 0;
}

.store-loc-bx .asl-ddl-filters {
    order: 4 !important;
}

.store-loc-bx .slider-track,
.store-loc-bx .slider-track .slider-track-high {
    background-color: #EAEAEA !important;
    height: 4px !important;
    border-radius: 30px;
    border-color: #EAEAEA !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .rangeFilter .slider-horizontal .slider-track .slider-selection {
    background: var(--sl-primary, #012060) none repeat scroll 0 0 !important;
    height: 6px;
    top: -1px;
}

#asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters .rangeFilter .slider-horizontal .min-slider-handle {
    border: none !important;
    background-color: #FB722E !important;
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin-left: -10px !important;
    margin-top: -7px !important;
    box-shadow: none !important;
}

.asl-search-address {
    height: 60px !important;
    border-radius: 30px !important;
    background: #FFFFFF;
    border-color: #EAEAEA !important;
    font-family: var(--e-global-typography-05f5948-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-05f5948-font-size) !important;
    font-weight: var(--e-global-typography-05f5948-font-weight) !important;
    text-transform: var(--e-global-typography-05f5948-text-transform) !important;
    line-height: var(--e-global-typography-05f5948-line-height) !important;
    letter-spacing: var(--e-global-typography-05f5948-letter-spacing) !important;
    word-spacing: var(--e-global-typography-05f5948-word-spacing) !important;
    color: #515151 !important;
    padding: 10px 10px 10px 68px !important;
}

.sl-ddl-country label,
.sl-ddl-state label,
.sl-ddl-city label {
    display: none !important;
}

.sl-ddl-country,
.sl-ddl-state,
.sl-ddl-city {
    display: none !important;
}

.multiselect {
    height: 60px !important;
    border-radius: 30px !important;
    background: #FFFFFF;
    border-color: #EAEAEA !important;
    padding-left: 20px !important;
}

.multiselect-selected-text {
    font-family: var(--e-global-typography-05f5948-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-05f5948-font-size) !important;
    font-weight: var(--e-global-typography-05f5948-font-weight) !important;
    text-transform: var(--e-global-typography-05f5948-text-transform) !important;
    line-height: var(--e-global-typography-05f5948-line-height) !important;
    letter-spacing: var(--e-global-typography-05f5948-letter-spacing) !important;
    word-spacing: var(--e-global-typography-05f5948-word-spacing) !important;
    color: #515151 !important;
}

.search_filter label {
    display: none !important;
}

.span-geo {
    position: absolute !important;
    left: 20px !important;
    right: unset !important;
    background: transparent !important;
    filter: brightness(0.5) !important;
}

.asl-filter-cntrl label {
    font-family: var(--e-global-typography-05f5948-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-05f5948-font-size) !important;
    font-weight: var(--e-global-typography-05f5948-font-weight) !important;
    text-transform: var(--e-global-typography-05f5948-text-transform) !important;
    line-height: var(--e-global-typography-05f5948-line-height) !important;
    letter-spacing: var(--e-global-typography-05f5948-letter-spacing) !important;
    word-spacing: var(--e-global-typography-05f5948-word-spacing) !important;
}

.asl-filter-cntrl .rad-unit,
#asl-radius-input,
#asl-dist-unit {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    text-transform: var(--e-global-typography-text-text-transform) !important;
    font-style: var(--e-global-typography-text-font-style) !important;
    text-decoration: var(--e-global-typography-text-text-decoration) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    word-spacing: var(--e-global-typography-text-word-spacing) !important;
    color: #5D5D5D !important;
}

.asl-panel {
    -ms-flex: 0 0 60% !important;
    flex: 0 0 60% !important;
    max-width: 60% !important;
}

.asl-map {
    -ms-flex: 0 0 40% !important;
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

.store-loc-bx .top-title.Num_of_store {
    background: #012060 !important;
    padding-left: 50px !important;
}

.store-loc-bx .top-title.Num_of_store .sl-head-title,
.store-loc-bx .top-title.Num_of_store .count-result {
    font-family: var(--e-global-typography-d4f5393-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-d4f5393-font-size) !important;
    font-weight: var(--e-global-typography-d4f5393-font-weight) !important;
    text-transform: var(--e-global-typography-d4f5393-text-transform) !important;
    font-style: var(--e-global-typography-d4f5393-font-style);
    text-decoration: var(--e-global-typography-d4f5393-text-decoration);
    line-height: var(--e-global-typography-d4f5393-line-height);
    letter-spacing: var(--e-global-typography-d4f5393-letter-spacing);
    word-spacing: var(--e-global-typography-d4f5393-word-spacing);
}

.sl-addr-list-title {
    font-family: var(--e-global-typography-05f5948-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-05f5948-font-size) !important;
    font-weight: var(--e-global-typography-05f5948-font-weight) !important;
    text-transform: var(--e-global-typography-05f5948-text-transform) !important;
    line-height: var(--e-global-typography-05f5948-line-height) !important;
    letter-spacing: var(--e-global-typography-05f5948-letter-spacing) !important;
    word-spacing: var(--e-global-typography-05f5948-word-spacing) !important;
}

#asl-storelocator.asl-cont li.sl-item {
    padding: 38px 48px !important;
    border-bottom-color: #BCBCBC !important;
}

#asl-storelocator.asl-cont .sl-main-cont .asl-panel {
    border: 1px solid #BCBCBC !important;
    border-radius: 10px !important;
}

.addr-loc ul li span,
.addr-loc ul li a {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    text-transform: var(--e-global-typography-text-text-transform) !important;
    font-style: var(--e-global-typography-text-font-style) !important;
    text-decoration: var(--e-global-typography-text-text-decoration) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    word-spacing: var(--e-global-typography-text-word-spacing) !important;
    color: #5D5D5D !important;
}

.addr-loc ul li i {
    margin-top: 5px !important;
}

.btn.btn-asl.s-direction {
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;
    font-style: var(--e-global-typography-accent-font-style) !important;
    text-decoration: var(--e-global-typography-accent-text-decoration) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    word-spacing: var(--e-global-typography-accent-word-spacing) !important;
    fill: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
    width: 183px !important;
    height: 60px !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 160px !important;
    padding-left: 39px !important;
    /* padding: 22px 81px 22px 37px !important; */
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    transition: all 0.3s;
    border-color: var(--e-global-color-accent) !important;
}

.asl-map {
    padding-left: 20px !important;
}

#asl-map-canv {
    border-radius: 30px !important;
}

.agile-modal-backdrop-in {
    margin-left: 20px !important;
    border-radius: 30px;
}

#asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
    height: 734px !important;
}

.asl-panel-inner {
    border-radius: 10px !important;
}

/* Chrome, Edge, Safari */
.sl-main-cont-box::-webkit-scrollbar {
    width: 10px !important;
}

.sl-main-cont-box::-webkit-scrollbar-track {
    background: #BCBCBC !important;
}

.sl-main-cont-box::-webkit-scrollbar-thumb {
    background: #FB722E !important;
    border-radius: 5px !important;
}

.sl-main-cont-box::-webkit-scrollbar-thumb:hover {
    background: #FB722E !important;
}

/* Firefox */
.sl-main-cont-box {
    scrollbar-width: thin;
    /* thin | auto | none */
    scrollbar-color: #FB722E #f1f1f1;
    /* thumb | track */
}

/* Store Locator */

.safty-ic-bx {
    position: relative;
    background-color: #fff !important;
}

.safty-ic-bx::after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 68%, rgba(0, 0, 0, 1) 0%);

    width: 100%;
    height: 100%;
    top: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 30px;
    opacity: 0.3;
    transition: all 0.3s;
}

.safty-ic-bx:hover::after {
    opacity: 0;
}

/* Product Details Page */
.features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.features h4 {
    margin: 0;
    color: #515151;
}

.features .icon {
    width: 80px;
    height: 80px;
    aspect-ratio: 1 / 1;
    /* ensures perfect square */
    border-radius: 50%;
    border: 1px solid rgba(251, 114, 46, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 0;
}

.features .icon img {
    max-width: 60%;
    /* adjust image size inside circle */
    height: auto;
    display: block;
}

.feature-item.feature-button {
    padding-top: 20px;
}

.recommendations .recommendation-item h3,
.sustainability .sustainability-item h3,
.storage .storage-item h3 {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);
}

.recommendations h3,
.sustainability-item h3,
.storage-item h3 {
    margin: 0px !important;
}

.recommendation-item:not(:first-child),
.sustainability-item:not(:first-child),
.storage-item:not(:first-child) {
    margin-top: 30px !important;
}

.recommendations p,
.sustainability p,
.storage p {
    margin: 3px 0 0;
    color: #5D5D5D;
    padding-left: 25px;
}

.pro-table-bx table thead tr th,
.pro-table-bx tbody tr td {
    background-color: transparent !important;
    padding: 32px 48px 32px 48px !important;
}

.pro-table-bx table thead th h4 {
    margin: 0;
}

.pro-table-bx table thead th,
.pro-table-bx table tbody td {
    border: none !important;
}

.pro-table-bx table {
    margin: 0 !important;
}

.pro-table-bx table thead tr {
    border-bottom: 1px solid #D6D6D6;
}

.pro-table-bx table tbody tr:not(:last-child) {
    border-bottom: 1px solid #D6D6D6;
}

.pro-table-bx table thead tr th:not(:first-child) h4,
.pro-table-bx table tbody tr td:not(:first-child) {
    text-align: center;
}

.pro-table-bx table thead tr th:not(:last-child),
.pro-table-bx table tbody tr td:not(:last-child) {
    border-right: 1px solid #D6D6D6 !important;
}

/* Product Details Page */

/* Another Product Details */
.carousel-parent .owl-item:not(.active) {
    opacity: 0;
    transform: scale(.6);
    transition: 0.3s;
}

.carousel-parent .owl-item.active:not(.big) {
    opacity: 1;
    transform: scale(.8);
    z-index: 0;
    transition: 0.3s;
}

.carousel-parent .owl-item.big {
    opacity: 1;
    z-index: 10;
    /*transform: scale(1.7, 1.2);*/
}

.carousel-parent .owl-item img {
    width: 585px !important;
    height: 451px;
    object-fit: cover;
    border-radius: 30px;
}

.carousel-parent .owl-nav .owl-prev span,
.carousel-parent .owl-nav .owl-next span {
    font-size: 0;
}

.carousel-parent .owl-nav .owl-prev,
.carousel-parent .owl-nav .owl-next {
    position: relative;
}

.carousel-parent .owl-nav .owl-prev {
    margin-right: 5px;
}

.carousel-parent .owl-nav .owl-next {
    margin-left: 5px;
}

.carousel-parent .owl-nav .owl-prev,
.carousel-parent .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    background-color: #FB722E !important;
    border-radius: 50%;
}

.carousel-parent .owl-nav .owl-prev::after,
.carousel-parent .owl-nav .owl-next::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 3;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-parent .owl-nav .owl-prev::after {
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0711 8.9999H1.92893M1.92893 8.9999L9 1.92883M1.92893 8.9999L9 16.071" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.carousel-parent .owl-nav .owl-next::after {
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.92893 8.9999H16.0711M16.0711 8.9999L9 1.92883M16.0711 8.9999L9 16.071" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.carousel-parent .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: unset !important;
    bottom: -51px;
}

.all-pro-features-wrapper .feature-item {
    flex-direction: column;
    gap: unset !important;
}

.all-pro-features-wrapper .features {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 57px;
}

.all-pro-features-wrapper .features h4 {
    margin-top: 20px;
    color: #515151;
}

.all-pro-features-wrapper .features p {
    margin-bottom: 5px;
    color: #515151;
}

.all-pro-features-wrapper .features h4,
.all-pro-features-wrapper .features p {
    text-align: center;
}

.result_header button {
    padding: 22px 81px 22px 37px !important;
    /* background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat; */
    background-position: 96% center;
    transition: all 0.3s;
    position: relative;
    border-color: var(--e-global-color-accent) !important;
}



.result_header button::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M24.9992 17.9289V32.0711M24.9992 32.0711L32.0703 25M24.9992 32.0711L17.9282 25" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    background-size: 100%;
}

.result_header button:hover,
.result_header button:hover:focus {
    background-color: #FB722E;
}

.result_header button:hover::after {
    transform: translateY(-50%) rotate(-90deg);
}

#resultsBody {
    margin-top: 29px;
}

#resultsBody .personal_info_wrap {
    margin-bottom: 36px;
}

#resultsBody .personal_info_wrap,
#resultsBody .estimation_info_wrap {
    border: 1px solid #E6E6E6 !important;
    border-radius: 10px;
}

#results .result_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#resultsBody table {
    margin: 0;
}

#resultsBody table tbody tr {
    /* width: 50%; */
}

#resultsBody table tbody tr td {
    background-color: rgba(255, 255, 255, 0.03);
    color: #fff;
    border: none;
    width: 50%;
    padding: 20px 40px;
}

#resultsBody table tr:not(:last-child) {
    border-bottom: 1px solid #E6E6E6;
}

#resultsBody table tr td:not(:last-child) {
    border-right: 1px solid #E6E6E6;
}

.estimation_info_wrap thead tr {
    background-color: #fff;
}

.estimation_info_wrap {
    overflow: hidden;
}

.estimation_info_wrap thead tr td {
    font-family: var(--e-global-typography-d4f5393-font-family), Sans-serif;
    font-size: var(--e-global-typography-d4f5393-font-size);
    font-weight: var(--e-global-typography-d4f5393-font-weight);
    text-transform: var(--e-global-typography-d4f5393-text-transform);
    font-style: var(--e-global-typography-d4f5393-font-style);
    text-decoration: var(--e-global-typography-d4f5393-text-decoration);
    line-height: var(--e-global-typography-d4f5393-line-height);
    letter-spacing: var(--e-global-typography-d4f5393-letter-spacing);
    word-spacing: var(--e-global-typography-d4f5393-word-spacing);
    color: #131200;
    border: none !important;
}

.estimation_info_wrap table tr td {
    padding: 20px 75px !important;
}

/* Another Product Details */



/* ===== MAIN LOGIN SECTION ===== */
/* ===== MAIN SIGNUP SECTION ===== */
body.page-template-login-php header,
body.page-template-login-php footer,
body.page-template-signup-php header,
body.page-template-signup-php footer {
    display: none !important;
}

.main-login-bx,
.main-signup-bx,
.main-forgot-pass-bx,
.main-otp-verification-bx,
.main-change-pass-bx {
    position: relative;
    min-height: 100vh;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-login-bx::after,
.main-signup-bx::after,
.main-forgot-pass-bx::after,
.main-otp-verification-bx::after,
.main-change-pass-bx::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.login-logo-frm,
.signup-logo-frm,
.forgot-pass-frm,
.otp-verification-frm,
.pass-change-logo-frm {
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
    min-height: 100vh;
    width: 100%;
    z-index: 9;
    padding: 42px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.login-logo,
.signup-logo,
.forgot-logo {
    position: absolute;
    top: 42px;
    left: 42px;
    z-index: 2;
}

.login-logo img,
.signup-logo img,
.forgot-logo img {
    max-width: 247px;
    width: 100%;
    height: 70px;
    object-fit: contain;
}

/* ===== LOGIN CONTAINER ===== */
/* ===== SIGNUP CONTAINER ===== */

.login-container,
.signup-container,
.forgot-pass-container,
.otp-verification-container,
.change-pass-container {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 18px;
    padding: 90px 92px;
    width: 100%;
    max-width: 52%;
    box-shadow: 0px 14px 83px rgba(81, 134, 255, 0.08);
    text-align: center;
    box-sizing: border-box;
    transform: translateX(-42px);
    margin-top: 112px;
}

.signup-container {
    padding: 65px 92px;
    margin-top: 0;
}

.forgot-pass-container {
    padding: 162px 92px;
}


.otp-verification-container {
    padding: 144px 166px;
}

.change-pass-container {
    padding: 131px 92px;
}

.login-container h2,
.signup-container h2,
.forgot-pass-container h2,
.otp-verification-container h2,
.change-pass-container h2 {
    font-family: "Unbounded", sans-serif !important;
    font-weight: 800 !important;
    font-size: 40px !important;
    margin-top: 0;
    margin-bottom: 0;
    color: #515151;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    margin-bottom: 8px !important;
}

.forgot-pass-container h2,
.otp-verification-container h2 {
    /* margin-bottom: 8px !important; */
}

.login-container p,
.signup-container p,
.forgot-pass-container p,
.otp-verification-container p,
.change-pass-container p {
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #5D5D5D;
    margin-top: 0 !important;
    margin-bottom: 30px;
}

.forgot-pass-container .text-danger,
.change-pass-container .text-danger {
    color: red;
}

.change-pass-container .text-success{
    color: green;
} 

/* ===== FORM FIELDS ===== */
.login-container .form-group,
.signup-container .form-group,
.forgot-pass-container .form-group,
.otp-verification-container .form-group,
.change-pass-container .form-group {
    position: relative;
    margin-bottom: 15px;
}

.login-container .form-group input,
.signup-container .form-group input,
.forgot-pass-container .form-group input,
.otp-verification-container .form-group input,
.change-pass-container .form-group input {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 57px;
    height: 60px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    outline: none;
    transition: all 0.3s ease;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2;
    color: #5D5D5D !important;
}

.login-container .form-group input::placeholder,
.signup-container .form-group input::placeholder,
.otp-verification-container .form-group input::placeholder,
.change-pass-container .form-group input::placeholder {
    color: #5D5D5D !important;
    opacity: 1 !important;
}

.login-container .form-group .frm-icon,
.signup-container .form-group .frm-icon,
.forgot-pass-container .form-group .frm-icon,
.otp-verification-container .form-group .frm-icon,
.change-pass-container .form-group .form-icon {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
}


/* ===== OPTIONS (Remember/Forgot) ===== */
/* Options layout */
.login-options,
.signup-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 25px;
    font-family: "Poppins", sans-serif;
}

/* Hide the default checkbox */
.login-options label input[type="checkbox"],
.signup-options label input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #C6C6C6;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.25s ease;
    margin: 0;
}

/* When checked */
.login-options label input[type="checkbox"]:checked,
.signup-options label input[type="checkbox"]:checked {
    background-color: #FB722E;
    border-color: #FB722E;
}

/* Tick mark */
.login-options label input[type="checkbox"]:checked::after,
.signup-options label input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.88889L4.07692 8L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/* Label text */
.login-options label,
.signup-options label {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #5D5D5D;
    cursor: pointer;
    text-align: left;
    gap: 10px;
}

/* Link styling */
.login-options a,
.signup-options a {
    font-size: 15px;
    font-weight: 300;
    color: #F27232;
    text-decoration: none;
    transition: color 0.2s ease;
}

.login-options a:hover,
.signup-options a:hover {
    text-decoration: underline;
}


/* ===== LOGIN BUTTON ===== */
/* ===== SIGNUP BUTTON ===== */
.login-btn,
.signup-btn,
.forgot-btn,
.otp-btn,
.change-pass-btn {
    font-size: 16px !important;
    font-weight: 300;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    padding: 22px 81px 22px 37px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 50px;
    transition: all 0.3s !important;
    border: 1px solid !important;
    background-color: #FB722E !important;
    border-color: #FB722E !important;
    border-radius: 160px !important;
    cursor: pointer !important;
}

.forgot-btn,
.otp-btn,
.change-pass-btn {
    margin-top: 18px;
}

.login-btn:hover,
.signup-btn:hover,
.forgot-btn:hover,
.otp-btn:hover,
.change-pass-btn:hover {
    background-color: transparent !important;
    color: #FB722E !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}


/* ===== SIGNUP LINK ===== */
/* ===== LOGIN LINK ===== */
.signup,
.login {
    font-family: "Poppins", sans-serif;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 300;
    color: #5D5D5D;
}

.signup a,
.login a {
    color: #F27232;
    text-decoration: none;
    font-weight: 300;
}

.signup a:hover,
.login a:hover {
    text-decoration: underline;
}


.email-main-bx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}



/* Dashboard */
.sidebar-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
}

.sidebar-toggle img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.dashboard-profile {
    display: flex;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    min-height: 90vh;
    padding: 42px 0 42px 20px;
}

/* Sidebar */
.dashboard-sidebar {
    position: relative;
    width: 231px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 27px 12px 100px 12px;
    box-shadow: 0px 9.14114px 47.0116px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}

.dashboard-logo img {
    max-width: 100%;
    height: 58px;
    object-fit: contain;
    display: block;
    margin: 0 auto 34px;
}

.dashboard-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dashboard-menu li {
    margin-bottom: 5px;
}

.dashboard-menu li button {
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 18px;
    border-radius: 10px;
    text-align: left;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 1.3;
    color: #424242;
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-menu li.active button,
.dashboard-menu li button:hover {
    background: #FB722E;
    color: #fff;
}

.dashboard-menu li.active button img,
.dashboard-menu li button:hover img {
    filter: brightness(0) invert(1);
}

.dashboard-logout button {
    width: 100%;
    padding: 26px 30px !important;
    border: none;
    background: #3B3B3B !important;
    color: #fff !important;
    cursor: pointer !important;
    border-radius: 0 0 30px 30px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    font-size: 18px !important;
    line-height: 1.3 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Main Section */
.dashboard-main {
    flex: 1;
    padding: 27px 20px 27px 68px;
    /* overflow-y: auto; */
}

/* Header */
.dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 46px;
}

.dashboard-header .dashboard-title {
    width: 40%;
}

.dashboard-header .dashboard-icons {
    width: 60%;
}

.dashboard-header h3 {
    margin: 0;
    color: #515151;
}

.dashboard-header p {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    color: #5D5D5D;
}

.dashboard-icons {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

.dashboard-icons .bell-icon {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FB722E;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease;
}

.bell-icon:hover img {
    animation: bell-buzz 0.4s ease-in-out infinite alternate;
}

@keyframes bell-buzz {
    0% {
        transform: rotate(0deg);
    }

    20% {
        transform: rotate(-15deg);
    }

    40% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-10deg);
    }

    80% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.dashboard-icons .bell-icon img {
    filter: brightness(0) invert(1);
}

.dashboard-icons span {
    cursor: pointer;
}

.search-frm {
    max-width: 354px;
    width: 100%;
}

.search-frm form {
    position: relative;
}

.dashboard-icons .search-frm form .search-submit {
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" stroke="%23ADA7A7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 22L20 20" stroke="%23ADA7A7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 24px !important;
    height: 24px !important;
    background-size: 100%;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.dashboard-icons .search-frm form input {
    height: 52px;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 6px 12px 6px 60px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ADA7A7;
}

.search-frm input:focus {
    outline: none;
}

.profile-icon {
    display: flex;
}

.profile-icon img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 10px;
}

/* Profile Box */
.dashboard-box {
    position: relative;
    background: #fff;
    padding: 132px 52px 41px 32px;
    position: relative;
    box-shadow: 0px 9.14114px 47.0116px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}

.dashboard-box::after {
    content: '';
    background-image: url(image/dashboardlinearbg.png);
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    background-size: 100%;
    border-radius: 30px 30px 0 0;
}

.dashboard-user {
    align-items: center;
    gap: 20px;
}

.dashboard-user img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.user-img-bx {
    position: relative;
}

.user-img-bx .edit-avatar-btn {
    width: 30px;
    height: 30px;
    background: #FB722E;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.user-img-bx .edit-avatar-btn img {
    width: 17px;
    height: 29px;
    object-fit: contain;
}

.dashboard-user h4 {
    margin: 0;
    color: #515151;
}

.dashboard-user p {
    margin: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
    color: #5D5D5D;
    text-transform: lowercase;
}

.dashboard-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 32px;
    /* margin-bottom: 47px; */
}

.dashboard-row,
.dashboard-field,
.dashboard-row input {
    box-sizing: border-box;
}

.dashboard-form .dashboard-row .dashboard-field input {
    width: 100%;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2;
    color: #5D5D5D;
    padding-left: 20px;
}

.dashboard-form .dashboard-row .dashboard-field input::placeholder {
    opacity: 1;
    color: #5D5D5D !important;
}

.dashboard-form .dashboard-row .dashboard-field input:focus {
    outline: none;
}

.dashboard-form .dashboard-row .dashboard-field label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    color: #5D5D5D;
    display: block;
    margin-bottom: 8px;
}

.dashboard-form .dashboard-row .dashboard-field .dashboard-submit-btn {
    font-size: 16px !important;
    font-weight: 300;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    padding: 22px 80px 22px 35px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 50px;
    transition: all 0.3s;
    border: 1px solid;
    background-color: #FB722E;
    border-color: #FB722E;
    border-radius: 160px;
    cursor: pointer;
}

.dashboard-form .dashboard-row .dashboard-field .dashboard-submit-btn:hover {
    background-color: transparent !important;
    color: #FB722E !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.user-prof-main-bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-prof {
    display: flex;
    align-items: center;
    gap: 20px;
}

.prof-edit-btn button {
    font-size: 16px !important;
    font-weight: 300;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    padding: 22px 80px 22px 35px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 50px;
    transition: all 0.3s;
    border: 1px solid;
    background-color: #FB722E;
    border-color: #FB722E;
    border-radius: 160px;
    cursor: pointer;
}

.prof-edit-btn button:hover {
    background-color: transparent !important;
    color: #FB722E !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Email Section */
.dashboard-email-section h4 {
    margin-bottom: 20px;
}

.dashboard-email-section .email-detail-bx {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.mail-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 133, 69, 0.1);
}

.email-detail-bx .add-mail-bx {
    width: 100%;
}

.email-detail-bx .mail-icon img {
    width: 20px;
    height: 17px;
    border-radius: 0 !important;
    object-fit: contain;
}

.email-details-cont .time {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.3;
    color: #5D5D5D;
}

.dashboard-email-section .add-email {
    border: none;
    border-radius: 8px;
    padding: 10px 30px;
    margin-top: 19px;
    cursor: pointer;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    color: #F27232;
    background-color: rgba(255, 133, 69, 0.1);
}

.edit-btn {
    background: #FB722E;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
}

.dashboard-tab {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-tab-content {
    display: none;
}

.dashboard-tab-content.active {
    display: block;
}

/* Reward Section */
.reward-main-bx {
    display: flex;
    gap: 48px;
    position: relative;
    margin-top: 70px;
}

.reward-main-bx::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #D3D3D3;
    top: -43px;
}

.reward-top {
    width: 45%;
}

.reward-form {
    width: 55%;
    background: #FFFFFF;
    box-shadow: 0px 9.14114px 47.0116px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 46px 40px;
    box-sizing: border-box;
}

.reward-main-bx .reward-top .card {
    background-color: rgba(251, 114, 46, 0.05);
    border-radius: 30px;
    padding: 30px 18px 27px 21px;
    border: none;
}

.reward-main-bx .reward-top .card:hover {
    box-shadow: none !important;
}

.reward-main-bx .reward-top .card h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    color: #5D5D5D;
    margin-bottom: 0;
    text-transform: capitalize;
}

.reward-main-bx .reward-top .points {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 800;
    font-size: 80px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #515151;
    margin: 0;
}

.reward-main-bx .reward-top .card .cashback {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    color: #5D5D5D;
    margin-top: 0;
    margin-bottom: 50px;
}

.chart {
    width: 100%;
    height: 160px;
    position: relative;
}

/* Chart placeholder style */
.chart canvas {
    width: 100%;
    height: 100%;
}

/* Optional smooth fade */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.reward-main-bx .reward-top .card {
    animation: fadeIn 0.6s ease forwards;
}

.reward-form h4 {
    color: #515151;
    margin-top: 0;
    margin-bottom: 17px;
}

.reward-form form .reward-row input {
    height: 52px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2;
    color: #5D5D5D;
    padding-left: 20px;
}

.reward-form form .reward-row input::placeholder {
    color: #5D5D5D;
}

.reward-form form .reward-row input:focus {
    outline: none;
}

.reward-form form .reward-row:not(:last-child) {
    margin-bottom: 20px;
}

.reward-form form>.reward-row {
    display: flex;
    gap: 15px;
}

.reward-form form>.reward-row input {
    width: 50%;
}

.reward-form form .reward-row input {
    width: 100%;
}

/* ===== Upload Field Styling ===== */
.upload-row {
    position: relative;
}

.reward-row.upload-row {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    height: 52px;
}

.upload-row input[type="file"] {
    opacity: 0;
    height: 52px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.upload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #FB722E;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
}

.upload-btn img {
    width: 12px;
    height: 12px;
}

/* Optional: placeholder styling for file input */
.upload-row input[type="file"]::file-selector-button {
    display: none;
}

.upload-row .file-placeholder {
    padding-left: 20px;
    display: flex;
    align-items: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2;
    color: #5D5D5D;
    padding-left: 20px;
}

.clear-upload {
    display: flex;
    align-items: center;
    z-index: 9;
}

.reward-form form .reward-submit-btn {
    font-size: 16px !important;
    font-weight: 300;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    padding: 22px 80px 22px 35px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 50px;
    transition: all 0.3s;
    border: 1px solid;
    background-color: #FB722E;
    border-color: #FB722E;
    border-radius: 160px;
    cursor: pointer;
}

.reward-form form .reward-submit-btn:hover {
    background-color: transparent !important;
    color: #FB722E !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.reward-bottom {
    background: #FFFFFF;
    box-shadow: 0px 9.14114px 47.0116px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 72px 200px 46px 200px;
    margin-top: 34px;
    box-sizing: border-box;
}

.redeem-form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 64px;
    row-gap: 38px;
}

.redeem-btn-bx {
    width: 100%;
    display: flex;
    justify-content: center;
}

.redeem-left {
    width: 60%;
}

.redeem-right {
    width: 32%;
}

.redeem-form label {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #515151;
    display: block;
    margin-bottom: 13px;
}

.redeem-options {
    display: flex;
    gap: 15px;
}

.redeem-input {
    position: relative;
}

.reward-bottom .redeem-form .redeem-left .redeem-input input {
    height: 65px;
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    width: 100%;
    padding-left: 27px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #5D5D5D;
    box-sizing: border-box;
}

.reward-bottom .redeem-form .redeem-left .redeem-input input::placeholder {
    color: #5D5D5D;
}

.reward-bottom .redeem-form .redeem-left .redeem-input input:focus {
    outline: none;
}

.max-text {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #5D5D5D;
}


.redeem-options label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px !important;
    line-height: 22px;
    color: #5D5D5D;
    margin-bottom: 0;
    padding-left: 35px;
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    cursor: pointer;
}

.redeem-options input {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.redeem-options label::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #FB722E;
    border-radius: 5px;
    left: 0;
}

.redeem-options label::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 4.88889L4.07692 8L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 7px;
    left: 8px;
    opacity: 0;
    transition: all 0.3s;
    background-position: center;
    top: 50%;
    transform: translateY(-50%);
}

.redeem-options label:has(input:checked)::after {
    opacity: 1;
}

.redeem-options label:has(input:checked)::before {
    background-color: #FB722E;
}

.redeem-form .redeem-btn-bx .redeem-btn {
    font-size: 16px !important;
    font-weight: 300;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0;
    word-spacing: 0;
    color: #fff;
    padding: 22px 80px 22px 35px !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="%23FB722E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 50px;
    transition: all 0.3s;
    border: 1px solid;
    background-color: #FB722E;
    border-color: #FB722E;
    border-radius: 160px;
    cursor: pointer;
}

.redeem-form .redeem-btn-bx .redeem-btn:hover {
    background-color: transparent !important;
    color: #FB722E !important;
    background-image: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="%23FB722E"/><path d="M20 30L30 20M30 20H20M30 20V30" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Reward Section */

/* OTP Verification */
.otp-varification-row {
    display: flex;
    gap: 27px;
    margin-bottom: 32px;
}

.otp-varification-row input {
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1;
    color: #5D5D5D;
    text-align: center;
}

.otp-varification-row input:focus {
    border-color: #333 !important;
    outline: none;
}

.resend-bx {
    margin-top: 25px;
}

.resend-bx p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #4D4D4D;
}

.resend-bx a {
    color: #FB722E;
    transition: all 0.3s;
}

.resend-bx a:hover {
    color: #000;
}

/* OTP Verification */

/* Change Password */
.hideShow-pass {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translatey(-50%);
    display: flex;
    cursor: pointer;
}

/* ************************************************************ */

.list-css ul{
    padding-left: 0;
    list-style-type: none;
}
.list-css ul li{
    padding-left: 30px;
    margin-bottom:15px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.48578 0 0 4.48578 0 10C0 15.5142 4.48578 20 10 20C15.5142 20 20 15.5142 20 10C20 4.48578 15.5142 0 10 0ZM15.0684 7.88086L9.65164 13.2974C9.48914 13.4599 9.27582 13.5417 9.0625 13.5417C8.84918 13.5417 8.63586 13.4599 8.47336 13.2974L5.76508 10.5891C5.43914 10.2634 5.43914 9.73664 5.76508 9.41086C6.09086 9.08492 6.61742 9.08492 6.94336 9.41086L9.0625 11.53L13.8901 6.70258C14.2159 6.37664 14.7424 6.37664 15.0684 6.70258C15.3941 7.02836 15.3941 7.55492 15.0684 7.88086Z' fill='%23FB722E'/%3E%3C/svg%3E%0A") no-repeat left;
}
.image-shade-css{
    position: relative;
}
.image-shade-css:before{
    content:'';
    height: 60%;
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
}




/* Change Password */

/* Responsive */
/* @media only screen and (min-width: 1025px) and (max-width: 1844px) {
    html {
        zoom: 0.85;
        zoom: 85%;
    }
} */

@media(min-width: 767px) {
    .header-contat-btn {
        display: none !important;
    }
}

/* @media(max-width: 1440px){
    .tool-tip-main-bx.bx-1{
        right: 8.5% !important;
        top: 5.5% !important;
    }
} */

@media(max-width: 1600px) {
    .reward-bottom {
        padding: 72px 50px 46px 50px;
    }

    .dashboard-sidebar {
        transform: translateX(20px);
    }

    .dashboard-profile {
        padding: 42px 0 42px 0;
    }
}

@media(max-width: 1366px) {
    .redeem-form {
        column-gap: 30px;
        row-gap: 30px;
    }

    .redeem-form label {
        font-size: 17px;
    }

    .reward-main-bx .reward-top .points {
        font-size: 50px;
    }

    .dashboard-main {
        padding: 27px 20px 27px 40px;
    }

    .reward-main-bx {
        gap: 30px;
    }

    .reward-main-bx .reward-top .card .cashback {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .reward-form {
        padding: 20px;
    }

    .reward-bottom {
        padding: 40px;
    }

    .redeem-left {
        width: 57%;
    }

    .redeem-right {
        width: 36%;
    }
}

@media(max-width: 1358px) {
    .full-sec-bx {
        padding-left: 20px !important;
    }

    .features {
        gap: 20px 20px;
    }
}

@media(max-width: 1180px) {
    .main-btn .elementor-button-icon {
        font-size: 40px;
    }

    .result_header button::after {
        width: 40px;
        height: 40px;
    }

    .result_header button {
        padding: 17px 61px 17px 27px !important;
    }

    .videos-loop-bx .e-loop__load-more a::after {
        width: 40px;
        height: 40px;
    }

    .all-pro-features-wrapper .features {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 1024px) {
    .cards {
        gap: 25px;
    }

    .course-apply-frm form .gform_fields .gfield input,
    .course-apply-frm form .gform_fields .gfield textarea,
    .job-careers-apply-frm form .gform_fields .gfield input,
    .job-careers-apply-frm form .gform_fields .gfield textarea,
    .contact-frm form .gform_fields .gfield input,
    .comtact-frm form .gform_fields .gfield textarea {
        font-size: 16px !important;
    }

    .input-wrap input {
        font-size: 16px !important;
    }

    .form-row {
        grid-template-columns: repeat(2, 6fr);
    }

    .drywall-estimator .simple-calculator {
        grid-template-columns: repeat(2, 2fr);
    }

    .advanced-calculator.visible .select-type-bx .select-all-fields {
        grid-template-columns: repeat(2, 2fr);
    }

    .advanced-calculator.visible hr {
        margin: 30px 0;
    }

    .advanced-calculator.visible .romm-dem-bx .room-dem-all-fields {
        grid-template-columns: repeat(2, 2fr);
    }

    .door-main-col,
    .window-main-col,
    .add-col-sing-bx .columns {
        grid-template-columns: repeat(2, 2fr);
    }

    .window-door-main-bx .door-window-sing-bx:first-child,
    .add-col-main-bx .add-col-sing-bx:first-child {
        width: 40%;
    }

    .window-door-main-bx .door-window-sing-bx:last-child,
    .add-col-main-bx .add-col-sing-bx:last-child {
        width: 60%;
    }

    #asl-storelocator.asl-cont .sl-main-cont .asl-map-canv {
        height: 434px !important;
    }

    .pro-table-bx table thead tr th,
    .pro-table-bx tbody tr td {
        background-color: transparent !important;
        padding: 20px 19px 20px 20px !important;
    }

    .all-pro-features-wrapper .features {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 20px;
    }

    .carousel-parent .owl-item img {
        width: 465px !important;
        height: 341px;
    }

    #resultsBody table tbody tr td {
        padding: 15px;
    }

    .estimation_info_wrap table tr td {
        padding: 15px !important;
        font-size: 14px;
    }

    /* Login Css  */
    /* Signup Css */
    .login-logo-frm,
    .signup-logo-frm,
    .forgot-pass-frm,
    .otp-verification-frm,
    .pass-change-logo-frm {
        align-items: center;
    }

    .login-container h2,
    .signup-container h2,
    .forgot-pass-container h2,
    .otp-verification-container h2,
    .change-pass-container h2 {
        font-size: 22px !important;
    }

    .login-container,
    .signup-container,
    .forgot-pass-container,
    .otp-verification-container,
    .change-pass-container {
        padding: 30px;
        transform: translateX(-0);
        max-width: calc(100% - 40px);
    }

    .main-login-bx,
    .main-signup-bx,
    .main-forgot-pass-bx,
    .main-otp-verification-bx,
    .main-change-pass-bx {
        justify-content: center;
    }

    .login-logo,
    .signup-logo,
    .forgot-logo {
        left: 50%;
        top: 30px;
        transform: translateX(-50%);
    }

    /* Dashboard */
    .dashboard-profile {
        flex-direction: column;
        padding: 0;
    }

    .dashboard-main {
        padding: 40px 20px;
    }

    /* Show toggle button */
    .sidebar-toggle {
        display: inline-flex;
        width: 52px;
        height: 52px;
        background: #FB722E;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

    /* Hide sidebar by default */
    .dashboard-sidebar {
        position: fixed;
        top: 0;
        left: -260px;
        width: 231px;
        height: 100vh;
        display: flex;
        flex-direction: column;
        padding: 27px 12px 12px 12px;
        overflow-y: auto;
        z-index: 999;
        transition: left 0.3s ease;
        border-radius: 0;
        background-color: #fff;
        transform: translateX(0);
    }

    .dashboard-logout button {
        border-radius: 0 !important;
    }

    /* Sidebar active (toggle open) */
    .dashboard-sidebar.active {
        left: 0;
    }

    /* Optional: overlay background */
    .sidebar-overlay {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 998;
        display: none;
    }

    .sidebar-overlay.active {
        display: block;
    }

    /* Shift main content (optional) */
    .dashboard-main.shifted {
        margin-left: 231px;
        transition: margin-left 0.3s ease;
    }

    /* Optional: overlay behind sidebar */
    .sidebar-open::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 998;
    }

    .search-frm {
        max-width: 194px;
    }

    .dashboard-icons {
        gap: 10px;
    }

    .dashboard-header {
        align-items: flex-start;
        gap: 15px;
    }

    .dashboard-header .dashboard-title {
        width: 50%;
    }

    .dashboard-header .dashboard-icons {
        width: 50%;
    }

    .dashboard-box {
        padding: 132px 20px 30px 20px;
    }

    .redeem-options {
        flex-direction: column;
    }

    .reward-main-bx .reward-top .points {
        font-size: 42px;
    }

    /* Dashboard */
}

@media(max-width: 767px) {
    .counter-bx .elementor-counter-title {
        margin-top: -8px !important;
    }

    .cards {
        gap: 15px;
    }

    .card {
        padding: 15px;
        border-radius: 15px;
    }

    .icon {
        width: 63px;
        height: 63px;
    }

    .icon svg {
        width: 25px;
        height: 25px;
    }

    .course-apply-frm form .gform_fields .gfield input,
    .job-careers-apply-frm form .gform_fields .gfield input,
    .input-wrap input {
        height: 55px;
    }

    .course-apply-frm form .gform_fields .gfield textarea,
    .job-careers-apply-frm form .gform_fields .gfield textarea,
    .contact-frm form .gform_fields .gfield textarea {
        height: 90px !important;
    }

    .course-apply-frm .gform_button,
    .job-careers-apply-frm .gform_button {
        padding: 15px 61px 15px 37px !important;
        background-size: 35px;
    }

    .asl-panel {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .asl-map {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #asl-map-canv {
        border-radius: 15px !important;
    }

    .agile-modal-backdrop-in {
        margin-left: 0px !important;
        margin-bottom: 20px !important;
        border-radius: 15px;
    }

    .asl-map {
        padding-left: 0 !important;
        padding-bottom: 20px !important;
    }

    #asl-storelocator.asl-cont li.sl-item {
        padding: 15px !important;
    }

    .store-loc-bx .top-title.Num_of_store {
        padding-left: 15px !important;
    }

    .pro-table-bx table.tablepress {
        display: block;
        /* allow block scroll container */
        width: 100%;
        overflow-x: auto;
        /* horizontal scroll */
        -webkit-overflow-scrolling: touch;
    }

    .pro-table-bx table.tablepress thead,
    .pro-table-bx table.tablepress tbody,
    .pro-table-bx table.tablepress tr {
        width: 100%;
        white-space: nowrap;
    }

    .pro-table-bx table thead tr th,
    .pro-table-bx tbody tr td {
        background-color: transparent !important;
        padding: 15px 19px 15px 20px !important;
    }

    .recommendations p,
    .sustainability p,
    .storage p {
        padding-left: 15px;
    }

    .carousel-parent .owl-nav {
        bottom: -21px;
    }

    .course-video-bx .elementor-custom-embed-image-overlay::after {
        width: 71px;
        height: 71px;
    }

    .carousel-parent .owl-item img {
        margin: 0 auto;
    }

    .wpml-language-dropdown .active-language {
        padding-left: 13px;
        padding-right: 33px;
        height: 36px;
    }

    .wpml-language-dropdown .language-list.show {
        padding-left: 13px;
        padding-right: 33px;
    }

    /* #resultsBody .personal_info_wrap,
    #resultBody .estimation_info_wrap{
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    #resultsBody table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
    } */
    /* Login Css  */
    /* Signup Css */
    .login-container .form-group input,
    .signup-container .form-group input,
    .forgot-pass-container .form-group input,
    .otp-verification-container .form-group input,
    .change-pass-container .form-group input {
        height: 50px;
    }

    .signup-logo-frm,
    .pass-change-logo-frm {
        justify-content: flex-start;
    }

    .forgot-pass-frm,
    .otp-verification-frm {
        justify-content: center;
    }

    .signup-container {
        margin-top: 100px;
        height: 500px;
        overflow: scroll;
    }

    .login-container,
    .signup-container,
    .forgot-pass-container,
    .otp-verification-container,
    .change-pass-container {
        padding: 15px;
    }

    .login-container h2,
    .signup-container h2,
    .forgot-pass-container h2,
    .otp-verification-container h2 {
        font-size: 19px !important;
    }

    .login-container p,
    .signup-container p,
    .forgot-pass-container p,
    .otp-verification-container p,
    .change-pass-container p {
        margin-bottom: 10px;
        margin-top: 15px !important;
        font-size: 15px;
        line-height: 1.2;
    }

    .login-options label,
    .signup-options label {
        font-size: 12px;
        line-height: 1.2;
    }

    .email-main-bx {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .login-btn,
    .signup-btn,
    .forgot-btn,
    .otp-btn,
    .change-pass-btn {
        background-size: 45px;
        padding: 19px 70px 19px 27px !important;
    }

    .forgot-btn,
    .otp-btn,
    .change-pass-btn {
        margin-top: 0;
    }

    .login-options,
    .signup-options {
        margin: 15px 0 12px;
    }

    .login-logo,
    .signup-logo,
    .forgot-logo {
        top: 15px;
    }

    /* Dashboard */
    .prof-edit-btn button,
    .dashboard-form .dashboard-row .dashboard-field .dashboard-submit-btn,
    .reward-form form .reward-submit-btn,
    .redeem-form .redeem-btn-bx .redeem-btn {
        background-size: 45px;
        padding: 19px 70px 19px 27px !important;
    }

    .dashboard-header {
        flex-direction: column-reverse;
    }

    .profile-icon img {
        width: 38px;
        height: 38px;
        border-radius: 5px;
    }

    .search-frm input {
        height: 38px;
        font-weight: 400;
        font-size: 14px;
        border-radius: 5px;
    }

    .dashboard-icons .bell-icon {
        width: 38px;
        height: 38px;
        border-radius: 5px;
    }

    .dashboard-icons .bell-icon img {
        width: 15px;
    }

    .sidebar-toggle {
        width: 38px;
        height: 38px;
        border-radius: 5px;
    }

    .sidebar-toggle img {
        width: 22px;
        height: 22px;
    }

    .dashboard-header .dashboard-title {
        width: 100%;
    }

    .dashboard-header .dashboard-title h3 {
        font-size: 17px;
    }

    .dashboard-header p {
        margin-top: 0px !important;
        font-size: 15px;
    }

    .dashboard-header {
        margin-bottom: 25px;
    }

    .dashboard-header .dashboard-title {
        width: 100%;
    }

    .dashboard-header .dashboard-icons {
        width: 100%;
    }

    .user-prof-main-bx {
        flex-direction: column;
        align-items: flex-start;
    }

    .prof-edit-btn {
        width: 100%;
        text-align: right;
    }

    .dashboard-box {
        padding: 90px 20px 30px 20px;
        border-radius: 15px;
    }

    .dashboard-row {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 15px;
        /* margin-bottom: 25px; */
    }

    .dashboard-form .dashboard-row .dashboard-field label {
        font-size: 15px;
    }

    .dashboard-menu li button {
        padding: 14px 16px;
        border-radius: 5px;
        font-size: 16px !important;
    }

    .dashboard-box::after {
        height: 70px;
        border-radius: 15px 15px 0 0;
    }

    .dashboard-user img {
        width: 80px;
        height: 80px;
    }

    .user-prof {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .user-prof .user-name-bx h4 {
        font-size: 15px;
    }

    .dashboard-user p {
        font-size: 15px;
    }

    .dashboard-icons .search-frm form .search-submit {
        width: 21px !important;
    }

    .reward-main-bx {
        flex-direction: column;
    }

    .reward-top {
        width: 100%;
    }

    .reward-form {
        width: 100%;
        border-radius: 15px;
    }

    .reward-main-bx {
        gap: 20px;
        margin-top: 40px;
    }

    .reward-main-bx::after {
        top: -23px;
    }

    .reward-main-bx .reward-top .card {
        border-radius: 15px;
    }

    .reward-bottom {
        padding: 20px;
        border-radius: 15px;
    }

    .redeem-form label {
        font-size: 14px;
        line-height: 1.2;
    }

    .redeem-left,
    .redeem-right {
        width: 100%;
    }

    .reward-bottom .redeem-form .redeem-left .redeem-input input {
        height: 50px;
    }

    .reward-main-bx .reward-top .points {
        font-size: 33px;
    }

    .reward-form form .reward-row:first-child {
        flex-direction: column;
    }

    .dashboard-logo img {
        height: 46px;
        margin: 0 auto 15px;
    }

    .dashboard-logout button {
        padding: 16px 27px !important;
        font-size: 16px !important;
    }

    /* Dashboard */

    .otp-varification-row {
        gap: 5px;
        margin-bottom: 15px;
    }

    .otp-varification-row input {
        height: 48px;
        border-radius: 5px !important;
    }
}

@media(max-width: 670px) {

    .door-main-col,
    .window-main-col,
    .add-col-sing-bx .columns {
        grid-template-columns: repeat(1, 4fr);
    }

    .advanced-calculator.visible {
        display: block !important;
    }

    .all-pro-features-wrapper .features {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width: 640px) {

    .course-apply-frm form .gform_fields,
    .job-careers-apply-frm .gform_fields {
        grid-column-gap: unset !important;
    }

    .door-main-col,
    .window-main-col,
    .add-col-sing-bx .columns {
        grid-template-columns: repeat(1, 4fr);
    }

    .advanced-calculator.visible {
        display: block !important;
    }

}

@media(max-width: 550px) {
    .drywall-estimator .simple-calculator {
        grid-template-columns: repeat(1, 4fr);
    }

    .advanced-calculator.visible .select-type-bx .select-all-fields {
        grid-template-columns: repeat(1, 3fr);
    }

    .advanced-calculator.visible .romm-dem-bx .room-dem-all-fields {
        grid-template-columns: repeat(1, 4fr);
    }

    .advanced-calculator.visible .window-door-main-bx,
    .advanced-calculator.visible .add-col-main-bx {
        flex-direction: column;
    }

    .window-door-main-bx .door-window-sing-bx:first-child,
    .add-col-main-bx .add-col-sing-bx:first-child {
        width: 100%;
    }

    .window-door-main-bx .door-window-sing-bx:last-child,
    .add-col-main-bx .add-col-sing-bx:last-child {
        width: 100%;
    }

    .door-window-sing-bx h4,
    .add-col-sing-bx h4 {
        margin-bottom: 11px;
    }

    .window-door-main-bx .door-window-sing-bx:last-child,
    .add-col-main-bx .add-col-sing-bx:last-child {
        padding: 0;
        margin-top: 20px;
        border-width: 0;
    }

    .windows {
        margin-top: 30px;
    }

    .window-door-main-bx .door-window-sing-bx:first-child,
    .add-col-main-bx .add-col-sing-bx:first-child {
        padding-right: 0;
    }

    .features {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0px;
    }

    .features .icon {
        width: 60px;
        height: 60px;
    }

    .features .icon img {
        max-width: 40%;
    }
}

@media(max-width: 490px) {
    .quick-menu-bx ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 15px;
    }

    .other-link-mnu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 15px;
    }

    .ftr-list-bx .elementor-icon-list-item,
    .ftr-list-bx .elementor-icon-list-item a {
        flex-direction: column !important;
    }

    .ftr-list-bx .elementor-icon-list-item svg {
        margin: 0 !important;
    }

    .ftr-list-bx .elementor-icon-list-text {
        text-align: center !important;
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .form-row {
        grid-column-gap: unset;
        grid-row-gap: 16px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .drywall-estimator .simple-calculator {
        grid-template-columns: repeat(1, 2fr);
        grid-column-gap: unset;
    }

    .simple-calculator input,
    .simple-calculator select,
    .advanced-calculator input,
    .advanced-calculator select {
        height: 55px;
    }

    .calculator-type {
        flex-direction: column;
        justify-content: center;
    }

    .calculator-type label::before {
        width: 20px;
        height: 20px;
    }

    .calculator-type label::after {
        left: 5px;
        width: 10px;
        height: 10px;
    }

    .calculator-type label {
        padding-left: 30px;
    }

    .calculator-type {
        margin-bottom: 25px;
    }

    .all-pro-features-wrapper .features {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* Responsive */