:root {
    --column-count: 3;
    --gap: 20px;
    --scroll-speed: 10s;
    --image-aspect-ratio: 1/1;
}

.layer_bg {
    height: 176px;
}

.card_3 {
    background-color: #F5F9FF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 95%;
    height: 600px;
    left: 45px;
    position: absolute;
    top: 20%;
}

.custom-container {
    max-width: 1920px;
    margin-right: 70px;
    margin-left: 70px;
  }

  .custom-card {
    max-width: 1920px;
  }

.btn.btn-danger {
    font-size: 12px; 
    padding: 6px 12px;
    margin-left: 10px; 
    border-radius: 4px; 
  }

  .carousel-control-next-icon,
  .carousel-control-prev-icon {
      width: 3rem;
      height: 3rem;
  }

  .btn.btn-danger a {
    font-size: 14px; 
  }

.primary-header {
    position: absolute;
    top: 62px; 
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 2;
    font-weight: 600;
}
.primary-header.sticky-header {
    position: fixed;
    top:0;
    background-color: white !important;  
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); 
    animation: slideDown 0.3s ease-out;
}


@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.dots-btn {
    background: none;
    border: none;
   
    cursor: pointer;
    padding: 0;
    color: black;
    
  }

  #signup-menu {
    display: none; 
     z-index: 1000; 
            }

.listoutmenu_3{
    right: -127px !important;
}

.listoutmenu_1 {
    width: 240px;
}

.digi h3 {
    font-size: 40px;
    padding-top: 90px;
    padding-bottom: 16px;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: 0rem !important;
}


.rest3 {
    background-color: #fff;
    padding: 25px;
    min-height: 650px;
    box-shadow: 2px 3px 6px #ccc
}

.era h2 {
    padding-top: 20px;
}

.rest4 {
    min-height: inherit;
    margin-bottom: 25px;
}

.rest4 img {
    width: 10%
}

.mdr-2 {
    margin-right: -6.5rem !important;
    margin-left: 4.5rem !important;
}

.carousel-container .carousel {
    display: flex;
    animation: scroll var(--scroll-speed) linear infinite;
}

.carousel-container .carousel:hover {
    animation-play-state: paused;
}

.carousel-container .carousel .logo {
    flex: 0 0 auto;
    width: calc(var(--image-width) - var(--gap));
}

.carousel-container .carousel .logo+.logo {
    margin-left: var(--gap);
}

.carousel-container .carousel .logo:hover img {
    transform: scale(1.1);
}

.carousel-container .carousel .logo img {
    aspect-ratio: var(--image-aspect-ratio);
    width: 100%;
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-1 * var(--carousel-width)));
    }
}

.hover-text {
    color: #212529 !important; 
    transition: color 0.3s ease; 
    padding: .25rem 1rem;
    display: block;
}

.hover-text:hover {
    color:  black; 
    font-weight: 600;
}

@media (max-width: 767px) {
    .figure img {
        max-width: 100%;
    }
}

@media screen and (min-width: 766px) and (max-width: 1023px) {
    .figure img {
        max-width: 100%;
    }
}

@media screen and (min-width: 320px) {

    .mqtt_clients .titles {
        width: 90% !important;
    }

    .round_circle_box {
        display: none;
    }

    .left_face_content h3,
    .left_face_content p {
        text-align: left;
    }

    .right_face_content h3,
    .right_face_content p {
        text-align: left;
    }

    .paddding_right_50 {
        padding-right: 0;
    }

    .paddding_left_50 {
        padding-left: 0;
    }
}

@media only screen and (min-width: 992px) {
    .round_circle_box {
        display: block;
        width: 330px;
        height: 330px;
    }

    .left_face_content h3,
    .left_face_content p {
        text-align: right;
    }

    .right_face_content h3,
    .right_face_content p {
        text-align: left;
    }

    .paddding_right_50 {
        padding-right: 50px !important;
    }

    .paddding_left_50 {
        padding-left: 50px !important;
    }

    .responsive_m-b-40 {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .round_circle_box {
        display: block;
        width: 390px;
        height: 390px;
    }

    .mqtt_homeassistant .allwidth,
    .mqtt_cattle_management{
        padding: 6rem 0rem;
     }
}

.md_1 {
    margin-right: -6.7rem !important;
    margin-left: -1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 3.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 3.1rem !important;
}

.hdg_2 {
    margin-right: -0.1rem !important;
    margin-left: 0rem !important;
}

.hdg_1 {
    margin-right: -1.4rem !important;
    margin-left: -auto !important;
}

.rt_3{
    margin-right: -5rem !important;
    margin-left: 1.5rem !important;
}

.p-t-70 {
    margin-top: 120px;
}

.z_index_1 {
    z-index: 1;
}

.navbar-light .navbar-toggler {
    background-color: white !important;
    border: none !important;
}

.round_circle_box {
    background: #1e75bc;
    border-radius: 50%;
    position: absolute;
    border: 5px solid #fff;
    left: 27pc;
}

.logo_center img {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.top_left img {
    position: absolute;
    left: 13px;
    top: 20px;
    height: 80px;
    width: 80px;
    background: #47c660;
    border-radius: 50px;
    border: 6px solid #fff;
    padding: 6px;
}

.top_right img {
    position: absolute;
    right: 10px;
    top: 21px;
    height: 80px;
    width: 80px;
    background: #ec7050;
    border-radius: 50px;
    border: 6px solid #fff;
    padding: 6px;
}

.bottom_left img {
    position: absolute;
    left: -26px;
    height: 80px;
    width: 80px;
    background: #f9af40;
    border-radius: 50px;
    border: 6px solid #fff;
    padding: 6px;
    bottom: 95px;
}

.bottom_right img {
    position: absolute;
    right: -26px;
    height: 80px;
    width: 80px;
    background: #6d6e72;
    border-radius: 50px;
    border: 6px solid #fff;
    padding: 6px;
    bottom: 95px;
}

.overlay_video {
    position: absolute;
    background: linear-gradient(to right, #000028 0, rgba(0, 0, 40, 0.75) 40%, rgba(0, 0, 40, 0.2) 65%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    opacity: 123;
    width: 100%;
    height: 674px;
    top: 12%;
    bottom: 0;
}

.banner-content-width {
    width: 60%;
}

.table-container thead {
    position: sticky;
    top: 8%;
}

.table-container table thead {
    background: linear-gradient(to bottom, #3a7bd5, #3a6073);
}

.table-container thead th {
    padding: 18px;
    text-align: center;
    color: white;
    width: 330px;
    font-size: 22px;
    border-bottom: 1px solid rgb(214, 213, 213);
    border-top: 1px solid rgb(214, 213, 213);
}

.table-container thead tr th:first-child,
.table-container tbody tr td:first-child {
    width: 27%;
    font-weight: 600;
}

.table-container table tbody td {
    font-size: 18px;
    padding: 15px;
    background-color: #fbfbfb;
    text-align: center;
}

.sub_header td {
    padding: 12px;
    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 20px;
    text-align: center;
    background-color: #f0f7ff !important;
}

.table-container thead {
    position: sticky;
    top: 8%;
}

.table-container table {
    caption-side: bottom;
    border-collapse: separate;
    border-spacing: 8px 7px;
}

.success-green {
    color: #4bb543;
}

.mqtt_clients .titles {
    width: 50%;
}

.conWidth {
    width: 85%;
}

.connection_val {
    position: relative;
    text-align: end;
    font-weight: 700;
    cursor: pointer;
}

.connection_div a {
    text-decoration: underline !important;
    color: #007bff !important;
    cursor: pointer;
}

.lan_page_header {
    color: #01416A;
    padding: 8px;
    font-weight: 700;
}

.clients_card {
    gap: 30px;
}

.clients_card p {
    text-align: center;
    color: #007bff;
}

.clients_card span {
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

.clients_card img {
    height: 120px;
    width: 120px;
}

.clients_card .card:nth-child(3) img {
    padding: 10px;
}

.clients_card+p {
    text-decoration: underline !important;
    color: #007bff !important;
    cursor: pointer;
}

.questions_div::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #f1f1f187;
    width: 100vw;
    left: -185px;
    height: 100%;
}

.d-grid {
    display: grid;
}

.page-landing .card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.useclients_div .card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    text-align: center;
}

.useclients_div img {
    height: 150px;
    width: 165px;
}

.fa-copy {
    cursor: pointer;
}

.clients img {
    height: 107px;
    width: 104px;
}

.mobile-app {
    height: 7.6rem;
}

.features_div .features {
    font-size: 17px;
}

.connection_val .tooltiptext {
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    right: -40px;
    opacity: 0;
    transition: opacity 0.3s;
}

.learning_card {
    font-size: 15px;
}

.check_icon {
    color: rgb(8, 158, 8);
    font-weight: bold;
    font-size: 19px;
    margin-right: 13px;
}

.navbar h1 {
    font-size: 1rem
}

#slide-div {
    position: relative;
    transition: transform 1.5s cubic-bezier(0.68, 0, 0.27, 0), opacity 1.5s ease;
}

.slide_left {
    transform: translateX(47%);
}

.fa-copy {
    cursor: pointer;
}

@media (min-width: 1650px) {

    .overlay_video {
        top: 6%;
        height: 831px;
    }

    .banner .container {
        max-width: 1577px;
    }

    .round_circle_box {
        display: block;
        width: 363px;
        left: 50pc;
        height: 363px;
    }

    .small_card_1 {
        height: 288px;
        border: 3px solid #30e5c4;
    }
}

@media screen and (min-width: 766px) and (max-width: 1030px) {
    .display_mobile {
        display: block;
    }

    .round_circle_box {
        left: 20pc;
    }

    .allwidth {
        width: 90%;
        margin: 0 auto;
    }

    .card_body {
        height: 600px;
    }

    .banner-content-width {
        width: 70%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .round_circle_box {
        left: 18pc;
        top: 71px;
    }
    .molding_page_header{
        padding: 6rem 0rem;
    }
    .round_circle_box {
        display: block;
        width: 352px;
        height: 361px;
    }

    .smart_circleright {
        padding-right: 40px;
    }

    .smart_circleleft {
        padding-left: 40px;
    }

    .allwidth {
        width: 90%;
        margin: auto;
    }

    .overlay_video {
        height: 625px;
        top: 4%;
    }

    .navbar .navbar-nav .dropdown-toggle,
    .navbar .navbar-nav .nav-link,
    .phone_contact {
        color: var(--tertiary);
        font-weight: 500;
        outline: 0;
        font-size: 16px;
    }

    .display_mobile {
        display: none;
    }

    .card.border.login2.form-color.p-3.text-center.m-lg-5.my-sm-3 {
        width: 100%;
    }
    
    .acquistion_banner .allwidth {
        padding: 3rem 0rem;
    }    
}

@media (max-width: 360px) {
    .solution-card {
        border: 1px solid #a9dbe0;
        background: aliceblue;
        padding: 20px;
        margin: 20px;
        border-radius: 10px;
    }

    .nav-tabs .nav-item .nav-link {
        width: 180px;
        font-size: 18px;
        padding: 11px;
    }

    .table-container thead {
        top: 0;
        z-index: 1;
    }

    .table-container thead th:first-child {
        position: sticky;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, #3a7bd5, #3a6073);
        width: 52px;
    }

    .table-container tbody tr td:first-child {
        position: sticky;
        left: 0;
    }

    .table-container {
        width: 96%;
        overflow: scroll;
        height: 600px;
    }

    .table-container .thead {
        position: sticky;
        top: -1%;
    }

    .layer_bg {
        background: radial-gradient(circle, rgb(171 181 231) 0%, rgb(171 235 253 / 77%) 100%) !important;
        background-image: none;
    }

    .over_wirte {
        height: auto;
    }

    .navbar-collapse {
        height: 100pc;
        position: absolute;
        width: 100%;
        top: 100%;
        margin: 0 auto;
        left: 0;
        justify-content: center;
        z-index: 1;
    }

     .download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    width:180px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    padding: -1px 10px 0px 10px;
}

.navbar-nav-1.nav-link-1:hover:after, .navbar .navbar-nav .nav-link-1:hover:after {
    width: 0%;
    left: 0;
}

    .navbar-collapse {
        background-color:rgb(148 148 148);
        color:white;
        z-index: 3;
    }
    .mx-4 {
        margin-right: 1.5rem !important;
        margin-left: -1.3rem !important;
    }
    .hdg_1 {
    margin-right: -0.4rem !important;
    margin-left: -1.2rem !important;
}

    .hdg_2 {
        margin-right: -2.5rem !important;
        margin-left: -2.2rem !important;
    }
    .mx_3 {
        margin-right: 1rem !important;
        margin-left: 1.3rem !important;
    }

    .rx_1{
        margin-right: 1rem !important;
        margin-left: -1.3rem !important;
    }

    .mx-2 {
        margin-right: -9.5rem !important;
        margin-left: -3.1rem !important;
    }
    .mt_1{
        margin-top: 13px;
    }

    .m_r1 {
        margin-right: -2.5rem !important;
        margin-left: -0.9rem !important;
    }

.md_1 {
    margin-right: -6.7rem !important;
    margin-left: -7rem !important;
}
    .dropdown-menu {
        max-height: 250px;
        width:301px; 
        overflow-y: auto; 
        scrollbar-width: thin; 
        scrollbar-color: #ffffff transparent; 
    }

  .responsive-btn {
    max-width: 280px; 
    width: 100%; 
    text-align: center;
    padding: 12px 16px;
    font-size: 14px;
  }

    .navbar-collapse .nav-item {
        border-bottom: 1px solid #454545;
    }

    .layer_bg_11 {
    background-color: #149f85;
    height: 300px;
    background-size: cover;
}

    .listoutmenu {
        width: 305px;
    }

    .listoutmenu_1 {
        width: 270px;
    }
    .download_nav {
        background-color: #FFC622 !important;
        color: black !important;
        border-radius: 4px;
        font-size: 17px;
        padding: 0px 8px;
        width: 220px;
        margin-top: 15px;
        text-align: center;
        margin-left: 10px !important;
    }

    .layer_bg_5 {
    background-color: #073F76;
    height: 230px;
    background-size: cover;
}

    .mno-4 {
        margin-left: 0.9rem !important;
    }

    .sechd-fs{
        font-size: 13px;
    }

    .mqtt_landing,
    .power_banner,
    .iot-dashboard_banner,
    .configuration_banner,
    .intergate_banner,
    .producation_scheduling,
    .mqtt-high_banner,
    .mqtt_triggers_banner,
    .manufacturing-soluatiion_banner,
    .energy_banner,
    .sparkplug,
    .smart-factory_banner,
    .materials_banner,
    .acquisition_banner,
    .acquistion_banner,
    .mqtt_security_banner,
    .mqtt_iot-banner,
    .mrp_page_header2,
    .wip_banner,
    .education_page_header,
    .mrp_page_header,
    .mqtt_dashboard_banner,
    .platform_page_banner,
    .simulator_page_header,
    .education_page_header,
    .smart-factory-banner,
    .mqtt_modbus_dataintegration,
    .mqtt_bluetooth,
    .data_connectors_banner,
    .pharma_banner,
    .automation_banner,
    .scada_banner,
    .wip-limits-banner,
    .wip-reports-banner,
    .education_coe_header,
    .education_tool_header,
    .education_training_header,
    .inventory_banner,
    .masters_banner,
    .Quality_banner,
    .machine_banner,
    .interfaces_banner,
    .broker-banner,
    .mqtt_dashboard_banner,
    .machinetwin_banner,
    .digital_transformation,
    .mqtt_customer_header,
    .mqtt-cluster_banner,
    .ems_banner,
    .mes_landing_banner,
    .node_red-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner, 
    .energy_banner,
    .mqtt_homeassistant,
    .manufacturing_usecase,
    .mqtt_builtafleet,
    .mqtt_cattle_management,
    .top5mes_charts,
    .repoart_banner,
    .manufacturing_banner,
    .mqtt-cluster_banner,
    .broker_tableau-banner,
    .capacity_utilization,
    .setting_auzre_implementation,
    .mqtt_auzre_implementation   {
         background-image:none;
        background:#d5d5d5;
        height: auto; 
    }

    .hero {
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto; 
}
    
    .banner-sectiom3,
    .integration_banner 
    .broker-banner,
    .mqtt_dashboard_banner{
        background-image:none!important;
        background:#d5d5d5!important;
    }
    .hero-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto;
    }

    .lifecyle_banner,
    .mqtt_gateway_banner{
        background-image:none;
        background: #d5d5d5!important;
        height: auto;
        }
        .mqtt-standard_banner,
        .molding_page_header,
        .man-ban,
        .hero-banner-glossary,
        .contactus-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
        .contactus-banner {
    margin-top: 62px;
    padding: 10px;}

        .hero-banner-glossary {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 40%, #0a2d4a 100%);
    background: url(https://img1.bevywise.com/images/Glossary-banner.webp) center / cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -2px!important;
    padding: 10px;
}

        .man-ban {
    min-height: 100vh;
    background: url(//img1.bevywise.com/images/manu-facu-ban.webp) center / cover no-repeat;
    padding: 75px 0% 80px!important;
    display: flex!important;
}

    .modbus_page_header{
         background-image:none;
        background: #d5d5d5;
        height: 600px;
    }

    .acquistion_banner .allwidth,
    .mqtt_security_banner .allwidth,
    .mqtt_builtafleet,
    .mqtt_cattle_management,
    .mqtt_homeassistant .allwidth,
    .mqtt_bluetooth .allwidth {
        padding: 6rem 0rem;
    }
 .form-wd{
    width: 285px;
 }

    .manufacturing_banner .allwidth,
    .energy_banner .allwidth,
    .pharma_banner .allwidth,
    .automation_banner .allwidth,
    .scada_banner .allwidth,
    .wip-limits-banner .allwidth,
    .wip-reports-banner .allwidth,
    .manufacturing-soluatiion_banner .allwidth,
    .vision-technology_banner .allwidth,
    .suppout_page_header .allwidth {
        padding: 4rem 0rem;
    }
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner .allwidth, 
    .energy_banner .allwidth{
    padding: 8rem 0rem;
}

    .molding_page_header{
        padding: 6rem 0rem;
    }

    .final_box h3 {
        font-size: 20px !important;
    }
    .border_btn {
    width: 230px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid #161616;
}

    .blog_width {
        width: 97%;
        margin: 0 auto;
        padding-top: 30px;
    }

    .layer_bg_8 {
    background-color: #073F76;
    height: 250px;
    background-size: cover;
}

    .ems_features .feature-box {
        height: 269px;
        padding: 10px !important;
        width: 282px;
    }

    .youtube_vedio iframe {
        height: 336px;
        width: 276px;
    }
.banner_primary-2{
    width: 230px;
    font-size: 14px;
    padding: 16px 15px 18px 15px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.banner_secondary_1 {
    width: 230px;
    font-size: 14px;
    padding: 16px 23px 16px 21px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.button-group {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-top: 15px;
    gap: 10px;
  }

  .price-bg {
    height: 72pc !important;
}

  .row {
    --bs-gutter-x: -0.5rem;
  }

    .platform-features .feature-box {
        width: 299px;
        margin: 20px;
        height: 244px;
    }

    .feature-box {
        padding: 20px;
    }

    .platform-features {
        overflow-x: scroll;
    }

    .overlay_video {
        background: none;
        position: relative !important;
        z-index: 1;
        opacity: 123;
        width: 100%;
        height: 490px;
        top: 8%;
        bottom: 0;
    }

    .card_2 {
        background-color: #F5F9FF;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        width: 95%;
        max-width: 1270px;
        height: 1215px;
        left: 5px;
        position: absolute;
        top: 19%;
    }

    .banner_primary {
    width: 230px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.banner_secondary_2 {
    width: 230px;
    font-size: 14px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.banner_secondary {
    width: 230px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.wip_banner-1 {
    background-color: #073F76;
    background-repeat: no-repeat;
    background-size: cover;
    height: 79pc;
    width: 100%;
    aspect-ratio: 18 / 8;
}

    .smart-factory-banner-1 {
    background-color: #1660A7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 74pc;
    aspect-ratio: 18 / 8;
}

    .banner-content-width {
        width: 95%;
    }

    .grid-drop-down {
        width: 270px;
        position: relative;
    }

    .custom-container {
    max-width: 1920px;
    margin-right: 1px;
    margin-left: 1px;
}
    .grid-drop-down_1 {
        width: 325px;
        position: relative;
    }
}

@media (min-width: 360px) and (max-width: 599px) {

    .custom-container {
    max-width: 1920px;
    margin-right: 1px;
    margin-left: 1px;
}

.smart-factory-banner-1 {
    background-color: #1660A7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 74pc;
    aspect-ratio: 18 / 8;
}

    .hdg_1 {
    margin-right: -0.4rem !important;
    margin-left: -1.7rem !important;
}

.md_1 {
    margin-right: -6.7rem !important;
    margin-left: -7rem !important;
}

    .mx-2 {
        margin-right: -4.5rem !important;
        margin-left: -2.2rem !important;
    }

    .m_r1 {
        margin-right: .5rem !important;
        margin-left: 0.1rem !important;
    }

    .mx-3 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .mx-4 {
        margin-right: -3.5rem !important;
        margin-left: 0.1rem !important;
    }

    .lh_4 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .hdg_2 {
        margin-right: -2.5rem !important;
        margin-left: -2.2rem !important;
    }
         .download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    width:180px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    padding: -1px 10px 0px 10px;
}
.banner_secondary_2 {
    width: 306px;
    font-size: 14px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.navbar-nav-1.nav-link-1:hover:after, .navbar .navbar-nav .nav-link-1:hover:after {
    width: 0%;
    left: 0;
}
.layer_bg_11 {
    background-color: #149f85;
    height: 300px;
    background-size: cover;
}

.border_btn {
    width: 306px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid #161616;
}
    .grid-drop-down {
        width: 300px;
        position: relative;
    }

    .grid-drop-down_1 {
        width: 350px;
        position: relative;
    }

    .blog_width {
        width: 97%;
        margin: 0 auto;
        padding-top: 30px;
    }

    .normal_bannercontent {
        width: 100%;
        margin-top: 40px;
    }

    .banner .row {
        justify-content: center;
    }

    .table-container thead {
        top: 0;
        z-index: 1;
    }

    .mqtt_client .titles {
        width: 80%;
    }

    .table-container thead th:first-child {
        position: sticky;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, #3a7bd5, #3a6073);
        width: 52px;
    }

    .table-container tbody tr td:first-child {
        position: sticky;
        left: 0;
    }
.button-group {
    display: flex;
    flex-direction: column;
    width: 65%;
    margin-top: 15px;
    gap: 10px;
  }

    .row {
    --bs-gutter-x: -0.2rem;
  }

  .responsive-btn {
    max-width: 280px; 
    width: 100%; 
    text-align: center;
    padding: 12px 16px;
    font-size: 14px;
  }
    .solution-card {
        border: 1px solid #a9dbe0;
        background: aliceblue;
        padding: 20px;
        margin: 20px;
        border-radius: 10px;
    }
    .layer_bg_8 {
    background-color: #073F76;
    height: 226px;
    background-size: cover;
}

    .navbar-brand {
        margin-right: 0 !important;
    }

    .navbar-collapse ul li {
        margin-bottom: 0px !important;
    }

    .navbar-collapse {
        background-color:rgb(148 148 148);
        color:white;
        z-index: 4;
    }
    .listoutmenu_1 {
        width: 270px;
    }

    .mt_1{
        margin-top: 13px;
    }

    .dropdown-menu {
        max-height: 250px;
        width:301px; 
        overflow-y: auto; 
        scrollbar-width: thin; 
        scrollbar-color: #ffffff transparent; 
    }

    .listoutmenu {
        width: 345px;
    }

    .navbar-collapse .nav-item {
        border-bottom: 1px solid #454545;
    }

    .download_nav {
        background-color: #FFC622 !important;
        color: black !important;
        border-radius: 4px;
        font-size: 17px;
        padding: 0px 8px;
        width: 220px;
        margin-top: 15px;
        text-align: center;
        margin-left: 10px !important;
    }

    .banner_secondary {
    width: 306px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.card_2 {
    background-color: #F5F9FF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 95%;
    max-width: 1270px;
    height: 1170px;
    left: 8px;
    position: absolute;
    top: 19%;
}
.wip_banner-1 {
    background-color: #073F76;
    background-repeat: no-repeat;
    background-size: cover;
    height: 76pc;
    width: 100%;
    aspect-ratio: 18 / 8;
}
    .mno-4 {
        margin-left: 0.9rem !important;
    }

    .navbar .navbar-nav .nav-item.active {
        color: white !important;
    }

    .pricing_navbar .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        width: 270px;
        font-size: 18px;
        padding: 11px;
        background-color: #f9ffff !important;
    }

    .nav-tabs .nav-item .nav-link {
        width: 180px;
        font-size: 18px;
        padding: 11px;
    }

    .navbar-collapse {
        height: 100pc;
        position: absolute;
        width: 120%;
        top: 100%;
        margin: 0 auto;
        left: 0;
    }

    .banner_secondary {
        font-size: 16px;
    }

    .overlay_video video {
        object-fit: cover;
        height: 226px;
        width: 100%;
        top: 60px;
        position: relative;
    }

    .overlay_video {
        background: none;
        position: relative !important;
        z-index: 1;
        opacity: 123;
        width: 100%;
        height: 418px;
        top: 8%;
        bottom: 0;
    }

    .header_para{
        font-size: 0.76rem;
    }

    .mobile_img {
        text-align: center !important;
    }

    .response_card {
        margin: 46px 10px;
        border: 1px solid rgb(233, 228, 228);
        border-radius: 16px;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .mobile_card {
        border: 1px solid #e5e5e5;
        margin: 14px;
        border-radius: 12px;
        width: 100%;
        height: 560px;
        max-width: 345px;
        min-width: 330px;
        background-color: #f2f7fa;
        text-align: center;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .mqtt_landing,
    .power_banner,
    .iot-dashboard_banner,
    .configuration_banner,
    .intergate_banner,
    .producation_scheduling,
    .mqtt_modbus_dataintegration,
    .machinetwin_banner,
    .top5mes_charts,
    .mqtt_auzre_implementation,
    .mqtt-high_banner,
    .mqtt_triggers_banner,
    .manufacturing-soluatiion_banner,
    .energy_banner,
    .sparkplug,
    .smart-factory_banner,
    .materials_banner,
    .acquisition_banner,
    .acquistion_banner,
    .mqtt_security_banner,
    .mqtt_iot-banner,
    .mrp_page_header2,
    .wip_banner,
    .education_page_header,
    .mrp_page_header,
    .mqtt_bluetooth,
    .mqtt_dashboard_banner,
    .platform_page_banner,
    .simulator_page_header,
    .education_page_header,
    .smart-factory-banner,
    .data_connectors_banner,
    .pharma_banner,
    .automation_banner,
    .scada_banner,
    .wip-limits-banner,
    .wip-reports-banner,
    .education_coe_header,
    .education_tool_header,
    .education_training_header,
    .inventory_banner,
    .masters_banner,
    .Quality_banner,
    .machine_banner,
    .interfaces_banner,
    .manufacturing_banner,
    .mqtt-cluster_banner,
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner, 
    .energy_banner,
    .mqtt_homeassistant,
    .manufacturing_usecase,
    .mqtt_builtafleet,
     .mqtt_cattle_management,
     .digital_transformation,
     .capacity_utilization,
     .setting_auzre_implementation,
     .repoart_banner   {
       background-image:none;
        background:#d5d5d5;
        height: auto; 
    }
        .hero {
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto; 
}
        .mqtt-standard_banner,
        .molding_page_header,
        .man-ban,
        .hero-banner-glossary{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }

                .contactus-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
        .contactus-banner {
    margin-top: 62px;
    padding: 10px;}

    .hero-content {
    grid-template-columns: 1fr 0fr!important;
}

.hero-banner-glossary {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 40%, #0a2d4a 100%);
    background: url(https://img1.bevywise.com/images/Glossary-banner.webp) center / cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -2px!important;
    padding: 10px;
}

        .man-ban {
    min-height: 100vh;
    background: url(//img1.bevywise.com/images/manu-facu-ban.webp) center / cover no-repeat;
    padding: 75px 0% 80px!important;
    display: flex!important;
}

        .modbus_page_header{
        background-image:none;
        background: #d5d5d5;
        height: 550px;
        }
    .hero-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto;
    }
        .broker-banner,
        .mqtt_dashboard_banner,
        .banner-sectiom3,
        .integration_banner,
        .mqtt_gateway_banner  {
         background-image: none !important;
        background: #d5d5d5 !important;
    }

        .lifecyle_banner{
        background-image:none;
        background: #d5d5d5!important;
        height: auto;
        }

    .banner_primary {
    width: 306px;
    font-size: 14px;
    padding: 16px 20px 16px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

   .acquistion_banner .allwidth,
   .mqtt_security_banner .allwidth {
        padding: 6rem 0rem;
    }

    .molding_page_header{
        padding: 6rem 0rem;
    }

    .mqtt_customer_header,
    .ems_banner,
    .mes_landing_banner {
        background-image:none;
        background:#d5d5d5;
        height: auto; 
    }
    .suppout_page_header{
        background-image:none;
        background:#d5d5d5;
        height: 400px;  
    }

     .form-wd{
    width: 320px;
 }

    .manufacturing_banner .allwidth,
    .energy_banner .allwidth,
    .pharma_banner .allwidth,
    .automation_banner .allwidth,
    .scada_banner .allwidth,
    .wip-limits-banner .allwidth,
    .wip-reports-banner .allwidth,
    .manufacturing-soluatiion_banner .allwidth,
    .vision-technology_banner .allwidth,
    .mqtt_bluetooth {
        padding: 4rem 0rem;
    }

    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner .allwidth, 
    .energy_banner .allwidth{
    padding: 8rem 0rem;
}

.mqtt_homeassistant .allwidth,
.mqtt_builtafleet,
.mqtt_cattle_management{
    padding: 6rem 0rem;
}
    
    .banner_primary-2{
    width: 306px;
    font-size: 14px;
    padding: 16px 15px 18px 15px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.banner_secondary_1 {
    width: 306px;
    font-size: 14px;
    padding: 16px 23px 16px 21px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.button-group {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin-top: 15px;
    gap: 10px;
  }


    .mobile_card {}

    .animation-scrolling {
        overflow-x: scroll;
        width: 80%;
    }

    @keyframes scrolling {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-80%);
        }
    }

    .fs-1 {
        font-size: 1.5rem !important;
        margin-bottom: 15px;
    }

    .pymid_img {
        width: 380px;
    }

    .left_right_font h3 {
        font-size: 1rem;
    }

    .py-sm-4 {
        padding: 20px 0px 20px 0px;
    }

    .banner-content-width {
        width: 100%;
    }

    .finalbox_content-width {
        width: 70%;
    }

    .finalbox_content-big {
        width: 90%;
    }

    .fs-2 {
        font-size: 1.3rem !important;
    }

    .fs-3 {
        font-size: 1rem !important;
    }

    .fa-4x {
        font-size: 3rem;
    }

    .table-container {
        width: 96%;
        overflow: scroll;
        height: 600px;
    }

    .table-container .thead {
        position: sticky;
        top: -1%;
    }

    .layer_bg {
        background: radial-gradient(circle, rgb(171 181 231) 0%, rgb(171 235 253 / 77%) 100%) !important;
        background-image: none;
    }

    .ems_features .feature-box {
        height: 269px;
        padding: 10px !important;
        width: 282px;
    }
.smart-factory-banner-1 {
    background-color: #1660A7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 74pc;
    aspect-ratio: 18 / 8;
}
}

@media (min-width: 600px) and (max-width: 767px) {

    .custom-container {
    max-width: 1920px;
    margin-right: 1px;
    margin-left: 1px;
}

    .contact-card {
    max-width: 650px!important;}

        .contactus-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
        .contactus-banner {
    margin-top: 62px;
    padding: 10px;}

    .hero-content {
    grid-template-columns: 1fr 0fr!important;
}

    .layer_bg {
        background: radial-gradient(circle, rgb(171 181 231) 0%, rgb(171 235 253 / 77%) 100%) !important;
        background-image: none;
    }

    .download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    width:180px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    padding: -1px 10px 0px 10px;
}

.smart-factory-banner-1 {
    background-color: #1660A7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 74pc;
    aspect-ratio: 18 / 8;
}

    .mqtt_landing,
    .power_banner,
    .iot-dashboard_banner,
    .configuration_banner,
    .intergate_banner,
    .producation_scheduling, 
    .mqtt-high_banner,
    .mqtt_triggers_banner,
    .manufacturing-soluatiion_banner,
    .energy_banner,
    .sparkplug,
    .mqtt-cluster_banner,
    .smart-factory_banner,
    .materials_banner,
    .acquisition_banner,
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner 
    .energy_banner,
    .mqtt_homeassistant,
    .manufacturing_usecase,
    .mqtt_builtafleet,
     .mqtt_cattle_management,
     .machinetwin_banner,
     .mqtt_auzre_implementation,
     .data_connectors_banner,
     
    .pharma_banner,
    .scada_banner,
    .wip-limits-banner,
    .wip-reports-banner,
    .education_coe_header,
    .education_tool_header,
    .education_training_header,
    .inventory_banner,
    .masters_banner,
    .Quality_banner,
    .machine_banner,
    .interfaces_banner,
    .digital_transformation,
    .top5mes_charts,
    .repoart_banner,
    .mqtt_customer_header,
    .ems_banner,
    .mes_landing_banner,
    .setting_auzre_implementation, 
    .manufacturing_banner,
    .mqtt-cluster_banner,
    .wip_banner,
    .acquistion_banner,
    .mqtt_security_banner,
    .mqtt_iot-banner,
    .mrp_page_header2,
    .education_page_header,
    .mrp_page_header,
    .mqtt_dashboard_banner,
    .platform_page_banner,
    .simulator_page_header,
    .education_page_header,
    .smart-factory-banner,
    .mqtt_modbus_dataintegration,
    .mqtt_bluetooth,
    .capacity_utilization   {
         background-image:none;
        background:#d5d5d5;
        height: auto; 
    }
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner .allwidth, 
    .energy_banner .allwidth{
    padding: 8rem 0rem;
}

.mqtt_homeassistant .allwidth,
.mqtt_builtafleet,
.mqtt_cattle_management,
.mqtt_bluetooth .allwidth{
    padding: 6rem 0rem;
}
    .hero-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto;
    }
        .hero,
        .man-ban,
        .hero-banner-glossary {
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto; 
}

.hero-banner-glossary {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 40%, #0a2d4a 100%);
    background: url(https://img1.bevywise.com/images/Glossary-banner.webp) center / cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -2px!important;
    padding: 10px;
}

        .man-ban {
    min-height: 100vh;
    background: url(//img1.bevywise.com/images/manu-facu-ban.webp) center / cover no-repeat;
    padding: 75px 0% 80px!important;
    display: flex!important;
}

            .broker-banner,
            .mqtt_dashboard_banner,
            .banner-sectiom3,
            .integration_banner,
            .molding_page_header {
         background-image: none !important;
        background: #d5d5d5 !important;
    }   
    .navbar-nav-1.nav-link-1:hover:after, .navbar .navbar-nav .nav-link-1:hover:after {
    width: 0%;
    left: 0;
}     

    .border_btn {
    width: 282px;
    font-size: 17px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid #161616;
}

    .navbar-collapse {
        height: 100pc;
        position: absolute;
        width: 100%;
        top: 100%;
        margin: 0 auto;
        left: 0;
        z-index: 1;
    }

    .card_2 {
    background-color: #F5F9FF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 95%;
    max-width: 1270px;
    height: 1100px;
    left: 18px;
    position: absolute;
    top: 19%;
}

.wip_banner-1 {
    background-color: #073F76;
    background-repeat: no-repeat;
    background-size: cover;
    height: 74pc;
    width: 100%;
    aspect-ratio: 18 / 8;
}

    .navbar-collapse {
        background-color:rgb(148 148 148);
        color:white;
        z-index: 3;
    }
  .hdg_1 {
    margin-right: -0.4rem !important;
    margin-left: -1.7rem !important;
}

.md_1 {
    margin-right: -6.7rem !important;
    margin-left: -7rem !important;
}

    .mx-2 {
        margin-right: -4.5rem !important;
        margin-left: -2.2rem !important;
    }

    .m_r1 {
        margin-right: .5rem !important;
        margin-left: 0.1rem !important;
    }

    .mx-3 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .mx-4 {
        margin-right: -0.5rem !important;
        margin-left: 0.1rem !important;
    }

    .lh_4 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .hdg_2 {
        margin-right: -2.5rem !important;
        margin-left: -1.2rem !important;
    }

    .dropdown-menu {
        max-height: 250px;
        width:301px; 
        overflow-y: auto; 
        scrollbar-width: thin; 
        scrollbar-color: #ffffff transparent;
    }
    .download_nav {
        background-color: #FFC622 !important;
        color: black !important;
        border-radius: 4px;
        font-size: 17px;
        padding: 0px 8px;
        width: 220px;
        margin-top: 15px;
        text-align: center;
        margin-left: 10px !important;
    }
    .button-group {
    display: flex;
    flex-direction: column;
    width: 65%;
    margin-top: 15px;
    gap: 20px;
  }

  .banner_primary-2 {
    width: 282px;
    font-size: 17px;
    padding: 18px 21px 21px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
 .banner_secondary_1 {
    width: 282px;
    font-size: 17px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
.banner_secondary_2 {
    width: 282px;
    font-size: 17px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.banner_primary {
    width: 282px;
    font-size: 17px;
    padding: 16px 20px 16px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.row {
    --bs-gutter-x: 0.2rem;
}

    .mno-4 {
        margin-left: 0.9rem !important;
    }

    .navbar-collapse .nav-item {
        border-bottom: 1px solid #454545;
    }
    .mt_1{
        margin-top: 13px;
    }

    .grid-drop-down {
        width: 310px;
        position: relative;
    }
    
    .listoutmenu {
        width: 345px;
    }

    .listoutmenu_1 {
        width: 270px;
    }

      .modbus_page_header{
        background-image:none;
        background: #d5d5d5;
        height: 550px;
        }

    .acquistion_banner .allwidth {
        padding: 3rem 0rem;
    }
    
    .mqtt_client .titles {
        width: 80%;
    }

    .normal_bannercontent {
        width: 100%;
        margin-top: 40px;
    }

    .banner-content-width {
        width: 95%;
    }

    .table-container thead th {
        padding: 13px;
        font-size: 15px;
    }

    .table-container thead tr th:first-child,
    .table-container tbody tr td:first-child {
        position: sticky;
        left: 0;
    }

    .table-container thead {
        top: 0;
        z-index: 1;
    }

    .table-container thead th:first-child {
        position: sticky;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, #3a7bd5, #3a6073);
        width: 52px;
    }

    .table-container tbody tr td:first-child {
        position: sticky;
        left: 0;
    }

    .table-container {
        width: 96%;
        overflow: scroll;
        height: 600px;
    }

    .table-container .thead {
        position: sticky;
        top: -1%;
    }

    .overlay_video {
        background: none;
        position: relative;
        z-index: 1;
        opacity: 123;
        width: 100%;
        height: 377px;
        top: 10%;
        bottom: 0;
    }

    .machinetwin_banner {
        height: 551px;
    }

    .main-content p {
        font-size: 20px !important;
    }

    .overlay-content h3 {
        line-height: 40px;
    }

    .Role-section {
        height: 101vh;
        border-left: 18px solid red;
        background: #f5f1f1;
    }

    .Role-section .bg-gray {
        display: none;
    }

    .header_para,
    p {
        font-size: 0.76rem;
    }

    .mobile_card {
        padding: 0px 5px;
        border: 1px solid #e5e5e5;
        margin: 14px;
        border-radius: 12px;
        width: 100%;
        height: 600px;
        max-width: 345px;
        min-width: 330px;
        background-color: #f2f7fa;
        text-align: center;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .solution-card {
        border: 1px solid #a9dbe0;
        background: aliceblue;
        padding: 20px;
        margin: 20px;
        border-radius: 10px;
    }
            .lifecyle_banner,
            .mqtt_gateway_banner{
        background-image:none;
        background: #d5d5d5!important;
        height: auto;
        }

    .mobile_card img {
        text-align: center;
    }

    .mobile-silder .silder {
        background-color: #f0f0f0;
        border: 1px solid #d3e0eb !important;
        padding: 20px;
        margin: 0 10px;
    }

    .table-container .thead {
        position: sticky;
        top: -1%;
    }

    .dark-content {
        position: relative;
        top: -50px;
        padding: 29px 16px;
        border: 1px solid #dbdbdb;
        left: 45px;
        border-radius: 5px;
        width: 332px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-content-width {
        width: 95%;
    }

    .mqtt_client .titles {
        width: 80%;
    }
        .molding_page_header{
        padding: 6rem 0rem;
    }

    .navbar-collapse {
        height: 100pc;
        position: absolute;
        width: 100%;
        top: 100%;
        margin: 0 auto;
        left: 0;
        z-index: 1;
    }

    .navbar-collapse {
        background-color:rgb(148 148 148);
        color:white;
        z-index: 3;
    }

    .dropdown-menu {
        max-height: 250px; 
        overflow-y: auto; 
        scrollbar-width: thin; 
        scrollbar-color: #ffffff transparent;
    }

    .navbar-collapse .nav-item {
        border-bottom: 1px solid #454545;
    }

   .custom-container {
    max-width: 1920px;
    margin-right: 1px;
    margin-left: 1px;
}

    .broker-banner,
    .mqtt_dashboard_banner  {
         background-image: none !important;
        background: #d5d5d5 !important;
    }

    .download_nav {
        background-color: #FFC622 !important;
        color: black !important;
        border-radius: 4px;
        font-size: 17px;
        padding: 0px 8px;
        width: 220px;
        margin-top: 15px;
        text-align: center;
        margin-left: 10px !important;
    }
    .mno-4 {
        margin-left: 0.9rem !important;
    }

    .listoutmenu {
        width: 345px;
    }
    .listoutmenu_2 {
        width: 590px;
    }
    .listoutmenu_1 {
        width: 270px;
    }

    .card_2 {
    background-color: #F5F9FF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 95%;
    max-width: 1270px;
    height: 650px;
    left: 24px;
    position: absolute;
    top: 19%;
}

.banner_secondary {
    width: 282px;
    font-size: 16px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.but-gap{
    gap: 20px;
}
    .hero {
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto; 
}
    .hero-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto;
    }
    .hdg_3 {
        margin-right: -3.0rem !important;
        margin-left: -2.2rem !important;
    }

 .hdg_1 {
    margin-right: -4.4rem !important;
    margin-left: -0.7rem !important;
}

.md_1 {
    margin-right: -13.7rem !important;
    margin-left: -7rem !important;
}

    .mx-2 {
        margin-right: -4.5rem !important;
        margin-left: -2.2rem !important;
    }

    .m_r1 {
        margin-right: -6.5rem !important;
        margin-left: 4.1rem !important;
    }

    .mx-3 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .mx-4 {
        margin-right: -8.5rem !important;
        margin-left: 1.1rem !important;
    }

    .lh_4 {
        margin-right: 0.5rem !important;
        margin-left: -0.2rem !important;
    }
    .hdg_2 {
        margin-right: -2.5rem !important;
        margin-left: -2.2rem !important;
    }

        .grid-drop-down_1 {
        width: 350px;
        position: relative;
    }

            .contactus-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
        .contactus-banner {
    margin-top: 62px;
    padding: 10px;}

    .contact-card {
    max-width: 650px!important;}

    .hero-content {
    grid-template-columns: 1fr 0fr!important;
}

                .banner-sectiom3,
                .integration_banner {
         background-image: none !important;
        background: #d5d5d5 !important;
    }   
.banner_secondary_2 {
    width: 282px;
    font-size: 16px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

    .table-container thead th {
        padding: 16px;
        font-size: 15px;
    }
    .navbar-nav-1.nav-link-1:hover:after, .navbar .navbar-nav .nav-link-1:hover:after {
    width: 0%;
    left: 0;
}

    .finalbox_content-width,
    .finalbox_content-big {
        width: 65%;
    }

    .resource .ncard {
        height: 15rem;
    }

    .layer_bg {
        background: radial-gradient(circle, rgb(171 181 231) 0%, rgb(171 235 253 / 77%) 100%) !important;
        background-image: none;
    }

    .multiple-card-section .card {
        width: 30rem;
        height: 25rem;
        max-width: 300px;
        margin: 0.3rem !important;
    }

.banner_primary {
    width: 282px;
    font-size: 16px;
    padding: 16px 20px 16px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

        .modbus_page_header{
        background-image:none;
        background: #d5d5d5;
        height: 550px;
        }

    .acquistion_banner .allwidth,
    .mqtt_security_banner .allwidth,
    .mqtt_dashboard_banner .allwidth {
        padding: 3rem 0rem;
    }
    
    .pharma_banner,
    .automation_banner,
    .education_coe_header,
    .education_tool_header,
    .education_training_header,
    .inventory_banner,
    .masters_banner,
    .Quality_banner,
    .machine_banner,
    .interfaces_banner,
    .machinetwin_banner,
    .top5mes_charts,
    .mqtt_auzre_implementation,
    .data_connectors_banner,
    .wip-limits-banner,
    .wip-reports-banner, 
    .mqtt_landing,
    .iot-dashboard_banner,
    .configuration_banner,
    .intergate_banner,
    .producation_scheduling,
    .capacity_utilization, 
    .mqtt-high_banner,
    .mqtt_triggers_banner,
    .manufacturing-soluatiion_banner,
    .energy_banner,
    .sparkplug,
    .smart-factory_banner,
    .materials_banner,
    .acquisition_banner,
    .mqtt_builtafleet,
    .mqtt_cattle_management,
    .mqtt_modbus_dataintegration,
    .acquistion_banner,
    .mqtt_security_banner,
    .mqtt_iot-banner,
    .mrp_page_header2,
    .wip_banner,
    .education_page_header,
    .mrp_page_header, 
    .ems_banner,
    .mqtt_dashboard_banner,
    .platform_page_banner,
    .simulator_page_header,
    .education_page_header,
    .smart-factory-banner,
    .setting_auzre_implementation, 
    .pharma_banner,
    .scada_banner,
    .education_coe_header,
    .education_tool_header,
    .education_training_header,
    .inventory_banner,
    .masters_banner,
    .Quality_banner,
    .machine_banner,
    .interfaces_banner,
    .mqtt-cluster_banner,
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner, 
    .energy_banner,
    .mqtt_homeassistant,
    .manufacturing_usecase,
    .mqtt_bluetooth,
    .mqtt_customer_header,
    .digital_transformation,
    .repoart_banner  {
       background-image:none;
        background:#d5d5d5;
        height: auto; 
    }
        .mqtt-standard_banner,
        .molding_page_header,
        .man-ban,
        .hero-banner-glossary{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
                .man-ban {
    min-height: 100vh;
    background: url(//img1.bevywise.com/images/manu-facu-ban.webp) center / cover no-repeat;
    padding: 75px 0% 80px!important;
    display: flex!important;
}

.hero-banner-glossary {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 40%, #0a2d4a 100%);
    background: url(https://img1.bevywise.com/images/Glossary-banner.webp) center / cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -2px!important;
    padding: 10px;
}

    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner .allwidth, 
    .energy_banner .allwidth{
    padding: 8rem 0rem;
}

    .manufacturing_banner .allwidth,
    .energy_banner .allwidth,
    .pharma_banner .allwidth,
    .automation_banner .allwidth,
    .scada_banner .allwidth,
    .manufacturing-soluatiion_banner .allwidth,
    .vision-technology_banner .allwidth,
    .mqtt_homeassistant .allwidth,
    .mqtt_builtafleet,
    .mqtt_cattle_management,
    .mqtt_bluetooth .allwidth{
    padding: 6rem 0rem;
}

.banner_primary-2 {
    width: 282px;
    font-size: 16px;
    padding: 22px 21px 21px 20px;
    background-color: #FFC622;
    color: #161616 !important;
    margin-right: 47px;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.banner_secondary_1 {
    width: 282px;
    font-size: 16px;
    padding: 16px 20px 16px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

    .multiple-card-section .card-text {
        font-size: 14px;
    }

    .overlay_video {
        height: 670px;
        top: 8%;
    }

    .smart_card:nth-child(1) {
        border: 1px solid rgb(203, 213, 223);
        background-color: aliceblue;
        padding: 10px;
        margin: 10px 0px 10px 0px;
        border-radius: 7px;
    }

    .smart_card:nth-child(2) {
        border: 1px solid rgb(243, 199, 247);
        background-color: rgb(251, 240, 255);
        padding: 10px;
        margin: 10px 0px 10px 0px;
        border-radius: 7px;
    }

    .smart_card:nth-child(4) {
        border: 1px solid rgb(182, 255, 225);
        background-color: rgb(240, 255, 249);
        padding: 10px;
        margin: 10px 0px 10px 0px;
        border-radius: 7px;
    }

    .smart_card:nth-child(3) {
        border: 1px solid rgb(253, 195, 220);
        background-color: rgb(255, 240, 243);
        padding: 10px;
        margin: 10px 0px 10px 0px;
        border-radius: 7px;
    }

     .download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    width:180px;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    padding: -1px 10px 0px 10px;
}

    .paddonig {
        display: none;
    }

    .overlay-content h3 {
        line-height: 40px;
    }

    .Role-section {
        height: 105vh !important;
        border-left: 18px solid red;
        background: #f5f1f1;
    }

    .Role-section .bg-gray {
        display: none;
    }

    .dark-content {
        position: relative;
        top: -50px;
        padding: 29px 16px;
        border: 1px solid #dbdbdb;
        left: 45px;
        border-radius: 5px;
        width: 332px;
    }

    .manufacturing_banner{
         background-image:none;
        background:#d5d5d5;
        height: auto; 
    }

            .lifecyle_banner,
            .mqtt_gateway_banner{
        background-image:none;
        background: #d5d5d5!important;
        height: auto;
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner-content-width {
        width: 80%;
    }

    .multiple-card-section .card {
        width: 30rem;
        height: 28rem;
        max-width: 300px;
        margin: 0.3rem !important;
    }

    .multiple-card-section .card-text {
        font-size: 14px;
    }

    .overlay-content h3 {
        line-height: 40px;
    }

    .Role-section {
        height: 101vh !important;
        border-left: 18px solid red;
        background: #f5f1f1;
    }
    

    .manufacturing_banner .allwidth,
    .energy_banner .allwidth,
    .pharma_banner .allwidth,
    .automation_banner .allwidth,
    .scada_banner .allwidth,
    .wip-limits-banner .allwidth,
    .wip-reports-banner .allwidth,
    .manufacturing-soluatiion_banner .allwidth,
    .vision-technology_banner .allwidth {
        padding: 5rem 0rem;
    }

                .contactus-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }
        .contactus-banner {
    margin-top: 62px;
    padding: 10px;}

    .contact-card {
    max-width: 650px!important;}

    .hero-content {
    grid-template-columns: 1fr 0fr!important;
}

    .Role-section .bg-gray {
        display: none;
    }

    .dark-content {
        position: relative;
        top: -50px;
        padding: 13px 22px;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
        width: 413px !important;
    }

    .download_nav {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    font-size: 17px;
    width: 200px;
    font-weight: 500;
    margin-left: 10px !important;
    margin-top: 10px;
    padding: 0px 8px 0px 10px;
    text-align: center;
}

    .layer_bg {
        background: radial-gradient(circle, rgb(171 181 231) 0%, rgb(171 235 253 / 77%) 100%) !important;
        background-image: none;
    }

    .resource .ncard {
        height: 15rem;
    }
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner .allwidth, 
    .energy_banner .allwidth{
    padding: 8rem 0rem;
}
    .hero-banner{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto;
    }


.mqtt_homeassistant .allwidth,
.mqtt_builtafleet,
.mqtt_cattle_management{
    padding: 6rem 0rem;
}
.mrpnormal_bannercontent{
    width: 80%;
    margin-top: 34px;
}

    .power_banner .allwidth,
    .mqtt-cluster_banner .allwidth,
    .home_automaction_banner .allwidth,
    .mqtt_security_banner .allwidth,
    .mqtt_iot-banner .allwidth,
    .mqtt_dashboard_banner .allwidth,
    .mqtt-high_banner .allwidth,
    .mqtt_customer_header .allwidth,
    .education_page_header .allwidth,
    .materials_banner .allwidth,
    .Quality_banner .allwidth,
    .mqtt_landing .allwidth,
    .producation_scheduling .allwidth,
    .machine_banner .allwidth,
    .inventory_banner .allwidth,
    .repoart_banner .allwidth,
    .interfaces_banner .allwidth,
    .lifecyle_banner .allwidth,
    .masters_banner .allwidth,
    .integration_banner .allwidth,
    .cqd_banner .allwidth,
    .acquisition_banner .allwidth,
    .education_tool_header .allwidth,
    .education_training_header .allwidth,
    .education_coe_header .allwidth,
    .partner_banner_white .allwidth,
    .configuration_banner .allwidth,
    .intergate_banner .allwidth,
    .smart-factory_banner .allwidth,
    .hosted_page_header .allwidth,
    .oee_banner .allwidth,
    .platform_page_banner .allwidth,
    .mrp_page_header .allwidth,
    .mqtt_gateway_banner .allwidth,
    .modbus_page_header .allwidth,
    .wip_banner .allwidth,
    .ems_banner .allwidth,
    .iot-dashboard_banner .allwidth {
        padding: 7rem 0rem;
    }
    .navbar-nav-1.nav-link-1:hover:after, .navbar .navbar-nav .nav-link-1:hover:after {
    width: 0%;
    left: 0;
}
    .hero {
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto; 
}

    .youtube_vedio iframe {
        height: 350px;
        width: 457px;
    }
    .mqtt_bluetooth .allwidth{
    padding: 6rem 0rem;
}

    .acquistion_banner,
    .mqtt_security_banner,
    .mqtt_iot-banner,
    .mrp_page_header2,
    .wip_banner,
    .education_page_header,
    .mrp_page_header,
    .mqtt-cluster_banner,
    .node_red-banner,
    .broker_tableau-banner,
    .broker_google_pubsub-banner,
    .mqttroute_openhab-banner, 
    .manufacturing_banner, 
    .energy_banner,
    .mqtt_homeassistant,
    .manufacturing_usecase,
    .pharma_banner,
    .automation_banner,
    .mqtt_builtafleet,
     .mqtt_cattle_management,
     .sparkplug,
     .mqtt_modbus_dataintegration,
     .mqtt_bluetooth,
     .platform_page_banner,
     .mqtt_customer_header,
     .simulator_page_header,
     .intergate_banner,
     .configuration_banner,
     .machinetwin_banner,
     .education_tool_header,
     .education_coe_header,
     .education_training_header,
     .smart-factory-banner,
     .digital_transformation,
     .top5mes_charts,
     .capacity_utilization,
     .setting_auzre_implementation,
     .mqtt_auzre_implementation,
     .ems_banner,
     .data_connectors_banner,
      .materials_banner,
       .inventory_banner,
       .producation_scheduling,
       .masters_banner,
       .Quality_banner,
       .machine_banner,
       .acquisition_banner,
       .interfaces_banner,
       .integration_banner,
       .repoart_banner,
       .smart-factory_banner,
       .wip-limits-banner,
       .wip-reports-banner {
        background-image:none;
        background: #d5d5d5;
        height: auto;
    }
            .mqtt-standard_banner,
            .molding_page_header,
            .man-ban,
            .hero-banner-glossary{
        background-image:none!important;
        background:#d5d5d5!important;
        height: auto!important;  
        }

        .hero-banner-glossary {
    min-height: 100vh;
    background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 40%, #0a2d4a 100%);
    background: url(https://img1.bevywise.com/images/Glossary-banner.webp) center / cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -2px!important;
    padding: 10px;
}

                        .man-ban {
    min-height: 100vh;
    background: url(//img1.bevywise.com/images/manu-facu-ban.webp) center / cover no-repeat;
    padding: 75px 0% 80px!important;
    display: flex!important;
}

                .modbus_page_header{
        background-image:none;
        background: #d5d5d5;
        height: 600px;
        }

        .broker-banner,
        .mqtt_dashboard_banner,
        .banner-sectiom3  {
         background-image: none !important;
        background: #d5d5d5 !important;
    }

        .lifecyle_banner,
        .mqtt_gateway_banner{
        background-image:none;
        background: #d5d5d5!important;
        height: auto;
        }

    .ems_features .feature-box {
        width: 289px;
        padding: 14px !important;
        height: 273px;
    }

    .banner_secondary_2 {
    width: 275px;
    font-size: 19px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

    .navbar-collapse {
        height: 100pc;
        position: absolute;
        width: 104%;
        top: 100%;
        margin: 0;
        left: -16px;
        z-index: 4;
    }
        .navbar-collapse-1 {
        height: 100pc;
        position: absolute;
        width: 102%;
        top: 100%;
        margin: 0;
        left: 0px;
        z-index: 4;
    }
        .navbar-collapse .nav-item {
        border-bottom: 1px solid #454545;
    }

    .custom-container {
    max-width: 1920px;
    margin-right: 1px;
    margin-left: 1px;
}

        .navbar-collapse {
        background-color: rgb(148 148 148);
        color: white;
        z-index: 3;
    }

    .primary-header.sticky-header p {
        color: black !important;
        margin-left: 2px !important;
    }
    .sep-responsive{
        border-left: 1px solid black;
        height: 30px;
        margin-left: 60px; 
        display: none;
      }
          .row {
    --bs-gutter-x: 0.5rem;
    gap:20px;
}
.download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 17px;
    margin-top: 10px;
    width: 160px;
    font-weight: 500;
    padding: -1px 10px 0px 10px;
}
    
}

@media (min-width: 1366px) and (max-width: 1450px) {

    .normal_bannercontent {
        width: 65%;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {

    .overlay_video {
        height: 636px;
        top: 8%;
    }

    .resource .ncard {
        height: 15rem;
    }

    .banner-content-width {
        width: 71%;
    }

    .smart_circleright {
        margin-right: 47px;
    }

    .paddding_right_50 {
        padding-right: 55px !important;
    }

    .paddding_left_50 {
        padding-left: 62px !important;
    }

    .round_circle_box {
        left: 19pc;
        top: 50px;
        width: 377px;
        height: 372px;
    }

    .smart_circleleft {
        margin-left: 30px;
    }
}

@media (min-width: 1366px) and (max-width: 1399px) {
    .round_circle_box {
        left: 22pc;
    }

    .smart_circleright {
        margin-right: 24px;
    }

    .smart_circleleft {
        margin-left: 24px;
    }
}

@media (min-width: 2500px) {
    .round_circle_box {
        display: block;
        width: 363px;
        left: 62pc;
        height: 363px;
    }
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    padding: 20px;
    color: white !important;
    font-weight: bold;
    font-size: 24px;
    border-radius: 0 8px 8px 0;
    background: rgba(173, 216, 230, 0.1);
    user-select: none;
}

.next {
    right: 0;
    border-radius: 8px 0 0 8px;
}

.prev:hover,
.next:hover {
    background-color: rgba(173, 216, 230, 0.3);
}

.number {
    color: #f2f2f2;
    font-size: 16px;
    background-color: rgba(173, 216, 230, 0.15);
    backdrop-filter: blur(6px);
    border-radius: 10px;
    padding: 8px 12px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.dots {
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin: 0 4px;
    background-color: rgba(173, 216, 230, 0.2);
    backdrop-filter: blur(2px);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.dots-container .active,
.dots:hover {
    background-color: rgba(173, 216, 230, 0.8);
}

.animate {
    -webkit-animation-name: animatebanner;
    -webkit-animation-duration: 1s;
    animation-name: animatebanner;
    animation-duration: 2s;
}

@keyframes animatebanner {
    from {
        transform: scale(1.1) rotateY(10deg);
    }

    to {
        transform: scale(1) rotateY(0deg);
    }
}

.hovercontainer {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    gap: 1.5rem;
}

.hoverbox {
    position: relative;
    background: #f8fcff;
    padding: 32px 28px;
    overflow: hidden;
    border-radius: 0px;
    transition: 0.35s ease-in;
}

.hoverbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 0.35rem;
    background: #dc3545;
    transition: 0.5s ease;
}

.hoverbox h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: black;
    margin-bottom: 1rem;
}

.hoverbox h2 {
    font-size: 1.50rem;
    font-weight: 600;
    color: black;
    margin-bottom: 1rem;
    text-align: center;
}

.hoverbox ul li {
    color: black;
}

.hoverbox p {
    color: black;
    margin-bottom: 1.2rem;
    font-weight: 300;
}

.hoverbox a {
    position: relative;
    color: black;
    text-decoration: unset;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: color 0.35s;
}

.hoverbox:hover {
    background: white;
    box-shadow: 0px 16px 24px rgba(0, 15, 0, 0.1);
}

.hoverbox:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.hoverbox:hover a:after {
    border-color: transparent;
    margin-left: 2rem;
    transition: all 0.35s, color 0s;
}

.hoverbox:hover a:before {
    width: 1.5rem;
    background: #dc3545;
}

.hoverbox:hover .hoverbox a {
    color: #dc3545;
}

.hoverbox:hover a:hover {
    color: #dc3545;
}

.hoverbox:hover a:hover:before {
    background: #dc3545;
}

.pricing-navbar .nav-tabs .nav-item.show .nav-link,
.pricing-navbar .nav-tabs .nav-link.active {
    border-top: 4px solid blue !important;
    width: 380px !important;
    padding: 15px;
    -size: 24px;
    font-weight: 600;
    border: #dee2e6 #dee2e6 #fff;
    color: black !important;
    background-color: #F9FFFF;
    border-bottom: none;
}

.pricing-navbar .nav-tabs .nav-item {
    font-size: 20px;
}

.bg-azure {
    background-color: #F9FFFF;
}

.pricing-navba .nav-tabs .nav-link {
    width: 380px !important;
    padding: 15px;
    font-size: 24px;
    font-weight: 600;
    color: #373737 !important;
}

.pricing-navbar .nav-tabs .nav-link:hover {  
    border: white !important;
}

.pricing-navbar .nav-tabs .nav-link.active:hover {
    border-top: 3px solid blue !important;
    border: gray;
    isolation: auto !important;
    background-color: none;
}

.pricing-navbar .nav-tabs {
    border-bottom: 1px solid #8b8f92 !important;
}

@keyframes pricingfadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

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

.pricing_page {
    animation: pricingfadeIn 0.5s ease-in-out;
}

.stars {
    z-index: -1;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 85vh;
    transition: opacity 1s ease-in-out;
}

.stars>.small {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 674px 1650px #767676, 1291px 1223px #767676, 387px 50px #767676, 869px 1598px #767676, 1306px 622px #767676, 1070px 342px #767676, 623px 356px #767676, 532px 1229px #767676, 1528px 1062px #767676, 36px 566px #767676, 1544px 1233px #767676, 394px 468px #767676, 1998px 953px #767676, 142px 1084px #767676, 1027px 1542px #767676, 235px 121px #767676, 301px 820px #767676, 1189px 1615px #767676, 1919px 1982px #767676, 1016px 658px #767676, 271px 142px #767676, 1879px 1277px #767676, 939px 1986px #767676, 1717px 136px #767676, 971px 1296px #767676, 1952px 796px #767676, 1288px 1384px #767676, 1067px 891px #767676, 10px 505px #767676, 1546px 871px #767676, 1628px 475px #767676, 1786px 445px #767676, 1796px 1274px #767676, 1336px 1847px #767676, 1944px 917px #767676, 1492px 1072px #767676, 1071px 543px #767676, 988px 42px #767676, 1390px 972px #767676, 1069px 1794px #767676, 1253px 95px #767676, 713px 1051px #767676, 967px 329px #767676, 1202px 1864px #767676, 1732px 536px #767676, 133px 296px #767676, 218px 1884px #767676, 1438px 864px #767676, 1109px 1151px #767676, 236px 685px #767676, 1461px 1082px #767676, 917px 557px #767676, 1756px 851px #767676, 1171px 227px #767676, 372px 672px #767676, 1524px 1427px #767676, 1476px 86px #767676, 1422px 1456px #767676, 1470px 939px #767676, 983px 953px #767676, 1549px 972px #767676, 147px 81px #767676, 1433px 1903px #767676, 1245px 1031px #767676, 1295px 1125px #767676, 562px 1129px #767676, 1011px 1277px #767676, 858px 1880px #767676, 1180px 1472px #767676, 129px 1482px #767676, 1175px 1402px #767676, 1828px 710px #767676, 1292px 832px #767676, 567px 708px #767676, 1883px 1759px #767676, 1846px 1590px #767676, 206px 396px #767676, 516px 890px #767676, 645px 1971px #767676, 497px 1527px #767676, 1597px 1333px #767676, 791px 1754px #767676, 1506px 972px #767676, 1006px 382px #767676, 1045px 1332px #767676, 1845px 360px #767676, 1133px 1505px #767676, 240px 1044px #767676, 765px 254px #767676, 523px 619px #767676, 1546px 1663px #767676, 1578px 30px #767676, 998px 913px #767676, 1647px 402px #767676, 1907px 165px #767676, 499px 193px #767676, 778px 137px #767676, 1983px 28px #767676, 606px 411px #767676, 1631px 1646px #767676, 260px 344px #767676, 68px 455px #767676, 380px 459px #767676, 1977px 1454px #767676, 1324px 1029px #767676, 2000px 1038px #767676, 826px 517px #767676, 1036px 1376px #767676, 1737px 877px #767676, 80px 18px #767676, 1563px 459px #767676, 1367px 1473px #767676, 1431px 1657px #767676, 699px 200px #767676, 1235px 729px #767676, 667px 1004px #767676, 1046px 1146px #767676, 127px 212px #767676, 1925px 830px #767676, 1741px 191px #767676, 1831px 641px #767676, 1772px 1132px #767676, 75px 1601px #767676, 135px 1899px #767676, 514px 984px #767676, 1727px 882px #767676, 559px 895px #767676, 1659px 162px #767676, 1075px 1339px #767676, 1176px 382px #767676, 1245px 1082px #767676, 1287px 1413px #767676, 929px 801px #767676, 1986px 1112px #767676, 1728px 1499px #767676, 741px 68px #767676, 1037px 880px #767676, 1722px 1661px #767676, 562px 504px #767676, 470px 384px #767676, 1126px 1881px #767676, 1284px 824px #767676, 1062px 1416px #767676, 1835px 742px #767676, 1445px 1393px #767676, 1518px 1349px #767676, 51px 911px #767676, 1739px 1880px #767676, 647px 194px #767676, 1684px 1066px #767676, 729px 955px #767676, 860px 938px #767676, 1163px 1266px #767676, 1995px 304px #767676, 1845px 507px #767676, 869px 1582px #767676, 878px 119px #767676, 222px 1193px #767676, 204px 551px #767676, 559px 1647px #767676, 1344px 33px #767676, 987px 623px #767676, 1858px 1597px #767676, 1675px 1114px #767676, 1243px 508px #767676, 918px 524px #767676, 458px 444px #767676, 932px 343px #767676, 1506px 1485px #767676, 1668px 1030px #767676, 171px 1890px #767676, 587px 410px #767676, 1937px 1668px #767676, 1223px 1405px #767676, 141px 1119px #767676, 860px 1255px #767676, 1757px 1152px #767676, 481px 482px #767676, 48px 1437px #767676, 669px 1430px #767676, 866px 1016px #767676, 1311px 69px #767676, 947px 1440px #767676, 1481px 1861px #767676, 1140px 880px #767676, 687px 775px #767676, 707px 943px #767676, 1050px 848px #767676, 918px 1259px #767676, 1637px 581px #767676, 717px 929px #767676, 762px 1002px #767676, 449px 1129px #767676, 1560px 330px #767676, 1926px 1254px #767676, 549px 1790px #767676, 1287px 1238px #767676, 1370px 858px #767676, 1794px 1684px #767676, 25px 409px #767676, 1872px 1162px #767676, 714px 1930px #767676, 948px 1px #767676, 105px 1386px #767676, 1266px 749px #767676, 1656px 488px #767676, 1765px 451px #767676, 1443px 1082px #767676, 1695px 1800px #767676, 1679px 1199px #767676, 1559px 1060px #767676, 563px 1302px #767676, 555px 1655px #767676, 1973px 1465px #767676, 1007px 1496px #767676, 636px 594px #767676, 1769px 82px #767676, 1301px 707px #767676, 382px 1854px #767676, 604px 333px #767676, 802px 521px #767676, 1901px 1265px #767676, 585px 570px #767676, 852px 1848px #767676, 75px 1281px #767676, 1407px 319px #767676, 911px 1292px #767676, 1847px 305px #767676, 789px 825px #767676, 1204px 1615px #767676, 402px 335px #767676, 1970px 721px #767676, 334px 216px #767676, 1384px 1014px #767676, 1025px 475px #767676, 152px 441px #767676, 998px 11px #767676, 1494px 392px #767676, 473px 1336px #767676, 389px 440px #767676, 722px 68px #767676, 783px 1030px #767676, 1591px 1634px #767676, 680px 845px #767676, 1158px 887px #767676, 666px 576px #767676, 341px 1588px #767676, 1474px 534px #767676, 814px 1851px #767676, 140px 1800px #767676, 1351px 679px #767676, 1143px 784px #767676, 122px 1522px #767676, 1893px 735px #767676, 713px 305px #767676, 56px 1799px #767676, 1574px 145px #767676, 203px 1877px #767676, 1318px 91px #767676, 608px 1523px #767676, 631px 755px #767676, 163px 1544px #767676, 1681px 1427px #767676, 85px 1806px #767676, 1241px 630px #767676, 1469px 364px #767676, 1615px 597px #767676, 102px 1535px #767676, 1211px 1634px #767676, 1621px 1539px #767676, 909px 156px #767676, 257px 774px #767676, 765px 1471px #767676, 1806px 324px #767676, 259px 281px #767676, 1980px 155px #767676, 1636px 1825px #767676, 359px 944px #767676, 1678px 69px #767676, 718px 921px #767676, 1995px 1251px #767676, 1240px 372px #767676, 823px 353px #767676, 700px 1595px #767676, 55px 1105px #767676, 1572px 424px #767676, 531px 334px #767676, 1299px 1761px #767676, 1637px 1115px #767676, 33px 1043px #767676, 869px 1465px #767676, 119px 1241px #767676, 780px 449px #767676, 1923px 1395px #767676, 603px 668px #767676, 1266px 1058px #767676, 1037px 1618px #767676, 817px 158px #767676, 1576px 1822px #767676, 356px 1536px #767676, 1622px 489px #767676, 734px 257px #767676, 755px 911px #767676, 174px 1587px #767676, 1905px 187px #767676, 1587px 1450px #767676, 1168px 1968px #767676, 1330px 1946px #767676, 259px 971px #767676, 1078px 1745px #767676, 364px 1796px #767676, 1118px 910px #767676, 1554px 1154px #767676, 1618px 1514px #767676, 271px 1301px #767676, 502px 800px #767676, 1520px 1768px #767676, 1400px 659px #767676, 692px 822px #767676, 880px 848px #767676, 1528px 282px #767676, 83px 746px #767676, 1282px 8px #767676, 290px 553px #767676, 580px 50px #767676, 1833px 1405px #767676, 1045px 246px #767676, 1450px 1549px #767676, 517px 234px #767676, 635px 1082px #767676, 1422px 782px #767676, 62px 1874px #767676, 160px 1741px #767676, 99px 777px #767676, 406px 1200px #767676, 1530px 804px #767676, 1675px 63px #767676, 1221px 852px #767676, 1375px 1960px #767676, 970px 1599px #767676, 429px 210px #767676, 404px 47px #767676, 586px 14px #767676, 368px 1359px #767676, 1063px 220px #767676, 1220px 1060px #767676, 976px 1629px #767676, 1490px 501px #767676, 1142px 229px #767676, 1436px 1213px #767676, 1598px 759px #767676, 965px 527px #767676, 316px 1408px #767676, 1379px 1619px #767676, 2000px 675px #767676, 888px 999px #767676, 1799px 1809px #767676, 1740px 1993px #767676, 1914px 1805px #767676, 259px 1502px #767676, 824px 1568px #767676, 850px 252px #767676, 647px 115px #767676, 248px 718px #767676, 253px 270px #767676, 1538px 1293px #767676, 1329px 575px #767676, 1615px 161px #767676, 36px 828px #767676, 26px 904px #767676, 1249px 1737px #767676, 393px 1892px #767676, 1985px 115px #767676, 1149px 694px #767676, 538px 152px #767676, 1401px 1790px #767676, 87px 678px #767676, 1523px 401px #767676, 1031px 1686px #767676, 876px 1580px #767676, 1382px 824px #767676, 94px 1970px #767676, 990px 1701px #767676, 512px 64px #767676, 1264px 1658px #767676, 795px 566px #767676, 374px 188px #767676, 544px 1485px #767676, 1713px 379px #767676, 1594px 263px #767676, 959px 1007px #767676, 275px 740px #767676, 1571px 1722px #767676, 1448px 1455px #767676, 1769px 1599px #767676, 1015px 1245px #767676, 1282px 1874px #767676, 615px 1633px #767676, 1622px 1143px #767676, 1042px 1494px #767676, 1334px 966px #767676, 1393px 1823px #767676, 1483px 1592px #767676, 1468px 680px #767676, 593px 1373px #767676, 1529px 513px #767676, 1173px 500px #767676, 1630px 513px #767676, 283px 901px #767676, 623px 1987px #767676, 442px 1872px #767676, 744px 51px #767676, 723px 558px #767676, 1445px 1949px #767676, 594px 1801px #767676, 518px 1208px #767676, 268px 964px #767676, 1083px 1987px #767676, 729px 1433px #767676, 1098px 979px #767676, 1517px 1951px #767676, 918px 833px #767676, 67px 1850px #767676, 1564px 1154px #767676, 1915px 314px #767676, 1011px 1391px #767676, 1371px 490px #767676, 921px 101px #767676, 1441px 976px #767676, 1435px 895px #767676, 1888px 1378px #767676, 1050px 582px #767676, 1019px 734px #767676, 206px 368px #767676, 442px 289px #767676, 1869px 1139px #767676, 1626px 1959px #767676, 1457px 1082px #767676, 1115px 448px #767676, 1649px 1266px #767676, 1940px 509px #767676, 899px 1868px #767676, 466px 1478px #767676, 574px 759px #767676, 1174px 1649px #767676, 1998px 1616px #767676, 1839px 728px #767676, 744px 1481px #767676, 1123px 80px #767676, 196px 159px #767676, 887px 1940px #767676, 1399px 24px #767676, 1757px 821px #767676, 1281px 1099px #767676, 1225px 858px #767676, 239px 1800px #767676, 464px 493px #767676, 249px 535px #767676, 25px 645px #767676, 1792px 1417px #767676, 1037px 1180px #767676, 486px 883px #767676, 313px 1928px #767676, 38px 1151px #767676, 1069px 1640px #767676, 22px 210px #767676, 1830px 1921px #767676, 126px 939px #767676, 794px 1985px #767676, 613px 1066px #767676, 1119px 1073px #767676, 1775px 686px #767676, 1666px 1023px #767676, 81px 555px #767676, 584px 1711px #767676, 890px 153px #767676, 516px 184px #767676, 188px 253px #767676, 334px 1207px #767676, 1276px 244px #767676, 606px 1177px #767676, 363px 1695px #767676, 130px 136px #767676, 1814px 36px #767676, 1582px 979px #767676, 953px 1957px #767676, 765px 1952px #767676, 1776px 341px #767676, 772px 668px #767676, 1906px 1737px #767676, 1546px 1600px #767676, 1481px 1942px #767676, 1336px 993px #767676, 144px 1074px #767676, 855px 1477px #767676, 58px 962px #767676, 766px 201px #767676, 1506px 421px #767676, 1829px 757px #767676, 28px 1775px #767676, 1984px 918px #767676, 265px 300px #767676, 1983px 1987px #767676, 609px 450px #767676, 1701px 1440px #767676, 1991px 613px #767676, 574px 1919px #767676, 222px 204px #767676, 1716px 116px #767676, 23px 1416px #767676, 1906px 1384px #767676, 1083px 1123px #767676, 1478px 951px #767676, 1879px 666px #767676, 254px 833px #767676, 467px 1914px #767676, 544px 220px #767676, 1616px 666px #767676, 87px 446px #767676, 1750px 925px #767676, 1731px 620px #767676, 1549px 866px #767676, 412px 5px #767676, 1215px 260px #767676, 539px 1726px #767676, 688px 218px #767676, 1314px 1457px #767676, 451px 1428px #767676, 1658px 996px #767676, 133px 1074px #767676, 1527px 1941px #767676, 966px 1728px #767676, 232px 684px #767676, 558px 383px #767676, 1967px 1726px #767676, 1985px 1029px #767676, 745px 452px #767676, 203px 1199px #767676, 124px 160px #767676, 1708px 585px #767676, 704px 1222px #767676, 1776px 1737px #767676, 84px 1707px #767676, 223px 1521px #767676, 70px 915px #767676, 337px 303px #767676, 653px 1680px #767676, 1966px 1140px #767676, 1912px 71px #767676, 1640px 276px #767676, 1955px 1116px #767676, 1818px 281px #767676, 135px 1852px #767676, 1187px 1982px #767676, 1183px 1100px #767676, 1533px 1554px #767676, 316px 1833px #767676, 6px 810px #767676, 1522px 1480px #767676, 1767px 1000px #767676, 285px 1979px #767676, 1093px 246px #767676, 1435px 90px #767676, 501px 1051px #767676, 372px 170px #767676, 1510px 464px #767676, 1333px 1488px #767676, 1366px 825px #767676, 1708px 1562px #767676, 135px 1230px #767676, 1696px 536px #767676, 1542px 1289px #767676, 1275px 1369px #767676, 781px 1300px #767676, 258px 1194px #767676, 366px 958px #767676, 294px 506px #767676, 336px 1890px #767676, 150px 1206px #767676, 237px 678px #767676, 777px 487px #767676, 1740px 1639px #767676, 891px 131px #767676, 750px 1588px #767676, 1100px 1058px #767676, 1274px 1096px #767676, 1809px 163px #767676, 1588px 1027px #767676, 1173px 196px #767676, 1569px 1373px #767676, 167px 1068px #767676, 496px 929px #767676, 213px 994px #767676, 264px 1503px #767676, 1588px 840px #767676, 32px 157px #767676, 1550px 1710px #767676, 917px 333px #767676, 832px 429px #767676, 1266px 608px #767676, 1537px 1592px #767676, 962px 805px #767676, 194px 1664px #767676, 208px 1143px #767676, 643px 1565px #767676, 1670px 1424px #767676, 425px 1858px #767676, 429px 1620px #767676, 1258px 1929px #767676, 418px 396px #767676, 781px 910px #767676, 887px 1991px #767676, 929px 825px #767676, 821px 1127px #767676, 1963px 1538px #767676, 1305px 1687px #767676, 1088px 460px #767676, 1607px 1880px #767676, 729px 1261px #767676, 212px 835px #767676, 711px 1170px #767676, 887px 645px #767676, 1787px 1283px #767676, 1706px 238px #767676, 667px 947px #767676, 682px 15px #767676, 434px 1635px #767676, 390px 301px #767676, 279px 1425px #767676, 798px 740px #767676, 500px 565px #767676, 1183px 803px #767676, 1725px 1780px #767676, 206px 1209px #767676, 732px 624px #767676, 1714px 1098px #767676, 672px 1133px #767676, 1444px 1884px #767676, 333px 1592px #767676, 1305px 863px #767676, 1073px 1057px #767676, 756px 320px #767676, 1446px 1115px #767676, 1424px 830px #767676, 705px 1926px #767676, 1420px 1162px #767676, 1346px 325px #767676, 1729px 801px #767676, 509px 1829px #767676, 368px 157px #767676, 1627px 1951px #767676, 42px 933px #767676, 1378px 529px #767676, 636px 1942px #767676, 1473px 906px #767676, 193px 1454px #767676, 1390px 1708px #767676, 238px 742px #767676, 1579px 1810px #767676, 1338px 574px #767676, 1406px 1161px #767676, 727px 1888px #767676, 1819px 1739px #767676, 1362px 1687px #767676, 132px 639px #767676, 1672px 463px #767676, 560px 1017px #767676, 400px 200px #767676, 430px 1495px #767676, 969px 164px #767676, 566px 484px #767676, 292px 1632px #767676, 1862px 662px #767676, 1975px 377px #767676, 413px 280px #767676, 299px 1839px #767676, 1454px 571px #767676, 1091px 1785px #767676, 299px 1243px #767676, 1249px 148px #767676, 1028px 1843px #767676, 244px 465px #767676, 670px 1519px #767676, 1880px 1933px #767676, 1980px 886px #767676, 1084px 1460px #767676, 966px 213px #767676, 1220px 538px #767676, 1756px 1801px #767676, 399px 1269px #767676, 200px 884px #767676, 1423px 445px #767676, 1419px 288px #767676, 1926px 1688px #767676, 537px 758px #767676, 1077px 571px #767676, 308px 79px #767676, 100px 1538px #767676, 745px 1885px #767676, 1736px 1084px #767676;
    animation: starsAnimation 50s linear infinite;
}

.stars>.small:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 674px 1650px #767676, 1291px 1223px #767676, 387px 50px #767676, 869px 1598px #767676, 1306px 622px #767676, 1070px 342px #767676, 623px 356px #767676, 532px 1229px #767676, 1528px 1062px #767676, 36px 566px #767676, 1544px 1233px #767676, 394px 468px #767676, 1998px 953px #767676, 142px 1084px #767676, 1027px 1542px #767676, 235px 121px #767676, 301px 820px #767676, 1189px 1615px #767676, 1919px 1982px #767676, 1016px 658px #767676, 271px 142px #767676, 1879px 1277px #767676, 939px 1986px #767676, 1717px 136px #767676, 971px 1296px #767676, 1952px 796px #767676, 1288px 1384px #767676, 1067px 891px #767676, 10px 505px #767676, 1546px 871px #767676, 1628px 475px #767676, 1786px 445px #767676, 1796px 1274px #767676, 1336px 1847px #767676, 1944px 917px #767676, 1492px 1072px #767676, 1071px 543px #767676, 988px 42px #767676, 1390px 972px #767676, 1069px 1794px #767676, 1253px 95px #767676, 713px 1051px #767676, 967px 329px #767676, 1202px 1864px #767676, 1732px 536px #767676, 133px 296px #767676, 218px 1884px #767676, 1438px 864px #767676, 1109px 1151px #767676, 236px 685px #767676, 1461px 1082px #767676, 917px 557px #767676, 1756px 851px #767676, 1171px 227px #767676, 372px 672px #767676, 1524px 1427px #767676, 1476px 86px #767676, 1422px 1456px #767676, 1470px 939px #767676, 983px 953px #767676, 1549px 972px #767676, 147px 81px #767676, 1433px 1903px #767676, 1245px 1031px #767676, 1295px 1125px #767676, 562px 1129px #767676, 1011px 1277px #767676, 858px 1880px #767676, 1180px 1472px #767676, 129px 1482px #767676, 1175px 1402px #767676, 1828px 710px #767676, 1292px 832px #767676, 567px 708px #767676, 1883px 1759px #767676, 1846px 1590px #767676, 206px 396px #767676, 516px 890px #767676, 645px 1971px #767676, 497px 1527px #767676, 1597px 1333px #767676, 791px 1754px #767676, 1506px 972px #767676, 1006px 382px #767676, 1045px 1332px #767676, 1845px 360px #767676, 1133px 1505px #767676, 240px 1044px #767676, 765px 254px #767676, 523px 619px #767676, 1546px 1663px #767676, 1578px 30px #767676, 998px 913px #767676, 1647px 402px #767676, 1907px 165px #767676, 499px 193px #767676, 778px 137px #767676, 1983px 28px #767676, 606px 411px #767676, 1631px 1646px #767676, 260px 344px #767676, 68px 455px #767676, 380px 459px #767676, 1977px 1454px #767676, 1324px 1029px #767676, 2000px 1038px #767676, 826px 517px #767676, 1036px 1376px #767676, 1737px 877px #767676, 80px 18px #767676, 1563px 459px #767676, 1367px 1473px #767676, 1431px 1657px #767676, 699px 200px #767676, 1235px 729px #767676, 667px 1004px #767676, 1046px 1146px #767676, 127px 212px #767676, 1925px 830px #767676, 1741px 191px #767676, 1831px 641px #767676, 1772px 1132px #767676, 75px 1601px #767676, 135px 1899px #767676, 514px 984px #767676, 1727px 882px #767676, 559px 895px #767676, 1659px 162px #767676, 1075px 1339px #767676, 1176px 382px #767676, 1245px 1082px #767676, 1287px 1413px #767676, 929px 801px #767676, 1986px 1112px #767676, 1728px 1499px #767676, 741px 68px #767676, 1037px 880px #767676, 1722px 1661px #767676, 562px 504px #767676, 470px 384px #767676, 1126px 1881px #767676, 1284px 824px #767676, 1062px 1416px #767676, 1835px 742px #767676, 1445px 1393px #767676, 1518px 1349px #767676, 51px 911px #767676, 1739px 1880px #767676, 647px 194px #767676, 1684px 1066px #767676, 729px 955px #767676, 860px 938px #767676, 1163px 1266px #767676, 1995px 304px #767676, 1845px 507px #767676, 869px 1582px #767676, 878px 119px #767676, 222px 1193px #767676, 204px 551px #767676, 559px 1647px #767676, 1344px 33px #767676, 987px 623px #767676, 1858px 1597px #767676, 1675px 1114px #767676, 1243px 508px #767676, 918px 524px #767676, 458px 444px #767676, 932px 343px #767676, 1506px 1485px #767676, 1668px 1030px #767676, 171px 1890px #767676, 587px 410px #767676, 1937px 1668px #767676, 1223px 1405px #767676, 141px 1119px #767676, 860px 1255px #767676, 1757px 1152px #767676, 481px 482px #767676, 48px 1437px #767676, 669px 1430px #767676, 866px 1016px #767676, 1311px 69px #767676, 947px 1440px #767676, 1481px 1861px #767676, 1140px 880px #767676, 687px 775px #767676, 707px 943px #767676, 1050px 848px #767676, 918px 1259px #767676, 1637px 581px #767676, 717px 929px #767676, 762px 1002px #767676, 449px 1129px #767676, 1560px 330px #767676, 1926px 1254px #767676, 549px 1790px #767676, 1287px 1238px #767676, 1370px 858px #767676, 1794px 1684px #767676, 25px 409px #767676, 1872px 1162px #767676, 714px 1930px #767676, 948px 1px #767676, 105px 1386px #767676, 1266px 749px #767676, 1656px 488px #767676, 1765px 451px #767676, 1443px 1082px #767676, 1695px 1800px #767676, 1679px 1199px #767676, 1559px 1060px #767676, 563px 1302px #767676, 555px 1655px #767676, 1973px 1465px #767676, 1007px 1496px #767676, 636px 594px #767676, 1769px 82px #767676, 1301px 707px #767676, 382px 1854px #767676, 604px 333px #767676, 802px 521px #767676, 1901px 1265px #767676, 585px 570px #767676, 852px 1848px #767676, 75px 1281px #767676, 1407px 319px #767676, 911px 1292px #767676, 1847px 305px #767676, 789px 825px #767676, 1204px 1615px #767676, 402px 335px #767676, 1970px 721px #767676, 334px 216px #767676, 1384px 1014px #767676, 1025px 475px #767676, 152px 441px #767676, 998px 11px #767676, 1494px 392px #767676, 473px 1336px #767676, 389px 440px #767676, 722px 68px #767676, 783px 1030px #767676, 1591px 1634px #767676, 680px 845px #767676, 1158px 887px #767676, 666px 576px #767676, 341px 1588px #767676, 1474px 534px #767676, 814px 1851px #767676, 140px 1800px #767676, 1351px 679px #767676, 1143px 784px #767676, 122px 1522px #767676, 1893px 735px #767676, 713px 305px #767676, 56px 1799px #767676, 1574px 145px #767676, 203px 1877px #767676, 1318px 91px #767676, 608px 1523px #767676, 631px 755px #767676, 163px 1544px #767676, 1681px 1427px #767676, 85px 1806px #767676, 1241px 630px #767676, 1469px 364px #767676, 1615px 597px #767676, 102px 1535px #767676, 1211px 1634px #767676, 1621px 1539px #767676, 909px 156px #767676, 257px 774px #767676, 765px 1471px #767676, 1806px 324px #767676, 259px 281px #767676, 1980px 155px #767676, 1636px 1825px #767676, 359px 944px #767676, 1678px 69px #767676, 718px 921px #767676, 1995px 1251px #767676, 1240px 372px #767676, 823px 353px #767676, 700px 1595px #767676, 55px 1105px #767676, 1572px 424px #767676, 531px 334px #767676, 1299px 1761px #767676, 1637px 1115px #767676, 33px 1043px #767676, 869px 1465px #767676, 119px 1241px #767676, 780px 449px #767676, 1923px 1395px #767676, 603px 668px #767676, 1266px 1058px #767676, 1037px 1618px #767676, 817px 158px #767676, 1576px 1822px #767676, 356px 1536px #767676, 1622px 489px #767676, 734px 257px #767676, 755px 911px #767676, 174px 1587px #767676, 1905px 187px #767676, 1587px 1450px #767676, 1168px 1968px #767676, 1330px 1946px #767676, 259px 971px #767676, 1078px 1745px #767676, 364px 1796px #767676, 1118px 910px #767676, 1554px 1154px #767676, 1618px 1514px #767676, 271px 1301px #767676, 502px 800px #767676, 1520px 1768px #767676, 1400px 659px #767676, 692px 822px #767676, 880px 848px #767676, 1528px 282px #767676, 83px 746px #767676, 1282px 8px #767676, 290px 553px #767676, 580px 50px #767676, 1833px 1405px #767676, 1045px 246px #767676, 1450px 1549px #767676, 517px 234px #767676, 635px 1082px #767676, 1422px 782px #767676, 62px 1874px #767676, 160px 1741px #767676, 99px 777px #767676, 406px 1200px #767676, 1530px 804px #767676, 1675px 63px #767676, 1221px 852px #767676, 1375px 1960px #767676, 970px 1599px #767676, 429px 210px #767676, 404px 47px #767676, 586px 14px #767676, 368px 1359px #767676, 1063px 220px #767676, 1220px 1060px #767676, 976px 1629px #767676, 1490px 501px #767676, 1142px 229px #767676, 1436px 1213px #767676, 1598px 759px #767676, 965px 527px #767676, 316px 1408px #767676, 1379px 1619px #767676, 2000px 675px #767676, 888px 999px #767676, 1799px 1809px #767676, 1740px 1993px #767676, 1914px 1805px #767676, 259px 1502px #767676, 824px 1568px #767676, 850px 252px #767676, 647px 115px #767676, 248px 718px #767676, 253px 270px #767676, 1538px 1293px #767676, 1329px 575px #767676, 1615px 161px #767676, 36px 828px #767676, 26px 904px #767676, 1249px 1737px #767676, 393px 1892px #767676, 1985px 115px #767676, 1149px 694px #767676, 538px 152px #767676, 1401px 1790px #767676, 87px 678px #767676, 1523px 401px #767676, 1031px 1686px #767676, 876px 1580px #767676, 1382px 824px #767676, 94px 1970px #767676, 990px 1701px #767676, 512px 64px #767676, 1264px 1658px #767676, 795px 566px #767676, 374px 188px #767676, 544px 1485px #767676, 1713px 379px #767676, 1594px 263px #767676, 959px 1007px #767676, 275px 740px #767676, 1571px 1722px #767676, 1448px 1455px #767676, 1769px 1599px #767676, 1015px 1245px #767676, 1282px 1874px #767676, 615px 1633px #767676, 1622px 1143px #767676, 1042px 1494px #767676, 1334px 966px #767676, 1393px 1823px #767676, 1483px 1592px #767676, 1468px 680px #767676, 593px 1373px #767676, 1529px 513px #767676, 1173px 500px #767676, 1630px 513px #767676, 283px 901px #767676, 623px 1987px #767676, 442px 1872px #767676, 744px 51px #767676, 723px 558px #767676, 1445px 1949px #767676, 594px 1801px #767676, 518px 1208px #767676, 268px 964px #767676, 1083px 1987px #767676, 729px 1433px #767676, 1098px 979px #767676, 1517px 1951px #767676, 918px 833px #767676, 67px 1850px #767676, 1564px 1154px #767676, 1915px 314px #767676, 1011px 1391px #767676, 1371px 490px #767676, 921px 101px #767676, 1441px 976px #767676, 1435px 895px #767676, 1888px 1378px #767676, 1050px 582px #767676, 1019px 734px #767676, 206px 368px #767676, 442px 289px #767676, 1869px 1139px #767676, 1626px 1959px #767676, 1457px 1082px #767676, 1115px 448px #767676, 1649px 1266px #767676, 1940px 509px #767676, 899px 1868px #767676, 466px 1478px #767676, 574px 759px #767676, 1174px 1649px #767676, 1998px 1616px #767676, 1839px 728px #767676, 744px 1481px #767676, 1123px 80px #767676, 196px 159px #767676, 887px 1940px #767676, 1399px 24px #767676, 1757px 821px #767676, 1281px 1099px #767676, 1225px 858px #767676, 239px 1800px #767676, 464px 493px #767676, 249px 535px #767676, 25px 645px #767676, 1792px 1417px #767676, 1037px 1180px #767676, 486px 883px #767676, 313px 1928px #767676, 38px 1151px #767676, 1069px 1640px #767676, 22px 210px #767676, 1830px 1921px #767676, 126px 939px #767676, 794px 1985px #767676, 613px 1066px #767676, 1119px 1073px #767676, 1775px 686px #767676, 1666px 1023px #767676, 81px 555px #767676, 584px 1711px #767676, 890px 153px #767676, 516px 184px #767676, 188px 253px #767676, 334px 1207px #767676, 1276px 244px #767676, 606px 1177px #767676, 363px 1695px #767676, 130px 136px #767676, 1814px 36px #767676, 1582px 979px #767676, 953px 1957px #767676, 765px 1952px #767676, 1776px 341px #767676, 772px 668px #767676, 1906px 1737px #767676, 1546px 1600px #767676, 1481px 1942px #767676, 1336px 993px #767676, 144px 1074px #767676, 855px 1477px #767676, 58px 962px #767676, 766px 201px #767676, 1506px 421px #767676, 1829px 757px #767676, 28px 1775px #767676, 1984px 918px #767676, 265px 300px #767676, 1983px 1987px #767676, 609px 450px #767676, 1701px 1440px #767676, 1991px 613px #767676, 574px 1919px #767676, 222px 204px #767676, 1716px 116px #767676, 23px 1416px #767676, 1906px 1384px #767676, 1083px 1123px #767676, 1478px 951px #767676, 1879px 666px #767676, 254px 833px #767676, 467px 1914px #767676, 544px 220px #767676, 1616px 666px #767676, 87px 446px #767676, 1750px 925px #767676, 1731px 620px #767676, 1549px 866px #767676, 412px 5px #767676, 1215px 260px #767676, 539px 1726px #767676, 688px 218px #767676, 1314px 1457px #767676, 451px 1428px #767676, 1658px 996px #767676, 133px 1074px #767676, 1527px 1941px #767676, 966px 1728px #767676, 232px 684px #767676, 558px 383px #767676, 1967px 1726px #767676, 1985px 1029px #767676, 745px 452px #767676, 203px 1199px #767676, 124px 160px #767676, 1708px 585px #767676, 704px 1222px #767676, 1776px 1737px #767676, 84px 1707px #767676, 223px 1521px #767676, 70px 915px #767676, 337px 303px #767676, 653px 1680px #767676, 1966px 1140px #767676, 1912px 71px #767676, 1640px 276px #767676, 1955px 1116px #767676, 1818px 281px #767676, 135px 1852px #767676, 1187px 1982px #767676, 1183px 1100px #767676, 1533px 1554px #767676, 316px 1833px #767676, 6px 810px #767676, 1522px 1480px #767676, 1767px 1000px #767676, 285px 1979px #767676, 1093px 246px #767676, 1435px 90px #767676, 501px 1051px #767676, 372px 170px #767676, 1510px 464px #767676, 1333px 1488px #767676, 1366px 825px #767676, 1708px 1562px #767676, 135px 1230px #767676, 1696px 536px #767676, 1542px 1289px #767676, 1275px 1369px #767676, 781px 1300px #767676, 258px 1194px #767676, 366px 958px #767676, 294px 506px #767676, 336px 1890px #767676, 150px 1206px #767676, 237px 678px #767676, 777px 487px #767676, 1740px 1639px #767676, 891px 131px #767676, 750px 1588px #767676, 1100px 1058px #767676, 1274px 1096px #767676, 1809px 163px #767676, 1588px 1027px #767676, 1173px 196px #767676, 1569px 1373px #767676, 167px 1068px #767676, 496px 929px #767676, 213px 994px #767676, 264px 1503px #767676, 1588px 840px #767676, 32px 157px #767676, 1550px 1710px #767676, 917px 333px #767676, 832px 429px #767676, 1266px 608px #767676, 1537px 1592px #767676, 962px 805px #767676, 194px 1664px #767676, 208px 1143px #767676, 643px 1565px #767676, 1670px 1424px #767676, 425px 1858px #767676, 429px 1620px #767676, 1258px 1929px #767676, 418px 396px #767676, 781px 910px #767676, 887px 1991px #767676, 929px 825px #767676, 821px 1127px #767676, 1963px 1538px #767676, 1305px 1687px #767676, 1088px 460px #767676, 1607px 1880px #767676, 729px 1261px #767676, 212px 835px #767676, 711px 1170px #767676, 887px 645px #767676, 1787px 1283px #767676, 1706px 238px #767676, 667px 947px #767676, 682px 15px #767676, 434px 1635px #767676, 390px 301px #767676, 279px 1425px #767676, 798px 740px #767676, 500px 565px #767676, 1183px 803px #767676, 1725px 1780px #767676, 206px 1209px #767676, 732px 624px #767676, 1714px 1098px #767676, 672px 1133px #767676, 1444px 1884px #767676, 333px 1592px #767676, 1305px 863px #767676, 1073px 1057px #767676, 756px 320px #767676, 1446px 1115px #767676, 1424px 830px #767676, 705px 1926px #767676, 1420px 1162px #767676, 1346px 325px #767676, 1729px 801px #767676, 509px 1829px #767676, 368px 157px #767676, 1627px 1951px #767676, 42px 933px #767676, 1378px 529px #767676, 636px 1942px #767676, 1473px 906px #767676, 193px 1454px #767676, 1390px 1708px #767676, 238px 742px #767676, 1579px 1810px #767676, 1338px 574px #767676, 1406px 1161px #767676, 727px 1888px #767676, 1819px 1739px #767676, 1362px 1687px #767676, 132px 639px #767676, 1672px 463px #767676, 560px 1017px #767676, 400px 200px #767676, 430px 1495px #767676, 969px 164px #767676, 566px 484px #767676, 292px 1632px #767676, 1862px 662px #767676, 1975px 377px #767676, 413px 280px #767676, 299px 1839px #767676, 1454px 571px #767676, 1091px 1785px #767676, 299px 1243px #767676, 1249px 148px #767676, 1028px 1843px #767676, 244px 465px #767676, 670px 1519px #767676, 1880px 1933px #767676, 1980px 886px #767676, 1084px 1460px #767676, 966px 213px #767676, 1220px 538px #767676, 1756px 1801px #767676, 399px 1269px #767676, 200px 884px #767676, 1423px 445px #767676, 1419px 288px #767676, 1926px 1688px #767676, 537px 758px #767676, 1077px 571px #767676, 308px 79px #767676, 100px 1538px #767676, 745px 1885px #767676, 1736px 1084px #767676;
}

.stars>.medium {
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 60px 1840px #767676, 406px 1291px #767676, 1408px 296px #767676, 248px 1564px #767676, 1567px 1114px #767676, 642px 1424px #767676, 892px 1177px #767676, 1702px 900px #767676, 1448px 1746px #767676, 1396px 95px #767676, 280px 1666px #767676, 158px 391px #767676, 347px 892px #767676, 1092px 677px #767676, 721px 763px #767676, 1882px 816px #767676, 1582px 594px #767676, 1563px 1744px #767676, 640px 1260px #767676, 353px 254px #767676, 1118px 457px #767676, 1958px 1167px #767676, 904px 1940px #767676, 1771px 1261px #767676, 1613px 304px #767676, 1136px 449px #767676, 705px 1519px #767676, 692px 709px #767676, 390px 79px #767676, 1367px 1495px #767676, 578px 1210px #767676, 570px 1474px #767676, 646px 856px #767676, 758px 1548px #767676, 1584px 575px #767676, 346px 836px #767676, 1045px 463px #767676, 86px 1650px #767676, 1677px 1626px #767676, 74px 1810px #767676, 1198px 1890px #767676, 380px 1555px #767676, 1670px 1617px #767676, 1645px 274px #767676, 715px 1695px #767676, 278px 1859px #767676, 528px 1839px #767676, 1608px 1587px #767676, 140px 994px #767676, 549px 361px #767676, 1133px 191px #767676, 543px 1270px #767676, 536px 17px #767676, 535px 365px #767676, 857px 1387px #767676, 884px 1107px #767676, 88px 710px #767676, 1399px 467px #767676, 1763px 455px #767676, 1686px 400px #767676, 1046px 528px #767676, 1696px 1416px #767676, 1879px 1747px #767676, 1441px 1684px #767676, 1048px 1834px #767676, 1694px 709px #767676, 1548px 176px #767676, 352px 1725px #767676, 1450px 16px #767676, 1045px 269px #767676, 1920px 1512px #767676, 1059px 791px #767676, 1193px 634px #767676, 1114px 1009px #767676, 80px 755px #767676, 579px 952px #767676, 1867px 1588px #767676, 1602px 1229px #767676, 758px 1190px #767676, 856px 804px #767676, 45px 862px #767676, 841px 212px #767676, 172px 1343px #767676, 238px 562px #767676, 1870px 681px #767676, 1875px 1882px #767676, 647px 1031px #767676, 1415px 1070px #767676, 1280px 1px #767676, 1799px 1584px #767676, 999px 1031px #767676, 716px 1675px #767676, 987px 1709px #767676, 764px 510px #767676, 650px 1736px #767676, 458px 175px #767676, 188px 862px #767676, 522px 1870px #767676, 755px 1298px #767676, 500px 1209px #767676, 384px 1865px #767676, 1085px 1489px #767676, 511px 1268px #767676, 1239px 595px #767676, 1110px 1801px #767676, 76px 1336px #767676, 615px 215px #767676, 1078px 557px #767676, 736px 1316px #767676, 1629px 1264px #767676, 891px 1521px #767676, 1644px 1058px #767676, 759px 900px #767676, 595px 1185px #767676, 1677px 318px #767676, 225px 254px #767676, 744px 1198px #767676, 1087px 1038px #767676, 21px 157px #767676, 1773px 573px #767676, 8px 1491px #767676, 437px 27px #767676, 529px 825px #767676, 536px 580px #767676, 311px 1223px #767676, 1952px 1701px #767676, 822px 1459px #767676, 581px 1614px #767676, 1896px 1751px #767676, 1100px 457px #767676, 167px 656px #767676, 1930px 1625px #767676, 1721px 1083px #767676, 1795px 863px #767676, 1892px 1292px #767676, 283px 533px #767676, 180px 706px #767676, 154px 1403px #767676, 1629px 1366px #767676, 1635px 1033px #767676, 501px 1764px #767676, 1582px 222px #767676, 1394px 297px #767676, 884px 471px #767676, 420px 1212px #767676, 438px 1958px #767676, 1167px 1046px #767676, 1328px 936px #767676, 657px 1290px #767676, 1089px 186px #767676, 597px 1641px #767676, 1535px 1319px #767676, 997px 649px #767676, 1224px 1915px #767676, 909px 1788px #767676, 1761px 1947px #767676, 817px 1645px #767676, 778px 97px #767676, 980px 1239px #767676, 199px 1196px #767676, 501px 1806px #767676, 74px 845px #767676, 1584px 1114px #767676, 622px 1005px #767676, 1437px 1773px #767676, 419px 924px #767676, 901px 721px #767676, 1236px 1420px #767676, 585px 1168px #767676, 1123px 812px #767676, 1012px 1653px #767676, 917px 827px #767676, 721px 143px #767676, 1590px 126px #767676, 4px 281px #767676, 19px 317px #767676, 235px 346px #767676, 1133px 421px #767676, 897px 337px #767676, 1093px 233px #767676, 113px 1152px #767676, 1441px 624px #767676, 1746px 1367px #767676, 1595px 1602px #767676, 815px 1678px #767676, 1867px 81px #767676, 1086px 1348px #767676, 664px 1107px #767676, 140px 1744px #767676, 567px 683px #767676, 1397px 1456px #767676, 710px 1989px #767676, 1648px 846px #767676, 1470px 1051px #767676, 698px 320px #767676, 1875px 1053px #767676, 1296px 1679px #767676, 1839px 575px #767676, 1153px 1031px #767676, 538px 197px #767676;
    animation: starsAnimation 100s linear infinite;
}

.stars>.medium:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 60px 1840px #767676, 406px 1291px #767676, 1408px 296px #767676, 248px 1564px #767676, 1567px 1114px #767676, 642px 1424px #767676, 892px 1177px #767676, 1702px 900px #767676, 1448px 1746px #767676, 1396px 95px #767676, 280px 1666px #767676, 158px 391px #767676, 347px 892px #767676, 1092px 677px #767676, 721px 763px #767676, 1882px 816px #767676, 1582px 594px #767676, 1563px 1744px #767676, 640px 1260px #767676, 353px 254px #767676, 1118px 457px #767676, 1958px 1167px #767676, 904px 1940px #767676, 1771px 1261px #767676, 1613px 304px #767676, 1136px 449px #767676, 705px 1519px #767676, 692px 709px #767676, 390px 79px #767676, 1367px 1495px #767676, 578px 1210px #767676, 570px 1474px #767676, 646px 856px #767676, 758px 1548px #767676, 1584px 575px #767676, 346px 836px #767676, 1045px 463px #767676, 86px 1650px #767676, 1677px 1626px #767676, 74px 1810px #767676, 1198px 1890px #767676, 380px 1555px #767676, 1670px 1617px #767676, 1645px 274px #767676, 715px 1695px #767676, 278px 1859px #767676, 528px 1839px #767676, 1608px 1587px #767676, 140px 994px #767676, 549px 361px #767676, 1133px 191px #767676, 543px 1270px #767676, 536px 17px #767676, 535px 365px #767676, 857px 1387px #767676, 884px 1107px #767676, 88px 710px #767676, 1399px 467px #767676, 1763px 455px #767676, 1686px 400px #767676, 1046px 528px #767676, 1696px 1416px #767676, 1879px 1747px #767676, 1441px 1684px #767676, 1048px 1834px #767676, 1694px 709px #767676, 1548px 176px #767676, 352px 1725px #767676, 1450px 16px #767676, 1045px 269px #767676, 1920px 1512px #767676, 1059px 791px #767676, 1193px 634px #767676, 1114px 1009px #767676, 80px 755px #767676, 579px 952px #767676, 1867px 1588px #767676, 1602px 1229px #767676, 758px 1190px #767676, 856px 804px #767676, 45px 862px #767676, 841px 212px #767676, 172px 1343px #767676, 238px 562px #767676, 1870px 681px #767676, 1875px 1882px #767676, 647px 1031px #767676, 1415px 1070px #767676, 1280px 1px #767676, 1799px 1584px #767676, 999px 1031px #767676, 716px 1675px #767676, 987px 1709px #767676, 764px 510px #767676, 650px 1736px #767676, 458px 175px #767676, 188px 862px #767676, 522px 1870px #767676, 755px 1298px #767676, 500px 1209px #767676, 384px 1865px #767676, 1085px 1489px #767676, 511px 1268px #767676, 1239px 595px #767676, 1110px 1801px #767676, 76px 1336px #767676, 615px 215px #767676, 1078px 557px #767676, 736px 1316px #767676, 1629px 1264px #767676, 891px 1521px #767676, 1644px 1058px #767676, 759px 900px #767676, 595px 1185px #767676, 1677px 318px #767676, 225px 254px #767676, 744px 1198px #767676, 1087px 1038px #767676, 21px 157px #767676, 1773px 573px #767676, 8px 1491px #767676, 437px 27px #767676, 529px 825px #767676, 536px 580px #767676, 311px 1223px #767676, 1952px 1701px #767676, 822px 1459px #767676, 581px 1614px #767676, 1896px 1751px #767676, 1100px 457px #767676, 167px 656px #767676, 1930px 1625px #767676, 1721px 1083px #767676, 1795px 863px #767676, 1892px 1292px #767676, 283px 533px #767676, 180px 706px #767676, 154px 1403px #767676, 1629px 1366px #767676, 1635px 1033px #767676, 501px 1764px #767676, 1582px 222px #767676, 1394px 297px #767676, 884px 471px #767676, 420px 1212px #767676, 438px 1958px #767676, 1167px 1046px #767676, 1328px 936px #767676, 657px 1290px #767676, 1089px 186px #767676, 597px 1641px #767676, 1535px 1319px #767676, 997px 649px #767676, 1224px 1915px #767676, 909px 1788px #767676, 1761px 1947px #767676, 817px 1645px #767676, 778px 97px #767676, 980px 1239px #767676, 199px 1196px #767676, 501px 1806px #767676, 74px 845px #767676, 1584px 1114px #767676, 622px 1005px #767676, 1437px 1773px #767676, 419px 924px #767676, 901px 721px #767676, 1236px 1420px #767676, 585px 1168px #767676, 1123px 812px #767676, 1012px 1653px #767676, 917px 827px #767676, 721px 143px #767676, 1590px 126px #767676, 4px 281px #767676, 19px 317px #767676, 235px 346px #767676, 1133px 421px #767676, 897px 337px #767676, 1093px 233px #767676, 113px 1152px #767676, 1441px 624px #767676, 1746px 1367px #767676, 1595px 1602px #767676, 815px 1678px #767676, 1867px 81px #767676, 1086px 1348px #767676, 664px 1107px #767676, 140px 1744px #767676, 567px 683px #767676, 1397px 1456px #767676, 710px 1989px #767676, 1648px 846px #767676, 1470px 1051px #767676, 698px 320px #767676, 1875px 1053px #767676, 1296px 1679px #767676, 1839px 575px #767676, 1153px 1031px #767676, 538px 197px #767676;
}

.stars>.big {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 691px 1504px #767676, 1115px 763px #767676, 1735px 781px #767676, 1271px 717px #767676, 863px 45px #767676, 1038px 774px #767676, 1397px 1831px #767676, 1263px 1889px #767676, 541px 1086px #767676, 1758px 1481px #767676, 1813px 539px #767676, 65px 1766px #767676, 1333px 1092px #767676, 1107px 1562px #767676, 967px 1810px #767676, 988px 140px #767676, 1877px 1288px #767676, 69px 1292px #767676, 1099px 724px #767676, 45px 550px #767676, 1425px 1200px #767676, 1889px 318px #767676, 1625px 1552px #767676, 205px 1002px #767676, 78px 432px #767676, 1462px 782px #767676, 42px 458px #767676, 1510px 937px #767676, 973px 267px #767676, 358px 142px #767676, 361px 1588px #767676, 324px 435px #767676, 1737px 1172px #767676, 259px 523px #767676, 683px 1168px #767676, 127px 653px #767676, 819px 1833px #767676, 1811px 1113px #767676, 1260px 1369px #767676, 1518px 452px #767676, 739px 1223px #767676, 1664px 1999px #767676, 1362px 481px #767676, 1338px 1522px #767676, 1849px 26px #767676, 1021px 1576px #767676, 834px 551px #767676, 1250px 1917px #767676, 716px 1166px #767676, 1107px 1290px #767676, 12px 366px #767676, 1574px 537px #767676, 673px 1508px #767676, 1342px 1232px #767676, 387px 912px #767676, 208px 309px #767676, 530px 554px #767676, 1009px 1140px #767676, 1651px 1192px #767676, 747px 954px #767676, 957px 1603px #767676, 523px 1182px #767676, 657px 1948px #767676, 428px 1106px #767676, 1715px 191px #767676, 450px 1982px #767676, 554px 780px #767676, 623px 1285px #767676, 1676px 1152px #767676, 1716px 301px #767676, 1471px 264px #767676, 1215px 709px #767676, 1679px 1395px #767676, 139px 409px #767676, 1397px 160px #767676, 1925px 1013px #767676, 1510px 771px #767676, 410px 957px #767676, 235px 869px #767676, 727px 16px #767676, 1803px 1136px #767676, 216px 1244px #767676, 1897px 1784px #767676, 286px 1064px #767676, 22px 386px #767676, 830px 884px #767676, 1065px 1107px #767676, 1671px 1432px #767676, 1120px 336px #767676, 1946px 1179px #767676, 1539px 1854px #767676, 201px 1484px #767676, 1667px 832px #767676, 227px 180px #767676, 1336px 408px #767676, 1349px 923px #767676, 1185px 1650px #767676, 990px 1099px #767676, 1894px 1592px #767676, 638px 1081px #767676;
    border-radius: 100%;
    animation: starsAnimation 150s linear infinite;
}

.stars>.big:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 691px 1504px #767676, 1115px 763px #767676, 1735px 781px #767676, 1271px 717px #767676, 863px 45px #767676, 1038px 774px #767676, 1397px 1831px #767676, 1263px 1889px #767676, 541px 1086px #767676, 1758px 1481px #767676, 1813px 539px #767676, 65px 1766px #767676, 1333px 1092px #767676, 1107px 1562px #767676, 967px 1810px #767676, 988px 140px #767676, 1877px 1288px #767676, 69px 1292px #767676, 1099px 724px #767676, 45px 550px #767676, 1425px 1200px #767676, 1889px 318px #767676, 1625px 1552px #767676, 205px 1002px #767676, 78px 432px #767676, 1462px 782px #767676, 42px 458px #767676, 1510px 937px #767676, 973px 267px #767676, 358px 142px #767676, 361px 1588px #767676, 324px 435px #767676, 1737px 1172px #767676, 259px 523px #767676, 683px 1168px #767676, 127px 653px #767676, 819px 1833px #767676, 1811px 1113px #767676, 1260px 1369px #767676, 1518px 452px #767676, 739px 1223px #767676, 1664px 1999px #767676, 1362px 481px #767676, 1338px 1522px #767676, 1849px 26px #767676, 1021px 1576px #767676, 834px 551px #767676, 1250px 1917px #767676, 716px 1166px #767676, 1107px 1290px #767676, 12px 366px #767676, 1574px 537px #767676, 673px 1508px #767676, 1342px 1232px #767676, 387px 912px #767676, 208px 309px #767676, 530px 554px #767676, 1009px 1140px #767676, 1651px 1192px #767676, 747px 954px #767676, 957px 1603px #767676, 523px 1182px #767676, 657px 1948px #767676, 428px 1106px #767676, 1715px 191px #767676, 450px 1982px #767676, 554px 780px #767676, 623px 1285px #767676, 1676px 1152px #767676, 1716px 301px #767676, 1471px 264px #767676, 1215px 709px #767676, 1679px 1395px #767676, 139px 409px #767676, 1397px 160px #767676, 1925px 1013px #767676, 1510px 771px #767676, 410px 957px #767676, 235px 869px #767676, 727px 16px #767676, 1803px 1136px #767676, 216px 1244px #767676, 1897px 1784px #767676, 286px 1064px #767676, 22px 386px #767676, 830px 884px #767676, 1065px 1107px #767676, 1671px 1432px #767676, 1120px 336px #767676, 1946px 1179px #767676, 1539px 1854px #767676, 201px 1484px #767676, 1667px 832px #767676, 227px 180px #767676, 1336px 408px #767676, 1349px 923px #767676, 1185px 1650px #767676, 990px 1099px #767676, 1894px 1592px #767676, 638px 1081px #767676;
    border-radius: 100%;
}

@keyframes starsAnimation {
    from {
        transform: translateY(-2000px);
    }

    to {
        transform: translateY(0px);
    }
}

.card-text {
    font-size: 16px;
    line-height: 2;
}

.card-title {
    font-size: 22px;
    line-height: 40px;
}

.centercard {
    height: 400px;
    position: relative;
    background: #cbcbcb;
    top: 560px;
}

.overlay-content {
    position: absolute;
    width: 68%;
    left: 10%;
    top: 74px;
}

.overlay-content p {
    line-height: 30px;
    font-size: 17px;
}

.overlay-content h3 {
    line-height: 50px;
}

.dark-heading {
    font-weight: bold !important;
    font-size: 55px;
    color: white;
    line-height: 73px;
}

.dark-content {
    position: relative;
    top: -50px;
    padding: 71px 27px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    width: 471px;
}

.dark-content p {
    font-size: 17px;
    line-height: 32px;
}

.compare-section .dark-heading {
    border-top: 3px solid red;
}

.top-30 {
    top: 30%;
}
.top-10{
    top: 10%;
}

.multiple-card-section {
    height: 1110px;
}

.multiple-card-section .position-relative {
    top: -310px;
}

.main-content p {
    line-height: 32px;
}

.Role-section {
    height: 45vh;
    border-left: 18px solid red;
}

.multiple-card-section .card {
    width: 23rem;
    height: 35rem;
}

@media (max-width:320px) {
    .main-content p {
        line-height: 25px;
        font-size: 14px;
    }

    .Role-section {
        height: 307px;
        border-left: none;
    }

    .overlay-content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .overlay-content h3 {
        line-height: 30px;
    }

    .overlay-content p {
        line-height: 25px;
        font-size: 14px;
    }

    .multiple-card-section .position-relative {
        top: 0;
    }

    .multiple-card-section .card {
        margin: 0.5rem !important;
        height: 21rem;
    }

    .multiple-card-section .d-flex {
        flex-wrap: wrap;
    }

    .multiple-card-section .card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .multiple-card-section .card-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .multiple-card-section {
        height: 2255px;
    }

    .centercard {
        display: none;
    }

    .dark-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .dark-content {
        position: relative;
        top: 33px;
        background: transparent !important;
        color: white;
        padding: 51px 17px;
        border: none;
        border-radius: 5px;
        width: 303px;
    }

    .dark-heading {
        font-size: 43px;
        line-height: 55px;
    }

    .compare-section .dark-heading {
        border-top: none;
    }
}

@media (min-width: 360px) and (max-width: 599px) {

    .Role-section {
        height: 289px;
        border-left: none;
    }

    .overlay-content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .overlay-content h3 {
        line-height: 30px;
    }

    .overlay-content p {
        line-height: 25px;
        font-size: 14px;
    }

    .multiple-card-section .position-relative {
        top: 0;
    }

    .multiple-card-section .card {
        margin: 0.5rem !important;
        height: 21rem;
    }

    .multiple-card-section .d-flex {
        flex-wrap: wrap;
    }

    .multiple-card-section .card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .multiple-card-section .card-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .multiple-card-section {
        height: 2255px;
    }

    .centercard {
        display: none;
    }

    .dark-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .dark-content {
        position: relative;
        top: 33px;
        background: transparent !important;
        color: white;
        padding: 51px 17px;
        border: none;
        border-radius: 5px;
        width: 349px;
    }

    .dark-heading {
        font-size: 43px;
        line-height: 55px;
    }

    .compare-section .dark-heading {
        border-top: none;
    }

    .finalbox_content-width {
        width: 87% !important;
    }
}

@media (min-width: 600px) and (max-width: 767px) {

    .Role-section {
        height: 289px;
        border-left: none;
    }
        .molding_page_header{
        padding: 6rem 0rem;
    }

    .overlay-content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .overlay-content h3 {
        line-height: 30px;
    }

    .overlay-content p {
        line-height: 25px;
        font-size: 14px;
    }

    .multiple-card-section .position-relative {
        top: 0;
    }

    .multiple-card-section .card {
        margin: 0.5rem !important;
        height: 21rem;
    }

    .multiple-card-section .d-flex {
        flex-wrap: wrap;
    }

    .multiple-card-section .card-title {
        font-size: 20px;
        line-height: 30px;
    }

    .multiple-card-section .card-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .multiple-card-section {
        height: 2255px;
    }

    .centercard {
        display: none;
    }

    .dark-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .dark-content {
        position: relative;
        top: 33px;
        background: transparent !important;
        color: white;
        padding: 51px 17px;
        border: none;
        border-radius: 5px;
        width: 349px;
    }

    .dark-heading {
        font-size: 43px;
        line-height: 55px;
    }

    .compare-section .dark-heading {
        border-top: none;
    }

    .finalbox_content-width {
        width: 87% !important;
    }
}

@media (min-width: 992px) {
    .primary-header.sticky-header a {
        color: black !important;
    }
    .download_nav .nav-link,
    .download_nav .nav-link:hover,
    .download_nav .nav-link:focus,
    .download_nav .nav-link:active {
      color: #161616 !important;
    }
    
    .primary-header.sticky-header p {
        color: black !important;
        margin-left: 2px !important;
    }
    }
    
    @media (max-width: 992px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: -40px!important;
        }
      }

      
    @media (min-width: 320px) and (max-width: 400px) {
        .form_button {
            font-size: 10px;
            padding: 10px 20px;
            /* width: 72%;  */
            text-align: center;
        }
    }

 
    @media (min-width: 320px) and (max-width:992px){
        .col-md-12 {
            flex: 0 0 auto;
            margin-top: 50px;
            width: 100%;
        }
    }

    @media (min-width: 1680px) and (max-width: 1929px) {
        .ppr h1 {
            font-size: 35px;
            color: black;
            padding-top: 0px;
        }

        .ppr h2 {
            font-size: 40px;
            color: black;
        }

        .card_2 {
            top: 13%;
        }

      }
          @media (min-width: 992px) and (max-width: 1300px) {
            .dropdown-menu12 {
    right: -888px !important;
}
          }

      @media (min-width: 1200px) and (max-width: 1365px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 8px !important;
            font-size: 13px;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 100px; 
            display: none;
          }

        .nav-link-2 {
    color: var(--tertiary);
    font-weight: 400 !important;
    outline: 0;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    margin-right: 5px;
}

.nav-link-1 {
    color: var(--tertiary);
    font-weight: 400 !important;
    outline: 0;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    margin-right: 6px;
}
.dark-heading {
    font-weight: bold !important;
    font-size: 45px;
    color: white;
    line-height: 73px;
}
.box2 {
    border: 2px dashed #ccc;
    margin-top: 15px;
    height: 550px;
}
    .round_circle_box {
        left: 21pc;
    }
    .mqtt_modbus_dataintegration .allwidth{
        padding: 5rem 0rem!important;
    }

    .education_training_header .allwidth,
    .mqtt_iot-banner .allwidth,
    .mqtt_homeassistant .allwidth,
    .energy_banner .allwidth,
    .pharma_banner .allwidth,
    .mrp_page_header .allwidth,
    .ems_banner .allwidth,
    .materials_banner .allwidth,
    .producation_scheduling .allwidth,
    .Quality_banner .allwidth,
    .integration_banner .allwidth,
    .machinetwin_banner .allwidth{
        padding: 4rem 0rem;
    }
    .education_coe_header .allwidth,
     .inventory_banner .allwidth,
      .simulator_page_header .allwidth{
        padding: 3rem 0rem;
    }
    .cqd_banner .allwidth,
    .it_ot_banner .allwidth,
    .top5mes_charts .allwidth{
        padding: 7rem 0rem;
    }
    .home_automaction_banner .allwidth{
    padding: 7rem 0rem!important;
}
            .intro-section-1 {
        height: 90vh;
        border-left: 18px solid #6d6dfb;
        } 
        .coc-digital-transformation-banner .allwidth,
        .banner-sectiom3,
        .setting_auzre_implementation,
        .acquistion_banner .allwidth,
        .machine_banner .allwidth,
        .interfaces_banner .allwidth,
        .repoart_banner .allwidth{
            padding: 6rem 0rem;
        }
        .mqtt_security_banner .allwidth,
        .platform_page_banner .allwidth{
            padding: 3rem 0rem;
        }    

        .broker-banner .allwidth{
            padding: 2rem 0rem;
        } 

        .mqtt_dashboard_banner .allwidth,
        .manufacturing_banner .allwidth,
        .sparkplug .allwidth,
        .mqtt_customer_header .allwidth,
        .education_tool_header .allwidth,
        .capacity_utilization .allwidth,
        .acquisition_banner .allwidth,
        .lifecyle_banner .allwidth,
        .smart-factory_banner .allwidth,
        .iot-dashboard_banner .allwidth{
             padding: 5rem 0rem;
        }
        .node_red-banner,
        .broker_google_pubsub-banner,
        .mqttroute_openhab-banner{
            padding: 10rem 0rem;
        }
        .broker_tableau-banner,
        .mqtt_homeassistant .allwidth,
        .mqtt_builtafleet,
        .mqtt_modbus_dataintegration .allwidth,
        .intergate_banner .allwidth,
        .wip_banner .allwidth,
        .mrp_page_header3{
             padding: 8rem 0rem;
        }
        .molding_page_header {
            padding: 6rem 0rem;
        }
        .modbus_page_header .allwidth{
            padding: 6rem 0rem!important;
        }
    .modbus_page_header .allwidth {
        padding: 6rem 0rem;
    }
        .mqtt_builtafleet {
            padding: 5rem 0rem!important;
        }
                 .mqtt_bluetooth .allwidth{
    padding: 9rem 0rem;
}
.suppout_page_header{
    padding: 5rem 0rem!important;
}
         .oee_banner .allwidth{
            padding: 4rem 0rem;
         }
.partner_banner_white .allwidth{
padding: 6rem 0rem;
}
.education_page_header .allwidth,
      .smart-factory-banner .allwidth{
    padding: 2rem 0rem!important;
}
.box3 {
    border: 2px dashed #ccc;
    margin-top: 15px;
    height: 762px;
}
.multiple-card-section .card {
    width: 23rem;
    height: 38rem;
}
    .about_banner_white .allwidth {
    padding-top: 7rem;
    padding-bottom: 6rem;
}
    .cutomer-details-content {
    top: -20%!important;
    left: 9%!important;
}
.Dimensions-section .card {
    width: 21rem!important;
}
.mqtt_bluetooth .allwidth{
   padding: 5rem 0rem; 
}
.hts{
    width: 650px;
}
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 10px 0 55px!important;
    position: relative;
    overflow: hidden;
}
      }

      @media (min-width: 1366px) and (max-width: 1439px) {
        .primary-header.sticky-header p {
            color: black !important;
            font-size:15px;
            margin-left: 10px !important;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 100px; 
            display: none;
          }
          .energy_banner .allwidth,
          .acquistion_banner .allwidth{
            padding: 7rem 0rem;
        }
                .molding_page_header {
            padding: 7rem 0rem;
        }
        .simulator_page_header .allwidth{
        padding: 7rem 0rem;
    }
            .modbus_page_header .allwidth{
            padding: 6rem 0rem!important;
        }

.broker-banner .allwidth{
    padding: 5rem 0rem;
}
        .hts{
    width: 650px!important;
}
 .mqtt_builtafleet{
    padding: 5rem 0rem;
 }
 .mqtt_bluetooth .allwidth{
    padding: 5rem 0rem;
}
        .intro-section {
            height: 77vh;
        }    

        .intro-section-1 {
        height: 80vh;
        border-left: 18px solid #6d6dfb;
        } 
        .node_red-banner .allwidth,
        .broker_google_pubsub-banner .allwidth{
            padding: 2rem 0rem;
        }
        .dark-heading {
    font-weight: bold !important;
    font-size: 45px;
    color: white;
    line-height: 73px;
}
.suppout_page_header{
     padding: 8rem 0rem;
}
    .cutomer-details-content {
    top: -18%!important;
    left: 12%!important;
}
.Dimensions-section .card {
    width: 23rem!important;
}
        .mqtt_builtafleet {
            padding: 2rem 0rem!important;
        }
         .mqtt_cattle_management {
        padding: 4rem 0rem!important;
    }
        .mqtt_modbus_dataintegration .allwidth{
        padding: 3rem 0rem!important;
    }
    .mqtt_bluetooth .allwidth{
   padding: 2rem 0rem; 
}

        .platform_page_banner .allwidth{
            padding: 7rem 0rem;
        }  
            .home_automaction_banner .allwidth{
    padding: 10rem 0rem!important;
}
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 0px 0 55px!important;
    position: relative;
    overflow: hidden;
}

/* .imh{
        padding: 7rem 0rem !important;
    } */
      }
      
      @media (min-width: 1440px) and (max-width: 1500px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 30px !important;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 100px; 
            display: none;
          }
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 70px 0 55px!important;
    position: relative;
    overflow: hidden;
}
          .machinetwin_banner .allwidth{
            padding: 7rem 0rem;
          }
          .node_red-banner .allwidth,
          .broker_tableau-banner .allwidth,
          .broker_google_pubsub-banner .allwidth{
            padding: 6rem 0rem;
        }
        .suppout_page_header{
     padding: 13rem 0rem;
}

                .molding_page_header {
            padding: 7rem 0rem;
        }
                .hts{
    width: 650px!important;
}
        .platform_page_banner .allwidth{
            padding: 7rem 0rem;
        }  
                .simulator_page_header .allwidth{
        padding: 7rem 0rem;
    }

      }
      
      @media (min-width: 1501px) and (max-width: 1600px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 20px !important;
        }
                        .hts{
    width: 650px!important;
}
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 110px; 
            display: none;
          }
          .display-5{
            width: 700px;
        }
        .small_card_1 {
            height: 318px;
            border: 3px solid #30e5c4;
        }
         .mqtt_cattle_management {
        padding: 10rem 0rem!important;
    }
        .mqtt_bluetooth .allwidth{
   padding: 10rem 0rem!important; 
}
        .simulator_page_header .allwidth{
        padding: 10rem 0rem;
    }

        .platform_page_banner .allwidth{
            padding: 10rem 0rem;
        }  

        .repoart_banner .allwidth,
        .mqtt_bluetooth .allwidth,
        .mqtt_cattle_management,
        .mqtt_homeassistant .allwidth,
        .mqtt_auzre_implementation,
        .it_ot_banner .allwidth{
            padding: 13rem 0rem;
          }
.education_page_header .allwidth{
    padding: 7rem 0rem!important;
}
        .suppout_page_header{
     padding: 14rem 0rem;
}
                .molding_page_header {
            padding: 10rem 0rem;
        }
                    .modbus_page_header .allwidth{
            padding: 10rem 0rem!important;
        }

        .education_tool_header .allwidth,
        .cqd_banner .allwidth{
            padding: 11rem 0rem;
        }
        .ems_banner .allwidth,
        .data_connectors_banner .allwidth,
        .machinetwin_banner .allwidth{
              padding: 8rem 0rem;
          }

        .energy_banner .allwidth,
        .acquistion_banner .allwidth,
        .capacity_utilization .allwidth,
         .top5mes_charts .allwidth,
         .mqtt_builtafleet{
            padding: 9rem 0rem;
        }
        .mqttroute_openhab-banner .allwidth,
        .node_red-banner .allwidth,
        .broker_google_pubsub-banner .allwidth,
        .broker_tableau-banner .allwidth,
        .digital_transformation .allwidth{
            padding: 6rem 0rem;
        }
                .smart-factory-banner .allwidth{
                    padding: 7rem 0rem;
                }
        .mqtt_triggers_banner .allwidth,
        .setting_auzre_implementation,
        .education_training_header .allwidth,
        .education_coe_header .allwidth,
        .coc-digital-transformation-banner .allwidth,
        .mqtt_modbus_dataintegration .allwidth,
        .producation_scheduling .allwidth,
        .mqtt_modbus_dataintegration .allwidth{
            padding: 10rem 0rem;
         }
        .manufacturing_banner,
        .pharma_banner,
        .automation_banner,
        .oee_banner{
            padding: 2rem 0rem;
        }

        .broker-banner .allwidth{
            padding: 7rem 0rem;
        }

    .about_banner_white .allwidth {
    padding-top: 11rem;
    padding-bottom: 6rem;
}
         
         .navbar-nav-1 .nav-link:after, .navbar .navbar-nav .nav-link:after {
            bottom: 5px;
            content: "";
            display: block;
            height: 3px;
            position: absolute;
            background: blue;
        }
        .intro-section {
            height: 64vh;
        }   
       .mqtt_bluetooth .allwidth{
    padding: 12rem 0rem;
}
.imh{
        padding: 5rem 0rem !important;
    }
.suppout_page_header{
    padding: 10rem 0rem;
}
.home_automaction_banner .allwidth{
    padding: 12rem 0rem!important;
}
        .intro-section-1 {
        height: 75vh;
        border-left: 18px solid #6d6dfb;
        } 
                 .cutomer-details-content {
    top: -13%!important;
    left: 15%!important;
}
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 0px 0 55px!important;
    position: relative;
    overflow: hidden;
}
      }
      
      @media (min-width: 1601px) and (max-width: 1700px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 20px !important;
        }
                                .hts{
    width: 650px!important;
}
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 110px; 
            display: none;
          }
          .suppout_page_header{
     padding: 14rem 0rem;
}

          .display-5{
            width: 700px;
        }

        .ems_banner .allwidth{
            padding: 11rem 0rem;
        }
                        .molding_page_header {
            padding: 10rem 0rem;
        }
                                                .hts{
    width: 618px!important;
}
        .simulator_page_header .allwidth{
        padding: 13rem 0rem!important;
    }
                .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 45px 0 55px!important;
    position: relative;
    overflow: hidden;
}
      }

      @media (min-width: 1701px) and (max-width: 1800px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 20px !important;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 110px; 
            display: none;
          }
          .iot-device_management .position-absolute {
            margin-top: -50px;
        }
        .display-5{
            width: 700px;
        }

        .simulator_page_header .allwidth{
        padding: 13rem 0rem!important;
    }
                .platform_page_banner .allwidth{
            padding: 12rem 0rem!important;
        }  
                        .molding_page_header {
            padding: 12rem 0rem;
        }
        .mqtt_bluetooth .allwidth{
   padding: 13rem 0rem!important; 
}
    .about_banner_white .allwidth {
    padding-top: 14rem;
    padding-bottom: 6rem;
}
        .mqtt_auzre_implementation,
        .cqd_banner .allwidth,
        .it_ot_banner .allwidth{
            padding: 16rem 0rem;
          }
         .arunclr{
          padding: 2rem 0rem;  
         }
          .smart-factory-banner .allwidth{
            padding: 10rem 0rem;
         }
         .mqtt_triggers_banner .allwidth,
         .machinetwin_banner .allwidth,
         .digital_transformation .allwidth,
          .capacity_utilization .allwidth,
          .top5mes_charts .allwidth,
           .education_coe_header .allwidth,
           .ems_banner .allwidth,
           .data_connectors_banner .allwidth,
           .suppout_page_header{
            padding: 12rem 0rem;
         }


                  .mqtt_cattle_management {
        padding: 13rem 0rem!important;
    }

         .coc-digital-transformation-banner .allwidth{
            padding: 13rem 0rem;
         }
         .banner-sectiom3,
         .setting_auzre_implementation,
         .education_training_header .allwidth,
         .education_tool_header .allwidth{
            padding: 14rem 0rem;
         }
         .broker-banner .allwidth{
            padding: 9rem 0rem;
         }
                  .arunclr{
          padding: 2rem 0rem;  
         }
                   .mqtt_modbus_dataintegration .allwidth{
             padding: 14rem 0rem;
        }
                 .mqtt_bluetooth .allwidth,
                 .mrp_page_header3{
                padding: 15rem 0rem;
              }
                       .oee_banner{
            padding: 5rem 0rem;
         }
         .education_page_header .allwidth{
    padding: 11rem 0rem!important;
}
         .card_3 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%;
            height: 600px;
            left: 60px;
            position: absolute;
            top: 18%;
        }
        .intro-section_1 {
            height: 38vh;
            border-left: 18px solid #073F76;
        }
        .navbar-nav-1 .nav-link:after, .navbar .navbar-nav .nav-link:after {
            bottom: 5px;
            content: "";
            display: block;
            height: 3px;
            position: absolute;
            background: blue;
        }
        .card_2 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%; 
            max-width: 1990px; 
            height:680px;
            left:60px;
            position: absolute;
            top: 17%;
          }
                  .intro-section-1 {
        height: 65vh;
        border-left: 18px solid #6d6dfb;
        } 
    .cutomer-details-content {
    top: -6%!important;
    left: 20%!important;
}
                                        .hts{
    width: 618px!important;
}.imh{
        padding: 8rem 0rem !important;
    }
    .imh-1{
        padding: 6rem 0rem !important;
    }
        .imh-2{
        padding: 5rem 0rem !important;
    }
            .imh-3{
        padding: 6rem 0rem !important;
    }
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 45px 0 55px!important;
    position: relative;
    overflow: hidden;
}
      }
     
      @media (min-width: 1801px) and (max-width: 1920px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 20px !important;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 110px; 
            display: none;
          }
          .iot-device_management .position-absolute {
            margin-top: -50px;
        }
                        .molding_page_header {
            padding: 14rem 0rem;
        }

        .display-5{
            width: 700px;
        }
        .mqtt_auzre_implementation,
        .setting_auzre_implementation,
        .cqd_banner .allwidth,
        .it_ot_banner .allwidth {
            padding: 16rem 0rem;
          }
          .smart-factory-banner .allwidth,
           .digital_transformation .allwidth,
           .capacity_utilization .allwidth,
           .top5mes_charts .allwidth,
            .education_coe_header .allwidth{
            padding: 12rem 0rem;
         }
         .banner-sectiom3,
         .education_training_header .allwidth,
          .education_tool_header .allwidth,
          .coc-digital-transformation-banner .allwidth {
            padding: 15rem 0rem;
         }
                 .suppout_page_header{
                    padding: 13rem 0rem;
                 }
        .simulator_page_header .allwidth{
        padding: 14rem 0rem!important;
    }
                                 .platform_page_banner .allwidth{
            padding: 14rem 0rem!important;
        } 
             .about_banner_white .allwidth {
    padding-top: 14rem;
    padding-bottom: 6rem;
}

.home_automaction_banner .allwidth{
    padding: 14rem 0rem!important;
}

          .mqtt_modbus_dataintegration .allwidth{
             padding: 16rem 0rem;
        }
          .card_2 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%; 
            max-width: 1970px; 
            height:675px;
            left:60px;
            position: absolute;
            top: 16%;
          }

          .card_3 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%;
            height: 600px;
            left: 60px;
            position: absolute;
            top: 16%;
        }
                 .arunclr{
          padding: 4rem 0rem;  
         }

        .intro-section_1 {
            height: 35vh;
            border-left: 18px solid #073F76;
        }
        .broker-banner .allwidth,
        .ems_banner .allwidth,
        .data_connectors_banner .allwidth,
        .machinetwin_banner .allwidth{
            padding: 14rem 0rem;
         }
         .broker-banner .allwidth{
           padding: 10rem 0rem;
          }
         .oee_banner{
            padding: 6rem 0rem;
         }

        .intro-section-1 {
        height: 60vh;
        border-left: 18px solid #6d6dfb;
        } 

                                        .hts{
    width: 618px!important;
}
       .mqtt_bluetooth .allwidth{
    padding: 15rem 0rem;
}
.mrp_page_header3{
    padding: 17rem 0rem;
}
    .cutomer-details-content {
    top: -3%!important;
    left: 22%!important;
}
.imh{
        padding: 8rem 0rem !important;
        /* margin-left: -140px; */
    }
.imh-1{
        padding: 8rem 0rem !important;
    }
.imh-2{
        padding: 7rem 0rem !important;
    }
            .imh-3{
        padding: 6rem 0rem !important;
    }
            .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 20px 0 55px!important;
    position: relative;
    overflow: hidden;
}
      }

      @media (min-width: 1921px) and (max-width: 2120px) {
        .primary-header.sticky-header p {
            color: black !important;
            margin-left: 20px !important;
        }
        .sep-responsive{
            border-left: 1px solid black;
            height: 30px;
            margin-left: 130px; 
            display: none;
          }
          .navbar-nav-1 .nav-link:after, .navbar .navbar-nav .nav-link:after {
            bottom: 5px;
            content: "";
            display: block;
            height: 3px;
            position: absolute;
            background: blue;
        }

          .secondary-logo {
            position: fixed;
            top: 5px;
            width: clamp(160px, 12vw, 220px);
            height: auto;
            display: none;
            z-index: 999;
        }  
        .intro-section-1 {
        height: 50vh;
        border-left: 18px solid #6d6dfb;
        }       

                         .arunclr{
          padding: 6rem 0rem;  
         }

          .header_para{
            font-size: 1.9rem;
            width: 700px;
        }
                        .molding_page_header {
            padding: 17rem 0rem;
        }

        .box3 {
            border: 2px dashed #ccc;
            margin-top: 15px;
            height: 570px;
        }
.imh{
        padding: 12rem 0rem !important;
        /* margin-left: -180px; */
    }
   .about_banner_white .allwidth {
    padding-top: 18rem;
    padding-bottom: 6rem;
}

        .display-5{
            width: 700px;
        }

        .iot-device_management .position-absolute {
            margin-top: -50px;
        }

         .mqtt_bluetooth .allwidth{
    padding: 15rem 0rem;
}
.power_banner .allwidth{
    padding: 16rem 0rem!important;
}
.home_automaction_banner .allwidth{
    padding: 16rem 0rem!important;
}
        .machinetwin_banner .allwidth,
        .mqtt_auzre_implementation,
        .setting_auzre_implementation,
        .top5mes_charts .allwidth,
        .ems_banner .allwidth,
        .data_connectors_banner .allwidth,
        .suppout_page_header,
        .oee_banner .allwidth,
        .broker-banner .allwidth{
            padding: 16rem 0rem;
          }
          .broker-banner .allwidth{
           padding: 13rem 0rem; 
          }
          .smart-factory-banner .allwidth,
          .digital_transformation .allwidth,
           .capacity_utilization .allwidth{
            padding: 14rem 0rem;
         }
         .banner-sectiom3,
         .education_training_header .allwidth,
         .education_coe_header .allwidth,
         .education_tool_header .allwidth,
         .cqd_banner .allwidth,
         .it_ot_banner .allwidth{
            padding: 18rem 0rem;
         }
                 .simulator_page_header .allwidth{
        padding: 16rem 0rem!important;
    }
         .mrp_page_header3{
    padding: 19rem 0rem;
}       
         .coc-digital-transformation-banner .allwidth{
            padding: 17rem 0rem;
         }
         .mrp_page_header2 .allwidth{
            padding: 4rem 0rem;
         }

         .mqtt_modbus_dataintegration .allwidth{
          padding: 16rem 0rem;
        }
                    .modbus_page_header .allwidth{
            padding: 16rem 0rem!important;
        }

                                         .platform_page_banner .allwidth{
            padding: 16rem 0rem!important;
        } 
        .hero {
    background: url(/images/mqtt-arc-banner.webp) center / cover no-repeat;
    padding: 0px 0 55px!important;
    position: relative;
    overflow: hidden;
}
                                .hts{
    width: 618px!important;
}
         .education_page_header .allwidth{
    padding: 14rem 0rem!important;
}
          .card_2 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%; 
            max-width: 1990px; 
            height:680px;
            left:60px;
            position: absolute;
            top: 14%;
          }

          .card_3 {
            background-color: #F5F9FF;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
            width: 95%;
            height: 600px;
            left: 65px;
            position: absolute;
            top: 14%;
        }
        .intro-section_1 {
            height: 30vh;
            border-left: 18px solid #073F76;
        }

        .con-equal{
            margin-top:-125px;
        }
    .cutomer-details-content {
    top: 4%!important;
    left: 25%!important;
}
   .pl-1{
    margin-left: 100px;
   }
    }

.men_sp{
    margin-left: 10px;
}