.mentorship-sec {
position: relative;
display: flex;
align-items: center;
background: url(../images/bg_7.jpg) !important;
color: #fff;background-repeat: no-repeat!important;background-size: cover!important;
padding: 40px 0 ;
}
h2.ras-title {font-weight: 600;
font-size: 2.3rem;color: #fff;
line-height: 1.3;
}
.ras-banner-card .ras-subtitle {
font-size: 16px;
font-weight: 500;
margin-bottom: 1rem;
color: #000;
}
.fee-section {
width: 100%;
}
.fee-heading {
font-size: 0.9rem;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.fee-cards {
display: flex;
gap: 10px;
justify-content: center;
}
.fee-card {
text-align: center;
flex: 1 1 300px;
background: #c7d4f3;
border-radius: 16px;
padding: 15px 18px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fee-amount {
font-size: 1.5rem;
font-weight: 700;
color: #2e4e99;
margin-bottom: 0px;
}
.fee-type {
font-size: 14px;
font-weight: 500;
color: #000;
}
.fee-card.bg-warning-light {
background: #faf5ee;
}
.enroll-btn {width: fit-content;
background: #2e4e99;
color: #fff;
font-size: 15px;
padding: 13px 35px;
border-radius: 10px;
border: none;
transition: 0.3s;
display: flex;
align-items: center;
text-decoration: none;
}
.enroll-btn:hover{color: #fff;}
.rasonly-main-section {
position: relative;  
padding: 40px 0 100px;
}
.mentore-img-section {
padding: 30px 0;
}
.mentore-img-section h2 {
color: #2c3e50;
margin-top: 40px ;
margin-bottom: 0;
}
.rasonly-main-section::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to bottom, #f7f7f7e0, #e5e7f2eb, #5c9cc838); 
z-index: -1;
}
.rasonly-heading {
font-size: 90px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 20px;
}
.rasonly-heading .ras-text {
color: #e3a045;
}
.rasonly-heading .only-text {
color: #3b54d8;
}
/* Lead Form */
.rasonly-form-wrapper {
background: #fff;
border-radius: 15px;
padding: 30px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.rasonly-form-wrapper h3 {
text-align: center;
margin-bottom: 20px;
font-weight: 700;
color: #3b54d8;
}
.rasonly-form-wrapper .form-control {
border-radius: 10px;
padding: 12px 15px;
margin-bottom: 15px;
border: 1px solid #ddd;
box-shadow: none;
transition: all 0.3s ease;
}
.rasonly-form-wrapper .form-control:focus {
border-color: #fc7b4e;
box-shadow: 0 0 6px rgba(252, 123, 78, 0.3);
}
.rasonly-form-wrapper .btn-submit {
background: linear-gradient(135deg, #fc7b4e, #3b54d8);
border: none;
padding: 12px;
border-radius: 10px;
width: 100%;
font-weight: 600;
color: #fff;
transition: 0.3s ease;
}
.rasonly-form-wrapper .btn-submit:hover {
opacity: 0.9;
}
@media (max-width: 767px) {
    .carousel-control-next.mobile-withe, .carousel-control-prev.mobile-withe {
    width: 9% !important;
}
.enquiry-model .carousel-control-next, .carousel-control-prev {
    top: -41px !important;
}
.rasonly-heading {
font-size: 55px;
}
.rasonly-form-wrapper {
margin-top: 30px;
}
.rasonly-main-section {
padding: 30px 0;
}
.highlight-boxes {
margin-bottom: 10px;
}
.mentore-img-section {
padding: 30px 0;
}
.custom-tabs-wrapper {
width: auto !important;
}
.ras-tests-section .ras-tests-title {
font-size: 24px !important;
}
.ras-tests-section .take-test {
padding: 20px;
margin-bottom: 15px;
}
.capsule-section .capsule-title h2 {
font-size: 24px !important;
margin-bottom: 0;
}
.auto-tabs-header h2 {
font-size: 24px !important;
margin-bottom: 10px;
}
.auto-tabs-section {
margin: 30px auto;
}
.combined-programs-section {
padding: 30px 0 !important;
}
.auto-tabs-header p {
line-height: 1.4;
}
.enquiry-3d-container {
padding: 10px !important;
}
.ras-tests-section .take-test {
padding: 15px !important;
}
.app-feature-section {
border-top: 2px solid #0b86b233;
padding: 20px 0px !important;
}
.app-feature-section .feature-box {
padding: 10px !important;
}
.app-feature-section .feature-icon {
width: 30px !important;
height: 30px !important;
}
.query-form-box button {
width: 100% !important;
}
.rasonly-faq-section {
padding: 30px 0 !important;
}
.rasonly-faq-section .faq-heading {
font-size: 24px !important;
line-height: 1.4;
}
.rasonly-faq-section .faq-subtitle {
margin-bottom: 10px;
line-height: 1.4;
}
p {
line-height: 1.4 !important;
margin-bottom: 10px !important;
font-size: 15px !important;
}
.highlight-boxes {
margin-top: 20px;
margin-bottom: 20px;
}
.enquiry-3d-title {
font-size: 20px !important;
margin-bottom: 12px !important;
}
.enquiry-3d-form .form-row {
margin-bottom: 10px !important;
}
.enquiry-3d-form input, .enquiry-3d-form textarea {
padding: 5px 10px !important;
}
.enquiry-3d-btns {
margin-top: 15px !important;
}
.enquiry-3d-submit {
padding: 8px !important;
font-size: 16px !important;
width: 100% !important;
}
.mentore-img-section h1 {
font-size: 24px !important;
}
.mentor-sce-heading p {
font-size: 15px;
line-height: 1.4;
}
.mentor-heading {
font-size: 10px !important;
}
.menotr-name {
font-size: 17px !important;
}
.rasonly-about-section {
padding: 20px 0;
}
.rasonly-about-section .rasonly-highlights li {
margin-bottom: 3px;
display: flex;
line-height: 1.4;
font-size: 15px !important;
}
.rasonly-about-section {
padding: 20px 0;
}
.custom-tabs-nav {
flex-wrap: nowrap !important;
}
.custom-tabs-wrapper {
margin: 10px auto 0 !important;
}
.course-slider-section {
padding: 20px 0 !important;
}
.course-slider-section .course-slider-header h2 {
font-size: 24px !important;
}
.ras-tests-section .stat-item {
display: flex;
}
.ras-tests-section {
padding: 30px 0px 30px !important;
}
.capsule-section {
padding: 30px 8px;
}
.auto-tabs-section {
margin: 20px auto !important;
padding: 20px 0 !important;
}
.auto-tabs-nav {
margin-bottom: 15px !important;
}
.auto-tab-panel {
padding: 10px !important;
}
.auto-panel-card {
padding: 5px;
}
.app-feature-section .features-left, .app-feature-section .features-right {
flex: 1 1 85px !important;
}
.app-feature-section .download-buttons {
margin-top: 15px !important;
}
.query-section {
padding: 30px 0px !important;
}
.query-heading h2 {
font-size: 24px !important;
}
.query-form-box {
padding: 15px !important;
}
.query-form-box input {
padding: 6px 14px !important;
margin-bottom: 10px !important;
}
.blog-section-bottom {
padding: 20px 0 !important;
}
.blog-section-bottom .section-heading h4 {
font-size: 24px !important;
}
.blog-section-bottom .blog-card {
margin-bottom: 5px !important;
}
.blog-section-bottom .course-btn {
margin: 0 !important;
}
.combined-programs-section .program-title {
font-size: 22px !important;
}
.combined-programs-section .feature-item {
flex-direction: initial !important;
text-align: left !important;
}
.combined-programs-section .feature-item p {
font-size: 12px !important;
}
.rasonly-faq-section img {
display: none;
}
.rasonly-faq-section .faq-subtitle {
margin-bottom: 15px !important;
}
.app-feature-section .app-feature-container {
gap: 10px !important;
}
.enquiry-3d-form input, .enquiry-3d-form textarea {
padding-left: 40px !important;
}
}
.commitments {
margin-top: 20px;
display: flex;
gap: 24px;
flex-wrap: wrap;
}
.commitments {
display: flex;
gap: 25px;
}
.commitment {
width: min-content;
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
font-weight: bold;
font-size: 14px;
line-height: 1.3;
color: #072f4f;
position: relative;
box-shadow: 0 8px 25px rgba(0,0,0,0.25);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.commitment:hover {
transform: scale(1.08) rotate(2deg);
box-shadow: 0 12px 35px rgba(0,0,0,0.35);
background: rgba(255,255,255,0.15);
}
.commitment::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #e3a045, #ff6b6b);
opacity: 0.2;
z-index: -1;
clip-path: inherit;
}
/* Responsive */
@media(max-width: 768px) {
.commitment {
width: 50px;
font-size: 10px;
}
}
button.custom-tab-btn:focus {
background: #45485a !important;
color: #fff;
}
.custom-tabs-wrapper {
background: #fff;
border-bottom: 2px solid #eee;
position: sticky;
top: 15px; 
z-index: 1000;
width: max-content;
place-self: center;
border: 1px solid #999;
border-radius: 30px;
margin: 30px auto 0;
}
.custom-tabs-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
padding: 5px 10px;
}
.custom-tab-btn {
padding: 2px 10px;
border-radius: 25px;
background: #596fce3d;
font-weight: 600;
cursor: pointer;
transition: 0.3s;
}
.custom-tab-btn.active {
background: #596fce3d;
}
.custom-tab-section {
animation: fadeIn 0.4s ease-in-out;
}
.custom-tab-section.active {
display: block;
}
.custom-tab-section h2 {
margin-bottom: 15px;
}
.custom-tab-section p {
margin: 1px auto 0;
line-height: 1.3;
max-width: 900px;
}
@keyframes fadeIn {
from {opacity: 0; transform: translateY(10px);}
to {opacity: 1; transform: translateY(0);}
}
/* ===== Responsive ===== */
@media (max-width: 768px) {
.custom-tab-btn {
flex: 1 1 45%;
text-align: center;
}
}
@media (max-width: 500px) {
.custom-tab-btn {
flex: 1 1 100%;
}
}
.custom-tab-section {
display: block !important;
}
.course-slider-section {
padding: 50px 0 30px;
position: relative;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 20px;
}
.course-slider-section .course-slider-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.course-slider-section .course-slider-header h2 {
font-weight: 700;
color: #2a2a2a;
margin-bottom: 10px;
margin-top: 0px;
}
.course-slider-section .course-slider-nav {
display: flex;
gap: 10px;
}
.course-slider-section .course-slider-nav .swiper-button-next,
.course-slider-section .course-slider-nav .swiper-button-prev {
position: static !important;
width: 35px;
height: 35px;
border-radius: 50%;
background: #e3a045;
color: #fff;
font-size: 14px;
}
.course-item {
margin-bottom: 30px;
}
.course-slider-section .course-package {
border: 1px solid #ddd;
border-radius: 12px;
overflow: hidden;
box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
height: 100%;
}
.course-slider-section .course-package img {
width: 100%;
display: block;
}
.course-slider-section .course-package-body {
padding: 16px;
font-family: 'Segoe UI', sans-serif;
}
.course-slider-section .course-package-body h3 {
margin: 0 0 10px;
font-size: 20px;
color: #163a4a;
}
.course-slider-section .course-highlights {
margin: 10px 0;
padding-left: 0;
list-style: none;
}
.course-slider-section .course-highlights li {
margin-bottom: 8px;
background: #e3d4986b;
padding: 0px 5px;
width: fit-content;
font-size: 14px;
color: #444;
display: flex;
align-items: center;
}
.course-slider-section .course-highlights li i {
color: #28a745; 
margin-right: 8px;
font-size: 16px;
}
.course-slider-section .course-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 12px;
}
.course-slider-section .course-price {
font-size: 18px;
font-weight: bold;
color: #e3a045;
}
.course-slider-section .course-btn {
background: #3b54d8 !important;
color: #fff;
padding: 6px 16px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
transition: 0.3s;
}
.course-slider-section .course-btn:hover {
background: #3147b8;
}
.course-slider-nav {
display: none;
}
.course-slider-section .course-title {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.course-slider-section .course-details {
font-size: 0.9rem;
color: #555;
margin-bottom: 15px;
}
.course-slider-section .course-btn {
display: inline-block;
background: #3b54d8;
color: #fff;
padding: 6px 18px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.course-slider-section .course-btn:hover {
background: #3149c0;
}
.mentors-section .mentors-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0px;
color: #2c3e50;
}
.mentors-section .mentors-row {
row-gap: 30px;
}
.mentors-section .mentor-col {
justify-content: center;
}
.mentors-section .mentor-card {
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.mentors-section .mentor-card:hover {
transform: translateY(-8px);
}
.mentors-section .mentor-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cta-button-to-action {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
background-color: #3b54d8;
color: #fff;
padding: 5px 15px;
font-size: 18px;
font-weight: bold;
border: none;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
overflow: hidden;
transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
animation: pulseButton 3s infinite;
}
.cta-button-to-action:hover {
color: #fff;
background-color: #0a3c74;
}
.cta-button-to-action i {
font-size: 22px;
position: relative;
animation: iconPop 2s infinite;
z-index: 1;
}
@keyframes pulseButton {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@keyframes iconPop {
0%, 100% { transform: translateY(0); opacity: 1; }
40% { transform: translateY(-5px); opacity: 0.8; }
80% { transform: translateY(-2px); opacity: 1; }
}
.app-feature-section {
padding: 70px 0px;
background: #fff;
overflow: hidden;
}
@keyframes fadeUp {
from {opacity: 0; transform: translateY(40px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes rippleCircle {
0% {
transform: translate(-50%, -50%) scale(0.6);
opacity: 0.7;
}
70% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0.3;
}
100% {
transform: translate(-50%, -50%) scale(1.8);
opacity: 0;
}
}
.app-feature-section .app-feature-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 60px;
max-width: 1200px;
margin: auto;
animation: fadeUp 1s ease forwards;
}
.app-feature-section .app-image {
flex: 1 1 280px;
position: relative;
text-align: center;
}
.app-feature-section .app-image img {
width: 100%;
border-radius: 25px;
z-index: 5;
position: relative;
}
.app-feature-section .app-image::before,
.app-feature-section .app-image::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
border-radius: 50%;
border: 1px solid rgb(255 109 3);
transform: translate(-50%, -50%);
z-index: 1;
animation: rippleCircle 4s infinite;
}
.app-feature-section .app-image::after {
animation-delay: 1.3s;
}
.app-feature-section .extra-ring {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 420px;
height: 420px;
border-radius: 50%;
border: 1px solid rgba(255,107,0,0.5);
transform: translate(-50%, -50%);
z-index: 1;
animation: rippleCircle 4s infinite;
animation-delay: 2.6s;
}
.app-feature-section .features-left,
.app-feature-section .features-right {
flex: 1 1 250px;
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
}
.app-feature-section .feature-box {
background: linear-gradient(135deg, #f9fbff, #eef5ff);
border-radius: 16px;
padding: 18px 24px;
display: flex;
align-items: center;
gap: 15px;
font-size: 17px;
font-weight: 500;
color: #2d2d2d;
position: relative;
overflow: hidden;
cursor: pointer;
transition: all 0.4s ease;
box-shadow: 0 8px 20px rgba(0,0,0,0.07);
backdrop-filter: blur(6px);
border: 2px solid #0876af24;
}
.app-feature-section .feature-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background: #e3a045;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #fff;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.app-feature-section .feature-box span strong {
color: #e3a045;
}
.app-feature-section .feature-box:hover {
transform: translateY(-8px) scale(1.03);
box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}
.app-feature-section .feature-box:hover .feature-icon {
transform: rotate(-8deg) scale(1.1);
}
.app-feature-section .features-left .feature-box:nth-child(odd) {
margin-left: 30px;
}
.app-feature-section .features-right .feature-box:nth-child(even) {
margin-right: 30px;
}
.app-feature-section .download-buttons {
margin-top: 60px;
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
animation: fadeUp 1.4s ease forwards;
}
.app-feature-section .download-buttons img {
height: 35px;
transition: transform 0.4s ease;
}
.app-feature-section .download-buttons img:hover {
transform: scale(1.04);
}
@media (max-width: 768px) {
.app-feature-section .app-feature-container {
flex-direction: column;
}
.app-feature-section .features-left, .features-right {
flex-direction: column;
gap: 18px;
margin: 0;
}
.app-feature-section .features-left .feature-box:nth-child(odd),
.app-feature-section .features-right .feature-box:nth-child(even) {
margin: 0;
}
}
.query-section {
padding: 50px 0px;
background: linear-gradient(135deg, #eef4ff, #d5e0e8b5);
}
.query-heading {
text-align: center;
margin-bottom: 10px;
}
.query-heading h2 {
font-size: 30px;
font-weight: 700;
color: #1a2b4c;
margin-bottom: 5px;
}
.query-heading h2 span {
color: #e3a045;
}
.query-heading p {
font-size: 1.1rem;
max-width: 700px;
margin: 0 auto;
line-height: 1.3;
color: #555;
}
.query-illustration img {
width: 100%;
transition: transform 0.4s ease;
max-width: 300px;
}
.query-illustration {
text-align: center;
}
.query-form-box {
background: #fff;
padding: 25px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
}
.query-form-box:hover {
transform: translateY(-5px);
}
.query-form-box label {
display: block;
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 6px;
color: #333;
}
.query-form-box input {
width: 100%;
padding: 10px 14px;
border: 2px solid #dce3f0;
border-radius: 8px;
margin-bottom: 10px;
font-size: 1rem;
outline: none;
transition: all 0.3s ease;
}
.query-form-box input:focus {
border-color: #0078ff;
box-shadow: 0 0 8px rgba(0, 120, 255, 0.25);
}
.query-form-box small {
display: block;
margin-bottom: 18px;
font-size: 0.85rem;
color: #666;
}
.query-form-box small a {
color: #0078ff;
text-decoration: none;
font-weight: 600;
}
.query-form-box small a:hover {
text-decoration: underline;
}
.query-form-box button {
width: 100%;
background: linear-gradient(135deg, #ffb300, #ff9800);
color: #fff;
padding: 14px;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: transform 0.2s ease, background 0.3s ease;
}
.query-form-box button:hover {
background: linear-gradient(135deg, #ff9800, #e68900);
transform: translateY(-2px);
}
.custom-enquiry-container {
width: 100%;
background: #3b54d8;
padding: 25px;
border-radius: 20px;
box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
}
.custom-enquiry-title {
text-align: center;
font-size: 26px;
letter-spacing: 2px;
margin-bottom: 10px;
font-weight: bold;
color: #ffffff;
text-shadow: 0 2px 4px rgb(0 0 0 / 97%);
}
.custom-enquiry-subtitle {
text-align: center;
font-size: 14px;
color: #cfd8dc;
margin-bottom: 25px;
}
.custom-enquiry-form .form-row {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.custom-enquiry-form label {
flex: 0 0 40%;
font-size: 16px;
font-weight: 500;
color: #ddd;
margin-right: 10px;
}
.custom-enquiry-form input,
.custom-enquiry-form textarea {
flex: 1;
padding: 5px 10px;
border: 1px solid #444;
border-radius: 10px;
font-size: 14px;
background: #fff;
color: #1b1a1a;
outline: none;
transition: 0.3s;
position: relative;
box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2), inset -2px -2px 6px rgba(255, 255, 255, 0.4);
}
.custom-enquiry-form input:focus,
.custom-enquiry-form textarea:focus {
border-color: #e3a045;
background: #eeeff0;
}
.custom-enquiry-btns {
display: flex;
gap: 15px;
justify-content: center;
margin: 0 auto;
position: relative ;
}
.custom-enquiry-btns button {
flex: 1;
padding: 12px 0;
font-size: 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
transition: 0.3s;
}
.custom-enquiry-btn-submit {
background: #e3a045;
color: #fff;
}
.custom-enquiry-btn-submit:hover {
background: #c38733;
}
/* Responsive */
@media (max-width: 600px) {
.custom-enquiry-form .form-row {
flex-direction: column;
align-items: flex-start;
}
.custom-enquiry-form label {
flex: unset;
margin-bottom: 6px;
}
}
.custom-footer {
text-align: center;
font-size: 12px;
color: #aaa;
margin-top: 20px;
}
.our-educator-img {
margin: 0 auto;
}
.menotr-name {
color: #4153d9;
font-weight: 600;
margin-top: 10px;
}
.mentor-heading {
color: #333333bd;
font-size: 15px;
}
.heading-separator {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.heading-separator span {
flex: 1;
height: 2px;
background: #e3a045; 
max-width: 100px;  
}
.heading-separator .circle {
width: 12px;
height: 12px;
background: #e3a045;
border-radius: 50%;
margin: 0 10px;
}
.tabs-one {
background: #3392EF !important;
color: #fff !important;
border: 2px solid #3392EF !important;
}
.tabs-one i {
color: #fff !important;
}
.tabs-two i {
color: #fff !important;
}
.tabs-three i {
color: #fff !important;
}
.tabs-four i {
color: #fff !important;
}
.tabs-two {
background: #F98852 !important;
color: #fff !important;
border: 2px solid #F98852 !important;
}
.tabs-three {
background: #38E47C !important;
color: #fff !important;
border: 2px solid #38E47C !important;
}
.tabs-four {
background: #585a59 !important;
color: #fff !important;
border: 2px solid #585a59 !important;
}
.auto-tab-panel-one {
background: #3392EF !important;
}
.auto-tab-panel-two {
background: #F98852 !important;
}
.auto-tab-panel-three {
background: #38E47C !important;
}
.auto-tab-panel-four {
background: #585a59 !important;
}
.highlight-boxes {
display: flex;
gap: 10px;
margin-top: 30px;
}
.highlight-boxes .highlight {
position: relative;
font-size: 18px;
font-weight: bold;
text-align: center;
padding-bottom: 35px; 
background: unset;
padding-left: 0;
margin-left: 0;
margin-bottom: 0;
}
.highlight-boxes .highlight .big-line {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
height: 25px;
}
.highlight-boxes .highlight .small-line {
position: absolute;
bottom: 5px;
right: 25px;
width: 45%;
height: 25px;
}
.highlight-boxes .highlight svg path {
stroke: #FFA912;
stroke-width: 3;
fill: none;
stroke-linecap: round;
}
.highlight-boxes .highlight .small-line path {
stroke-width: 2;
}
@media (max-width: 767px) {
.highlight-boxes {
gap: 10px; 
align-items: center; 
}
.highlight-boxes .highlight {
font-size: 14px; 
padding-bottom: 25px; 
line-height: 1.2;
}
.highlight-boxes .highlight .big-line {
bottom: 10px;
height: 20px;
}
.highlight-boxes .highlight .small-line {
bottom: 2px;
right: 15px;
width: 60%; 
height: 20px;
}
}
.blog-section-bottom {
padding: 60px 0;
background-color: #fff;
}
.blog-section-bottom .section-heading h4 {
font-size: 28px;
font-weight: 600;
color: #222;
margin-bottom: 15px;
}
.blog-section-bottom .course-btn {
display: inline-block;
background: #3b54d8;
color: #fff;
padding: 10px 25px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: 0.3s;
}
.blog-section-bottom .course-btn:hover {
background: #1835c1;
}
.blog-section-bottom .section-heading p {
font-size: 16px;
color: #555;
line-height: 1.6;
}
.blog-section-bottom .blog-card {
background: #047cc10d;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin-bottom: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
border: 1px solid #0960a64a;
}
.blog-section-bottom .blog-card a {
text-decoration: none;
}
.blog-section-bottom .blog-card a:hover {
text-decoration: none;
color: #4d59df !important;
}
.blog-section-bottom .blog-card img {
width: 100%;
display: block;
object-fit: cover;
height: auto;
}
.blog-section-bottom .blog-card h3 {
font-size: 18px;
font-weight: 500;
margin: 15px;
color: #222;
}
.blog-section-bottom .blog-card .author-date {
display: flex;
justify-content: space-between;
font-size: 13px;
color: #777;
margin: 10px 15px 10px 15px;
}
.blog-section-bottom .blog-card .author-date span i {
margin-right: 5px;
color: #3b54d8;
}
.blog-section-bottom .blog-card .read-btn {
display: inline-block;
padding: 0px 15px;
background: none;
color: #0c5476;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background 0.3s ease;
}
.blog-section-bottom .blog-card .read-btn i {
margin-left: 5px;
}
.blog-section-bottom .blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.blog-section-bottom .blog-sec .text-center .read-btn {
padding: 10px 20px;
font-size: 16px;
}
@media (max-width: 992px) {
.blog-section-bottom .blog-card img {
height: 160px;
}
}
@media (max-width: 768px) {
.blog-section-bottom .blog-card h3 {
font-size: 16px;
margin: 12px;
}
.blog-section-bottom .blog-card .read-btn {
margin: 12px;
padding: 6px 12px;
font-size: 13px;
}
}
@media (max-width: 576px) {
.blog-section-bottom .blog-sec {
padding: 40px 15px;
}
.blog-section-bottom .blog-card img {
height: 140px;
}
.blog-section-bottom .blog-card h3 {
font-size: 15px;
}
.blog-section-bottom .blog-card .read-btn {
padding: 5px 10px;
font-size: 12px;
}
.blog-section-bottom .blog-sec .section-heading h4 {
font-size: 22px;
}
.blog-section-bottom .blog-sec .section-heading p {
font-size: 14px;
}
}
.auto-tabs-section {
margin: 60px auto;
padding: 20px;
text-align: center;
}
.auto-tabs-header h2 {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
color: #222;
position: relative;
display: inline-block;
}
.auto-tabs-nav {
display: flex;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
margin-bottom: 30px;
}
.auto-tab-btn {
padding: 12px 22px;
border-radius: 30px;
background: #fff;
border: 2px solid transparent;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
font-weight: 600;
font-size: 15px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.4s ease;
position: relative;
}
.auto-tab-btn i {
font-size: 18px;
color: #3b54d8;
}
.auto-tab-btn.active {
background: #fff;
color: #000000;
transform: translateY(-3px);
border-color: #e3a045;
}
.auto-tab-btn.active i {
color: #0a0a0a;
}
.auto-tabs-content {
position: relative;
}
.auto-tab-panel {
display: none;
animation: fadeSlide 0.7s ease;
padding: 30px;
text-align: left;
border-radius: 10px;
}
.auto-tab-panel.active {
display: block;
}
.auto-panel-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
}
.auto-panel-title i {
color: #fff;
font-size: 22px;
}
.auto-panel-desc {
font-size: 15px;
color: #ffffff;
margin-bottom: 18px;
}
.auto-panel-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
}
.auto-panel-card {
background: #fff;
padding: 14px;
border-radius: 12px;
font-size: 14px;
font-weight: 500;
color: #333;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 10px;
}
.auto-panel-card i {
color: #3b54d8;
font-size: 18px;
}
.auto-panel-card:hover {
transform: translateY(-5px);
}
@keyframes fadeSlide {
from { opacity: 0; transform: translateY(25px); }
to { opacity: 1; transform: translateY(0); }
}
/* Responsive */
@media(max-width: 768px) {
.auto-tab-btn {
padding: 5px 10px;
font-size: 14px;
}
.auto-panel-cards {
grid-template-columns: 1fr;
}
}
.capsule-section {
padding: 40px 8px;
background: #e9edf66b;
}
.capsule-section .capsule-title {
text-align: center;
margin-bottom: 40px;
}
.capsule-section .capsule-title h2 {
color: #2c3e50;
font-size: 2rem;
font-weight: 700;
}
.capsule-section .capsule-title p {
font-size: 1rem;
color: #555;
}
.capsule-section .swiper {
padding-bottom: 40px;
max-width: 1100px;
}
.capsule-section .capsule-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: all 0.3s ease;
border: 1px dotted #22a4dc;
height: 100%;
}
.capsule-section .capsule-img {
width: 100%;
height: auto;
object-fit: cover;
}
.capsule-section .capsule-body {
padding: 10px;
}
.capsule-section .capsule-body h6 {
font-size: 18px;
margin: 0 0 10px;
}
.capsule-section .capsule-body h6 a {
text-decoration: none;
color: #0d47a1;
transition: 0.3s;
}
.capsule-section .capsule-body h6 a:hover {
color: #046ce3;
}
.capsule-section .capsule-date {
font-size: 0.85rem;
color: #666;
display: flex;
align-items: center;
margin-bottom: 12px;
}
.capsule-section .capsule-date i {
margin-right: 6px;
color: #1565c0;
}
.capsule-section .capsule-content {
font-size: 0.9rem;
color: #444;
line-height: 1.5;
}
.capsule-section .capsule-content a {
display: inline-block;
margin-top: 10px;
color: #0d47a1;
font-weight: 600;
text-decoration: none;
}
.capsule-section .capsule-content a:hover {
text-decoration: underline;
}
.custom-enquiry-container {
position: relative;
border-radius: 30px 1px 30px 1px !important;
}
.custom-enquiry-container::before {
content: "";
position: absolute;
left: -10px;
bottom: -10px;
width: 100%;
height: 100%;
border: 2px solid #e3a045;
border-radius: 30px 1px 30px 1px;
}
.ras-tests-section {
padding: 30px 0px 65px;
background: #fff;
border-radius: 0;
text-align: center;
color: #222;
position: relative;
z-index: 1;
}
.ras-tests-section .free-badge {
background: #218838;
color: #fff;
padding: 8px 15px;
border-radius: 40px;
font-size: 18px;
font-weight: 800;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
.ras-tests-section .ras-tests-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0px;
color: #2c3e50;
}
.ras-tests-section .ras-tests-subtitle {
color: #333;
font-size: 18px;
margin-bottom: 40px;
line-height: 1.8;
}
.ras-tests-section .take-test {
background: linear-gradient(135deg, #fcf6ec, #e3a04526);
padding: 30px;
border-radius: 16px;
text-align: left;
border: 2px dashed #e3a0459e;
}
.ras-tests-section .stats-box {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 25px;
}
.ras-tests-section .stat-item {
background: #ffffff;
border-radius: 8px;
padding: 12px 16px;
font-size: 15px;
font-weight: 600;
color: #333;
flex: 1 1 calc(50% - 10px);
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}
.ras-tests-section .stat-item i {
color: #ff9500;
margin-right: 6px;
}
.ras-tests-section .test-btn {
background: #218838;
color: #fff;
border: none;
padding: 14px 34px;
border-radius: 10px;
font-weight: 700;
font-size: 16px;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.ras-tests-section .test-btn:hover {
background: #17752c;
}
.ras-tests-section .test-img {
max-width: 100%;
border-radius: 20px;
box-shadow: 0 8px 22px rgba(0,0,0,0.15);
border: 2px dashed #e3a0459e;
}
.app-image {
text-align: center;
perspective: 1000px;
}
.app-feature-section .app-image img {
width: 100%;
border-radius: 25px;
z-index: 5;
position: relative;
}
.rotate-img {
width: 250px;
animation: flip45 3s ease-in-out infinite alternate;
transform-style: preserve-3d;
}
@keyframes flip45 {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(45deg);
}
}
.combined-programs-section {
background: #f7f9fc;
padding: 60px 0;
}
.combined-programs-section .program-card {
background: #fff;
border-radius: 15px;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px double #1871bf ;
}
.combined-programs-section .program-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.combined-programs-section .program-title {
font-size: 24px;
color: #003366;
margin-bottom: 5px;
text-align: center;
}
.combined-programs-section .program-desc {
font-size: 1rem;
color: #555;
text-align: center;
line-height: 1.4;
}
.combined-programs-section .program-video iframe {
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.combined-programs-section .program-btn {
display: inline-block;
text-align: center;
background: #3b54d8;
color: #fff;
font-weight: 600;
padding: 10px 25px;
border-radius: 10px;
transition: background 0.3s ease;
}
.combined-programs-section .program-btn:hover {
background: #004bb5;
text-decoration: none;
}
.combined-programs-section .program-features {
display: flex;
flex-direction: column;
gap: 15px;
}
.combined-programs-section .feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
}
.combined-programs-section .feature-item img {
width: 50px;
height: 50px;
object-fit: contain;
}
.combined-programs-section .feature-item h5 {
margin: 0;
font-size: 1.1rem;
font-weight: 600;
color: #003366;
}
.combined-programs-section .feature-item p {
margin: 0;
font-size: 0.95rem;
color: #555;
line-height: 1.5;
}
@media (max-width: 768px) {
.combined-programs-section .program-card {
padding: 15px;
}
.combined-programs-section .program-video iframe {
height: 220px;
}
.combined-programs-section .feature-item {
flex-direction: column;
align-items: center;
text-align: center;
}
.combined-programs-section .feature-item img {
margin-bottom: 10px;
}
}
.ras-images img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
border: 3px solid #e3a045;
margin-right: 10px;
transition: transform .3s ease;
}
.ras-images {
justify-self: center;
}
.enquiry-3d-container {
position: relative;
width: 100%;
padding: 10px 15px;
border-radius: 20px;
background: linear-gradient(135deg, #0d407b94, #0f3f97f5);
box-shadow: 10px 10px 25px rgb(0 0 0 / 38%), -8px -8px 20px rgba(255, 255, 255, 0.05);
backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.2);
transform-style: preserve-3d;
}
@keyframes floatBox {
0%, 100% { transform: translateY(0px) rotateX(0deg); }
50% { transform: translateY(-10px) rotateX(3deg); }
}
.enquiry-3d-title {
text-align: center;
font-size: 28px;
font-weight: bold;
color: #fff;
margin-bottom: 25px;
letter-spacing: 1px;
text-shadow: 0 4px 8px rgba(0,0,0,0.7);
}
.enquiry-3d-form .form-row {
display: flex;
align-items: center;
margin-bottom: 10px;
position: relative;
}
.enquiry-3d-form label {
font-size: 20px;
color: #e3a045;
text-align: center;
margin-left: 10px;
position: absolute;
}
.enquiry-3d-form input,
.enquiry-3d-form textarea {
flex: 1;
padding: 10px 12px;
border: none;
border-radius: 12px;
background: rgb(255, 255, 255);
font-size: 15px;
color: #000000;
outline: none;
max-height: 43px;
transition: 0.3s;
box-shadow: inset 3px 3px 8px rgba(0,0,0,0.4),
inset -3px -3px 8px rgba(255,255,255,0.1);
padding-left: 40px;
}
.enquiry-model {
    margin-top: -10%;
}
.enquiry-3d-form input:focus,
.enquiry-3d-form textarea:focus {
background: rgba(255, 255, 255, 0.878);
}
.enquiry-3d-btns {
margin: 10px auto !important;
}
.enquiry-3d-submit {
width: 100%;
padding: 14px;
font-size: 16px;
font-weight: bold;
border: none;
border-radius: 12px;
background: #e3a045;
color: #ffffff;
cursor: pointer;
box-shadow: 0px 6px 15px rgba(0,0,0,0.6), inset -2px -2px 6px rgba(255,255,255,0.3);
transition: all 0.3s ease-in-out;
}
.enquiry-3d-submit:hover {
background: #d6973f;
transform: translateY(-3px) scale(1.03);
box-shadow: 0px 10px 20px rgba(0,0,0,0.7);
}
.mentore-img-section h1 {
font-size: 30px;
}
.mentor-sce-heading {
background: #5c9cc826;
padding: 20px;
border-radius: 10px;
position: relative;
z-index: 1;
overflow: hidden;
}
.mentor-sce-heading::before,
.mentor-sce-heading::after {
content: "";
position: absolute;
border-radius: 50%;
z-index: 0;
opacity: 0.3;
}
.mentor-sce-heading::before {
width: 150px;
height: 150px;
background: #e3a04575;
top: -50px;
left: -50px;
}
.mentor-sce-heading::after {
width: 200px;
height: 200px;
background: #3b54d84f;
bottom: -80px;
right: -80px;
}
.mentor-sce-heading p {
font-size: 15px;
line-height: 1.6;
}
.rasonly-about-section { background: #fff; padding: 50px 0; }
.rasonly-about-section .rasonly-card { background: #ebf0f6; border-radius: 14px; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease; }
.rasonly-about-section .rasonly-card:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12); }
.rasonly-about-section .rasonly-title {
font-size: 1.6rem;
font-weight: 700;
color: #0f172a;
line-height: 1.15;
}
.rasonly-about-section .rasonly-title span { color: #e3a045; } 
.rasonly-about-section .rasonly-title .span-2 { color: #3b54d8 !important; } 
.rasonly-about-section .rasonly-lead { color: #394152; font-size: 1rem; }
.rasonly-about-section .rasonly-highlights li { color: #475569; margin-bottom: 6px; }
.rasonly-about-section .bg-gradient { background: linear-gradient(135deg, rgba(18,83,132,0.06), rgba(214,51,73,0.04)); }
.rasonly-about-section .rasonly-features { max-width: 420px; margin: 0 auto; }
.rasonly-about-section .rasonly-feature h6 { margin: 0; font-size: .98rem; font-weight: 600; color: #0b1220; }
.rasonly-about-section .rasonly-feature p { color: #5b6770; }
.rasonly-about-section .feature-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: #fff;
color: #3b54d8;
box-shadow: 0 4px 12px rgba(2,6,23,0.06);
flex-shrink: 0;
}
@media (max-width: 991.98px) {
.rasonly-about-section .rasonly-card { border-radius: 12px; }
.rasonly-about-section .rasonly-card-right { order: 2; padding-top: 1rem; padding-bottom: 1rem; }
.rasonly-about-section .rasonly-card-left { order: 1; }
.rasonly-about-section .rasonly-features { max-width: 100%; }
}
.rasonly-about-section .rasonly-card-left .btn { border-radius: 8px; }
.rasonly-about-section .rasonly-card-left .btn-outline-primary { border-color: rgba(19, 77, 123, 0.12); }
.auto-tabs-header p {
max-width: 900px;
margin: 0px auto 20px;
}
.rasonly-faq-section {
padding: 60px 0;
background-color: #ebeef3;
}
.rasonly-faq-section .faq-heading {
font-size: 28px;
font-weight: 700;
text-align: center;
}
.rasonly-faq-section .faq-subtitle {
font-size: 1.1rem;
color: #555;
text-align: center;
margin-bottom: 40px;
animation: fadeInUp 1s ease;
}
.rasonly-faq-accordion .accordion-button {
background-color: #fff;
color: #061f45;
font-weight: 500;
font-size: 1rem;
border-radius: 0.5rem;
margin-bottom: 0.5rem;
transition: all 0.4s ease;
position: relative;
}
.rasonly-faq-accordion button:focus:not(:focus-visible) {
outline: 0;
box-shadow: unset;
}
.rasonly-faq-accordion .accordion-button:not(.collapsed) {
background-color: #0d6efd;
color: #fff;
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}
.rasonly-faq-accordion .accordion-button:hover {
background-color: #0b5ed7;
color: #fff;
}
.rasonly-faq-accordion .accordion-body {
background-color: #f8f9fa;
border-radius: 0 0 0.5rem 0.5rem;
padding: 1rem 1.5rem;
animation: fadeIn 0.5s ease;
}
div#rasonlyFaqAccordion {
max-width: 800px;
margin: 0 auto;
}
.rasonly-faq-accordion .accordion-item {
border: unset;
}
.rasonly-faq-accordion .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(1);
}
@keyframes fadeInDown {
0% { opacity: 0; transform: translateY(-20px);}
100% { opacity: 1; transform: translateY(0);}
}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(20px);}
100% { opacity: 1; transform: translateY(0);}
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@media (max-width: 768px) {
.faq-heading {
font-size: 2rem;
}
.faq-subtitle {
font-size: 1rem;
}
}
.filter-box {
background: #ebf0f6;
padding: 15px;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.filter-box h3 {
font-size: 20px;
margin-bottom: 15px;
}
.course-filters {
list-style: none;
padding: 0;
}
.course-filters li {
padding: 10px 15px;
margin-bottom: 10px;
background: #fff;
border-radius: 8px;
cursor: pointer;
font-weight: 500;
transition: all 0.3s;
display: flex;
align-items: center;
gap: 8px;
}
.course-filters li.active,
.course-filters li:hover {
background: #3b54d8;
color: #fff;
}
.hidden-course {
display: none !important;
}
.floating-image {
max-width: 100%; 
animation: float 9s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px); 
}
100% {
transform: translateY(0); 
}
}
.our-educator-img img {
background: #446c8a36;
border-radius: 30px 0 30px 0;
max-width: 300px;
}
.our-educator-img {
text-align: -webkit-center;
}
body {
font-family: Raleway, sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .p, p, {
font-family: Raleway, sans-serif !important;
}
p {
font-family: Raleway, sans-serif !important;
}
.card-educator {
text-align: center;
position: relative;
width: 100%;
}
.card-educator .profile-pic {
width: 200px;
height: 200px;
border-radius: 50%;
border: 2px outset #e3a045;
overflow: hidden;
margin: -12px auto;
position: relative;
z-index: 2;
}
.card-educator .profile-pic img {
width: 100%;
height: auto;
display: block;
}
.card-educator .name-strip {
position: relative;
display: inline-block;
margin-top: -30px;
padding: 5px 40px;
background: #f9a825;
font-weight: bold;
font-size: 16px;
color: #222;
z-index: 3;
overflow: hidden;
}
.card-educator .name-strip::before {
content: "";
position: absolute;
left: -20px;
top: 0;
width: 40px;
height: 100%;
background: #ffca28;
transform: skewX(-25deg);
z-index: -1;
}
.card-educator .name-strip::after {
content: "";
position: absolute;
right: -40px;
top: 0;
width: 60px;
height: 100%;
background: #3b54d8;
transform: skewX(-25deg);
z-index: -1;
}
.card-educator .desc {
margin-top: 2px;
font-size: 15px;
color: #222;
}
.carousel-indicators [data-bs-target] {
    background-color: #000000 !important;
}
.carousel-control-next, .carousel-control-prev {
    justify-content: space-between!important;
    width: 4% !important;
}