body {
     font-family: "Poppins", sans-serif;
 }



 /* Dark Brown Header */

 /* Banner section */
 .banner {
     position: relative;
     width: 100%;
     height: 400px;
     background: url('https://workshoplibrary.com/public/storage/singlecourse/banner.jpeg') no-repeat center center/cover;
 }

 .banner-text {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: black;
     font-size: 32px;
     font-weight: bold;
     text-align: center;
 }

 .c-online-ms {
     font-size: 30px;
     font-weight: 600;
     margin: 10px 0 10px 0;
 }

 .single-cour-p {
     font-weight: 500;
 }

 .single-m-rt {
     margin-right: 40px;
 }

 .yloo {
     color: #f8bd41;
 }

 .inner-banner {
     position: absolute;
     right: 0;
     top: 54%;
     transform: translateY(-50%);
     background: #fff;
     padding: 20px;
     opacity: 0.6;
     width: 25%;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
     padding-top: 30px;
     padding-bottom: 6px;
 }

 /* .inner-banner {
                                                                                                                                            position: absolute;
                                                                                                                                            right: 0;
                                                                                                                                            top: 54%;
                                                                                                                                            transform: translateY(-50%);
                                                                                                                                            background: #fff;
                                                                                                                                            padding: 20px;
                                                                                                                                            opacity: 0.6;
                                                                                                                                            width: 25%;
                                                                                                                                            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
                                                                                                                                            padding-top: 30px;
                                                                                                                                            padding-bottom: 6px;
                                                                                                                                        } */


 .banner-text1.tt-1 {
     text-align: center;
     font-size: 20px;
     font-weight: 600;
 }

 .banner-text1.tt-2 {
     font-size: 16px;
     text-align: center;
     font-weight: 600;
     margin-top: 6px;
 }


 .banner-text1.tt-3 {
     font-size: 16px;
     text-align: center;
     font-weight: 600;
     margin-top: 94px;
 }

 .date-container {
     display: flex;
     align-items: center;
     gap: 20px;
     /* Space between boxes */
     margin-top: 0px;
     justify-content: center;
     /* Centers within the container */
     margin-bottom: 47px;
 }

 .date-box {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 10px;
     border-radius: 8px;
     background: #fff;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
     min-width: 122px;
 }

 .date-box label {
     font-weight: bold;
     margin-bottom: 5px;
     color: #660000;
 }

 .date-box input {
     padding: 5px;
     border: 2px solid #660000;
     border-radius: 5px;
     font-size: 14px;
     width: 100%;
 }

 .date-box input:focus {
     outline: none;
     border-color: #FFD700;
     box-shadow: 0px 0px 5px #FFD700;
 }


 .date-box input:focus {
     outline: none;
     border-color: #FFD700;
     box-shadow: 0px 0px 5px #FFD700;
 }

 @media (max-width: 600px) {
     .date-container {
         flex-direction: column;
         align-items: center;
     }
 }

 .mt-18 {
     margin-top: 18px;
 }

 .banner-text1.tt-4 {
     margin-top: 2px;
 }

 .c-form-style {
     position: relative;
     /* margin-top: -11rem !important; */
     z-index: 999;
     width: 100%;
     height: 174px;
     /* opacity: 0.9; */
     margin: 0 auto;
 }

 .c-form-style .form-container {
     background: rgba(255, 255, 255, 0.8);
     backdrop-filter: blur(5px);
     padding: 1rem;
     border-radius: 0 !important;
     /* opacity: 0.8; */
     padding-bottom: 12px;
     padding-top: 20px;
 }

 .c-form-style .form-container form {
     padding-top: 10px;
     padding-bottom: 5px;
 }

 .c-form-style input.form-control {
     border: 1px solid #000;
     color: #000 !important;
 }

 .c-form-style input.form-control::placeholder {
     color: #000 !important;
     /* Black placeholder text */
     opacity: 1;
     /* Ensures full visibility */
 }

 .c-bg5 {
     /* background: #333; */
     /* display: contents; */
 }

 .below-form-span {
     position: relative;
     top: -10px;
     font-size: 13px;
 }

 .below-form-p {
     font-size: 13px;
     margin-top: -8px;
     color: #000;
 }

 .below-form-p a {
     text-decoration: underline;
 }

 .bg-2c {
     background: #999;
 }

 /* .c-gray-bg {
                                                                                                                                            background: #777777;
                                                                                                                                            color: #fff;
                                                                                                                                            border-right: 1px solid #fff;
                                                                                                                                            height: 150px;
                                                                                                                                          } */
 .c-gray-bg {
     display: flex;
     justify-content: center;
     /* Horizontally center */
     align-items: center;
     /* Vertically center */
     text-align: center;
     /* Ensures the text is centered */
     height: 180px;
     /* Adjust height as needed */
     background-color: #660000;
     /* Light gray background */
     color: #fff;
     border-right: 1px solid #fff;
     padding: 20px;
 }

 .c-gray-bg h3 {
     font-size: 28px;
     font-weight: 700;
     color: #fff;
 }

 .pt-30 {
     padding-top: 30px;
 }

 .courses-details-header {
     margin-bottom: 30px;
 }

 .courses-details-image {
     border-radius: 5px;
 }

 .courses-details-image img {
     width: 100%;
     border-radius: 5px;
 }

 .cus-image {
     width: 850px !important;
     height: 450px;
 }

 .courses-details-header .courses-title h2 {
     margin-bottom: 12px;
     font-size: 29px;
     font-weight: 700;
 }

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

 p {
     margin-bottom: 15px;
     line-height: 1.7;
     color: #727695;
     font-family: "Open Sans", sans-serif;
     font-size: 15px;
 }

 .courses-details-header .courses-meta {
     margin-top: 20px;
 }

 .courses-details-header .courses-meta ul {
     padding-left: 0;
     margin-bottom: 0;
     list-style-type: none;
 }

 .courses-details-header .courses-meta ul li:last-child {
     padding-right: 0;
     margin-right: 0;
     border-right: none;
 }

 .courses-details-header .courses-meta ul li {
     margin-right: 20px;
     position: relative;
     display: inline-block;
     border-right: 1px solid #eeeeee;
     font-weight: 500;
     font-size: 16px;
     padding-right: 20px;
     padding-left: 37px;
 }


 .courses-details-header .courses-meta ul li i {
     font-size: 25px;
     color: #cfcfcf;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .courses-details-header .courses-meta ul li span {
     display: block;
     color: #ff1949;
     text-transform: uppercase;
     margin-bottom: 1px;
     font-size: 14px;
     font-weight: 600;
 }

 .courses-details-desc {
     margin-top: 35px;
 }

 .courses-details-desc h3:not(first-child) {
     margin-top: 30px;
 }

 .courses-details-desc h3 {
     margin-bottom: 15px;
     font-size: 22px;
     font-weight: 600;
 }

 .courses-details-desc .why-you-learn {
     margin-top: 20px;
 }

 .courses-details-desc .why-you-learn ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     list-style-type: none;
     padding-left: 0;
     margin-left: -10px;
     margin-right: -10px;
     margin-bottom: -12px;
 }

 .courses-details-desc .why-you-learn ul li {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 12px;
 }

 .courses-details-desc .why-you-learn ul li span {
     display: block;
     color: #252525;
     position: relative;
     padding-left: 28px;
     line-height: 1.7;
     font-weight: 500;
 }

 .courses-details-desc .why-you-learn ul li span i {
     position: absolute;
     left: 0;
     top: 2px;
     color: #ff1949;
     font-size: 22px;
 }

 .bx-check:before {
     content: "\ea41";
 }

 .courses-details-desc .requirements-list {
     padding-left: 0;
     margin-bottom: 0;
     list-style-type: none;
 }

 .courses-details-desc .requirements-list li {
     color: #727695;
     margin-bottom: 10px;
     position: relative;
     padding-left: 17px;
     font-family: "Open Sans", sans-serif;
 }

 .courses-details-desc h3:not(first-child) {
     margin-top: 30px;
 }

 .courses-details-desc h3 {
     margin-bottom: 15px;
     font-size: 22px;
     font-weight: 600;
     color: #252525;
     font-family: "Poppins", sans-serif;
 }

 .courses-details-desc p strong {
     color: #252525;
 }

 .courses-details-desc p strong {
     color: #252525;
 }

 .courses-details-desc .description-features-list {
     padding-left: 15px;
     margin-bottom: 15px;
     list-style-type: none;
 }

 .courses-details-desc .description-features-list li {
     color: #727695;
     margin-bottom: 10px;
     position: relative;
     padding-left: 17px;
     font-family: "Open Sans", sans-serif;
     line-height: 1.8;
 }

 .courses-details-desc .description-features-list li::before {
     position: absolute;
     left: 0;
     content: '';
     top: 10px;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background-color: #252525;
 }

 .courses-details-desc .audience-list {
     padding-left: 15px;
     margin-bottom: 0;
     list-style-type: none;
 }

 .courses-details-desc .audience-list li {
     color: #727695;
     margin-bottom: 10px;
     position: relative;
     padding-left: 17px;
     font-family: "Open Sans", sans-serif;
     line-height: 1.8;
 }

 .courses-details-desc .audience-list li::before {
     position: absolute;
     left: 0;
     content: '';
     top: 10px;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background-color: #252525;
 }

 .courses-author {
     margin-top: 20px;
     border-radius: 5px;
     background: #f8f8f8;
 }

 .courses-author .author-profile-header {
     height: 115px;
     border-radius: 5px 5px 0 0;
     background-color: #ff1949;
     background-image: url(../../assets/img/bg.jpg);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .courses-author .author-profile {
     padding: 0 25px 25px;
 }

 .courses-author .author-profile .author-profile-title {
     position: relative;
     z-index: 1;
     margin-bottom: 15px;
     margin-top: -45px;
 }

 .courses-author .author-profile .author-profile-title img {
     display: inline-block;
     border: 3px solid #ffffff;
     width: 100px;
     height: 100px;
 }

 .rounded-circle {
     border-radius: 50% !important;
 }

 .shadow-sm {
     box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
 }

 .courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details {
     margin-top: 15px;
 }

 .d-flex {
     display: flex !important;
 }

 .courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4 {
     margin-bottom: 5px;
     font-size: 17px;
     font-weight: 600;
 }

 .courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span {
     color: #0eb582;
     font-size: 14px;
 }

 .d-block {
     display: block !important;
 }

 .courses-details-desc .courses-author .author-profile .author-profile-title .author-profile-raque-profile a {
     color: #252525;
     padding: 5px 12px 4px;
     border-radius: 2px;
     font-size: 14px;
     font-weight: 600;
 }

 .d-inline-block {
     display: inline-block !important;
 }

 .single-dadicated-career-box {
     position: relative;
     z-index: 1;
     background-color: #fff;
     text-align: center;
     border-radius: 8px;
     overflow: hidden;
     padding: 0;
 }

 .divider-container {
     display: flex;
     align-items: center;
     text-align: center;
     margin: 20px 0;
 }

 .divider-line {
     flex-grow: 1;
     height: 1px;
     background-color: #ccc;
 }

 .divider-text {
     margin: 0 10px;
     font-size: 14px;
     color: #666;
     white-space: nowrap;
 }

 .custom-hry {
     /* border: 1px solid lightgray; */
 }

 .custom-hry .ggf {
     font-size: 24px;
     padding: 12px 10px 12px 10px;
 }

 .custom-hry p.c-sub-title {
     padding: 0px 20px 0px 20px;
     margin: 0;
 }

 .custom-hry .cus-start-subs {
     width: 100%;
     text-align: center;
 }

 .dd-btn {
     border-radius: 30px;
 }

 .pt-20 {
     margin-top: 20px !important;
 }

 .pb-20 {
     margin-bottom: 20px;
 }

 .below-subs-button {
     text-align: center;
 }

 .custon-addtocart-form {}

 .custon-addtocart-form .form-p {
     margin-left: 30px;
     margin-top: 15px;
     margin-bottom: 15px;
 }

 .gg-list {
     list-style: none;
     display: inline-block;
     margin: 0;
     padding: 6px;
     width: 100%;
     text-align: center;
 }

 ul.gg-list li {
     display: initial;
     font-size: 13px;
     text-decoration: underline;
     margin-left: 8px;
 }

 .learn-now {
     margin-bottom: 10px;
 }

 .learn-now p {
     text-align: center;
     position: relative;
     font-weight: 500;
     color: #000;
     margin-bottom: 0px;
 }

 .learn-now-span {
     color: #727695;
 }

 .app-cop {
     text-align: center;
     color: #727695 !important;
 }

 .c-coupan-apply {
     text-align: center;
     margin-bottom: 20px;
 }

 .c-coupan-apply .cc-aply {
     padding: 5px;
 }

 .c-coupan-apply .c-applt-bbtn {
     padding: 7px;
     margin-left: -6px;
     background: #ff1949;
     border-color: #ff1949;
     color: #fff;
     border: none;
 }

 .try-below-business {
     color: #727695;
 }

 /* Collapse  CSS */
 .accordion-button::after {
     /*content: '\002B';*/
     /* Plus sign */
     font-size: 1.2rem;
     margin-left: auto;
     transition: transform 0.2s ease-in-out;
 }

 .accordion-button.collapsed::after {
     /*content: '\2212';*/
     /* Minus sign */
 }

 .accordion-button {
     font-weight: bold;
 }

 .accordion-content {
     padding: 0.5rem 1rem;
 }

 .sub-accordion .accordion-button {
     padding-left: 2rem;
     /* Indentation for sub-items */
 }

 .courses-list {
     margin-bottom: 30px;
     margin-left: 15px;
 }

 .courses-list ul {
     margin-bottom: 0;
     padding-left: 0;
     list-style-type: none;
 }

 .courses-list ul li {
     font-size: 15px;
     color: #727695;
     line-height: 23px;
     margin: 12px 0;
 }

 .courses-sidebar-syllabus .chapter {
     margin-bottom: 0px;
     background: #fff;
     display: flex;
 }

 .courses-sidebar-syllabus {
     padding: 0px;
 }

 .without-border {
     border: none;
 }

 .without-border .accordion-header button:after {
     display: none;
 }

 .c-display-none {
     display: none;
 }

 .courses-sidebar-subscribe {
     border: 1px solid #f3f3f3;
     margin-bottom: 40px;
     border-radius: 5px;
     padding: 0px;
 }

 #custom-batch-dd {
     width: 196px;
     display: block !important;
     border: 1px solid lightgray;
     padding: 10px;
 }

 .nice-select {
     display: none;
 }

 .pb-50 {
     padding-bottom: 40px;
     padding-top: 40px;
 }

 .border-b {
     border-bottom: 1px solid lightgray;
 }

 .border-b:last-child {
     border-bottom: none;
 }

 .accordion-button:focus {
     border: none;
     box-shadow: 0 0 0 1px rgb(130 135 142 / 25%);
 }

 .c-error {
     color: red;
 }

 .c-coupan-apply .c-applt-bbtn:disabled {
     background: #ff194970;
 }

 .price-display-none {
     display: none !important;
 }

 .courses-sidebar-syllabus .courses-list ul {
     list-style-type: disclosure-closed;
 }

 .cus-image {
     width: 850px !important;
     height: 450px
 }



 .page-title-area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: transparent;
 }

 .page-title-content h2 {
     font-size: 52px;
     font-weight: 500;
 }

 .page-title-area p {
     color: #fff;
     color: #fff;
     font-size: 20px;
     line-height: 25px;
 }

 .pt-30 {
     padding-top: 30px;
 }

 .mar-top {
     margin-top: -192px;
 }

 .why-choose-us {
     height: 54px;
     width: auto;
     margin-bottom: 10px;
 }

 .courses-categories-area {
     position: relative;
     z-index: 1;
 }

 .pt-100 {
     padding-top: 100px;
 }

 .section-title {
     text-align: center;
     position: relative;
     margin-top: -5px;
     margin-bottom: 60px;
 }

 .section-title .sub-title {
     text-transform: uppercase;
     display: block;
     color: #ff1949;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .section-title h2 {
     margin-bottom: 12px;
     font-size: 37px;
     font-weight: 700;
 }

 .mb-30 {
     margin-bottom: 30px;
 }

 .mar-top {
     margin-top: -186px;
 }

 svg {
     width: 68px;
     height: 68px;
 }


 .feature-item_ab {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
     border-radius: 15px;
     padding: 10px;
     margin-bottom: 10px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     transition: all 0.3s ease;
     transform: translateX(-30px);
     opacity: 0;
     animation: slideInLeft 0.8s ease forwards;
 }

 .feature-item_ab:nth-child(1) {
     animation-delay: 0.6s;
 }

 .feature-item_ab:nth-child(2) {
     animation-delay: 0.8s;
 }

 .feature-item_ab:nth-child(3) {
     animation-delay: 1s;
 }

 .feature-item_ab:hover {
     background: rgba(255, 255, 255, 0.2);
     transform: translateY(-5px) scale(1.02);
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
 }

 .feature-item_ab:hover .feature-icon {
     background: rgba(255, 193, 7, 0.8);
     transform: rotate(5deg) scale(1.1);
 }





 .mega-dropdown {
     background-color: #1e1b4b;
     border-radius: 12px;
     padding: 1.5rem;
     width: 350px;
     color: white;
     z-index: 1;
 }

 .mega-dropdown a {
     color: white;
     text-decoration: none;
 }

 .mega-dropdown a:hover {
     text-decoration: underline;
 }

 .mega-item {
     padding: 0.5rem 0;
     border-radius: 6px;
 }

 .mega-icon {
     font-size: 1.25rem;
     margin-right: 0.5rem;
 }

 .mega-link-title {
     font-weight: bold;
     color: white;
 }

 .mega-description {
     font-size: 0.875rem;
     color: #a3a3a3;
 }

 .all-resources {
     color: #18375d;
     font-weight: 600;
     text-align: center;
     padding-top: 1rem;
     border-top: 1px solid #2d2d5a;
 }






 .section-title {
     color: #18375d;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 /* .main-title {
                                                                font-size: 2.5rem;
                                                                font-weight: 700;
                                                                color: #333;
                                                                margin-bottom: 60px;
                                                                position: relative;
                                                            } */

 /*.main-title::after {*/
 /*    content: '';*/
 /*    position: absolute;*/
 /*    bottom: -10px;*/
 /*    left: 50%;*/
 /*    transform: translateX(-50%);*/
 /*    width: 60px;*/
 /*    height: 4px;*/
 /*    background: linear-gradient(45deg, #28a745, #ffc107);*/
 /*    border-radius: 2px;*/
 /*}*/

 .feature-card {
     background: white;
     border-radius: 20px;
     padding: 40px 30px;
     text-align: center;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     border: none;
     height: 100%;
     position: relative;
     overflow: hidden;
 }

 .feature-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: left 0.5s;
 }

 .feature-card:hover::before {
     left: 100%;
 }

 .feature-card:hover {
     transform: translateY(-15px) scale(1.02);
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
 }

 .feature-icon1 {
     width: 80px;
     height: 80px;
     margin: 0 auto 25px;
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 2rem;
     transition: all 0.3s ease;
     position: relative;
 }

 .feature-card:nth-child(1) .feature-icon1 {
     background: linear-gradient(135deg, #4f1964, #4f1964);
     color: white;
 }

 .feature-card:nth-child(2) .feature-icon1 {
     background: linear-gradient(135deg, #18375d, #ffc107);
     color: white;
 }

 .feature-card:nth-child(3) .feature-icon1 {
     background: linear-gradient(135deg, #18375d, #17a2b8);
     color: white;
 }

 .feature-card:nth-child(4) .feature-icon1 {
     background: linear-gradient(135deg, #18375d, #6f42c1);
     color: white;
 }

 .feature-card:hover .feature-icon1 {
     transform: rotateY(360deg) scale(1.1);
 }

 .feature-title {
     font-size: 1rem;
     font-weight: 700;
     color: #333;
     margin-bottom: 5px;
     transition: color 0.3s ease;
 }

 .feature-card:hover .feature-title {
     color: #18375d;
 }

 .feature-description {
     color: #666;
     line-height: 1.6;
     font-size: 1rem;
     transition: color 0.3s ease;
 }

 .feature-card:hover .feature-description {
     color: #555;
 }

 .highlight {
     background: linear-gradient(45deg, #ffc107, #fd7e14);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: 800;
 }

 @media (max-width: 768px) {
     .main-title {
         font-size: 2.5rem;
     }

     .feature-card {
         margin-bottom: 30px;
     }
 }

 .animate-on-scroll {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.6s ease;
 }

 .animate-on-scroll.show {
     opacity: 1;
     transform: translateY(0);
 }




 .image-container {
     /* position: relative; */
     transform: translateX(30px);
     opacity: 0;
     animation: slideInRight 0.8s ease 0.6s forwards;
 }

 .main-image {
     border-radius: 20px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
     transition: all 0.3s ease;
     width: 100%;
     height: 500px;
     object-fit: cover;
 }

 .main-image:hover {
     transform: scale(1.05) rotate(2deg);
     box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
 }

 .secondary-image {
     position: absolute;
     bottom: -30px;
     left: -30px;
     width: 60%;
     border-radius: 15px;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
     transition: all 0.3s ease;
     transform: translateY(20px);
     opacity: 0;
     animation: fadeInUp 0.8s ease 1.4s forwards;
 }

 .secondary-image:hover {
     transform: scale(1.1) rotate(-2deg);
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
 }

 .decorative-elements {
     position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
     pointer-events: none;
 }

 .wave-decoration {
     position: absolute;
     top: 20%;
     right: -10%;
     width: 200px;
     height: 100px;
     opacity: 0.1;
 }

 .geometric-shape {
     position: absolute;
     bottom: 10%;
     left: -5%;
     width: 150px;
     height: 150px;
     background: rgba(255, 193, 7, 0.1);
     border-radius: 20px;
     transform: rotate(45deg);
     animation: float 6s ease-in-out infinite;
 }

 @keyframes slideUp {
     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes slideInLeft {
     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 @keyframes slideInRight {
     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 @keyframes fadeInUp {
     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 @keyframes float {

     0%,
     100% {
         transform: rotate(45deg) translateY(0px);
     }

     50% {
         transform: rotate(45deg) translateY(-20px);
     }
 }

 @media (max-width: 768px) {
     .main-title {
         font-size: 2.5rem;
     }

     .secondary-image {
         position: static;
         width: 100%;
         margin-top: 20px;
     }

     .hero-section {
         padding: 40px 0;
     }
 }






 :root {
     --primary-green: #28a745;
     --secondary-green: #20c997;
     --light-gray: #f8f9fa;
     --text-gray: #6c757d;
     --dark-text: #212529;
 }

 .hero-section {
     min-height: 50vh;
     background: linear-gradient(135deg, #4f1964 0%, #4f1964 100%);
     padding: 80px 0;
     position: relative;
 }

 .hero-section::before {
     content: '';
     position: absolute;
     top: 0;
     right: 150px;
     width: 300px;
     height: 300px;
     background: linear-gradient(45deg, #18375d, #18375d);
     opacity: 0.1;
     border-radius: 50%;
     transform: translate(50%, -50%);
     animation: float 6s ease-in-out infinite;
 }

 @keyframes float {

     0%,
     100% {
         transform: translate(50%, -50%) translateY(20px);
     }

     50% {
         transform: translate(50%, -50%) translateY(-20px);
     }


 }

 .stat-card {
     /* background: white; */
     border-radius: 20px;
     padding: 0.8rem;
     /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     position: relative;
     overflow: hidden;
     border: none;
     margin-bottom: 2rem;
 }

 .stat-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 5px;
     background: linear-gradient(90deg, #18375d, #18375d);
     transform: scaleX(0);
     transition: transform 0.3s ease;
 }

 .stat-card:hover::before {
     transform: scaleX(1);
 }

 .stat-card:hover {
     /* transform: translateY(-10px) scale(1.02); */
     /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); */
 }

 .green-card {
     /*background: linear-gradient(135deg, #eae0ba, #eae0ba);*/
     color: white;
 }

 .green-card:hover {
     /*background: linear-gradient(135deg, #eae0ba, #eae0ba);*/
 }

 .stat-number {
     font-size: 3.5rem;
     font-weight: 800;
     margin-bottom: 0.5rem;
     background: linear-gradient(45deg, var(--primary-green), var(--secondary-green));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .green-card .stat-number {
     color: #18375d !important;
     -webkit-text-fill-color: #18375d;
 }

 .stat-text {
     font-size: 1.1rem;
     color: #18375d !important;
     font-weight: 500;
     opacity: 0.9;
 }

 .student-image {
     border-radius: 20px;
     overflow: hidden;
     position: relative;
     transition: all 0.4s ease;
 }

 .student-image:hover {
     transform: scale(1.05);
 }

 .student-image img {
     width: 100%;
     height: 400px;
     object-fit: cover;
     transition: all 0.4s ease;
 }

 .student-image:hover img {
     transform: scale(1.1);
 }

 .about-content {
     padding: 2rem 0;
 }

 .section-title {
     color: var(--secondary-green);
     font-size: 0.9rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 1rem;
 }

 .main-title {
     font-size: 2rem;
     font-weight: 800;
     color: var(--dark-text);
     margin-bottom: 2rem;
     line-height: 1.2;
 }

 .description {
     font-size: 1.1rem;
     color: var(--text-gray);
     margin-bottom: 1rem;
     line-height: 1.8;
 }

 .feature-item {
     display: flex;
     align-items: center;
     margin-bottom: 1rem;
     padding: 0.5rem 0;
     transition: all 0.3s ease;
 }

 .feature-item:hover {
     transform: translateX(10px);
 }

 .feature-icon {
     width: 50px;
     height: 24px;
     background: var(--secondary-green);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 1rem;
     transition: all 0.3s ease;
 }

 .feature-item:hover .feature-icon {
     background: var(--primary-green);
     transform: scale(1.2);
 }

 .feature-icon i {
     color: white;
     font-size: 0.8rem;
 }

 .feature-text {
     color: var(--text-gray);
     font-weight: 500;
 }

 .cta-button {
     background: linear-gradient(135deg, #18375d, #18375d);
     border: none;
     padding: 1rem 2.5rem;
     border-radius: 50px;
     color: white;
     font-weight: 600;
     font-size: 1.1rem;
     transition: all 0.4s ease;
     text-transform: uppercase;
     letter-spacing: 1px;
     position: relative;
     overflow: hidden;
 }

 .cta-button::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
     transition: left 0.5s ease;
 }

 .cta-button:hover::before {
     left: 100%;
 }

 .cta-button:hover {
     transform: translateY(-3px);
     box-shadow: 0 15px 35px rgba(151, 87, 235, 0.4);
     background: linear-gradient(135deg, #18375d, #18375d);
 }

 .scroll-top {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
     border: none;
     border-radius: 50%;
     color: white;
     font-size: 1.2rem;
     cursor: pointer;
     transition: all 0.3s ease;
     z-index: 1000;
     opacity: 0;
     visibility: hidden;
 }

 .scroll-top.show {
     opacity: 1;
     visibility: visible;
 }

 .scroll-top:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(40, 167, 69, 0.4);
 }

 .alumni-avatars {
     display: flex;
     margin-bottom: 1rem;
 }

 .avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 3px solid white;
     margin-left: -10px;
     transition: all 0.3s ease;
     background: linear-gradient(45deg, var(--primary-green), var(--secondary-green));
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-weight: bold;
 }

 .avatar:first-child {
     margin-left: 0;
 }

 .avatar:hover {
     transform: scale(1.2) translateY(-5px);
     z-index: 10;
 }

 .decorative-element {
     position: absolute;
     right: 50px;
     bottom: 50px;
     width: 200px;
     height: 200px;
     background: linear-gradient(45deg, #18375d, #18375d);
     opacity: 0.1;
     border-radius: 20px;
     transform: rotate(45deg);
     animation: rotate 20s linear infinite;
 }

 @keyframes rotate {
     from {
         transform: rotate(45deg);
     }

     to {
         transform: rotate(405deg);
     }
 }

 @media (max-width: 768px) {
     .main-title {
         font-size: 2rem;
     }

     .stat-number {
         font-size: 2.5rem;
     }

     .hero-section {
         padding: 40px 0;
     }
 }

 .fade-in {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.8s ease;
 }

 .fade-in.visible {
     opacity: 1;
     transform: translateY(0);
 }


 /* main-card {
                                        background: rgba(255, 255, 255, 0.95);
                                        border-radius: 20px;
                                        box-shadow: 0 20px 60px rgba(25, 24, 24, 0.5);
                                        backdrop-filter: blur(20px);
                                        border: 1px solid rgba(255, 255, 255, 0.2);
                                        padding: 40px;
                                        margin-top: 30px;
                                    } */

 .instructor-image {
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(25, 24, 24, 0.5);
     transition: transform 0.3s ease;
     /* margin-top: 160px; */
     width: 100%;

 }

 .instructor-image:hover {
     transform: translateY(-10px);
 }

 /* Enhanced Tab Styling */
 .nav-tabs {
     border: none;
     margin-bottom: 30px;
 }

 .nav-tabs .nav-link {
     background: rgba(255, 255, 255, 0.8);
     border: 2px solid #18375d;
     border-radius: 15px;
     margin-right: 10px;
     padding: 12px 20px;
     color: #18375d;
     font-weight: 500;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .nav-tabs .nav-link::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, #eae0ba, #eae0ba);
     transition: left 0.3s ease;
     color: #fff;
     z-index: -1;
 }

 .nav-tabs .nav-link:hover {
     background: transparent;
     border-color: #18375d;
     color: white;
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
 }

 .nav-tabs .nav-link:hover::before {
     left: 0;
 }

 .nav-tabs .nav-link.active {
     background: linear-gradient(135deg, #eae0ba, #eae0ba);
     border-color: #eae0ba;
     color: white;
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
 }

 .nav-tabs .nav-link.active::before {
     left: 0;
 }

 /* Enhanced Form Controls */
 .form-control,
 .form-select {
     border: 2px solid #e0e0e0;
     border-radius: 12px;
     padding: 12px 16px;
     font-size: 15px;
     transition: all 0.3s ease;
     background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(10px);
 }

 .form-control:focus,
 .form-select:focus {
     border-color: var(--primary-green);
     box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.2);
     transform: translateY(-2px);
 }

 .form-control:hover,
 .form-select:hover {
     border-color: #18375d;
     transform: translateY(-1px);
     box-shadow: 0 5px 15px rgba(40, 167, 69, 0.1);
 }

 .form-control.is-valid {
     border-color: #18375d;
 }

 .form-control.is-invalid {
     border-color: #dc3545;
 }

 .form-label {
     font-weight: 600;
     color: #333;
     margin-bottom: 8px;
     font-size: 14px;
 }

 /* Enhanced Dropdown with Hover Effects */
 .custom-dropdown {
     position: relative;
 }

 .dropdown-toggle-custom {
     background: rgba(255, 255, 255, 0.95);
     border: 2px solid #e0e0e0;
     border-radius: 12px;
     padding: 12px 16px;
     font-size: 15px;
     color: #333;
     width: 100%;
     text-align: left;
     transition: all 0.3s ease;
     cursor: pointer;
     position: relative;
     backdrop-filter: blur(10px);
 }

 .dropdown-toggle-custom:hover {
     background: rgba(255, 255, 255, 1);
     border-color: #18375d;
     transform: translateY(-2px);
     box-shadow: 0 8px 25px rgba(40, 167, 69, 0.1);
 }

 .dropdown-toggle-custom:focus {
     outline: none;
     border-color: #18375d;
     box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.2);
 }

 .dropdown-toggle-custom.is-valid {
     border-color: #18375d;
 }

 .dropdown-toggle-custom.is-invalid {
     border-color: #dc3545;
 }

 .dropdown-toggle-custom::after {
     content: '\f282';
     font-family: 'bootstrap-icons';
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     transition: transform 0.3s ease;
     font-size: 12px;
 }

 .dropdown-toggle-custom.active::after {
     transform: translateY(-50%) rotate(180deg);
 }

 .dropdown-menu-custom {
     background: rgba(255, 255, 255, 0.98);
     border: none;
     border-radius: 15px;
     box-shadow: 0 20px 60px rgba(40, 167, 69, 0.2);
     padding: 10px 0;
     margin-top: 8px;
     width: 100%;
     max-height: 300px;
     overflow-y: auto;
     backdrop-filter: blur(20px);
     animation: slideDown 0.3s ease;
     display: none;
     position: absolute;
     z-index: 1000;
 }

 .dropdown-menu-custom.show {
     display: block;
 }

 @keyframes slideDown {
     from {
         opacity: 0;
         transform: translateY(-15px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .dropdown-item-custom {
     padding: 12px 20px;
     color: #333;
     font-weight: 500;
     border-radius: 10px;
     margin: 2px 10px;
     transition: all 0.3s ease;
     cursor: pointer;
     position: relative;
     overflow: hidden;
 }

 .dropdown-item-custom::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, #18375d, #18375d);
     transition: left 0.3s ease;
     z-index: -1;
 }

 .dropdown-item-custom:hover {
     color: white;
     transform: translateX(5px);
 }

 .dropdown-item-custom:hover::before {
     left: 0;
 }

 /* Enhanced Buttons */
 .btn-primary {
     background: linear-gradient(135deg, #18375d, #18375d);
     border: none;
     border-radius: 12px;
     padding: 12px 30px;
     font-weight: 600;
     font-size: 15px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 /*.btn-primary::before {*/
 /*    content: '';*/
 /*    position: absolute;*/
 /*    top: 0;*/
 /*    left: -100%;*/
 /*    width: 100%;*/
 /*    height: 100%;*/
 /*    background: linear-gradient(135deg, #18375d, #18375d);*/
 /*    transition: left 0.3s ease;*/
 /*    z-index: -1;*/
 /*}*/

 .btn-primary:hover {
     transform: translateY(-3px);
     box-shadow: 0 12px 30px rgba(40, 167, 69, 0.3);
 }

 .btn-primary:hover::before {
     left: 0;
 }

 .btn-primary:disabled {
     opacity: 0.6;
     cursor: not-allowed;
     transform: none;
 }

 /* File Input Enhancement */
 .form-control[type="file"] {
     padding: 10px;
     border: 2px dashed #e0e0e0;
     background: rgba(40, 167, 69, 0.05);
 }

 .form-control[type="file"]:hover {
     border-color: var(--primary-green);
     background: rgba(40, 167, 69, 0.1);
 }

 /* Loading Spinner */
 .loading-spinner {
     display: none;
     width: 20px;
     height: 20px;
     border: 2px solid #ffffff;
     border-top: 2px solid transparent;
     border-radius: 50%;
     animation: spin 1s linear infinite;
     margin-right: 10px;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 /* Success/Error Messages */
 .alert-custom {
     border-radius: 12px;
     padding: 15px 20px;
     margin-bottom: 20px;
     animation: slideIn 0.3s ease;
 }

 @keyframes slideIn {
     from {
         opacity: 0;
         transform: translateY(-10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Responsive adjustments */
 @media (max-width: 768px) {
     .nav-tabs .nav-link {
         margin-bottom: 10px;
         margin-right: 5px;
         font-size: 13px;
         padding: 10px 15px;
     }

     .main-card {
         padding: 20px;
         margin: 10px;
     }
 }

 /* Custom scrollbar for dropdowns */
 .dropdown-menu-custom::-webkit-scrollbar {
     width: 6px;
 }

 .dropdown-menu-custom::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.1);
     border-radius: 3px;
 }

 .dropdown-menu-custom::-webkit-scrollbar-thumb {
     background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
     border-radius: 3px;
 }

 .text-danger {
     color: #dc3545 !important;
 }

 /*h2 {*/
 /*    background: linear-gradient(135deg, #18375d, #fff);*/
 /*    -webkit-background-clip: text;*/
 /*    -webkit-text-fill-color: transparent;*/
 /*    background-clip: text;*/
 /*    font-weight: 700;*/
 /*}*/

 /* Step Indicator */
 .step-indicator {
     display: flex;
     justify-content: center;
     margin-bottom: 30px;
 }

 .step {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #18375d;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 10px;
     font-weight: bold;
     transition: all 0.3s ease;
 }

 .step.active {
     background: #18375d;
     color: white;
 }

 .step.completed {
     background: #18375d;
     color: white;
 }


 /* Banner Section */
 .hero-banner {
     background: url('/public/img/ban_form.jpg') center / cover no-repeat;
     animation: moveBg 10s linear infinite;
     width: 100%;
     min-height: 85vh;
     /* height flexible */
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     z-index: 1;
     text-align: center;
     color: white;
 }

 /* Overlay (optional for better text visibility) */
 .hero-banner::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.4);
     z-index: -1;
 }

 /* Responsive text */
 .hero-banner h1 {
     font-size: 3rem;
     font-weight: bold;
 }

 @media (max-width: 768px) {
     .hero-banner {
         min-height: 60vh;
         /* smaller for tablets */
         padding: 2rem;
     }

     .hero-banner h1 {
         font-size: 2rem;
     }
 }

 @media (max-width: 480px) {
     .hero-banner {
         min-height: 50vh;
         /* smaller for phones */
         padding: 1.5rem;
     }

     .hero-banner h1 {
         font-size: 1.5rem;
     }
 }










 .language-switcher {
     position: absolute;
     top: 10px;
     right: 20px;
     z-index: 1000;
 }

 .language-switcher .dropdown-toggle {
     color: white;
     border: none;
     padding: 8px 16px;
     font-size: 14px;
     border-radius: 20px;
     background-color: #2a4b7c;
 }

 .language-switcher .dropdown-toggle:hover {
     background-color: #2a4b7c;
 }

 .language-switcher .dropdown-menu {
     min-width: 100px;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .language-switcher .dropdown-item {
     font-size: 14px;
     padding: 8px 16px;
     color: #18375d;
 }

 .language-switcher .dropdown-item:hover {
     background-color: #f1f5f9;
     color: #18375d;
 }

 /* Responsive adjustments */
 @media (max-width: 576px) {
     .language-switcher {
         top: 10px;
         right: 10px;
     }

     .language-switcher .dropdown-toggle {
         padding: 6px 12px;
         font-size: 12px;
     }
 }




















 .navbar-brand {
     font-weight: bold;
     color: #18375d !important;
 }

 .nav-link {
     color: #18375d !important;
 }

 .nav-link:hover {
     color: #07A169 !important;
 }

 .hero-banner {
     background-color: #f8f9fa;
     padding: 2rem 0;
 }

 .feature-card {
     padding: 1.5rem;
     border: 1px solid #ddd;
     border-radius: 8px;
     text-align: center;
 }

 .feature-icon1 img {
     width: 50px;
     height: 50px;
 }

 .main-title {
     color: #fff;
     font-weight: bold;
 }

 .cta-button {
     background-color: #07A169;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
 }

 .stat-card {
     /*background-color: #07A169;*/
     color: white;
     padding: 1rem;
     border-radius: 8px;
     text-align: center;
 }

 .instructor-image {
     border-radius: 8px;
 }

 .step-indicator .step {
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-radius: 50%;
     background-color: #e0e0e0;
     display: inline-block;
     text-align: center;
     margin-right: 10px;
 }

 .step-indicator .step.active {
     background-color: #07A169;
     color: white;
 }

 .theme-preview {
     cursor: pointer;
     border: 2px solid transparent;
 }

 .theme-preview.selected {
     border-color: #07A169;
 }

 .serif {
     font-family: 'Playfair Display', serif !important;
     font-size: 3rem !important;
     font-weight: 700 !important;
     color: #18375d !important;
     /* dark blue, aapke navbar ke color se match */
     line-height: 1.3 !important;
     text-align: center !important;
 }

 /* Wrapper styling */
 .logo-wrapper {
     display: inline-block;
     padding: 3px 3px;
     /* thoda spacing */
     /* clean white background */
     border-radius: 12px;
     /* smooth rounded corners */
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
     /* soft shadow */
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 /* Logo image */
 .logo {
     height: 120px;
     /* standard navbar height */
     width: auto;
     display: block;
 }

 /* Hover effect */
 .logo-wrapper:hover {
     transform: scale(1.05);
     box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
 }


 /* Price Plan Section Start */
 .space-extra,
 .space-extra-bottom {
     padding-bottom: calc(120px - 30px);
 }

 .space,
 .space-top {
     padding-top: 120px;
 }

 .background-image,
 [data-bg-src] {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
 }

 .title-area3 {
     margin-bottom: calc(70px - 20px);
 }

 .sec-icon {
     margin: -0.3em 0 25px 0;
 }

 .sec-icon .vs-circle {
     --circle-size: 45px;
     --circle-angle: -405deg;
     --circle-bg: #3747FF;
     display: inline-block;
 }

 .vs-circle {
     display: block;
     width: 45px;
     height: 45px;
     max-width: 100%;
     max-height: 100%;
     border-radius: 50%;
     background-color: transparent;
     background-size: 100% 100%;
     background-image: linear-gradient(-405deg, -60deg, #3747FF, #2F2552 var(--circle-count, 55%), transparent var(--circle-count, 55%));
 }

 .title-area3 .sec-subtitle {
     color: #3747FF;
     font-weight: 600;
     letter-spacing: normal;
 }

 .sec-subtitle {
     display: block;
     color: var(--title-color);
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 0.12em;
     margin: -0.2em 0 15px 0;
     text-transform: uppercase;
 }

 @media (min-width: 1500px) {
     .row:not([class*=gx-]) {
         --bs-gutter-x: 30px;
     }
 }

 .package-style1 {
     background-color: #2F2552;
     border: 5px solid #ffffff;
     border-radius: 30px 30px 20px 20px;
     margin-bottom: 50px;
     transition: all ease 0.4s;
     transform: translateY(0);
 }

 .package-style1:hover {
     transform: translateY(-10px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
     border-color: #3747FF;
 }

 .package-style1 .package-head {
     position: relative;
     transition: all ease 0.4s;
     background-color: #ffffff;
     padding: 25px 30px;
     border-radius: 20px;
 }

 .package-style1:hover .package-head {
     background-color: #f8f9fa;
 }

 .package-style1 .package-name {
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 10px;
     letter-spacing: 0.02em;
     color: #3747FF;
     transition: color 0.3s ease;
 }

 .package-style1:hover .package-name {
     color: #2F2552;
 }

 .package-style1 .package-price {
     line-height: 1;
     margin-bottom: 5px;
     transition: transform 0.3s ease;
 }

 .package-style1:hover .package-price {
     transform: scale(1.05);
 }

 .h1,
 h1 {
     font-size: 48px;
 }

 .package-style1 .package-text {
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 0;
 }

 p {
     margin: 0 0 18px 0;
     color: #585B5B;
     line-height: 1.75;
 }

 .package-style1 .package-review i {
     color: #F6B800;
     display: inline-block;
     font-size: 14px;
     margin-right: 4px;
     transition: transform 0.3s ease;
 }

 .package-style1:hover .package-review i {
     transform: scale(1.2);
 }

 .package-style1 .package-icon {
     position: absolute;
     bottom: -37.5px;
     right: 30px;
     width: 75px;
     height: 75px;
     line-height: 80px;
     background-color: #3747FF;
     color: #ffffff;
     border: 3px solid #2F2552;
     text-align: center;
     border-radius: 50%;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }

 .package-style1:hover .package-icon {
     transform: rotate(360deg);
     background-color: #2F2552;
 }

 .package-style1 .package-icon i {
     font-size: 30px;
 }

 .fa-layer-group:before {
     content: "\f5fd";
 }

 .package-style1 .package-body {
     padding: 35px 30px;
 }

 .package-style1 .package-list ul {
     margin: 0 0 35px 0;
     padding: 0 0 25px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     list-style-type: disc;
 }

 .package-style1 .package-list li {
     color: #ffffff;
     position: relative;
     padding-left: 30px;
     font-size: 18px;
     margin-bottom: 13px;
     list-style-type: none;
     transition: color 0.3s ease;
 }

 .package-style1:hover .package-list li {
     color: #e6e6e6;
 }

 .package-style1 .package-bottom {
     display: flex;
     justify-content: space-between;
 }

 .package-style1 .pacage-save {
     color: #ffffff;
     font-size: 18px;
 }

 .package-style1 .pacage-discount {
     background-color: #FFCC33;
     border-radius: 13.5px;
     color: #0A282C;
     padding: 0 23px;
     transition: transform 0.3s ease;
 }

 .package-style1:hover .pacage-discount {
     transform: scale(1.1);
 }

 .package-style1 .package-body .vs-btn {
     width: 100%;
     transition: background-color 0.3s ease, transform 0.3s ease;
 }

 .package-style1:hover .vs-btn {
     background-color: #2F2552;
     transform: translateY(-3px);
 }

 .package-style1 .vs-btn {
     margin-top: 23px;
     border: none;
     vertical-align: middle;
     display: inline-block;
     text-align: center;
     font-family: "DM Sans", sans-serif;
     background-color: #3747FF;
     color: #ffffff;
     font-weight: 700;
     font-size: 16px;
     line-height: 1.2;
     padding: 21.5px 40px;
     border-radius: 9999px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     text-decoration: none;
 }

 .package-style1 .package-list li i {
     color: #ffffff;
     position: absolute;
     left: 0;
     top: 3px;
     transition: color 0.3s ease;
 }

 .package-style1:hover .package-list li i {
     color: #FFCC33;
 }

 .package-style1.active,
 .package-style1:hover {
     border: 5px solid #3747FF;
 }

 /* Mobile Responsive Styles */
 @media (max-width: 991px) {
     .space-top {
         padding-top: 80px;
     }

     .space-extra-bottom {
         padding-bottom: 60px;
     }

     .title-area3 {
         margin-bottom: 40px;
     }

     .h1,
     h1 {
         font-size: 36px;
     }

     .package-style1 {
         margin-bottom: 30px;
     }

     .package-style1 .package-head {
         padding: 20px 25px;
     }

     .package-style1 .package-body {
         padding: 25px 20px;
     }

     .package-style1 .package-name {
         font-size: 14px;
     }

     .package-style1 .package-text {
         font-size: 14px;
     }

     .package-style1 .package-list li {
         font-size: 16px;
         padding-left: 25px;
         margin-bottom: 10px;
     }

     .package-style1 .pacage-save,
     .package-style1 .pacage-discount {
         font-size: 16px;
     }

     .vs-btn {
         padding: 15px 30px;
         font-size: 14px;
     }

     .package-style1 .package-icon {
         width: 60px;
         height: 60px;
         line-height: 65px;
         bottom: -30px;
         right: 20px;
     }

     .package-style1 .package-icon i {
         font-size: 24px;
     }
 }

 @media (max-width: 767px) {
     .container {
         padding-left: 15px;
         padding-right: 15px;
     }

     .h1,
     h1 {
         font-size: 30px;
     }

     .package-style1 {
         margin-bottom: 20px;
     }

     .package-style1 .package-head {
         padding: 15px 20px;
     }

     .package-style1 .package-body {
         padding: 20px 15px;
     }

     .package-style1 .package-list ul {
         margin-bottom: 25px;
         padding-bottom: 20px;
     }

     .sec-subtitle {
         font-size: 14px;
     }
 }

 @media (max-width: 576px) {
     .package-style1 .package-bottom {
         flex-direction: column;
         gap: 10px;
         text-align: center;
     }

     .package-style1 .pacage-discount {
         padding: 5px 15px;
     }
 }


 /* Price Plan Section End */


 /* About us this Banner Start  */

 .space-bottom {
     padding-bottom: 120px;
 }

 .space-top {
     padding-top: 120px;
 }

 .cta-layout1 .cta-style2 {
     background-color: transparent;
     border-radius: 0px;
 }

 .cta-style2 {
     position: relative;
     background-color: #2F2552;
     border-radius: 20px;
 }

 .cta-content {
     padding: 60px 50px;
 }

 .cta-text {
     color: #FFCC33;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 8px;
 }

 .cta-style2 .cta-text {
     margin-bottom: 15px;
     line-height: 1;
     color: #ffffff;
 }

 .cta-layout1 .cta-style2 .cta-title {
     margin-bottom: 15px;
     text-transform: capitalize;
 }

 .cta-style2 .cta-title {
     font-size: 50px;
     margin-bottom: 35px;
     color: #ffff;
 }

 .cart-subtitle {
     display: inline-block;
     color: #ffff;
     font-size: 18px;
     margin-bottom: 40px;
     padding-left: 30px;
     text-align: left;
     position: relative;
 }

 .cta-layout1 .cta-title span {
     display: inline-block;
     color: #FFCC33;
 }

 .cta-layout1 .cta-style2 .cta-title {
     margin-bottom: 15px;
     text-transform: capitalize;
 }

 .cta-style2 .cta-title {
     font-size: 50px;
     margin-bottom: 35px;
     color: #fff;
 }

 .cta-layout1 .cart-subtitle {
     display: inline-block;
     color: #ffff;
     font-size: 18px;
     margin-bottom: 40px;
     padding-left: 30px;
     text-align: left;
     position: relative;
 }

 .cta-layout1 .cart-subtitle img,
 .cta-layout1 .cart-subtitle i {
     color: #FFCC33;
     margin-right: 8px;
     position: absolute;
     left: 0px;
     top: 5px;
 }

 /* img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
} */
 .vs-btn.style8 {
     padding: 5px 35px 5px 5px;
 }

 .vs-btn {
     vertical-align: middle;
     display: inline-block;
     text-align: center;
     font-family: "DM Sans", sans-serif;
     background-color: #3747FF;
     color: #ffff;
     font-weight: 700;
     font-size: 16px;
     line-height: 1.2;
     position: relative;
     z-index: 1;
     border-width: initial;
     border-style: none;
     border-color: initial;
     border-image: initial;
     padding: 21.5px 40px;
     border-radius: 9999px;
     overflow: hidden;
 }

 .vs-btn::before {
     transform-origin: left top;
 }

 .vs-btn::before,
 .vs-btn::after {
     content: "";
     position: absolute;
     top: 3px;
     right: 3px;
     bottom: 3px;
     left: 3px;
     background-color: #626FFF;
     transform: scale(0);
     z-index: -1;
     transform-origin: right bottom;
     opacity: 0;
     visibility: hidden;
     border-radius: inherit;
     transition: 0.4s;
 }

 .vs-btn.style8 i {
     width: 50px;
     height: 50px;
     line-height: 50px;
     background-color: rgb(42, 54, 193);
     margin-right: 15px;
     font-size: 22px;
     border-radius: 50%;
 }

 .vs-btn i {
     display: inline-block;
     vertical-align: middle;
     transition: 0.4s;
 }

 .vs-btn::before,
 .vs-btn::after {
     content: "";
     position: absolute;
     top: 3px;
     right: 3px;
     bottom: 3px;
     left: 3px;
     background-color: #626FFF;
     transform: scale(0);
     z-index: -1;
     transform-origin: right bottom;
     opacity: 0;
     visibility: hidden;
     border-radius: inherit;
     transition: 0.4s;
 }

 .cta-layout1 .cta-style2 .cta-img {
     margin-top: 0px;
     border-radius: 0px;
 }

 .cta-style2 .cta-img {
     position: relative;
     margin: 30px 30px -30px 0px;
     overflow: hidden;
     border-radius: 20px;
 }

 .cta-style2 .cta-img img {
     width: 100%;
 }

 /* img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
} */
 .position-center {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .play-btn2 {
     background-color: #3747FF;
     text-align: center;
     z-index: 1;
     border-radius: 50%;
 }

 /* About us this Banner End */


 /* Most Popular pooja start */

 .title-area3 {
     margin-bottom: calc(70px - 20px);
 }

 .course-layout2 .course-style1 {
     border: 1px dashed #3747FF;
     overflow: hidden;
     margin-bottom: 30px;
     border-radius: 30px;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
 }

 .course-style1 {
     border-radius: 20px;
     margin-bottom: 30px;
     background-color: #ffffff;
     position: relative;
     transition: all ease 0.4s;
     padding-bottom: 0.1px;
 }

 .course-layout2 .course-style1 .course-img {
     margin: 15px;
     padding: 0;
     border-radius: 30px;
     overflow: hidden;
 }

 .course-style1 .course-img {
     position: relative;
     overflow: hidden;
     border-radius: 20px 20px 0 0;
 }

 .course-style1 .course-category {
     background-color: #FFCC33;
     color: #0A282C;
     font-size: 13px;
     font-weight: 700;
     padding: 3px 13px;
     left: 20px;
     border-radius: 20px;
     position: absolute;
     text-align: center;
     top: 20px;
     z-index: 1;
     text-transform: uppercase;
     transition: all ease 0.4s;
 }

 .course-style1 .vs-btn {
     position: absolute;
     left: 20%;
     top: 40%;
     opacity: 0;
     transform: translateY(-50px);
 }

 .vs-btn.style2 {
     background-color: #3747FF;
     color: #ffffff;
     padding: 0 35px 0 0;
 }

 .vs-btn {
     border: none;
     vertical-align: middle;
     display: inline-block;
     text-align: center;
     font-family: var(--title-font);
     background-color: var(--theme-color);
     color: var(--white-color);
     font-weight: 700;
     font-size: 16px;
     line-height: 1.2;
     padding: 21.5px 40px;
     border-radius: 9999px;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }

 .vs-btn:before,
 .vs-btn:after {
     content: "";
     position: absolute;
     top: 3px;
     right: 3px;
     bottom: 3px;
     left: 3px;
     background-color: #626FFF;
     transform: scale(0);
     z-index: -1;
     border-radius: inherit;
     transform-origin: right bottom;
     transition: all ease 0.4s;
     opacity: 0;
     visibility: hidden;
 }

 .vs-btn:before {
     transform-origin: left top;
 }

 .course-style1 .vs-btn i {
     font-size: 14px;
 }

 .vs-btn.style2 i {
     background-color: #626FFF;
     color: #ffffff;
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-size: 22px;
     margin: 0 15px 0 0;
     border-radius: 50%;
 }

 .vs-btn i {
     display: inline-block;
     vertical-align: middle;
     transition: all ease 0.4s;
 }

 .vs-btn.style2:after {
     --shape-gap: 0;
     transform: scale(1);
     background-color: #3747FF;
     z-index: -2;
     border-radius: inherit;
     border: 2px solid #3747FF;
 }

 .vs-btn:before,
 .vs-btn:after {
     content: "";
     position: absolute;
     top: 3px;
     right: 3px;
     bottom: 3px;
     left: 3px;
     background-color: #626FFF;
     transform: scale(0);
     z-index: -1;
     border-radius: inherit;
     transform-origin: right bottom;
     transition: all ease 0.4s;
     opacity: 0;
     visibility: hidden;
 }

 .course-layout2 .course-style1 .course-content {
     padding: 15px 30px 22px 30px;
 }

 .course-style1 .course-content {
     padding: 25px 40px 22px 40px;
 }

 .course-style1 .course-top {
     display: flex;
     justify-content: space-between;
     margin-bottom: 5px;
 }
 .course-layout2 .course-style1 .course-review {
    font-size: 12px;
}
.course-style1 .course-review {
    margin-bottom: 9px;
    color: #6D6D6D;
    font-weight: bold;
}
.course-layout2 .course-style1 .course-review i {
    font-size: 12px;
    margin-right: 3px;
}
.course-style1 .course-review i {
    color: #F6B800;
    display: inline-block;
    font-size: 14px;
    margin-right: 3px;
}
.course-layout2 .course-style1 .course-price {
    font-size: 20px;
}
.course-style1 .course-price {
    font-size: 24px;
    font-weight: 700;
    color: #3747FF;
    display: block;
}
.course-layout2 .course-style1 .course-name {
    font-size: 22px;
    margin-bottom: 0;
    text-transform: capitalize;
}
.course-style1 .course-name a {
    color: #0A282C;
}

.course-layout2 .course-style1 .course-meta {
    border-top: 1px solid rgba(188, 188, 188, 0.4);
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 16px 0px;
    margin: 0 30px 10px 30px;
    display: inline-block;
    justify-content: space-between;
    border-radius: 0;
    transition: all ease 0.4s;
}
.course-layout2 .course-style1 .course-meta span {
    font-weight: 500;
    text-transform: capitalize;
}
.course-style1 .course-meta span {
    color: #585B5B;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
}
.course-style1 .course-meta i {
    font-size: 14px;
    margin-right: 7px;
    color: #3747FF;
}
.fal {
    font-weight: 300;
}
 /* Most Popular pooja end */