/*
Theme Name:        Silicon Child
Theme URI:         https://themeforest.net/user/madrasthemes/portfolio
Author:            MadrasThemes
Author URI:        https://themeforest.net/user/madrasthemes/
Description:       Child Theme of Silicon Multipurpose Business Theme. Silicon is a multipurpose WordPress Theme with focus in Technology Business niches.
Requires at least: WordPress 5.0
Template:          silicon
Version:           1.5.1
License:           GNU General Public License v3 or later
License URI:       LICENSE
Text Domain:       silicon-child
Tags:              two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;700&family=Space+Grotesk:wght@300;500&display=swap');

.dark-mode body {
    background-color: #13181B;
    overflow-x: hidden;
}

.dark-mode .bg-light:not(.badge), .dark-mode .card.card-hover.bg-light
{
	position: absolute;
	top: -35px;
}

.dark-mode .navbar-light .nav-item:hover > .nav-link {
    color:white!important;
}

.site-dark-logo {
    max-width:200px;
}

.site-light-logo {
    display:none; /* For now */
}

.glow {
    position: absolute;
    width: 100vw;
    height: 50vw;
    filter: brightness(1.2);
    transition: filter 1.5s ease;
}

.glow-bottom-right {
    margin-top: -25vw;
    right: -75vw;
    transition-delay: 350ms;
}

.glow-blue {
    background: radial-gradient(ellipse, rgba(63, 58, 123, 0.9) 0%, rgba(63, 58, 123, 0.2) 50%, transparent 65%);
}

.cta_card,
.cta_card .card-body {
    background-color: #13181B !important;
    border: 1px solid #ccc !important;
    border-radius: 40px;
}

p, span {
    font-family: 'Inter', sans-serif;
    color:white;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4, h1 span, h2 span, h3 span, h4 span {
    font-family: 'Space Grotesk', sans-serif;
}

#masthead {
    background: rgb(19 24 27 / 70%);
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body .page-wrapper .elementor .elementor-element .sn-description {
    font-family: 'Inter', sans-serif;
    color:white!important;
    font-weight:300;
}

.big_img {
    position: relative;
    left: -120%;
    max-width: 900px!important;
}

.small_img {
    position: relative;
    max-width: 350px!important;
    transform: translateY(-50%);
}

.CTAs h2 {
    font-size: 55px;
}

.CTA_UL {
    padding: 0;
}

.CTA_UL h5 {
    margin-bottom:0px;
}

.hero {
    z-index: 5;
}

.wave-bg {
    height: 490px;
    position: absolute;
    top: 60%;
}

.image-box-icon {
	background-color: #9798f7 !important;
	position: absolute;
    top: -70px;
    min-height: 82px;ho
}

.image-box-icon img {
    width: 52px;
}

.image-box {
	background: 0.9;
	border-style: solid;
	border-color: #ffffff !important;
	border-width: 1px;
}

#menu-navigation {
    margin-right: 0 !important;
}

.navbar-expand-lg .offcanvas-body {
    justify-content: flex-end;
}

.contact-menu.btn {
    padding: 0;
}

.home-case-studies .swiper-slide .card {
    padding: 30px;
    border: 1px solid #F5F5F54D !important;
    border-radius: 30px;
}

.home-case-studies .swiper-slide .card-img-top {
    border-radius: 20px !important;
    max-height: 332px;
    border: 1px solid #CCCCCC;
}

.case-studies::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 1000px;
    background: radial-gradient(circle at 90%, #373665 , #13181B, transparent 70%);
    filter: blur(50px);
}

.how-does-it-work li.nav-item {
    border: 1px solid #cccccc;
    border-radius: 40px;
}

.how-does-it-work li.nav-item a {
    border-radius: 40px !important;
}

.elementor-shape {
    width:125%;
    margin-left:-25%;
}

@media (min-width: 990px) {
    .dashboard-img-container {
        max-width: 50vw;
        margin-top: 10vh;
    }
    
    .cta_card,
    .cta_card .card-body {
        min-height: 255px;
    }
}

@media (max-width: 1024px) {
    .how-works-col-3 {
        width: 100% !important;
    }
    
    .elementor-element-6f033eb4 .nav-link {
        padding: 30px!important;
    }
    
    .elementor-6339 .elementor-element.elementor-element-23b89295:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6339 .elementor-element.elementor-element-23b89295 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background:none;
        text-align:center;
    }
}

@media (max-width: 991px) {
    .hero {
        display: flex;
    }
    
    .glow {
        display:none;
    }
    
    .hero .container {
        flex-grow: 1;
        max-width: 100%;
    }
    
    .hero .container .dashboard-img-container {
        padding: 0;
    }
    
    .offcanvas-body {
        overflow-y: visible !important;
        background-color: #131022 !important;
    }
    
    .cta_image_container {
        display: none;
    }
    
    .CTAs {
        margin: 0 20px;
    }
    
    .big_img {
        left: -50%;
    }
    
}

@media (max-width: 768px) {
    .CTAs {
        overflow: hidden;
    }
    
    .cta_card .card-body {
        justify-content: center;
    }
    
    .CTA_intro h2 {
        font-size: 30px;
    }
}

@media (min-width: 413px) and (max-width: 768px) {
    .small_img {
        transform: translate(80%, -70%);
    }
    
    .CTA_intro {
        padding: 0 30px 0 60px;
    }
    
    .wave-bg {
        top: 40%;
    }
}

@media (max-width: 412px) {
    .wave-bg {
        top: 0;
    }
    
    .image-box-icon {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .elementor-widget-image-box::not(:last-of-type) .cta_card {
        margin: 60px 0 90px !important;
    }
    
    .big_img {
        width: 350px;
        left: -20%;
    }
    
    .small_img {
        max-width: 170px!important;
        transform: translate(120%, -100%);
    }
    
    .CTA_intro {
        text-align: center;
    }
    
    .CTA_UL li img {
        margin-bottom: 30px;
    }
    
    .case-studies::after {
        background: radial-gradient(circle at 90%, #373665 , #13181B, transparent 140%);
    }
    
    
    /* Footer */
    .footer .footer-inner {
        padding: 0;
    }
    
    .footer .footer-left .e-con-inner,
    .footer .footer-right .e-con-inner{
        flex-wrap: nowrap;
    }
    
    .footer .footer-left {
        border-bottom: 1px solid #8685EF;
    }
    
    .footer .footer-left .footer-left-img {
        flex: 40% 1 1;
    }
    
    .footer .footer-left .footer-left-text {
        flex: 80% 1 1;
    }
}