/* /Components/Layout/Footer.razor.rz.scp.css */
/******
Primary color: #478fed; #0072f6
*********/
#footer[b-wd2swlflkh] {
    font-size: 14px;
}

    #footer .footer-top[b-wd2swlflkh] {
        padding: 60px 0 30px 0;
        background: #e6eaeb;
        opacity: 0.7;
    }

        #footer .footer-top .footer-contact[b-wd2swlflkh] {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-contact h5[b-wd2swlflkh] {
                font-size: 18px;
                margin: 0 0 10px 0;
                padding: 2px 0 2px 0;
                line-height: 1;
                text-transform: uppercase;
                font-weight: 600;
                color: #000;
            }

            #footer .footer-top .footer-contact p[b-wd2swlflkh] {
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                font-family: "Jost", sans-serif;
                color: #000;
            }

        #footer .footer-top h4[b-wd2swlflkh] {
            font-size: 16px;
            font-weight: bold;
            color: #37517e;
            position: relative;
            padding-bottom: 12px;
        }

        #footer .footer-top .footer-links[b-wd2swlflkh] {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-links ul[b-wd2swlflkh] {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #footer .footer-top .footer-links ul i[b-wd2swlflkh] {
                    padding-right: 2px;
                    color: #0072f6;
                    font-size: 18px;
                    line-height: 1;
                }

                #footer .footer-top .footer-links ul li[b-wd2swlflkh] {
                    padding: 10px 0;
                    display: flex;
                    align-items: center;
                }

                    #footer .footer-top .footer-links ul li:first-child[b-wd2swlflkh] {
                        padding-top: 0;
                    }

                #footer .footer-top .footer-links ul a[b-wd2swlflkh] {
                    color: #000;
                    transition: 0.3s;
                    display: inline-block;
                    line-height: 1;
                }

                    #footer .footer-top .footer-links ul a:hover[b-wd2swlflkh] {
                        text-decoration: none;
                        color: #0072f6;
                    }

        #footer .footer-top .social-links a[b-wd2swlflkh] {
            font-size: 18px;
            display: inline-block;
            background: #0072f6;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }

            #footer .footer-top .social-links a:hover[b-wd2swlflkh] {
                background: #209dd8;
                color: #fff;
                text-decoration: none;
            }

    #footer .footer-bottom[b-wd2swlflkh] {
        background: #0072f6;
        padding-top: 30px;
        padding-bottom: 30px;
        color: #fff;
    }

    #footer .copyright[b-wd2swlflkh] {
        text-align: center;
    }

    #footer .credits[b-wd2swlflkh] {
        float: right;
        font-size: 13px;
    }

        #footer .credits a[b-wd2swlflkh] {
            transition: 0.3s;
        }

@media (max-width: 768px) {
    #footer .footer-bottom[b-wd2swlflkh] {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer .copyright[b-wd2swlflkh], #footer .credits[b-wd2swlflkh] {
        text-align: center;
        float: none;
    }

    #footer .credits[b-wd2swlflkh] {
        padding-top: 4px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-space[b-wv86n4njse] {
    margin: 150px 0px;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header[b-vuc836dej8] {
    height: 70px;
    transition: all 0.5s;
    z-index: 997;
    background: #fff;
    width: 100%;
    position: fixed;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

    #header.header-fixed[b-vuc836dej8] {
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }

    #header .logo h1[b-vuc836dej8] {
        font-size: 28px;
        margin: 0;
        line-height: 0;
        font-weight: 700;
        font-family: "Open Sans", sans-serif;
    }

        #header .logo h1 a[b-vuc836dej8], #header .logo h1 a:hover[b-vuc836dej8] {
            color: #0072f6;
            text-decoration: none;
        }

    #header .logo img[b-vuc836dej8] {
        padding: 0;
        margin: 0;
        max-height: 40px;
    }

.scrolled-offset[b-vuc836dej8] {
    margin-top: 70px;
}

#main[b-vuc836dej8] {
    z-index: 3;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar[b-vuc836dej8] {
    padding: 0;
}

    .navbar ul[b-vuc836dej8] {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        background: #fff;
    }

    .navbar li[b-vuc836dej8] {
        position: relative;
        padding: 10px 0 10px 30px;
    }

    .navbar a[b-vuc836dej8] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        color: #000000;
        white-space: nowrap;
        transition: 0.3s;
    }

        .navbar a i[b-vuc836dej8] {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

    .navbar li:hover > a[b-vuc836dej8] {
        color: #0072f6;
        border-bottom: 2px solid #0072f6;
    }

.in-touch-btn[b-vuc836dej8] {
   /* left: 40px; */
    color: #fff;
}

.in-touch[b-vuc836dej8] {
    color: #fff;
}
/**
* Mobile Navigation 
*/
.mobile-nav-toggle[b-vuc836dej8] {
    color: #473d3a;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

    .mobile-nav-toggle.bi-x[b-vuc836dej8] {
        color: #fff;
    }

@media (max-width: 991px) {
    .mobile-nav-toggle[b-vuc836dej8] {
        display: block;
    }

    .navbar ul[b-vuc836dej8] {
        display: none;
    }
}

.navbar-mobile[b-vuc836dej8] {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(43, 37, 35, 0.9);
    transition: 0.3s;
    z-index: 999;
}

    .navbar-mobile .mobile-nav-toggle[b-vuc836dej8] {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul[b-vuc836dej8] {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 10px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a[b-vuc836dej8] {
        padding: 10px 20px;
        font-size: 15px;
        color: #473d3a;
    }

        .navbar-mobile a:hover[b-vuc836dej8], .navbar-mobile .active[b-vuc836dej8], .navbar-mobile li:hover > a[b-vuc836dej8] {
            color: #ff5821;
        }

    .navbar-mobile .getstarted[b-vuc836dej8] {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul[b-vuc836dej8] {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li[b-vuc836dej8] {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a[b-vuc836dej8] {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i[b-vuc836dej8] {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover[b-vuc836dej8], .navbar-mobile .dropdown ul .active:hover[b-vuc836dej8], .navbar-mobile .dropdown ul li:hover > a[b-vuc836dej8] {
                color: #ff5821;
            }

    .navbar-mobile .dropdown > .dropdown-active[b-vuc836dej8] {
        display: block;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-65ge4jcenu],
.components-reconnect-repeated-attempt-visible[b-65ge4jcenu],
.components-reconnect-failed-visible[b-65ge4jcenu],
.components-pause-visible[b-65ge4jcenu],
.components-resume-failed-visible[b-65ge4jcenu],
.components-rejoining-animation[b-65ge4jcenu] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-retrying[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-failed[b-65ge4jcenu],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-65ge4jcenu] {
    display: block;
}


#components-reconnect-modal[b-65ge4jcenu] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-65ge4jcenu 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-65ge4jcenu 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-65ge4jcenu 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-65ge4jcenu]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-65ge4jcenu 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-65ge4jcenu {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-65ge4jcenu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-65ge4jcenu {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-65ge4jcenu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-65ge4jcenu] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-65ge4jcenu] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-65ge4jcenu] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-65ge4jcenu] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-65ge4jcenu] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-65ge4jcenu] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-65ge4jcenu 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-65ge4jcenu] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-65ge4jcenu {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section[b-shwq75t50t] {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg[b-shwq75t50t] {
    background-color: #fff9f7;
}

.section-title[b-shwq75t50t] {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2[b-shwq75t50t] {
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-family: "Poppins", sans-serif;
        color: #635551;
    }

    .section-title p[b-shwq75t50t] {
        margin-bottom: 0;
    }

#about[b-shwq75t50t] {
    width: 100%;
    height: 50vh;
    background: url("/img/about-img.jpg") center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 0;
    margin-bottom: -120px;
}
#about [b-shwq75t50t]:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#about .container[b-shwq75t50t] {
    z-index: 2;
}

#about h1[b-shwq75t50t] {
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #fff;
}

#about h2[b-shwq75t50t] {
    color: #eee;
    margin-bottom: 50px;
    font-size: 24px;
}
.about-content-desc[b-shwq75t50t] {
    text-align: center;
    width: 700px;
    margin: 0 25%;
}
.about-statement[b-shwq75t50t] {
    margin-bottom: 30px;
}
.background-title[b-shwq75t50t] {
    
}
.about-qlogics[b-shwq75t50t] {
    color: red;
    text-align:center;
}

/*--------------------------------------------------------------
# About Content
--------------------------------------------------------------*/
.about-content[b-shwq75t50t] {
    padding: 0 0 5px 0;
    position: relative;
    z-index: 3;
}


.about-content .icon-boxes-content .icon-box-content[b-shwq75t50t] {
    text-align: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    width: 100%;
    }

.about-content .icon-boxes-content .icon-box-content i[b-shwq75t50t] {
    font-size: 40px;
    color: #0072f6;
    margin-bottom: 30px;
    }

.about-content .icon-boxes-content .icon-box-content h4[b-shwq75t50t] {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px 0;
    }

.about-content .icon-boxes-content .icon-box-content p[b-shwq75t50t] {
    font-size: 15px;
    color: #716f6f;
    }
/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/


.icon-boxes[b-shwq75t50t] {
    margin-top: 10px;
}

.icon-box[b-shwq75t50t] {
    padding: 50px 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

    .icon-box .title[b-shwq75t50t] {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 18px;
    }

        .icon-box .title a[b-shwq75t50t] {
            color: #2487ce;
            transition: 0.3s;
        }

    .icon-box .description[b-shwq75t50t] {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
    }

.icon-box .icon[b-shwq75t50t] {
     margin-bottom: 20px;
     padding-top: 10px;
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 36px;
     line-height: 1;
     color: #2487ce;
    }

.icon-box:hover[b-shwq75t50t] {
    transform: scale(1.08);
    }

.icon-box:hover .title a[b-shwq75t50t]{
    color: #124265;
    }
.icon-box:hover .icon[b-shwq75t50t] {
    color: #124265;
    }
/*----------------------
# FOR READ MORE BUTTON
-----------------------*/
.read-more-btn[b-shwq75t50t] {
    border-radius: 4px;
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    width: 100px;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 15px;
    font-weight: 600;
}

.read-more-btn span[b-shwq75t50t] {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.read-more-btn span[b-shwq75t50t]:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.icon-box:hover > .read-more-btn span[b-shwq75t50t] {
    color: #000;
    padding-right: 25px;
}
.icon-box:hover > .read-more-btn span[b-shwq75t50t]:after {
    opacity: 1;
    right: 0;
}

/*--------------------------------------------------------------
# Our Skills
--------------------------------------------------------------*/
.skills .content h3[b-shwq75t50t] {
    font-weight: 700;
    font-size: 26px;
    color: #545454;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.skills .content ul[b-shwq75t50t] {
    list-style: none;
    padding: 0;
}

    .skills .content ul li[b-shwq75t50t] {
        padding-bottom: 10px;
    }

    .skills .content ul i[b-shwq75t50t] {
        font-size: 20px;
        padding-right: 4px;
        color: #0072f6;
    }

.skills .content p:last-child[b-shwq75t50t] {
    margin-bottom: 0;
}

.skills .progress[b-shwq75t50t] {
    height: 62px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill[b-shwq75t50t] {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #545454;
    }

        .skills .progress .skill .val[b-shwq75t50t] {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap[b-shwq75t50t] {
    background: #e0e0e0;
}

.skills .progress-bar[b-shwq75t50t] {
    width: 1px;
    height: 10px;
    transition: .9s;
    background-color: #0072f6;
}
/* /Components/Pages/ContactUs.razor.rz.scp.css */
.contact[b-g1hpgntgv4] {
    margin-bottom: 3%;
}
.contact .info-box[b-g1hpgntgv4] {
    color: #313030;
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 20px;
}

    .contact .info-box i[b-g1hpgntgv4] {
        font-size: 32px;
        color: #0072f6;
        border-radius: 50%;
        padding: 8px;
        border: 2px dotted #ffded4;
        float: left;
    }

    .contact .info-box h3[b-g1hpgntgv4] {
        font-size: 20px;
        color: #656262;
        font-weight: 700;
        margin: 10px 0 10px 68px;
    }

    .contact .info-box p[b-g1hpgntgv4] {
        padding: 0;
        line-height: 24px;
        font-size: 14px;
        margin: 0 0 0 68px;
    }

.contact .email-form[b-g1hpgntgv4] {
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 30px;
}

    .error-message[b-g1hpgntgv4] {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contact .email-form .error-message br + br[b-g1hpgntgv4] {
            margin-top: 25px;
        }

    .sent-message[b-g1hpgntgv4] {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

     .loading[b-g1hpgntgv4] {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

    .loading[b-g1hpgntgv4]:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading-b-g1hpgntgv4 1s linear infinite;
        }

    .contact .email-form input[b-g1hpgntgv4], .contact .email-form textarea[b-g1hpgntgv4] {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
    }

        .contact .email-form input:focus[b-g1hpgntgv4], .contact .email-form textarea:focus[b-g1hpgntgv4] {
            border-color: #0072f6;
        }

    .contact .email-form input[b-g1hpgntgv4] {
        padding: 10px 15px;
    }

    .contact .email-form textarea[b-g1hpgntgv4] {
        padding: 12px 15px;
    }

    .contact .email-form button[type="submit"][b-g1hpgntgv4] {
        background: #0072f6;
        border: 0;
        padding: 10px 24px;
        color: #fff;
        transition: 0.4s;
    }

        .contact .email-form button[type="submit"]:hover[b-g1hpgntgv4] {
            background: #124265;
        }

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading-b-g1hpgntgv4 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.margintop[b-g1hpgntgv4] {
    padding-top: 50px;
}
/* /Components/Pages/Counter.razor.rz.scp.css */
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section[b-u24ix42kay] {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg[b-u24ix42kay] {
    background-color: #fff9f7;
}

.section-title[b-u24ix42kay] {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2[b-u24ix42kay] {
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-family: "Poppins", sans-serif;
        color: #635551;
    }

    .section-title p[b-u24ix42kay] {
        margin-bottom: 0;
    }

#about[b-u24ix42kay] {
    width: 100%;
    height: 50vh;
    background: url("/img/about-img.jpg") center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 0;
    margin-bottom: -120px;
}
#about [b-u24ix42kay]:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#about .container[b-u24ix42kay] {
    z-index: 2;
}

#about h1[b-u24ix42kay] {
    margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #fff;
}

#about h2[b-u24ix42kay] {
    color: #eee;
    margin-bottom: 50px;
    font-size: 24px;
}
.about-content-desc[b-u24ix42kay] {
    text-align: center;
    width: 700px;
    margin: 0 25%;
}
.about-statement[b-u24ix42kay] {
    margin-bottom: 30px;
}
.background-title[b-u24ix42kay] {
    
}
.about-qlogics[b-u24ix42kay] {
    color: red;
    text-align:center;
}

/*--------------------------------------------------------------
# About Content
--------------------------------------------------------------*/
.about-content[b-u24ix42kay] {
    padding: 0 0 5px 0;
    position: relative;
    z-index: 3;
}


.about-content .icon-boxes-content .icon-box-content[b-u24ix42kay] {
    text-align: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    width: 100%;
    }

.about-content .icon-boxes-content .icon-box-content i[b-u24ix42kay] {
    font-size: 40px;
    color: #0072f6;
    margin-bottom: 30px;
    }

.about-content .icon-boxes-content .icon-box-content h4[b-u24ix42kay] {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px 0;
    }

.about-content .icon-boxes-content .icon-box-content p[b-u24ix42kay] {
    font-size: 15px;
    color: #716f6f;
    }
/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/


.icon-boxes[b-u24ix42kay] {
    margin-top: 10px;
}

.icon-box[b-u24ix42kay] {
    padding: 50px 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

    .icon-box .title[b-u24ix42kay] {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 18px;
    }

        .icon-box .title a[b-u24ix42kay] {
            color: #2487ce;
            transition: 0.3s;
        }

    .icon-box .description[b-u24ix42kay] {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
    }

.icon-box .icon[b-u24ix42kay] {
     margin-bottom: 20px;
     padding-top: 10px;
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 36px;
     line-height: 1;
     color: #2487ce;
    }

.icon-box:hover[b-u24ix42kay] {
    transform: scale(1.08);
    }

.icon-box:hover .title a[b-u24ix42kay]{
    color: #124265;
    }
.icon-box:hover .icon[b-u24ix42kay] {
    color: #124265;
    }
/*----------------------
# FOR READ MORE BUTTON
-----------------------*/
.read-more-btn[b-u24ix42kay] {
    border-radius: 4px;
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    width: 100px;
    transition: all 0.5s;
    cursor: pointer;
    margin-top: 15px;
    font-weight: 600;
}

.read-more-btn span[b-u24ix42kay] {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.read-more-btn span[b-u24ix42kay]:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.icon-box:hover > .read-more-btn span[b-u24ix42kay] {
    color: #000;
    padding-right: 25px;
}
.icon-box:hover > .read-more-btn span[b-u24ix42kay]:after {
    opacity: 1;
    right: 0;
}

/*--------------------------------------------------------------
# Our Skills
--------------------------------------------------------------*/
.skills .content h3[b-u24ix42kay] {
    font-weight: 700;
    font-size: 26px;
    color: #545454;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.skills .content ul[b-u24ix42kay] {
    list-style: none;
    padding: 0;
}

    .skills .content ul li[b-u24ix42kay] {
        padding-bottom: 10px;
    }

    .skills .content ul i[b-u24ix42kay] {
        font-size: 20px;
        padding-right: 4px;
        color: #0072f6;
    }

.skills .content p:last-child[b-u24ix42kay] {
    margin-bottom: 0;
}

.skills .progress[b-u24ix42kay] {
    height: 62px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill[b-u24ix42kay] {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #545454;
    }

        .skills .progress .skill .val[b-u24ix42kay] {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap[b-u24ix42kay] {
    background: #e0e0e0;
}

.skills .progress-bar[b-u24ix42kay] {
    width: 1px;
    height: 10px;
    transition: .9s;
    background-color: #0072f6;
}
/* /Components/Pages/Index.razor.rz.scp.css */
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section[b-5uziogy5uc] {
    padding: 60px 0;
    overflow: hidden;
    margin-bottom: 2%;
}

.section-bg[b-5uziogy5uc] {
    background-color: #fff9f7;
}

.section-title[b-5uziogy5uc] {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2[b-5uziogy5uc] {
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 20px;
        padding-bottom: 0;
        font-family: "Poppins", sans-serif;
        color: #635551;
    }

    .section-title p[b-5uziogy5uc] {
        margin-bottom: 0;
    }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero[b-5uziogy5uc] {
    width: 100%;
    height: 70vh;
    background: url("/img/hero.jpg") center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 0;
    margin-bottom: -100px;
}

    #hero[b-5uziogy5uc]:before {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #hero .container[b-5uziogy5uc] {
        z-index: 2;
    }

    #hero h1[b-5uziogy5uc] {
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
    }

    #hero h2[b-5uziogy5uc] {
        color: #eee;
        margin-bottom: 50px;
        font-size: 24px;
    }

    #hero .get-started-icon[b-5uziogy5uc] {
        font-size: 24px;
        background: #0072f6;
        padding: 14px;
        color: #fff;
        border-radius: 50px;
        position: relative;
        z-index: 5;
        box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
    }

    #hero .btn-get-started[b-5uziogy5uc] {
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        transition: 0.5s;
        margin-left: -10px;
        padding: 8px 26px 8px 26px;
        color: #fff;
        background: #615857;
        border-radius: 0 50px 50px 0;
        position: relative;
        z-index: 4;
    }

        #hero .btn-get-started:hover[b-5uziogy5uc] {
            background: #0072f6;
        }

@media (min-width: 1024px) {
    #hero[b-5uziogy5uc] {
        background-attachment: fixed;
    }
}

@media (max-width: 1024px), (max-height: 768px) {
    #hero[b-5uziogy5uc] {
        margin-bottom: -150px;
        height: 80vh;
    }
}

@media (max-width: 768px) {
    #hero[b-5uziogy5uc] {
        height: 80vh;
    }

        #hero h1[b-5uziogy5uc] {
            font-size: 28px;
            line-height: 36px;
        }

        #hero h2[b-5uziogy5uc] {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 30px;
        }
}

@media (max-height: 640px) {
    #hero[b-5uziogy5uc] {
        height: 120vh;
    }
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us[b-5uziogy5uc] {
    padding: 0 0 5px 0;
    position: relative;
    z-index: 3;
}

.arrow-pointer[b-5uziogy5uc] {
    width: 200px;
    height: 200px;
    background: #0072f6;
    position: relative;
    margin-top: 60px;
    margin-left: 100px;
}

    .arrow-pointer[b-5uziogy5uc]:after {
        content: '';
        position: absolute;
        left: -100px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 100px solid transparent;
        border-top: 100px solid #0072f6;
        border-bottom: 100px solid #0072f6;
    }

    .arrow-pointer[b-5uziogy5uc]:before {
        content: '';
        position: absolute;
        right: -100px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 100px solid #0072f6;
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent;
    }

.choose-us[b-5uziogy5uc] {
    text-align: center;
    color: #fff;
    font-size: x-large;
    font-weight: 700;
    padding-top: 60px;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}

    .choose-us:hover[b-5uziogy5uc] {
        transform: scale(1.2);
    }

.why-us .icon-boxes .icon-box[b-5uziogy5uc] {
    /*border-radius: 110px 0;*/
    padding: 50px 30px;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.3s;
    height: 90%;
}

    .why-us .icon-boxes .icon-box i[b-5uziogy5uc] {
        font-size: 40px;
        color: #0072f6;
        margin-bottom: 30px;
    }

    .why-us .icon-boxes .icon-box h4[b-5uziogy5uc] {
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 30px 0;
    }

    .why-us .icon-boxes .icon-box p[b-5uziogy5uc] {
        font-size: 15px;
        color: #716f6f;
    }
.why-us .icon-box:hover[b-5uziogy5uc] {
    background: #0072f6;
    padding: 30px 30px 70px 30px;
    box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

    .why-us .icon-box:hover i[b-5uziogy5uc], .why-us .icon-box:hover h4[b-5uziogy5uc], .why-us .icon-box:hover p[b-5uziogy5uc] {
        color: #fff;
    }
/*--------------------------------------------------------------
# Type-Writer Section
--------------------------------------------------------------*/
h1[b-5uziogy5uc] {
    font-size: 60px;
}

.text-lines[b-5uziogy5uc] {
    margin-top: 50px;
    transform: translateY(-50%)
}

.text-1[b-5uziogy5uc] {
    animation: text1-b-5uziogy5uc;
}

.text-2[b-5uziogy5uc] {
    animation: text2-b-5uziogy5uc;
}
.text-3[b-5uziogy5uc] {
    animation: text3;
}
.text-1[b-5uziogy5uc],
.text-2[b-5uziogy5uc],
.text-10[b-5uziogy5uc] {
    font-size: 30px;
    font-weight: 700;
    text-align: initial;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    animation-duration: 20s;
    animation-timing-function: steps(25, end);
    animation-iteration-count: infinite;
}
.text-10[b-5uziogy5uc] {
    color: #fa007b;
}
    .text-1[b-5uziogy5uc]::after, .text-2[b-5uziogy5uc]::after, .text-3[b-5uziogy5uc]::after {
        content: "|";
        position: absolute;
        right: 0;
        animation: caret-b-5uziogy5uc infinite;
        animation-duration: 1s;
        animation-timing-function: steps(1, end);
    }



@keyframes text1-b-5uziogy5uc {
    0%, 50%, 100% {
        width: 0;
    }

    10%, 40% {
        width: 15.5em;
    }
}

@keyframes text2-b-5uziogy5uc {
    0%, 50%, 100% {
        width: 0;
    }

    60%, 90% {
        width: 15em;
    }
}
@keyframes caret-b-5uziogy5uc {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Pages/Services.razor.rz.scp.css */
/*--------------------------------------------------------------
# Our Skills
--------------------------------------------------------------*/
.skills .content h3[b-4upl8h4chu] {
    font-weight: 700;
    font-size: 26px;
    color: #545454;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.skills .content ul[b-4upl8h4chu] {
    list-style: none;
    padding: 0;
}

    .skills .content ul li[b-4upl8h4chu] {
        padding-bottom: 10px;
    }

    .skills .content ul i[b-4upl8h4chu] {
        font-size: 20px;
        padding-right: 4px;
        color: #0072f6;
    }

.skills .content p:last-child[b-4upl8h4chu] {
    margin-bottom: 0;
}

.skills .progress[b-4upl8h4chu] {
    height: 62px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill[b-4upl8h4chu] {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #545454;
    }

        .skills .progress .skill .val[b-4upl8h4chu] {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap[b-4upl8h4chu] {
    background: #e0e0e0;
}

.skills .progress-bar[b-4upl8h4chu] {
    width: 1px;
    height: 10px;
    transition: .9s;
    background-color: #0072f6;
}
/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services .icon-box[b-4upl8h4chu] {
    text-align: center;
    border: 4px solid #ededed;
    padding: 80px 20px;
    transition: all ease-in-out 0.3s;
    background: white;
}

    .services .icon-box .icon[b-4upl8h4chu] {
        margin: 0 auto;
        width: 64px;
        height: 64px;
        background: #0072f6;
        border-radius: 5px;
        transition: all .3s ease-out 0s;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        transform-style: preserve-3d;
    }

        .services .icon-box .icon i[b-4upl8h4chu] {
            color: #fff;
            font-size: 28px;
        }

        .services .icon-box .icon[b-4upl8h4chu]::before {
            position: absolute;
            content: '';
            left: -8px;
            top: -8px;
            height: 100%;
            width: 100%;
            background: #000;
            border-radius: 5px;
            transition: all .3s ease-out 0s;
            transform: translateZ(-1px);
        }

    .services .icon-box h4[b-4upl8h4chu] {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 24px;
    }

        .services .icon-box h4 a[b-4upl8h4chu] {
            color: #545454;
        }

    .services .icon-box p[b-4upl8h4chu] {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .services .icon-box:hover[b-4upl8h4chu] {
        background: #0072f6;
        border-color: #0072f6;
    }

        .services .icon-box:hover .icon[b-4upl8h4chu] {
            background: #fff;
        }

            .services .icon-box:hover .icon i[b-4upl8h4chu] {
                color: #0072f6;
            }

            .services .icon-box:hover .icon[b-4upl8h4chu]::before {
                background: #000;
            }

        .services .icon-box:hover h4 a[b-4upl8h4chu], .services .icon-box:hover p[b-4upl8h4chu] {
            color: #fff;
        }

.margintop[b-4upl8h4chu] {
    padding-top: 50px;
}