/* Common CSS Start */ div,li { box-sizing: border-box; } body { margin: 0; } h2,h3 { margin-top: 0; } .main-head { color: #2d2d2d; font-size: 24px; margin-bottom: 10px; } section { padding: 4rem 0px; } .container { max-width: 1280px; margin: auto; } .contaner2 { max-width: 1280px; margin: auto;} .cnt { text-align: center; justify-content: center; } h1,h2,h3,h4 { font-family: "Poppins", sans-serif; margin-top: 0; } p,a,span,div { font-family: "Poppins", sans-serif; } p,a,span { line-height: 1.6; } p a { color: #d96220; text-decoration: none;} img { overflow: auto; } ul { padding: 0; } li { list-style: none; } .theme-btn a { background: #d96220; color: #fff; text-decoration: none; padding: 10px 24px; border-radius: 6px; width: fit-content; transition: background 0.3s ease; } .theme-btn a:hover { background: #d96220; } [data-cky-tag="powered-by"] div { display: none !important; } .col-img img { width: 100%; height: 340px;} .img-2-box { margin-bottom: 25px;} .auto-height img { max-height: fit-content !important;} p { font-size: 16px; color: #555; margin-bottom: 0px; line-height: 1.6; } li{ font-size: 16px; color: #555; margin-bottom: 0px; line-height: 1.6;list-style: disc;list-style-position: inside;} .theme-btn.left { justify-content: unset; margin-top: 10px; } .mobile-sticky-footer { display: none;} .term-section .main-head { font-size: 18px;} .term-section a { color: #d96220;} .term-section a { color: #d96220; text-decoration: none;} .term-section .main-head { padding: 10px 0px;} .term-section strong { color: #555; } .yoga-benefits .radius { width: 100%; } /* Common CSS END */ .view-more-btn { display: block; padding: 10px 20px; background: #d96220; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; float: left; } .view-more-btn:hover { background: #c15620; } .dot1 { font-size: 32px; } .dot1, .dot2 { position: absolute; color: rgba(255, 255, 255, 0.15); animation: pulse 2s infinite ease-in-out; pointer-events: none; } .arrow-top { position: fixed; bottom: 30px; right: 30px; background: #fff; color: #d96220; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; z-index: 999; text-decoration: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); transition: background 0.3s, transform 0.3s; border: 1px solid #d96220;} .top-arrow { position: relative; z-index: 2; } /* New slider CSS start */ .slider-container { position: relative; margin: 0 auto;overflow: hidden;} .slider { display: flex; transition: transform 0.5s ease-in-out;} .slide { min-width: 100%; position: relative;} .text-box { background: #fff; padding: 40px 20px; border-radius: 8px; max-width: 600px; text-align: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .text-box span { font-size: 2rem; margin-bottom: 1rem; color: #333; line-height: 1.3;} .text-box p { font-size: 1.1rem; margin-bottom: 1.5rem; color: #555;} .slide img { width: 100%; height: 100%; object-fit: cover;} .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;} .slider-btn:hover { background: rgba(255, 255, 255, 0.8);} .prev-btn { left: 20px;} .next-btn { right: 20px;} /* new slider CSS END */ .retreat-card .read-more-btn { display: none;} .apply-popup { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.6); } .popup-content { background-color: #fff; margin: 5% auto; padding: 30px; border-radius: 10px; width: 90%; max-width: 1000px; position: relative; } .close-btn { position: absolute; top: 15px; right: 20px; font-size: 24px; cursor: pointer; } .mfp-content .mfp-img { width: 800;height: 650;} .faq-contact-number a { color: #d96220; text-decoration: none;} .capabilities { display: flex; align-items: flex-start; justify-content: space-between; padding-top: 20px; gap: 30px;} .cap { display: flex; flex-direction: column; align-items: center;} p.cap-alphabet { color: #d96220;} .cap-alphabet { text-align: center; font-size: 72px; color: #fff; border: 14px solid #fff; border-radius: 50%; height: 100px; width: 100px; display: flex; justify-content: center; align-items: center; transition: 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);} .signi { background: #f8f4f1;} .cap-title { font-size: 22px; text-align: center; color: #2d2d2d; letter-spacing: 0.4px; font-weight: 600; padding-bottom: 0px; padding-top: 20px;} .wbgd { margin-top: 30px; background: #fff; padding: 10px 0px;} .capabilities ul { margin-top: 0px;} .capabilities ul li{ text-align: center; list-style: none;} /* Common Header Banner css */ .common-hero::before { content: ''; position: absolute; inset: 0; background-color: rgb(0 0 0 / 28%); } .common-hero { position: relative; z-index: 1; height: 100vh; } .common-hero .comm-banner { color: #fff; position: relative; padding: 30px; } .common-hero p { color: #fff; padding-bottom: 2rem; } .common-hero .container { display: flex; align-items: center; max-width: 1280px; width: 100%; } .common-hero { display: flex; align-items: center; background-repeat: no-repeat; background-size: cover; } /* Common Header Banner css END */ .slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); pointer-events: none;} video {width: 100%; border-radius: 10px; max-width: 100%; height: auto;} .video-frame { display: flex; justify-content: center; align-items: center; background: #fff; padding: 7px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); } /* Header CSS Start */ .logo { background: #ffffff9c; border-radius: 20px; } .top-bar-right i { color: #fff; } .top-bar .container { display: flex; justify-content: space-between; } .top-bar { background-color: #d96220; color: #ffffff; padding: 8px 0px 4px 0px; font-size: 14px; } .top-bar-left span { margin-right: 20px; } .top-bar-left i { margin-right: 5px; } .top-bar-left a { color: #fff; text-decoration: none;} .top-bar-right a { color: #333; margin-left: 15px; text-decoration: none; font-size: 16px; transition: color 0.3s ease; } .top-bar-right a:hover { color: #b47a28; } header { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 99; } header .logo a img { max-width: 100px; height: 85px} header nav { display: flex; justify-content: center; flex-grow: 1; } header nav ul { list-style: none; display: flex; gap: 15px; } header nav ul li { position: relative; list-style: none; } header nav ul li a {color: #fff; text-decoration: none; font-size: 14px; padding: 10px 6px; display: block; position: relative; font-weight: 500; } header nav ul li .dropdown-arrow { margin-left: 5px; font-size: 12px; transition: transform 0.3s ease; } header nav ul li:hover .dropdown-arrow { transform: rotate(180deg); } header nav ul li .submenu { display: none; position: absolute; top: 100%; left: 0; background-color: #fff; border: 1px solid #555; z-index: 10; } header nav ul li:hover .submenu { display: block; } header nav ul li .submenu li a { padding: 10px 15px; font-size: 14px; color: #000; } header nav ul li .submenu li a:hover { background-color: #fff;} .header-inner { position: absolute; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1280px; margin: auto; left: 0; right: 0; } header nav ul li .submenu { width: 270px; } .stick { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease;} .stick header nav ul { margin-top: 0px; margin-bottom: 0px;} .stick .header-inner { border-bottom: none; padding: 0px 30px; background: #ffffff; border-radius: 0px 0px 20px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .header-inner { border-bottom: 1px solid #ffffff29; padding: 14px 30px; } .sticky { position: sticky !important; top: 0px; left: 0; height: 82px; z-index: 999; animation: goDown 0.5s ease-in-out forwards; width: 100%; background: #88bdbc !important; } .sticky .header-inner { border-bottom: none; padding: 0px 20px; top: 0px; } .sticky-scroll { position: fixed; top: 92px; width: 100%; z-index: 9; } .sticky-scroll a { font-size: 16px; } .stick nav ul li a { color: #191919; } .just p { text-align: justify;} /* Header CSS END */ .transform-section { padding: 50px 20px; background: #f8f4f1; text-align: center; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);} .transform-section .container { max-width: 800px; margin: 0 auto;} .transform-section h3 { font-size: 1.6rem; font-weight: 600; margin-bottom: 10px; color: #333;} .transform-section p { font-size: 1rem; color: #555; margin-bottom: 25px; line-height: 1.6; text-align: center } .cta-links { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;} .cta-links .btn-link { display: inline-block; padding: 10px 18px; border: 2px solid #d96220; border-radius: 25px; color: #d96220; font-weight: 600; text-decoration: none; transition: all 0.3s ease;} .cta-links .btn-link:hover { background: #d96220; color: #fff;} .ycb-choose-us { background: #f8f4f1;} .ycb-left, .ycb-right{ background: #fff; padding: 35px;} .ycb-left { min-height: 339px;} .ycb-choose-us li { line-height: 1.8;} .off-cou2 { background: #f8f4f1;} .nm-steps { padding-left: 0px;} .banner { position: relative; width: 100%; overflow: hidden; } .banner-image { width: 100%; height: auto; display: block; } .banner-box { position: absolute; bottom: 0px; left: 15%; padding: 30px 25px; max-width: 500px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } .banner-box span { font-size: 30px; margin-bottom: 10px; font-weight: 800; color: #111; } .banner-box p { font-size: 1rem; color: #333; margin-bottom: 20px; margin-top: 12px; } .button-group { display: flex; gap: 10px; } .banner-btn { background-color: #d96220; color: #fff; text-decoration: none; padding: 12px 14px 8px 14px; font-weight: 600; border-radius: 5px; transition: background-color 0.3s ease;} .button-group .banner-btn:last-child { background: transparent; border: 1px solid #d96220; color: #191919; } .banner-btn:hover { background: #a0a0a0; } .button-group .banner-btn:last-child:hover { background: #d96220; color: #fff; } .stick .menu-toggle span { background-color: #000; } .ycb-steps img { width: 100%; } #testimonials .theme-btn { display: block; } .testimonial-wrapper { position: relative; margin: 40px auto;overflow: hidden; } .testimonial-slider { display: flex; transition: transform 0.5s ease-in-out;} .review-cards { flex: 0 0 30%; box-sizing: border-box; padding: 20px; margin: 10px; background: #fff; border-radius: 10px; border: 1px solid #ddd; display: flex; flex-direction: column; justify-content: space-between;} .quote-icon { font-size: 2rem; color: #f88379; margin-bottom: 10px;} .review-text { font-size: 1rem; margin-bottom: 15px; color: #333;} .review-footer { display: flex; align-items: center; gap: 10px;} .review-footer img { width: 50px; height: 50px; border-radius: 50%;} .review-info strong { font-size: 1rem; display: block;} .review-info span { font-size: 0.9rem; color: #777;} .slider-controls { text-align: center; margin-top: 15px;} .slider-controls button { padding: 10px 20px; background: #f88379; color: #fff; border: none; margin: 0 5px; font-size: 1.2rem; border-radius: 4px; cursor: pointer;} .slider-controls button:hover { background-color: #a0a0a0; } .nomar { margin-bottom: 10px !important; } .pnomar { margin-bottom: 20px; } /* Featured Image CSS Start */ .hero { min-height: 400px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed !important; } .hero-content, .hero-content p { color: #fff; } .hero-content { color: #fff; display: flex; flex-direction: column; align-items: center; padding-top: 5rem; } .hero-content .buttons { margin-top: 20px; } .hero-content p { color: #fff; font-size: 18px; margin-top: 0; text-align: center; } .hero-content h1 { font-size: 34px; margin-bottom: 10px; max-width: 80%; text-align: center; } .buttons { display: flex; gap: 30px; margin-top: 24px; } .buttons .btn { background: #fff; padding: 10px 20px; font-weight: 600; color: #000; text-decoration: none; } .btn.secondary { background: #f88379; color: #fff; } /* Featured Image CSS END */ /* Slider CSS Start */ .banner { background: #f7f3ec; padding: 0; } /* Slider CSS END */ .acc-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;} .acc-tab { padding: 15px 20px; border: none; background: #f0f0f0; cursor: pointer; font-size: 16px; border-radius: 6px; transition: background 0.3s;} .acc-tab.active {background: #d96220; color: #fff; } .acc-content { display: none;} .acc-content.active { display: block;} .acc-item { border-bottom: 1px solid #ddd;} .acc-question { width: 100%; text-align: left; padding: 15px; font-size: 16px; border: none; background: #f7f7f7; cursor: pointer; position: relative;} .acc-question::after { content: ""; border: solid #333; border-width: 0 3px 3px 0; display: inline-block; padding: 4px; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; transition: transform 0.3s;} .acc-item.active .acc-question::after { transform: rotate(135deg); } .acc-answer { max-height: 0; overflow: hidden; padding: 0 15px; background: #fff; transition: max-height 0.3s ease, padding 0.3s ease;} .acc-item.active .acc-answer { padding: 15px; max-height: 200px; } /* Course & Retreat Section CSS Start */ #highlights { background: #f8f4f1; } #highlights .main-head { text-align: center; } .card-bg { background: #fff; max-width: 70%; margin: auto; padding: 0px 20px 40px 20px; margin-top: -30px; position: relative; transition: transform 0.4s ease, box-shadow 0.4s ease; } .card-bg img { max-width: 38px !important; margin-top: -1.8rem; margin-bottom: 20px; } .card-bg p { margin-bottom: 12px; padding: 10px 0px 10px 0px; } .card-bg h3 { margin-bottom: 0; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } #highlights .card { animation: fadeInUp 1s ease forwards; transition: transform 0.3s ease, box-shadow 0.3s ease; } #highlights .card:nth-child(1) { animation-delay: 0.2s; } #highlights .card:nth-child(2) { animation-delay: 0.4s; } #highlights .card:nth-child(3) { animation-delay: 0.6s; } .card-bg:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); } /* Course & Retreat Section CSS END */ .get-started-btn:hover { background: #a0a0a0; } .get-started-btn { background: #d96220; color: #fff; border-radius:4px; padding:10px 10px; text-decoration:none; transition: background 0.3s ease; font-size: 14px; } .mobile-get-started { display: none; } .menu-toggle { display: none; cursor: pointer; flex-direction: column; gap: 4px; } .menu-toggle span { width: 26px; height: 3px; background-color: #fff; padding: 0px 0px; margin: 1px 0px; } .close-icon { display: none; position: absolute; top: 20px; right: 20px; font-size: 30px; color: #ff6600; cursor: pointer; z-index: 20; } .mobile-menu-active #nav { display: block; } .mobile-menu-active #nav ul { flex-direction: column; width: 100%; text-align: center; } .mobile-menu-active .submenu { position: static; display: none; } .mobile-menu-active .submenu-active { display: block; } .highlight-cards { display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; } .card a { text-decoration: none; color: #fff; font-weight: 600; background: #d96220; padding: 8px 16px; border-radius: 6px; transition: background 0.3s ease; font-size: 14px; } .highlight-cards .card { flex: 1; text-align: center; } .card img, .post img { max-width: 100%; height: auto; max-height: 400px; width: 100%; object-fit: cover; border-radius: 6px; } .card a:hover { background: #d96220; } /* Upcoming Yoga Section CSS Start */ .course-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } .course-card { background: #fff; border: 1px solid #e0dcd1; border-radius: 8px; width: 23%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); overflow: hidden; transition: transform 0.3s ease; } .course-card:hover { transform: translateY(-5px); } .course-card img { width: 100%; height: 180px; object-fit: cover; } .course-card h3 { font-size: 16px; padding: 14px 14px 4px 14px; color: #2d2d2d; font-weight: 600; } .course-card ul { list-style: none; padding: 0 15px; margin: 0; font-size: 14px; color: #555; } .course-card ul li { margin-bottom: 6px; display: flex; justify-content: space-between; } .course-card ul li strong { color: #000; font-size: 14px; font-weight: 500; } .btn-group { display: flex; justify-content: space-between; padding: 15px; gap: 10px; } .mycard .card:hover { background: #fff; } /* Upcoming Yoga Section CSS END */ .btn-group .btn-details, .btn-group .btn-book { flex: 1; text-align: center; padding: 9px 0 6px 0; text-decoration: none; border-radius: 5px; font-weight: 500; font-size: 14px; transition: 0.3s ease; } .btn-group .btn-details { background: #fff; border: 2px solid #d96220; color: #d96220; } .btn-group .btn-details:hover { background: #d96220; color: #fff; } .btn-group .btn-book { background: #d96220; color: #fff; } .btn-group .btn-book:hover { background-color: #a0a0a0; } .why-choose-section { background: #f8f4f1; padding-bottom: 0px; } .choose-container { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; justify-content: space-between; } .choose-text { width: 49%; } .choose-image { width: 49%; } .choose-text h2 { font-size: 32px; margin-bottom: 20px; color: #222; } .choose-text p { font-size: 16px; color: #555; margin-bottom: 30px; line-height: 1.6; } .features-box { background-color: #de7f67; padding: 50px; border-radius: 6px; color: #fff; } .features-box ul { list-style: none; padding: 0; margin: 0; } .features-box li { font-size: 16px; margin-bottom: 16px; display: flex; align-items: center; border-bottom: 1px solid #ffffff30; padding-bottom: 16px; color: #fff; } .features-box li span { color: #fff; font-weight: bold; margin-right: 10px; font-size: 18px;} .choose-image img { width: 100%; border-radius: 6px; object-fit: cover; max-height: 500px; } .features-box li:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } /* Our journey Section CSS Start */ .journey .container { display: flex; justify-content: space-between; align-items: center; gap: 30px; } .journey .col-right { display: flex; align-items: center; position: relative; } .journey .col-right img:first-child { position: absolute; left: -22px; height: 110px; width: auto; } .journey .col-right img:last-child { border-radius: 200px; width: 100%; height: auto; display: block; max-width: 100%; object-fit: cover; } .col-mid .theme-btn { margin-top: 0rem; } @keyframes smoothUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .journey .col-left { background-image: url('https://mrityunjayyogpeeth.com/img/circle-dots.png'); background-size: contain; position: relative; } .yoga-icon { animation: smoothUpDown 2s ease-in-out infinite; } .journey .col-left,.journey .col-mid,.journey .col-right { width: 100%; } .circle-dots { position: absolute; left: 1rem; z-index: -1; width: 300px; animation: rotateDots 30s linear infinite; top: 0; } img.woman-img { width: 100%; height: auto; display: block; max-width: 100%; object-fit: cover; } @keyframes rotateDots { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Our journey Section CSS END */ /* Reviews Section CSS Start */ .testimonial-container { max-width: 600px; margin-bottom: 40px !important; text-align: center; position: relative; margin: auto; } .testimonial { display: none; border-radius: 12px; transition: opacity 0.3s ease; } .testimonial.active { display: block; } .testimonial strong { display: block; margin-top: 10px; font-weight: bold; color: #333; } .dots { display: flex; justify-content: center; margin-top: 15px; gap: 8px; } .dot { width: 12px; height: 12px; background-color: #bbb; border-radius: 50%; cursor: pointer; transition: background-cod-color 0.3s ease; } .dot.active { background-color: #555; } .reach-method h4 { background: #d96220; color: #fff; display: inline-block; padding: 6px 16px; border-radius: 4px; min-width: 76px; font-weight: bold; } /* Reviews Section CSS END */ /* Logos Section CSS Start */ #certifications { background: #f8f4f1; } #certifications h2 { text-align: center; } .logos { display: flex; justify-content: space-between; } /* Logos Section CSS END */ /* Instructors Section CSS Start */ .teacher-slider-wrapper { position: relative; overflow: hidden;} .teachers-container { display: flex; gap: 20px; transition: transform 0.5s ease; will-change: transform; } .teacher-card img { width: 100%; } .teacher-card h3 { margin-bottom: 10px; font-size: 16px; color: #d96220; } .teacher-card p { color: #666; font-size: 14px; margin: 0; } #instructors { padding-bottom: 30px; } /* Instructors Section CSS END */ /* Gallery Section CSS Start */ .home-gall { background: #f8f4f1; } #gallery { background: #f7f3ec; } .vox-1 { display: flex; flex-direction: column; justify-content: space-between; } .vox-3 { display: flex; flex-direction: column; justify-content: space-between; gap: 30px; } .home-gall .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .gal-img { width: 100%; height: auto; border-radius: 12px; object-fit: cover; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; } .gal-img:hover { transform: scale(1.03); } .vox-1, .vox-2, .vox-3, .vox-4 { display: flex; flex-direction: column; gap: 16px; } .vox-1 img { width: 100%; object-fit: cover; } .vox-3 .img-btm { display: flex; gap: 16px; } .home-gall img { width: 100%; } .home-gall .container { display: flex; justify-content: space-between; gap: 30px; } .img-btm { display: flex; justify-content: space-between; gap: 30px; } .vox-3 { overflow: hidden; display: block; max-width: 100%; } .vox-3 { display: flex; flex-direction: column; gap: 16px; max-width: 100%; } .img-top img,.img-btm img { width: 100%; height: auto; border-radius: 10px; object-fit: cover; transition: transform 0.3s ease; } .img-top { width: 100%; } .img-btm { display: flex; gap: 16px; } /* Gallery Section CSS END */ .choose-grid { position: relative; padding: 60px 20px; background: linear-gradient(135deg, #e27d60, #85dcb); border-radius: 12px; overflow: hidden;} .choose-grid .row { display: flex; gap: 20px; transition: transform 0.4s ease-in-out; will-change: transform; flex-wrap: unset; justify-content: unset; } .choose-grid .col-md-4 { flex: 0 0 calc(33.333% - 20px); background: #fff; border-radius: 20px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease;} .choose-grid .col-md-4:hover { transform: translateY(-10px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);} .ch-img img { width: 100%; height: 270px; object-fit: cover; border-top-left-radius: 20px; border-top-right-radius: 20px; transition: transform 0.4s ease; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .ch-cont { padding: 25px 20px; text-align: center;} .ch-cont h3 { font-size: 18px; margin-bottom: 10px; color: #d96220; font-weight: 600; } .ch-cont p { color: #555; line-height: 1.6; font-size: 14px; } .slid-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.8); border: none; padding: 6px 15px; border-radius: 50%; cursor: pointer; font-size: 24px; color: #333; z-index: 10; transition: background 0.3s ease; font-weight: bold; } .slid-btn:hover { background: #fff; } .slid-btn.prevs { left: 10px;} .slid-btn.nexts { right: 10px; } /* Blog Section CSS Start */ .blog-section { text-align: center; background-color: #fff; } .blog-section .blog-grid { padding-top: 30px; } .blog-title { font-size: 28px; font-weight: 600; color: #222; } .blog-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; } .blog-card { background-color: #f8f8f8; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s; width: 31%; position: relative; max-height: 540px; } .blog-card:hover { transform: translateY(-5px); } .blog-image { position: relative; } .blog-image img { width: 100%; display: block; border-top-left-radius: 12px; border-top-right-radius: 12px; } .blog-date { position: absolute; top: 10px; left: 10px; background-color: #222; color: #fff; font-size: 13px; padding: 4px 10px; border-radius: 4px; } .blog-content { background: #ffffff; padding: 20px 16px; position: absolute; bottom: 30px; width: 80%; border-radius: 10px; left: 0; right: 0; margin: auto; border: 1px solid #b3a8a8; } .blog-content p { font-size: 15px; color: #333; margin-bottom: 12px; line-height: 1.4; } .blog-link { font-weight: 600; color: #d96220; text-decoration: none; font-size: 14px; } .blog-link:hover { text-decoration: underline; } .blog-button-wrapper { margin-top: 50px; } .blog-button:hover { background-color: #c15620; } .blog-button { background-color: #d96220; color: #fff; padding: 12px 30px; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 15px; transition: background 0.3s; } /* Blog Section CSS END */ .main-blog-img { margin-top: 15px;margin-bottom: 15px;} .blog-single-content p { padding: 5px;} .blog-single-content strong { color: #3c3c3c;} .sing-blog-table table { width: 100%; text-align: center; margin: 15px 0px;} .sing-blog-table td { color: #555;} .sing-blog-table th {color: #3c3c3c;} /* Yoga Retreat Packages Section CSS Start */ .retreat-meta .icon { max-height: 30px; width: 30px; } .retreat-meta { display: flex; align-items: center; justify-content: space-between; } .retreat-meta .price::before { background-image: url(''); } .price, .duration { display: flex; align-items: center; gap: 10px; } .retreat-packages { background: #f8f4f1; text-align: center; } .retreat-slider-wrapper { position: relative; overflow: hidden; width: 100%; margin: 40px 0; } .retreat-slider { overflow: hidden; padding: 30px; } #retreatSliderRow { display: flex; transition: transform 0.5s ease-in-out; gap: 20px; } .retreat-card { min-width: 32%; flex-shrink: 0; height: 400px; perspective: 1000px; } .card-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.8s; } .retreat-card:hover .card-inner { transform: rotateY(180deg); } .card-front, .card-back { position: absolute; backface-visibility: hidden; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; } .card-front { background: #fff; text-align: center; } .card-front img { width: 100%; height: 82%; object-fit: cover; } .card-front h3 { margin: 10px; font-size: 18px; font-weight: 500; } .card-back { background: #fff; transform: rotateY(180deg); padding: 20px; text-align: center; } .card-back .table-container { margin-top: 12px; } .retreat-button { display: inline-block; padding: 10px 20px; background: #e27d60; color: #fff; text-decoration: none; border-radius: 5px; margin-top: 40px; } #testimonials { padding-top: 0px; } #certifications .main-head { padding-bottom: 20px; } #testimonials .slider-controls { display: none; } /* Yoga Retreat Packages Section CSS END */ /* Map Section CSS Start */ .section-title { color: #333; } .reach-container { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; } .map-box { flex: 1 1 50%; min-height: 400px; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 16px rgba(0,0,0,0.08); } .info-box { flex: 1 1 45%; } .info-box h2 { font-size: 28px; margin-bottom: 25px; color: #d96220; } .reach-method { display: flex; align-items: flex-start; margin-bottom: 20px; } .reach-method .icon { font-size: 26px; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 15px; flex-shrink: 0; background: #d96220; } .reach-method h4 { margin: 0 0 5px; font-size: 16px;} .reach-method p { margin: 0; color: #666; font-size: 14px; } .map-box iframe { min-height: 480px; } /* Map Section CSS END */ /* FAQ Section CSS Start */ .faq-container { display: flex; gap: 30px; justify-content: space-between; align-items: center; } .faq { margin: 2rem 0; } #faqs h2 { color: #d96220; } .faq-question { background: #a0a0a0; padding: 5px 20px; cursor: pointer; position: relative; font-weight: bold; color: #fff; display: flex; justify-content: space-between; align-items: center; border-radius: 10px 10px 0px 0px; } .faq-answer { padding: 15px 20px; display: none; background: #ffffff; color: #333; border-radius: 0px 0px 10px 10px ; line-height: 1.6; font-size: 14px; } .faq.active .faq-answer { display: block; } .faq .icon { font-size: 20px; margin-left: 10px; } .faq-contact-box { position: absolute; bottom: 20px; left: 0px; background: #fff; border-radius: 12px; padding: 12px 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); display: flex; align-items: center; gap: 12px; font-family: "Poppins", sans-serif; } @keyframes smoothLeftRight { 0% { transform: translateX(0); } 50% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .faq-contact-box { animation: smoothLeftRight 2s ease-in-out infinite; } .faq-right { position: relative; width: 100%; } .faq-left { width: 100%; } .faq-contact-number { color: #00b0c8; font-size: 26px; font-family: "Poppins", sans-serif; font-weight: 800; letter-spacing: 0.2px; } .faq-contact-label { font-family: "Poppins", sans-serif; color: #191919; font-size: 18px; } .faq-image { width: 100%; height: auto; display: block; max-width: 100%; object-fit: cover; max-height: 600px; border-radius: 20px; } /* FAQ Section CSS END */ /* Apply Fom CSS Start */ .apply-fom { padding: 60px 0; font-family: "Poppins", sans-serif; } .row { display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; } .col-md-4 { width: 31%;} .col-md-6 { width: 48%;} .col-md-12 { width: 100%;} .col-12.text-left br { display: none; } .form-input label { display: block; margin-bottom: 8px; font-weight: 600; color: #00b0c8; } .form-input input, .form-input select, .form-input textarea { width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; background-color: #fdfdfd; transition: border-color 0.3s;box-sizing: border-box;} .form-input input:focus,.form-input select:focus, .form-input textarea:focus { border-color: #d16534; outline: none; } textarea { resize: vertical; } form .row { gap: 20px; } .submit-btn { background-color: #d96220; color: #fff; padding: 14px 30px 12px 30px; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; text-transform: uppercase; transition: background-color 0.3s; margin-top: 20px; } .submit-btn:hover { background-color: #c15620; } .apply-fom form { padding-top: 40px; } /* Apply Fom CSS end */ /* About Page CSS Start */ .flex { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .col-left { width: 100%; } .col-right { width: 100%;} .about-1 img { width: 100%; object-fit: cover; } .about-2 { background: #f7f3ec; padding-bottom: 0; } .about-2 p { text-align: center; } .meet-founder .col-left { display: flex; justify-content: space-between; gap: 30px; } .img-2 {display: flex; flex-direction: column; gap: 30px; } .meet-founder .theme-btn { margin-top: 30px; } .meet-founder img { border-radius: 6px; border: 2px solid #f8837952; width: 100%; overflow: auto; object-fit: cover; min-height: 200px; max-height: 436px; } .our-phil img {border-radius: 20px; width: 100%; object-fit: cover; } .abt .teacher-card { flex: 1 1 22%; max-width: 22%; } .instructors.abt { padding-top: 0; } .abt .teachers-container { padding-top: 30px; } .instructors.abt .theme-btn { margin-top: 40px; } .fac li { list-style: disc; margin-left: 18px; line-height: 2.1; } .our-fac img { width: 100%; max-height: 520px; object-fit: cover; } .our-phil h2, .our-fac h2 { margin-bottom: 10px; } .our-phil { background: #f8f4f1; } .life-at .col-btm { margin-top: 40px; } .life-at img { width: 100%; object-fit: cover; object-position: top; border-radius: 20px; } .our-fac { background: #f8f4f1; padding-top: 0; } .abt2s .container.con-3 { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; align-items: flex-start; } .abt2s .abt-left, .abt2s .abt-cenr,.abt2s .abt-rgt { flex: 1 1 30%; min-width: 280px; } .abt2s .main-head { font-size: 28px; margin-bottom: 20px; color: #444; position: relative; } .abt2s .main-head::after { content: ''; display: block; width: 60px; height: 3px; background-color: #e76f51; margin-top: 8px; } .abt2s p { line-height: 1.7; font-size: 16px; color: #555; margin-bottom: 15px; } .abt2s strong { display: block; margin-top: 18px; font-size: 16px; color: #444; } .abt2s .abt-cenr img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); display: block; margin: 0 auto; } .meet-founder .theme-btn { justify-content: flex-start;} .ac-cer { padding-top: 0; } .ac-cer .main { width: 100%; max-width: 800px; margin: 20px auto; border-collapse: collapse; font-size: 16px; } .ac-cer .main th { background-color: #f2f2f2; text-align: left; padding: 10px; } .ac-cer .main td { padding: 10px; vertical-align: top; } .ac-cer img { width: 100%; max-height: 500px; object-fit: cover; border-radius: 20px; } .ac-cer .col-btm { padding: 30px 0px; } .med-section { background: #f8f4f1; } .abt-cenr { margin: auto;} .abt2s { background: #f8f4f1; padding: 60px 0px; } .con-3 { display: flex; justify-content: space-between; gap: 30px; } .abt-left { width: 33%; } .abt-cenr { width: 33%; } .abt-rgt { width: 33%; } .revw-sec { background: #f7f3ec; } .revw-sec { padding: 60px 0; background: #f8f4f1; } .revw-sec .rating-container { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .revw-sec .stars { font-size: 24px; color: #ffb703; } .revw-sec .rating-text { font-size: 20px; font-weight: bold; color: #222; } .revw-sec .review-count { color: #777; font-size: 14px; margin-bottom: 20px; } .revw-sec .intro-text { font-size: 16px; color: #555; margin-bottom: 20px; } .revw-sec .theme-btn a { display: inline-block; background: #e76f51; color: #fff; padding: 10px 20px; border-radius: 25px; font-weight: 600; text-decoration: none; transition: 0.3s ease; } .revw-sec .theme-btn a:hover { background: #d65a3a; } .revw-sec .testimonials-carousel { position: relative; overflow: hidden; padding: 20px 10px; background: #fff; border-radius: 16px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .revw-sec .row { display: flex; align-items: center; margin-top: 30px; } .revw-sec .testimonials-container { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; padding-bottom: 10px; } .revw-sec .testimonial-card { background: #ffffff; padding: 20px; border-radius: 12px; text-align: center; } .revw-sec .student-avatar { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 15px; object-fit: cover; } .revw-sec .testimonial-text { font-size: 14px; color: #555; margin-bottom: 10px; min-height: 60px; } .revw-sec .student-name { font-weight: bold; color: #333; margin-bottom: 2px; } .revw-sec .student-country { font-size: 13px; color: #888; } .revw-sec .carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: #e0e0e0; color: #333; border: none; padding: 10px 15px; border-radius: 50%; cursor: pointer; z-index: 2; transition: background 0.3s; } .revw-sec .carousel-arrow:hover { background: #ccc; } .revw-sec .carousel-arrow.prev { left: -10px; } .revw-sec .carousel-arrow.next { right: -10px; } .revw-sec .carousel-nav { text-align: center; margin-top: 15px; } .revw-sec .carousel-dot { display: inline-block; height: 10px; width: 10px; margin: 0 5px; background-color: #ccc; border-radius: 50%; transition: 0.3s; } .revw-sec .carousel-dot.active, .revw-sec .carousel-dot:hover { background-color: #e76f51; } .rating-container { display: flex;align-items: center; gap: 10px; margin-bottom: 20px;} .stars { color: #ffc107; font-size: 1.5rem } .rating-text {font-size: 1.2rem; font-weight: 600;} .review-count { color: #000; font-size: 1rem; margin-top: 5px; font-weight: bold; margin-bottom: 14px; } .intro-text { max-width: 700px; margin: 0 auto 30px; font-size: 1.1rem;color: #555; } .view-all-btn { background: var(--primary);color: #fff;border: none; padding: 12px 30px; border-radius: 50px;font-size: 1rem;font-weight: 600;cursor: pointer; transition: all 0.3s ease; margin-bottom: 50px;box-shadow: var(--shadow);} .view-all-btn:hover{background:var(--secondary);transform:translateY(-3px)} .testimonials-carousel{position:relative;padding:0 50px} .testimonials-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:20px 0;gap:30px;scrollbar-width:none} .testimonials-container::-webkit-scrollbar{display:none} .testimonial-card{min-width:100%;flex:0 0 calc(33.333%-20px);background:var(--#fff);padding:30px;border-radius:15px;box-shadow:var(--shadow);scroll-snap-align:start;transition:transform 0.3s ease} .carousel-arrow.prev, .carousel-arrow.next { display: none;} .student-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 15px;border:3px solid var(--secondary)} .testimonial-text{font-style:italic;margin-bottom:20px;position:relative} .testimonial-text:before,.testimonial-text:after{content:'"';font-size:2rem;color:var(--secondary);opacity:0.3;position:absolute} .testimonial-text:before{top:-15px;left:-10px} .testimonial-text:after{top:-15px;right:-10px} .student-name{font-weight:700;margin-bottom:5px} .student-country{color:#666;font-size:0.9rem} .carousel-nav{display:flex;justify-content:center;margin-top:30px;gap:10px} .carousel-dot{width:12px;height:12px;border-radius:50%;background:#ddd;cursor:pointer;transition:all 0.3s ease} .carousel-dot.active{background:var(--primary);transform:scale(1.2)} .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);z-index:1;border:none;font-size:1.2rem;color:var(--primary)} .carousel-arrow.prev{left:0}.carousel-arrow.next{right:0} /* About Page CSS END */ /* Founder Page CSS Start */ .meet-founder .col-btm { margin-top: 30px; } .mess-founder { background: #f8f4f1; } .timeline { position: relative; padding: 60px 0; background: #f8f4f1; } .timeline-container { position: relative; margin-top: 50px; } .timeline-container::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 3px; height: 100%; background: #ccc; } /*.timeline-item { position: relative; width: 50%; padding: 20px 30px; box-sizing: border-box; } .timeline-item .content { background: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: relative; } */ .timeline-item.left { left: 0; text-align: right; } .timeline-item.right { left: 50%; text-align: left; } .timeline-item.left::before { right: -12px; } .timeline-item.right::before { left: -12px; } .timeline-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: bold; color: #333; } .timeline-item p { margin: 0; font-size: 14px; color: #555; } .found-mrit .container { display: flex; flex-direction: column; gap: 40px; } .found-mrit img { width: 100%; max-height: 300px; object-fit: cover; } .found-mrit .col-mid { display: flex; flex-direction: column; gap: 30px; } .teachings-section { margin-top: 30px; } .teachings-section h2 { margin-bottom: 0; } .teachings-list { margin-top: 0; } .col-btm .cnt { margin-top: 0; } .earl-founder img { width: 100%; max-height: 400px; object-fit: cover; border-radius: 6px;} .educ-founder img { width: 100%; object-fit: cover; max-height: 500px;border-radius: 6px; } .educ-founder { padding-top: 0; } .mess-founder img { width: 100%; max-height: 500px; object-fit: cover; border-radius: 6px;} p { margin-top: 0; } .main-headd { margin-bottom: 8px; font-weight: 700; margin-top: 14px; } .pers-bel { background: #f8f4f1; } .mission-vision-section { background: #f8f4f1; color: #2e2e2e; } .cont-ach .col-top { box-shadow: 0 4px 16px rgba(0,0,0,0.04); border-left: 4px solid #d96220; padding: 15px;} .mv-item { margin-bottom: 30px; } .mv-item h3 { font-size: 22px; margin-bottom: 10px; color: #d96220; } .mv-item p,.mv-note p { font-size: 16px; line-height: 1.8; color: #444; } .mv-note, .mv-item { margin-top: 30px; padding: 18px 22px; border-left: 4px solid #00b0c8; background: #fff; border-radius: 6px; } .yoga-styles, .teacher-sec, #faqs { background: #f8f4f1; } .timeline-container::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background-color: #f88379; transform: translateX(-50%); z-index: 1; } .timeline-item { position: relative; width: 50%; padding: 20px 40px; box-sizing: border-box; } .timeline-item.left { left: 0; text-align: right; } .timeline-item.right { left: 56%; text-align: left; } .timeline-item.left::before, .timeline-item.right::before { content: ""; position: absolute; top: 50%; width: 16px; height: 16px; background-color: #f88379; border: 3px solid #fff; border-radius: 50%; z-index: 9; } .timeline-item.left::before { right: -75px; } .timeline-item.right::before { left: -90px; } /* Founder Page CSS END */ /* Gallery Page CSS end */ .gallery{ min-height: 100vh; background:#fff; padding-bottom: 60px; } .gallery .controls{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style: none;} .gallery .controls .buttons { padding: 5px 20px; background: #f8f4f1; color: #666; font-size: 14px; line-height: 34px; cursor: pointer; margin: 10px 10px; text-align: center; text-transform: capitalize; border-radius: 6px; } .gallery .controls .buttons.active{ background: #d96220; color:#fff; } .gallery .image-container{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .gallery .image-container .image{ height:250px; width: 350px; overflow: hidden; border:15px solid #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin: 8px; } .gallery .image-container .image img { height: 100%; width:100%; object-fit: cover; } .gallery .image-container .image:hover img{transform: scale(1.4); } .image-container { display: flex; flex-wrap: wrap; gap: 10px; } .image { position: relative; overflow: hidden; display: block; flex: 1 1 calc(25% - 10px); /* 4 per row */ transition: transform 0.3s ease; } .image img, .image iframe { width: 100%; height: 100%; transition: transform 0.4s ease; display: block; } .image:hover img,.image:hover iframe { transform: scale(1.08);} .image:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } /* Gallery Page CSS end */ /* Yoga retreats page CSS Start */ .section-description { font-size: 18px; color: #444; text-align: center; line-height: 1.6; max-width: 800px; margin: 0 auto 40px; } .highlight-point strong { display: block; font-size: 20px; margin-bottom: 10px; color: #2b2b2b; } .highlight-point p { font-size: 16px; color: #555; line-height: 1.6; margin: 0; } .rishikesh-intro-section img { max-height: 400px; width: 100%; object-fit: cover; border-radius: 10px; } .yoga-retreat-section { background-color: #f7f3ec; } .retreat-heading { font-size: 28px; font-weight: 700; margin-bottom: 20px; text-align: center; color: #2a2a2a; } .retreat-subline { font-size: 16px; text-align: center; color: #555; margin: 0 auto 40px; line-height: 1.6; font-weight: bold; padding-top: 10px; } .retreat-features { display: flex; gap: 20px; text-align: center; flex-wrap: wrap; justify-content: space-between; } .feature-item { padding: 20px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; background-color: #fafafa; transition: background-color 0.3s ease; width: 28%; } .feature-item:hover { background-color: #f0f0f0; } .retreat-overview-section { background-color: #fff; } .overview-heading { font-size: 28px; text-align: center; font-weight: 700; margin-bottom: 30px; color: #222; } .overview-table { width: 100%; margin: 0 auto; border-collapse: collapse; font-size: 16px;margin-top: 30px; } .overview-table th, .overview-table td { border: 1px solid #ccc; padding: 14px 16px; text-align: left; } .overview-table thead { background-color: #f3f3f3; } .overview-table th { font-weight: 700; color: #333; } .overview-table td { color: #444; } .retreat-overview-section tbody { background: #fff; } .why-choose-container { margin: 0 auto; display: flex; flex-wrap: wrap; } .why-choose-image, .why-choose-content { box-sizing: border-box; } .why-box { padding: 20px; } .why-box h3 { font-weight: 700; margin-bottom: 15px; } .why-box ul { list-style: none; padding: 0; margin: 0; } .why-box ul li { margin-bottom: 10px; font-size: 16px; color: #444; } .why-choose-section img, .custom-retreat-section img { object-fit: cover; width: 100%; border-radius: 20px; } .custom-retreat-section .retreat-heading { text-align: left; } .custom-retreat-section .btn-group { padding: 0; margin-top: 20px; } .course-section { background: #f7f3ec; } .course-section .container { display: flex; flex-wrap: wrap; gap: 40px; margin: 0 auto; } .highlights, .schedule { width: 48%; box-sizing: border-box; } .highlights ul { list-style: none; padding: 0; margin: 0; } .highlights ul li { padding: 10px 0; font-size: 16px; color: #fff; border-bottom: 1px solid #ffffff26; } .schedule-table { display: flex; flex-direction: column; font-size: 15px; color: #444; } .schedule-table .row { display: flex; padding: 10px 0; border-bottom: 1px solid #eee; } .schedule-table .row.header { font-weight: 600; background: #f5f5f5; border-radius: 6px; padding: 12px 10px; } .schedule-table .cell { flex: 1; padding: 5px 10px; } .highlights { position: sticky; top: 100px; align-self: flex-start; background: #d96220; padding: 40px 30px; border-radius: 12px; } .highlights .section-title { color: #fff; } .benefits-wrapper { max-width: 1100px; margin: 0 auto; text-align: center; } .section-title { font-size: 28px; font-weight: bold; margin-bottom: 40px; color: #333; } .benefit-box { background: #f7f3ec; border-radius: 10px; padding: 25px 20px; margin-bottom: 30px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); text-align: left; width: 100%; box-sizing: border-box; } .benefit-box h3 { font-size: 20px; color: #c45c26; /* or your theme orange */ margin-bottom: 15px; } .benefit-box ul { list-style: disc; margin: 0; } .benefit-box ul li { font-size: 15px; color: #555; margin-bottom: 8px; } .all-boxs { display: flex; justify-content: space-between; gap: 40px; margin-top: 26px; } .section-title { font-size: 28px; font-weight: bold; color: #333; text-align: center; margin-bottom: 40px; } .style-block { background: #fff; padding: 20px 25px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); width: 30%; } .style-block h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #222; } .style-block p { font-size: 15px; color: #555; line-height: 1.6; } .style-blks { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; padding-top: 30px; } .four-image-grid { display: flex; justify-content: space-between; flex-direction: row; gap: 30px; flex-wrap: wrap; margin: 60px 0px; } .four-image-grid img { width: 22%; max-height: 200px; object-fit: cover; border-radius: 20px; } .section-title { text-align: center; font-size: 26px; font-weight: bold; color: #333; margin-bottom: 40px; } .excursions-grid { display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; } .excursion-box {text-align: center; width: 30%; border-radius: 20px; background: #fff; border: 2px solid #f883791f; } .excursion-box img { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; } .excursion-box p { margin: 12px; font-size: 16px; color: #444; font-weight: 500; } .teachers-section { padding: 60px 0px; } .section-title { font-size: 28px; font-weight: bold; color: #333; margin-bottom: 10px; } .section-subtitle { font-size: 16px; color: #666; margin-bottom: 40px; } .teachers-grid { display: flex; gap: 30px; margin: 30px 0px; } .teachers-grid .teacher-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); text-align: center; width: 100%; max-width: 100%; } .teacher-card img { width: 100%; height: 290px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } .teacher-card p { font-size: 15px; color: #444; } .view-all-btn .btn {display: inline-block; background-color: #ea6d29; color: #fff; padding: 12px 30px; font-weight: 500; border-radius: 6px; text-decoration: none; transition: background 0.3s;} .view-all-btn .btn:hover { background-color: #d25d20; } .teachers-section .theme-btn { display: flex; justify-content: center; } .rive-raf .col-btm { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin-top: 30px; } .rive-raf .item { width: 30%; } .item img { max-width: 100%; height: auto; display: block; object-fit: cover; border-radius: 10px; max-height: 180px; width: 100%; } .rive-raf p { text-align: center; padding-top: 20px; } .satt-fod img, .acco-fac img { max-height: 270px; width: 100%; object-fit: cover; border-radius: 14px; } .satt-fod { padding-top: 0; } .teacher-grid { margin: 40px 0px; } .teacher-card { flex: 0 0 auto; width: 100%; max-width: 300px; } .transport-box { background: #f7f3ec; margin: 20px 0px; padding: 30px 20px; border-radius: 12px; border: 1px solid #00000014; } .reach-sec .col-top { margin-bottom: 30px; } .transport-box h4 { margin-bottom: 10px; } .cta-sec { padding: 40px 0; background-color: #f4f4f4; text-align: center; border: 1px solid #ccc; } .cta-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; } .theme-btn { display: flex; gap: 20px; flex-wrap: wrap; } .cta-btn { display: inline-block; font-weight: bold; min-width: 180px; text-align: center; transition: background 0.3s; } .cta-btn:hover { background-color: #555; } .cta-sec .theme-btn { margin-top: 20px; justify-content: center; } .yoga-retreat .conact-icons { display: flex; flex-direction: column; background: #f7f3ec; padding: 40px 20px; } .yoga-retreat .conact-icons li { background: none; height: fit-content; min-height: fit-content; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 20px; text-align: left; justify-content: flex-start; } .b-policy { list-style: none; padding: 20px; background: #f9f9f9;border-left: 5px solid #88bdbc;border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); margin: 0; margin-top: 20px; } .rishikesh-intro-section .main-head { margin-bottom: 0; } .rishikesh-intro-section .highlight-point { padding-top: 0; } .b-policy li { position: relative; padding-left: 35px; margin-bottom: 15px; line-height: 1.6; font-size: 16px; list-style:none;} .b-policy li::before { content: "\2713"; position: absolute; left: 0; top: 2px; font-size: 18px; color: #88bdbc; background: #e8f5e9; border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 22px; font-weight: bold;} .b-policy li:hover { background-color: #eefaf0; transition: 0.3s ease; border-radius: 5px; padding-left: 38px;} .highlight-point { padding-top: 40px; } .rive-raf .item p { font-weight: 600; } .acom-subhead { font-size: 20px; color: #3c3c3c; font-weight: 600; padding-bottom: 10px; } .amennities li { list-style: none; background: #f7f3ec; padding: 10px 20px 10px 38px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-size: 17px; color: #34495e; font-weight: 600; transition: all 0.3s ease-in-out; position: relative; } .amennities { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; } .acomd-img { display: flex; flex-wrap: wrap; gap: 20px; } .acomd-img img { width: 31%; } .acomd-img { display: flex; flex-wrap: wrap; gap: 30px; padding: 20px 0px; } .benefits-list li b { margin-bottom: 13px; } .diet-benefits .benefits-list { display: flex; gap: 26px; align-items: center; flex-wrap: wrap; justify-content: center; } .diet-benefits li { width: 31%; min-height: 170px; display: flex; flex-direction: column; justify-content: flex-start; } .custom-retreat-section { background-color: #f7f3ec; } .benefits-list li { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: flex-start; border-bottom: 2px solid #f88379; } section.rive-raf, .excursions-section { background: #f8f3ed; } section.teacher-sec { padding-top: 0; } .acco-fac { padding: 60px 0px; color: #333; } .acco-fac .acom-subhead { font-size: 20px; font-weight: 600; color: #444; margin-top: 40px; margin-bottom: 20px; position: relative; padding-left: 15px; border-left: 4px solid #d16535; } .acco-fac ul { margin-top: 20px; margin-bottom: 30px; } .dot-list li,.benefits-list li { font-size: 16px; position: relative; line-height: 1.6; } .amennities li::before { content: "🧘‍♂️"; position: absolute; left: 10px; top: 10px; font-size: 16px; } .diet-benefit { padding: 2rem; background-color: #f8f3ed; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); margin-bottom: 2rem; margin-top: 30px; } .dot-list { list-style: none; padding-left: 0; margin: 0; } .dot-list li { position: relative; padding-left: 1.5em; margin-bottom: 1em; font-size: 1rem; line-height: 1.6; color: #333; } .dot-list li::before { content: ''; position: absolute; top: 0.6em; left: 0; width: 8px; height: 8px; background-color: #df7e62; border-radius: 50%; } .benefits-list li { background: #f8f3ed; border-left: 4px solid #df7e62; padding: 15px 15px 10px 20px; margin-bottom: 15px; border-radius: 8px; } .benefits-list li b { display: block; color: #222; margin-bottom: 6px; font-size: 16.5px; } .acomd-img { display: flex; gap: 15px; margin: 30px 0px 0px 0px; flex-wrap: wrap; justify-content: space-between; } .acco-fac li { list-style: none; } .acomd-img img { width: 32%; object-fit: cover; border-radius: 10px; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06); transition: transform 0.3s ease; } .acomd-img img:hover { transform: scale(1.04); } .acco-fac li br { display: none; } .upcoming-steps { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; text-align: center; margin-bottom: 4rem; } .upcoming-steps .step { flex: 1; background: #f7f3ec; padding: 20px 20px; border-radius: 12px; position: relative; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); min-height: 128px; } .upcoming-steps .step:hover { background: #d16534; color: #fff; transform: translateY(-5px); } .upcoming-steps .step:hover p { color: #fff; } .upcoming-steps .step:hover .step-number { color: #fff; } .upcoming-steps .step-number { display: inline-block; background: #d16534; color: #fff; font-weight: bold; font-size: 18px; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; margin-bottom: 10px; } .upcoming-steps .step p { font-size: 14px; margin: 0; font-weight: 500; } .active-sec img { max-height: 200px; } .yoga-benefits .yoga-image { width: 30%; } .yoga-benefits { background: linear-gradient(to bottom, #ffffff, #f0f4f2); } .yoga-layout { display: flex; gap: 40px; margin: 0 auto; align-items: center; justify-content: space-between; } .yoga-image img { width: 100%; height: auto; border-radius: 20px; object-fit: cover; } .yoga-content { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); color: #2f2f2f; } .yoga-content h3 { font-size: 20px; margin-top: 30px; margin-bottom: 12px; position: relative; } .yoga-content ul { list-style: none; padding-left: 0; margin-bottom: 25px; } .yoga-content ul li { position: relative; padding-left: 24px; margin-bottom: 10px; line-height: 1.6; color: #444;padding-left: 5px; } .style-block:hover p { color: #fff;} .style-block:hover h3 { color: #fff;} .style-block:hover { background: #a0a0a0;} .retreat-overview-section .container { max-width: 900px; margin: 0 auto; } .overview-table { width: 100%; border-collapse: collapse; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .overview-table th, .overview-table td { text-align: left; padding: 16px 20px; border-bottom: 1px solid #ddd; } .overview-table th { background-color: #d96220; color: #fff; font-size: 18px; } .overview-table tr:nth-child(even) td { background-color: #f3f3f3; } .overview-table td { font-size: 16px; color: #34495e; } .why-choose-section img { max-height: 400px; } .why-choose-section .flex { padding-top: 50px; } .custom-retreat-section img { max-height: 450px; } /* Yoga-retreats CSS END */ /* 200 Hours Yoga CSS Start */ .course-timeline { background-color: #fefefe; padding: 60px 0px; color: #333; border-radius: 12px; } .course-timeline h3 { text-align: center; font-weight: 700; margin-bottom: 40px; position: relative; } .timeline-table { width: 100%; border-collapse: separate; border-spacing: 20px; } .timeline-table td { background-color: #f7f7f7; padding: 20px; border-radius: 10px; vertical-align: top; width: 50%; font-size: 16px; line-height: 1.6; } .timeline-table strong { display: block; font-size: 17px; color: #2c2c2c; margin-bottom: 6px; } .timeline-note { text-align: center; margin-top: 30px; font-size: 14px; color: #777; font-style: italic; } .hour-yoga .col-right .skill { min-height: 450px; } .hour-yoga img {max-height: 250px; width: 100%; object-fit: cover; border-radius: 12px; } .hour-yoga .col-full { margin-top: 40px; } .course-key { background: #f8f4f1; padding: 60px 0px; } .course-overview { padding: 60px 0 40px 0; background: #f8f4f1; } .course-overview h3 { margin-bottom: 25px;} .course-table { width: 100%; border-collapse: collapse; } .course-table td { border: 1px solid #ccc; padding: 12px 16px; vertical-align: top; } .course-table td:first-child { width: 50%; font-weight: 600; background-color: #f8f8f8; color: #333; } .course-table td:last-child { color: #555; } .course-timeline h3 { margin-bottom: 20px; text-align: center; } .timeline-table { width: 100%; border-collapse: collapse; margin-bottom: 15px; } .timeline-table td { border: 1px solid #ccc; padding: 12px 16px; vertical-align: top; width: 50%; } .timeline-table strong { display: block; margin-bottom: 6px; color: #333; } .timeline-note { border: 1px solid #ccc; padding: 12px 16px; font-style: italic; color: #666; background-color: #f9f9f9; border-radius: 4px; } .course-timeline { padding: 40px 0px 60px 0px; } .timeline-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .timeline-table td { width: 50%; padding: 20px; vertical-align: top; background: #ffffff; border-radius: 12px; border: 1px solid #f0f0f0; position: relative; font-size: 16px; line-height: 1.6; box-shadow: 0 3px 8px rgba(0,0,0,0.05); } .timeline-table td::before { content: "📍"; font-size: 20px; margin-right: 8px; color: #d16535; position: absolute; top: 20px; left: 20px; } .timeline-table td > * { padding-left: 28px; display: block; } .timeline-note { text-align: center; font-style: italic; font-size: 15px; color: #555; padding-top: 10px; } .curriculum-schedule { padding: 60px 0px; } .columns { display: flex; flex-wrap: wrap; gap: 20px; } .curriculum, .schedule { flex: 1; min-width: 300px; border: 1px solid #ccc; border-radius: 8px; padding: 20px; background-color: #fff; } .curriculum h4, .schedule h4 { margin-bottom: 15px; font-size: 18px; color: #2c3e50; } .note { background-color: #e74c3c; color: #fff; padding: 10px; margin-bottom: 15px; border-radius: 4px; font-size: 14px; } .schedule-table { width: 100%; border-collapse: collapse; } .schedule-table th, .schedule-table td { border: 1px solid #ccc; padding: 10px 12px; text-align: left; } .schedule-table th { background-color: #f0f0f0; color: #333; } .course-key { padding: 60px 20px; color: #333; } .course-key p { font-size: 14px; line-height: 1.8; color: #444; margin-bottom: 20px; text-align: center; } .course-key b { font-weight: 600; color: #222; } .course-key ul { list-style: none; padding-left: 0; margin: 20px 0; } .course-key ul li { background-color: #fff; border-left: 5px solid #00b0c8; padding: 15px 20px; margin-bottom: 15px; border-radius: 8px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.03); font-size: 14px; line-height: 1.6; list-style: none; } .course-key ul li b { color: #1a1a1a; } .accordion .card {border: none; border-top: 1px solid #ccc; } .accordion .card:first-child {border-top: none; } .accordion .card-header { background-color: #f7f7f7; cursor: pointer; padding: 14px 15px; } .accordion .card-header h2 {margin: 0; font-size: 16px;} .accordion .btn-link { color: #3c3c3c; font-weight: 600; text-align: left; width: 100%; background: none; border: none; padding: 0;font-size: 16px; } .accordion .btn-link:focus { outline: none; text-decoration: none;} .accordion .btn-link[aria-expanded="true"]::after { content: "▲"; float: right; } .accordion .btn-link[aria-expanded="false"]::after { content: "▼"; float: right;} .card-body { padding: 15px 20px; border-top: 1px solid #eee; background-color: #fff;} .card-body ul { padding-left: 20px; margin: 0; } .card-body li { margin: 5px 0; } .schedule .schedule-table{display: block;} .schedule .schedule-table td { font-size: 14px; padding: 10px 20px;} .schedule .schedule-table th { width: 42%; padding: 10px 20px; } .con-inqury .contact-item img { object-fit: none; } .curriculum-schedule { background-color: #fffefb; padding: 60px 20px; color: #333; } .curriculum-schedule .columns { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; } .curriculum,.schedule { flex: 1 1 45%; min-width: 300px; } .curriculum h4, .schedule h4 { margin-bottom: 20px; position: relative; } .curriculum h4::after,.schedule h4::after { content: ''; display: block; width: 50px; height: 3px; background-color: #d96220; margin-top: 8px; border-radius: 2px; } .accordion .card { margin-bottom: 15px; border-radius: 8px; overflow: hidden; border: 1px solid #eee; background: #f9f9f9; } .card-header { background-color: #f2f2f2; padding: 15px 20px; } .card-header h2 { margin: 0; } .card-header .btn { background: none; border: none; font-size: 16px; font-weight: 600; color: #333; text-align: left; width: 100%; cursor: pointer; transition: color 0.3s; } .card-header .btn:hover { color: #d6602d; } .card-body { padding: 15px 20px; background-color: #fff; display: none; } .card-body ul { padding-left: 20px; margin: 0; } .card-body ul li { margin-bottom: 10px; font-size: 15px; color: #444; } .schedule-table { width: 100%; border-collapse: collapse; font-size: 15px; border-radius: 8px; overflow: hidden; } .schedule-table th { background-color: #d6602d; color: #fff; text-align: left; padding: 12px 16px; } .schedule-table td { padding: 15px 16px; border-bottom: 1px solid #eee; color: #444; } /*.mycard { display: flex; justify-content: space-between; gap: 30px;}*/ .swiper {padding-bottom: 60px !important;} .swiper-pagination-bullet-active { background-color: #d16535 !important; } .swiper-wrapper { z-index: unset !important; } .mb-head { font-weight: 700; font-size: 18px;} .batch-section { padding: 60px 0px; } .batch-section h3 { text-align: center; margin-bottom: 30px; font-size: 22px; color: #1e1e1e; } /*.batch-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 40px; }*/ .batch-box { flex: 1; min-width: 300px; border: 1px solid #ddd; border-radius: 6px; padding: 15px; background-color: #fdfdfd; } .batch-box h4 { text-align: center; margin-bottom: 15px; font-size: 18px; color: #333; } .batch-table { width: 100%; border-collapse: collapse; font-size: 14px; } .batch-table thead th { background-color: #f3f3f3; color: #444; padding: 10px; border: 1px solid #ccc; text-align: left; } .batch-table td { padding: 10px; border: 1px solid #ccc; text-align: left; vertical-align: middle; } .batch-table s { color: #aaa; font-size: 13px; margin-left: 5px; } .batch-table a { color: #d35400; text-decoration: none; font-weight: bold; } .batch-table a:hover { text-decoration: underline; } .batch-note { margin-top: 20px; padding: 12px; font-size: 14px; background-color: #f9f9f9; border-left: 4px solid #e67e22; color: #444; } .yogi-sections { background: #f8f4f1; } .yogi-box { margin-bottom: 40px; align-items: center; } .why-choo { padding: 60px 0px; } .why-choo img { max-height: 500px; } .yogi-content { min-width: 280px; padding: 40px 30px; border: 1px solid #ccc; border-radius: 20px; background-color: #fdfdfd; } .yogi-content h4 { margin-bottom: 10px; color: #2c3e50; } .yogi-content p { margin-bottom: 15px; color: #555; } .yogi-content .btn { display: inline-block; padding: 10px 16px; background-color: #d96220; color: #fff; text-decoration: none; border-radius: 4px; font-size: 14px; } .yogi-content .btn:hover { background-color: #f88379; } .yogi-gallery { min-width: 280px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between; } .yogi-gallery img { width: 100%; height: auto; border-radius: 4px; object-fit: cover; border: 1px solid #ccc; } .yogi-gallery img { max-height: 265px; border-radius: 12px; width: 48%; } .yogi-box { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 20px; } .yogi-box .yogi-gallery, .yogi-box .yogi-content { width: 48%; box-sizing: border-box; } .cerfimg.left { width: 48%; } .why-choo img { max-height: 450px; width: 100%; object-fit: cover; border-radius: 12px; } .yoga-train-page { background: #fff; } .yoga-train-page .main-head { margin-bottom: 20px; } .con-inqury { padding: 60px 0px; } .con-inqury .col-left, .con-inqury .col-right { flex: 1 1 50%; } .con-inqury .main-heading { margin-bottom: 30px; color: #222; font-weight: 600; } .contact-info { display: flex; flex-direction: column; gap: 25px; } .contact-item { display: flex; align-items: center; gap: 20px; } .icon-circle { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .icon-circle img { width: 30px; height: 30px; object-fit: contain; } .contact-details p { margin: 0; color: #666; font-size: 14px; } .contact-details strong { display: block; color: #000; font-size: 16px; margin-top: 4px; } .contact-details a { text-decoration: none; color: #000; transition: color 0.3s ease; } .contact-details a:hover { color: #007BFF; } .conact-icons .col-right img { width: 100%; border-radius: 20px; } .con-inqury img { max-height: 450px; object-fit: cover; width: 100%; } .con-actions { padding: 60px 0px; text-align: center; } .con-actions .main-heading.cnt { font-size: 28px; color: #222; margin-bottom: 40px; font-weight: 600; line-height: 1.4; } .action-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .call-act { flex: 1 1 auto; max-width: 280px; } .call-act .btn { display: block; padding: 14px 25px; background: #d96220; color: #fff; text-decoration: none; font-size: 16px; border-radius: 8px; font-weight: 500; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.1); text-align: center; } .call-act .btn:hover { background-color: #bf5828; transform: translateY(-2px); } .mrgn { margin-top: 40px; } /*.mycard { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; justify-content: space-between; }*/ .mycard .card { background-color: #f7f7f7; border-radius: 10px; padding: 20px; box-sizing: border-box; width: 48%; display: flex;align-items: center; gap: 30px; } .mycard .mycard-cnt { width: 60%;} .mycard .mycardimg { width: 40%;} .mycard-cnt .mb-head { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #333; } .mycard-cnt p { font-size: 15px; line-height: 1.6; color: #555; margin: 0; } .active-sec { padding: 60px 0px; background: #f8f4f1; } .hour-yoga .video-card { background: transparent; box-shadow: none;} .hour-yoga .video-card iframe { border: 3px solid #d16535;} .come-sec { background: #f7f3ec; padding: 60px 20px; color: #333; } .come-sec .main-heading { font-size: 28px; font-weight: 600; margin-bottom: 20px; color: #222; text-align: center; } .come-sec p { font-size: 16px; line-height: 1.7; margin-bottom: 16px; color: #555; } .come-sec b { display: block; font-size: 17px; margin: 20px 0 10px; color: #111; } .inst-yoga { padding: 60px 0px; background: #f8f4f1; } .inst-yoga .teacher-card { width: 23%; } /*.yoga-courses-image { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; margin: auto; margin: auto auto 12px; box-shadow: 0 0 5px 0 #ddd; padding: 5px; background-color: #fff; border: 1px solid #d16535;} .yoga-courses-name::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; background-color: #f88379; transform: skewX(-10deg); } .yoga-courses-name { position: relative; z-index: 9; font-weight: 800; color: #fff; display: inline-block; font-size: 16px; padding: 5px 23px; margin-bottom: 10px; text-transform: uppercase; width: 85%; } .yoga-courses-box { text-align: center;} .instagram-uesr { display: flex; justify-content: center; align-items: center;} .community-icon { width: 27px; height: 27px; object-fit: contain; margin-right: 5px;} .instagram-name { text-decoration: none; color: #f88379; font-weight: bold;} .skill-yoga .col-full { margin-top: 40px;} .skill-yoga { padding-top: 5px;}*/ .heading-line { position: relative; padding-bottom: 30px; margin-bottom: 40px; text-align: center;} .heading-line:before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 98px; height: 25px; background-image: url('../img/heading-line.png'); background-repeat: no-repeat; background-size: contain;} .hor-yog { background: #fff; padding-top: 40px;} .payment-refund-section { background: #fffc; padding: 60px 0px; color: #333; } .payment-refund-section .main-heading, .payment-refund-section .sub-heading { text-align: center; margin-bottom: 25px; position: relative; } .payment-refund-section .main-heading::after, .payment-refund-section .sub-heading::after { content: ''; display: block; width: 60px; height: 4px; background-color: #14532d; margin: 10px auto 0; border-radius: 2px; } .payment-refund-section p { margin-bottom: 18px; } .payment-refund-section .highlight-box { background-color: #e7f7ec; padding: 15px 20px; border-left: 5px solid #2e8b57; border-radius: 8px; font-size: 17px; font-weight: 600; color: #1a472a; margin: 25px 0; } .comnty-slide { display: flex; justify-content: space-between; gap: 30px; } .yoga-courses-box { width: 100%; display: flex; flex-direction: column; align-items: center; } .payment-refund-section .highlight-box.alt { background-color: #fff9e6; border-left-color: #e69f00; color: #7a4f01; } .payment-refund-section .section-divider { margin: 00px auto 10px; border: 0; height: 1px; background-color: #ddd; width: 80px; opacity: 0.6; margin-left: 0; } .payment-refund-section .faq-question{ background: #dceee1; color: #444; font-size: 16px; padding: 8px 20px; } .mycardyoga { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 40px; } .yoga-courses-image { width: 100%; } .card4 { background: #fff; border-radius: 8px; overflow: hidden; width: 23%; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; } .new4-sec { padding: 60px 0px; } .card4:hover { transform: translateY(-5px); } .ast-img img { width: 100%; object-fit: cover; } .ast-title { padding: 15px 10px; } .ast-head a { font-size: 14px; color: #333; margin: 0; font-weight: 600; text-decoration: none; display: flex; align-items: center; justify-content: space-between; } .ast-head i { color: #f88379; font-size: 18px;} .batch-section { background: #f8f4f1; padding: 60px 0px; color: #333; } .batch-section h3 { text-align: center; margin-bottom: 20px; } .batch-section .cnt { text-align: center; max-width: 900px; margin: 0 auto 40px; font-size: 16px; line-height: 1.8; color: #444; } /*.batch-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; } .batch-box { flex: 1 1 48%; background-color: #fdfdfd; border: 1px solid #eee; padding: 25px 20px; border-radius: 10px; }*/ .batch-box h4 { font-size: 22px; color: #1d1d1d; margin-bottom: 15px; border-left: 4px solid #d6602d; padding-left: 10px; } .batch-table { width: 100%; border-collapse: collapse; font-size: 15px; } .batch-table thead th { background-color: #a0a0a0; color: #fff; padding: 12px; text-align: left; font-weight: 600; } .batch-table tbody td { padding: 10px; background-color: #fff; border-bottom: 1px solid #eee; } .batch-table s { color: #d96220; font-size: 14px; margin-left: 6px; font-weight: bold; } .batch-table a { display: inline-block; padding: 6px 14px; background-color: #d96220; color: #fff; border-radius: 4px; text-decoration: none; font-size: 14px; transition: background 0.3s ease; } .batch-table a:hover { background-color: #f88379; } .batch-note { text-align: center; margin-top: 30px; font-size: 14px; font-style: italic; color: #777; } .batch-grid .tab-buttons { display: flex; margin-bottom: 15px; list-style: none; padding: 0; justify-content: center;} .batch-grid .tab-buttons li { padding: 10px 20px; cursor: pointer; background: #eee; margin-right: 5px; border-radius: 5px 5px 0 0; font-weight: bold; list-style: none; border: 1px solid #d96220; } .batch-grid .tab-buttons li.active { background: #d96220; color: #fff;} .batch-grid .tab-content { display: none;} .batch-grid .tab-content.active { display: block;} .course-bread { background-image: url(../img/200-hour-yoga-teacher-training.webp); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; } .course-bread .training-banner { display: flex; align-items: center; justify-content: space-between; padding-top: 10rem; } .course-bread, .course-bread .container { display: flex; align-items: center; } .training-banner { display: flex; flex-wrap: wrap; padding: 60px 0; color: #fff; position: relative; } .training-banner .col-7, .training-banner .col-5 { padding: 30px; box-sizing: border-box; } .training-banner .col-7 { flex: 0 0 58.3333%; z-index: 2; } .training-banner .col-5 { flex: 0 0 41.6666%; /* approx 5/12 */ position: relative; z-index: 1; } .training-banner .bread-content-wrap.bg { position: relative; z-index: 2; display: flex; flex-direction: column; } .training-banner .col-5::before { content: ""; position: absolute; inset: 0; background: #3b945e; z-index: 1; border-radius: 8px; } .training-banner .bread-content-wrap.bg > * { position: relative; z-index: 2; } .bread-content-wrap.bg { color: #fff; } .bread-content-wrap.bg .title { font-size: 18px; font-weight: bold; text-transform: uppercase; } .bread-content-wrap.bg .heading { font-size: 24px; font-weight: 700; margin: 10px 0 0px 0; } .bread-content-wrap.bg ul, .bread-content-wrap.bg .fee { margin-bottom: 20px; } .bread-btn a { display: inline-block; background: #ffffff; color: #000; padding: 10px 20px; text-decoration: none; border-radius: 30px; font-weight: 600; transition: all 0.3s ease; } .course-bread { position: relative; height: 100%; z-index: 1; } .course-bread::before { content: ''; position: absolute; inset: 0; background-color: rgb(0 0 0 / 28%); z-index: 2; } .course-bread > * { position: relative; z-index: 3; } .col-7 { padding: 40px; color: #fff; } .breadcrumb { margin-bottom: 30px; } .breadcrumb-subheading { display: block; font-size: 16px; font-weight: 500; color: #ffffff; margin-bottom: 10px; letter-spacing: 0.5px; } .breadcrumb-heading { display: block; font-size: 32px; font-weight: 700; line-height: 1.4; color: #fff; margin-bottom: 20px; } .breadcrumb-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; } .breadcrumb-item { font-size: 14px; color: #fff; list-style: none; } .breadcrumb-item a { color: #fff; text-decoration: none; transition: color 0.3s ease; font-weight: 800; } .breadcrumb-item a:hover { color: #fff; } .breadcrumb-item::after { content: "/"; margin: 0 4px; color: #ffffff; } .breadcrumb-item:last-child::after { content: ""; margin: 0; } .count-sec { list-style: none; padding: 0; margin: 30px 0 0; display: flex; flex-wrap: wrap; gap: 30px; } .count-sec li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; color: #fff; } .count-sec img { width: 30px; height: 30px; object-fit: contain; } .col-5 li { color: #f7f7f7; } .fee-box { max-width: 320px; background: #ffffff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 20px 24px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); margin-bottom: 20px; } .fee-title { font-size: 16px; font-weight: 600; color: #111827; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #eee; padding-bottom:6px; } .fee-option { display: flex; justify-content: space-between; align-items: center; margin: 10px 0; padding: 0; font-size: 14px; color: #374151; } .fee-option:not(:last-child) { border-bottom: 1px dashed #e5e7eb; } .room-type { font-weight: 500; } .price { font-weight: 900; color: #d96220; } #Course_nav ul { display: flex; overflow: hidden; border-radius: 0 0 30px 30px; background: #3b945e; margin: 0; padding: 12px 0px 6px 0px; } #Course_nav ul li { flex-grow: 1; border-right: 1px dotted #fff; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } #Course_nav a { display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.2s ease-in-out; color: #fff; padding: 5px; text-decoration: none; text-decoration: none; font-size: 16px; font-weight: 600; gap: 10px; } .bread-btn a { display: inline-block; padding: 12px 28px; background-color: #fff; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; border-radius: 10px; animation: pulseGlow 1.5s infinite; transition: transform 0.3s ease; border: 1px solid #fff; } .bread-btn a:hover { transform: scale(1.05); } @keyframes pulseGlow { 0% { box-shadow: 0 0 0px #00b0c8; } 50% { box-shadow: 0 0 18px #00b0c8; } 100% { box-shadow: 0 0 0px #00b0c8; } } .rishikesh-intro-section .highlight-point { display: flex; padding-top: 40px; } .highlight-point .b-policy { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .highlight-point .b-policy li { width: 48%; } .highlight-point.pnt2.flex { display: flex; flex-direction: row; padding-top: 40px; } .what-included { padding: 60px 0px 0px 0px; background: #f8f4f1; } .common-content-wrap { background: #ffffff; padding: 30px; border-radius: 14px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; min-height: 332px; } .common-content-wrap.red { background: #fff2f2; } .common-content-wrap:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); } .common-content-wrap.red .main-heading { border-color: #dc3545; } .main-heading i { color: #28a745; font-size: 22px; transition: transform 0.3s ease; margin-right: 10px; } .common-content-wrap.red .main-heading i { color: #dc3545; } .common-content-wrap:hover .main-heading i { transform: rotate(10deg) scale(1.1); } ul.list { padding-left: 0; margin: 0; list-style: none; } ul.list li { padding-left: 30px; margin-bottom: 14px; position: relative; font-size: 14px; color: #444; line-height: 1.6; } ul.list li::before { content: "✔"; position: absolute; left: 0; top: 2px; font-size: 16px; color: #28a745; } .common-content-wrap.red ul.list li::before { content: "✘"; color: #dc3545; } .what-included li { list-style: none; } .certi-yoga { padding: 60px 0; } .course-table { width: 100%; border-collapse: separate; border-spacing: 0 15px; margin-top: 30px; } .course-table tr { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); border-radius: 10px; overflow: hidden; background: #fff; } .course-table td { padding: 18px 24px; font-size: 15.8px; color: #333; vertical-align: middle; } .course-table tr td:first-child { background: #d16535; color: #ffffff; font-weight: 600; width: 35%; border-right: 1px solid #f0e3da; } .course-table tr td:last-child { background: #ffffff; } .course-table tr:hover { transform: translateY(-2px); transition: transform 0.2s ease; } .certi-yoga { background: #fffaf7; padding: 60px 0px; } .certi-yoga .container { display: flex; align-items: center; justify-content: center; gap: 40px; } .certi-yoga .cer-img img { width: 100%; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07); transition: transform 0.3s ease; } .certi-yoga .cer-img img:hover { transform: scale(1.03); } .certi-yoga .col-right .main-heading { font-size: 26px; color: #222; margin-bottom: 25px; font-weight: 600; border-left: 4px solid #d16535; padding-left: 14px; } .certi-yoga .col-right .flex { display: flex; flex-direction: column; } .certi-yoga .col-right .flex img { height: 210px; border-radius: 10px; border: 1px solid #ddd; background: #fff; padding: 8px; transition: transform 0.3s ease; object-fit: contain; width: 100%; } .certi-yoga .col-right .flex img:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } #CourseFee { padding-bottom: 60px; } .radius { border-radius: 20px; width: 100%; } .button-control { display: flex; justify-content: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; align-items: center; } .button-control .theme-btn { margin-top: 30px; } .course-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; width: 100%; box-sizing: border-box; } .spec-item { background: #ffffff; border-radius: 16px; padding: 20px 18px; min-height: 130px; display: flex; flex-direction: column; justify-content: center; position: relative; box-shadow: 0 4px 16px rgba(0,0,0,0.04); border-top: 2px solid #2d2d2d; transition: all 0.3s ease; } .spec-item:hover { background: #f9fefc; transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); } .label { font-size: 14px; color: #d96220; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; margin-bottom: 6px; } .value { font-size: 15px; color: #333; font-weight: 500; line-height: 1.4; } .timeline-section { display: flex; gap: 24px; box-sizing: border-box; flex-wrap: wrap; justify-content: space-between; } .timeline-item { display: flex; align-items: flex-start; background: #ffffff; border-left: 2px solid #a0a0a0; border-radius: 14px; padding: 18px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: transform 0.3s ease; width: 45%; } .timeline-item:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); } .timeline-item .icon { width: 40px; height: 40px; margin-right: 16px; flex-shrink: 0; margin-top: 2px; } .timeline-item .icon img { width: 100%; height: auto; display: block; } .timeline-item tent { font-size: 15px; color: #333; line-height: 1.5; } /* 200 Hours Yoga CSS END */ /* Sound Healing Page CSS Start */ #CourseAccommodation { padding-top: 4rem; } .heal-list-beniftes { display: flex; flex-wrap: wrap; gap: 1.2rem; list-style: none; padding: 0; margin: 2rem 0; align-items: center; } .heal-list-beniftes li::before { content: "✔"; position: absolute; left: 8px; color: #2e8b57; font-weight: bold; font-size: 18px; top: 50%; transform: translateY(-50%); } .heal-list-beniftes li { background: #f9f9f9; padding: 12px 40px; border-radius: 12px; font-size: 16px; color: #333; line-height: 1.5; position: relative; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; list-style: none; width: 48%; } /* Sound Healing Page CSS END */ /* continuing Education Page CSS Start */ .featurelist h3, .overview-card h3 { font-size: 18px; font-weight: 500; } /* Continuing Education Page CSS END */ /* blog Page CSS start*/ .blog-page .blog-container { display: flex; flex-wrap: wrap; gap: 44px; justify-content: space-between; } .blog-page .read-btn { background: #f88379; color: #fff; border-radius: 4px; padding: 10px 10px; text-decoration: none; } .blog-page .theme-btn { margin-top: 22px;} /* blog Page CSS end */ /* Footer CSS Start */ footer { background: #fff; padding: 4rem 0; border-top: 1px solid #e3e3e3; } footer .container { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; } footer li a { color: #555; text-decoration: none; font-size: 14px; } footer h4 { margin-top: 0; color: #d96220; font-family: "Poppins", sans-serif; } footer ul li { margin: 12px 0px; } .subfooter .container { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } .sublink ul { display: flex; gap: 16px; margin-bottom: 0; } .sublink li::after { content: "|"; margin-left: 10px; color: #fff;} .sublink ul li:last-child::after { content: ""; } .sublink ul a{ color: #f7f7f7; text-decoration: none; font-size: 14px; } .subcopy a { color: #ffffff; font-weight: 600; } /*ul.linkss li {list-style: disc;}*/ ul.linkss { padding-left: 18px;padding-left: 0px;} .linkss li::before { content: "\203A"; position: absolute; left: 0; color: #d96220; font-size: 16px;font-weight: bold;} .linkss li { list-style: none; position: relative; padding-left: 14px;} .foo-col-3 { width: 25%; } .foo-col-3:first-child { width: 28%; } .sublink li { list-style: none; } .subcopy { display: flex; align-items: center; } .subfooter { background: #c68642; padding: 20px 0px; } .subcopy p { color: #f7f7f7; } .foo-col-3:last-child { width: 12%; } .foo-col-3:first-child h4 { display: none; } /* Footer CSS END */ /* Contact Page CSS Start */ ul.conact-icons { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; } .cnt-2 .container { display: flex; gap: 30px; } .col-md-6 input { width: 100%; box-sizing: border-box; padding: 10px; } .form-container .col-md-6 { width: 47%; } .col-md-12 textarea { width: 100%; box-sizing: border-box; padding: 10px; min-height: 100px; } .form-container .row { display: flex; gap: 20px; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .conact-icons li { background: #f8f4f1; min-height: 180px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px 10px; border: 1px solid #ededed; } .form-container { background: #f8f4f1; padding: 50px 40px; border: 1px solid #ededed; } .cnt-2 { padding-top: 0; } .socail-icns { display: flex; gap: 20px; justify-content: space-between; } .form-container, .gmap { width: 100% !important; box-sizing: border-box; flex: 1 1 50%; } .conact-icons li b { color: #000000; padding: 10px 0px 4px 0px; } .conact-icons li a { color: #555; text-decoration: none; } .gmap iframe { width: 100% !important; } /* Contact Page CSS END */ /* Yoga Teacher Training Course Page CSS Start */ .why-choose-us { background: #f8f4f1; } .section-heading { text-align: center; margin-bottom: 40px;} .section-heading a { color: #d9534f; text-decoration: none; } .training-sec1 .col-right img { width: 100%; border-radius: 20px; } .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .feature-box { display: flex; border: 1px solid #ccc; padding: 15px; background-color: #f9f9f9; align-items: center; } .feature-image { width: 40%; background-color: #ddd; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #666; margin-right: 15px; } .feature-content { width: 60%; } .feature-content h4 { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .feature-content p { font-size: 14px; color: #444; margin: 0; } .feature-image { width: 40%; margin-right: 15px; } .feature-image img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 4px; } .yoga-benefits-section { background-color: #f7f3ec; } .yoga-benefits-section .container { max-width: 1200px; margin: 0 auto; } .section-title { font-size: 24px; font-weight: bold; margin-bottom: 14px; } .benefits-wrapper { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; } .benefits-image { flex: 1; min-width: 300px; } .benefits-image img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 4px; max-height: 300px; } .benefits-content { flex: 1; min-width: 300px; padding: 20px; background-color: #f9f9f9; } .benefits-content .intro-text { font-size: 16px; margin-bottom: 20px; font-weight: bold; line-height: 1.5; } .benefits-content .intro-text a { color: #d9534f; text-decoration: none; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { font-size: 15px; margin-bottom: 10px; position: relative; padding-left: 28px; line-height: 1.4; color: #333; list-style: none; } .checklist li span { font-size: 13px; color: #666; } ul.checklist { display: flex; flex-direction: column; gap: 20px; text-align: left; } .yoga-courses { background-color: #fff; } .course-container { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; padding-top: 20px; } .course-card { border: 1px solid #ccc; border-radius: 6px; overflow: hidden; background-color: #fff; display: flex; flex-direction: column; transition: box-shadow 0.3s ease; width: 100%; transition: background-color 0.3s ease, transform 0.3s ease; } .course-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); transition: background-color 0.3s ease, transform 0.3s ease; } .course-card img { width: 100%; height: 220px; object-fit: cover; } .course-card h3 { font-size: 18px; font-weight: bold; margin: 15px; text-align: center; } .course-info { list-style: none; padding: 0 20px; margin: 0; font-size: 14px; line-height: 1.6; color: #333; } .course-info li { margin-bottom: 6px;} .course-info strong { color: #000; } .buttons { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; } .btn-outline,.btn-primary { padding: 8px 12px; font-size: 14px; border-radius: 4px; text-decoration: none; text-align: center; flex: 1; transition: background 0.3s ease; } .btn-outline { border: 1px solid #d9534f; color: #d9534f; background-color: transparent; } .btn-outline:hover { background-color: #d9534f; color: #fff; } .btn-primary { background-color: #f88379; color: #fff; border: none; } .yoga-courses .buttons { padding: 15px; } .btn-primary:hover { background-color: #c9302c; } .timeline-table br { display: none; } #CourseAccommodation { padding-top: 60px; padding-bottom: 40px; } .acc-foo .col-btm { display: flex; justify-content: space-between; gap: 20px; } .acc-foo .col-bxs { margin: 30px 0px; background: #fff; padding: 20px; border-radius: 9px; } .apply-steps {background: #fff;padding: 30px 0px;} .stepss { flex: 1 1 50%; padding: 40px; display: flex; flex-direction: column; gap: 30px; } .steping { background: #f8f4f1; border-left: 5px solid #8abdbc; padding: 12px 25px; border-radius: 8px; transition: all 0.3s ease; } .steping:hover { background-color: #fff; } .steping h4 { margin: 0; font-size: 18px; font-weight: 900; color: #d6602d; } .steping p { margin: 8px 0 0; color: #333; font-size: 15px; } .schedule-table thead { display: flex; } .schedule-table tr { display: contents; width: 100%; } .schedule-table tbody { display: flex; flex-wrap: wrap; } .certi-yoga .col-right .flex { position: relative; display: flex; justify-content: center; align-items: center; max-width: 100%; overflow: hidden; padding: 10px; box-sizing: border-box; flex-direction: row; } .certi-yoga .col-right .flex img { max-width: 100%; max-height: 210px; width: auto; height: auto; object-fit: contain; border-radius: 10px; background: #fff; padding: 8px; transition: transform 0.3s ease; display: block; box-sizing: border-box; } .active-sec.teach { background: #fff; } section.yoga-retreat.cnt-2 {padding-top: 60px; } .apply-steps .col-right img { object-fit: cover; width: 100%; border-radius: 20px; } /* Yoga Teacher Training Course Page CSS END */ /* Review page css Start */ .reviews-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: auto; } .review-card { background: #fff; padding: 30px; border-radius: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: space-between; border-bottom: 2px solid #d96220; } .quote-icon { font-size: 40px; color: #d96220; margin-bottom: 15px; height: 30px; } .review-text { font-style: italic; margin-bottom: 20px; color: #333; } .review-footer { display: flex; align-items: center; gap: 15px; } .review-footer img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .review-info strong { display: block; font-weight: bold; color: #000; } .review-info span { font-size: 14px; color: #555; } .video-reviews-container { display: flex; gap: 30px; justify-content: space-between; margin: auto; } .video-card { background: #fff; padding: 10px; border-radius: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); width: 30%; } .video-card iframe { width: 100%; height: 200px; border-radius: 15px; border: none;} .video-title { margin-top: 15px; font-size: 16px; font-weight: bold; color: #222; } /* Review page css end */ /* Our teacher page css start*/ .teachersec1 { background: #fff; } .teachersec1 .container { display: flex; flex-wrap: wrap; gap: 40px;} .bot-sec { padding-top: 0; } .teach-head span { display: block; color: #000; font-size: 16px; padding-top: 6px;} .teachersec1 .col-md-8 { flex: 1 1 60%; border-radius: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .teachersec1 .main-head { font-size: 20px; margin-bottom: 20px; color: #d96220; border-left: 2px solid #d96220; padding-left: 15px; } .teachersec1 p { line-height: 1.8; margin-bottom: 20px; margin-top: 10px; } .teachersec1 .sidebar ul li { margin-bottom: 10px; margin-bottom: 10px; border: 1px dashed #d2cccc; padding: 15px; list-style: none; background: #fff; } .teachersec1 ul li a { color: #191919; font-weight: 600; text-decoration: none; transition: color 0.3s ease; } .teachersec1 ul li a:hover { color: #004d40; text-decoration: underline;} .sidebar { padding: 15px; background: #f8f4f1; border-radius: 12px; } .sidebar .main-head { font-size: 20px; } .sticky-sidebar { position: sticky; top: 100px; z-index: 10;} .dblBorder .teach-head { margin-bottom: 0; color: #d96220; font-weight: 600; } .t-rev { display: flex; flex-direction: row; gap: 40px; } .founder-flex { display: flex; gap: 30px;justify-content: space-between; align-items: center; box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%), 0 4px 32px 0 rgb(103 151 255 / 9%); padding: 30px; border-left: 3px solid #f88379; border-radius: 12px; width: 100%; } .founder-flex .teach-left { width: 65%;} .founder-flex .teach-right { width: 35%;} .founder-flex2 { display: flex;gap: 30px;justify-content: space-between;align-items: center;box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%), 0 4px 32px 0 rgb(103 151 255 / 9%); padding: 30px; border-right: 3px solid #df7e62; margin-top:30px; margin-bottom: 30px; border-radius: 18px; } .subheading { padding-bottom: 20px; } .teach-left p,.teach-right p { margin-top: 30px; } .founder-flex2 .teach-left { width: 35%;} .founder-flex2 .teach-right { width: 65%;} .founder-flex .teach-right img { max-width: 100%; height: auto; display: block; } .founder-flex2 .teach-left img { max-width: 100%; height: auto; display: block; } .left-bar img { border-radius: 8px; } .mar-tp .cnt { margin-top: 0; } .mar-tp ul li { list-style: disc; line-height: 1.9; list-style-position: inside; } .dblBorder { margin: 0 auto; padding: 5px; position: relative; margin-bottom: 10px; } .dblBorder:after { content: ''; border-bottom: solid 3px #000; width: 20%; height: 100%; position: absolute; bottom: -10px; left: 0; } .main-heading { font-size: 24px; margin-bottom: 20px; } .mar-tp { margin-top: 24px; } .yoga-schedule-section .yoga-left { width: 48%; } .yoga-schedule-text { width: 48%; } .yoga-schedule-section { color: #2c3e50; background-color: #f7f3ec; padding-bottom: 0; } .yoga-schedule-container { max-width: 1300px; margin: 0 auto; display: flex; gap: 30px; align-items: flex-start; justify-content: space-between; padding-bottom: 60px; } .yoga-schedule-table { display: flex; flex-direction: row; gap: 30px 20px; margin-bottom: 40px; flex-wrap: wrap; justify-content: space-between; } .yoga-schedule-table div { display: flex; gap: 20px; font-size: 16px; border-bottom: 1px solid #eee; flex-direction: column; width: 29%; background: #f7f7f7; padding: 20px; border-radius: 6px; } .yoga-schedule-table div span { min-width: 100px; color: #d65450; font-weight: 600; font-size: 16px; } .yoga-cta-button { display: inline-block; background-color: #2c8e6b; color: #fff; padding: 14px 32px; border-radius: 50px; text-decoration: none; font-weight: 500; transition: background-color 0.3s ease; } .yoga-cta-button:hover { background-color: #226d54; } .yoga-schedule-image { width: 100%; } .yoga-schedule-image img { width: 100%; border-radius: 16px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1); max-height: 250px; object-fit: cover; } .yoga-schedule-text .theme-btn {display: flex; justify-content: center; } .schedule-table { width: 100%; border-collapse: collapse; background-color: #ffffff; border-radius: 8px; overflow: hidden; margin-top: 32px; } .schedule-table th, .schedule-table td { padding: 16px 20px; text-align: left; } .schedule-table th { background-color: #c68642; color: #fff; font-size: 18px; } .schedule-table tr:nth-child(even) { background-color: #f2f2f2; } .schedule-table tr:hover { background-color: #f8837914; } .schedule-table td { font-size: 16px; color: #333; min-width: 50%; box-sizing: border-box; } .head { margin-bottom: 8px; } .col-bxs { margin: 30px 0px; } .image-wrapper { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } .image-wrapper .gallery-img { width: 23%; border-radius: 12px; } .schedule-table thead th { padding: 14px 20px; text-align: left; font-weight: 600; letter-spacing: 0.5px; min-width: 50%; box-sizing: border-box; } section.acc-foo { padding-bottom: 0; } .certi-yoga-new { padding-top: 60px; } .col-md-6 img { width: 100%; border-radius: 20px; } .certi-yoga-new img { max-height: 280px; object-fit: cover; } .tech { background: #fff; } .conact-icons img { width: 24px; border-radius: 0; } .acc-foo .col-bxs-new { padding-bottom: 50px; } /* Our teacher page css end */ /* Certificate Page CSS start */ .cert-top { display: flex; align-items: center; gap: 40px; justify-content: space-between;} .cert-top .col-right img { width: 100%; border-radius: 6px; object-fit: cover; max-height: 430px;} .bot-sec .col-left img { width: 100%; border-radius: 6px; object-fit: cover; max-height: 430px;} ol { padding-left: 20px;} ol li { list-style: decimal; list-style-position: inside;} .block strong, .block b, .mar-tp b { font-weight: 600; color: #191919; } .cert-top .teach-head { color: #d96220; } .cert-top .teach-head { color: #d96220; } .cert-top p { padding-bottom: 10px; } .cert-top p b { color: #d96220; font-weight: 600; } /* Certificate Page CSS END */ /* Instructor Page CSS Start */ .teachersec1 .main-heading { color: #2d2d2d; } /* Instructor Page CSS END */ /* Yoga Volunteer (YV) Course Page CSS Start */ .admission-process .rowpro{display:flex;flex-wrap:wrap;gap:30px}.left-section{flex:1;min-width:350px;background:#fff;padding:25px 30px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .08)}.left-section h2{font-size:28px;margin-bottom:20px;color:#d96220}.steps-pro{list-style:none;padding:0;margin:0}.steps-pro li{margin-bottom:25px;position:relative;padding-left:55px;list-style:none}.step-no{position:absolute;left:0;top:0;background:#d96220;color:#fff;font-weight:600;width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;font-size:16px}.steps-pro p{margin:0;font-size:16px;line-height:1.5}.steps-pro a{color:#06c;font-weight:600;text-decoration:none}.steps-pro a:hover{text-decoration:underline}.fee-table{width:100%;margin-top:15px;border-collapse:collapse;text-align:center;font-size:15px}.fee-table th{background:#d96220;color:#fff;padding:10px}.fee-table td{padding:10px;border:1px solid #eee}.fee-table .notes{font-size:13px;color:#666;padding:8px}.right-section{display:flex}.right-section img{width:100%;max-width:350px;margin:10px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .1)}.yoga-vtr{background:#fdfbf5}.feature-card{display:flex;align-items:center;background:#fff;padding:20px;margin:16px 0;border-radius:8px;box-shadow:0 2px 5px rgba(.1,.1,.1,.1)}.feature-icon{font-size:24px;margin-right:15px}.feature-text{font-size:16px;color:#333}.yoga-plan{background:#fdfbf5}.yoga-plan table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / .08);border-radius:12px;overflow:hidden}.yoga-plan th{background:#d96220;color:#fff;font-size:18px;font-weight:600;padding:14px;text-align:center}.yoga-plan td{padding:14px 18px;border-bottom:1px solid #eee;text-align:center;font-size:16px;line-height:1.6}.yoga-plan tr:last-child td{border-bottom:none}.yoga-plan td:first-child{font-weight:600;color:#e96c28;text-align:center;width:120px}.yoga-plan tr:nth-child(even){background:#fdfbf5}.course-details{padding:70px 20px;font-family:'Poppins',sans-serif;color:#222}.details-table{max-width:1100px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .08);border:1px solid #d96220}.rowline{display:flex;border-bottom:1px solid #f0e6d2;align-items:center}.rowline:last-child{border-bottom:none}.col{padding:20px}.category{background:#fff;font-weight:600;width:30%;min-width:220px;color:#3c3c3c}.details{background:#fdfbf5;width:70%;line-height:1.7}.details p{margin:8px 0;font-size:15px;color:#444}.strike{text-decoration:line-through;color:#888}.highlight{color:#d12b2b;font-weight:600}.why-join{background:#fdfbf5;padding:60px 20px;font-family:'Poppins',sans-serif;color:#222}.joinfeatures{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin:0 auto}.feature-col{display:flex;flex-direction:column;gap:20px}.feature-item-join{display:flex;align-items:flex-start;gap:15px;background:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:all 0.3s ease-in-out}.feature-item-join:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgb(0 0 0 / .15)}.feature-item-join i{font-size:22px;color:#0d6b4d;background:#e6f4ef;padding:10px;border-radius:50%;flex-shrink:0}.feature-item-join p{margin:0;font-size:16px;line-height:1.6}.who-apply{padding:60px 20px;font-family:'Poppins',sans-serif;text-align:center}.apply-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1000px;margin:0 auto}.apply-item{background:#fff;padding:25px 20px;border-radius:15px;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:all 0.3s ease-in-out}.apply-item:hover{transform:translateY(-6px);box-shadow:0 6px 18px rgb(0 0 0 / .15)}.apply-item i{font-size:28px;color:#0d6b4d;margin-bottom:15px;background:#e6f4ef;padding:15px;border-radius:50%}.apply-item p{font-size:16px;line-height:1.6;color:#333;margin:0;text-align:center}.career-section{background:#fdfbf5;padding:70px 20px;font-family:'Poppins',sans-serif;color:#222}.intro{text-align:center;max-width:900px;margin:0 auto 50px auto;font-size:16px;line-height:1.7;color:#555}.career-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1100px;margin:0 auto}.career-item{background:#fff;padding:25px 20px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .08);display:flex;gap:15px;align-items:flex-start;transition:all 0.3s ease}.career-item:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgb(0 0 0 / .15)}.career-item i{font-size:28px;color:#0d6b4d;background:#e6f4ef;padding:12px;border-radius:50%;flex-shrink:0}.career-item p{margin:0;font-size:16px;line-height:1.6} /* Yoga Volunteer (YV) Course Page CSS end */ .media-counter,.media-nav{z-index:10;position:absolute}.media-showcase{position:relative;width:100%;max-width:900px;margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);background:#fff}.media-track{display:flex;transition:transform .5s ease-in-out;height:500px}.dot,.nav-btn{cursor:pointer;transition:.3s}.media-slide{min-width:100%;position:relative}.media-slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-content{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:30px 20px 20px;color:#fff}.slide-content h3{font-size:1.5rem;margin-bottom:8px;font-weight:600}.slide-content p{font-size:1rem;opacity:.9}.media-nav{top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 20px}.nav-btn{background:rgba(255,255,255,.9);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.nav-btn:hover{background:#fff;transform:scale(1.05)}.nav-btn svg{width:24px;height:24px;fill:#2c3e50}.media-dots{display:none}.dot{width:12px;height:12px;border-radius:50%;background:#ccc}.dot.active{background:#2c3e50;transform:scale(1.2)}.media-counter{top:20px;right:20px;background:rgba(0,0,0,.6);color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem} /* Registered Page CSS Start */ .abt2s .container.con-3 { display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .abt-left, .abt-rgt { flex: 1 1 30%; background-color: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); } .abt-cenr { flex: 1 1 30%; display: flex; justify-content: center; align-items: center; } .abt-cenr img { width: 100%; max-width: 100%; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .abt2s .main-head { font-size: 28px; margin-bottom: 20px; color: #2c3e50; position: relative; } .abt2s .main-head::after { content: ""; display: block; width: 50px; height: 3px; background-color: #e67e22; margin-top: 10px; border-radius: 2px;} .abt2s strong { display: block; margin-top: 15px; font-size: 16px; color: #e67e22; margin-bottom: 7px; } .pos { padding-top: 6px;} /* Registered Page CSS END */ .prerequisites { background: #f8f4f1;} .prerequisites ul { display: flex; gap: 20px;} .prerequisites li { width: 50%; background: #fff; padding: 20px; list-style: none; border-radius: 4px;} .workshop-details { background: #f8f4f1;} .workshop-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .overview-card { background: #fff;border-radius: 10px; padding: 30px;box-shadow: 0 5px 20px rgba(0,0,0,0.05);transition: transform 0.3s ease;} .overview-card:hover { transform: translateY(-5px); } .workshop-series { display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;margin-top: 40px;} .workshop-card { background: #fff; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-top: 4px solid #d96220; transition: all 0.3s ease; } .join-wh { background: #fff;border-radius: 10px; padding: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: transform 0.3s ease; margin-top: 30px;} .workshop-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .workshop-card h3 { font-size: 1.5rem;margin-top: 0; } .schedule-table {width: 100%; border-collapse: collapse;margin: 30px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.05);border-radius: 10px;overflow: hidden; } .schedule-table th {background-color: #d96220; color: #fff;padding: 15px;text-align: left;} .schedule-table tr:nth-child(even) { background-color: #f8f8f8; } .schedule-table td { padding: 12px 15px; border-bottom: 1px solid #eee;} .features-series { display: flex; gap: 20px; flex-wrap: wrap;} .featurelist { width: 49%; background: #f8f4f1; padding: 25px; border-radius: 8px;} .attend { margin-top: 30px;} .work-schedule { background: #f8f4f1;} .adv-series .featurelist { width: 32%;} .cta-section-bot { background: #f8f4f1;} .sitemap { background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 6px 15px rgba(0,0,0,0.08); display: grid; grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); gap: 40px; } .sitemap h2 { grid-column: 1 / -1; font-size: 26px; margin-bottom: 20px; font-weight: 600; color: #222; border-bottom: 2px solid #d4dbda; display: inline-block; padding-bottom: 5px;} .sitemap-list { list-style: none; padding-left: 0; margin: 0;} .sitemap-list li { margin: 8px 0; position: relative; padding-left: 25px; line-height: 1.6em; list-style:none;} .sitemap-list li::before { content: "📂"; position: absolute; left: 0; top: 0px; font-size: 16px; color: #009688;} .sitemap-list li a { text-decoration: none; font-size: 16px; color: #333; transition: 0.3s;} .sitemap-list li a:hover { color: #d96220; text-decoration: underline;} .sitemap-list li ul { margin: 6px 0 6px 20px; padding-left: 15px; border-left: 2px dashed #ddd;} .sitemap-list li ul li::before { content: "📄"; color: #666;} .sitemap-list > li > .folder > a { font-weight: 600; color: #333;} .blog-single-content .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;} .article-content { width: 70%;} .signle-sidebar { width: 27%;} .article-content img { max-width: 100%; height: auto; display: block;} .article-content ul li { list-style: disc; list-style-position: inside;} .article-content ol { padding-left: 0px;} .article-content ol li { list-style: decimal; list-style-position: inside;} blockquote { font-style: italic; color: #555; border-left: 4px solid #ccc; padding: 1em 1.5em; margin: 1em 0; background: #f9f9f9;} .siderounded h3 { font-size: 28px;} .signle-sidebar { width: 27%;} .siderounded { padding: 2.2rem; background: rgb(248, 249, 250);margin-top: 26px;position: sticky; top: 100px; z-index: 1;} .border-bottom { border-bottom: 2px solid #e5e9ec;} .sb-list { list-style: none; padding: 0; margin: 0;} .sb-list li { display: flex; align-items: center; gap: 15px; padding: 12px 0; border-bottom: 1px solid #eee;} .sb-list li:last-child { border-bottom: none;} .sb-list li img { width: 60px; height: 60px; object-fit: cover; border-radius: 4px; flex-shrink: 0;} .sb-list li a { color: #333; font-weight: 500; transition: color 0.3s ease; flex: 1; text-decoration: none;} .sb-list li a:hover { color: #5d8a66;} .call-sidebar { color: #fff; text-align: center; text-transform: uppercase; } .call-sidebar .bg-img { background-size: cover; background-position: center; padding: 30px 20px; position: relative;} .call-sidebar .bg-img::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); } .cal { position: relative; z-index: 1;} .sidebar-logo { max-width: 100px; margin-bottom: 20px;} .yoga-for { font-size: 24px; font-weight: bold; letter-spacing: 1px; line-height: 1.2; margin: 0 0 30px 0;} .phone-number { display: block; font-size: 22px; font-weight: bold; color: #fff; text-decoration: none; margin-bottom: 5px; letter-spacing: 1px;} .support-text { font-size: 14px; margin: 0 0 25px 0; letter-spacing: 1px; color: #959292; font-weight: bold;} .contact-btn { display: inline-block; background-color: transparent; color: #fff; border: 2px solid #fff; padding: 10px 25px; font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: 1px; transition: all 0.3s ease;} .contact-btn:hover { background-color:#fff; color: black;} .blog-single-content h2, .blog-single-content h3, .blog-single-content h4, .blog-single-content h5, .blog-single-content h6 { margin: 10px 0px;} .heal-list-beniftes {display: flex;flex-wrap: wrap;gap: 1.2rem;list-style: none; padding: 0; margin: 2rem 0; align-items: center;} .heal-list-beniftes li::before { content: "✔"; position: absolute;left: 8px; color: #2e8b57;font-weight: bold; font-size: 18px; top: 50%;transform: translateY(-50%); } .heal-list-beniftes li { background: #f9f9f9;padding: 12px 40px; border-radius: 12px;font-size: 16px;color: #333;line-height: 1.5; position: relative;box-shadow: 0 2px 6px rgba(0,0,0,0.05);transition: transform 0.2s ease, box-shadow 0.2s ease;list-style: none; width: 49%;}