.elementor-6361 .elementor-element.elementor-element-6311b00{width:100%;max-width:100%;}.elementor-6361 .elementor-element.elementor-element-4faf9632 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6361 .elementor-element.elementor-element-390f507 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6361 .elementor-element.elementor-element-32884b15{width:auto;max-width:auto;}.elementor-6361 .elementor-element.elementor-element-32884b15 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-6361 .elementor-element.elementor-element-32884b15 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6361 .elementor-element.elementor-element-32884b15 .sn-button-icon{font-size:20px !important;}.elementor-6361 .elementor-element.elementor-element-518f86b6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6361 .elementor-element.elementor-element-3e4754e9 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-6361 .elementor-element.elementor-element-3e4754e9 iframe{height:460px;}.elementor-6361 .elementor-element.elementor-element-3e4754e9 img{height:460px !important;}.elementor-6361 .elementor-element.elementor-element-3e03acb2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6361 .elementor-element.elementor-element-43316da0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-6361 .elementor-element.elementor-element-44c7eccc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6361 .elementor-element.elementor-element-44c7eccc .elementor-divider-separator{width:100%;}.elementor-6361 .elementor-element.elementor-element-44c7eccc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}/* Start custom CSS for html, class: .elementor-element-6311b00 *//* =========================================================
   NAMU SEMICONDUCTOR CONTACT BANNER
   UPDATED SEMICONDUCTOR CSS
========================================================= */


/* =========================================================
   SEMICONDUCTOR ICON WRAPPER
========================================================= */

.namu-semicon {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 8;

    animation-name: namu-semicon-float;
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

    pointer-events: none;
}


/* =========================================================
   CHIP BODY
========================================================= */

.semicon-body {

    position: relative;

    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(235,240,248,.90)
        );

    border: 1.5px solid rgba(39,103,217,.45);

    color: #2767d9;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;

    box-shadow:
        0 10px 25px rgba(39,103,217,.10),
        inset 0 1px 1px rgba(255,255,255,.9);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);

    overflow: visible;
}


/* =========================================================
   INNER CHIP
========================================================= */

.semicon-body span {

    position: relative;

    z-index: 5;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 6px;

    background:
        linear-gradient(
            145deg,
            #eef3fb,
            #dce5f4
        );

    border: 1px solid rgba(39,103,217,.25);

    color: #2767d9;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .6px;
}


/* =========================================================
   CHIP PINS
========================================================= */

.semicon-body::before {

    content: "";

    position: absolute;

    top: -9px;
    bottom: -9px;

    left: 8px;
    right: 8px;

    z-index: -1;

    background:
        repeating-linear-gradient(
            to right,

            transparent 0,
            transparent 7px,

            #2767d9 7px,
            #2767d9 9px,

            transparent 9px,
            transparent 15px
        );

    opacity: .75;
}


/* =========================================================
   SIDE PINS
========================================================= */

.semicon-body::after {

    content: "";

    position: absolute;

    left: -9px;
    right: -9px;

    top: 8px;
    bottom: 8px;

    z-index: -1;

    background:
        repeating-linear-gradient(
            to bottom,

            transparent 0,
            transparent 7px,

            #2767d9 7px,
            #2767d9 9px,

            transparent 9px,
            transparent 15px
        );

    opacity: .75;
}


/* =========================================================
   CHIP POSITIONS
========================================================= */

.semicon-1 {

    left: 7%;
    top: 14%;

    animation-delay: 0s;
}


.semicon-2 {

    right: 8%;
    top: 10%;

    transform: scale(.72);

    animation-delay: -1.4s;
}


.semicon-3 {

    left: 26%;
    bottom: 11%;

    transform: scale(.88);

    animation-delay: -2.5s;
}


.semicon-4 {

    right: 29%;
    top: 8%;

    transform: scale(.62);

    animation-delay: -3.5s;
}


.semicon-5 {

    right: 7%;
    bottom: 14%;

    transform: scale(.68);

    animation-delay: -4.5s;
}


/* =========================================================
   FLOATING ANIMATION
========================================================= */

@keyframes namu-semicon-float {

    0% {

        transform:
            translate3d(0,0,0)
            rotate(0deg);
    }

    25% {

        transform:
            translate3d(5px,-8px,0)
            rotate(1deg);
    }

    50% {

        transform:
            translate3d(0,-14px,0)
            rotate(0deg);
    }

    75% {

        transform:
            translate3d(-5px,-7px,0)
            rotate(-1deg);
    }

    100% {

        transform:
            translate3d(0,0,0)
            rotate(0deg);
    }
}


/* =========================================================
   CIRCUIT LINES
========================================================= */

.semicon-line {

    position: absolute;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(39,103,217,.20) 25%,
            rgba(39,103,217,.42) 50%,
            rgba(39,103,217,.20) 75%,
            transparent 100%
        );

    opacity: .65;

    z-index: 2;

    pointer-events: none;
}


/* Line 1 */

.line-1 {

    width: 145px;

    left: 12%;
    top: 31%;

    transform: rotate(12deg);
}


/* Line 2 */

.line-2 {

    width: 120px;

    right: 14%;
    top: 33%;

    transform: rotate(-15deg);
}


/* Line 3 */

.line-3 {

    width: 135px;

    left: 27%;
    bottom: 27%;

    transform: rotate(-8deg);
}


/* Line 4 */

.line-4 {

    width: 105px;

    right: 20%;
    bottom: 30%;

    transform: rotate(14deg);
}


/* =========================================================
   CIRCUIT NODES
========================================================= */

.semicon-node {

    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #ff6900;

    box-shadow:
        0 0 10px rgba(255,105,0,.45);

    z-index: 10;

    animation:
        namu-node-pulse 2.8s ease-in-out infinite;

    pointer-events: none;
}


.node-1 {

    left: 20%;
    top: 32%;
}


.node-2 {

    right: 22%;
    top: 35%;

    animation-delay: -.7s;
}


.node-3 {

    left: 38%;
    bottom: 23%;

    animation-delay: -1.4s;
}


.node-4 {

    right: 17%;
    bottom: 28%;

    animation-delay: -2s;
}


/* =========================================================
   NODE ANIMATION
========================================================= */

@keyframes namu-node-pulse {

    0%,
    100% {

        opacity: .3;

        transform: scale(.7);
    }

    50% {

        opacity: 1;

        transform: scale(1.25);
    }
}


/* =========================================================
   LIGHT MODE GLOW
========================================================= */

.namu-banner-visual::before {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: 12%;
    top: 15%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(39,103,217,.08),
            transparent 68%
        );

    filter: blur(15px);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   DARK MODE
========================================================= */

.dark-mode .semicon-body,
.dark .semicon-body,
body.dark-mode .semicon-body {

    background:
        linear-gradient(
            145deg,
            rgba(40,38,54,.96),
            rgba(22,20,32,.96)
        );

    border-color:
        rgba(255,105,0,.42);

    color: #ff6900;

    box-shadow:
        0 12px 28px rgba(0,0,0,.35),
        0 0 16px rgba(255,105,0,.06);
}


.dark-mode .semicon-body span,
.dark .semicon-body span,
body.dark-mode .semicon-body span {

    background:
        linear-gradient(
            145deg,
            #292636,
            #1c1a27
        );

    border-color:
        rgba(255,105,0,.25);

    color: #ff6900;
}


.dark-mode .semicon-body::before,
.dark .semicon-body::before,
body.dark-mode .semicon-body::before {

    background:
        repeating-linear-gradient(
            to right,

            transparent 0,
            transparent 7px,

            #ff6900 7px,
            #ff6900 9px,

            transparent 9px,
            transparent 15px
        );

    opacity: .55;
}


.dark-mode .semicon-body::after,
.dark .semicon-body::after,
body.dark-mode .semicon-body::after {

    background:
        repeating-linear-gradient(
            to bottom,

            transparent 0,
            transparent 7px,

            #ff6900 7px,
            #ff6900 9px,

            transparent 9px,
            transparent 15px
        );

    opacity: .55;
}


/* Dark circuit lines */

.dark-mode .semicon-line,
.dark .semicon-line,
body.dark-mode .semicon-line {

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,105,0,.20),
            rgba(255,105,0,.38),
            rgba(255,105,0,.20),
            transparent
        );

    opacity: .5;
}


/* Dark visual glow */

.dark-mode .namu-banner-visual::before,
.dark .namu-banner-visual::before,
body.dark-mode .namu-banner-visual::before {

    background:
        radial-gradient(
            circle,
            rgba(255,105,0,.10),
            transparent 68%
        );
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .semicon-body {

        width: 58px;
        height: 58px;
    }

    .semicon-body span {

        width: 31px;
        height: 31px;
    }

    .semicon-1 {

        left: 5%;
    }

    .semicon-3 {

        left: 22%;
    }

    .semicon-5 {

        right: 5%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .namu-semicon {

        transform: scale(.55);
    }

    .semicon-1 {

        left: 0%;
        top: 5%;
    }

    .semicon-2 {

        right: 0%;
        top: 2%;
    }

    .semicon-3 {

        left: 15%;
        bottom: 5%;
    }

    .semicon-4 {

        right: 22%;
        top: 0%;
    }

    .semicon-5 {

        right: 0%;
        bottom: 8%;
    }

    .semicon-line {

        opacity: .25;
    }

    .semicon-node {

        width: 5px;
        height: 5px;
    }

}/* End custom CSS */