/*** TextBuilder.ai frontpage CSS file ***/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap);

/*@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900); **/
/*@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700); **/
/*--------------------
1. General
--------------------*/
html {
	height: 100%;
}

body {
	background-color: #fff;
	margin: 0px;
	font-family: "Inter", Sans-serif;
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 900;
	letter-spacing: 0.4px;
	font-family: "Lato", Sans-serif;
	color: #232323;
	line-height: 130%;
}

p, li {
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;
	color: #0e0e0e;
}

p:last-child {
	margin-bottom: 0!important;
}

a {
	color: #cb0000;
}

a:hover, a:focus, a:active, a.active {
	color: #fec503;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
	text-decoration: none;
}

::selection {
	text-shadow: none;
	background: #fed136;
}

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

.g-recaptcha {
	display: inline-block;
	margin: 0 0 30px;
}

.highlight-blue {
	background: rgb(47, 191, 255);
	background: linear-gradient(90deg, rgba(47, 191, 255, 1) 0%, rgba(45, 70, 208, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.highlight-purple {
    background: rgb(47, 191, 255);
    background: linear-gradient(90deg, rgb(90 47 255) 0%, rgb(202 45 208) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.uppercase {
	text-transform: uppercase;
}

/* ================================================
   HERO SECTION WITH VIDEO BACKGROUND
   ================================================ */

/* Hero Section - Mobile First */
.hero-section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}

/* Hero Background - Mobile */
.hero-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

/* Hero Video */
.hero-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Video Gradient Overlay */
.video-gradient-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
	pointer-events: none;
}

/* Hero Content Container */
.hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-bottom: 40px;
}

/* Hero Text */
.hero-text {
	padding: 30px 20px 0 20px;
	color: white;
	text-align: left;
}

.hero-text h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
	color: #ffffff;
}

.hero-text .subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.95);
}

.hero-text .hero-description {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.9);
}

.hero-text .hero-stats {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 30px;
	color: rgba(255, 255, 255, 0.85);
}

/* CTA Button */
.cta-button {
	display: inline-block;
	padding: 16px 32px;
	background: linear-gradient(135deg, #df108c 0%, #ff730f 100%);
	color: white;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	border-radius: 12px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 16px rgba(223, 16, 140, 0.3);
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(223, 16, 140, 0.4);
	color: white;
}

.cta-button:active {
	transform: translateY(0);
}

/* CTA Wrapper */
.cta-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

/* CTA Subtext */
.cta-subtext {
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	padding-left: 4px;
	letter-spacing: 0.01em;
}

/* Tablet Breakpoint */
@media (min-width: 768px) {
	.hero-text h1 {
		font-size: 40px;
	}

	.hero-text .subtitle {
		font-size: 20px;
	}

	.hero-text .hero-description {
		font-size: 18px;
	}

	.hero-text .hero-stats {
		font-size: 16px;
	}

	.cta-button {
		font-size: 20px;
		padding: 18px 40px;
	}

	.cta-subtext {
		font-size: 14px;
	}
}

/* Desktop Breakpoint - 1024px and up */
@media (min-width: 1024px) {
	.hero-section {
		min-height: 600px;
		justify-content: center;
		align-items: flex-start;
	}

	/* Desktop Video - adjust positioning */
	.hero-video {
		object-position: center center;
	}

	/* Desktop Gradient Overlay - wider and more transparent on sides */
	.video-gradient-overlay {
		height: 100%;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 70%);
	}

	/* Desktop Content */
	.hero-content {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
		background: none;
		min-height: 900px;
		display: flex;
		align-items: center;
	}

	/* Desktop Text - Left Aligned */
	.hero-text {
		max-width: 600px;
		padding: 60px 40px;
		text-align: left;
		border-radius: 0;
	}

	.hero-text h1 {
		font-size: 48px;
		margin-bottom: 24px;
	}

	.hero-text .subtitle {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.hero-text .hero-description {
		font-size: 20px;
		margin-bottom: 18px;
	}

	.hero-text .hero-stats {
		font-size: 18px;
		margin-bottom: 36px;
	}

	.cta-button {
		font-size: 22px;
		padding: 20px 48px;
	}

	.cta-subtext {
		font-size: 15px;
		padding-left: 0;
	}
}

/* Large Desktop - 1440px and up */
@media (min-width: 1440px) {
	.hero-text h1 {
		font-size: 56px;
	}

	.hero-text .subtitle {
		font-size: 24px;
	}

	.hero-text .hero-description {
		font-size: 22px;
	}

	.hero-text .hero-stats {
		font-size: 20px;
	}
}

/*** Navigation ***/
.nav-link {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.96rem;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #0000001a;
	border: 1px solid #00000014;
}
.nav-link:focus, .nav-link:hover {
	color: #ffe7a1;
}
.nav-link.members-button {
	margin: 0px 0px 0px 20px;
	padding: 7px 35px;
	background-color: #7733cf;
	background-image: linear-gradient( 47deg, #b70da2, #ff8400);
	color: #fff;
	border-radius: 30px;
	font-size: 15px;
	border-bottom: none;
}
.center {
	text-align: center;
}
.tb-menu {
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 100% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(49deg,#160768 40.09%,#b238ff 125.4%);	
}
.home .tb-menu {
/*	background: unset;*/
}
.button {
	background-color: #3b3b3b;
	display: inline-block;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	line-height: 100%;
	padding: 15px 30px;
	box-shadow: inset 0 0 0 100px transparent;
	border-radius: 5px;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

.new-hero {
	background-image: linear-gradient( 47deg, #ccccd3, #d8dde7);
}
.new-wrapper {
	overflow: auto;
	padding: 30px 0 30px;
}
.new-left {
	float: left;
	width: 65%;
	padding: 0px 50px 0 0;
}
.new-left h2 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 3.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	text-align: center;
	margin-top: 30px;
}
.new-left h3 {
	font-family: 'Inter', sans-serif;
	background-color: #feff03;
	color: #000;
	font-weight: 300;
	letter-spacing: -1px;
	font-size: 2.1rem;
	line-height: 115%;
	text-align: center;
	display: inline-block;
	padding: 5px 25px;
}
.new-left h4 {
    font-family: 'Inter', sans-serif;
    color: #000;
    font-weight: 400;
    letter-spacing: -1px;
    font-size: 2.1rem;
    line-height: 115%;
    margin: 15px 0 30px 0;
    text-align: left;
}
.new-left p {
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;	
	color: #000;
}
.new-right {
	float: left;
	width: 35%;
	text-align: center;
	position: relative;
}
.new-right img {
	border-radius: 50%;
	border: 1px solid #a9a9a9;
}
.new-right .my-name b {
	font-weight: bold;
}
.new-right .my-name {
	font-weight: 300;
}
.new-right .subtitle {
	position: absolute;
	width: 390px;
	transform: rotate(-1deg);
	background-color: #d50000;
	color: #fff;
	bottom: 48px;
	left: 45px;
	padding: 5px 20px;
}
.new-right .social-icons {
	
}

.human-locked {
    opacity: 0; /* Neredzams */
    pointer-events: none; /* Nevar uzklikšķināt */
    cursor: default;
    transition: opacity 0.5s ease-in; /* Smuka parādīšanās */
}

/* Konteineris, kas satur visas rindas */
.impact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 35px; /* Atstarpe starp blokiem */
    margin: 40px 0;
}

/* Katra rinda (bloks) */
.impact-row {
    border-left: 4px solid #e5e7eb; /* Pelēka līnija kreisajā pusē */
    padding-left: 25px; /* Atstarpe no līnijas līdz tekstam */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Pirmais teikums (Situācija / Vecais veids) */
.impact-lead {
    font-size: 18px;
    color: #6b7280; /* Pelēcīgs teksts */
    font-weight: 500;
    margin-bottom: 8px; /* Atstarpe pirms lielā teksta */
    line-height: 1.4;
}

/* Otrais teikums (Risinājums / TextBuilder) */
.impact-statement {
    font-size: 26px; /* Liels fonts */
    color: #111827; /* Gandrīz melns */
    font-weight: 800; /* Ļoti trekns */
    line-height: 1.2;
}

/* --- Mobilā versija --- */
@media (max-width: 600px) {
    .impact-wrapper {
        gap: 25px;
    }
    
    .impact-row {
        border-left-width: 3px;
        padding-left: 15px;
    }

    .impact-lead {
        font-size: 16px;
    }

    .impact-statement {
        font-size: 20px;
    }
}

/*** AP LP ***/

.footer-cta-bar-button {
	padding: 5px 25px;
	border-radius: 25px;
	font-weight: 600;
	font-size: 1rem;
}
.footer-cta-price {
	margin-right: 15px;
	font-size: 1.1rem;
	font-weight: 700;
}

/* Konteineris, kas satur visus soļus */
.tb-steps-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px; /* Atstarpe starp kartītēm */
    padding-top: 20px; /* Vieta augšējam aplītim */
    max-width: 800px;
    margin: 0 auto;
}

/* Kartītes rāmis */
.tb-step-card {
    position: relative; /* Lai varētu pozicionēt aplīti */
    /* Ļoti viegls gradients no gaiši pelēka uz baltu */
	background: linear-gradient(145deg, #f1f2f5 0%, #eff2f5 100%);
    padding: 35px 30px 30px 30px;
    border-radius: 16px; /* Noapaļoti stūri */
    /* Ļoti viegla ēna, lai atdalītu no baltā fona */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

/* Aplītis ar ciparu */
.tb-step-badge {
    position: absolute;
    top: -20px; /* Paceļam virs rāmja */
    left: 30px; /* Nobīde no kreisās malas */
    width: 45px;
    height: 45px;
    background-color: #FFEB3B; /* TextBuilder Dzeltenais */
    color: #111827; /* Tumšs teksts */
    font-weight: 800;
    font-size: 20px;
    border-radius: 50%; /* Ideāls aplis */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ēna aplītim */
    z-index: 2;
}

/* Virsraksti iekšā kartītē */
.tb-step-content h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

/* Teksts iekšā kartītē */
.tb-step-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #4b5563; /* Pelēcīgs teksts lasāmībai */
    margin: 0;
}

.flow-chart {
	margin: 50px 0;
}

/* Mobilā pielāgošana */
@media (max-width: 600px) {

	.flow-chart {
		margin: 50px 0;
	}
	.tb-step-card {
        padding: 30px 20px 20px 20px;
    }
    
    .tb-step-badge {
        width: 50px;
        height: 50px;
        font-size: 23px;
        top: -25px;
        left: 20px;
    }
}

.ap-text p {
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;	
}
.ap-text p strong, .ap-text p b, b, strong {
	font-weight: 600;
}
.ap-text h2 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 3.1rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	margin: 20px 0 30px 0;
}

.prompts .ap-text h2 {
	text-transform: uppercase;
	font-size: 3rem;
	font-weight: 900;
	font-family: 'oswald', sans-serif;
}

.dark-bg h2 {
	color: #fff;
}
.ap-text h3 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.5rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	margin: 20px 0 30px 0;
}
.ap-text h4 {
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.2rem;
	line-height: 115%;
	margin-bottom: 25px;
}

.ap-text h2 b,
.ap-text h3 b,
.ap-text h4 b,
.ap-text h2 strong,
.ap-text h3 strong,
.ap-text h4 strong {
	font-weight: 900;
}

.ap-text p b, .ap-text p strong {
	font-weight: 900;
}
.ap-text ul {
	margin: 0px 0 0 45px;
	padding: 0px;
	position: relative;
}
.ap-text li {
	list-style: none;
	margin-bottom: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;	
}
.ap-text li:before {
	content: 'done';
	font-family: 'Material Icons';
	color: #15d900;
	padding-right: 5px;
	font-size: 3.0rem;
	vertical-align: -15%;
	position: absolute;
	left: -50px;
}

.left-border {
	border-left: 7px solid #b5b6bd;
    padding-left: 15px;
}

.checkout-box {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 30px;
	border: 1px solid #d0d0d9;
	box-shadow: none;
}
.checkout-features {
	margin: 50px 0 20px 0;
}
.checkout-features ul {
	padding: 0px;
	margin: 0px;
}
.checkout-features li {
	list-style: none;
	font-size: 1.2rem;
}
.checkout-features li::before {
	content: "✔️ ";
}
.checkout-features li b {
	font-weight: 700;
}
.checkout-header {
	text-align: right;
	margin: 5px 10px 10px 0;
	font-weight: 700;
	color: #7a8085;
}
.checkout-header .single-payment {
	font-weight: 500;
	font-size: 0.9rem;	
	color: #7a8085;
}
#recurringPrice {
	color: #4b4c4e;
	font-weight: 700;
	font-size: 1.3rem;
}
.checkout-deals-left-wrap {
	position: fixed;
	top: 20px;
	left: 50%;
	text-align: center;
	width: 400px;
	transform: translate(-50%, -50%);
}

.checkout-deals-left {
	display: inline-block;
	width: 80%;
	background-color: rgb(55 56 58);
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	z-index: 2000;
	border-radius: 25px;
}
.checkout-deals-left p {
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
}
/* The Modal (background) */
.mustfill {
	position: relative;
	box-shadow: none;
	transition: box-shadow 0.3s ease-in-out;
}

.mustfill:focus {
	outline: none;
	box-shadow: 0 0 10px rgba(255, 165, 0, 0.8); /* Adjust color and size as needed */
}

/* Add the animation to the field */
.mustfill.warning {
	animation: warningGlow 1s ease-in-out infinite alternate;
	border: 1px solid #c50000;
}

@keyframes warningGlow {
	from {
	box-shadow: 0 0 0px rgba(255, 0, 0, 0); /* No glow to start */
	}
	to {
	box-shadow: 0 0 10px rgb(201, 0, 0); /* Red glow when at fullest */
	}
}

.short-quote {
    margin: 25px 0 0 0;
    text-align: center;
}
.short-quote p {
	font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 108%;
}
.realistic-marker-highlight {
    position: relative;
    font-size: 2rem;
    font-weight: 700;
    line-height: 108%;
}
.realistic-marker-highlight:before {
	content:"";
	background-color:#ffd100;
	width:100%;
	height:1em;
	position:absolute;
	z-index:-1;
	filter:url(#marker-shape);
	left:-0.25em;
	top:0.1em;
	padding:0 0.25em;
}

.cartmodal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgb(0 0 0 / 60%);
}
  
/* Modal Content */
.cartmodal-content {
	position: relative;
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px 50px;
	border: 1px solid #000;
	width: 580px;
	height: 360px;
	border-radius: 6px;
	text-align: center;
}
.cartmodal-content h3 {
	color: #302f2f;
	font-weight: 700;
	letter-spacing: -0.5px;
	font-size: 1.8rem;
	line-height: 115%;
	text-shadow: none;	
	margin: 20px 0 10px;
}
.cartmodal-content input {
	padding: 10px 25px;
	border: 1px solid #979797;
	border-radius: 5px;
	font-size: 1.2rem;
	width: 100%;
	margin-bottom: 10px;	
}
.cartmodal-content button {
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient( 47deg, #b70da2, #ff0000);
	padding: 10px 50px;
	border-radius: 7px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.5rem;
	border: none;
	margin: 10px 0;
	width: 100%;
}
.cartmodal-content button:hover {
	opacity: 0.8;
}

.cartbutton {
	cursor: pointer;
}

.price-list-features {
	margin: 15px 0 15px 0;
	text-align: left;
}
.price-list-features ul {
	padding: 0px;
	margin: 0px;
}
.price-list-features li {
	list-style: none;
	font-size: 1.2rem;
	font-weight: 500;	
}
.price-list-features li::before {
	content: "✔️ ";
}
.price-list-features li b {
	font-weight: 700;
}
.buy-popular-badge {
	position: absolute;
	top: -32px;
	left: 14px;
	width: 146px;
}
.cart-plan-button {
	position: relative;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 10px 25px;
	margin-bottom: 45px;
	background-image: linear-gradient( 47deg, #ededed, #fbfbfb);
}
.price-header-details {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #b1b1b1;
	margin-bottom: 25px;
}
.price-header-details h4 {
	font-size: 1.4rem;
	display: inline-block;
	font-weight: 900;
	letter-spacing: 0.4px;
	font-family: "Inter", Sans-serif;
	color: #232323;
	line-height: 100%;
	margin: 0px;
}
.price-header-details .main-price {
	align-self: flex-end;
}
.price-details {
	display: flex;
}
.price-side {
	float: left;
	width: 55%;
	text-align: left;
}
.buybutton-side {
	float: left;
	width: 45%;
	text-align: right;
}
.main-price {
	font-family: 'Inter', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 155%;
	letter-spacing: 0px;
	margin-bottom: 0px;
}
.main-price .before {
	font-size: 1.2rem;
	font-weight: 700;
	color: #3a3a3a;
	position: relative;
	text-decoration: line-through;
    text-decoration-color: #ff2700;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;	
}
.before-row .sml-text {
	font-size: 0.95rem;
	color: #2f2f32;
	font-weight: 400;	
}
.before-row, .after-row {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
.after-row .sml-text {
	font-size: 0.95rem;
	color: #2f2f32;
	font-weight: 400;	
}
.main-price .dollar-sign {
	top: -6.5px;
	font-size: 1.1rem;
	font-weight: 600;
	margin-right: 1px;
}
.single-payment {
	
}

.style-b .cart-package-title {
	font-size: 1.4rem;
    display: inline-block;
    font-weight: 900;
    letter-spacing: 0.4px;
    font-family: "Inter", Sans-serif;
    color: #2545e9;
    line-height: 100%;
    margin: 0px;
    text-align: left;
}
.style-b .monthly-credits {
    font-size: 0.9rem;
	color: #000;
}
.style-b .monthly-articles {
    font-size: 0.85rem;
    color: #9e9ea5;
    font-weight: 500;
}
.style-b .price-details {
	display: block;
}
.style-b .price-side {
	float: initial;
	width: 100%;
	text-align: center;
}
.style-b .buybutton-side {
	float: initial;
	width: 100%;
	text-align: center;
}
.style-b .price-plan-button {
    display: inline-block;
    color: #ffffff;
    background-image: linear-gradient(47deg, #e94300, #ff8800);
    padding: 15px 20px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 3px;
}

.main-price .before2:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid #cb0000;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.main-price b {
	color: #b70d54;
}
.main-price .one-payment {
	font-size: 1rem;
	font-weight: 700;
	color: #9e9ea5;
}
.price-plan-button {
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient( 47deg, #e94300, #ff8800);
	padding: 7px 25px;
	border-radius: 40px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: 3px;
}
.price-plan-button:hover {
	color: #ffffff;
    background-image: linear-gradient( 47deg, #c50000, #ff4d00);
}
.price-plan-button .material-icons {
	vertical-align: -15%;
	font-size: 1.1rem;
	margin-right: 5px;
}
.monthly-credits {
	font-size: 1.3rem;
}
.monthly-articles {
	font-size: 0.85rem;
	color: #9e9ea5;	
}
.monthly-articles {
	font-size: 0.85rem;
	color: #9e9ea5;	
}
.price-deals-left {
	font-size: 0.85rem;
	color: #9e9ea5;	
}
.price-deals-left strong {
	font-size: 0.95rem;
	color: #3e3e42;	
}
/* The Close Button */
.close {
	color: #707070;
	float: right;
	font-size: 3rem;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: -17px;
}
  
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.icons-row {
	display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0px 190px 20px 190px;
}

.media-icon {
	flex: 0 1 auto;
    padding: 0px 30px;
}

.media-icon img {
    width: 100%;
    height: auto;
}

.ap-hero {
	background-image: linear-gradient( 181deg, #e0e2e5, #f9f9f9);
}
.ap-hero.dark {
	background-image: linear-gradient( 181deg, #1a1b1c, #34414c);
}
.toolkit .ap-hero.dark {
	background-image: linear-gradient(53deg, #000000, #484458);
}
.prompts .ap-hero.dark {
	background-image: linear-gradient(181deg, #18081c, #34225c);
}
.ap-hero.style-c {
	background-image: linear-gradient(181deg, #0c0f1c, #2e3d52);
}

.ap-hero-img {

}
.ap-wrapper {
	text-align: center;
	padding: 50px 100px 0 100px;
}
.ap-hero h2 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 500;
	letter-spacing: -1px;
	font-size: 3.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	text-align: center;
	margin-top: 30px;
}
.ap-hero h2 .red {
	color: #c70000;
	font-weight: 900;
}
.agency .ap-hero h2 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 4.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	text-align: center;
	margin-top: 0px;	
}
.prompts .ap-hero h2 {
	font-family: 'Oswald', sans-serif;
	color: #302f2f;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 5.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
	text-align: center;
	margin-top: 0px;
	text-transform: uppercase;
	background: rgb(47, 191, 255);
	background: linear-gradient(90deg, rgb(0 217 255) 0%, rgb(216 34 255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ap-hero.style-c h2 {
    font-family: 'Inter', sans-serif;
	color: #ffffff;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 4.5rem;
    line-height: 115%;
    text-shadow: 2px 2px 5px #0000000f;
	background: rgb(47, 191, 255);
	background: linear-gradient(90deg, rgb(96 239 255) 0%, rgb(255 2 245) 100%);
    text-align: center;
    margin-top: 10px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ap-hero.style-c h2 b {
	font-weight: 900;
}
.ap-hero.style-c .hero-customers-stars p {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    padding: 0px;
	border-left: none;
}
.ap-hero.style-c .hero-customers-stars p b {
	color: #fff;
}
.ap-hero.style-c h3 {
	font-weight: 500;
    letter-spacing: 0.4px;
    font-family: "Lato", Sans-serif;
	color: #ffffff;
    line-height: 130%;
    font-size: 1.85rem;
    margin: 40px 0;	
}
.ap-hero.style-c h4 {
	color: #ffffff;
}
.ap-hero .pre-title {
	font-weight: 500;
    letter-spacing: -0.4px;
    font-family: "Lato", Sans-serif;
    color: #ffffff;
    line-height: 130%;
    font-size: 2.2rem;
}
.ap-hero p {
	font-weight: 400;
	font-size: 1.2rem;
	border-left: 4px solid #3c3b3b;
	text-align: left;
	padding: 10px 0 10px 15px;
	color: #202124;
}
.ap-hero p b {
	font-weight: 900;
	font-size: 1.2rem;
	color: #000;
}
.ap-hero-list {
    margin: 0px;
    padding: 10px 0 25px 20px;
}
.ap-hero-list li {
	position: relative;
    margin-bottom: 5px;
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0px;
    text-align: left;
}
.ap-hero-list li b {
	font-weight: 900;
	color: #ffd000;
}
.ap-hero.dark .ap-hero-list li {
	color: #dfdfdf;
}

.ap-hero.dark h2, .ap-hero.dark h3, .ap-hero.dark p, .ap-hero.dark p b {
	color: #fff;
}
.ap-hero.dark h2 .red {
    color: #ff3838;
}
.ap-hero.dark h4 {
    color: #b1b1b1;
    font-size: 1.05rem;
}
.photo-wrap {
	position: relative;
	margin-bottom: 25px;
}
.photo-wrap .photo-description {
	position: absolute;
	bottom: -1px;
	right: -15px;
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
	background-color: #feff00;
	display: inline-block;
	width: 75%;
	font-size: 1.2rem;
	padding: 5px 25px;
	box-shadow: rgb(0 0 0 / 25%) 2px 4px 10px 0px;
}
.ap-hero .yellow-box {
	font-family: 'Inter', sans-serif;
	background-color: #feff03;
	color: #000 !important;
	font-weight: 300;
	letter-spacing: -1px;
	font-size: 2.1rem;
	line-height: 115%;
	text-align: center;
	display: inline-block;
	padding: 5px 25px;
}
.blogs-screenshots img {
	border-bottom: 1px solid #dfdfdf;
}

.hero-bg-image {
    position: relative;
    background-image: url(/media/textbuilder_fluxrgs-oxe.jpg) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 40px;
}

.hero-bg-image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.2),   /* Even lighter at the very top */
		rgba(0, 0, 0, 0.3) 30%,  /* 30% from the top */
		rgba(0, 0, 0, 0.7) 70%,  /* 70% from the top */
		rgba(0, 0, 0, 0.8)   /* Even darker at the very bottom */
	  );
}
  
.hero-bg-image > * {
	position: relative;
	z-index: 1;
}

/* Constellation Hero - Cosmic polylines animation */
.hero-constellation {
	position: relative;
	background: linear-gradient(160deg, #0a0b10 0%, #0d1018 50%, #080a0f 100%) !important;
	overflow: hidden;
	padding-bottom: 80px;
	min-height: 650px;
}

.hero-constellation #constellationCanvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.hero-constellation > *:not(#constellationCanvas) {
	position: relative;
	z-index: 1;
}

.hero-constellation .container {
	position: relative;
	z-index: 2;
}

.hero-constellation .ap-wrapper {
	position: relative;
	z-index: 2;
	padding-top: 70px;
}

.hero-constellation h2,
.hero-constellation h3,
.hero-constellation h4,
.hero-constellation p,
.hero-constellation .pre-title {
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.9);
}

/* Hero main title group */
.hero-constellation .hero-main-title {
	margin: 50px 0;
}

.hero-constellation .hero-main-title .pre-title {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
	font-size: 2.4rem;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.hero-constellation .hero-main-title h2 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	font-size: 5rem;
	letter-spacing: -1px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 110%;
}

.hero-constellation .hero-main-title h2 .gradient-text {
	font-family: 'DM Serif Display', serif;
	font-style: italic;
	font-weight: 400;
	background: linear-gradient(90deg, #ffd700 0%, #00d9c0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.hero-constellation h3 {
	margin-bottom: 0;
}

.hero-constellation .hero-main-title h4 {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: 400;
	color: #b0b0b0;
}

.hero-constellation .ap-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.hero-constellation .hero-trusted {
	margin-top: auto;
	padding-top: 40px;
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.7);
	border-left: none;
	text-align: center;
}

.hero-constellation .hero-trusted b {
	color: #fff;
	font-weight: 700 !important;
}

/* Mobile responsive for constellation */
@media (max-width: 768px) {
	.hero-constellation {
		padding-bottom: 50px;
		min-height: 550px;
	}
	.hero-constellation .ap-wrapper {
		padding-top: 40px;
	}
	.hero-constellation .hero-main-title {
		margin: 35px 0;
	}
	.hero-constellation .hero-main-title .pre-title {
		font-size: 1.8rem;
	}
	.hero-constellation .hero-main-title h2 {
		font-size: 3.2rem;
	}
	.hero-constellation .hero-main-title h4 {
		font-size: 1.1rem;
	}
	.hero-constellation .hero-trusted {
		padding-top: 30px;
		font-size: 1rem !important;
	}
}

.top-deals-left {
	display: none;
	position: fixed;
	display: inline-block;
	top: 30px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	background-color: rgb(55 56 58);
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	z-index: 2000;
	border-radius: 25px;
}
.top-deals-left p {
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
}
.top-deals-left p b {
	font-size: 1rem;
	font-weight: 700;
}
.top-deals-left p a {
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
}

.footer-price-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	padding: 10px 0;
	text-align: center;
	z-index: 2000;
	border-top: 2px solid #cf1664;
}
.footer-price-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-cta-price {
	margin-right: 30px;
	font-size: 1.2rem;
	font-weight: 700;
}
.footer-cta-price b {
	color: #b70d54;
}
.footer-cta-button-wrapper {
	animation: pulsate 1.5s infinite;
	text-align: center;
}
  
@keyframes pulsate {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.05);
	}
	100% {
	  transform: scale(1);
	}
}
  
.footer-cta-bar-button {
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient( 47deg, #b70da2, #ff0000);
	padding: 8px 30px;
	border-radius: 25px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.1rem;
}
.footer-cta-bar-button:hover {
	opacity: 0.8;
}
.before-cta-button {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    margin: 20px 0;
    font-style: italic;
}


.buy-now {
	border: 2px solid #cf1664;
	padding: 50px 60px;
	margin: 0 270px;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
}
.buy-now-content {

}
.price-before-up {
	font-size: 1rem;
	color: #959595;	
}
.price-before {
	position: relative;
	font-family: 'Inter', sans-serif;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 155%;
	letter-spacing: 0px;
	display: inline-block;
}
.price-before:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid #cb0000;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.price-after {
	font-family: 'Inter', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 155%;
	letter-spacing: 0px;
	margin-bottom: 0px;
}
.sub-price-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #959595;
}
.price-after b {
	color: #b70d54;
}
.cart-deals-left {
	font-size: 1rem;
	font-weight: 700;
	color: #ad0000;
}
.cart-deals-left strong {
	font-size: 1.1rem;
	font-weight: 900;
	color: #000;
}
.buy-now .footer-cta-bar-button .material-icons {
	vertical-align: -13%;
	font-size: 1.5rem;
	margin-right: 5px;
}
.buy-now .footer-cta-bar-button {
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient( 47deg, #b70da2, #ff0000);
	padding: 20px 50px;
	border-radius: 40px;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.5rem;
	margin: 25px 0 5px 0;
}

/*******************/
/***** STYE 3 ******/
/**** tb header ****/
.border-bottom {
	border-bottom: 1px solid #dee2e600!important;
}
.vid-hero {
	padding: 0px 0 100px 0;
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 100% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(49deg,#160768 40.09%,#b238ff 125.4%);
}
.vid-top {
	padding: 0px 130px 0px 130px;
	text-align: center;
}
.vid-hero .hero-customers-stars {
	margin-top: 30px;
}
.vid-top h2 {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 0px #000;
	text-align: center;
	margin-top: 30px;	
}
.vid-top h3 {
	font-family: 'Inter', sans-serif;
	background-color: #feff03;
	color: #000;
	font-weight: 300;
	letter-spacing: -1px;
	font-size: 2.1rem;
	line-height: 115%;
	text-align: center;
	display: inline-block;
	padding: 5px 25px;
}
.vid-top h4 {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-weight: 500;
	letter-spacing: -1px;
	font-size: 1.8rem;
	line-height: 115%;
	text-shadow: 2px 2px 0px #000;
	text-align: center;
}
.vid {
	overflow: auto;
}
.vid-left {
	float: left;
	width: 10%;
}
.vid-center {
	float: left;
	width: 80%;
}
.vid-right {
	float: left;
	width: 10%;
}
.hero-videowrapper {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
}
.hero-videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tb-hero {
	padding: 0px 0 100px 0;
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 100% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(49deg,#160768 40.09%,#b238ff 125.4%);
}
.tb-hero h1 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-weight: 700;
	letter-spacing: -4px;
	font-size: 5.6rem;
	line-height: 115%;
	text-shadow: 2px 2px 0px #000;
	text-transform: uppercase;
	text-align: center;
	margin-top: 60px;	
}
.tb-hero h2 {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.6rem;
	line-height: 115%;
	text-shadow: 2px 2px 0px #000;
	text-transform: uppercase;
	text-align: center;
	margin-top: 60px;	
}
.tb-hero h5 {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-weight: 300;
	letter-spacing: -1px;
	font-size: 2.3rem;
	line-height: 115%;
	/* text-shadow: 2px 2px 0px #000; */
	text-align: center;
	padding: 35px 150px 0 150px;
}
.hero-customers-stars {
	text-align: center;
	color: #fff;
}
.hero-customers-stars p {
	color: #fff;
	font-size: 1.2rem;
}
.hero-customers-stars .material-icons {
	color: #ffe200;
	font-size: 3rem;
}
.features-title {
	text-align: center;
	margin-bottom: 60px;
}
.features-title p {
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;
	color: #0e0e0e;
}
.ot-title-1 {
	font-family: 'Inter', sans-serif;
	color: #302f2f;
	font-weight: 400;
	letter-spacing: -1px;
	font-size: 3.9rem;
	line-height: 115%;
	text-shadow: 2px 2px 5px #0000000f;
}
.ot-title-1 b {
	color: #302f2f;	
	font-weight: 900;	
}
.ot-title-2 {
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-weight: 700;
	letter-spacing: -4px;
	font-size: 4.2rem;
	line-height: 115%;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.screens-bg {
	padding: 20px 0px 0px 0px;
}
.gray-bg {
	padding: 20px 0px 50px 0;
	background-image: linear-gradient( 47deg, #e0e2e5, #ffffff);
}
.white-bg {
	padding: 0px 0px;
	background-color: #fff;
}
.testimonial {
	padding: 0px 0px;
}
.stats-row {
	padding: 30px 0px;
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 100% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(49deg,#e5e5eb 40.09%,#eff0ff 125.4%);
}
.stats-demo {

}
.stats-demo b {
	font-size: 1.2rem;
	font-weight: 600;
}

.writer-row {
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 62.2% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(49deg,#1a1a1a 40.09%,#1a1b1c 125.4%);
	padding: 60px 0px;
}
.dark-bg .ot-title-2 {
	color: #c1bfbe;
}
.dark-bg p {
	color: #c4c8d3;
}
.dark-bg p b {
	color: #fff;
}
.chatgpt-row {
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 62.2% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(177deg,#191b24 40.09%,#4b4bc1 125.4%);
	padding: 60px 0px;
}
.chatgpt-row.difference {
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 62.2% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(125deg,#0d0d10 40.09%,#4b4fc1 125.4%);
}
.difference .narrow {
	padding: 0px 10px 0px 10px;
}
.chatgpt-vs-tb .left-side {
	position: relative;
	background-image: linear-gradient( 47deg, #092797, #009aff);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 80px 35px 35px 35px;
}
.chatgpt-vs-tb .right-side {
	position: relative;
	background-image: linear-gradient( 47deg, #c7c8cd, #f7f7f7);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 80px 35px 35px 35px;
}
.tb-icon {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 65px;
}


.hero-bg-image .pre-title {
    font-weight: 900;
    letter-spacing: -0.4px;
    font-family: "Barlow Semi Condensed", Sans-serif;
    color: #ffffff;
    line-height: 130%;
    font-size: 4.2rem;
}
.hero-bg-image h2 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    color: #ffe200 !important;
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 5.9rem;
    line-height: 115%;
    text-shadow: 2px 2px 5px #0000000f;
    text-align: center;
    margin-top: 0px;
    color: #dfdfdf;
}

.chatgpt-icon {
	position: absolute;
	top: 20px;
	left: 30px;
}
.chatgpt-vs-tb .hero-list li {
	color: #ebebeb;
	font-size: 1.2rem;
	font-weight: 700;
}
.chatgpt-vs-tb h3 {
	color: #ebebeb;
	font-weight: 900;
	line-height: 120%;
	letter-spacing: 0.2px;
	font-family: "Inter", Sans-serif;
	margin-bottom: 25px;
}
.chatgpt-vs-tb .hero-list li:before {
	content: 'done';
	font-family: 'Material Icons';
	color: #ffffff;
	padding-right: 15px;
	font-size: 22px;
	vertical-align: -15%;
	left: -33px;
	top: 0px;
	position: absolute;
}
.chatgpt-vs-tb .right-side .hero-list li {
	color: #000;
}
.chatgpt-vs-tb .right-side h3 {
	color: #000;
}
.chatgpt-vs-tb .right-side .hero-list li:before {
	color: #000;
}
.compare-table {
	padding: 0px 215px;
}
.compare-table h3 {
	color: #fff;
}
.compare-table p {
	color: #fff;
}
.compare-title {
	padding: 0px 25px 15px 25px;
}
.compare-title p {
}
.compare-title b {
	font-size: 1.1rem;
	font-weight: 700;
}
.compare-item {
	position: relative;
	background-color: #373738;
	min-height: 100px;
	border: 2px solid #5a5a5a;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 10px 25px;
}
.compare-icon {
	position: absolute;
	right: 5px;
	top: 5px;
}
.compare-item h3 {
	font-size: 1.1rem;
	text-shadow: none;
	margin: 5px 0 5px;
}
.compare-item p {
	font-size: 0.9rem;
}
.t-highlight {
	color: #fff;
	position: relative;
	display: inline-block;
}
.t-highlight:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: calc(100% + 2px);
	height: calc(100% - 2px);
	background-color: #a379fc;
	z-index: -1;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.features-row {
	padding: 60px 0px;
}
.samples-row {
	background: radial-gradient(88.24% 252.31% at 87.6% 0,hsl(0deg 0% 62.2% / 18%) 0,hsla(0,0%,100%,0) 100%),linear-gradient(357deg,#e3e3e3 40.09%,#ffffff 125.4%);
	padding: 60px 0px;
}
.txt-sample-container {
	cursor: pointer;
	position: relative;
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #787878;
	border-radius: 8px;	
}
.sample-zoom {
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 90px;
	border-radius: 5px;
	text-align: center;
	background-color: #00000099;
}
.sample-zoom .material-icons {
	font-size: 5rem;
	color: #ffffffad;
}
.txt-sample-container img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;	
}
.txt-sample-container .title {
	font-size: 1.2rem;
	line-height: 120%;
	font-weight: bold;
	color: #000;
	display: inline-block;
	padding: 10px 20px;
	margin: 0px;
	min-height: 140px;
}

.scroll-indicator {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	text-align: center;
}

.bounce-button {
	display: inline-block;
	font-size: 24px;
	text-decoration: none;
	color: #fff;
	padding: 12px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background: #0b6;
	box-shadow: 2px 6px 10px 0px rgb(0 0 0 / 57%);
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-20px);
	}
	60% {
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
	}
}

.samples-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgb(0 0 0 / 60%);
}
  
/* Modal Content */
.samples-popup {
	position: relative;
	background-color: #fefefe;
	/* margin: 15% auto; */
	border: 1px solid #000;
	width: 1000px;
	height: 90vh;
	border-radius: 6px;
	/* text-align: center; */
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);

}
.sample-content {
	overflow-y: scroll;
	height: 89.4vh;
	width: 99.5%;
	padding: 20px 130px;
}
.close-button {
	cursor: pointer;
	background-color: #d90000;
	width: 50px;
	height: 50px;
	padding: 0px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 2rem;
}

.samples-popup h1 {
	padding: 40px 0 20px 0;
}
.samples-popup p {
	font-family: 'Inter', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 155%;
	letter-spacing: 0px;
	color: #0e0e0e;	
}

/*** homepage you can write ***/
.txt-write-container {
	position: relative;
	box-shadow: rgb(0 0 0 / 9%) 2px 4px 10px 0px;
	padding: 50px 35px;
	margin-bottom: 35px;
	border-radius: 15px;
	background-color: #373738;
	min-height: 225px;
}
.txt-write-container .title {
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
	background-color: #ff1616;
	display: inline-block;
	color: #ffffff !important;
	padding: 5px 10px 10px 35px;
	position: absolute;
	top: -26px;
	left: 35px;
	font-weight: 700;
	line-height: 128%;
	font-size: 1.4rem;
	letter-spacing: 0px;
	margin-bottom: 25px;
	font-family: Poppins,sans-serif;
}
.txt-write-container .title .material-icons {
	font-size: 3.2rem;
	position: absolute;
	color: #f9ff00;
	left: -7px;
	top: -15px;
}
.txt-write-container p {
	color: #fff;
	font-size: 1rem;	
}
.txt-write-container h3 {
	font-weight: 700;
	letter-spacing: 0.4px;
	font-family: "Poppins", Sans-serif;
	color: #a8a8a8;
	line-height: 130%;
	font-size: 20px;
	margin: 15px 0 25px;
}
.txt-write-container ul {
	margin: 0px;
	padding: 0px;
}
.txt-write-container li {
	list-style: none;
	margin-bottom: 20px;
	color: #666e82;
	font-size: 16px;
}
.txt-write-container li:before {
	content: 'done';
	font-family: 'Material Icons';
	color: #7e6fe6;
	padding-right: 5px;
	font-size: 22px;
	vertical-align: -15%;
}

/*** video ***/

.video-preview {
	padding: 50px 0 0 0;
}
.video-preview-box {
	box-shadow: rgb(0 0 0 / 41%) 8px 8px 20px 0px;
	padding: 10px 10px;
}

.videowrapper {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 54%;
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-item {
	margin-top: 50px;
}

/*** homepage features list ***/
.txt-features-container {
	box-shadow: rgb(0 0 0 / 9%) 2px 4px 10px 0px;
	padding: 25px 35px;
	margin-bottom: 35px;
	border-radius: 15px;
	background-color: #fff;
	min-height: 290px;
	border: 2px solid #cacdd5;
}
.txt-features-container h3 {
	font-weight: 700;
	letter-spacing: 0.4px;
	font-family: "Poppins", Sans-serif;
	color: #2e3d62;
	line-height: 130%;
	font-size: 20px;
	margin: 15px 0 25px;
}
.txt-features-container ul {
	margin: 0px;
	padding: 0px;
}
.txt-features-container li {
	list-style: none;
	margin-bottom: 20px;
	color: #666e82;
	font-size: 16px;
}
.txt-features-container li:before {
	content: 'done';
	font-family: 'Material Icons';
	color: #7e6fe6;
	padding-right: 5px;
	font-size: 22px;
	vertical-align: -15%;
}
.features-more {
	text-align: center;
}
.features-more-text {
	font-family: Poppins,sans-serif;
	font-weight: 900;
	font-size: 29px;
}
.features-more-text span {
	position: relative;	
}
.features-more-text span:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: calc(100% + 2px);
	height: calc(100% - 2px);
	background-color: #FFD605;
	z-index: -1;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}


.tb-text {
	padding: 0 0 70px 0px;
}

.narrow {
	padding: 0px 240px 70px 240px;
}

.tb-letter-header {
	border-bottom: 7px dotted #dfdfdf;
	margin-bottom: 35px;
}
.tb-letter-header h4 {
	font-family: 'Inter', sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 155%;
	letter-spacing: 0px;
	color: #3b404e;
}

.tb-text p, .tb-text li {
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;
}
.tb-text p {
	margin-bottom: 35px;	
}
.tb-text p b {
	font-weight: 600;
}
.tb-text img {
	margin-bottom: 25px;
}
.tb-text h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	letter-spacing: -4px;
	font-size: 5.6rem;
	line-height: 115%;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.tb-text h3 {
	font-weight: 700;
	letter-spacing: -2px;
	font-size: 2.6rem;
	line-height: 115%;
	margin-bottom: 25px;
}
.tb-text h4 {
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.2rem;
	line-height: 115%;
	margin-bottom: 25px;
}
.tb-text .center {
	text-align: center;
}
.yellow {
	background-color: #feff6b;	
}
.red {
	color: #d40000;
	font-weight: 700;
}
.underlined {
	box-shadow: inset 0px -6px 0px 0 #ff2401;
}
.tb-image {
	padding: 0 0 70px 0px;
	text-align: center;
}
.tb-faq-table {
	margin-top: 25px;
}
.tb-faq-item {
	border-bottom: 1px dotted #bdbdbd;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.tb-faq-item h3 {
	font-size: 2rem;
	margin-bottom: 25px;
}
.tb-faq-item p {
	
}

/* checkout */

.checkout-email {

}
#zip {
	display: none;
}
.checkout-email .form-control, .checkout-email .form-select {
	background-color: rgb(255, 255, 255);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 4px;
    box-shadow: rgba(210, 212, 222, 0.85) 0px 0.5px 1.5px;
    color: rgb(0 0 0);
    font-family: Lato, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.6rem;
    padding: 0px 20px;
}

.checkout-email .btn-success {
	background-color: rgb(6, 198, 104);
    border-color: rgb(6, 198, 104);
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: none;
    line-height: 2rem;
    height: 50px;
    margin-bottom: auto;
    min-height: auto;
    padding: 0px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    font-family: Lato, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    width: 100%;
    background-position: center center !important;
}
.checkout-email .btn-success:hover {
	opacity: 0.8;
}
.cart-email-content p {
	font-size: 0.95rem;
}
body.checkout {
	background-color: #fff;	
}
.tb-checkout {
	background-color: #ffffff;
	border-radius: 15px;
	padding: 40px 60px;
	border: 1px solid #b7b7b7;
	margin-bottom: 25px;
}
.tb-checkout .col-md-8 {
	background-color: #ffffff;
	border-radius: 5px;
}
.checkout h2 {
	color: #000;
	font-weight: 700;
	letter-spacing: -4px;
	font-size: 4.2rem;
	padding: 25px 0 0 0;
	margin: 0px;
	text-shadow: 2px 2px 2px #ebedf100;
}
.checkout-guarantee {
	margin: 25px 0 25px 0;
}

.checkout-guarantee p {
	font-size: 1.1rem;
}
.tb-checkout-right {
	font-family: 'Inter', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: right;
}

.tb-checkout .package-title {
	font-family: 'Oswald', sans-serif;
	color: #252424;
	font-weight: 700;
	letter-spacing: -2px;
	font-size: 2.6rem;
	line-height: 115%;
	text-shadow: none;
	text-transform: uppercase;
	padding: 20px 0 15px;
	border-bottom: 1px solid #67696e;
}
/*** package ***/

.tb-packages {
	padding: 70px 0 20px 0;
}

.tb-package h2 {
	transform: rotate(-1deg);
	background-color: #ff6116;
	display: inline-block;
	color: #ffffff !important;
	font-weight: 700;
	letter-spacing: -4px;
	font-size: 4.6rem;
	line-height: 115%;
	margin-bottom: -10px;
	padding: 10px 25px;
	text-shadow: 2px 2px 2px #0f1010;
	text-transform: uppercase;
}

.tb-package-item {
	display: inline-block;
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 30px 20px;
	box-shadow: 2px 2px 10px 0 rgb(231 231 231 / 55%);
	text-align: left;
	margin-bottom: 25px;
}
.tb-package-item .package-box {
	float: left;
	width: 20%;
}
.tb-package-item .package-description {
	padding-left: 20px;
	float: left;
	width: 70%;
}
.tb-package-item .package-description h4 {}
.tb-package-item .package-description p {
	font-size: 0.9rem;
	font-weight: 500;	
}
.tb-package-item .package-price {
	float: left;
	width: 10%;
	font-size: 1.8rem;
	font-weight: 800;
	text-align: right;	
}
.tb-package-item .package-price sup {
	font-size: 1.5rem;
	top: -0.5em;	
}

/*** packages list ***/
.tb-packages-section {
	background-color: #ededef;
	padding: 20px 0 20px 0;
}
.tb-packages-section h2 {
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-weight: 700;
	letter-spacing: -3px;
	font-size: 3.6rem;
	line-height: 115%;
	text-transform: uppercase;
	margin-bottom: 100px;
}
.tb-package-list {
	position: relative;
	background-color: #ffffff;
	border-radius: 5px;
	margin: 0px 15px;
	padding: 0px 20px;
	box-shadow: 3px 3px 16px 0 rgb(0 0 0 / 4%);	
	text-align: center;
}
.tb-package-list.most-popular {
	box-shadow: 5px 5px 16px 0 rgb(0 0 0 / 13%);
}
.most-popular-badge {
	position: absolute;
	top: -116px;
	left: -72px;
}
.package-title {
	font-family: 'Oswald', sans-serif;
	color: #34353a;
	font-weight: 700;
	letter-spacing: -2px;
	font-size: 2.6rem;
	line-height: 115%;
	text-shadow: 2px 2px 2px #e5e8ef;
	text-transform: uppercase;
	padding: 20px 0 15px;
	border-bottom: 2px solid #ced0d7;	
}
.package-list-items {
	text-align: left;
	margin: 25px 0 25px 0;
	padding: 0px 20px;
}
.package-list-items li {
	list-style: none;
	text-align: left;
	font-size: 1.2rem;
	font-weight: 400;
	color: #313234;
}
.package-list-items li:before {
	content: 'done';
	font-family: 'Material Icons';
	color: #3ccb0e;
	padding-right: 15px;
	font-size: 22px;
	vertical-align: -15%;	
}
.package-list-items li.not span {
	text-decoration: line-through;
}
.package-list-items li.not:before {
	content: 'close';
	font-family: 'Material Icons';
	color: #cb0e0e;
	padding-right: 15px;
	font-size: 22px;
	vertical-align: -15%;
}

/* Klase lai noņemtu bullet points un :before elementus */
.package-list-items.no-bullets li {
	list-style: none;
}
.package-list-items.no-bullets li:before {
	content: none;
	padding-right: 0;
}

.package-credits {
	padding: 0px 20px;
}
.package-credits p {
	text-align: left;
	font-size: 1.2rem;
	font-weight: 400;
	color: #313234;
}
.tb-buynow {
	padding: 10px 0 30px 0;
}
.tb-buynow .cta-a .material-icons {
	font-size: 1.23rem;
	vertical-align: -16%;
	margin-right: 5px;	
}
.tb-buynow p {
	font-size: 0.9rem;
	font-weight: 700;
	color: #5e6166;
}
.tb-buynow .cta-a {
	background: linear-gradient(46deg,rgb(255 94 16) 19%,rgb(255 184 74) 100%);
	border: 3px solid #d74e15;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 10px 53px;
	display: inline-block;
	border-radius: 55px;
}
.tb-lifetime-pricing {
	padding: 20px 0;
}
.tb-price-before {
	display: inline-block;
	position: relative;
	font-size: 2.5rem;
	font-weight: 700;
	color: #3c404c;	
}
.tb-price-before:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid #cb0000;
	
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
.tb-price {
	font-size: 2.5rem;
	font-weight: 700;
	color: #3c404c;	
}
.tb-price sup {
	font-size: 1.5rem;
	top: -0.5em;
}
.tb-lifetime-footer {
	padding: 50px 0;
}

.tb-buynow .deals-left {
	padding: 0px 17px;
	margin-bottom: 25px;
}
.tb-buynow .deals-left p {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.1rem;
	margin: 0px;
	color: #bf1e1e;
}

.style-c .package-list-items {
    text-align: left;
    margin: 25px 0 25px 0;
    padding: 0px 0px;
}
.style-c .package-list-items li {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000;
}

.style-c .price {
	font-size: 3rem;
    color: #000000;
    font-weight: 600;
}
.style-c .price-number {
	font-size: 3rem;
    color: #169dc7;
    font-weight: 700;
}
.style-c .price .dollar-sign {
	font-size: 1.8rem;
    color: #169dc7;
    font-weight: 700;
}
.style-c .cart-plan-button {
	position: relative;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 0px;
	margin-bottom: 45px;
	background-image: linear-gradient( 47deg, #ededed, #fbfbfb);
}
.style-c .plan-title {
	font-size: 2.5rem;
    color: #ffffff !important;
    font-weight: 900;
    letter-spacing: -1px;
    background-color: #434448;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(90deg, rgb(79 79 86) 0%, rgb(111 119 161) 100%);	
}
.style-c .plan-details {
	padding: 10px 25px;
}

.single-cart .price {
	font-size: 3rem;
    font-weight: 900;
    background: rgb(47, 191, 255);
    background: linear-gradient(90deg, rgb(161 17 211) 0%, rgb(238 20 42) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.single-cart .price-number {
    font-weight: 900;
}
.single-cart .price .dollar-sign {
	font-size: 1.8rem;
    color: #169dc7;
    font-weight: 700;
}
.single-cart .total-value {
	font-weight: 500;
	text-transform: uppercase;
}
.single-cart .total-value b {
	font-weight: 900;
	text-transform: uppercase;
	color: #cb0000;
}
.single-cart .total-subvalue {
	font-weight: 500;
	text-transform: uppercase;
}
.single-cart .price-plan-button {
	padding: 20px 50px;
    font-size: 2rem;
    border-radius: 10px;
    background-image: linear-gradient(47deg, #9c00e9, #ff0000);
}
.single-cart .price-plan-button .material-icons {
    vertical-align: -10%;
    font-size: 2rem;
    margin-right: 5px;
}
.delivery {
	margin-top: 25px;
	font-size: 1rem;
	color: #000;
	font-weight: 500;
}

.tb-challenge-box {
	border: 3px dotted #000000;
	background-color: #ffffcd;
	padding: 20px 30px;
	margin-bottom: 30px;
}
.tb-challenge-box .tb-ch-title {

}
.tb-challenge-box .tb-ch-step {

}
.case-study-a {
	border: 3px dotted #a9a9bb;
    background-color: #ebebeb;
    padding: 20px 30px;
    margin-bottom: 30px;
}

.result-sample {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #3d4046;
    border: 1px solid #000000;
    border-radius: 10px;
    margin-bottom: 25px;
    color: #fff;
}

.result-text {
	font-size: 0.9rem;
    font-weight: 400;
    padding: 15px 20px;
    line-height: 135%;
}

.show-more {
	position: absolute;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
    cursor: pointer;
    color: white;
    background-color: #d72f2f;
    padding: 5px 20px;
    border-radius: 4px;
    font-weight: 700;
}

/*** Forms ***/
.ot-contacts-module {
	background-color: #fff;
	padding: 50px;
	border-radius: 7px;
}
.ot-home-title {
	display: block;
	margin-bottom: 55px;
	text-align: center;
}
.ot-home-title h2 {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 3px solid #7f5bd4;
	color: #2e3d62;
	font-weight: 700;
	line-height: 128%;
	font-size: 39px;
	letter-spacing: 0px;
	margin-bottom: 25px;
	font-family: Poppins,sans-serif;
}
.ot-form {
	padding: 50px;
	border-radius: 7px;
	text-align: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

.ot-form label {
	display: block;
	width: 100%;
}

.ot-form label>strong {
	float: left;
	width: 33%;
	padding-top: 20px;
	color: #565658;
	font-weight: 400;
	font-size: 19px;
}

.ot-form p select, .ot-form p textarea, .ot-form p input[type=password], .ot-form p input[type=email], .ot-form p input[type=text] {
	width: 100%;
	padding: 14px 18px;
	display: inline-block;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	font-size: 15px;
}

.ot-form label select, .ot-form label textarea, .ot-form label input {
	display: block!important;
	margin-left: 34%;
	width: 66%!important;
}

.ot-form textarea {
	display: block!important;
	height: 200px;
}

.ot-form .button {
	display: block;
	width: 100%;
	padding: 19px 0;
	border-radius: 3px;
	background-image: linear-gradient( 136deg, #9238ff, #fa6228);
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
	border: 0;
}

.ot-checkbox-placeholder:before {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 11px;
	line-height: inherit;
	color: inherit;
}

.ot-checkbox-placeholder {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	border: 2px solid #ccc;
	border-radius: 2px;
	cursor: pointer;
	margin-right: 15px;
	color: transparent;
}

.ot-checkbox-error {
	border: 2px solid #cc0000;
	padding: 15px;
	border-radius: 6px;
}

.ot-transform-checkbox.built, .ot-transform-select.built {
	display: none!important;
}

.ot-form-signup label select, .ot-form-signup label textarea, .ot-form-signup label input {
	display: block!important;
	margin-left: 34%;
	width: 66%!important;
}

.ot-transform-checkbox.built:checked+.ot-checkbox-placeholder{
	border-color:transparent!important;
	background-color:#91cc2f;
	color:#fff
}

/*** CTA ***/
.tb-cta {
	padding: 50px 0px;
	text-align: center;
}
.cta-a {
	background: linear-gradient(46deg,rgb(255 94 16) 19%,rgb(255 184 74) 100%);
	border: 5px solid #000000;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	padding: 25px 75px;
	display: inline-block;
	border-radius: 55px;
}
.cta-a:hover {
	color: #fff;
	opacity: 0.8;
}
.cta-join-group {
	background: #fff;
	border: 1px solid #92969f;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	padding: 15px 22px;
	display: inline-block;
	border-radius: 75px;
	box-shadow: 6px 4px 10px 0 rgb(0 0 0 / 18%);
}
/*** footer ***/

.footer-cta {
	padding: 80px 0;
	text-align: center;
	background-color: #c5d764;
	font-family: 'Lato', sans-serif;
}

.footer-cta h2 {
	font-size: 28px;
	font-weight: 500;
}

.footer-cta p {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	font-family: 'Lato', sans-serif;
}

.footer-cta p span {
	font-weight: 600;
}

.footer-cta-button {
	background-color: #4C4C49;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	padding: 20px 50px;
	margin: 22px 0px 0 0;
	box-shadow: inset 0 0 0 100px transparent;
	border-radius: 5px;
}

.footer-cta .risk-free {
	font-weight: 700;
	margin: 30px 0 0 0;
	color: #524F4F;
}

.footer-cta-button:hover {
	color: #fff;
	background-color: #3b3b3b;
	box-shadow: inset 0 0 0 100px rgba(255,255,255,.2);
}

.footer-widgets {
	background-color: #f4f4f4;
	padding: 60px 0;
}

.footer-copyright {
	padding: 30px 0;
	text-align: center;
	background-color: #fff;
}

.footer-copyright p {
	font-size: 13px;
	line-height: 1.8;
	color: #000;
}

/* footer */

footer {
	font-size: 11px;
}
.footer-main {
	background-color: #1b1b1c;
	padding: 70px 0;
}
.footer-bottom {
	padding: 30px 0;
	background-color: #131314;
	/* text-transform: uppercase; */
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #B0B0B7;
}
footer .ot-footer-title {
color: #fff;
	font-weight: 700;
	font-size: 20px;
}
footer .ot-widget {
	padding: 0px;
}
footer a {
	color: #A9A9A9;
}
footer p {
	color: #A9A9A9;
	font-size: 14px;
}
footer p a {
	color: #808080;
}
footer ul {
margin: 0;
	padding: 0;
	font-size: 13px;
	list-style: none;
}
footer li {
	padding: 0 0 15px;
	color: #dfdfdf;
}
footer li a {
	color: #A9A9A9;
}
footer li a:hover {
	color: #FFF;
}

footer textarea, footer input[type=text] {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	font-size: 12px;
	width: 130px;
}

footer .button {
	display: inline-block;
	width: 100%;
	padding: 12px 0;
	border-radius: 3px;
	background-color: #64646D;
	border: 0;
	margin-top: 15px;
}

.footer-socials {
	padding: 50px 0;
	background-color: #3D3D44;
	text-align: center;
	font-size: 25px;
}

.footer-socials span {
		color: #616163;
	font-size: 14px;
}

.footer-socials a {
	display: inline-block;
	color: #616163;
	padding: 0 20px;
	font-size: 16px;
	letter-spacing: -0.6px;
}

.footer-socials a i {
	font-size: 32px;
	margin-right: 5px;
}

.footer-socials a:hover {
	color: #fff;
}

.mz-footer-pop-up {
	position: fixed;
	bottom: -250px;
	right: 110px;
	z-index: 1000;
}

/* mobile */
@media (max-width:768px) {
}


.moneyback-box {
	background-color: #3e3f44;
	padding: 20px 20px;
	border-radius: 5px;
}
.moneyback-box h2 {
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 2.2rem;
	padding: 25px 0 0 0;
	margin: 0px;
	text-shadow: none;
}
.moneyback-box p {
	color: #fff;
}
.checkout h2 {
	font-size: 3.2rem;
}
.checkout-guarantee p {
	font-size: 0.9rem !important;
}
.checkout-guarantee img {
	margin-bottom: 10px;
}
.whats-included {
	padding: 20px 30px;
}
.included-items {
	margin: 0px;
	padding: 0px;
}
.included-items li {
	list-style: none;
	font-size: 1.2rem;
}
.included-items li b {
	font-weight: 700;
}
.included-items li:before {
	content: "✔️ ";
}
.checkout-faq h3 {
	font-size: 1.8rem;
}
.checkout-faq p {
	font-size: 1rem;
	font-weight: 500;
}
.hero-list li {
	position: relative;
	margin-bottom: 5px;
	list-style: none;
	font-family: 'Inter', sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 155%;
	letter-spacing: 0px;
}
.dark-bg .hero-list li {
	color: #dfdfdf;
}
.hero-list li b {
	font-weight: 700;
}
.hero-list li:before {
	content: "✔️ ";
	padding-right: 0px;
	font-size: 1.8rem;
	vertical-align: 26%;
	position: absolute;
	left: -45px;
	top: -5px;	
}
.hero-list.nomore li:before {
	content: "❌ ";
}
.hero-list.checks li:before {
	content: "✅";
}
.hero-list-title {

}
.automate-oldway {
	font-size: 2rem;
	font-weight: 800;
	color: #cb0000;
}
.new-way .automate-oldway {
	color: #fff901;
}
.automate-hero {

}
.automate-hero-box {
	background-color: #e7e7e9;
	padding: 15px 25px;
}
.automate-hero-box.old-way {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.automate-hero-box.old-way span {
	font-weight: 900;
}
.automate-hero-box.new-way {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-image: linear-gradient( 47deg, #092797, #009aff);
	color: #fff;
}
.automate-hero-box.new-way span {
	font-weight: 900;
}
.automate-hero h3 {
	text-shadow: none;
}
.automate-hero h4 {
	letter-spacing: -0.2px;
	font-weight: 700;
	font-size: 1.8rem;
}
.automate-hero-box.new-way h3 {
	color: #fff;
}
.automate-hero-box.new-way h4 {
	color: #fff;
}
.next-big-thing {
	margin-top: 25px;
}

.info-box {
	position: relative;
	padding: 20px 30px !important;
	border-radius: 8px;
	margin: 25px 0 25px;
}
.info-box.text-centered {
	text-align: center;
}
.info-box .small-hint {
	position: absolute;
    right: 12px;
    top: 8px;
    font-size: 0.8rem;
    font-weight: 800;
    color: #000;
}
.emoji-container {
	position: relative;
	left: -20px;
}
 
.emoji {
	position: absolute;
	opacity: 0; /* Start with emoji invisible */
	animation: pulse 0.3s ease-in-out infinite alternate;
}
  
.emoji.green {
	animation-delay: 0s; /* Start green emoji animation immediately */
}
  
.emoji.white {
	animation-delay: 0.5s; /* Delay white emoji animation by half the duration */
}
@keyframes pulse {
	0% { 
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}

.info-box.bg-white {
	background-color: #fff;
	border: 1px solid #dadbed;
}
.info-box.bg-gray {
	background-color: #c1c3c9;
    border: 1px solid #d4d4d5;
    background-image: linear-gradient( 47deg, #d5d8db, #f7f7f7);
}
.info-box.bg-cc {
	background-color: #eef3f9;
}
.checkout-top {
	padding: 15px 0;
}
.cart-back-button {
	color: #0035ff;
	font-size: 1rem;
	font-weight: 500;
}
.cart-back-button .material-icons {
	vertical-align: -15%;
	font-size: 1.2rem;
}
.checkout-cart-deals {
	display: none; /* Initially hidden */
	border: 1px solid #d0d0d9;
	padding: 15px 25px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.checkout-cart-deals p {
    color: #cb0000;
    font-weight: 700;
}
.checkout-cart-deals .deals-left-count {
	display: inline-block; /* ensure the span is able to be transformed */
	/* animation: name duration timing-function delay iteration-count direction fill-mode play-state; */
	animation: zoomBounce 1s ease-in-out infinite;
	color: #000;
	font-size: 1.2rem;
}

.checkout-cart-info {
	padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.checkout-cart-info p {
    color: #7a7a93;
    font-weight: 500;
    font-size: 0.8rem;
    font-style: italic;
}

@keyframes zoomBounce {
	0%, 100% {
	  transform: scale(1); /* original size */
	  animation-timing-function: ease-in; /* start the cycle with a slow start */
	}
	25% {
	  transform: scale(1.5); /* zoom in*/
	  animation-timing-function: ease-out; /* end this step with a slow end */
	}
	50% {
	  transform: scale(1); /* return to original size */
	  animation-timing-function: ease-in; /* start the cycle with a slow start */
	}
	75% {
	  transform: scale(0.9); /* zoom out */
	  animation-timing-function: ease-out; /* end this step with a slow end */
	}
}

.checkout-bottom-info {
    position: fixed;
    bottom: 5px;
	width: 205px;
    z-index: 20000;
    border: 1px solid #dfdfdf;
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 5px;
}
.checkout-bottom-info .material-icons {
	float: left;
	width: 30px;
	font-size: 1.5rem;
	color: #cb0000;
}
.checkout-bottom-info p {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: 0px;
    color: #0e0e0e;
    display: inline-block;
    float: left;
    width: 140px;
}
.checkout-cart-items {
	border: 1px solid #d0d0d9;
	padding: 15px 25px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.cart-header {
	border-bottom: 1px solid #d0d0d9;
	padding-bottom: 10px;
}
.cart-product {
	margin: 15px 0px 0px 0px;
}
.cart-header div {
	display: inline-block;
	font-weight: 700;
	font-size: 0.9rem;
}
.cart-product div {
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 0.9rem;
}
.cart-item-thumb {
	width: 10%;
}
.cart-item-title {
	width: 60%;
}
.cart-item-title .product-title {
	font-weight: 700;
	font-size: 1rem;
}
.cart-item-title p {
	color: #474747;
	font-size: 0.8rem;
	line-height: 100%;
	margin: 0px 0 8px;	
}
.cart-credits {
	width: 18%;
}
.cart-price {
	width: 12%;
}
.made-in-eu {
	background-color: #eef3f7;
	padding: 12px 26px;
	border-radius: 3px;
}
.made-in-eu .eu-thumb {
	display: inline-block;
	width: 30%;
	padding: 0 9px 0 0;
	vertical-align: top;
}
.made-in-eu .eu-text {
	display: inline-block;
	width: 70%;
}
.made-in-eu p {
	color: #242222;
	font-size: 0.9rem;	
}
.welcome .ap-text p {
	font-size: 1rem;
}

/* Welcome Page */
.welcome-hero {
	background-color: #fff;
	padding: 60px 0 80px 0;
	min-height: 70vh;
}

.welcome-card {
	max-width: 680px;
	margin: 0 auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 24px rgba(0,0,0,0.08);
	padding: 50px 48px;
	text-align: center;
}

.welcome-icon {
	width: 72px;
	height: 72px;
	background: linear-gradient(135deg, #22c55e, #16a34a);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 24px auto;
	font-size: 36px;
	color: #fff;
	line-height: 1;
}

.welcome-card h2 {
	font-family: 'Inter', sans-serif;
	font-size: 2.2rem;
	font-weight: 800;
	color: #111827;
	margin: 0 0 8px 0;
	letter-spacing: -0.5px;
}

.welcome-card .welcome-subtitle {
	font-size: 1.1rem;
	color: #6b7280;
	margin: 0 0 32px 0;
	font-weight: 400;
	line-height: 1.5;
}

.welcome-section {
	text-align: left;
	background: #f9fafb;
	border-radius: 12px;
	padding: 24px 28px;
	margin-bottom: 20px;
}

.welcome-section h4 {
	font-family: 'Inter', sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	color: #111827;
	margin: 0 0 8px 0;
	letter-spacing: 0;
	line-height: 1.4;
}

.welcome-section p {
	font-size: 0.95rem;
	color: #4b5563;
	margin: 0;
	line-height: 1.65;
	font-weight: 400;
}

.welcome-section a {
	color: #7c3aed;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s;
}

.welcome-section a:hover {
	border-bottom-color: #7c3aed;
	color: #6d28d9;
}

.welcome-section .welcome-email-note {
	display: inline-block;
	background: #fef3c7;
	color: #92400e;
	font-size: 0.85rem;
	font-weight: 500;
	padding: 6px 14px;
	border-radius: 6px;
	margin-top: 10px;
}

.welcome-footer-text {
	font-size: 0.95rem;
	color: #6b7280;
	margin: 28px 0 0 0;
	line-height: 1.6;
}

.welcome-footer-text b {
	color: #111827;
}

@media (max-width: 768px) {
	.welcome-hero {
		padding: 30px 0 50px 0;
	}
	.welcome-card {
		margin: 0 16px;
		padding: 32px 24px;
	}
	.welcome-card h2 {
		font-size: 1.7rem;
	}
	.welcome-section {
		padding: 20px 20px;
	}
}

.welcome-frame {
	display: inline-block;
	border: 1px solid #d7d8db;
	padding: 15px 25px;
	border-radius: 5px;
	margin-bottom: 15px;
	background-color: #eaeefb;
}

.prompts-section {
	padding: 60px 0px;
	position: relative;
}
.prompts-overlay {
	background-image: url(/media/box-gradient-bg.jpg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}
.prompts-overlay:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F6F6F6;
    opacity: 0.7;
}
.prompts .cat-item .bi {
	vertical-align: -45%;
	fill: #d11407;
	margin-right: 0px;
}
.prompts-table {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	grid-gap: 1.5rem;
}
.prompts-content .cat-item {
	padding: 20px 20px 10px 30px;
	background-color: #fbfbfb;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}
.prompts-content .cat-item h2 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0px 0 10px 0;
}
.prompts-content .cat-item .cat-item-link {
	cursor: pointer;
	font-size: 0.9rem;
	margin: 0 0 5px 0;
	position: relative;
}
.prompts-content .cat-item .cat-item-link:before {
	content: 'chevron_right';
	font-family: 'Material Icons';
	color: #5600fd;
	font-size: 1rem;
	position: absolute;
	left: -17px;
	top: -1px;
}
.prompts-content .cat-item .cat-item-link:hover {
	color: #5600fd;
}
.prompts-content .cat-item .cat-item-link span {
	font-size: 0.7rem;
	font-weight: bold;
	vertical-align: 18%;
	color: #7b47f9;
}

.prompts .ap-text .prompt-facts h2 {
	font-size: 2.7rem;
	margin: 0px;
}
.prompts .ap-text .prompt-facts .source-url {
	font-size: 0.8rem;
}
.prompts .ap-text .prompt-facts {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #a1a2a5;
}

.prompt-sample {
	border: 1px solid #9ea5b3;
	background-color: #f3f3f3;
	padding: 15px 30px;
	border-radius: 6px;
	margin-bottom: 15px;
}
.prompt-sample h4 {
	font-size: 1.8rem;
	font-weight: 700;
}
.prompt-sample p {
	font-size: 1.1rem;
	font-weight: 400;
}

.money-back {
    display: flex;
    padding: 35px 25px;
    background-color: #f3deba;
    border-radius: 8px;
}
.badge-icon {
	float: left;
	width: 20%;
}
.badge-icon object {
	width: 140px;
	height: 140px;
}
.text-side {
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 20px;
}
.text-side h3 {
	margin:0 0 10px 0; padding: 0px
}
.text-side p {
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 130%;
}

.tst-wrapper {
    background-image: linear-gradient( 47deg, #f7f7f7, #ffffff);
    padding: 30px 50px;
    border: 1px solid #c5c5c5;
    border-radius: 8px;
    margin-top: 25px;
    box-shadow: rgb(0 0 0 / 8%) 2px 4px 10px 0px;
}
.tst-header {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0px;
}
.tst-thumb {
	width: 10%;
	float: left;
}
.tst-thumb img {
	border-radius: 50%;	
}
.tst-nickname {
    width: 90%;
    float: left;
    padding: 12px 20px;
}
.tst-nickname h4 {
	display: inline-block;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 1.8rem;
    line-height: 115%;
    margin-bottom: 10px;
}
.tst-nickname p {
	display: inline-block;
    color: #00a4b7;
    font-size: 1.4rem;
    margin-left: 10px;		
}
.tst-text {
	position: relative;
}
.tst-text p {
    color: #0e1f20;
    font-size: 1.6rem;
    font-weight: 500;
}
.tst-text .tsta {
    color: #7e8aad;
    font-size: 3.6rem;
    font-family: serif;
    vertical-align: -25%;
    padding: 0 5px;
}
.qa {
	border: 1px solid #dfdfdf;
	margin-bottom: 25px;
	border-radius: 20px;
}
.qa-q {}
.qa-a {}
.qa-q p {
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 155%;
    letter-spacing: 0px;
    background-image: linear-gradient( 47deg, #092797, #009aff);
    padding: 25px 30px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;	
}
.qa-a p {
	color: #000;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: 0px;
	background-image: linear-gradient( 47deg, #e7e7e7, #f7f7f7);
    padding: 25px 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.group-tst {
    border: 1px solid #c3bcbc;
    border-radius: 8px;
    margin-bottom: 15px;
    background-color: #dfd8d1;
    padding: 20px 0;	
}
.group-tst p {
	margin-top: 5px;
	font-size: 0.9rem;
	font-weight: 500;
}

/*** show article ***/

.txt-results {
	padding: 50px 200px;
}
.result-text-container {
	padding: 30px 75px;
	border: 1px solid #dfdfdf;
	border-radius: 15px;
	position: relative;	
}
.featured-media {
	margin-bottom: 25px;
}
.generated-by {
    position: absolute;
    top: -18px;
    left: 33%;
    font-size: 14px;
    font-weight: bold;
    background-color: #845bd7;
    border-radius: 16px;
    padding: 5px 25px;
    color: #fff;
}
.generated-by .material-icons, .words .material-icons {
	vertical-align: -15%;
	font-size: 14px;
}
.words {
	font-family: 'Arial', Courier, monospace;
    position: absolute;
    top: -18px;
    right: 10px;
    font-size: 14px;
	margin-bottom: 0px;
	line-height: 100%;	
    font-weight: bold;
    background-color: #5bd7d7;
    border-radius: 16px;
    padding: 5px 25px;
    color: #fff;
}

.result-text-container h1 {
	font-weight: 900;
	font-family: "Poppins", Sans-serif;	
	font-size: 2.9rem;
}
.result-text-container h2, .result-text-container h3, .result-text-container h4 {
    font-weight: 900;
    font-family: "Poppins", Sans-serif;
}
.result-text-container h2 {
	font-size: 2rem;
    padding: 15px 0 0px;
}
.result-text-container h3 {
    font-size: 1.7rem;
    color: #222222;
    font-weight: 900;
    padding: 15px 0 0px;
}
.result-text-container h4 {
	font-size: 1.5rem;
}
.result-text-container, .result-text-container p, .result-text-container li {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 175%;
}
.r-container {
	border: 5px solid #4396dd;
	padding: 25px 35px;
	margin: 35px 0px;
}
.r-image {
	float: left;
	width: 50%;
	text-align: center;
	padding: 20px 60px;
}
.r-title {
	float: left;
    width: 50%;
}
.r-title h2 {
}
.r-title p {
	font-size: 18px;	
}
.r-cta {
	text-align: center;
}
.r-button {
	cursor: pointer;
	background-color: #df5414;
    color: #fff;
    /* border-color: initial; */
    padding: 15px 42px;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    /* width: 235px; */
    /* height: 46px; */
    border-radius: 5px;
    /* text-transform: initial; */
    background: #c62641;
    background: linear-gradient(90deg,rgb(212 60 25) 19%,rgba(237,113,12,1) 100%);
    box-shadow: 1px 1px 3px 0 rgb(181 181 181 / 62%);
}

/*** single post ***/
/*** Pagination ***/
.pagination {
	display: block;
	text-align: center;
	margin: 0;
}

.page-numbers
{
	margin: 0;
	padding: 20px 0 70px 0;
	list-style-type: none;
	text-align: center;
	display: inline-block;
}

.page-numbers li {
	display: inline-block;
	margin-right: 5px;
}

.page-numbers li a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 11px 18px;
	color: #4E4E4E;
	background-color: #FFF;
	font-size: 17px;
	font-family: "open sans";
	font-weight: 400;
	border: 1px solid;
	border-color: #DEDEDE;
}

.page-numbers .dots {
	padding: 10px 14px;
}

.page-numbers .current
{
	text-decoration: none;
	text-transform: uppercase;
	padding: 11px 18px;
	color: #FFFFFF;
	background-color: #EFD100;
	font-size: 17px;
	font-family: "open sans";
	font-weight: 400;
	border: 1px solid;
	border-color: #EFD100;
}

.page-numbers li a:hover {
	color: #fff;
	background-color: #EFD100;
	border-color: #EFD100;
}


.mz-coll-grid {
	margin-bottom: 70px;
	box-shadow: 1px 1px 3px 0 rgba(176, 176, 176, 0.22);
/**
	box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24);
	padding: 20px;
	background-color: #fff;
	border-radius: 2px;
**/
}

.mz-coll-grid h2 {
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	margin: 10px 0 20px 0;
}

.mz-coll-grid h2 a {
	color: #000;
}

.mz-coll-grid h2 a:hover {
	color: #8F8F96;
}

.mz-coll-grid p {
	font-size: 14px;
	line-height: 170%;
	font-weight: 300;
	color: #75747b;
	margin: 10px 0 40px 0;
	text-align: left;
}

.mz-coll-grid .btn-primary {
	color: #ffffff;
	background-color: #3b9adf;
	border: 1px solid;
	border-radius: 43px;
	padding: 12px 45px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;	
	border-color: #3b9adf;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	box-shadow: none;
}

.mz-coll-grid .btn-primary:hover {
	color: #fff;
	background-color: #EFD100;
	border-color: #EFD100;
}

.mz-coll-body {
	background-color: #fff;
	padding: 20px 30px 40px 30px;
	text-align: center;
	min-height: 272px;
}

.main-content {
	float: left;
	width: 855px;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.sidebar {
	float: left;
	width: 330px;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (max-width: 1200px) {
	.main-content {
		width: 100%;
	}
	.sidebar {
		display: none;
	}
}

.fp-article {
    padding: 20px 73px 5px 74px;
    background-color: #fff;
}

.fp-article {
	padding: 20px 73px 5px 74px;
	background-color: #fff;
}

.fp-article .post-header {
	margin-top: 60px;
	margin-bottom: 50px;
}

.fp-article h1 {
	font-size: 46px;
	line-height: 110%;
	font-weight: 900;
	margin: 0 0 10px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
	font-family: "Montserrat", Sans-serif;
	letter-spacing: -0.8px;
}
.fp-article h1 span {
	color: #c53312;
}
.fp-article h1 b {
	color: #c53312;
	font-size: 22px;
}
.fp-article .post-meta {
	font-size: 12px;
	color: #aeafb3;
	font-weight: 500;
	height: 23px;
}

.fp-article h2 {
	font-size: 26px;
	line-height: 140%;
	font-weight: 800;
	margin-bottom: 20px;
	color: #4A4A4A;
}

.fp-article-thumb img {
	margin: 30px 0 10px !important;
}

.fp-article img {
	margin: 30px 0 30px;
}

.fp-article p {
	margin-bottom: 30px;
	color: #272727;
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
}

.fp-article b, .fp-article strong {
    font-weight: bold;
	color: #000;
}

/* =====================================================
   ARTICLE FORMAT ELEMENTS
   Blockquote, Stat Highlight, Definition Box, TL;DR,
   Pros/Cons, Verdict, Prerequisites, Before/After, Code
   ===================================================== */

/* --- Blockquote / Expert Quote --- */
.fp-article blockquote {
	margin: 30px 0;
	padding: 22px 28px;
	border-left: 4px solid #6366f1;
	background: linear-gradient(135deg, #faf9ff 0%, #f5f3ff 100%);
	border-radius: 0 12px 12px 0;
	position: relative;
}
.fp-article blockquote::before {
	content: '\201C';
	position: absolute;
	top: -8px;
	left: 14px;
	font-size: 52px;
	color: #c7d2fe;
	font-family: Georgia, serif;
	line-height: 1;
}
.fp-article blockquote p {
	font-style: italic;
	font-size: 17px;
	line-height: 175%;
	color: #272727;
	margin: 0 0 0 0 !important;
}
.fp-article blockquote cite {
	display: block;
	font-style: normal;
	font-size: 14px;
	color: #6b7280;
	margin-top: 12px;
}
.fp-article blockquote cite::before {
	content: '\2014\00a0';
}

/* --- Pull Quote (left accent bar with soft background) --- */
.fp-article .article-pull-quote {
	margin: 36px 0;
	padding: 20px 24px;
	border-left: 4px solid #1e40af;
	background: #f8fafc;
	border-radius: 0 8px 8px 0;
}
.fp-article .article-pull-quote p {
	font-size: 20px;
	font-style: italic;
	color: #272727;
	line-height: 175%;
	margin: 0 !important;
}

/* --- Stat Highlight Box --- */
.fp-article .article-stat-highlight {
	margin: 32px 0;
	padding: 28px 32px;
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
	border: 1px solid #475569;
	border-radius: 16px;
	text-align: center;
}
.fp-article .article-stat-highlight .stat-number {
	display: block;
	font-family: "Lato", Sans-serif;
	font-size: 2.8rem;
	font-weight: 900;
	color: #60a5fa;
	line-height: 1.2;
}
.fp-article .article-stat-highlight .stat-label {
	display: block;
	font-size: 15px;
	color: #cbd5e1;
	margin-top: 8px;
	line-height: 1.5;
}

/* --- Definition Box (Featured Snippet format) --- */
.fp-article .article-definition-box {
	margin: 24px 0;
	padding: 20px 24px;
	background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 100%);
	border: 1px solid #e0e7ff;
	border-left: 4px solid #6366f1;
	border-radius: 0 12px 12px 0;
}
.fp-article .article-definition-box p {
	margin: 0 !important;
	font-size: 16px;
	font-weight: 500;
	color: #272727;
	line-height: 170%;
}

/* --- TL;DR / Quick Picks Box --- */
.fp-article .article-tldr-box {
	margin: 28px 0;
	padding: 24px 28px;
	background: linear-gradient(135deg, #faf9ff 0%, #f5f3ff 100%);
	border: 1px solid #e0e7ff;
	border-radius: 16px;
}
.fp-article .article-tldr-box h4 {
	font-size: 14px;
	font-weight: 700;
	color: #6366f1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 14px 0;
}
.fp-article .article-tldr-box ul,
.fp-article .article-tldr-box ol {
	margin: 0;
	padding-left: 22px;
}
.fp-article .article-tldr-box li {
	font-size: 15px;
	color: #272727;
	margin-bottom: 8px;
	line-height: 165%;
}

/* --- Pros/Cons Box --- */
.fp-article .article-pros-cons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 28px 0;
}
.fp-article .article-pros-cons .pros {
	padding: 20px 22px;
	background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
	border: 1px solid #bbf7d0;
	border-radius: 14px;
}
.fp-article .article-pros-cons .cons {
	padding: 20px 22px;
	background: linear-gradient(135deg, #fef2f2 0%, #fff1f2 100%);
	border: 1px solid #fecaca;
	border-radius: 14px;
}
.fp-article .article-pros-cons h5 {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 12px 0;
}
.fp-article .article-pros-cons .pros h5 { color: #16a34a; }
.fp-article .article-pros-cons .cons h5 { color: #dc2626; }
.fp-article .article-pros-cons ul {
	margin: 0;
	padding-left: 20px;
}
.fp-article .article-pros-cons li {
	font-size: 15px;
	color: #272727;
	margin-bottom: 5px;
	line-height: 160%;
}

/* --- Verdict Box --- */
.fp-article .article-verdict-box {
	margin: 24px 0;
	padding: 18px 24px;
	background: linear-gradient(135deg, #faf9ff 0%, #f5f3ff 100%);
	border: 1px solid #e0e7ff;
	border-left: 4px solid #6366f1;
	border-radius: 0 12px 12px 0;
	font-size: 15px;
	color: #272727;
	line-height: 165%;
}

/* --- Prerequisites Box --- */
.fp-article .article-prereq-box {
	margin: 28px 0;
	padding: 22px 26px;
	background: linear-gradient(135deg, #fffbeb 0%, #fef9c3 100%);
	border: 1px solid #fde68a;
	border-radius: 16px;
}
.fp-article .article-prereq-box h4 {
	font-size: 14px;
	font-weight: 700;
	color: #d97706;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0 0 14px 0;
}
.fp-article .article-prereq-box ul {
	margin: 0;
	padding-left: 22px;
}
.fp-article .article-prereq-box li {
	font-size: 15px;
	color: #272727;
	margin-bottom: 6px;
	line-height: 160%;
}

/* --- Before/After Comparison --- */
.fp-article .article-before-after {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 32px 0;
}
.fp-article .article-before-after .before,
.fp-article .article-before-after .after {
	padding: 22px;
	border-radius: 16px;
	text-align: center;
}
.fp-article .article-before-after .before {
	background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
	border: 1px solid #94a3b8;
}
.fp-article .article-before-after .after {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);
	border: 1px solid #60a5fa;
}
.fp-article .article-before-after .label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-bottom: 8px;
}
.fp-article .article-before-after .before .label { color: #475569; }
.fp-article .article-before-after .after .label { color: #1e40af; }
.fp-article .article-before-after .value {
	display: block;
	font-family: "Lato", Sans-serif;
	font-size: 1.75rem;
	font-weight: 900;
	color: #272727;
}

/* --- Callout Boxes --- */
.fp-article .article-callout {
	margin: 28px 0;
	padding: 20px 24px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 170%;
	border: 1px solid;
	position: relative;
}
.fp-article .article-callout p {
	margin: 0 !important;
	font-size: inherit;
}
.fp-article .article-callout-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
}
.fp-article .article-callout-label .material-icons {
	font-size: 18px;
}
.fp-article .article-callout.tip {
	background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
	border-color: #bbf7d0;
}
.fp-article .article-callout.tip .article-callout-label { color: #16a34a; }
.fp-article .article-callout.takeaway {
	background: linear-gradient(135deg, #eff6ff 0%, #eef2ff 100%);
	border-color: #bfdbfe;
}
.fp-article .article-callout.takeaway .article-callout-label { color: #2563eb; }
.fp-article .article-callout.warning,
.fp-article .article-callout.watch_out {
	background: linear-gradient(135deg, #fffbeb 0%, #fef9c3 100%);
	border-color: #fde68a;
}
.fp-article .article-callout.warning .article-callout-label,
.fp-article .article-callout.watch_out .article-callout-label { color: #d97706; }
.fp-article .article-callout.note {
	background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
	border-color: #e9d5ff;
}
.fp-article .article-callout.note .article-callout-label { color: #7c3aed; }

/* --- Code Blocks --- */
.fp-article code {
	font-family: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
	font-size: 14px;
	background: #f3f4f6;
	color: #d946a8;
	padding: 2px 7px;
	border-radius: 5px;
	border: 1px solid #e5e7eb;
	word-break: break-word;
}
.fp-article pre {
	margin: 28px 0;
	padding: 0;
	background: #1e1e2e;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #313244;
}
.fp-article pre code {
	display: block;
	padding: 22px 26px;
	background: none;
	color: #cdd6f4;
	border: none;
	border-radius: 0;
	font-size: 14px;
	line-height: 170%;
	overflow-x: auto;
	white-space: pre;
	-webkit-overflow-scrolling: touch;
}
.fp-article pre code::-webkit-scrollbar {
	height: 6px;
}
.fp-article pre code::-webkit-scrollbar-track {
	background: #313244;
}
.fp-article pre code::-webkit-scrollbar-thumb {
	background: #585b70;
	border-radius: 3px;
}

/* --- Keyboard Shortcuts --- */
.fp-article kbd {
	font-family: 'SF Mono', 'Fira Code', Menlo, Consolas, monospace;
	font-size: 13px;
	background: linear-gradient(180deg, #f9fafb, #e5e7eb);
	color: #374151;
	padding: 3px 8px;
	border-radius: 5px;
	border: 1px solid #d1d5db;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
	white-space: nowrap;
}

/* --- Highlighted Text --- */
.fp-article mark {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
	color: inherit;
	padding: 2px 6px;
	border-radius: 4px;
}

/* --- Article Tables --- */
.fp-article table {
	width: 100%;
	border-collapse: collapse;
	margin: 28px 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e5e7eb;
}
.fp-article table thead th {
	background: linear-gradient(135deg, #2a2a2c, #3d3d40);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 18px;
	text-align: left;
	letter-spacing: 0.3px;
}
.fp-article table tbody td {
	padding: 12px 18px;
	font-size: 15px;
	color: #272727;
	border-bottom: 1px solid #f3f4f6;
	line-height: 160%;
}
.fp-article table tbody tr:nth-child(even) {
	background: #f9fafb;
}
.fp-article table tbody tr:hover {
	background: #f3f4f6;
}

/* --- Responsive: stack grids on mobile --- */
@media (max-width: 640px) {
	.fp-article .article-pros-cons,
	.fp-article .article-before-after {
		grid-template-columns: 1fr;
	}
	.fp-article blockquote {
		padding: 18px 20px;
	}
	.fp-article pre code {
		font-size: 13px;
		padding: 16px 18px;
	}
}

.fp-article-share {
    padding: 15px 60px 50px;
    background-color: #fff;
}
.ai-command {
    background-color: rgb(255, 214, 81);
}
.share-button {
	color: #fff;
	display: inline-block;
	padding: 5px 25px;
	border-radius: 3px;
	margin-right: 5px;
}
.share-button:hover {
	color: #fff;
	opacity: 0.8;
}

.facebook {
	background-color: #3b5998 !important
}
.twitter {
	background-color: #55acee !important
}
.google-plus {
	background-color: #dd4b39 !important
}
.linkedin {
	background-color: #007bb5 !important
}
.pinterest {
	background-color: #cb2027 !important
}
.vk {
	background-color: #45668e !important
}
.youtube {
	background-color: #bb0000 !important
}
.instagram {
	background-color: #e95950 !important
}

/* Author
---------------------------------- */
.ot-author {
	background: #E4E4E4;
	margin-bottom: 58px;
	overflow:auto;
}

.author-image {
	float: left;
	width: 100px;
	margin: 35px 35px;
	color: #B7B7B7;
	vertical-align: middle;
	text-align: center;
	line-height: 90px;
	position: relative;
	overflow: hidden;
}

.author-image {
	border-radius: 50%;
}

.author-text-body {
	padding: 18px 35px 20px 0px;
	overflow: hidden;
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
	.author-image {
		width: 24%;
		margin: 30px 10px;
		float: left;
	}
	.author-text-body {
		padding: 10px;
	}
}

.author-text-body h3 {
	text-align: left;
	padding: 0;
	margin-bottom: 8px;
	margin-top: 15px;
}

.author-text-body h3 a {
	color: #000;
	margin-top: 0px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.author-text-body h3 a:hover {
	color: #CC0000;
}

.author-text-body h3 span {
	font-size: 14px;
	font-weight: 400;
	color: #9E9E9E;
	padding-left: 10px;
}

.ot-author p {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #545454;
	padding-top: 5px;
}

/*** breadcrumbs ***/
.site-breadcrumbs {
	margin: 5px 0 0 0;
}

.breadcrumbs {
	font-size: 14px;
	color: #A7A7A7;	
}

.breadcrumbs a, .breadcrumbs .last-item {
	color: #585858;
	font-size: 14px;
}
.breadcrumbs {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.breadcrumbs li {
	display: inline-block;
	margin-right: 2px;
	line-height: 100%;
}

/** Social Icons **/
.author-social {
	text-align:left;
}

.author-social a:first-child {
	margin-left:0;
	padding-left:0;
}
.author-social a:last-child {
	margin-right:0;
}

.author-social a i {
	text-align: center;
	line-height: 27px;
	color: #999999;
	margin: 0 15px 6px 0;
	font-size: 14px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.author-social a:hover > i {
	color: #cc0000;
}

.fb-comment {
	font-family: Arial, sans-serif;
	max-width: 600px;
	border: 1px solid #e1e1e1;
	padding: 15px;
	margin: 20px;
	border-radius: 10px;
	background-color: #f2f2f2;
}

.fb-comment-header {
	display: flex;
	align-items: center;
}

.fb-comment-header img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.fb-comment-header .meta {
	color: #606770;
}

.fb-comment-header .meta strong {
	color: #365899;
	font-weight: normal;
}

.fb-comment-body {
	margin-top: 10px;
	color: #1c1e21;
}

.fb-comment-footer {
	margin-top: 10px;
	color: #606770;
	font-size: 14px;
}

.fb-comment-footer a {
	color: #365899;
	text-decoration: none;
	margin-right: 10px;
}

.fb-comment-footer a:hover {
	text-decoration: underline;
}

/* Container structure */
.lifetime-container {
    padding: 0px 215px;
}

.lifetime-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.lifetime-row > .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Comparison boxes */
.lifetime-compare {
    position: relative;
    min-height: 100px;
    margin-bottom: 25px;
    border-radius: 10px;
    padding: 25px 30px;
}

.lifetime-compare.monthly {
    background-color: #f7f7f7;
    border: 2px solid #e1e1e1;
}

.lifetime-compare.onetime {
    background-color: #eff6ff;
    border: 2px solid #2545e9;
}

/* Typography */
.lifetime-compare h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.3rem;
    text-shadow: none;
    margin: 5px 0 10px;
    font-weight: 700;
    line-height: 1.3;
}

.lifetime-compare.monthly h3 {
    color: #302f2f;
}

.lifetime-compare.onetime h3 {
    color: #2545e9;
}

.lifetime-compare p {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    margin-bottom: 20px;
    color: #444;
    line-height: 1.4;
}

/* List styles */
.lifetime-list {
    margin: 0 0 0 15px;
    padding: 0;
}

.lifetime-list li {
    position: relative;
    margin-bottom: 12px;
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 135%;
    padding-left: 35px;
    color: #333;
}

.lifetime-list li:before {
    content: "❌";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.1rem;
}

.lifetime-list.checks li:before {
    content: "✅";
}

/* Compare icon */
.lifetime-compare .compare-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.2rem;
}

/* Subscription plans */

.splans-wrapper {
	box-sizing: border-box;
	margin-top: 20px;
}
.splans-plan-row {
	cursor: pointer;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	border: 1px solid #c1c2c5;
	border-radius: 12px;
	padding: 18px 20px;
	margin-bottom: 16px;
	transition: all 0.25s ease-in-out;
}

.splans-plan-row.selected-plan {
	border: 2px solid #4CAF50;
	background-color: rgba(76, 175, 80, 0.05);
	transform: translateY(-3px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.splans-plan-row:hover {
	border-color: #14377d;
	box-shadow: 0 3px 10px rgba(20, 55, 125, 0.1);
}

.splans-badge {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #14377d;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 12px;
	border-radius: 20px;
	white-space: nowrap;
}

.splans-badge-icon {
	display: inline-block;
	margin-right: 4px;
}

.splans-plan-selector {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.splans-radio-input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	cursor: pointer;
}

.splans-radio-custom {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 2px solid #d0d0d0;
	border-radius: 50%;
	margin-right: 15px;
	transition: all 0.2s ease;
}

.splans-radio-input:checked + .splans-radio-custom {
	border-color: #14377d;
}

.splans-radio-input:checked + .splans-radio-custom:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-color: #14377d;
	border-radius: 50%;
}

.splans-plan-info {
	display: flex;
	flex-direction: column;
}

.splans-plan-title {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	margin-bottom: 4px;
}

.splans-plan-credits {
	font-weight: 500;
	color: #6d6e70;		
}

.splans-plan-price s {
	color: #666;
	font-size: 14px;
}

.splans-plan-price {
	color: #000;
	font-size: 14px;
	text-align: left;
}

.splans-price-per-day {
	position: relative;
	background-color: #f0f2f8;
	border-radius: 8px;
	padding: 8px 15px;
	text-align: center;
	min-width: 70px;
}

.splans-price-per-day:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #f0f2f8;
}

.splans-daily-rate {
	color: #14377d;
	font-weight: bold;
	line-height: 1;
}

.splans-currency {
	font-size: 16px;
	vertical-align: top;
}

.splans-number {
	font-size: 24px;
}

.splans-fraction {
	font-size: 14px;
	vertical-align: super;
	margin-left: 1px;
}

.splans-daily-text {
	font-size: 12px;
	color: #666;
	margin-top: 4px;
}

.splans-submit {
	display: block;
	width: 100%;
	padding: 18px 15px;
	background: linear-gradient(to right, rgb(255 120 0), rgb(255 153 0));
	color: white;
	text-align: center;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border: none;
	cursor: pointer;
	box-shadow: 0 6px 12px rgba(99, 102, 241, 0.2);
	transition: all 0.2s;
	margin: 15px 0 50px 0;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow: hidden;

}

.splans-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 15px rgba(99, 102, 241, 0.3);
}

.pulse-effect {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(99, 102, 241, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
	}
}

.splans-legal {
	font-size: 12px;
	color: #777;
	line-height: 1.5;
	text-align: center;
}

.splans-policy {
	color: #14377d;
	text-decoration: none;
	font-weight: 500;
}

.splans-policy:hover {
	text-decoration: underline;
}

.trust-badges {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin: 20px 0;
  }
  
  .trust-badge {
	display: flex;
	align-items: center;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	padding: 15px 20px;
	width: 48%;
	text-align: left;
  }
  
  .trust-badge.cancellation {
	background-color: #e8f4ff;
  }
  
  .trust-badge.transparent {
	background-color: #e8fff0;
  }
  
  .badge-icon {
	font-size: 1.8rem;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	color: #14377d;
  }
  
  .trust-badge.transparent .badge-icon {
	color: #0ca750;
  }
  
  .badge-text {
	flex: 1;
  }
  
  .badge-text h4 {
	color: #14377d;
	font-size: 1.2rem;
	margin: 0 0 5px 0;
	font-weight: 700;
  }
  
  .badge-text p {
	color: #444;
	font-size: 0.95rem;
	line-height: 1.4;
	margin: 0;
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
	.trust-badges {
	  flex-direction: column;
	  gap: 10px;
	}
	
	.trust-badge {
	  width: 100%;
	}
  }
  
  .guarantee-section {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fffbe8;
	border: 1px solid #ffe066;
	border-radius: 8px;
	padding: 15px 20px;
	margin: 20px 0;
  }
  
  .guarantee-icon {
	font-size: 1.8rem;
	margin-right: 15px;
	color: #e6a400;
  }
  
  .guarantee-text {
	text-align: left;
	font-size: 1rem;
	color: #444;
  }
  
  .guarantee-text strong {
	color: #000;
	font-size: 1.1rem;
  }
  
  .trustpilot-badge {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 10px 15px;
	margin: 15px auto 0;
	display: inline-block;
  }

/* Konteineris, lai centrētu lapā */
.prctb-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: center;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Galvenā kartīte ar gradienta rāmi */
.prctb-card {
    position: relative;
    width: 100%;
    max-width: 800px; /* Platums ap 800px */
    background: #fff;
    border-radius: 24px;
    padding: 40px; /* Nedaudz vairāk vietas iekšpusē */
    
    /* Gradienta rāmis (Tumši zils -> Violets) */
    border: 3px solid transparent; /* Nedaudz biezāks rāmis */
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #0b1a45, #8a2be2);
    
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* Grid Layout sistēma */
.prctb-layout {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Divas vienādas kolonnas */
    gap: 40px; /* Atstarpe starp kolonām */
    align-items: center; /* Centrējam vertikāli */
    box-sizing: border-box;
}

/* KREISĀ PUSE */
.prctb-col-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0; /* Ļauj grid child samazināties zem satura platuma */
    box-sizing: border-box;
}

/* Virsraksti */
.prctb-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* Ļauj virsrakstam un badge wrap, ja kolonas ir šauras */
}

.prctb-plan-name {
    font-size: 28px;
    font-weight: 800;
    margin: 0;
    color: #111;
    line-height: 1.1;
}

.prctb-badge {
    background-color: #f0f0f0;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

/* Cena */
.prctb-pricing {
    display: flex;
    align-items: baseline; /* Lai $67 un teksts būtu uz vienas līnijas apakšā */
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap; /* Drošībai, ja teksts ir ļoti garš mobilajā */
}

/* Galvenā cena ($67) */
.prctb-price-main {
    font-size: 56px;
    font-weight: 800;
    color: #111;
    line-height: 1;
}

/* Konteineris vecajai cenai un tekstam */
.prctb-price-sub {
    font-size: 18px;
    color: #999;
    font-weight: 500;
}

/* Tikai svītrotā daļa ($335) */
.prctb-strike {
    text-decoration: line-through;
    margin-right: 4px; /* Neliela atstarpe pirms slīpsvītras */
    color: #999;
}

/* Lielā Poga ar Gradientu */
.prctb-cta-btn {
    /* Gradienta fons pogai */
    background: linear-gradient(90deg, #0b1a45 0%, #8a2be2 100%);
    color: #ffffff;
    padding: 18px 32px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(138, 43, 226, 0.3); /* Viegla ēna */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 16px;
}

.prctb-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(138, 43, 226, 0.4);
}

.prctb-cta-btn:active {
    transform: scale(0.98);
}

/* Teksts zem pogas */
.prctb-guarantee {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0;
}
.prctb-guarantee b {
    color: #111;
}

/* LABĀ PUSE - Features */
.prctb-col-right {
    border-left: 1px solid #eee; /* Viegla atdalītājlīnija desktop versijā */
    padding-left: 40px;
    min-width: 0; /* Ļauj grid child samazināties zem satura platuma */
    box-sizing: border-box;
}

.prctb-features-title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 8px 0;
    color: #0b1a45; /* Tumši zils */
}

.prctb-features-subtitle {
    font-size: 15px;
    color: #666;
    margin: 0 0 20px 0;
}

.prctb-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prctb-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

/* Zaļais ķeksītis */
.prctb-check-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #8e66f1;
    color: #ffffff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    flex-shrink: 0;
    margin-top: 1px;
}

/* --- RESPONSIVE (Mobilais skats) --- */
@media (max-width: 768px) {
    .prctb-layout {
        grid-template-columns: 1fr; /* Viena kolona */
        gap: 30px;
    }
    
    .prctb-card {
        padding: 24px;
    }

    .prctb-col-right {
        border-left: none; /* Noņemam vertikālo līniju */
        border-top: 1px solid #eee; /* Pieliekam horizontālu līniju */
        padding-left: 0;
        padding-top: 30px;
    }

    .prctb-col-left {
        align-items: center; /* Centrējam visu mobilajā */
        text-align: center;
    }
    
    .prctb-cta-btn {
        width: 100%; /* Pilna platuma poga mobilajā */
        box-sizing: border-box;
    }
    
    .prctb-pricing {
        justify-content: center;
    }
}


/* ============================================
   CSS Variables for Blog Light Theme
   ============================================ */
:root {
	--dark-primary: #ffffff;
	--dark-secondary: #f8f9fa;
	--dark-elevated: #f0f1f3;
	--accent-primary: #df108c;
	--accent-light: #ff730f;
	--accent-dark: #b70d73;
	--text-primary: #1a1a1a;
	--text-secondary: #333333;
	--text-tertiary: #6c757d;
	--border-primary: #e0e0e0;
}

/* ============================================
   BLOG SECTION STYLES (Light Theme)
   ============================================ */

/* Blog Layout */
.blog-main {
	background-color: var(--dark-primary);
	padding-top: 35px;
	padding-bottom: 80px;
	min-height: 100vh;
	position: relative;
}

/* Subtle grid background for visual interest */
.blog-main::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 0, 0, 0.08) 1px, transparent 1px);
	background-size: 50px 50px;
	pointer-events: none;
	z-index: 0;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

.blog-main > .container {
	position: relative;
	z-index: 1;
}

/* Blog Page Header */
.blog-page-header {
	text-align: center;
	margin-bottom: 3.5rem;
	padding: 2.5rem 0;
	position: relative;
}

.blog-page-header h1 {
	font-size: 3.25rem;
	font-weight: 800;
	color: var(--text-primary);
	letter-spacing: -0.03em;
	margin-bottom: 1rem;
	position: relative;
	display: inline-block;
}

/* Accent underline below title */
.blog-page-header h1::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 4px;
	background: linear-gradient(90deg, var(--accent-primary), var(--accent-light));
	filter: none;
	opacity: 1;
	z-index: -1;
	border-radius: 2px;
}

.blog-page-subtitle {
	font-size: 1.2rem;
	color: var(--text-tertiary);
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.6;
}

/* Blog Card Grid */
.blog-grid {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.blog-card-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.blog-card {
	background: #ffffff;
	border: 1px solid var(--border-primary);
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: row;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.blog-card:hover {
	border-color: rgba(223, 16, 140, 0.4);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* Card Thumbnail */
.blog-card-thumb {
	flex-shrink: 0;
	width: 280px;
	min-height: 200px;
	position: relative;
	overflow: hidden;
	background-color: var(--dark-elevated);
}

.blog-card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-card-thumb-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dark-elevated);
}

.blog-card-thumb-placeholder .material-icons {
	font-size: 48px;
	color: var(--text-tertiary);
	opacity: 0.4;
}

/* Category Badge on Thumbnail */
.blog-card-category {
	position: absolute;
	top: 12px;
	left: 12px;
	background: linear-gradient(135deg, var(--accent-primary), var(--accent-light));
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.35rem 0.85rem;
	border-radius: 50px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	z-index: 1;
}

/* Card Body */
.blog-card-body {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	position: relative;
	z-index: 2;
}

.blog-card-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 0.85rem;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

.blog-card-excerpt {
	font-size: 1.05rem;
	color: var(--text-tertiary);
	line-height: 1.7;
	margin-bottom: 1.25rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-card-meta {
	font-size: 0.9rem;
	color: var(--text-tertiary);
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.blog-card-meta time {
	color: var(--text-tertiary);
}

/* Blog Breadcrumbs */
.blog-breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	font-size: 0.9rem;
	list-style: none;
	padding: 0;
}

.blog-breadcrumbs a {
	color: var(--text-tertiary);
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-breadcrumbs a:hover {
	color: var(--accent-primary);
}

.blog-breadcrumb-sep {
	color: var(--border-primary);
	font-size: 0.8rem;
}

.blog-breadcrumb-current {
	color: var(--text-secondary);
	font-weight: 500;
}

/* Legacy breadcrumbs in content-single.php */
.blog-main .site-breadcrumbs {
	margin-bottom: 2rem;
}

.blog-main .site-breadcrumbs .breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.blog-main .site-breadcrumbs .breadcrumbs__item {
	display: inline-flex;
	align-items: center;
}

.blog-main .site-breadcrumbs .breadcrumbs__item a {
	color: var(--text-tertiary);
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.3s ease;
}

.blog-main .site-breadcrumbs .breadcrumbs__item a:hover {
	color: var(--accent-primary);
}

.blog-main .site-breadcrumbs .breadcrumbs__item span {
	color: var(--text-tertiary);
}

.blog-main .site-breadcrumbs .breadcrumbs__item:last-child a {
	color: var(--text-secondary);
	font-weight: 500;
}

/* Blog Article (Single Post) */
.blog-main .fp-article {
	background-color: transparent;
	padding: 0;
	max-width: 700px;
	margin: 0 auto;
}

.blog-main .fp-article-thumb {
	margin-bottom: 2rem;
	border-radius: 12px;
	overflow: hidden;
}

.blog-main .fp-article-thumb img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px;
	margin: 0 !important;
}

.blog-main .fp-article .post-header {
	margin-top: 0;
	margin-bottom: 2.5rem;
}

.blog-main .fp-article h1 {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--text-primary);
	line-height: 1.25;
	letter-spacing: -0.02em;
	margin-bottom: 1rem;
	padding-bottom: 0;
	border-bottom: none;
	font-family: 'Inter', sans-serif;
}

.blog-main .fp-article .post-meta {
	font-size: 0.9rem;
	color: var(--text-tertiary);
	height: auto;
}

.blog-main .fp-article .post-meta a {
	color: var(--accent-primary);
	text-decoration: none;
	margin-left: 1rem;
	font-weight: 500;
}

.blog-main .fp-article .post-meta a:hover {
	color: var(--accent-light);
}

/* Article Body Typography */
.blog-main [itemprop="articleBody"] {
	color: var(--text-secondary);
	font-size: 0.95rem;
	line-height: 1.85;
}

.blog-main [itemprop="articleBody"] h2 {
	font-size: 1.55rem;
	font-weight: 700;
	color: var(--text-primary);
	margin: 2.5rem 0 1rem;
	letter-spacing: -0.01em;
}

.blog-main [itemprop="articleBody"] h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--text-primary);
	margin: 2rem 0 0.75rem;
}

.blog-main [itemprop="articleBody"] h4 {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--text-secondary);
	margin: 1.5rem 0 0.75rem;
}

.blog-main [itemprop="articleBody"] p {
	margin-bottom: 1.5rem;
	color: var(--text-secondary);
	font-size: 1.05rem;
	line-height: 1.85;
}

.blog-main [itemprop="articleBody"] a {
	color: var(--accent-primary);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease;
}

.blog-main [itemprop="articleBody"] a:hover {
	border-bottom-color: var(--accent-primary);
}

.blog-main [itemprop="articleBody"] ul,
.blog-main [itemprop="articleBody"] ol {
	margin-bottom: 1.5rem;
	padding-left: 0;
	color: var(--text-secondary);
	list-style: none;
}

.blog-main [itemprop="articleBody"] ul li,
.blog-main [itemprop="articleBody"] ol li {
	margin-bottom: 0.85rem;
	line-height: 1.85;
	color: var(--text-secondary);
	padding-left: 2.5rem;
	position: relative;
	font-size: 1.05rem;
}

/* Bullet style for ul */
.blog-main [itemprop="articleBody"] ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent-primary), var(--accent-light));
}

/* Number style for ol */
.blog-main [itemprop="articleBody"] ol {
	counter-reset: ol-counter;
}

.blog-main [itemprop="articleBody"] ol li::before {
	counter-increment: ol-counter;
	content: counter(ol-counter);
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--accent-primary), var(--accent-light));
	color: #ffffff;
	font-weight: 700;
	font-size: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

/* Nested lists */
.blog-main [itemprop="articleBody"] ul ul,
.blog-main [itemprop="articleBody"] ol ol,
.blog-main [itemprop="articleBody"] ul ol,
.blog-main [itemprop="articleBody"] ol ul {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.blog-main [itemprop="articleBody"] ul ul li::before {
	width: 6px;
	height: 6px;
	background: var(--text-tertiary);
	border-radius: 50%;
}

.blog-main [itemprop="articleBody"] img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 1.5rem 0;
}

.blog-main [itemprop="articleBody"] blockquote {
	border-left: 4px solid var(--accent-primary);
	background-color: var(--dark-elevated);
	padding: 1.5rem 2rem;
	margin: 2rem 0;
	border-radius: 0 8px 8px 0;
	font-style: italic;
	color: var(--text-secondary);
}

.blog-main [itemprop="articleBody"] pre,
.blog-main [itemprop="articleBody"] code {
	background-color: var(--dark-elevated);
	border: 1px solid var(--border-primary);
	border-radius: 6px;
	font-family: 'Courier New', monospace;
	font-size: 0.9rem;
	color: var(--text-secondary);
}

.blog-main [itemprop="articleBody"] pre {
	padding: 1.25rem;
	overflow-x: auto;
	margin: 1.5rem 0;
}

.blog-main [itemprop="articleBody"] code {
	padding: 0.2rem 0.5rem;
}

.blog-main [itemprop="articleBody"] pre code {
	padding: 0;
	border: none;
	background: none;
}

.blog-main [itemprop="articleBody"] b,
.blog-main [itemprop="articleBody"] strong {
	font-weight: 700;
	color: var(--text-primary);
}

.blog-main [itemprop="articleBody"] table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 1.5rem 0;
	border: 1px solid var(--border-primary);
	border-radius: 10px;
	overflow: hidden;
}

.blog-main [itemprop="articleBody"] table thead {
	background: linear-gradient(145deg, #e2e4e8 0%, #d8dae0 100%);
}

.blog-main [itemprop="articleBody"] table th {
	color: var(--text-primary);
	font-weight: 700;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 0.85rem 1.15rem;
	text-align: left;
	border-bottom: 2px solid var(--accent-primary);
}

.blog-main [itemprop="articleBody"] table td {
	padding: 0.8rem 1.15rem;
	text-align: left;
	color: var(--text-secondary);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	font-size: 0.95rem;
}

.blog-main [itemprop="articleBody"] table tbody tr:last-child td {
	border-bottom: none;
}

.blog-main [itemprop="articleBody"] table tbody tr:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.05);
}

/* Article Callouts */
.blog-main .article-callout {
	margin: 2rem 0;
	padding: 1.5rem 1.75rem;
	border-radius: 12px;
	border: 1px solid;
	position: relative;
}

.blog-main .article-callout-label {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 0.75rem;
}

.blog-main .article-callout-label .material-icons {
	font-size: 1.15rem;
}

.blog-main .article-callout p {
	font-size: 1.05rem !important;
	line-height: 1.85;
	margin-bottom: 0;
	color: var(--text-secondary);
}

.blog-main .article-callout p:last-child {
	margin-bottom: 0;
}

/* Tip - warm orange (accent-light end) */
.blog-main .article-callout.tip {
	background-color: #fff5ed;
	border-color: #fdd0a8;
	border-left: 4px solid var(--accent-light);
}

.blog-main .article-callout.tip .article-callout-label {
	color: #d45e00;
}

/* Takeaway - deep pink (accent-primary end) */
.blog-main .article-callout.takeaway {
	background-color: #fdf0f7;
	border-color: #f0b3d4;
	border-left: 4px solid var(--accent-primary);
}

.blog-main .article-callout.takeaway .article-callout-label {
	color: var(--accent-primary);
}

/* Note - mid blend (between pink and orange) */
.blog-main .article-callout.note {
	background-color: #fef1f0;
	border-color: #f5bfb3;
	border-left: 4px solid #e8456b;
}

.blog-main .article-callout.note .article-callout-label {
	color: #d43a5c;
}

/* Blog Share Buttons */
.blog-main .fp-article-share {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin: 2.5rem 0;
	padding: 2rem 0;
	border-top: 1px solid var(--border-primary);
	border-bottom: 1px solid var(--border-primary);
	background-color: transparent;
}

.blog-main .share-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.65rem 1.25rem;
	border-radius: 50px;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--text-secondary);
	transition: all 0.3s ease;
	border: 1px solid var(--border-primary);
	background-color: var(--dark-elevated) !important;
}

.blog-main .share-button:hover {
	color: #ffffff;
}

.blog-main .share-button.facebook:hover {
	background-color: #1877F2 !important;
	border-color: #1877F2;
}

.blog-main .share-button.twitter:hover {
	background-color: #1DA1F2 !important;
	border-color: #1DA1F2;
}

.blog-main .share-button.linkedin:hover {
	background-color: #0A66C2 !important;
	border-color: #0A66C2;
}

.blog-main .share-button.pinterest:hover {
	background-color: #E60023 !important;
	border-color: #E60023;
}

/* Blog Author Box */
.blog-main .ot-author {
	background-color: var(--dark-secondary);
	border: 1px solid var(--border-primary);
	border-radius: 16px;
	padding: 2rem;
	display: flex;
	gap: 1.5rem;
	margin: 2.5rem 0;
	overflow: visible;
}

.blog-main .ot-author .author-image {
	flex-shrink: 0;
	float: none;
	width: auto;
	margin: 0;
}

.blog-main .ot-author .author-image img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--border-primary);
}

.blog-main .ot-author .author-text-body {
	padding: 0;
	overflow: visible;
}

.blog-main .ot-author .author-text-body h3 {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 0.5rem;
	margin-top: 0;
}

.blog-main .ot-author .author-text-body h3 span {
	display: block;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--accent-primary);
	margin-top: 0.25rem;
	padding-left: 0;
}

.blog-main .ot-author p {
	font-size: 0.95rem;
	color: var(--text-tertiary);
	line-height: 1.65;
	margin-bottom: 0.75rem;
	padding-top: 0;
}

.blog-main .author-social {
	display: flex;
	gap: 0.75rem;
	text-align: left;
}

.blog-main .author-social a i {
	color: var(--text-tertiary);
	font-size: 1.1rem;
	transition: color 0.3s ease;
	margin: 0;
}

.blog-main .author-social a:hover i {
	color: var(--accent-primary);
}

/* Blog Sidebar */
.blog-sidebar {
	position: sticky;
	top: 100px;
}

.sidebar-widget {
	background: #ffffff;
	border: 1px solid var(--border-primary);
	border-radius: 16px;
	padding: 1.75rem;
	margin-bottom: 1.5rem;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.sidebar-widget-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--text-primary);
	margin-bottom: 1.25rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(90deg, var(--accent-primary), var(--accent-light)) 1;
}

/* Sidebar Recommended Posts */
.sidebar-posts-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.sidebar-post-item {
	display: flex;
	gap: 1rem;
	text-decoration: none;
	color: inherit;
	padding: 0.75rem;
	border-radius: 10px;
}

.sidebar-post-thumb {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 8px;
	overflow: hidden;
	background-color: var(--dark-elevated);
}

.sidebar-post-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sidebar-post-thumb-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-post-thumb-placeholder .material-icons {
	font-size: 28px;
	color: var(--text-tertiary);
	opacity: 0.4;
}

.sidebar-post-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sidebar-post-title {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--text-primary);
	line-height: 1.4;
	margin-bottom: 0.35rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sidebar-post-date {
	font-size: 0.8rem;
	color: var(--text-tertiary);
}

/* Sidebar Categories Widget */
.sidebar-categories {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.sidebar-category-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	transition: background-color 0.2s ease;
	text-decoration: none;
	color: inherit;
}

.sidebar-category-item:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

.sidebar-category-name {
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--text-secondary);
	transition: color 0.2s ease;
}

.sidebar-category-item:hover .sidebar-category-name {
	color: var(--text-primary);
}

.sidebar-category-count {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--text-tertiary);
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid var(--border-primary);
	padding: 0.15rem 0.6rem;
	border-radius: 20px;
	min-width: 28px;
	text-align: center;
}

/* Sidebar CTA Widget */
.sidebar-cta {
	background: linear-gradient(145deg, rgba(223, 16, 140, 0.05) 0%, #ffffff 50%, rgba(255, 115, 15, 0.04) 100%);
	border-color: rgba(223, 16, 140, 0.2);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.sidebar-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--accent-primary), var(--accent-light));
}

.sidebar-cta-title {
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--text-primary);
	margin-bottom: 0.75rem;
	letter-spacing: -0.01em;
}

.sidebar-cta-text {
	font-size: 1rem;
	color: var(--text-tertiary);
	margin-bottom: 1.5rem;
	line-height: 1.5;
}

.sidebar-cta-btn {
	display: inline-block;
	background: linear-gradient(135deg, var(--accent-primary), var(--accent-light));
	color: #ffffff;
	padding: 0.85rem 2.5rem;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(223, 16, 140, 0.2);
}

/* Blog Pagination */
.blog-pagination {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--border-primary);
}

.blog-pagination .page-numbers {
	display: flex;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-pagination .page-numbers li {
	display: inline-flex;
}

.blog-pagination .page-numbers li a,
.blog-pagination .page-numbers li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	padding: 0 0.85rem;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	border: 1px solid var(--border-primary);
	background-color: #ffffff;
	color: var(--text-secondary);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.blog-pagination .page-numbers li a:hover {
	border-color: var(--accent-primary);
	color: var(--accent-primary);
}

.blog-pagination .page-numbers .current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	padding: 0 0.85rem;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 600;
	background: linear-gradient(135deg, var(--accent-primary), var(--accent-light));
	border: 1px solid transparent;
	color: #ffffff;
	box-shadow: 0 4px 15px rgba(223, 16, 140, 0.25);
}

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

@media (max-width: 992px) {
	.blog-card {
		flex-direction: column;
	}

	.blog-card-thumb {
		width: 100%;
		height: 220px;
	}

	.blog-page-header h1 {
		font-size: 2.5rem;
	}

	.blog-main .fp-article {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.blog-page-header h1 {
		font-size: 2rem;
	}

	.blog-main .fp-article h1 {
		font-size: 1.75rem;
	}

	.blog-card-body {
		padding: 1.25rem;
	}

	.blog-card-title {
		font-size: 1.15rem;
	}

	.blog-main .ot-author {
		flex-direction: column;
		text-align: center;
	}

	.blog-main .ot-author .author-image {
		margin: 0 auto;
	}

	.blog-main .author-social {
		justify-content: center;
	}

	.blog-sidebar {
		position: static;
	}
}

/*** Terms & Conditions page ***/

.header-bar {
	background-color: #9ACF60;
	padding: 25px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 3px 0 rgba(238, 238, 238, 0.72);
}

.header-bar h1 {
	margin: 0;
	font-weight: 700;
	font-size: 28px;
	color: #FFFFFF;
}

.header-bar .lead {
	margin-bottom: 10px;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
}

.ot-fullpage {
	margin-top: 50px;
	padding: 50px 15px;
	border-bottom: 1px solid #F2F2F2;
}

.ot-terms {
	padding-bottom: 80px;
	margin-bottom: 80px;
}

.ot-terms h2:first-child {
	margin-top: 0px;
}

.ot-terms h2 {
	font-weight: 600;
	font-size: 19px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.ot-terms h3 {
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 20px;
}

.ot-terms p {
	margin: 0 0 20px;
	font-size: 20px;
}