/* 
Theme Name: Shingala Infotech
Theme URI: www.shingalainfotech.com
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Shingala Infotech
Author URI: www.shingalainfotech.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* Add your custom styles here */

:root {
    --header-width: 80px;
}

span.accon-number {
    font-size: 1rem;
    font-weight: 200;
    vertical-align: text-top;
}


.sub-heading {
    font-size: 24px;
    font-weight: 400;
}

@media(min-width: 1025px) {
    header {
        max-width: var(--header-width) !important;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: var(--header-width);
        background: #272727;
        z-index: 999 !important;
    }

    body>main.site-main {
        max-width: calc(100% - var(--header-width)) !important;
        margin-left: auto;
    }

    footer {
        max-width: calc(100% - var(--header-width)) !important;
        margin-left: auto;
    }

    .site-main {
        max-width: calc(100% - var(--header-width)) !important;
        margin-left: auto;
    }

}

@media (max-width: 767px) {
    span.accon-number {
        font-size: 0.875rem;
    }

    .sub-heading {
        font-size: 1rem;
    }

    .accordion-hover details::after {
        top: -8%;
        left: 20%;
        max-width: 250px;
        height: 155px;
    }
}

@media (max-width: 375px) {
    .accordion-hover details::after {
        display: none;
    }
}