:root {
    --theme-color-two: #015198;
}

*, ::after, ::before {
    border-color: #c2c2c2;
}
@media (min-width: 1536px) {
    .\32xl\:mx-64 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}
.aspect-video{
    aspect-ratio: 16 / 9;
}
.cu-w-middle-header{
    max-height:inherit;
}
.cu-w-middle-header div  > div.flex.justify-between{
    align-items: center;
}
.cu-w-middle-header div  > div.flex.justify-between:first-child  div.hidden div {
    height:auto;
}
.cu-w-middle-header div  > div.flex.justify-between:first-child div.hidden a img{
    max-width:150px;
    width:100%;
    height:auto;
    margin-top:0px;
}
.custom-swiper .prev:hover,.custom-swiper .next:hover,.category-hover:hover,.menuss-hover:hover,.categories-menu:hover{
    color:#fff !important;
}
.chat-parent-container *{
    color:#fff !important;
}
.chat-parent-container .chat-message-icon path{
    fill:#fff;
}
.elist-view{
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px 6px;
    background-color: #fff;
}
.elist-view .elist-img{
    border:none;
}
.egrid-view .elist-img{
    padding: 10px 0px;
}
.egrid-view .elist-img img{
    width: auto;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.cu-hover-icon .primary-bg-color{
    color: #fff;
}
.cu-hover-icon .add-to-cart .primary-bg-hover:hover svg path{
    fill: #fff;
}
.cu-hover-icon .wishlist.primary-bg-hover:hover svg path{
    stroke: #fff;
}
.cubtn-orange {
    background-color:#fc4e1a !important;
    border: 1px solid #fc4e1a;
    color: #fff;
}
.cubtn-orange:hover, .cubtn-orange:active, .cubtn-orange.active, .cubtn-orange.disabled, .cubtn-orange[disabled] {
    background: #8782f6 !important;
    border: 1px solid #8782f6 !important;
    color: #fff !important;
}
.cubtn-green{
    background-color:#008000!important;
    border: 1px solid #008000;
    color: #fff;
}
.cubtn-green:hover, .cubtn-green:active, .cubtn-green.active, .cubtn-green.disabled, .cubtn-green[disabled] {
    background: #1F991F!important;
    border: 1px solid #1F991F!important;
    color: #fff !important;
}
.cubtn-blue{
    background-color:#00A0E3!important;
    border: 1px solid #00A0E3;
    color: #fff;
}
.cubtn-blue:hover, .cubtn-blue:active, .cubtn-blue.active, .cubtn-blue.disabled, .cubtn-blue[disabled] {
    background: #2FB1E9!important;
    border: 1px solid #2FB1E9!important;
    color: #fff !important;
}
.cubtn-yellow {
    background-color: #f1ba00 !important;
    border: 1px solid #f1ba00 !important;
    color: #000 !important;
}
.cubtn-yellow:hover, .cubtn-yellow:active, .cubtn-yellow.active, .cubtn-yellow.disabled, .cubtn-yellow[disabled] {
    background-color: #ffc400 !important;
    border: 1px solid #ffc400 !important;
}
.primary-bg-color .text-gray-12,.primary-bg-color.text-gray-12{
    color:#fff !important;
}
.cu-inquirymodal-heading {
    font-weight: 700;
    font-size: 20px;
}
.cufilter-counter{
    border-radius: 3px;
    background: #eee;
    color: #868686;
    padding: 0 4px;
    float: right;
    line-height: 20px;
    position: relative;
    margin-left: 4px;
    outline: 0 !important;
    position: relative;
    font-size: 12px;
}
.cufilter-counter:after{
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #eee; 
    border-width: 4px;
    margin-top: -4px;
}
.cufilter-title{
    cursor: pointer;
    background: var(--theme-color-two);
    font-size: 13px;
    border-top: 1px solid var(--theme-color-two);
    padding: 7px 8px;
    color: #fff;
}
.cu-mt-0{
    margin-top:0px !important;
}
.cu-mb-0{
    margin-bottom:0px !important;
}
.dropdown .dropdown-menu li:hover {
    background-color: var(--primary-color);
    color: #fff;
}
.ele-clearance-stock {
    content: "";
    background:  #015198;
    color: #fff !important;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 8px;
    text-wrap: nowrap;
}
.cu-center-item{
    display:flex !important;
    align-items:center;
}
.cu-clearance-searchbar table {
    width: 100%;
    border-collapse: collapse;
}
.cu-clearance-searchbar th,.cu-clearance-searchbar td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.cu-clearance-searchbar th {
    background-color: var(--theme-color-two);
    color: white;
}
.cu-w-middle-header .header-searchbar-margin form div.search-border{
    border-color:var(--theme-color-two);
}
.cu-w-middle-header .header-searchbar-margin form div.search-border svg path{
    fill:var(--theme-color-two);
}
.cu-w-middle-header .header-searchbar-margin form div.search-border button.border-gray-300{
border-color: var(--theme-color-two);
}
.cu-text-theme{
    color: var(--theme-color-two);
}
.cu-text-red{
    color: red;
}
.mr-auto{
    margin-right: auto;
}
.cu-contact-img{
    max-height: 790.5px;
}
.cu-max-100{
max-height: 100%;
width: 100%;
}
.cu-categorybtn {
  color: #000 !important;
  background: #f1ba00 !important;
  border-radius: 0;
  font-weight: 500 !important;
}
.cu-categorybtn:hover {
  color: #fff !important;
  background-color: var(--theme-color-two) !important;
}
.cu-categorybtn:hover svg path{
fill:#fff !important;
}
.cu-iconbox-grid .grid .cu-iconbox:last-child .lead{
    border-right: none !important;
}
.cu-px-0{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.cu-flex{
    display: flex !important;
    height: auto;
}
.cu-sidenav.bg-gray-12{background-color:#E8E8E8 !important;} 
.cu-sidenav.text-gray-2{color:#212425 !important;}
.cu-sidenav svg path{fill: #212425 !important;}
.w-auto{width: auto;}

.image-viewer-popup .image-viewer-content {
    max-width: 500px;
    width: 100%;
    aspect-ratio: 1/1;
    background-color:#fff;
}
.image-viewer-popup > div {
background-color:#000000a6;
}
.image-open-view-modal-close-div ,.inquiry-close-btn.bg-colse{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background-color: pink;*/
}
.home-bg-color{
    background-color:  var(--theme-color-two);
    padding: 1px;
}
#product-description-panel .fa-file-pdf-o{
color:red !important;
}
.text-xss {
    font-size: 13px;
}
.text-xs {
    font-size: .85rem;
    line-height: 1rem;
}
.cu-brand .grow:hover {
    transform: scale(.8);
}
.whychooseus {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.whychooseus > div{width: 50%;padding: 20px;}
.whychooseus .right-section{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.video-box {background-image: url('https://www.aecswitchgear.com/wp-content/uploads/2023/02/Image.jpg');background-size: cover;background-position: center;min-height: 400px;max-width: 450px;width: 100%;margin: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.video-box .play-btn{height: 60px;width: 60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 24px;color: #f1ba00;background-color: #fff;border-radius: 100%;position: relative;}
.video-box .play-btn:before, .video-box .play-btn:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;animation: ripple 3s infinite;-webkit-animation: ripple 3s infinite;box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);}
.video-popup a:before {animation-delay: .9s;-webkit-animation-delay: .9s;}
.video-popup a:after {animation-delay: .6s;-webkit-animation-delay: .6s;}
@keyframes ripple {
    from {opacity: 1;-webkit-transform: scale3d(1,1,1.2);transform: scale3d(1,1,1.2)}
    to {opacity: 0;-webkit-transform: scale3d(1.5,1.5,1);transform: scale3d(1.5,1.5,1)}
}
@-webkit-keyframes ripple {
    from {opacity: 1;-webkit-transform: scale3d(1,1,1.2);transform: scale3d(1,1,1.2)}
    to{opacity: 0;-webkit-transform: scale3d(1.5,1.5,1);transform: scale3d(1.5,1.5,1)}
}
.popup{display: none; position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;}
.popup-box{height: 100%;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.popup-content{border: 1px solid #888;max-width: 700px;width: 100%;}
.closeBtn{color: #fff;font-size: 28px;font-weight: bold;position: absolute;top: 20px;right: 20px;}
.closeBtn:hover,.closeBtn:focus{color: #fff;text-decoration: none;cursor: pointer;}
.whychooseus-content h2{font-size: 30px;font-weight: 900;line-height: 1.2;color: #03132b;}
.whychooseus-content p{font-size: 18px;line-height: 1.4;max-width: 500px;width: 100%;}
.whychooseus-content ul li > span:first-child{color: #f1ba00;font-size: 18px;}
.whychooseus-content ul li {margin-bottom: 6px;}



/*========================================================*/
.location-page-title{
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
  color: #2c2c2c;
  text-align: center;
}
.location-box{
    background-color: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 12px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.location-box .location-box-content{
    width: 35%;
    padding: 20px;
}
.location-box .location-box-map{
    width: 65%;
}
.location-box .location-box-content .img-box{
    border-radius: 100%;
    padding: 20px;
    background-color: #fcca19;
    display: inline-block;
}
.location-box .location-box-content h3{
    font-size: 22px;
    font-weight: bold;
}
.location-box .location-box-content a{
    text-decoration: none;
    color: #1a73e8;
}
.location-box .location-box-content a:hover{
    text-decoration: underline;
}
.cu-blog-detail .break-all{
    word-break: break-word ;
}
.cu-specification-panel *{
    border-color: #000000 !important;
}
.cu-specification-panel .text-gray-10{
    color: #000000 !important;
}
.cu-specification-panel table tr td{
    color: #000000 !important;
}
/*========================================================*/
@media (max-width: 768px) {
.cu-mbcolor-svg svg path{
fill:#fff !important;
}
.burger path{
    fill:#fff  !important;
   }
.cu-cartbtn{
bottom:3.3rem !important;
}
.cu-cartbtn svg path{
stroke:#fff !important;
}
.cu-brand-img img{
    max-height: 8rem;
}
.fx-column{
    flex-direction: column-reverse;
}
.cupy-md-2{
    padding-top: 4px;
    padding-bottom: 6px;
}
.whychooseus > div{
    width: 100%;
    padding: 10px;
}
.location-box .location-box-content{
    width: 100%;
}
.location-box .location-box-map{
    width: 100%;
}
.location-page-title{
  font-size: 28px;
  
}
}

@media (max-width: 480px) {
  .elist-view {
    flex-wrap: wrap;
  }
  .elist-view .elist-img{
      height: auto !important;
      width: 100%;
  }
  .elist-view .elist-img > div{
      width: 65% !important;
      margin: auto!important;
      
  }
  .elist-view table tbody{
      font-size: 12px;
  }
}
.shippingpolicy  #igg3a > b{
font-size:18px;
margin-bottom:6px;
display:inline-block;
}
.cu-returnpolicy h3{
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 6px;
      margin-top: 0;
    }
    .cu-returnpolicy ul{
      padding-left: 30px;
      list-style: disc;
      margin-bottom: 20px;
    }
    .cu-returnpolicy li{
      font-size: 16px;
      margin-bottom: 4px;
    }
.add-to-cart {
  display: none !important;
}