/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Color Variables */
            :root {
                --color-primary: #ff5722; /* Vibrant Orange */
                --color-text-dark: #222222; /* Black/Very Dark Gray */
                --color-background-light: #f7f7f7; /* Light Gray Background */
                --color-border-light: #e0e0e0; /* Border Gray */
            }
body {
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #222222; font-size: 15px;
}

@media (min-width: 1200px) {
  .container { max-width: 1300px;}
}
.container-fluid{max-width: 1750px; margin: 0 auto; }
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.fix {
	overflow: hidden
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #1a1a1a;
	text-decoration: none;
}

a,
button {
	color: #F59403;
	outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}
.text-primary{color: #1a1a1a !important;}
.policy-list .text-primary {border-bottom: 3px solid #F59403; padding-bottom: 3px;}
.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto Condensed", serif;
	font-weight: 700;
	color: #1a1a1a;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

h1 {
	font-size: 40px;
	font-weight: 500;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none
}

p {
	font-size: 15px;
	font-weight: normal;
	color: #222222;
	margin-bottom: 15px;
}

hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}

label {
	color: #1a1a1a;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
}
.nav-tabs {
      border-bottom: none;
      justify-content: flex-start;
    }
    .nav-tabs .nav-link {
      border: none;
      background: #f1f1f1;
      color: #333;
      border-radius: 25px;
      margin: 0 5px;
      padding: 8px 20px;
      transition: all 0.5s ease; font-size: 15px; font-weight: 500;
    }
	.nav-tabs .nav-link:hover {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; transform: translateY(-3px);transition: all 0.5s ease;
	}
    .nav-tabs .nav-link.active {
      background: #F59403;
      color: #fff;
    }
    .tab-content {
      border: none;
      padding-top: 20px;
    }
	ul.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.custom-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 0px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

ul.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  background: #f59403;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,123,255,0.5);
}
.notes{font-size: 14px;}
.sf-image{font-family: "Roboto Condensed", serif; font-size: 16px; font-weight: 700;}
.text-dark{color:#1a1a1a !important;}
.pg-section{display: flex; padding: 65px 0;}
.pg-section h2{font-size: 45px; font-weight: 700;}
.pg-section img{max-width: 100%;}
.img-full{width: 100%;}
.inner-header{display: flex; padding-top:170px; padding-bottom:25px; background-color:#f5f5f5;}
input.form-control{height: 40px;background: #ffffff; border:1px solid #8f8f9d; border-radius: 5px; width: 100%; padding: 0 15px;color: #666666; font-size: 16px;}
textarea.form-control{background: #ffffff; border:1px solid #8f8f9d; border-radius: 5px; width: 100%; padding: 15px;color: #666666; font-size: 16px;}
select.form-control{height: 45px;background: #ffffff; border:1px solid #8f8f9d; border-radius: 5px; width: 100%; padding: 0 15px;color: #666666; font-size: 16px;}
#wpcf7-f1953-o1 .wpcf7-form label,#wpcf7-f1949-o1 .wpcf7-form label,div[data-wpcf7-id="1970"] .wpcf7-form label, .contact-form label{width: 100%;}
#wpcf7-f1953-o1 .wpcf7-form select, #wpcf7-f1949-o1 .wpcf7-form select{height: 45px; background: #ffffff; border:1px solid #cccccc; border-radius: 5px; width: 100%; padding: 0 15px; color: #666666; font-size: 16px;}
.col-img{width: 100%; text-align: left; margin-bottom: 25px;}
.col-img img{max-width: 60px;}
.super-feature{display: flex; flex-direction: column; width: 100%;}
.super-feature .sf-image{width: 100%; text-align: left;}
.super-feature .sf-image img{max-width: 80px;}
.super-feature h4{margin: 15px 0; font-size: 24px; font-weight: 600;}
.get-started-box{display: flex; width: 100%; flex-direction: column; background: #f0f0f0; border-radius: 20px;}
.get-started-box .gs-image{padding-left: 25px;}
.get-started-box .gs-image img{width: 100%;}
.get-started-box h2{font-size: 36px; font-weight: 700; padding: 25px 0 10px 25px;}
.btn-wrap{padding: 0 25px; margin-bottom: 45px; width: 100%; display: flex; gap:10px; }
.btn-wrap a{padding: 10px 20px; border-radius: 10px;}
.btn-primary{background-image: -moz-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(245, 148, 3) 100%);
	background-image: -webkit-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(245, 148, 3) 100%);
	background-image: -ms-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(245, 148, 3) 100%); border: 2px solid #f59403;}
.btn-primary:hover{background-image: -moz-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
background-image: -webkit-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
background-image: -ms-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%); border: 2px solid #f59403;box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); transition: all 0.5s ease; }
.btn-secondary{border: 2px solid #1696e7; background: #1696e7;}
.btn-secondary:hover{border: 2px solid #0e8ad8; background: #0e8ad8;}
.meeting-enquiry form{display: flex; flex-wrap: wrap; width: 100%; gap:2%;}
.meeting-enquiry .form-group{width: 49%;}
.add-guest{display: flex; width: 100%; justify-content: flex-end;}
.add-guest button{height:40px; display: flex; align-items: center; justify-content: center; font-size: 15px; padding: 5px 15px; margin: 0 !important;}
#guestFields{width: 100%; margin-bottom: 15px;}
.full-wd{width: 100% !important;}
.inline-check .form-check{display: flex; align-items: center;}
.contact-info{display: flex; align-items: center; margin: 7px 0;}
.contact-info .col-img{width: 80px; margin-right: 15px;}
.contact-info .col-detail{flex:1;}
.contact-info .col-detail a{color: #6b7280;}
.contact-info .col-detail a:hover{color: #1a1a1a;}
.slider-area{background: #f9f7f4;}
.mean-container a.meanmenu-reveal{top: -15px;}
.tab-content-wrap{padding-left: 15px;}
.tab-content-wrap h6{margin-top: 15px;}
.bg-grey{background-color:#f9f7f4;}
.btn-md{padding: 10px 35px; border-radius: 50px; text-transform: uppercase; font-size: 16px; font-family: "Roboto Condensed", sans-serif; display: inline-flex; font-weight: 500; display: inline-flex; align-items: center;}
.btn-small{padding: 5px 25px; border-radius: 50px; text-transform: uppercase; font-size: 16px; font-family: "Roboto Condensed", sans-serif; display: inline-flex; font-weight: 500;display: inline-flex; align-items: center;}
.form-check-input input[type=checkbox] {
             width: 20px;
            height: 20px;
            margin-right: 10px;
        }
#acceptanceCheck span.wpcf7-list-item-label {
    display: none;
}
#acceptanceCheck span.wpcf7-list-item.first.last {
    margin:0;
}

span#acceptanceCheck {
    margin-top:0px; 
}
.logo img{max-width: 300px;}

/* Subject Tags */
.subject-tags{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:10px;}
.subject-tag{display:inline-flex; align-items:center; font-family:"Roboto Condensed", sans-serif; font-weight:700; font-size:20px; padding:10px 18px; border-radius:30px; background:#F59403; color:#fff; box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);}

*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}

*::-moz-placeholder {
	color: #666666;
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: #666666;
	font-size: 14px;
	opacity: 1;
}


.theme-overlay {
	position: relative
}

.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.separator {
	border-top: 1px solid #f2f2f2
}



/*
================================================================================
  UNIFIED BUTTON STYLES (TSTP Prefix - Orange/Black Theme)
================================================================================
*/



/* 1. BASE BUTTON STYLE (.tstp-btn) */
.tstp-btn {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 30px; /* Base padding */
    border: 2px solid transparent;
    border-radius: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    /* Professional Transition: smooth, cubic-bezier for a subtle spring effect */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    outline: none !important;
    white-space: nowrap;
}


/* General Hover Effect: Subtle lift and shadow */
.tstp-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* 2. PRIMARY BUTTON STYLE (.tstp-btn-primary) - Solid Orange (The Orange-to-Black Swap) */
.tstp-btn-primary {
    /* Base: Solid Orange Fill, Black Text */
    background-color: #F59403;
    border-color: #F59403;
    color: #1a1a1a !important;
}

.tstp-btn-primary:hover {
    /* Hover: Professional Orange-to-Black Swap with a slight orange glow */
    background-color: #1a1a1a;
    border-color: #F59403;
    color: #F59403 !important; /* Orange text on black background */
    box-shadow: 0 5px 15px rgba(245, 148, 3, 0.3);
}

/* 5. OUTLINE BUTTON STYLE (.tstp-btn-outline) - Orange Outline */
.tstp-btn-outline {
    /* Base: Transparent Fill, Orange Border, Orange Text */
    background-color: transparent;
    border-color: #F59403;
    color: #F59403 !important;
}

.tstp-btn-outline:hover {
    /* Hover: Transition to solid Orange Fill, Black Text */
    background-color: #F59403;
    border-color: #F59403;
    color: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* 6. WHITE BUTTON STYLE (.tstp-btn-white) - Solid White */
.tstp-btn-white {
    /* Base: White Fill, Black Text, White Border */
    background-color: #ffffff;
    border-color: #ffffff;
    color: #1a1a1a !important;
}

.tstp-btn-white:hover {
    /* Hover: Transition to Black Fill, Orange Text, Orange Border */
    background-color: #1a1a1a;
    border-color: #F59403;
    color: #F59403 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}


/* --- BUTTON SIZE UTILITIES (to be used with the base style) --- */

/* Medium Button (Replaces btn-md) */
.tstp-btn-md {
    padding: 12px 35px;
    font-size: 16px;
}

/* 3. LARGE BUTTON STYLE (.tstp-btn-lg) */
.tstp-btn-lg {
    padding: 14px 40px;
    font-size: 18px;
}
/* Enhanced hover for larger button */
.tstp-btn-lg:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

/* 4. SMALL BUTTON STYLE (.tstp-btn-small) */
.tstp-btn-small {
    padding: 8px 25px;
    font-size: 14px;
}
/*
================================================================================
  UNIFIED BUTTON STYLES (Professional Orange/Black Theme) ENDS
================================================================================
*/

/* ---------------------------------------------------- */
/* --- CUSTOM HERO SLIDER STYLES START HERE --- */
/* ---------------------------------------------------- */

/* 4. hero-area (Base styles for the whole section) */
.tstp-hero-area {
  position: relative;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  /* Adjust padding from common css to ensure content fits */
  padding-top: 150px; 
  padding-bottom: 100px;
}
.tstp-hero-area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); /* Semi-transparent overlay */
  z-index: -1;
}


/* Main Course Container */
.tstp-custom-hero {
    position: relative;
    z-index: 1;
}

/* Left Content Column Styling */
.tstp-custom-hero-content {
    padding: 30px;
}

.tstp-custom-hero-content .sub-title {
    display: block;
    font-size: 16px;
    color: #ffb600; /* Primary Color */
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.tstp-custom-hero-content h1 {
    font-size: 52px;
    font-weight: 700;
    color: #1a1a1a; 
    line-height: 1.2;
    margin-bottom: 20px;
}
.tstp-custom-hero-content h1 span{color: #ffffff; background: #f59403; padding: 3px 10px; display: inline-block; min-width: 120px; text-align: center;}
.tstp-custom-hero-content p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #222222;
}
.tstp-custom-hero-content p.small {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #777777;
}
/* Right Grid Container (Wrapper for the two rotating rows) */
.tstp-grid-wrapper{padding: 15px; display: flex;}
.tstp-custom-hero-grid {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Spacing between top and bottom row */
    padding: 15px;
    background-color: #ffffff; /* Slight transparency on background */
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		border: 2px solid #1a1a1a; position: relative;
}

/* Row Wrapper (Now a Slick container) */
.tstp-custom-hero-grid .grid-row {
    margin: 0 -7.5px; /* Counteracts Slick's internal padding and enables item spacing */
    padding: 0;
}

/* The Grid Item (.slider-content-item) is the individual rotating box */
.tstp-custom-hero-grid .slider-content-item {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    min-height: 150px;
    margin: 0 7.5px; /* Adds spacing between slides */
    display: flex !important; 
    flex-direction: column;
    align-items: center;
    justify-content: center;
		background: #f9f0e3; border: 1px solid #1a1a1a;
}

/* Overriding Slick's default behavior for a carousel look */
.tstp-custom-hero-grid .slick-list {
    margin: 0 -7.5px; /* Adjust list margin to ensure item spacing works */
}

/* Ensures items are fully visible during inner slide transitions */
.tstp-custom-hero-grid .slick-initialized .slick-slide > div > .slider-content-item {
    opacity: 1; 
}


.tstp-custom-hero-grid .slider-content-item i {
    font-size: 32px;
    color: #ffb600; /* Primary color for student results */
    margin-bottom: 10px;
    display: block;
}

.tstp-custom-hero-grid .slider-content-item h5 {
    font-size: 16px;
    font-weight: 700;
    color: #0b1f41;
    margin-bottom: 5px;
}

.tstp-custom-hero-grid .slider-content-item p {
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
    color: #666;
}

/* Adjustments for the bottom row (Services) to distinguish them slightly */
.tstp-custom-hero-grid .bottom-row .service-item i {
    color: #007bff; /* Using a secondary blue color for services */
}

/* --- Responsive Adjustments for the Grid --- */
@media (max-width: 991px) { /* Tablet/Mobile: Stack left/right columns */
    .tstp-custom-hero-content h1 {
        font-size: 42px;
    }
    .tstp-custom-hero-grid .grid-row {
        margin: 0;
    }
    .tstp-custom-hero-grid .slider-content-item {
        margin: 0 5px; /* Reduce margin for mobile view */
        min-height: 120px;
    }
}

@media (max-width: 767px) { /* Smaller devices: adjust grid layout */
    .tstp-custom-hero-content h1 {
        font-size: 36px;
    }
    .tstp-custom-hero-grid {
        padding: 10px;
        gap: 10px;
    }
}

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

.tstp-hero-area {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.tstp-custom-hero {
    position: relative;
}

/* Hero Content */
.tstp-custom-hero-content h1 {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 15px;
}



.tstp-custom-hero-content p {
    font-size: 18px;
    margin-bottom: 20px;
}

.tstp-custom-hero-content .small {
    font-size: 14px;
    opacity: 0.85;
}

/* =====================================================
   HERO GRID LAYOUT
===================================================== */

.hero-grid {
    width: 100%; padding: 25px;
}

.hero-grid-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* Common card base */
.hero-grid-card {
    border-radius: 18px;
    padding: 24px;
    min-height: 150px;
    transition: all 0.35s ease;
    position: relative;
}

/* =====================================================
   STUDENT RESULT CARD (BLACK)
===================================================== */

.student-card {
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 26px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
		border: 2px solid #f59403;
}

.student-header {
    display: flex;
    align-items: center;
    gap: 14px;
		flex-direction: column; text-align: center; margin-bottom: 5px;
}

.student-header img {
    width: 75px;
    height:75px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ff8a1d;
}

.student-info h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.student-info span {
    font-size: 12px;
    font-weight: 600;
    color: #ff8a1d;
}

.student-score {
    font-size: 14px;
    font-weight: 600;
		text-align: center;
}

/* Hover */
.student-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 25px rgba(0, 0, 0, 0.3);
}

/* =====================================================
   SERVICE CARD (ORANGE)
===================================================== */

.service-card {
    background: linear-gradient(135deg, #f59403, #ffd36a);
    color: #111;
    text-align: center;
    box-shadow: 0 16px 25px rgba(255, 138, 29, 0.45);
}

.service-card h4 {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 6px;
    line-height: 1.1;
}

.service-card span {
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.service-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 24px 25px rgba(255, 138, 29, 0.3);
}
.service-card i {
    font-size: 34px;
    margin-bottom: 10px;
    display: inline-block;
}
/* =====================================================
   SLIDER SAFETY (No layout breaking)
===================================================== */

.tstp-course-hero-slider {
    position: relative;
}

.tstp-course-hero-slider .tstp-custom-hero {
    width: 100%;
}

/* =====================================================
   SHAPES (OPTIONAL POLISH)
===================================================== */

.shpae-wrapper {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.shape {
    position: absolute;
}

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

@media (max-width: 1199px) {
    .tstp-custom-hero-content h1 {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .hero-grid-slide {
        grid-template-columns: repeat(2, 1fr);
    }

    .tstp-custom-hero-content h1 {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .hero-grid-slide {
        grid-template-columns: 1fr;
    }

    .tstp-custom-hero-content {
        text-align: center;
    }

    .tstp-custom-hero-content h1 {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    .hero-grid-card {
        padding: 20px;
    }

    .service-card h4 {
        font-size: 28px;
    }
}



/* --- SLICK DOTS STYLING FOR THE MAIN COURSE SLIDER (3 slides) --- */
.tstp-course-hero-slider.slick-slider .slick-dots {
    position: absolute;
    bottom: -50px; /* Position below the hero section content */
    width: 100%;
    text-align: center;
}

.tstp-course-hero-slider.slick-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 50%;
}
.tstp-course-hero-slider.slick-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.tstp-course-hero-slider.slick-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: ''; /* use empty content for custom dot */
    text-align: center;
    opacity: 1;
    color: #0b1f41; /* Dark color */
    background: #0b1f41;
    border-radius: 50%;
    transition: all 0.3s ease;
}
.tstp-course-hero-slider.slick-slider .slick-dots li.slick-active button:before {
    background: #ffb600; /* Active color */
}
/* --- END OF CUSTOM HERO SLIDER STYLES --- */
/* ---------------------------------------------------- */

/* 2. header */
.transparent-header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2; 
}

.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	z-index: 10;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	background: #ffffff;
	padding: 0 0 10px 0;
	transition: .3s;
}

.main-menu ul li a {
	color: #1a1a1a;
	font-weight: 500;
	font-size: 16px;
	padding: 20px 0;
	display: list-item;
	line-height: 1;
	position: relative;
	font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 0.5px;
}
.main-menu ul li a:hover {
	color: #F59403;
}

.main-menu ul li:hover a::before,
.main-menu ul li.active a::before {
	width: 25px;
}

.main-menu-5 ul li a {
	color: #fff;
}

.main-menu ul li {
	display: inline-block;
	margin: 0 15px;
	position: relative;
}


.main-menu ul li ul.sub-menu {
	position: absolute;
    top: 100%; 
    left: 0;
    width: 220px;
    background-color: #1a1a1a; /* Black dropdown background */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    z-index: 99;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px); /* Start slightly below for slide effect */
    transition: all 0.3s ease-out; /* Slide and fade animation */
    border-top: 3px solid #F59403; /* Orange accent line */
    border-radius: 0 0 5px 5px;
}

.main-menu ul li:hover>ul.sub-menu {
	 opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Slide up to final position */
}

.main-menu ul li ul.sub-menu li {
 display: block;
 margin: 0;
 text-align: left;
}

.main-menu ul li ul.sub-menu li:last-child {
	margin-bottom: 0;
}

.main-menu ul li ul.sub-menu li a {
	 display: block;
    padding: 8px 10px;
    color: #ffffff; 
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.main-menu ul li ul.sub-menu li ul.sub-menu {
	left: 100%;
	top: 0;
}
.sub-menu li a:hover {
    color: #F59403 !important; /* Orange hover text */
    background-color: #222222; /* Dark gray hover background */
    padding-left: 25px; /* Attractive slide effect on item hover */
}

/* --- 1. Top Bar Styles --- */
.header-btn{margin-left: auto;}

.header-top-bar {
    background-color: #1a1a1a; /* Black background */
    padding: 10px 0;
    font-size: 14px;
}

.header-top-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-info{display: flex; justify-content: flex-end; margin-left: auto;}
.header-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-info ul li {
    display: inline-block;
    margin-left: 25px;
}

.header-info ul li a {
    color: #ffffff; /* White text */
    transition: color 0.3s ease;
}

.header-info ul li a:hover {
    color: #F59403; /* Orange hover effect */
}

.header-info ul li i {
    color: #ffffff; 
    margin-right: 8px;
}
/* 3. slider */
.slider-height {
	min-height: 700px;
	background-repeat: no-repeat;
	background-position: top left;
}

.slider-content-space {
	padding-top: 250px;
}

.slider-content-space4 {
	padding-top: 189px;
	margin: 0 233px;
}

.slider-content-space5 {
	padding-top: 289px;
	margin: 0 0px;
}

.slider-img {
	margin-top: 195px;
}
.slider-img img{
	 max-width: 100%;
}
.slider-text h2 {
	color: #1a1a1a;
	font-weight: 900;
	font-size: 72px;
	padding-right: 15px;
	margin-bottom: 20px;
	font-family: "Roboto Condensed", serif;
}
.slider-text h2 span{border-bottom:8px solid #f59403;}
.slider-text.slider-text-4 h2 {
	padding-right: 0px;
}
.slider-text h4 {
	color: #1a1a1a;
	font-weight: 900;
	font-size: 40px;
	padding-right: 65px;
	margin-bottom: 20px;
	font-family: "Roboto Condensed", serif;
}
.slider-height-inner .slider-img{margin-top: 90px; text-align: center}
.slider-height-inner h3{font-size: 48px;}
.slider-height-inner .slider-content-space{padding-top: 180px;}
.breadcrumbs ol{display: flex; flex-wrap: nowrap; margin: 0; padding: 0;}
.breadcrumbs ol li{margin-right: 25px; position: relative;}
.breadcrumbs ol li:before{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50px; left: -17px; top: 6px; background: #f59403;}
.breadcrumbs ol li:nth-child(1)::before{display: none;}
.slider-text p {
	font-size: 24px;
	color: #6b7280;
	line-height: 36px;
	margin-bottom: 45px;
}

.slider-btn a {
	margin-right: 15px;
}

.shape {
	position: absolute;
}

.shape-01 {
	top: 19%;
	left: 8%;
}

.shpae-wrapper-2 .shape-01 {
	top: 15%;
	left: 0%;
}

.shpae-wrapper-2 .shape-02 {
	bottom: 10%;
	left: 50%;
}

.shape-02 {
	bottom: 10%;
	left: 50%;
}

.shape-02.index-2 {
	bottom: 29%;
	left: 75%;
}
.shape-03 {
	bottom: 10%;
	right: 0%;
}
.shape-04 {
	bottom: 10%;
	left: 10%;
}
.shape-05 {
	top: 20%;
	left: 40%;
}
.shape-06 {
	
	top: 30%;
	right: 10%;
}
.shpae-wrapper-6 .shape-02 {
	bottom: 87%;
	left: 72%;
	z-index: -1;
}

.shpae-wrapper-6 .shape-01 {
	top: -8%;
	left: -1%;
}

.shpae-wrapper-6 .shape.shape-03 {
	right: 176px;
	top: 183px;
}

.app-shape {
	position: absolute;
	top: 9%;
	left: -22%;
}

.app-shape-02 {
	position: absolute;
	bottom: 18%;
	right: -43%;
}

.app-shape.app-shape-3 {
	position: absolute;
	top: -12%;
	left: -22%;
}

.slider-img-3 img {
	position: absolute;
	top: 61px;
	left: -69px;
}

.slider-img.slider-img-3 {
	margin-top: 68px;
}

/* slider 2 */
.single-features2 {
	background-image: url(../img/slider/slider2-wrap.png);
	background-repeat: no-repeat;
	background-size: cover
}

.single-features-bg {
	background-image: url(../img/icon/f-icons1.png);
	background-repeat: no-repeat;
	background-size: cover
}

.single-feature-bg {
	background-image: url(../img/icon/f-icons2.png);
	background-repeat: no-repeat;
	background-size: cover
}

.feature-text.feature-2 h3 {
	color: #fff;
}

.feature-text p {
	margin: 0 0px;
}

.feature-text p {}

.feature-text.feature-2 p {
	color: #fff;
}

.feature-text.feature-2 {
	display: inline-block;
	padding-bottom: 33px;
	margin: 0 45px;
}

.feature-text h3 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #38363d;
	font-family: "Roboto Condensed", serif; color: #1a1a1a;
}

.features-icon.feature-icon-2 img {
	position: relative;
	margin-top: -100px;
}

/* 4. fact */
.single-fact {
	position: relative;
}

.single-fact h2 {
	color: #7336f1;
	font-size: 48px;
}

.single-fact::before {
	width: 1px;
	height: 40px;
	position: absolute;
	content: "";
	background: #c6c7cb;
	right: -65px;
	top: 19px;
	bottom: 0;
}

.single-fact:nth-child(3)::before {
	display: none;
}

.col-xl-3:last-child .single-fact::before {
	display: none;
}

.col-xl-4:last-child .single-fact::before {
	display: none;
}

.single-fact span {
	font-size: 16px;
}

.single-fact-3 h2 {
	color: #38363d;
	font-size: 48px;
	font-weight: 700;
}

.single-fact-3 span {
	color: #878991;
	font-size: 16px;
	font-weight: 300;
}

.single-fact-3 {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 43px 120px 0px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	padding: 35px 3px;
}

.single-fact span {
	font-size: 16px;
}

.counter-titles-area {
	margin: 0 20px;
	margin-bottom: 42px;
}

.row.single-fact-parent {
	margin-bottom: 120px;
}

.single-fact img {
	margin-bottom: 17px;
}

.counter-titles-area h2 {
	font-size: 42px;
	color: #38363d;
	line-height: 60px;
	font-weight: 700;
}

.single-fact {
	position: relative;
}

.single-fact-5 {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 43px 120px 0px rgba(0, 0, 0, 0.12);
	padding: 40px 49px;
	border-radius: 15px;
}

.fact-parent .col-xl-3 .single-fact:last-child::after {
	display: none;
}

/* 5. feature */
.feature-text {
	margin: 0 45px;
}

.work-text h3 {
	font-size: 24px;
	color: #38363d;
	margin-top: 30px;
	margin-bottom: 30px;
}

.single-work {
	margin-top: -115px;
	padding: 41px 3px 48px 0;
	transition: .3s;
}

.single-work-icon.single-work-icon-5 {
	background-image: -moz-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
	background-image: -webkit-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
	background-image: -ms-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
}

.work-text-5 h3 {
	font-size: 24px;
	color: #38363d;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 300;
}

.single-work.single-work-4 {
	margin-top: 0px;
}

.work-text p {
	padding: 0 44px;
	margin: 0;
	line-height: 1.6;
}

.work-text.work-text-6 p {
	padding: 0px;
}

.work-text.work-text-6 {
	padding-right: 63px;
}

.work-text.work-text-6 h3 {
	font-weight: 300;
	margin-bottom: 22px;
}

.work-area.work-area-4 {
	padding-bottom: 215px;
	margin-bottom: 177px;
}

.work-area-6 {
	position: relative;
}

.single-hover:hover {
	background: #fff;
	padding: 41px 3px 48px 0;
	box-shadow: 0px 43px 120px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
}



/* 6. video */
.video-area {
	margin-top: -300px;
}

.video-area.video-area-4 {
	margin-top: -330px;
}

.video-wrapper {
	position: relative;
	padding-top: 160px;
	padding-bottom: 240px;
	box-shadow: 0px 0px 136px 0px rgba(0, 0, 0, 0.06);
}

.video-wrapper h3 {
	font-size: 48px;
	font-weight: 900;
	margin-bottom: 15px;
	color: #1a1a1a;  font-family: "Roboto Condensed", serif;
}

.video-wrapper i {
	background-image: -moz-linear-gradient(-51deg, rgb(47, 50, 212) 0%, rgb(113, 66, 247) 100%);
	background-image: -webkit-linear-gradient(-51deg, rgb(47, 50, 212) 0%, rgb(113, 66, 247) 100%);
	background-image: -ms-linear-gradient(-51deg, rgb(47, 50, 212) 0%, rgb(113, 66, 247) 100%);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	height: 140px;
	width: 140px;
	color: #fff;
	font-size: 30px;
	line-height: 137px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	animation: heartbeat 1s infinite alternate;
}

/* 7. how work */
.how-works-area {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.how-work-text h3 {
	font-size: 36px;
	margin-bottom: 20px;
	color: #1a1a1a;
	font-family: "Roboto Condensed", serif; font-weight: 700;
}

.how-work-text p {
	margin-bottom: 30px;
}

/* 8. price */
.pricing-area {
	padding-top: 100px;
}

.pricing-area.pricing-area-3 {
	margin-top: 0px;
}

ul.price-nav {
	display: inline-block;
	border: 2px solid #e7e7e7;
	border-radius: 30px;
}

ul.price-nav li {
	display: inline-block;
}

.price-header h4 {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 18px;
}

ul.price-nav li a {
	padding: 20px 40px;
	line-height: 1;
	color: #878991;
	border-radius: 30px 0px 0px 30px;
}

ul.price-nav li a.active {
	border-radius: 30px 0px 0px 30px;
	background-image: -moz-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
	background-image: -webkit-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
	background-image: -ms-linear-gradient(178deg, rgb(255, 153, 165) 0%, rgb(255, 96, 163) 100%);
	color: #fff;
	-webkit-border-radius: 30px 0px 0px 30px;
	-moz-border-radius: 30px 0px 0px 30px;
	-ms-border-radius: 30px 0px 0px 30px;
	-o-border-radius: 30px 0px 0px 30px;
}

ul.price-nav li:nth-child(2) a {
	border-radius: 0px 30px 30px 0px;
	-webkit-border-radius: 0px 30px 30px 0px;
	-moz-border-radius: 0px 30px 30px 0px;
	-ms-border-radius: 0px 30px 30px 0px;
	-o-border-radius: 0px 30px 30px 0px;
}

/* price area */
.pricing-area {
	margin-bottom: -240px;
}

.price-box {
	background: #fff;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 40px 50px;
}

.price-header {
	position: relative;
	margin-bottom: 25px;
	border-bottom: 1px solid #f6f2fe;
	padding-bottom: 25px;
	margin-bottom: 35px;
}

.price-header>span {
	font-size: 18px;
	color: #30323d;
	margin-bottom: 15px;
	font-weight: 600;
}

.price-header h2 {
	font-size: 60px;
	color: #7336f1;
	font-weight: 600;
}

.price-header h2>span.sep {
	font-size: 36px;
	color: #30323d;
}

.price-header h2>span {
	font-size: 18px;
	color: #30323d;
	font-weight: 300;
}

.price-item-list ul li {
	font-size: 17px;
	margin-bottom: 17px;
}

.price-item-list ul li:last-child {
	margin-bottom: 0px;
}

/* price btn */
.price-link a.btn {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
}

.btn-theme-border {
	border-color: #ff60a3;
	background: transparent;
	color: #393542;
}

.btn-theme-border:hover {
	border-color: #ff60a3;
	background: #ff60a3;
	color: #fff;
}

.price-link.active .btn {
	border-color: #ff60a3;
	background: #ff60a3;
	color: #fff;
}

/* 9. testimonial */
.features-area {
	position: relative;
}

.testimonial-heading h2 {
	font-weight: 700;
	color: #fff;
	font-size: 48px;
	line-height: 1px;
}

.test-item p {
	font-weight: 300;
	color: #fff;
	font-size: 30px;
	line-height: 48px;
	margin-bottom: 25px;
	font-style: italic;
}

.test-item span {
	color: #fff;
	font-size: 18px;
}

.test-img-item img {
	width: auto;
	display: inline-block;
	margin: 0 7px;
	transition: .3s;
	transform: scale(.8);
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.test-space {
	padding-top: 350px;
	padding-bottom: 25px;
}

.testimonial-img-active {
	width: 420px;
	margin: auto;
	cursor: pointer;
}

.test-img-item {
	position: relative;
	width: 109px;
	height: 107px;
}

.test-img-item.slick-center img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.price-plan-area {
	margin-bottom: -240px;
}

/* screenshot area */
.screenshot-img img {
	width: 100%;
	text-align: center;
}

/* 10. faq */
.faq-shape {
	position: absolute;
	right: -35px;
	top: 3px;
	z-index: -1;
}

.faq-wrapper p {
	margin: 0;
}

.faq-wrapper .card {
	margin-bottom: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 73px 0px rgba(0, 0, 0, 0.09);
	border: 0;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.faq-wrapper .btn {
	background-image: -moz-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	background-image: -webkit-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	background-image: -ms-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	border-radius: 0;
	display: block;
	text-align: left;
	padding: 30px 35px;
	font-size: 18px;
	border: none;
}

.faq-wrapper .btn.collapsed {
	background: #fff;
}

.faq-wrapper .card-header:first-child {
	border-radius: 0;
}

.faq-wrapper .card-header {
	padding: 0;
}

.faq-wrapper .card-body {
	padding: 30px 35px;
}

.faq-wrapper .accordion>.card:first-of-type {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}

.faq-wrapper .accordion>.card {
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}

.faq-wrapper h2 a.btn {
	color: #1a1a1a;
	position: relative;
}

.faq-wrapper h2 a.btn:hover {
	color: #1a1a1a; text-decoration: none;
}

.faq-wrapper h2 a.btn.collapsed {
	color: #333;
}

.faq-wrapper h2 a.btn::after {
	content: "-";
	position: absolute;
	right: 25px;
	top: 27px;
	height: 25px;
	width: 25px;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 25px;
	border-radius: 30px;
}

.faq-wrapper h2 a.btn.collapsed::after {
	content: "+";
	background-image: -moz-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	background-image: -webkit-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	background-image: -ms-linear-gradient(178deg, rgb(245, 148, 3) 0%, rgb(255, 211, 106) 100%);
	color: #1a1a1a;
}

.faq-thumb img {
	margin-left: -45px;
}

.faq-bottom-area h2 {
	font-weight: 600;
	font-size: 30px;
	color: #30323d;
	line-height: 40px;
}

.news-meta span {
	color: #444;
	font-size: 14px;
	display: inline-block;
	margin-right: 12px;
}

.news-meta span>i {
	color: #7b73ee;
	margin-right: 5px;
}

.news-meta span>i>a {
	color: #444;
	font-weight: 300;
	font-family: roboto sans-serif;
	margin-left: 4px;
	font-size: 14px;
}

.news-body p a:hover {
	color: #666;
	opacity: .6;
}

.inner-blog {
	padding: 0 30px;
}

.news-body {
	background: #fff;
	padding: 24px 44px;
	position: relative;
	margin-top: -67px;
}

.news-body p {
	margin: 0;
}

.news-meta {
	margin-bottom: 13px;
}

.news-body p a {
	font-size: 18px;
	font-weight: 600;
	color: #30323d;
	line-height: 1;
}

.single-latest-news {
	position: relative;
}

.latest-news-area {
	background: #fafafa;
}

.cta-area {
	position: relative;
	padding: 61px 0px;
}

.cta-area {
	border-radius: 20px;
}

.bg-cta {
	background: #FFD36A;
}

.cta-area-title h2 {
	color: #1a1a1a;
	margin: 0;
}

.cta-form input {
	width: 100%;
	height: 75px;
	border: none;
	background: #fff;
	padding: 0 33px;
	border-radius: 40px;
	font-size: 18px;
	color: #30323d;
}

.cta-form form {
	position: relative;
}

.btn.btn-form {
	position: absolute;
	right: 4px;
	top: 3px;
	padding: 23px 31px;
}

.get-app a {
	border-radius: 49px;
	display: inline-block;
	line-height: 1;
	-webkit-border-radius: 49px;
	-moz-border-radius: 49px;
	-ms-border-radius: 49px;
	-o-border-radius: 49px;
	padding: 10px 30px;
	background: #fff;
	margin: 0 5px;
}

.get-app-4 a {
	background-color: rgb(91, 25, 114);
	color: #fff;
}

.get-app-4.get-app-5 a {
	background-color: rgb(48, 25, 114);
}

.get-app.get-apps-3 a {
	padding: 14px 33px;
	background: #5b1972;
}

.get-app.get-app-4>a>p {
	color: #fff;
}

.get-app a i {
	float: left;
	font-size: 20px;
	top: 1px;
	position: relative;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.get-app a i {
	float: left;
	font-size: 40px;
	top: 3px;
	position: relative;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.footer-app-btn img {
	float: left;
}

.get-app a p {
	display: inline-block;
	margin: 0;
	line-height: 1.4;
	float: left;
	text-align: left;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	padding-left: 12px;
	color: #38363d;
	font-size: 14px;
	padding: 3px 11px;
}

.get-app.get-apps-3 a p {
	color: #fff;
}

.get-app a>p>b {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}

.aps-titles h2 {
	font-weight: 700;
	font-size: 60px;
	color: #38363d;
	line-height: 48px;
}

.row.apps-bottom {
	border-top: 1px solid #e5e5e6;
}

.btn-link.collapse.active {
	background: #8f2bca;
	color: #fff;
}

.single-work-icon {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	line-height: 150px;
	background-image: -moz-linear-gradient(-51deg, rgb(142, 42, 203) 0%, rgb(142, 42, 203) 35%, rgb(197, 78, 168) 67%, rgb(251, 116, 133) 100%);
	background-image: -webkit-linear-gradient(-51deg, rgb(142, 42, 203) 0%, rgb(142, 42, 203) 35%, rgb(197, 78, 168) 67%, rgb(251, 116, 133) 100%);
	background-image: -ms-linear-gradient(-51deg, rgb(142, 42, 203) 0%, rgb(142, 42, 203) 35%, rgb(197, 78, 168) 67%, rgb(251, 116, 133) 100%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
}

.btn-link.collapse.active {
	background-image: -moz-linear-gradient(-51deg, rgb(47, 50, 212) 0%, rgb(113, 66, 247) 100%);
}

.bg-why {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.why-choose-icon {
	float: left;
	overflow: hidden;
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 30px;
	font-size: 36px;
	line-height: 1;
	border-radius: 5px;
	margin-right: 31px;
	border: 1px solid #fff;
	color: #fff;
	transition: .3s;
}

.why-choose-right {
	overflow: hidden;
}

.why-choose-icon:hover {
	background: #fff;
	color: #bc48ad;
	cursor: pointer;
}

.why-choose-icon.active {
	background: #fff;
	color: #bc48ad;
}

.why-choose-area.bg-why {
	padding-top: 150px;
}

.why-choose-img {
	margin-left: -57px;
	margin-top: -47px;
	margin-bottom: -200px;
}

.single-work4 {
	background: #fff;
	padding: 41px 3px 48px 0;
	box-shadow: 0px 43px 120px 0px rgba(0, 0, 0, 0.12);
}

.slider-right {
	padding-top: 205px;
	margin-left: -103px;
}

.slider-right.slider-right-6 {
	padding-top: 77px;
	margin-left: -103px;
}

.section-title-6 {
	margin-top: -185px;
}

.section-title4 p {
	color: #878991;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 300;
}

.section-title4 {
	margin: 0 31px;
}

/* 11. footer */
.footer p {
	margin: 0;
}

.row.home-5-fact {
	margin-top: 100px;
}

.home-5-fact-padding {
	padding-right: 100px;
}

.home-5-fact .col-xl-6:nth-child(2) {
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
}

.home-5-fact .col-xl-6:nth-child(4) {
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
}

.home-5-fact .single-fact::before {
	display: none;
}

/* 11. blog */
.blog-area {
	margin-top: -321px;
}

.blog-heading {
	margin-top: 220px;
}

.blog-heading h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 8px;
}

.breadcrumb-item a {
	color: #fff;
	font-size: 17px;
}

.breadcrumb {
	list-style: none;
	background-color: transparent;
}

.shape-02.shap-blog-1 {
	bottom: 46%;
	left: 69%;
}

.shape.shape-03.shap-blog-1 {
	right: 102px;
	top: 50px;
}

.blog-search form input {
	color: #797e82;
	background: #f0f2ff;
	border: none;
	width: 80%;
	height: 52px;
	float: left;
	padding: 0 14px;
}

.blog-search form button {
	border: none;
	color: #fff;
	width: 50px;
	height: 50px;
	float: right;
	text-align: center;
	font-size: 14px;
	background: #404141;
}

.post-titles h4 {
	font-size: 18px;
	font-weight: 700;
	color: #30323d;
	float: left;
}

.post-titles span {
	background: #e1e1e1;
	width: 140px;
	height: 2px;
	display: inline-block;
	float: right;
	margin-top: 12px;
}

.post-titles {
	overflow: hidden;
}

.single-post {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.single-blog-text {
	width: 70%;
	display: inline-block;
	float: right;
	padding-left: 21px;
}

.single-blog-text h5 {
	font-size: 14px;
	color: #30323d;
	line-height: 1.3;
	font-weight: 400;
}

.cat-blog ul li a {
	color: #777272;
	font-size: 14px;
}

.cat-blog ul li {
	margin-bottom: 11px;
}

.cat-blog ul li i {
	margin-right: 8px;
	color: #7b73ee;
}

.blog-paginitaion .page-item a.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: 16px;
	line-height: 1.25;
	color: #222222;
	background-color: #fff;
	border: 3px solid #dfdfdf !important;
	outline: none;
}

.latest-blog-text {
	background: #f7fafd;
	border-left: 3px solid #fb4f53;
	height: 203px;
}

.latest-blog-text h4 {
	font-size: 20px;
	color: #30323d;
	line-height: 1.5;
	font-style: italic;
	padding: 41px 39px;
	font-weight: 30;
}

.lastst-blog-area p {
	color: #878991;
}

.get-app.latest-blog-footer>a {
	background: #f7f7f7;
}

.blog-search form input::-moz-placeholder {
	color: #797e82;
}

.blog-search form input::placeholder {
	color: #797e82;
}

.single-brand {
	text-align: center;
}

.single-brand img {
	display: inline-block;
}

.contact-wrap{display: flex; flex-wrap: wrap; width: 100%;gap:4%; }
.contact-left{width: 48%; }
.contact-map{width: 100%; margin-bottom: 35px;}
.contact-map iframe{width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.contact-form{width: 48%;}
.info-contact{display: flex; align-items: flex-start; margin-bottom: 20px; color: #2E2725; }
.info-contact a{color: #2E2725;}
.info-contact a:hover{color: #F59403;}
.info-contact i{margin-right: 10px; font-size: 24px; width: 30px; display: flex; justify-content: center;}
.form-control{width: 100%; height: 40px; border: solid 1px #d9d9d9; border-radius: 3px; padding-left: .75rem; font-size: 16px; font-weight: 400; color: #2c3145;}
#wpcf7-f1953-o1 .wpcf7-form .form-box,#wpcf7-f1949-o1 .wpcf7-form .form-box,div[data-wpcf7-id="1970"] .wpcf7-form .form-box{width: 100%; display: flex; margin-bottom: 0; flex-direction: column;}
.list-social{display: flex; }
.list-social i{display: flex; width: 42px; height: 42px; color: #2E2725; border: 1px solid #2E2725; border-radius: 5px; justify-content: center; align-items: center; margin: 5px; font-size: 22px; }
.list-social i:hover{background: #F59403; color: #ffffff;border: 1px solid  #F59403; box-shadow: 0px 5px 40px rgba(0,0,0,0.25);}
.contact-img{z-index: 1;}
.contact-img img{max-width: 100%;}
.form_title{font-size: 14px !important;}
input.form-control,#wpcf7-f1949-o1 .wpcf7-form select,#wpcf7-f1953-o1 .wpcf7-form select, textarea{border: 1px solid #1a1a1a; font-size: 15px;}
.form-box textarea{width: 100%; min-height: 100px; border-radius: 5px;}
.form-control[readonly] {width:100%; text-align:left;color: #1a1a1a !important; font-size: 18px !important; opacity: 1; font-style: italic; background: #ffffff;border: 3px solid #1a1a1a !important;}

.form-box{margin-bottom: 15px;}

/* Results starts */
.gallery-view{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.result-box{border:2px solid #1a1a1a; border-radius:5px; padding:15px;transition: all 0.3s ease; display: flex; align-items:flex-start}
.result-box:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; transition: all 0.3s ease; transform: translateY(-5px);border:2px solid #F59403;}
.student-image{width: 150px; height: 180px; border-radius: 5px; overflow:hidden;}
.student-image img{width:100%; object-fit: cover; height:100%;}
.team_body{display:flex; flex-direction:column; flex:1; padding:5px 15px;}
.team_title{font-weight:500; font-size:16px;margin-bottom: 5px;}
.team_subtitle{font-weight: 700; font-size: 16px; }
/* .r-card{display: none;} */
.r-card p{border:1px solid #1a1a1a; margin:0 0 -1px; padding:0 5px; font-size: 14px; color:#1a1a1a;}
.r-total{background:#F59403; color:#1a1a1a;border:1px solid #1a1a1a; margin:0 0 5px;padding:0 5px; font-size: 16px; font-weight: 600; border-radius: 5px;}
.info-more{line-height: normal; color: #222222; margin: 5px 0; font-size: 15px;}
.view-change{position: absolute; right: 30px; top:10px; font-size: 22px;}
.pos-rel{position: relative;}
.table-custom {
      border: 2px solid #1a1a1a;
      background-color: #fff;font-size: 15px;
    }

    .table-custom thead {
      background-color: #F59403;
      color: #1a1a1a;
      text-transform: uppercase;
    }
   .table-custom thead th {
		border-bottom: 1px solid #1a1a1a;
	 }
    .table-custom th, 
    .table-custom td {
      border: 1px solid #1a1a1a ;
      vertical-align: middle;
    }

    .table-custom tbody tr:hover {
      background-color: rgba(245, 148, 3, 0.1);
      transition: 0.3s;
    }
 /* Hide select by default */
    #tabSelect {display: none; margin-bottom: 15px;}

    @media (max-width: 1080px) {
      #myTab { display: none;}
      #tabSelect {display: block;}
    }
		
/* Results ends */		
		
/* timeline */

.circle {
  font-weight: bold;
  padding: 15px 20px;
  border-radius: 50%;
  background-color: #F59403;
  color: #1a1a1a;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row {
  display: flex;
}
.how-it-works.row .col-2 {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px solid #F59403;
  z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
  height: 50%;
  left: calc(50% - 3px);
  top: 50%;
}
.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}
.timeline hr {
  border-top: 3px solid #F59403;
  margin: 0;
  top: 17px;
  position: relative;
}
.timeline .col-2 {
  display: flex;
  overflow: hidden;
}
.timeline .corner {
  border: 3px solid #F59403;
  width: 100%;
  position: relative;
  border-radius: 15px;
}
.timeline .top-right {
  left: calc(50% - 3px);
  top: -50%;
}
.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}
.timeline .top-left {
  left: -50%;
  top: -50%;
}
.timeline .right-bottom {
  left: calc(50% - 3px);
  top: calc(50% - 3px);
}
.last-step .left-bottom{left: calc(-50% + 3px);}

/* footer starts */
.footer-main{background: #f9f7f4;}
.copyrights-text{text-align: right;display: flex; justify-content: flex-end;align-items: flex-end;  flex-direction: column; margin-top: 25px; border-top: 1px solid #e6e2e2; padding-top: 25px;}
.footer-links{display: flex; flex-wrap: wrap; gap:15px; margin-bottom: 25px; align-items: center;}
.footer-links a{color: #555555;}
.footer-links a:hover{color: #1a1a1a;}
.footer-links-wrapper{display: flex;  width: 100%; flex-wrap: wrap; justify-content: space-between; }
.f-links{width: 25%; display: flex; flex-wrap: wrap; flex-direction: column;}
.f-links h6{text-align: left; margin: 0 0 10px; font-size: 18px;}
.f-links a{color: #1a1a1a; margin-bottom: 5px;}
.f-links a:hover{color: #F59403;}
.f-links ul{margin: 0; padding: 0;}
.f-links li{padding-left: 25px; position: relative;}
.f-links li:before{content: ""; width: 7px; height: 7px; background: #f59403; position: absolute; left: 10px; top: 8px; border-radius: 50px;}
.course-link{width: 50%;}
.course-link ul{display: flex; flex-wrap: wrap;}
.course-link li{width: 50%;}


@media (max-width: 1200px) {
	.f-links{ justify-content: flex-start; gap:0px;}
}

@media (max-width: 767px) {
	.f-links{width: calc(50% - 30px); margin: 15px;}
}
@media (max-width: 600px) {
	.course-link{width: calc(100% - 30px); margin: 15px;}
}
@media (max-width: 500px) {
	.f-links{width: 100%; margin: 8px 0;}
}
/* footer ends  */

/* Testimonials starts */
/* New styles for Video Testimonials Section */
.video-testimonial-area {
    background-color: #f9f7f4; 
}

/* Custom black heading with orange underline */
.section-title-underline {
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    color: #1a1a1a;
}

.section-title-underline::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 5px;
    background-color: #F59403; /* Orange underline */
    border-radius: 5px;
}

.video-testimonial-box {
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.video-testimonial-box:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: translateY(-5px);
}

.video-link {
    display: block;
    position: relative;
    line-height: 0;
}

.video-link img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(80%); /* Darken image slightly */
    transition: filter 0.3s ease;
}

.video-testimonial-box:hover .video-link img {
    filter: brightness(100%);
}

.play-btn-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: #F59403; /* Primary Orange color for the button */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 0 10px rgba(245, 148, 3, 0.3); /* Subtle orange glow */
    transition: all 0.3s ease;
}

.play-btn-overlay i {
    color: #1a1a1a; /* Black icon */
    font-size: 24px;
    transform: translateX(3px);
}

.video-testimonial-box:hover .play-btn-overlay {
    box-shadow: 0 0 0 0 rgba(245, 148, 3, 0.5); 
    transform: translate(-50%, -50%) scale(1.05); 
}

.testimonial-content {
    padding: 20px;
    text-align: center;
}

.testimonial-content .quote {
    font-style: italic;
    color: #222222;
    margin-bottom: 10px;
}

.testimonial-content .student-info {
    font-size: 16px;
    color: #1a1a1a;
    margin: 0;
}

.testimonial-content .orange-text {
    color: #F59403;
    font-weight: 700;
}
/* --- Slider Control Styling --- */
.video-testimonial-slider {
    margin: 0 -15px; /* Negative margin pulls the slider out to align first/last items with container */
}

/* Apply padding to each slide item to create the gap */
.video-slide {
    padding: 0 15px; 
}
.slick-track{padding-bottom: 15px}
/* Slick Dots (Navigation) */
.video-testimonial-slider .slick-dots {
    text-align: center;
    margin-top: 35px;
    padding: 0;
}

.video-testimonial-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.video-testimonial-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #cccccc; /* Default grey dot */
    border-radius: 50%;
    transition: all 0.3s ease;
}

.video-testimonial-slider .slick-dots li.slick-active button {
    background: #F59403; /* Active orange dot */
    width: 12px;
    height: 12px;
    transform: scale(1.2);
}

/* Slick Arrows (Navigation) - Orange border, Black icon */
.video-testimonial-slider .slick-prev,
.video-testimonial-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border: 2px solid #F59403; /* Orange border */
    background: transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.video-testimonial-slider .slick-prev {
    left: -45px;
}

.video-testimonial-slider .slick-next {
    right: -45px;
}

.video-testimonial-slider .slick-prev::before,
.video-testimonial-slider .slick-next::before {
    font-family: 'Font Awesome 5 Free'; /* Assuming Font Awesome is used for arrows */
    font-weight: 900;
    color: #1a1a1a; /* Black arrow icon */
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "\f053"; /* Left arrow icon code */
}

.video-testimonial-slider .slick-next::before {
    content: "\f054"; /* Right arrow icon code */
}

/* Hover effect: Orange background */
.video-testimonial-slider .slick-prev:hover,
.video-testimonial-slider .slick-next:hover {
    background: #F59403;
}

.video-testimonial-slider .slick-prev:hover::before,
.video-testimonial-slider .slick-next:hover::before {
    color: #ffffff; /* White icon on hover */
}

/* Responsive adjustment for arrows on mobile */
@media (max-width: 991px) {
    .video-testimonial-slider .slick-prev { left: 0px; }
    .video-testimonial-slider .slick-next { right: 0px; }
}
/* Testimonials ends  */
/* --- Section 2: Expert Programs & Consultation (70:30) Styles --- */

.section-2-consultation {
    background-color: #f9f7f4; /* Light background for contrast */
}

.expert-program-content h2.section-title-underline {
    /* Reuses the existing style but ensures black text */
    color: #1a1a1a;
    text-align: left;
    margin-bottom: 25px;
}

.expert-program-content h2.section-title-underline::after {
    /* Align the underline to the left */
    left: 0;
    transform: none;
}

.expert-program-content .lead-text {
    font-size: 20px;
    color: #222222;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* --- Service Icons (70% Side) --- */
.service-icon-box {
    padding: 20px 10px;
    border-radius: 8px;
    border: 2px solid #f0f0f0;
    background: #ffffff;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service-icon-box:hover {
    border-color: #F59403;
    box-shadow: 0 5px 15px rgba(245, 148, 3, 0.3);
}

.service-icon-box i {
    font-size: 38px;
    color: #1a1a1a;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.service-icon-box p {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    transition: all 0.3s ease; color:#1a1a1a; text-transform: uppercase
}

.service-icon-box:hover i,
.service-icon-box:hover p {
  
}
.tstp-icon{margin-bottom: 15px;}


/* --- Consultation Form Box (30% Side) --- */
.consultation-form-box {
    background: #ffffff;
    padding: 35px 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.consultation-form-box .form-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
#wpcf7-f1949-o1 .wpcf7-form input[type="tel"],
div[data-wpcf7-id="1970"] .wpcf7-form input[type="tel"],
#wpcf7-f1950-o2 .wpcf7-form input[type="tel"]{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
div[data-wpcf7-id="1970"] .wpcf7-form input[type="text"],
div[data-wpcf7-id="1970"] .wpcf7-form input[type="email"],
#wpcf7-f1949-o1 .wpcf7-form input[type="text"],
#wpcf7-f1949-o1 .wpcf7-form input[type="email"],
#wpcf7-f1949-o1 .wpcf7-form select,
#wpcf7-f1949-o1 .wpcf7-form textarea,
#wpcf7-f1953-o1 .wpcf7-form input[type="text"],
#wpcf7-f1953-o1 .wpcf7-form input[type="email"],
#wpcf7-f1953-o1 .wpcf7-form select,
#wpcf7-f1953-o1 .wpcf7-form textarea {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin-bottom: 15px;
    border: 1px solid #1a1a1a;
    border-radius: 5px;
    font-size: 14px;
    color: #666666;
   
}

#wpcf7-f1949-o1 .wpcf7-form textarea,#wpcf7-f1953-o1 .wpcf7-form textarea {
    height: 80px;
    padding-top: 15px;
    line-height: 1.5;
    resize: none;
}
#wpcf7-f1949-o1 .wpcf7-form select, #wpcf7-f1953-o1 .wpcf7-form select {
    appearance: none; /* Removes default OS styling */
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 15px center;
    background-size: 16px;
}

.submit-btn .btn-orange {
    width: 100%;
    margin-top: 5px;
}
.wd-full{width: 100% !important;}
/* Responsive adjustment for the 70% content on mobile */
@media (max-width: 991px) {
    .expert-program-content h2.section-title-underline {
        text-align: center;
    }
    .expert-program-content h2.section-title-underline::after {
        left: 50%;
        transform: translateX(-50%);
    }
}


.cta-newsletter{display: flex; align-items: center; width: 100%; border: 3px solid #1a1a1a; border-radius: 15px; padding: 20px;position: relative; background: #ffffff; flex-wrap: wrap;}
.cta-newsletter:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #ffd36a; border-radius: 15px; transform: skewY(2deg) translateX(10px);}
.cta-content{width: 55%}
.cta-img{width: 45%}
.subscribe-button{position: relative; border: 2px solid #1a1a1a; border-radius: 5px; display: flex; flex-wrap: nowrap; align-items: center; padding: 5px; border-radius: 50px;transition: all 0.3s ease; }
.subscribe-button input{border: none; flex:1; background: transparent;}
.subscribe-button input:focus{box-shadow: none; background: transparent;}
.subscribe-button a{flex-wrap: nowrap;}
.subscribe-button:focus-within{box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; transition: all 0.3s ease; }

/* --- Section 3: Step-by-Step Process Styles --- */

.step-process-area {
    background-color: #ffffff; /* White background */
}

.step-item-row {
    padding: 30px 0;
    border-bottom: 1px solid #f0f0f0; /* Separator line between steps */
}

.step-item-row:last-child {
    border-bottom: none;
}

.step-item-box {
    padding: 20px;
}
.step-item-box img{max-width: 400px;}
.step-item-box.text-content {
    max-width: 550px;
    /* On mobile, center the text content */
    margin: 0 auto; 
    /* Remove this from the previous block as HTML now dictates the order: */
    /* text-align: center; */
}

.step-number {
    display: inline-block;
    font-size: 28px;
    font-weight: 900;
    color: #1a1a1a; /* Black number */
    border-bottom: 4px solid #F59403; /* Orange underline */
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.step-title {
    font-size: 32px;
    font-weight: 800;
    color: #F59403; /* Orange title */
    margin-bottom: 15px;
}

.step-item-box p {
    font-size: 15px;
    line-height: 1.7;
    color: #222222;
}

.order-lg-1 .step-item-box{text-align: right;}

/* Style for the darker border button */
.btn-border-dark {
    background-color: transparent;
    color: #1a1a1a !important; 
    border: 2px solid #1a1a1a;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-border-dark:hover {
    background-color: #1a1a1a;
    color: #F59403 !important; 
    border-color: #1a1a1a;
}

/* Responsive adjustments for mobile/tablet */
@media (max-width: 991px) {
    /* Center text content on mobile */
    .step-item-box.text-content {
        text-align: center;
        margin-bottom: 30px;
    }
    /* Center step number on mobile */
    .step-item-box.text-content .step-number {
        margin-left: auto;
        margin-right: auto;
    }
    .step-item-row {
        padding: 40px 0;
    }
   
}

/* --- Results Section Styles --- */

.results-section {
    background-color: #f8f8f8;
}

/* Custom Tabs (Black/Orange Theme) */
.results-tabs {
    border-bottom: 2px solid #ddd;
    justify-content: center; /* Center the tab navigation */
}

.results-tabs .nav-link {
    color: #1a1a1a;
    border: none;
    border-bottom: 2px solid transparent;
    font-weight: 700;
    padding: 10px 20px;
    margin-right: 10px;
    transition: all 0.3s;
}

.results-tabs .nav-link:hover {
    color: #F59403;
}

.results-tabs .nav-link.active {
    color: #F59403;
    background-color: transparent;
    border-color: #F59403; /* Orange underline for active tab */
    border-radius: 0;
}


/* View Toggle Buttons (Gallery/Table) */
.view-toggle-buttons .btn-view-toggle {
    background-color: #ffffff;
    color: #1a1a1a;
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 8px 15px;
    margin-left: 5px;
    transition: all 0.2s;
}

.view-toggle-buttons .btn-view-toggle.active,
.view-toggle-buttons .btn-view-toggle:hover {
    background-color: #F59403;
    border-color: #F59403;
    color: #ffffff;
}

/* Tab Content View Management */
.result-view {
    display: none;
    animation: fadeIn 0.5s;
}
.result-view.active {
    display: block;
}

/* --- 1. Gallery View (Result Cards) --- */
.result-card {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: center;
    border: 1px solid #eee;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.result-rank-icon {
    font-size: 28px;
    font-weight: 900;
    color: #F59403;
    margin-bottom: 10px;
}
.student-photo-container {
    width: 100px;
    height: 100px;
    margin: 0 auto 15px auto;
    border-radius: 50%; /* Makes the container circular */
    overflow: hidden;
    border: 3px solid #f0f0f0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.student-photo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the container without distortion */
}
/* Special style for Rank 1 to make it stand out */
.result-rank-1 .student-photo-container {
    border-color: #ffffff; /* White border to contrast with the orange background */
}
.result-rank-1 {
    background-color: #F59403;
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(245, 148, 3, 0.4);
    transform: scale(1.02);
}
.result-rank-1 .result-rank-icon {
    color: #1a1a1a; /* Black icon on orange background */
}
.result-rank-1 .result-score,
.result-rank-1 .result-name,
.result-rank-1 .result-details,
.result-rank-1 .result-improvement {
    color: #ffffff;
}


.result-score {
    font-size: 36px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 5px;
    line-height: 1;
}

.result-name {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
}

.result-details,
.result-improvement {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}


/* --- 2. Table View --- */
.result-data-table {
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
    border: 1px solid #ddd;
    background-color: #ffffff;
}

.result-data-table th {
    background-color: #1a1a1a;
    color: #F59403;
    font-weight: 700;
    padding: 12px 15px;
    border: none;
}

.result-data-table td {
    padding: 12px 15px;
    vertical-align: middle;
}

.result-data-table tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.table-student-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
/* Fade in animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- Section 6: Consultation CTA Styles --- */

.cta-newsletter-area {
    /* Ensures the image background is set up via data-background attribute */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
    position: relative;
}
.cta-consultation {
  background: #ffffff;
  padding: 35px 30px;
  border-radius: 10px;
  flex-wrap: wrap;
}

/* 1. Left Side: Content and Form (approx 60%) */
.cta-consultation .cta-content {
    width: 100%;
}

.cta-consultation .cta-content h3 {
   
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
}

.cta-consultation .cta-content p {
    font-size: 15px;
    margin-bottom: 25px;
}
.flag-icon {
    width: 20px;
    height: 14px;
    margin-right: 6px;
    display: inline-block;
    background-size: cover;
}
.select2-container{width: 100px !important;}
.select2-container--default .select2-selection--single{height: 40px !important; display: inline-flex !important; justify-content: flex-start; align-items: center; width: 100%; border: 1px solid #1a1a1a !important; border-right: 0 !important; border-radius: 5px 0 0 5px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 7px !important;}
/* Form Fields and Button Styling */
#wpcf7-f1950-o2 .form-control {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    border: none;
    background-color: #ffffff;
    color: #666666;
    font-size: 15px;
    line-height: 1;
		border: 1px solid #1a1a1a;
}

#wpcf7-f1950-o2 .btn-primary {
    background-color: #F59403; /* Orange */
    border-color: #F59403;
    color: #1a1a1a !important; /* Black text */
    font-weight: 700;
    padding: 15px 15px; 
    border-radius: 50px;
    transition: all 0.3s ease;
    line-height: 1;
		justify-content: center;
}

.home .input-group{
    flex-wrap:nowrap !important;
}

#wpcf7-f1950-o2 .btn-primary:hover {
    background-color: #1a1a1a;
    border-color: #F59403;
    color: #F59403 !important; 
}


/* 2. Right Side: Clock Display (approx 40%) */
.cta-consultation .cta-clock-display {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Separator line */
		padding: 20px; margin-top: 15px;
		background-color: rgba(0, 0, 0, 0.7); border-radius: 10px;
}

.cta-clock-display h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
		color: #ffffff;
}

.cta-clock-display .exam-date {
    color: #F59403;
    font-weight: 800;
}

.timer-box {
    text-align: center;
    margin: 0 5px;
    flex: 1;
    min-width: 60px; 
}

.timer-number {
    display: block;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    color: #F59403; /* Orange numbers */
    padding-bottom: 5px;
}

.timer-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
}


/* Responsive adjustments for stacking on mobile */
@media (max-width: 991px) {
    /* Stacks the consultation form and clock vertically */
    .cta-consultation {
        flex-direction: column;
        text-align: center;
    }

    .cta-consultation .cta-content,
    .cta-consultation .cta-clock-display {
        width: 100%;
        margin: 0;
    }
    
    .cta-consultation .cta-clock-display {
        padding: 30px 0;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.2); /* Move separator to top on mobile */
    }

    /* Stack form elements vertically on mobile */
    #wpcf7-f1950-o2 .form-row{
        flex-direction: column;
        width: 100%;
    }
    #wpcf7-f1950-o2 .col-md-5,
    #wpcf7-f1950-o2 .col-md-2 {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 15px !important;
    }
    #wpcf7-f1950-o2 .btn-primary {
        width: 100%;
    }
}

/* career page starts  */
.career-form{justify-content: center;}
.career-text{width:48%;}
.compact-upload-form {
    max-width: 500px;
    margin: 30px auto;
    padding: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
    display: flex; /* Key for single-row layout */
    align-items: center;
    gap: 10px;
}

/* --- Hide the Default File Input --- */
.file-input-compact {
    display: none;
}

/* --- Style the Compact "Browse" Button (The Label) --- */
.browse-button {
    padding: 8px 15px;
    background-color: #ffffff;
    color: #1a1a1a;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.2s;
    flex-shrink: 0; /* Prevents button from shrinking */
		border:3px dashed #d0d0d0;
}

.browse-button:hover {
    border:3px dashed #1a1a1a;
}

/* --- File Name Display Area --- */
.file-name-display {
    flex-grow: 1; /* Allows this element to take up most of the space */
    font-size: 0.9em;
    color: #555;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap; /* Prevents file name from wrapping */
    text-overflow: ellipsis; /* Adds "..." if the name is too long */
}

/* --- Style the Compact Upload Button --- */
.upload-submit-btn {
    padding: 8px 15px;
    background-color: #f59403;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    flex-shrink: 0;
    transition: background-color 0.2s, opacity 0.2s; text-transform: uppercase;
}

.upload-submit-btn:hover:not(:disabled) {
    background-color: #f59403;
}

/* Disabled State */
.upload-submit-btn:disabled {
    background-color: #d0d0d0;
    cursor: not-allowed;
    opacity: 0.8;
}
/* career page ends  */


/* privacy policy  */

.policy-container ul {
      list-style: none;
      margin-left: 0;
      padding-left: 0; margin-bottom: 20px;
    }
    .policy-container ul li {
      position: relative;
      padding-left: 25px;
      margin-bottom: 4px;
    }
    .policy-container ul li::before {
      content: "\f105"; /* Font Awesome right arrow */
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 10px;
      top: 1px;
      color: #f59403;
      font-size: 15px;
    }

/* privacy policy ends  */

/* inner page starts  */
.double-box{display: flex; align-items: center; width: 100%; border: 3px solid #1a1a1a; border-radius: 15px; padding: 20px;position: relative; background: #ffffff; flex-wrap: wrap;margin: 15px;}
.double-box:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #ffd36a; border-radius: 15px; transform: skewY(2deg) translateX(10px);}
.head-box{display: flex; flex-wrap: nowrap; align-items: center;}
.head-box img{max-width: 50px; margin-right: 10px;}
.founder-box{display: flex; width: 100%; flex-wrap: wrap;  }
.founder-image{width: 50%; position: relative; display: flex;}
.founder-image .overlay{position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #f59403; z-index: 0;}
.founder-image img{width: 300px; position: relative; z-index: 1; margin: auto; border: 3px solid #1a1a1a; padding: 10px;}
.founder-info{width: 50%}
.single-features{display: flex; align-items: flex-start; width: 100%; margin-bottom: 10px;}
.features-icon{width: 22px; margin-right: 10px;}
.features-icon img{width: 22px;}
.single-features p{margin-bottom: 0;}
.features-caption{flex:1;}
.hat{position: absolute; right: -25px; top: -33px; z-index: 1;}
/* inner page ends  */

 /* Courses Page starts  */
   
            .pricing-section {
                padding: 80px 0;
            }
            .pricing-card {
                background: #ffffff;
                border: 1px solid var(--color-border-light);
                border-radius: 12px;
                padding: 30px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
                transition: transform 0.3s, box-shadow 0.3s;
               
                display: flex;
                flex-direction: column;
            }
            .pricing-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            }
						
            .pricing-header h3 {
                font-size: 1.8rem;
                font-weight: 700;
                color: var(--color-text-dark); 
                margin-bottom: 5px;
            }
            .pricing-header .price {
                font-size: 2.5rem;
                font-weight: 800;
                color: var(--color-primary); /* Use Orange for Price */
                margin-top: 10px;
                margin-bottom: 20px;
                line-height: 1;
            }
            .pricing-header .price small {
                font-size: 0.9rem;
                font-weight: 500;
                color: #666;
            }
            .feature-list {
                list-style: none;
                padding: 0;
                margin-bottom: 20px;
                flex-grow: 1;
            }
            .feature-list li {
                padding: 5px 0;
                border-bottom: 1px dashed var(--color-border-light);
                font-size: 1rem;
                color: #555;
            }
            .feature-list li:last-child {
                border-bottom: none;
            }
            .feature-list i {
                color: var(--color-primary); /* Use Orange for Icons */
                margin-right: 10px;
            }
            .ribbon {
                background: var(--color-primary); /* Orange for highlighting */
                color: #ffffff; /* White text on orange ribbon */
                padding: 5px 15px;
                font-size: 0.85rem;
                font-weight: 700;
                border-radius: 0 0 8px 8px;
                position: absolute;
                top: 0;
                right: 20px;
                transform: rotate(3deg);
            }
            .tailored-package-card {
                background: var(--color-background-light); /* Light gray background for contrast */
                border: 1px solid var(--color-border-light);
            }
            .small-features-box {
                background: var(--color-text-dark); /* Black background for shared features */
                color: #ffffff;
                padding: 20px;
                border-radius: 10px;
                margin-bottom: 30px;
            }
            .small-features-box h4 {
                color: var(--color-primary); /* Orange title on black box */
                border-bottom: 1px solid rgba(255, 87, 34, 0.5); /* Semi-transparent orange line */
                padding-bottom: 10px;
                margin-bottom: 15px;
            }
            .small-features-box .feature-list i {
                color: var(--color-primary); /* Orange icons */
            }
            .small-features-box .feature-list li {
                border-bottom: 1px dashed #444;
                color: #ffffff;
            }
						.pricing-card.highlighted{
							border:3px solid #f59403 !important;
						}
			
	:root {
            --accent: #F59403;
            --brand-orange: #F59403;
            --brand-dark: #1a1a1a;
            --light-bg: #ffffff;
            --bg: #ffffff;
            --card-bg: #ffffff;
            --text-gray: #333333;
        }

       

        .timeline-container {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
        }

        /* Central Vertical Line */
        .timeline-container::after {
            content: '';
            position: absolute;
            width: 2px;
            background: linear-gradient(to bottom, transparent, var(--accent), var(--accent), transparent);
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -1px;
        }

        .step-row {
            padding: 10px 0;
            position: relative;
            width: 50%;
            margin-bottom: 20px;
        }

        /* Directional positioning */
        .left { left: 0; text-align: right; padding-right: 50px; box-sizing: border-box; }
        .right { left: 50%; text-align: left; padding-left: 50px; box-sizing: border-box; }

        /* Step Circles on the center line */
        .step-row::before {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: var(--bg);
            border: 3px solid var(--accent);
            border-radius: 50%;
            top: 40px;
            z-index: 2;
            box-shadow: 0 0 10px var(--accent);
        }

        .left::before { right: -11px; }
        .right::before { left: -11px; }

    .content-card {
            background: linear-gradient(180deg, #fff0d9 0%, #ffd38a 100%);
            padding: 30px;
            border-radius: 16px;
            border: 2px solid #e6e6e6;
            border-left: 6px solid var(--brand-orange);
            box-shadow: 0 8px 18px rgba(0,0,0,0.06);
            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        }

        .content-card:hover {
            transform: translateY(-5px);
            border-color: #dcdcdc;
            box-shadow: 0 14px 28px rgba(245, 148, 3, 0.12);
        }

        .step-number {
            background: rgba(245,148,3,0.12);
            color: #1a1a1a;
            font-weight: 800;
            font-size: 0.85rem;
            letter-spacing: 1px;
            display: inline-block;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 999px;
        }

        .content-card h3 {
            margin: 0 0 12px 0;
            font-size: 1.5rem;
            color: var(--brand-dark);
        }

        .content-card p {
            margin: 0;
            color: var(--text-gray);
            line-height: 1.6;
            font-size: 0.95rem;
        }

        /* Responsive for Mobile */
        @media screen and (max-width: 768px) {
            .timeline-container::after { left: 31px; }
            .step-row { width: 98%; text-align: left; padding-left: 60px; padding-right: 0; }
            .right { left: 0; }
            .step-row::before { left: 20px !important; }
						.pro-card{width: 50%;}
        }
        .solution-section {
        background-color: var(--light-bg);
        padding: 60px 20px;
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        color: var(--brand-dark);
        text-align: center;
    }

    .solution-header {
        margin-bottom: 50px;
    }

    .solution-header h4 {
        font-size: 1.8rem;
        font-weight: 800;
        margin: 0;
        letter-spacing: -0.5px;
    }

    /* Highlight box for "STOP" like the flyer */
    .stop-badge {
        background-color: var(--brand-orange);
        color: white;
        padding: 2px 12px;
        border-radius: 4px;
        display: inline-block;
    }

    .solution-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 25px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .solution-card {
        background: var(--card-bg);
        /* Orange border requested */
        border: 2px solid var(--brand-orange);
        border-radius: 16px;
        padding: 30px 15px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .solution-card:hover {
        transform: translateY(-8px);
        background: white;
        box-shadow: 0 20px 25px -5px rgba(245, 148, 3, 0.15);
    }

    .icon-circle {
        width: 60px;
        height: 60px;
        background: rgba(245, 148, 3, 0.08);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        font-size: 1.5rem;
        transition: transform 0.3s ease;
    }

    .solution-card:hover .icon-circle {
        transform: scale(1.1);
        background: var(--brand-orange);
        color: white;
    }

    .solution-card span {
        font-weight: 700;
        font-size: 1rem;
        color: var(--brand-dark);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    @media (max-width: 600px) {
        .solution-grid {
            grid-template-columns: 1fr;
        }
    }
    .os-pro { padding: 24px 0; text-align: center; }
    .os-pro-title { font-size: 1.8rem; font-weight: 800; margin-bottom: 18px; }
    .pro-grid { display: flex; flex-wrap: nowrap; gap: 16px; max-width: 1040px; margin: 0 auto; justify-content: center; align-items: stretch; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px; }
    .pro-card { background: #ffffff; border: 2px solid var(--brand-orange); border-radius: 12px; padding: 16px 18px; box-shadow: 0 6px 16px rgba(245,148,3,0.10); transition: transform .2s ease, box-shadow .2s ease; display: flex; align-items: center; gap: 14px; }
    .pro-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(245,148,3,0.18); }
    .pro-icon { width: 50px; height: 50px; border: 2px solid var(--brand-orange); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--brand-orange); background: #fffdf5; font-size: 24px; flex-shrink: 0; }
    .pro-title { font-weight: 800; color: #1a1a1a; margin: 0; }
    .pro-desc { font-size: 0.92rem; color: #555; margin: 2px 0 0; }
    .pro-card { min-width: 240px; }
    @media (max-width: 768px) { .pro-grid { justify-content: flex-start; } }		
			
		 :root {
            --accent: #F59403;
            --brand-orange: #F59403;
            --brand-dark: #1a1a1a;
            --light-bg: #ffffff;
            --bg: #ffffff;
            --card-bg: #ffffff;
            --text-gray: #333333;
        }

       

        .timeline-container {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
        }

        /* Central Vertical Line */
        .timeline-container::after {
            content: '';
            position: absolute;
            width: 2px;
            background: linear-gradient(to bottom, transparent, var(--accent), var(--accent), transparent);
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -1px;
        }

        .step-row {
            padding: 10px 0;
            position: relative;
            width: 50%;
            margin-bottom: 20px;
        }

        /* Directional positioning */
        .left { left: 0; text-align: right; padding-right: 50px; box-sizing: border-box; }
        .right { left: 50%; text-align: left; padding-left: 50px; box-sizing: border-box; }

        /* Step Circles on the center line */
        .step-row::before {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: var(--bg);
            border: 3px solid var(--accent);
            border-radius: 50%;
            top: 40px;
            z-index: 2;
            box-shadow: 0 0 10px var(--accent);
        }

        .left::before { right: -11px; }
        .right::before { left: -11px; }

    .content-card {
            background: linear-gradient(180deg, #fff0d9 0%, #ffd38a 100%);
            padding: 30px;
            border-radius: 16px;
            border: 2px solid #e6e6e6;
            border-left: 6px solid var(--brand-orange);
            box-shadow: 0 8px 18px rgba(0,0,0,0.06);
            transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        }

        .content-card:hover {
            transform: translateY(-5px);
            border-color: #dcdcdc;
            box-shadow: 0 14px 28px rgba(245, 148, 3, 0.12);
        }

        .step-number {
            background: rgba(245,148,3,0.12);
            color: #1a1a1a;
            font-weight: 800;
            font-size: 0.85rem;
            letter-spacing: 1px;
            display: inline-block;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 999px;
        }

        .content-card h3 {
            margin: 0 0 12px 0;
            font-size: 1.5rem;
            color: var(--brand-dark);
        }

        .content-card p {
            margin: 0;
            color: var(--text-gray);
            line-height: 1.6;
            font-size: 0.95rem;
        }

        /* Responsive for Mobile */
        @media screen and (max-width: 768px) {
            .timeline-container::after { left: 31px; }
            .step-row { width: 100%; text-align: left; padding-left: 60px; padding-right: 0; }
            .right { left: 0; }
            .step-row::before { left: 20px !important; }
        }
        .solution-section {
        background-color: var(--light-bg);
        padding: 60px 20px;
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        color: var(--brand-dark);
        text-align: center;
    }

    .solution-header {
        margin-bottom: 50px;
    }

    .solution-header h4 {
        font-size: 1.8rem;
        font-weight: 800;
        margin: 0;
        letter-spacing: -0.5px;
    }

    /* Highlight box for "STOP" like the flyer */
    .stop-badge {
        background-color: var(--brand-orange);
        color: white;
        padding: 2px 12px;
        border-radius: 4px;
        display: inline-block;
    }

    .solution-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 25px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .solution-card {
        background: var(--card-bg);
        /* Orange border requested */
        border: 2px solid var(--brand-orange);
        border-radius: 16px;
        padding: 30px 15px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    }

    .solution-card:hover {
        transform: translateY(-8px);
        background: white;
        box-shadow: 0 20px 25px -5px rgba(245, 148, 3, 0.15);
    }

    .icon-circle {
        width: 60px;
        height: 60px;
        background: rgba(245, 148, 3, 0.08);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 15px;
        font-size: 1.5rem;
        transition: transform 0.3s ease;
    }

    .solution-card:hover .icon-circle {
        transform: scale(1.1);
        background: var(--brand-orange);
        color: white;
    }

    .solution-card span {
        font-weight: 700;
        font-size: 1rem;
        color: var(--brand-dark);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    @media (max-width: 600px) {
        .solution-grid {
            grid-template-columns: 1fr;
        }
    }
    .os-pro { padding: 24px 0; text-align: center; }
    .os-pro-title { font-size: 1.8rem; font-weight: 800; margin-bottom: 18px; }
    .pro-grid { display: flex; flex-wrap: nowrap; gap: 16px; max-width: 1040px; margin: 0 auto; justify-content: center; align-items: stretch; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px; }
    .pro-card { background: #ffffff; border: 2px solid var(--brand-orange); border-radius: 12px; padding: 16px 18px; box-shadow: 0 6px 16px rgba(245,148,3,0.10); transition: transform .2s ease, box-shadow .2s ease; display: flex; align-items: center; gap: 14px; }
    .pro-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(245,148,3,0.18); }
    .pro-icon { width: 50px; height: 50px; border: 2px solid var(--brand-orange); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--brand-orange); background: #fffdf5; font-size: 24px; flex-shrink: 0; }
    .pro-title { font-weight: 800; color: #1a1a1a; margin: 0; }
    .pro-desc { font-size: 0.92rem; color: #555; margin: 2px 0 0; }
    .pro-card { min-width: 240px; }
    @media (max-width: 992px) { .os-pro .pro-grid { flex-wrap: wrap; overflow-x: hidden; justify-content: center; } .pro-card { flex: 1 1 calc(50% - 16px); min-width: auto; } }
    @media (max-width: 576px) { .os-pro .pro-grid { justify-content: flex-start; } .pro-card { flex: 1 1 100%; } }
    @media (max-width: 768px) { .pro-grid { justify-content: flex-start; } }
		.partner-logo{display: inline-flex; flex-wrap: wrap; gap:10px; justify-content: center; font-size: 20px; border: 1px solid #1a1a1a; border-radius: 8px; padding: 10px; margin: auto; font-weight: 600;}
  /* Courses Page Ends  */




@media (max-width: 1200px) {
.slider-img img{max-width: 100%; margin: auto;}
.gallery-view{grid-template-columns: repeat(2, 1fr);}
.slider-text h2{font-size: 48px;}
.slider-img{margin-top: 25px;}
.slider-content-space{padding-top: 150px;}
}
@media (max-width: 1080px) {
.slider-height-inner .slider-content-space {padding-top: 130px;}
.slider-height-inner .slider-img{margin-top: 60px; text-align: center}
.contact-left, #wpcf7-f1949-o1 .wpcf7-form,div[data-wpcf7-id="1970"] .wpcf7-form,#wpcf7-f1953-o1 .wpcf7-form, .contact-form{width: 100%; }
.contact-left{margin-top: 35px;}
.slider-height-inner h3{font-size: 36px;}
.mobile-menu{width: 100%;}
.cta-content, .cta-img{width: 100%; text-align: center;}
.slider-content-space{padding-top: 130px;}
.career-text{width: 100%; margin-bottom:25px;}
.header-btn{margin-left: 0;}
}
@media (max-width: 992px) {
	
}
@media (max-width: 767px) {
.slider-height-inner .slider-content-space {padding-top: 120px;}
.slider-height-inner .slider-img{margin-top: 30px;}
.gallery-view{grid-template-columns: repeat(1, 1fr);}
.founder-image{width: 100%;}
.founder-info{width: 100%; margin-top: 25px;}
}

@media (max-width: 575px) {
	.slider-text h4{font-size: 28px; padding-right: 0; font-weight: 600;}
	.pg-section h2{font-size: 28px;}
	.pg-section{padding: 30px 0}
	.contact-info .col-img{width: 60px;}
	.contact-info .col-img img{width: 100%;}
	.copyrights-text{margin-top: 10px;}
	.nav-tabs .nav-item{margin-bottom: 5px;}
	.copyrights-text{justify-content: flex-start; align-items: flex-start; text-align: left;}
	.super-feature h4{font-size: 22px;}
	.col-img img{max-width: 50px;}
	.slider-height-inner .slider-img{margin-top: 15px;}
	.slider-height-inner .slider-content-space h3{font-size: 32px;}
	.gallery-view{grid-template-columns: repeat(1, 1fr);}
	.result-box{ margin:auto; width: 100%;}
	.how-it-works .col-6{max-width: 80%;-ms-flex: 0 0 80%;flex: 0 0 80%;}
}

.client-section { padding: 30px 0; }
.client-logo-carousel .single-client-logo { padding: 8px 12px; display: flex; align-items: center; justify-content: center; }
.client-logo-carousel .single-client-logo img { max-height: 90px; width: auto; opacity: .8; filter: grayscale(100%); transition: all .3s ease; }
.client-logo-carousel .single-client-logo:hover img { opacity: 1; filter: none; transform: scale(1.05); }

.tutor-slide{padding: 25px;}
.tutor-section .tutor-card { padding: 35px 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);display: flex; flex-wrap: wrap; }
.tutor-top{display: flex; flex-wrap: wrap; width: 100%;}
.tutor-top .tutor-img{width: 200px; height: auto; overflow: hidden; border-radius: 10px;}
.tutor-top .tutor-img img{width: 100%;height: 200px; object-fit: cover;}
.tutor-detail{flex:1; padding: 10px;}
.subject-tags{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 12px;}
.subject-tag{display:inline-block; border:2px solid #1a1a1a; border-radius:999px; padding:6px 12px; font-weight:800; color:#1a1a1a; background:#F59403; text-decoration:none;}
.subject-tag:hover{background:#ffb43c; color:#1a1a1a;}
.tutor-see-more{ text-decoration: none; }

.tutor-section .slick-prev, .tutor-section .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border: 2px solid #1a1a1a; border-radius: 10px; background: #ffffff; box-shadow: 4px 4px 0 #1a1a1a; display: flex; align-items: center; justify-content: center; color: #1a1a1a; }
.tutor-section .slick-prev { left: -56px; }
.tutor-section .slick-next { right: -56px; }
.tutor-section .slick-prev:hover, .tutor-section .slick-next:hover { background: #F59403; color: #1a1a1a; }
.tutor-section .slick-prev i, .tutor-section .slick-next i { font-size: 20px; }
.tutor-section .slick-dots { position: static; margin-top: 12px; display: flex !important; align-items: center; justify-content: center; gap: 8px; }
.tutor-section .slick-dots li {  }
.tutor-section .slick-dots li button { width: 100%; height: 100%; padding: 0; font-size: 0; background: #1a1a1a; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; border:none;}
.tutor-section .slick-dots li.slick-active button { background: #F59403; }


.guarantee-terms-container { border: 2px solid #1a1a1a; border-radius: 12px; padding: 24px; background: #ffffff; }
.guarantee-terms-container .terms-header { border-bottom: 2px solid #F59403; padding-bottom: 10px; margin-bottom: 16px; }
.guarantee-terms-container .terms-heading { margin: 0; font-weight: 800; color: #1a1a1a; }
.guarantee-terms-container .terms-subtitle { margin: 2px 0 0; font-weight: 700; color: #F59403; }
.guarantee-terms-container .terms-list { padding-left: 0; margin-left: 0; }
.guarantee-terms-container .terms-list li { list-style: decimal; margin-left: 22px; margin-bottom: 10px; display: flex; align-items: flex-start; }
.guarantee-terms-container .terms-list li i { color: #F59403; font-size: 18px; margin-right: 8px; margin-left: -22px; }
.guarantee-terms-container .address-block { border: 2px dashed #1a1a1a; border-radius: 10px; padding: 12px; background: #f9f7f4; margin: 8px 0; }
.guarantee-terms-container .terms-note { border-top: 2px solid #eee; margin-top: 16px; padding-top: 12px; }
.landing-guarantee-section .guarantee-panel { background: linear-gradient(135deg, #f59403, #ffd36a); border: 2px solid #1a1a1a; border-radius: 12px; padding: 24px; color: #1a1a1a; }

.usp-row { margin-bottom: 60px; }
.usp-text {  color: #1a1a1a; border: 2px solid #F59403; border-radius: 12px; padding: 24px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.usp-text h2 { margin: 0 0 12px 0; color: #1a1a1a; }
.usp-text h2 span { color: #F59403; }
.usp-text .section_subtitle p { color: #1a1a1a; margin-bottom: 0; }
.usp-image img { width: 100%; height: auto;  }
@media (max-width: 991px) {
  .usp-row { margin-bottom: 40px; }
  .usp-text { padding: 18px; }
}
.landing-guarantee-section .guarantee-title { font-weight: 800; color: #1a1a1a; margin-bottom: 8px; }
.landing-guarantee-section .guarantee-subtitle { font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.landing-guarantee-section .guarantee-desc { color: #1a1a1a; margin-bottom: 6px;text-align:justify; }
.landing-guarantee-section .guarantee-terms { color: #1a1a1a; font-weight: 600; text-decoration: underline; }
.landing-guarantee-section .guarantee-metric { min-width: 320px; border: 2px solid #1a1a1a; border-radius: 12px; background: #ffffff; padding: 20px; }
.landing-guarantee-section .lg-counter-wrap { line-height: 1; }
.landing-guarantee-section .lg-plus { font-size: 56px; font-weight: 900; margin-right: 6px; color: #1a1a1a; }
.landing-guarantee-section .lg-counter { font-size: 120px; font-weight: 900; color: #1a1a1a; }
.landing-guarantee-section .lg-label { font-size: 20px; font-weight: 700; color: #1a1a1a; }
.landing-guarantee-section .guarantee-cta { font-weight: 800; }

.pricing-card { display: flex; flex-direction: column; border: 2px solid #1a1a1a; border-radius: 10px; background: #ffffff; padding: 16px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); transition: all .3s ease; }
.pricing-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.15); }
.pricing-header h3 { font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.course-hours { font-weight: 700; color: #F59403; }

/* --- SAT 1-on-1 Online Page Scoped Styles --- */
.sat-1on1-online .pricing-section {  }
.sat-1on1-online .section-subtitle { color: #222222; max-width: 780px; margin: 10px auto 0; }
.sat-1on1-online .pricing-card { display: flex; flex-direction: column; height: 100%; border: 2px solid #1a1a1a; border-radius: 10px; background: #ffffff; padding: 16px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); transition: all .3s ease; }
.sat-1on1-online .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.15); }
.sat-1on1-online .pricing-header h3 { font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.sat-1on1-online .course-hours { font-weight: 700; color: #F59403; }

/* SAT 1-on-1 Online: Premium Features Unique Styling */
.sat-1on1-online .features-premium { border: 2px solid #1a1a1a; border-radius: 12px; background: #ffffff; box-shadow: 0 10px 24px rgba(0,0,0,0.12); overflow: hidden; }
.sat-1on1-online .features-premium .fp-header { position: relative; background: #F59403; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; padding: 18px 20px; }
.sat-1on1-online .features-premium .fp-title { margin: 0; font-weight: 900; letter-spacing: .3px; color: #1a1a1a; }
.sat-1on1-online .features-premium .fp-badge { position: absolute; left: 20px; top: -16px; width: 44px; height: 44px; border: 2px solid #1a1a1a; border-radius: 50%; background: #ffffff; color: #F59403; display: inline-flex; align-items: center; justify-content: center; box-shadow: 4px 4px 0 #1a1a1a; }
.sat-1on1-online .features-premium .fp-grid { padding: 18px 16px; }
.sat-1on1-online .features-premium .fp-list { list-style: none; padding: 0; margin: 0; }
.sat-1on1-online .features-premium .fp-list li { display: flex; align-items: center; gap: 10px; background: #fffdf5; border: 2px solid #1a1a1a; border-left: 6px solid #F59403; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; box-shadow: 0 6px 14px rgba(0,0,0,0.08); color: #1a1a1a; }
.sat-1on1-online .features-premium .fp-list li i { color: #F59403; font-size: 20px; }
.sat-1on1-online .features-premium .fp-list li:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.12); }
.sat-1on1-online .price { font-weight: 800; font-size: 22px; color: #1a1a1a; }
.sat-1on1-online .price small { font-weight: 600; color: #1a1a1a; }
.sat-1on1-online .feature-list { list-style: none; padding: 0; margin: 15px 0 20px; }
.sat-1on1-online .feature-list li { display: flex; align-items: flex-start;font-size: 15px; color: #333333;line-height: 24px; }
.sat-1on1-online .feature-list i { color: #F59403; margin-right: 8px; font-size: 22px; }
.sat-1on1-online .ribbon, .sat-1on1-offline .ribbon{ position: absolute; top: -10px; right: -8px; background: #F59403; color: #1a1a1a; font-weight: 700; padding: 6px 12px; border: 2px solid #1a1a1a; border-radius: 4px; transform: rotate(3deg); }
.sat-1on1-online .tailored-package-card { border-color: #F59403; }
.customization-card { position: relative; border: 2px solid #1a1a1a; border-radius: 12px; background: #ffffff; padding: 24px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); display: flex; align-items: center; justify-content: center; min-height: 240px; height: 100%;}
.customization-layer { position: absolute; top: -10px; right: -12px; width: 70%; height: 40%; background: #F59403; border: 2px solid #1a1a1a; border-radius: 10px; z-index: 0; }
.customization-inner { position: relative; z-index: 1; }
.customization-title { font-weight: 800; margin-bottom: 16px; }
.customization-cta { font-weight: 800; }

.customization-icon { display: inline-flex; width: 44px; height: 44px; border: 2px solid #1a1a1a; border-radius: 50%; align-items: center; justify-content: center; background: #F59403; color: #1a1a1a; box-shadow: 4px 4px 0 #1a1a1a; margin-bottom: 8px; }
.customization-subtitle { color: #1a1a1a; font-weight: 700; margin: 6px 0 12px; }
.customization-list { list-style: none; padding: 0; margin: 0 0 16px; text-align: left; }
.customization-list li { display: flex; align-items: center; gap: 8px; border: 2px solid #1a1a1a; border-radius: 10px; padding: 8px 10px; background: #ffffff; margin-bottom: 8px; }
.customization-list li i { color: #F59403; }
.small-features-box { border: 2px solid #1a1a1a; background: #ffffff; border-radius: 10px; padding: 25px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); }
.sat-1on1-online .cta-enroll {  }
.sat-1on1-online .cta-card { background: #ffffff; border: 2px solid #1a1a1a; border-radius: 10px; padding: 25px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); justify-content: center; }
.sat-1on1-online .sat-intro .intro-card { border: 2px solid #1a1a1a; background: #ffffff; border-radius: 10px; padding: 20px; }
.sat-1on1-online .feature-list li.hidden { display: none; }
.sat-1on1-online .btn-show-more { margin-top: 10px; }
.sat-1on1-online .course-details-popup { background:#ffffff; border:2px solid #1a1a1a; border-radius:10px; padding:16px; max-width:800px; margin:0 auto; }
.dsat-details-popup{ background:#ffffff; border:2px solid #1a1a1a; border-radius:10px; padding:16px; max-width:480px; margin:0 auto; }
.test-dates .custom-table .table { border: 2px solid #1a1a1a; border-radius: 12px; overflow: hidden; background: #ffffff; }
.test-dates .custom-table .table thead th, .test-dates .custom-table .table thead td { background: #1a1a1a; color: #ffffff; border-bottom: 2px solid #F59403; vertical-align: middle; }
.test-dates .custom-table .table tbody th { font-weight: 700; color: #1a1a1a; }
.test-dates .custom-table .table tbody td { color: #333333; }
.test-dates .custom-table .table-striped tbody tr:nth-of-type(odd) { background-color: #f9f7f4; }
.test-dates .custom-table .table tbody tr:hover { background-color: rgba(245, 148, 3, 0.08); }
.test-dates .custom-table tfoot td { background: #fffbe6; border-top: 2px solid #1a1a1a; }
.test-dates .cb-align-center { text-align: center; }
.test-dates .bulletin-board { background: #f3e6d1; border: 2px solid #1a1a1a; border-radius: 12px; padding: 24px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); margin-bottom: 24px; }
.test-dates .announcement { position: relative; background: #fffdf5; color: #1a1a1a; border: 2px solid #1a1a1a; border-radius: 10px; padding: 18px 16px 20px; margin: 18px; box-shadow: 4px 4px 0 #1a1a1a, 0 12px 18px rgba(0,0,0,0.12); }
.test-dates .announcement::before { content: ""; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 18px; height: 18px; border-radius: 50%; background: #F59403; border: 2px solid #1a1a1a; box-shadow: 0 3px 0 rgba(0,0,0,0.6); }
.test-dates .announcement::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 14px; background: #1a1a1a; }
.test-dates .bulletin-board .announcement:nth-of-type(odd) { transform: rotate(-1.2deg); }
.test-dates .bulletin-board .announcement:nth-of-type(even) { transform: rotate(1.2deg); }
.test-dates .announcement p { margin: 0; }
.test-dates .section_title_inner { font-weight: 800; color: #1a1a1a; }
.dsat-details-popup .popup-header, .sat-1on1-online .course-details-popup .popup-header { border-bottom: 2px solid #F59403; padding-bottom: 8px; margin-bottom: 12px; }
.dsat-details-popup .popup-title h3, .sat-1on1-online .course-details-popup .popup-title h3 { margin: 0; font-weight: 800; color: #1a1a1a; }
.sat-1on1-online .course-details-popup .popup-title-icon { color: #F59403; font-size: 24px; margin-right: 8px; }
.sat-1on1-online .course-details-popup .popup-price .price { font-weight: 800; color: #1a1a1a; }
.dsat-details-popup .popup-body , .sat-1on1-online .course-details-popup .popup-body { margin-bottom: 12px; }
.dsat-details-popup .popup-footer , .sat-1on1-online .course-details-popup .popup-footer { border-top: 2px solid #eee; padding-top: 10px; }
.dsat-details-popup .popup-close-btn,.sat-1on1-online .course-details-popup .popup-close-btn { margin-left: 10px; }
.sat-1on1-online .pricing-section .row { margin-left: -8px; margin-right: -8px; }
.sat-1on1-online .pricing-section [class*='col-'] { padding-left: 8px; padding-right: 8px; }
.dsat-details-popup h3, .sat-1on1-online .course-details-popup h3 { font-weight:700; color:#1a1a1a; margin-bottom:10px; }
.sat-1on1-online .course-details-popup .price { font-weight:800; color:#1a1a1a; margin-bottom:15px; }
.mfp-close{
    color:#ffffff !important;
}
.sat-1on1-offline .pricing-card { display: flex; flex-direction: column; height: 100%; border: 2px solid #1a1a1a; border-radius: 10px; background: #ffffff; padding: 16px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); transition: all .3s ease; }
.sat-1on1-offline .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.15); }
.sat-1on1-offline .pricing-header h3 { font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.sat-1on1-offline .course-hours { font-weight: 700; color: #F59403; }
.sat-1on1-offline .price { font-weight: 800; font-size: 22px; color: #1a1a1a; }
.sat-1on1-offline .price small { font-weight: 600; color: #1a1a1a; }
.sat-1on1-offline .feature-list { list-style: none; padding: 0; margin: 15px 0 20px; }
.sat-1on1-offline .feature-list li { display: flex; align-items: center; font-size: 15px; color: #333333; }
.sat-1on1-offline .feature-list i { color: #F59403; margin-right: 8px; font-size: 22px; }
.sat-1on1-offline .cta-card { background: #ffffff; border: 2px solid #1a1a1a; border-radius: 10px; padding: 25px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); justify-content: center; flex-direction: column;}
.sat-1on1-offline .sat-intro .intro-card { border: 2px solid #1a1a1a; background: #ffffff; border-radius: 10px; padding: 20px; }
.sat-1on1-offline .pricing-section .row { margin-left: -8px; margin-right: -8px; }
.sat-1on1-offline .pricing-section [class*='col-'] { padding-left: 8px; padding-right: 8px; }
.sat-1on1-offline .course-details-popup { background:#ffffff; border:2px solid #1a1a1a; border-radius:10px; padding:16px; max-width:800px; margin:0 auto; }
.sat-1on1-offline .course-details-popup .popup-header { border-bottom: 2px solid #F59403; padding-bottom: 8px; margin-bottom: 12px; }
.sat-1on1-offline .course-details-popup .popup-title h3 { margin: 0; font-weight: 800; color: #1a1a1a; }
.sat-1on1-offline .course-details-popup .popup-title-icon { color: #F59403; font-size: 24px; margin-right: 8px; }
.sat-1on1-offline .course-details-popup .popup-price .price { font-weight: 800; color: #1a1a1a; }
.sat-1on1-offline .course-details-popup .popup-body { margin-bottom: 12px; }
.sat-1on1-offline .course-details-popup .popup-footer { border-top: 2px solid #eee; padding-top: 10px; }
.sat-1on1-offline .course-details-popup .popup-close-btn { margin-left: 10px; }


.page-id-1783 .pricing-card , .page-id-1736 .pricing-card , .sat-small-group .pricing-card { display: flex; flex-direction: column; height: 100%; border: 2px solid #1a1a1a; border-radius: 10px; background: #ffffff; padding: 16px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); transition: all .3s ease; }
.page-id-1783 .pricing-card:hover , .page-id-1736 .pricing-card:hover , .sat-small-group .pricing-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,0.15); }
.page-id-1783 .pricing-header h3 , .page-id-1736 .pricing-header h3 , .sat-small-group .pricing-header h3 { font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.page-id-1783 .course-hours , .page-id-1736 .course-hours , .sat-small-group .course-hours { font-weight: 700; color: #F59403; }
.page-id-1783 .price , .page-id-1736 .price , .sat-small-group .price { font-weight: 800; font-size: 22px; color: #1a1a1a; }
.page-id-1783 .price small , .page-id-1736 .price small , .sat-small-group .price small { font-weight: 600; color: #1a1a1a; }
.page-id-1783 .feature-list , .page-id-1736 .feature-list , .sat-small-group .feature-list { list-style: none; padding: 0; margin: 15px 0 20px; }
.page-id-1783 .feature-list li , .page-id-1736 .feature-list li , .sat-small-group .feature-list li { display: flex; align-items: center; font-size: 15px; color: #333333; }
.page-id-1783 .feature-list i , .page-id-1736 .feature-list i , .sat-small-group .feature-list i { color: #F59403; margin-right: 8px; font-size: 22px; }
.page-id-1783 .cta-card , .page-id-1736 .cta-card , .sat-small-group .cta-card { background: #ffffff; border: 2px solid #1a1a1a; border-radius: 10px; padding: 25px; box-shadow: 0 6px 16px rgba(0,0,0,0.08); justify-content: center; }
.page-id-1783 .sat-intro .intro-card , .page-id-1736 .sat-intro .intro-card , .sat-small-group .sat-intro .intro-card { border: 2px solid #1a1a1a; background: #ffffff; border-radius: 10px; padding: 20px; }
.page-id-1783 .pricing-section .row , .page-id-1736 .pricing-section .row , .sat-small-group .pricing-section .row { margin-left: -8px; margin-right: -8px; }
.page-id-1783 .pricing-section [class*='col-'] , .page-id-1736 .pricing-section [class*='col-'] , .sat-small-group .pricing-section [class*='col-'] { padding-left: 8px; padding-right: 8px; }
.page-id-1783 .course-details-popup , .page-id-1736 .course-details-popup , .sat-small-group .course-details-popup { background:#ffffff; border:2px solid #1a1a1a; border-radius:10px; padding:16px; max-width:800px; margin:0 auto; }
.page-id-1783 .course-details-popup .popup-header , .page-id-1736 .course-details-popup .popup-header , .sat-small-group .course-details-popup .popup-header { border-bottom: 2px solid #F59403; padding-bottom: 8px; margin-bottom: 12px; }
.page-id-1783 .course-details-popup .popup-title h3 , .page-id-1736 .course-details-popup .popup-title h3 , .sat-small-group .course-details-popup .popup-title h3 { margin: 0; font-weight: 800; color: #1a1a1a; }
.page-id-1783 .course-details-popup .popup-title-icon , .page-id-1736 .course-details-popup .popup-title-icon , .sat-small-group .course-details-popup .popup-title-icon { color: #F59403; font-size: 24px; margin-right: 8px; }
.page-id-1783 .course-details-popup .popup-price .price , .page-id-1736 .course-details-popup .popup-price .price , .sat-small-group .course-details-popup .popup-price .price { font-weight: 800; color: #1a1a1a; }
.page-id-1783 .course-details-popup .popup-body , .page-id-1736 .course-details-popup .popup-body , .sat-small-group .course-details-popup .popup-body { margin-bottom: 12px; }
.page-id-1783 .course-details-popup .popup-footer , .page-id-1736 .course-details-popup .popup-footer , .sat-small-group .course-details-popup .popup-footer { border-top: 2px solid #eee; padding-top: 10px; }
.page-id-1783 .course-details-popup .popup-close-btn , .page-id-1736 .course-details-popup .popup-close-btn , .sat-small-group .course-details-popup .popup-close-btn { margin-left: 10px; }
.mfp-zoom-in .mfp-content { opacity: 0; transform: scale(0.9); transition: all .25s ease-in-out; }
.mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; transform: scale(1); }
.mfp-zoom-in.mfp-removing .mfp-content { opacity: 0; transform: scale(0.9); }
.mfp-zoom-in .mfp-bg { opacity: 0; transition: all .25s ease-in-out; }
.mfp-zoom-in.mfp-ready .mfp-bg { opacity: .85; }
.mfp-zoom-in.mfp-removing .mfp-bg { opacity: 0; }
.table-design { border: 4px solid #F59403; border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,0.15); background: #ffffff; border-collapse: collapse; width: 100%; }
.table-design th, .table-design td { border: 2px solid #F59403; color: #1a1a1a; padding: 10px; vertical-align: middle; }
.table-design thead th { background: #f2f2f2; font-weight: 800; text-transform: uppercase; }
.table-design tbody tr:nth-child(odd) { background-color: #ffffff; }
.table-design tbody tr:nth-child(even) { background-color: #fff3e0; }
.table-design tfoot td { background-color: #fffbe6; font-weight: 600; }

/* Sticky Page Title Bar */
.sticky-page-title { position: fixed; left: 0; right: 0; top: 0; background: #FED269; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; box-shadow: 0 10px 24px rgba(0,0,0,0.15); z-index: 9; transform: translateY(-100%); opacity: 0; transition: transform .25s ease, opacity .25s ease; }
.sticky-page-title .spt-inner { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px; font-weight: 600; letter-spacing: .2px; font-family: "Roboto Condensed", serif; font-size: 20px; }
.sticky-page-title .spt-inner i { color: #1a1a1a; font-size: 20px; }
.sticky-page-title.show { transform: translateY(0); opacity: 1; }
.test-dates .custom-table .table.table-design thead th, .test-dates .custom-table .table.table-design thead td { background: #f2f2f2; color: #1a1a1a; border-color: #F59403; }

.advanced-placement .course-details-area { background: #fffdf5; }
.advanced-placement .intro-card { border: 2px solid #1a1a1a; border-radius: 12px; background: #ffffff; padding: 24px; box-shadow: 0 8px 22px rgba(0,0,0,0.08); }
.advanced-placement .features-premium .fp-grid { display: block; }
.advanced-placement .features-premium .fp-list { list-style: none; padding: 0; margin: 0; }
.advanced-placement .features-premium .fp-list li { position: relative; display: block; font-size: 15px; color: #333333; line-height: 24px; background: transparent; border: 0; border-bottom: 1px dashed #d9d9d9; padding: 14px 12px 14px 42px; box-shadow: none; }
.advanced-placement .features-premium .fp-list li::before { content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F59403'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.354 5.354a.5.5 0 0 1 0 .707l-4 4a.5.5 0 0 1-.707 0l-2-2a.5.5 0 1 1 .707-.707L7 9.293l3.646-3.647a.5.5 0 0 1 .707 0z'/%3E%3C/svg%3E") no-repeat center / contain; border: 2px solid #1a1a1a; }
.advanced-placement .features-premium .fp-list li:hover { background-color: #fffdf5; }
.advanced-placement .cta-banner { background: linear-gradient(180deg,#fff3e0,#ffffff); border: 2px solid #1a1a1a; border-radius: 12px; padding: 25px; box-shadow: 0 8px 22px rgba(0,0,0,0.08); display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.advanced-placement .ap-table thead th {  border-bottom: 3px solid #F59403; }
.advanced-placement .ap-table tbody tr:hover { background-color: #fff7ec; }
@media (max-width: 991px) { .advanced-placement .features-premium .fp-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { .advanced-placement .features-premium .fp-grid { grid-template-columns: 1fr; } }

/* Google Reviews Section */
.google-reviews-box {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    border: 3px solid #1a1a1a;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    height: 100%;
    position: relative;
}
.google-reviews-box:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #ffd36a; border-radius: 15px; transform: skewY(2deg) translateX(10px);}

.google-reviews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #1a1a1a;
}

.google-logo-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.google-g-icon {
    font-size: 24px;
    color: #4285F4; /* Google Blue */
}

.google-rating-summary {
    text-align: right;
}

.google-rating-score {
    font-weight: 700;
    font-size: 18px;
    color: #1a1a1a;
}

.google-stars {
    color: #FBC02D; /* Star Yellow */
    font-size: 14px;
}

.google-reviews-scroll-container {
    /* height: 360px; */
    overflow-y: auto;
    padding-right: 10px;
}

/* Scrollbar Styling */
.google-reviews-scroll-container::-webkit-scrollbar {
    width: 6px;
}
.google-reviews-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.google-reviews-scroll-container::-webkit-scrollbar-thumb {
    background: #1a1a1a;
    border-radius: 3px;
}
.google-reviews-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.google-review-card {
    background: #ffffff;
    border: 1px solid #1a1a1a;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.2s ease;
    box-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.google-review-card:hover {
    background: #fff;
    box-shadow: 4px 4px 0px rgba(0,0,0,1);
    border-color: #1a1a1a;
    transform: translateY(-2px);
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.review-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1a1a1a; 
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    margin-right: 12px;
    border: 2px solid #F59403;
}

.review-author-info {
    flex-grow: 1;
}

.review-author-name {
    font-weight: 700;
    font-size: 14px;
    color: #1a1a1a;
    display: block;
}

.review-date {
    font-size: 12px;
    color: #555;
}

.review-stars {
    color: #FBC02D;
    font-size: 12px;
}

.review-text {
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    margin: 0;
}