/*
Theme Name: Superior Debt Relief
Theme URI: https://superiordebtrelief.com/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: superior-debt-relief
Template: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* =======================================>Styling<=================================== */

/* color */
:root {
    --black: #000000;
    --white: #ffffff;
    --blue-001: #001A5B;
    --blue-0d7: #0D76C4;
    --blue-dbf: #DBF0FF;
    --blue-mixed-180deg: linear-gradient(181.08deg, #0D76C4 -24.23%, #FFFFFF 94.39%);
    --dark-1a1a: #1A1A1A;
    --white-e6e: #E6EDF2;
    --white-f6f6: #F6F6F6;
    --white-f4fa: #F4FAFF;
    --white-f2f3: #f2f3f7;
    --lite-blue-e7f: #E7F1F9;
    --grey-8888: #888888;
}

.blue-001-text{color: var(--blue-001) !important;}
.blue-001-bg{background-color: var(--blue-001) !important;}
.blue-0d7-text{color: var(--blue-0d7) !important;}
.blue-0d7-bg{background-color: var(--blue-0d7) !important;}
.blue-mixed-180deg-text{color: var(--blue-mixed-180deg) !important; -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; /* Firefox */color: transparent;}
.blue-mixed-180deg-bg{background: var(--blue-mixed-180deg) !important;}
.dark-1a1a-text{color: var(--dark-1a1a) !important;}
.white-f6f6-bg{background-color: var(--white-f6f6) !important;}
.white-f4fa-bg{background-color: var(--white-f4fa) !important;}
.white-f2f3-bg{background-color: var(--white-f2f3) !important;}

/* body css */
body, html {scroll-behavior: smooth;}

/* Commom css */
p:last-child, li:last-child, ul:last-child {margin-bottom: 0;}
a{outline: none !important; text-decoration: none !important;}
/* a:hover{color: var(--dust-59);} */
a:hover{color: inherit;}
img {max-width: 100%; height: auto;}
.section-padding {padding-block: 80px;}
.section-padding-bottom {padding-bottom: 80px;}
.section-padding-top {padding-top: 80px;}
.home-banner-section {padding-top: 80px;}
.outline-none{outline: none !important;}
.text-underline{text-decoration: underline !important;}
.bdr-1px-blue{width: 1px; height: auto; background-color: #0D76C480; opacity: 0.8;}
.bdr-radius-26{border-radius: 26px !important;}
.bdr-radius-32{border-radius: 32px !important;}
.font-inter-underline{text-decoration: underline !important; font-family: 'Inter'; font-weight: 500; }

/* fonts css */
.fs-14{font-size: clamp(0.75rem, 0.6985rem + 0.2353vw, 0.875rem);}
.fs-16{font-size: clamp(0.8125rem, 0.7353rem + 0.3529vw, 1rem);}
.fs-17{font-size: clamp(0.875rem, 0.7978rem + 0.3529vw, 1.0625rem);}
.fs-20{font-size: clamp(0.875rem, 0.7206rem + 0.7059vw, 1.25rem);}
.fs-50{font-size: clamp(1.75rem, 1.2917rem + 2.0952vw, 3.125rem); line-height: 1.2;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.font-inter{font-family: 'Inter' !important}
.font-sarabun-semibold{font-family: 'Sarabun Semibold' !important;}
.font-sarabun-light{font-family: 'Sarabun Light' !important;}
.font-sarabun-medium{font-family: 'Sarabun Medium' !important; font-weight: 500;}

/* Header Styling */
.header-section .wp-block-navigation-item{outline: none !important;}
.header-section .wp-block-navigation-item.current-menu-item a{font-weight: 700;}
.header-section .wp-block-navigation__submenu-container{border-radius: 12px; padding-block: 10px; min-width: 280px !important; border: none !important;}
.header-section .wp-block-navigation__submenu-container .wp-block-navigation-item a{margin: 0 20px !important; padding: 20px 0 !important; border-bottom: 1px solid #0D76C480;}
.header-section .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child a{border-bottom: none;}

/* Footer Styling */
.footer-section .footer-social-icon{background-color: var(--white); padding: 12px; max-width: 40px; max-height: 40px; border-radius: 8px; line-height: 1;}
.footer-section .footer-desktop-row .footer-col-1 {max-width: 30%;}

/* accordion styling */
/* Accordion Container */
.accordion { display: flex; flex-direction: column; gap: 20px;}

/* Accordion Item */
.accordion-item { border: 1px solid #0D76C44D !important; border-radius: 12px !important; overflow: hidden;}

/* Accordion Button (header) */
.accordion-button { display: flex; align-items: center; padding: 18px 32px; width: 100%; background-color: #f7f7f7; color: var(--black) !important; font-family: 'Sarabun'; font-weight: 500; font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem); border: none; text-align: left; cursor: pointer; transition: background-color 0.3s; justify-content: space-between;}

.accordion-button:focus { outline: none; box-shadow: none;}

.accordion-button.collapsed { background-color: #0116240F;}

/* Accordion Button active (expanded) */
.accordion-button:not(.collapsed) {background-color: #0116240F;}

/* Accordion body */
.accordion-body > * {font-size: clamp(0.875rem, 0.7411rem + 0.4286vw, 1.0625rem); font-weight: 400; color: #1A1A1A;}

/* Accordion Icon */
.accordion-button::after { content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/accordion-plus-icon.svg'); transition: transform 0.3s ease; }

.accordion-button:not(.collapsed)::after { background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/accordion-minus-icon.svg'); }

/* Accordion Content */
.accordion-collapse { max-height: 0; overflow: hidden; padding: 0 1rem; background-color: #f9f9f9; transition: max-height 0.5s ease, padding 0.3s ease; }

.accordion-collapse.show { max-height: 500px; /* Set this to a value large enough to cover the content */ padding: 1rem; }

/* breadcrumbs styling */
.breadcrumb-wrap * {color: #ffffff;}
.breadcrumb-wrap .rank-math-breadcrumb p {display: flex; justify-content: center; gap: 12px; align-items: center;}

/* slider styling */
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 0; border: none;}
.strong-view.wpmtst-default .wpmtst-testimonial{border: none;}
.debt-slider-section .banner-white-box {padding: 0; text-align: start; border-radius: 0; background-color: transparent;}
.debt-slider-section .banner-white-box .info-container {justify-content: space-between;}
.debt-slider-section .banner-white-box .info-container .debt-info p{font-size: 14px !important; margin-bottom: 12px;}
.debt-slider-section .banner-white-box .info-container .debt-info h6{font-size: clamp(1rem, 0.7768rem + 0.7143vw, 1.3125rem) !important;}
.debt-slider-section .banner-white-box .debt-info {text-align: center;}
.debt-slider-section .banner-white-box .font-32-sarabun-700italic {color: var(--blue-001);}
.debt-slider-section .banner-white-box > .imgwrap img {border-radius: 16px;}
.debt-slider-section .banner-white-box .blue-btn-with-img a:hover{color: #ffffff;}
.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls{text-align: start;}
.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-prev:before{-webkit-mask: none !important; mask: none !important; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/home-slider-left-arrow.svg'); background-repeat: no-repeat; background-position: center; background-color: #0D76C41A; border-radius: 50px; width: 32px; height: 32px;}
.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-next:before{-webkit-mask: none !important; mask: none !important; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/home-slider-right-arrow.svg'); background-repeat: no-repeat; background-position: center; background-color: #0D76C41A; border-radius: 50px; width: 32px; height: 32px;}
.card-title-how-it-works { font-size: clamp(1.125rem, 0.7679rem + 1.1429vw, 1.625rem); }
.card-text-how-it-works {font-size: clamp(1rem, 0.9554rem + 0.1429vw, 1.0625rem);}
/* form styling */
.apply-form-wrap {background-color: var(--white-e6e); border-radius: 40px; border: 1px solid #ffffff; padding: 70px 50px;}
.apply-form-wrap .radio-btn-wrap p{display: flex; flex-direction: column; align-items: center; gap: 35px;}
.apply-form-wrap .radio-btn-wrap p > label{font-family: var(--wp--preset--font-family--sarabun); font-size: clamp(26.465px, 1.654rem + ((1vw - 3.2px) * 1.448), 45px); font-style: normal; font-weight: 700; line-height: 1.25;}    
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item{margin: 0 !important;}    
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label{ font-family: 'Sarabun SemiBold'; font-size: clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.645), 24px); font-style: normal; font-weight: 600; line-height: 1.33; display: flex; align-items: center; gap: 14px;}    
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input{ appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 18px; height: 18px; background-color: #d9dde7; border: 1px solid #00000033; border-radius: 50px; display: inline-block; position: relative; cursor: pointer; transition: all 0.2s ease; vertical-align: middle; transform: translateY(8%);}
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 8px; height: 8px; border-radius: 50%; background-color: var(--blue-001); /* bullet color */ transition: transform 0.2s ease;}
/* When checked */
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input:checked::before { transform: translate(-50%, -50%) scale(1);}
/* Optional hover/focus effects */
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input:hover { border-color: var(--blue-001);}
.apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input:focus { box-shadow: 0 0 0 3px rgba(33,150,243,0.3); outline: none;}
.apply-form-wrap .radio-btn-wrap p .wpcf7-form-control.wpcf7-radio{ display: flex; align-items: center; gap: 60px;}    
.apply-form-wrap .normal-fieldwrap label{display: flex; flex-direction: column; gap: 6px; color: var(--grey-8888); font-family: 'Inter'; font-weight: 400; font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);}    
.apply-form-wrap .normal-fieldwrap label input{display: flex; width: 100%; border: none; outline: none; padding: 18px 30px; border-radius: 10px; height: 65px; font-size: clamp(0.9375rem, 0.8603rem + 0.3529vw, 1.125rem); color: #111111;}    
.apply-form-wrap .normal-fieldwrap label input::placeholder{font-weight: 300; font-size: clamp(0.875rem, 0.8235rem + 0.2353vw, 1rem); color: #B2B2B2;}    
.apply-form-wrap .form-submit-btn input{display: flex; width: 100%; border: none !important; outline: none !important; background-color: var(--blue-001) !important; color: #ffffff !important; border-radius: 6px; padding: 12px;}
.apply-form-wrap .wpcf7-spinner{display: none;}

/* Normal Css */
.happy-client-box {display: inline-flex; align-items: center; gap: 8px; background-color: #ffffff; padding: 5px 10px; border-radius: 6px;}
.happy-client-box p {font-size: clamp(0.75rem, 0.6985rem + 0.2353vw, 0.875rem); color: var(--blue-0d7); font-family: "Inter"; font-weight: 500; line-height: 1.1;}
.banner-white-box{background-color: #ffffff; padding: 50px 40px; border-radius: 32px; text-align: center;}
.banner-white-box .blue-btn-with-img a{position: relative; overflow: hidden; display: inline-flex; color: #ffffff !important; padding: 10px 50px; background-color: var(--blue-001); border-radius: 10px; font-size: clamp(1rem, 0.7941rem + 0.9412vw, 1.5rem); font-family: 'Sarabun'; font-weight: 500; line-height: 1.1; cursor: auto;}
.banner-white-box .font-32-sarabun-700italic{font-size: clamp(1.25rem, 0.9926rem + 1.1765vw, 1.875rem); font-family: 'Sarabun'; font-style: italic; font-weight: 700; line-height: 1.35; color: var(--dark-1a1a);}
.banner-white-box .info-container{display: flex; gap: 24px; justify-content: center;}
.banner-white-box .info-container .debt-info p{font-family: 'Sarabun Medium'; font-size: 14px !important; font-weight: 500; line-height: 1.1; color: var(--dark-1a1a);}
.banner-white-box .info-container .debt-info h6{font-family: 'Sarabun Semibold'; font-weight: 600; line-height: 1.2; color: var(--blue-001); font-size: clamp(1rem, 0.7768rem + 0.7143vw, 1.3125rem) !important;}
.banner-white-box .saving-box {display: inline-flex; background-color: var(--blue-dbf); border: 1px solid var(--blue-0d7); padding: 10px 40px; border-radius: 50px;}
.banner-white-box .saving-box p{font-family: 'Sarabun'; font-style: italic; font-weight: 700; line-height: 1.1; color: var(--blue-0d7);}
.banner-white-box .apply-now-btn a{padding: 10px 50px; overflow: hidden; z-index: 1; position: relative; color: var(--dark-1a1a); border-radius: 6px; display: inline-flex; gap: 4px; align-items: center; border: 1px solid var(--dark-1a1a);}
.banner-white-box .apply-now-btn a img {filter: brightness(0);}
.blue-0d7-btn a img {filter: brightness(100%);}
.banner-white-box .apply-now-btn
.banner-white-box .blue-btn-with-img a::before { content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/home-blue-btn-left-before-img.png'); width: 30px; height: 30px; background-repeat: no-repeat; object-fit: cover; position: absolute; left: 0; top: 0;}
.banner-white-box .blue-btn-with-img a::after { content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/home-blue-btn-right-after-img.png'); width: 30px; height: 30px; background-repeat: no-repeat; object-fit: cover; position: absolute; right: 0; bottom: 0;}
.common-box-section .e6e-box {background-color: var(--white-e6e); padding: 80px 70px; border-radius: 45px; border: 1px solid var(--blue-0d7); display: flex;flex-direction: column; align-items: center; text-align: center;}
.common-box-section .e6e-box h2 {font-size: clamp(1.5625rem, 1.1765rem + 1.7647vw, 2.5rem); line-height: 1.2;}
.common-box-section .e6e-box .box-points-wrap {width: 90%; text-align: start;}
.common-box-section .e6e-box .box-points-wrap ul{list-style: none; padding: 0; display: flex; flex-direction: column; gap: 24px;}
.common-box-section .e6e-box .box-points-wrap ul li{position: relative; font-size: clamp(0.875rem, 0.7721rem + 0.4706vw, 1.125rem); font-family: 'Inter'; font-weight: 400; line-height: 1.4; padding-left: 30px;}
.common-box-section .e6e-box .box-points-wrap ul li::before{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/insurance-point-icon.svg'); width: 20px; height: 20px; background-repeat: no-repeat; position: absolute; left: 0;}
.blue-btn a {display: inline-flex; position: relative; overflow: hidden; z-index: 1; justify-content: center; background-color: var(--blue-001); color: #ffffff; border-radius: 6px; font-size: clamp(0.875rem, 0.7721rem + 0.4706vw, 1.125rem); padding: 12px 60px; }
.blue-btn a::after,
.blue-btn-with-arrow a::after,
.white-btn a::after,
.btn-blue-border a::after,
.banner-white-box .apply-now-btn a::after,
.blue-0d7-btn a::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #0D76C4; transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
.blue-btn a:hover::after,
.blue-btn-with-arrow a:hover::after,
.white-btn a:hover::after,
.btn-blue-border a:hover::after,
.banner-white-box .apply-now-btn a:hover::after,
.blue-0d7-btn a:hover::after  {transform: scaleX(1);}
.white-btn a:hover,
.btn-blue-border a:hover,
.banner-white-box .apply-now-btn a:hover {color: #fff;}
/* .btn-blue-border a:hover,
.banner-white-box .apply-now-btn a:hover {border: #0D76C4;} */
.blue-0d7-btn a:hover {color: #1c1c1c;}
.blue-0d7-btn a::after {background-color: #fff !important;}
.banner-white-box .apply-now-btn a:hover img {filter: brightness(100%);}
.blue-0d7-btn a:hover img {filter: brightness(0);}

.white-btn a {display: inline-flex; position: relative; overflow: hidden; z-index: 1; justify-content: center; background-color: var(--white); color: var(--blue-001); border-radius: 6px; font-size: clamp(0.875rem, 0.7721rem + 0.4706vw, 1.125rem); padding: 12px 60px; }
.btn-blue-border a {display: inline-flex; position: relative; overflow: hidden; z-index: 1; justify-content: center; background-color: transparent; color: var(--blue-001); border-radius: 6px; border: 1px solid var(--blue-001); font-size: clamp(0.875rem, 0.7721rem + 0.4706vw, 1.125rem); padding: 12px 60px; }
.blue-btn-with-arrow a {display: inline-flex; position: relative; z-index: 1; overflow: hidden; gap: 4px; align-items: center; justify-content: center; background-color: var(--blue-001); color: #ffffff; border-radius: 6px; font-size: clamp(0.875rem, 0.7721rem + 0.4706vw, 1.125rem); padding: 12px 60px; }
.common-box-section .e6e-box .blue-btn a , .blue-overlay-section .white-btn a{min-width: 400px;}
.blue-lite-btn a {display: inline-flex; justify-content: center; background-color: var(--blue-dbf); color: var(--blue-001); border-radius: 6px; font-size: clamp(0.75rem, 0.6985rem + 0.2353vw, 0.875rem); font-weight: 600; padding: 5px 20px;}
.how-it-works-section .iconwrap img{background-color: var(--blue-dbf); border-radius: 12px; padding: 20px;}
.top-notch-review-section {background-color: var(--blue-001); position: relative; z-index: 1; overflow: hidden;}
.top-notch-review-section::before {content: ""; background: url("https://superiordebtrelief.com/wp-content/uploads/2025/11/top-notch-review-bg-img-left-eagle.png"); width: 300px; height: 300px; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; background-size: cover; z-index: -1;}
.top-notch-review-section::after {content: ""; background: url("https://superiordebtrelief.com/wp-content/uploads/2025/11/top-notch-review-bg-img-right-eagle.png"); width: 150px; height: 150px; background-repeat: no-repeat; position: absolute; right: 0; top: 0; background-size: cover; z-index: -1;}
.happy-client-nationwide a{display: inline-flex; background-color: #DDDDDD1A; color: #ffffff !important; font-size: clamp(0.75rem, 0.6985rem + 0.2353vw, 0.875rem); border-radius: 6px; padding: 6px 20px; font-family: 'Inter'; font-weight: 600;}
.blue-0d7-btn a{display: inline-flex; position: relative; overflow: hidden; z-index: 1; align-items: center; gap: 4px; font-family: 'Sarabun'; padding: 12px 40px; background-color: var(--blue-0d7); color: #ffffff; border-radius: 6px;}
.top-notch-review-section .review-box {background-color: #FFFFFF12; border-radius: 12px; padding: 20px 18px; text-align: center; height: 100%;}
.top-notch-review-section .review-box h4{color: var(--blue-0d7); font-family: 'Sarabun Semibold'; font-size: clamp(1.125rem, 0.9191rem + 0.9412vw, 1.625rem);}
.lets-begin-section .e6e-box{background-color: var(--white-e6e); padding: 80px 50px; border-radius: 45px; border: 1px solid var(--blue-0d7); overflow: hidden; position: relative; z-index: 1;}
.lets-begin-section .e6e-box::before {content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/lets-begin-top-img-eagle.png'); width: 200px; height: 200px; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: -1;}
.lets-begin-section .e6e-box::after {content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/lets-begin-right-img-eagle.png'); width: 320px; height: 320px; background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; right: 0; z-index: -1;}
.lets-begin-section .blue-lite-btn a {background-color: #0D76C41A;}
.lets-begin-left-img {position: absolute; bottom: 0; left: 10%; z-index: -1; display: none;}
/* .debt-slider-section {background: linear-gradient(to right, var(--white) 50%, var(--lite-blue-e7f) 50%);} */
.debt-slider-section {background: linear-gradient(to right, var(--white) 50%, #cfeaff 50%);}
.how-it-work-page-wrap .common-box-section .e6e-box .box-points-wrap{width: 100%;}
.banner-bg-png{position: relative; overflow: hidden; z-index: 1; border-radius: 100px 100px 0 0;}
.banner-bg-png::before{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/banner-bg-dice-left-eagle.png'); width: 500px; height: 500px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; z-index: -1;}
.banner-bg-png::after{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/banner-bg-dice-right-eagle.png'); width: 500px; height: 500px; background-repeat: no-repeat; background-size: contain; position: absolute; right: -150px; top: 32%; z-index: -1;}
.before-insurance-icon{position: relative; padding-left: 30px;}
.before-insurance-icon::before{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/insurance-point-icon.svg'); width: 20px; height: 20px; background-repeat: no-repeat; position: absolute; left: 0;}
.before-green-check-icon{position: relative; padding-left: 22px;}
.before-green-check-icon::before{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/greeen-check-svg.svg'); width: 18px; height: 18px; background-repeat: no-repeat; position: absolute; left: 0;}
.before-red-warning-icon{position: relative; padding-left: 30px;}
.before-red-warning-icon::before{content: ""; background: url('https://superiordebtrelief.com/wp-content/uploads/2025/11/red-warning-icon.svg'); width: 22px; height: 22px; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0;}
.context-heading {border-left: 4px solid var(--blue-001); padding-left: 12px;}
.white-content-box {background-color: #ffffff; padding: 30px; border-radius: 24px;}
.white-content-box .details-container {border: 1px solid var(--blue-001); border-radius: 14px; padding: 15px 20px;}
.table-of-context-side-box {background-color: #ffffff; padding: 40px 30px; border-radius: 16px; position: sticky; z-index: 2; top: 50px;}
.table-of-context-heading {border-left: 2px solid var(--blue-0d7); padding-left: 12px; }
.bdr-0001a{width: 100%; height: 1px; background-color: #0000001A;}
.testimonial-box {box-shadow: 4px 4px 15px 0px #0000001A; border-radius: 18px; overflow: hidden; height: 100%;}
.testimonial-box .testimonial-view-story {color: var(--blue-0d7); display: flex; align-items: center; gap: 4px; text-decoration: underline !important; font-size: clamp(0.8125rem, 0.7353rem + 0.3529vw, 1rem);}
.testimonial-box > .imgwrap img {width: 100%; object-fit: cover;}
.blue-overlay-section {background: url(https://superiordebtrelief.com/wp-content/uploads/2025/11/superior-blue-overlay-img.jpg) no-repeat center center / cover; padding-block: 115px; color: #ffffff;}
/* .our-process-steps-timeline { border-left: 1px solid #001A5B40; padding-left: 30px; margin-left: 8px; position: relative;} */
.our-process-steps-timeline { padding-left: 30px; margin-left: 8px; position: relative;}
.our-process-steps-timeline::before{ content: ""; display: block; width: 1px; background: #001A5B40; position: absolute; left: -1px; height: 75%;}
.our-process-step h5{line-height: 1;}
.our-process-step .step-dot { max-width: 24px; max-height: 24px; padding: 8px; background-color: #ADB5C8; border-radius: 50%; position: absolute; left: -1px; transform: translateX(-50%);}
.our-process-step .step-dot > span { width: 8px; height: 8px; background-color: var(--blue-001); border-radius: 50%; display: block;}
.our-area-of-expertise .imgwrap .textwrap{position: absolute; bottom: 30px; left: 30px; padding-right: 16px; min-height: 160px;}
.our-area-of-expertise .imgwrap img{width: 100%;}
.btn-over-img { background-color: #001a5b; color: #ffffff; padding: 10px 20px; font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px); font-style: normal; font-weight: 300; line-height: 1; border-radius: 6px; align-self: start; font-size: 14px;}
.btn-over-img:hover { background-color: #ffffff; color: #001a5b; }
.img-btn-wrapper { margin-top: -130px; margin-bottom: 35px; }
.content-over-img { color: #ffffff; align-self: start; font-weight: 700; font-size: 24px; line-height: 1.2;}



@media screen and (min-width: 1400px){
    .common-box-section.where-we-can-help .e6e-box .box-points-wrap{width: 75%;}
}

@media screen and (max-width: 1200px) {
    .header-section .wp-block-navigation__container{gap: 12px;}
    
    .banner-white-box {padding: 40px 20px 0px 20px;}
    .banner-white-box .info-container {gap: 15px;}
    .debt-slider-section .banner-white-box .info-container {gap: 0px;}
    .banner-white-box .saving-box {padding: 8px 30px;}
    .common-box-section .e6e-box {padding: 60px;}
    .common-box-section .e6e-box .box-points-wrap {width: 100%;}
    .top-notch-review-section .review-box{padding: 20px 8px;}
    #minimum-payments-vs-debt-settlement-id .blue-btn a{font-size: clamp(0.875rem, 0.8235rem + 0.2353vw, 1rem);}
}

@media only screen and (min-width:992px){
   .wp-block-navigation-item.has-child:hover
  > .wp-block-navigation__submenu-container {
    display: block;
  }
}

@media screen and (max-width: 991px) {
    .section-padding {padding-block: 60px;}
    .section-padding-bottom {padding-bottom: 60px;}
    .section-padding-top {padding-top: 60px;}
    .home-banner-section {padding-top: 60px;}

        .header-section .wp-block-navigation__submenu-container{border-radius: 0; padding-block: 0;}
        .header-section .wp-block-navigation__submenu-container .wp-block-navigation-item a{margin: 0 !important; padding: 0 5% !important; border-bottom: none;}
        .header-section .wp-block-navigation__container{gap: 0 !important;}
    /* header style */
    .wp-block-navigation__submenu-container.wp-block-navigation-submenu {width: 100% !important; box-shadow: none;}
    .wp-block-navigation__submenu-container.wp-block-navigation-submenu li {padding: unset; border: unset; font-size: 13px !important;}
    .wp-block-navigation.items-justified-right {justify-content: flex-start !important;}
    header .wp-block-navigation__responsive-container-open:not(.always-shown){display: flex;}
    .wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex {flex-direction: row-reverse !important;} 

    header .wp-block-navigation__responsive-container-open svg {width: 34px; height: 34px; fill: var(--blue-001);}
    /* test-code */
    /* header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none;
} */
    header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {display: block;width: 100%;position: fixed;}
    header .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {margin-top: 0px;}
    header .wp-block-navigation__responsive-container-close {right: 10px;top: 10px;}
    header .wp-block-navigation .wp-block-navigation-item__content {display: block;padding: 0 5%!important;line-height: 40px;width: 100%;box-sizing: border-box;}
    /* Make menu width 100% */
    header .wp-block-navigation ul, header .wp-block-navigation ul ul, header .wp-block-navigation ul li, header .wp-block-navigation .wp-block-navigation-item__content {width:100%;}
    header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon{position: absolute; right: 15px; top: 14px; width: 1.5em; height: 15px; color: var(--blue-001);}
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {padding-left: 2rem;padding-right: 0; width: 100%;min-width: none;box-sizing: border-box;}
    header .wp-block-navigation__responsive-container-content {gap: 10px;padding-top: calc(2rem + 24px);}
    /*Menu BG Color and Text Color*/
    header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background: #ECF4FE;transform: translateX(0);transition: 0.8s ease-out;animation: none!important;}
    header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container{transform: translateX(-100%);transition: 0.8s ease-in-out;height: 100vh;padding: 0;}
    header .wp-block-navigation .wp-block-navigation-item__content{color: var(--blue-001);}
    header .wp-block-navigation__responsive-container-close svg{fill: #000000;}
    header ul.wp-block-navigation li.current-menu-item > a, ul.wp-block-navigation li li.current-menu-item > a {background-color: var(--light-blue);color: var(--blue-001) !important;transition: background-color 0.8s;}

    /* footer section */
    .footer-section .footer-desktop-row{gap: 30px;}

    /* slider styling */
    /* .debt-slider-section {background: linear-gradient(to bottom, var(--lite-blue-e7f) 50%, var(--white) 50%);} */
    .debt-slider-section {background: linear-gradient(to bottom, #cfeaff 50%, var(--white) 50%);}
    
    /* form styling */
    .apply-form-wrap{padding: 60px 30px;}
    .apply-form-wrap .radio-btn-wrap p .wpcf7-form-control.wpcf7-radio{gap: 35px;}
    .apply-form-wrap .normal-fieldwrap label input{height: 50px;}

    .common-box-section .e6e-box {padding: 50px;}
    .common-box-section .e6e-box .blue-btn a, .blue-overlay-section .white-btn a{min-width: 300px;}
    .blue-btn a{padding: 8px 30px;}
    .blue-0d7-btn a{padding: 8px 40px;}
    .top-notch-review-section::before{width: 200px; height: 200px;}
    .top-notch-review-section::after{width: 100px; height: 100px;}
    .lets-begin-section .e6e-box::after{width: 200px; height: 200px;}
    .lets-begin-section .e6e-box {padding: 60px 35px;}
    .alex-k-sign-wrap > .imgwrap{flex-basis: 100px;}
    .alex-k-sign-wrap .imgwrap.signature-wrap{max-width: 50px;}
    .common-box-section .e6e-box .box-points-wrap ul{gap: 16px;}
    .banner-bg-png::before{width: 350px; height: 350px;}
    .banner-bg-png::after{width: 400px; height: 400px;}
    .our-area-of-expertise .imgwrap .textwrap{min-height: 145px;}
}


@media screen and (max-width: 768px) {
    .footer-section .footer-mobile-row .footer-col-2 , .footer-section .footer-mobile-row .footer-col-3{max-width: 50%;}
    /* .footer-section .footer-logo img{max-width: 150px} */
    .footer-section .footer-social-icon{padding: 6px !important; max-width: 28px; max-height: 28px; padding: 10px;}
    .footer-bottom-row{flex-direction: column; gap: 12px; text-align: center;}

    .apply-form-wrap .radio-btn-wrap p .wpcf7-form-control.wpcf7-radio{flex-wrap: wrap; justify-content: center; gap: 16px; column-gap: 20px; row-gap: 10px;}
    .apply-form-wrap .radio-btn-wrap p{gap: 30px;}
    .apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label {gap: 8px;}
    .apply-form-wrap .radio-btn-wrap p .wpcf7-list-item label input{width: 16px; height: 16px;}

    .common-box-section .e6e-box{padding: 40px 30px;}
    .common-box-section .e6e-box .blue-btn a, .blue-overlay-section .white-btn a{min-width: 0;}
    .blue-overlay-section{padding-block: 40px;}
    .how-it-works-section .iconwrap img {padding: 12px; max-width: 60px;}
    .lets-begin-section .e6e-box::before {width: 150px; height: 150px;}
    .lets-begin-section .e6e-box::after{width: 160px; height: 160px;}
    .lets-begin-section .e6e-box {padding: 40px 30px;}
    .lets-begin-left-img {max-width: 100px; left: 0;}
    .banner-bg-png{border-radius: 60px 60px 0 0;}
    .banner-bg-png::before{display: none;}
    .banner-bg-png::after{display: none;}
    .white-content-box .icon-textwrap .iconwrap {flex-basis: 40px;}
    .debt-slider-section .banner-white-box .info-container{flex-wrap: wrap; gap: 16px;}
    .debt-slider-section .banner-white-box .info-container .debt-info{flex: 0 0 47%;}
    .debt-slider-section .info-container .bdr-1px-blue{display: none;}
    .our-area-of-expertise .imgwrap{width: fit-content; margin: auto;}
    .our-area-of-expertise .imgwrap .textwrap{min-height: auto;}
    .btn-over-img {padding: 8px 15px !important; }
    .footer-logo img { width: 230px !important; }
    .footer-col-1 p { font-size: clamp(1rem, 0.9107rem + 0.2857vw, 1.125rem) !important; }
    .footer-col-2 h6 , .footer-col-3 h6 { font-size: clamp(1.125rem, 0.9464rem + 0.5714vw, 1.375rem) !important; }
    
}

@media screen and (max-width: 575px) {
    .section-padding {padding-block: 40px;}
    .section-padding-bottom {padding-bottom: 40px;}
    .section-padding-top {padding-top: 40px;}
    .home-banner-section {padding-top: 20px;}


    .header-section .header-btn a{padding: 8px 15px !important;}
    .header-section .header-btn a img{max-width: 16px;}
    header .wp-block-navigation__responsive-container-open svg {width: 28px; height: 28px;}

    .apply-form-wrap{padding: 40px 20px;}
    .apply-form-wrap .radio-btn-wrap p .wpcf7-form-control.wpcf7-radio{justify-content: start;}
    .apply-form-wrap .form-submit-btn input{padding: 10px;}
    .apply-form-wrap .normal-fieldwrap label input{padding: 18px 16px;}

    /* normal styling */
    .banner-white-box .blue-btn-with-img a, .banner-white-box .apply-now-btn a{padding: 8px 40px;}
    .banner-white-box .info-container {gap: 16px; flex-wrap: wrap;}
    .banner-white-box .info-container .debt-info{flex: 0 0 47%;}
    .info-container .bdr-1px-blue{display: none;}
    .common-box-section .e6e-box{padding: 30px 20px;}
    .blue-btn a , .blue-btn-with-arrow a, .btn-blue-border a, .white-btn a{padding: 8px 30px;}
    .home-about-us-section .blue-btn a, .home-about-us-section .btn-blue-border a{padding: 8px 35px;}
    .blue-0d7-btn a{padding: 8px 30px;}
    .blue-0d7-btn a img , .blue-btn-with-arrow a img{max-width: 18px;}
    .happy-client-nationwide a{padding: 5px 14px;}
    .top-notch-review-section::before , .top-notch-review-section::after{content: none;}
    .lets-begin-section .e6e-box {padding: 40px 20px;}
    .alex-k-sign-wrap > .imgwrap{flex-basis: 75px;}
    .alex-k-sign-wrap .imgwrap.signature-wrap{max-width: 40px;}
    .common-box-section .e6e-box{border-radius: 24px;}
    .common-box-section .e6e-box .box-points-wrap ul li{padding-left: 20px;}
    .common-box-section .e6e-box .box-points-wrap ul li::before{width: 16px; height: 16px; background-size: cover;}
    .before-insurance-icon{padding-left: 24px;}
    .before-insurance-icon::before{width: 18px; height: 18px; background-size: cover;}
    .before-green-check-icon::before{width: 14px; height: 14px; background-size: cover;}
    .before-red-warning-icon{padding-left: 24px;}
    .before-red-warning-icon::before{width: 18px; height: 18px; background-size: cover;}
    .banner-bg-png{border-radius: 50px 50px 0 0;}
    .white-content-box {padding: 24px;}
    .testimonial-box{width: fit-content; margin: auto;}
    .our-process-step .step-dot{padding: 6px;}
    .our-process-steps-timeline::before{height: 100%;}
}

/* test-code */
@media (max-width: 991px) {

  /* Hide submenus by default */
  header .wp-block-navigation__submenu-container {
    display: none;
  }

  /* Open submenu ONLY when toggle is clicked */
  header .wp-block-navigation-item.has-child
  > .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ .wp-block-navigation__submenu-container {
    display: block;
  }

}