/*!
Theme Name: Kadence
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.4.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.8.3
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

* {margin:0; padding:0; box-sizing:border-box; font-family:'Roboto', sans-serif;}
body {line-height:1.6; color:#333; background:#f5f5f5;}
a {text-decoration:none; color:inherit;}

/* Container */
.container {max-width:1200px; margin:0 auto; padding:0 20px;}

/* Buttons */
.btn {background:#ff5500; color:#fff; padding:15px 30px; border-radius:5px; display:inline-block; margin:5px 0; font-weight:700; transition:0.3s;}
.btn:hover {background:#ff5500; cursor:pointer;}

/* Hero Section */
header {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:30px 20px; background:linear-gradient(135deg, #033c6d, #033c6d); color:#fff; border-radius:0 0 50px 50px;}
.hero-content {flex:0 0 55%; max-width:600px;}
.hero-content h1 {font-size:3rem; margin-bottom:20px; line-height:1.2;color:#fff;}
.hero-content p {font-size:1.3rem; margin-bottom:30px;}
.hero-bullets {display:flex; flex-wrap:wrap; gap:15px; margin-bottom:30px;}
.hero-bullets div {background:rgba(255,255,255,0.2); padding:10px 20px; border-radius:30px; font-weight:700; font-size:1rem;}
.hero-image {flex:0 0 40%; text-align:right;}
.hero-image img {width:100%; max-width:450px; border-radius:20px;}

/* Urgency Section */
.urgent {background:#ff5500; color:#fff; padding:60px 20px; text-align:center;}
.urgent h2 {font-size:2.5rem; margin-bottom:20px;}
.urgent p {font-size:1.2rem; margin-bottom:30px;}

/* Section Headings */
section {padding:20px 20px;}
section h2 {text-align:center; font-size:2.5rem; margin-bottom:50px; color:#010f34;}

/* Image-Text sections */
.img-text-section {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:50px;}
.img-text-section .img {flex:0 0 48%;}
.img-text-section .img img {width:100%; border-radius:10px;}
.img-text-section .text {flex:0 0 48%;}
.img-text-section .text h3 {font-size:2rem; margin-bottom:20px; color:#010f34;}
.img-text-section .text p {font-size:1rem; margin-bottom:20px; line-height:1.6;}
.img-text-section .text .btn {margin-top:10px;}

/* Step Features */
.features {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.feature {flex:0 0 30%; background:#fff; padding:20px; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); text-align:center; transition:0.3s;}
.feature h3 {margin-bottom:10px; font-weight:700;}
.feature p {font-size:1rem;}
.feature:hover {transform:translateY(-5px);}

/* Trust / Benefits Section */
.trust, .benefits {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.trust .item, .benefits .item {flex:0 0 30%; background:#fff; padding:25px; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); text-align:center; transition:0.3s;}
.trust .item:hover, .benefits .item:hover {transform:translateY(-5px);}
.trust .item h4, .benefits .item h4 {margin-bottom:15px; color:#ff5500; font-size:1.2rem;}

.site-bottom-footer-inner-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
    grid-column-gap: 30px;
}

/* CTA Form */
.cta-form {max-width:600px; margin:0 auto; text-align:center;}
.cta-form input, .cta-form select, .cta-form button {width:100%; padding:15px; margin-bottom:15px; border-radius:5px; border:1px solid #ccc; font-size:1rem;}
.cta-form button {background:#ff4c3b; color:#fff; border:none; cursor:pointer; font-weight:700;}
.cta-form button:hover {background:#e03e2f;}

/* Footer */
footer {background:#333; color:#fff; text-align:center;}
footer a {color:#ff4c3b;}

/* Responsive */
@media(max-width:992px){.hero-content, .hero-image {flex:0 0 100%; text-align:center;} .img-text-section .img, .img-text-section .text {flex:0 0 100%; margin-bottom:20px;} .features, .trust, .benefits {flex-direction:column;}}
@media(max-width:600px){header h1 {font-size:2rem;} header p {font-size:1rem;}}

/* Top Bar */
.top-bar {background:linear-gradient(90deg,#ff5500,#ff5500); color:#fff; padding:12px 0; display:flex; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.top-bar-container {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; margin:0 auto; flex-wrap:wrap;}
.top-bar .logo a {color:#fff; font-size:1.8rem; font-weight:700; text-decoration:none;}
.top-bar .support {font-weight:600; font-size:1rem;}
.top-bar .cta-buttons {display:flex; gap:12px;}
.top-bar .btn {    
	padding: 15px 20px;
    border-radius: 25px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.3s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-size: 20px;
    line-height: 25px;
    background: #033c6d;
    color: #fff;
}
.btn-schedule {background:#fff; color:#ff3b2d;}
.btn-call {background:#fff; color:#ff6b4d;}
.btn-schedule:hover {background:#ffd4c3; color:#ff3b2d;}
.btn-call:hover {background:#ffd4c3; color:#ff6b4d;}

/* Navigation Bar */
.main-nav {background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1); position:sticky; top:0; z-index:999;}
.nav-container {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; padding:12px 0; gap:20px;}
.nav-container a {color:#ff4c3b; font-weight:700; text-decoration:none; padding:6px 12px; border-radius:5px; transition:0.3s;}
.nav-container a:hover {background:#ffe3dc; color:#e03e2f;}
.nav-container .btn-request {background:#ff4c3b; color:#fff; padding:8px 20px; border-radius:25px;}
.nav-container .btn-request:hover {background:#e03e2f;}

/* Responsive */
@media(max-width:768px){
  .top-bar-container, .nav-container {flex-direction:column; align-items:center;}
  .cta-buttons {margin-top:10px;}
}

.accordion { max-width: 900px; margin: 0 auto; }
.accordion-item { border-radius: 8px; overflow: hidden; margin-bottom: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); background: #fff; }
.accordion-header {
  width:100%;
  text-align:left;
  padding:16px 20px;
  font-weight:700;
  font-size:1rem;
  border:0;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.accordion-header:focus { outline:2px solid rgba(255,76,59,0.25); outline-offset:2px; }
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 320ms ease, padding 320ms ease;
  padding: 0 20px;
}
.accordion-content p { margin: 14px 0 18px; color:#333; }
.accordion-item.active .accordion-content { /* active state uses JS to set max-height inline; this rule ensures padding when active */
  padding: 12px 20px 20px;
}
.accordion-header::after {
  content: '+';
  font-size: 18px;
  color: #fff;
  transition: transform 0.25s ease;
}
.accordion-item.active .accordion-header::after {
  content: '-';
  transform: rotate(180deg);
}
#footer-navigation{
padding: 10px 0;	
}
.footer-navigation .footer-menu-container > ul li a{
color:#fff!important;
}
.footer-navigation .footer-menu-container > ul li a:hover{
	color:#fff!important;
}