@media only screen and (max-width: 1599px) {

    /******************** AJAX Blog card *******************/
    #ajax-posts {
        padding-top: 40px;
    }

    #ajax-posts .ajax-post-card {
        margin-bottom: 100px !important;
    }

    /* EVEN posts → image LEFT (default) */
    .ajax-post-card:nth-child(even) {
        flex-direction: row;
        margin-left: -10px !important;
    }

    /* ODD posts → image RIGHT */
    .ajax-post-card:nth-child(odd) {
        flex-direction: row-reverse;
        padding-left: 0px;
        margin-right: -10px;
    }

    .ajax-post-image-wrapper .ajax-post-image {
        width: 450px !important;
        height: 450px !important;
    }

    .ajax-post-image-wrapper .ajax-post-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    .ajax-post-content .ajax-post-title {
        color: var(--Black, #000);
        font-family: Epilogue;
        font-size: 40px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 53px;
        letter-spacing: -0.84px;
        width: 504px !important;
    }

    .ajax-post-card:nth-child(odd) .ajax-post-content {
        padding-right: 10px !important;
        padding-left: 0;
    }

    /* Even posts: 2, 4, 6… */
    .ajax-post-card:nth-child(even) .ajax-post-content {
        padding-left: 30px !important;
        padding-right: 0;
    }

    .ajax-post-content .ajax-post-excerpt {
        color: #303030;
        font-family: Graphie;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 30px */
        padding-left: 20px !important;
        padding-top: 26px;
    }

    .ajax-post-date {
        padding-top: 12px !important;
    }

    .ajax-post-content .ajax-post-meta {
        display: flex;
        align-items: center;
        margin-bottom: 30px !important;
        margin-top: 30px;
        margin-left: 20px !important;
    }

    .ajax-post-avatar img {
        width: 38px !important;
        height: 38px !important;
        border-radius: 48px;
        margin-right: 14px;
    }

    .ajax-post-content .ajax-post-author {
        color: #29ABE2;
        font-family: Satisfy;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ajax-post-link {
        position: relative;
        /* REQUIRED */
        display: inline-block;
        padding: 21px 55px;
        margin-left: 20px !important;
        font-size: 20px !important;
        border-radius: 46px;
        overflow: hidden;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        z-index: 1;
        color: #fff;
        text-decoration: none;
    }

    .button {
        transition: color 1.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Overlay base */
    .button::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: #9F4DDF;
        z-index: -1;
        clip-path: circle(0% at 50% 100%);
        transition: clip-path 1.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Hover effect */
    .button:hover::before {
        clip-path: circle(150% at 50% 50%);
    }

    .button:hover {
        color: #fff;
    }





    /* Blog Category */
    .ajax-blog-category-list {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .ajax-blog-category-list li::marker {
        content: none;
    }

    .ajax-blog-category-list li a {
        color: #29ABE2 !important;
        font-family: Graphie;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .category {
        padding-bottom: 22px !important;
    }

    .ajax-blog-search {
        display: flex;
        align-content: center;
        background-color: #fff;
        padding: 16px 20px;
        border: 0.6px solid #9F4DDF;
        border-radius: 12px;
    }

    .ajax-blog-search input {
        background-color: transparent;
        border: none;
        outline: none;
        padding-left: 10px;
        width: 100%
    }

    .ajax-blog-search input::placeholder {
        color: #4A4A4A;
        font-family: Graphie;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ajax-no-posts,
    .loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: Graphie;
        font-size: 20px;
        color: #000;
    }

    .post-content p {
        font-size: 18px !important;
    }

    .post-content.abc h3 {
        font-size: 28px !important;
        padding-top: 36px !important;
        padding-bottom: 22px !important;
    }

    .post-content h4 {
        font-size: 22px;
    }

    .post-content .img-wrapper {
        height: 540px !important;
    }

    .post-content .yt{
        font-size: 18px;
    }

    /* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {

    /******************** AJAX Blog card *******************/
    /* EVEN posts → image LEFT (default) */
    .ajax-post-card:nth-child(even) {
        flex-direction: row;
        padding-left: 27px !important;
        margin-right: 24px !important;
    }

    /* ODD posts → image RIGHT */
    #ajax-posts .ajax-post-card:nth-child(odd) {
        padding-left: 27px !important;
        margin-right: 24px !important;
    }

    .ajax-post-image-wrapper .ajax-post-image {
        width: 350px !important;
        height: 350px !important;
    }

    .ajax-post-image-wrapper .ajax-post-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    .ajax-post-content .ajax-post-title {
        color: var(--Black, #000);
        font-family: Epilogue;
        font-size: 30px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 43px;
        letter-spacing: -0.84px;
        width: 468px !important;
    }

    .ajax-post-card:nth-child(odd) .ajax-post-content {
        padding-right: 10px !important;
        padding-left: 0;
    }

    /* Even posts: 2, 4, 6… */
    .ajax-post-card:nth-child(even) .ajax-post-content {
        padding-left: 24px !important;
        padding-right: 0;
    }

    .ajax-post-content .ajax-post-excerpt {
        color: #303030;
        font-family: Graphie;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        padding-left: 0px !important;
        padding-top: 20px;
    }

    .ajax-post-date {
        padding-top: 12px !important;
    }

    .ajax-post-content .ajax-post-meta {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        margin-top: 30px;
        margin-left: 10px;
    }

    .ajax-post-avatar img {
        width: 35px !important;
        height: 35px !important;
        border-radius: 48px !important;
        margin-right: 14px !important;
    }

    .ajax-post-content .ajax-post-author {
        color: #29ABE2;
        font-family: Satisfy;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ajax-post-content .ajax-post-link {
        position: relative;
        /* REQUIRED */
        display: inline-block;
        padding: 15px 30px;
        margin-left: 10px !important;
        font-size: 18px !important;
        border-radius: 46px;
        overflow: hidden;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        z-index: 1;
        color: #fff;
        text-decoration: none;
    }

    .button {
        transition: color 1.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Overlay base */
    .button::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: #9F4DDF;
        z-index: -1;
        clip-path: circle(0% at 50% 100%);
        transition: clip-path 1.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Hover effect */
    .button:hover::before {
        clip-path: circle(150% at 50% 50%);
    }

    .button:hover {
        color: #fff;
    }

    .load-more .load-more-post {
        /* 	display: block !important;        
    margin: 0px auto 40px; 
    font-size: 16px;       
    cursor: pointer;  
	background: #fff;
	border: 2px solid #00A99D; */
        padding: 73px 40px;
        /* 	border-radius: 999px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    }


    /* Hover: text becomes white */
    /* .load-more .load-more-post:hover {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background-image: none !important;
	transform: translateY(-1.2px);
} */

    /* Slight lift on hover */
    /* .load-more .load-more-post:hover {
	transform: rotate(-6deg);
}
 */
    .load-more .load-more-post {
        font-size: 18px !important;

        /* 	background-image: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;

	font-weight: 600;
	display: inline-block;
	transition: transform 1.3s cubic-bezier(0.4, 0, 0.2, 1); */
    }

    /* Quizz section */
    .quiz-form .question-content p {
        color: #FFF;
        text-align: center;
        font-family: Epilogue;
        font-size: 32px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: -0.64px;
    }

    /* Spacing above question */
    .question-content {
        margin-top: 40px !important;
    }

    .watu-2-columns li,
    .watu-2-columns .watu-question-choice {
        width: 36% !important;
        display: flex !important;
        align-items: stretch;
        padding: 20px 20px !important;
        border-radius: 46px;
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: Graphie, sans-serif;
        font-size: 22px;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
        list-style: none;
        box-sizing: border-box;
        position: relative;
        margin: 0px;
    }

    /* Next Button */
    .watu-next-btn {
        padding: 20px 63px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 20px !important;
        font-weight: 400;
        cursor: pointer;
    }

    /* show answer button */
    .watu-show-answer-btn {
        padding: 20px 63px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 20px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    /* Submit button */
    .watu-submit-button {
        padding: 20px 63px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 20px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    .quiz-form label .answer {
        display: flex;
        width: 100%;
        height: 100%;
        font-size: 20px;
        align-items: center;
    }

    .watu-feedback p {
        text-align: center;
        color: #FFF;
        font-family: Epilogue;
        font-size: 20px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.48px;
        padding-top: 40px;
    }

    /* Blog Category */
    .ajax-blog-category-list {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .ajax-blog-category-list li::marker {
        content: none;
    }

    .ajax-blog-category-list li a {
        color: #29ABE2 !important;
        font-family: Graphie;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .category {
        padding-bottom: 22px !important;
    }

    .ajax-blog-search {
        display: flex;
        align-content: center;
        background-color: #fff;
        padding: 16px 20px;
        border: 0.6px solid #9F4DDF;
        border-radius: 12px;
    }

    .ajax-blog-search input {
        background-color: transparent;
        border: none;
        outline: none;
        padding-left: 10px;
        width: 100%
    }

    .ajax-blog-search input::placeholder {
        color: #4A4A4A;
        font-family: Graphie;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .ajax-no-posts,
    .loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: Graphie;
        font-size: 20px;
        color: #000;
    }

    .wpcf7 button.wpcf7-submit {
        padding: 21px 53px !important;
    }

    .newsletter button {
        padding: 18px 40px !important;
    }

    .post-content p {
        font-size: 16px !important;
    }

    .post-content.abc h3 {
        font-size: 26px !important;
        padding-top: 32px !important;
        padding-bottom: 20px !important;
    }

    .post-content h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .post-content .img-wrapper {
        height: 480px;
    }

    .post-content .yt{
        font-size: 16px;
    }
	
	/* Blog Comment section	*/
	#submit {
    	position: relative;
    	overflow: hidden;
    	z-index: 1;
    	transition: color 1.3s cubic-bezier(0.4, 0, 0.2, 1);
    	padding: 16px 50px;
    	border-radius: 46px;
    	background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
    	border: none;
    	color: #ffffff;
	}

    /* Check 1200px and add css here */
}

@media only screen and (max-width: 1199px) {

    /* Blog Post */
    #ajax-posts .ajax-post-card {
        background: #ffffff00 !important;
        margin-bottom: 80px !important;
        display: flex;
        padding: 0px !important;
    }

    .ajax-post-content .ajax-post-title {
        color: var(--Black, #000);
        font-family: Epilogue;
        font-size: 30px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 43px;
        letter-spacing: -0.84px;
        width: 100% !important;
    }

    .ajax-post-image-wrapper .ajax-post-image {
        width: 80% !important;
        height: 80% !important;
    }
	
	/* Blog post comment */
	li.comment > ul.children {
    	list-style: none;
    	margin: 20px 0 20px 20px;
    	padding-left: 20px;
    	border-left: 2px solid #e2e8f0;
	}
	
	.comment-form-cookies-consent label {
    	font-size: 18px !important;
		padding-left: 4px;
	}
	
	#submit {
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: color 1.3s cubic-bezier(0.4, 0, 0.2, 1);
        padding: 16px 40px;
        border-radius: 46px;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        border: none;
        color: #ffffff;
    }


    /* EVEN posts → image LEFT (default) */
    #ajax-posts .ajax-post-card:nth-child(even) {
        flex-direction: column !important;
        margin: 0px !important;
        margin-bottom: 80px !important;
        padding: 0px 40px !important;
    }

    /* ODD posts → image RIGHT */
    #ajax-posts .ajax-post-card:nth-child(odd) {
        flex-direction: column !important;
        padding: 0px 40px !important;
        margin-right: 0px !important;
    }

    .ajax-post-card:nth-child(odd) .ajax-post-content {
        padding-right: 0px !important;
    }

    /* Even posts: 2, 4, 6… */
    #ajax-posts .ajax-post-card:nth-child(even) .ajax-post-content {
        padding-left: 0px !important;
        padding-right: 0;
    }

    .ajax-post-content .ajax-post-title {
        width: 100% !important;
        padding-top: 30px !important;
    }

    .post-content.abc h3 {
        font-size: 24px !important;
        padding-top: 28px !important;
    }

    .post-content h4 {
        font-size: 18px;
    }

    .post-content .img-wrapper {
        height: 420px;
    }

    .post-content ol {
        gap: 14px;
    }

    /* .post-content ul {
        gap: 10px;
    } */

    /* Quizz section */
    .quiz-form .watu-questions-wrap {
        margin-top: 40px !important;
        display: flex;
        justify-content: center;
        gap: 25px;
    }

    .final-page .container {
        width: 100%;
    }

    .final-page .container p {
        padding-bottom: 20px
    }

    /* Check 1025px and add css here */
}

@media only screen and (max-width: 1024px) {

    #masthead.elementor-section.elementor-section-boxed>.elementor-container,
    .header-wrapper.elementor-section.elementor-section-boxed>.elementor-container {
        padding: 0 30px !important;
    }

    .header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
        position: fixed !important;
        bottom: 0;
        top: 161px !important;
        left: 0% !important;
        width: 100% !important;
        height: 100vh !important;
        padding: 33px 30px;
        transition: all 0.3s;
        overflow: auto;
        margin: 0 !important;
        z-index: 0;
    }

    .cta-btn {
        display: inline-block !important;
    }

    /* footer */
    .social-icons {
        text-align: start !important;
    }

    /* Blog Image */
    .blog-feature-img img {
        width: 400px;
        height: 400px;
        border-radius: 20px;
        object-fit: cover;
    }

    .newsletter button {
        padding: 15px 25px !important;
    }

    /* Blog Post */
    #ajax-posts .ajax-post-card {
        margin-bottom: 40px !important;
    }

    /* EVEN posts → image LEFT (default) */
    #ajax-posts .ajax-post-card:nth-child(even) {
        padding: 0px 30px !important;
        margin-bottom: 40px !important;
    }

    /* ODD posts → image RIGHT */
    #ajax-posts .ajax-post-card:nth-child(odd) {
        padding: 0px 30px !important;
    }

    .ajax-post-content .ajax-post-title {
        font-size: 26px !important;
    }

    .load-more .load-more-post {
        margin: 0px auto 40px !important;
    }

    .post-content.abc h3 {
        font-size: 22px !important;
        padding-top: 24px !important;
    }

    .post-content h4 {
        font-size: 18px;
    }

    .post-content .img-wrapper {
        height: 360px;
    }

    .post-content ol {
        padding-left: 18px;
        gap: 12px;
    }

    .post-content ul {
        padding-left: 18px;
    }
	
	/* Watu Quizz */
	.watu-2-columns .watu-question-choice {
        width: 44% !important;
        display: flex !important;
        align-items: stretch;
        padding: 15px 20px !important;
        border-radius: 46px;
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: Graphie, sans-serif;
        font-size: 20px;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
        list-style: none;
        box-sizing: border-box;
        position: relative;
        margin: 0px;
    }
	
	.watu-show-answer-btn {
        padding: 15px 63px;
    }
	
	/* Subscribtion page */
	.site-main{
		padding: 0px 30px !important;
	}
	
	.cf7av-confirmation-icon {
    	font-size: 40px !important;
	}
	
	/* Footer */
    .footer-link {
        display: flex !important;
        justify-content: center !important;
    }

	/* Blog comment section	*/
	.reply {
    	margin-top: 15px !important;
    	display: flex;
    	justify-content: end;
    	gap: 10px;
	}
	
	.comment-body p {
    	color: #303030;
    	line-height: 1.5;
	}

    /* Check 768px and add css here */
}

@media only screen and (max-width: 767px) {

    #masthead.elementor-section.elementor-section-boxed>.elementor-container,
    .header-wrapper.elementor-section.elementor-section-boxed>.elementor-container {
        padding: 0 20px !important;
    }

    /* About */
    #about-btn .elementor-button-content-wrapper {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #about-btn svg {
        width: 29px;
    }

    /*     .cf7-flex {
        flex-direction: column;
    }

    .cf7-flex .half {
        width: 100%;
    } */

    .notfound-content {
        padding: 12vw 0;
    }

    /* Home page */
    .testimonial .elementor-star-rating .elementor-star-full {
        font-size: 20px !important;
    }

    .testimonial .elementor-testimonial__text {
        padding-top: 20px;
        text-align: center;
    }

    .testimonial .elementor-testimonial__name {
        display: block;
        padding-top: 30px;
        text-align: center;
    }

    .testimonial .swiper-pagination-bullet {
        margin: 0px !important;
    }

    .testimonial .swiper-pagination {
        display: flex !important;
        justify-content: center !important;
        align-content: center !important;
        gap: 5px !important;
    }

    .swiper-pagination-bullet-active {
        width: 19px !important;
        height: 6px !important;
        border-radius: 6px !important;
        background: linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%) !important;
        transition: all 0.3s ease !important;
    }

    /* Contact 7 form */
    .wpcf7-form {
        border: 1px solid #CCD6DF;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        text-align: left !important;
    }

    .row {
        flex-direction: column;
    }

    .name-col {
        padding: 0px !important;
    }

    .column {
        padding: 20px !important;
    }

    #f-name {
        border-right: 0px solid #CCD6DF !important;
        border-bottom: 1px solid #CCD6DF;
    }

    .name-col,
    .email-col {
        border-bottom: 1px solid #CCD6DF;
    }

    .required {
        color: #00a99d;
    }

    label {
        color: #000;
        font-family: Graphie;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .input {
        margin-top: 16px !important;
    }

    /*     .wpcf7 .row {
        display: flex;
        padding: 20px;
    } */

    .wpcf7 .column {
        width: 100% !important;
    }

    .wpcf7 .column-full {
        width: 100%;
    }

    .wpcf7 input,
    .wpcf7 textarea,
    .wpcf7 select {
        width: 100%;
        border: none;
        outline: none;
        color: #787878;
        font-family: Graphie;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #cf7-ajax-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
        z-index: 9999999;
    }

    #cf7-ajax-modal {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 500px;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        border-radius: 12px;
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
        z-index: 99999999;
        font-family: Graphie;
        color: #ffffff;
        text-align: center;
    }

    #cf7-ajax-modal.show,
    #cf7-ajax-overlay.show {
        display: block !important;
    }

    .cf7-ajax-inner {
        padding: 50px 50px;
        position: relative;
    }

    .cf7-ajax-inner button {
        padding: 10px 20px;
        border-radius: 46px;
        border: none;
        margin-top: 15px;
    }

    #cf7-ajax-text {
        font-size: 22px;
        line-height: 1.5;
        margin: 0;
    }

    .cf7-ajax-close {
        position: absolute;
        top: 10px;
        right: 18px;
        font-size: 38px;
        cursor: pointer;
        opacity: 0.7;
    }

    .cf7-ajax-close:hover {
        opacity: 1;
    }

    .wpcf7-response-output {
        display: none !important;
    }

    .wpcf7-spinner {
        display: none;
    }

    #cf7-ajax-loading {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        z-index: 9999999999;
        justify-content: center;
        align-items: center;
    }

    #cf7-ajax-loading.active {
        display: flex;
    }

    .cf7-spinner {
        width: 45px;
        height: 45px;
        border: 4px solid #ccc;
        border-top-color: #000;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    .wpcf7-response-output {
        display: none !important;
    }

    .cf7-popup-open,
    .cf7-loading {
        overflow: hidden;
    }

    .wpcf7-not-valid-tip {
        margin-top: 8px !important;
    }


    /* .wpcf7 .row {
	padding: 20px !important;
} */

    .wpcf7 .email-col {
        padding: 20px !important;
    }

    .wpcf7 .massage-col {
        padding: 20px !important;
    }

    .wpcf7 button.wpcf7-submit {
        margin-left: auto;
        display: block;
    }

    .wpcf7 button.wpcf7-submit {
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        padding: 15px 25px !important;
        width: auto;
        margin-right: 22px;
        border-radius: 46px;
        color: #fff;
        font-size: 18px;
        border: none;
        cursor: pointer;
    }

    /* Blog detail */
    .post-content h4{
        font-size: 16px;
    }

    /* Quizz section */

    .quiz-form .question-content p {
        color: #FFF;
        text-align: center;
        font-family: Epilogue;
        font-size: 30px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: -0.64px;
    }

    .quiz-form .watu-questions-wrap {
        margin-top: 40px !important;
        display: flex;
        flex-direction: column;
        /* 🔑 ONE COLUMN */
        align-items: stretch;
        /* full width */
        gap: 20px;
        width: 100%;
    }

    .watu-2-columns li,
    .watu-2-columns .watu-question-choice {
        width: 100% !important;
        display: flex !important;
        align-items: stretch;
        padding: 15px !important;
        border-radius: 46px;
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: Graphie, sans-serif;
        font-size: 20px;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
        list-style: none;
        box-sizing: border-box;
        position: relative;
        margin: 0px;
    }

    /* Next Button */
    .watu-next-btn {
        padding: 15px 40px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    /* show answer button */
    .watu-show-answer-btn {
        padding: 15px 40px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    /* Submit button */
    .watu-submit-button {
        padding: 15px 40px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    .final-page {
        margin-top: 40px
    }

    .final-page .container {
        width: 100%;
    }

    .final-page .container p {
        padding-bottom: 20px;
        font-size: 18px;
    }

    /* Blog Page */
    .ajax-post-card {
        background: #ffffff00 !important;
        margin-bottom: 50px !important;
        display: flex;
        padding: 0px !important;
    }

    .ajax-post-image-wrapper .ajax-post-image {
        width: 100% !important;
        /* 		height: 100% !important; */
    }

    #ajax-posts .ajax-post-card {
        margin-bottom: 30px !important;
    }

    /* EVEN posts → image LEFT (default) */
    #ajax-posts .ajax-post-card:nth-child(even) {
        padding: 0px 20px !important;
        margin-bottom: 30px !important;
    }

    /* ODD posts → image RIGHT */
    #ajax-posts .ajax-post-card:nth-child(odd) {
        padding: 0px 20px !important;
    }

    .ajax-post-content .ajax-post-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .ajax-post-content .ajax-post-meta {
        margin: 20px 0px 20px 10px !important;
    }

    .load-more .load-more-post {
        margin: 0px auto 40px !important;
    }

    .post-content h3 {
        font-size: 20px !important;
        padding-top: 20px !important;
    }

    .post-content .img-wrapper {
        height: 260px;
    }

    .post-content ol {
        gap: 10px;
        padding-left: 16px;
    }

    .post-content ul {
        padding-left: 16px;
    }

    .post-content h5 {
        color: #787878;
        font-family: Graphie !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 25px;
        /* 150% */
        padding-bottom: 15px !important;
    }

    /* Newsletter */
	
	.subscribe input[type="email"] {
    	width: 55%;
		font-size: 18px !important;
	}
	
    .subscribe button {
        width: 45%;
        background: linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%) !important;
        cursor: pointer;
        padding: 20px 20px;
        border-radius: 46px;
        font-size: 18px !important;
        color: #fff
	}
	
	
	/* Subscribtion page */
	.site-main{
		padding: 0px 20px !important;
	}
	
	.entry-header .entry-title {
    	font-family: Graphie !important;
    	font-size: 30px;
	}
	
	.cf7av-confirmation-actions .button{
		color: #FFF;
		font-size: 18px !important;
		padding: 15px 40px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		border-radius: 36px !important;
		background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%)) !important;
	}


    /* Check 480px and add css here */
}

@media only screen and (max-width: 479px) {

    /* Home Page */
    .testimonial .elementor-star-rating .elementor-star-full {
        font-size: 20px !important;
    }

    /* Home page */
    .testimonial .elementor-testimonial__text {
        padding-top: 15px;
        text-align: center;
    }

    .testimonial .elementor-testimonial__name {
        display: block;
        padding-top: 20px;
        text-align: center;
    }

    /* 	 Blog Post */
    .ajax-post-image {
        width: 50% !important;
        height: 50% !important;
    }

    /* EVEN posts → image LEFT (default) */
    #ajax-posts .ajax-post-card:nth-child(even) {
        padding: 0px 10px !important;
    }

    /* ODD posts → image RIGHT */
    #ajax-posts .ajax-post-card:nth-child(odd) {
        padding: 0px 10px !important;
    }

    .load-more .load-more-post {
        display: block !important;
        margin: 0px auto 40px !important;
        font-size: 16px;
        cursor: pointer;
        background: #fff;
        border: 2px solid #00A99D;
        padding: 63px 30px;
        /* 		border-radius: 999px;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
    }


    /* Hover: text becomes white */
    /* 	.load-more .load-more-post:hover {
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		background-image: none !important;
		transform: translateY(-1.2px);
	}
 */
    /* Slight lift on hover */
    /* 	.load-more .load-more-post:hover {
		transform: rotate(-6deg);
	} */

    .load-more .load-more-post {
        font-size: 18px !important;
        /* ← Your font size here */

        /* 		background-image: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent;

		font-weight: 600;
		display: inline-block;
		transition: transform 1.3s cubic-bezier(0.4, 0, 0.2, 1); */
    }

    .post-content .img-wrapper {
        height: 300px !important;
    }

    /* Newsletter */
	.subscribe {
    	background-color: #ffffff;
    	padding: 10px 10px 10px 20px !important;
    	border-radius: 40px !important;
    	gap: 10px; /* space between input & button */
	}
	
	.subscribe input[type="email"] {
    	width: 54%;
		font-size: 16px !important;
	}
	
/*     .subscribe {
        background-color: #ffffff;
        padding: 10px 10px 10px 20px !important;
        border-radius: 40px !important;
        gap: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    } */

    .subscribe button {
        width: 46%;
        background: linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%) !important;
        cursor: pointer;
        padding: 15px 15px;
        border-radius: 46px;
        font-size: 16px !important;
        color: #fff;
    }

    .subscribe input[type="email"]::placeholder {
        color: #969696;
        font-family: Graphie;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .subscribe .wpcf7 {
        border: none !important;
    }

    .subscribe .wpcf7-form {
        border: none !important;
    }

    /* Hide the title/heading */
    .subscribe .wpcf7 h3,
    .subscribes.wpcf7 h2,
    .subscribe .wpcf7 .wpcf7-form-title {
        display: none !important;
    }

    /* Remove any default margins/padding */
    .subscribe .wpcf7 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Anchor point for validation message */
    .subscribe {
        position: relative;
    }

    /* Keep validation message outside newsletter layout */
    .subscribe .wpcf7-not-valid-tip {
        position: absolute;
        top: 100%;
        left: 20px;
        margin-top: 6px;
        font-size: 18px;
        line-height: 1.2;
        white-space: nowrap;
    }

    /* Quizz section */
    .quiz-form .question-content p {
        color: #FFF;
        text-align: center;
        font-family: Epilogue;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -0.64px;
    }

    .final-page {
        margin-top: 30px
    }

    .final-page .container {
        width: 100%;
    }

    .final-page .container p {
        padding-bottom: 20px;
        font-size: 18px;
    }
	
	/* subscribtion page */
	.cf7av-confirmation-icon {
    	font-size: 64px;
    	margin-bottom: 5px !important;
	}

	.cf7av-confirmation-actions .button {
        color: #FFF;
        font-size: 16px !important;
        padding: 15px 35px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-radius: 36px !important;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%)) !important;
    }
	
	.cf7av-confirmation-message {
    	font-size: 20px;
    	line-height: 28px !important;
    	color: #333;
    	margin-bottom: 20px !important;
	}

	.view-replies-btn {
    	background: transparent;
    	border: none;
    	font-size: 16px !important;
    	cursor: pointer;
    	color: #9F4DDF;
    	padding: 6px 9px !important;
	}
	
	.reply a {
    	font-size: 16px !important;
    	font-weight: 600;
    	color: #9F4DDF;
    	background: rgba(159, 77, 223, 0.1);
    	padding: 6px 14px !important;
    	border-radius: 20px;
    	transition: all 0.2s ease;
    	font-family: Graphie;
	}
	
	.reply {
        margin-top: 15px !important;
        display: flex;
        justify-content: end;
    }
	
	li.comment > ul.children {
        list-style: none;
        margin: 20px 0 20px 0px;
        padding-left: 20px;
        border-left: 2px solid #e2e8f0;
    }
	
	li.comment > ul.children {
        list-style: none;
        margin: 20px 0 20px 0px;
        padding-left: 10px !important;
        border-left: 2px solid #e2e8f0;
    }

	.comment-body {
    	background: #ffffff;
    	padding: 19px;
    	margin: 15px 0px 0px 0px;
    	border-radius: 16px;
    	border: 1px solid #edf2f7;
    	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    	transition: transform 0.2s ease, box-shadow 0.2s ease;
    	position: relative;
	}
	
	.comment-form-cookies-consent label {
        font-size: 16px !important;
        padding-left: 4px;
    }
	
	#submit {
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: color 1.3s cubic-bezier(0.4, 0, 0.2, 1);
        padding: 10px 20px;
        border-radius: 46px;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        border: none;
        color: #ffffff;
		font-size: 16px;
    }

    /* Check 375px and add css here */
}

@media only screen and (max-width: 374px) {

    /* Home Page */
    .home-banner h1 {
        font-size: 40px !important;
    }

    /* Contact-7 form */
    .wpcf7-not-valid-tip {
        margin-top: 8px !important;
    }

    .load-more .load-more-post {
        display: block !important;
        margin: 0px auto 40px;
        font-size: 16px;
        cursor: pointer;
        background: #fff;
        border: 2px solid #00A99D;
        padding: 53px 20px;
        border-radius: 999px;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }


    /* Hover: text becomes white */
    .load-more .load-more-post:hover {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background-image: none !important;
        transform: translateY(-1.2px);
    }

    /* Slight lift on hover */
    .load-more .load-more-post:hover {
        transform: rotate(-6deg);
    }

    .load-more .load-more-post {
        font-size: 16px !important;
        /* ← Your font size here */
        /* 		background-image: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		-webkit-text-fill-color: transparent; */

        font-weight: 600;
        /* 		display: inline-block;
		transition: transform 1.3s cubic-bezier(0.4, 0, 0.2, 1); */
    }

    .ajax-post-content .ajax-post-link {
        /*         position: relative;
        display: inline-block; */
        padding: 15px 25px;
        /*         margin-left: 10px !important;
        font-size: 16px !important;
        border-radius: 46px;
        overflow: hidden;
        background: var(--Gradient-Blue, linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%));
        z-index: 1;
        color: #fff;
        text-decoration: none; */
    }

    /* Blog detail */
    .blog-heading {
        font-size: 35px !important;
    }

    .post-content .img-wrapper {
        height: 250px !important;
    }

    /* Newsletter */
    .subscribe {
        background-color: #ffffff;
        padding: 10px 10px 10px 10px !important;
        border-radius: 40px !important;
        gap: 10px;
        /* space between input & button */
    }

    .subscribe input[type="email"] {
        font-size: 14px !important;
        width: 52%;
    }

    .subscribe button {
        width: 48%;
        background: linear-gradient(0deg, #00A99D 0.37%, #29ABE2 100.07%) !important;
        cursor: pointer;
        padding: 10px 10px;
        border-radius: 46px;
        font-size: 14px !important;
        color: #fff;
    }

    .subscribe input[type="email"]::placeholder {
        color: #969696;
        font-family: Graphie;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .subscribe .wpcf7 {
        border: none !important;
    }

    .subscribe .wpcf7-form {
        border: none !important;
    }

    /* Hide the title/heading */
    .subscribe .wpcf7 h3,
    .subscribes.wpcf7 h2,
    .subscribe .wpcf7 .wpcf7-form-title {
        display: none !important;
    }

    /* Remove any default margins/padding */
    .subscribe .wpcf7 {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Anchor point for validation message */
    .subscribe {
        position: relative;
    }

    /* Keep validation message outside newsletter layout */
    .subscribe .wpcf7-not-valid-tip {
        position: absolute;
        top: 100%;
        left: 20px;
        margin-top: 6px;
        font-size: 18px;
        line-height: 1.2;
        white-space: nowrap;
    }

    /* Prevent CF7 wrapper from affecting layout */
    .subscribe .wpcf7-form-control-wrap {
        position: static;
    }

    /* 	Quizz section */
    /* Quizz section */
    .quiz-form .question-content p {
        color: #FFF;
        text-align: center;
        font-family: Epilogue;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -0.64px;
    }

    .watu-2-columns li,
    .watu-2-columns .watu-question-choice {
        width: 100% !important;
        display: flex !important;
        align-items: stretch;
        padding: 15px !important;
        border-radius: 46px;
        background-color: #ffffff !important;
        color: #000000 !important;
        font-family: Graphie, sans-serif;
        font-size: 18px !important;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
        list-style: none;
        box-sizing: border-box;
        position: relative;
        margin: 0px;
    }

    .quiz-form label .answer {
        font-size: 18px;
    }

    /* Next Button */
    .watu-next-btn {
        padding: 15px 30px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        cursor: pointer;
    }

    /* show answer button */
    .watu-show-answer-btn {
        padding: 15px 30px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    /* Submit button */
    .watu-submit-button {
        padding: 15px 30px;
        background-color: #ffffff;
        border: none;
        border-radius: 46px;
        color: var(--Black, #000);
        font-family: Graphie;
        font-size: 18px !important;
        font-weight: 400;
        margin-top: 11px !important;
        cursor: pointer;
    }

    .watu-feedback p {
        text-align: center;
        color: #FFF;
        font-family: Epilogue;
        font-size: 18px;
        font-weight: 500;
        line-height: 29px;
        letter-spacing: -0.48px;
        padding-top: 25px;
    }

    .final-page {
        margin-top: 25px
    }

    .final-page .container {
        width: 100%;
    }

    .final-page .container p {
        padding-bottom: 20px;
        font-size: 16px;
    }
	
	/* Comment section */
	.comment-form-cookies-consent label {
        font-size: 14px !important;
        padding-left: 4px;
    }
	
	.comment-body p{
    	font-size: 14px
	}
	
	.blog-heading h1{
    	font-size: 30px !important;
		line-height: 1.3;
	}

	.reply {
        margin-top: 15px !important;
        display: flex;
        justify-content: space-between !important;
    }
    /* Check 320px and add css here */
}