/* CUSTOMIZER CSS BEGIN */
/* Home: narrow the column only where the side rails actually fit */
@media (min-width: 1560px) {
  body.home .site-content { max-width: 900px !important; }
}
.home .site-content .content-area{
	
	    margin-top: -2rem;
}

.calculator-icon {
	background-color: #2563eb;
	padding: 10px 8px;
	border-radius: 12px;
}
/* CUSTOMIZER CSS END */
 
.home  .main-navigation .main-nav ul li a{
	padding: 0 !important;
}
@media (max-width: 768px) { #root { min-height: 770px; } }


/* ---- Base ---- */

.gpa-page, .gpa-page * { font-family: "Lexend", "Lexend Fallback", system-ui, -apple-system, sans-serif; }
.gpa-page { font-weight: 400 !important; -webkit-font-smoothing: antialiased !important; }
.gpa-page h2, .gpa-page h3, .gpa-page h4 { font-weight: 700 !important; color: #111827 !important; }
/* .gpa_formula_section .gpa-card-formula{
	        margin-left: 2rem !important;
        margin-right: 2rem !important;
} */
/* ---- Hero ---- */
.gpa-hero {   background: linear-gradient(
    135deg,
    #2563eb 0%,
    #9333ea 50%,
    #1e40af 100%
  ) !important; padding: 80px 16px !important; }
.gpa-hero-title { 
	        font-size: 3.75rem; font-weight: 700 !important; color: #fff !important; line-height: 1.2 !important; margin-bottom: 24px !important; }
.gpa-hero-sub {         font-size: 1.5rem; color: rgba(255,255,255,0.85) !important; line-height: 1.6 !important; margin-bottom: 32px !important; }
.gpa-hero-trust { font-size: 14px !important; font-weight: 500 !important; color: rgba(255,255,255,0.7) !important; }

/* ---- Sections ---- */
.gpa-sec-white { background: #fff !important; padding: 80px 16px !important; }
.gpa-sec-gray { background: #F9FAFB !important; padding: 3rem 16px 0 16px !important; }
.gpa-sec-dk { background: #F3F4F6 !important; padding: 80px 16px !important; }

/* ---- Typography ---- */
.gpa-h2 { font-weight: 700;  font-size: 2.25rem; line-height: 2.5rem; color: #111827 !important;   margin-bottom: 16px !important; }
.gpa-h3 { font-size: 1.5rem; line-height: 2rem;font-weight: 700; color: #111827 !important; margin-bottom: 12px !important; }
.gpa-h3-sm { font-size: 1.25rem; line-height: 1.75rem;font-weight: 700; color: #111827 !important; margin-bottom: 12px !important; }
.gpa-h4 { font-size: 1.125rem !important; font-weight: 700 !important; color: #111827 !important; margin-bottom: 8px !important; }
.gpa-body {  font-size: 1.125rem;font-weight: 400 !important; color: #374151 !important; line-height: 1.7 !important; }
.gpa-body-lg { font-size: 1.25rem; font-weight: 400 !important; color: #374151 !important; line-height: 1.7 !important; }
.gpa-small {     font-size: 1rem; font-weight: 600 !important; color:#4b5563 !important; line-height: 1.6 !important; }
.gpa-desc { font-size: 16px !important; font-weight: 400 !important; color: #6B7280 !important; margin-bottom: 36px !important; }
.gpa-mono {    font-weight:500; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;      font-size: 1rem;
    line-height: 1.5rem; color: #374151 !important; }
.gpa-center { text-align: center !important; }
.gpa-bold { font-weight: 700 !important; }
.gpa-semibold { font-weight: 600 !important; }
.gpa-bold.gpa-body{    font-size: 1.125rem;}
/* ---- Cards ---- */
.gpa-card { background: #fff !important; border-radius: 12px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; padding: 24px !important; border: 1px solid #E5E7EB !important; }
.gpa-card-xl { background: #fff !important; border-radius: 16px !important; padding: 3rem !important; border: 2px solid #DBEAFE !important; box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important; }
.gpa-card-formula { background: #F9FAFB !important; border-radius: 12px !important; padding: 2.5rem !important;      margin-top: 4rem; }
.gpa-card-formula-inner { background: #F3F4F6 !important; border-radius: 8px !important; padding: 20px 24px !important; }
.gpa-card-faq { background: #F9FAFB !important; border-radius: 10px !important; padding: 24px !important; border: 1px solid #E5E7EB !important; margin-bottom: 16px !important; }

/* ---- Steps ---- */
.gpa-steps-wrap { background: linear-gradient(135deg, #EFF6FF, #fff, #EFF6FF) !important; margin-bottom:4rem; border-radius: 16px !important; padding: 48px 32px !important; border: 2px solid #DBEAFE !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; }
.gpa-step-card { background: #fff !important; border-radius: 12px !important; padding: 24px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; border-left: 4px solid #2563EB !important; }
.gpa-step-num { background: #2563EB !important; color: #fff !important; border-radius: 12px !important;width:3rem !important; height: 3rem !important; font-size: 20px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.gpa-step-sm { background: #2563EB !important; color: #fff !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; font-size: 16px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
.gpa-step-sm-green { background: #16A34A !important; color: #fff !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; font-size: 16px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }

/* ---- Example Table ---- */
.gpa-thead { background: #2563EB !important; border-radius: 10px 10px 0 0 !important; padding: 14px 16px !important; }
.gpa-thead p { color: #fff !important; font-size: 13px !important; font-weight: 600 !important; }
.gpa-totals { background: #EFF6FF !important; border-radius: 8px !important; padding: 12px 16px !important; margin-top: 12px !important; }
.gpa-grade-a { color: #16A34A !important; font-weight: 700 !important; }
.gpa-grade-b { color: #F59E0B !important; font-weight: 700 !important; }
.gpa-grade-c { color: #6B7280 !important; font-weight: 700 !important; }
.gpa-grade-d { color: #DC2626 !important; font-weight: 700 !important; }
.gpa-card-xl .gpa-table-row .wp-block-paragraph.gpa-pts { color: #2563EB !important; font-weight: 600 !important; font-family: ui-monospace, monospace !important; }

/* ---- Code Block ---- */
.gpa-code { background: #F3F4F6 !important; border-radius: 8px !important; padding: 14px 16px !important;margin-top:0.5rem; }
.gpa-code p { font-family: ui-monospace, monospace !important; font-size: 13px !important; line-height: 1.8 !important; color: #374151 !important; }

/* ---- Result ---- */
.gpa-result { background: linear-gradient(135deg, #F0FDF4, #EFF6FF) !important; border: 2px solid #16A34A !important; border-radius: 12px !important; padding: 24px !important; }
.gpa-result-num { font-size: 48px !important; font-weight: 700 !important; color: #16A34A !important; margin-bottom: 4px !important; }
.gpa-result-lbl { font-size: 14px !important; font-weight: 600 !important; color: #6B7280 !important; }

/* ---- Takeaway ---- */
.gpa-takeaway .is-layout-flex{
	gap:10px !important;
	align-items:start !important;
}

.gpa-takeaway .is-layout-flex .svg-stroke-color{
	    width: 1.5rem !important;
 
}
.gpa-takeaway .is-layout-flex .svg-stroke-color svg{
	margin-top:2px !important;
}
.gpa-takeaway { background: #2563EB !important; border-radius: 12px !important; padding: 20px 24px !important; }
.gpa-takeaway .gpa-takeaway-title { font-size: 16px !important; font-weight: 700 !important; color: #fff !important;   }
.gpa-takeaway .gpa-takeaway-text { font-size: 15px !important; color: #DBEAFE !important; line-height: 1.6 !important; }

/* ---- Badges ---- */
.gpa-badge { display: inline-block !important; padding: 10px 24px !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 16px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
.gpa-bg-blue { background: #2563EB !important; }
.gpa-bg-blue  ~  .gpa-cta  {
	color:#2563EB !important;
}
.gpa-bg-green { background: #16A34A !important; }
.gpa-bg-green   ~  .gpa-cta  {
	color:#16A34A  !important;
}
.gpa-bg-orange { background: #EA580C !important; } 
.gpa-bg-orange  ~  .gpa-cta  {
	color:#EA580C !important;
}
.gpa-bg-red { background: #DC2626 !important; }
.gpa-bg-red  ~  .gpa-cta  {
	color:#DC2626 !important;
}
.gpa-bg-purple { background: #9333EA !important; }
.gpa-bg-purple  ~  .gpa-cta {
	color: #9333EA !important;
}
.gpa-bg-amber { background: #D97706 !important; }
.gpa-bg-amber  ~  .gpa-cta  {
	color:#D97706  !important;
}
.gpa-bg-teal { background: #0D9488 !important; } 
.gpa-bg-teal  ~  .gpa-cta  {
	color: #0D9488  !important;
}
.gpa-bg-rose { background: #E11D48 !important; }
.gpa-bg-rose  ~  .gpa-cta {
	color:#E11D48  !important;
}
/* ---- Compare Cards ---- */
.gpa-cmp-blue { background: linear-gradient(135deg, #EFF6FF, #fff) !important; border-radius: 16px !important; padding: 32px 28px !important; border: 2px solid #BFDBFE !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; }
.gpa-cmp-green { background: linear-gradient(135deg, #F0FDF4, #fff) !important; border-radius: 16px !important; padding: 32px 28px !important; border: 2px solid #BBF7D0 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; }
.gpa-cmp-orange { background: linear-gradient(135deg, #FFF7ED, #fff) !important; border-radius: 16px !important; padding: 32px 28px !important; border: 2px solid #FED7AA !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; }
.gpa-checklist { font-size: 16px !important;   line-height: 2.5 !important; color: #374151 !important; }
.gpa-ck-blue { color: #2563EB !important; }
.gpa-ck-green { color: #16A34A !important; }
.gpa-ck-orange { color: #EA580C !important; }

/* ---- Callouts ---- */
.gpa-callout-blue { background: #fff !important; border-radius: 8px !important; padding: 14px 16px !important; border-left: 4px solid #2563EB !important; }
.gpa-callout-green { background: #fff !important; border-radius: 8px !important; padding: 14px 16px !important; border-left: 4px solid #16A34A !important; }

/* ---- Related Calc Cards ---- */
.gpa-icon-circle { width: 56px !important; height: 56px !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;   margin-bottom: 16px !important; color: #fff !important; }
.gpa-rel-card { background: #fff !important; border-radius: 16px !important; padding: 32px 28px !important; border: 1px solid #E5E7EB !important; min-height:340px; box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; }
.gpa-cta { font-size: 15px !important; font-weight: 600 !important; color: #DC2626 !important; }
.gpa-icon-circle  .sm-svg-width{
	width: 1.75rem ;
    height: 1.75rem;
    margin: auto;
}
.gpa-sec-gray.gpa-related-sec{
padding:80px 0 80px 0 !important;	
}
/* ============================================
   HEADER / NAV - Match Bolt
   ============================================ */
.site-header {
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    border-bottom: 1px solid #E5E7EB !important;
}
.site-header .site-title,
.site-header .site-title a {
    font-family: "Lexend", "Lexend Fallback", system-ui, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2563EB !important;
    text-decoration: none !important;
}
.main-navigation a,
.main-navigation .main-nav a {
    font-family: "Lexend", "Lexend Fallback", system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
	
    color: #4B5563 !important;
    padding: 10px 16px !important;
    transition: color 0.2s !important;
}
.main-navigation a{
	color:#4b5563 !important;
}
/* ============================================
   FOOTER - Match Bolt (dark style)
   ============================================ */
.site-footer {
    background:#1f2937 !important;
    color: #D1D5DB !important;
    font-family: "Lexend", "Lexend Fallback", system-ui, sans-serif !important;
}
.site-footer .footer-widgets {
    background: #1f2937 !important;
    padding: 3rem 0 !important;
}
.site-footer .footer-widgets .widget {
    color: #D1D5DB !important;
}
.site-footer .footer-widgets .widget-title,
.site-footer .footer-widgets h2 {
    font-family: "Lexend", "Lexend Fallback", system-ui, sans-serif !important;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600 !important;
    color: #fff !important;
    margin-bottom: 16px !important;
}
.site-footer .footer-widgets a {
    color: #D1D5DB !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.site-footer .footer-widgets a:hover {
    color: #fff !important;
}
.site-footer .footer-widgets ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.site-footer .footer-widgets li {
    margin-bottom: 8px !important;
    line-height: 20px;
}

/* Footer Bar */
.site-footer .footer-bar,
.site-info {
    background: #1f2937 !important;
    border-top: 1px solid #374151 !important;
    padding: 24px 0 !important;
    text-align: center !important;
    color: #9CA3AF !important;
    font-size: 14px !important;
}
.site-info a {
    color: #9CA3AF !important;
    text-decoration: none !important;
}

/* ---- Rank Math FAQ Block ---- */
.rank-math-block {
    padding: 0 !important;
    margin: 0 !important;
}
.rank-math-block .rank-math-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.rank-math-block .rank-math-list-item {
    background: #F9FAFB !important;
    border-radius: 10px !important;
    padding: 24px !important;
    border: 1px solid #E5E7EB !important;
    margin-bottom: 16px !important;
}
.rank-math-question {
        font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 12px !important;
}
.rank-math-answer,
.rank-math-answer p {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    line-height: 1.6 !important;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .gpa-hero { padding: 50px 16px !important; }
    .gpa-hero-title { font-size: 36px !important; }
    .gpa-h2 { font-size: 24px !important; }
    .gpa-sec-white, .gpa-sec-gray, .gpa-sec-dk { padding: 50px 16px !important; }
    .gpa-steps-wrap { padding: 32px 16px !important; }
    .gpa-result-num { font-size: 36px !important; }
    .site-footer .footer-widgets { padding: 40px 0 !important; }
}



/*  GPA PAGE STYLE  BEGIN */
body.home .site-content{
	max-width:100% !important;
}  
body.home .hover\:bg-blue-50:hover{
	border-color: rgb(96 165 250);
	color:#2563eb;
}
body.home .hover\:bg-gray-200:hover{
	color:inherit !important;
}
.gpa-embed .text-sm{
	font-size: 0.875rem !important;
    line-height: 1.25rem  !important;
}
.gpa-page .font-medium{ font-weight:500 !important;}
.gpa-embed select.text-sm{
	padding-left:2px !important;
}
.gpa_formula_section  .gpa-card-formula{
	background:#fff !important;
}

.gpa_formula_section  .gpa-card-formula .gpa-small{
	font-weight:400 !important;
}
/* .gpa_formula_section{
	max-width:;
} */

.gpa-steps-wrap .sm-svg-width{
	padding: 1rem;
border-radius: 1rem;
}
.gpa-steps-wrap .sm-svg-width svg{

	 width:2rem !important;
	height:2rem !important;
}
.gpa-steps-wrap .gpa-h2,
.gpa-h2-medium{
	    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
} 
.gpa-steps-wrap .gpa-desc{
	margin-top: 0 !important;
}

.gpa-step-card {
	
    align-items: flex-start;
	    min-height: 170px;
}
.gpa-thead th.font-semibold{
	    font-size: 13px !important;
    font-weight: 600 !important;
}

.gpa-step-card .wp-block-group-is-layout-flex{
	gap:0 !important;
		max-width:60%;
}
.example_gpa_calculation .gpa-desc{
	    font-size: 1.25rem !important;
    line-height: 1.75rem  !important;
	 color:#4b5563 !important;
	font-weight:500 !important;
	    margin-bottom: 3rem !important;
}

.gpa-card-xl .gpa-grade-a,.gpa-grade-b ,.gpa-grade-c,.gpa-grade-d {
		width: fit-content !important;
	padding-top: 0.25rem;
	    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.25rem;
	color:rgb(22 101 52) !important;
	    border-radius: 9999px;
}
.gpa-card-xl .gpa-grade-a,.gpa-grade-b {
	background: rgb(220 252 231 / var(--tw-bg-opacity, 1)) !important;
}
.gpa-grade-c{
color: #1e40af !important;
	background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.gpa-card-xl .gpa-table-row .wp-block-paragraph{
	font-weight:600 !important;
	color:#374151 !important;
}
.gpa-grade-d{
	color:rgb(133 77 14) !important;
	    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.gpa-step-card  .gpa-small{
font-weight:400 !important;
	font-size: 0.875rem;
}
.gpa_formula_section .gpa-card-formula {
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
} 
.gpa-sep{ 
	border: 0.5px solid rgb(229 231 235) !important
}
.gpa-sec-white .gpa-h2{
    font-size: 1.875rem !important;
    line-height: 2.25rem  !important;
}
.gpa-sec-gray.gpa-cumulative{
padding-bottom:80px !important;	
}
:is(.gpa-cmp-blue,.gpa-cmp-green) .gpa-small{
/* 	    */
    line-height: 1.25rem;
    color: #4b5563;
}
:is(.gpa-callout-green,.gpa-callout-blue) .gpa-small{
	font-size: 0.875rem !important; 
}
.gpa-sec-faq .gpa-h2{
	font-size: 2.25rem !important;
    line-height: 2.5rem !important;
	font-weight:700 !important;
}
.gpa-sec-faq  .gpa-desc{
	    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
	color:#4b5563 !important;
	font-weight:500 !important;
}
.rank-math-list-item p{
	    font-size: 16px !important;
	color: #374151 !important;
	
	font-weight:400 !important;
}

.gpa-related-sec .gpa-desc{
	    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
color:#4b5563 !important;
}

.gpa-related-sec .gpa-small{
	font-weight:400 !important;
}
:is(.gpa-cmp-orange,.gpa-cmp-blue,.gpa-cmp-green) .gpa-small.wp-block-paragraph{
	font-weight:400 !important;
}

:is(.gpa-cmp-orange,.gpa-cmp-blue,.gpa-cmp-green)  .gpa-h3{
	margin-top:0 !important;


}
.example_gpa_calculation  .gpa-h2{
	margin-top:4rem !important
}
.space-top{
	    margin-top: 2rem !important;	
}
.gpa-step-item{
	width: 90% !important;
} 
.gpa-step-sm{
	 width: 2.5rem !important;  
    height: 2.5rem  !important;
}
.gpa-hero-band :is(.bg-gray-100,.relative.group) button:hover,  a.button:hover, button:focus{
	background:rgb(37 99 235) !important;
	color: #fff !important;
}
.main-navigation a:hover,
.main-navigation .main-nav a:hover {
    color: #111827 !important;
/*     background: #F9FAFB !important; */
    border-radius: 8px !important;
}
.main-navigation .sub-menu {
    background: #fff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; 
    min-width: 260px !important;
}
.main-navigation .sub-menu a {
    font-size: 13px !important; line-height: 1.25rem !important;
    color: #374151 !important; 
}
 
.main-navigation .sub-menu a:hover {
    color: #111827 !important;
    background: #F9FAFB !important;
	
}

.home .main-navigation #menu-top-nav   .sub-menu  li  a{
	display:block !important;
		padding: 0.625rem !important;  
	
}
.menu-item-has-children .dropdown-menu-toggle{
	padding-right:0 !important;
}
#menu-top-nav{
	gap:25px;
}

@media(max-width:767px){
	
.gpa-embed .bg-gray-100 button{
	    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
	font-size:14px !important;
}

	.gpa-embed input,
	.gpa-embed select {
		
	font-size:12px !important;
	}
	.gpa-embed .max-w-4xl{
		padding:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.gpa-page .gpa-hero{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.inside-footer-widgets{
		display:grid !important;
		    grid-template-columns: repeat(2, 1fr);
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.gpa-card-xl{
		    padding: 1rem !important;
	}
	.example_gpa_calculation .wp-block-group,.gpa-step-card{
		flex-direction:column !important;
	}
.gpa-embed button:hover :is(span, svg),
.gpa-embed button:focus :is(span, svg),
.gpa-embed button:focus-visible :is(span, svg),
.gpa-embed button:active :is(span, svg) {
    color: #fff !important;
}
	.gpa-page .font-medium label{
		margin-top:.375rem !important;
	}
	.example_gpa_calculation  .gpa-h2{
	margin-top:2rem !important
}
	.main-title{font-size:18px !important;}
	.inside-header{padding:0 10px !important;}
}

/*  GPA PAGE STYLE  END */