body {
     background: #fff;
     color: #343434;
     font-size: 14px;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;

 }

 h1 {
     font-size: 36px;
 }

 h2 {
     font-size: 32px;
 }

 h3 {
     font-size: 28px;
 }

 h4 {
     font-size: 24px;
 }

 h5 {
     font-size: 20px;
 }

 h6 {
     font-size: 18px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #111;
 }

 a {
     color: #111;
 }

 a:hover {
     color: #fd4632;
     text-decoration: none;
     transition: .5s ease-out;
 }

 :root {
     --norge-primary: #004aad;
     --norge-secondary: #f5f6f5;
     --norge-accent: #00a1d6;
     --norge-dark: #1a2b3c;
     --norge-white: #ffffff;
 }

 /* Reset */
 .norge-header {
     box-sizing: border-box;
     margin: 0;
 }

 .norge-header img {
     display: block;
 }

 :root {
     --cozy-blue: #4A6FA5;
     --warm-grey: #ECE9E4;
     --clean-white: #FFFFFF;
     --soft-taupe: #D8C3A5;
     --text-dark: #2A2A2A;
     --shadow-cozy: 0 4px 12px rgba(74, 111, 165, 0.1);
     --transition: all 0.3s ease;
 }


 /* Home Intro Section (Unchanged Content) */
 .home-intro {
     padding: 2rem 0;
     background: var(--warm-grey);
     position: relative;
 }

 .home-intro .container {
     max-width: 1300px;
     margin: 0 auto;
 }

 .home-intro h1 {
     font-family: 'Lora', serif;
     color: rgb(6, 8, 8);
     line-height: 1.3;
     margin-bottom: 1.5rem;
 }

 .home-intro h2 {
     font-size: 2rem;
     color: var(--cozy-blue);
     margin-bottom: 1.5rem;
 }

 .home-intro h6 {
     font-size: 1.2rem;
     line-height: 1.7;
     margin-bottom: 2rem;
     font-weight: 400;

     padding: 1.5rem;
     border-left: 4px solid var(--cozy-blue);
 }

 .home-intro a.button {
     display: inline-block;
     background: var(--cozy-blue);
     color: var(--clean-white);
     padding: 1rem 2.5rem;
     text-decoration: none;
     font-weight: 600;
     font-size: 1.1rem;
     transition: var(--transition);
 }

 .home-intro a.button:hover {
     background: var(--soft-taupe);
     color: var(--text-dark);
     box-shadow: var(--shadow-cozy);
 }

 .home-intro img {
     max-width: 100%;
     border: 6px solid var(--clean-white);
     box-shadow: var(--shadow-cozy);
 }

 /* About Section 1 */
 .about.section {
     padding: 6rem 0;
     background: var(--clean-white);
 }

 .about-container {
     max-width: 1200px;
     margin: 0 auto;
 }

 .about-text h2 {
     font-family: 'Lora', serif;
     font-size: 2.8rem;
     color: var(--cozy-blue);
     margin-bottom: 1.5rem;
 }

 .about-text p {
     font-size: 1.1rem;
     line-height: 1.7;
     margin-bottom: 1.5rem;
 }

 .HPptI6jQH6 img {
     max-width: 100%;
     border: 6px solid var(--warm-grey);
     box-shadow: var(--shadow-cozy);
 }

 /* Services Section */
 .services.oPxhaSAPgc {
     padding: 6rem 0;
     background: var(--warm-grey);
 }

 .title-section {
     text-align: center;
     margin-bottom: 3rem;
 }

 .title-section h3 {
     font-family: 'Lora', serif;
     font-size: 2.8rem;
     color: var(--text-dark);
 }

 .mb-services {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 2rem;
 }

 .services.oPxhaSAPgc .content {
     background: var(--clean-white);
     padding: 2rem;
     border: 1px solid var(--soft-taupe);
     transition: var(--transition);
 }

 .services.oPxhaSAPgc .content:hover {
     box-shadow: var(--shadow-cozy);
     transform: translateY(-5px);
 }

 .services.oPxhaSAPgc h5 {
     font-family: 'Lora', serif;
     font-size: 1.6rem;
     color: var(--cozy-blue);
     margin-bottom: 1rem;
 }

 .services.oPxhaSAPgc p {
     font-size: 1rem;
     line-height: 1.7;
 }

 /* About Section 2 */
 .about.section:nth-of-type(2) {
     padding: 6rem 0;
     background: var(--clean-white);
 }

 /* Why Choose Us Section */
 .features.section.oPxhaSAPgc {
     padding: 6rem 0;
     background: var(--warm-grey);
 }

 .features .content {
     margin-bottom: 2rem;
 }

 .features .qOPfU2AktP h5 {
     font-family: 'Lora', serif;
     font-size: 1.6rem;
     color: var(--cozy-blue);
     margin-bottom: 1rem;
 }

 .features .qOPfU2AktP p {
     font-size: 1rem;
     line-height: 1.7;
 }

 .features img {
     max-width: 100%;
     border: 6px solid var(--clean-white);
     box-shadow: var(--shadow-cozy);
 }

 /* Blog Section */
 .latest-blog.section {
     padding: 6rem 0;
     background: var(--clean-white);
 }

 .latest-blog .content {
     background: var(--warm-grey);
     padding: 1.5rem;
     border: 1px solid var(--soft-taupe);
     transition: var(--transition);
 }

 .latest-blog .content:hover {
     box-shadow: var(--shadow-cozy);
     transform: translateY(-5px);
 }

 .latest-blog img {
     max-width: 100%;
     border: 6px solid var(--clean-white);
     box-shadow: var(--shadow-cozy);
 }

 .latest-blog .qOPfU2AktP h5 {
     font-family: 'Lora', serif;
     font-size: 1.6rem;
     color: var(--cozy-blue);
     margin-bottom: 1rem;
 }

 .latest-blog .qOPfU2AktP p {
     font-size: 1rem;
     line-height: 1.7;
 }

 @media (max-width: 992px) {

     .home-intro .row,
     .about-container .row,
     .features .row,
     .latest-blog .row {
         display: flex;
         flex-direction: column;
     }

     .home-intro h1 {
         font-size: 2.5rem;
     }

     .home-intro h2 {
         font-size: 1.8rem;
     }
 }

 @media (max-width: 768px) {
     .home-intro h1 {
         font-size: 2rem;
     }

     .home-intro h2 {
         font-size: 1.5rem;
     }

     .about-text h2,
     .title-section h3,
     .reasons-title h3,
     .insights-title h3 {
         font-size: 2.2rem;
     }
 }

 /* Header shell */
 .norge-header {
     background: var(--norge-white);
     color: var(--norge-dark);
     padding: 16px 24px;
     position: sticky;
     top: 0;
     z-index: 100;
     font-family: "Poppins", system-ui, -apple-system, sans-serif;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }

 /* Inner layout */
 .norge-inner {
     max-width: 1280px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
 }

 /* Brand (logo + title) */
 .norge-brand {
     display: flex;
     align-items: center;
     gap: 12px;
     text-decoration: none;
     color: var(--norge-dark);
 }

 .norge-logo {
     width: 50px;
     height: 50px;
     object-fit: contain;
     border-radius: 50%;
     background: var(--norge-accent);
     padding: 8px;
 }

 .norge-title {
     font-weight: 600;
     font-size: 22px;
     line-height: 1.2;
     letter-spacing: -0.01em;
 }

 /* Desktop nav */
 .norge-desktop ul {
     display: flex;
     gap: 32px;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .norge-desktop a {
     color: var(--norge-dark);
     text-decoration: none;
     font-weight: 500;
     font-size: 16px;
     transition: color 0.2s ease;
 }

 .norge-desktop a:hover {
     color: var(--norge-accent);
 }

 /* CTA button */
 .norge-utility a {
     text-decoration: none;
     background: var(--norge-primary);
     color: var(--norge-white);
     padding: 10px 20px;
     border-radius: 8px;
     font-weight: 600;
     font-size: 15px;
     transition: background 0.2s ease, transform 0.1s ease;
 }

 .norge-utility a:hover {
     background: var(--norge-accent);
     transform: translateY(-2px);
 }

 /* Mobile controls */
 .YxzlFUH6PE {
     display: none;
 }

 .norge-burger {
     display: none;
     width: 40px;
     height: 40px;
     border-radius: 8px;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     background: transparent;
     border: none;
 }

 .norge-burger span {
     display: block;
     height: 3px;
     width: 24px;
     margin: 5px 0;
     background: var(--norge-dark);
     border-radius: 3px;
     transition: all 0.3s ease;
 }

 /* Mobile menu */
 .AqYxrMOiBK {
     position: fixed;
     top: 0;
     right: -100%;
     width: 80%;
     max-width: 320px;
     height: 100vh;
     background: var(--norge-white);
     display: flex;
     flex-direction: column;
     padding: 24px;
     z-index: 150;
     transition: right 0.4s ease;
     box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
 }

 .AqYxrMOiBK ul {
     list-style: none;
     padding: 20px 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .AqYxrMOiBK a {
     color: var(--norge-dark);
     text-decoration: none;
     font-size: 18px;
     font-weight: 500;
     padding: 12px;
     border-radius: 6px;
     transition: background 0.2s ease;
 }

 .AqYxrMOiBK a:hover {
     background: var(--norge-secondary);
 }

 /* Mobile close button */
 .norge-close {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 28px;
     color: var(--norge-primary);
     background: transparent;
     border: none;
     cursor: pointer;
 }

 /* Backdrop */
 .norge-backdrop {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 140;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
 }

 /* Toggle states */
 .YxzlFUH6PE:checked~.cqezWgSaAZ .AqYxrMOiBK {
     right: 0;
 }

 .YxzlFUH6PE:checked~.cqezWgSaAZ .norge-backdrop {
     opacity: 1;
     pointer-events: auto;
 }

 /* Media queries */
 @media (max-width: 900px) {
     .norge-desktop {
         display: none;
     }

     .norge-utility {
         display: none;
     }

     .norge-burger {
         display: flex;
         flex-direction: column;
     }

     .norge-title {
         font-size: 18px;
     }

     .norge-logo {
         width: 40px;
         height: 40px;
     }
 }

 @media (min-width: 901px) {

     .AqYxrMOiBK,
     .norge-backdrop {
         display: none;
     }
 }

 .contactnova2-section {
     background: #f0f5f9;
     font-family: 'Nunito', sans-serif;
     padding: 60px 20px;
     color: #222;
 }

 .YkOSYzYZwJ {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     gap: 50px;
 }

 /* Контактні дані */
 .contactnova2-info {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .contactnova2-card {
     display: flex;
     align-items: center;
     gap: 12px;
     background: #fff;
     padding: 18px 20px;
     border-radius: 16px;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     justify-content: center;
 }

 .contactnova2-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .contactnova2-card .icon {
     font-size: 26px;
     color: #1d9bd1;
 }

 .contactnova2-card a {
     text-decoration: none;
     color: #222;
     font-weight: 600;
 }

 .contactnova2-card a:hover {
     color: #1d9bd1;
 }

 /* Форма та карта */
 .contactnova2-body {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     align-items: start;
 }

 .contactnova2-form {
     background: #fff;
     padding: 30px;
     border-radius: 18px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
 }

 .contactnova2-form h3 {
     margin-bottom: 20px;
     font-size: 26px;
     color: #1d9bd1;
 }

 .contactnova2-form .T4Q2QK5yBb {
     display: flex;
     gap: 15px;
     margin-bottom: 15px;
 }

 .contactnova2-form input,
 .contactnova2-form textarea {
     flex: 1;
     padding: 12px 15px;
     border-radius: 10px;
     border: 1px solid #ccc;
     font-size: 14px;
 }

 .contactnova2-form textarea {
     width: 100%;
     height: 120px;
     resize: none;
     margin-bottom: 15px;
 }

 .contactnova2-form button {
     background: #1d9bd1;
     color: #fff;
     border: none;
     padding: 12px 25px;
     border-radius: 12px;
     cursor: pointer;
     font-weight: 600;
     transition: background 0.3s ease;
 }

 .contactnova2-form button:hover {
     background: #1673a1;
 }

 /* Карта */
 .UpfE7GiovQ iframe {
     width: 100%;
     height: 350px;
     border-radius: 20px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
 }

 /* Адаптивність */
 @media(max-width: 992px) {
     .contactnova2-body {
         grid-template-columns: 1fr;
     }
 }

 @media(max-width:576px) {
     .contactnova2-card {
         flex: 1 1 100%;
     }

     .contactnova2-form button {
         width: 100%;
     }
 }

 /* Accessibility */
 .norge-desktop a:focus,
 .AqYxrMOiBK a:focus,
 .norge-utility a:focus {
     outline: 2px solid var(--norge-accent);
     outline-offset: 2px;
 }

 ul {
     padding: 0;
     margin: 0;
 }

 ul li {
     list-style-type: none;
 }

 p {
     line-height: 26px;
 }

 .oPxhaSAPgc {
     background: #f5f3fd;
 }

 /* button */
 .button {
     background: #5d2bdc;
     padding: 12px 30px;
     font-weight: 500;
     font-size: 15px;
     border-radius: 5px;
     color: #fff;
     letter-spacing: 1px;
     margin-top: 22px;
     display: inline-block;
     border: 2px solid transparent;
 }

 .button:hover {
     border-color: #5d2bdc;
     color: #5d2bdc;
     background: transparent;
     transition: .5s ease-out;
 }

 /* navbar */
 .navbar {
     padding: 8px 0 12px;
     transition: .5s ease-out;
     background: transparent;
 }

 .navbar .navbar-brand {
     color: #fff;
     font-size: 32px;
     font-weight: 700;
 }

 .navbar .navbar-nav li {
     padding: 0 15px;
 }

 .navbar .navbar-nav li a {
     color: #fff;
     font-weight: 500;
     font-size: 15px;
 }

 .navbar .navbar-nav li a:last-child {
     padding-right: 0 !important;
 }

 .navbar .navbar-nav li:last-child {
     padding-right: 0;
 }

 .navbar .navbar-toggler i {
     color: #fff;
 }

 .navbar-fixed {
     background: #fff;
     transition: .5s ease-out;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0);
 }

 .navbar-fixed .navbar-brand {
     color: #232323;
 }

 .navbar-fixed .navbar-brand span {
     color: #fd4632;
 }

 .navbar-fixed .navbar-nav li a {
     color: #232323;
 }

 .navbar-fixed .navbar-toggler i {
     color: #333;
 }

 .navbar-transparent {
     background: transparent !important;
 }

 /* haader title */
 .header-title {
     background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
         url("../images/bg-intro.png") center/cover no-repeat;
     padding: 160px 0 100px;
     text-align: center;
     color: #fff;
     /* щоб текст був видимим */
 }



 .header-title h3 {
     color: #fff;
     font-size: 42px;
     font-weight: 600;
 }

 /* about us */
 .about h2 {
     font-weight: 600;
 }

 .about h2 span {
     color: #fd4632;
 }

 .about h6 {
     color: #333;
     margin-bottom: 28px;
     margin-top: 10px;
 }

 /* home intro */
 .home-intro {
     background: linear-gradient(rgb(247 200 195 / 69%), rgb(104 191 14 / 88%)), url(../images/bg-intro.png);
     background-position-x: 0%, 0%;
     background-position-y: 0%, 0%;
     background-attachment: scroll, scroll;
     background-size: auto, auto;
     background-position: center;
     background-size: cover;
     padding: 10px 0 70px !important;
 }

 /* --- 1. PALETTE & GLOBAL RESET (SCANDINAVIAN MINIMALISM) --- */
 :root {
     /* Scandinavian Clean Palette: Soft Blue-Gray, Deep Blue, Light Gold Accent */
     --color-background-soft: #eef3f6;
     /* Soft blue-gray base */
     --color-primary-deep-blue: #2c3e50;
     /* Deep, professional blue */
     --color-accent-gold: #f1c40f;
     /* Light yellow/gold accent */
     --color-card-bg: #ffffff;
     --color-text-dark: #333333;
     --font-title: 'Helvetica Neue', Arial, sans-serif;
     --font-body: 'Roboto', sans-serif;
 }


 .container1 {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 1.5rem;
 }

 .py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem;
 }

 .mb-10 {
     margin-bottom: 2.5rem;
 }

 .text-center {
     text-align: center;
 }

 /* Typography */
 .section-title {
     font-family: var(--font-title);
     font-size: 2.8rem;
     font-weight: 700;
     color: var(--cozy-blue);
     margin-bottom: 0.75rem;
     text-transform: uppercase;
     letter-spacing: 0.05em;
 }

 .section-subtitle {
     font-size: 1.1rem;
     color: #6a7c8b;
     max-width: 800px;
     margin: 0 auto;
     font-style: italic;
 }

 /* Buttons (Functional and Accentuated) */
 .btn-primary {
     display: inline-block;
     background-color: var(--color-accent-gold);
     color: var(--cozy-blue);
     font-weight: 700;
     padding: 0.8rem 1.8rem;
     border-radius: 4px;
     transition: background-color 0.3s ease, transform 0.1s ease;
     box-shadow: 0 4px 10px rgba(44, 62, 80, 0.15);
     user-select: none;
     text-transform: uppercase;
     font-size: 0.85rem;
     border: none;
 }

 .btn-primary:hover {
     background-color: #e0b40e;
     /* Darker Gold */
     transform: translateY(-2px);
     box-shadow: 0 6px 15px rgba(44, 62, 80, 0.25);
 }

 /* --- 2. TESTIMONIALS SECTION (Trust Builder First) --- */
 #testimonials {
     background-color: var(--color-background-soft);
     border-bottom: 8px solid var(--color-accent-gold);
 }

 .testimonials-grid {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 2rem;
 }

 @media (min-width: 768px) {
     .testimonials-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (min-width: 1024px) {
     .testimonials-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 .testimonial-card {
     background-color: var(--color-card-bg);
     padding: 2rem;
     border-radius: 6px;
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);
     position: relative;
     border-top: 3px solid var(--cozy-blue);
 }

 .testimonial-card p.AdU5GSP83a {
     font-size: 0.95rem;
     color: #555;
     margin-bottom: 1.2rem;
     font-style: italic;
 }

 .testimonial-card p.RtL3t3qEuJ {
     font-weight: 600;
     color: var(--cozy-blue);
     font-size: 0.9rem;
     padding-top: 0.5rem;
     border-top: 1px dashed #eef3f6;
 }

 /* --- 3. SERVICES SECTION (Asymmetrical Design) --- */
 #services {
     background-color: var(--color-card-bg);
 }

 .WOCKGaKRXS {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 2.5rem;
 }

 @media (min-width: 768px) {
     .WOCKGaKRXS {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (min-width: 1024px) {
     .WOCKGaKRXS {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 .service-card {
     background-color: var(--color-background-soft);
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 10px 25px rgba(44, 62, 80, 0.1);
     /* Floating effect */
     display: flex;
     flex-direction: column;
     transition: transform 0.3s ease;
 }

 .service-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(44, 62, 80, 0.15);
 }

 .service-card img {
     width: 100%;
     height: 200px;
     object-fit: cover;
 }

 .Td1KsneCqE {
     padding: 1.5rem;
     padding-top: 3rem;
     /* Extra space for title overlay effect */
     position: relative;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }

 /* Title Overlay/Shift Effect */
 .service-card h3 {
     position: absolute;
     top: -1.5rem;
     /* Moves title up into the image area */
     left: 1.5rem;
     background-color: var(--cozy-blue);
     color: var(--color-accent-gold);
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     font-weight: 700;
     border-radius: 4px;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
     text-transform: uppercase;
 }

 .Td1KsneCqE p {
     font-size: 0.9rem;
     color: #555;
     margin-bottom: 1.5rem;
     flex-grow: 1;
 }

 .service-footer {
     margin-top: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 1rem;
     border-top: 1px solid #d4d8db;
 }

 .service-price {
     font-size: 1.5rem;
     font-weight: 800;
     color: var(--cozy-blue);
 }

 /* --- 4. PRICING SECTION (Clean and Bold Grid) --- */
 #pricing {
     background-color: var(--color-background-soft);
     border-top: 1px solid #d4d8db;
 }

 .FbpJlXEtLy {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap: 2rem;
 }

 @media (min-width: 992px) {
     .FbpJlXEtLy {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 .plan-card {
     background-color: var(--color-card-bg);
     padding: 2.5rem;
     border-radius: 8px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
     align-items: center;
     border: 1px solid #eef3f6;
 }

 .plan-card:nth-child(2) {
     /* Featured Plan - Gold accent */
     border: 3px solid var(--color-accent-gold);
     transform: scale(1.03);
     box-shadow: 0 10px 30px rgba(44, 62, 80, 0.15);
 }

 .plan-card h3 {
     font-size: 1.7rem;
     color: var(--cozy-blue);
     margin-bottom: 0.5rem;
 }

 .plan-card .V1lfXgdmWD {
     font-size: 3rem;
     font-weight: 900;
     color: var(--color-accent-gold);
     margin-bottom: 1.5rem;
 }

 .plan-features {
     list-style: none;
     padding: 0;
     margin-bottom: 2rem;
     width: 100%;
 }

 .plan-features li {
     padding: 0.75rem 0;
     border-bottom: 1px dashed #eef3f6;
     display: flex;
     align-items: flex-start;
     font-size: 0.9rem;
     color: #555;
 }

 /* Icon styling */
 .check-icon {
     width: 18px;
     height: 18px;
     margin-right: 0.75rem;
     color: var(--color-accent-gold);
     fill: var(--color-accent-gold);
     stroke-width: 0;
     flex-shrink: 0;
     margin-top: 2px;
 }

 /* --- 5. FAQ Section (Sleek and Minimalist) --- */
 #faq {
     background-color: var(--color-card-bg);
 }

 /* Pure CSS Accordion Setup */
 .IcXOjahrS9 {
     margin-bottom: 1rem;
     border: 1px solid #d4d8db;
     border-radius: 4px;
     overflow: hidden;
     background-color: var(--color-card-bg);
 }

 .IcXOjahrS9 input[type="checkbox"] {
     position: absolute;
     opacity: 0;
     z-index: -1;
 }

 .Fq3jVGdp7y {
     display: block;
     background-color: #fff;
     color: var(--cozy-blue);
     padding: 1rem 1.25rem;
     cursor: pointer;
     font-weight: 600;
     position: relative;
     user-select: none;
     transition: background-color 0.3s ease;
 }

 .IcXOjahrS9 input[type="checkbox"]:checked~.Fq3jVGdp7y {
     background-color: var(--color-background-soft);
     color: var(--color-text-dark);
     border-bottom: 2px solid var(--color-accent-gold);
 }

 .accordion-toggle-icon {
     position: absolute;
     right: 1.25rem;
     top: 50%;
     transform: translateY(-50%) rotate(0deg);
     transition: transform 0.3s ease;
     display: inline-block;
     color: var(--cozy-blue);
     font-size: 1.5rem;
 }

 .IcXOjahrS9 input[type="checkbox"]:checked~.Fq3jVGdp7y .accordion-toggle-icon {
     transform: translateY(-50%) rotate(45deg);
     color: var(--color-accent-gold);
 }

 .dBV4qigMSq {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
     padding: 0 1.25rem;
 }

 .IcXOjahrS9 input[type="checkbox"]:checked~.dBV4qigMSq {
     max-height: 500px;
     /* Safe height for expansion */
     padding: 1.25rem;
     font-size: 0.95rem;
     color: #555;
     border-top: 1px solid #d4d8db;
 }

 /* SVG Icon for Checkmarks */
 .svg-icon {
     width: 24px;
     height: 24px;
     fill: none;
     stroke: currentColor;
     stroke-linecap: round;
     stroke-linejoin: round;
 }


 /* section */
 .section {
     padding: 100px 0 120px;
 }

 .title-section {
     text-align: center;
     margin-bottom: 50px;
 }

 .title-section h3 {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .title-section h3 span {
     color: #fd4632;
 }

 .title-section p {
     width: 60%;
     margin: auto;
     line-height: 30px;
     font-size: 15px;
 }

 .title-section-two {
     text-align: left;
 }

 .title-section-two p {
     width: 100%;
 }

 /* services */
 .services {
     padding: 100px 0 90px;
 }

 .services .content {
     background: #fff;
     border-radius: 6px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
 }

 .services .content i {
     font-size: 54px;
     color: #5d2bdc;
 }

 .services .content h5 {
     margin: 25px 0 14px;
 }

 .services .content-center {
     background: #5d2bdc;
     color: #fff;
 }

 .services .content-center i {
     color: #fff;
 }

 .services .content-center h5 {
     color: #fff;
 }

 /* pricing */
 .pricing .content {
     border-radius: 6px;
     padding: 30px;
     box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
     border: 2px solid #ddd;
 }

 .pricing .content h3 {
     font-size: 38px;
     font-weight: 600;
     margin: 10px 0 22px;
     color: #5d2bdc !important;
 }

 .pricing .content li {
     margin: 15px 0;
 }

 .pricing .content li i {
     margin-right: 20px;
 }

 .pricing .content-color {
     border: 2px solid #5d2bdc;
 }

 .pricing .content-color .button {
     background: #5d2bdc;
     padding: 12px 30px;
     font-weight: 500;
     font-size: 15px;
     border-radius: 5px;
     color: #fff;
     letter-spacing: 1px;
     margin-top: 22px;
     display: inline-block;
     border: 2px solid transparent;
 }

 .pricing .content-color .button:hover {
     border-color: #5d2bdc;
     color: #5d2bdc;
     background: transparent;
     transition: .5s ease-out;
 }

 .pricing .button {
     border: 2px solid #111;
     color: #111;
     background: transparent;
 }

 .pricing .button:hover {
     border-color: #5d2bdc;
     color: #5d2bdc;
     background: transparent;
     transition: .5s ease-out;
 }

 /* features */
 .features .content {
     background: #fff;
     border-radius: 6px;
     padding: 25px 30px;
     position: relative;
     margin-bottom: 25px;
     box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
 }

 .features .content i {
     font-size: 54px;
     color: #5d2bdc;
     margin-top: 16px;
 }

 .features .content h5 {
     margin: 0 0 14px;
 }

 .features .content .icon {
     float: left;
     margin-right: 30px;
     text-align: center;
     width: 56px;
 }

 .features .content .qOPfU2AktP {
     overflow: hidden;
 }

 /* latest blog */
 .latest-blog {
     padding-top: 120px;
 }

 .latest-blog .content {
     border-radius: 6px;
     box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
     border: 2px solid #ddd;
 }

 .latest-blog .content span {
     position: relative;
     background: #5d2bdc;
     color: #fff;
     padding: 8px 20px;
     top: -29px;
     border-radius: 0 6px 0 0;
     margin-bottom: -29px;
     left: -2px;
 }

 .latest-blog .content img {
     border-radius: 3px 3px 0 0;
 }

 .latest-blog .qOPfU2AktP {
     padding: 30px;
     padding-top: 2px;
 }

 .latest-blog .qOPfU2AktP h5 {
     line-height: 30px;
 }

 .latest-blog .qOPfU2AktP a:hover {
     color: #fd4632;
     transition: .5s ease-out;
 }

 /* blog */
 .blog .content {
     border-radius: 6px;
     box-shadow: 0 12px 30px -15px rgba(0, 0, 0, 0.2);
     border: 2px solid #ddd;
     margin-bottom: 30px;
 }

 .blog .content span {
     position: relative;
     background: #5d2bdc;
     color: #fff;
     padding: 8px 20px;
     top: -29px;
     border-radius: 0 6px 0 0;
     margin-bottom: -29px;
     left: -2px;
 }

 .blog .content img {
     border-radius: 3px 3px 0 0;
 }

 .blog .qOPfU2AktP {
     padding: 30px;
     padding-top: 2px;
 }

 .blog .qOPfU2AktP h5 {
     line-height: 30px;
 }

 .blog .qOPfU2AktP a:hover {
     color: #fd4632;
     transition: .5s ease-out;
 }

 /* pagination */
 .pagination {
     text-align: center;
     margin: 0 auto;
     display: inherit;
 }

 .pagination ul li {
     display: inline-block;
     margin: 10px;
 }

 .pagination ul li a {
     height: 50px;
     width: 50px;
     line-height: 48px;
     text-align: center;
     border: 2px solid #ddd;
     display: block;
     font-size: 18px;
     border-radius: 6px;
 }

 .pagination ul li .active {
     background: #5d2bdc;
     color: #fff;
     border-color: #5d2bdc;
 }

 /* blog single */
 .blog-single .content h5 {
     font-size: 24px;
     line-height: 34px;
 }

 .blog-single .content li {
     display: inline-block;
     margin-right: 20px;
 }

 .blog-single .content li i {
     margin-right: 10px;
 }

 .blog-single .content img {
     margin-top: 30px;
     margin-bottom: 25px;
 }

 .blog-single .content .AdU5GSP83a {
     background: #eee;
     padding: 20px;
     margin-bottom: 20px;
     margin-top: 22px;
 }

 .blog-single .comments {
     border-top: 2px solid #ddd;
     padding-top: 30px;
     margin-top: 35px;
 }

 .blog-single .comments h5 {
     margin-bottom: 25px;
 }

 .blog-single .button {
     margin-top: 0;
 }

 .blog-single .search {
     margin-bottom: 16px;
 }

 .blog-single .search input {
     width: calc(100% - 65px);
     height: 52px;
 }

 .blog-single .search .button {
     float: right;
     padding-right: 15px;
     padding-left: 15px;
     font-size: 22px;
     height: 52px;
     line-height: 26px;
     width: 52px;
 }

 .blog-single .sidebar-link h5 {
     border-bottom: 2px solid #ddd;
     padding-bottom: 14px;
     margin-bottom: 22px;
 }

 .blog-single .sidebar-link li {
     margin-bottom: 16px;
 }

 .blog-single .sidebar-link li a {
     font-size: 15px;
 }

 .blog-single .categories {
     margin-top: 40px;
 }

 /* contact */
 .contact form input,
 .contact form textarea {
     border: 2px solid #ddd;
     padding: 15px 20px;
     border-radius: 6px;
     margin-bottom: 30px;
     width: 100%;
     color: #aaa;
 }

 .contact .button {
     margin-top: 0;
 }

 .contact li {
     margin-bottom: 25px;
     font-size: 20px;
 }

 .contact li i {
     margin-right: 28px;
     color: #5d2bdc;
 }

 .contact .map {
     position: relative;
     top: -5px;
 }

 .contact .map i {
     float: left;
     margin-right: 34px;
     margin-top: 10px;
 }

 .contact .map p {
     overflow: hidden;
     line-height: 42px;
 }

 ::placeholder {
     color: #aaa;
     opacity: 1;
 }

 :-ms-input-placeholder {
     color: #aaa;
 }

 ::-ms-input-placeholder {
     color: #aaa;
 }

 form input,
 form textarea {
     border: 2px solid #ddd;
     padding: 15px 20px;
     border-radius: 6px;
     margin-bottom: 30px;
     width: 100%;
     color: #aaa;
 }

 /* footer bottom */
 .TmesZ72Ur4 {
     background: #0a0a0a;
     text-align: center;
     color: #eee;
     padding: 20px 0 8px;
 }

 /* footer */
 footer {
     padding: 120px 0 110px;
     background: #111;
     color: #ddd;
 }

 footer h5 {
     color: #fff;
     margin-bottom: 25px;
 }

 footer h6 {
     color: #fff;
     font-size: 32px;
     font-weight: 700;
     position: relative;
     top: -8px;
 }

 footer h6 span {
     color: #fd4632;
 }

 footer ul li {
     margin-bottom: 15px;
 }

 footer ul li a {
     color: #ddd;
 }

 footer ul li a:hover {
     color: #fd4632;
     transition: .5s ease-out;
 }

 footer ul li i {
     margin-right: 25px;
 }

 footer ul .map {
     line-height: 30px;
 }

 footer ul .map i {
     float: left;
     margin-right: 34px;
     margin-top: 5px;
 }

 footer ul .map p {
     overflow: hidden;
 }

 footer ul li:last-child {
     margin-bottom: 0;
 }

 /*responsive*/
 @media (max-width:980px) {
     .home-intro img {
         margin-top: 95px;
     }

     .services .content {
         padding: 20px;
     }

     .pricing .content {
         padding: 20px;
     }

     .features img {
         margin-bottom: 30px;
     }

     .latest-blog .content {
         margin-bottom: 30px;
     }

     .latest-blod .content.r-980 {
         margin-bottom: 0;
     }

     .about .col-md-6 {
         max-width: 100%;
         flex: 100%;
     }

     .features .col-md-6 {
         max-width: 100%;
         flex: 100%;
     }

 }

 @media (max-width:767px) {
     .latest-blod .content.r-980 {
         margin-bottom: 0;
     }

     .blog-single .search {
         margin-top: 30px;
     }

 }

 @media (max-width:640px) {
     .navbar-fixed .navbar-nav li {
         padding: 0;
     }

     .navbar .navbar-nav {
         background: #fff;
         padding: 14px;
     }

     .navbar .navbar-nav li a {
         color: #333;
     }

     .navbar-fixed .navbar-nav {
         padding: 0;
     }

     .services .content {
         margin-bottom: 30px;
     }

     .services .col-sm-12:last-child .content {
         margin-bottom: 0;
     }

     .pricing .content {
         margin-bottom: 30px;
     }

     .pricing .col-sm-12:last-child .content {
         margin-bottom: 0;
     }

     .latest-blod .content.r-980 {
         margin-bottom: 0;
     }

     .blog-single .search {
         margin-top: 30px;
     }

     footer .col-sm-6 {
         margin-top: 50px;
     }

 }

 @media (max-width:480px) {
     .navbar .navbar-brand {
         margin-left: 11px;
     }

     .navbar .navbar-nav {
         margin: 11px;
         margin-left: 11px !important;
     }

     .navbar-fixed .navbar-nav {
         padding: 2px;
     }

     .latest-blod .content.r-980 {
         margin-bottom: 0;
     }

     footer .col-12 {
         margin-top: 30px;
     }

 }

 @media (max-width:360px) {
     .latest-blod .content.r-980 {
         margin-bottom: 0;
     }

 }