/* Inline styles for AI Tools page */

label[for="password"], .password-input, .lost_password{
	display:none !important;
	}

.pagelayer-wow{visibility: hidden;}

:root{--pagelayer-color-primary:#007bff;--pagelayer-color-secondary:#6c757d;--pagelayer-color-text:#1d1d1d;--pagelayer-color-accent:#61ce70;--pagelayer-font-primary-font-family:Open Sans;--pagelayer-font-secondary-font-family:Roboto;--pagelayer-font-text-font-family:Montserrat;--pagelayer-font-accent-font-family:Poppins;}
.pagelayer-row-stretch-auto > .pagelayer-row-holder, .pagelayer-row-stretch-full > .pagelayer-row-holder.pagelayer-width-auto{ max-width: 1170px; margin-left: auto; margin-right: auto;}
@media (min-width: 769px){
			.pagelayer-hide-desktop{
				display:none !important;
			}
		}

		@media (max-width: 768px) and (min-width: 501px){
			.pagelayer-hide-tablet{
				display:none !important;
			}
			.pagelayer-wp-menu-holder[data-drop_breakpoint="tablet"] .pagelayer-wp_menu-ul{
				display:none;
			}
		}

		@media (max-width: 500px){
			.pagelayer-hide-mobile{
				display:none !important;
			}
			.pagelayer-wp-menu-holder[data-drop_breakpoint="mobile"] .pagelayer-wp_menu-ul{
				display:none;
			}
		}
body.pagelayer-body {font-family:Poppins}
body.pagelayer-body > header{font-family:Catamaran;font-weight:500}
body.pagelayer-body .site-main{font-family:Catamaran}
body.pagelayer-body p{font-family:Poppins;font-size:14px;font-weight:500;line-height:1.9;color:#616161ff}
body.pagelayer-body a{font-family:Poppins;font-weight:400;text-transform:capitalize;text-decoration-line:none;color:#616161ff}
body.pagelayer-body a:hover{font-family:Poppins;font-weight:400;text-transform:capitalize;text-decoration-line:none;color:#fdcf1cff}
body.pagelayer-body h1{font-family:Catamaran;font-size:64px;font-weight:500;text-transform:uppercase}
body.pagelayer-body h2{font-family:Catamaran;font-size:40px;font-weight:500;text-transform:capitalize;color:#000000ff}
body.pagelayer-body h3{font-family:Catamaran;font-size:40px;font-weight:500;text-transform:capitalize;color:#000000ff}
body.pagelayer-body h4{font-family:Catamaran;font-size:35px;font-weight:500;text-transform:capitalize;color:#000000ff}
body.pagelayer-body h5{font-family:Catamaran;font-size:30px;font-weight:400;text-transform:capitalize;color:#000000ff}
body.pagelayer-body h6{font-family:Catamaran;font-size:25px;font-weight:400;text-transform:capitalize;color:#000000ff}
@media (max-width: 768px){
	[class^="pagelayer-offset-"],
	[class*=" pagelayer-offset-"] {
		margin-left: 0;
	}

	.pagelayer-row .pagelayer-col {
		margin-left: 0;
		width: 100%;
	}
	.pagelayer-row.pagelayer-gutters .pagelayer-col {
		margin-bottom: 16px;
	}
	.pagelayer-first-sm {
		order: -1;
	}
	.pagelayer-last-sm {
		order: 1;
	}

body.pagelayer-body h1{font-size:58px}
body.pagelayer-body h2{font-size:32px}
body.pagelayer-body h6{font-size:18px}

}
@media (max-width: 500px){
body.pagelayer-body h1{font-size:34px}
body.pagelayer-body h2{font-size:22px}
body.pagelayer-body h6{font-size:14px}
}

.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

/* ===== Header (shared with all pages) ===== */
.p-aak5885 .pagelayer-col-holder{padding: 10px}
.p-aak5885 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-aak5885{background: #000000}

.p-vxh3913{align-content: center !important}
.p-vxh3913 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-vxh3913{width: 30%}
.p-vxh3913 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
@media (max-width: 768px) and (min-width: 501px){.pagelayer-row-holder .p-vxh3913{width: 75%}}
@media (max-width: 500px){.pagelayer-row-holder .p-vxh3913{width: 75%}}

.p-c4o8797 .pagelayer-wp-title-heading{display: none}
.p-c4o8797 .pagelayer-wp-title-img{width:33%; height: auto}

.p-kpo3422{align-content: center !important}
.p-kpo3422 .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.pagelayer-row-holder .p-kpo3422{width: 70%}
.p-kpo3422 > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
@media (max-width: 768px) and (min-width: 501px){.pagelayer-row-holder .p-kpo3422{width: 25%}}
@media (max-width: 500px){.pagelayer-row-holder .p-kpo3422{width: 25%}}

.p-0av4437 .pagelayer-wp_menu-ul{text-align:right}
.p-0av4437 .pagelayer-wp-menu-container li.menu-item{list-style: none}
.p-0av4437 .pagelayer-wp_menu-ul>li a:first-child{color: #ffffff}
.p-0av4437 .pagelayer-wp_menu-ul>li>a:hover{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li.pagelayer-active-sub-menu>a:hover{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #fdcf1c}
.p-0av4437 .pagelayer-wp-menu-container ul li.menu-item > a{font-family: Poppins !important; font-size: 14px !important; font-style:  !important; font-weight:  !important; font-variant:  !important; text-decoration-line: None !important; text-decoration-style: Solid !important; line-height: em !important; text-transform:  !important; letter-spacing: px !important; word-spacing: px !important}
.p-0av4437 .pagelayer-wp_menu-ul>li>a{padding-left: 26px;padding-right: 26px;padding-top: 10px;padding-bottom: 10px}
.p-0av4437 ul.sub-menu li>a{justify-content:left !important}
.p-0av4437 .pagelayer-menu-type-horizontal .sub-menu{left:0px}
.p-0av4437 .pagelayer-menu-type-horizontal .sub-menu .sub-menu{left:unset;left:100% !important;top:0px}
.p-0av4437 .pagelayer-wp-menu-container ul.sub-menu>li a{color: #ffffff}
.p-0av4437 .pagelayer-wp-menu-container ul.sub-menu{background-color: #0986c0}
.p-0av4437 .pagelayer-wp-menu-container ul.sub-menu li a{padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px}
.p-0av4437 .pagelayer-wp-menu-container .sub-menu a{margin-left: 10px}
.p-0av4437 .pagelayer-wp-menu-container .sub-menu .sub-menu a{margin-left: calc(2 * 10px)}
.p-0av4437 .pagelayer-primary-menu-bar{text-align:center}
.p-0av4437 .pagelayer-primary-menu-bar i{color:#fdcf1c;font-size:30px}
.p-0av4437 .pagelayer-menu-type-dropdown{width:30%;background-color:#000000}
.p-0av4437 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{width:100%;top: 8%; transform: translateY(-8%)}
.p-0av4437 .pagelayer-wp_menu-close i{font-size:25px;padding:8px;color:#ffffff;background-color:rgba(0,0,0,0.21);-webkit-transition: all 600ms !important; transition: all 600ms !important}
.p-0av4437 .pagelayer-wp_menu-close i:hover{color:#fdcf1c;background-color:#000000}
@media (max-width: 768px) and (min-width: 501px){.p-0av4437 .pagelayer-wp_menu-ul>li a:first-child{color: #ffffff}
.p-0av4437 .pagelayer-wp_menu-ul>li>a:hover{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li>a{padding-top: 16px;padding-bottom: 16px}
.p-0av4437 .pagelayer-primary-menu-bar{text-align:right}
.p-0av4437 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul > li > a{justify-content: center}
.p-0av4437 .pagelayer-menu-type-dropdown{width:50%}
.p-0av4437 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{top: 16%; transform: translateY(-16%)}
}
@media (max-width: 500px){.p-0av4437 .pagelayer-wp_menu-ul>li>a:hover{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li.current-menu-item>a{color: #fdcf1c}
.p-0av4437 .pagelayer-wp_menu-ul>li>a{padding-top: 16px;padding-bottom: 16px}
.p-0av4437 .pagelayer-primary-menu-bar{text-align:right}
.p-0av4437 .pagelayer-primary-menu-bar i{padding:16 {{val[1]}}}
.p-0av4437 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul > li > a{justify-content: center}
.p-0av4437 .pagelayer-menu-type-dropdown{width:50%}
.p-0av4437 .pagelayer-menu-type-dropdown .pagelayer-wp_menu-ul{top: 16%; transform: translateY(-16%)}
}

/* ===== Banner (shared hero) ===== */
.p-ai-banner .pagelayer-col-holder{padding: 10px}
.p-ai-banner > .pagelayer-background-overlay{background-color: #000000;opacity: 0.5;-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-ai-banner .pagelayer-svg-top .pagelayer-shape-fill{fill:#227bc3}
.p-ai-banner .pagelayer-row-svg .pagelayer-svg-top{width:100%;height:100px}
.p-ai-banner .pagelayer-svg-bottom .pagelayer-shape-fill{fill:#e44993}
.p-ai-banner .pagelayer-row-svg .pagelayer-svg-bottom{width:100%;height:100px}
.p-ai-banner{background-image: url("../inspiration/prodigy_engineer.jpg");background-attachment: scroll;background-position-x: center;background-position-y: center;background-repeat: no-repeat;background-size: cover;padding-top: 200px; padding-right: 0px; padding-bottom: 200px; padding-left: 0px}
@media (max-width: 768px) and (min-width: 501px){.p-ai-banner{padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px}}
@media (max-width: 500px){.p-ai-banner{padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px}}

.p-ai-banner-col > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}

.p-ai-title .pagelayer-post-title{color:#ffffff;font-family: ; font-size: 60px !important; font-style:  !important; font-weight: 700 !important; font-variant:  !important; text-decoration-line:  !important; text-decoration-style: Solid !important; line-height: em !important; text-transform:  !important; letter-spacing: px !important; word-spacing: px !important}
.p-ai-title .pagelayer-post-title *{color:#ffffff}
.p-ai-title{text-align: center}
@media (max-width: 768px) and (min-width: 501px){.p-ai-title .pagelayer-post-title{font-size: 40px !important}}
@media (max-width: 500px){.p-ai-title .pagelayer-post-title{font-size: 35px !important}}

/* ===== Intro section ===== */
.p-ai-intro .pagelayer-col-holder{padding: 10px}
.p-ai-intro > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-ai-intro{padding-top: 100px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
@media (max-width: 500px){.p-ai-intro{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}}

.p-ai-intro-col{align-content: center !important}
.p-ai-intro-col .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.p-ai-intro-col > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}

.p-ai-intro-heading{text-align: center}
.p-ai-intro-text{text-align: center}

/* ===== Section heading row ===== */
.p-ai-tools-heading .pagelayer-col-holder{padding: 10px}
.p-ai-tools-heading{padding-top: 60px; padding-bottom: 10px}

.p-ai-tools-section-label{text-align: center}
.p-ai-tools-section-label .pagelayer-heading-holder *{color:#fdcf1c}
.p-ai-tools-section-label .pagelayer-heading-holder{color:#fdcf1c}

.p-ai-tools-section-title{text-align: center}

.p-ai-section-label-row .pagelayer-col-holder{padding: 10px}
.p-ai-section-label-row{padding-top: 50px; padding-bottom: 0px}

/* ===== Journey Timeline ===== */
.p-ai-timeline-row .pagelayer-col-holder{padding: 10px}
.p-ai-timeline-row{padding-top: 30px; padding-bottom: 30px}

.ai-timeline{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0;
}
.ai-timeline-line{
	position: absolute;
	top: 38px;
	left: 60px;
	right: 60px;
	height: 3px;
	background: linear-gradient(90deg, #333 0%, #fdcf1c 100%);
	border-radius: 2px;
	z-index: 0;
}
.ai-timeline-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
	flex: 1;
}
.ai-timeline-dot{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #333;
	border: 3px solid #555;
	margin-bottom: 12px;
	transition: all 400ms;
}
.ai-timeline-item-active .ai-timeline-dot{
	background: #fdcf1c;
	border-color: #fdcf1c;
	box-shadow: 0 0 12px rgba(253,207,28,0.5);
}
.ai-timeline-year{
	font-family: Catamaran, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #222;
	line-height: 1;
	margin-bottom: 4px;
}
.ai-timeline-item-active .ai-timeline-year{
	color: #fdcf1c;
}
.ai-timeline-label{
	font-family: Poppins, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #888;
	text-align: center;
	max-width: 140px;
}
.ai-timeline-item-active .ai-timeline-label{
	color: #333;
	font-weight: 600;
}
@media (max-width: 500px){
	.ai-timeline{flex-wrap: wrap; gap: 10px; justify-content: center}
	.ai-timeline-line{display: none}
	.ai-timeline-item{flex: 0 0 45%}
	.ai-timeline-year{font-size: 22px}
	.ai-timeline-label{font-size: 11px}
}

/* ===== Feature Cards ===== */
.p-ai-feature-row .pagelayer-col-holder{padding: 10px}
.p-ai-feature-row{padding-top: 10px; padding-bottom: 10px}

.p-ai-feature-col{align-content: flex-start !important}
.pagelayer-row-holder .p-ai-feature-col{width: 50%}
@media (max-width: 768px){.pagelayer-row-holder .p-ai-feature-col{width: 100%}}

.ai-feature-card{
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	transition: transform 400ms, box-shadow 400ms;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.ai-feature-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

/* Card image area */
.ai-card-image{
	height: 220px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.ai-card-image-wide{
	height: 260px;
}
.ai-card-badge{
	position: absolute;
	top: 16px;
	right: 16px;
	background: #fdcf1c;
	color: #000;
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 14px;
	border-radius: 3px;
}
.ai-card-stats-overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.85));
	padding: 30px 20px 14px;
	display: flex;
	gap: 20px;
	justify-content: center;
}
.ai-card-stats-overlay span{
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
}
.ai-card-stats-overlay span i{
	color: #fdcf1c;
	margin-right: 4px;
}

/* Card body */
.ai-card-body{
	padding: 28px 28px 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.ai-card-body h3{
	font-family: Catamaran, sans-serif;
	font-size: 26px !important;
	font-weight: 600 !important;
	color: #1a1a1a !important;
	text-transform: none !important;
	margin: 0 0 4px;
}
.ai-card-tagline{
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fdcf1c;
	margin: 0 0 16px;
}

/* Tech stack badges */
.ai-tech-stack{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
}
.ai-badge{
	display: inline-block;
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #555;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
	padding: 3px 10px;
	border-radius: 3px;
	text-transform: none;
	letter-spacing: 0;
}

/* Feature list */
.ai-feature-list{
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	flex: 1;
}
.ai-feature-list li{
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #555;
	line-height: 1.7;
	padding: 3px 0 3px 20px;
	position: relative;
}
.ai-feature-list li::before{
	content: '\f00c';
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
	font-weight: 900;
	font-size: 10px;
	color: #fdcf1c;
	position: absolute;
	left: 0;
	top: 5px;
}
.ai-feature-list li strong{
	color: #333;
	font-weight: 600;
}

/* Card action buttons */
.ai-card-actions{
	padding-top: 8px;
	border-top: 1px solid #f0f0f0;
}
.ai-btn-primary{
	display: inline-block;
	padding: 10px 28px;
	background: #fdcf1c;
	color: #000 !important;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	border-radius: 3px;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all 400ms;
}
.ai-btn-primary:hover{
	background: #1a1a1a;
	color: #fdcf1c !important;
}

/* ===== Stats Bar ===== */
.p-ai-stats-row .pagelayer-col-holder{padding: 10px}
.p-ai-stats-row{padding-top: 30px; padding-bottom: 30px}

.ai-stats-bar{
	display: flex;
	justify-content: center;
	gap: 60px;
	padding: 36px 20px;
	background: #111;
	border-radius: 8px;
}
.ai-stat{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.ai-stat-number{
	font-family: Catamaran, sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #fdcf1c;
	line-height: 1;
	margin-bottom: 6px;
}
.ai-stat-label{
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1px;
}
@media (max-width: 768px){
	.ai-stats-bar{gap: 30px; flex-wrap: wrap}
	.ai-stat-number{font-size: 32px}
}
@media (max-width: 500px){
	.ai-stats-bar{gap: 20px; padding: 24px 16px}
	.ai-stat-number{font-size: 26px}
	.ai-stat-label{font-size: 11px}
}

/* ===== Parallax divider ===== */
.p-ai-parallax-row .pagelayer-col-holder{padding: 10px}
.p-ai-parallax-row > .pagelayer-background-overlay{background-color: #000000;opacity: 0.3;-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-ai-parallax-row{background-image: url("../inspiration/iycti.jpg");background-attachment: fixed;background-position-x: center;background-position-y: center;background-repeat: no-repeat;background-size: cover;padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px}
@media (max-width: 768px) and (min-width: 501px){.p-ai-parallax-row{padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px}}
@media (max-width: 500px){.p-ai-parallax-row{padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px}}

.p-ai-parallax-col{align-content: center !important}
.p-ai-parallax-col .pagelayer-col-holder > div:not(:last-child){margin-bottom: 15px}
.p-ai-parallax-col > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}

.p-ai-parallax-heading{text-align: center}
.p-ai-parallax-heading .pagelayer-heading-holder *{color:#ffffff}
.p-ai-parallax-heading .pagelayer-heading-holder{color:#ffffff}

.p-ai-parallax-text{text-align: center}
.p-ai-parallax-text .pagelayer-heading-holder *{color:#ffffff}
.p-ai-parallax-text .pagelayer-heading-holder{color:#ffffff}

/* ===== CTA section ===== */
.p-ai-cta-row .pagelayer-col-holder{padding: 10px}
.p-ai-cta-row > .pagelayer-background-overlay{-webkit-transition: all 400ms !important; transition: all 400ms !important}
.p-ai-cta-row{padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px}
.p-ai-cta-row{background-image: url("../pix/xtarri.jpg");background-attachment: scroll;background-position-x: center;background-position-y: center;background-repeat: no-repeat;background-size: cover}
@media (max-width: 768px) and (min-width: 501px){.p-ai-cta-row{padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px}}
@media (max-width: 500px){.p-ai-cta-row{padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px}}

/* ===== CTA button ===== */
.p-ai-cta-btn{text-align:center;padding-top:20px}
.p-ai-cta-btn .pagelayer-btn-holder{display:inline-block;padding:14px 40px;background-color:#fdcf1c;color:#000000;font-family:Poppins;font-size:16px;font-weight:600;border-radius:3px;text-transform:uppercase;-webkit-transition:all 400ms;transition:all 400ms}
.p-ai-cta-btn .pagelayer-btn-holder:hover{background-color:#ffffff;color:#000000}