/*
Theme Name: School Lab
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*************************** COMMON DETAILS START ***************************/
.common-details ul {
    padding-left: 30px;
}

.common-details ul li {
    list-style: none;
    position: relative;
}

.common-details ul li::before {
    content: '' !important;
    position: absolute !important;
    width: 5px !important;
    height: 5px !important;
    top: 11px !important;
    left: -20px !important;
    background-color: var(--e-global-color-text);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.common-details.black-list-item ul li::before {
    background-color: #000000 !important;
}

/*************************** COMMON DETAILS END ***************************/

/*************************** HEADER START ***************************/
.cmn-form .elementor-field-group button,
.common-button a ,
.zi-search-field button{
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.cmn-form .elementor-field-group button::before,
.cmn-form .elementor-field-group button::after,
.common-button a::before,
.common-button a::after,
.zi-search-field button::before,
.zi-search-field button::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
    transition: opacity 0.5s ease-in-out !important;
    -webkit-transition: opacity 0.5s ease-in-out !important;
    -moz-transition: opacity 0.5s ease-in-out !important;
    -ms-transition: opacity 0.5s ease-in-out !important;
    -o-transition: opacity 0.5s ease-in-out !important;
}

.cmn-form .elementor-field-group button::before,
.black-button a::before,
.zi-search-field button::before {
    background: linear-gradient(314deg, #000000 52.57%, #9A9A9A 100%) !important;
    z-index: -1 !important;
    z-index: -1 !important;
    opacity: 1 !important;
}

.cmn-form .elementor-field-group button::after,
.black-button a::after,
.zi-search-field button::after{
    background: linear-gradient(134deg, #000000 52.57%, #9A9A9A 100%) !important;
    opacity: 0 !important;
}

.cmn-form .elementor-field-group button:hover::after,
.black-button a:hover::after,
.zi-search-field button:hover::after{
    opacity: 1 !important;
}

.cmn-form .elementor-field-group button:hover::before,
.black-button a:hover::before,
.zi-search-field button:hover::before{
    opacity: 0 !important;
}

.red-button a::before {
    background: linear-gradient(292.13deg, #EB0101 72.53%, #FFBFBF 98.16%) !important;
    z-index: -1 !important;
    opacity: 1 !important;
}

.red-button a::after {
    background: linear-gradient(134deg, #EB0101 72.53%, #FFBFBF 98.16%) !important;
    opacity: 0 !important;
}

.red-button a:hover::after {
    opacity: 1 !important;
}

.red-button a:hover::before {
    opacity: 0 !important;
}
.search-close-icon a svg path{
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.search-close-icon a:hover svg path{
    stroke: #EB0101 !important;
    fill: #EB0101 !important;
}
/*************************** HEADER END ***************************/

/*************************** HOME PAGE HERO SECTION START ***************************/
.common-title span {
    font-family: 'Playfair Display';
    font-style: italic;
}

.home-banner-img-carousel .elementor-swiper-button svg,
.product-loop-carousel .elementor-swiper-button svg {
    height: 16px !important;
}

/*************************** HOME PAGE HERO SECTION END ***************************/

/*************************** HOME PAGE WHO WE ARE SECTION START ***************************/
.who-we-are-icon-box .elementor-icon {
    background: linear-gradient(135deg, #D9D9D9 4.29%, #2A2A2A 100%) !important;
}

.who-we-are-icon-box .elementor-icon-box-title {
    margin: 0 !important;
}

/*************************** HOME PAGE WHO WE ARE SECTION END ***************************/

/*************************** HOME PAGE NEWS SECTION START ***************************/
.news-item {
    transition: 0.5s ease-in-out !important;
    -webkit-transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
}

.news-item:hover {
    box-shadow: 0px 57px 115px rgba(0, 0, 0, 0.05), 0px 23.8132px 48.0443px rgba(0, 0, 0, 0.0359427), 0px 12.7317px 25.6868px rgba(0, 0, 0, 0.0298054), 0px 7.13728px 14.3998px rgba(0, 0, 0, 0.025), 0px 3.79056px 7.64762px rgba(0, 0, 0, 0.0201946), 0px 1.57734px 3.18234px rgba(0, 0, 0, 0.0140573) !important;
}

.news-item-title .elementor-heading-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-item-thumbnail-img a {
    display: block !important;
}

.news-item-read-more-btn .elementor-button-icon svg {
    width: 16px !important;
    height: 14px !important;
}

.news-item-read-more-btn .elementor-button-icon svg path {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.news-item-read-more-btn a:hover .elementor-button-icon svg path {
    fill: #EB0101 !important;
}

.news-item-info ul li {
    position: relative !important;
}

.news-item-info ul.elementor-icon-list-items li.elementor-icon-list-item:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    top: 12px !important;
    right: -14px !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #000000 !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

/*************************** HOME PAGE NEWS SECTION END ***************************/

/*************************** HOME PAGE CONTACT SECTION START ***************************/
.cmn-form form .elementor-field-group span.elementor-message {
    position: absolute !important;
    top: 100% !important;
    margin: 0 !important;
}

.cmn-form form .elementor-field-group:has(span.elementor-message) {
    margin-bottom: 30px !important;
}

.cmn-form form>.elementor-message {
    text-align: center;
}

.contact-icon-box .elementor-icon-box-icon .elementor-icon {
    background: linear-gradient(135deg, #D9D9D9 4.29%, #2A2A2A 100%);
}

.contact-icon-box .elementor-icon-box-title {
    margin-top: 0;
}

.contact-icon-box .elementor-icon-box-description a {
    color: var(--e-global-color-text);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.contact-icon-box .elementor-icon-box-description a:hover {
    color: var(--e-global-color-primary);
}

/*************************** HOME PAGE CONTACT SECTION END ***************************/

/*************************** HOME PAGE PRODUCTS SECTION START ***************************/
.product-loop-carousel .swiper {
    overflow: visible !important;
    /* clip-path: inset(0 -200% 0 0);  */
}

.product-item {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    height: 100% !important;
}

.product-item:hover {
    box-shadow: 0px 57px 115px rgba(0, 0, 0, 0.05), 0px 23.8132px 48.0443px rgba(0, 0, 0, 0.0359427), 0px 12.7317px 25.6868px rgba(0, 0, 0, 0.0298054), 0px 7.13728px 14.3998px rgba(0, 0, 0, 0.025), 0px 3.79056px 7.64762px rgba(0, 0, 0, 0.0201946), 0px 1.57734px 3.18234px rgba(0, 0, 0, 0.0140573);
}

/*************************** HOME PAGE PRODUCTS SECTION END ***************************/

/*************************** ABOUT PAGE WHO WE ARE SECTION START ***************************/
.about-description ul li:not(:last-child) {
    margin-bottom: 10px !important;
}

/*************************** ABOUT PAGE WHO WE ARE SECTION END ***************************/

/*************************** OUR PRODUCTS PAGE JOIN POSITIVE VIBE SECTION START ***************************/
.join-positive-vibe-gallery figure img {
    width: 100% !important;
    height: 354px !important;
    object-fit: cover !important;
}

/*************************** OUR PRODUCTS PAGE JOIN POSITIVE VIBE SECTION END ***************************/

/*************************** OUR PRODUCTS PAGE JOIN POSITIVE VIBE SECTION END ***************************/

/*************************** MEDIA QUERIES START ***************************/
@media(max-width: 1366px) {

    .about-who-we-are-top-left-wrapper,
    .about-education-detail-left-wrapper {
        width: 40% !important;
    }

    .about-who-we-are-top-right-wrapper,
    .about-education-detail-rightt-wrapper {
        width: 60% !important;
    }

    .join-positive-vibe-gallery figure img {
        height: 300px !important;
    }
}

@media(max-width: 1024px) {

    .about-who-we-are-top-left-wrapper,
    .about-who-we-are-top-right-wrapper {
        width: 50% !important;
    }
}

@media(max-width: 880px) {
    .news-item-info ul.elementor-icon-list-items li.elementor-icon-list-item:not(:last-child)::after {
        top: 10px !important;
    }

    .about-education-detail-left-wrapper,
    .product-description-left-block {
        width: 70% !important;
    }

    .about-who-we-are-top-left-wrapper,
    .about-who-we-are-top-right-wrapper,
    .about-education-detail-right-wrapper,
    .product-description-right-block {
        width: 100% !important;
    }

    .join-positive-vibe-gallery figure img {
        height: 250px !important;
    }
}

@media(max-width: 767px) {

    .about-education-detail-left-wrapper,
    .product-description-left-block {
        width: 80% !important;
    }

    .join-positive-vibe-gallery .gallery {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media(min-width: 575px) and (max-width: 767px) {
    .common-grid {
        --e-con-grid-template-columns: repeat(2, 1fr) !important;
    }

    .news-posts-grid .elementor-loop-container.elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media(max-width: 575px) {
    .cmn-form form .elementor-field-group:has(span.elementor-message) {
        margin-bottom: 40px !important;
    }

    .join-positive-vibe-gallery .gallery-item {
        max-width: 100% !important;
    }
}

/*************************** MEDIA QUERIES END ***************************/