@media (min-width: 1350px){
  .container {
      max-width: 1320px;
  }
  
  @media (min-width: 768px){
    .headerOuter.sticky { top: -96px;}
  
  ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
  }
  
  .evoluationsOuter ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
  }
  
  .evoluationsOuter::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
  
  /* Track */
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  
  /* Handle */
  
  ::-webkit-scrollbar-thumb {
    background: #1c427d;
  }
  
  
  /* Handle on hover */
  
  ::-webkit-scrollbar-thumb:hover {
    background: #1c427d;
  }
  
  }
  }
  
  a, .headerOuter, img , .wpb_wrapper, .productTitle,  .productTitle h2{
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
  }
  
  :root {
      --black: #000000;
      --white: #ffffff;
      --blueDark: #102e46;
      --blueLight: #008bd2;
      --orange: #e74d16;
      --gray: #4c4c4b;
      --grayLight: #dedede;
      
      --bs-font-robot: 'Roboto', sans-serif;
  }
  
  body {
      font-family: var(--bs-font-robot);
      font-size: 16px;
  }
  
  .material-symbols-outlined {
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 48
    }
  
  
    /* fallback */
  @font-face {
      font-family: 'Material Icons';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
    }
    
  
  
    .material-icons {
      text-rendering: optimizeLegibility;
  }
  
  .miniTop a::before
  {
      font-family: "Material Icons";
      content: "\f1e1";
      display: inline-block;
  
  }
  
  
  
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
  }
  
  .vc_row { margin: 0 auto; max-width: 1280px;}
    .vc_row[data-vc-full-width] {
    position: relative;
    width: 100vw !important;
    /*max-width: fit-content !important;
    */
    right: 50% !important;
    left: auto !important;
    transform: translateX(50%) !important;
    padding-left: calc( (100vw - 1280px) / 2 ) !important;
    padding-right: calc( (100vw - 1280px) / 2 ) !important;
    -webkit-transform: translateX(50%) !important;
    -moz-transform: translateX(50%) !important;
    -ms-transform: translateX(50%) !important;
    -o-transform: translateX(50%) !important;
  }
    .vc_row[data-vc-stretch-content]
  
    {
    position: relative;
    width: 100vw !important;
    right: 0 !important;
    left: auto !important;
    transform: translateX(0%) !important;
    padding-left:0px !important;
    padding-right: 0px !important;
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    -o-transform: translateX(0%) !important;
  }
    
    @media(max-width:767px){
      .vc_row[data-vc-full-width] {
      padding-left: 15px !important;
      padding-right: 15px !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      }
    }
    .headerInner { display: grid; grid-template-columns: 215px 1fr; justify-content: space-evenly; align-items: center; }
    .headerRight a,  .headerRight { display: flex; justify-content: flex-end; align-items: center;}
    .headerRight a { color: var(--gray);}
    .headerRight a:hover {  text-decoration: none; color: var(--blueLight); }
    .headerRight { gap: 15px;}
    .headerRight span { color: var(--blueLight); margin-right: 5px;}
    .headerOuter { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--white);}
  .admin-bar   .headerOuter  { top: 30px;}
  .headerInner { padding: 15px 0 ;}
  a.orrange-btn  { background-color: var(--orange); color: var(--white) !important; padding: 9px 18px; cursor: pointer; text-transform: uppercase;}
  a.orrange-btn:hover { background: var(--blueDark);}
  
  
  
  
  .contact-form input, .contact-form select, .contact-form textarea {
    border: solid 1px #e3e3e3;
    padding: 7px 10px;
    width: 100%;
    margin-bottom: 0px;
  }
  
  
  .modal-header button.close {
    position: absolute;
    right: 0;
    background-color: red;
    top: 10px;
    border-radius: 50%;
    right: 10px;
    border: none;
    font-size: 20px;
    color: #fff;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    opacity: 1;
  }
  
  .modal-content .modal-title {
    text-align: left;
    font-size: 20px;
    margin: 0;
    padding: 0;
    color: #1c488c;
    font-weight: bold;
    text-transform: uppercase;
  }
  .contact-form label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
  }
  .contact-form .col-lg-6, .contact-form .col-lg-12 {
    margin-bottom: 15px;
  }
  .modal-content {
    padding: 20px 20px 0px 20px;
  }
  
  .contact-form input[type="submit"] {
    background-color: #0F4194;
    color: #fff;
    margin-top: 10px;
  }
  
  .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border: solid 1px #1c488c; outline: none;}
  .glang { position: relative; width: 180px;}
  .switcher { position: absolute; top: -20px; font-family: var(--bs-font-robot);}
  .switcher .selected a { padding: 8px 5px !important;}
  .switcher .selected { background: var(--white) !important;}
  
  .headerMenu { background: var(--blueDark); padding: 20px 0  15px 0 ;} 
  
  ul.primary-menu { justify-content: flex-start;}
  ul.primary-menu ul li a { color: var(--white) !important; }
  .primary-menu > li > a { color: var(--white) !important; text-transform: uppercase; font-size: 16px !important; line-height: 35px !important;}
  .primary-menu > li > .icon { color: var(--white) !important;}
  .primary-menu ul {
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    border: solid 1px #ededed !important;
    background: #fff !important;
  }
  
  body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: var(--white);}
  ul.primary-menu ul li a {
    color: var(--gray) !important;
    font-weight: normal;
    font-size: 16px;
  }
  li.current-menu-item a, .primary-menu > li.menu-item-has-children > a {text-decoration: none !important;}
  ul.primary-menu ul li:hover > a { color: var(--orange) !important; text-decoration: none;}
  .primary-menu ul { right: inherit; left: 9999rem !important;}
  .primary-menu li.menu-item-has-children:hover > ul { right: inherit; left: 0px !important;}
  .primary-menu ul::after { left: 1.8rem !important; right: auto;}
  ul.sub-menu li { border-bottom: solid 1px var(--grayLight);}
  ul.sub-menu  { padding-bottom: 0;}
  ul.sub-menu li:last-child{ border-bottom: none;}
  .primary-menu > li {
    margin: 0px 30px;
  }
  
  .homepageBanner { height: 654px; display: flex; justify-content: center; align-items: center;}
  .wpb-content-wrapper { padding: 155px 0px 0px 0px !important;}
  h3.comapnyname { background-color: var(--orange); color: var(--white); text-transform: uppercase; font-size: 20px; padding: 7px 15px; display: inline-block;}
  h1.bannerTitle { color: var(--white); font-size: 80px; text-transform: uppercase;}
  .homepageBanner p.vc_custom_heading { color: var(--white); padding-bottom: 20px;}
  .basicBtn  a.vc_general{ background: var(--blueDark) !important; color: var(--white) !important; border: none !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important;  display: flex; position: relative; padding: 12px 25px  12px 15px !important;}
  .basicBtn  a.vc_general::after { content: ""; width: 10px; background: var(--blueLight) !important; display: block; position: absolute; right: -1px; top: 0; height: 41px;}
  .basicBtn  a.vc_general:hover {background: var(--blueLight) !important;}
  .admin-bar .headerOuter.sticky { top: -64px;}
  .productListing p.vc_custom_heading { font-weight: bold; line-height: 20px;}
  h2.vc_custom_heading { color: var(--blueLight); font-size: 25px;}
  .vc_custom_heading { letter-spacing: 0.3px;}
  p { font-size: 16px;  color: #5c5c5c; line-height: 30px;}
  .product01 p { font-size: 14px;}
  
  .welcomeTtile { display: grid; grid-template-columns: 150px 1fr;}
  .welcomeTtile::before { display: none;}
  .welcomeTtile .vc_col-sm-2, .welcomeTtile .vc_col-sm-10 { width: 100%;}
  .product01  .vc_col-sm-4, .product01 .vc_col-sm-8{ padding: 0px;}
  .product01  .vc_col-sm-4 { background: var(--blueDark); padding: 25px 15px; }
  
  /* .product01  .vc_col-sm-4 .vc_column-inner {padding: 25px;} */
  .product01 .vc_col-sm-8 .vc_column-inner { padding: 0;}
  .product01 .vc_col-sm-8 .wpb_single_image .vc_figure { width: 100%; display: block;}
  .product01 .vc_col-sm-8 .wpb_single_image .vc_single_image-wrapper, .product01 .vc_col-sm-8 .wpb_single_image img { width: 100%;} 
  .product01 .vc_col-sm-8 .wpb_single_image img { width: 100%; height: 365px;} 
  .product01 .vc_col-sm-8 .wpb_single_image  { margin-bottom: 0px;}
  
  .product01 h2.vc_custom_heading { padding-bottom: 15px;}
  
  h2.vc_custom_heading.white, .white p{ color: var(--white);} 
  
  .product01 a.vc_general { background:none !important ; border: none !important; color: var(--blueLight) !important; padding: 0px !important;}
  .product01 a.vc_general:hover { color: var(--white) !important;}
  /* .product02  .vc_col-sm-4 .vc_column-inner{  padding: 0 !important;} */
  .product02 { margin: 30px -15px;}
  .product02  .vc_col-sm-4 .vc_column-inner .wpb_single_image img { width: 100%;}
  
  .product02 .vc_col-sm-4 .wpb_single_image  .vc_figure, 
  .product02 .vc_col-sm-4 .wpb_single_image .vc_single_image-wrapper{ width: 100%;} 
  .overbtn  {  background:none !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; border-radius: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none;  border: none !important;}
  .overbtn  a {background:none !important; width: 100%; height: 100%; text-indent: -2000000px;  border: none !important;} 
  .product02  .vc_col-sm-4:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
  .product02 .wpb_content_element { margin-bottom: 0 !important;}
  .product02 h3.vc_custom_heading { padding: 15px  0 5px 0;}
  .product02 a.vc_general { background: none !important; border: none !important; padding: 15px 0px !important; color: var(--blueLight) !important;}
  .product02  .vc_col-sm-4:hover  a.vc_general { color: var(--blueDark) !important;}
  .homepageLogo { padding: 0 20%;}
  .aboutSection  { height: 501px; display: flex; align-items: center;}
  .aboutSection h2.vc_custom_heading { padding-bottom: 25px;}
  
  .teamOuter { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px;}
  
  .member-outer-box {
    height: 100%;
    position: relative;
  }
  .member-founding-box {
    position: relative;
  }
  .member-founding-box::before {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 40px;
    bottom: 0;
    content: '';
    background-color: #e7e7e7;
    z-index: -1;
  }
  .member-info span {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
    padding-top: 30px;
    text-align: center;
    display: block;
  }
  .member-info p {
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #000;
    font-weight: 400;
    max-width: 70%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .member-outer-box::before {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 90px;
    bottom: 0;
    z-index: -1;
    content: '';
    border: 1px solid #d5d5d5;
  }
  .member-info a { color: #000;}
  .teamListing { padding: 50px 0 0 0;}
  .teamListing a.vc_general { display: inline-block; margin: 50px 0 ;}
  h2.vc_custom_heading.orange { color: var(--orange);}
  
  .locatioOuter  { padding: 40px 0 ;}
  .locatioOuter  h2.vc_custom_heading { padding-bottom: 10px;}
  
  
  .counter-count-new::after {
    content: "+";
    display: inline-block;
    
  }
  .funfact-outer { text-align: center;}
  .counter-count-new {font-size: 40px; color: var(--blueLight);}
  .funfact-icon { text-align: center; display: flex; justify-content: center;}
  .funfact-project { text-transform: uppercase; opacity: 0.9; font-size: 17px;}
  .coutnerOuter { padding: 30px  5%  65px  5%;}
  .salesNetwork h2 { padding: 40px 0;}
  
  .footerOuter { background: url(../images/footerBg.jpg) no-repeat center center; background-size: cover; border-top: solid 1px rgba(255, 255, 255, 0.2); padding: 70px 0 0 0;}
  .footerOuter .vc_row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
  .footerOuter .vc_row::before { display: none;}
  .footerTitle { color: var(--white); font-size: 16px; text-transform: uppercase; padding-bottom: 10px;}
  .footerOuter ul { padding: 0; margin: 0;}
  .footerOuter ul li { margin: 0; padding: 10px 0  ; list-style: none;}
  .footerOuter ul li a { color: var(--white);} 
  .smalTitle { color: var(--white);}
  .phone-footer a, .phone-footer, .emailFooter a, .address p { color: var(--white);}
  
  
  .emailFooter { padding-bottom: 10px;}
  .copyrRightOuter { border-top: solid 1px #42596b; padding: 15px 0 ; color: var(--white); margin-top: 50px;}
  .copyrRightOuter .vc_row { display: grid; justify-content: space-evenly; grid-template-columns: 1fr 1fr;}
  .footerbtn { padding-left: 320px;}
  .blue-btn { background: var(--blueLight); padding: 7px 15px; cursor: pointer;}
  .singular .entry-header { padding: 0;}
  .innerPageHeader { height: 380px; display: flex; align-items: center;}
  
  .innerPageHeader  p.vc_custom_heading { color: var(--white); text-transform: uppercase; line-height: 10px; }
  .innerPageHeader h1.vc_custom_heading { font-size: 60px; color: var(--white); text-transform: uppercase;}
  .aboutBox .vc_column-inner > .wpb_wrapper{ background: var(--blueDark); color: var(--white); padding: 30px; margin: 0 0 0 00px; position: absolute; right: -150px; top:70px;  z-index: 5;}
  
  .aboutseSection { padding: 40px 0 0 0;}
  .aboutseSection h2 { margin-bottom: 15px;}
  .aboutseSection  p { color: #cbcfd2;}
  .aboutseSection .vc_column-inner { padding: 0;}
  .sectionpadding { padding: 40px 0 ;}
  .vc_custom_heading.uper { text-transform: uppercase;}
  .pb-20 { padding-bottom: 20px;}
  .pb-50 { padding-bottom: 50px;}
  
  .group-companies { padding: 45px 0 80px 0 ;}
  .companyList .wpb_column  .vc_column-inner > .wpb_wrapper{ background: var(--white); height: 100%; padding: 30px; margin-top: 45px;}
  .companyList strong { color: var(--orange); font-weight: normal;}
  .homepageLogo img {backface-visibility: hidden;
    background: #fff;
    border-width: 0;
    box-shadow: 0 0 11px #eaf0f6;}
  
  
  
    .evoluationsOuter {
      width: 85%;
      display: flex;
      overflow-y: hidden;
      overflow-x: auto;
      margin: 0 auto 100px auto;
      padding: 50px 50px 0px 50px;
  }
  
  .evo-listing {
      /* width: 350px; */
      flex: 0 0 250px;
      position: relative;
      color: #39b54a;
      height: 362px;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even):after {
      -webkit-border-radius: 0 0 0 0px;
      border-radius: 0px 0 0 0px;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even) .evo-icon {
      margin-top: -10px;
      position: absolute;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even) .evo-history h6 {
      padding-top: 54px;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even) .evo-icon:after {
      top: inherit;
      bottom: 100%;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even) .evo-name {
      padding-top: 27px;
  }
  
  .evoluationsOuter .evo-listing:nth-child(even) .evo-icon:before {
      top: inherit;
      bottom: 150%;
  }
  
  .evoluationsOuter .evo-listing:nth-child(2) .evo-history h6 {
      padding-top: 37px;
  }
  
  .evo-listing {
      border-right: solid 5px #fff;
  }
  
  .evoluationsOuter .evo-listing:nth-child(1)::after {
      -webkit-border-radius: 10px 0 0 10px;
      border-radius: 10px 0 0 10px;
  }
  
  .evoluationsOuter .evo-listing:last-child::after {
      -webkit-border-radius: 0 10px 10px 0;
      border-radius: 0 10px 10px 0;
      ;
  }
  
  .evo-listing::after {
      background-color: #39b54a;
      content: "";
      height: 12px;
      width: 100%;
      display: inline-block;
      position: absolute;
      top: 42%;
  }
  
  .evo-icon {
      background-color: #39b54a;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
  }
  
  .evo-icon:after {
      background-color: #39b54a;
      content: "";
      height: 56px;
      width: 4px;
      display: inline-block;
      position: absolute;
      top: 100%;
      z-index: 1000;
  }
  
  .evo-icon:before {
      background-color: #39b54a;
      content: "";
      height: 25px;
      width: 25px;
      display: inline-block;
      position: absolute;
      top: 145%;
      border-radius: 50%;
      border: solid 5px #fff;
      z-index: 2000;
  }
  
  .evo-name {
      font-size: 45px;
      font-weight: bold;
      padding-left: 28%;
      font-family: 'Barlow', sans-serif;
      font-weight: 700;
      margin-top: -8px;
  }
  
  .evo-history h6 {
      font-size: 16px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
      padding-left: 18%;
      padding-top: 15px;
  }
  
  .evo-desc {
      font-size: 14px;
      text-align: center;
      color: #585858;
      padding-left: 18%;
  }
  
  .redtheme {
      color: #c1272d;
  }
  
  .redtheme .evo-icon,
  .redtheme .evo-icon:after,
  .redtheme .evo-icon:before,
  .redtheme::after {
      background-color: #c1272d;
  }
  
  .orangetheme {
    color: var(--orange);
  }
  
  .orangetheme .evo-icon,
  .orangetheme .evo-icon:after,
  .orangetheme .evo-icon:before,
  .orangetheme::after {
    background-color:var(--orange);
  }
  
  .darkBluetheme {
    color: var(--blueDark);
  }
  
  .darkBluetheme .evo-icon,
  .darkBluetheme .evo-icon:after,
  .darkBluetheme .evo-icon:before,
  .darkBluetheme::after {
    background-color:var(--blueDark);
  }
  
  .lightBluetheme {
    color: var(--blueLight);
  }
  
  .lightBluetheme .evo-icon,
  .lightBluetheme .evo-icon:after,
  .lightBluetheme .evo-icon:before,
  .lightBluetheme::after {
    background-color:var(--blueLight);
  }
  
  .yellowtheme .evo-icon,
  .yellowtheme .evo-icon:after,
  .yellowtheme .evo-icon:before,
  .yellowtheme::after {
      background-color: #fcd12d;
  }
  
  .yellowtheme {
      color: #fcd12d;
  }
  
  .greentheme .evo-icon,
  .greentheme .evo-icon:after,
  .greentheme .evo-icon:before,
  .greentheme::after {
      background-color: #8cc63f;
  }
  
  .greentheme {
      color: #8cc63f;
  }
  
  .lightblue .evo-icon,
  .lightblue .evo-icon:after,
  .lightblue .evo-icon:before,
  .lightblue::after {
      background-color: #3fd4d6;
  }
  
  .lightblue {
      color: #3fd4d6;
  }
  
  .lightblue .evo-icon,
  .lightblue .evo-icon:after,
  .lightblue .evo-icon:before,
  .lightblue::after {
      background-color: #3fd4d6;
  }
  
  .lightblue {
      color: #3fd4d6;
  }
  
  .darkyellowtheme .evo-icon,
  .darkyellowtheme .evo-icon:after,
  .darkyellowtheme .evo-icon:before,
  .darkyellowtheme::after {
      background-color: #ffa900;
  }
  
  .darkyellowtheme {
      color: #ffa900;
  }
  
  .darkbluetheme .evo-icon,
  .darkbluetheme .evo-icon:after,
  .darkbluetheme .evo-icon:before,
  .darkbluetheme::after {
      background-color: #1c427d;
  }
  
  .darkbluetheme {
      color: #1c427d;
  }
  
  ::-webkit-scrollbar {
      width: 15px;
      height: 10px;
  }
  
  .evoluationsOuter ::-webkit-scrollbar {
      width: 15px;
      height: 10px;
  }
  
  .evoluationsOuter::-webkit-scrollbar-thumb {
      border-radius: 10px;
  }
  .darkBluetheme .evo-history{ padding-bottom: 20px;}
  .teamInnerPage .member-outer-box:last-child {    width: 50%;
    grid-column: 2 / 4;
    margin: auto;}
    .teamMsg { padding: 40px 0 0 0 ;}
    
    .productList .vc_column-inner > .wpb_wrapper{ background: var(--white); box-shadow: 0 0 11px #e5e5e5; height: 100%; margin-bottom: 30px;}
    h3.productTitle { text-align: center; padding: 15px  0 10px 0; font-weight: bold;}  
    .productList .wpb_content_element { margin-bottom: 0px;}
  
    .productList .vc_column-inner > .wpb_wrapper:hover {box-shadow: 0 0 11px #cacaca;}
    .colom-2 { padding: 0 18%;}
  
    table, td { font-size: 12px; border: none;}
    table { width: 100%;border: solid 1px #f5f5f5;}
    table.smallTable { width: 34%; margin: 0;}
    table img { margin: 0 auto !important}
      table td { padding:7px 5px; text-align: center;}
     table tr:nth-child(even) {background: #f5f5f5}
     table tr td:first-child { text-align: left; width: 130px;  font-weight: bold; }
     table tr:nth-child(odd) {background: #FFF}
     .percent {background: #f5f5f5; display: block; height: 100%; width: 100%; }
     .percent p {margin: 0;}
  
     .productBtn {
      display: flex;
      justify-content: center;
      width: 100%;
      padding: 30px 0 30px 0;
  }
  
  .productBtn a {
    background-color: #0F4194;
    color: #fff;
    margin-right: 15px;
    padding: 15px 50px;
  }
  
  .productBtn a:nth-child(2) {
    background-color: #34a443;
  }
  
  
  
  .productList .vc_column-inner > .wpb_wrapper:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
  .QualitycontrolOuter { padding: 40px 0;}
  .QualitycontrolOuter  p{ color: var(--white);}
  .QualitycontrolOuter h2 { padding-bottom: 20px;}
  .controlBox .vc_column-inner > .wpb_wrapper { background-color: #fff; height: 100%; margin-top: 20px;}
  .controlBox .vc_column-inner > .wpb_wrapper img { width: 100%;}
  .controlBox .wpb_single_image .vc_figure, .controlBox .wpb_single_image .vc_single_image-wrapper { width: 100%;}
  .QualitycontrolOuter  .controlBox p { color: var(--black);}
  .controlBox  .text , .controlBox h2 { padding: 0 30px; color: var(--black);}
  
  .controlBox h2 { padding-bottom: 10px;}
  
  .blogOuter {
    padding: 80px 0;
  }
  .blogListing, .widget, .post-navigation, #comments {
    background-color: white;
    box-shadow: 0 0 9px rgb(2 3 3 / 12%);
    padding: 20px;
    margin: 0 0 40px 0;
  }
  
  .blogTitle h1, .blogTitle h2 {
    font-size: 24px;
    margin: 15px 0;
  }
  .blogListing, .widget, .post-navigation, #comments {
    background-color: white;
    box-shadow: 0 0 9px rgb(2 3 3 / 12%);
    padding: 20px;
    margin: 0 0 40px 0;
  }
  .widget  .widget { background: none; box-shadow: none; padding: 0; margin: 0;}
  .blogbanner { background: url(../images/blog-banner.jpg) no-repeat center center; display: flex; justify-content: center;}
  
  .blogTitle a { color: var(--black);}
  .glorious_slidebar ul li a { color: var(--black);}
  .wp-block-group { margin: 0 !important;}
  .wp-block-group h2 { color: var(--orange);}
  .glorious_slidebar ul { margin: 15px  0 0 0!important;}
  .blogOuter .basicBtn { display: flex; }
  .blogOuter .basicBtn  a { font-size: 14px; line-height: 17px;}
  .blogpanelBar { padding: 15px 0 ; display: none;}
  .pagetitle { padding: 0px 0 20px 0 ;}
  .blogimg { padding-bottom: 20px;}
  
  .productOuterListing01 {
    display: grid;
    position: relative;
    grid-template-columns: auto auto auto;
    grid-gap: 40px;
    text-align: center;
  }
  
  .mhn-item {
    cursor: pointer;
  }
  
  .mhn-inner {
    overflow: hidden;
    background-color: #000;
    position: relative;
  }
  
  .group-of-company-product .productTitle {
    bottom: 10px;
  }
  
  .productOuterListing01 .productTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 100;
  }
  .mhn-item:hover .productTitle {
    bottom: 50px;
  }
  .mhn-inner:hover img {
    opacity: 0.5;
  }
  .productOuterListing01 .productTitle , .productOuterListing01 .productTitle  a { color: var(--white);}
  .comanyListBox { background: var(--white); padding: 30px 15px; margin-bottom: 50px;}
  .comanyListBox strong { color: var(--orange);}
  .boxRight { padding: 55px 0px 0 0 }
  .comanyListBox-2 .productTitle , .comanyListBox-2 .productTitle  a, .comanyListBox-2 h2 { color: var(--blueLight); font-size: 14px;}
  .comanyListBox-2 .mhn-item:hover  .productTitle h2{ color: var(--white) ;}
  .addressRow { background: var(--white);     box-shadow: 0 0 11px #dddcdc; padding: 15px; margin-bottom: 30px;}
  .addressRow .vc_icon_element , .addressRow .wpb_content_element { margin-bottom: 0;}
  .addressRow .vc_column-inner { padding: 0px;}
  .addressRow .vc_col-sm-2 { width: 12%;}
  .contactuspage { padding: 50px 100px;}
  .addressRow a { color: #5c5c5c;}
  .grpcomputerOuter { padding: 70px 0 ;}
  span.phoneNumber, span.emailtop { color: var(--black);}
  
  .primary-menu li.menu-item-has-children:hover  ul ul {left: 100% !important; width: 25rem;}
  .vc_pagination , .primary-menu ul ul::after { display: none !important;}