*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --teal: #0a9ba9; --teal-dark: #0a8a97; --navy: #1a3a5c; --white: #ffffff; --blue: #005CAB; --gray-light: #f5f5f5; --gray-text: #444; --border: #e0e0e0; --font-main: 'Montserrat', sans-serif; --font-body: 'Open Sans', sans-serif; } body { font-family: var(--font-body); background: var(--white); } /* ── TOP UTILITY BAR ─────────────────────────────── */ .top-bar { background: #2c2c2c; color: #ccc; font-size: 0.72rem; text-align: right; padding: 4px 24px; letter-spacing: 0.04em; } /* ── HEADER ──────────────────────────────────────── */ .header { background: var(--white); border-bottom: 1px solid var(--border); padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } /* Logo block */ .logo-block { display: flex; align-items: center; gap: 10px; text-decoration: none; } .logo-text { line-height: 1.15; } .logo-text img { width: 200px; } /* CA logo circle */ .ca-badge { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; border: 2.5px solid var(--teal); font-family: var(--font-main); font-weight: 700; font-size: 1.1rem; color: var(--teal); flex-shrink: 0; position: relative; } .ca-badge::after { content: ''; position: absolute; bottom: -3px; right: -3px; width: 14px; height: 14px; background: var(--teal); border-radius: 50%; } /* City + Language controls */ .header-controls { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } /*.select-city-btn { display: flex; align-items: center; gap: 6px; background: var(--white); border: 2px solid var(--teal); border-radius: 4px; padding: 7px 16px; font-family: var(--font-main); font-weight: 600; font-size: 0.82rem; color: var(--teal); cursor: pointer; transition: background 0.2s, color 0.2s; } .select-city-btn:hover { background: var(--teal); color: var(--white); } .select-city-btn svg { width: 14px; height: 14px; fill: currentColor; }*/ .city-dropdown { position: relative; display: inline-block; } /* Hide the "Powered by Google" text inside the widget */ .skiptranslate.goog-te-gadget { font-size: 0 !important; } .skiptranslate.goog-te-gadget a{ display:none !important; } /* Force hide the Google Translate top banner container completely */ iframe.skiptranslate, .goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, #goog-gt-tt { display: none !important; visibility: hidden !important; } /* Override the 40px padding Google injects into the element */ html { top: 0 !important; } /* Ensure the body tag stays stuck to the absolute top of the screen */ body { top: 0 !important; position: static !important; } .goog-te-gadget .goog-te-combo { padding: 10px 8px; border: 1px solid #ddd; background: #fff; cursor: pointer; border-radius: 6px; font-size: 14px; width:150px; } .select-city-btn { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid #ddd; background: #fff; cursor: pointer; border-radius: 6px; font-size: 14px; } .select-city-btn svg { transition: transform .3s; } .city-dropdown.active .select-city-btn svg { transform: rotate(180deg); } .city-dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; min-width: 180px; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 6px 0; margin: 0; list-style: none; display: none; box-shadow: 0 10px 20px rgba(0,0,0,.1); z-index: 100; } .city-dropdown.active .city-dropdown-menu { display: block; } .city-dropdown-menu li a { display: block; padding: 10px 15px; text-decoration: none; color: #333; font-size:14px; } .city-dropdown-menu li a:hover { background: #f5f5f5; } .lang-select { border: 1px solid var(--border); border-radius: 4px; padding: 7px 10px; font-family: var(--font-body); font-size: 0.82rem; color: var(--gray-text); background: var(--white); cursor: pointer; outline: none; } /* MGI Worldwide badge */ .mgi-badge { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--font-main); margin-left: auto; } .mgi-badge img { width: 200px; } /* ── NAVBAR ──────────────────────────────────────── */ .navbar { background: var(--teal); position: relative; } .navbar-inner { display: flex; align-items: center; justify-content: space-between; padding: 0 24px; max-width: 1400px; margin: 0 auto; } /* Nav links */ .nav-links { display: flex; align-items: center; list-style: none; gap: 0; } .nav-links > li { position: relative; } .nav-links > li > a, .nav-links > li > .nav-btn { display: flex; align-items: center; gap: 4px; padding: 14px 13px; font-family: var(--font-main); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--white); text-decoration: none; cursor: pointer; background: none; border: none; transition: background 0.2s; white-space: nowrap; } .nav-links > li > a:hover, .nav-links > li > .nav-btn:hover, .nav-links > li.active > a { background: rgba(0,0,0,0.15); } .nav-links > li > .nav-btn svg { width: 10px; height: 10px; fill: var(--white); flex-shrink: 0; } /* Dropdown */ .dropdown { display: none; position: absolute; top: 100%; left: 0; min-width: 200px; background: var(--blue); border-top: 3px solid var(--teal); box-shadow: 0 6px 24px rgba(0,0,0,0.12); z-index: 100; border-radius: 0 0 4px 4px; } .nav-links > li:hover .dropdown { display: block; } .dropdown a { display: block; padding: 10px 16px; font-size: 0.78rem; font-family: var(--font-body); color: var(--white); text-decoration: none; border-bottom: 1px solid #005CAB; transition: background 0.15s, color 0.15s; display: flex !important; } .dropdown a:last-child { border-bottom: none; } .dropdown a:hover { background: #0078d4; color: var(--white); } /* Right side: phone + buttons */ .navbar-right { display: flex; align-items: center; gap: 30px; flex-shrink: 0; } .nav-phone { color: var(--white); font-family: var(--font-main); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.04em; white-space: nowrap; } .btn-payment { background: transparent; border: 2px solid var(--white); color: var(--white); padding: 6px 16px; border-radius: 4px; font-family: var(--font-main); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.06em; cursor: pointer; transition: background 0.2s, color 0.2s; text-transform: uppercase; } .btn-payment:hover { background: var(--white); color: var(--teal); } .btn-client { background: var(--navy); border: 2px solid var(--navy); color: var(--white); padding: 6px 16px; border-radius: 4px; font-family: var(--font-main); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.06em; cursor: pointer; transition: background 0.2s; text-transform: uppercase; white-space: nowrap; } .btn-client:hover { background: #122d4a; } .submenu-item { position: relative; } .submenu-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; } .submenu-btn svg { width: 16px; height: 16px; } .sub-dropdown { display: none; position: absolute; top: 0; left: 100%; min-width: 220px; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); z-index: 999; } .sub-dropdown a { display: block; padding: 10px 15px; color: #333; text-decoration: none; white-space: nowrap; } .sub-dropdown a:hover { background: var(--teal); } .submenu-item:hover > .sub-dropdown { display: block; } /* Hamburger */ .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 12px 0; } .hamburger span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; transition: all 0.3s; } .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .hamburger.open span:nth-child(2) { opacity: 0; } .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* ========================= FAQ SECTION ========================= */ .custom-faq-main-section{ width:100%; background:#005CAB; color:#fff; padding:80px 20px; } .custom-faq-main-container{ max-width:1300px; margin:auto; } .custom-faq-main-title{ text-align:center; color:#black; font-size:34px; font-weight:700; text-transform:uppercase; margin-bottom:60px; font-family: 'Montserrat', sans-serif; } .custom-faq-item{ border:1px solid #fff; margin-bottom:20px; overflow:hidden; } .custom-faq-question{ width:100%; background:transparent; border:none; outline:none; color:#fff; font-size:22px; padding:24px 30px; text-align:left; cursor:pointer; display:flex; justify-content:space-between; align-items:center; } .custom-faq-icon{ transition:0.3s ease; font-size:20px; } .custom-faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.4s ease; background:#fff; } .custom-faq-answer-content{ padding:25px 30px; font-size:18px; line-height:1.8; color:#fff; background-color:#196CB3; } /* ACTIVE */ .custom-faq-item.active .custom-faq-answer{ max-height:300px; } .custom-faq-item.active .custom-faq-icon{ transform:rotate(180deg); } .footer{ background:#e9e9e9; padding:50px 6%; color:#222; } .footer-top{ display:grid; /*grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;*/ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:40px; border-bottom:1px solid #bdbdbd; padding-bottom:35px; } .footer h3{ color:#005baa; margin-bottom:20px; font-size:28px; } .footer h4{ color:#005baa; margin-bottom:18px; font-size:16px; text-transform:uppercase; } .logo{ width:220px; margin-bottom:20px; } .footer-about p{ line-height:1.8; text-align:left; font-size:16px; } .footer-links ul, .footer-services ul{ list-style:none; } .footer-links ul li, .footer-services ul li{ margin-bottom:14px; font-size:16px; } .footer-links ul li i{ color:red; margin-right:10px; } .contact-item{ display:flex; align-items:flex-start; gap:12px; margin-bottom:15px; line-height:1.5; } .contact-item i{ color:#000; margin-top:4px; } .social-icons{ display:flex; gap:14px; margin-bottom:25px; flex-wrap:wrap; } .social-icons a{ width:40px; height:40px; background:#008b9e; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%; text-decoration:none; transition:.3s; } .social-icons a:hover{ background:#005baa; transform:translateY(-3px); } .office-address{ line-height:1.9; font-size:16px; } .footer-bottom{ display:flex; justify-content:space-between; gap:40px; padding-top:35px; align-items:center; flex-wrap:wrap; } .mgi-logo{ width:260px; } .footer-note{ flex:1; line-height:1.8; font-size:16px; } .footer-note a{ color:#0097a7; text-decoration:none; } .copyright{ text-align:center; padding-top:30px; font-size:15px; color:#333; } .copyright a{ color:#0097a7; text-decoration:none; } .footer .services-section { background: transparent; } .footer-service-links li{ list-style-type: none !important; margin-bottom:10px !important; } .footer-service-links li a{ text-decoration:none; list-style-type:none; color:#222 !important; } .footer-branch-location{ display:flex; margin-bottom:30px; } .footer-branch-location li{ list-style-type: none !important; margin-left:20px; color:#222 !important; } .footer-branch-location li a{ color:#222 !important; } .footer-branch-location li:first-child { margin-left:0px !important; } .footer-branch-location li i { color:#c00000 !important; } .bottom-float-btn { width: 100%; height: 75px; background-color: #e7f2fb; position: fixed; bottom: 0; left: 0; z-index: 999; } p.closepopup-btn { right: 5em; top: 50%; font-size: 23px; color: #a9a9a9 !important; border: 1px solid; width: 27px; float: right; border-radius: 50%; height: 27px; text-align: center; } .flot-btn-container { width: 60%; margin: 0 auto; } .btm { float: left !important; width: 130px; margin-top: -54px; } .all { padding-left: 203px !important; padding-top: 7px; } .all h3, .all p { color: #000 !important; } .all h3 { font-size: 20px; } .all p { font-size: 15px; } .bottom-float-btn p { margin-top: 0px !important; margin-right: 1em !important; padding: 0 !important; border: none; cursor: pointer; } button.enquiry-btn1 { font-weight: 600; font-size: 15px; border-radius: 5px; border: none; background-color: #0f7ed4; padding: 10px 25px; text-transform: uppercase; color: #fff; } .floating_form_btn { color: #fff; font-weight: 600; font-size: 15px; position: fixed; top: 51%; right: -56px; transform: translateY(-50%) rotate(90deg); border-radius: 5px; border: none; background-color: #0f7ed4; padding: 10px 25px; text-transform: uppercase; z-index: 999; } .enquiry-btn { padding: 12px 25px; background: #0077cc; color: #fff; border: 0; cursor: pointer; margin: 50px; } .popup-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; align-items: baseline; overflow-y: scroll; } .popup-container { width: 900px; max-width: 95%; display: flex; background: #fff; border-radius: 8px; overflow: hidden; } .popup-left { width: 40%; background: #0d82e9; color: #fff; padding: 40px; text-align: center; } .popup-left h2 { font-size: 36px; text-align: left; } .popup-left p { margin: 20px 0; } .popup-left img { width: 200px; height: 200px; border-radius: 50%; margin-top: 20px; } .popup-right { width: 60%; padding: 30px; position: relative; } .close-btn { position: absolute; right: 20px; top: 10px; font-size: 30px; cursor: pointer; } .popup-right form { display: flex; flex-direction: column; gap: 15px; } .popup-right input, .popup-right select, .popup-right textarea { width: 100%; padding: 12px; border: 1px solid #ccc; } .popup-right textarea { height: 100px; } .popup-right button { padding: 12px; background: #0077cc; color: #fff; border: 0; cursor: pointer; } /* =========================== Banner =========================== */ .hero-banner{ position:relative; width:100%; height:500px; background:url("https://bcshettyco.com/hyderabad/img/services/ban-010.webp") center center/cover no-repeat; display:flex; justify-content:center; align-items:center; } .overlay{ position:absolute; inset:0; background:rgba(0,0,0,.55); } .banner-content{ position:relative; z-index:2; text-align:center; color:#fff; width:90%; } .banner-content h1{ font-size:42px; font-weight:700; line-height:1.3; } /* =========================== Breadcrumb =========================== */ .breadcrumb-section{ background:#eef2f3; padding:15px 0; } .breadcrumb-section .container{ display: flex; align-items: center; gap: 16px; justify-content: flex-start; padding: 0 24px; max-width: 1350px; margin: 0 auto; } .breadcrumb-section a{ text-decoration:none; color:#000; font-size:18px; } .divider{ color:#666; font-size:18px; } .active{ font-size:18px; font-weight:700; } .container{ width:90%; max-width:1200px; margin:auto; } /* Section spacing */ .audit-services, .audit-introduction{ padding:80px 0; } /* Blue Background */ .audit-introduction{ background:#E5F4F5; } /* Grid */ .audit-row{ display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; } /* Image */ .audit-image img{ width:100%; border-radius:8px; display:block; } /* Heading */ .audit-content h2{ font-size:32px; margin-bottom:25px; color:#003b63; } /* Paragraph */ .audit-content p{ font-size:17px; line-height:1.8; margin-bottom:18px; } /* Center title */ .section-title{ text-align:center; margin-bottom:60px; } .section-title h2{ font-size:34px; color:#0087a8; margin-bottom:15px; } .section-title p{ font-size:17px; } /* h3 */ .audit-content h3{ font-size:28px; margin-bottom:25px; color:#0087a8; } /* List */ .audit-content ul{ list-style:none; margin-bottom:30px; } .audit-content ul li{ margin-bottom:16px; position:relative; padding-left:35px; font-size:17px; } /* Check icon */ .audit-content ul li::before{ content:"✔"; position:absolute; left:0; top:0; width:22px; height:22px; background:#0077b6; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:12px; } /* Check icon */ .audit-content ul li.internal-audit-points::before{ content:"\2022" !important; } .services-section{ padding:80px 0; } .container{ width:90%; max-width:1280px; margin:auto; } .section-heading{ text-align:center; margin-bottom:50px; } .section-heading h2{ font-size:40px; color:#0087a8; margin-bottom:15px; } .section-heading p{ font-size:18px; } .services-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:25px; } .service-card{ background:#E5F4F5; padding:25px; border-radius:8px; display:flex; flex-direction:column; } .service-card h3{ color:#00779c; font-size:22px; margin-bottom:20px; } .service-card h4{ margin-top:18px; margin-bottom:12px; font-size:18px; } .service-card ul{ list-style:none; } .service-card li{ position:relative; padding-left:26px; margin-bottom:12px; line-height:1.6; } .service-card li::before{ content:"✓"; position:absolute; left:0; color:#009879; font-weight:bold; } .service-card img{ width:100%; margin-top:25px; border-radius:6px; } .audit-row1 img { width: 100%; } .process-section{ padding: 0px 60px 60px 20px; } .process-container{ max-width:1400px; margin:auto; display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; } .step{ position:relative; flex:1 1 220px; text-align:center; } /* Connector Line */ .step:not(:last-child)::after{ content:""; position:absolute; top:70px; right:-30px; width:30px; height:3px; background:#78b7c3; } .card{ background:#fff; border-radius:12px; height:110px; display:flex; align-items:center; justify-content:center; padding:20px; box-shadow:0 3px 10px rgba(0,0,0,.08); } .card h3{ color:#007a8a; font-size:18px; line-height:1.4; font-weight:500; } .step p{ margin-top:20px; color:#3f5161; font-size:17px; line-height:1.5; padding:0 10px; } .benefits-section{ padding:70px 20px; } .benefits-section .container{ max-width:900px; margin:auto; text-align:center; } .benefits-section .container h2{ font-size:36px; font-weight:400; color:#222; margin-bottom:18px; } .benefits-section .container h3{ font-size:28px; color:#00879d; font-weight:600; margin-bottom:50px; } .benefits-list{ display:flex; flex-direction:column; gap:25px; } .benefit-item{ background:#eaf6f8; border-radius:10px; padding:22px 30px; display:flex; align-items:center; gap:20px; transition:.3s; } .benefit-item:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.08); } .benefits-section .icon{ color:#00879d; font-size:28px; font-weight:bold; flex-shrink:0; } .benefit-item p{ font-size:22px; font-weight:600; color:#000; text-align:left; } .why-us{ background:#005DAA; padding:80px 20px; } .why-us .container{ max-width:1300px; margin:auto; } .why-us h2{ text-align:center; color:#fff; font-size:32px; font-weight:700; margin-bottom:70px; line-height:1.3; } .why-us .features{ display:grid; grid-template-columns:repeat(3,1fr); gap:50px 60px; } .why-us .feature-box{ display:flex; align-items:center; gap:50px; } .why-us .icon{ width:100px; height:100px; border:2px solid rgba(255,255,255,.6); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; } .why-us.icon i{ font-size:42px; color:#fff; } .why-us .feature-box p{ color:#fff; font-size:18px; font-weight:600; line-height:1.35; } /* ── RESPONSIVE ──────────────────────────────────── */ @media(max-width:1200px){ .footer-top{ grid-template-columns:repeat(2,1fr); } .hero-banner{ height:450px; } .banner-content h1{ font-size:42px; } .audit-content h2{ font-size:30px; } .audit-row{ gap:40px; } .services-grid{ gap:20px; } .section-heading h2{ font-size:34px; } } @media (max-width: 1024px) { .nav-links > li > a, .nav-links > li > .nav-btn { padding: 14px 9px; font-size: 0.68rem; } .nav-phone { font-size: 0.76rem; } } @media(max-width:991px){ .custom-faq-question{ font-size:18px; } .hero-banner{ height:400px; } .banner-content h1{ font-size:40px; } .breadcrumb-section a, .active{ font-size:22px; } .audit-row{ grid-template-columns:1fr; } /* Reverse only second section */ .reverse .audit-image{ order:1; } .reverse .audit-content{ order:2; } .audit-content{ text-align:center; } .audit-content ul{ display:inline-block; text-align:left; } .audit-services, .audit-introduction{ padding:60px 0; } .services-grid{ grid-template-columns:repeat(2,1fr); } .process-container{ justify-content:center; } .step{ flex:1 1 calc(50% - 30px); max-width:350px; } .step::after{ display:none; } .why-us .features{ grid-template-columns:repeat(2,1fr); } .why-us h2{ font-size:38px; } .why-us .feature-box p{ font-size:22px; } } @media (max-width: 768px) { .footer-branch-location { display: flex; margin-bottom: 30px; flex-direction: column; } .footer-branch-location li:first-child { margin-left: 20px !important; } .process-container{ padding-left: 25px; padding-right: 25px; } .why-us .feature-box img.why_icon { width: 40px; } html,body{ overflow-x:hidden; } .submenu-item { position: relative; width: 100%; } .submenu-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; } .sub-dropdown { position: static; display: none; width: 100%; min-width: 100%; margin: 0; padding: 0; background: #0f8995; /* use your menu background */ box-shadow: none; } .sub-dropdown a { display: block; width: 100%; padding: 12px 30px; background: #0d7f8a; color: #fff; border-top: 1px solid rgba(255,255,255,.1); } .sub-dropdown a:hover { background: #096f79; } /* When submenu is opened */ .submenu-item.active > .sub-dropdown { display: block; } /* Rotate arrow */ .submenu-item.active > .submenu-btn svg { transform: rotate(90deg); } .top-bar { text-align: center; } /* Header stacking */ .header { flex-direction: column; align-items: flex-start; gap: 10px; } .mgi-badge { margin-left: 0; align-items: flex-start; display:none; } .header-controls { width: 100%; } .select-city-btn, .lang-select { flex: 1; justify-content: center; } /* Hamburger visible */ .hamburger { display: flex;background-color: transparent; border: none; } .navbar-inner { flex-wrap: wrap; } /* Nav collapses */ .nav-links { display: none; flex-direction: column; width: 100%; gap: 0; background: var(--teal-dark); } .nav-links.open { display: flex; } .nav-links > li { width: 100%; } .nav-links > li > a, .nav-links > li > .nav-btn { padding: 13px 20px; font-size: 0.82rem; border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%; justify-content: space-between; } .dropdown { position: static; box-shadow: none; border-top: none; border-left: 3px solid var(--teal); border-radius: 0; background: rgba(255,255,255,0.07); } .dropdown a { color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.08); } .dropdown a:hover { background: rgba(0,0,0,0.15); color: var(--white); } /* Right side under links */ .navbar-right { width: 100%; justify-content: space-between; padding: 10px 0; flex-wrap: wrap; gap: 8px; } .hero-banner{ height:320px; } .banner-content h1{ font-size:32px; line-height:1.4; } .breadcrumb-section{ padding:15px 0; } .breadcrumb-section .container{ gap:10px; } .breadcrumb-section a, .active{ font-size:18px; } .divider{ font-size:14px; } .custom-faq-question{ font-size:16px; padding:20px; } .custom-faq-answer-content{ padding:20px; font-size:15px; } .footer{ padding:40px 20px; } .footer-top{ grid-template-columns:1fr; } .services-grid{ grid-template-columns:1fr; } .footer-bottom{ flex-direction:column; align-items:flex-start; gap: 20px; } .footer h4{ font-size:22px; } .footer-about p, .footer-links ul li, .footer-services ul li, .office-address, .footer-note{ font-size:15px; } .bottom-float-btn { height: 67px; } .flot-btn-container { width: 100%; } .btm { width: 100px; margin-top: -37px; margin-left: 20px; } .all h3, .all p { display: none; } .bottom-btn { right: -50px !important; font-size: 14px; margin: 0 !important; } .popup-container { flex-direction: column; } .popup-left, .popup-right { width: 100%; } .audit-content h2{ font-size:30px; } .section-title h2{ font-size:32px; } .audit-content h3{ font-size:24px; } .audit-content p, .audit-content li{ font-size:16px; } .audit-row{ gap:30px; } .services-grid{ grid-template-columns:1fr; } .section-heading h2{ font-size:30px; } .section-heading p{ font-size:16px; } .service-card{ padding:20px; } .service-card h3{ font-size:20px; } .benefits-section .container h2{ font-size:34px; } .benefits-section .container h3{ font-size:22px; } .benefits-section .benefit-item{ padding:18px 20px; } .benefits-section .benefit-item p{ font-size:20px; } .benefits-section .icon{ font-size:24px; } .why-us .features{ grid-template-columns:1fr; gap:35px; } .why-us .feature-box{ /* align-items:flex-start; */ } .why-us .icon{ width:40px; height:40px; } .why-us .feature-box p { font-size: 15px; } .why-us .icon i{ font-size:30px; } .why-us h2{ font-size:30px; margin-bottom:50px; } .feature-box p{ font-size:18px; } } @media (max-width:576px){ .hero-banner{ height:250px; } .banner-content{ width:95%; } .banner-content h1{ font-size:24px; line-height:1.5; } .breadcrumb-section{ padding:12px 0; } .breadcrumb-section a, .active{ font-size:16px; } .divider{ font-size:12px; } .step{ flex:1 1 100%; max-width:100%; } .card{ height:100px; } .card h3{ font-size:20px; } .step p{ font-size:15px; } } @media (max-width: 480px) { .logo-text .firm-name { font-size: 1rem; } .btn-payment, .btn-client { font-size: 0.68rem; padding: 6px 10px; } .nav-phone { font-size: 0.72rem; } .hero-banner{ height:220px; } .banner-content h1{ font-size:20px; } .breadcrumb-section .container{ gap:8px; } .breadcrumb-section a, .active{ font-size:15px; } .audit-services, .audit-introduction{ padding:45px 0; } .audit-content h2{ font-size:24px; } .section-title h2{ font-size:26px; } .audit-content h3{ font-size:22px; } .audit-content p{ line-height:1.7; } .audit-content ul li{ padding-left:30px; } .audit-content ul li::before{ width:18px; height:18px; font-size:10px; } .services-section{ padding:50px 0; } .section-heading h2{ font-size:24px; } .service-card{ padding:18px; } .service-card h3{ font-size:18px; } .service-card h4{ font-size:16px; } .service-card li{ font-size:14px; } .benefits-section .container h2{ font-size:28px; line-height:1.3; } .benefits-section .container h3{ font-size:18px; margin-bottom:35px; } .benefits-section .benefit-item{ gap:15px; padding:16px; } .benefits-section .benefit-item p{ font-size:16px; line-height:1.5; } .benefits-section .icon{ font-size:20px; } }