/**
Theme Name: Cosion Child
Author: ThemeOri
Author URI: https://themeforest.net/user/themeori/
Description: Child theme for the Cosion theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cosion-child
Template: cosion
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe8c12;
}

.scroll-up svg.scroll-circle path {
    stroke: #fe8c12;
}

.scroll-up::after {
    color: #fe8c12 !important;
}

.elementor-2045
    .elementor-element.elementor-element-3d8d0fd
    > .elementor-background-overlay {
    background-image: linear-gradient(
        302deg,
        #14133b 0%,
        #fe8c12 100%
    ) !important;
}

#digihood-infinity {
    margin-bottom: 0 !important;
}

.header_nav-menu-responsive .nav_menu_bar-popup-top-logo a img {
    width: 150px !important;
}

.flexitype-builder-logo {
    text-align: left;
}

.header_nav-menu-responsive .nav_menu_bar-popup ul .menu-button {
    margin-top: 10px;
}

.header_nav-menu ul .menu-item > a {
    font-family: "Lato", Sans-serif !important;
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 26px;
    color: #000 !important;
}

.menu-button a {
    font-family: "Lato", Sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    color: #ffffff !important;
    background: var(--e-global-color-e01a886) !important;
    border-radius: 50px 50px 50px 50px !important;
    padding: 18px 40px 19px 40px !important;
    gap: 6px !important;
    overflow: hidden !important;
    transition: 0.4s !important;
    display: inline-flex !important;
    position: relative !important;
    z-index: 3 !important;
}

.header_nav-menu ul .menu-item.menu-button > a,
.menu-button a:hover {
    color: #ffffff !important;
}

.menu-button a::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #030a15 !important;
    transform-origin: 100% 50%;
    transform: scale3d(1, 2, 1);
    transition:
        transform 0.4s,
        opacity 0.4s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.menu-button a:hover::before {
    transform: scale3d(10, 9, 1) !important;
    transform-origin: 100% 55% !important;
    background: #030a15 !important;
}

.elementor-element-32cf537b .elementor-widget,
.elementor-element-32cf537b .icon__box-item,
.elementor-element-32cf537b .elementor-widget-container {
    height: 100% !important;
}

.elementor-6479
    .elementor-element.elementor-element-424e0ab
    .elementor-icon-list-icon
    svg,
.elementor-6479
    .elementor-element.elementor-element-2762629
    .elementor-icon-list-icon
    svg {
    fill: #fe8c12 !important;
}

/*
#what-we-do .title p {
    text-align: justify !important;
}*/

.icon__box-item.box_image .icon__box-image {
    text-align: center !important;
}

@media (max-width: 767px) {
    .elementor-6479
        .elementor-element.elementor-element-383959f
        .banner-content {
        padding: 0 !important;
    }

    .elementor-6479 .elementor-element.elementor-element-728cb51c {
        padding-top: 0 !important;
    }

    /*our work drives sekce*/
    .elementor-element-73ce60a .elementor-widget-image img {
        text-align: center !important;
    }

    .elementor-6479
        .elementor-element.elementor-element-de030c0
        > .elementor-element-populated,
    .elementor-6479 .elementor-element.elementor-element-fe593b2,
    .elementor-6479
        .elementor-element.elementor-element-1407c5f
        > .elementor-element-populated,
    .elementor-6479
        .elementor-element.elementor-element-c9cb5f4
        > .elementor-element-populated {
        margin-top: 0;
    }

    .elementor-6479 .elementor-element.elementor-element-7dcef94 {
        padding-top: 0 !important;
    }

    .elementor-element-fe593b2
        .elementor-column-gap-default
        .elementor-element-populated,
    .elementor-element-ebf3ad1
        .elementor-column-gap-default
        .elementor-element-populated {
        margin-top: 25px !important;
    }

    .elementor-element-ebf3ad1 .elementor-widget-image {
        text-align: center !important;
    }

  .elementor-6912 .elementor-element.elementor-element-de08ca6 .banner-content,
    .elementor-6870 .elementor-element.elementor-element-de08ca6 .banner-content
    {
        padding: 50px 0px 50px 0px !important;
    }

}