/*
Theme Name: LivingDot Hosting
Theme URI: https://livingdot.com/
Author: LivingDot (based on ST Hosting by KristynaBennett / Strivio Themes)
Author URI: https://livingdot.com/
Description: LivingDot Hosting is a modern, professional WordPress theme built for blog hosting providers. With a sleek dark layout featuring a gradient palette of blue, black, and teal, it creates a bold and trustworthy visual identity for bloggers and hosting companies alike. Fully responsive, lightweight, and SEO-optimized, it delivers a smooth experience across all devices. Seamlessly compatible with Elementor and MetForm for page building and custom forms without coding. Originally derived from ST Hosting by Strivio Themes (GPLv3).
Version: 1.0
Requires at least: 5.5
Requires PHP: 7.2
Tested up to: 6.8
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: livingdot-hosting
Tags: blog, one-column, custom-background, custom-colors, full-width-template, custom-menu, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* Force light color scheme - prevents Chrome dark mode from auto-inverting */
:root {
	color-scheme: light;
}

html {
	color-scheme: light;
}


/* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	margin-top: 0;
	margin-bottom: .9rem;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
	white-space: pre-wrap;
}

.footer-copyright a {
	text-decoration: underline;
}

.livingdot-hosting-single-wrap a {
	text-decoration: underline;
}
a {
	background-color: transparent;
	color: #0350C2;
	text-decoration: none;
}

a:hover,
a:active {
	color: #051128;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted;

}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;

}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
}

details {
	display: block;
}

summary {
	display: list-item;
}

figcaption {
	font-size: 16px;
	color: #333333;
	line-height: 1.4;
	font-style: italic;
	font-weight: 400;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.livingdot-hosting-single-wrap a,.page-single a,.comment-content a,.woocommerce-product-details__short-description a, #tab-description a,.extra-home-content a {
	text-decoration: underline;
	color:#0350C2;
}

.livingdot-hosting-single-wrap .form-submit input:hover{
	text-decoration: underline;
}

.livingdot-hosting-single-wrap .form-submit input:focus{
	text-decoration: underline;
}

@media print {

	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		page-break-inside: avoid;
		border: 1px solid #cccccc;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

label {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;

}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
	width: 100%;
	border: solid 1px #666666;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	transition: all .3s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 1 solid;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	width: auto;
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button,
[type="submit"],
[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #0350C2;
	text-align: center;
	white-space: nowrap;
	user-select: none;
	background-color: transparent;
	border: 1px solid #0350C2;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 3px;
	transition: all .3s;
}

button:focus,
[type="submit"]:focus,
[type="button"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
	color: #ffffff;
	background-color: #0350C2;
	text-decoration: none;
}

button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	resize: vertical;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;

}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;

}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;

}

select {
	display: block;
}

table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table th,
table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid #cccccc;
}

table th {
	font-weight: bold;
}

table thead th,
table tfoot th {
	font-size: 1em;
}

table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table caption+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: #f7f7f7;
}

table tbody tr:hover>td,
table tbody tr:hover>th {
	background-color: #e9e9e9;
}

table tbody+tbody {
	border-top: 2px solid #cccccc;
}

@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}

	table table th,
	table table td {
		padding: 7px;
		line-height: 1.3;
	}

	table table th {
		font-weight: 400;
	}
}

dl,
dt,
dd,
ol,
ul,
li {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* WordPress Default Class */
.alignright {
	float: right;
	margin-left: 1rem;
}

.alignleft {
	float: left;
	margin-right: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}

.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.alignfull img {
	width: 100vw;
}

.wp-caption {
	margin-bottom: 1.25rem;
	max-width: 100%;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	margin: 0;
}

.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem;
}

.pagination {
	margin: 20px auto;
}

.sticky {
	position: relative;
	display: block;
}

.post-content::after {
	content: "";
	display: table;
	clear: both;
  }

.single-pagination {
    clear: both;
    display: block;
}

.bypostauthor {
	font-size: inherit;
}

.hide {
	display: none !important;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#skip-link-target[tabindex="-1"]:focus {
	outline: 0;
}

/* Theme Styles Start */

#page .st-home-page {
	overflow: hidden;
}
#page-wrap .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 30px !important;
	overflow: hidden;
}

.single-post #page .main-container {
	max-width: 1044px;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 80px;
	margin-bottom: 80px;
}

.site-logo h1,
.site-description {
	margin: 0;
}

.livingdot-hosting-post {
	margin-bottom: 50px;
}

.livingdot-hosting-post img {
	max-width: 100%;
}

.livingdot-hosting-post .post-title {
	margin: 0;
}

.livingdot-hosting-post .post-categories {
	margin-bottom: 20px;
}

.livingdot-hosting-post .post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #e8e8e8;
}

.livingdot-hosting-post .read-more {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #0350C2;
	text-transform: capitalize;
}

.livingdot-hosting-post .post-tags a {
	display: inline-block;
	margin-right: 10px;
}

.commentslist {
	list-style-type: none;
	padding: 0;
}

.commentslist .children {
	list-style-type: none;
}

.commentslist li {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
}

.comment-author img {
	margin-right: 10px;
}

.commentslist .reply {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #0350C2;
}

.comment-form-comment input,
.comment-form-comment textarea {
	border-color: #e8e8e8;
}

nav.navigation {
	text-align: center;
}

nav.navigation a,
nav.navigation span {
	padding: 5px 10px;
	border: 1px solid #e8e8e8;
}

.footer-copyright {
	text-align: center;
	padding: 30px 0;
}

.site-logo a,
.livingdot-hosting-post .read-more a,
.livingdot-hosting-post .post-title a {
	text-decoration: none;
}


/* Menu Styles Start */

.wp-block-button__link{
	color: #fff !important;
  background-color:#0350C2 ;
  margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border: 1px solid #0350C2;
  color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
  border-radius: 0px !important;
}

.post-title a, h1.post-title {
	word-wrap: break-word;
}

/* Loader Styles */
#livingdot-hosting-loader-container {
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(134.69deg, #000000 0%, #0251C7 97.37%);

}

#livingdot-hosting-custom-loader {
	width: 60px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side,#ffffff 90%,#0000);
	background: 
	  var(--_g) 0%   50%,
	  var(--_g) 50%  50%,
	  var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7 1s infinite linear;
  }
  @keyframes l7 {
	  33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	  50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	  66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
  }

/* post card css start */
/* Define the animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply the animation to the card */

.livingdot-hosting-post-card {
    opacity: 0; /* Initially hidden */
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.livingdot-hosting-post-card.visible {
    opacity: 1;
    transform: translateY(0);
}

.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .btn {
    margin-left: auto;
}

.st-read-more-btn{
	background: #38C5FF;
	border: none;
	color: #1D1D1D;
	-webkit-background-clip: inherit !important;
}

.st-read-more-btn:hover{
	background: #0350C2;
	color: #ffffff;
	transform: scale(1.05);
}

.st-read-more-btn:active{
	background-color: #0350C2 !important;
	color: #ffffff;
}

.st-tags-btn{
	border-color: #0350C2;
	color: #0350C2;
}
.livingdot-hosting-cat-badge{
	color: #000000;
	background: #38C5FF;
}
/* post card css end */
/* loader end */

/* hero form start*/
.hero-form input::placeholder {
    color: #757575;
}

.hero-form-f2f {
    display: flex;
    gap: 20px;
}

.hero-form .wpcf7-select{
    background: #fff;
    border: solid 1px #CCCCCC;
    border-radius: 2px;
}

.hero-form input{
    border: solid 1px #CCCCCC;
    border-radius: 2px;
}

.hero-form label{
    margin-top: 15px;
}

.hero-form label {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    text-align: left;
}

.hero-form textarea {
    height: 120px
}

.hero-form [type="submit"]{
    top: 16px;
    left: 1262px;
    padding: 9px 35.27px 9px 35.59px;
    gap: 0px;
    border-radius: 4px 0px 0px 0px;
    opacity: 0px;
    background: #38C5FF;
    color: #fff;
    
    border-radius: 10px;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
/* hero form end*/

/* footer icon css */
.stfooter-details .elementor-icon-box-icon {
    align-self: center;
}

@media screen and (min-width : 320px) and (max-width : 767px) {

	.hero-form [type="submit"] {
        font-size: 15px;
        font-weight: 600;
    }
    
	.hero-form-f2f {
        flex-wrap: wrap;
        gap: 10px;
    }
    
	.hero-form-f2f span {
        width: 100%;
    }
    
	.hero-form label {
        font-size: 12px;
        font-weight: 600;
    }
    
	.hero-form input[type="text"] {
        padding: 10px;
        font-size: 12px;
    }
    
	.hero-form input[type="email"] {
        padding: 10px;
        font-size: 12px;
    }
    
	.hero-form input[type="tel"] {
        padding: 10px;
        font-size: 12px;
    }
    
	.hero-form select {
        padding: 10px;
        font-size: 12px;
    }
}

@media screen and (min-width : 768px) and (max-width : 1023px) {
	
	.hero-form label {
        font-size: 14px;
        font-weight: 600;
    }
    
	.hero-form input[type="text"] {
        padding: 7px;
        font-size: 12px;
    }
    
	.hero-form input[type="email"] {
        padding: 7px;
        font-size: 12px;
    }
    
	.hero-form input[type="tel"] {
        padding: 7px;
        font-size: 12px;
    }
    
	.hero-form select {
        padding: 7px;
        font-size: 12px;
    }
    
	.hero-form label {
        margin-top: 8px;
    }
}
 /* Navigation Start */

ul li a {
	text-decoration: none;
}
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

/* Menus Start */
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background: linear-gradient(135deg, #000000 0%, #021a5c 60%, #0350C2 100%);
    padding: 0;
    border-bottom: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Header inner layout */
.st-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding: 18px 40px;
    gap: 20px;
}

/* Logo */
.st-logo a.st-logo-text {
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
}
.st-logo-st {
    color: #ffffff;
}
.st-logo-hosting {
    color: #38C5FF;
}

/* REQUEST CALL button */
.st-header-cta {
    flex-shrink: 0;
}
.st-request-call-btn {
    display: inline-block;
    padding: 10px 24px;
    border: 1.5px solid #ffffff;
    border-radius: 30px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.st-request-call-btn:hover {
    background-color: #38C5FF;
    border-color: #38C5FF;
    color: #000000 !important;
}
.main-navigation {
    display: block;
    position: static;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul ul li a {
    padding: 8px 15px;
    color: #111;
}
.main-navigation ul ul a:after {
    float: right;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
}

.main-navigation ul.nav-menu > li > a {
    padding: 15px 18px;
    color: #ffffff;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #38C5FF;
	text-decoration: none;
}
.main-navigation form.search-form input {
    background-color: #111;
    border-color: #111;
    color: #111;
    font-weight: 400;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.main-navigation ul ul {
   float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 225px;
}
.main-navigation ul.nav-menu .current-menu-item > a {
    color: #0350C2;
}
.main-navigation form.search-form {
    min-width: 320px;
}
.menu-toggle {
    border-radius: 0;
    font-size: 14px;
    margin: auto;
    outline: none;
    display: block;
    height: 60px;
    position: absolute;
    background-color: transparent;
    min-width: 64px;
    border: none;
    display: block;
    float: right;
    top: 20px;
    right: 0;
}
.menu-toggle:hover, 
.menu-toggle:focus {
    outline: thin dotted #fff;
    /* background-color: #ffaf29; */
	background: #38C5FF;
    color: #fff;
}
.menu-toggle:hover i, 
.menu-toggle:focus i {
    color: #fff;
}
.menu-toggle i {
    color: #666;
}
.menu-toggle span {
    width: 35px;
    height: 2px;
    display: block;
    background-color: #ffb5ad;
    margin: 9px 0;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 56px;
    outline: none;
    border-radius: 0;
}
button.dropdown-toggle:focus {
	outline: thin dotted #000;
}
button.dropdown-toggle .fa {
    color: #000;
    font-size: 18px;
    padding-left: 5px;
}
button.dropdown-toggle.active .fa:before {
    content: "\f106";
}

.post-wrapper .featured-image {
    margin-bottom: 0;
}
.post-wrapper .entry-footer {
    padding-bottom: 5px;
    display: inline-block;
}
.post-wrapper .entry-content {
    margin: 0;
    color: #565859;
}
.cat-links a {
    font-weight: 500;
    letter-spacing: 0.5px;
    display: inline-block;
    float: left;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    line-height: normal;
    color: #313131;
    margin-right: 10px;
    -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -ms-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -o-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease;
}
.cat-links a:hover,
.cat-links a:focus,
.entry-meta a:hover,
.entry-meta a:focus {
    color: #0350C2;
}
span.cat-links a:not(:last-child):after {
    content: "/";
    margin: 0 5px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: disc;
    padding-left: 1.5em;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 25px;
}
#secondary ul {
    padding: 30px 50px;
    margin: 0;
    background-color: #e9ecef;
}
#secondary .widget_block.widget_search {
    margin-bottom: 40px;
}
#secondary .widget_block input[type="search"] {
    background-color: #e9ecef;
    border-radius: 5px;
}
.widget input {
    height: 53px;
    padding: 0 15px;
    border: none;
}
#secondary .widget_block button[type="submit"] {
    color: #666;
    background-color: #e9ecef;
    border-color: #e9ecef;
}
#secondary .widget_block button[type="submit"]:hover,
#secondary .widget_block button[type="submit"]:focus {
    color: #fff;
    background-color: #0350C2;
    border-color: #0350C2;
}
#wp-custom-header {
    text-align: center;
}
.dropdown-toggle::after{
	display: none;
}
/* Sidebar Css Start */
.widget-recent-posts li {
	gap: 20px;
}
.widget-recent-posts, .widget-tags, .widget-categories {
	box-shadow: 0px 0px 12px -1px rgb(0 0 0 / 12%);
	border-radius: 10px;
	padding: 15px;
}
@media screen and (min-width: 1024px) {
	.main-navigation {
	    display: flex;
	    position: relative;
	    flex: 1;
	    justify-content: center;
	    width: auto;
	    float: none;
	}
    .main-navigation .menu-item-has-children > a:after {
        content: "\f107";
        font-family: "FontAwesome";
        padding-left: 8px;
    }
    .main-navigation ul ul .menu-item-has-children > a:after {
        content: "\f105";
    }
    .main-navigation ul.nav-menu {
        display: flex !important;
        height: auto !important;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .main-navigation ul.nav-menu > li > a {
	    color: #ffffff;
	}
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a {
        background-color: #0350C2;
        color: #fff !important;
		text-decoration: underline;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .main-navigation ul ul li {
        border-bottom: 1px solid #eee;
    }
    .main-navigation ul ul > li:last-child {
        border-bottom: none;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: none;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation form.search-form {
        border: 20px solid #111;
    }
    .site-branding {
	    float: left;
	}
	.main-navigation {
	    position: relative;
	}
    #primary {
	    width: 75%;
	    float: left;
	    padding-right: 30px;
	    margin-bottom: 0;
	}

	#secondary {
	    width: 25%;
	    float: left;
	    position: sticky;
	    top: 30px;
	}

	.right-sidebar #primary {
		float: left;
	    padding-right: 40px;
	}

	.right-sidebar #secondary {
		float: right;
	}

	.left-sidebar #primary {
		float: right;
	    padding-right: 0;
	    padding-left: 40px;
	}

	.left-sidebar #secondary {
		float: left;
	}
}

@media screen and (max-width: 1023px) {
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    border-top: 1px solid rgba(255,255,255,0.2);
	    background-color: #021a5c;
	    margin-top: 0;
	    position: absolute;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	}
	.main-navigation ul.nav-menu li {
	    border-bottom: 1px solid rgba(255,255,255,0.1);
	    display: block;
	    width: 100%;
	    padding: 0;
	}
	.main-navigation a {
	    color: #ffffff;
	}
	.main-navigation ul ul, 
	.main-navigation ul ul ul {
	    box-shadow: none;
	    float: none;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin-bottom: 0;
	    display: none;
	    background-color: #f1f1f1;
	}
	.main-navigation ul ul {
	    border-top: 1px solid #666;
	}
	.main-navigation ul.nav-menu li {
	    border-bottom: 1px solid #666;
	    display: block;
	    width: 100%;
	}
	.main-navigation ul.sub-menu li a {
	    border-left: none;
	}
	.main-navigation ul ul li a {
	    padding-left: 35px;
	    color: #0350C2;
	}
	.main-navigation ul ul a {
	    width: 100%;
	}
}

/* LivingDot Hosting Custom CSs */

/* =============================================
   HERO SECTION
   ============================================= */

.st-hero {
    background: linear-gradient(135deg, #000000 0%, #021a5c 55%, #0451c8 100%);
    padding: 70px 40px 90px;
    overflow: hidden;
}

.st-hero-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* Left text column */
.st-hero-text {
    flex: 0 0 42%;
    max-width: 42%;
}

.st-hero-heading {
    font-size: 44px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.15;
    margin: 0 0 20px;
}

.st-hero-highlight {
    color: #38C5FF;
}

.st-hero-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.75);
    line-height: 1.6;
    margin: 0 0 30px;
    max-width: 460px;
}

.st-hero-price {
    margin: 0 0 30px;
}

.st-price-from {
    font-size: 20px;
    font-weight: 700;
    color: #38C5FF;
}

.st-price-renews {
    font-size: 15px;
    color: rgba(255,255,255,0.7);
    margin-left: 8px;
}

.st-hero-cta {
    display: inline-block;
    background: #0350C2;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 16px 36px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: background 0.3s;
}

.st-hero-cta:hover {
    background: #38C5FF;
    color: #000000 !important;
}

/* Right card column */
.st-hero-card-wrap {
    flex: 0 0 52%;
    max-width: 52%;
    position: relative;
}

.st-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 30px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 8px 18px;
    margin-bottom: 20px;
    white-space: nowrap;
}

.st-hero-card {
    background: #ffffff !important;
    color-scheme: light;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.4);
}

.st-card-top-bar {
    background: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #f0f0f0;
}

.st-card-dots {
    display: flex;
    gap: 6px;
}

.st-card-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d0d5dd;
    display: inline-block;
}

.st-card-menu {
    color: #aaa;
    font-size: 18px;
}

.st-card-body {
    display: flex;
    min-height: 320px;
}

/* Image panel */
.st-card-image {
    flex: 0 0 55%;
    position: relative;
    overflow: hidden;
}

.st-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.st-card-image-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.92);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid #e8e8e8;
}

.st-card-www-icon {
    flex-shrink: 0;
}

.st-card-since {
    font-size: 10px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.st-card-since strong {
    font-size: 22px;
    font-weight: 800;
    color: #0c1a3a;
    display: block;
    line-height: 1;
}

/* Stats panel */
.st-card-stats {
    background: #ffffff !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #eaeaea;
}

.st-uptime-block {
    background: #ffffff !important;
    flex: 1;
    padding: 24px 20px 20px;
    border-bottom: 1px solid #eaeaea;
}

.st-uptime-num {
    display: block;
    font-size: 58px;
    font-weight: 900;
    color: #0c1a3a;
    line-height: 1;
}

.st-uptime-label {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #0c1a3a;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 4px;
}

.st-uptime-bar {
    margin-top: 14px;
    height: 4px;
    background: #e8e8e8;
    border-radius: 4px;
    overflow: hidden;
}

.st-uptime-bar-fill {
    width: 99%;
    height: 100%;
    background: linear-gradient(90deg, #0350C2, #38C5FF);
    border-radius: 4px;
}

.st-trust-block {
    background: #ffffff !important;
    padding: 16px 20px;
    background: #fff;
}

.st-trust-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: #0c1a3a;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.st-trust-stars {
    color: #f4a200;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 4px;
}

.st-trust-score {
    font-size: 10px;
    font-weight: 600;
    color: #555;
    letter-spacing: 0.3px;
}

/* =============================================
   TICKER STRIP
   ============================================= */

.st-ticker-section {
    background: #111111;
    padding: 22px 40px;
}

.st-ticker-label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.4);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 14px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.st-ticker-track-wrap {
    overflow: hidden;
    width: 100%;
}

.st-ticker-track {
    display: flex;
    gap: 60px;
    animation: st-ticker-scroll 20s linear infinite;
    white-space: nowrap;
}

.st-ticker-item { color: rgba(255,255,255,0.55); //
    font-size: 26px;
    font-weight: 700;
    color: rgba(255,255,255,0.35);
    letter-spacing: 2px;
    flex-shrink: 0;
}

@keyframes st-ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 900px) {
    .st-hero-inner {
        flex-direction: column;
    }
    .st-hero-text,
    .st-hero-card-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .st-hero-heading {
        font-size: 32px;
    }
    .st-uptime-num {
        font-size: 40px;
    }
}


/* =============================================
   PAGELY-INSPIRED REDESIGN
   ============================================= */
:root {
    --pg-black: #0a0a0a;
    --pg-green: #38C5FF;
    --pg-pink: #e040fb;
    --pg-border: rgba(255,255,255,0.08);
    color-scheme: dark;
}
html, body { background-color: #0a0a0a !important; color: #ffffff !important; }

#masthead {
    background: rgba(10,10,10,0.95) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(12px);
}
.st-logo-st { color: #ffffff !important; }
.st-logo-hosting { color: #38C5FF !important; }
.main-navigation a, .main-navigation ul.nav-menu > li > a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li > a:hover { color: #38C5FF !important; text-decoration: none !important; }
.st-request-call-btn {
    background: #38C5FF !important; border: none !important; border-radius: 50px !important;
    color: #000000 !important; font-weight: 700 !important; text-transform: uppercase !important;
}
.st-request-call-btn:hover { background: #38C5FF !important; }

.st-hero {
    background: #0a0a0a !important;
    position: relative; overflow: hidden;
    padding: 100px 48px 120px !important;
    min-height: 90vh; display: flex; align-items: center;
}
.st-hero::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 36px 36px; pointer-events: none; z-index: 0;
}
.st-hero::after {
    content: ''; position: absolute; bottom: -150px; left: -100px;
    width: 700px; height: 700px;
    background: radial-gradient(circle, rgba(0,232,135,0.1) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}
.st-hero-inner { position: relative; z-index: 1; width: 100%; }
.st-hero-heading {
    font-size: 62px !important; font-weight: 800 !important;
    color: #ffffff !important; line-height: 1.08 !important;
    letter-spacing: -2px !important; margin: 0 0 24px !important;
}
.st-hero-highlight { color: #38C5FF !important; }
.st-hero-sub { font-size: 17px !important; color: rgba(255,255,255,0.55) !important; line-height: 1.75 !important; margin: 0 0 32px !important; }
.st-price-from { color: #38C5FF !important; font-size: 20px !important; font-weight: 700 !important; }
.st-price-renews { color: rgba(255,255,255,0.45) !important; }
.st-hero-cta {
    display: inline-block !important; background: #38C5FF !important;
    color: #000000 !important; border: none !important; border-radius: 50px !important;
    padding: 18px 44px !important; font-size: 13px !important; font-weight: 700 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important; text-decoration: none !important;
}
.st-hero-cta:hover { background: #38C5FF !important; color: #000 !important; }
.st-hero-badge {
    background: rgba(0,232,135,0.1) !important; border: 1px solid rgba(0,232,135,0.3) !important;
    color: #38C5FF !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 1px !important;
}
.st-hero-card {
    background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 0 80px rgba(224,64,251,0.2), 0 0 40px rgba(0,232,135,0.08) !important;
}
.st-card-top-bar { background: rgba(255,255,255,0.04) !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; }
.st-card-dots span { background: rgba(255,255,255,0.2) !important; }
.st-card-menu { color: rgba(255,255,255,0.25) !important; }
.st-card-image-footer { background: rgba(10,10,10,0.9) !important; border-top: 1px solid rgba(255,255,255,0.08) !important; }
.st-card-since { color: rgba(255,255,255,0.65) !important; }
.st-card-since strong { color: #ffffff !important; }
.st-card-stats { border-left: 1px solid rgba(255,255,255,0.08) !important; background: rgba(5,5,5,0.6) !important; }
.st-uptime-block { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
.st-uptime-num { color: #ffffff !important; }
.st-uptime-label { color: rgba(255,255,255,0.8) !important; }
.st-uptime-bar { background: rgba(255,255,255,0.1) !important; }
.st-uptime-bar-fill { background: linear-gradient(90deg, #38C5FF, #e040fb) !important; }
.st-trust-block { background: transparent !important; }
.st-trust-header { color: rgba(255,255,255,0.9) !important; }
.st-trust-stars { color: #38C5FF !important; }
.st-trust-score { color: rgba(255,255,255,0.35) !important; }

.st-ticker-section {
    background: rgba(0,0,0,0.6) !important; padding: 26px 48px !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.st-ticker-label { color: rgba(255,255,255,0.3) !important; font-size: 10px !important; letter-spacing: 2px !important; }
.st-ticker-item { color: rgba(255,255,255,0.12) !important; font-size: 20px !important; letter-spacing: 3px !important; }

.st-trusted-section { background: #0a0a0a; padding: 70px 48px; border-top: 1px solid rgba(255,255,255,0.08); }
.st-trusted-inner { max-width: 1280px; margin: 0 auto; }
.st-trusted-label {
    font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.3);
    letter-spacing: 2px; text-transform: uppercase; margin-bottom: 40px;
    display: flex; align-items: center; gap: 20px;
}
.st-trusted-label::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.08); }
.st-trusted-logos { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.st-trusted-logo { font-size: 18px; font-weight: 800; color: rgba(255,255,255,0.18); letter-spacing: 2px; text-transform: uppercase; transition: color 0.3s; }
.st-trusted-logo:hover { color: rgba(255,255,255,0.5); }

.st-features-section { background: #0a0a0a; padding: 100px 48px; border-top: 1px solid rgba(255,255,255,0.08); }
.st-features-inner { max-width: 1280px; margin: 0 auto; }
.st-features-title { font-size: 44px; font-weight: 800; color: #ffffff; text-align: center; margin: 0 0 64px; letter-spacing: -1.5px; }
.st-features-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,0.08); }
.st-feature-card { padding: 40px 28px; border-right: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); transition: background 0.3s; }
.st-feature-card:hover { background: rgba(255,255,255,0.025); }
.st-feature-card:nth-child(4n) { border-right: none; }
.st-feature-card:nth-last-child(-n+4) { border-bottom: none; }
.st-feature-icon { width: 44px; height: 44px; margin-bottom: 20px; }
.st-feature-icon svg { width: 44px; height: 44px; stroke: #e040fb; }
.st-feature-title { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0 0 12px; line-height: 1.3; }
.st-feature-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.7; margin: 0; }

.st-cta-band {
    background: #0a0a0a; border-top: 1px solid rgba(255,255,255,0.08);
    padding: 100px 48px; text-align: center; position: relative; overflow: hidden;
}
.st-cta-band::before {
    content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%);
    width: 900px; height: 500px;
    background: radial-gradient(ellipse, rgba(224,64,251,0.12) 0%, transparent 70%);
    pointer-events: none;
}
.st-cta-band-title { font-size: 50px; font-weight: 800; color: #ffffff; margin: 0 0 20px; letter-spacing: -2px; line-height: 1.1; position: relative; }
.st-cta-band-sub { font-size: 17px; color: rgba(255,255,255,0.5); margin: 0 auto 40px; max-width: 560px; line-height: 1.7; position: relative; }
.st-cta-band-btn {
    display: inline-block; background: #38C5FF; color: #000000 !important;
    text-decoration: none !important; border-radius: 50px; padding: 18px 56px;
    font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
    position: relative; transition: all 0.2s;
}
.st-cta-band-btn:hover { background: #38C5FF; transform: scale(1.03); }

.footer-copyright { background: #0a0a0a !important; border-top: 1px solid rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.3) !important; }
.footer-copyright a { color: rgba(255,255,255,0.45) !important; }

@media (max-width: 1024px) {
    .st-features-grid { grid-template-columns: repeat(2, 1fr); }
    .st-feature-card:nth-child(4n) { border-right: 1px solid rgba(255,255,255,0.08); }
    .st-feature-card:nth-child(2n) { border-right: none; }
    .st-feature-card:nth-last-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,0.08); }
    .st-feature-card:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 768px) {
    .st-hero-heading { font-size: 38px !important; letter-spacing: -1px !important; }
    .st-hero-inner { flex-direction: column !important; gap: 50px !important; }
    .st-hero-text, .st-hero-card-wrap { flex: 0 0 100% !important; max-width: 100% !important; }
    .st-features-grid { grid-template-columns: 1fr; }
    .st-feature-card { border-right: none !important; }
    .st-features-title { font-size: 30px !important; }
    .st-cta-band-title { font-size: 32px !important; }
    .st-hero { padding: 80px 24px !important; }
}

/* =============================================
   SHARED SECTION STYLES
   ============================================= */
.st-section-inner { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.st-services .st-section-title,
.st-services .st-section-sub { color: #fff; }
.st-section-title { font-size: 36px; font-weight: 800; color: #0c1a3a; text-align: center; margin: 0 0 12px; }
.st-section-title.st-left { text-align: left; }
.st-section-sub { font-size: 16px; color: #666; text-align: center; margin: 0 0 50px; }

/* SERVICES */
.st-services { background: #0a0a0a; padding: 80px 0; }
.st-services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.st-service-card { background: #111; border-radius: 12px; padding: 32px 24px; box-shadow: 0 2px 16px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s; }
.st-service-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(154,255,56,0.10); }
.st-service-icon { width: 52px; height: 52px; background: linear-gradient(135deg, #0350C2, #021a5c); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.st-service-icon svg { width: 26px; height: 26px; stroke: #38C5FF; }
.st-service-card h3 { font-size: 17px; font-weight: 700; color: #ffffff; margin: 0 0 10px; }
.st-service-card p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.6; margin: 0 0 16px; }
.st-service-link { font-size: 13px; font-weight: 600; color: #0350C2; text-decoration: none; }
.st-service-link:hover { color: #38C5FF; }

/* PRICING */
.st-pricing { background: #fff; padding: 80px 0; }
.st-pricing-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 40px; }
.st-pricing-tab { padding: 10px 28px; border-radius: 30px; border: 2px solid #0350C2; background: transparent; color: #0350C2; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.st-pricing-tab.active, .st-pricing-tab:hover { background: #0350C2; color: #fff; }
.st-pricing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: start; }
#pricing-corporate { grid-template-columns: repeat(2, 1fr); max-width: 700px; margin: 0 auto; }
.st-plan-card { border: 2px solid #e8eef8; border-radius: 16px; padding: 32px 24px; position: relative; transition: border-color 0.2s, box-shadow 0.2s; }
.st-plan-card:hover { border-color: #0350C2; box-shadow: 0 8px 32px rgba(3,80,194,0.10); }
.st-plan-featured { border-color: #0350C2; box-shadow: 0 8px 32px rgba(3,80,194,0.15); }
.st-plan-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #38C5FF; color: #000; font-size: 11px; font-weight: 700; padding: 4px 14px; border-radius: 20px; white-space: nowrap; letter-spacing: 0.5px; }
.st-plan-name { font-size: 18px; font-weight: 800; color: #0c1a3a; margin-bottom: 8px; }
.st-plan-price { font-size: 40px; font-weight: 900; color: #0350C2; margin-bottom: 24px; line-height: 1; }
.st-plan-price span { font-size: 16px; font-weight: 500; color: #888; }
.st-plan-features { list-style: none; padding: 0; margin: 0 0 28px; }
.st-plan-features li { font-size: 14px; color: #444; padding: 7px 0 7px 22px; border-bottom: 1px solid #f0f0f0; position: relative; }
.st-plan-features li::before { content: '✓'; position: absolute; left: 0; color: #38C5FF; font-weight: 700; }
.st-plan-btn { display: block; text-align: center; background: #0350C2; color: #fff !important; text-decoration: none !important; padding: 13px; border-radius: 8px; font-size: 14px; font-weight: 700; transition: background 0.2s; }
.st-plan-btn:hover { background: #021a5c; }
.st-plan-featured .st-plan-btn { background: #38C5FF; color: #000 !important; }
.st-plan-featured .st-plan-btn:hover { background: #1aa8e8; }

/* ABOUT */
.st-about { background: linear-gradient(135deg, #000000 0%, #021a5c 55%, #0451c8 100%); padding: 80px 0; color: #fff; }
.st-about .st-section-title { color: #fff; }
.st-about-inner { display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: start; }
.st-about-text p { color: rgba(255,255,255,0.8); line-height: 1.7; margin-bottom: 16px; }
.st-about-text strong { color: #38C5FF; }
.st-about-stats { display: flex; gap: 32px; margin-top: 32px; }
.st-about-stat span { display: block; font-size: 36px; font-weight: 900; color: #38C5FF; line-height: 1; }
.st-about-stat { font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.st-about-clients { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 16px; padding: 28px; }
.st-about-clients h3 { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 16px; text-transform: uppercase; letter-spacing: 1px; }
.st-client-list { list-style: none; padding: 0; margin: 0; }
.st-client-list li { color: rgba(255,255,255,0.75); font-size: 14px; padding: 8px 0 8px 18px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; }
.st-client-list li::before { content: '→'; position: absolute; left: 0; color: #38C5FF; font-size: 12px; }

/* FAQ */
.st-faq { background: #f7f9fc; padding: 80px 0; }
.st-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.st-faq-item { background: #fff; border-radius: 12px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.05); }
.st-faq-item h4 { font-size: 15px; font-weight: 700; color: #0c1a3a; margin: 0 0 10px; }
.st-faq-item p { font-size: 14px; color: #555; line-height: 1.6; margin: 0; }

/* CONTACT */
.st-contact { background: #0c1a3a; padding: 80px 0; }
.st-contact .st-section-title { color: #fff; }
.st-contact .st-section-sub { color: rgba(255,255,255,0.6); }
.st-contact-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.st-contact-info { display: flex; flex-direction: column; gap: 18px; }
.st-contact-item { display: flex; align-items: center; gap: 14px; color: rgba(255,255,255,0.8); font-size: 15px; }
.st-contact-item svg { width: 22px; height: 22px; stroke: #38C5FF; flex-shrink: 0; }
.st-contact-ctas { display: flex; gap: 16px; flex-wrap: wrap; }
.st-cta-outline { display: inline-block; padding: 16px 36px; border: 2px solid rgba(255,255,255,0.4); border-radius: 6px; color: #fff !important; text-decoration: none !important; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; transition: border-color 0.2s, background 0.2s; }
.st-cta-outline:hover { border-color: #38C5FF; background: rgba(154,255,56,0.1); }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .st-services-grid { grid-template-columns: repeat(2, 1fr); }
    .st-pricing-grid { grid-template-columns: repeat(2, 1fr); }
    .st-about-inner { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .st-services-grid, .st-pricing-grid, .st-faq-grid { grid-template-columns: 1fr; }
    .st-section-title { font-size: 26px; }
    .st-about-stats { flex-wrap: wrap; gap: 20px; }
    .st-contact-inner { flex-direction: column; align-items: flex-start; }
}

/* =============================================
   SHARED SECTION STYLES
   ============================================= */
.st-section-inner{max-width:1200px;margin:0 auto;padding:0 40px}
.st-section-title{font-size:36px;font-weight:800;color:#0c1a3a;text-align:center;margin:0 0 12px}
.st-section-title.st-left{text-align:left}
.st-section-sub{font-size:16px;color:#666;text-align:center;margin:0 0 50px}

/* SERVICES */
.st-services{background:#f7f9fc;padding:80px 0}
.st-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.st-service-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 2px 16px rgba(0,0,0,0.06);transition:transform .2s,box-shadow .2s}
.st-service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(3,80,194,0.12)}
.st-service-icon{width:52px;height:52px;background:linear-gradient(135deg,#0350C2,#021a5c);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.st-service-icon svg{width:26px;height:26px;stroke:#38C5FF}
.st-service-card h3{font-size:17px;font-weight:700;color:#0c1a3a;margin:0 0 10px}
.st-service-card p{font-size:14px;color:#555;line-height:1.6;margin:0 0 16px}
.st-service-link{font-size:13px;font-weight:600;color:#0350C2;text-decoration:none}
.st-service-link:hover{color:#38C5FF}

/* PRICING */
.st-pricing{background:#fff;padding:80px 0}
.st-pricing-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px}
.st-pricing-tab{padding:10px 28px;border-radius:30px;border:2px solid #0350C2;background:transparent;color:#0350C2;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.st-pricing-tab.active,.st-pricing-tab:hover{background:#0350C2;color:#fff}
.st-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}
#pricing-corporate{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto}
.st-plan-card{border:2px solid #e8eef8;border-radius:16px;padding:32px 24px;position:relative;transition:border-color .2s,box-shadow .2s}
.st-plan-card:hover{border-color:#0350C2;box-shadow:0 8px 32px rgba(3,80,194,0.10)}
.st-plan-featured{border-color:#0350C2;box-shadow:0 8px 32px rgba(3,80,194,0.15)}
.st-plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#38C5FF;color:#000;font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.5px}
.st-plan-name{font-size:18px;font-weight:800;color:#0c1a3a;margin-bottom:8px}
.st-plan-price{font-size:40px;font-weight:900;color:#0350C2;margin-bottom:24px;line-height:1}
.st-plan-price span{font-size:16px;font-weight:500;color:#888}
.st-plan-features{list-style:none;padding:0;margin:0 0 28px}
.st-plan-features li{font-size:14px;color:#444;padding:7px 0 7px 22px;border-bottom:1px solid #f0f0f0;position:relative}
.st-plan-features li::before{content:'✓';position:absolute;left:0;color:#38C5FF;font-weight:700}
.st-plan-btn{display:block;text-align:center;background:#0350C2;color:#fff!important;text-decoration:none!important;padding:13px;border-radius:8px;font-size:14px;font-weight:700;transition:background .2s}
.st-plan-btn:hover{background:#021a5c}
.st-plan-featured .st-plan-btn{background:#38C5FF;color:#000!important}
.st-plan-featured .st-plan-btn:hover{background:#1aa8e8}

/* ABOUT */
.st-about{background:linear-gradient(135deg,#000 0%,#021a5c 55%,#0451c8 100%);padding:80px 0;color:#fff}
.st-about .st-section-title{color:#fff}
.st-about-inner{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start}
.st-about-text p{color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:16px}
.st-about-text strong{color:#38C5FF}
.st-about-stats{display:flex;gap:32px;margin-top:32px}
.st-about-stat span{display:block;font-size:36px;font-weight:900;color:#38C5FF;line-height:1}
.st-about-stat{font-size:13px;color:rgba(255,255,255,0.7);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.st-about-clients{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:28px}
.st-about-clients h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.st-client-list{list-style:none;padding:0;margin:0}
.st-client-list li{color:rgba(255,255,255,0.75);font-size:14px;padding:8px 0 8px 18px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative}
.st-client-list li::before{content:'→';position:absolute;left:0;color:#38C5FF;font-size:12px}

/* FAQ */
.st-faq{background:#f7f9fc;padding:80px 0}
.st-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.st-faq-item{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
.st-faq-item h4{font-size:15px;font-weight:700;color:#0c1a3a;margin:0 0 10px}
.st-faq-item p{font-size:14px;color:#555;line-height:1.6;margin:0}

/* CONTACT */
.st-contact{background:#0c1a3a;padding:80px 0}
.st-contact .st-section-title{color:#fff}
.st-contact .st-section-sub{color:rgba(255,255,255,0.6)}
.st-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.st-contact-info{display:flex;flex-direction:column;gap:18px}
.st-contact-item{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,0.8);font-size:15px}
.st-contact-item svg{width:22px;height:22px;stroke:#38C5FF;flex-shrink:0}
.st-contact-ctas{display:flex;gap:16px;flex-wrap:wrap}
.st-cta-outline{display:inline-block;padding:16px 36px;border:2px solid rgba(255,255,255,0.4);border-radius:6px;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:border-color .2s,background .2s}
.st-cta-outline:hover{border-color:#38C5FF;background:rgba(154,255,56,0.1)}

/* RESPONSIVE */
@media(max-width:1024px){.st-services-grid{grid-template-columns:repeat(2,1fr)}.st-pricing-grid{grid-template-columns:repeat(2,1fr)}.st-about-inner{grid-template-columns:1fr}}
@media(max-width:600px){.st-services-grid,.st-pricing-grid,.st-faq-grid{grid-template-columns:1fr}.st-section-title{font-size:26px}.st-about-stats{flex-wrap:wrap;gap:20px}.st-contact-inner{flex-direction:column;align-items:flex-start}}

/* ===== DARK MODE OVERRIDES — Pagely style ===== */
.st-ticker-section { background: #111 !important; }
.st-ticker-label { color: rgba(255,255,255,0.4) !important; }
.st-ticker-item { color: rgba(255,255,255,0.55) !important; }

.st-services { background: #0d0d0d !important; }
.st-services .st-section-title { color: #fff !important; }
.st-services .st-section-sub { color: rgba(255,255,255,0.55) !important; }
.st-service-card { background: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.08) !important; }
.st-service-card h3 { color: #fff !important; }
.st-service-card p { color: rgba(255,255,255,0.6) !important; }
.st-service-card:hover { border-color: #38C5FF !important; box-shadow: 0 8px 32px rgba(154,255,56,0.08) !important; }
.st-service-link { color: #38C5FF !important; }
.st-service-link:hover { color: #fff !important; }


/* ===== HERO GHOST BUTTON ===== */
.st-hero-btns { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:8px; }
.st-hero-cta-ghost { display:inline-block; padding:14px 28px; border-radius:50px; border:2px solid rgba(255,255,255,0.3); color:#fff; font-weight:700; font-size:13px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:border-color .2s, color .2s; }
.st-hero-cta-ghost:hover { border-color:#38C5FF; color:#38C5FF; }

/* ===== STATS BAR ===== */
.st-stats-bar { background:#111; border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); padding:48px 40px; }
.st-stats-grid { display:flex; align-items:center; justify-content:center; gap:0; max-width:900px; margin:0 auto; }
.st-stat-item { flex:1; text-align:center; }
.st-stat-num { display:block; font-size:52px; font-weight:900; color:#fff; line-height:1; }
.st-stat-unit { font-size:32px; font-weight:700; color:#38C5FF; }
.st-stat-label { display:block; font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:1px; margin-top:8px; }
.st-stat-divider { width:1px; height:60px; background:rgba(255,255,255,0.1); flex-shrink:0; }

/* ===== EYEBROW ===== */
.st-eyebrow { font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#38C5FF; margin:0 0 12px; }

/* ===== PILLARS ===== */
.st-pillars { background:#0d0d0d; padding:80px 40px; }
.st-pillars .st-section-title { color:#fff; text-align:center; margin-bottom:48px; }
.st-pillars .st-eyebrow { text-align:center; }
.st-pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.st-pillar-card { background:#1a1a1a; border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:36px 28px; transition:border-color .2s; }
.st-pillar-card:hover { border-color:#38C5FF; }
.st-pillar-icon { width:48px; height:48px; background:rgba(56,197,255,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.st-pillar-icon svg { width:24px; height:24px; stroke:#38C5FF; }
.st-pillar-card h3 { color:#fff; font-size:18px; font-weight:700; margin:0 0 12px; }
.st-pillar-card p { color:rgba(255,255,255,0.6); font-size:15px; line-height:1.7; margin:0; }

/* ===== SPLIT SECTION ===== */
.st-split-section { background:#000; padding:80px 40px; }
.st-split-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.st-split-text .st-eyebrow { margin-bottom:16px; }
.st-split-text h2 { color:#fff; font-size:36px; font-weight:800; line-height:1.2; margin:0 0 20px; }
.st-split-text > p { color:rgba(255,255,255,0.65); font-size:16px; line-height:1.75; margin:0 0 24px; }
.st-check-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.st-check-list li { color:rgba(255,255,255,0.75); font-size:15px; padding-left:28px; position:relative; }
.st-check-list li::before { content:"✓"; position:absolute; left:0; color:#38C5FF; font-weight:700; }
.st-feature-box { background:#111; border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:32px; display:flex; flex-direction:column; gap:20px; }
.st-feature-row { display:flex; align-items:center; gap:14px; color:#fff; font-size:15px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.06); }
.st-feature-row:last-child { padding-bottom:0; border-bottom:none; }

/* ===== TESTIMONIALS ===== */
.st-testimonials { background:#0a0a0a; padding:80px 40px; }
.st-testimonials .st-section-title { color:#fff; text-align:center; margin-bottom:48px; }
.st-testimonials .st-eyebrow { text-align:center; }
.st-testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.st-testi-card { background:#1a1a1a; border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:32px; }
.st-testi-stars { color:#38C5FF; font-size:18px; margin-bottom:16px; }
.st-testi-card > p { color:rgba(255,255,255,0.7); font-size:15px; line-height:1.7; font-style:italic; margin:0 0 24px; }
.st-testi-author { display:flex; align-items:center; gap:14px; }
.st-testi-avatar { width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,#0350C2,#38C5FF); display:flex; align-items:center; justify-content:center; color:#fff; font-size:13px; font-weight:700; flex-shrink:0; }
.st-testi-author > div { display:flex; flex-direction:column; }
.st-testi-author strong { color:#fff; font-size:14px; }
.st-testi-author span { color:rgba(255,255,255,0.45); font-size:12px; margin-top:2px; }

/* ===== CTA BANNER ===== */
.st-cta-banner { background:linear-gradient(135deg,#000 0%,#021a5c 60%,#0350C2 100%); padding:80px 40px; }
.st-cta-banner h2 { color:#fff; font-size:40px; font-weight:900; margin:0 0 16px; }
.st-cta-banner p { color:rgba(255,255,255,0.7); font-size:18px; max-width:600px; margin:0 auto 36px; }
.st-cta-banner-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }


/* ===== INNER PAGE SHARED STYLES ===== */
.ld-inner-page { background:#000; min-height:100vh; }

/* Inner page hero */
.ld-page-hero { background:linear-gradient(135deg,#000 0%,#021a5c 60%,#0350C2 100%); padding:80px 40px 60px; }
.ld-page-hero .st-section-inner { max-width:1280px; margin:0 auto; }
.ld-page-hero h1 { color:#fff; margin:0 0 16px; }
.ld-page-hero p { color:rgba(255,255,255,0.7); }

/* Inner sections */
.ld-section-dark { background:#0d0d0d; padding:72px 40px; }
.ld-section-darker { background:#000; padding:72px 40px; }
.ld-section-mid { background:#111; padding:72px 40px; border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }

.ld-section-dark .st-section-inner,
.ld-section-darker .st-section-inner,
.ld-section-mid .st-section-inner { max-width:1280px; margin:0 auto; }

/* Inner page headings */
.ld-inner-page h2 { color:#fff; font-size:32px; font-weight:800; margin:0 0 16px; line-height:1.2; }
.ld-inner-page h3 { color:#fff; font-weight:700; }
.ld-inner-page p { color:rgba(255,255,255,0.65); line-height:1.75; }

/* Pricing grid (shared) */
.ld-pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:48px; }
.ld-pricing-grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; max-width:760px; margin:48px auto 0; }
.ld-plan { background:#1a1a1a; border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:36px 28px; position:relative; transition:border-color .2s, transform .2s; }
.ld-plan:hover { border-color:#38C5FF; transform:translateY(-4px); }
.ld-plan.featured { border-color:#38C5FF; background:#0d1a2e; }
.ld-plan-badge { display:inline-block; background:#38C5FF; color:#000; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:4px 12px; border-radius:50px; margin-bottom:16px; }
.ld-plan-name { font-size:13px; font-weight:700; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.ld-plan-price { font-size:42px; font-weight:900; color:#fff; line-height:1; margin-bottom:4px; }
.ld-plan-price span { font-size:16px; font-weight:400; color:rgba(255,255,255,0.5); }
.ld-plan-per { font-size:13px; color:rgba(255,255,255,0.4); margin-bottom:28px; }
.ld-plan-features { list-style:none; padding:0; margin:0 0 28px; display:flex; flex-direction:column; gap:10px; }
.ld-plan-features li { font-size:14px; color:rgba(255,255,255,0.7); padding-left:22px; position:relative; }
.ld-plan-features li::before { content:"✓"; position:absolute; left:0; color:#38C5FF; font-weight:700; }
.ld-plan-btn { display:block; text-align:center; padding:13px 20px; border-radius:50px; background:#38C5FF; color:#000; font-weight:800; font-size:13px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:opacity .2s; }
.ld-plan.featured .ld-plan-btn { background:#38C5FF; }
.ld-plan-btn:hover { opacity:.85; }

/* Feature intro block */
.ld-intro { max-width:760px; margin:0 auto 48px; text-align:center; }
.ld-intro h2 { color:#fff; }

/* Two col layout */
.ld-two-col { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.ld-two-col h2 { font-size:26px; }

/* Check list */
.ld-check-list { list-style:none; padding:0; margin:16px 0 0; display:flex; flex-direction:column; gap:12px; }
.ld-check-list li { font-size:15px; color:rgba(255,255,255,0.7); padding-left:26px; position:relative; }
.ld-check-list li::before { content:"✓"; position:absolute; left:0; color:#38C5FF; font-weight:700; }

/* Stats row */
.ld-stats-row { display:flex; gap:48px; margin-top:36px; }
.ld-stat span { display:block; font-size:40px; font-weight:900; color:#38C5FF; line-height:1; }
.ld-stat small { font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; letter-spacing:1px; margin-top:4px; display:block; }

/* Client list */
.ld-client-list { list-style:none; padding:0; margin:20px 0 0; display:flex; flex-direction:column; gap:0; }
.ld-client-list li { padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.08); color:rgba(255,255,255,0.7); font-size:15px; display:flex; align-items:center; gap:10px; }
.ld-client-list li::before { content:"→"; color:#38C5FF; }

/* FAQ items */
.ld-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
.ld-faq-item { background:#1a1a1a; border:1px solid rgba(255,255,255,0.07); border-radius:12px; padding:28px; }
.ld-faq-item h4 { color:#fff; font-size:16px; font-weight:700; margin:0 0 10px; }
.ld-faq-item p { color:rgba(255,255,255,0.6); font-size:14px; line-height:1.7; margin:0; }

/* Contact page */
.ld-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; max-width:900px; margin:0 auto; }
.ld-contact-item { display:flex; align-items:flex-start; gap:14px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.07); }
.ld-contact-item svg { flex-shrink:0; margin-top:2px; }
.ld-contact-item-text strong { display:block; color:#fff; font-size:15px; margin-bottom:4px; }
.ld-contact-item-text span { color:rgba(255,255,255,0.55); font-size:14px; }
.ld-contact-btn { display:inline-block; margin-top:28px; padding:14px 32px; border-radius:50px; background:#38C5FF; color:#000; font-weight:800; font-size:13px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; }

/* Inner page CTA banner */
.ld-cta-banner { background:linear-gradient(135deg,#000 0%,#021a5c 60%,#0350C2 100%); padding:72px 40px; text-align:center; }
.ld-cta-banner h2 { color:#fff; font-size:36px; margin-bottom:12px; }
.ld-cta-banner p { color:rgba(255,255,255,0.7); max-width:560px; margin:0 auto 32px; }
.ld-cta-banner a { display:inline-block; padding:16px 36px; border-radius:50px; background:#38C5FF; color:#000; font-weight:800; font-size:14px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; }


/* ============================
   TABLET RESPONSIVE (max-width: 768px)
   ============================ */
@media (max-width: 768px) {
  .st-logo { flex-shrink: 0 !important; min-width: 150px !important; }
  .ld-logo-img { height: 50px !important; width: auto !important; min-width: 140px !important; }
  .st-header-inner { padding: 10px 16px !important; gap: 12px !important; }
  .main-navigation { display: none !important; }
  .st-hero-content h1 { font-size: 36px !important; line-height: 1.15 !important; }
  .st-section-inner { padding-left: 20px !important; padding-right: 20px !important; }
  .st-stats-grid { flex-wrap: wrap !important; gap: 20px 0 !important; }
  .st-stat-item { flex: 0 0 50% !important; max-width: 50% !important; box-sizing: border-box !important; padding: 8px 0 !important; }
  .st-stat-num { font-size: 36px !important; }
  .st-stat-divider { display: none !important; }
  .st-stats-bar { padding: 32px 20px !important; }
  .st-pillars-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  
  /* --- Split sections (LivingDot Advantage) --- */
  .st-split-inner { grid-template-columns: 1fr !important; gap: 32px !important; }
  /* --- Check list --- */
  .st-check-list { flex-wrap: wrap !important; }
  /* --- Testimonials --- */
  .st-testimonials { padding: 40px 20px !important; }
  .st-testimonials-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .st-feature-box { flex-direction: column !important; }
}

/* ============================
   MOBILE RESPONSIVE (max-width: 480px)
   ============================ */
@media (max-width: 480px) {
  .st-logo { min-width: 130px !important; }
  .ld-logo-img { height: 42px !important; min-width: 120px !important; }
  .st-header-inner { padding: 8px 12px !important; gap: 8px !important; }
  .st-header-cta .st-btn { padding: 10px 18px !important; font-size: 12px !important; }
  .st-hero-content h1 { font-size: 28px !important; line-height: 1.15 !important; }
  .st-section-inner { padding-left: 16px !important; padding-right: 16px !important; }
  .st-stats-grid { flex-direction: column !important; align-items: center !important; gap: 16px !important; }
  .st-stat-item { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
  .st-stat-num { font-size: 32px !important; }
  .st-stats-bar { padding: 24px 16px !important; }

  /* --- Split sections --- */
  .st-split-inner { gap: 24px !important; }
  /* --- Testimonials --- */
  .st-testimonials { padding: 32px 16px !important; }
  .st-cta-row { flex-wrap: wrap !important; gap: 12px !important; }
  .st-cta-row a, .st-cta-row .st-btn { width: 100% !important; text-align: center !important; box-sizing: border-box !important; }
}

/* ============================
   LIVINGDOT INNER PAGE RESPONSIVE
   ============================ */

/* Tablet — stack 2-col grids */
@media (max-width: 768px) {
  .ld-two-col,
  .ld-contact-grid,
  .ld-faq-grid { grid-template-columns: 1fr !important; gap: 40px !important; }

  .ld-pricing-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  .ld-pricing-grid-2 { grid-template-columns: 1fr !important; gap: 20px !important; max-width: 400px !important; }

  .ld-stats-row { flex-wrap: wrap !important; gap: 24px !important; justify-content: center !important; }
  .ld-stat { min-width: 100px !important; }

  .ld-page-hero h1 { font-size: 28px !important; line-height: 1.2 !important; }
  .ld-page-hero p { font-size: 15px !important; }

  .ld-cta-banner h2 { font-size: 24px !important; }
  .ld-cta-banner { padding: 40px 20px !important; }

  .ld-client-list { columns: 1 !important; }

  /* Hero buttons */
  .st-hero-btns { flex-direction: column !important; gap: 12px !important; }
  .st-hero-btns a { width: 100% !important; text-align: center !important; box-sizing: border-box !important; }

  /* Hero layout */
  .st-hero-inner { flex-direction: column !important; gap: 40px !important; }
  .st-hero-text { max-width: 100% !important; }
  .st-hero-heading { font-size: 32px !important; line-height: 1.15 !important; }
  .st-hero-card-wrap { max-width: 100% !important; }

  /* Ticker */
  .st-ticker-section { overflow: hidden !important; }
}

/* Mobile — full single column */
@media (max-width: 480px) {
  .ld-two-col,
  .ld-contact-grid,
  .ld-faq-grid { gap: 32px !important; }

  .ld-pricing-grid { grid-template-columns: 1fr !important; max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }

  .ld-stats-row { flex-direction: column !important; align-items: center !important; gap: 16px !important; }

  .ld-page-hero h1 { font-size: 24px !important; }
  .ld-page-hero { padding: 40px 16px !important; }

  .ld-section-dark,
  .ld-section-mid { padding: 40px 0 !important; }

  .ld-cta-banner h2 { font-size: 20px !important; }
  .ld-cta-banner a { display: block !important; max-width: 280px !important; margin: 0 auto !important; text-align: center !important; }

  .st-hero-heading { font-size: 26px !important; }
  .st-hero-sub { font-size: 14px !important; }
  .st-hero-card-wrap { display: none !important; }
}