/*
Theme Name: Shell Square
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 Style Start ==================== */
html,
body {
    overflow-x: hidden;
}

.common-details>*:last-child {
    margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}

.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
    margin-bottom: 15px;
}

.elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================== Common Style End ==================== */

/* ==================== Header Style Start ==================== */
.h-menu .hfe-nav-menu__toggle:focus-visible,
.h-menu .hfe-nav-menu-icon:focus-visible {
    outline: none !important;
}

.h-menu a {
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}

.h-menu .hfe-nav-menu {
    align-items: center;
}

.h-menu ul.sub-menu {
    box-shadow: 0px 26px 26px 0px rgba(0, 0, 0, 0.09), 0px 57px 34px 0px rgba(0, 0, 0, 0.05), 0px 102px 41px 0px rgba(0, 0, 0, 0.01), 0px 160px 45px 0px rgba(0, 0, 0, 0.00);
}

.h-menu .hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}

.h-menu ul.sub-menu li:first-child,
.h-menu ul.sub-menu li:first-child.current_page_item>a,
.h-menu ul.sub-menu li:first-child a:hover {
    border-radius: 20px 20px 0 0 !important;
    -webkit-border-radius: 20px 20px 0 0 !important;
    -moz-border-radius: 20px 20px 0 0 !important;
    -ms-border-radius: 20px 20px 0 0 !important;
    -o-border-radius: 20px 20px 0 0 !important;
}

.h-menu ul.sub-menu li:last-child,
.h-menu ul.sub-menu li:last-child.current_page_item>a,
.h-menu ul.sub-menu li:last-child a:hover {
    border-radius: 0 0 20px 20px !important;
    -webkit-border-radius: 0 0 20px 20px !important;
    -moz-border-radius: 0 0 20px 20px !important;
    -ms-border-radius: 0 0 20px 20px !important;
    -o-border-radius: 0 0 20px 20px !important;
}

.h-menu ul.sub-menu li:only-child>a,
.h-menu ul.sub-menu li:only-child>a:hover,
.h-menu ul.sub-menu li:only-child.current_page_item>a {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.h-menu .hfe-nav-menu-icon {
    padding: 0 !important;
}

.h-menu .hfe-menu-toggle:hover {
    border: none !important;
}

.h-menu.hfe-menu-item {
    width: 100% !important;
}

html.menu-open {
    overflow: hidden;
}

/* ==================== Header Style End ==================== */

/* ==================== Home Page Start ==================== */
.bnr-img {
    width: 100%;
    height: 100%;
}

.bnr-title .elementor-heading-title span {
    display: block;
    color: #54B848 !important;
}

.get-started-btn .elementor-button-link:hover .elementor-button-icon svg {
    fill: transparent !important;
}

.get-started-btn .elementor-button-link:hover .elementor-button-icon svg path {
    stroke: #54B848 !important;
}

.why-choose-details-block .why-choose-details-icon .elementor-icon-wrapper .elementor-icon,
.why-choose-details-block .why-choose-details-icon .elementor-icon-wrapper .elementor-icon svg path,
.why-choose-details-block {
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.why-choose-details-block:hover .why-choose-details-icon .elementor-icon-wrapper .elementor-icon {
    background-color: #54B848 !important;
}

.why-choose-details-block:hover .why-choose-details-icon .elementor-icon-wrapper .elementor-icon svg path {
    fill: #FFFFFF !important;
}

/* ==================== Home Page End ==================== */

/* ==================== Services Page Start ==================== */
.services-bnr {
    position: relative;
}

.services-bnr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}

.advancing-semiconductor-details ul li::marker {
    font-size: 20px !important;
    color: #54B848 !important;
}

.engineering-details {
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.10), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
}

.life-shell-square-img a {
    width: 100% !important;
}

.cmn-box-shadow {
    box-shadow: 0px 4px 26px -1px rgba(0, 0, 0, 0.10);
}

.stats-item .elementor-counter {
    flex-direction: row-reverse !important;
}

/* ==================== Services Page End ==================== */

/* ==================== Header Style Start ==================== */
@media (min-width: 1367px) and (max-width: 1560px) {
    .bnr-title .elementor-heading-title {
        font-size: 56px !important;
        line-height: 56px !important;
    }

    .home-bnr-img img {
        height: 520px !important;
    }
}

@media (max-width: 1200px) {

    .common-details h1,
    .common-details h2,
    .common-details h3,
    .common-details h4,
    .common-details h5,
    .common-details h6,
    .common-details ul,
    .common-details ol {
        margin-bottom: 15px;
    }

    .common-details ul li,
    .common-details ol li {
        margin-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .h-menu .hfe-nav-menu .menu-item.menu-item-has-children .sub-menu {
        width: 100% !important;
    }

    .h-menu .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        display: block !important;
    }

    .h-menu .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        position: relative !important;
        height: 100vh !important;
        align-content: flex-start !important;
        overflow: auto !important;
        padding: 0 0 140px 0 !important;
    }

    .h-menu .hfe-nav-menu,
    .h-menu .hfe-nav-menu__layout-horizontal,
    .h-menu .hfe-nav-menu__layout-vertical {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .h-menu .hfe-nav-menu .hfe-dropdown {
        display: block !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        left: 100% !important;
        padding: 0px !important;
        top: 77px !important;
        transition: all 0.4s ease-in-out !important;
        -webkit-transition: all 0.4s ease-in-out !important;
        -moz-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
    }

    .h-menu .hfe-nav-menu .hfe-dropdown.menu-is-active {
        left: 0px !important;
        margin-top: 0 !important;
        border-radius: unset !important;
        -webkit-border-radius: unset !important;
        -moz-border-radius: unset !important;
        -ms-border-radius: unset !important;
        -o-border-radius: unset !important;
    }

    .h-menu ul.sub-menu li:only-child>a,
    .h-menu ul.sub-menu li:only-child>a:hover,
    .h-menu ul.sub-menu li:only-child.current_page_item>a,
    .h-menu ul.sub-menu li:last-child a:hover,
    .h-menu ul.sub-menu li:first-child a:hover {
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    }
}

@media (max-width: 767px) {
    .h-menu .hfe-nav-menu .hfe-dropdown {
        top: 73px !important;
    }

    .contact-info-icon .elementor-icon-wrapper .elementor-icon {
        padding: 12px !important;
        border-radius: 16px !important;
        -webkit-border-radius: 16px !important;
        -moz-border-radius: 16px !important;
        -ms-border-radius: 16px !important;
        -o-border-radius: 16px !important;
    }
}

@media (max-width: 575px) {
    .common-width-style {
        width: 100% !important;
    }

    .stats-block {
        width: 100% !important;
        flex-direction: row !important;
        gap: 14px !important;
    }

    .stats-item .elementor-counter {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    .celebrations-shellsquare-grid,
    .why-choose-grid-block {
        display: flex !important;
        flex-direction: column !important;
    }
}

/* ==================== Header Style End ==================== */