:root {
     --primary: #355efc;
     --secondary: #e93c05;
     --light: #dfe4fd;
     --dark: #011a41;
     --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
     --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     --bevy_green: #16a085;
     --success: #16a085;
     --header_color: #0a033c;
     --hightlight: #16a0a4;
 }

.nav-item.dropdown:hover .nav-link span,
.nav-item.dropdown:has(.dropdown-menu:hover) .nav-link span {
    color: blue;
}

   .dropdown-menu {
    max-width: 98vw; 
    overflow-x: hidden;}

 #progressBarContainer {
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none; 
  }
  
  #progressBar {
    margin-top: 60px;
    height: 2px;
    background-color: #10BA80;
    transition: width 0.2s ease;
  }

  #progressBarContainer-2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  display: none; 
}

#progressBar-2 {
  height: 100%;
  margin-top: 60px;
  width: 0;
  height: 2px;
  background: linear-gradient(to right, #149f85 , #1660a7 , #C23A4C);
  transition: width 0.2s ease;
}

  .mini_card{
    padding: 1.5rem !important;
  }

  #progressBarContainer-1 {
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none; 
  }
  
  #progressBar-1 {
    margin-top: 60px;
    height: 2px;
    background-color: #3387DA;
    transition: width 0.2s ease;
  }

 .hover-button {
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
  }
  
  .hover-button:hover {
    transform: translateY(-2px);
  }

  .mqtt_head{
margin-left: 64px;
}

 .card_1 {
    background-color: #F6FFFE;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 95%; 
    max-width: 1250px; 
    height:630px;
    left:34px;
    position: absolute;
    top: 10%;
  }

  .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:670px;
    left:45px;
    position: absolute;
    top: 19%;
  }
  
  #logo {
    transition: opacity 0.3s ease;
  }
  #logo.hide {
    opacity: 0;
    visibility: hidden;
  }

  .secondary-logo {
    position: fixed;
    top: 6px;
    left:70px;
    display: none;
    z-index: 999;
  }
  
 body p,
 ul li,
 button {
     font-family: "Open Sans", sans-serif;
 }

 body {
     color: black;
 }

 .project-item:hover .project-title h4,
 .social-menu ul li .fa-brands:hover,
 .team-item:hover .team-text h4 {
     color: #fff;
 }

 .btn_light,
 .btn_light:hover {
     color: #dc3545;
 }
 
 .btn-danger {
     background-color: #FFC622 !important;
 }

 @keyframes cookiefadeOut {
     20% {
         top: 85%;
         opacity: 1;
     }

     40% {
         top: 90%;
         opacity: 0;
     }

     60% {
         top: 95%;
     }

     100% {
         top: 100%;
     }
 }

 .cookiefade-out {
     animation: cookiefadeOut 1s;
 }

 .cookie-banner {
     position: fixed;
     bottom: 0;
     left: 0;
     z-index: 5;
     width: 100%;
     margin: 0 auto;
     justify-content: space-evenly;
     align-items: center;
     border-radius: 6px 6px 0px 0px;
     background-color: #fff;
     padding: 9px 8px 9px 8px;
     animation: cookie-popup-in 0.7s ease forwards;
     box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.15);
 }

 .cookie-banner p {
     font-size: 14px;
 }

 @keyframes cookie-popup-in {
     from {
         bottom: -6.25rem;
     }
 }

 .cookie-banner button {
     border: 1px solid black;
     cursor: pointer;
     border-radius: 4px;
 }

 .cookie-banner img {
     animation: beat 1s infinite;
 }

 @keyframes beat {
     from {
         transform: scale(1);
         transform-origin: center center;
         animation-timing-function: ease-out;
     }

     10% {
         transform: scale(1.1);
         animation-timing-function: ease-in;
     }

     15% {
         transform: scale(1);
         animation-timing-function: ease-out;
     }

     25% {
         transform: scale(1.05);
         animation-timing-function: ease-in;
     }

     35% {
         transform: scale(1);
         animation-timing-function: ease-out;
     }
 }

 #spinner,
 .burger,
 .overlay,
 .submenu {
     visibility: hidden;
 }

 .panel-title>a.collapsed:before,
 .panel-title>a:before {
     font-family: "Font Awesome 5 Free";
     float: right !important;
 }

 .odd_color {
     background-color: #f3f3f3;
 }

 .privacy-section {
     padding-top: 20px;
 }

 .privacy-heading {
     font-size: 25px;
     margin-bottom: 10px;
     color: var(--header_color);
     font-weight: 600 !important;
 }

 .blog_pages,
 .ncard {
     box-sizing: border-box;
 }

 .blog_container,
 .faq,
 .slider-container {
     overflow: hidden;
 }

 .content a,
 .scroll_link {
     text-decoration: none;
 }

 .bg-success {
     background-color: var(--bevy_green) !important;
 }

 .contact-featues .ncard {
     width: 241px;
 }

 .section-drop {
     left: -137%;
     width: 450px;
 }

 .section-drop.drop_down_arrow::after {
     left: 69% !important;
 }

 p,
 ul li {
     font-size: 1.05rem;
     line-height: 1.7;
 }

 p {
     margin: 0;
 }

 .bg-gray {
     background-color: #e6e6fa !important;
 }

 .header_para {
     font-size: 1.4rem;
     width:550px;
 }

 .btn_light {
     display: inline-block;
     border: none;
     font-size: 16px;
     cursor: pointer;
 }

 .fw-bold,
 .h1,
 .h2,
 h1,
 h2 {
     font-weight: 700 !important;
 }

 .fw-medium,
 .h3,
 .h4,
 h3,
 h4 {
     font-weight: 600 !important;
 }

 .fw-semi-bold,
 .h5,
 .h6,
 h6 {
     font-weight: 500 !important;
 }
 .listoutmenu h6{
    text-align: center;
 }

 body {
     overflow-x: hidden;
 }

 .btn_light {
     position: relative;
     padding: 10px 20px;
     border-radius: 8px;
     background-color: #fff;
     font-weight: 600;
 }

 .btn_light::before {
     content: "";
     position: absolute;
     top: 4px;
     left: 4px;
     width: calc(100% - 8px);
     height: calc(100% - 8px);
     background-color: rgba(0, 0, 0, 0.2);
     border-radius: inherit;
     z-index: -1;
 }

 .callback,
 .project-item,
 .project-item .project-img,
 .team-item,
 .team-item img {
     position: relative;
 }

 .btn_light:hover:before {
     transform: translateY(3px);
     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.3);
 }

 .btn-square {
     width: 38px;
     height: 38px;
 }

 .btn-sm-square {
     width: 32px;
     height: 32px;
 }

 .btn-lg-square {
     width: 54px;
     height: 54px;
 }

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

 header nav {
     height: 62px;
 }

 .btn-lg-square,
 .btn-sm-square,
 .btn-square {
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 400;
 }

 .btn,
 .feature .feature-box,
 .feature .feature-box *,
 .fixed-top,
 .project-item .project-title h5,
 .service .nav .nav-link,
 .team-item .team-text h5 {
     transition: 0.5s;
 }

 .md_5{
    margin-right: 1rem !important;
    margin-left: 3.3rem !important;
}
.md_6{
    margin-right: -7rem !important;
    margin-left: -6.7rem !important;
}

 .grid-drop-down_1{
    margin-right: -3.1rem !important;
    margin-left: -2.9rem !important;
}

.nk_2 {
    margin-right: .5rem !important;
    margin-left: 3rem !important;
}

 .submenu {
     transition: 0.3s ease-in-out;
 }

 .navbar .dropdown-toggle::after {
     border: none;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     vertical-align: middle;
     margin-left: 8px;
     font-size: 10px;
 }

 .navbar .dropdown-toggle:hover::after {
     transform: rotate(180deg);
 }

 .navbar .dropdown-toggle:hover::after,
 .dropdown-toggle .dropdown-item:hover::after {
     border: none;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     vertical-align: middle;
 }

 .carousel-control-next,
 .carousel-control-prev {
     width: 3rem;
     z-index: 0 !important;
     opacity: 1.5 !important;
 }

 .callback::before,
 .facts {
     background: linear-gradient(rgb(61 207 168 / 95%), rgb(39 187 189 / 95%)), url(//img1.bevywise.com/images/bg.png);
 }

 .carousel-control-prev-icon {
     border-radius: 0 3rem 3rem 0;
 }

 .carousel-control-next-icon {
     border-radius: 3rem 0 0 3rem;
 }

 .callback::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 50%;
     top: 0;
     left: 0;
     z-index: -1;
 }

 .feature .feature-box:hover {
     background: #0d6efd;
     border-color: #149f85 !important;
 }

 .dropdown-item:focus,
 .dropdown-item:hover,
 .service .nav .nav-link:hover {
     color: blue;
     width: 95%;
 }

 .dropdown-item:hover {
     background-color: rgba(236, 243, 255, .7);
     border-radius: 8px;
 }

 .feature .feature-box:hover *,
 .select_button .hightlight_btn:hover,
 .service .nav .nav-link.active h5,
 .service .nav .nav-link.active h5 i {
     color: #fff !important;
 }

 .features .feature-box p {
     height: 100px;
 }

 .features .feature-box:hover {
     transform: scale(1.05);
     box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
 }

 .modbus_features .feature-box,
 .iot-platform .feature-box {
     margin: 20px;
 }

 .callbacks::before,
 .facts {
     background-color: #149f85;
 }

 .features .new_feature-box:hover {
     transform: scale(1.05);
     box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
     background-color: #149f85;
 }

 .new_feature-box i {
     color: #149f85;
 }

 .feature .new_feature-box:hover {
     color: white;
     background-color: #149f85;
 }

 .feature .new_feature-box:hover i {
     color: white;
 }

 .service .nav .nav-link.active {
     border-color: var(--primary) !important;
     background: var(--primary);
 }

 .btn-outline-primary:hover,
 .btn-primary,
 .copyright,
 .copyright a {
     color: var(--light);
 }

 .hightlight_link::after,
 .link_style::after {
     height: 1px;
     content: "";
     position: absolute;
     width: 100%;
 }

 .white_link::after {
     height: 3px;
     content: "";
     position: absolute;
     width: 100%;
 }

 .footer .btn.btn-link {
     display: block;
     margin-bottom: 5px;
     padding: 0;
     text-align: left;
     color: var(--light);
     font-weight: 400;
     text-transform: capitalize;
     transition: 0.3s;
     text-decoration: none !important;
 }

 .footer .btn.btn-link::before {
     position: relative;
     content: "\f105";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     margin-right: 10px;
 }

 .footer .btn.btn-link:hover {
     color: var(--primary);
     letter-spacing: 1px;
     box-shadow: none;
 }

 .copyright {
     background: #000b1c;
 }

 .submenu {
     box-shadow: var(--shadow-medium);
     background-color: #fff;
 }

 .burger,
 a,
 button {
     background: 0 0;
     cursor: pointer;
 }

 .copyright,
 .navbar .navbar-nav .nav-link.active,
 .navbar .navbar-nav .nav-link:hover,
 .navbar-nav-1 .nav-link.active,
 .navbar .navbar-nav-1 .nav-link:hover {
     color: blue;
 }

 .education_secondary .navbar .navbar-nav .nav-link.active,
 .education_secondary.navbar .navbar-nav .nav-link:hover {
     color: currentColor !important;
 }

 .navbar .navbar-nav .nav-link,
 .navbar-nav-1 .nav-link {
     display: inline-block;
     position: relative;
 }
 

 .navbar-nav-1 .nav-link:after,
 .navbar .navbar-nav .nav-link:after {
     bottom: 5px;
     content: "";
     display: block;
     height: 2px;
     position: absolute;
     background: blue;
 }


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

 @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0rem !important; 
         padding-left: 0rem !important; 
        margin-right: 10px;
    }
}

 .nav-link-1 {
    color: var(--tertiary);
    font-weight: 400 !important;
    outline: 0;
    font-size: 16px;
    display: block;
    margin-top: 8px;
    margin-right: 6px;
}

.navbar-nav-1 .nav-link-1:after,
.navbar .navbar-nav .nav-link-1:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 5px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: white;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

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

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

.nav-link-2 {
    display: inline-block;
    position: relative;
    color: white;
    text-decoration: none; 
    padding-bottom: 2px; 
}


.nav-link-2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; 
    width: 0; 
    height: 2px;
    background: white; 
}

.nav-link-2:hover::after {
    width: 100%;
}

 a,
 button {
     border: none;
     outline: 0;
     box-shadow: none;
 }

 .wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     column-gap: 1rem;
     row-gap: 2rem;
     width: 80%;
     height: 3.5rem;
     margin: 0 auto;
 }

 .submenu {
     position: absolute;
     top: 2.35rem;
     left: -2rem;
     min-width: 17rem;
     height: auto;
     padding: 1rem;
     opacity: 0;
     transform: translateY(1rem);
     border-radius: 0 0 0.25rem 0.25rem;
     border-top: 2px solid var(--bevy_green);
 }

 @media (max-width: 1199.98px) {
  .your-class {
    display: none !important;
  }
}

 .burger {
     position: relative;
     display: none;
     width: 1.75rem;
     height: 1rem;
     opacity: 0;
 }

 .showing {
     background-color: #011a41;
     position: relative;
     padding: 25px 0px 25px 0px;
 }

 .showing .btn {
     background-color: white;
     font-size: 20px;
     color: var(--header_color);
     font-weight: 600;
     position: relative;
 }

 .dark .fa-copy {
     color: white;
 }

 .decoration {
     height: 60px;
     background-color: white;
     color: black;
     top: 0;
     z-index: 6;
     box-shadow: 0 1px 9px 0 rgb(0 0 0 / 32%);
 }

 .overlay {
     top: 0;
     left: 0;
     height: 100%;
     z-index: 9;
     opacity: 0;
     transition: 0.35s ease-in-out;
     background-color: rgba(0, 0, 0, 0.65);
 }

 .text-success {
     color: var(--hightlight) !important;
 }

 .back-to-top {
     position: fixed;
     display: none;
     right: 16px;
     bottom: 83px;
     z-index: 99;
     opacity: 1 !important;
 }

 .flex-sm-wrap {
     display: flex !important;
 }

 .fw-bold,
 .table th {
     font-weight: 600;
 }

 .btn,
 .form_button,
 .form_button:hover,
 .mes_page-header .breadcrumb-item,
 .mes_page-header .breadcrumb-item a,
 .page-header .breadcrumb-item,
 .page-header .breadcrumb-item a {
     font-weight: 500;
 }

 .form_button {
     transform: scale(1);
     border-radius: 9px;
     transition: 0.2s;
     font-size: 18px;
     padding: 12px 32px;
     color: #161616;
     background-color: #FFC622;
 }

 .form_button:hover {
     transform: scale(1.05);
     color: #161616;
     transition: 0.2s;
 }

 .broker_page_header,
 .dashboard_page_header,
 .mes_page-header,
 .mes_page_header,
 .oee_page_header,
 .page-header,
 .about_banner,
 .mqtt_customer_header .allwidth {
     padding: 8rem;
 }

 .power_banner .allwidth,
 .home_automaction_banner .allwidth,
 .mqtt-high_banner .allwidth,
 .mqtt_landing .allwidth,
 .repoart_banner .allwidth,
 .interfaces_banner .allwidth,
 .lifecyle_banner .allwidth,
 .integration_banner .allwidth,
 .acquisition_banner .allwidth,
 .education_tool_header .allwidth,
 .education_training_header .allwidth,
 .partner_banner_white .allwidth,
 .intergate_banner .allwidth,
 .smart-factory_banner .allwidth,
 .hosted_page_header .allwidth,
 .mrp_page_header .allwidth,
 .mqtt_gateway_banner .allwidth,
 .modbus_page_header .allwidth,
 .wip_banner .allwidth,
 .iot-dashboard_banner .allwidth {
     padding: 9rem 0rem;
 }

 .mqtt_security_banner .allwidth,
 .mqtt_iot-banner .allwidth,
 .materials_banner .allwidth,
 .inventory_banner .allwidth,
 .producation_scheduling .allwidth,
 .education_coe_header .allwidth,
 .masters_banner .allwidth,
 .Quality_banner .allwidth{
    padding: 7rem 0rem;
 }

 .mqtt_cattle_management{
    padding: 16rem 0rem;
 }

  .mqtt_modbus_dataintegration .allwidth,
  .coc-digital-transformation-banner .allwidth{
    padding: 6rem 0rem;
  }

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

  .cqd_banner .allwidth,
  .it_ot_banner .allwidth{
    padding: 11rem 0rem;
  }

 .banner-sectiom3,
 .scada_banner .allwidth,
 .wip-limits-banner .allwidth,
 .oee_banner .allwidth {
    padding: 8rem 0rem;
 }
 
 .node_red-banner,
 .broker_tableau-banner,
 .broker_google_pubsub-banner,
 .mqttroute_openhab-banner,
 .manufacturing_banner .allwidth,
 .energy_banner .allwidth{
    padding: 12rem 0rem;
 }

 .mqtt_auzre_implementation,
 .ems_banner .allwidth,
 .data_connectors_banner .allwidth {
    padding: 6rem 0rem;
 }
 .setting_auzre_implementation{
    padding: 4rem 0rem;
 }

 .mqtt_dashboard_banner .allwidth,
 .mqtt-cluster_banner .allwidth,
 .manufacturing_usecase .allwidth{
    padding: 9rem 0rem;
 }

 .smart-factory-banner .allwidth{
    padding: 6rem 0rem;
 }

 .education_page_header .allwidth{
 padding:5rem 0rem;
 }
 
 .sparkplug .allwidth,
 .automation_banner .allwidth,
 .pharma_banner .allwidth,
 .energy_banner .allwidth,
 .configuration_banner .allwidth{
     padding: 6rem 0rem;
 }

 .mqtt_homeassistant .allwidth,
 .acquistion_banner .allwidth{
    padding: 14rem 0rem;
 }

  .mqtt_builtafleet{
     padding: 14rem 0rem;
  }
 .digital_transformation .allwidth{
    padding: 1rem 0rem;
 }

 .manufacturing-soluatiion_banner .allwidth,
 .vision-technology_banner .allwidth{
     padding: 12rem 0rem;
 }

 .mqtt-standard_banner .allwidth{
     padding: 10rem 0rem;
 }

 .simulator_page_header .allwidth{
    padding: 8rem 0rem;
 }
 .broker-banner .allwidth,
 .machinetwin_banner .allwidth {
    padding: 7rem 0rem;
 }

 .platform_page_banner .allwidth,
 .wip-reports-banner .allwidth,
 .mes_landing_banner .manuval,
 .mqtt_triggers_banner .allwidth{
     padding: 6rem 0rem;
 }

 .capacity_utilization .allwidth,
 .top5mes_charts .allwidth {
    padding: 2rem 0rem;
 }

 .iot-device_management .position-absolute {
     z-index: 1;
     top: 25%;
     margin-top: 80px;
     left: 10%;
     color: white;
 }

 .mes_landing_banner .manuval-form {
     padding-top: 114px;
 }

 .about_banner_white .allwidth {
     padding-top: 9rem;
     padding-bottom: 6rem;
 }

 .bg-blue {
     background-color: #e7feff !important;
 }

 .bg_blue {
     background-color: #f2feff;
 }

 .hightlight_link,
 .link_style,
 .white_link {
     text-decoration: none;
     display: inline-block;
     position: relative;
 }
 
 a.dotted-link {
    text-decoration: none;
    border-bottom: 3px dotted #336699;
  }
  
 .hightlight_link::after {
     display: inline-block;
     left: 0;
     background-color: #dc3545;
     bottom: -1px;
 }

 .title_highlight a {
     color: var(--success) !important;
     font-weight: 500 !important;
 }

 .link_style::after {
     display: inline-block;
     left: 0;
     background-color: #0d6efd !important;
     bottom: 3px;
 }

 .link_style2::after {
     display: inline-block;
     left: 0;
     background-color: #0d6efd !important;
     bottom: 3px;
 }

 .white_link::after {
     display: inline-block;
     left: 0;
     background-color: #355efc !important;
     bottom: 0px;
     color: white !important;
 }

 .h_inverted {
     background-color: #fff;
     border-bottom: px;
 }

 .header.sticky_nav {
     height: 59px;
     background-color: white;
     color: black;
     top: 0;
     z-index: 6;
     box-shadow: 0 1px 9px 0 rgb(0 0 0 / 32%);
 }


 .arrow1 {
     animation: slide1 1s ease-in-out infinite;
     margin-left: 9px;
 }

 @keyframes slide1 {

     0%,
     100% {
         transform: translate(0, 0);
     }

     50% {
         transform: translate(10px, 0);
     }
 }

 .header {
     position: fixed;
     width: 100%;
     height: 108px;
     color: #fff;
     transition: all 0.4s ease;
 }

 .blog_link {
     margin-bottom: 7px;
 }

 .card_body {
     min-height: 323px;
     /* height: 373px; */
 }

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

 @keyframes grow-once {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.1);
    }
  }
  
  .border_btn:hover {
    animation: grow-once 1s forwards;
    transition: all 0.3s ease-in-out;
    color: black !important;
  }

 .large_banner_primary {
     width: 275px;
     font-size: 18px;
     padding: 16px 20px 16px 20px;
     background-color: #dc3545;
     color: white !important;
     margin-right: 47px;
     border-radius: 7px;
     text-align: center;
     transition: 0.3s;
     text-decoration: none;
 }

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

 .banner_primary-2 {
    width: 306px;
    font-size: 20px;
    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_primary-2:hover {
    animation: pulse 1s infinite;
    transition: 0.3s;
}

 .large_banner_primary:hover,
 .large_banner_secondary:hover,
 .banner_primary:hover{
     animation: pulse 1s infinite;
     transition: 0.3s;
 }

 .banner_secondary {
     width: 275px;
     font-size: 20px;
     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_1 {
    width: 282px;
    font-size: 20px;
    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_3 {
    width: 275px;
    font-size: 20px;
    padding: 16px 20px 16px 20px;
    color: white !important;
    border: 1px solid white;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}

.banner_secondary_3:hover {
    animation: pulse 1s infinite;
    transition: 0.3s;
}

.banner_secondary_2 {
    width: 290px;
    font-size: 20px;
    padding: 18px 21px 21px 20px;
    color: #161616 !important;
    border: 1px solid #161616;
    border-radius: 7px;
    text-align: center;
    transition: 0.3s;
    text-decoration: none;
}
@keyframes grow-once {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.1);
    }
  }
  
  .banner_secondary_2:hover {
    animation: grow-once 1s forwards;
    transition: all 0.3s ease-in-out;
    color: black !important;
  }
  
 .large_banner_secondary {
     width: 275px;
     font-size: 18px;
     padding: 16px 20px 16px 20px;
     /* color: white !important; */
     border: 1px solid #161616;
     border-radius: 7px;
     text-align: center;
     transition: 0.3s;
     text-decoration: none;
 }

 @keyframes grow-once {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.1);
    }
  }
  
  .banner_secondary:hover {
    animation: grow-once 1s forwards;
    transition: all 0.3s ease-in-out;
    color: black !important;
  }
  

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     70% {
         transform: scale(0.9);
     }

     100% {
         transform: scale(1);
     }
 }

 ul li {
     padding-left: 8px !important;
        margin-bottom: 12px;
 }
 @keyframes grow-once {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.1);
    }
  }
  
  .banner_secondary_1:hover {
    animation: grow-once 1s forwards;
    transition: all 0.3s ease-in-out;
    color: black !important;
  }
  

 .form-color {
     background-color: #f4f4f4;
 }

 #spinner {
     opacity: 0;
     transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
     z-index: 99999;
 }

 #spinner.show {
     transition: opacity 0.5s ease-out, visibility linear;
     visibility: visible;
     opacity: 1;
 }

 .top-bar_prodect {
     height: 65px;
     border-bottom: 1px solid rgba(53, 94, 252, 0.07);
 }

 .navbar .navbar-nav .nav-link,
 .navbar .navbar-nav-1 .nav-link,
 .phone_contact {
     color: var(--tertiary);
     outline: 0;
 }

.primary_header {
    position: sticky;
    z-index: 4;
    top: 0;
    box-shadow: 0 1px 9px 0 rgb(0 0 0 / 32%);
    background-color: white;
 }

 .navbar .navbar-nav-1 .dropdown-toggle,
 .navbar .navbar-nav .dropdown-toggle {
     color: var(--tertiary);
     outline: 0;
 }

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

 .download_nav1 {
    background-color: #FFC622 !important;
    color: black !important;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    padding: 0px 10px 0px 10px;
}

.download_nav1 .nav-link:hover {
    border-bottom: none !important;
    color: black !important;
}

.download_nav1 .nav-link::after {
    background: none !important;
}

 .download_nav .nav-link:hover {
     border-bottom: none !important;
     color: black !important;
 }

 .download_nav .nav-link::after {
     background: none !important;
 }

 .active_color {
    /* color: rgb(14, 14, 248) !important;
     border-bottom: 3px solid blue;*/
 }

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

 .mes_page-header .breadcrumb-item+.breadcrumb-item::before,
 .page-header .breadcrumb-item+.breadcrumb-item::before {
     color: var(--tertiary);
 }

 .wip_banner {
    background: url(//img1.bevywise.com/images/wip_management_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

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

 .acquistion_banner {
     background: url(//img1.bevywise.com/images/mqtt-dataaquisation-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .mrp_page_header {
     background: url(//img1.bevywise.com/images/mrp_updated_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt_cattle_management {
    background: url(//img1.bevywise.com/images/mqtt-cattlemanagement-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: 18/8;
}

.mqtt_auzre_implementation {
    background: url(//img1.bevywise.com/images/auzre_implementation_banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.setting_auzre_implementation {
    background: url(//img1.bevywise.com/images/azure_mqtt_broker_banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.mqtt_modbus_dataintegration{
    background: url(//img1.bevywise.com/images/mqtt-modbus-dataintegration.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.mqtt_homeassistant {
    background: url(//img1.bevywise.com/images/mqtt-homeassistant-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    aspect-ratio: 18/8;
}

.mqtt_bluetooth {
    background: url(//img1.bevywise.com/images/mqtt-bluetooth-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.digital_transformation {
    background: url(//img1.bevywise.com/images/digital-transformation.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.top5mes_charts {
    background: url(//img1.bevywise.com/images/top5mes-charts.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.capacity_utilization{
    background: url(//img1.bevywise.com/images/enhance-capacity-utilization.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8; 
}

.mqtt_builtafleet {
    background: url(//img1.bevywise.com/images/mqtt-builtafleet-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100%; */
    width: 100%;
    aspect-ratio: 18/8;
}

 .mrp_page_header2 {
     background: url(//img1.bevywise.com/images/gdpr-privacy-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     width: 100%;
     aspect-ratio: 18/8;
     padding-top: 12%;
 }

 .mrp_page_header3 {
     background: url(//img1.bevywise.com/images/manufacturing-ai-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
     padding-top: 12%;
 }

 .manufacturing-soluatiion_banner {
     background: url(//img1.bevywise.com/images/manufacturing-solutions.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;

 }

 .vision-technology_banner {
     background: url(//img1.bevywise.com/images/Industry-4.0-in-Medical-Manufacturing.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .pharma_banner {
     background: url(//img1.bevywise.com/images/broker-pharma.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .automation_banner {
     background: url(//img1.bevywise.com/images/mqtt-solutions-automation-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .energy_banner {
     background: url(//img1.bevywise.com/images/broker-energy-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .machinetwin_banner {
    background: url(//img1.bevywise.com/images/machine-twinai-banner-final.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

 .manufacturing_banner {
     background: url(//img1.bevywise.com/images/iot-usecases-manifacturing-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .home_automaction_banner {
     background: url(//img1.bevywise.com/images/MQTTSolutionsE-fontechnologies.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .power_banner {
     background: url(//img1.bevywise.com/images/MQTT-Solutions-Powerplant.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .scada_banner {
     background: url(//img1.bevywise.com/images/mqtt-scada-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .wip-limits-banner {
     background: url(//img1.bevywise.com/images/wip-limits-banner-1.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .wip-reports-banner {
     background: url(//img1.bevywise.com/images/wip-reports-banner-1.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .mqtt-cluster_banner {
     background: url(//img1.bevywise.com/images/high-availability.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .node_red-banner {
    background: url(//img1.bevywise.com/images/node-red.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.broker_tableau-banner {
    background: url(//img1.bevywise.com/images/mqtt-tableau-integration-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.broker_google_pubsub-banner {
    background: url(//img1.bevywise.com/images/broker_google_pubsub1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.mqttroute_openhab-banner {
    background: url(//img1.bevywise.com/images/mqtt-integration-openhab-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

 .page-header {
     background: url(//img1.bevywise.com/images/Banner_EMS.jpg) top left/cover no-repeat;
     top: 2px;
     position: relative;
 }

 .interested_bg {
     background-image: url("//img1.bevywise.com/images/interested.webp");
     background-size: cover;
     background-repeat: no-repeat;
 }

 .simulator_page_header {
     background: url(//img1.bevywise.com/images/iot-simulator-banner-final.webp);
     background-size: cover;
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
 }

 .sparkplug {
     background: url("//img1.bevywise.com/images/sparkplug-banner.webp");
     background-size: cover;
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
 }

 .configuration_banner {
     background: url(//img1.bevywise.com/images/iot-simulator-configure-banner.webp);
     background-size: cover;
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
 }

 .intergate_banner {
     background: url(//img1.bevywise.com/images/iot-simulator-banner.webp);
     background-size: cover;
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
 }

 .partner_banner_white {
     background: url(//img1.bevywise.com/images/partners-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .about_banner_white {
     background: url(//img1.bevywise.com/images/about-us-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt-high_banner {
     background: url(//img1.bevywise.com/images/MQTT-High-Availability.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .mqtt_customer_header {
     background: url(//img1.bevywise.com/images/platform-manageyourcustomers-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .mqtt_triggers_banner {
     background-image: url(//img1.bevywise.com/images/triggers_rules_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .platform_page_banner  {
    background-image: url(//img1.bevywise.com/images/iot_platform_banner-final.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

 .education_page_header {
     background: url(//img1.bevywise.com/images/iot-education-banner-final.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt_security_banner {
     background-image: url(//img1.bevywise.com/images/MQTT-Security-bg.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 90%;
     aspect-ratio: 18/8;
 }
 .mqtt_iot-banner {
     background-image: url(//img1.bevywise.com/images/mqtt-data-storage1.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt_dashboard_banner {
     background-image: url(//img1.bevywise.com/images/mqtt-dashboard.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt_landing {
     background-image: url(//img1.bevywise.com/images/MQTT--Landing-Page.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt-standard_banner {
     background: url(bevywise.com/images/MQTT-Essentials.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .repoart_banner {
     background: url(//img1.bevywise.com/images/smart-factory-visualisation.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .inventory_banner {
     background: url(//img1.bevywise.com/images/smart-factory-inventorymanagement.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .interfaces_banner {
     background: url(//img1.bevywise.com/images/mes_mobile_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .masters_banner {
     background: url(//img1.bevywise.com/images/smart-factory-mastersetup.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .integration_banner {
     background: url(//img1.bevywise.com/images/mes_erp_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .cqd_banner {
    background: url(//img1.bevywise.com/images/cqd-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.it_ot_banner{
    background: url(//img1.bevywise.com/images/it-ot-integration-ban.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    aspect-ratio: 18/8;
}

.coc-digital-transformation-banner{
    background: url(//img1.bevywise.com/images/coc-digital-transformation-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 18/8;
}

 .lifecyle_banner {
     background: url(//img1.bevywise.com/images/mes_traceability_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .machine_banner {
     background: url(//img1.bevywise.com/images/machine_maintenance_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .acquisition_banner {
     background: url(//img1.bevywise.com/images/mes_data_collection_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .producation_scheduling {
     background: url(//img1.bevywise.com/images/smart-factory-production-schedule.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .Quality_banner {
     background: url(//img1.bevywise.com/images/quality_management_banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .materials_banner {
     background: url(//img1.bevywise.com/images/smart-factory-materials-management.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .ems_banner {
     background: url(//img1.bevywise.com/images/energy-management-system-final.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }
 
.data_connectors_banner{
     background: url(//img1.bevywise.com/images/iot-data-connectors-ban.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .iot-dashboard_banner {
     background: url(//img1.bevywise.com/images/iot-dashboard-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .smart-factory_banner {
     background: url(//img1.bevywise.com/images/smart-factory-mes-dashboard.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .smart-factory-banner {
     background: url(//img1.bevywise.com/images/smart_factory_banner-final.webp);
     /* background-color: #1660A7; */
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .smart-factory-banner-1 {
    /* background: url(//img1.bevywise.com/images/smart_factory_banner.webp); */
    background-color: #1660A7;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 48pc;
    aspect-ratio: 18/8;
}

 .mes_landing_banner {
     background: url(//img1.bevywise.com/images/mqtt-homeassistant-banner.webp);
     width: 100%;
     margin-top: -3px;
     background-repeat: no-repeat;
     background-size: cover;
     aspect-ratio: 18/8;
 }


 .education_tool_header {
     background: url(//img1.bevywise.com/images/education-tools-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .education_coe_header {
     background: url(//img1.bevywise.com/images/education-coe-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .education_training_header {
     background: url(//img1.bevywise.com/images/education-training-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .oee_banner {
     background: url(//img1.bevywise.com/images/oee-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
 }

 .hosted_page_header {
     background: url(//img1.bevywise.com/images/Hosted-MQTT-Broker-Banner1.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .mqtt_gateway_banner {
     background: url(//img1.bevywise.com/images/mqtt-gateway-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .suppout_page_header {
     background: url(//img1.bevywise.com/images/support-banner.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     aspect-ratio: 18/8;
 }

 .modbus_page_header {
     background: url(//img1.bevywise.com/images/modbus-gateway-banner-final.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;
     aspect-ratio: 18/8;
 }

 .footer_btn,
 .header_sticky,
 .panel,
 .slideMenuStyle p,
 .social-menu ul li a {
     background-color: #fff;
 }

 .social-menu ul {
     padding: 0;
     margin: 0;
     display: flex;
 }

 .social-menu ul li {
     list-style: none;
     margin: 0 15px 0 0;
 }

 .social-menu ul li .fa-brands {
     font-size: 24px;
     line-height: 40px;
     transition: 0.3s;
     color: #000;
     position: relative;
     bottom: 25px;
 }

 .social-menu ul li a {
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     transition: 0.6s;
     box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
 }

 .social-menu ul li a:hover {
     transform: translate(0, -10%);
 }

 .social-menu ul li:first-child a:hover,
 .social-menu ul li:nth-child(3) a:hover {
     background-color: #0077b5;
 }

 .social-menu ul li:nth-child(2) a:hover {
     background-color: #e4405f;
 }

 .social-menu ul li:nth-child(4) a:hover {
     background-color: #0056d6;
 }

 .social-menu ul li:nth-child(5) a:hover {
     background-color: #e00000;
 }

 .download_img {
     border-radius: 50%;
     margin: 0 auto;
     border-color: 2px solid var(--bevy_green);
 }

 .education .cont {
     height: 430px !important;
 }

 .mes-model-1 {
     min-height: 350px;
 }

 .slider-container {
     box-shadow: 0 3px 6px rbga(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
     height: 566px;
     margin: 20px auto 0;
     background-color: #e9e9ff;
     position: relative;
     border-radius: 30px;
     border: 2px #a19191;
 }

 .slide_img img {
     width: 100%;
     height: 340px;
     transition: 0.4s;
     border-radius: 20px;
 }

 .slideMenuStyle p:hover {
     color: #fff;
     background-color: var(--primary);
 }

 .slideMenuStyle p {
     padding: 12px 25px;
     margin: 0 10px;
     font-size: 18px;
     color: var(--primary);
     border: 1px solid var(--primary);
     cursor: pointer;
     border: double;
     border-radius: 10px;
 }

 .slideMenuStyle p.active {
     color: #fff;
     background-color: var(--primary);
     font-weight: 800;
 }

 .tab-pane .one {
     width: 350px;
     height: 350px;
 }

 .tab-pane .three {
     width: 352px;
     height: 280px;
 }

 .youtube_vedio iframe {
     height: 350px;
     width: 650px;
 }

 .section iframe {
     height: 345px;
     width: 642px;
 }

 .mrp_img {
     width: 60%;
     height: 60%;
 }

 .index-header {
     position: sticky;
     top: 0;
     z-index: 4;
 }

 header {
     top: 0;
     /* z-index: 2;
     box-shadow: 1px 2px 3px 0px rgb(0 0 0 / 32%); */
     background-color: white;
 }

 .footer_layer {
     background-image: linear-gradient(243deg, #3d72e7 0, #53a0fe 100%);
 }

 .support-link:hover {
     transform: scale(1.05);
 }

 .footer_btn {
     padding: 13px;
     align-items: end;
     border-radius: 20px;
     color: var(--primary);
     text-align: center;
     font-weight: 500;
     font-size: 20px;
 }

 .footer_address {
     font-size: 14px;
 }


 .inner_ul {
     list-style: square;
     padding-left: 4em !important;
 }



 .sub_link {
     margin-left: 23px !important;
 }


 .scroll_page-section {
     position: relative;
     top: 20px;
     height: 70%;
     width: 85%;
     margin-left: 7%;
     margin-top: 5%;
     padding: 3em;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
 }

 .mes_navigation {
     position: sticky;
     top: 100px;
 }

 .top_content {
     position: relative;
     height: 100%;
     display: flex;
 }

 .panel-body {
     height: 100%;
     padding: 12px 15px 15px 18px;
 }

 .panel-title>a:before {
     content: "\f078";
     padding-right: 5px;
 }

 .panel-heading {
     padding: 20px 15px;
     border-top-right-radius: 3px;
     border-top-left-radius: 3px;
     border-bottom: 1px solid #c7c5c5;
 }

 .panel {
     margin-bottom: 20px !important;
     border: 1px solid transparent;
     -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
     box-shadow: 1px 1px 1px 1px rgb(4 4 4 / 5%);
 }

 .panel-body img {
     width: 80%;
     height: 90%;
 }

 .blog_content h4 {
     height: 98px;
     margin: 30px 0 0;
 }

 .blog_container .page-item.active .page-link {
     z-index: 1 !important;
 }

 .img-wrapper,
 .usecase_img {
     width: 100%;
     height: 250px;
     margin-bottom: 10px;
 }

 .blog_container,
 .img-wrapper img,
 .slide-v {
     width: 100%;
     height: 100%;
 }

 .img-wrapper img {
     object-position: center;
 }

 .blog_content {
     margin-bottom: 20px;
 }

 .blog_content a {
     font-size: 20px;
     color: #555;
 }

 .blog_width p,
 .blog_width ul li,
 .ncard-title {
     font-size: 18px;
 }

 .slide-v {
     margin: 0 auto;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .blog_slide {
     padding: 100px 0;
 }

 .list_blog_button {
     background-color: transparent;
     color: #dc3545;
     cursor: pointer;
     border-radius: 5px;
     transition: 0.1s;
 }

 .blog_pages {
     display: flex;
     margin-bottom: 30px;
 }

 .blog_page {
     width: 100%;
     display: flex;
     flex-direction: column;
 }

 .blog_card a {
     color: #555 !important;
 }

 .blog_card .sub_menu {
     color: #00f !important;
     font-weight: 500;
 }

 .blog_width {
     width: 78%;
     margin: 0 auto;
     padding-top: 100px;
 }

 .blog_width .section {
     padding: 25px 0px;
 }

 .blog_heading {
     font-size: 1.85rem;
     margin-bottom: 17px;
 }

 .blog_width p {
     color: #000b1c;
 }

 .blog_width .card p {
     margin: 0;
 }

 .blog_button {
     all: unset;
     position: relative;
     padding: 1em 2em;
     border-radius: 8px;
     cursor: pointer;
     background-color: #dc3545;
     color: white;
 }

 .blog_button:hover {
     transform: scale(1.05);
 }

 .blog_width .card {
     padding: 20px;
     background-color: #e6e6fa;
     margin: 10px;
 }

 .blog_btn1 {
     background-color: #FFC622 !important;
     color: black !important;
     box-shadow: -2px -2px 8px rgba(250, 250, 250, 0.5), 2px 2px 8px rgba(0, 0, 0, 0.5);
 }

 .factovize_layer2_bg,
 .layer2_bg,
 .layer_bg {
     background-size: cover;
     background-repeat: no-repeat;
     background-attachment: scroll;
 }

 .layer_bg h1 {
     margin: 10px 0px 21px;
 }

 .layer2_bg h1 {
    margin: 61px 0px 21px;
}

.layer_bg_1 h1 {
    margin: 11px 0px 21px;
}

.layer_bg_2 h1 {
    margin: 60px 0px 21px;
}

.layer_bg_3 h1,h2 {
    margin: 17px 0px 21px;
}
.layer_bg_4 h1 {
    margin: 44px 0px 21px;
}
.layer_bg_5 h1 {
    margin: 50px 0px 21px;
}
.layer_bg_6 h1 {
    margin: 77px 0px 21px;
}
.layer_bg_7 h1 {
    margin: -10px 0px 21px;
}
.layer_bg_8 h1 {
    margin: 14px 0px 21px;
}
.layer_bg_9 h1 {
    margin: 50px 0px 21px;
}
.layer_bg_12 h1 {
    margin: 40px 0px 21px;
}
 .blog_btn1:active {
     box-shadow: -2px -2px 8px rgba(250, 250, 250, 0.25) inset, 2px 2px 8px rgba(0, 0, 0, 0.25) inset;
 }

 input[type="checkbox"] {
     position: relative;
     border: 2px solid var(--primary);
     border-radius: 2px;
     background: 0 0;
     cursor: pointer;
     line-height: 0;
     margin: 0 0.6em 0 0;
     outline: 0;
     padding: 0 !important;
     vertical-align: text-top;
     height: 20px;
     width: 20px;
     -webkit-appearance: none;
     opacity: 0.5;
     top: 23px;
     left: 20px;
 }

 input[type="checkbox"]:checked {
     background-color: var(--primary);
     opacity: 1;
 }

 input[type="checkbox"]:before {
     content: "";
     position: absolute;
     right: 50%;
     top: 50%;
     width: 4px;
     height: 10px;
     border: solid #fff;
     border-width: 0 2px 2px 0;
     margin: -1px -1px 0;
     transform: rotate(45deg) translate(-50%, -50%);
     z-index: 2;
 }

 .datepicker {
     height: 48px;
     width: 292px;
     border: 2px solid #ddd6d6;
 }

 .datepicker:active {
     border: 2px solig var(--primary);
 }

 .ncard {
     background-color: #fff;
     padding: 30px;
     border-radius: 3px;
     color: #fff;
     margin: 20px;
     min-height: 275px;
 }

 .width_300 {
     max-width: 300px;
     height: 315px;
 }

 .width_100 {
     max-width: 312px;
     height: 280px;
 }

 .bg_black {
     background-color: #444;
 }

 .card_div {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }

 .ncard-btn a,
 .price_btn {
     display: inline-block;
     cursor: pointer;
 }

 .ncard-title {
     margin-top: 0;
     font-weight: 600;
 }

 .ncard-content {
     font-size: 15px;
 }

 .ncard-subtitle {
     font-size: 24px;
     font-weight: 800;
     letter-spacing: 1.2px;
     margin-top: 0;
     color: var(--bevy_green);
 }

 .ncard-btn a {
     all: unset;
     border: 2px solid #fff;
     padding: 10px 15px;
     border-radius: 25px;
     font-size: 14px;
     font-weight: 600;
     transition: 0.5s;
     color: #fff;
     letter-spacing: 1.2px;
 }

 .ncard-btn a:hover {
     color: var(--bevy_green);
     background-color: #fff;
 }

 .icon_size {
     font-size: 100px;
 }

 .icon_50 {
     font-size: 50px;
 }

 @keyframes text-hover {
     0% {
         right: -30%;
     }

     50% {
         right: -37%;
     }

     100% {
         right: -30%;
     }
 }


 .hightlight_btn a:hover,
 .price_btn {
     background-color: #fff;
 }


 .price_btn {
     color: var(--header_color);
 }



 .price_btn {
     font-family: "Noto Sans", sans-serif;
     padding: 8px 20px;
     border: 1px solid var(--header_color);
     border-radius: 30px;
     transition: 0.3s;
 }

 .price_card_list {
     margin: 0;
     padding: 20px 10px 20px 28px;
 }


 .faq {
     border-radius: 10px;
     margin: 20px 0;
     padding: 20px;
     position: relative;
 }

 .faq.drop_content {
     background-color: #f0f0f0;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
 }

 .blue_link::after,
 .blue_link:hover::after {
     background-color: var(--primary);
     height: 2px;
     content: " ";
     position: absolute;
     top: 30px;
 }



 .hightlight_btn,
 .raise {
     transform: scale(1);
     padding: 9px 20px 8px !important;
 }



 .display_mobile {
     display: none;
 }



 .layer2_bg {
    /* background-image: url("//img1.bevywise.com/images/Layer_2.webp");*/
    background-color: #1660A7;
     height: 280px;
 }

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

 .layer_bg_12 {
    background-color:  #fbfbfb;
     height: 260px;
     background-size: cover;
 }

 .layer_bg {
    /* background-image: url("//img1.bevywise.com/images/Header-Banner2.webp");*/
    background-color: #fbfbfb;
     /* height: 160px; */
     background-size: cover;
 }

 .layer_bg_1 {
    background-color: #149f85;
     height: 176px;
     background-size: cover;
 }
 .layer_bg_2 {
    background-color: #fbfbfb;
     height: 216px;
     background-size: cover;
 }

 .layer_bg_3 {
    background-color: #fbfbfb;
     height: 216px;
     background-size: cover;
 }
 .layer_bg_4 {
    background-color:  #fbfbfb;
     height: 216px;
     background-size: cover;
 }
 .layer_bg_5 {
    background-color:  #073F76;
     height: 176px;
     background-size: cover;
 }
 .layer_bg_6 {
    background-color: #fbfbfb;
     height: 216px;
     background-size: cover;
 }
 .layer_bg_7 {
    background-color: #fbfbfb;
     height: 260px;
     background-size: cover;
 }
 .layer_bg_8 {
    background-color:  #073F76;
     height: 176px;
     background-size: cover;
 }
 .layer_bg_9 {
    background-color:  #fbfbfb;
     height: 245px;
     background-size: cover;
 }
 .factovize_layer2_bg {
  /*   background-image: url("//img1.bevywise.com/images/factovize_banner_silde.webp");*/
  background-color: #1660A7;
 }

 .pi-5 {
    padding-top: 6rem !important;
    padding-bottom: 3rem !important;
}

 .captcha_error {
     color: #dc3545;
     font-size: 12px;
     display: none;
 }

 .captcha_success {
     color: green;
     font-size: 18px;
     margin-bottom: 15px;
     display: none;
 }

 .blue_link,
 .link {
     display: inline-block;
     vertical-align: top;
     line-height: 30px;
     text-align: center;
     margin: 7px;
     position: relative;
     text-decoration: none;
 }

 .blue_link::after {
     width: 0%;
     display: block;
     left: 50%;
     -webkit-transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
 }

 .blue_link:hover::after {
     width: 100%;
     display: block;
     left: 0;
 }

 .underline:after {
     width: 0%;
     height: 2px;
     display: block;
     background-color: #dc3545;
     content: " ";
     position: absolute;
     top: 30px;
     left: 50%;
     -webkit-transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
 }

 .underline:hover:after {
     width: 100%;
     height: 2px;
     display: block;
     background-color: #dc3545;
     content: " ";
     position: absolute;
     top: 30px;
     left: 0;
 }

 .hightlight_btn {
     background-color: #FFC622;
     color: black;
     font-size: 17px;
 }

 .hightlight_btn:hover {
     color: black !important;
 }

 .raise {
     border-radius: 2px;
     transition: 0.2s;
     color: black;
     border: 1px solid #FFC622;
 }

 .hightlight_btn a:hover,
 .primary_btn,
 .select_button {
     animation: pulse 1s infinite;
     transition: 0.3s;
 }

 .raise:hover {
     border: 1px solid #FFC622;
     font-weight: 600;
     transition: 0.2s;
     animation: pulse 1s infinite;
     transition: 0.3s;
 }

 .primary_btn:hover {
     background-color: #FFC622;
     color: #fff !important;
 }

 .primary_btn {
     border: 1px solid #FFC622;
     font-size: 17px;
 }

 .switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 34px;
 }

 .switch input {
     opacity: 0;
     width: 0;
     height: 0;
 }

 .sliderbtn {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: 0.4s;
     transition: 0.4s;
 }

 .sliderbtn:before {
     position: absolute;
     content: "";
     height: 26px;
     width: 26px;
     left: 4px;
     bottom: 4px;
     background-color: #fff;
     -webkit-transition: 0.4s;
     transition: 0.4s;
 }

 input:checked+.sliderbtn {
     background-color: #3a7bd5;
 }

 input:focus+.sliderbtn {
     box-shadow: 0 0 1px #2196f3;
 }

 input:checked+.sliderbtn:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
 }

 .sliderbtn.round {
     border-radius: 34px;
 }

 .sliderbtn.round:before {
     border-radius: 50%;
 }

 b,
 strong {
     font-weight: 400 !important;
 }

 .product_menu .box,
 .product_menu .box::after {
     box-shadow: 0 5px 15px rgba(238, 235, 235, 0.3);
     height: 200px;
 }

 .dropDown-tltp {
     padding: 5px 31px;
     cursor: pointer;
     display: inline-block;
     background: 0 0;
 }

 .submenu_product {
     font-size: 18px !important;
     color: #0a033c !important;
     font-weight: 600;
 }

 .button-active {
     border-bottom: 2px solid #00f;
     font-weight: 600;
     padding-bottom: 10px;
 }

 .link-active {
     color: #00f !important;
 }

 .content {
     flex-direction: column;
     flex-wrap: wrap;
     top: 60px;
     left: -200px;
     width: 700px;
     height: 600px;
     background-color: #fff;
     box-shadow: 1px 1px 10px rgba(42, 42, 42, 0.5);
     padding: 20px 10px 5px 20px;
     transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
 }

 .content a {
     text-align: left;
     font-size: 14px;
     padding: 0 0 15px;
     color: var(--bevy_green);
     cursor: pointer;
 }

 .Solution .box:hover,
 .products .box:hover {
     transform: scale(1.05);
     box-shadow: 0 1px 1px 1px #dcd7d7;
     transition: 0.2s;
 }

 .drop_down_arrow::after {
     position: absolute;
     display: block;
     cursor: pointer;
     bottom: 102%;
     left: 90%;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid rgb(230 227 247);
     content: " ";
     font-size: 0;
     line-height: 0;
     width: 0;
     transform: rotate(180deg);
 }







 .content p {
     font-size: 1rem !important;
     color: var(--tertiary) !important;
     text-align: initial;
 }

 .dashboard_light {
     font-size: 43vh;
     color: gray;
 }

 .dashboard_card {
     width: 60%;
     border-radius: 0 55px;
     background-color: #deb887;
 }

 .dashboard_card a,
 .dashboard_card_dark a {
     color: #fff;
     padding: 12px;
     font-weight: 600;
     height: 48px;
     text-align: center;
     align-items: center;
 }

 .dashboard_card_dark {
     width: 60%;
     border-radius: 0 55px;
     background-color: var(--header_color);
 }

 .section-space {
     padding: 50px 0px 50px 0px;
 }

 .section-space-1 {
    padding: 120px 0px 120px 0px;
}

 .content_height {
     max-height: 150px;
     height: 140px;
 }

 .mqtt_accordion .accordion-button {
     background-color: #479ef5;
     color: #fff;
 }

 .final_box {
     height: 350px;
     border-radius: 66px;
     background-color: #f8f9fa !important;
 }

 .final_box h3 {
     line-height: 1.4 !important;
 }

 .select-material {
     position: relative;
     width: 100%;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }

 .select-text {
     background-color: white;
     position: relative;
     width: 100%;
     margin: 0 auto;
     padding: 12px 12px 12px 12px;
     font-size: 18px;
     border-radius: 4px;
     border: 1px solid #e9e9e9;
 }

 .select-text:focus {
     outline: none;
     box-shadow: 0 0 0 2px #b9b9b9;
 }

 .select-material .select-text {
     appearance: none;
     -webkit-appearance: none;
 }

 .select-material:after {
     position: absolute;
     top: 22px;
     right: 12px;
     width: 0;
     height: 0;
     padding: 0;
     content: "";
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 6px solid rgba(0, 0, 0, 0.12);
     pointer-events: none;
 }

 .select-label {
     color: rgb(95, 99, 104);
     font-size: 16px;
     font-weight: normal;
     position: absolute;
     pointer-events: none;
     left: 10px;
     top: 14px;
     transition: 200ms ease-in-out;
 }

 .select-text:focus~.select-label,
 .select-text:valid~.select-label {
     color: rgb(95, 99, 104);
     top: -10px;
     transition: 200ms ease-in-out;
     font-size: 14px;
     background: white;
     left: 8px;
     width: 145px;
     text-align: center;
 }

 .select-bar {
     position: relative;
     display: block;
     width: 350px;
 }

 .select-bar:before,
 .select-bar:after {
     content: "";
     height: 2px;
     width: 0;
     bottom: 1px;
     position: absolute;
     background: #2f80ed;
     transition: 200ms ease-in-out;
 }

 .group {
     position: relative;
 }

 .group textarea,
 .group input {
     font-size: 18px;
     padding: 10px 10px 10px 5px;
     display: block;
     border: 1px solid #e9e9e9;
     border-radius: 4px;
 }

 .group input:focus,
 .group textarea:focus {
     outline: none;
     box-shadow: 0 0 0 2px #b9b9b9;
 }

 .group label {
     color: rgb(95, 99, 104);
     font-size: 16px;
     font-weight: normal;
     position: absolute;
     pointer-events: none;
     text-align: left;
     left: 8px;
     top: 10px;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
 }

 .input-label {
     color: rgb(95, 99, 104);
     font-size: 18px;
     font-weight: normal;
     position: absolute;
     pointer-events: none;
     left: 8px !important;
     top: 0;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
 }

 .text-group textarea {
     display: block;
     background: none;
     padding: 0.125rem 0.125rem 0.0625rem;
     background-color: white;
     border: 1px solid #e9e9e9;
     line-height: 1.9;
     width: 100%;
     -webkit-transition: all 0.28s ease;
     transition: all 0.28s ease;
     box-shadow: none;
 }

 .text-group textarea:focus~.input-label,
 .text-group textarea:valid~.input-label,
 .text-group textarea.form-file~.input-label,
 .text-group textarea.has-value~.input-label {
     font-size: 14px;
     color: gray;
     top: -0.6rem;
     left: 10px;
 }

 .text-group textarea:focus~.input-label {
     color: rgb(95, 99, 104);
 }

 .text-group textarea:focus~.bar::before {
     width: 100%;
     left: 0;
 }

 .text-group {
     position: relative;
 }

 .mes_freeform {
     border-radius: 10px;
 }

 .mes_freeform .form {
     padding: 14px 30px;
 }

 .form-check-label {
     left: 26px !important;
     top: 0 !important;
 }

 .mes .form-check-label {
     left: 17px !important;
     top: 0 !important;
 }

 .form-check-label {
     background: transparent !important;
     font-size: 14px !important;
     text-align: left !important;
     color: rgb(95, 99, 104) !important;
 }

 .group input:focus~label,
 input:valid~label,
 .group textarea:focus~label,
 .group textarea:valid~label {
     top: -12px;
     background: white;
     font-size: 14px;
     text-align: left;
     color: rgb(95, 99, 104);
 }

 .group .bar {
     position: relative;
     display: block;
 }

 .group .bar:before,
 .group .bar:after {
     content: "";
     height: 2px;
     width: 0;
     bottom: 1px;
     position: absolute;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
 }

 .group.bar:before {
     left: 50%;
 }

 .group.bar:after {
     right: 50%;
 }

 input:focus~.bar:before,
 input:focus~.bar:after {}

 .group .highlight {
     position: absolute;
     height: 60%;
     width: 100px;
     top: 25%;
     left: 0;
     pointer-events: none;
     opacity: 0.5;
 }

 .group input:focus~.highlight,
 .group textarea:focus~.highlight {
     -webkit-animation: inputHighlighter 0.3s ease;
     -moz-animation: inputHighlighter 0.3s ease;
     animation: inputHighlighter 0.3s ease;
 }

 .section-space ul {
     padding-left: 1.5rem !important;
 }

 .outlined>textarea,
 .outlined>input {
     border: 1px solid #e9e9e9;
     border-radius: 4px;
     padding: 12px;
 }

 .outlined>textarea:focus,
 .outlined>input:focus {
     box-shadow: 0 0 0 2px #b9b9b9;
     border-color: transparent;
 }

 .outlined>textarea:focus~span::before,
 .outlined>input:focus~span::before,
 .outlined>input:valid~span::before {
     transform: translateY(-28px);
     background-color: white;
 }

 label {
     position: relative;
 }

 .secondary_header-width {
     width: 80%;
     margin: 0 auto;
 }

 label>span::after,
 label>span::before {
     position: absolute;
     transition: 200ms ease-in-out;
 }

 label>.text-area_span::before {
     content: attr(data-label);
     left: 16px;
     top: -77px;
     bottom: 0;
     margin: auto;
     pointer-events: none;
     height: 18px;
     text-wrap: wrap;
     font-size: var(--fz);
     color: rgb(95, 99, 104);
     line-height: 1;
 }

 label>textarea:focus~span::before,
 label>input:focus~span::before,
 label>input:valid~span::before {
     font-size: 14px;
     color: #a0a0a0;
 }

 .normal_bannercontent {
     width: 52%;
 }

 textarea,
 input {
     width: 100%;
     border: 0;
     height: var(--height);
     padding: var(--padding);
     font-size: 16px;
 }

 textarea {
     height: 130px;
 }

 textarea:focus,
 input:focus,
 input:active {
     outline: 0;
     border: 0;
 }

 .select-highlight {
     position: absolute;
     height: 60%;
     width: 100%;
     top: 25%;
     left: 0;
     pointer-events: none;
     opacity: 0.5;
 }

 .datepicker_span {
     position: absolute;
     right: 4%;
     top: 27%;
 }

 .red_start {
     position: absolute;
     right: 77%;
     top: 14px;
     color: red;
 }

 .response_card {
     border: none;
 }

 .mrpnormal_bannercontent {
     width: 80%;
    /* margin-top: 34px;*/
 }

 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: white;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }

 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }

 .finalbox_content-width {
     width: 55%;
 }

 .solutionbanner-content {
     width: 70%;
 }

 .solutionbanner-content2 {
     width: 55%
 }

 .solutionbanner-content2 h2 {
     font-size: 45px;
 }

 @-webkit-keyframes fadein {
     from {
         bottom: 0;
         opacity: 0;
     }

     to {
         bottom: 30px;
         opacity: 1;
     }
 }

 @keyframes fadein {
     from {
         bottom: 0;
         opacity: 0;
     }

     to {
         bottom: 30px;
         opacity: 1;
     }
 }

 @-webkit-keyframes fadeout {
     from {
         bottom: 30px;
         opacity: 1;
     }

     to {
         bottom: 0;
         opacity: 0;
     }
 }

 @keyframes fadeout {
     from {
         bottom: 30px;
         opacity: 1;
     }

     to {
         bottom: 0;
         opacity: 0;
     }
 }

 .carousel-fade .carousel-item.active,
 .carousel-fade .carousel-item-next.carousel-item-start,
 .carousel-fade .carousel-item-prev.carousel-item-end {
     z-index: 0 !important;
     opacity: 1 !important;
 }

 .partners {
     overflow-x: scroll;
     width: 1250px;
     margin: 0 auto;
 }

 .partners::scrollbar {
     display: none;
 }

 .partners::-webkit-scrollbar {
     display: none;
 }


 .center-img {
     filter: saturate(0%);
     position: absolute;
     top: 0;
     left: 2px;
 }

 .infos {
     position: absolute;
     z-index: 1;
     bottom: 0;
     text-align: center;
     left: 38%;
 }

 .center-img img {
     padding: 1px;
     border: 1px solid gray;
 }

 .member-detail {
     display: none;
 }

 .sectors {
     height: 350px;
 }




 .section-inner {
     display: table-cell;
     vertical-align: middle;
 }

 .tabSection {
     height: auto;
     position: relative;
 }

 .tabSection .tab-content {
     height: 100%;
     padding: 40px 0px;
     background-color: #e9e9f9;
 }

 .tabs {
     margin: 0px;
     padding: 0px;
     list-style: none;
     background: #2c3e50;
     border-bottom: 5px #e67e22 solid;
 }

 .tabs li {
     display: inline-block;
     margin: 0;
     padding: 10px 20px 5px 20px;
     cursor: pointer;
     font-size: 1.2em;
     line-height: 2em;
     color: #fff;
 }

 .tabs li:hover {
     background: #d35400;
 }

 .tabs li.current {
     background: #e67e22;
     color: #fff;
 }

 .tabSection .tab-content {
     padding: 15px;
     line-height: 1.4;
 }

 .navbar-nav-1 {
     display: flex;
 }

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

 .navbar .navbar-nav-1 .dropdown-menu,
 .navbar .navbar-nav .dropdown-menu {
     border: 6px solid #dfe4fd !important;
     border-radius: 0 0 30px 30px;
 }

 .navbar .nav-item .dropdown-menu {
     top: 100%;
 }

 .navbar-links .navbar-dropdown {
     position: relative;
 }

 .navbar-links .navbar-dropdown:hover .dropdown {
     visibility: visible;
     opacity: 1;
     transform: translateY(0px);
 }

 .navbar-links .navbar-dropdown .dropdown {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     padding: 20px 0;
     top: 100%;
     transform: translateY(50px);
     left: 0;
     width: 250px;
     background-color: #fff;
     box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     z-index: 111;
     transition: 0.4s all;
 }

 .dropdown ul li {
     padding-left: 0 !important;
     margin-left: 0 !important;
 }

 .navbar-links .navbar-dropdown .dropdown a {
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: 400;
 }

 .navbar-dropdown .dropdown a:hover {
     padding-left: 30px;
 }

 .navbar-links li a:hover {
     color: #ff3f34;
 }

 .navbar .nav-item .dropdown-menu {
     right: 20px;
 }

.listoutmenu-8 {
    width: 600px;
}

 /* .listoutmenu {
     width: 1100px;
 } */

 .grid-drop-down {
     width: 380px;
     /* width: 188px; */
     position: relative;
 }

 .small-grid-dropdown {
     width: 17rem;
     padding: 10px;
 }

 .medium-grid-dropdown {
     width: 40rem;
     padding: 10px;
 }

 .small-grid-dropdown li {
     padding-left: 0;
 }

 .drop-title {
     letter-spacing: 0.4px;
     /*color: #727f96;*/
     color: blue;
     grid-column: span 2;
     font-size: 18px;
     padding-bottom: 9px;
     border-bottom: 1px solid #d5dce1;
     margin-bottom: 13px;
 }
/* 
 .dropdown {
     font-size: 14px;
 } */

 .grid-drop-down a::after,
 .common-dropdown a::after,
 .small-grid-dropdown a::after {
   /*  content: '»'; */
     position: absolute;
     opacity: 0;
     right: 45px;
     transition: 0.5s;
 }

 .grid-drop-down a:hover,
 .small-grid-dropdown a:hover {
     padding-right: 24px;
     /*padding-left: 8px;*/
 }

 .grid-drop-down.first a:hover::after,
 .small-grid-dropdown a:hover::after {
     color: blue !important;
 }

 .grid-drop-down a:hover:after,
 .common-dropdown a:hover::after,
 .small-grid-dropdown a:hover::after {
     opacity: 1;
     right: 12px;
     color: blue !important;
 }

 .contact-alert {
     left: 97%;
     position: fixed;
     z-index: 99;
     opacity: 1;
     bottom: 50%;
 }

 .content {
     flex-direction: column;
     flex-wrap: wrap;
     top: 60px;
     left: -700px;
     width: 960px;
 }


 .navbar-brand h5 {
     font-size: 18px;
     font-weight: 600 !important;
 }

 .top-header {
     height: 28px;
     /* height: 36px; */
     background-color: #f4f5f6;
     padding-right: 80px;
 }

 .smart-top-header {
     height: 28px;
     /* height: 36px; */
     background-color: #f4f5f6;
     padding-right: 80px;
 }

 .dropdown-menu[data-bs-popper] {
     top: 100%;
     /*left: -390px;*/
 }

 .top-header .page {
     padding: 4px 20px;
     font-size: 12px;
     color: black;
     text-decoration: none;
 }

 .top-header .button {
     font-weight: bolder;
 }

 .smart-top-header .button {
     font-weight: bolder;
 }

 .top-header .social-media {
     padding: 4px 14px;
     font-size: 12px;
     color: black;
 }

 .top-header .d-flex {
     margin: 0px -38px;
 }

 .request-quote .feature-box {
     height: 245px;
 }

 .back-to-top {
     position: fixed;
     display: none;
     right: 17px;
     bottom: 81px;
     z-index: 99;
     opacity: 1 !important;
     color: #16a085;
     background-color: #fff;
     border: 2px solid #16a085;
 }

 .ot img {
     width: 100%;
     max-width: 100%;
 }

 .ot h3 {
     margin-top: 70px;
     padding-bottom: 20px;
     font-size: 36px;
 }

 .ot-set {
     display: flex;
 }

 .plan-table tr:nth-child(2) {
     border-bottom: snow;
 }

 .plan-table tr:nth-child(3) {
     border-bottom: snow;
 }

 .plan-table tr:nth-child(4) {
     border-bottom: snow;
 }

 .plan-table tr:nth-child(5) {
     border-bottom: snow;
 }

 .plan-table tr:nth-child(6) {
     border-bottom: snow;
 }

 .plan-table th {
     background-color: #149f85;
     color: #fff;
 }

 .plan-table2 th {
     background-color: #149f85;
     color: #fff;
 }

 .plan-table3 th {
     background-color: #149f85;
     color: #fff;
 }

 /* another css  */

 .ccontact p {
     font-weight: 600;
 }




 #container2 {
     padding-left: 10vw;
     padding-right: 10vw;
     padding-top: 5vh;
     padding-bottom: 20vh;
 }

 .tabs-nav ul {
     margin: 0;
     padding: 0;
 }

 .tabs-nav li {
     display: inline-block;
     margin-top: 10px;


     border: 2px solid #9aa5b1;
     margin-right: 5px;
     /* padding-left:0px !important;  */
     margin-left: 0px !important;
 }

 .tabs-nav a {
     display: block;
     padding: 10px 15px;
     font-weight: bold;
     color: #383838;
     text-decoration: none;
 }


 .tabs-nav li.active {
     background: #FFF;
     color: #000;
     background: rgb(19 162 139);
     color: #fefefe;
     border: 2px solid transparent;
 }

 .tabs-nav li.active a {
     color: inherit;
 }


 .tabs-content {
     border: 1px solid #34495E;
     padding: 10px;
     background: #FFF;
     margin-top: 15px;
     overflow: hidden;
 }

 .tabs-content IMG {}


 .tabs-content div:not(:first-child) {
     display: none;
 }


 .tab-img {
     width: 40%;
     float: left;
     margin-right: 50px;
 }

 .tab-head {
     display: inline-block;
     float: left;
     width: 54%;
 }

 .spark p {
     padding-bottom: 30px;
 }

 .tab-head p {
     width: 98%;
     font-size: 16px;
 }

 .gd-head {
     text-align: center;
     padding: 50px 0 20px 0;
     color: rgb(23 203 236);
 }

 .tab-head h3 {
     padding-top: 40px;
     font-size: 34px;
 }

 .tab-img img {
     width: 100%;
     max-width: 100%;
 }

 .gdpr {
     padding: 90px 0;
 }

 .gg {
     float: left;
     margin-right: 50px;
 }

 .g-set {
     overflow: hidden;
 }

 .data-bg2 {
     background-color: rgba(228, 252, 255, 0.9);
     padding: 25px 0;
 }

 .g-glob h3 {
     color: #16a085;
     font-weight: bold;
 }

 .r-drop {
     margin-top: 2px;
     margin-left: 16px;
 }

 .db {
     position: absolute;
     right: 0;
     float: right;
 }


 .tab-slider--nav {
     width: 100%;
     margin-bottom: 20px;
     width: 100%;

     margin-bottom: 20px;
     display: block;
     margin: 0 auto;
     text-align: center;
     background-color: #000;
     margin: 30px 0;
 }

 .tab-slider--tabs {


     margin: 0;
     padding: 0;
     list-style: none;
     position: relative;
     border-radius: 35px;
     overflow: hidden;
     background: #fff;
     height: 48px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 226px;

     margin-bottom: 20px;
     display: inline-block;
     margin: 0 auto;
     text-align: center;
 }

 .tab-slider--trigger.active {
     background: #345F90;
     border-radius: 30px;
     color: white;

 }

 .tab-slider--trigger {
     font-size: 16px;
     font-weight: 600;
     line-height: 1;
     font-weight: bold;
     color: #345F90;
     text-transform: uppercase;
     text-align: center;
     padding: 15px 15px;
     position: relative;
     z-index: 2;
     cursor: pointer;
     display: inline-block;
     transition: color 250ms ease-in-out;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     padding: 16px 33px !important;
 }

 .bg-primary2 {
     background-color: #149f85 !important;
 }

 .text-primary2 {
     color: #149f85 !important;
 }

 li.tab-slider--trigger.monthly {
     position: absolute;
     left: -20px;
 }

 li.tab-slider--trigger.yearly {
     position: absolute;
     right: -14px;
 }


 .tab-slider--trigger.active {
     color: #fff;
 }

 .tab-slider--body {
     margin-bottom: 20px;
 }

 .mq h3 {
     font-size: 40px;
 }

 .ttab {
     padding-bottom: 20px;
 }

 .tab-set {
     background-color: #f1f4f7;
     padding-top: 60px;
 }

 .price-bg {
     display: flex;
 }

 .price-bg {
  /*  background-image: url(//img1.bevywise.com/images/price-bg.webp);*/
  background-color: #149F85;
     background-repeat: repeat;
     background-size: cover;
     height: 46pc;
 }

 /*.price2 {
     background-color: rgba(0, 0, 0, 0.4);
     padding: 40px 0;
 }
*/


 .owl-theme .owl-nav [class*=owl-]:hover {
     background: transparent !important;
     color: black !important;
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     outline: none;
 }

 #owl-example-article .item img {
     display: block;
     width: 100%;
     height: auto;
 }

 .owl-next span,
 .owl-prev span {
     font-size: 60px !important;
     cursor: pointer;
     outline: none !important;
 }

 .owl-next span:focus,
 .owl-prev span:focus {
     outline: none !important;
 }


 .owl-item {
     background-color: transparent;
     color: white;
     text-align: center;
 }

 .owl-prev {
     float: left;
     font-size: 20px;
     text-transform: uppercase;
     padding: 20px;
     margin-right: 70px;
     margin-top: 0;
 }

 .owl-next {
     float: right;
     font-size: 20px;
     text-transform: uppercase;
     padding: 20px;
 }

 .owl-dots {
     counter-reset: slides-num;
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translate(-50%);
     margin-top: 15px;
 }


 .owl-dot {
     display: inline-block;
     counter-increment: slides-num;
     margin-right: 5px;
 }

 .owl-dot span {
     display: none;
 }

 .card p {
     color: #000;
 }

 .owl-carousel2 img {
     width: 13% !important
 }

 .help_content2 {
     color: #000;
     width: 65%;
     margin: 0 auto;
 }

 .owl-carousel2 {
     position: relative;
 }

 #demos {
     position: relative;
 }

 .owl-carousel2 .owl-nav button.owl-next {
     position: absolute;
     top: 150px;
     right: 15%;
 }

 .owl-carousel2 .owl-nav button.owl-prev {
     position: absolute;
     top: 150px;
     left: 15%;
 }

 #demos {
     position: relative;
     padding-top: 60px;
 }

 .ppr h1 {
     font-size: 24px;
     color: black;
     padding-top: 0px;
 }

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

 .ppr p {
     font-size: 22px;
     color: black;
     width:650px;
 }

 .box-ad {
     margin-top: 15px;
 }

 .owl-carousel2 span {
     color: #355efc;
 }

 .help_content2 h2 {
     font-size: 20px;
     padding-top: 15px;
 }

 .help_content2 p {
     font-size: 18px;
 }

 .boxc {
     margin-top: 30px
 }

 .boxd {
     height: 325px;
 }

 .boxe {
     margin-top: 30px
 }

 #demos h2 {
     padding-bottom: 20px !important;
 }

 .g-set2 {
     color: #fff;
 }

 .g-set2 li {
     line-height: 15px;
     margin-bottom: 6px;
 }

 .glob {
     color: #fff;
 }

 .gg2 {
     margin-right: 20px;
     ;
 }

 .support h5 {
     color: #161616;
     padding-bottom: 10px;
 }

 .support img {
     width: 15%;
 }

 .img-align {
     margin-right: 25px;
     margin-left: 25px;
 }

 .secure {
     padding: 90px 0;
 }

 .sec-content h2 {
     font-size: 35px;
     color: #149f85;
 }

 .core {
     background-color: #eceeef;
     padding: 60px 0;
 }

 .core span {
     color: #149f85;
 }

 .box {
     background-color: #fff;
     padding: 35px 0;
     margin: 30px 0;
     min-height: 364px;
 }

 .box img {
     width: 22%;
     margin: 0 auto;
     text-align: center;
 }

 .box h3 {
     font-size: 25px;
     color: #000;
     padding: 12px 0;
 }

 .box p {
     font-size: 16px;
     color: #181818;
     width: 80%;
     margin: 0 auto
 }

 .net {
     padding: 70px 0;
 }

 .net2 {
     border-radius: 282px;
     ;
 }

 .net2 img {
     width: 90%;
     max-width: 100%;
 }

 .net-content {
     padding-top: 130px;
     ;
 }

 .net-content h3 {
     font-size: 30px;
     color: #149f85;
     ;
 }

 .box2 {
     border: 2px dashed #ccc;
     margin-top: 15px;
     height: 520px;
 }

 .box3 {
    border: 2px dashed #ccc;
    margin-top: 15px;
    height: 710px;
}

 .iot-bg {
     background-color: #cbcbcb;
 }

 .iot-bg h2 {
     margin-top: 30px;
 }

 .pass p {
     font-size: 15px;
     line-height: 20px;
     margin-bottom: 30px;
     padding-left: 30px;
 }

 .pass h2 {
     color: #4a5fae;
     margin-top: 190px;
     margin-bottom: 15px;
 }

 .pass span {
     padding-left: 10px;
 }

 .pass i {
     font-size: 15px;
     float: left;
     font-size: 15px;
     float: left;
     margin-bottom: 23px;
     margin-right: 7px;
     margin-top: 2px;
     color: #4869b1;
 }

 .iot2 {
     padding: 90px 0;
 }

 .comm {
     padding: 120px 0 60px 0;
 }

 .comm2 {
     margin-top: 80px;
 }

 .comm2 span {
     color: #149f85;
 }

 .icon {
     background-color: #323743;
     border-radius: 50%;
     width: 100px;
     height: 100px;
     line-height: 100px;
     float: left;
     margin-right: 15px;
 }

 .icon-content {
     float: left;
     margin-top: 15px
 }

 .icon img {
     width: 70%;
     margin: 0 auto;
     text-align: center;
     display: block;
     line-height: 104px;
     padding-top: 15px;
 }

 .icon-content h2 {
     font-size: 22px
 }

 .icon-content p {
     font-size: 15px;
 }

 .icon2 {
     background-color: #4360ac;
 }

 .glob2 {
     color: #000;
 }

 .faq2 h2 {
     text-align: center;
 }

 .acc-container {

     width: 70%;
     margin: 0 auto;
 }

 .acc {
     margin-bottom: 10px;
 }

 .acc-head {
     background-color: rgb(85 127 179);
     padding: 15px 10px;
     font-size: 22px;
     position: relative;
     cursor: pointer;
 }

 .acc-head::before,
 .acc-head::after {
     content: '';
     position: absolute;
     top: 50%;
     background-color: #fff;
     transition: all .3s;
 }

 .acc-head::before {
     right: 30px;
     width: 3px;
     height: 20px;
     margin-top: -10px;
 }

 .acc-head::after {
     right: 21px;
     width: 20px;
     height: 3px;
     margin-top: -2px;
 }

 .acc-head p {
     color: #fff;
     font-weight: bold;
     font-size: 18px;
 }

 .acc-content {
     padding: 15px 10px;
     display: none;
 }

 .acc-head.active::before {
     transform: rotate(90deg);
 }

 .resource2 h3 {
     color: #149f85;
 }

 .faq2 h2 {
     color: rgb(28 94 177);
     padding: 60px 0 20px 0;
 }

 .acc-content {
     background: #f8f9fa;
 }

 .acc-content p {
     font-size: 16px
 }


 .enhance {
     padding: 60px 0;
 }

 .second .tabs-nav a {
     display: block;
     padding: 10px 8px;
     font-weight: bold;
     color: #383838;
     text-decoration: none;
     font-size: 16px;
 }

 .secondt {
     padding: 60px 0 100px 0;
 }

 .enha {
     padding-bottom: 75px;
 }

 .secondt .tabs-nav li.active {
     background: #FFF;
     color: #000;
     background: #149f85;
     color: #fefefe;
     border: 2px solid transparent;

 }



 .secondt .tabs-nav a {
     display: block;
     padding: 10px 10px;
     font-weight: bold;
     color: #383838;
     text-decoration: none;
     font-size: 15px;
 }

 .exp {
     background-color: #FFC622;
     color: black;
     padding: 8px 15px;
     text-decoration: none;
 }

 .exp:hover {
     background-color: #149f85;
     color: #fff;
 }

 .g-set2 h5 {
     color: #161616;
 }

 .g-set2 ul {
     color: #fff
 }

 .glob {
     color: black
 }


 .dropdown-menu2 {
     right: -155px !important;
 }

 ul.dropdown-menu.dropdown-menu2.drop_down_arrow.small-grid-dropdown {
     right: -120px !important;
 }

 .dropdown-menu3 {
     right: -180px !important;
 }

 .dropdown-menu4 {
     right: -85px !important;
 }

 .dropdown-menu5 {
     right: -80px !important;
 }

 .dropdown-menu6 {
     right: -140px !important;
 }

 .dropdown-menu7 {
     right: -185px !important;
 }

 .dropdown-menu8 {
     right: -220px !important;
 }

 .dropdown-menu9 {
     right: -220px !important;
 }

 .dropdown-menu10 {
     right: -162px !important;
 }

 .dropdown-menu11 {
     right: -535px !important;
 }

 .dropdown-menu12 {
     right: -1002px !important;
 }

 .dropdown-menu13 {
    width:360px;
}

.dropdown-menu14 {
    width:320px;
}

.dropdown-menu15 {
    width:297px;
}

.product_select{
    display: inline-block;
    border-radius: 8px;
    transition: background-color 0.3s ease;
  }
  
  .product_select:hover {
    background-color: #e6f2ff; 
    text-decoration: none; 
  }
 .drop_down_arrow2::after {
     position: absolute;
     display: block;
     cursor: pointer;
     bottom: 102%;
     left: 5%;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid rgb(230 227 247);
     content: " ";
     font-size: 0;
     line-height: 0;
     width: 0;
     transform: rotate(180deg);
 }

 .card.border.login2.form-color.p-3.text-center.m-lg-5.my-sm-3 {
     width: 500px;
 }

 .form_top{
    top:-130px;
    left:-55px;

 }

 input.login3 {
     height: 44px;
 }

 .login2 h3 {
     font-size: 22px;
    /* padding-top: 7px;*/
 }

 .ss2 {
     height: 46px;
 }

 .agree {
     font-size: 12px
 }

 .price2 {
     padding: 5% 0px 120px 0px;
 }

 .downd {
     width: 100%;
     height: 40px;
     line-height: 17px;
 }

 button.form_button.Button.downd:hover {
     transform: inherit;
 }


 section.home-banner-section {
     padding-bottom: 40px;
 }

 .owl-bg {
     width: 100%
 }

 .bbrand {
     position: relative;
     top: 75px
 }

 .plan2 {
     margin-top: 79px;
 }

 .about-head .bev {
     font-size: 25px;
     color: #fff;
 }

 .beg-content p {
     font-size: 16.8px;
     line-height: 30px;
 }

 .about2-img {
     float: right;
 }

 .about2 {
     padding-bottom: 100px;
 }

 .evo em {
     width: 50px;
     height: 6px;
     margin-bottom: 25px;
     background-color: #34ab90;
     display: block;
 }

 .about3 {
     margin-bottom: 35px;
 }

 .evo2 {
     border-left: 5px solid #2ea482;
     padding-left: 30px;
     padding-top: 45px;
     color: #000;
     background: #f2f2f2;
     padding-right: 30px;
 }

 .about-set {
     background-color: #d4dfe3;
     padding: 75px 0;
 }

 .about4 {
     text-align: center;
     border: 2px dashed #000;
     padding: 15px;
     display: block;
     position: relative;
     margin: 0 auto;
 }

 .ab3 {
     padding: 25px;
     position: relative;
     border: 1px dashed #fff;
 }

 .ab3:hover {
     box-shadow: 1px 2px 6px #1a1313;
     background-color: rgba(255, 255, 255, 0.9);
 }

 .ab3:hover h3 {
     color: #16a085;
     transition: 1s;
 }

 .ab3:hover .about4 {
     border-radius: 50%;
     transition: 1s;
 }

 .why4 {
     font-weight: bold !important;
     color: #03A9F4;
 }

 .about-set:hover .ab3 {
     box-shadow: 1px 2px 6px #1a1313;
 }

 .about-set:hover .about4 {
     border-radius: 50%;
     transition: 1s;
 }


 .ab3 h3 {
     padding: 20px 0 5px 0;
 }

 .header_para2 {
     font-size: 20px;
     padding-bottom: 15px;
 }

 .cor2 {
     color: #000;
 }

 .why {
     margin: 75px 0;
 }

 .why2 {
     background: url(//img1.bevywise.com/images/ab4.webp);
     background-attachment: fixed;
     background-repeat: no-repeat, repeat;
     padding: 0;
 }

 .why3 {
     background-color: rgba(0, 0, 0, 0.9);
     padding: 100px 0;
 }

 .why3 h3 {
     text-align: center;
     color: #fff;
 }

 .why3 p {
     text-align: center;
     font-size: 20px;
     line-height: 36px;
     color: #fff;
     padding: 0 60px;
 }

 .solutionbanner-content h1 {
     margin-bottom: 15px !important;
 }

 .evo3 {
     padding-top: 25px;
     padding-bottom: 40px
 }

 .build-set {
     position: relative;
 }

 .ab3 {
     position: absolute;
     top: 0;
     background-color: rgba(255, 255, 255, 0.8);
     bottom: 0;
     width: 95.5%;
     padding-top: 10%;
 }



 .connect2 {
     color: #01416A;
     font-weight: 700 !important;
     text-transform: uppercase;
     font-size: 25px;
     padding-top: 50px;
     text-align: center;
 }

 .feat {
     float: right;
 }

 .sec-content2 h2 {
     color: #000;
 }

 .bg-it2 h2 {
     color: #149f85;
     font-size: 35px;
 }

 .bg-it2 {
     background-color: rgba(0, 0, 0, 0.9);
     padding: 100px 0;
 }

 .bg-it2 p {
     color: #fff;
     font-size: 17px
 }

 .bg-it4 {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 100px 0;
 }

 .key {
     min-height: 776px;
 }

 .core2 {
     background-color: #ccc;
 }

 .arc {
     padding: 35px 0;
 }

 .acc-container2 {
     width: 100%;
 }

 .ot-team {
     background-color: #fff;
     border-radius: 25px;
     padding: 15px;
     margin-left: 20px;
     min-height: 526px;
     margin-bottom: 35px;
 }

 .ot-team h3 {
     color: #000;
     font-size: 28px;
     padding: 10px 0;
 }

 .ot-team p {
     color: #000;
     font-size: 17px;
 }

 .owl-carousel3 img {
     width: 12% !important;
     margin: 0 auto;
     text-align: center;
 }

 .best {
     color: #fff;
 }

 .case {
     padding-top: 120px;
     padding-bottom: 55px;
 }

 .case p {
     padding-bottom: 20px;
 }

 .case h3 {
     padding-bottom: 15px;
 }

 .summ {
     padding: 20px 0 50px 0;
 }

 .summ p {
     padding-bottom: 25px;
 }

 .key img {
     display: block;
     margin: 0 auto;
     text-align: center;
 }

 .key h3 {
     text-align: center;
 }

 .core2 {
     background-color: #607D8B;
 }

 .boxc h3 {
     text-align: center;
 }

 .boxc img {
     text-align: center;
     margin: 0 auto;
     display: block;
 }

 .box2 h3 {
     text-align: center;
 }

 .box3 h3 {
    text-align: center;
}

 .box2 img {
     text-align: center;
     margin: 0 auto;
     display: block;
 }
 .box3 img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

 .blog-pos {
     position: relative;
     padding: 25px 0;
     display: inline-block;
 }

 .blog-poss {
     position: relative;
     padding: 25px 0;
     display: inline-block;
     border-bottom: 2px solid #333;
     width: 23%;
     bottom: 5px;
 }

 .blog-pos2 {
     position: absolute;
     left: 100px;
     top: 0px;
     font-style: normal;
 }

 .blog-pos3 {
     position: absolute;
     bottom: 0px;
     right: 77px;
     font-style: normal;
 }

 .blog-p {
     text-align: center;
 }

 .blog-pos4 {
     position: absolute;
     bottom: 0px;
     font-style: normal;
     left: 50px;
 }

 .blog-pos5 {
     position: absolute;
     bottom: -35px;
     font-style: normal;
     left: 32px;
 }

 .blog-pos6 {
     position: absolute;
     left: 16px;
     top: 22px;
     font-style: normal;
 }

 .blog-pos7 {
     position: absolute;
     bottom: -35px;
     font-style: normal;
     left: 120px;
 }

 .blog-pos8 {
     position: absolute;
     left: 28px;
     top: 25px;
     font-style: normal;
 }

 .blog-pos9 {
     position: absolute;
     bottom: -35px;
     font-style: normal;
     left: 43px;
 }

 .blog-pos10 {
     position: absolute;
     left: 28px;
     top: 22px;
     font-style: normal;
 }

 .blog-pos11 {
     position: absolute;
     bottom: -35px;
     font-style: normal;
     left: 43px;
 }

 .blog-poss2 {
     position: relative;
     padding: 25px 0;
     display: inline-block;
     border-bottom: 2px solid #333;
     width: 29%;
     bottom: 5px;
 }

 .blog-poss3 {
     width: 21%;
 }

 .blog-poss4 {
     width: 25%;
 }

 .blog-poss5 {
     width: 28%;
 }

 .feature .feature-box2:hover {
     background: #149f85 !important;
     border-color: #149f85 !important;
 }

 .feature .feature-box2:hover i {
     color: #fff;
 }

 .feature .feature-box2:hover h4 {
     color: #fff;
 }

 .design {
     background-color: #e6e6fa;
     width: 60%;
     padding-top: 20px;
     padding-bottom: 20px;
     margin: 20px auto;
 }

 .design p {
     color: #000;
     padding-left: 20px;
 }

 .blog_width a {
     text-decoration: none;
 }

 .mess {
     padding: 25px 0 10px 0;
 }

 .mq-content p {
     padding-bottom: 15px;
 }

 .res {
     margin: 0 auto;
     text-align: center;
     display: block;
 }

 .text-success2 {
     color: #34495e;
 }

 .res2 {
     padding: 20px 0 40px 0;
     margin-bottom: 10px;
 }

 .host-head h2 {
     font-size: 25px;
     color: #000;
 }

 .host-head .icon_info img {
     width: 35%
 }

 .host-head p {
     font-size: 16px
 }


 .host-head .card {
     height: 350px;
 }


 .feature-box i {
     color: #15a189
 }

 .up {
     color: #000;
     font-size: 25px !important;
     font-weight: 700 !important;
 }

 .down-img {
     width: 35%
 }

 .section-remove {
     padding-top: 0;
 }

 .text-info2 {
     color: #0d6efd;
 }

 .text-primary3 {
     color: #149f85;
 }

 .benef {
     text-align: right;
     overflow: hidden;
     margin-bottom: 25px;
 }

 .benef h3 {
     font-size: 24px;
     font-weight: 400;
 }

 .benef2 {
     float: left;
     width: 78%;
     margin-right: 15px
 }

 .benef3 {
     float: right;
     width: 15%
 }

 .benef3 span {
     display: block;
     width: 60px;
     height: 60px;
     background-color: #139f85;
     border-radius: 50%;
 }

 .benef-img {
     position: relative;
     bottom: 200px;
 }

 .benefs {
     text-align: left;
 }

 .benef4 {
     float: left;
     width: 15%
 }

 .benef5 {
     float: right;
     width: 78%;
     margin-right: 0px;
     margin-left: 15px;
 }

 .benefs2 {
     opacity: 0;
 }

 .why-ot {
     padding-left: 25px;
 }

 .why-ot h2 {
     font-size: 35px;
 }

 .key img {
     width: 35%;
 }

 .eneg h3 {
     margin-top: 25px;
 }

 .section-space2 {
     padding-top: 0px;
 }




 .manufacturing_usecase {
     background: url(//img1.bevywise.com/images/mqtt-industry4.0.webp);
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%;

 }

 .manufacturing_usecase .allwidth {
     padding: 7rem 0rem;
 }

 .card-section .card {
     height: 390px;
     margin: 0px 10px;

 }

 .intro-section {
     height: 50vh;
     border-left: 18px solid #149f85;
 }

 .intro-section_1 {
    height: 50vh;
    border-left: 18px solid #073F76;
}

 .intro-section .overlay-content {
     position: absolute;
     width: 80%;
     left: 5%;
     top: 21px;
 }

 .overlay-content_1 {
    position: absolute;
    width: 80%;
    left: 5%;
    top: 21px;
}

 .circle_overlay {
     position: relative;
 }

 .circle_overlay .first::before {
     content: '';
     position: absolute;
     width: 250px;
     height: 250px;
     border-radius: 50%;
     stroke-width: 2px;
     border: 3px dashed rgba(79, 156, 249, 0.50);
     left: -99px;
     top: -109px;
     opacity: 0.4;
     z-index: -66;
     border-radius: 50%;
     border-right: transparent;
     /* border-top: transparent;::before{
        position: absolute;
        border: 2px dashed; 
        height: 20px;
        width: 20px;
        top: 20px; */
 }

 .usecaes_page .circle_overlay .card {
     box-shadow: inset 0 0 17px #dbdbdb;
 }

 .traditional_section .small_card {
     height: 285px;
 }

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

 .traditional_section .long_card {
     border: 3px solid #30e5c4;
     background: #e1fbf7;
 }

 .traditional_section .long_card-1 {
    border: 3px solid #30e5c4;
    background: #e1fbf7;
    height: 295px;
}

 .traditional_section img {
     max-width: 190px;
     margin: 0 auto;
     max-height: 177px;
 }

 .traditional_section .small_card {
     border: 3px solid #30e5c4;

 }

 .spliter_card .card {
     max-height: 400px;
     min-height: 390px;
 }

 .spliter_card .col-lg-5:nth-child(1) .card:nth-child(2),
 .spliter_card .col-lg-5:nth-child(2) .card:nth-child(2) {
     background-color: #f6fdfd;
     border: 3px dashed #149f68;
 }

 /* .spliter_card .card:nth-child(1){
        background-color: #f6fdfd;
  
      } */
 .spliter_card img {
     /* max-height: 300px; */

 }

 @media (max-width: 1200px) {
  #logo-separator {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 2120px) {
.menu_sp{
    margin-left: 12px;
}}