/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.s_pro_img .woocommerce-product-gallery__trigger {
    display: none
}

.s_pro_content h2 {
    font-weight: 600;
    margin-top: 50px !important;
}

.s_pro_content h2>strong::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #1370B9;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    top: 25%;
    left: -40px;
    transform: rotate(45deg);
    animation: rotate 15s linear infinite;
    -webkit-animation: rotate 15s linear infinite;
}

.s_pro_content table>tbody>tr:nth-child(1)>td {
    font-size: 20px;
    background-color: #DCE5EE;
    color: #333;
}

.s_pro_content table {
    width: 100% !important;
    border-collapse: collapse;
    border: none;
    font-size: 14px;
}

.s_pro_content table tr td,th {
    text-align: left !important;
    vertical-align: middle !important;
    height: 60px !important;
}

.s_pro_content .gallery {
    display: flex !important;
    gap: 1.99%;
    flex-wrap: wrap;
}

.s_pro_content .gallery-columns-2 .gallery-item {
    width: 48% !important;
}

.s_pro_content .gallery-columns-3 .gallery-item {
    width: 32% !important;
}

.s_pro_content .gallery-columns-4 .gallery-item {
    width: 24% !important;
}

.s_pro_content .gallery-columns-5 .gallery-item {
    width: 19% !important;
}

.s_pro_content iframe {
    height: 720px !important;
}

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

    50% {
        transform: rotate(180deg);
    }

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

@media screen and (max-width: 660px) {
    .s_pro_content h2>strong:before {
        top:5%;
    }

    .s_pro_content table td,th {
        font-size: 12px;
        padding: 2px 2px 0 2px;
    }

    .s_pro_content h2 {
        font-size: 24px;
    }

    .s_pro_content h3 strong {
        font-weight: 500 !Important;
    }

    .s_pro_content iframe {
        height: auto !important;
    }

    .s_pro_content table>tbody>tr:nth-child(1)>td {
        font-size: 16px;
    }
}

.c_pro_box .product {
    width: 100% !important;
}

.c_pro_box .products::before {
    display: none !important;
}

@media (max-width: 767px) {
    .c_pro_box .products {
        grid-template-columns: repeat(1, 1fr);
    }
}