/*!
Theme Name: WonderYearz
Theme URI: http://wonderyearz.co.in/
Author: wonderyearz.co.in
Author URI: http://wonderyearz.co.in/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wonderyearz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wonderyearz is based on wonderyearz https://wonderyearz.co.in/, (C) 2012-2025 Automattic, Inc.
wonderyearz is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
header.th-header.header-layout3.light-header23 {
    background: #fff;
	margin-top:0px;
}
header.th-header.header-layout3.light-header23 li a {
    color: #000;
}
light-header23 li a {
    color: #000;
}
button.icon-btn.searchBoxToggler i {
    color: #000;
}
.light-header23 button.icon-btn i {
    color: #000;
}
.header-layout3 .sticky-wrapper.sticky {
    background: #fff !important;
}
.header-logo img {
    width: 302px;
}
.home.page-template.page-template-home .header-layout3 .menu-area {
    background: #ffffff;
    border-radius: 50px;
    border: 0px solid var(--light-color);
}
.home.page-template.page-template-home .service-card .author-wrap {
    flex-wrap: wrap;
}
section.overflow-hidden.space-bottom.blogs-articles.arrow-wrap {
    padding: 100px 0px;
}
.header-logo img {
    width: 196px !important;
}
.header-layout3 .main-menu>ul>li.menu-item-has-children>a:after {
    color: #000000;
}
.about-logo img {
    width: 225px;
}
.home.page-template.page-template-home .hero-style3 {
    position: relative;
    z-index: 6;
    padding: 260px 0 230px;
    text-align: center;
}
.contact-wrap1.bg-black2.footer-4-block {
    padding: 18px;
}
.contact-wrap1.bg-black2.footer-4-block .contact-feature {
    margin-bottom: 20px;
}


/* Theme Color  */
.home.page-template.page-template-home span.sub-title.after-none {
    color: #1eb6ce;
}
.home.page-template.page-template-home .th-btn {
    background-color: #1eb6ce;
}
.home.page-template.page-template-home .feature-card:hover .box-icon {
    background: #1eb6ce;
}
.home.page-template.page-template-home .sub-title:before, .sub-title:after {
    background: #1eb6ce !important;
}
.home.page-template.page-template-home .about-grid-number {
    background: #1eb6ce;
}
.home.page-template.page-template-home .year-counter_number {
    color: #1eb6ce;
}
.home.page-template.page-template-home .text-theme {
    color: #1eb6ce !important;
}
.home.page-template.page-template-home .sub-title {
    color: #1eb6ce;
}
.home.page-template.page-template-home .tab-menu1 .tab-btn.active {
    background-color:  #1eb6ce;
    border-color:  #1eb6ce;
}
.home.page-template.page-template-home .price-card2 .price-card_price {
    color: #1eb6ce;
}
.home.page-template.page-template-home .checklist li>i {
    color: #1eb6ce;
}
.home.page-template.page-template-home .testi-card3 .testi-card_img .quote-icon {
    background: #1eb6ce;
	display:none;
}
.home.page-template.page-template-home .testimonial-wrap3 .testi-grid-dots .tab-btn {
    background: #1eb6ce;
}
.home.page-template.page-template-home .subscribe-box:after {
    border: 10px solid #1eb6ce;
}
.home.page-template.page-template-home .contact-feature .box-icon:before {
    background: #1eb6ce;
}
.home.page-template.page-template-home .footer-widget .widget_title:after {
    background-image: -webkit-linear-gradient(left,  #1eb6ce, transparent);
    background-image: linear-gradient(to right,  #1eb6ce, transparent);
}
.home.page-template.page-template-home .copyright-wrap .copyright-text a {
    color:  #1eb6ce;
}
.home.page-template.page-template-home .scroll-top:after {
    color:  #1eb6ce;
    border: 2px solid  #1eb6ce;
}
.home.page-template.page-template-home .blog-meta span i, .blog-meta a i {
    color: #1eb6ce !important;
}
.home.page-template.page-template-home .scroll-top .progress-circle path {
    stroke:#1eb6ce;
}
.home.page-template.page-template-home .th-social a:hover {
    background-color:  #1eb6ce;
    border: 1px solid  #1eb6ce;
   }
.home.page-template.page-template-home .accordion-card .accordion-button:not(.collapsed):after {
    color:  #1eb6ce;
}
.home.page-template.page-template-home .accordion-card .accordion-button:after {
    color:  #1eb6ce;
}
.home.page-template.page-template-home .shape-mockup-wrap .service-card-icon img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(12%) saturate(3303%) hue-rotate(152deg) brightness(93%) contrast(87%);
}
.home.page-template.page-template-home .shape-mockup.process-bg-shape2-1.jump.d-xxl-block.d-none img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(12%) saturate(3303%) hue-rotate(152deg) brightness(93%) contrast(87%);
}
.home.page-template.page-template-home .star-icon img {
filter: brightness(0) saturate(100%) invert(63%) sepia(12%) saturate(3303%) hue-rotate(152deg) brightness(93%) contrast(87%);
}
.home.page-template.page-template-home .service-card3 .box-title a:hover {
    color:  #1eb6ce;
}
.home.page-template.page-template-home .price-card2 .price-card_price .currency {
    color:  #1eb6ce;
}
.loader {
    color: #1eb6ce !important; 
}
.shape-mockup.faq-bg-shape1-3.jump.d-xxl-block.d-none img {
filter: brightness(0) saturate(100%) invert(63%) sepia(12%) saturate(3303%) hue-rotate(152deg) brightness(93%) contrast(87%);
}
.error-img {
    width: 300px;
    text-align: center;
    margin: auto;
}
.RegularSCSession1 .gyan-pricing-table {
    position: relative;
    height: 382px;
}
.RegularSCSession1 .gyan-pricing-table-footer {
    position: absolute;
    left: 10%;
    bottom: 38px;
}
header.th-header.header-layout3.light-header23 .main-menu>ul>li {
    margin: 0 14px;
}
header.th-header.header-layout3.light-header23 .main-menu a {
    font-size: 16px;
 
}

header.th-header.header-layout3.light-header23 .main-menu {
    margin-right: 1px;
}
.th-btn {
   background-color:#1eb6ce !important;
}
.contact-feature .box-icon {
    background-color:#1eb6ce !important;
}
.subscribe-box:after {
    border: 10px solid #1eb6ce !important;
   
}
.footer-widget .widget_title:after {
    background-image: linear-gradient(to right,  #1eb6ce, transparent) !important;
}
.contact-feature .box-icon:before {
     background: #1eb6ce !important;
 }
.copyright-wrap .copyright-text a {
    font-size: 18px;
    color: #1eb6ce !important;
}
.scroll-top:after {
      color: #1eb6ce !important;
     border: 2px solid #1eb6ce !important;
 
}
.scroll-top .progress-circle path {
    stroke: #1eb6ce !important;
 
}
.th-social a:hover {
    background-color: #1eb6ce !important;
    border: 1px solid #1eb6ce !important;
    
}
.info-box_title {
  color: #1eb6ce !important;
}
.box-title a:hover {
    color: #1eb6ce !important;
}
.service-card .author-wrap .author-wrap-content .author-name a:hover {
    color: #1eb6ce !important;
}
.service-card .author-wrap .author-wrap-contact .contact-link:hover {
    color: #1eb6ce !important;
}
.blog-meta a:hover {
    color: #1eb6ce !important;
}
.footer-widget.widget_nav_menu a:hover {
    color: #1eb6ce !important;
}
.service-card3 {
    padding: 35px !important;
}
.footer-widget.widget_nav_menu a:hover:before {
    color: #1eb6ce !important;
}
.contact-feature .box-text a:hover {
    color: #1eb6ce !important;
}
.sidemenu-wrapper .closeButton:hover {
    color: #1eb6ce !important;
    border-color: #1eb6ce !important;
}
.link-btn.style2:hover {
    color: #1eb6ce !important;
}
.contact-feature .box-text a:hover {
    color: #1eb6ce !important;
}
.sidemenu-wrapper .info-box_link:hover {
    color: #1eb6ce !important;
}
.header-layout3 .main-menu>ul>li>a:hover {
    color: #1eb6ce !important;
}
.slider-arrow.style-border2:hover {
    background:  #1eb6ce !important;
    border-color: #1eb6ce !important;
    
}
a.link-btn.style3:hover {
  color: #1eb6ce !important;
}
a.link-btn.style3 {
  color: #1eb6ce !important;
}
.class-card2 .class-card_content {
     padding: 14px!important;
 }
.class-card2 .box-title {
    margin-bottom: 2px !important;
   }
.hero-style3 .hero-title {
    font-size: 58px !important;
}
.hero-style3 .hero-title .shadow-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 58px !important;
}
section.space-top.overflow-hidden.class-area-2.position-relative .box-title {
    font-size: 18px;
    line-height: 1.417;
}
.class-area-2 p.class-card_text {
    font-size: 16px;
    line-height: 25px;
	color:#fff;
}
p.class-card_text.v-232 b {
color:#fff;
}
a.th-btn.style-radius.banner-bottom-btn {
    padding: 21px 22px;
}
.process-card2 .box-title {
    text-transform: uppercase;
}
span.sub-title {
    font-size: 28px;
}
span.sub-title.after-none.readyToTrain {
font-size:34px;
}
.process-card2 .box-number {
    color: #fff !important;
    margin-bottom: 16px;
    position: absolute;
    top: 0px;
    left: 12px;
    background: #1bb3df;
    padding: 10px;
    border-radius: 50%;
}
.hero-style3 .hero-title .shadow-title {
    right: -4px !important;
	top: -7px !important;
}
.quotes-img{
    position: absolute;
   left: -51px;
    top: 72px;
	
}
.background-color554 .class-card:before {
    background: var(--black-color2);
    inset: 4px;
    z-index: -1;
}
.img-rotate23 {
    position: absolute;
    right: 246px;
    bottom: 55px;
	rotate: 180deg;
}
.img-rotate23 img {
   filter: invert(56%) sepia(80%) saturate(1982%) hue-rotate(154deg) brightness(95%) contrast(92%);
    width: 50px;
}
p.founder-name {
    text-align: end;
    font-weight: 700;
    font-size: 28px;
    font-family: cursive;
    color: #1eb6ce;
}
.row.justify-content-center.text-center.SeeHowItWorks {
    margin-top: 30px;
}
.SeeHowItWorks a.th-btn.style-radius.banner-bottom-btn {
    padding: 20px 100px;
}
.how-we-work2 .process-card2 .box-icon img {
    width: 75%;
}
.quote-icon.quotes-img img {
    filter: invert(56%) sepia(80%) saturate(1982%) hue-rotate(154deg) brightness(95%) contrast(92%);
    width: 50px;
}
.quote-icon.quotes-img.img-rotate23 img {
    rotate: 180deg;
}
.class-card2 .class-card_content .class-card_text {
    margin-bottom: 0.6em !important;
}
section.space-top.overflow-hidden.class-area-2.position-relative p.class-card_text.age23 {
    font-size: 16px;
    line-height: 22px;
	    margin-bottom: 20px !important;
}
.class-card2 .class-card_hover-content
{
	padding:10px !important;
}
.col-xl-6.align-self-end .cta-thumb1-1 img {
    width: 260px;
}
p.class-card_text.v-232 {
  height: 122px;  
    overflow: hidden;  
    text-overflow: ellipsis; 
}
section.space.background-image.arrow-wrap.background-color554 p.class-card_text {
 height: 162px;  
    overflow: hidden;  
    text-overflow: ellipsis; 
}
h6.sec-title {
    font-size: 28px;
}
.why-img-box {
    width: 400px !important;
}
section.cta-area-1.text-xl-start.text-center.background-image {
    padding: 30px 0px;
}
section.space.background-image.arrow-wrap.background-color554 {
    background: #171717;
}
section.space.shape-mockup-wrap {
    background: #f8f8f8;
}
.tu-cta23 {
    font-size: 24px;
    padding-top: 17px;
}
.contactusform12 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
}
.tu-grid23 .elementor-widget-container {
    height: 334px;
    overflow: hidden;
}
.tu-grid445 .elementor-widget-container {
    height: 384px;
    overflow: hidden;
}
.tu-grid445 .elementor-widget-container:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border-top: 6px solid #1EB6CE;
    opacity: 0.95;
}
.sst-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}
.sst-pill {
    font-size: 12px;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--primary-soft);
    color: #1e3a8a;
    font-weight: 500;
    border: 1px solid rgba(37,99,235,0.2);
}
h3.hero-title233 {
    color: #fff;
    font-weight: 400;
	}
.btn-group.banner-button3.slideinup .th-btn.style-radius {
    background: #fff !important;
    color: #3e3e3e;
    font-size: 18px;
}





/* Wrap effect only for this specific Elementor image */
.tu-grid23 .elementor-image-box-img {
    position: relative;
    display: inline-block;
    padding: 18px;
    border-radius: 20px;
    overflow: visible;
    background: linear-gradient(145deg, #0d1b2a, #112f45);
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.35),
        inset 0 0 0 1px rgba(255,255,255,0.05);
    transition: transform .35s ease, box-shadow .35s ease;
}

/* Image Styling */
.tu-grid23 .elementor-image-box-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
    position: relative;
    z-index: 3;
    filter: drop-shadow(0 12px 26px rgba(0,0,0,0.55));
    transition: transform .4s ease, filter .4s ease;
}

/* Soft glow around the image */
.tu-grid23 .elementor-image-box-img::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 18px;
    background: radial-gradient(circle at 30% 20%, 
                                rgba(29,183,255,0.25), 
                                rgba(123,44,255,0.18), 
                                transparent 70%);
    filter: blur(18px);
    z-index: 1;
    opacity: .85;
    transition: opacity .3s ease, filter .3s ease;
}

/* Motion streak */
.tu-grid23 .elementor-image-box-img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 10px;
    left: -10%;
    bottom: 12%;
    border-radius: 20px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    filter: blur(10px);
    opacity: 0;
    transform: rotate(-15deg) translateX(-20px);
    transition: opacity .35s ease, transform .35s ease;
}

/* Hover Effects */
.tu-grid23 .elementor-image-box-img:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 
        0 18px 45px rgba(0,0,0,0.55),
        inset 0 0 0 1px rgba(255,255,255,0.07);
}

.tu-grid23 .elementor-image-box-img:hover img {
    transform: scale(1.06);
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6)) saturate(120%) contrast(108%);
}

.tu-grid23 .elementor-image-box-img:hover::before {
    filter: blur(28px);
    opacity: 1;
}

.tu-grid23 .elementor-image-box-img:hover::after {
    opacity: 1;
    transform: rotate(-15deg) translateX(20px);
}



@media (max-width: 1299px) {
    .header-layout3 .menu-area {
        background: #ffffff !important;
        border-radius: 50px;
        border: none !important;
    }
}

@media (max-width: 767px) {
.home.page-template .th-hero-wrapper {
    height: 50vh;

}
	.home.page-template.page-template-home .hero-style3 {
    position: relative;
    z-index: 6;
    padding: 104px 0 130px;
    text-align: center;
}
}
/* Theme Color  */